/* iCheck plugin Rockford Fosgate custom skin
----------------------------------- */
.icheckbox_rf,
.iradio_rf {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 14px;
    height: 14px;
    background: url(/static/lib/icheck/custom.png?359df782c936) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_rf {
    background-position: -13px 0;
    margin-right: 5px;
}
    /* TODO: Need a hover icon? */
    /*.icheckbox_rf.hover {*/
    /*    background-position: -13px 0;*/
    /*}*/
    .icheckbox_rf.checked {
        background-position: -28px 0;
    }
    /* The following don't seem to have been modified from the square, grey style and probably aren't used */
    /*.icheckbox_rf.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_rf.checked.disabled {
        background-position: -96px 0;
    }*/

.iradio_rf {
    background-position: -83px 0;
    width: 15px;
}
    /* TODO: need a hover icon? */
    /*.iradio_rf.hover {*/
    /*    background-position: -83px 0; */
    /*}*/
    .iradio_rf.checked {
        background-position: -97px 0;
    }
    /* The following don't seem to have been modified from the square, grey style and probably aren't used */
    /*.iradio_rf.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_rf.checked.disabled {
        background-position: -216px 0;
    }*/

/* HiDPI support */
/*@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {*/
/*    .icheckbox_rf,*/
/*    .iradio_rf {*/
/*        background-image: url(/static/lib/icheck/grey@2x.png?359df782c936);*/
/*        -webkit-background-size: 240px 24px;*/
/*        background-size: 240px 24px;*/
/*    }*/
/*}*/

@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

body, body * {
  box-sizing: border-box; }

h1, h2, h3, h4, h5 {
  font-weight: normal; }

@font-face {
  font-family: 'Helvetica Neue Bold';
  src: url("/static/fonts/helvetica-neue/HelveticaNeueLTCom-Bd.ttf?359df782c936") format("truetype"); }

@font-face {
  font-family: 'Helvetica Neue Light';
  src: url("/static/fonts/helvetica-neue/HelveticaNeueLTCom-Lt.ttf?359df782c936") format("truetype"); }

@font-face {
  font-family: 'Helvetica Neue';
  src: url("/static/fonts/helvetica-neue/helveticaneue-regular-webfont.ttf?359df782c936") format("truetype"); }

@font-face {
  font-family: 'Helvetica Neue';
  src: url("/static/fonts/helvetica-neue/helveticaneue-italic.ttf?359df782c936") format("truetype");
  font-style: italic; }

@font-face {
  font-family: 'Helvetica Neue Bold Condensed';
  src: url("/static/fonts/helvetica-neue/HelveticaNeueLTCom-BdCn.ttf?359df782c936") format("truetype"); }

@font-face {
  font-family: 'Helvetica Neue Regular';
  src: url("/static/fonts/helvetica-neue/HelveticaNeueLTCom-Hv.ttf?359df782c936") format("truetype"); }

@font-face {
  font-family: 'Source Sans Pro Regular';
  src: url("/static/fonts/source-sans-pro/SourceSansPro-Regular.ttf?359df782c936") format("truetype"); }

@font-face {
  font-family: 'Source Sans Pro Regular';
  src: url("/static/fonts/source-sans-pro/SourceSansPro-Italic.ttf?359df782c936") format("truetype");
  font-style: italic; }

@font-face {
  font-family: 'Source Sans Pro Regular';
  src: url("/static/fonts/source-sans-pro/SourceSansPro-Bold.ttf?359df782c936") format("truetype");
  font-weight: bold; }

@font-face {
  font-family: 'Source Sans Pro SemiBold';
  src: url("/static/fonts/source-sans-pro/SourceSansPro-Semibold.ttf?359df782c936") format("truetype"); }

@font-face {
  font-family: 'Source Sans Pro Light';
  src: url("/static/fonts/source-sans-pro/SourceSansPro-Light.ttf?359df782c936") format("truetype"); }

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/static/fonts/source-sans-pro/SourceSansPro-Black.ttf?359df782c936) format("truetype"); }

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/static/fonts/source-sans-pro/SourceSansPro-BlackItalic.ttf?359df782c936) format("truetype"); }

.content-title {
  font-size: 24px;
  font-family: "Helvetica Neue Bold";
  letter-spacing: 0;
  line-height: 36px; }

.body-copy {
  font-size: 16px;
  font-family: "Source Sans Pro Regular", monospace;
  letter-spacing: 0;
  line-height: 26px; }

.captions-copy {
  font-size: 14px;
  font-family: "Source Sans Pro Regular", monospace;
  letter-spacing: 0;
  line-height: 20px; }

.secondary-title {
  font-size: 16px;
  font-family: "Helvetica Neue Regular", "Helvetica", "Arial", "sans-serif";
  letter-spacing: 9.375;
  text-transform: uppercase;
  font-weight: 100; }

/* #Breakpoints
================================================== */
@keyframes sound {
  0% {
    opacity: 1;
    height: 1px; }
  100% {
    opacity: 1;
    height: 16px; } }

.no-scroll {
  overflow: hidden !important; }

body,
html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  position: relative;
  color: #272727;
  font-family: "Source Sans Pro Regular", monospace;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

* {
  box-sizing: border-box; }

body {
  background-color: #272727;
  transition: 0.3s left ease;
  left: 0;
  position: relative;
  overflow-x: hidden; }
  body.nav-open {
    left: 320px; }

.h0,
h1,
h2 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  color: #272727; }

p {
  font-family: "Source Sans Pro Regular", monospace; }

.mobile {
  display: none; }
  @media (max-width: 1052px) {
    .mobile {
      display: block !important; } }
.desktop {
  display: block; }
  @media (max-width: 1052px) {
    .desktop {
      display: none !important; } }
.clear {
  clear: both; }

.clear:after {
  content: '';
  display: table;
  clear: both; }

.h0 {
  font-size: 36px; }

h1 {
  font-size: 36px; }

h2 {
  font-size: 30px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 16px; }

var {
  font-style: italic; }

sub {
  vertical-align: sub;
  font-size: 0.8em; }

sup {
  vertical-align: super; }

/* Helper Classes*/
.uc {
  text-transform: uppercase; }

.center {
  text-align: center; }

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

img {
  max-width: 100%; }

.gray-bg {
  background: #f8f8f8; }

.show-more-bar {
  border-top: 1px solid #e7e7e7;
  color: #585858;
  margin-top: 20px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Source Sans Pro Regular", monospace;
  line-height: 26px;
  letter-spacing: 0.1em;
  cursor: pointer;
  margin-bottom: 20px;
  transition: all 0.2s; }
  .show-more-bar:hover {
    color: #272727; }

.select-quantity-wrap {
  display: inline-block; }
  .select-quantity-wrap label {
    font-family: "Helvetica Neue", "sans-serif";
    font-size: 14px;
    line-height: 36px;
    display: inline-block;
    float: left;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-right: 10px; }
  .select-quantity-wrap .select-quantity {
    width: 104px;
    height: 35px;
    float: left;
    position: relative;
    border: 1px solid #272727; }
    .select-quantity-wrap .select-quantity span {
      width: 35px;
      height: 34px;
      position: absolute;
      top: 0;
      cursor: pointer;
      background: #272727;
      z-index: 1;
      font-family: "Helvetica Neue Light";
      font-size: 20px;
      text-align: center;
      line-height: 32px;
      color: #fff; }
      .select-quantity-wrap .select-quantity span.minus {
        left: 0; }
      .select-quantity-wrap .select-quantity span.plus {
        right: 0; }
    .select-quantity-wrap .select-quantity input {
      width: 100%;
      height: 100%;
      border: none;
      position: absolute;
      left: 0;
      top: 0;
      padding-left: 35px;
      padding-right: 35px;
      text-align: center;
      outline: none;
      font-size: 14px;
      font-family: "Helvetica Neue", "sans-serif"; }
  .select-quantity-wrap:after {
    content: '';
    display: table;
    clear: both; }
  .select-quantity-wrap.disabled label {
    opacity: 0.75; }
  .select-quantity-wrap.disabled .select-quantity {
    border: none; }
    .select-quantity-wrap.disabled .select-quantity span {
      cursor: default;
      opacity: 0.5; }

.custom-select-wrap {
  display: inline-block;
  width: 70px; }
  .custom-select-wrap select {
    display: block;
    width: 100%;
    padding: 0 5px;
    text-transform: uppercase;
    appearance: none;
    -webkit-appearance: none;
    height: 30px;
    background: url("/static/images/icons/size-arrow.png?359df782c936") #fff no-repeat right center;
    outline: none;
    border-color: #272727;
    border-radius: 0; }
    .custom-select-wrap select:disabled {
      border-color: #bbbbbb;
      cursor: not-allowed; }

.f-right {
  float: right; }

.f-left {
  float: left; }

.f-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

/* Tooltip More Info */
.hover-more-info {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
  z-index: 99; }
  .hover-more-info > span {
    display: block;
    cursor: pointer; }
    .hover-more-info > span span {
      font-size: 16px;
      font-family: "Source Sans Pro Regular", monospace;
      text-decoration: underline; }
  .hover-more-info .more-info-text {
    width: 400px;
    padding: 1px 40px 30px;
    border: 1px solid #e7e7e7;
    position: absolute;
    left: 50%;
    bottom: 30px;
    text-align: left;
    background: #fff;
    transform: translateX(-30%);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s; }
    .hover-more-info .more-info-text h2 {
      text-transform: uppercase;
      margin-top: 40px;
      font-size: 20px; }
    .hover-more-info .more-info-text p {
      font-size: 14px;
      line-height: 20px; }
  .hover-more-info:hover .more-info-text {
    z-index: 9;
    visibility: visible;
    opacity: 1; }

.separator {
  width: 100%;
  height: 30px;
  display: block; }

.icon-chevron-left {
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("/static/images/icons/chevron-left.png?359df782c936") no-repeat center center; }

.slick-slide {
  outline: none; }

::-webkit-input-placeholder {
  color: #272727; }

::-moz-placeholder {
  color: #272727; }

:-ms-input-placeholder {
  color: #272727; }

:-moz-placeholder {
  color: #272727; }

/* Rock Radio Buttons */
.radio {
  width: 18px;
  height: 18px;
  display: inline-block;
  float: left;
  border: 1px solid #272727;
  border-radius: 50%;
  margin-right: 11px;
  position: absolute; }
  .radio:after {
    display: inline-block;
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 50%;
    top: 2px;
    left: 2px;
    transition: all linear 0.2s; }

input[data-rock-radio][type="radio"] {
  position: absolute;
  width: 0;
  visibility: hidden;
  opacity: 0; }
  input[data-rock-radio][type="radio"]:checked ~ .radio:after {
    background-color: #272727; }

.top-message-content {
  background: #d60925;
  height: 56px;
  -webkit-box-shadow: inset 0px 10px 26px -10px rgba(0, 0, 0, 0.68);
  -moz-box-shadow: inset 0px 10px 26px -10px rgba(0, 0, 0, 0.68);
  box-shadow: inset 0px 10px 26px -10px rgba(0, 0, 0, 0.68);
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 14px 0 0; }
  .top-message-content .link {
    padding: 8px 18px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-family: "Source Sans Pro Regular";
    font-size: 14px;
    letter-spacing: 0.8px;
    -webkit-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    margin-left: 10px; }
    .top-message-content .link .bracket {
      position: absolute; }
    .top-message-content .link .bracket.top-left {
      border-top: 1px solid #fff;
      border-left: 1px solid #fff;
      height: 6px;
      width: 6px;
      top: 0;
      left: 0; }
    .top-message-content .link .bracket.top-right {
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      height: 6px;
      width: 6px;
      top: 0;
      right: 0; }
    .top-message-content .link .bracket.bottom-left {
      border-bottom: 1px solid #fff;
      border-left: 1px solid #fff;
      height: 6px;
      width: 6px;
      bottom: 0;
      left: 0; }
    .top-message-content .link .bracket.bottom-right {
      border-bottom: 1px solid #fff;
      border-right: 1px solid #fff;
      height: 6px;
      width: 6px;
      bottom: 0;
      right: 0; }
  .top-message-content .close {
    position: absolute;
    right: 20px;
    top: 6px;
    border: 0;
    height: 44px;
    width: 44px;
    background: url(/static/images/close.png?359df782c936) no-repeat center;
    cursor: pointer; }
  @media (max-width: 1052px) {
    .top-message-content {
      padding: 14px 50px 13px 50px;
      position: relative;
      height: auto;
      line-height: 22px; }
      .top-message-content .top-message-text {
        display: block; }
      .top-message-content .link {
        padding: 6px 18px;
        margin: 8px 0 0 0; }
      .top-message-content .close {
        top: 0;
        right: 0;
        width: 50px;
        height: 100%; } }
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
  opacity: 0.9;
  filter: alpha(opacity=90); }

#colorbox {
  outline: 0; }

#cboxContent {
  margin: 42px;
  overflow: visible;
  background: transparent; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  background: transparent;
  padding: 1px; }

#cboxLoadingGraphic {
  background: url(/static/images/loading.gif?359df782c936) no-repeat center center; }

#cboxLoadingOverlay {
  background: #000; }

#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #fff;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  font-size: 18px; }

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: url(/static/images/controls.png?359df782c936) no-repeat 0 0; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxPrevious {
  background-position: 0px 0px;
  right: 44px; }

#cboxPrevious:hover {
  background-position: 0px -25px; }

#cboxNext {
  background-position: -25px 0px;
  right: 22px; }

#cboxNext:hover {
  background-position: -25px -25px; }

#cboxClose {
  right: -42px;
  background: url(/static/svg/modal-close.svg?264618520540) no-repeat;
  height: 40px;
  width: 40px;
  background-size: cover;
  top: -42px; }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px; }

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px; }

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px; }

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px; }

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px; }

.main-content {
  min-height: calc(100% + 90px);
  position: relative;
  background-color: #fff;
  padding-top: 107px; }
  @media (max-width: 1052px) {
    .main-content {
      padding-top: 65px;
      padding-bottom: 0px; } }
.sitewide_message .main-content {
  padding-top: 163px; }
  @media (max-width: 1052px) {
    .sitewide_message .main-content {
      padding-top: 156px; } }
.content-container {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto; }

.rock-container {
  width: 75%;
  margin-left: auto;
  margin-right: auto; }

body.dark .main-content {
  background-color: #1c1c1c; }

body.light .main-content {
  background-color: #fff; }

/* Grid */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.grid {
  background: white;
  margin: 0 0 20px 0; }

.grid:after {
  /* Or @extend clearfix */
  content: "";
  display: table;
  clear: both; }

@media screen and (min-width: 480px) {
  [class*='col-'] {
    float: left;
    padding-right: 20px; }
  .grid [class*='col-']:last-of-type {
    padding-right: 0; }
  .col-2-3 {
    width: 66.66%; }
  .col-1-3 {
    width: 33.33%; }
  .col-1-2 {
    width: 50%; }
  .col-1-4 {
    width: 25%; }
  .col-1-8 {
    width: 12.5%; }
  .module {
    padding: 20px;
    background: #eee; }
  /* Opt-in outside padding */
  .grid-pad {
    padding: 20px 0 20px 20px; }
  .grid-pad [class*='col-']:last-of-type {
    padding-right: 20px; } }

.secondary-btn {
  display: inline-block;
  width: 100%;
  border: 1px solid #1c1c1c;
  color: #1c1c1c;
  padding: 1em;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  background-color: #fff; }
  .secondary-btn:active, .secondary-btn.active {
    background: #1c1c1c;
    color: #fff; }

.dark-secondary-btn {
  display: inline;
  color: #fff;
  font-family: "Helvetica Neue Light";
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 12px;
  padding: 10px;
  margin: 0 auto;
  margin-top: 20px;
  cursor: pointer;
  transition: 0.4s all ease; }
  .dark-secondary-btn, .dark-secondary-btn a {
    color: #fff; }
  .dark-secondary-btn a {
    text-decoration: none; }
  .dark-secondary-btn .line {
    padding-top: 3px;
    width: 0;
    margin: auto;
    border-bottom: 1px solid #fff;
    transition: 0.4s all ease; }

.dark-secondary-btn:hover .line {
  width: 80px; }

.white-border-box {
  border: 1.5px solid #fff;
  width: 163px;
  min-height: 36px;
  box-sizing: border-box;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Helvetica Neue", "sans-serif";
  font-size: .825em;
  text-align: center;
  letter-spacing: 0.05em;
  padding-top: 8px; }

.transparent-btn {
  display: inline-block;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  font-family: "Helvetica Neue", "sans-serif";
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1;
  height: 35px;
  padding: 0 30px;
  outline: none;
  text-transform: uppercase;
  cursor: pointer; }

.dark-btn {
  background: #1c1c1c;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  padding: 11px 22px;
  text-decoration: none;
  font-family: 'Helvetica Neue';
  font-size: 13px;
  letter-spacing: 0.15em;
  margin-top: 16px;
  cursor: pointer;
  border: 0; }
  @media (max-width: 350px) {
    .dark-btn {
      font-size: 9px; } }
  .dark-btn:not(:disabled):hover {
    background: #454545; }
  .dark-btn:disabled {
    cursor: default; }
  .dark-btn.add-to-cart {
    font-size: 14px;
    letter-spacing: 0.05em;
    margin-top: 0; }

button:disabled {
  opacity: 0.5; }

.btn-bracketed {
  position: relative;
  padding: 8px 30px;
  display: inline-block;
  color: #1e1e1e;
  text-transform: uppercase;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  letter-spacing: 0.8px;
  transition: 0.3s all ease-out;
  cursor: pointer;
  text-decoration: none; }
  .btn-bracketed .bracket {
    position: absolute; }
    .btn-bracketed .bracket.top-left {
      border-top: 1px solid #1e1e1e;
      border-left: 1px solid #1e1e1e;
      height: 6px;
      width: 6px;
      top: 0;
      left: 0; }
    .btn-bracketed .bracket.top-right {
      border-top: 1px solid #1e1e1e;
      border-right: 1px solid #1e1e1e;
      height: 6px;
      width: 6px;
      top: 0;
      right: 0; }
    .btn-bracketed .bracket.bottom-right {
      border-bottom: 1px solid #1e1e1e;
      border-right: 1px solid #1e1e1e;
      height: 6px;
      width: 6px;
      bottom: 0;
      right: 0; }
    .btn-bracketed .bracket.bottom-left {
      border-bottom: 1px solid #1e1e1e;
      border-left: 1px solid #1e1e1e;
      height: 6px;
      width: 6px;
      bottom: 0;
      left: 0; }
  .btn-bracketed:hover {
    padding: 8px 34px;
    color: #4a4a4a; }

.btn-bracketed-new {
  position: relative;
  padding: 8px 30px;
  display: inline-block;
  color: #1e1e1e;
  text-transform: uppercase;
  text-align: center;
  font-family: 'Helvetica Neue';
  font-size: 14px;
  letter-spacing: 0.8px;
  cursor: pointer;
  text-decoration: none; }
  .btn-bracketed-new .bracket {
    position: absolute;
    border-style: solid;
    border-color: #1e1e1e;
    height: 6px;
    width: 6px;
    transition: 0.3s transform ease-out;
    transform: none; }
    .btn-bracketed-new .bracket.top {
      border-top-width: 1px;
      top: 0; }
    .btn-bracketed-new .bracket.left {
      border-left-width: 1px;
      left: 0; }
    .btn-bracketed-new .bracket.right {
      border-right-width: 1px;
      right: 0; }
    .btn-bracketed-new .bracket.bottom {
      border-bottom-width: 1px;
      bottom: 0; }
  .btn-bracketed-new:hover {
    color: #4a4a4a; }
    .btn-bracketed-new:hover .bracket.top.right {
      transform: translate(2px, -2px); }
    .btn-bracketed-new:hover .bracket.bottom.right {
      transform: translate(2px, 2px); }
    .btn-bracketed-new:hover .bracket.bottom.left {
      transform: translate(-2px, 2px); }
    .btn-bracketed-new:hover .bracket.top.left {
      transform: translate(-2px, -2px); }

.parallax-hero {
  position: relative;
  bottom: 14px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #000; }
  .parallax-hero .parallax-hero-background {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
  .parallax-hero .parallax-hero-text {
    position: relative;
    z-index: 1;
    padding: 150px 9% 140px;
    color: #fff; }
    .parallax-hero .parallax-hero-text h1,
    .parallax-hero .parallax-hero-text p {
      max-width: 570px; }
    .parallax-hero .parallax-hero-text h1 {
      font-size: 32px;
      margin-bottom: 40px;
      color: #fff;
      line-height: 36px; }
      .parallax-hero .parallax-hero-text h1 small {
        font-family: "Helvetica Neue", "sans-serif";
        font-size: 14px;
        line-height: 25px;
        font-weight: normal;
        color: #ffe7b5;
        text-transform: uppercase;
        display: block;
        letter-spacing: 0.150em; }
    .parallax-hero .parallax-hero-text p {
      font-size: 16px;
      line-height: 26px;
      font-family: "Source Sans Pro Regular", monospace; }
  .parallax-hero .btn-bracketed {
    color: #ffe7b5;
    font-size: 12px;
    margin-top: 45px; }
    .parallax-hero .btn-bracketed .bracket {
      border-color: #fff; }

.mobile-parallax-image {
  display: none; }

@media (max-width: 667px) {
  .no-mobile-parallax {
    background: #161616; }
    .no-mobile-parallax .parallax-hero-background {
      display: none; }
    .no-mobile-parallax .mobile-parallax-image {
      display: block;
      width: 100%; }
      .no-mobile-parallax .mobile-parallax-image img {
        width: 100%;
        display: block; }
    .no-mobile-parallax .parallax-hero-text {
      padding: 15px 15px 50px;
      margin-top: -70px; }
      .no-mobile-parallax .parallax-hero-text h1 {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 20px; }
        .no-mobile-parallax .parallax-hero-text h1 small {
          font-size: 12px; }
      .no-mobile-parallax .parallax-hero-text p {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.05em; }
      .no-mobile-parallax .parallax-hero-text .btn-bracketed {
        margin-top: 10px; } }

.page-dark-header {
  background-color: #272727;
  text-align: center;
  color: #fff;
  transition: all 0.3s;
  height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  @media (max-width: 801px) {
    .page-dark-header {
      height: auto;
      padding: 15px; } }
  .page-dark-header.small {
    height: 130px; }
  .page-dark-header .dark-header-heading .h0 {
    font-family: 'Helvetica Neue Bold Condensed',sans-serif;
    font-size: 36px;
    margin: 0;
    line-height: 44px;
    color: #fff;
    text-transform: uppercase; }
  .page-dark-header .dark-header-heading h1 {
    font-family: 'Helvetica Neue Bold Condensed',sans-serif;
    font-size: 36px;
    margin: 0;
    line-height: 44px;
    color: #fff;
    text-transform: uppercase; }
  .page-dark-header .dark-header-heading p {
    font-size: 16px;
    line-height: 26px; }

/* Icons */
.iconized-tab-icon,
.icon-box-icon {
  display: block;
  width: 100%;
  height: 90px; }
  .iconized-tab-icon span,
  .icon-box-icon span {
    opacity: 0.0; }
  .iconized-tab-icon.support-home-icon,
  .icon-box-icon.support-home-icon {
    background: url("/static/svg/support/support-support-home.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.knowledge-base-icon,
  .icon-box-icon.knowledge-base-icon {
    background: url("/static/svg/support/support-knowledge-base.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.discontinued-products-icon,
  .icon-box-icon.discontinued-products-icon {
    background: url("/static/svg/support/support-discontinued.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.woofer-wiring-icon,
  .icon-box-icon.woofer-wiring-icon {
    background: url("/static/svg/support/support-wiring-wizard.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.woofer-box-advisor-icon,
  .icon-box-icon.woofer-box-advisor-icon {
    background: url("/static/svg/support/support-box-advisor.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.woofer-boxwizard-icon,
  .icon-box-icon.woofer-boxwizard-icon {
    background: url("/static/svg/support/support-woofer-box-wizard.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.amp-wire-calc-icon,
  .icon-box-icon.amp-wire-calc-icon {
    background: url("/static/svg/support/support-amp-wire-calc.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.repair-status-icon,
  .icon-box-icon.repair-status-icon {
    background: url("/static/svg/support/support-repair.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.support-manual-icon,
  .icon-box-icon.support-manual-icon {
    background: url("/static/svg/support/support-manuals.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.repair-status-2-icon,
  .icon-box-icon.repair-status-2-icon {
    background: url("/static/svg/support/support-repair-status.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.support-warranty-icon,
  .icon-box-icon.support-warranty-icon {
    background: url("/static/svg/support/support-warranty.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.support-warrantypolicy-icon,
  .icon-box-icon.support-warrantypolicy-icon {
    background: url("/static/svg/support/support-warrantypolicy.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.support-pmxconfigurator-icon,
  .icon-box-icon.support-pmxconfigurator-icon {
    background: url("/static/svg/support/support-pmxconfigurator.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.find-answers-icon,
  .icon-box-icon.find-answers-icon {
    background: url("/static/svg/support/support-answers.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.ask-question-icon,
  .icon-box-icon.ask-question-icon {
    background: url("/static/svg/support/support-contact.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.watch-videos-icon,
  .icon-box-icon.watch-videos-icon {
    background: url("/static/svg/support/support-video.svg?264618520540") no-repeat center top; }
  .iconized-tab-icon.support-phone-icon,
  .icon-box-icon.support-phone-icon {
    background: url("/static/images/support/support-phone.png?359df782c936") no-repeat; }
  .iconized-tab-icon.my-account-icon,
  .icon-box-icon.my-account-icon {
    background: url("/static/svg/support/support-my-account.svg?264618520540") no-repeat; }

.icon-box-btn {
  text-decoration: none;
  color: #272727;
  text-align: center;
  max-width: 230px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (max-width: 801px) {
    .icon-box-btn {
      min-width: 200px;
      margin-bottom: 25px; } }
  .icon-box-btn .icon-box-icon {
    margin-bottom: 50px;
    background-size: auto 180px;
    background-position: center top;
    transform: scale(0.8);
    position: relative;
    top: 0;
    transition: top 0.3s ease; }
    @media (max-width: 801px) {
      .icon-box-btn .icon-box-icon {
        transform: scale(0.6);
        margin-bottom: 30px; } }
  .icon-box-btn:hover .icon-box-icon {
    top: 10px; }
  .icon-box-btn h2 {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .icon-box-btn span, .icon-box-btn p {
    display: block;
    font-size: 16px;
    line-height: 26px; }
    @media (max-width: 801px) {
      .icon-box-btn span, .icon-box-btn p {
        font-size: 14px;
        line-height: 20px; } }
/* Pagination */
.pagination {
  padding: 10px 0;
  text-align: center;
  clear: both; }
  .pagination a {
    cursor: pointer;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    color: #585858;
    text-decoration: none;
    font-size: 24px;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 15px;
    letter-spacing: -0.02em;
    transition: color 0.2s; }
    @media (max-width: 667px) {
      .pagination a {
        font-size: 20px; } }
    .pagination a:hover, .pagination a.next-page, .pagination a.prev-page, .pagination a.current {
      color: #272727; }
      .pagination a.current:hover, .pagination a.next-page.current, .pagination a.prev-page.current, .pagination a.current.current {
        text-decoration: underline; }
    .pagination a:last-child {
      margin-right: 0; }

/* Rating Stars */
.product-rating:after {
  content: '';
  display: table;
  clear: both; }

.product-rating-inner {
  width: 95px;
  height: 18px;
  position: relative;
  display: inline-block;
  float: left;
  background: url("/static/images/stars.png?359df782c936") repeat-x 0 -18px;
  background-size: auto 36px;
  overflow: hidden; }
  .product-rating-inner span {
    background: url("/static/images/stars.png?359df782c936") repeat-x 0 0;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-size: auto 36px; }

.rating-text {
  font-size: 14px;
  display: inline-block;
  margin-left: 10px;
  font-family: "Source Sans Pro Regular", monospace; }

/**
 * Visually hide an element, but leave it available for screen readers
 * @link https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css
 * @link http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * @link https://gomakethings.com/hidden-content-for-better-a11y/#hiding-the-link
 * @link https://accessible360.com/accessible360-blog/use-aria-label-screen-reader-text/
 */
.screen-reader {
  position: absolute;
  height: 1px;
  width: 1px;
  border: 0;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  clip: rect(0 0 0 0);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap; }

/**
 * Extends the .screen-reader class to allow the element to be focusable when navigated to via the keyboard
 * @link https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css
 * @link https://www.drupal.org/node/897638
 */
.screen-reader-focusable:active,
.screen-reader-focusable:focus {
  position: static;
  height: auto;
  width: auto;
  clip: auto;
  -webkit-clip-path: none;
  clip-path: none;
  margin: 0;
  overflow: visible;
  white-space: normal; }

html {
  scroll-padding-top: 150px; }

nav .subnav {
  width: 100%;
  z-index: 90;
  background: #f8f8f8;
  padding: 30px 9%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  text-transform: uppercase; }
  nav .subnav h2 {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 21px;
    color: #1e1e1e; }
  nav .subnav .anchors {
    display: flex;
    align-items: center;
    flex-direction: row-reverse; }
    nav .subnav .anchors a {
      text-decoration: none;
      color: #1e1e1e;
      font-family: "Helvetica Neue", "sans-serif";
      font-size: 15px;
      padding: 5px 26px;
      display: block; }
      nav .subnav .anchors a.buy-btn {
        background: #1e1e1e;
        color: #fff;
        font-size: 14px;
        padding: 8px 30px;
        margin-left: 15px; }
    nav .subnav .anchors .arrow {
      display: none; }
  nav .subnav .dropdown {
    display: flex; }

.breadcrumbs {
  position: relative;
  padding-left: 28px;
  color: #1e1e1e;
  z-index: 90;
  height: 44px;
  line-height: 44px; }
  .breadcrumbs .crumb-link {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    font-size: 12px;
    color: #1e1e1e;
    text-decoration: none;
    letter-spacing: 1px;
    position: relative;
    vertical-align: middle;
    margin-right: 6px; }
    .breadcrumbs .crumb-link:after {
      content: "\0BB \020";
      font-size: 14px;
      letter-spacing: 0;
      display: inline-block;
      margin-left: 6px; }
    .breadcrumbs .crumb-link:last-child:after {
      content: ''; }
  @media (max-width: 1052px) {
    .breadcrumbs {
      display: none; } }
nav .subnav-breadcrumbs {
  position: relative;
  z-index: 8; }
  nav .subnav-breadcrumbs .breadcrumbs {
    background: #f8f8f8; }

@media (max-width: 1052px) {
  .nav-main {
    display: flex;
    flex-direction: column-reverse; }
  nav .subnav {
    height: auto;
    z-index: 9;
    padding: 20px 15px;
    position: relative; }
    nav .subnav h2 {
      font-size: 14px;
      letter-spacing: 0.7px; }
    nav .subnav .anchors a.buy-btn {
      font-size: 12px;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      padding: 8px 12px;
      letter-spacing: 1px; }
    nav .subnav .anchors .arrow {
      display: initial;
      width: 14px;
      position: absolute;
      bottom: 3px;
      left: 0;
      right: 0;
      margin: 0 auto;
      transition: 0.3s all ease; }
      nav .subnav .anchors .arrow svg {
        width: 100%; }
    nav .subnav .anchors .dropdown {
      display: block;
      width: 100%;
      z-index: 2;
      position: absolute;
      left: 0;
      top: 100%;
      background: rgba(248, 248, 248, 0.95);
      box-shadow: 0 9px 22px -2px rgba(0, 0, 0, 0.1);
      max-height: 0;
      transition: 0.4s all ease;
      overflow: hidden; }
      nav .subnav .anchors .dropdown > * {
        display: block;
        padding: 20px 20px;
        text-align: left;
        font-family: "Source Sans Pro Regular", monospace;
        text-transform: uppercase;
        font-size: 14px;
        color: #1e1e1e;
        text-decoration: none;
        border-top: 1px solid rgba(74, 74, 74, 0.2); }
    nav .subnav.open .anchors .arrow {
      transform: rotate(180deg); }
    nav .subnav.open .anchors .dropdown {
      max-height: 500px; } }

.navbar {
  background-color: #2b2b2b;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999; }
  .navbar .logo {
    margin-left: 38px; }
  .navbar.dark {
    background-color: #2b2b2b;
    box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.4); }
    .navbar.dark .bottom-bar .cart i {
      color: #fff;
      transition: 0.3s color ease; }
    .navbar.dark .bottom-bar .cart:hover i {
      color: #ffe7b5; }
  .navbar.light {
    background: #fff;
    box-shadow: 0 4px 22px -2px rgba(0, 0, 0, 0.3); }
    .navbar.light .top-bar {
      background-color: #f8f8f8; }
    .navbar.light .bottom-bar {
      background: #fff; }
      .navbar.light .bottom-bar .nav-drop-down h5 {
        color: #272727; }
        .navbar.light .bottom-bar .nav-drop-down h5 a {
          color: #272727; }
      .navbar.light .bottom-bar .logo svg .light-logo-with-text {
        fill: #1e1e1e; }
      .navbar.light .bottom-bar .cart i {
        color: #1e1e1e; }
      .navbar.light .bottom-bar .cart:hover {
        color: #ffe7b5; }
  .navbar .top-bar {
    height: 40px;
    display: flex;
    justify-content: space-between; }
    .navbar .top-bar .top-right a {
      color: #bbbbbb;
      text-decoration: none;
      font-family: "Source Sans Pro Regular", monospace;
      font-size: 14px;
      line-height: 1.759;
      text-align: center;
      padding: 8.5px 25px; }
    .navbar .top-bar .right-bar {
      display: flex;
      align-items: center; }
    .navbar .top-bar .nav-item {
      display: inline-block; }
      .navbar .top-bar .nav-item a {
        color: #bbbbbb; }
      .navbar .top-bar .nav-item:hover a {
        color: #ffe7b5; }
      .navbar .top-bar .nav-item:nth-child(5) {
        border-left: solid 1px #3d3d3d;
        padding-right: 30px;
        padding-left: 10px; }
  .navbar .bottom-bar {
    clear: both;
    background: #272727;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .navbar .bottom-bar .dropdown-links {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
    .navbar .bottom-bar .nav-drop-down {
      display: inline-block;
      padding: 23.5px 0px;
      position: relative;
      cursor: pointer;
      width: 200px;
      text-align: center; }
      @media (max-width: 1370px) {
        .navbar .bottom-bar .nav-drop-down {
          width: auto;
          padding: 25px 29px; } }
      .navbar .bottom-bar .nav-drop-down h5 {
        font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
        text-transform: uppercase;
        letter-spacing: 3px;
        color: #fff;
        margin: 0;
        font-size: 13px;
        line-height: 1; }
        .navbar .bottom-bar .nav-drop-down h5 a {
          color: #fff;
          display: block;
          text-decoration: none;
          width: 100%; }
      .navbar .bottom-bar .nav-drop-down:hover .dropdown-content {
        max-height: 700px;
        background: #fff; }
      .navbar .bottom-bar .nav-drop-down:hover .soundwave .bar {
        visibility: visible;
        animation-play-state: running; }
      .navbar .bottom-bar .nav-drop-down.paused .soundwave .bar {
        animation-play-state: paused; }
  .navbar .cart {
    display: inline-block;
    padding: 10px 48px 10px 30px;
    cursor: pointer; }
    .navbar .cart i {
      color: #fff;
      transition: 0.3s color ease; }
  .navbar .dropdown-content {
    max-height: 0;
    z-index: 2;
    top: 63px;
    margin: 0;
    left: 0px;
    position: absolute;
    min-width: 200px;
    transition: 0.2s all ease-out;
    overflow: hidden;
    border-right: 2px;
    box-shadow: 0px 3px 19px rgba(0, 0, 0, 0.1); }
    @media (max-width: 1370px) {
      .navbar .dropdown-content {
        left: -26px; } }
    .navbar .dropdown-content a {
      color: black;
      display: block;
      text-decoration: none;
      text-align: left;
      padding: 15px 25px;
      color: #2b2b2b;
      font-weight: 400;
      font-family: "Source Sans Pro Regular", monospace;
      font-size: 13.5px;
      letter-spacing: 0.8px;
      line-height: 1.12;
      cursor: pointer; }
      .navbar .dropdown-content a:last-child {
        padding-bottom: 25px; }
      .navbar .dropdown-content a:hover {
        background-color: #d60925;
        color: #fff; }

@media (max-width: 1052px) {
  .mobile-navbar {
    position: relative;
    z-index: 10;
    left: 0;
    display: block;
    width: 100vw;
    background-color: #f8f8f8;
    padding: 10px 12px;
    align-items: center;
    text-align: center;
    transition: 0.3s left ease;
    box-shadow: 0 4px 22px -2px rgba(0, 0, 0, 0.15); }
    .mobile-navbar.nav-open {
      left: 85%;
      height: 100vh;
      top: 0;
      display: flex; }
    .mobile-navbar.dark {
      background-color: #1e1e1e; }
      .mobile-navbar.dark .nav-trigger .text {
        color: #fff; }
      .mobile-navbar.dark .nav-trigger .bar-1,
      .mobile-navbar.dark .nav-trigger .bar-2 {
        background-color: #fff; }
      .mobile-navbar.dark .search-trigger,
      .mobile-navbar.dark .cart-trigger {
        color: #fff; }
      .mobile-navbar.dark .cart-trigger .cart-quantity {
        color: #d60925;
        text-shadow: 0 0 3px white; }
      .mobile-navbar.dark .home-link svg .light-nav-icon {
        fill: #fff; }
    .mobile-navbar .home-link svg {
      width: 43px;
      height: 43px; }
      .mobile-navbar .home-link svg .light-nav-icon {
        fill: #1e1e1e;
        fill-rule: evenodd; }
    .mobile-navbar .nav-trigger {
      position: absolute;
      left: 18px;
      top: 18px;
      height: 37px;
      width: 36px; }
      .mobile-navbar .nav-trigger .text {
        font-size: 9px;
        text-transform: uppercase;
        font-family: "Helvetica Neue Regular", "Helvetica", "Arial", "sans-serif";
        color: #1e1e1e;
        letter-spacing: 0.8px;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: 0.2s all ease; }
      .mobile-navbar .nav-trigger .bar-1 {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #1e1e1e;
        width: 36px;
        height: 3px;
        border-radius: 3px;
        transition: 0.25s all ease;
        transform-origin: top left; }
      .mobile-navbar .nav-trigger .bar-2 {
        position: absolute;
        left: 0;
        top: 12px;
        background-color: #1e1e1e;
        height: 3px;
        width: 22px;
        border-radius: 3px;
        transition: 0.25s all ease;
        transform-origin: bottom; }
      .mobile-navbar .nav-trigger.nav-open .text {
        opacity: 0; }
      .mobile-navbar .nav-trigger.nav-open .bar-1 {
        width: 30px;
        top: 12px;
        height: 2px;
        transform: rotate(45deg); }
      .mobile-navbar .nav-trigger.nav-open .bar-2 {
        width: 30px;
        top: 22px;
        height: 2px;
        transform: rotate(-45deg);
        left: -5px; }
    .mobile-navbar .home-link {
      height: 42px;
      width: 42px;
      margin: 0 auto; }
      .mobile-navbar .home-link img {
        width: 100%; }
    .mobile-navbar .search-trigger,
    .mobile-navbar .cart-trigger {
      color: #1e1e1e;
      position: absolute;
      padding: 12px;
      display: block;
      top: 8px; }
    .mobile-navbar .search-trigger {
      left: 80px; }
    .mobile-navbar .cart-trigger {
      font-size: 21px;
      right: 5px;
      top: 5px; }
      .mobile-navbar .cart-trigger .cart-quantity {
        position: absolute;
        color: #fff;
        top: 39%;
        left: 55%;
        transform: translate(-50%, -50%);
        text-shadow: 0 0 3px #1e1e1e;
        font-weight: bold; }
  .mobile-nav {
    position: fixed;
    top: 0;
    left: -100%;
    height: 100vh;
    width: 85%;
    z-index: 10;
    overflow-y: auto;
    background-color: #272727;
    transition: left 0.3s ease; }
    .mobile-nav.nav-open {
      left: 0; }
    .mobile-nav .search {
      background: #1e1e1e; }
      .mobile-nav .search .search-btn {
        display: block;
        padding: 23px; }
      .mobile-nav .search .fa-search {
        color: #fff; }
    .mobile-nav .drawer-links {
      width: 100%;
      position: relative;
      padding-left: 14px;
      padding-right: 14px; }
      .mobile-nav .drawer-links .link {
        width: 100%; }
        .mobile-nav .drawer-links .link .title {
          padding: 19px 20px;
          position: relative;
          box-sizing: border-box;
          border-bottom: 1px solid #454545; }
          .mobile-nav .drawer-links .link .title a {
            font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #fff;
            margin: 0;
            font-size: 15px;
            line-height: 1;
            text-decoration: none; }
          .mobile-nav .drawer-links .link .title .trigger-1,
          .mobile-nav .drawer-links .link .title .trigger-2 {
            position: absolute;
            width: 1px;
            height: 13px;
            background: #fff;
            right: 23px;
            top: 18px;
            transition: all 0.2s ease; }
            .mobile-nav .drawer-links .link .title .trigger-1.trigger-2,
            .mobile-nav .drawer-links .link .title .trigger-2.trigger-2 {
              transform: rotate(90deg); }
            .mobile-nav .drawer-links .link .title .trigger-1.open.trigger-1,
            .mobile-nav .drawer-links .link .title .trigger-2.open.trigger-1 {
              transform: rotate(90deg); }
        .mobile-nav .drawer-links .link .sub-links {
          max-height: 0;
          width: 100%;
          transition: all 0.6s ease;
          overflow: hidden;
          position: relative;
          border-bottom: 1px solid #454545; }
          .mobile-nav .drawer-links .link .sub-links ul {
            list-style: none;
            margin: 0;
            padding-top: 16px;
            padding-bottom: 18px;
            padding-left: 30px; }
            .mobile-nav .drawer-links .link .sub-links ul a {
              color: #fff;
              text-transform: capitalize;
              display: block;
              text-decoration: none;
              text-align: left;
              padding: 15px 0px;
              font-family: "Source Sans Pro Regular", monospace;
              font-size: 14px;
              letter-spacing: 0.8px;
              line-height: 1.12; }
          .mobile-nav .drawer-links .link .sub-links.open {
            max-height: 800px; }
    .mobile-nav .nav-links {
      padding: 10px 10px 10px 32px;
      width: 100%; }
      .mobile-nav .nav-links ul {
        list-style: none;
        margin: 0;
        padding-left: 0; }
        .mobile-nav .nav-links ul a {
          color: #fff;
          text-transform: capitalize;
          display: block;
          text-decoration: none;
          text-align: left;
          padding: 15px 0px;
          font-family: "Source Sans Pro Regular", monospace;
          font-size: 15px;
          letter-spacing: 0.8px;
          line-height: 1.12; }
    .mobile-nav .social {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding-left: 17px;
      padding-top: 17px; }
      .mobile-nav .social a {
        text-decoration: none;
        padding: 15px;
        font-size: 20px;
        color: #fff; } }

.soundwave {
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 118px; }
  .soundwave .bar {
    background-color: #d60925;
    bottom: 1px;
    height: 0px;
    position: absolute;
    width: 2px;
    visibility: hidden;
    animation-play-state: paused;
    animation: sound 0ms -800ms linear infinite alternate; }
    .soundwave .bar:nth-child(1) {
      left: 1px;
      animation-duration: 474ms; }
    .soundwave .bar:nth-child(2) {
      left: 5px;
      animation-duration: 433ms; }
    .soundwave .bar:nth-child(3) {
      left: 9px;
      animation-duration: 407ms; }
    .soundwave .bar:nth-child(4) {
      left: 13px;
      animation-duration: 458ms; }
    .soundwave .bar:nth-child(5) {
      left: 17px;
      animation-duration: 400ms; }
    .soundwave .bar:nth-child(6) {
      left: 21px;
      animation-duration: 427ms; }
    .soundwave .bar:nth-child(7) {
      left: 25px;
      animation-duration: 441ms; }
    .soundwave .bar:nth-child(8) {
      left: 29px;
      animation-duration: 419ms; }
    .soundwave .bar:nth-child(9) {
      left: 33px;
      animation-duration: 487ms; }
    .soundwave .bar:nth-child(10) {
      left: 37px;
      animation-duration: 442ms; }
    .soundwave .bar:nth-child(11) {
      left: 41px;
      animation-duration: 407ms; }
    .soundwave .bar:nth-child(12) {
      left: 45px;
      animation-duration: 442ms; }
    .soundwave .bar:nth-child(13) {
      left: 49px;
      animation-duration: 487ms; }
    .soundwave .bar:nth-child(14) {
      left: 53px;
      animation-duration: 427ms; }
    .soundwave .bar:nth-child(15) {
      left: 58px;
      animation-duration: 442ms; }
    .soundwave .bar:nth-child(16) {
      left: 62px;
      animation-duration: 407ms; }
    .soundwave .bar:nth-child(17) {
      left: 66px;
      animation-duration: 442ms; }
    .soundwave .bar:nth-child(18) {
      left: 70px;
      animation-duration: 442ms; }
    .soundwave .bar:nth-child(19) {
      left: 74px;
      animation-duration: 400ms; }
    .soundwave .bar:nth-child(20) {
      left: 78px;
      animation-duration: 474ms; }
    .soundwave .bar:nth-child(21) {
      left: 82px;
      animation-duration: 442ms; }
    .soundwave .bar:nth-child(22) {
      left: 86px;
      animation-duration: 474ms; }
    .soundwave .bar:nth-child(23) {
      left: 90px;
      animation-duration: 442ms; }
    .soundwave .bar:nth-child(24) {
      left: 94px;
      animation-duration: 407ms; }
    .soundwave .bar:nth-child(25) {
      left: 98px;
      animation-duration: 427ms; }
    .soundwave .bar:nth-child(26) {
      left: 102px;
      animation-duration: 474ms; }
    .soundwave .bar:nth-child(27) {
      left: 106px;
      animation-duration: 487ms; }
    .soundwave .bar:nth-child(28) {
      left: 110px;
      animation-duration: 419ms; }
    .soundwave .bar:nth-child(29) {
      left: 114px;
      animation-duration: 487ms; }
    .soundwave .bar:nth-child(30) {
      left: 118px;
      animation-duration: 474ms; }

.footer {
  position: relative;
  bottom: 0;
  background-color: #272727;
  width: 100%;
  padding-bottom: 10px;
  text-align: center;
  color: #fff; }
  .footer a {
    color: #fff;
    text-decoration: none; }
  .footer .contact-nav {
    border-bottom: 1px solid #3d3d3d;
    margin-bottom: 40px; }
    .footer .contact-nav .contact-nav-item {
      display: inline-block;
      padding: 25px 40px;
      font-family: "Source Sans Pro Regular", monospace;
      font-weight: 100;
      font-size: 16px;
      border-right: 1px solid #3d3d3d; }
      .footer .contact-nav .contact-nav-item:last-child {
        border-right: 0; }
      @media (max-width: 801px) {
        .footer .contact-nav .contact-nav-item {
          display: block;
          border: 0;
          border-bottom: 1px solid #3d3d3d;
          padding: 18px 40px; }
          .footer .contact-nav .contact-nav-item:last-child {
            border-bottom: none; } }
  .footer .social-row {
    margin-bottom: 40px; }
    .footer .social-row .icon {
      display: inline-block;
      margin: 0 8px; }
      @media (max-width: 801px) {
        .footer .social-row .icon {
          margin: 0 18px; } }
  .footer .user-login {
    margin-bottom: 50px; }
    .footer .user-login .white-border-box {
      margin: 0 6px;
      padding-top: 12px;
      transition: background .2s; }
      .footer .user-login .white-border-box a {
        transition: color .2s;
        font-weight: 100; }
      .footer .user-login .white-border-box:hover {
        background: #fff;
        cursor: pointer; }
        .footer .user-login .white-border-box:hover a {
          color: #272727; }
      @media (max-width: 667px) {
        .footer .user-login .white-border-box {
          margin-bottom: 10px; } }
  .footer .sitemap-nav, .footer .sitemap-nav-mobile {
    margin-bottom: 20px; }
    .footer .sitemap-nav a, .footer .sitemap-nav button, .footer .sitemap-nav-mobile a, .footer .sitemap-nav-mobile button {
      color: #bbbbbb;
      font-family: "Source Sans Pro Regular", monospace; }
    .footer .sitemap-nav button, .footer .sitemap-nav-mobile button {
      background: transparent;
      border: none;
      font-size: 16px;
      cursor: pointer; }
  @media (max-width: 801px) {
    .footer .sitemap-nav {
      display: none; } }
  .footer .sitemap-nav ul li {
    display: inline-block;
    border-right: 2px solid #bbbbbb;
    padding-right: 10px;
    margin-right: 10px; }
    .footer .sitemap-nav ul li:last-child {
      border-right: none; }
  .footer .sitemap-nav-mobile {
    display: none;
    width: 83%; }
    @media (max-width: 801px) {
      .footer .sitemap-nav-mobile {
        display: inline-block; } }
    .footer .sitemap-nav-mobile ul li {
      display: inline-block;
      margin: 0 30px 30px 30px; }
  .footer .disclaimer p {
    color: #bbbbbb;
    font-family: "Source Sans Pro Light", monospace;
    font-size: .725em;
    margin-bottom: 10px; }

.kit {
  width: 100%;
  position: relative; }
  .kit .desktop-subnav {
    width: 100%;
    position: fixed;
    top: 120px;
    left: 0;
    z-index: 1000;
    background: #f8f8f8;
    box-shadow: 0 4px 22px -2px rgba(0, 0, 0, 0.3);
    padding: 30px 9%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .kit .desktop-subnav h2 {
      text-transform: uppercase;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      font-size: 21px;
      color: #1e1e1e; }
    .kit .desktop-subnav .anchors {
      display: flex;
      align-items: center; }
      .kit .desktop-subnav .anchors a {
        text-decoration: none;
        color: #1e1e1e;
        font-family: "Source Sans Pro Regular", monospace;
        font-size: 15px;
        text-transform: uppercase;
        padding: 5px 26px;
        display: block; }
        .kit .desktop-subnav .anchors a.buy-btn {
          background: #1e1e1e;
          color: #fff;
          font-size: 14px;
          padding: 8px 30px;
          margin-left: 15px; }
  .kit .mobile-subnav {
    display: none; }
  @media (max-width: 1052px) {
    .kit .desktop-subnav {
      display: none; }
    .kit .mobile-subnav {
      display: block;
      width: 100%;
      position: fixed;
      left: 0;
      top: 62px;
      z-index: 9;
      box-shadow: 0 4px 22px -2px rgba(0, 0, 0, 0.3); }
      .kit .mobile-subnav .top {
        background: #fff;
        padding: 20px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0 8px 22px -6px rgba(0, 0, 0, 0.1);
        z-index: 3;
        position: relative; }
        .kit .mobile-subnav .top .buy-btn {
          background: #1e1e1e;
          color: #fff;
          font-size: 12px;
          text-decoration: none;
          font-family: "Source Sans Pro Regular", monospace;
          padding: 8px 26px;
          text-transform: uppercase;
          letter-spacing: 1px; }
        .kit .mobile-subnav .top h2 {
          font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
          font-size: 14px;
          letter-spacing: 0.7px;
          color: #1e1e1e;
          text-transform: uppercase; }
        .kit .mobile-subnav .top .arrow {
          width: 14px;
          position: absolute;
          bottom: 3px;
          left: 0;
          right: 0;
          margin: 0 auto;
          transition: 0.3s all ease; }
          .kit .mobile-subnav .top .arrow svg {
            width: 100%; }
          .kit .mobile-subnav .top .arrow.open {
            transform: rotate(180deg); }
      .kit .mobile-subnav .dropdown {
        width: 100%;
        z-index: 2;
        position: absolute;
        background: rgba(248, 248, 248, 0.95);
        box-shadow: 0 9px 22px -2px rgba(0, 0, 0, 0.1);
        max-height: 0;
        transition: 0.4s all ease;
        overflow: hidden; }
        .kit .mobile-subnav .dropdown.open {
          max-height: 500px; }
        .kit .mobile-subnav .dropdown .item {
          display: block;
          padding: 20px 20px;
          text-align: left;
          font-family: "Source Sans Pro Regular", monospace;
          text-transform: uppercase;
          font-size: 14px;
          color: #1e1e1e;
          width: 94%;
          margin: 0 auto; }
          .kit .mobile-subnav .dropdown .item:first-child {
            border-bottom: 1px solid rgba(74, 74, 74, 0.2); } }
  .kit .images {
    width: 45%;
    margin: auto;
    padding-top: 20%;
    margin-bottom: 80px; }
    @media (max-width: 1052px) {
      .kit .images {
        width: 90%;
        margin-bottom: 40px; } }
    .kit .images .swiper {
      width: 100%;
      height: 600px;
      margin-left: auto;
      margin-right: auto; }
    .kit .images .swiper-slide {
      background-size: 100%;
      background: no-repeat;
      background-position: center; }
    .kit .images .gallery-top {
      height: 350px;
      width: 100%; }
      @media (max-width: 667px) {
        .kit .images .gallery-top {
          margin-top: -75px; } }
    .kit .images .image-top {
      background-size: contain; }
    .kit .images .gallery-thumbs {
      height: 107px;
      box-sizing: border-box;
      margin-top: 75px; }
      @media (max-width: 667px) {
        .kit .images .gallery-thumbs {
          margin-top: -20px;
          height: 75px; } }
    .kit .images .gallery-thumbs .swiper-slide {
      max-width: 107px;
      height: 107px;
      opacity: 0.25;
      margin-right: 15px;
      margin-left: 15px;
      transition: opacity 0.3s ease-out; }
      .kit .images .gallery-thumbs .swiper-slide.swiper-slide-active {
        opacity: 1; }
      @media (max-width: 667px) {
        .kit .images .gallery-thumbs .swiper-slide {
          height: 75px;
          width: 75px; } }
    .kit .images .thumb-gradient {
      pointer-events: none;
      z-index: 2;
      width: 100%;
      height: 107px;
      position: relative;
      bottom: 107px;
      background: linear-gradient(to right, white, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), white); }
    .kit .images .gallery-thumbs .swiper-slide-active {
      opacity: 1; }
    .kit .images #arrows {
      visibility: hidden;
      z-index: 2; }
    .kit .images .thumb {
      background-size: cover;
      background-position: center; }
  .kit .hero {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    max-width: 1440px;
    position: relative;
    min-height: 595px;
    background: #fff;
    padding-top: 90px;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-left: 14%;
    margin-bottom: 66px; }
    @media (max-width: 1052px) {
      .kit .hero {
        flex-direction: column-reverse !important;
        margin-left: auto;
        margin-right: auto; } }
    @media (max-width: 1052px) {
      .kit .hero #title {
        display: none; } }
    .kit .hero #title-mobile {
      display: none; }
      .kit .hero #title-mobile h1 {
        text-align: center !important;
        max-width: 100%;
        font-size: 1.5em !important; }
      .kit .hero #title-mobile h2 {
        text-align: center !important;
        font-size: 1.125em;
        margin-top: 0px; }
      @media (max-width: 1052px) {
        .kit .hero #title-mobile {
          display: inline !important; } }
      @media (max-width: 667px) {
        .kit .hero #title-mobile h2 {
          margin-top: 80px; } }
    .kit .hero .text-container {
      width: 45%;
      margin-bottom: 50px; }
      @media (max-width: 1052px) {
        .kit .hero .text-container {
          width: 90%; } }
    .kit .hero h1 {
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      font-size: 30px;
      margin-bottom: 32px;
      max-width: 70%;
      color: #1e1e1e;
      letter-spacing: 0.7px;
      line-height: 1; }
    .kit .hero h2 {
      text-transform: uppercase;
      margin-top: 110px;
      margin-bottom: 20px;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
      color: #4a4a4a;
      font-size: 1.5em; }
    .kit .hero p {
      margin-top: 50px;
      margin-bottom: 50px;
      font-family: "Source Sans Pro Regular", monospace;
      line-height: 1.6; }
    .kit .hero ul {
      padding-left: 20px; }
      .kit .hero ul li {
        list-style-type: disc;
        font-family: "Source Sans Pro Regular", monospace;
        padding-left: 8px;
        padding-bottom: 8px;
        font-size: 16px; }
        @media (max-width: 1052px) {
          .kit .hero ul li {
            text-align: left;
            padding: 0; } }
    .kit .hero h5 {
      margin-top: 8px;
      font-size: 12px;
      text-transform: uppercase;
      text-align: center;
      color: #909090; }
    .kit .hero .show-more {
      max-width: 50%;
      margin-top: 8px;
      margin-bottom: 46px;
      padding: auto;
      border-top: 1px solid rgba(0, 0, 0, 0.2); }
      @media (max-width: 1052px) {
        .kit .hero .show-more {
          max-width: 100%;
          margin-top: 20px; } }
    .kit .hero .swiper-arrow-next,
    .kit .hero .swiper-arrow-prev {
      background-image: url("/static/style/svg/slider-arrow.svg");
      position: absolute;
      z-index: 10;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      height: 20px;
      width: 20px;
      cursor: pointer; }
    .kit .hero .swiper-arrow-next {
      bottom: 25px;
      left: 20%; }
    .kit .hero #shopping {
      display: block;
      scroll-margin-top: 50vh; }
    .kit .hero .price {
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      margin-bottom: 25px; }
      .kit .hero .price h3 {
        font-size: 20px; }
      .kit .hero .price i {
        font-size: 28px; }
      @media (max-width: 1052px) {
        .kit .hero .price {
          margin-top: 20px; } }
    .kit .hero a {
      text-decoration: none;
      color: #1e1e1e;
      font-family: "Source Sans Pro Regular", monospace;
      font-size: 15px;
      text-transform: uppercase;
      width: 140px;
      padding: 5px 26px;
      display: block; }
      .kit .hero a.buy-btn {
        background: #1e1e1e;
        color: #fff;
        font-size: 14px;
        padding: 8px 30px;
        height: 34px;
        margin-left: 40px; }
        @media (max-width: 1052px) {
          .kit .hero a.buy-btn {
            margin: 20px auto; } }
    .kit .hero .add-to-cart {
      display: inline-flex;
      align-content: right; }
      .kit .hero .add-to-cart.dark-btn {
        margin-left: 50px; }
      @media (max-width: 1052px) {
        .kit .hero .add-to-cart {
          display: block;
          float: right;
          margin-left: 50px; } }
      .kit .hero .add-to-cart h4 {
        margin: auto;
        text-transform: uppercase; }
        @media (max-width: 1052px) {
          .kit .hero .add-to-cart h4 {
            text-align: center;
            margin-bottom: 5px;
            font-size: 0.75em;
            margin-bottom: 8px; } }
      .kit .hero .add-to-cart form {
        margin: auto 10px auto 12px; }
        .kit .hero .add-to-cart form input[type=number] {
          float: left;
          text-align: center;
          background-color: #fff;
          font-size: 14px;
          width: 34px;
          height: 34px;
          border: 1px solid #1e1e1e;
          margin: 0;
          padding: 0; }
        .kit .hero .add-to-cart form input[type=button] {
          float: left;
          text-align: center !important;
          background-color: #1e1e1e;
          color: #fff;
          padding: 0;
          font-family: "Source Sans Pro Regular", monospace;
          font-size: 25px;
          text-align: center;
          width: 34px;
          height: 34px;
          border: 1px solid #1e1e1e; }
  .kit #explore-header {
    text-align: center;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent);
    padding: 2vw 0;
    box-sizing: border-box;
    position: relative; }
    .kit #explore-header #explore-anchor {
      width: 100%;
      position: absolute;
      height: 0;
      top: -90px;
      left: 0;
      padding-top: 500px; }
    .kit #explore-header .explore-header-container {
      position: relative;
      top: 3.125vw; }
      .kit #explore-header .explore-header-container h1, .kit #explore-header .explore-header-container p {
        position: relative;
        z-index: 1; }
      .kit #explore-header .explore-header-container h1 {
        text-transform: uppercase;
        font-size: 4.5em; }
      @media (max-width: 1052px) {
        .kit #explore-header .explore-header-container h1 {
          font-size: 36px;
          margin-top: 40px; }
        .kit #explore-header .explore-header-container p {
          display: none; } }
  .kit #explore {
    height: 62.5vw;
    text-align: center;
    position: relative; }
    @media (max-width: 1052px) {
      .kit #explore {
        height: 650px !important; } }
    .kit #explore #background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      z-index: 0; }
      @media (max-width: 1052px) {
        .kit #explore #background {
          background-size: cover; } }
      .kit #explore #background:after {
        content: '';
        height: 100%;
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-image: linear-gradient(to bottom, transparent 20%, transparent 80%, rgba(0, 0, 0, 0.3) 100%);
        z-index: 0; }
    .kit #explore .hotspot {
      position: absolute;
      top: 0;
      left: 0;
      box-sizing: border-box;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100vw 62.5vw;
      transition: opacity 0.2s;
      opacity: .5;
      border-radius: 8px;
      transition: box-shadow 0.4s, opacity 0.4s; }
    .kit #explore .hotspot:hover {
      box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.25);
      opacity: 1 !important;
      cursor: pointer; }
    .kit #explore .component-callout {
      width: 13.5vw;
      position: absolute;
      left: 5.625vw;
      top: 5.5vw;
      opacity: 0;
      z-index: 0; }
      .kit #explore .component-callout .component-image .top, .kit #explore .component-callout .component-image .reflection {
        background-size: 13.375vw auto;
        background-repeat: no-repeat;
        width: 100%; }
      .kit #explore .component-callout .component-image .top {
        height: 15.5vw;
        background-position: center center; }
      .kit #explore .component-callout .component-image .reflection {
        height: 3.5vw;
        background-position: center bottom;
        transform: rotate(180deg) scaleX(-1);
        opacity: 0.25;
        background-color: white; }
      .kit #explore .component-callout .component-content {
        position: relative;
        margin-top: 20px;
        text-align: left; }
        .kit #explore .component-callout .component-content h2, .kit #explore .component-callout .component-content p {
          text-align: left; }
        .kit #explore .component-callout .component-content h2 {
          font-size: 23px;
          text-transform: uppercase;
          margin-bottom: 15px; }
        .kit #explore .component-callout .component-content ul {
          list-style: disc;
          text-align: left;
          line-height: 1.65em; }
        .kit #explore .component-callout .component-content p {
          line-height: 1.65em; }
        .kit #explore .component-callout .component-content .link {
          position: relative;
          padding: 8px 30px;
          display: inline-block;
          color: #1e1e1e;
          text-transform: uppercase;
          text-align: center;
          font-family: "Source Sans Pro Regular";
          font-size: 14px;
          letter-spacing: 0.8px;
          -webkit-transition: 0.3s all ease-out;
          transition: 0.3s all ease-out;
          cursor: pointer;
          text-decoration: none;
          margin-top: 16px; }
          .kit #explore .component-callout .component-content .link .bracket {
            position: absolute; }
            .kit #explore .component-callout .component-content .link .bracket.top-left {
              border-top: 1px solid #1e1e1e;
              border-left: 1px solid #1e1e1e;
              height: 6px;
              width: 6px;
              top: 0;
              left: 0; }
            .kit #explore .component-callout .component-content .link .bracket.top-right {
              border-top: 1px solid #1e1e1e;
              border-right: 1px solid #1e1e1e;
              height: 6px;
              width: 6px;
              top: 0;
              right: 0; }
            .kit #explore .component-callout .component-content .link .bracket.bottom-right {
              border-bottom: 1px solid #1e1e1e;
              border-right: 1px solid #1e1e1e;
              height: 6px;
              width: 6px;
              bottom: 0;
              right: 0; }
            .kit #explore .component-callout .component-content .link .bracket.bottom-left {
              border-bottom: 1px solid #1e1e1e;
              border-left: 1px solid #1e1e1e;
              height: 6px;
              width: 6px;
              bottom: 0;
              left: 0; }
          .kit #explore .component-callout .component-content .link:hover {
            padding: 8px 34px;
            color: #d60925; }
  .kit #compatibles {
    padding-top: 100px;
    position: relative; }
    .kit #compatibles .section-header {
      margin-bottom: 2.75vw;
      text-align: center; }
      .kit #compatibles .section-header h2 {
        margin-bottom: 2.75vw; }
      .kit #compatibles .section-header p {
        line-height: 1.5em; }
    @media (max-width: 1052px) {
      .kit #compatibles .section-header h2 {
        color: #1e1e1e;
        font-size: 24px; } }
    .kit #compatibles .compatibles-container {
      display: flex;
      justify-content: center;
      align-items: baseline;
      flex-wrap: wrap; }
      .kit #compatibles .compatibles-container .comp {
        width: 28.875%;
        text-align: center;
        box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.05);
        margin: 0 1.75vw 20px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background-color: #fff; }
        @media (max-width: 1052px) {
          .kit #compatibles .compatibles-container .comp {
            width: 100%;
            height: 390px; } }
        .kit #compatibles .compatibles-container .comp .top {
          background-repeat: no-repeat;
          background-position: center 85%;
          background-size: 75%;
          position: relative;
          width: 100%;
          height: 23.1875vw; }
          @media (max-width: 1052px) {
            .kit #compatibles .compatibles-container .comp .top {
              background-position: center 50%;
              height: 100%;
              background-size: 40%;
              position: relative; } }
          @media (max-width: 667px) {
            .kit #compatibles .compatibles-container .comp .top {
              background-size: 60%; } }
          .kit #compatibles .compatibles-container .comp .top h2 {
            position: absolute;
            text-align: center;
            left: 0;
            right: 0;
            top: 40px;
            margin: 0 auto;
            text-transform: uppercase;
            font-size: 1.5em; }
        .kit #compatibles .compatibles-container .comp .bottom {
          text-align: left;
          width: 80%;
          margin: 0 auto; }
          @media (max-width: 1052px) {
            .kit #compatibles .compatibles-container .comp .bottom {
              position: relative;
              bottom: 50px; } }
          .kit #compatibles .compatibles-container .comp .bottom table tbody tr {
            height: 3.5625vw; }
          .kit #compatibles .compatibles-container .comp .bottom strong {
            font-weight: bold; }
          .kit #compatibles .compatibles-container .comp .bottom .tooltip-hotspot {
            color: #fff;
            background-color: #777777;
            display: inline-block;
            padding: 5px 6.5px 0;
            border-radius: 50%;
            font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
            transition: background-color 300ms ease-out;
            position: absolute;
            left: 10px;
            bottom: 10px; }
            .kit #compatibles .compatibles-container .comp .bottom .tooltip-hotspot:hover {
              background-color: #d60925;
              cursor: pointer; }
          .kit #compatibles .compatibles-container .comp .bottom .tooltip {
            position: absolute;
            bottom: 45px;
            left: 15px;
            max-width: 100%;
            background-color: #919191;
            color: #fff;
            padding: 22px 22px 18px;
            border-radius: 8px;
            transform: scale(0);
            transform-origin: bottom left;
            opacity: 0;
            transition: opacity 300ms ease-out, transform 300ms ease-out; }
            .kit #compatibles .compatibles-container .comp .bottom .tooltip p {
              font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; }
            .kit #compatibles .compatibles-container .comp .bottom .tooltip:after {
              content: '';
              height: 0;
              width: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 20px solid #919191;
              position: absolute;
              bottom: -10px;
              left: 0;
              transform: rotate(20deg); }
          .kit #compatibles .compatibles-container .comp .bottom .tooltip-hotspot:hover ~ .tooltip {
            transform: scale(1);
            opacity: 1; }
    .kit #compatibles .compatibles-spacer {
      background-color: black;
      width: 100%;
      height: 4.375vw;
      position: absolute;
      bottom: 0;
      z-index: 0;
      background-color: #f8f8f8; }
  .kit #technologies {
    position: relative;
    z-index: 1;
    background-color: #f8f8f8;
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding-bottom: 7.1875vw;
    padding-top: 2.6875vw; }
    @media (max-width: 1052px) {
      .kit #technologies {
        flex-direction: column; } }
    .kit #technologies .tech {
      width: 21.0625vw;
      margin: 0 4.6015625vw; }
      .kit #technologies .tech .top {
        width: 100%;
        height: 11.875vw;
        background-repeat: no-repeat;
        background-position: center center; }
      .kit #technologies .tech .bottom h2 {
        text-transform: uppercase;
        font-size: 1.25em;
        text-align: center;
        margin-bottom: 17px; }
      .kit #technologies .tech .bottom p {
        text-align: center;
        line-height: 1.5em; }
    @media (max-width: 1052px) {
      .kit #technologies .tech {
        width: 80%;
        margin: auto; }
      .kit #technologies .top {
        margin: 30px auto 20px auto;
        background-size: 30%; } }
  .kit #support {
    text-align: center;
    padding-top: 4.6875vw;
    padding-bottom: 6.5625vw; }
    .kit #support h2 {
      text-transform: uppercase; }
    .kit #support a {
      text-decoration: none;
      color: #1e1e1e; }
    .kit #support .support_container {
      display: flex;
      justify-content: center;
      align-items: baseline;
      margin-top: 5.25vw; }
      @media (max-width: 1052px) {
        .kit #support .support_container {
          flex-direction: column; } }
      .kit #support .support_container .support_item {
        width: 32vw;
        text-align: left;
        display: flex; }
        @media (max-width: 1052px) {
          .kit #support .support_container .support_item {
            flex-direction: column;
            width: 80%;
            margin: 0 auto;
            text-align: center; } }
        .kit #support .support_container .support_item .left {
          width: 8.5vw;
          height: 100%;
          text-align: center; }
          @media (max-width: 1052px) {
            .kit #support .support_container .support_item .left {
              margin: 20px auto; }
              .kit #support .support_container .support_item .left img {
                width: 50px;
                max-width: initial; } }
        .kit #support .support_container .support_item .right {
          width: 73.4375%;
          height: 100%; }
          @media (max-width: 1052px) {
            .kit #support .support_container .support_item .right {
              margin: auto; } }
          .kit #support .support_container .support_item .right h4 {
            font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
            text-transform: uppercase;
            margin-bottom: 1.5625vw; }

#hotspot3D {
  height: 50vw;
  width: 100vw;
  position: relative; }
  #hotspot3D .content,
  #hotspot3D .renderer,
  #hotspot3D .filter-dark,
  #hotspot3D .background-collage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover; }
  #hotspot3D .content {
    text-align: center;
    padding-top: 3.4375vw;
    z-index: 4; }
    #hotspot3D .content h2,
    #hotspot3D .content p {
      color: #fff; }
    #hotspot3D .content h2 {
      margin-bottom: 2.5vw;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue"; }
    #hotspot3D .content p {
      width: 40vw;
      margin: 0 auto;
      line-height: 1.5em;
      font-family: "Source Sans Pro Regular", monospace; }
  #hotspot3D #loading-bar {
    height: 10px;
    width: 500px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: calc((50vw - 10px)/2);
    border: 1px solid #fff;
    z-index: 4;
    opacity: 0.75;
    transition: opacity 300ms ease-out; }
    #hotspot3D #loading-bar #loading-bar__inner {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: linear-gradient(to right, transparent, #d60925);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 300ms ease-out; }
  #hotspot3D #renderer {
    position: relative;
    z-index: 3;
    height: 100%;
    width: 100%; }
  #hotspot3D .filter-dark {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 2; }
  #hotspot3D .background-collage {
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }

.rock-tab-hds {
  position: relative;
  text-align: center;
  font-size: 0; }
  .rock-tab-hds a {
    display: inline-block;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    letter-spacing: 0.1em;
    color: #272727;
    font-size: 18px;
    line-height: 36px;
    padding: 15px 30px 0;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid #272727; }
    .rock-tab-hds a:hover {
      color: #585858; }
    .rock-tab-hds a.tab-active {
      color: #d60925; }
  .rock-tab-hds .active-indicator {
    width: 170px;
    height: 1px;
    position: absolute;
    background: #d60925;
    left: 0;
    bottom: 0px;
    transition: all 0.3s; }

.rock-tab-content {
  padding: 40px 0 50px;
  display: none;
  width: 75%;
  max-width: 1200px;
  margin: 0 auto; }
  @media (max-width: 1052px) {
    .rock-tab-content {
      width: 90%; } }
  @media (max-width: 801px) {
    .rock-tab-content {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px; } }
  .rock-tab-content.tab-active {
    display: block; }
  .rock-tab-content p {
    font-size: 16px;
    line-height: 26px; }

.rock-field label, .rock-field .rock-field-label, .rock-field-always label, .rock-field-always .rock-field-label {
  font-family: "Helvetica Neue Bold";
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.150em;
  line-height: 1;
  margin-bottom: 5px;
  display: block;
  padding-left: 5px;
  padding-top: 10px; }

.rock-field input:read-write, .rock-field-always input:read-write {
  width: 100%;
  border: 1px solid #898989;
  height: 40px;
  outline: none;
  padding: 0 10px;
  font-size: 16px;
  font-family: "Source Sans Pro Regular", monospace;
  font-weight: normal;
  color: #272727;
  transition: background-color 0.3s ease; }
  .rock-field input:read-write:focus, .rock-field-always input:read-write:focus {
    background-color: #ffe7b5;
    opacity: 0.8; }

form input.dark-btn[type=submit]:focus {
  background-color: #454545; }

.rock-field label {
  opacity: 0;
  transition: all 0.2s; }

.rock-field.show-label label {
  opacity: 1; }

.autocomplete-suggestions {
  background: #fff;
  padding: 5px 20px;
  line-height: 30px;
  border: 1px solid #898989;
  border-top: none; }

.autocomplete-suggestion {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  /*color: $suggestions-color;*/
  font-size: 18px; }

.background-text {
  color: #fff;
  fill: currentcolor;
  text-align: right;
  font-size: 12em;
  position: absolute;
  top: 0px;
  right: 0px;
  text-shadow: 30px 30px 170px #000, -30px -30px 170px #000;
  z-index: 0;
  opacity: 0.2;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  width: 832px;
  height: 348px;
  overflow: visible; }

.page-dark-header .dark-header-heading .header-text {
  width: 75%;
  margin: 0 auto; }

.recommended-systems .recommended-header {
  background-color: #272727;
  padding-top: 50px;
  padding-bottom: 20px;
  text-align: center;
  color: #fff;
  transition: all 0.3s; }
  .recommended-systems .recommended-header .recommended-heading h1 {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 36px;
    margin: 0;
    line-height: 44px;
    color: #fff;
    text-transform: uppercase; }
  .recommended-systems .recommended-header .recommended-heading p {
    font-size: 16px;
    line-height: 26px; }
  .recommended-systems .recommended-header .recommended-header-filters {
    padding-top: 30px;
    width: 100%;
    max-width: 1220px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center; }
  .recommended-systems .recommended-header .recommended-header-filter {
    display: flex;
    border: 1px solid #fff;
    width: 275px;
    min-height: 160px;
    padding: 35px 25px 20px;
    margin: 10px;
    flex-direction: column;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s; }
    .recommended-systems .recommended-header .recommended-header-filter span {
      font-family: "Helvetica Neue", "sans-serif";
      color: #ffe7b5;
      font-size: 14px;
      display: block;
      line-height: 25px;
      letter-spacing: 0.2em;
      text-transform: uppercase; }
    .recommended-systems .recommended-header .recommended-header-filter h2 {
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      font-size: 28px;
      text-transform: uppercase;
      line-height: 28px;
      color: #fff;
      letter-spacing: 0.050em; }
    .recommended-systems .recommended-header .recommended-header-filter:hover {
      box-shadow: 0 0 0px 1px #fff inset; }
    .recommended-systems .recommended-header .recommended-header-filter.recommended-header-filter-active {
      background-color: #fff; }
      .recommended-systems .recommended-header .recommended-header-filter.recommended-header-filter-active span,
      .recommended-systems .recommended-header .recommended-header-filter.recommended-header-filter-active h2 {
        color: #272727; }

.recommended-systems .vechicles {
  display: block;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  .recommended-systems .vechicles .vechicle {
    display: inline-block;
    width: 28%;
    text-decoration: none;
    color: #272727;
    margin-right: 8%;
    transition: opacity 0.3s; }
    .recommended-systems .vechicles .vechicle:nth-child(3n) {
      margin-right: 0; }
    .recommended-systems .vechicles .vechicle img {
      width: 100%; }

.filter-status {
  margin-top: 35px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d4d4d4;
  font-family: 'Helvetica Neue', sans-serif;
  color: #272727;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.05em; }
  .filter-status .filter-status-left,
  .filter-status .selected-filters-wrap > a,
  .filter-status .results-found {
    text-transform: uppercase; }
  .filter-status .selected-filters-wrap > a,
  .filter-status .selected-filters-wrap div {
    display: inline-block; }
  .filter-status .selected-filters-wrap .selected-filters a {
    display: none; }
    .filter-status .selected-filters-wrap .selected-filters a:nth-child(-n+2) {
      display: inline-block; }
  .filter-status .selected-filters-wrap.view-all-active .selected-filters a {
    display: inline-block; }
  .filter-status .selected-filters a,
  .filter-status .view-all-filters {
    display: inline-block;
    border: 1px solid #e7e7e7;
    border-radius: 50px;
    line-height: 14px;
    cursor: pointer;
    padding: 2px 25px 2px 10px;
    background: url("/static/images/icons/close-icon.png?359df782c936") no-repeat 92% center;
    text-decoration: none;
    color: #000; }
  .filter-status .view-all-filters {
    background: url("/static/images/icons/view-all-arrow.png?359df782c936") no-repeat 92% center; }
  .filter-status .results-found {
    font-style: italic; }

.selected-filters-wrap {
  width: 60%;
  float: left; }
  .selected-filters-wrap.view-all-active {
    position: absolute;
    background: #fff;
    padding: 20px 20px;
    margin-top: -20px;
    margin-left: -20px;
    width: calc(85% + 40px) !important;
    z-index: 99;
    border: 1px solid #e7e7e7;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); }
    .selected-filters-wrap.view-all-active > span {
      float: left;
      margin-right: 3px; }
    .selected-filters-wrap.view-all-active .selected-filters {
      float: left;
      width: 55%; }
      .selected-filters-wrap.view-all-active .selected-filters span {
        margin-bottom: 5px; }
    .selected-filters-wrap.view-all-active .view-all-filters {
      background: url("/static/images/icons/view-all-arrow-up.png?359df782c936") #272727 no-repeat 92% center;
      color: #fff; }

.results-found {
  width: 40%;
  float: right; }

.filter-status-left {
  width: 25%;
  float: left; }

.filter-status-middle {
  width: 55%;
  float: left;
  position: relative; }

.filter-status-right {
  max-width: 20%;
  float: right;
  font-family: "Helvetica Neue Bold";
  text-transform: uppercase; }
  .filter-status-right label,
  .filter-status-right > div {
    display: inline-block; }
  .filter-status-right .sort-by {
    position: relative;
    cursor: pointer;
    padding-right: 25px; }
    .filter-status-right .sort-by:after {
      content: '';
      width: 13px;
      height: 6px;
      background: url("/static/images/icons/sort-arrow.png?359df782c936") no-repeat;
      position: absolute;
      top: 50%;
      right: 5px;
      transform: translateY(-50%); }
    .filter-status-right .sort-by .sortby-selected {
      min-width: 150px;
      display: block; }
    .filter-status-right .sort-by .sort-by-options {
      position: absolute;
      top: 100%;
      width: 100%;
      left: 0;
      margin-top: 6px;
      background: #fff;
      display: none;
      z-index: 999;
      padding: 5px;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.8); }
      .filter-status-right .sort-by .sort-by-options span {
        border-bottom: 1px solid #d4d4d4;
        line-height: 25px;
        display: block; }
        .filter-status-right .sort-by .sort-by-options span:last-child {
          border: none; }

.left-filter-sidebar {
  width: 18%;
  float: left;
  padding-bottom: 50px; }
  .left-filter-sidebar .apply-filters-btn {
    margin-top: 30px; }

.filtered-products {
  width: 75%;
  float: right; }

.filters-heading {
  padding-top: 35px;
  padding-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .filters-heading h2 {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 28px;
    text-transform: uppercase;
    color: #272727; }
  .filters-heading > span {
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    justify-content: center; }
    .filters-heading > span a {
      color: #272727;
      font-family: "Helvetica Neue", "sans-serif";
      font-size: 14px;
      text-transform: capitalize;
      text-decoration: none; }

.filter-accordion h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  letter-spacing: 0.1em;
  color: #272727;
  font-size: 16px;
  line-height: 18px;
  padding: 20px 0;
  cursor: pointer;
  position: relative;
  text-transform: uppercase;
  border-top: 1px solid #d4d4d4; }
  .filter-accordion h3:after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    background: url("/static/images/icons/plus-minus.png?359df782c936") no-repeat 0 0; }

.filter-accordion .filter-options {
  margin-bottom: 20px;
  display: none; }
  .filter-accordion .filter-options label {
    display: block;
    font-family: "Source Sans Pro Regular", monospace;
    font-size: 15px;
    cursor: pointer;
    color: #272727;
    line-height: 32px;
    letter-spacing: -0.05em; }
    .filter-accordion .filter-options label a {
      font-family: "Source Sans Pro Regular", monospace;
      font-size: 15px;
      cursor: pointer;
      color: #272727;
      letter-spacing: -0.05em;
      text-decoration: none; }
  .filter-accordion .filter-options.price-filter {
    text-align: center; }

.filter-accordion.filter-accordion-open .filter-options {
  display: block; }

.filter-accordion.filter-accordion-open h3:after {
  background-position: 0 -11px; }

.apply-filters {
  text-align: center;
  border-top: 1px solid #d4d4d4; }
  .apply-filters .advanced-filters {
    text-decoration: none;
    color: #272727;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
    display: inline-block;
    padding-right: 15px;
    background: url("/static/images/icons/chevron-right.png?359df782c936") no-repeat right center; }
    .apply-filters .advanced-filters:hover {
      text-decoration: underline; }

.recommended-systems .filtered-products {
  padding-top: 65px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .recommended-systems .filtered-products .filtered-product {
    width: 240px;
    color: #272727;
    text-decoration: none;
    margin-left: 20px;
    margin-right: 20px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 50px;
    font-family: "Helvetica Neue", "sans-serif"; }
    .recommended-systems .filtered-products .filtered-product .filter-product-upper {
      padding: 13px 10px 0;
      text-align: center;
      height: 200px;
      border: 1px solid #bbbbbb; }
      .recommended-systems .filtered-products .filtered-product .filter-product-upper h3 {
        font-size: 24px;
        line-height: 1;
        font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
        margin-bottom: 26px; }
    .recommended-systems .filtered-products .filtered-product .filtered-product-price-wrapper {
      margin-top: 70px;
      text-align: center; }
      .recommended-systems .filtered-products .filtered-product .filtered-product-price-wrapper span {
        display: block;
        font-size: 14px;
        font-family: "Source Sans Pro SemiBold", monospace;
        color: #585858; }
      .recommended-systems .filtered-products .filtered-product .filtered-product-price-wrapper strong {
        font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
        font-size: 24px; }
        .recommended-systems .filtered-products .filtered-product .filtered-product-price-wrapper strong small {
          font-size: 16px; }
    .recommended-systems .filtered-products .filtered-product .product-category {
      letter-spacing: 0.2em;
      font-size: 12px;
      line-height: 1;
      margin-bottom: 5px;
      display: block; }
    .recommended-systems .filtered-products .filtered-product img {
      position: absolute;
      max-width: 100%;
      max-height: 140px;
      bottom: 100px;
      left: 0;
      transform: scale(1.3, 1.3) translateY(20px); }
    .recommended-systems .filtered-products .filtered-product.product-add-bass img {
      left: 32px;
      max-height: 130px; }

.modal-overlay,
.recommended-modal-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #1d1d1d;
  opacity: 0.97;
  left: 0;
  top: 0;
  z-index: 1000; }

.modal-overlay {
  display: none; }

.modal-content {
  display: none; }

.modal-content,
.recommended-modal-content {
  width: 80%;
  max-height: 80%;
  max-width: 1100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 50px;
  position: fixed;
  text-align: center;
  z-index: 1001; }
  .modal-content .modal-close,
  .modal-content .recommended-modal-close,
  .recommended-modal-content .modal-close,
  .recommended-modal-content .recommended-modal-close {
    width: 40px;
    height: 40px;
    background: url("/static/svg/modal-close.svg?264618520540") no-repeat;
    background-size: cover;
    cursor: pointer;
    position: absolute;
    right: -42px;
    top: -42px; }
  .modal-content h1,
  .recommended-modal-content h1 {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    color: #272727;
    font-size: 48px;
    margin-bottom: 40px;
    text-transform: uppercase; }
    .modal-content h1 small,
    .recommended-modal-content h1 small {
      font-family: "Helvetica Neue", "sans-serif";
      font-size: 14px;
      line-height: 1;
      display: block;
      margin-bottom: 5px;
      letter-spacing: 0.2em; }
  .modal-content h2,
  .recommended-modal-content h2 {
    text-transform: uppercase;
    margin-bottom: 20px; }
  .modal-content .modal-vechicle,
  .recommended-modal-content .modal-vechicle {
    display: block;
    width: 28%;
    float: left;
    text-decoration: none;
    color: #272727;
    margin-right: 8%;
    transition: opacity 0.3s; }
    .modal-content .modal-vechicle:nth-child(3n),
    .recommended-modal-content .modal-vechicle:nth-child(3n) {
      margin-right: 0; }
    .modal-content .modal-vechicle img,
    .recommended-modal-content .modal-vechicle img {
      width: 100%; }
  .modal-content .product-viewer-main,
  .recommended-modal-content .product-viewer-main {
    padding-left: 30px;
    padding-right: 30px; }
  .modal-content .product-intro-viewer,
  .recommended-modal-content .product-intro-viewer {
    width: 50%; }
  .modal-content .product-viewer-thumbs a,
  .recommended-modal-content .product-viewer-thumbs a {
    margin-right: 20px; }
  .modal-content .product-intro-text,
  .recommended-modal-content .product-intro-text {
    width: 50%; }
    .modal-content .product-intro-text .product-rating,
    .recommended-modal-content .product-intro-text .product-rating {
      margin-top: 10px; }
    .modal-content .product-intro-text label,
    .recommended-modal-content .product-intro-text label {
      line-height: 35px;
      float: left;
      text-transform: uppercase;
      margin-right: 10px; }
    .modal-content .product-intro-text .select-quantity,
    .recommended-modal-content .product-intro-text .select-quantity {
      float: left; }
    .modal-content .product-intro-text .custom-select-wrap select,
    .recommended-modal-content .product-intro-text .custom-select-wrap select {
      float: left; }
    .modal-content .product-intro-text .size-select,
    .recommended-modal-content .product-intro-text .size-select {
      margin-left: 40px; }
      .modal-content .product-intro-text .size-select .custom-select-wrap,
      .recommended-modal-content .product-intro-text .size-select .custom-select-wrap {
        margin-left: 0; }
    .modal-content .product-intro-text .btn-bracketed,
    .modal-content .product-intro-text .add-to-cart,
    .recommended-modal-content .product-intro-text .btn-bracketed,
    .recommended-modal-content .product-intro-text .add-to-cart {
      padding-top: 10px;
      padding-bottom: 10px; }
    .modal-content .product-intro-text .add-to-cart,
    .recommended-modal-content .product-intro-text .add-to-cart {
      padding-left: 40px;
      padding-right: 40px;
      margin-right: 30px; }
  .modal-content.modal-hover-mode .modal-vechicle,
  .recommended-modal-content.modal-hover-mode .modal-vechicle {
    opacity: 0.4; }
    .modal-content.modal-hover-mode .modal-vechicle:hover,
    .recommended-modal-content.modal-hover-mode .modal-vechicle:hover {
      opacity: 1; }
  .modal-content.quick-view-modal,
  .recommended-modal-content.quick-view-modal {
    padding: 30px 40px; }
    .modal-content.quick-view-modal h1,
    .recommended-modal-content.quick-view-modal h1 {
      font-size: 24px; }

.slick-next,
.slick-prev,
.slick-next:hover,
.slick-prev:hover {
  width: 60px;
  height: 70px;
  z-index: 99;
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); }
  .slick-next:before,
  .slick-prev:before,
  .slick-next:hover:before,
  .slick-prev:hover:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    background: url("/static/images/icons/slider-left.png?359df782c936") no-repeat left center; }

.slick-prev {
  left: 0; }

.slick-next,
.slick-next:hover {
  right: 20px;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); }
  .slick-next:after,
  .slick-next:hover:after {
    content: '';
    display: block;
    position: absolute;
    right: -21px;
    top: 0;
    width: 22px;
    height: 100%;
    background: #fff; }
  .slick-next:before,
  .slick-next:hover:before {
    background: url("/static/images/icons/slider-right.png?359df782c936") no-repeat right center; }

.customize-product {
  margin-top: 90px; }

.customize-step-1,
.customize-step-2 {
  padding: 80px 9% 0;
  text-align: center;
  position: relative;
  z-index: 2; }
  .customize-step-1 h1,
  .customize-step-2 h1 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 60px;
    color: #272727;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase; }
    .customize-step-1 h1 small,
    .customize-step-2 h1 small {
      display: block;
      font-size: 14px;
      line-height: 25px;
      font-weight: normal;
      font-family: "Helvetica Neue", "sans-serif";
      letter-spacing: 0.2em; }

.step-2-disabled,
.step-2-options {
  display: none; }

.customize-step-product {
  text-align: center;
  display: block;
  width: 23%;
  float: left;
  color: #272727;
  margin-right: 2%;
  cursor: pointer;
  padding: 30px 30px;
  background: #fff;
  border: 1px solid transparent;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  transition: all 0.3s; }
  .customize-step-product:last-child {
    margin-right: 0; }
  .customize-step-product:hover {
    border-color: #c3c3c3; }
  .customize-step-product > span {
    display: block;
    font-size: 24px;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    margin-bottom: 70px; }
  .customize-step-product .customize-product-price {
    font-family: "Source Sans Pro SemiBold", monospace;
    font-size: 18px;
    color: #585858;
    text-transform: uppercase; }
    .customize-step-product .customize-product-price small,
    .customize-step-product .customize-product-price strong {
      display: block;
      line-height: 1; }
    .customize-step-product .customize-product-price strong {
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      color: #272727;
      font-size: 36px;
      margin-top: 5px; }
  .customize-step-product h2 {
    display: block;
    font-size: 28px;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    height: 100px; }
    .customize-step-product h2 small {
      display: block;
      font-size: 14px;
      font-weight: normal;
      font-family: "Helvetica Neue", "sans-serif";
      margin-bottom: 14px; }

.customize-step-2 .customize-step-product {
  width: 30%;
  margin-right: 3%; }
  .customize-step-2 .customize-step-product:last-child {
    margin-right: 0; }

.step-1-hover-mode .customize-step-product {
  box-shadow: none; }
  .step-1-hover-mode .customize-step-product:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); }

.customize-step-1.step-1-selected .customize-step-product {
  box-shadow: none; }
  .customize-step-1.step-1-selected .customize-step-product span,
  .customize-step-1.step-1-selected .customize-step-product img,
  .customize-step-1.step-1-selected .customize-step-product div {
    opacity: 0.4; }
  .customize-step-1.step-1-selected .customize-step-product:hover, .customize-step-1.step-1-selected .customize-step-product.customize-product-selected {
    border-color: #c3c3c3; }
    .customize-step-1.step-1-selected .customize-step-product:hover span,
    .customize-step-1.step-1-selected .customize-step-product:hover img,
    .customize-step-1.step-1-selected .customize-step-product:hover div, .customize-step-1.step-1-selected .customize-step-product.customize-product-selected span,
    .customize-step-1.step-1-selected .customize-step-product.customize-product-selected img,
    .customize-step-1.step-1-selected .customize-step-product.customize-product-selected div {
      opacity: 1; }

.customize-step-3 {
  padding: 180px 9% 140px;
  background: #f8f8f8;
  position: relative;
  margin-top: -70px; }
  .customize-step-3 .arrow-upward {
    display: block;
    width: 16px;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
    background: url("/static/images/icons/long-arrow-up.png?359df782c936") no-repeat center center; }
  .customize-step-3 .customize-step-3-message {
    display: none; }
    .customize-step-3 .customize-step-3-message h1 {
      color: #898989;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      font-size: 72px;
      text-transform: uppercase;
      position: relative;
      margin-top: 10px;
      text-align: center; }
      .customize-step-3 .customize-step-3-message h1 small {
        position: relative;
        font-family: "Helvetica Neue", "sans-serif";
        color: #272727;
        font-size: 14px;
        letter-spacing: 0.2em;
        display: block; }
  .customize-step-3.step-3-disabled .customize-step-3-message {
    display: block; }

.customize-step-3-content {
  text-align: center;
  margin-top: 48px;
  padding: 0 20px 20px 20px;
  border: 1px dashed #b5b5b5; }
  .customize-step-3-content h1 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 60px;
    color: #272727;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    background: #f8f8f8;
    padding-left: 20px;
    display: inline-block;
    padding-right: 20px;
    margin-top: -48px;
    text-transform: uppercase; }
    .customize-step-3-content h1 small {
      display: block;
      font-size: 14px;
      line-height: 25px;
      font-weight: normal;
      font-family: "Helvetica Neue", "sans-serif";
      letter-spacing: 0.2em; }
  .customize-step-3-content .customize-step-3-products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color: #272727; }
    .customize-step-3-content .customize-step-3-products .customize-step-3-product {
      width: 24%;
      min-width: 250px;
      margin-right: 1.1%;
      margin-bottom: 40px;
      position: relative;
      padding-bottom: 35px;
      padding-top: 10px; }
      .customize-step-3-content .customize-step-3-products .customize-step-3-product:nth-child(4n) {
        margin-right: 0; }
      .customize-step-3-content .customize-step-3-products .customize-step-3-product.product-has-options img,
      .customize-step-3-content .customize-step-3-products .customize-step-3-product.product-has-options h3 {
        opacity: 0.4;
        transition: all 0.3s; }
      .customize-step-3-content .customize-step-3-products .customize-step-3-product.product-option-selected img,
      .customize-step-3-content .customize-step-3-products .customize-step-3-product.product-option-selected h3 {
        opacity: 1; }
      .customize-step-3-content .customize-step-3-products .customize-step-3-product.product-option-selected .customize-select-size span {
        display: none; }
      .customize-step-3-content .customize-step-3-products .customize-step-3-product .quick-view-btn {
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
        position: absolute;
        top: 31%;
        left: 50%;
        border: 1px solid #fff;
        z-index: 2;
        font-family: "Helvetica Neue", "sans-serif";
        font-size: 12px;
        padding: 10px 16px;
        transform: translate(-50%, -50%); }
        @media (max-width: 1052px) {
          .customize-step-3-content .customize-step-3-products .customize-step-3-product .quick-view-btn {
            display: none; } }
      .customize-step-3-content .customize-step-3-products .customize-step-3-product:hover {
        background: #fff;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); }
        .customize-step-3-content .customize-step-3-products .customize-step-3-product:hover .quick-view-btn {
          opacity: 1;
          visibility: visible; }
    .customize-step-3-content .customize-step-3-products h3 {
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      font-size: 20px;
      line-height: 26px;
      text-transform: uppercase;
      margin-top: -25px; }
      .customize-step-3-content .customize-step-3-products h3 small {
        font-size: 16px; }
    .customize-step-3-content .customize-step-3-products .customize-prod-desc {
      font-family: "Source Sans Pro Regular", monospace;
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 15px;
      max-width: 180px;
      margin-left: auto;
      margin-right: auto; }
    .customize-step-3-content .customize-step-3-products .customize-prod-price {
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      font-size: 20px;
      color: #272727;
      line-height: 48px;
      margin-bottom: 13px; }
      .customize-step-3-content .customize-step-3-products .customize-prod-price span {
        color: #585858; }
      .customize-step-3-content .customize-step-3-products .customize-prod-price small {
        font-size: 16px; }
    .customize-step-3-content .customize-step-3-products .product-has-options .customize-prod-price {
      display: none; }
    .customize-step-3-content .customize-step-3-products .product-option-selected .customize-prod-price {
      display: block; }
    .customize-step-3-content .customize-step-3-products .customize-select-size span {
      font-family: "Source Sans Pro Regular", monospace;
      font-size: 16px;
      line-height: 26px;
      display: block; }
    .customize-step-3-content .customize-step-3-products .customize-select-size label {
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      font-size: 16px;
      display: inline;
      line-height: 30px;
      text-transform: uppercase;
      margin-right: 5px; }
    .customize-step-3-content .customize-step-3-products .customize-select-wrap {
      display: inline-block;
      width: 70px; }
      .customize-step-3-content .customize-step-3-products .customize-select-wrap select {
        display: block;
        width: 100%;
        padding: 0 10px;
        appearance: none;
        -webkit-appearance: none;
        height: 30px;
        background: url("/static/images/icons/size-arrow.png?359df782c936") #fff no-repeat right center;
        outline: none;
        border-color: #272727; }
  .customize-step-3-content .customize-product-total {
    display: inline-block;
    border: 1px solid #272727;
    padding-top: 30px;
    padding-bottom: 30px;
    min-width: 375px;
    position: relative;
    top: 95px;
    background: #f8f8f8;
    text-transform: uppercase; }
    .customize-step-3-content .customize-product-total span,
    .customize-step-3-content .customize-product-total strong {
      display: block;
      font-size: 14px;
      line-height: 36px; }
    .customize-step-3-content .customize-product-total span {
      font-family: "Helvetica Neue", "sans-serif";
      letter-spacing: 0.2em;
      line-height: 1;
      margin-bottom: 3px; }
    .customize-step-3-content .customize-product-total strong {
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      font-size: 36px; }
    .customize-step-3-content .customize-product-total .complete-message {
      position: absolute;
      left: 0;
      bottom: 5px;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      font-size: 12px;
      width: 100%;
      text-align: center;
      line-height: 16px;
      display: none; }
    .customize-step-3-content .customize-product-total .dark-btn {
      border: 1px solid transparent; }
    .customize-step-3-content .customize-product-total .buynow-disabled {
      background: #e6e6e6;
      border-color: #585858;
      color: #585858; }
      .customize-step-3-content .customize-product-total .buynow-disabled:hover + .complete-message {
        display: block; }
    .customize-step-3-content .customize-product-total:before, .customize-step-3-content .customize-product-total:after {
      content: '';
      display: block;
      width: 30px;
      height: 100%;
      position: absolute;
      background: #f8f8f8;
      top: 0; }
    .customize-step-3-content .customize-product-total:before {
      left: -31px; }
    .customize-step-3-content .customize-product-total:after {
      right: -31px; }

.customize-step-3.step-3-disabled .customize-step-3-content {
  display: none; }

.page-header {
  background: #fff;
  text-align: center;
  padding: 60px 0; }
  .page-header h1 {
    font-family: 'Helvetica Neue Bold Condensed',sans-serif;
    font-size: 48px;
    margin: 0;
    line-height: 1.2;
    text-transform: uppercase; }

.find-your-vehicle-wrapper {
  background: url("/static/images/factory-installed/find-vehicle-bg.jpg?359df782c936") no-repeat left center;
  background-size: cover;
  padding: 30px 0;
  border: 25px solid #fff;
  border-top: 0px solid #fff;
  margin: auto; }
  .find-your-vehicle-wrapper .search-container {
    max-width: 525px;
    margin: auto;
    background: #fff;
    padding: 40px 70px; }
  .find-your-vehicle-wrapper .note-bottom {
    max-width: 525px;
    margin: auto;
    color: #fff;
    padding: 40px 50px 5px;
    font-size: 14px;
    line-height: 1.5; }
    .find-your-vehicle-wrapper .note-bottom p {
      margin-bottom: 15px; }
    .find-your-vehicle-wrapper .note-bottom u {
      font-family: "Source Sans Pro SemiBold", monospace; }
      .find-your-vehicle-wrapper .note-bottom u a {
        text-decoration: none;
        color: #fff; }
        .find-your-vehicle-wrapper .note-bottom u a:hover {
          color: #d60925; }
        .find-your-vehicle-wrapper .note-bottom u a:visted, .find-your-vehicle-wrapper .note-bottom u a:active, .find-your-vehicle-wrapper .note-bottom u a:focus {
          color: #fff; }
  .find-your-vehicle-wrapper h3 {
    font-size: 24px;
    font-family: "Helvetica Neue Bold";
    padding-bottom: 50px; }
  .find-your-vehicle-wrapper label {
    font-size: 12px;
    font-family: "Helvetica Neue Bold";
    display: block;
    padding-bottom: 5px;
    padding-left: 10px; }
  .find-your-vehicle-wrapper select {
    display: block;
    width: 100%;
    padding: 0 10px;
    appearance: none;
    -webkit-appearance: none;
    height: 40px;
    background: url(/static/images/icons/size-arrow.png?359df782c936) #fff no-repeat right center;
    outline: none;
    border-color: #272727;
    margin-bottom: 40px;
    font-family: "Source Sans Pro Regular";
    color: #272727;
    font-size: 16px;
    background-size: 30px 40px; }
  .find-your-vehicle-wrapper .dark-btn {
    margin: 0;
    margin-bottom: 20px; }

@media (max-width: 1052px) {
  .categories-page:not(.categories-kit-page) .categories-wrapper .mini-title {
    padding-top: 26px;
    padding-bottom: 14px;
    text-align: center;
    transition: all 0.3s;
    margin: 0;
    font-size: 20px; } }

@media (max-width: 1052px) {
  .categories-page .page-dark-header {
    display: none; } }

.categories-page .dark-header-heading .subheader {
  text-transform: uppercase;
  font-size: 14px;
  color: #ffe7b5;
  margin: 0;
  letter-spacing: 2px;
  text-align: center;
  max-width: none;
  margin-bottom: 6px;
  font-family: "Helvetica Neue", "sans-serif"; }

.categories-page .grid-intro {
  margin: 0 auto 62px;
  padding: 0 81px; }
  .categories-page .grid-intro p {
    margin-bottom: 20px; }

.categories-page .grid-copy {
  margin: 0 auto 62px; }
  .categories-page .grid-copy p {
    margin-bottom: 20px; }

.categories-page .categories-wrapper .mini-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  color: #4a4a4a;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  margin: 50px 0 62px; }

.categories-page .categories-wrapper .inner-container {
  max-width: 1140px;
  padding: 0 20px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 0; }
  @media (max-width: 1052px) {
    .categories-page .categories-wrapper .inner-container {
      padding: 0; } }
  .categories-page .categories-wrapper .inner-container .category-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .categories-page .categories-wrapper .inner-container .category-item {
    max-width: 388px;
    flex-grow: 1;
    text-align: center;
    position: relative;
    margin: 0 auto; }
    @media (max-width: 1052px) {
      .categories-page .categories-wrapper .inner-container .category-item {
        width: 100%;
        max-width: none;
        height: 74vw;
        overflow: hidden;
        border-bottom: 7px solid #272727; } }
    .categories-page .categories-wrapper .inner-container .category-item:last-child {
      border: 0; }
    .categories-page .categories-wrapper .inner-container .category-item:nth-child(even) {
      float: right; }
    @media (min-width: 1052px) {
      .categories-page .categories-wrapper .inner-container .category-item:hover .default {
        opacity: 0; }
      .categories-page .categories-wrapper .inner-container .category-item:hover .hover {
        opacity: 1; }
      .categories-page .categories-wrapper .inner-container .category-item:hover .thumb-wrapper {
        margin-bottom: 0;
        top: -20px; }
        .categories-page .categories-wrapper .inner-container .category-item:hover .thumb-wrapper img {
          opacity: 0.1; }
        .categories-page .categories-wrapper .inner-container .category-item:hover .thumb-wrapper:after {
          opacity: 1; } }
    .categories-page .categories-wrapper .inner-container .category-item .inner {
      text-decoration: none;
      cursor: pointer;
      display: block;
      position: relative; }
    .categories-page .categories-wrapper .inner-container .category-item .head {
      height: 336px;
      overflow: visible;
      border: 1px solid #bbbbbb; }
      @media (max-width: 1052px) {
        .categories-page .categories-wrapper .inner-container .category-item .head {
          border: 0; } }
    .categories-page .categories-wrapper .inner-container .category-item .thumb-wrapper {
      margin: 0 -20px -20px;
      position: relative;
      z-index: 20;
      transition: opacity ease-out 0.1s, top ease-out 0.5s;
      top: 0; }
      .categories-page .categories-wrapper .inner-container .category-item .thumb-wrapper img {
        transition: opacity ease-out 0.1s, top ease-out 0.5s; }
        @media (max-width: 1052px) {
          .categories-page .categories-wrapper .inner-container .category-item .thumb-wrapper img {
            max-width: 65%; } }
    .categories-page .categories-wrapper .inner-container .category-item .title {
      font-size: 36px;
      line-height: 36px;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      color: #272727;
      text-transform: uppercase;
      margin-top: 35px;
      min-height: 72px;
      padding: 0 10px;
      position: relative;
      z-index: 100; }
      @media (max-width: 1052px) {
        .categories-page .categories-wrapper .inner-container .category-item .title {
          min-height: 42px;
          margin-top: 20px;
          font-size: 24px;
          margin-bottom: 5px; } }
    .categories-page .categories-wrapper .inner-container .category-item .default,
    .categories-page .categories-wrapper .inner-container .category-item .hover {
      font-family: "Source Sans Pro Regular", monospace;
      font-size: 16px;
      line-height: 26px;
      color: #272727; }
      @media (max-width: 1052px) {
        .categories-page .categories-wrapper .inner-container .category-item .default p,
        .categories-page .categories-wrapper .inner-container .category-item .hover p {
          line-height: 1.2; } }
    .categories-page .categories-wrapper .inner-container .category-item .default {
      max-width: 400px;
      min-width: 400px;
      margin: 0 auto;
      margin-top: 80px;
      margin-bottom: 90px;
      padding: 0 23px;
      position: relative;
      z-index: 30;
      transition: all ease-out 0.1s; }
      @media (max-width: 1052px) {
        .categories-page .categories-wrapper .inner-container .category-item .default {
          display: none; } }
    .categories-page .categories-wrapper .inner-container .category-item .hover {
      margin: 0 auto;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      padding: 0 23px;
      padding-top: 110px;
      z-index: 20;
      transition: all ease-out 0.25s; }
      @media (max-width: 1052px) {
        .categories-page .categories-wrapper .inner-container .category-item .hover {
          padding-top: 65px; } }
      @media (min-width: 668px) and (max-width: 1052px) {
        .categories-page .categories-wrapper .inner-container .category-item .hover {
          padding-top: 85px; } }
      .categories-page .categories-wrapper .inner-container .category-item .hover p {
        max-width: 400px;
        margin: 0 auto; }
    .categories-page .categories-wrapper .inner-container .category-item .dark-btn {
      padding: 5px 23px;
      text-decoration: none;
      font-family: "Helvetica Neue", "sans-serif";
      margin-top: 30px;
      transition: all ease-out 0.1s;
      cursor: pointer; }
      .categories-page .categories-wrapper .inner-container .category-item .dark-btn:hover {
        background: #656565; }
      @media (max-width: 1052px) {
        .categories-page .categories-wrapper .inner-container .category-item .dark-btn {
          margin-top: 10px; } }
.categories-page .kits-wrapper {
  max-width: 1430px;
  width: 100%;
  margin: 0 auto; }
  .categories-page .kits-wrapper .mini-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    color: #bbbbbb;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    margin: 50px 0 62px; }
  .categories-page .kits-wrapper .kit-items {
    display: flex;
    margin-bottom: 75px; }
    @media (min-width: 1025px) {
      .categories-page .kits-wrapper .kit-items {
        justify-content: center; } }
    @media (max-width: 1052px) {
      .categories-page .kits-wrapper .kit-items {
        margin-bottom: 35px; } }
    @media (max-width: 667px) {
      .categories-page .kits-wrapper .kit-items {
        margin-bottom: -10px; } }
    .categories-page .kits-wrapper .kit-items .kit-item {
      background-size: cover;
      background-position: center center;
      text-align: center;
      padding: 0 2.5%;
      width: 33.33333%;
      max-width: 435px; }
      @media (max-width: 1052px) {
        .categories-page .kits-wrapper .kit-items .kit-item {
          padding: 0;
          margin: 0 40px;
          padding-bottom: 50px;
          width: 60%; } }
      @media (max-width: 667px) {
        .categories-page .kits-wrapper .kit-items .kit-item {
          margin: 0 20px;
          width: 60%; } }
      .categories-page .kits-wrapper .kit-items .kit-item .bg {
        background-size: cover;
        background-position: center center; }
      .categories-page .kits-wrapper .kit-items .kit-item .inner {
        border: 1px solid #bbbbbb; }
      .categories-page .kits-wrapper .kit-items .kit-item .subheader {
        font-family: "Helvetica Neue", "sans-serif";
        font-size: 20px;
        letter-spacing: 3px;
        text-transform: uppercase;
        line-height: 32px;
        padding-top: 12px;
        margin-bottom: 7px; }
        @media (max-width: 1052px) {
          .categories-page .kits-wrapper .kit-items .kit-item .subheader {
            font-size: 16px; } }
      .categories-page .kits-wrapper .kit-items .kit-item h4 {
        font-size: 36px;
        color: #272727;
        text-transform: uppercase;
        font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
        margin-bottom: -15px; }
        @media (max-width: 1052px) {
          .categories-page .kits-wrapper .kit-items .kit-item h4 {
            font-size: 24px; } }
      .categories-page .kits-wrapper .kit-items .kit-item .thumb-wrapper {
        margin: 0 -30px;
        position: relative;
        bottom: -60px; }
        @media (max-width: 1052px) {
          .categories-page .kits-wrapper .kit-items .kit-item .thumb-wrapper {
            bottom: -32px;
            margin: 0 -12px; } }
.categories-page .featured-area {
  color: #fff;
  background-size: cover;
  background-position: center center; }
  @media (max-width: 1052px) {
    .categories-page .featured-area {
      width: 100%;
      max-width: none;
      height: 45vw;
      max-height: 280px;
      overflow: hidden; } }
  .categories-page .featured-area .overlay {
    padding: 145px 0 118px; }
    @media (max-width: 1052px) {
      .categories-page .featured-area .overlay {
        padding: 0; } }
    .categories-page .featured-area .overlay .text {
      max-width: 430px;
      margin: 0 auto;
      text-align: center; }
      @media (max-width: 1052px) {
        .categories-page .featured-area .overlay .text {
          max-width: none;
          margin-top: 39px; } }
      .categories-page .featured-area .overlay .text h2 {
        text-transform: uppercase;
        margin-bottom: 30px;
        font-size: 36px;
        line-height: 1; }
        @media (max-width: 1052px) {
          .categories-page .featured-area .overlay .text h2 {
            font-size: 24px; } }
        .categories-page .featured-area .overlay .text h2 a {
          color: #fff;
          text-decoration: none;
          cursor: pointer; }
      .categories-page .featured-area .overlay .text p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 53px; }
        @media (max-width: 1052px) {
          .categories-page .featured-area .overlay .text p {
            display: none; } }
      .categories-page .featured-area .overlay .text a.btn-bracketed {
        color: #fff;
        font-family: "Helvetica Neue", "sans-serif";
        font-size: 12px;
        letter-spacing: 0.6px;
        padding: 8px 22px;
        transition: all 0.3s ease-out; }
        .categories-page .featured-area .overlay .text a.btn-bracketed:hover {
          padding: 8px 28px;
          color: #ffe7b5; }
        .categories-page .featured-area .overlay .text a.btn-bracketed .bracket {
          border-color: #ffe7b5; }

.categories-page.categories-kit-page .category-kits {
  padding: 0 5%;
  display: flex;
  justify-content: center;
  margin-bottom: 75px; }
  @media (max-width: 1052px) {
    .categories-page.categories-kit-page .category-kits {
      margin-bottom: 35px; } }
  @media (max-width: 667px) {
    .categories-page.categories-kit-page .category-kits {
      margin-bottom: -10px; } }
  .categories-page.categories-kit-page .category-kits .kit-item {
    background-size: cover;
    background-position: center center;
    text-align: center;
    padding: 0 2.5%;
    width: 33.33333%;
    max-width: 435px; }
    @media (max-width: 1052px) {
      .categories-page.categories-kit-page .category-kits .kit-item {
        padding: 0;
        margin: 0 40px;
        padding-bottom: 50px;
        width: 100%; } }
    @media (max-width: 667px) {
      .categories-page.categories-kit-page .category-kits .kit-item {
        margin: 0 15px;
        max-width: 350px; } }
    .categories-page.categories-kit-page .category-kits .kit-item:hover .default {
      opacity: 0; }
    .categories-page.categories-kit-page .category-kits .kit-item:hover .hover {
      opacity: 1; }
    .categories-page.categories-kit-page .category-kits .kit-item:hover .inner {
      background-color: rgba(255, 255, 255, 0.92); }
    .categories-page.categories-kit-page .category-kits .kit-item:hover .thumb-wrapper {
      margin-bottom: 0;
      top: 40px; }
      .categories-page.categories-kit-page .category-kits .kit-item:hover .thumb-wrapper img {
        opacity: 0.5; }
      .categories-page.categories-kit-page .category-kits .kit-item:hover .thumb-wrapper:after {
        opacity: 1; }
    .categories-page.categories-kit-page .category-kits .kit-item .bg {
      background-size: cover;
      background-position: center center; }
    .categories-page.categories-kit-page .category-kits .kit-item .inner {
      background-color: rgba(255, 255, 255, 0.8);
      text-decoration: none;
      cursor: pointer;
      display: block;
      position: relative; }
    .categories-page.categories-kit-page .category-kits .kit-item .head {
      height: 336px;
      overflow: visible;
      border: 1px solid #bbbbbb; }
      @media (max-width: 1052px) {
        .categories-page.categories-kit-page .category-kits .kit-item .head {
          border: 0; } }
    .categories-page.categories-kit-page .category-kits .kit-item .subheader {
      color: #272727;
      font-family: "Helvetica Neue", "sans-serif";
      font-size: 20px;
      letter-spacing: 3px;
      text-transform: uppercase;
      line-height: 32px;
      padding-top: 12px;
      margin-bottom: 7px; }
      @media (max-width: 1052px) {
        .categories-page.categories-kit-page .category-kits .kit-item .subheader {
          font-size: 16px; } }
    .categories-page.categories-kit-page .category-kits .kit-item h4 {
      font-size: 36px;
      color: #272727;
      text-transform: uppercase;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      margin-bottom: -15px; }
      @media (max-width: 1052px) {
        .categories-page.categories-kit-page .category-kits .kit-item h4 {
          font-size: 24px; } }
    .categories-page.categories-kit-page .category-kits .kit-item .thumb-wrapper {
      margin: 0 -30px;
      position: relative;
      z-index: 20;
      transition: opacity ease-out 0.1s, top ease-out 0.5s;
      top: 55px; }
      .categories-page.categories-kit-page .category-kits .kit-item .thumb-wrapper img {
        transition: opacity ease-out 0.1s, top ease-out 0.5s; }
        @media (max-width: 1052px) {
          .categories-page.categories-kit-page .category-kits .kit-item .thumb-wrapper img {
            max-width: 65%; } }
    .categories-page.categories-kit-page .category-kits .kit-item .hover {
      font-family: "Source Sans Pro Regular", monospace;
      font-size: 16px;
      line-height: 26px;
      color: #272727; }
      @media (max-width: 1052px) {
        .categories-page.categories-kit-page .category-kits .kit-item .hover p {
          line-height: 1.2; } }
    .categories-page.categories-kit-page .category-kits .kit-item .hover {
      margin: 0 auto;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      padding: 0 23px;
      padding-top: 110px;
      z-index: 20;
      transition: all ease-out 0.25s; }
      @media (max-width: 1052px) {
        .categories-page.categories-kit-page .category-kits .kit-item .hover {
          padding-top: 65px; } }
      @media (min-width: 668px) and (max-width: 1052px) {
        .categories-page.categories-kit-page .category-kits .kit-item .hover {
          padding-top: 85px; } }
      .categories-page.categories-kit-page .category-kits .kit-item .hover p {
        max-width: 400px;
        margin: 0 auto; }
    .categories-page.categories-kit-page .category-kits .kit-item .dark-btn {
      padding: 5px 23px;
      text-decoration: none;
      margin-top: 30px;
      transition: all ease-out 0.1s;
      cursor: pointer; }
      .categories-page.categories-kit-page .category-kits .kit-item .dark-btn:hover {
        background: #656565; }
      @media (max-width: 1052px) {
        .categories-page.categories-kit-page .category-kits .kit-item .dark-btn {
          margin-top: 10px; } }
@media (max-width: 1052px) {
  .categories-page.categories-kit-page .categories-wrapper .mini-title {
    margin: 35px 0 20px; } }

.categories-page.categories-kit-page .category-item.featured-item {
  width: 700px;
  max-width: 100%; }
  .categories-page.categories-kit-page .category-item.featured-item .thumb-wrapper {
    margin: 0; }

@media (max-width: 350px) {
  .categories-page .category-item .thumb-wrapper img {
    max-width: 290px; } }

.category-page {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  -webkit-overflow-scrolling: touch; }
  .category-page .dark-header-heading {
    position: relative;
    z-index: 1; }
    .category-page .dark-header-heading h1 {
      font-size: 70px;
      line-height: 1; }
    .category-page .dark-header-heading p {
      max-width: 450px;
      font-size: 16px;
      line-height: 26px;
      margin: 15px auto 0; }

.quick-view-inner .product-intro-text {
  text-align: left; }

/* Kits Detail Page */
.kits-intro {
  padding-top: 170px; }
  .kits-intro .product-intro-text,
  .kits-intro .kit-intro-viewer {
    width: 50%; }
  .kits-intro .product-intro-text {
    padding-right: 50px;
    padding-bottom: 0; }
  .kits-intro .kit-intro-viewer {
    padding-left: 20px;
    padding-top: 50px;
    order: 2; }
    .kits-intro .kit-intro-viewer .product-viewer-main {
      margin-bottom: 80px; }
  .kits-intro .select-quantity-wrap {
    margin-right: 35px; }
    .kits-intro .select-quantity-wrap label {
      line-height: 35px; }
  .kits-intro .select-quantity {
    float: left;
    margin-left: 5px; }
  .kits-intro .product-viewer-thumbs {
    justify-content: flex-end; }

.explore-kit-wrap {
  background: #fff;
  background-size: cover;
  padding: 70px 20px 30px;
  position: relative; }
  .explore-kit-wrap h1 {
    font-size: 70px;
    text-transform: uppercase;
    line-height: 1; }
    .explore-kit-wrap h1 small {
      display: block;
      font-size: 16px;
      line-height: 26px;
      font-family: "Source Sans Pro Regular", monospace;
      text-transform: none; }

.compatiblity-container {
  padding-top: 100px;
  position: relative;
  z-index: 2; }

.support-intro,
.comptability-intro {
  margin-bottom: 20px; }
  .support-intro h2,
  .comptability-intro h2 {
    font-size: 24px;
    line-height: 1;
    text-transform: uppercase;
    color: #272727;
    margin-bottom: 35px; }
  .support-intro p,
  .comptability-intro p {
    font-size: 16px;
    line-height: 26px; }

.comptability-intro p {
  max-width: 390px;
  margin-left: auto;
  margin-right: auto; }

.support-intro h2 {
  margin-bottom: 0; }

.compatibility-items {
  width: 100%;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto; }
  .compatibility-items .compatibility-item {
    width: 48%;
    float: left;
    margin-right: 4%;
    position: relative;
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    box-shadow: 0 0 30px rgba(63, 58, 60, 0.08); }
    .compatibility-items .compatibility-item:nth-child(2n) {
      margin: 0; }
    .compatibility-items .compatibility-item h2 {
      font-size: 24px;
      line-height: 1;
      margin-bottom: 30px;
      text-transform: uppercase; }
    .compatibility-items .compatibility-item img {
      margin-bottom: 30px; }
  .compatibility-items .comp-item-details {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto; }
    .compatibility-items .comp-item-details h2 {
      font-size: 18px;
      line-height: 1; }
      .compatibility-items .comp-item-details h2 small {
        display: block;
        font-size: 14px;
        line-height: 1;
        color: #585858;
        letter-spacing: -0.02em;
        font-family: "Helvetica Neue", "sans-serif";
        font-weight: normal; }
  .compatibility-items .hover-more-info {
    position: absolute;
    left: 15px;
    bottom: 15px;
    margin-bottom: 0; }
    .compatibility-items .hover-more-info > span {
      color: #585858; }
    .compatibility-items .hover-more-info .more-info-text {
      padding: 10px; }

.compatibility-techs {
  background: #f8f8f8;
  padding: 160px 15px 100px;
  background: #f8f8f8;
  position: relative;
  margin-top: -70px;
  z-index: 1; }

.compatibility-tech {
  margin-bottom: 40px; }
  .compatibility-tech h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px; }
  .compatibility-tech img {
    margin-bottom: 50px; }
  .compatibility-tech p {
    font-size: 16px;
    line-height: 26px;
    font-family: "Source Sans Pro Regular", monospace;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto; }
    .compatibility-tech p a {
      font-family: "Source Sans Pro SemiBold", monospace;
      color: #272727; }

.support-container {
  padding-top: 60px;
  padding-bottom: 100px; }

.support-items {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex; }
  .support-items .support-item {
    width: 47%;
    float: left;
    margin-right: 6%;
    display: flex; }
    .support-items .support-item:nth-child(2n) {
      margin-right: 0; }
    .support-items .support-item a {
      color: #272727;
      text-decoration: none; }
      .support-items .support-item a:hover {
        text-decoration: underline; }
    .support-items .support-item h3 {
      font-size: 18px;
      margin-bottom: 10px;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      text-transform: uppercase; }
    .support-items .support-item p {
      font-size: 16px;
      line-height: 26px; }
    .support-items .support-item .support-item-icon {
      width: 100px; }
      .support-items .support-item .support-item-icon.icon-bulb {
        background: url("/static/images/kits-detail/bulb-icon.png?359df782c936") no-repeat left center; }
      .support-items .support-item .support-item-icon.icon-contact {
        background: url("/static/images/kits-detail/contact-icon.png?359df782c936") no-repeat center center; }

#explore-kit svg {
  width: 100%;
  max-width: 900px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto; }

#explore-kit #Hoverables path {
  cursor: pointer;
  fill: transparent;
  opacity: 0;
  stroke: transparent; }

#explore-kit image, #explore-kit path {
  transition: all 0.3s; }

#explore-kit svg:hover #Kit-BG {
  opacity: 0.4; }

#explore-kit.kit-clicked image {
  opacity: 0; }

#explore-kit.kit-clicked #Kit-BG {
  opacity: 0.4; }

#explore-kit.kit-clicked .image-active {
  opacity: 1; }

#explore-kit.kit-clicked #Hoverables .path-active {
  stroke: #ffe7b5;
  opacity: 1;
  stroke-width: 2px; }

#explore-kit.loading-kit {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 30px; }
  #explore-kit.loading-kit i.fa {
    font-size: 60px; }

.kit-component {
  position: absolute;
  width: 240px;
  top: 50%;
  left: 6%;
  transform: translateY(-50%);
  display: none; }
  .kit-component h2 {
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    margin-top: -30px;
    margin-bottom: 5px; }
  .kit-component p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px; }
  .kit-component.kit-component-active {
    display: block; }

@media (max-width: 1052px) {
  .product-actions-wrap {
    position: relative;
    padding-top: 20px; }
    .product-actions-wrap .add-to-cart-wrapper {
      text-align: center; }
    .product-actions-wrap .add-to-cart {
      float: none; }
    .product-actions-wrap .select-quantity-wrap {
      position: absolute;
      top: 0;
      right: 0;
      width: 102px;
      margin-right: 0; }
      .product-actions-wrap .select-quantity-wrap label {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 12px;
        line-height: 1;
        margin: 0 0 5px 0; }
      .product-actions-wrap .select-quantity-wrap .select-quantity {
        margin: 0; } }

.explore-actions {
  display: none; }

@media (max-width: 801px) {
  .kits-intro.product-intro-section {
    padding-top: 120px; }
  .kits-intro .f-box {
    display: block; }
  .kits-intro .kit-intro-viewer,
  .kits-intro .product-intro-text {
    width: 100%;
    padding-right: 0; }
  .kits-intro .kit-intro-viewer {
    padding-top: 20px;
    padding-left: 0; }
    .kits-intro .kit-intro-viewer .product-viewer-main {
      margin-bottom: 20px; }
  .product-intro-text {
    margin-top: 30px; }
  .explore-kit-wrap {
    padding-top: 40px;
    min-height: 620px; }
    .explore-kit-wrap h1 {
      font-size: 36px;
      line-height: 1;
      margin-bottom: 30px; }
      .explore-kit-wrap h1 small {
        display: none; }
    .explore-kit-wrap .explore-actions {
      display: block;
      text-align: center;
      margin-bottom: 30px; }
      .explore-kit-wrap .explore-actions .back-to-kit {
        display: none; }
      .explore-kit-wrap .explore-actions .click-to-explore {
        font-size: 12px;
        padding: 8px 12px;
        font-family: "Helvetica Neue", "sans-serif";
        letter-spacing: 0.05em; }
    .explore-kit-wrap.explore-active .explore-actions .back-to-kit {
      display: inline-block;
      font-size: 14px;
      font-family: "Helvetica Neue", "sans-serif";
      text-transform: uppercase;
      line-height: 26px;
      letter-spacing: 0.2em;
      text-decoration: none;
      color: #272727;
      position: relative;
      top: -20px; }
      .explore-kit-wrap.explore-active .explore-actions .back-to-kit:hover {
        text-decoration: underline; }
    .explore-kit-wrap.explore-active .explore-actions .click-to-explore {
      display: none; }
    .explore-kit-wrap.explore-active #explore-kit svg {
      opacity: 0.5; }
    .explore-kit-wrap #explore-kit {
      width: 240%;
      margin-left: -70%;
      position: relative; }
      .explore-kit-wrap #explore-kit:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
    .explore-kit-wrap #kit-components {
      display: block;
      position: absolute;
      top: 120px;
      left: 20px;
      width: 100%;
      visibility: hidden;
      opacity: 0;
      transition: all 0.2s; }
      .explore-kit-wrap #kit-components .kit-component-inner {
        display: flex; }
      .explore-kit-wrap #kit-components .kit-component {
        display: block;
        position: static;
        background: #fff;
        width: 280px;
        min-height: 450px;
        margin-right: 15px;
        border: 1px solid #e7e7e7;
        padding: 0 30px 30px 30px;
        text-align: center;
        transform: none;
        box-shadow: 0 0 30px rgba(30, 30, 30, 0.08); }
        .explore-kit-wrap #kit-components .kit-component h2 {
          max-width: 170px;
          margin-left: auto;
          margin-right: auto;
          font-size: 16px;
          line-height: 1.1;
          margin-bottom: 20px; }
        .explore-kit-wrap #kit-components .kit-component p {
          font-size: 14px;
          line-height: 20px; }
        .explore-kit-wrap #kit-components .kit-component .btn-bracketed {
          padding: 4px 12px; }
    .explore-kit-wrap.explore-active #kit-components {
      visibility: visible;
      opacity: 1; }
  .compatiblity-items-outer {
    width: 100%;
    overflow: visible; }
    .compatiblity-items-outer .compatibility-item {
      width: 290px;
      margin: 15px !important; }
      .compatiblity-items-outer .compatibility-item h2 {
        font-size: 20px; }
      .compatiblity-items-outer .compatibility-item .comp-item-details h2 {
        font-size: 15px; }
        .compatiblity-items-outer .compatibility-item .comp-item-details h2 small {
          font-size: 12px; }
      .compatiblity-items-outer .compatibility-item .comp-item-thumb {
        text-align: center; }
        .compatiblity-items-outer .compatibility-item .comp-item-thumb img {
          max-width: 150px;
          margin-left: auto;
          margin-right: auto; }
      .compatiblity-items-outer .compatibility-item .col-1-2 {
        width: 50%;
        float: left; }
    .compatiblity-items-outer .more-info-text {
      left: 0;
      transform: none;
      width: 250px; }
    .compatiblity-items-outer .slick-list {
      overflow: visible; }
  .compatiblity-container {
    padding-top: 40px; } }

@media (max-width: 667px) {
  .compatibility-techs {
    padding-bottom: 0; }
  .compatibility-tech img {
    max-height: 50px;
    margin-bottom: 20px; }
  .compatibility-tech h2 {
    font-size: 16px;
    margin-bottom: 7px; }
  .support-intro p, .comptability-intro p {
    line-height: 22px; }
  .support-intro h2, .comptability-intro h2 {
    font-size: 18px; }
  .support-container {
    padding-bottom: 30px; }
  .support-items {
    display: block;
    text-align: center;
    margin-top: 10px; }
    .support-items .support-item {
      display: block;
      width: 100%;
      float: none;
      max-width: 360px;
      padding-left: 20px;
      padding-right: 20px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px; }
      .support-items .support-item p {
        line-height: 22px; }
      .support-items .support-item a {
        font-weight: bold; }
      .support-items .support-item:nth-child(2n) {
        margin-right: auto; }
      .support-items .support-item .support-item-icon {
        height: 90px;
        margin: 0 auto;
        background-position: center center !important; }
      .support-items .support-item h3 {
        font-size: 16px; } }

@media (max-width: 350px) {
  .explore-kit-wrap #kit-components .kit-component {
    width: 240px;
    padding: 0 20px 20px; }
  .compatiblity-items-outer .compatibility-item {
    width: 250px;
    margin-right: 0 !important; } }

/* Support Page */
.text-center {
  text-align: center; }

.support-header {
  padding: 40px 0;
  text-align: center;
  color: #fff;
  background: url("/static/images/support/support-header.jpg?359df782c936") #272727 no-repeat center center;
  background-size: cover; }
  .support-header .h0 {
    text-transform: uppercase;
    font-size: 48px;
    line-height: 1;
    color: #fff;
    margin-bottom: 40px; }
    @media (max-width: 801px) {
      .support-header .h0 {
        font-size: 30px;
        margin-bottom: 20px; } }
  @media (max-width: 801px) {
    .support-header p {
      font-size: 12px; } }
  .support-header form {
    width: 100%;
    max-width: 730px;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 801px) {
      .support-header form {
        padding-left: 10px;
        padding-right: 10px; } }
  .support-header .support-h-search-row {
    position: relative;
    display: flex; }
    @media (max-width: 801px) {
      .support-header .support-h-search-row {
        flex-wrap: wrap;
        justify-content: center; } }
    .support-header .support-h-search-row .support-search-inner {
      width: 100%; }
    .support-header .support-h-search-row input {
      width: 100%;
      height: 38px;
      line-height: 1;
      background: #fff;
      font-size: 16px;
      letter-spacing: -0.02em;
      outline: none;
      padding: 0 10px 0 40px;
      font-family: "Source Sans Pro Light", monospace;
      border: 1px solid #272727; }
    .support-header .support-h-search-row .support-search-icon {
      color: #272727;
      position: absolute;
      left: 13px;
      top: 9px;
      font-size: 18px; }
    .support-header .support-h-search-row .transparent-btn {
      margin-left: 30px;
      position: relative;
      top: 2px; }
      @media (max-width: 801px) {
        .support-header .support-h-search-row .transparent-btn {
          margin-left: 0;
          margin-top: 20px; } }
  .support-header .support-search-example {
    font-size: 14px;
    line-height: 1;
    margin-top: 5px;
    text-align: left;
    color: #e7e7e7; }

.desktop-container {
  display: block; }
  @media (max-width: 801px) {
    .desktop-container {
      display: none; } }
.mobile-container {
  display: none; }
  @media (max-width: 801px) {
    .mobile-container {
      display: block; } }
.iconized-tab-hds {
  background: #dedede;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dedede 0%, #dbdbdb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #dbdbdb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dedede 0%, #dbdbdb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #dedede 0%, #dbdbdb 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dedede 0%, #dbdbdb 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #dedede 0%, #dbdbdb 100%);
  /* W3C */
  /*Mobile Containers*/ }
  @media (max-width: 801px) {
    .iconized-tab-hds {
      /*border-bottom: 1px solid $filterborder;*/
      margin-bottom: 0;
      padding-bottom: 0; } }
  .iconized-tab-hds .rock-container {
    display: flex;
    justify-content: space-between;
    width: 78%;
    position: relative; }
    @media (max-width: 1052px) {
      .iconized-tab-hds .rock-container {
        width: 100%; } }
    @media (max-width: 801px) {
      .iconized-tab-hds .rock-container {
        flex-wrap: wrap;
        /*display: none;*/ } }
  .iconized-tab-hds .support-home-mobile h1, .iconized-tab-hds .rock-container-mobile h1 {
    font-size: 18px !important;
    width: 100%;
    text-align: center;
    margin-top: 50px; }
  .iconized-tab-hds .support-home-mobile a, .iconized-tab-hds .rock-container-mobile a {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 33%; }
  .iconized-tab-hds .support-home-mobile, .iconized-tab-hds .rock-container-mobile {
    display: none;
    background-color: #f8f8f8;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    width: 100%; }
    @media (max-width: 801px) {
      .iconized-tab-hds .support-home-mobile, .iconized-tab-hds .rock-container-mobile {
        display: flex; } }
    .iconized-tab-hds .support-home-mobile.whitebg, .iconized-tab-hds .rock-container-mobile.whitebg {
      background: #fff; }
    .iconized-tab-hds .support-home-mobile a, .iconized-tab-hds .rock-container-mobile a {
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px;
      width: 33%; }
    .iconized-tab-hds .support-home-mobile a:last-child, .iconized-tab-hds .rock-container-mobile a:last-child {
      margin-bottom: 50px; }
    .iconized-tab-hds .support-home-mobile span, .iconized-tab-hds .rock-container-mobile span {
      text-align: center !important;
      width: 80px;
      margin-left: auto;
      margin-right: auto; }
  .iconized-tab-hds .support-home-mobile {
    border-bottom: 1px solid #e7e7e7; }
    .iconized-tab-hds .support-home-mobile span {
      text-align: center;
      margin-top: 27px !important;
      margin-bottom: 15px !important;
      width: 100%;
      margin: auto;
      font-size: 14px; }
    .iconized-tab-hds .support-home-mobile p {
      text-align: center;
      text-transform: none;
      margin-bottom: 35px;
      line-height: 20px;
      font-size: 14px; }
  .iconized-tab-hds .customer-support-mobile {
    display: none; }
    @media (max-width: 801px) {
      .iconized-tab-hds .customer-support-mobile {
        display: block; } }
    .iconized-tab-hds .customer-support-mobile h1 {
      font-size: 18px !important;
      width: 100%;
      text-align: center;
      margin-top: 35px;
      margin-bottom: 30px; }
    .iconized-tab-hds .customer-support-mobile h2 {
      font-size: 16px !important;
      text-align: right; }
    .iconized-tab-hds .customer-support-mobile h3 {
      font-size: 14px !important;
      text-align: right; }
    .iconized-tab-hds .customer-support-mobile .hours-container {
      margin-top: 10px;
      width: 30%;
      margin-right: 10px; }
    .iconized-tab-hds .customer-support-mobile img {
      width: 36px;
      height: 36px;
      margin-top: 10px;
      margin-right: 15px;
      margin-left: 10px; }
    .iconized-tab-hds .customer-support-mobile .phone-container {
      width: 100%;
      margin-bottom: 52px;
      text-align: center; }
      .iconized-tab-hds .customer-support-mobile .phone-container a {
        text-align: center !important; }
    .iconized-tab-hds .customer-support-mobile .phone-numbers {
      display: flex;
      flex-direction: column; }
    .iconized-tab-hds .customer-support-mobile a {
      font-size: 16px;
      width: 100%;
      padding-top: 10px !important;
      padding-bottom: 10px !important;
      font-weight: 100 !important; }
  .iconized-tab-hds .app-container-mobile {
    display: none;
    background-color: #f8f8f8 !important;
    display: none;
    width: 100%; }
    @media (max-width: 801px) {
      .iconized-tab-hds .app-container-mobile {
        display: inline-flex; } }
    .iconized-tab-hds .app-container-mobile .image-and-text-container {
      margin-left: auto;
      margin-right: auto;
      display: inline-flex;
      margin-top: 36px; }
      .iconized-tab-hds .app-container-mobile .image-and-text-container .app-phone {
        margin-right: 45px;
        margin-bottom: 35px;
        width: 98px;
        height: 100%; }
      .iconized-tab-hds .app-container-mobile .image-and-text-container .app-text-cotainer {
        margin-left: 45px; }
      .iconized-tab-hds .app-container-mobile .image-and-text-container .app-store-icon {
        width: 80px;
        height: 27px;
        margin: 16px 0; }
    .iconized-tab-hds .app-container-mobile p {
      line-height: 18px;
      font-size: 14px; }
    .iconized-tab-hds .app-container-mobile h1 {
      font-size: 16px !important;
      width: 100%;
      text-align: left;
      margin-left: 0;
      margin-bottom: 18px; }
  .iconized-tab-hds a {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 14px;
    line-height: 1.2;
    color: #585858;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    width: 150px;
    text-align: center;
    padding: 30px 15px 18px;
    padding: 10px 15px 18px;
    justify-content: bottom;
    position: relative; }
    @media (max-width: 1052px) {
      .iconized-tab-hds a {
        font-size: 12px;
        padding: 10px 10px 18px; } }
    @media (max-width: 801px) {
      .iconized-tab-hds a {
        width: 140px;
        padding: 20px 5px 10px;
        text-align: left;
        color: #272727; } }
    @media (min-width: 668px) and (max-width: 1052px) {
      .iconized-tab-hds a {
        width: 25%; } }
    @media (max-width: 350px) {
      .iconized-tab-hds a {
        width: 130px; } }
    .iconized-tab-hds a .iconized-tab-icon {
      height: 70px;
      width: 100%;
      margin-bottom: 10px;
      margin-bottom: 0;
      transform: scale(0.8, 0.8);
      transition: transform 0.3s ease; }
      @media (max-width: 1052px) {
        .iconized-tab-hds a .iconized-tab-icon {
          height: 50px; } }
      @media (max-width: 801px) {
        .iconized-tab-hds a .iconized-tab-icon {
          transform: scale(1, 1); } }
    .iconized-tab-hds a .iconized-tab-desc {
      display: none; }
      @media (max-width: 801px) {
        .iconized-tab-hds a .iconized-tab-desc {
          display: block;
          font-size: 13px;
          font-family: "Source Sans Pro Light", monospace;
          text-transform: none; } }
    .iconized-tab-hds a span {
      transform: rotateX(90deg);
      margin-top: -40px;
      transition: all 0.3s; }
      @media (max-width: 801px) {
        .iconized-tab-hds a span {
          transform: rotateX(0);
          margin-top: 10px;
          opacity: 1; } }
    .iconized-tab-hds a:after {
      content: '';
      width: 100%;
      height: 5px;
      position: absolute;
      background: #d60925;
      left: 0;
      bottom: -1px;
      opacity: 0;
      transition: all 0.3s; }
      @media (max-width: 801px) {
        .iconized-tab-hds a:after {
          display: none; } }
    .iconized-tab-hds a:hover {
      color: #272727; }
      .iconized-tab-hds a:hover:after {
        opacity: 1; }
  .iconized-tab-hds.iconized-hovered a {
    padding: 10px 15px 18px; }
    @media (max-width: 1052px) {
      .iconized-tab-hds.iconized-hovered a {
        padding: 20px 5px 10px; } }
  .iconized-tab-hds.iconized-hovered span {
    transform: rotateX(0);
    margin-top: 10px;
    opacity: 1; }

@media (max-width: 801px) {
  .iconized-tab-hds {
    background: #fff; } }

.iconized-tab-hds .iconized-tab-icon {
  background-size: auto 140px;
  background-position: center -70px; }
  @media (max-width: 1052px) {
    .iconized-tab-hds .iconized-tab-icon {
      background-size: auto 100px;
      background-position: center -50px; } }
  @media (max-width: 801px) {
    .iconized-tab-hds .iconized-tab-icon {
      background-position: center top; } }
.iconized-tab-hds a.active .iconized-tab-icon, .iconized-tab-hds a:hover .iconized-tab-icon {
  background-position: center top; }

.iconized-tab-contents {
  padding-top: 50px;
  padding-bottom: 50px; }
  .iconized-tab-contents #support-home {
    padding-top: 10px; }
  @media (max-width: 1052px) {
    .iconized-tab-contents {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .iconized-tab-contents .rock-container {
    width: 78%;
    padding-left: 30px;
    padding-right: 30px; }
    @media (max-width: 1052px) {
      .iconized-tab-contents .rock-container {
        width: 100%; } }
    @media (max-width: 667px) {
      .iconized-tab-contents .rock-container {
        padding-left: 15px;
        padding-right: 15px; } }
  .iconized-tab-contents h1 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 30px; }
  .iconized-tab-contents h2 {
    font-size: 18px;
    line-height: 1; }
    @media (max-width: 801px) {
      .iconized-tab-contents h2 {
        font-size: 16px; } }
.support-home-grid {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 50px;
  margin-bottom: 40px; }
  @media (max-width: 801px) {
    .support-home-grid {
      display: none; } }
  .support-home-grid .support-contact {
    width: 20%; }
    @media (max-width: 801px) {
      .support-home-grid .support-contact {
        width: 100%;
        display: flex;
        flex-wrap: wrap; } }
    .support-home-grid .support-contact h2 {
      text-transform: uppercase;
      letter-spacing: 0.05em;
      margin-bottom: 10px; }
      @media (max-width: 801px) {
        .support-home-grid .support-contact h2 {
          width: 100%; } }
    .support-home-grid .support-contact p {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 30px; }
      @media (max-width: 801px) {
        .support-home-grid .support-contact p {
          width: 50%; } }
      @media (max-width: 350px) {
        .support-home-grid .support-contact p {
          width: 100%; } }
      @media (max-width: 801px) {
        .support-home-grid .support-contact p:first-child {
          padding-right: 10px; } }
      @media (max-width: 801px) {
        .support-home-grid .support-contact p:last-child {
          padding-left: 10px; } }
      @media (max-width: 350px) {
        .support-home-grid .support-contact p:last-child {
          padding-left: 0; } }
      .support-home-grid .support-contact p strong {
        font-weight: bold; }
    .support-home-grid .support-contact a {
      text-decoration: none;
      color: #272727; }
      .support-home-grid .support-contact a:hover {
        text-decoration: underline; }
  .support-home-grid .support-middle {
    width: 80%;
    display: flex;
    justify-content: flex-start; }
    @media (max-width: 801px) {
      .support-home-grid .support-middle {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        flex-wrap: wrap;
        justify-content: center; } }
    .support-home-grid .support-middle .icon-box-btn {
      display: flex;
      max-width: 220px;
      flex-direction: column;
      justify-content: flex-end; }
      @media (max-width: 801px) {
        .support-home-grid .support-middle .icon-box-btn {
          margin-bottom: 30px; } }
  .support-home-grid .support-dealer-locator {
    width: 30%;
    min-width: 220px;
    padding: 35px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center; }
    @media (max-width: 801px) {
      .support-home-grid .support-dealer-locator {
        width: 100%;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto; } }
    .support-home-grid .support-dealer-locator .support-dealer-inner {
      display: block;
      max-width: 220px;
      margin-left: auto;
      margin-right: auto; }
      .support-home-grid .support-dealer-locator .support-dealer-inner p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 30px; }
      .support-home-grid .support-dealer-locator .support-dealer-inner input {
        width: 100%;
        outline: none;
        border: 1px solid #898989;
        height: 40px;
        padding: 0 10px;
        font-size: 16px;
        letter-spacing: -0.02em; }
      .support-home-grid .support-dealer-locator .support-dealer-inner .dark-btn {
        border: none;
        outline: none; }

.kb-grid {
  display: flex;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 50px;
  padding-top: 15px;
  margin-bottom: 40px;
  justify-content: space-between;
  flex-wrap: wrap; }
  .kb-grid .kb-btns {
    display: flex;
    justify-content: flex-start; }
    @media (max-width: 801px) {
      .kb-grid .kb-btns {
        width: 100%;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #e7e7e7;
        flex-wrap: wrap;
        justify-content: center; } }
  .kb-grid .support-dealer-locator {
    width: 40%;
    min-width: 220px;
    padding: 35px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center; }
    @media (max-width: 801px) {
      .kb-grid .support-dealer-locator {
        width: 100%;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto; } }
    .kb-grid .support-dealer-locator .support-dealer-inner {
      display: block;
      max-width: 220px;
      margin-left: auto;
      margin-right: auto; }
      .kb-grid .support-dealer-locator .support-dealer-inner p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 30px; }
      .kb-grid .support-dealer-locator .support-dealer-inner input {
        width: 100%;
        outline: none;
        border: 1px solid #898989;
        height: 40px;
        padding: 0 10px;
        font-size: 16px;
        letter-spacing: -0.02em; }
      .kb-grid .support-dealer-locator .support-dealer-inner .dark-btn {
        border: none;
        outline: none; }
  .kb-grid .support-phone-app {
    width: 40%;
    display: flex;
    padding: 30px 20px; }
    @media (max-width: 801px) {
      .kb-grid .support-phone-app {
        width: 100%;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto; } }
    .kb-grid .support-phone-app .phone-app-thumb {
      width: 30%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      padding: 0 30px 0 0; }
      @media (max-width: 801px) {
        .kb-grid .support-phone-app .phone-app-thumb {
          width: 60%;
          padding-right: 10px; } }
      .kb-grid .support-phone-app .phone-app-thumb img {
        width: 100%;
        height: auto; }
    .kb-grid .support-phone-app h2 {
      font-size: 24px;
      margin-bottom: 10px;
      line-height: 1; }
      @media (max-width: 801px) {
        .kb-grid .support-phone-app h2 {
          font-size: 18px; } }
    .kb-grid .support-phone-app p, .kb-grid .support-phone-app a {
      font-size: 16px;
      line-height: 26px;
      text-decoration: none;
      color: #272727; }
      @media (max-width: 801px) {
        .kb-grid .support-phone-app p, .kb-grid .support-phone-app a {
          font-size: 14px;
          line-height: 20px; } }
      .kb-grid .support-phone-app p img, .kb-grid .support-phone-app a img {
        margin-top: 10px;
        margin-bottom: 10px; }

.support-tools {
  display: flex;
  justify-content: flex-start;
  padding-top: 15px; }
  @media (max-width: 801px) {
    .support-tools {
      flex-wrap: wrap; } }
  @media (max-width: 667px) {
    .support-tools {
      justify-content: center; } }
  @media (max-width: 801px) {
    .support-tools .icon-box-btn {
      margin-bottom: 30px; } }
/* Support Search Results */
.support-search-results-wrapper .rock-container {
  width: 90%; }
  @media (min-width: 1025px) {
    .support-search-results-wrapper .rock-container {
      padding-left: 7%;
      padding-right: 0; } }
  @media (max-width: 1052px) {
    .support-search-results-wrapper .rock-container {
      width: 100%; } }
.support-search-results-wrapper .eac-item a {
  display: block !important; }

.support-search-results {
  display: flex;
  flex-wrap: wrap; }
  .support-search-results .support-results-left {
    width: 65%;
    padding-right: 30px; }
    @media (max-width: 801px) {
      .support-search-results .support-results-left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px; } }
  .support-search-results .support-results-right {
    width: 35%; }
    @media (max-width: 801px) {
      .support-search-results .support-results-right {
        width: 100%; } }
    .support-search-results .support-results-right .results-help-widget {
      padding: 35px 20px; }
      @media (max-width: 667px) {
        .support-search-results .support-results-right .results-help-widget {
          padding: 20px 10px; } }
      .support-search-results .support-results-right .results-help-widget > h2 {
        font-size: 24px;
        font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
        margin-bottom: 40px;
        text-align: center; }
        @media (max-width: 667px) {
          .support-search-results .support-results-right .results-help-widget > h2 {
            margin-bottom: 20px;
            font-size: 20px; } }
  .support-search-results .support-results-suggestions-wrap {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 60px;
    position: relative; }
    @media (max-width: 801px) {
      .support-search-results .support-results-suggestions-wrap {
        margin-bottom: 30px; } }
    .support-search-results .support-results-suggestions-wrap a {
      color: #272727;
      font-family: "Source Sans Pro SemiBold", monospace; }
    .support-search-results .support-results-suggestions-wrap .support-results-suggestions {
      width: 100%; }
      @media (max-width: 667px) {
        .support-search-results .support-results-suggestions-wrap .support-results-suggestions {
          line-height: 1.2;
          margin-top: 15px; } }
    .support-search-results .support-results-suggestions-wrap .support-results-total {
      min-width: 135px; }
      @media (max-width: 801px) {
        .support-search-results .support-results-suggestions-wrap .support-results-total {
          position: absolute;
          top: -20px;
          left: 0; } }
  .support-search-results .support-results-item {
    margin-bottom: 50px; }
    @media (max-width: 667px) {
      .support-search-results .support-results-item {
        margin-bottom: 30px; } }
    .support-search-results .support-results-item .result-item-title {
      font-size: 20px;
      line-height: 1; }
      .support-search-results .support-results-item .result-item-title h2 {
        font-family: "Helvetica Neue Bold";
        letter-spacing: -0.01em; }
    .support-search-results .support-results-item .result-item-url {
      font-size: 14px;
      line-height: 1;
      margin: 15px 0 5px;
      display: block;
      color: #585858;
      font-style: italic;
      transition: color 0.2s; }
      @media (max-width: 667px) {
        .support-search-results .support-results-item .result-item-url {
          width: 100%;
          white-space: no-wrap;
          overflow: hidden;
          text-overflow: ellipsis; } }
      .support-search-results .support-results-item .result-item-url:hover {
        color: #272727; }
    .support-search-results .support-results-item p {
      font-size: 16px;
      line-height: 26px; }
      @media (max-width: 667px) {
        .support-search-results .support-results-item p {
          font-size: 14px;
          line-height: 20px; } }
    .support-search-results .support-results-item a {
      text-decoration: none; }
  .support-search-results .results-help-items {
    text-decoration: none;
    color: #272727; }
  .support-search-results .result-help-item {
    display: flex;
    margin-bottom: 30px; }
    .support-search-results .result-help-item .help-item-icon {
      width: 150px;
      margin-right: 10px;
      min-height: 60px; }
      @media (max-width: 667px) {
        .support-search-results .result-help-item .help-item-icon {
          width: 150px; } }
      .support-search-results .result-help-item .help-item-icon.help-ask-question {
        background: url("/static/images/support/ask-question-2-icon.png?359df782c936") no-repeat center center; }
      .support-search-results .result-help-item .help-item-icon.help-contact-us {
        background: url("/static/images/kits-detail/contact-icon.png?359df782c936") no-repeat center center; }
    .support-search-results .result-help-item .help-item-desc {
      width: 350px; }
    .support-search-results .result-help-item h3 {
      font-size: 18px;
      line-height: 1;
      margin-bottom: 5px;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; }
      @media (max-width: 667px) {
        .support-search-results .result-help-item h3 {
          font-size: 16px; } }
    .support-search-results .result-help-item p {
      font-size: 16px;
      line-height: 26px; }
      @media (max-width: 667px) {
        .support-search-results .result-help-item p {
          font-size: 14px;
          line-height: 20px; } }
.support-page .support-link {
  text-decoration: none;
  color: #272727;
  font-weight: 900; }
  .support-page .support-link:hover {
    text-decoration: underline; }

.support-page .pmx-configurator-container {
  display: flex;
  flex-direction: row;
  max-width: 1350px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto; }
  .support-page .pmx-configurator-container .pmx-app {
    position: relative;
    left: -4rem;
    top: -2rem; }

.support-page .woofer-box-wizard-container {
  display: flex;
  flex-direction: row;
  max-width: 1350px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto; }
  .support-page .woofer-box-wizard-container .check-mark {
    position: relative;
    right: 65px;
    top: 14px;
    /*visibility: hidden;*/ }
  .support-page .woofer-box-wizard-container .circle-background {
    position: relative;
    right: 15px;
    top: 7px;
    color: #fff; }
  .support-page .woofer-box-wizard-container .circle {
    position: relative;
    right: 42px;
    top: 7px; }
  .support-page .woofer-box-wizard-container .popup p:first-child {
    font-weight: 900;
    text-decoration: underline;
    cursor: pointer; }
  .support-page .woofer-box-wizard-container .info-popup-container {
    visibility: hidden;
    width: 555px;
    background-color: #f8f8f8;
    border: 1px solid #bbbbbb;
    position: absolute;
    z-index: 1; }
    @media (max-width: 667px) {
      .support-page .woofer-box-wizard-container .info-popup-container {
        width: 80%; } }
    .support-page .woofer-box-wizard-container .info-popup-container .text-container {
      margin: 20px; }
    .support-page .woofer-box-wizard-container .info-popup-container table {
      margin-top: 20px; }
    .support-page .woofer-box-wizard-container .info-popup-container table, .support-page .woofer-box-wizard-container .info-popup-container th, .support-page .woofer-box-wizard-container .info-popup-container td {
      border: 1px solid #bbbbbb; }
    .support-page .woofer-box-wizard-container .info-popup-container th, .support-page .woofer-box-wizard-container .info-popup-container td {
      padding: 5px 10px; }
    .support-page .woofer-box-wizard-container .info-popup-container img {
      margin: 20px 0; }
  .support-page .woofer-box-wizard-container .popup:hover .info-popup-container {
    visibility: visible; }
  .support-page .woofer-box-wizard-container .amp-wire-calculator-container {
    max-width: initial;
    width: 100%; }
    .support-page .woofer-box-wizard-container .amp-wire-calculator-container .btn-hidden {
      visibility: hidden; }
    .support-page .woofer-box-wizard-container .amp-wire-calculator-container ul {
      padding-left: 20px; }
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container ul li {
        list-style-type: disc;
        font-family: "Source Sans Pro Regular", monospace;
        padding-left: 8px;
        padding-bottom: 8px;
        font-size: 16px; }
    .support-page .woofer-box-wizard-container .amp-wire-calculator-container .next-buttons-container {
      margin-top: 20px;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      justify-content: space-between; }
      @media (max-width: 801px) {
        .support-page .woofer-box-wizard-container .amp-wire-calculator-container .next-buttons-container div {
          width: 50%;
          padding: 5px;
          box-sizing: border-box;
          text-align: center; }
          .support-page .woofer-box-wizard-container .amp-wire-calculator-container .next-buttons-container div .dark-btn {
            width: 100%; } }
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .next-buttons-container p {
        margin-top: 25px; }
    .support-page .woofer-box-wizard-container .amp-wire-calculator-container .equation,
    .support-page .woofer-box-wizard-container .amp-wire-calculator-container .ohms-law {
      display: inline-flex;
      margin: 20px 0; }
      @media (max-width: 801px) {
        .support-page .woofer-box-wizard-container .amp-wire-calculator-container .equation,
        .support-page .woofer-box-wizard-container .amp-wire-calculator-container .ohms-law {
          display: block;
          transform: scale(0.7);
          width: 100%;
          position: relative;
          right: 40px; } }
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .equation p,
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .ohms-law p {
        margin: 15px 5px; }
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .equation span.divider,
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .ohms-law span.divider {
        font-size: 20px; }
    .support-page .woofer-box-wizard-container .amp-wire-calculator-container .equation span.divider {
      margin: 30px 40px; }
    .support-page .woofer-box-wizard-container .amp-wire-calculator-container .ohms-law span.divider {
      margin: 15px 40px; }
    .support-page .woofer-box-wizard-container .amp-wire-calculator-container .efficiency,
    .support-page .woofer-box-wizard-container .amp-wire-calculator-container .step-five-calcs {
      margin: 10px 0 0 20px;
      padding: 0;
      display: flex;
      flex-wrap: wrap; }
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .efficiency div label,
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .efficiency div .label,
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .step-five-calcs div label,
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .step-five-calcs div .label {
        font-weight: 900;
        font-size: 16px;
        margin-right: 10px;
        width: 100px;
        display: block; }
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .efficiency div strong,
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .efficiency div select,
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .efficiency div input,
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .step-five-calcs div strong,
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .step-five-calcs div select,
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .step-five-calcs div input {
        display: inline-block;
        width: 150px;
        margin-right: 10px; }
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .efficiency div .help-block,
      .support-page .woofer-box-wizard-container .amp-wire-calculator-container .step-five-calcs div .help-block {
        line-height: 21px;
        font-size: 13px; }
    .support-page .woofer-box-wizard-container .amp-wire-calculator-container strong {
      font-weight: 900; }
    .support-page .woofer-box-wizard-container .amp-wire-calculator-container .wire-calculation-container .step-five-calcs div label {
      width: 260px; }

.support-page .woofer-box-wizard-left {
  width: 72.6%;
  max-width: 960px;
  display: flex;
  flex-direction: column;
  position: relative; }
  @media (max-width: 801px) {
    .support-page .woofer-box-wizard-left {
      width: 100%; } }
  .support-page .woofer-box-wizard-left .description {
    width: 61%;
    margin-bottom: 44px; }
    @media (max-width: 801px) {
      .support-page .woofer-box-wizard-left .description {
        width: 100%; } }
  .support-page .woofer-box-wizard-left .enclosure-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around; }
    .support-page .woofer-box-wizard-left .enclosure-container .enclosure {
      margin: 30px 20px; }
      .support-page .woofer-box-wizard-left .enclosure-container .enclosure img {
        width: 85px; }
      .support-page .woofer-box-wizard-left .enclosure-container .enclosure p {
        padding-left: 20px; }

.support-page .info-container {
  display: flex;
  flex-direction: column;
  width: 25%; }

.support-page .info-box {
  width: 100%;
  max-width: 337px;
  border: 1px solid #bbbbbb;
  margin-bottom: 64px; }

@media (max-width: 801px) {
  .support-page .info-box-desktop {
    display: none !important; } }

.support-page .info-box-mobile {
  display: none; }
  @media (max-width: 801px) {
    .support-page .info-box-mobile {
      display: block;
      width: 100%; } }
.support-page .step-container {
  border: 1px solid #bbbbbb;
  margin-bottom: 65px;
  width: 100%; }

.support-page .small-containers {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between; }

.support-page .step-container-small, .support-page .step-container-med {
  border: 1px solid #bbbbbb;
  margin-bottom: 65px;
  width: 450px; }
  .support-page .step-container-small.percentage-width, .support-page .step-container-med.percentage-width {
    width: 32.5%; }
    @media (max-width: 1370px) {
      .support-page .step-container-small.percentage-width, .support-page .step-container-med.percentage-width {
        width: 100%; } }
  @media (max-width: 1370px) {
    .support-page .step-container-small, .support-page .step-container-med {
      width: 100%; } }
  .support-page .step-container-small input, .support-page .step-container-med input {
    position: static !important; }
  .support-page .step-container-small .radio-container, .support-page .step-container-med .radio-container {
    display: block;
    margin: 30px 0 10px 30px; }
  .support-page .step-container-small .radio-line, .support-page .step-container-med .radio-line {
    display: inline-flex;
    margin-bottom: 20px;
    width: 100%; }
  .support-page .step-container-small p, .support-page .step-container-med p {
    padding-left: 20px;
    font-weight: 900; }
  .support-page .step-container-small .parentheses, .support-page .step-container-med .parentheses {
    font-weight: normal;
    padding-left: 5px; }
  .support-page .step-container-small .wood-thickness, .support-page .step-container-med .wood-thickness {
    display: flex;
    margin-bottom: 0; }

.support-page .step-container-med {
  width: 48%; }
  @media (max-width: 1370px) {
    .support-page .step-container-med {
      width: 100%; } }
.support-page .info-header, .support-page .step-header {
  display: inline-flex;
  height: 50px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #bbbbbb;
  width: 100%;
  white-space: nowrap; }

.support-page .info-header h2 {
  font-size: 24px;
  margin: auto 25px; }

.support-page .info-box-content {
  margin: 20px;
  font-size: 20px;
  line-height: 1; }
  @media (max-width: 801px) {
    .support-page .info-box-content {
      margin: 20px 0; } }
  .support-page .info-box-content .info-box-description:before {
    content: '• '; }
  .support-page .info-box-content p {
    margin-top: 10px; }
    .support-page .info-box-content p a {
      text-decoration: none;
      color: #1e1e1e;
      cursor: pointer; }
    .support-page .info-box-content p a:hover {
      text-decoration: underline; }
  .support-page .info-box-content h2 {
    font-family: "Helvetica Neue Bold";
    letter-spacing: -0.01em; }
  .support-page .info-box-content p, .support-page .info-box-content li, .support-page .info-box-content h3 {
    font-size: 15px; }
  .support-page .info-box-content li {
    list-style-type: disc;
    margin-left: 20px; }
  .support-page .info-box-content strong {
    font-weight: 900; }
  .support-page .info-box-content h3 {
    font-weight: bolder; }

.support-page .numbers {
  margin: 20px; }

.support-page .legend-container {
  display: flex;
  flex-direction: row; }
  .support-page .legend-container p {
    line-height: 20px; }
  .support-page .legend-container .initials {
    margin-right: 26px; }
    .support-page .legend-container .initials p {
      font-weight: 900; }

.support-page .speaker-poliarity-container {
  display: flex;
  flex-direction: row;
  margin-top: 20px; }
  .support-page .speaker-poliarity-container .column {
    margin-right: 30px; }
  .support-page .speaker-poliarity-container p {
    line-height: 20px; }
  .support-page .speaker-poliarity-container p:first-child {
    font-weight: 900; }

.support-page .step-header h2, .support-page .step-header h1, .support-page .step-header p {
  position: relative;
  right: 40px;
  margin: auto 0 auto 0; }

.support-page .step-header h2 {
  font-size: 24px;
  margin: auto 0 auto 16px; }
  @media (max-width: 801px) {
    .support-page .step-header h2 {
      font-size: 15px; } }
.support-page .step-header-no-circle h1, .support-page .step-header-no-circle h2 {
  position: static; }

.support-page .step-header-selected {
  background-color: #1e1e1e; }
  .support-page .step-header-selected h1, .support-page .step-header-selected h2 {
    color: #fff; }

.support-page .dimensions-container img {
  margin-left: 30px; }

.support-page .dimensions-container input {
  border: 1px solid #1e1e1e;
  width: 40px;
  margin: 20px 20px; }

.support-page .dimensions-container .inputs-container {
  margin: 10px auto; }

.support-page .calculate-container {
  margin: 30px; }
  .support-page .calculate-container .results-container {
    display: inline-block; }
  .support-page .calculate-container P {
    margin-top: 10px; }
  .support-page .calculate-container .results {
    border: 1px solid #1e1e1e; }
    .support-page .calculate-container .results p {
      padding: 0;
      margin: auto; }

.support-page .woofer-box-advisor-container {
  width: 100%;
  max-width: 1350px; }
  .support-page .woofer-box-advisor-container .description {
    width: 61%;
    margin-bottom: 44px; }
    @media (max-width: 801px) {
      .support-page .woofer-box-advisor-container .description {
        width: 100%; } }
  .support-page .woofer-box-advisor-container .infinite-baffle-container img {
    width: 250px; }
  .support-page .woofer-box-advisor-container .custom-select-wrap {
    width: 100%;
    padding-right: 30px;
    margin-bottom: 20px; }
    .support-page .woofer-box-advisor-container .custom-select-wrap select {
      height: 40px;
      background-size: auto 100%;
      font-size: 16px;
      text-transform: none;
      padding-right: 30px; }

.support-page .box-design-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between; }
  .support-page .box-design-container img {
    margin-top: 20px; }
    @media (max-width: 667px) {
      .support-page .box-design-container img {
        width: 300px; } }
  .support-page .box-design-container div ul {
    max-width: 450px; }
  .support-page .box-design-container table {
    max-width: 50%;
    margin-top: 20px;
    margin-right: 30px; }
  .support-page .box-design-container table, .support-page .box-design-container th, .support-page .box-design-container td {
    border-bottom: 1px solid #bbbbbb; }
  .support-page .box-design-container th, .support-page .box-design-container td {
    padding: 5px 60px; }
  .support-page .box-design-container th {
    font-weight: 900; }
  @media (max-width: 667px) {
    .support-page .box-design-container {
      white-space: nowrap;
      font-size: 15px; }
      .support-page .box-design-container th, .support-page .box-design-container td {
        padding: 5px 25px; } }
  .support-page .box-design-container .export-icon {
    margin-bottom: -5px !important;
    margin-top: -5px !important; }
  .support-page .box-design-container h2 {
    margin-top: 30px;
    text-align: center; }
  .support-page .box-design-container p {
    font-size: 15px; }
  .support-page .box-design-container a {
    color: #1e1e1e !important; }
  .support-page .box-design-container ul {
    padding-left: 20px; }
    .support-page .box-design-container ul li {
      list-style-type: disc;
      font-family: "Source Sans Pro Regular", monospace;
      padding-left: 8px;
      padding-bottom: 8px;
      font-size: 16px;
      white-space: normal; }

.support-page .discontinued-products-wrap {
  display: flex;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 50px;
  padding-top: 15px;
  margin: 0 auto 40px auto;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1200px; }
  .support-page .discontinued-products-wrap .discontinued-products-left {
    width: 50%;
    padding-right: 30px; }
    @media (max-width: 801px) {
      .support-page .discontinued-products-wrap .discontinued-products-left {
        width: 100%;
        margin-bottom: 30px;
        padding-right: 0; } }
    .support-page .discontinued-products-wrap .discontinued-products-left h2 {
      font-size: 18px;
      letter-spacing: 0.05em;
      line-height: 1;
      margin-bottom: 5px;
      text-transform: uppercase; }
    .support-page .discontinued-products-wrap .discontinued-products-left p {
      font-size: 16px;
      line-height: 26px; }
  .support-page .discontinued-products-wrap .discontinued-products-right {
    width: 50%;
    padding: 30px; }
    @media (max-width: 801px) {
      .support-page .discontinued-products-wrap .discontinued-products-right {
        width: 100%;
        padding: 15px; } }
  .support-page .discontinued-products-wrap .discontinued-search-by {
    letter-spacing: -0.05em;
    margin-bottom: 15px; }
    .support-page .discontinued-products-wrap .discontinued-search-by strong {
      font-weight: bold; }
    .support-page .discontinued-products-wrap .discontinued-search-by label,
    .support-page .discontinued-products-wrap .discontinued-search-by strong {
      margin-right: 20px;
      font-size: 16px;
      cursor: pointer;
      position: relative;
      padding-left: 20px; }
      .support-page .discontinued-products-wrap .discontinued-search-by label .radio,
      .support-page .discontinued-products-wrap .discontinued-search-by strong .radio {
        left: -5px; }
      .support-page .discontinued-products-wrap .discontinued-search-by label:first-child,
      .support-page .discontinued-products-wrap .discontinued-search-by strong:first-child {
        cursor: default;
        padding-left: 0;
        margin-right: 15px; }
        @media (max-width: 667px) {
          .support-page .discontinued-products-wrap .discontinued-search-by label:first-child,
          .support-page .discontinued-products-wrap .discontinued-search-by strong:first-child {
            display: block;
            margin-bottom: 10px; } }
  .support-page .discontinued-products-wrap .discontinued-search-box input {
    width: 100%;
    height: 38px;
    line-height: 1;
    background: #fff;
    font-size: 16px;
    letter-spacing: -0.02em;
    outline: none;
    padding: 0 10px 0 10px;
    font-family: "Source Sans Pro Light", monospace;
    border: 1px solid #272727; }
  .support-page .discontinued-products-wrap .discontinued-submit {
    text-align: center; }
    .support-page .discontinued-products-wrap .discontinued-submit .dark-btn {
      border: none;
      outline: none;
      margin-top: 30px; }
      @media (max-width: 350px) {
        .support-page .discontinued-products-wrap .discontinued-submit .dark-btn {
          padding: 10px 7px; } }
.step-header .fa.fa-check.check-mark {
  visibility: hidden; }

.step-header .fa.fa-circle-thin {
  color: #bbbbbb; }

.step-header.step-header-completed .fa.fa-circle-thin, .step-header.step-header-selected .fa.fa-circle-thin {
  color: #1e1e1e; }

.step-header.step-header-completed .fa.fa-check.check-mark {
  visibility: visible; }

button.icon-box-btn {
  background-color: transparent;
  border: none; }

.knowledge-base-link-mobile {
  display: none; }

@media (max-width: 801px) {
  #knowledge-base {
    display: none !important; }
  .knowledge-base-link-mobile {
    display: block;
    text-align: center;
    margin-top: 50px; }
    .knowledge-base-link-mobile .iconized-tab-hds a {
      text-align: center;
      margin: 0 auto; }
    .knowledge-base-link-mobile .iconized-tab-hds.iconized-hovered a {
      padding: 0; } }

#woofer-wiring-wizard .rock-container {
  margin: 0;
  padding: 0;
  width: 100%; }

.support-page #subwoofer-box-advisor-container .step-container-med {
  width: auto; }

.rf-modal {
  position: fixed;
  display: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100000; }
  .rf-modal.show {
    display: block; }
  .rf-modal .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8)); }
  .rf-modal .dialog-wrapper {
    margin: 0 auto;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 510px;
    padding: 5px;
    background: radial-gradient(circle at top -2px right -2px, transparent 24px, rgba(0, 0, 0, 0.2) 25px);
    border-radius: 0.2em;
    overflow-y: auto; }
  .rf-modal .dialog {
    padding: 50px;
    background: radial-gradient(circle at top -5px right -5px, transparent 27px, #fff 28px);
    border-radius: 0.2em; }
    .rf-modal .dialog button.close {
      position: absolute;
      top: 0;
      right: 0;
      transform: translate(50%, -50%);
      color: #d60925;
      border: none;
      display: block;
      padding: 0;
      background-color: transparent;
      font-size: 2em;
      border-radius: 1em;
      cursor: pointer;
      padding: 3px;
      transition: transform 0.3s ease; }
      .rf-modal .dialog button.close svg {
        overflow: visible;
        display: block;
        width: 1em;
        height: 1em; }
        .rf-modal .dialog button.close svg > * {
          stroke-width: 3px;
          transition: fill 0.3s ease, stroke 0.3s ease; }
      .rf-modal .dialog button.close:hover {
        transform: translate(50%, -50%) scale(1.05); }
        .rf-modal .dialog button.close:hover svg > line {
          stroke: #ffe7b5; }
        .rf-modal .dialog button.close:hover svg > circle {
          fill: rgba(0, 0, 0, 0.5); }
  @media (max-height: 988px) {
    .rf-modal .dialog-wrapper {
      top: 50%; } }
  @media (max-width: 546px) {
    .rf-modal .dialog-wrapper {
      margin: 0;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      transform: none;
      width: auto;
      background: rgba(0, 0, 0, 0.2); }
      .rf-modal .dialog-wrapper .dialog {
        background: white; }
        .rf-modal .dialog-wrapper .dialog button.close {
          transform: none;
          top: 10px;
          right: 10px; } }
#newsletter-signup-modal.rf-modal .dialog-wrapper {
  background: url(/static/images/dialogs/signup_700.png?359df782c936) local top center no-repeat;
  width: 700px;
  border-radius: 0; }

#newsletter-signup-modal.rf-modal .dialog {
  margin-top: 190px;
  padding-bottom: 75px;
  border-radius: 0;
  background: none; }
  #newsletter-signup-modal.rf-modal .dialog h2 {
    text-align: center; }
  #newsletter-signup-modal.rf-modal .dialog .indicates-required {
    text-align: right; }
  #newsletter-signup-modal.rf-modal .dialog .asterisk {
    color: #d60925; }
  #newsletter-signup-modal.rf-modal .dialog .rock-field-always {
    text-align: center; }
    #newsletter-signup-modal.rf-modal .dialog .rock-field-always input.email {
      width: 260px;
      border: 0;
      box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); }
      #newsletter-signup-modal.rf-modal .dialog .rock-field-always input.email::placeholder {
        font-family: "Source Sans Pro";
        font-weight: 900;
        text-align: center; }
      #newsletter-signup-modal.rf-modal .dialog .rock-field-always input.email:focus {
        background: white;
        opacity: 1; }
  #newsletter-signup-modal.rf-modal .dialog .buttons {
    text-align: center; }
    #newsletter-signup-modal.rf-modal .dialog .buttons input.button {
      margin-top: 12px;
      font-family: "Source Sans Pro";
      font-weight: 900;
      font-style: italic;
      text-align: center;
      border: 0;
      border-radius: 0;
      box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
      padding: 3px 15px; }
      #newsletter-signup-modal.rf-modal .dialog .buttons input.button:focus {
        -moz-outline-radius: 0; }
      #newsletter-signup-modal.rf-modal .dialog .buttons input.button:hover {
        background: #bfbfbf;
        opacity: 1; }
      #newsletter-signup-modal.rf-modal .dialog .buttons input.button:active {
        box-shadow: none;
        transform: translate(3px, 3px); }
    #newsletter-signup-modal.rf-modal .dialog .buttons button.no-thanks {
      font-family: "Source Sans Pro";
      font-weight: 900;
      font-style: italic;
      background: none;
      border: 0;
      color: #fff;
      text-decoration: underline;
      margin-top: 25px;
      cursor: pointer; }
      #newsletter-signup-modal.rf-modal .dialog .buttons button.no-thanks:hover {
        text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); }
      #newsletter-signup-modal.rf-modal .dialog .buttons button.no-thanks:active {
        text-shadow: none;
        transform: translate(3px, 3px); }
  #newsletter-signup-modal.rf-modal .dialog button.close {
    transform: none;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 0;
    padding: 0; }
    #newsletter-signup-modal.rf-modal .dialog button.close:hover {
      background: #bfbfbf; }
    #newsletter-signup-modal.rf-modal .dialog button.close:active span {
      transform: translate(1px, 1px); }

@media (max-width: 700px) {
  #newsletter-signup-modal.rf-modal .dialog-wrapper {
    width: 100%; } }

@media (max-width: 546px) {
  #newsletter-signup-modal.rf-modal .dialog-wrapper {
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: none; }
    #newsletter-signup-modal.rf-modal .dialog-wrapper .dialog {
      background: none;
      width: auto; }
      #newsletter-signup-modal.rf-modal .dialog-wrapper .dialog button.close {
        top: 0px;
        right: 0px; } }

@font-face {
  font-family: 'Abolition-Round';
  src: url(/static/fonts/abolition/Abolition-RoundOblique.ttf?359df782c936) format("truetype");
  font-weight: normal;
  font-style: italic; }

#on-exit-intent-modal {
  position: fixed;
  display: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100000; }
  #on-exit-intent-modal.show {
    display: block; }
  #on-exit-intent-modal .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8)); }
  #on-exit-intent-modal .dialog-wrapper {
    background: url(/static/images/dialogs/exit_intent.png?359df782c936) local top center no-repeat;
    width: 500px;
    height: 400px;
    border-radius: 0.4em;
    overflow: hidden; }
  #on-exit-intent-modal .dialog {
    margin-top: 100px;
    padding-bottom: 75px;
    border-radius: 0;
    background: none;
    text-align: center; }
    #on-exit-intent-modal .dialog .message {
      font-size: 2.5em;
      font-family: 'Abolition-Round';
      font-style: italic;
      color: #fff;
      line-height: 1em; }
    #on-exit-intent-modal .dialog .discount-code {
      font-family: 'Source Sans Pro';
      font-weight: bold;
      font-size: 4em;
      margin-top: 0.3em; }
      #on-exit-intent-modal .dialog .discount-code span {
        display: inline-block;
        background-color: #fff;
        color: #272727;
        padding: 0.1em 0.7em; }
    #on-exit-intent-modal .dialog button.close {
      transform: none;
      width: 40px;
      height: 40px;
      background: white;
      border-radius: 0;
      padding: 0; }
      #on-exit-intent-modal .dialog button.close:hover {
        background: #bfbfbf; }
      #on-exit-intent-modal .dialog button.close:active span {
        transform: translate(1px, 1px); }
  @media (max-width: 700px) {
    #on-exit-intent-modal .dialog-wrapper {
      width: 100%; } }
  @media (max-width: 546px) {
    #on-exit-intent-modal .dialog-wrapper {
      margin: 0;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      transform: none; }
      #on-exit-intent-modal .dialog-wrapper .dialog {
        background: none;
        width: auto; }
        #on-exit-intent-modal .dialog-wrapper .dialog button.close {
          top: 0px;
          right: 0px; } }
/* Search Results */
.search-results-page {
  padding-bottom: 60px; }
  @media (max-width: 801px) {
    .search-results-page {
      padding-bottom: 0; } }
  .search-results-page .search-btn {
    margin: 0; }
  .search-results-page .page-dark-header {
    padding-top: 65px;
    padding-bottom: 100px; }
    @media (max-width: 667px) {
      .search-results-page .page-dark-header {
        padding-top: 20px;
        padding-bottom: 70px; } }
    .search-results-page .page-dark-header h1 {
      font-size: 48px; }
      @media (max-width: 667px) {
        .search-results-page .page-dark-header h1 {
          font-size: 28px; } }
  .search-results-page .support-results-right {
    margin-top: -50px; }
    @media (max-width: 801px) {
      .search-results-page .support-results-right {
        margin-top: 0; } }
  .search-results-page .support-search-results-wrapper .rock-container {
    width: 100%;
    max-width: 1400px;
    padding-left: 30px;
    padding-right: 30px; }
    @media (min-width: 1025px) {
      .search-results-page .support-search-results-wrapper .rock-container {
        padding-left: 7%; } }
    @media (max-width: 667px) {
      .search-results-page .support-search-results-wrapper .rock-container {
        padding-left: 15px;
        padding-right: 15px; } }
  .search-results-page .support-search-results-wrapper .prod-sku {
    color: #585858;
    font-family: "Source Sans Pro SemiBold";
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase; }
  @media (max-width: 801px) {
    .search-results-page .results-help-widget {
      width: 100%;
      width: calc(100% + 60px);
      margin-left: -30px; } }
  @media (max-width: 667px) {
    .search-results-page .results-help-widget {
      width: 100%;
      width: calc(100% + 30px);
      margin-left: -15px;
      padding: 15px; } }
.search-page-form {
  background: #f8f8f8;
  padding: 25px 30px;
  position: relative;
  margin-top: -50px;
  margin-bottom: 10px; }
  @media (max-width: 1052px) {
    .search-page-form {
      margin-bottom: 25px;
      padding: 15px; } }
  @media (max-width: 801px) {
    .search-page-form {
      width: 100%;
      width: calc(100% + 60px);
      margin-left: -30px; } }
  @media (max-width: 667px) {
    .search-page-form {
      width: 100%;
      width: calc(100% + 30px);
      margin-left: -15px; } }
  .search-page-form .search-form-upper-row {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1052px) {
      .search-page-form .search-form-upper-row {
        flex-wrap: wrap; } }
    .search-page-form .search-form-upper-row .search-form-search-field {
      position: relative;
      width: 100%;
      margin-right: 30px; }
      @media (max-width: 1052px) {
        .search-page-form .search-form-upper-row .search-form-search-field {
          margin-right: 0;
          margin-bottom: 15px; } }
      .search-page-form .search-form-upper-row .search-form-search-field input {
        width: 100%;
        border: 1px solid #272727;
        height: 40px;
        font-family: "Source Sans Pro Regular", monospace;
        font-size: 16px;
        padding-left: 35px;
        padding-right: 10px;
        line-height: 1;
        outline: none; }
        @media (max-width: 667px) {
          .search-page-form .search-form-upper-row .search-form-search-field input {
            font-size: 14px; } }
      .search-page-form .search-form-upper-row .search-form-search-field i.fa {
        position: absolute;
        left: 10px;
        top: 10px;
        font-size: 18px; }
    .search-page-form .search-form-upper-row button {
      min-width: 115px;
      margin: 0; }
    .search-page-form .search-form-upper-row a {
      min-width: 130px;
      margin-left: 20px;
      letter-spacing: 0.05em;
      text-decoration: none;
      font-family: "Helvetica Neue", "sans-serif";
      font-weight: 500;
      font-size: 12px;
      line-height: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      color: #272727;
      text-transform: uppercase; }
  .search-page-form .search-form-advanced-row {
    padding-top: 35px;
    padding-bottom: 20px;
    margin-top: 25px;
    border-top: 1px solid #e7e7e7;
    display: none; }
    @media (max-width: 667px) {
      .search-page-form .search-form-advanced-row {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 10px; }
        .search-page-form .search-form-advanced-row .f-box {
          flex-wrap: wrap; } }
    .search-page-form .search-form-advanced-row .narrow-by {
      width: 50%; }
      @media (max-width: 667px) {
        .search-page-form .search-form-advanced-row .narrow-by {
          width: 100%; } }
    .search-page-form .search-form-advanced-row .sort-by {
      width: 25%;
      margin-left: 30px; }
      @media (max-width: 667px) {
        .search-page-form .search-form-advanced-row .sort-by {
          margin-left: 0;
          margin-top: 10px;
          width: 100%; } }
    .search-page-form .search-form-advanced-row .custom-select-wrap {
      width: 100%; }
      .search-page-form .search-form-advanced-row .custom-select-wrap select {
        height: 40px;
        background-size: auto 100%;
        padding-right: 30px;
        text-transform: none;
        font-family: "Source Sans Pro Regular", monospace;
        font-size: 16px; }

/* Community Page */
#community .community-header {
  background: #272727 no-repeat center center;
  background-size: cover;
  padding: 125px 30px 100px;
  text-align: center; }
  @media (max-width: 1370px) {
    #community .community-header {
      padding: 100px 30px; } }
  @media (max-width: 801px) {
    #community .community-header {
      padding: 50px 10px 40px; } }
  #community .community-header h1 {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 70px;
    text-transform: uppercase;
    line-height: 1;
    color: #fff;
    margin-bottom: 25px; }
    @media (max-width: 1370px) {
      #community .community-header h1 {
        font-size: 50px; } }
    @media (max-width: 801px) {
      #community .community-header h1 {
        margin-bottom: 20px; } }
    @media (max-width: 667px) {
      #community .community-header h1 {
        font-size: 22px;
        margin-bottom: 15px; } }
  #community .community-header p {
    max-width: 475px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 26px;
    color: #fff; }
    @media (max-width: 667px) {
      #community .community-header p {
        font-size: 13px;
        line-height: 20px; } }
#community .community-upper {
  background: #f8f8f8;
  padding-top: 130px;
  padding-bottom: 114px; }
  @media (max-width: 1052px) {
    #community .community-upper {
      padding-top: 50px;
      padding-bottom: 50px; } }
  #community .community-upper .content-container {
    width: 78.5%;
    max-width: 1600px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #community .community-upper .content-container p {
      font-size: 15px;
      line-height: 25px; }
    @media (max-width: 1370px) {
      #community .community-upper .content-container {
        width: 90%; } }
    @media (max-width: 801px) {
      #community .community-upper .content-container {
        justify-content: space-around; } }
  #community .community-upper .icon-box-btn {
    max-width: 335px;
    width: 33%; }
    @media (max-width: 801px) {
      #community .community-upper .icon-box-btn {
        width: 48%;
        margin-bottom: 20px; } }
    @media (max-width: 667px) {
      #community .community-upper .icon-box-btn {
        width: 100%;
        margin-bottom: 50px; } }
    #community .community-upper .icon-box-btn span {
      letter-spacing: 0.2em;
      font-size: 13px;
      text-transform: uppercase;
      display: block;
      margin-top: 20px;
      font-family: "Helvetica Neue", "sans-serif"; }
      @media (max-width: 1052px) {
        #community .community-upper .icon-box-btn span {
          letter-spacing: 0.1em; } }
#community .community-media {
  background: #212121;
  padding-top: 100px;
  padding-bottom: 65px; }
  @media (max-width: 801px) {
    #community .community-media {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media (max-width: 667px) {
    #community .community-media {
      padding-top: 30px;
      padding-bottom: 30px; } }
  #community .community-media .community-media-header {
    text-align: center; }
    #community .community-media .community-media-header h1 {
      color: #fff;
      font-size: 120px;
      text-transform: uppercase;
      line-height: 1;
      margin-bottom: 20px; }
      @media (max-width: 1370px) {
        #community .community-media .community-media-header h1 {
          font-size: 80px; } }
      @media (max-width: 801px) {
        #community .community-media .community-media-header h1 {
          font-size: 60px;
          margin-bottom: 15px; } }
      @media (max-width: 667px) {
        #community .community-media .community-media-header h1 {
          font-size: 35px; } }
      @media (max-width: 350px) {
        #community .community-media .community-media-header h1 {
          font-size: 30px; } }
    #community .community-media .community-media-header a {
      color: #fff;
      font-family: "Helvetica Neue", "sans-serif";
      font-size: 14px;
      line-height: 1;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      text-decoration: none; }
      @media (max-width: 1052px) {
        #community .community-media .community-media-header a {
          letter-spacing: 0.1em; } }
  #community .community-media .community-media-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 45px;
    padding-bottom: 50px; }
    @media (max-width: 801px) {
      #community .community-media .community-media-grid {
        padding-top: 30px;
        padding-bottom: 30px; } }
    @media (max-width: 667px) {
      #community .community-media .community-media-grid {
        padding-top: 30px;
        padding-bottom: 0; } }
    #community .community-media .community-media-grid .community-media-item {
      width: 23.5%;
      margin-bottom: 30px;
      box-shadow: 0px 0px 22px 5px rgba(0, 0, 0, 0.83); }
      @media (max-width: 801px) {
        #community .community-media .community-media-grid .community-media-item {
          width: 31.5%;
          margin-bottom: 20px; } }
      @media (max-width: 667px) {
        #community .community-media .community-media-grid .community-media-item {
          width: 48%; } }
      #community .community-media .community-media-grid .community-media-item img {
        display: block;
        width: 100%; }
  #community .community-media .transparent-btn {
    line-height: 33px; }

#community .test {
  display: none;
  opacity: 0; }

/* Community Page */
#portalpage .portal-page-images {
  width: 70%;
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 100px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px; }
  #portalpage .portal-page-images .portal-page-image {
    flex: 0 0 calc(50% - 25px); }
    #portalpage .portal-page-images .portal-page-image img {
      width: 100%;
      height: auto; }
  @media (max-width: 801px) {
    #portalpage .portal-page-images .portal-page-image {
      flex: 0 0 100%; } }
#contest .white-image {
  filter: brightness(100); }

#contest .form-submission-bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 999; }

#contest .form-submission-box {
  width: 50vw;
  position: fixed;
  top: calc((100vh - 200px) / 2);
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  display: none;
  z-index: 1000;
  padding: 20px 20px 15px; }
  #contest .form-submission-box #form-response-text-success, #contest .form-submission-box #form-response-text-failure {
    display: none; }
    #contest .form-submission-box #form-response-text-success p, #contest .form-submission-box #form-response-text-failure p {
      text-transform: uppercase;
      color: #3d3d3d;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      font-size: 1.5em; }

.contest-page {
  margin-top: 75px; }
  @media (max-width: 1052px) {
    .contest-page {
      margin-top: 68px; } }
@media (max-width: 667px) {
  .contest-parallax {
    background: #fff; } }

.contest-parallax .parallax-hero-background {
  left: initial;
  right: 0;
  width: 50%;
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  /* background-attachment: fixed;*/ }

.contest-parallax .parallax-hero-text {
  background-image: linear-gradient(to right, black 30%, #333 60%, transparent);
  padding: 90px 9% 150px; }
  @media (max-width: 667px) {
    .contest-parallax .parallax-hero-text {
      color: #272727;
      background-image: none;
      padding-top: 130px;
      padding-bottom: 0; }
      .contest-parallax .parallax-hero-text .btn-bracketed {
        margin-top: 35px;
        color: #272727;
        display: block;
        width: 140px;
        margin-left: auto;
        margin-right: auto; }
        .contest-parallax .parallax-hero-text .btn-bracketed .bracket {
          border-color: #272727; } }
  .contest-parallax .parallax-hero-text > img {
    margin-bottom: 35px; }
    .contest-parallax .parallax-hero-text > img.color-image {
      display: none; }
    @media (max-width: 667px) {
      .contest-parallax .parallax-hero-text > img.white-image {
        display: none; }
      .contest-parallax .parallax-hero-text > img.color-image {
        display: block;
        max-width: 220px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px; } }
.contest-prize-items {
  background: #fff;
  padding-top: 70px;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1px; }
  @media (max-width: 667px) {
    .contest-prize-items {
      padding-top: 20px; } }
  .contest-prize-items .contest-prize-item {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto; }
    .contest-prize-items .contest-prize-item .contest-prize-item-box {
      background: #fff;
      margin-bottom: 30px;
      position: relative;
      overflow: hidden;
      box-shadow: -5px 6px 32px 0px rgba(0, 0, 0, 0.08); }
      @media (max-width: 801px) {
        .contest-prize-items .contest-prize-item .contest-prize-item-box {
          box-shadow: none;
          overflow: visible; } }
    .contest-prize-items .contest-prize-item > h2,
    .contest-prize-items .contest-prize-item > h3 {
      font-size: 36px;
      line-height: 1;
      text-align: center;
      margin-bottom: 30px;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue"; }
      @media (max-width: 667px) {
        .contest-prize-items .contest-prize-item > h2,
        .contest-prize-items .contest-prize-item > h3 {
          font-size: 24px;
          margin-bottom: 15px; } }
    .contest-prize-items .contest-prize-item > h3 {
      font-size: 24px; }
    .contest-prize-items .contest-prize-item .contest-prize-item-thumb {
      text-align: center;
      cursor: pointer;
      padding: 5px;
      border: 1px solid #e7e7e7; }
      @media (max-width: 801px) {
        .contest-prize-items .contest-prize-item .contest-prize-item-thumb {
          position: relative;
          z-index: 2;
          box-shadow: -5px 6px 32px 0px rgba(0, 0, 0, 0.08); } }
      .contest-prize-items .contest-prize-item .contest-prize-item-thumb img {
        display: block;
        margin-left: auto;
        margin-right: auto; }
    .contest-prize-items .contest-prize-item .contest-prize-item-info {
      background: rgba(39, 39, 39, 0.98);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      color: #fff;
      padding: 70px 20px 50px;
      opacity: 0;
      transition: all 0.3s; }
      @media (max-width: 801px) {
        .contest-prize-items .contest-prize-item .contest-prize-item-info {
          color: #272727;
          position: static;
          width: 100%;
          height: auto;
          transform: none;
          opacity: 1;
          background: #fff;
          padding: 25px 10px 20px; } }
      .contest-prize-items .contest-prize-item .contest-prize-item-info h3 {
        font-size: 18px;
        font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
        text-transform: uppercase;
        line-height: 1;
        letter-spacing: 0.05em;
        text-align: center;
        position: absolute;
        top: 44px;
        left: 50%;
        transform: translateX(-50%); }
        @media (max-width: 801px) {
          .contest-prize-items .contest-prize-item .contest-prize-item-info h3 {
            display: none; } }
      .contest-prize-items .contest-prize-item .contest-prize-item-info > h4 {
        display: none;
        font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
        font-size: 14px;
        text-transform: uppercase;
        line-height: 1;
        text-align: center;
        margin-bottom: 15px; }
        @media (max-width: 801px) {
          .contest-prize-items .contest-prize-item .contest-prize-item-info > h4 {
            display: block; } }
      .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols {
        display: block;
        position: absolute;
        top: 40%;
        width: 100%;
        left: 20px;
        width: calc(100% - 40px);
        max-height: calc(100% - 120px);
        transform: translateY(-50%); }
        @media (max-width: 801px) {
          .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols {
            position: static;
            width: 100%;
            height: auto;
            max-height: inherit;
            transform: none;
            flex-wrap: wrap; } }
        .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols .contest-prize-info-col {
          width: 50%; }
          @media (max-width: 801px) {
            .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols .contest-prize-info-col {
              width: 100%; } }
        .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols p, .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols h1, .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols h2, .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols h3, .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols h4, .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols h5, .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols h6 {
          color: #fff;
          display: block; }
        .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols ul {
          columns: 2;
          list-style: none; }
          .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols ul li {
            position: relative;
            padding-left: 18px;
            font-size: 16px;
            line-height: 26px; }
            @media (max-width: 1052px) {
              .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols ul li {
                font-size: 14px;
                line-height: 20px; } }
            .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols ul li:before {
              content: '◆';
              position: absolute;
              left: 0;
              top: 0; }
            .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols ul li.or-separator {
              color: #ffe7b5;
              text-transform: uppercase;
              padding-left: 93px;
              padding-right: 75px;
              display: inline-block;
              text-align: center;
              margin-left: 0;
              font-size: 12px; }
              @media (max-width: 801px) {
                .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols ul li.or-separator {
                  color: #585858; } }
              .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols ul li.or-separator:before {
                content: '';
                position: absolute;
                left: 18px;
                top: 50%;
                width: 70px;
                height: 1px;
                background: #ffe7b5;
                transform: translateY(-50%); }
                @media (max-width: 801px) {
                  .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols ul li.or-separator:before {
                    background: #585858; } }
              .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols ul li.or-separator:after {
                content: '';
                position: absolute;
                right: 0;
                top: 50%;
                width: 70px;
                height: 1px;
                background: #ffe7b5;
                transform: translateY(-50%); }
                @media (max-width: 801px) {
                  .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols ul li.or-separator:after {
                    background: #585858; } }
            .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols ul li a {
              font-family: "Source Sans Pro SemiBold", monospace;
              color: #fff; }
              @media (max-width: 801px) {
                .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols ul li a {
                  color: #272727; } }
      .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-disclaimer {
        color: #bbbbbb;
        font-size: 14px;
        line-height: 1;
        position: absolute;
        bottom: 24px;
        left: 50%;
        width: 95%;
        text-align: center;
        transform: translateX(-50%); }
        @media (max-width: 801px) {
          .contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-disclaimer {
            position: static;
            transform: none;
            text-align: left;
            font-size: 12px;
            margin-top: 30px; } }
    .contest-prize-items .contest-prize-item:hover .contest-prize-item-info {
      opacity: 1; }
  .contest-prize-items .contest-prize-items-secondary .contest-prize-item, .contest-prize-items .contest-prize-items-secondary .contest-prize-item-box {
    min-height: 27.75vw; }
  .contest-prize-items .contest-prize-items-tertiary .contest-prize-item, .contest-prize-items .contest-prize-items-tertiary .contest-prize-item-box {
    min-height: 17.75vw; }
  .contest-prize-items .contest-prize-items-tertiary h1, .contest-prize-items .contest-prize-items-tertiary h2, .contest-prize-items .contest-prize-items-tertiary h3, .contest-prize-items .contest-prize-items-tertiary h4, .contest-prize-items .contest-prize-items-tertiary h5, .contest-prize-items .contest-prize-items-tertiary h6 {
    position: absolute;
    top: -37%; }
  .contest-prize-items .contest-prize-items-secondary,
  .contest-prize-items .contest-prize-items-tertiary {
    display: flex; }
    .contest-prize-items .contest-prize-items-secondary ul,
    .contest-prize-items .contest-prize-items-tertiary ul {
      columns: 1 !important; }
    @media (max-width: 801px) {
      .contest-prize-items .contest-prize-items-secondary,
      .contest-prize-items .contest-prize-items-tertiary {
        flex-wrap: wrap; } }
    .contest-prize-items .contest-prize-items-secondary .contest-prize-item,
    .contest-prize-items .contest-prize-items-tertiary .contest-prize-item {
      width: 48.5%; }
      @media (max-width: 801px) {
        .contest-prize-items .contest-prize-items-secondary .contest-prize-item,
        .contest-prize-items .contest-prize-items-tertiary .contest-prize-item {
          width: 100%; } }
    .contest-prize-items .contest-prize-items-secondary .contest-prize-item-info h3,
    .contest-prize-items .contest-prize-items-tertiary .contest-prize-item-info h3 {
      top: 20px; }
    .contest-prize-items .contest-prize-items-secondary .contest-prize-item-info .contest-prize-disclaimer,
    .contest-prize-items .contest-prize-items-tertiary .contest-prize-item-info .contest-prize-disclaimer {
      bottom: 20px; }
    .contest-prize-items .contest-prize-items-secondary .contest-prize-item-info .contest-prize-info-cols,
    .contest-prize-items .contest-prize-items-tertiary .contest-prize-item-info .contest-prize-info-cols {
      flex-wrap: wrap; }
      .contest-prize-items .contest-prize-items-secondary .contest-prize-item-info .contest-prize-info-cols .contest-prize-info-col,
      .contest-prize-items .contest-prize-items-tertiary .contest-prize-item-info .contest-prize-info-cols .contest-prize-info-col {
        width: 100%; }
  .contest-prize-items .contest-prize-items-tertiary .contest-prize-item {
    width: 32%; }
    @media (max-width: 801px) {
      .contest-prize-items .contest-prize-items-tertiary .contest-prize-item {
        width: 100%; } }
  .contest-prize-items .contest-prize-items-wrapper:last-child .contest-prize-item-box {
    margin-bottom: 0; }

.contest-partners {
  background: #f8f8f8;
  margin-top: -70px;
  padding-top: 170px;
  padding-bottom: 90px; }
  @media (max-width: 801px) {
    .contest-partners {
      margin-top: 0;
      padding-top: 40px;
      padding-bottom: 40px; } }
  .contest-partners h2 {
    text-align: center;
    text-transform: uppercase;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
    font-size: 24px;
    color: #4a4a4a;
    line-height: 1;
    margin-bottom: 30px; }
    @media (max-width: 801px) {
      .contest-partners h2 {
        display: none; } }
  .contest-partners .contest-partners-logos {
    display: flex;
    justify-content: center;
    max-width: 1070px;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap; }
    .contest-partners .contest-partners-logos a {
      margin-right: 70px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      max-width: 200px; }
      .contest-partners .contest-partners-logos a img {
        transition: filter .3s ease-out, box-shadow .3s ease-out; }
        .contest-partners .contest-partners-logos a img:hover {
          filter: grayscale(100%);
          box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.5); }
      @media (max-width: 667px) {
        .contest-partners .contest-partners-logos a {
          width: 40%;
          margin-right: 10%; }
          .contest-partners .contest-partners-logos a img {
            max-width: 90px;
            margin-left: auto;
            margin-right: auto; } }
      @media (max-width: 801px) {
        .contest-partners .contest-partners-logos a:nth-child(2n) {
          margin-right: 0; } }
      .contest-partners .contest-partners-logos a:last-child {
        margin-right: 0; }

.contest-terms-conditions {
  background: #fff;
  padding: 70px 0; }
  @media (max-width: 801px) {
    .contest-terms-conditions {
      padding: 30px 0; } }
  .contest-terms-conditions h2 {
    text-align: center;
    text-transform: uppercase;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
    font-size: 24px;
    color: #4a4a4a;
    line-height: 1;
    margin-bottom: 30px; }
  .contest-terms-conditions h3 {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
    font-size: 20px;
    line-height: 1;
    margin-bottom: 5px;
    text-transform: uppercase; }
    @media (max-width: 801px) {
      .contest-terms-conditions h3 {
        font-size: 14px; } }
  .contest-terms-conditions p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 80px; }
    @media (max-width: 801px) {
      .contest-terms-conditions p {
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 22px; } }
    .contest-terms-conditions p:last-child {
      margin-bottom: 0; }
  .contest-terms-conditions .contest-terms-cols {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1080px;
    margin: 0 auto;
    padding-top: 70px; }
    @media (max-width: 801px) {
      .contest-terms-conditions .contest-terms-cols {
        padding-top: 0; } }
    .contest-terms-conditions .contest-terms-cols .contest-terms-col {
      width: 45%; }
      @media (max-width: 801px) {
        .contest-terms-conditions .contest-terms-cols .contest-terms-col {
          width: 100%;
          padding-top: 30px; }
          .contest-terms-conditions .contest-terms-cols .contest-terms-col:first-child {
            padding-top: 0; } }
  .contest-terms-conditions .full-terms {
    margin-top: 70px; }
    @media (max-width: 801px) {
      .contest-terms-conditions .full-terms {
        margin-top: 35px;
        padding-left: 80px;
        padding-right: 80px; } }
    .contest-terms-conditions .full-terms a {
      transition: all 0.2s;
      text-decoration: none;
      color: #272727;
      font-family: "Helvetica Neue", "sans-serif";
      font-size: 14px;
      line-height: 1;
      letter-spacing: 0.2em;
      text-transform: uppercase; }
    .contest-terms-conditions .full-terms .fa-angle-right {
      transition: all 0.2s; }
  .contest-terms-conditions .full-terms a:hover {
    color: #585858; }
    .contest-terms-conditions .full-terms a:hover .fa-angle-right {
      transform: translate(8px, 0); }
  .contest-terms-conditions .tac-bg {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5); }
  .contest-terms-conditions .tac-full {
    display: none;
    position: fixed;
    width: 50vw;
    min-width: 320px;
    overflow-y: scroll;
    box-sizing: border-box;
    padding: 50px;
    top: 5vh;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    z-index: 1000;
    height: 90vh; }
    .contest-terms-conditions .tac-full h1, .contest-terms-conditions .tac-full h2, .contest-terms-conditions .tac-full h3, .contest-terms-conditions .tac-full h4, .contest-terms-conditions .tac-full h5, .contest-terms-conditions .tac-full h6 {
      margin-top: 40px; }
    .contest-terms-conditions .tac-full p {
      margin-bottom: 20px; }
    .contest-terms-conditions .tac-full strong {
      font-weight: bold; }

.contest-footer {
  text-align: center;
  padding: 150px 20px 110px; }
  @media (max-width: 801px) {
    .contest-footer {
      padding-top: 170px;
      padding-bottom: 150px; } }
  .contest-footer h1 {
    color: #fff;
    font-size: 70px; }
    @media (max-width: 801px) {
      .contest-footer h1 {
        font-size: 48px; } }
  .contest-footer .contest-footer-cta {
    margin-top: 50px; }
    .contest-footer .contest-footer-cta .white-btn {
      background-color: #fff;
      color: #272727;
      line-height: 35px;
      transition: all 0.3s;
      display: inline-block;
      border: 1px solid #fff;
      font-family: "Helvetica Neue", "sans-serif";
      font-size: 12px;
      letter-spacing: 0.05em;
      height: 35px;
      text-decoration: none;
      padding: 0 30px;
      outline: none;
      text-transform: uppercase;
      cursor: pointer; }
      .contest-footer .contest-footer-cta .white-btn:hover {
        color: #fff;
        background: #272727; }

@media (max-width: 667px) {
  .enter-contest {
    margin-bottom: 30px !important; } }

.enter-contest-modal {
  max-height: 85%;
  padding: 0; }
  .enter-contest-modal label {
    display: none; }
  @media (max-width: 667px) {
    .enter-contest-modal {
      width: 100%;
      height: 100%;
      max-height: 100%; }
      .enter-contest-modal .modal-close {
        top: 15px;
        right: 15px;
        background: url("/static/images/icons/mobile-close.png?359df782c936") no-repeat center center;
        background-size: cover;
        width: 20px;
        height: 20px;
        z-index: 99; } }
  .enter-contest-modal .enter-contest-modal-inner {
    padding: 50px;
    height: 100%;
    position: relative;
    overflow-y: auto; }
    @media (max-width: 667px) {
      .enter-contest-modal .enter-contest-modal-inner {
        padding: 20px; } }
  .enter-contest-modal h2 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 10px; }
  .enter-contest-modal h1 {
    font-size: 36px;
    line-height: 1;
    margin-bottom: 70px;
    text-transform: none; }
    @media (max-width: 667px) {
      .enter-contest-modal h1 {
        font-size: 26px;
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 40px; } }
  .enter-contest-modal .enter-contest-form {
    max-width: 710px;
    margin-left: auto;
    margin-right: auto; }
    .enter-contest-modal .enter-contest-form label {
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; }
  .enter-contest-modal .modal-contest-brand {
    margin-top: 25px;
    margin-bottom: 25px; }
    @media (min-width: 1800px) {
      .enter-contest-modal .modal-contest-brand {
        margin-bottom: 45px;
        margin-top: 35px; } }
    @media (max-width: 667px) {
      .enter-contest-modal .modal-contest-brand {
        margin-bottom: 35px; } }
    @media (max-width: 1370px) {
      .enter-contest-modal .modal-contest-brand img {
        max-height: 100px; } }
  .enter-contest-modal .field {
    margin-right: 14px;
    margin-bottom: 45px;
    margin-bottom: 35px; }
    @media (min-width: 1800px) {
      .enter-contest-modal .field {
        margin-bottom: 45px; } }
    @media (max-width: 667px) {
      .enter-contest-modal .field {
        margin-right: 0;
        margin-bottom: 35px; } }
    .enter-contest-modal .field:last-child {
      margin-right: 0;
      margin-left: 14px; }
      @media (max-width: 667px) {
        .enter-contest-modal .field:last-child {
          margin-left: 0; } }
      .enter-contest-modal .field:last-child:first-child {
        margin-left: 0; }
    .enter-contest-modal .field.half {
      width: 50%; }
      @media (max-width: 667px) {
        .enter-contest-modal .field.half {
          width: 100%; } }
    .enter-contest-modal .field.full {
      width: 100%; }
    .enter-contest-modal .field.two-third {
      width: 60%; }
    .enter-contest-modal .field input:not(:placeholder-shown) + label {
      transform: translate3d(0, -35px, 0);
      text-transform: uppercase;
      font-family: "Helvetica Neue Bold";
      letter-spacing: 1.8px;
      font-size: 12px; }
      @media (max-width: 667px) {
        .enter-contest-modal .field input:not(:placeholder-shown) + label {
          left: 0; } }
  .enter-contest-modal [type="text"], .enter-contest-modal [type="email"], .enter-contest-modal [type="tel"], .enter-contest-modal [type="number"] {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 11px;
    line-height: 1;
    outline: 0;
    appearance: none;
    transition: all 0.15s linear;
    border: 1px solid #8c8c8c; }
    .enter-contest-modal .auto[type="text"], .enter-contest-modal .auto[type="email"], .enter-contest-modal .auto[type="tel"], .enter-contest-modal .auto[type="number"] {
      width: auto; }
    .enter-contest-modal .mini[type="text"], .enter-contest-modal .mini[type="email"], .enter-contest-modal .mini[type="tel"], .enter-contest-modal .mini[type="number"] {
      width: 90px; }
  .enter-contest-modal [type="submit"] {
    border: 0;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 12px; }
  .enter-contest-modal .row {
    display: flex; }
    @media (max-width: 667px) {
      .enter-contest-modal .row {
        display: block; } }
    .enter-contest-modal .row.center {
      justify-content: center; }
    .enter-contest-modal .row.subscribe-row label {
      position: static; }
      @media (max-width: 667px) {
        .enter-contest-modal .row.subscribe-row label {
          max-width: 220px;
          margin-left: auto;
          margin-right: auto;
          display: block;
          margin-top: 30px; } }
  .enter-contest-modal .enter-contest-info {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 26px; }
  .enter-contest-modal .subscribe-row {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; }
    @media (max-width: 667px) {
      .enter-contest-modal .subscribe-row {
        margin-bottom: 0; }
        .enter-contest-modal .subscribe-row .field {
          margin-bottom: 20px; } }
  .enter-contest-modal .enter-contest-form input:not([input_type="email"]) {
    width: 48%;
    float: left;
    margin-bottom: 20px; }
  .enter-contest-modal .enter-contest-form input[input_type="email"] {
    margin-bottom: 25px; }
  .enter-contest-modal .enter-contest-form input[name="first_name"] {
    margin-right: 28px; }
  .enter-contest-modal .enter-contest-form input[type="submit"] {
    margin-top: 25px;
    border: initial; }

/* Contact Page */
.page-contact-us .dark-btn {
  border: none;
  transition: background-color 0.2s ease-out; }

.page-contact-us .page-title {
  font-size: 48px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px; }

.page-contact-us h2 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 20px; }
  @media (max-width: 667px) {
    .page-contact-us h2 {
      font-size: 20px;
      margin-bottom: 15px; } }
.page-contact-us h3 {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue"; }
  @media (max-width: 667px) {
    .page-contact-us h3 {
      font-size: 16px; } }
.page-contact-us p {
  font-size: 16px;
  line-height: 26px; }
  @media (max-width: 667px) {
    .page-contact-us p {
      font-size: 14px;
      line-height: 22px; } }
.page-contact-us .rock-container {
  width: 100%;
  max-width: 1200px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (min-width: 1281px) and (max-width: 1800px) {
    .page-contact-us .rock-container {
      min-width: 1200px; } }
  @media (max-width: 667px) {
    .page-contact-us .rock-container {
      padding-left: 15px;
      padding-right: 15px; } }
.page-contact-us .contact-page-left {
  width: 62%; }
  @media (max-width: 1052px) {
    .page-contact-us .contact-page-left {
      width: 65%; } }
  @media (max-width: 801px) {
    .page-contact-us .contact-page-left {
      width: 100%;
      margin-bottom: 30px;
      border-bottom: 1px solid #e7e7e7;
      padding-bottom: 0; } }
.page-contact-us .contact-page-right {
  width: 28%; }
  @media (max-width: 1052px) {
    .page-contact-us .contact-page-right {
      width: 33%; } }
  @media (max-width: 801px) {
    .page-contact-us .contact-page-right {
      width: 100%;
      margin-bottom: 40px; } }
.page-contact-us .direct-inquiry-form {
  background: #f8f8f8;
  padding: 20px 30px;
  margin-bottom: 32px; }
  @media (max-width: 667px) {
    .page-contact-us .direct-inquiry-form {
      padding: 15px;
      width: 100%;
      width: calc(100% + 30px);
      margin-left: -15px; } }
  .page-contact-us .direct-inquiry-form label {
    font-size: 16px;
    display: block;
    line-height: 1;
    margin-bottom: 10px; }
  .page-contact-us .direct-inquiry-form .inquiry-form-row {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 667px) {
      .page-contact-us .direct-inquiry-form .inquiry-form-row {
        flex-wrap: wrap;
        justify-content: space-around; } }
    .page-contact-us .direct-inquiry-form .inquiry-form-row .custom-select-wrap {
      width: 100%;
      margin-right: 30px; }
      @media (max-width: 667px) {
        .page-contact-us .direct-inquiry-form .inquiry-form-row .custom-select-wrap {
          margin-right: 0;
          margin-bottom: 15px; } }
      .page-contact-us .direct-inquiry-form .inquiry-form-row .custom-select-wrap select {
        height: 40px;
        background-size: auto 100%;
        font-size: 16px;
        text-transform: none;
        padding-right: 30px; }
        @media (max-width: 667px) {
          .page-contact-us .direct-inquiry-form .inquiry-form-row .custom-select-wrap select {
            font-size: 14px; } }
    .page-contact-us .direct-inquiry-form .inquiry-form-row button {
      width: 75px;
      margin: 0; }

.page-contact-us .direct-inquiry-reasons {
  border-top: 1px solid #e7e7e7;
  padding-top: 30px; }
  .page-contact-us .direct-inquiry-reasons div {
    font-size: 16px;
    line-height: 26px;
    border-bottom: 1px solid #272727;
    margin-bottom: 30px; }
    @media (max-width: 667px) {
      .page-contact-us .direct-inquiry-reasons div {
        font-size: 14px;
        line-height: 22px; } }
    .page-contact-us .direct-inquiry-reasons div p {
      margin-bottom: 20px; }
      .page-contact-us .direct-inquiry-reasons div p b,
      .page-contact-us .direct-inquiry-reasons div p strong {
        font-weight: bold;
        margin-top: 40px;
        text-transform: uppercase; }
      @media (max-width: 667px) {
        .page-contact-us .direct-inquiry-reasons div p {
          margin-bottom: 20px; } }
    .page-contact-us .direct-inquiry-reasons div h2 + p {
      margin-bottom: 20px; }
      @media (max-width: 667px) {
        .page-contact-us .direct-inquiry-reasons div h2 + p {
          margin-bottom: 15px; } }
    .page-contact-us .direct-inquiry-reasons div a {
      text-decoration: none;
      color: #272727; }
      .page-contact-us .direct-inquiry-reasons div a:hover {
        text-decoration: underline; }

.page-contact-us .inquiry-selected .direct-inquiry-reasons {
  border-top-color: #272727; }

.page-contact-us .general-inquiry {
  margin-bottom: 40px; }
  .page-contact-us .general-inquiry .general-inquiry-form {
    padding: 20px 30px 40px;
    background: #f8f8f8; }
    @media (max-width: 667px) {
      .page-contact-us .general-inquiry .general-inquiry-form {
        padding: 15px; } }
    .page-contact-us .general-inquiry .general-inquiry-form .form-group.charfield label, .page-contact-us .general-inquiry .general-inquiry-form .form-group.choicefield label, .page-contact-us .general-inquiry .general-inquiry-form .form-group.emailfield label {
      display: none; }
    .page-contact-us .general-inquiry .general-inquiry-form .form-group select,
    .page-contact-us .general-inquiry .general-inquiry-form .form-group input,
    .page-contact-us .general-inquiry .general-inquiry-form .form-group textarea {
      font-family: "Source Sans Pro Regular", monospace;
      font-size: 1em;
      padding: 10px;
      width: 100%;
      border: 1px solid #a0a0a0;
      box-sizing: border-box;
      margin-bottom: 10px;
      height: 40px;
      transition: border 0.2s ease-out, box-shadow 0.2s ease-out; }
      .page-contact-us .general-inquiry .general-inquiry-form .form-group select:active, .page-contact-us .general-inquiry .general-inquiry-form .form-group select:focus,
      .page-contact-us .general-inquiry .general-inquiry-form .form-group input:active,
      .page-contact-us .general-inquiry .general-inquiry-form .form-group input:focus,
      .page-contact-us .general-inquiry .general-inquiry-form .form-group textarea:active,
      .page-contact-us .general-inquiry .general-inquiry-form .form-group textarea:focus {
        border: 1px solid #272727;
        outline: none;
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25); }
    .page-contact-us .general-inquiry .general-inquiry-form .form-group.booleanfield label {
      display: inline-block; }
    .page-contact-us .general-inquiry .general-inquiry-form .form-group.booleanfield input {
      display: inline-block;
      height: auto;
      width: auto; }
    .page-contact-us .general-inquiry .general-inquiry-form .form-group textarea {
      height: 200px; }
    .page-contact-us .general-inquiry .general-inquiry-form .form-group .help-block {
      display: none; }
    .page-contact-us .general-inquiry .general-inquiry-form .form-group.recaptchafield.error .help-block {
      display: block;
      color: #d60925; }
    .page-contact-us .general-inquiry .general-inquiry-form .rock-field input {
      margin-bottom: 10px; }
    .page-contact-us .general-inquiry .general-inquiry-form .rock-field textarea {
      margin-bottom: 20px; }
    .page-contact-us .general-inquiry .general-inquiry-form .dark-btn {
      width: 150px; }

.page-contact-us #contact-map {
  border: 1px solid #bbbbbb;
  height: 280px;
  margin-top: 20px;
  margin-bottom: 30px;
  overflow: hidden; }
  .page-contact-us #contact-map img {
    width: 100%;
    height: 100%; }

.page-contact-us .contact-page-numbers {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .page-contact-us .contact-page-numbers div {
    width: 48%;
    margin-bottom: 15px; }

/* Directory */
.contact-directory .directory-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 70px;
  padding-top: 5px; }

.contact-directory .directory-item {
  text-decoration: none;
  color: #272727;
  width: 32%;
  border: 1px solid #e7e7e7;
  padding: 20px 30px;
  margin-bottom: 20px; }
  @media (max-width: 1052px) {
    .contact-directory .directory-item {
      padding: 15px;
      width: 32.5%; } }
  @media (max-width: 801px) {
    .contact-directory .directory-item {
      width: 48%; } }
  @media (max-width: 667px) {
    .contact-directory .directory-item {
      width: 100%; } }
  .contact-directory .directory-item p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
    letter-spacing: -0.005em;
    font-family: "Source Sans Pro Regular", monospace; }
    @media (max-width: 667px) {
      .contact-directory .directory-item p {
        font-size: 14px;
        line-height: 20px; } }
    .contact-directory .directory-item p strong {
      font-family: "Helvetica Neue Bold";
      letter-spacing: normal; }
  .contact-directory .directory-item .item-text {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 14px; }

.page-sponsorship-request .page-dark-header {
  height: auto;
  padding: 35px 20px 20px; }
  .page-sponsorship-request .page-dark-header h1 {
    font-size: 3em; }

.page-sponsorship-request .rock-container {
  width: 100vw;
  padding: 3.75% 12.6875%;
  overflow: auto; }
  .page-sponsorship-request .rock-container .sponsorship-left, .page-sponsorship-request .rock-container .sponsorship-right {
    display: inline-block; }
  .page-sponsorship-request .rock-container .sponsorship-left {
    float: left;
    width: 62.5%;
    padding-right: 3.75%; }
    .page-sponsorship-request .rock-container .sponsorship-left .sponsorship-intro {
      line-height: 1.5em;
      margin-bottom: 4.6875vw; }
  .page-sponsorship-request .rock-container .sponsorship-right {
    float: right;
    width: 37.5%;
    padding-left: 3.75%; }

#sponsorship-form {
  height: 100%; }
  #sponsorship-form label {
    display: none; }
    #sponsorship-form label[for^="id_image_"] {
      display: block;
      clear: both;
      padding: 20px 20px 0;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      font-size: 1.15em;
      text-transform: uppercase;
      background-color: #f8f8f8;
      width: 45%;
      cursor: pointer; }
    #sponsorship-form label[for="id_accept_legal"] {
      display: block;
      clear: both; }
  #sponsorship-form input, #sponsorship-form select, #sponsorship-form textarea {
    margin-bottom: 10px;
    outline: none;
    font-family: "Source Sans Pro Regular", monospace;
    font-size: 1em; }
    #sponsorship-form input:active, #sponsorship-form input:focus, #sponsorship-form select:active, #sponsorship-form select:focus, #sponsorship-form textarea:active, #sponsorship-form textarea:focus {
      border: 1px solid #272727;
      box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); }
  #sponsorship-form input, #sponsorship-form select {
    display: inline-block;
    float: left;
    width: 45%;
    border: 1px solid #898989;
    padding: 10px 20px;
    position: relative; }
    #sponsorship-form input#id_address_1, #sponsorship-form select#id_address_1 {
      width: 100%; }
    #sponsorship-form input#id_postal_code, #sponsorship-form select#id_postal_code {
      width: 30%; }
    #sponsorship-form input#id_state, #sponsorship-form select#id_state {
      width: 20%; }
    #sponsorship-form input#id_email:after, #sponsorship-form select#id_email:after {
      content: 'To contact you, we never share this.';
      display: block;
      position: absolute;
      top: 10px;
      width: 100%;
      height: 100%; }
    #sponsorship-form input[id^="id_image_"], #sponsorship-form select[id^="id_image_"] {
      clear: both;
      border: none;
      background-color: #f8f8f8;
      padding-bottom: 20px;
      outline: none;
      box-shadow: none;
      cursor: pointer;
      display: block; }
  #sponsorship-form textarea {
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box; }
  #sponsorship-form select {
    width: auto;
    border-radius: 0;
    -webkit-appearance: none;
    position: relative;
    background-image: url(/static/svg/select-down-white.svg?264618520540), linear-gradient(to right, transparent 0%, transparent 70%, black 71%, black);
    background-size: 25px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 35px;
    padding-left: 10px;
    text-align: left;
    cursor: pointer;
    margin-left: 10px; }
    #sponsorship-form select:after {
      content: '';
      position: absolute;
      width: 20px;
      height: 100px;
      background-color: #272727;
      top: 0;
      right: 0; }
  #sponsorship-form .legal-agreement {
    float: left;
    width: 100%; }
    #sponsorship-form .legal-agreement label {
      margin-top: 25px; }
  #sponsorship-form .accordion-container {
    border-bottom: 2px solid #1e1e1e;
    margin-top: 25px;
    padding-bottom: 10px;
    height: 100%;
    width: 100%; }
  #sponsorship-form .open-accordion {
    user-select: none;
    cursor: pointer;
    margin-bottom: 10px; }
  #sponsorship-form .accordion {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-out;
    padding-top: 10px; }
  #sponsorship-form .continue-btn {
    background-color: #1e1e1e;
    color: #fff;
    display: inline-block;
    padding: 8px 24px 10px;
    text-transform: uppercase;
    cursor: pointer;
    user-select: none;
    margin: 25px 0; }
    #sponsorship-form .continue-btn:hover {
      background-color: #777777; }
    #sponsorship-form .continue-btn.to-legal {
      float: left;
      clear: both; }

.rich-text {
  width: 70%;
  max-width: 900px;
  margin: 0 auto;
  margin-top: 100px;
  padding-bottom: 100px; }
  @media (max-width: 1052px) {
    .rich-text {
      width: 80%; } }
  .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6 {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    margin-bottom: 25px; }
  .rich-text strong {
    font-weight: bold; }
  .rich-text em {
    font-style: italic; }
  .rich-text p, .rich-text li {
    margin-bottom: 25px;
    line-height: 1.25em;
    font-size: 18px; }
    @media (max-width: 1052px) {
      .rich-text p, .rich-text li {
        font-size: 16px;
        line-height: 1.15em;
        margin-bottom: 10px; } }
  .rich-text ul, .rich-text ol {
    width: 80%;
    margin: 0 auto;
    margin-top: 10px; }
    .rich-text ul ul, .rich-text ul ol, .rich-text ol ul, .rich-text ol ol {
      position: relative;
      right: -30px;
      width: calc(100% - 30px); }
      @media (max-width: 1052px) {
        .rich-text ul ul, .rich-text ul ol, .rich-text ol ul, .rich-text ol ol {
          right: -10px;
          width: calc(100% - 10px); } }
  .rich-text ul {
    list-style-type: disc; }
  .rich-text ol {
    list-style-type: decimal; }

.alert {
  padding: 10px;
  text-align: center;
  min-height: 56px;
  font-weight: bold;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  line-height: 1.4;
  background: #e7e7e7;
  color: #272727; }
  .alert.danger {
    background: #c40821;
    color: #fff; }
    .alert.danger .close {
      background-image: url(/static/svg/modal-close.svg?264618520540); }
    .alert.danger .white-border-box {
      border-color: #fff; }
  .alert.dark {
    background: #1d1d1d;
    color: #fff; }
    .alert.dark .close {
      background-image: url(/static/svg/modal-close.svg?264618520540); }
    .alert.dark .btn-bracketed {
      color: #fff;
      margin: 0 30px; }
      .alert.dark .btn-bracketed .bracket {
        border-color: #fff; }
  .alert .close {
    background-image: url(/static/svg/modal-close-dark.svg?264618520540);
    position: absolute;
    right: 20px;
    top: 18px;
    width: 20px;
    height: 20px;
    background-size: contain;
    cursor: pointer;
    z-index: 10; }
  .alert .white-border-box {
    border-color: #272727;
    line-height: 34px;
    padding-top: 0;
    margin: 0 30px;
    vertical-align: middle; }
  .alert ~ .navbar {
    top: 56px; }

@media (max-width: 470px) {
  div.alert {
    min-height: 105px;
    padding: 10px 45px; }
    div.alert span.text {
      min-height: 30px; }
    div.alert ~ div.mobile-navbar {
      top: 105px; }
    div.alert ~ div.main-content {
      padding-top: 166px; } }

@media (max-width: 350px) {
  div.alert {
    padding: 10px 45px 10px 20px; } }

@media (max-width: 667px) {
  .alert > span.text {
    display: block; }
  .alert > a.white-border-box, .alert a.btn-bracketed {
    margin-top: 5px; }
  .alert ~ div.mobile-navbar {
    top: 80px; }
  .alert ~ div.main-content {
    padding-top: 142px; } }

@media (max-width: 1052px) {
  .alert ~ .mobile-navbar {
    top: 56px; }
  .alert ~ .main-content {
    padding-top: 118px; } }

@media (min-width: 1052px) {
  .alert ~ .main-content {
    padding-top: 176px; } }

@media (max-width: 801px) {
  .rock-container {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px; }
  .hidden-lm {
    display: none !important; } }

.footer .sitemap-nav {
  padding: 0 10px; }

.quick-view-modal .product-intro-text.mobile {
  display: none; }

.quick-view-modal .product-show-more {
  display: none; }

.category-page .mobile-only, .products-grid .mobile-only, .recommended-systems .mobile-only {
  display: none; }

.category-page .filter-status .selected-filters-wrap span.mobile-only, .products-grid .filter-status .selected-filters-wrap span.mobile-only, .recommended-systems .filter-status .selected-filters-wrap span.mobile-only {
  display: none; }

@media all and (min-width: 471px) {
  .selected-filters-inner {
    width: 100% !important; } }

@media (max-width: 470px) {
  .products-grid .selected-filters-wrap .selected-filters span {
    display: inline-block; } }

@media (max-width: 667px) {
  .category-page .mobile-only, .products-grid .mobile-only, .recommended-systems .mobile-only {
    display: initial; }
  .category-page .parallax-hero-background, .products-grid .parallax-hero-background, .recommended-systems .parallax-hero-background {
    display: none; }
  .category-page .dark-header-heading, .products-grid .dark-header-heading, .recommended-systems .dark-header-heading {
    padding: 0 10px; }
    .category-page .dark-header-heading h1, .products-grid .dark-header-heading h1, .recommended-systems .dark-header-heading h1 {
      font-size: 26px;
      padding: 22px 0 13px;
      line-height: 1; }
    .category-page .dark-header-heading p, .products-grid .dark-header-heading p, .recommended-systems .dark-header-heading p {
      display: none; }
  .category-page .recommended-filter-wrap .recommended-systems-main, .products-grid .recommended-filter-wrap .recommended-systems-main, .recommended-systems .recommended-filter-wrap .recommended-systems-main {
    display: block; }
  .category-page .filters-bg-overlay, .products-grid .filters-bg-overlay, .recommended-systems .filters-bg-overlay {
    display: none;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 1049;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer; }
    .category-page .filters-bg-overlay.show, .products-grid .filters-bg-overlay.show, .recommended-systems .filters-bg-overlay.show {
      display: block; }
  .category-page .left-filter-sidebar,
  .category-page .filter-status-right .sort-by .sort-by-options, .products-grid .left-filter-sidebar,
  .products-grid .filter-status-right .sort-by .sort-by-options, .recommended-systems .left-filter-sidebar,
  .recommended-systems .filter-status-right .sort-by .sort-by-options {
    width: 90%;
    position: fixed;
    top: 0;
    padding: 0;
    display: block;
    left: -100%;
    z-index: 1050;
    margin-top: 0;
    height: 100vh;
    transition: all linear 0.3s;
    background: #fff; }
    .category-page .left-filter-sidebar .filters-heading,
    .category-page .filter-status-right .sort-by .sort-by-options .filters-heading, .products-grid .left-filter-sidebar .filters-heading,
    .products-grid .filter-status-right .sort-by .sort-by-options .filters-heading, .recommended-systems .left-filter-sidebar .filters-heading,
    .recommended-systems .filter-status-right .sort-by .sort-by-options .filters-heading {
      margin: 0 -24px;
      background: #f8f8f8;
      padding: 15px 20px 11px;
      text-align: center;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 26px;
      margin-bottom: -3px;
      position: relative;
      z-index: 100;
      display: block; }
      .category-page .left-filter-sidebar .filters-heading h2,
      .category-page .filter-status-right .sort-by .sort-by-options .filters-heading h2, .products-grid .left-filter-sidebar .filters-heading h2,
      .products-grid .filter-status-right .sort-by .sort-by-options .filters-heading h2, .recommended-systems .left-filter-sidebar .filters-heading h2,
      .recommended-systems .filter-status-right .sort-by .sort-by-options .filters-heading h2 {
        float: none; }
      .category-page .left-filter-sidebar .filters-heading > span,
      .category-page .filter-status-right .sort-by .sort-by-options .filters-heading > span, .products-grid .left-filter-sidebar .filters-heading > span,
      .products-grid .filter-status-right .sort-by .sort-by-options .filters-heading > span, .recommended-systems .left-filter-sidebar .filters-heading > span,
      .recommended-systems .filter-status-right .sort-by .sort-by-options .filters-heading > span {
        display: none; }
      .category-page .left-filter-sidebar .filters-heading .close,
      .category-page .filter-status-right .sort-by .sort-by-options .filters-heading .close, .products-grid .left-filter-sidebar .filters-heading .close,
      .products-grid .filter-status-right .sort-by .sort-by-options .filters-heading .close, .recommended-systems .left-filter-sidebar .filters-heading .close,
      .recommended-systems .filter-status-right .sort-by .sort-by-options .filters-heading .close {
        display: inline-block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 22px;
        top: 10px;
        font-size: 35px; }
        .category-page .left-filter-sidebar .filters-heading .close .fa,
        .category-page .filter-status-right .sort-by .sort-by-options .filters-heading .close .fa, .products-grid .left-filter-sidebar .filters-heading .close .fa,
        .products-grid .filter-status-right .sort-by .sort-by-options .filters-heading .close .fa, .recommended-systems .left-filter-sidebar .filters-heading .close .fa,
        .recommended-systems .filter-status-right .sort-by .sort-by-options .filters-heading .close .fa {
          font-size: 35px;
          line-height: 30px; }
    .category-page .left-filter-sidebar.show-filters,
    .category-page .filter-status-right .sort-by .sort-by-options.show-filters, .products-grid .left-filter-sidebar.show-filters,
    .products-grid .filter-status-right .sort-by .sort-by-options.show-filters, .recommended-systems .left-filter-sidebar.show-filters,
    .recommended-systems .filter-status-right .sort-by .sort-by-options.show-filters {
      left: 0;
      overflow-x: hidden;
      overflow-y: auto;
      padding-bottom: 88px; }
      .category-page .left-filter-sidebar.show-filters .clear-filters,
      .category-page .filter-status-right .sort-by .sort-by-options.show-filters .clear-filters, .products-grid .left-filter-sidebar.show-filters .clear-filters,
      .products-grid .filter-status-right .sort-by .sort-by-options.show-filters .clear-filters, .recommended-systems .left-filter-sidebar.show-filters .clear-filters,
      .recommended-systems .filter-status-right .sort-by .sort-by-options.show-filters .clear-filters {
        position: fixed;
        left: 0; }
    .category-page .left-filter-sidebar > .inner,
    .category-page .filter-status-right .sort-by .sort-by-options > .inner, .products-grid .left-filter-sidebar > .inner,
    .products-grid .filter-status-right .sort-by .sort-by-options > .inner, .recommended-systems .left-filter-sidebar > .inner,
    .recommended-systems .filter-status-right .sort-by .sort-by-options > .inner {
      padding: 0 24px;
      z-index: 10;
      position: relative; }
    .category-page .left-filter-sidebar .more-info-text,
    .category-page .filter-status-right .sort-by .sort-by-options .more-info-text, .products-grid .left-filter-sidebar .more-info-text,
    .products-grid .filter-status-right .sort-by .sort-by-options .more-info-text, .recommended-systems .left-filter-sidebar .more-info-text,
    .recommended-systems .filter-status-right .sort-by .sort-by-options .more-info-text {
      padding: 6px 15px;
      max-width: 85%;
      left: 3%;
      transform: none;
      bottom: auto;
      top: 15%;
      overflow: hidden;
      z-index: 10000000;
      position: fixed;
      max-height: 60%;
      overflow-x: hidden;
      overflow-y: auto; }
    .category-page .left-filter-sidebar .apply-filters,
    .category-page .filter-status-right .sort-by .sort-by-options .apply-filters, .products-grid .left-filter-sidebar .apply-filters,
    .products-grid .filter-status-right .sort-by .sort-by-options .apply-filters, .recommended-systems .left-filter-sidebar .apply-filters,
    .recommended-systems .filter-status-right .sort-by .sort-by-options .apply-filters {
      display: none; }
    .category-page .left-filter-sidebar .clear-filters,
    .category-page .filter-status-right .sort-by .sort-by-options .clear-filters, .products-grid .left-filter-sidebar .clear-filters,
    .products-grid .filter-status-right .sort-by .sort-by-options .clear-filters, .recommended-systems .left-filter-sidebar .clear-filters,
    .recommended-systems .filter-status-right .sort-by .sort-by-options .clear-filters {
      bottom: 10px;
      text-align: center;
      left: -100%;
      width: 90%;
      padding: 30px 0;
      border-top: 1px solid #d4d4d4;
      display: block;
      background: #fff;
      z-index: 140;
      transition: all linear 0.3s; }
      .category-page .left-filter-sidebar .clear-filters a,
      .category-page .filter-status-right .sort-by .sort-by-options .clear-filters a, .products-grid .left-filter-sidebar .clear-filters a,
      .products-grid .filter-status-right .sort-by .sort-by-options .clear-filters a, .recommended-systems .left-filter-sidebar .clear-filters a,
      .recommended-systems .filter-status-right .sort-by .sort-by-options .clear-filters a {
        color: #4a4a4a;
        text-decoration: none;
        font-size: 18px; }
  .category-page .sort-by-options a, .products-grid .sort-by-options a, .recommended-systems .sort-by-options a {
    color: #272727;
    text-decoration: none; }
  .category-page .sort-by-options span, .products-grid .sort-by-options span, .recommended-systems .sort-by-options span {
    padding: 5px 10px;
    line-height: 30px; }
  .category-page .sort-by-options .filters-heading, .products-grid .sort-by-options .filters-heading, .recommended-systems .sort-by-options .filters-heading {
    margin-bottom: 10px !important; }
  .category-page .filter-status-left, .products-grid .filter-status-left, .recommended-systems .filter-status-left {
    display: none; }
  .category-page .filter-status.mobile-only, .products-grid .filter-status.mobile-only, .recommended-systems .filter-status.mobile-only {
    display: block;
    border: 0; }
  .category-page .filter-status-middle, .products-grid .filter-status-middle, .recommended-systems .filter-status-middle {
    float: none;
    width: 100%; }
    .category-page .filter-status-middle .results-found, .products-grid .filter-status-middle .results-found, .recommended-systems .filter-status-middle .results-found {
      width: 100%;
      text-align: center;
      font-style: normal;
      margin-bottom: 20px;
      margin-top: 0;
      padding-top: 15px;
      line-height: 1;
      border-top: 1px solid #d4d4d4; }
  .category-page .filters-toggle, .category-page .filter-status-right, .products-grid .filters-toggle, .products-grid .filter-status-right, .recommended-systems .filters-toggle, .recommended-systems .filter-status-right {
    margin: 0 -6%;
    background: #3d3d3d;
    padding: 16px 15px 3px 30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.01em;
    display: block;
    overflow: hidden;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; }
    .category-page .filters-toggle .show-filters, .category-page .filter-status-right .show-filters, .products-grid .filters-toggle .show-filters, .products-grid .filter-status-right .show-filters, .recommended-systems .filters-toggle .show-filters, .recommended-systems .filter-status-right .show-filters {
      float: right;
      position: relative;
      top: -6px;
      display: inline-block; }
    .category-page .filters-toggle .fa, .category-page .filter-status-right .fa, .products-grid .filters-toggle .fa, .products-grid .filter-status-right .fa, .recommended-systems .filters-toggle .fa, .recommended-systems .filter-status-right .fa {
      font-size: 24px; }
  .category-page .filter-status-right, .products-grid .filter-status-right, .recommended-systems .filter-status-right {
    float: none;
    max-width: none;
    padding: 16px 15px 11px 30px;
    overflow: visible; }
    .category-page .filter-status-right .sort-by:after, .products-grid .filter-status-right .sort-by:after, .recommended-systems .filter-status-right .sort-by:after {
      opacity: 0; }
    .category-page .filter-status-right .sort-by .sort-by-options, .products-grid .filter-status-right .sort-by .sort-by-options, .recommended-systems .filter-status-right .sort-by .sort-by-options {
      color: #3d3d3d; }
      .category-page .filter-status-right .sort-by .sort-by-options.show-filters, .products-grid .filter-status-right .sort-by .sort-by-options.show-filters, .recommended-systems .filter-status-right .sort-by .sort-by-options.show-filters {
        padding: 0 24px; }
        .category-page .filter-status-right .sort-by .sort-by-options.show-filters > span, .products-grid .filter-status-right .sort-by .sort-by-options.show-filters > span, .recommended-systems .filter-status-right .sort-by .sort-by-options.show-filters > span {
          line-height: 55px;
          padding: 0;
          color: #272727;
          letter-spacing: 0.1em; }
    .category-page .filter-status-right .show-sort-by-options, .products-grid .filter-status-right .show-sort-by-options, .recommended-systems .filter-status-right .show-sort-by-options {
      float: right;
      position: relative;
      top: -7px; }
  .category-page .filtered-products, .products-grid .filtered-products, .recommended-systems .filtered-products {
    float: none; }
  .category-page .selected-filters-wrap, .products-grid .selected-filters-wrap, .recommended-systems .selected-filters-wrap {
    margin-top: 12px;
    width: 100%; }
    .category-page .selected-filters-wrap.view-all-active, .products-grid .selected-filters-wrap.view-all-active, .recommended-systems .selected-filters-wrap.view-all-active {
      width: calc(90vw + 28px) !important;
      margin-left: -14px;
      margin-top: 6px;
      padding: 5px 13px 10px; }
      .category-page .selected-filters-wrap.view-all-active .view-all-filters, .products-grid .selected-filters-wrap.view-all-active .view-all-filters, .recommended-systems .selected-filters-wrap.view-all-active .view-all-filters {
        margin-right: 0px;
        margin-top: 15px;
        position: static;
        background-color: #272727; }
    .category-page .selected-filters-wrap .view-all-filters, .products-grid .selected-filters-wrap .view-all-filters, .recommended-systems .selected-filters-wrap .view-all-filters {
      position: absolute;
      right: 0px;
      margin-top: 2px;
      z-index: 9;
      background-color: #fff;
      display: none; }
    .category-page .selected-filters-wrap > span, .products-grid .selected-filters-wrap > span, .recommended-systems .selected-filters-wrap > span {
      display: none; }
      .category-page .selected-filters-wrap > span.mobile-only, .products-grid .selected-filters-wrap > span.mobile-only, .recommended-systems .selected-filters-wrap > span.mobile-only {
        display: inline-block !important;
        margin-right: 8px;
        float: left; }
    .category-page .selected-filters-wrap .selected-filters-inner, .products-grid .selected-filters-wrap .selected-filters-inner, .recommended-systems .selected-filters-wrap .selected-filters-inner {
      width: 1000px;
      padding-bottom: 15px; }
    .category-page .selected-filters-wrap .selected-filters, .products-grid .selected-filters-wrap .selected-filters, .recommended-systems .selected-filters-wrap .selected-filters {
      width: calc(100% - 80px);
      float: left;
      overflow-x: auto; }
  .category-page .filter-status, .products-grid .filter-status, .recommended-systems .filter-status {
    margin-top: 0;
    padding-bottom: 0;
    border-bottom: none; }
  .category-page .filtered-products, .products-grid .filtered-products, .recommended-systems .filtered-products {
    width: 100%; }
  .category-page .grid-product-item, .products-grid .grid-product-item, .recommended-systems .grid-product-item {
    width: 100%;
    padding: 0;
    text-align: left;
    margin-bottom: 60px;
    overflow: hidden;
    display: block;
    height: auto; }
    .category-page .grid-product-item .grid-item-images, .products-grid .grid-product-item .grid-item-images, .recommended-systems .grid-product-item .grid-item-images {
      width: 45%;
      float: left;
      text-align: center; }
    .category-page .grid-product-item .prod-title, .products-grid .grid-product-item .prod-title, .recommended-systems .grid-product-item .prod-title {
      padding-top: 30px;
      padding-top: 8vw; }
    .category-page .grid-product-item .prod-sku, .products-grid .grid-product-item .prod-sku, .recommended-systems .grid-product-item .prod-sku {
      margin-top: 5px;
      margin-bottom: 5px; }
    .category-page .grid-product-item .quick-view-btn, .products-grid .grid-product-item .quick-view-btn, .recommended-systems .grid-product-item .quick-view-btn {
      top: auto;
      bottom: -5px;
      left: 25%;
      font-size: 13px;
      line-height: 20px;
      padding: 1px 10px;
      margin-top: 0;
      letter-spacing: 0.5px; }
    .category-page .grid-product-item .sale-new-labels, .products-grid .grid-product-item .sale-new-labels, .recommended-systems .grid-product-item .sale-new-labels {
      top: auto;
      bottom: -5px;
      left: 25%;
      text-align: center;
      width: 54px;
      height: 21px; }
      .category-page .grid-product-item .sale-new-labels.has-sale-new, .products-grid .grid-product-item .sale-new-labels.has-sale-new, .recommended-systems .grid-product-item .sale-new-labels.has-sale-new {
        width: 90px; }
        .category-page .grid-product-item .sale-new-labels.has-sale-new span:last-child, .products-grid .grid-product-item .sale-new-labels.has-sale-new span:last-child, .recommended-systems .grid-product-item .sale-new-labels.has-sale-new span:last-child {
          margin-left: -1px; }
      .category-page .grid-product-item .sale-new-labels span, .products-grid .grid-product-item .sale-new-labels span, .recommended-systems .grid-product-item .sale-new-labels span {
        font-size: 13px;
        line-height: 20px;
        font-weight: bold; } }

@media (max-width: 667px) {
  .recommended-modal-content,
  .quick-view-modal {
    width: 100%;
    padding: 50px 12px !important;
    position: fixed;
    top: 0;
    transform: none;
    left: 0;
    max-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden; }
    .recommended-modal-content .product-price,
    .quick-view-modal .product-price {
      text-align: center; }
    .recommended-modal-content .select-quantity-wrap,
    .quick-view-modal .select-quantity-wrap {
      margin-left: 0 !important; }
    .recommended-modal-content .separator,
    .quick-view-modal .separator {
      height: 0; }
    .recommended-modal-content .modal-close,
    .recommended-modal-content .recommended-modal-close,
    .quick-view-modal .modal-close,
    .quick-view-modal .recommended-modal-close {
      background: url(/static/images/recommended-systems/modal-close-black.png?359df782c936) no-repeat;
      right: 7px;
      top: 7px;
      background-size: contain;
      height: 24px;
      width: 24px; }
    .recommended-modal-content.modal-content .slick-next, .recommended-modal-content.modal-content .slick-prev,
    .quick-view-modal.modal-content .slick-next,
    .quick-view-modal.modal-content .slick-prev {
      height: 100px; }
    .recommended-modal-content.modal-content .slick-next,
    .quick-view-modal.modal-content .slick-next {
      right: 0; } }

@media (max-width: 1052px) {
  .quick-view-modal {
    padding: 50px 12px !important; }
    .quick-view-modal .f-box {
      display: block; }
    .quick-view-modal .product-intro-text {
      width: 100%;
      float: none; }
      .quick-view-modal .product-intro-text h1 {
        display: none; }
      .quick-view-modal .product-intro-text p {
        line-height: 21px; }
    .quick-view-modal .product-intro-text.mobile {
      display: block; }
      .quick-view-modal .product-intro-text.mobile h1 {
        text-align: center;
        text-transform: capitalize;
        padding: 0 20px;
        display: block; }
        .quick-view-modal .product-intro-text.mobile h1 small {
          font-size: 18px;
          margin-top: 11px; }
    .quick-view-modal .product-rating {
      text-align: center;
      margin-top: 40px; }
      .quick-view-modal .product-rating .product-rating-inner {
        float: none; }
      .quick-view-modal .product-rating .rating-text {
        vertical-align: text-top; }
    .quick-view-modal .product-intro-viewer {
      width: 100%;
      float: none;
      padding: 0px 10px; }
    .quick-view-modal .add-to-cart-wrapper {
      text-align: center; }
      .quick-view-modal .add-to-cart-wrapper > div {
        margin: 0 11px;
        float: none;
        margin-bottom: 12px; }
      .quick-view-modal .add-to-cart-wrapper .size-select {
        float: none;
        margin: 0 11px;
        vertical-align: top; }
      .quick-view-modal .add-to-cart-wrapper .add-to-cart {
        float: none;
        margin-top: 10px;
        margin-right: 0; }
      .quick-view-modal .add-to-cart-wrapper .custom-select-wrap {
        margin-right: 0; }
    .quick-view-modal .view-details {
      display: none; }
    .quick-view-modal .product-show-more {
      display: block;
      border-top: 1px solid #d4d4d4;
      text-align: center;
      margin-top: 11px;
      padding-top: 4px;
      margin-bottom: 32px; }
      .quick-view-modal .product-show-more a {
        color: #585858;
        text-transform: uppercase;
        font-size: 13px;
        text-decoration: none; }
    .quick-view-modal .product-viewer-thumbs a {
      margin: 0 10px; } }

@media (min-width: 668px) and (max-width: 1052px) {
  .category-page .content-container, .products-grid .content-container, .recommended-systems .content-container {
    max-width: 95%; }
  .category-page .left-filter-sidebar, .products-grid .left-filter-sidebar, .recommended-systems .left-filter-sidebar {
    width: 40%; }
  .category-page .filter-status-left, .products-grid .filter-status-left, .recommended-systems .filter-status-left {
    width: 50%;
    margin-bottom: 5px; }
  .category-page .filter-status-middle, .products-grid .filter-status-middle, .recommended-systems .filter-status-middle {
    width: 100%; }
  .category-page .filter-status-right, .products-grid .filter-status-right, .recommended-systems .filter-status-right {
    max-width: 40%;
    margin-bottom: 20px; }
  .category-page .filtered-products, .products-grid .filtered-products, .recommended-systems .filtered-products {
    width: 55%; }
    .category-page .filtered-products .grid-product-item, .products-grid .filtered-products .grid-product-item, .recommended-systems .filtered-products .grid-product-item {
      width: 100%; }
  .quick-view-modal {
    padding: 0px !important; }
    .quick-view-modal .quick-view-inner {
      padding: 50px !important;
      overflow-y: scroll;
      overflow-x: hidden;
      height: 80vh; }
    .quick-view-modal .product-viewer-main {
      max-width: 50%;
      margin: 0 auto; }
    .quick-view-modal .product-price {
      float: left; }
    .quick-view-modal .slick-prev, .quick-view-modal .slick-next {
      height: 130px; } }

@media (min-width: 802px) and (max-width: 1052px) {
  .category-page .left-filter-sidebar, .products-grid .left-filter-sidebar, .recommended-systems .left-filter-sidebar {
    width: 33%; }
  .category-page .filtered-products, .products-grid .filtered-products, .recommended-systems .filtered-products {
    width: 62%; }
    .category-page .filtered-products .grid-product-item, .products-grid .filtered-products .grid-product-item, .recommended-systems .filtered-products .grid-product-item {
      width: 50%; } }

@media (min-width: 1052px) and (max-width: 1370px) {
  .category-page .content-container, .products-grid .content-container, .recommended-systems .content-container {
    max-width: 95%; } }

@media (max-width: 667px) {
  .clear:after {
    content: initial; }
  .sale-new-labels {
    left: 23% !important; }
  .prod-title h2 {
    font-size: 15px !important; }
  .products-grid .grid-header-filters {
    margin-top: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around; }
    .products-grid .grid-header-filters a {
      width: 40%;
      padding: 10px 0;
      margin: 10px 0 !important;
      font-weight: 900; }
      .products-grid .grid-header-filters a:last-child {
        margin: initial; }
  .grid-item-images > img {
    width: 100%; }
  .grid-item-images {
    margin-right: 3% !important; } }

@media (min-width: 668px) and (max-width: 1052px) {
  .products-grid .grid-header-filters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 15px 20px; }
    .products-grid .grid-header-filters a {
      margin-bottom: 2.6%;
      width: 20%;
      min-width: 0; } }

/* Recommended Systems Responsive */
.recommended-select-experience {
  display: none; }

@media (max-width: 801px) {
  .recommended-modal-content {
    padding: 40px 20px; }
    .recommended-modal-content h1 {
      font-size: 40px;
      line-height: 1; }
    .recommended-modal-content h2 {
      font-size: 15px; }
  .recommended-systems .filtered-products {
    padding-top: 20px;
    justify-content: center;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .recommended-systems .vechicles {
    display: flex;
    flex-wrap: wrap;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto; }
    .recommended-systems .vechicles .vechicle {
      width: 100%;
      margin: 0 0 20px 0;
      margin-bottom: 20px;
      float: none; }
      .recommended-systems .vechicles .vechicle:nth-child(2n) {
        margin-right: 0; } }

@media (max-width: 667px) {
  .recommended-systems .recommended-header {
    background: #1d1d1d;
    padding-top: 0;
    padding-bottom: 0; }
    .recommended-systems .recommended-header .recommended-heading h1 {
      font-size: 24px;
      line-height: 1;
      padding: 20px 0; }
    .recommended-systems .recommended-header .recommended-heading p {
      display: none; }
    .recommended-systems .recommended-header .recommended-select-experience {
      display: block;
      background: #272727;
      padding: 16px 15px 3px 30px;
      text-transform: uppercase;
      font-size: 16px;
      letter-spacing: 0.01em;
      display: block;
      overflow: hidden;
      text-align: left;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; }
      .recommended-systems .recommended-header .recommended-select-experience .fa {
        float: right;
        cursor: pointer;
        font-size: 24px;
        line-height: 1;
        position: relative;
        top: -4px;
        right: -8px;
        transition: all 0.2s; }
      .recommended-systems .recommended-header .recommended-select-experience.select-experience-open .fa {
        transform: rotate(90deg); }
    .recommended-systems .recommended-header .recommended-header-filters {
      background: #272727;
      padding-top: 0;
      padding-left: 15px;
      padding-right: 15px;
      padding: 5px 15px;
      overflow: hidden; }
    .recommended-systems .recommended-header .recommended-header-filter {
      padding: 20px 15px 15px;
      min-height: 75px;
      width: 48%;
      margin-right: 4%;
      margin-left: 0;
      margin-top: 0; }
      .recommended-systems .recommended-header .recommended-header-filter:nth-child(2n) {
        margin-right: 0; }
      .recommended-systems .recommended-header .recommended-header-filter span {
        font-size: 9px;
        line-height: 1;
        letter-spacing: 0.15em;
        margin-bottom: 10px; }
      .recommended-systems .recommended-header .recommended-header-filter h2 {
        font-size: 16px;
        line-height: 1; }
  .recommended-modal-content {
    height: 100%;
    overflow-y: auto; }
    .recommended-modal-content .modal-vechicles {
      display: flex;
      flex-wrap: wrap;
      max-width: 340px;
      margin-left: auto;
      margin-right: auto; }
      .recommended-modal-content .modal-vechicles .modal-vechicle {
        width: 45%;
        margin-right: 10%;
        margin-bottom: 20px;
        float: none; }
        .recommended-modal-content .modal-vechicles .modal-vechicle:nth-child(2n) {
          margin-right: 0; } }

/* Complete Audio Upgrade Responsive */
.customize-step-product > span em {
  display: none;
  font-family: "Source Sans Pro SemiBold", monospace;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 5px;
  color: #585858;
  text-transform: uppercase; }

.customize-step-2-product .show-specs-btn {
  display: none; }

@media (max-width: 1052px) {
  .customize-product {
    margin-top: 70px; }
  .customize-step-1 {
    padding: 35px 20px 0; }
    .customize-step-1 h1 {
      font-size: 36px;
      line-height: 1; }
      .customize-step-1 h1 small {
        font-size: 12px;
        line-height: 1; }
        .customize-step-1 h1 small:first-child {
          margin-bottom: 5px; }
        .customize-step-1 h1 small:last-child {
          margin-top: 5px; }
  .customize-step-2 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    padding-bottom: 80px; }
  .customize-step-product {
    padding: 22px; }
    .customize-step-product > span {
      margin-bottom: 30px; } }

@media (max-width: 667px) {
  .customize-step-1 h1 {
    margin-bottom: 35px; }
  .customize-step-1.step-1-selected .customize-step-product span {
    margin-bottom: 0; }
  .customize-step-1.step-1-selected .customize-step-product img {
    display: none; }
  .customize-step-1.step-1-selected .customize-step-product.customize-product-selected span {
    margin-bottom: 30px; }
  .customize-step-1.step-1-selected .customize-step-product.customize-product-selected img {
    display: block; }
  .customize-step-product {
    width: 100%;
    max-width: 340px;
    float: none;
    margin: 0 auto 15px;
    position: relative; }
    .customize-step-product:last-child {
      margin-right: auto; }
    .customize-step-product > span {
      text-align: left;
      font-size: 24px;
      line-height: 1; }
      .customize-step-product > span em {
        font-size: 14px;
        display: block; }
    .customize-step-product img {
      width: 100%;
      max-width: 250px;
      margin-left: auto;
      margin-right: auto; }
  .customize-step-2 .customize-step-product {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    box-shadow: 0 0 30px rgba(30, 30, 30, 0.08); }
    .customize-step-2 .customize-step-product > span {
      text-align: center;
      width: 100%;
      display: block; }
    .customize-step-2 .customize-step-product .customize-product-price small {
      font-size: 14px; }
    .customize-step-2 .customize-step-product .customize-product-price strong {
      font-size: 24px; }
  .customize-step-2 .customize-step-2-message h1 {
    font-size: 36px;
    max-width: 215px;
    margin-left: auto;
    margin-right: auto; }
    .customize-step-2 .customize-step-2-message h1 small {
      font-size: 12px;
      width: 100%; }
  .customize-step-2-content {
    padding-bottom: 0;
    margin-bottom: 20px; }
    .customize-step-2-content h1 {
      font-size: 36px;
      line-height: 1;
      margin-bottom: 25px; }
      .customize-step-2-content h1 small {
        line-height: 1; }
        .customize-step-2-content h1 small:first-child {
          font-size: 12px;
          margin-bottom: 5px; }
        .customize-step-2-content h1 small:last-child {
          margin-top: 5px;
          letter-spacing: normal;
          text-transform: none; }
    .customize-step-2-content .customize-step-2-products {
      display: block;
      width: 100%;
      margin-bottom: 0; }
      .customize-step-2-content .customize-step-2-products .customize-step-2-product {
        margin-bottom: 0;
        padding-bottom: 20px;
        padding-top: 30px;
        background: #fff;
        width: 290px;
        min-height: 400px;
        margin-right: 10px !important;
        box-shadow: 0 0 30px rgba(30, 30, 30, 0.08); }
        .customize-step-2-content .customize-step-2-products .customize-step-2-product.product-has-options {
          padding-top: 80px; }
          .customize-step-2-content .customize-step-2-products .customize-step-2-product.product-has-options .customize-select-size {
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translateX(-50%); }
        .customize-step-2-content .customize-step-2-products .customize-step-2-product .quick-view-btn {
          display: none; }
        .customize-step-2-content .customize-step-2-products .customize-step-2-product img {
          max-width: 160px;
          width: 100%;
          margin-left: auto;
          margin-right: auto; }
        .customize-step-2-content .customize-step-2-products .customize-step-2-product .customize-select-size {
          position: relative; }
          .customize-step-2-content .customize-step-2-products .customize-step-2-product .customize-select-size span {
            display: none; }
        .customize-step-2-content .customize-step-2-products .customize-step-2-product h3 {
          font-size: 20px;
          line-height: 1;
          margin-bottom: 15px;
          margin-top: -50px; }
        .customize-step-2-content .customize-step-2-products .customize-step-2-product .customize-prod-price {
          font-size: 20px;
          line-height: 1; }
        .customize-step-2-content .customize-step-2-products .customize-step-2-product .customize-prod-desc {
          margin-bottom: 20px; }
        .customize-step-2-content .customize-step-2-products .customize-step-2-product .show-specs-btn {
          display: inline-block;
          font-size: 12px;
          padding: 7px 20px;
          margin-top: 25px; }
      .customize-step-2-content .customize-step-2-products .slick-list {
        overflow: visible; }
  .customize-step-3-content .customize-product-total {
    min-width: 100%;
    max-width: 280px;
    padding: 10px 50px 35px;
    top: 85px;
    margin-top: -50px; }
    .customize-step-3-content .customize-product-total span {
      font-size: 12px; }
    .customize-step-3-content .customize-product-total strong {
      font-size: 24px;
      line-height: 1; }
    .customize-step-3-content .customize-product-total:before, .customize-step-3-content .customize-product-total:after {
      display: none; }
    .customize-step-3-content .customize-product-total .dark-btn {
      margin-top: 12px; } }

@media (max-width: 350px) {
  .customize-step-2-content {
    padding: 0 10px 20px 10px; }
    .customize-step-2-content .customize-step-2-products .customize-step-2-product {
      width: 235px; } }

.checkout-page .page-dark-header .dark-header-heading h1 {
  font-size: 48px;
  position: relative;
  top: 8px; }
  @media (max-width: 667px) {
    .checkout-page .page-dark-header .dark-header-heading h1 {
      font-size: 30px;
      line-height: 1; } }
.checkout-page .checkout-wrapper {
  margin: 0 auto;
  display: flex;
  padding: 0 20px;
  padding-bottom: 110px;
  padding-top: 30px; }
  @media (min-width: 1025px) {
    .checkout-page .checkout-wrapper {
      max-width: 1400px;
      width: 88%;
      padding-left: 100px; } }
  @media (max-width: 667px) {
    .checkout-page .checkout-wrapper {
      padding-bottom: 45px; } }
  @media (max-width: 1052px) {
    .checkout-page .checkout-wrapper {
      display: block; } }
.checkout-page .checkout-section {
  width: 64%; }
  @media (max-width: 1052px) {
    .checkout-page .checkout-section {
      width: 100%; } }
.checkout-page .order-summary {
  width: 36%; }
  @media (max-width: 1052px) {
    .checkout-page .order-summary {
      width: 100%; } }
.checkout-page .accordian.active .title {
  border-bottom-color: #e7e7e7; }
  .checkout-page .accordian.active .title h4 {
    background-image: url(/static/images/icons/accordian-up.png?359df782c936); }

.checkout-page .accordian.active:last-child .content {
  border-bottom: none; }

.checkout-page .accordian.opened .content {
  display: block; }

.checkout-page .accordian .title {
  border-bottom: 1px solid #272727;
  cursor: pointer;
  transition: all linear 0.3s;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; }
  .checkout-page .accordian .title h4 {
    line-height: 70px;
    margin: 0;
    background-image: url(/static/images/icons/accordian-down.png?359df782c936);
    background-position: right center;
    background-repeat: no-repeat;
    font-size: 24px; }

.checkout-page .accordian .content {
  padding-top: 40px;
  padding-bottom: 36px;
  display: none;
  border-bottom: 1px solid #272727; }
  @media (max-width: 667px) {
    .checkout-page .accordian .content {
      padding-top: 30px;
      padding-bottom: 20px; } }
.checkout-page .row {
  display: flex; }
  @media (max-width: 667px) {
    .checkout-page .row {
      display: block; } }
.checkout-page .field {
  margin-right: 14px;
  margin-bottom: 45px; }
  @media (max-width: 667px) {
    .checkout-page .field {
      margin-right: 0;
      margin-bottom: 35px; } }
  .checkout-page .field:last-child {
    margin-right: 0;
    margin-left: 14px; }
    @media (max-width: 667px) {
      .checkout-page .field:last-child {
        margin-left: 0; } }
    .checkout-page .field:last-child:first-child {
      margin-left: 0; }
  .checkout-page .field.half {
    width: 50%; }
    @media (max-width: 667px) {
      .checkout-page .field.half {
        width: 100%; } }
  .checkout-page .field.full {
    width: 100%; }
  .checkout-page .field.two-third {
    width: 60%; }

.checkout-page [type="text"], .checkout-page [type="email"], .checkout-page [type="tel"], .checkout-page [type="number"] {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 11px;
  line-height: 1;
  outline: 0;
  appearance: none;
  transition: all 0.15s linear;
  border: 1px solid #8c8c8c; }
  .checkout-page .auto[type="text"], .checkout-page .auto[type="email"], .checkout-page .auto[type="tel"], .checkout-page .auto[type="number"] {
    width: auto; }
  .checkout-page .mini[type="text"], .checkout-page .mini[type="email"], .checkout-page .mini[type="tel"], .checkout-page .mini[type="number"] {
    width: 90px; }

.checkout-page [type="button"] {
  border: 0;
  padding-left: 30px;
  padding-right: 30px; }

.checkout-page .note {
  color: #909090;
  padding-left: 11px;
  font-size: 14px;
  margin-top: 8px;
  display: block;
  font-family: "Source Sans Pro Regular", monospace;
  letter-spacing: -0.28px; }

.checkout-page .shipping-method {
  position: relative;
  margin-top: 30px;
  margin-bottom: 50px; }
  .checkout-page .shipping-method h5 {
    margin-bottom: 22px;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 18px; }
  .checkout-page .shipping-method .item {
    margin-bottom: 14px;
    padding-left: 25px; }
    .checkout-page .shipping-method .item label {
      cursor: pointer;
      padding-left: 29px;
      position: relative;
      z-index: 20;
      font-size: 16px; }
  .checkout-page .shipping-method .radio {
    width: 18px;
    height: 18px;
    display: inline-block;
    float: left;
    border: 1px solid #272727;
    border-radius: 50%;
    margin-right: 11px;
    position: absolute; }
    .checkout-page .shipping-method .radio:after {
      display: inline-block;
      content: '';
      width: 12px;
      height: 12px;
      position: absolute;
      border-radius: 50%;
      top: 2px;
      left: 2px;
      transition: all linear 0.2s; }
  .checkout-page .shipping-method [type="radio"] {
    position: absolute;
    width: 0;
    visibility: hidden;
    opacity: 0; }
    .checkout-page .shipping-method [type="radio"]:checked ~ .radio:after {
      background-color: #272727; }

.checkout-page .dark-btn {
  font-family: "Helvetica Neue", "sans-serif";
  font-size: 13px;
  letter-spacing: 0.15em;
  min-width: 207px;
  max-width: 100%; }

.checkout-page .billing-same {
  margin-bottom: 50px; }
  @media (max-width: 667px) {
    .checkout-page .billing-same {
      margin-bottom: 30px; } }
  .checkout-page .billing-same .check {
    width: 14px;
    height: 14px;
    display: inline-block;
    float: left;
    border: 1px solid #272727;
    margin-right: 13px;
    position: absolute;
    margin-top: 2px; }
    .checkout-page .billing-same .check:after {
      display: inline-block;
      content: '';
      width: 9px;
      height: 9px;
      position: absolute;
      border-radius: 50%;
      top: 2px;
      left: 2px;
      transition: all linear 0.2s; }
  .checkout-page .billing-same label {
    display: inline-block;
    cursor: pointer;
    padding-left: 5px;
    position: relative;
    z-index: 20; }
  .checkout-page .billing-same .icheckbox_rf {
    margin-top: -2px; }

.checkout-page .processing-button-wrapper {
  width: 207px;
  text-align: center; }
  .checkout-page .processing-button-wrapper .processing-message {
    margin-top: 12px;
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    opacity: 0;
    transition: all linear 0.3s; }

.checkout-page .processing-button {
  position: relative;
  border: 0;
  width: 100%; }
  .checkout-page .processing-button > span {
    transition: all linear 0.3s; }
  .checkout-page .processing-button .soundwave {
    width: 39px;
    bottom: 7px;
    opacity: 0;
    transition: all linear 0.3s; }
  .checkout-page .processing-button .soundwave .bar {
    background-color: #fff;
    visibility: visible;
    animation-play-state: running; }
  .checkout-page .processing-button.processing > span {
    opacity: 0; }
  .checkout-page .processing-button.processing .soundwave {
    opacity: 1; }
    .checkout-page .processing-button.processing .soundwave .bar {
      visibility: visible;
      animation-play-state: running; }
  .checkout-page .processing-button.processing ~ span {
    opacity: 1; }

.checkout-page .order-summary {
  margin-top: 40px; }
  @media (min-width: 1052px) {
    .checkout-page .order-summary {
      margin-left: 40px;
      margin-top: 0; } }
  @media (min-width: 1025px) {
    .checkout-page .order-summary {
      margin-left: 6%; } }
  .checkout-page .order-summary > .title {
    line-height: 70px;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    padding-left: 30px;
    font-size: 24px; }
  .checkout-page .order-summary .inner {
    background: #f8f8f8;
    padding: 30px; }
  .checkout-page .order-summary .subtotal {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    margin-bottom: 18px;
    font-size: 18px;
    letter-spacing: 0.9px; }
  .checkout-page .order-summary .costs li {
    margin-bottom: 23px;
    font-family: "Helvetica Neue", "sans-serif";
    font-size: 14px; }
    .checkout-page .order-summary .costs li span {
      float: right; }
  .checkout-page .order-summary .discount-code {
    min-height: 78px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7; }
    .checkout-page .order-summary .discount-code label {
      display: block;
      text-align: left;
      text-transform: uppercase;
      line-height: 78px;
      cursor: pointer;
      font-family: "Helvetica Neue", "sans-serif";
      font-size: 14px;
      letter-spacing: 2.8px; }
    .checkout-page .order-summary .discount-code input, .checkout-page .order-summary .discount-code .dark-btn {
      display: none; }
    .checkout-page .order-summary .discount-code input[type="text"] {
      width: 290px;
      max-width: 100%;
      height: 40px;
      border: 1px solid #9a9a9a;
      margin-top: 24px;
      padding: 0 20px;
      outline: 0; }
    .checkout-page .order-summary .discount-code .dark-btn {
      border: 0;
      width: 207px;
      max-width: 100%;
      margin-top: 22px;
      margin-bottom: 24px; }
    .checkout-page .order-summary .discount-code.show-input label {
      display: none; }
    .checkout-page .order-summary .discount-code.show-input input[type="text"], .checkout-page .order-summary .discount-code.show-input .dark-btn {
      display: block; }
  .checkout-page .order-summary .item {
    display: flex;
    line-height: 1;
    padding-top: 40px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px; }
    .checkout-page .order-summary .item:first-child {
      padding-top: 17px; }
    .checkout-page .order-summary .item:last-child {
      border-bottom: none; }
    .checkout-page .order-summary .item .thumb {
      max-width: 130px; }
    .checkout-page .order-summary .item .info {
      flex-grow: 1;
      text-align: left;
      padding-left: 25px; }
    .checkout-page .order-summary .item .desc {
      margin-top: 5px;
      color: #272727; }
      .checkout-page .order-summary .item .desc span {
        display: block;
        margin-top: 5px; }
    .checkout-page .order-summary .item .total {
      display: flex;
      justify-content: space-between;
      margin-top: 5px; }
    .checkout-page .order-summary .item h6 {
      text-transform: uppercase;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      font-size: 20px;
      padding-top: 6px; }
  .checkout-page .order-summary .subtotal {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    text-align: left; }
    .checkout-page .order-summary .subtotal.items-summary {
      display: flex;
      justify-content: space-between;
      line-height: 72px;
      border-bottom: 1px solid #e7e7e7;
      margin-bottom: 25px; }
      .checkout-page .order-summary .subtotal.items-summary span {
        display: block; }
        .checkout-page .order-summary .subtotal.items-summary span:last-child {
          text-align: right; }
  .checkout-page .order-summary .questions {
    border: 1px solid #e7e7e7;
    margin-top: 23px;
    padding: 36px 20px 42px;
    text-align: center; }
    .checkout-page .order-summary .questions p {
      margin-bottom: 15px; }
      .checkout-page .order-summary .questions p:first-child {
        margin-bottom: 28px; }
    .checkout-page .order-summary .questions strong {
      font-family: "Source Sans Pro Regular", monospace;
      font-weight: bold; }
    .checkout-page .order-summary .questions a {
      color: #272727;
      display: inline-block;
      border-bottom: 1px solid #272727;
      text-decoration: none;
      font-family: "Source Sans Pro SemiBold", monospace; }
      .checkout-page .order-summary .questions a:hover {
        text-decoration: none;
        border-bottom-color: transparent; }

.form-label .field {
  position: relative; }

.form-label .row label {
  position: absolute;
  top: 11px;
  left: 11px;
  color: #272727;
  transform: translate3d(0, 0, 0);
  transition: all 0.15s linear;
  cursor: text;
  font-size: 16px;
  font-family: "Source Sans Pro Regular", monospace;
  letter-spacing: -0.32px; }

.form-css-label input:focus {
  outline: 0; }

.form-css-label input[data-empty="false"] + label, .form-css-label input:valid + label, .form-css-label input:focus + label {
  transform: translate3d(0, -35px, 0);
  text-transform: uppercase;
  font-family: "Helvetica Neue Bold";
  letter-spacing: 1.8px;
  font-size: 12px; }
  @media (max-width: 667px) {
    .form-css-label input[data-empty="false"] + label, .form-css-label input:valid + label, .form-css-label input:focus + label {
      left: 0; } }
.cart.bottom-right {
  position: relative;
  right: 28px;
  padding: 0;
  height: 67px;
  min-width: 68px;
  line-height: 67px;
  text-align: center;
  transition: all linear 0.2s; }
  .cart.bottom-right:hover .fa {
    color: #d60925 !important; }

.show-cart .cart.bottom-right {
  background: #fff; }
  .show-cart .cart.bottom-right .fa {
    color: #d60925 !important; }

.show-cart .nav-cart {
  max-height: 100vh;
  z-index: 10; }

.cart.bottom-right,
.nav-cart {
  right: 28px; }

.nav-cart {
  position: absolute;
  width: 415px;
  max-width: 100vw;
  cursor: default;
  max-height: 0;
  overflow: hidden;
  transition: 0.45s all ease-out;
  box-shadow: 0px 3px 19px rgba(0, 0, 0, 0.2);
  background: #fff;
  text-align: center;
  line-height: 1.25em; }
  @media (max-width: 1052px) {
    .nav-cart {
      top: 62px;
      right: 22px; } }
  @media (max-width: 667px) {
    .nav-cart {
      right: 0; } }
  .nav-cart .inner {
    padding: 0px 25px 20px 33px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100vh; }
    @media (max-width: 667px) {
      .nav-cart .inner {
        padding: 0px 20px 50px 20px; } }
    .nav-cart .inner > h3 {
      display: flex;
      justify-content: center;
      align-content: center;
      flex-direction: column;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      font-size: 24px;
      text-transform: uppercase;
      line-height: normal;
      height: 100px; }
    .nav-cart .inner > ul {
      border-top: 1px solid #f5f4f4; }
  .nav-cart .item {
    line-height: 1;
    padding: 20px 0;
    border-bottom: 1px solid #f5f4f4;
    position: relative; }
    .nav-cart .item .row {
      display: flex;
      text-decoration: none;
      color: #272727; }
      .nav-cart .item .row:hover {
        color: #d60925; }
      .nav-cart .item .row .desc {
        display: flex;
        margin-top: 5px; }
        .nav-cart .item .row .desc h5 {
          font-size: 0.9em;
          flex-grow: 2; }
        .nav-cart .item .row .desc span {
          display: block;
          margin-top: 5px; }
    .nav-cart .item .thumb {
      background-position: center;
      background-size: cover;
      height: 72px;
      width: 72px;
      flex-shrink: 0;
      position: relative; }
      .nav-cart .item .thumb img {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        max-width: 96px;
        margin: auto;
        left: -9999px;
        right: -9999px; }
    .nav-cart .item .controls {
      margin-left: 97px; }
      .nav-cart .item .controls .actions {
        text-align: left; }
      @media (max-width: 350px) {
        .nav-cart .item .controls {
          padding-left: 87px; } }
    .nav-cart .item .content {
      flex-grow: 1;
      flex-grow: 1;
      text-align: left;
      padding-left: 25px; }
      @media (max-width: 350px) {
        .nav-cart .item .content {
          padding-left: 15px; } }
    .nav-cart .item .bundle-item {
      display: flex;
      margin-top: 5px; }
      .nav-cart .item .bundle-item .thumb {
        width: 48px;
        height: auto;
        margin-left: 49px; }
        .nav-cart .item .bundle-item .thumb img {
          display: block;
          position: absolute;
          top: 0;
          bottom: 0;
          max-width: 64px;
          margin: auto;
          left: -9999px;
          right: -9999px; }
      .nav-cart .item .bundle-item .info {
        text-align: left;
        margin-left: 25px; }
    .nav-cart .item .edit-delete {
      display: none;
      position: absolute;
      left: 25px;
      top: 30px; }
      @media (max-width: 350px) {
        .nav-cart .item .edit-delete {
          left: 15px; } }
    .nav-cart .item .edit-product-quantity {
      display: none;
      position: absolute;
      left: 97px;
      bottom: 10px;
      right: 0px; }
      @media (max-width: 350px) {
        .nav-cart .item .edit-product-quantity {
          left: 15px; } }
      .nav-cart .item .edit-product-quantity label {
        text-align: left; }
        @media (max-width: 350px) {
          .nav-cart .item .edit-product-quantity label {
            line-height: 25px; } }
    .nav-cart .item.edit-mode .total {
      opacity: 0; }
    .nav-cart .item.edit-mode .edit-delete {
      display: none; }
    .nav-cart .item.edit-mode .edit-product-quantity {
      display: flex;
      justify-content: space-between; }
      .nav-cart .item.edit-mode .edit-product-quantity .cart-action {
        margin-top: 30px; }
    .nav-cart .item .total {
      display: flex;
      justify-content: space-between;
      margin-top: 9px;
      font-family: "Helvetica Neue", "sans-serif"; }
    .nav-cart .item h4 {
      text-transform: uppercase;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      font-size: 1.4em;
      padding-top: 6px; }
      .nav-cart .item h4 small {
        font-size: 0.6em;
        font-weight: normal; }
  .nav-cart .subtotal {
    font-family: "Helvetica Neue Bold";
    font-size: 14px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    margin-top: 20px;
    padding-left: 130px;
    text-align: left;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 350px) {
      .nav-cart .subtotal {
        padding-left: 30px; } }
  .nav-cart .price {
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-left: 5px; }
    .nav-cart .price .original-price {
      font-size: 0.8em;
      text-decoration: line-through;
      color: #585858; }
  .nav-cart .discount-code {
    min-height: 78px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7; }
    @media (max-width: 667px) {
      .nav-cart .discount-code {
        min-height: 60px; } }
    .nav-cart .discount-code label {
      display: block;
      text-align: center;
      text-transform: uppercase;
      line-height: 78px;
      cursor: pointer; }
      @media (max-width: 667px) {
        .nav-cart .discount-code label {
          line-height: 60px; } }
    .nav-cart .discount-code input, .nav-cart .discount-code .dark-btn {
      display: none; }
    .nav-cart .discount-code input[type="text"] {
      width: 290px;
      max-width: 100%;
      height: 40px;
      border: 1px solid #9a9a9a;
      margin: 0 auto;
      margin-top: 24px;
      padding: 0 20px;
      outline: 0; }
    .nav-cart .discount-code .dark-btn {
      border: 0;
      width: 207px;
      max-width: 100%;
      margin: 0 auto;
      margin-top: 22px;
      margin-bottom: 24px; }
    .nav-cart .discount-code.show-input label {
      display: none; }
    .nav-cart .discount-code.show-input input[type="text"], .nav-cart .discount-code.show-input .dark-btn {
      display: block; }
  .nav-cart .buttons {
    padding-top: 30px; }
    .nav-cart .buttons .dark-btn, .nav-cart .buttons .white-border-box {
      line-height: 34px;
      height: 36px;
      padding: 0 10px;
      width: 207px;
      max-width: 100%;
      display: block;
      margin: 0 auto;
      text-decoration: none;
      margin-bottom: 20px; }
    .nav-cart .buttons .continue-shopping {
      color: #272727;
      cursor: pointer; }
      .nav-cart .buttons .continue-shopping:hover {
        background: #ececec; }
    .nav-cart .buttons .dark-btn {
      border: 1px solid #272727; }
    .nav-cart .buttons .white-border-box {
      border-color: #272727;
      line-height: 37px;
      color: #272727;
      background-color: #fff; }

.edit-delete {
  display: inline-flex;
  text-transform: uppercase;
  font-size: 11px;
  font-family: "Helvetica Neue", "sans-serif";
  letter-spacing: 0.05em;
  text-align: center; }
  .edit-delete div {
    cursor: pointer; }
    .edit-delete div:hover {
      color: #d60925; }
  .edit-delete .cart-start-edit {
    margin-left: 10px; }
  .edit-delete .cart-action {
    margin-bottom: 5px; }

.cart-action {
  width: 39px;
  height: 39px;
  background: url("/static/images/icons/cart-actions.png?359df782c936") no-repeat;
  cursor: pointer; }
  @media (max-width: 667px) {
    .cart-action {
      width: 30px;
      height: 30px;
      background-size: 60px 90px; } }
  .cart-action:hover {
    background-position: -39px 0; }
    @media (max-width: 667px) {
      .cart-action:hover {
        background-position: -30px 0; } }
  .cart-action.cart-delete-icon {
    background-position: 0 -39px; }
    @media (max-width: 667px) {
      .cart-action.cart-delete-icon {
        background-position: 0 -30px; } }
    .cart-action.cart-delete-icon:hover {
      background-position: -39px -39px; }
      @media (max-width: 667px) {
        .cart-action.cart-delete-icon:hover {
          background-position: -30px -30px; } }
  .cart-action.cart-approve-edit {
    background-position: 0 -78px; }
    @media (max-width: 667px) {
      .cart-action.cart-approve-edit {
        background-position: 0 -60px; } }
    .cart-action.cart-approve-edit:hover {
      background-position: -39px -78px; }
      @media (max-width: 667px) {
        .cart-action.cart-approve-edit:hover {
          background-position: -30px -60px; } }
.edit-product-quantity label {
  display: block;
  float: none;
  margin-bottom: 0; }

.shopping-cart-icon {
  position: absolute;
  height: 35px;
  width: auto;
  top: 27%;
  left: 20%; }

#cart-counter {
  position: absolute;
  top: 2%;
  left: 33%;
  width: 25px;
  height: 25px;
  color: red;
  text-align: center;
  line-height: 40px; }
  #cart-counter > p {
    font-size: 20px;
    font-weight: 700; }

.empty-cart #cart-counter {
  display: none; }

.empty-cart .nav-cart .buttons button.checkout {
  display: none; }

.cart-delete-button {
  margin-right: 10px;
  color: #d60925;
  cursor: pointer; }

.cart-edit-button {
  margin-left: 10px;
  cursor: pointer; }

.modal-content.order-placed {
  height: 90%;
  background: #f8f8f8;
  padding: 0; }
  @media (max-width: 667px) {
    .modal-content.order-placed {
      padding: 0;
      width: 90%; } }
  @media (max-width: 667px) {
    .modal-content.order-placed .modal-close {
      width: 25px;
      height: 25px;
      right: -5px;
      top: -28px; } }
  .modal-content.order-placed .inner {
    width: 100%;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 50px;
    overflow-x: hidden;
    overflow-y: scroll; }
    @media (max-width: 667px) {
      .modal-content.order-placed .inner {
        padding: 20px; } }
    .modal-content.order-placed .inner > h3 {
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; }
      @media (max-width: 667px) {
        .modal-content.order-placed .inner > h3 {
          font-size: 16px; } }
  .modal-content.order-placed .credit-card {
    margin-top: 39px;
    text-align: center; }
    @media (max-width: 667px) {
      .modal-content.order-placed .credit-card {
        margin-top: 20px; } }
    .modal-content.order-placed .credit-card img {
      margin-bottom: 12px; }
    .modal-content.order-placed .credit-card .credit-card-no {
      margin-bottom: 16px;
      text-transform: uppercase; }
    .modal-content.order-placed .credit-card .total {
      font-weight: bold; }
  .modal-content.order-placed .download-reciept {
    padding-top: 39px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e7e7e7;
    letter-spacing: 0.2em; }
    .modal-content.order-placed .download-reciept a {
      text-transform: uppercase;
      text-decoration: none;
      color: #272727; }
  .modal-content.order-placed .also-bought > .title {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    margin-top: 32px;
    margin-bottom: 20px; }
    @media (max-width: 667px) {
      .modal-content.order-placed .also-bought > .title {
        font-size: 16px; } }
    .modal-content.order-placed .also-bought > .title + p {
      font-size: 14px;
      line-height: 22px;
      margin-top: -10px; }
  .modal-content.order-placed .also-bought .items {
    display: flex;
    justify-content: center;
    margin: 0 -25px; }
    @media (max-width: 450px) {
      .modal-content.order-placed .also-bought .items {
        display: block; } }
    .modal-content.order-placed .also-bought .items.complete-system-items {
      flex-wrap: wrap;
      margin-top: 30px; }
      .modal-content.order-placed .also-bought .items.complete-system-items .grid-product-item {
        min-width: 200px; }
        .modal-content.order-placed .also-bought .items.complete-system-items .grid-product-item .grid-item-images {
          max-width: 160px; }
        .modal-content.order-placed .also-bought .items.complete-system-items .grid-product-item .quick-view-btn {
          min-width: 140px; }
          @media (max-width: 1052px) {
            .modal-content.order-placed .also-bought .items.complete-system-items .grid-product-item .quick-view-btn {
              display: none; } }
    .modal-content.order-placed .also-bought .items .grid-product-item {
      margin-bottom: 20px; }
      .modal-content.order-placed .also-bought .items .grid-product-item h2.prod-title {
        margin-bottom: 4px; }
      .modal-content.order-placed .also-bought .items .grid-product-item .prod-sku {
        margin-top: 0;
        margin-bottom: 0; }
  .modal-content.order-placed .also-bought .item {
    padding: 0 25px; }
    .modal-content.order-placed .also-bought .item .thumb {
      margin-bottom: 15px; }
    .modal-content.order-placed .also-bought .item .title {
      text-transform: uppercase;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; }
    .modal-content.order-placed .also-bought .item .desc {
      text-transform: uppercase;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; }
    .modal-content.order-placed .also-bought .item .code {
      color: #585858;
      margin: 12px 0 10px; }
    .modal-content.order-placed .also-bought .item .price .currency {
      text-transform: uppercase; }
    .modal-content.order-placed .also-bought .item .price .amount {
      font-weight: bold; }
  .modal-content.order-placed .also-bought div.button {
    margin-top: 20px;
    margin-bottom: 40px; }

.nav-cart .buttons .white-border-box {
  font-family: "Source Sans Pro Regular", monospace;
  font-size: 11px;
  letter-spacing: 0.1818181818em;
  line-height: 3em; }

.nav-cart .desc {
  min-height: 42px; }
  .nav-cart .desc h5 {
    font-size: 14px; }

.nav-cart .total {
  padding-bottom: 8px; }

@media (min-width: 1025px) {
  .nav-cart .continue-shopping {
    display: none !important; } }

.nav-cart .cart-link {
  color: #1e1e1e;
  text-decoration: none; }

/* The Modal (background) */
.pdp-modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 99999999;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(255, 255, 255, 0.9);
  /* Black w/ opacity */ }

/* Modal Content (Image) */
.pdp-modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 2000px; }

/* Add Animation - Zoom in the Modal */
.pdp-modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s; }

@keyframes zoom {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }

/* The Close Button */
.pdp-modal-close {
  position: absolute;
  top: 28%;
  right: 5%;
  color: #2e2e2e;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s; }

.pdp-modal-close:hover,
.pdp-modal-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer; }

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
  .pdp-modal-content {
    padding-top: 100px;
    width: 100%; }
  .pdp-modal-close {
    top: 15%; } }

.swiper-slide-active {
  cursor: pointer; }

/* Magnifying glass on PDP modal */
* {
  box-sizing: border-box; }

.img-magnifier-glass {
  z-index: 99999;
  position: absolute;
  border: 3px solid #000;
  /* border-radius: 50%; */
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 400px;
  height: 200px; }

.filter-list-option {
  cursor: pointer !important; }

.filter-list-option:hover {
  text-decoration: underline; }

.no-filter-results {
  text-align: center;
  font-style: italic; }

.load-spinner {
  border: 7px solid #f3f3f3;
  /* Light grey */
  border-top: 7px solid #d60925;
  /* Red */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
  display: none; }

.load-spinner.dealer-locator-spinner {
  margin: 0 auto; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.detail-tab-contents a {
  color: #D60925; }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('/static/fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0&359df782c936');src:url('/static/fonts/font-awesome/fonts/fontawesome-webfont.eot?&359df782c936#iefix&v=4.7.0') format('embedded-opentype'),url('/static/fonts/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0&359df782c936') format('woff2'),url('/static/fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0&359df782c936') format('woff'),url('/static/fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0&359df782c936') format('truetype'),url('/static/fonts/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0&359df782c936#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}