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
}

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("../fonts/helveticaneueltcom-bd.ttf") format("truetype")
}

@font-face {
  font-family: 'Helvetica Neue Light';
  src: url("../fonts/helveticaneueltcom-lt.ttf") format("truetype")
}

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

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

@font-face {
  font-family: 'Helvetica Neue Bold Condensed';
  src: url("../fonts/helveticaneueltcom-bdcn.ttf") format("truetype")
}

@font-face {
  font-family: 'Helvetica Neue Regular';
  src: url("../fonts/helveticaneueltcom-hv.ttf") format("truetype")
}

@font-face {
  font-family: 'Source Sans Pro Regular';
  src: url("../fonts/sourcesanspro-regular.ttf") format("truetype")
}

@font-face {
  font-family: 'Source Sans Pro Regular';
  src: url("../fonts/sourcesanspro-italic.ttf") format("truetype");
  font-style: italic
}

@font-face {
  font-family: 'Source Sans Pro Regular';
  src: url("../fonts/sourcesanspro-bold.ttf") format("truetype");
  font-weight: bold
}

@font-face {
  font-family: 'Source Sans Pro SemiBold';
  src: url("../fonts/sourcesanspro-semibold.ttf") format("truetype")
}

@font-face {
  font-family: 'Source Sans Pro Light';
  src: url("../fonts/sourcesanspro-light.ttf") 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";
  letter-spacing: 0;
  line-height: 26px
}

.captions-copy {
  font-size: 14px;
  font-family: "Source Sans Pro Regular";
  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
}

@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";
  -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"
}

.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
}

.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: #909090;
  margin-top: 20px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Source Sans Pro Regular";
  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
}

.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("../images/size-arrow.png") #fff no-repeat right center;
  outline: none;
  border-color: #272727;
  border-radius: 0
}

.custom-select-wrap select:disabled {
  border-color: #bbb;
  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
}

.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";
  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("../images/chevron-left.png") 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
}

.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.mobile {
  padding-right: 40px;
  padding-left: 10px;
  position: relative;
  height: auto;
  line-height: 22px;
  margin-top: -13px;
  padding-bottom: 13px
}

.top-message-content.mobile .link {
  padding: 6px 18px;
  margin-top: 8px
}

.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: 20px
}

#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
}

#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(../images/loading.gif) no-repeat center center
}

#cboxLoadingOverlay {
  background: #000
}

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

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

#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(../images/controls.png) no-repeat 0 0
}

#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(../images/modal-close.svg) 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: 90px
}

@media (max-width: 1052px) {
  .main-content {
    padding-top: 78px;
    padding-bottom: 0px
  }
}

.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
}

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

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

.grid:after {
  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
  }

  .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
}

.dark-secondary-btn a {
  text-decoration: none;
  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 .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.add-to-cart {
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-top: 0
}

button:disabled {
  opacity: 0.5
}

.dark-btn:hover {
  background: #454545
}

.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
}

.parallax-hero {
  position: relative;
  bottom: 14px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.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"
}

.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
}

.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("../fonts/support-support-home.svg") no-repeat center top
}

.iconized-tab-icon.knowledge-base-icon,
.icon-box-icon.knowledge-base-icon {
  background: url("../fonts/support-knowledge-base.svg") no-repeat center top
}

.iconized-tab-icon.discontinued-products-icon,
.icon-box-icon.discontinued-products-icon {
  background: url("../fonts/support-discontinued.svg") no-repeat center top
}

.iconized-tab-icon.woofer-wiring-icon,
.icon-box-icon.woofer-wiring-icon {
  background: url("../fonts/support-wiring-wizard.svg") no-repeat center top
}

.iconized-tab-icon.woofer-box-advisor-icon,
.icon-box-icon.woofer-box-advisor-icon {
  background: url("../fonts/support-box-advisor.svg") no-repeat center top
}

.iconized-tab-icon.woofer-boxwizard-icon,
.icon-box-icon.woofer-boxwizard-icon {
  background: url("../fonts/support-woofer-box-wizard.svg") no-repeat center top
}

.iconized-tab-icon.amp-wire-calc-icon,
.icon-box-icon.amp-wire-calc-icon {
  background: url("../fonts/support-amp-wire-calc.svg") no-repeat center top
}

.iconized-tab-icon.repair-status-icon,
.icon-box-icon.repair-status-icon {
  background: url("../fonts/support-repair.svg") no-repeat center top
}

.iconized-tab-icon.support-manual-icon,
.icon-box-icon.support-manual-icon {
  background: url("../fonts/support-manuals.svg") no-repeat center top
}

.iconized-tab-icon.repair-status-2-icon,
.icon-box-icon.repair-status-2-icon {
  background: url("../fonts/support-repair-status.svg") no-repeat center top
}

.iconized-tab-icon.support-warranty-icon,
.icon-box-icon.support-warranty-icon {
  background: url("../fonts/support-warranty.svg") no-repeat center top
}

.iconized-tab-icon.find-answers-icon,
.icon-box-icon.find-answers-icon {
  background: url("../fonts/support-answers.svg") no-repeat center top
}

.iconized-tab-icon.ask-question-icon,
.icon-box-icon.ask-question-icon {
  background: url("../fonts/support-contact.svg") no-repeat center top
}

.iconized-tab-icon.watch-videos-icon,
.icon-box-icon.watch-videos-icon {
  background: url("../fonts/support-video.svg") no-repeat center top
}

.iconized-tab-icon.support-phone-icon,
.icon-box-icon.support-phone-icon {
  background: url("../images/support-phone.png") 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 {
  padding: 10px 0;
  text-align: center;
  clear: both
}

.pagination a {
  cursor: pointer;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #909090;
  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:hover.current,
.pagination a.next-page.current,
.pagination a.prev-page.current,
.pagination a.current.current {
  text-decoration: underline
}

.pagination a:last-child {
  margin-right: 0
}

.icheckbox_square-grey,
.iradio_square-grey {
  display: inline-block;
  display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 14px;
  height: 14px;
  background: url("../images/grey.png") no-repeat;
  border: none;
  cursor: pointer
}

.icheckbox_square-grey {
  background-position: -13px 0;
  margin-right: 5px
}

.icheckbox_square-grey.hover {
  background-position: -13px 0
}

.icheckbox_square-grey.checked {
  background-position: -28px 0
}

.icheckbox_square-grey.disabled {
  background-position: -72px 0;
  cursor: default
}

.icheckbox_square-grey.checked.disabled {
  background-position: -96px 0
}

.iradio_square-grey {
  background-position: -83px 0;
  width: 15px
}

.iradio_square-grey.hover {
  background-position: -83px 0
}

.iradio_square-grey.checked {
  background-position: -97px 0
}

.iradio_square-grey.disabled {
  background-position: -192px 0;
  cursor: default
}

.iradio_square-grey.checked.disabled {
  background-position: -216px 0
}

.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir="rtl"] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

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

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

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

.product-rating-inner span {
  background: url("../images/stars.png") 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"
}

.desktop-subnav {
  width: 100%;
  position: fixed;
  top: 108px;
  left: 0;
  z-index: 90;
  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;
  height: 75px
}

.desktop-subnav h2 {
  text-transform: uppercase;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 21px;
  color: #1e1e1e
}

.desktop-subnav .anchors {
  display: flex;
  align-items: center
}

.desktop-subnav .anchors a {
  text-decoration: none;
  color: #1e1e1e;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  text-transform: uppercase;
  padding: 5px 26px;
  display: block
}

.desktop-subnav .anchors a.buy-btn {
  background: #1e1e1e;
  color: #fff;
  font-size: 14px;
  padding: 8px 30px;
  margin-left: 15px
}

@media (max-width: 1052px) {
  .desktop-subnav {
    display: none
  }

  .mobile-subnav {
    width: 100%;
    position: fixed;
    left: 0;
    top: 62px;
    z-index: 9;
    box-shadow: 0 4px 22px -2px rgba(0, 0, 0, 0.3)
  }

  .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
  }

  .mobile-subnav .top .buy-btn {
    background: #1e1e1e;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
    padding: 8px 12px;
    text-transform: uppercase;
    letter-spacing: 1px
  }

  .mobile-subnav .top h2 {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
    font-size: 14px;
    letter-spacing: 0.7px;
    color: #1e1e1e;
    text-transform: uppercase
  }

  .mobile-subnav .top .arrow {
    width: 14px;
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: 0.3s all ease
  }

  .mobile-subnav .top .arrow svg {
    width: 100%
  }

  .mobile-subnav .top .arrow.open {
    transform: rotate(180deg)
  }

  .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
  }

  .mobile-subnav .dropdown.open {
    max-height: 500px
  }

  .mobile-subnav .dropdown .item {
    display: block;
    padding: 20px 20px;
    text-align: left;
    font-family: "Source Sans Pro Regular";
    text-transform: uppercase;
    font-size: 14px;
    color: #1e1e1e;
    width: 94%;
    margin: 0 auto;
    text-decoration: none
  }

  .mobile-subnav .dropdown .item:first-child {
    border-bottom: 1px solid rgba(74, 74, 74, 0.2)
  }
}

.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: #8d8d8d;
  text-decoration: none;
  font-family: "Source Sans Pro Regular";
  font-size: 14px;
  line-height: 1.759;
  text-align: center;
  padding: 8.5px 25px
}

.navbar .top-bar .breadcrumbs {
  display: flex;
  align-items: center;
  padding-left: 28px
}

.navbar .top-bar .breadcrumbs .crumb-link {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  text-transform: uppercase;
  font-size: 12px;
  line-height: 2.15;
  color: #8d8d8d;
  text-decoration: none;
  letter-spacing: 1px;
  padding: 8.5px 10px;
  position: relative
}

.navbar .top-bar .breadcrumbs .crumb-link:after {
  content: "\0BB \020";
  color: #8d8d8d;
  position: absolute;
  right: -4px;
  top: 6px;
  font-size: 14px;
  letter-spacing: 0
}

.navbar .top-bar .breadcrumbs .crumb-link:last-child:after {
  content: ''
}

.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: #8d8d8d
}

.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 .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";
  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: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    background-color: #f8f8f8;
    padding: 10px 12px;
    display: flex;
    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: 100%
  }

  .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 .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: 17px
  }

  .mobile-nav {
    position: fixed;
    top: 0;
    left: 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 h4 {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    margin: 0;
    font-size: 15px;
    line-height: 1
  }

  .mobile-nav .drawer-links .link .title h4 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";
    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";
    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
}

.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
}

.footer .contact-nav .contact-nav-item:nth-child(2) {
  border-left: 1px solid #3d3d3d;
  border-right: 1px solid #3d3d3d
}

footer .contact-nav .contact-nav-item:nth-child(3) {
  border-right: 1px solid #3d3d3d
}

.footer .contact-nav .contact-nav-item h5 {
  font-family: "Source Sans Pro Regular";
  font-weight: 100;
  font-size: 16px
}

.footer .contact-nav .contact-nav-item #myChatLink a {
  font-family: "Source Sans Pro Regular";
  font-weight: 100
}

@media (max-width: 801px) {
  .footer .contact-nav .contact-nav-item {
    display: block;
    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-mobile a {
  color: #777;
  font-family: "Source Sans Pro Regular"
}

@media (max-width: 801px) {
  .footer .sitemap-nav {
    display: none
  }
}

.footer .sitemap-nav ul li {
  display: inline-block;
  border-right: 2px solid #777;
  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: #777;
  font-family: "Source Sans Pro Light";
  font-size: .725em;
  margin-bottom: 10px
}

.about-wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative
}

.about-page {
  margin: auto;
  background-color: #1c1c1c;
  position: relative
}

.about-page .hero {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  z-index: 3;
  padding-top: 114px;
  position: relative
}

.about-page .hero h1 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  line-height: 1;
  font-size: 52px
}

@media (max-width: 1052px) {
  .about-page .hero h1 {
    font-size: 38px
  }
}

.about-page .hero p {
  color: #fff;
  font-family: "Source Sans Pro Regular";
  line-height: 1.625;
  font-size: 16px;
  margin-top: 30px;
  width: 90%;
  max-width: 685px;
  margin: 30px auto 30px auto
}

.about-page .image-arc-and-quotes {
  position: relative;
  padding-top: 80px
}

.about-page .image-arc-and-quotes .img-1,
.about-page .image-arc-and-quotes .img-2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center
}

.about-page .image-arc-and-quotes.mobile .square-array.top {
  left: 16.8125vw;
  top: 9.1875vw
}

.about-page .image-arc-and-quotes .square-array.top {
  left: 37.8125vw;
  top: -2.8125vw
}

.about-page .image-arc-and-quotes .square-array.bottom {
  left: 55.625vw;
  top: 58.75vw
}

.about-page .image-arc-and-quotes .image-arc {
  width: 55vw;
  position: relative;
  padding-top: 80px;
  min-height: 80.9375vw;
  display: inline-block;
  z-index: 1
}

.about-page .image-arc-and-quotes .image-arc.mobile {
  width: 100%;
  min-height: 49.4375vw
}

.about-page .image-arc-and-quotes .image-arc.mobile .image-arc__image:nth-child(1) {
  width: 80.64516129vw;
  height: 100%;
  left: 0
}

.about-page .image-arc-and-quotes .image-arc.mobile .image-arc__image:nth-child(2) {
  width: 73.387096774vw;
  height: 100%;
  left: calc(100vw - 73.387096774vw)
}

.about-page .image-arc-and-quotes .image-arc .image-arc__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  box-shadow: 0 0 45px 5px #000
}

.about-page .image-arc-and-quotes .image-arc .image-arc__image:after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.about-page .image-arc-and-quotes .image-arc .image-arc__image:nth-child(1) {
  width: 28.75vw;
  height: 24.75vw;
  left: 4.875vw;
  top: 0;
  filter: contrast(80%);
  z-index: 1
}

.about-page .image-arc-and-quotes .image-arc .image-arc__image:nth-child(1):after {
  background-color: rgba(0, 0, 0, 0.65)
}

.about-page .image-arc-and-quotes .image-arc .image-arc__image:nth-child(2) {
  width: 44.1875vw;
  height: 24.6875vw;
  left: 12.5vw;
  top: 13.5vw;
  filter: contrast(75%);
  z-index: 2
}

.about-page .image-arc-and-quotes .image-arc .image-arc__image:nth-child(2):after {
  background-color: rgba(0, 0, 0, 0.25)
}

.about-page .image-arc-and-quotes .image-arc .image-arc__image:nth-child(3) {
  width: 28.75vw;
  height: 24.625vw;
  left: 20.1875vw;
  top: 35.125vw;
  filter: contrast(80%);
  z-index: 3
}

.about-page .image-arc-and-quotes .image-arc .image-arc__image:nth-child(3):after {
  background-color: rgba(0, 0, 0, 0.05)
}

.about-page .image-arc-and-quotes .image-arc .image-arc__image:nth-child(4) {
  width: 39.5vw;
  height: 24.6875vw;
  top: 56.25vw;
  filter: contrast(80%);
  z-index: 2
}

.about-page .image-arc-and-quotes .image-arc .image-arc__image:nth-child(4):after {
  background-color: rgba(0, 0, 0, 0.65)
}

.about-page .image-arc-and-quotes .quotes {
  width: 42vw;
  position: relative;
  min-height: 80.9375vw;
  display: inline-block;
  float: right
}

.about-page .image-arc-and-quotes .quotes .quote-item {
  position: absolute;
  width: 100%;
  margin-bottom: 5em
}

.about-page .image-arc-and-quotes .quotes .quote-item.primary {
  top: 17.625vw;
  left: 4.875vw
}

.about-page .image-arc-and-quotes .quotes .quote-item.secondary {
  top: 45.375vw;
  left: -3.4375vw
}

.about-page .image-arc-and-quotes .quotes .quote-item .big-quote {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #d60925;
  font-size: 5em
}

.about-page .image-arc-and-quotes .quotes .quote-item .container {
  position: absolute;
  top: 2.5em;
  width: 75%
}

.about-page .image-arc-and-quotes .quotes .quote-item .container h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #fff;
  font-size: 1.5em;
  line-height: 1.25em
}

.about-page .image-arc-and-quotes .quotes .quote-item .container h4,
.about-page .image-arc-and-quotes .quotes .quote-item .container h5 {
  font-family: "Helvetica Neue";
  color: #bbb;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  float: right;
  clear: both
}

.about-page .image-arc-and-quotes .quotes .quote-item .container h4 {
  margin-top: 3.125vw
}

.about-page .image-arc-and-quotes .quotes .quote-item .container h5 {
  font-size: .75em
}

.about-page .image-arc-and-quotes .quotes.mobile {
  float: none;
  min-height: 0;
  margin-top: 0;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 11.85770751vw;
  display: none
}

@media (max-width: 1052px) {
  .about-page .image-arc-and-quotes .quotes.mobile {
    display: block;
    margin-bottom: 55.857708vw
  }

  .about-page .image-arc-and-quotes .quotes.mobile h3 {
    font-size: 1.25em !important
  }

  .about-page .image-arc-and-quotes .quotes.mobile h4 {
    font-size: 1em !important
  }

  .about-page .image-arc-and-quotes .quotes.mobile h5 {
    font-size: 0.6875em !important;
    text-align: right
  }
}

.about-page .image-arc-and-quotes .quotes.mobile .quote-item {
  position: relative
}

.about-page .image-arc-and-quotes .quotes.mobile .quote-item.primary {
  top: initial;
  left: initial
}

.about-page .image-arc-and-quotes .quotes.mobile .quote-item.primary .container {
  width: 100%
}

.about-page .image-arc-and-quotes #image-arc-mobile-swiper {
  margin-bottom: 23.741935vw
}

.about-page .image-arc-and-quotes #image-arc-mobile-swiper .swiper-slide .image-arc__swiper-image {
  width: calc(84.946236559vw/1.5);
  height: calc(67.741935484vw/1.5);
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto
}

.about-page .image-arc-and-quotes #image-arc-mobile-swiper .swiper-pagination {
  width: 100%;
  text-align: center;
  margin-top: 10px
}

.about-page .image-arc-and-quotes #image-arc-mobile-swiper .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  height: 4px;
  width: 60px;
  background-color: #272727;
  transition: background-color 300ms ease-out;
  opacity: 1;
  margin: 0 10px
}

.about-page .image-arc-and-quotes #image-arc-mobile-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffe7b5
}

.about-page .history-timeline {
  position: relative;
  z-index: 2
}

@media (max-width: 1052px) {
  .about-page .history-timeline {
    margin-top: 280px
  }
}

.about-page .history-timeline .history-hero {
  min-height: 29.375vw;
  position: absolute;
  top: -10.375vw;
  width: 100%
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-hero {
    width: 100vw;
    height: 66.66666667vw
  }
}

.about-page .history-timeline .history-hero .left-container {
  width: 63.1875vw;
  text-align: center;
  position: absolute;
  left: 0;
  margin-top: 7.75vw
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-hero .left-container {
    width: 100vw;
    margin-top: -8vw
  }
}

.about-page .history-timeline .history-hero .left-container .superscript,
.about-page .history-timeline .history-hero .left-container h1 {
  text-transform: uppercase;
  position: relative
}

.about-page .history-timeline .history-hero .left-container .superscript {
  font-family: "Helvetica Neue";
  color: #ffe7b5;
  text-align: left;
  left: 12.25vw;
  margin-bottom: 25px;
  letter-spacing: 1.15px
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-hero .left-container .superscript {
    font-size: 1em;
    left: 2vw;
    bottom: 12vw
  }
}

.about-page .history-timeline .history-hero .left-container h1 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #fff;
  font-size: 9em;
  width: 100%;
  margin: 0 auto;
  line-height: .825em;
  text-align: left;
  position: relative;
  left: 12.5vw
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-hero .left-container h1 {
    font-size: 20vw;
    left: 1vw;
    bottom: 12vw
  }
}

.about-page .history-timeline .history-hero .left-container .square-array {
  transform: rotate(90deg);
  left: 50%;
  z-index: -1
}

.about-page .history-timeline .history-hero .right-container {
  width: 69.375vw;
  float: right
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-hero .right-container {
    width: 100vw;
    margin-top: 10.428184vw
  }
}

.about-page .history-timeline .history-hero .right-container .hero-image {
  width: 44.0625vw;
  height: 29.375vw;
  background-size: cover;
  background-position: center;
  margin: 0 auto
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-hero .right-container .hero-image {
    width: 100vw;
    height: calc(100vw * (29.375 / 44.0625))
  }
}

.about-page .history-timeline .history-hero .right-container .hero-image-subtitle {
  color: #bbb;
  text-align: center;
  font-size: .825em;
  margin-top: 20px;
  font-style: italic
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-hero .right-container .hero-image-subtitle {
    margin-top: 3.25vw
  }
}

.about-page .history-timeline .history-content1,
.about-page .history-timeline .history-content2 {
  width: 61.75vw;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-top: 26.4375vw;
  padding-bottom: 3.875vw;
  margin-bottom: 2.6875vw;
  color: #fff
}

@media (max-width: 1052px) {

  .about-page .history-timeline .history-content1,
  .about-page .history-timeline .history-content2 {
    margin: 0 15px;
    position: relative;
    left: 3.5%
  }
}

@media (max-width: 667px) {

  .about-page .history-timeline .history-content1,
  .about-page .history-timeline .history-content2 {
    left: 1.5%
  }
}

.about-page .history-timeline .history-content1:after,
.about-page .history-timeline .history-content2:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 64.777327935%;
  height: 1px;
  background-color: #bbb;
  text-align: center;
  left: 17.611336033%
}

.about-page .history-timeline .history-content1 h2,
.about-page .history-timeline .history-content2 h2 {
  font-size: 1.25em;
  font-family: "Helvetica Neue Bold";
  margin-bottom: 3.25vw;
  text-align: left;
  color: #fff;
  text-transform: capitalize;
  @font
}

.about-page .history-timeline .history-content1 .content-section,
.about-page .history-timeline .history-content2 .content-section {
  columns: 2
}

.about-page .history-timeline .history-content1 .content-section p,
.about-page .history-timeline .history-content2 .content-section p {
  line-height: 1.5em;
  margin-bottom: 5px;
  text-indent: 35px
}

@media (max-width: 1052px) {

  .about-page .history-timeline .history-content1 .content-section,
  .about-page .history-timeline .history-content2 .content-section {
    columns: 1
  }
}

@media (max-width: 1052px) {

  .about-page .history-timeline .history-content1,
  .about-page .history-timeline .history-content2 {
    padding-top: 85.4375vw;
    width: 90%
  }
}

.about-page .history-timeline .history-content1 .content-section.no-columns,
.about-page .history-timeline .history-content1 .no-columns-img,
.about-page .history-timeline .history-content2 .content-section.no-columns,
.about-page .history-timeline .history-content2 .no-columns-img {
  vertical-align: top;
  columns: 1;
  width: 50%;
  display: inline-block
}

@media (max-width: 1052px) {

  .about-page .history-timeline .history-content1 .content-section.no-columns,
  .about-page .history-timeline .history-content2 .content-section.no-columns {
    width: 100%;
    margin-top: 25px
  }
}

.about-page .history-timeline .history-content1 .no-columns-img,
.about-page .history-timeline .history-content2 .no-columns-img {
  padding: 20px
}

@media (max-width: 1052px) {

  .about-page .history-timeline .history-content1 .no-columns-img,
  .about-page .history-timeline .history-content2 .no-columns-img {
    width: 100%;
    display: block
  }
}

.about-page .history-timeline .history-slider {
  padding-bottom: 2.75vw;
  position: relative
}

.about-page .history-timeline .history-slider:after {
  content: '';
  position: absolute;
  width: 40%;
  height: 1px;
  left: 30%;
  background-color: #bbb;
  bottom: 0
}

.about-page .history-timeline .history-slider .timeline-swiper-title {
  text-align: center;
  text-transform: uppercase;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #fff;
  font-size: 1.5em;
  margin-bottom: 3.4375vw
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-slider .timeline-swiper-title {
    font-size: 1.25em
  }
}

.about-page .history-timeline .history-slider .swiper-container.history.upper {
  width: 70.625vw;
  margin: 0 auto
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-slider .swiper-container.history.upper {
    width: 100vw
  }
}

.about-page .history-timeline .history-slider .swiper-container.history.upper .slide-container {
  width: 35vw;
  margin: 0 auto
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-slider .swiper-container.history.upper .slide-container {
    width: 75vw
  }
}

.about-page .history-timeline .history-slider .swiper-container.history.upper .slide-container .left-container {
  width: 50%;
  float: left
}

.about-page .history-timeline .history-slider .swiper-container.history.upper .slide-container .left-container .timeline-image {
  width: 13.5vw;
  height: 9.875vw;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-slider .swiper-container.history.upper .slide-container .left-container .timeline-image {
    width: 30vw;
    height: calc(30vw * (9.875 / 13.5))
  }
}

@media (max-width: 667px) {
  .about-page .history-timeline .history-slider .swiper-container.history.upper .slide-container .left-container .timeline-image {
    width: 50vw;
    height: calc(50vw * (9.875 / 13.5))
  }
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-slider .swiper-container.history.upper .slide-container .right-container {
    padding-top: 5vw
  }
}

.about-page .history-timeline .history-slider .swiper-container.history.upper .slide-container .right-container.half-width {
  width: 50%;
  float: right
}

.about-page .history-timeline .history-slider .swiper-container.history.upper .slide-container .right-container .timeline-date {
  font-family: "Helvetica Neue";
  color: #ffe7b5;
  margin-bottom: .5vw
}

.about-page .history-timeline .history-slider .swiper-container.history.upper .slide-container .right-container .timeline-text {
  color: #fff;
  font-family: "Source Sans Pro Regular";
  line-height: 1.5em;
  font-size: 0.875em
}

@media (max-width: 1052px) {

  .about-page .history-timeline .history-slider .swiper-container.history.upper .slide-container .left-container,
  .about-page .history-timeline .history-slider .swiper-container.history.upper .slide-container .right-container {
    width: 100%;
    text-align: center
  }

  .about-page .history-timeline .history-slider .swiper-container.history.upper .slide-container .left-container.half-width,
  .about-page .history-timeline .history-slider .swiper-container.history.upper .slide-container .right-container.half-width {
    width: 100%
  }
}

.about-page .history-timeline .history-slider .swiper-container.history.lower {
  text-align: center;
  width: 50%;
  margin-top: 65px
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-slider .swiper-container.history.lower {
    width: 100vw;
    margin-top: 10px
  }

  .about-page .history-timeline .history-slider .swiper-container.history.lower .swiper-wrapper {
    margin-top: 8.064516129vw
  }
}

.about-page .history-timeline .history-slider .swiper-container.history.lower .scrubbar {
  width: 100%;
  height: 5.1875vw;
  background-repeat: repeat-x;
  background-size: 132.375%;
  opacity: 0.5
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-slider .swiper-container.history.lower .scrubbar {
    height: 12vw;
    margin-top: 8.064516129vw
  }
}

.about-page .history-timeline .history-slider .swiper-container.history.lower .swiper-slide {
  margin-top: 1.25vw;
  text-decoration: none
}

.about-page .history-timeline .history-slider .swiper-container.history.lower .swiper-slide h2 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 2.5em;
  color: rgba(255, 255, 255, 0.025);
  transition: transform 1000ms ease, color 1000ms ease;
  padding-bottom: 5px
}

.about-page .history-timeline .history-slider .swiper-container.history.lower .swiper-slide.swiper-slide-active h2 {
  transform: scale(2);
  color: #ffe7b5
}

@media (max-width: 667px) {
  .about-page .history-timeline .history-slider .swiper-container.history.lower .swiper-slide.swiper-slide-active h2 {
    transform: scale(1.5)
  }
}

.about-page .history-timeline .history-slider .swiper-container.history.lower .swiper-slide.swiper-slide-next h2,
.about-page .history-timeline .history-slider .swiper-container.history.lower .swiper-slide.swiper-slide-prev h2 {
  color: rgba(255, 255, 255, 0.1)
}

.about-page .history-timeline .history-slider .swiper-button-next,
.about-page .history-timeline .history-slider .swiper-button-prev {
  top: 62.5%
}

.about-page .history-timeline .history-slider .swiper-button-next {
  right: 20%;
  background-image: none
}

.about-page .history-timeline .history-slider .swiper-button-next:after {
  content: "";
  height: 10px;
  width: 10px;
  border-top: 3px solid #ffe7b5;
  border-right: 3px solid #ffe7b5;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(45deg)
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-slider .swiper-button-next {
    right: 5%
  }
}

.about-page .history-timeline .history-slider .swiper-button-prev {
  left: 20%;
  background-image: none
}

.about-page .history-timeline .history-slider .swiper-button-prev:after {
  content: "";
  height: 10px;
  width: 10px;
  border-top: 3px solid #ffe7b5;
  border-left: 3px solid #ffe7b5;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-45deg)
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-slider .swiper-button-prev {
    left: 5%
  }
}

@media (max-width: 1052px) {
  .about-page .history-timeline .history-slider {
    padding: 13.440860215vw 0
  }
}

.about-page .history-timeline .history-content2 {
  padding-top: 6.5vw;
  padding-bottom: 11.375vw
}

.about-page .history-timeline .history-content2 .content-section sub em {
  font-style: italic;
  font-size: .825em
}

.about-page .history-timeline .history-content2:after {
  display: none
}

.about-page .three-up-container {
  width: 90%;
  margin: 100px auto 0px auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative
}

@media (max-width: 1052px) {
  .about-page .three-up-container {
    margin-top: 28vw;
    max-width: 700px
  }
}

@media (min-width: 1800px) {
  .about-page .three-up-container {
    justify-content: center
  }
}

.about-page .three-up-container .card {
  width: 28.625vw;
  box-sizing: border-box;
  border: 1px solid #4a4a4a;
  text-align: center;
  position: relative;
  padding: 4.5vw 2vw 3.4375vw 2vw;
  z-index: 3
}

@media (min-width: 1800px) {
  .about-page .three-up-container .card {
    width: 22.5vw;
    margin: 0 1.9561815336vw
  }
}

.about-page .three-up-container .card h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
  font-size: 30px;
  margin-bottom: 28px;
  width: 75%;
  margin: 0 auto 1.25vw
}

.about-page .three-up-container .card p {
  font-family: "Source Sans Pro Regular";
  color: #fff;
  line-height: 1.6;
  font-size: 14px;
  width: 90%;
  margin: 0 auto 1.875vw
}

.about-page .three-up-container .card a {
  text-decoration: none
}

.about-page .three-up-container .card.card2 {
  margin-top: 80px
}

.about-page .three-up-container .card.card3 {
  margin-top: 160px
}

@media (max-width: 1052px) {
  .about-page .three-up-container {
    justify-content: center;
    flex-direction: column;
    align-items: center
  }

  .about-page .three-up-container .card {
    width: 100%;
    border: none;
    padding: 30px 0 35px 0
  }

  .about-page .three-up-container .card h3 {
    margin-bottom: 20px
  }

  .about-page .three-up-container .card .link {
    display: none
  }

  .about-page .three-up-container .card.card2,
  .about-page .three-up-container .card.card3 {
    margin-top: 0
  }
}

.about-page .square-array {
  position: absolute;
  left: 10%;
  z-index: 0;
  top: 155px;
  width: 111px;
  height: 411px
}

@media (max-width: 1052px) {
  .about-page .square-array {
    top: 30px;
    left: auto;
    right: 33px
  }
}

.about-page .square-array-bottom {
  position: absolute;
  left: 45%;
  bottom: -17%
}

.about-page .square-array-rotated {
  width: 111px;
  height: 411px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  left: 80%;
  top: 16%;
  clip: rect(0px, 111px, 310px, 0px);
  z-index: 0
}

.about-page .background-text {
  color: #1c1c1c;
  text-align: right;
  font-size: 12em;
  position: absolute;
  top: 300px;
  right: 0px;
  text-shadow: 30px 30px 170px black, -30px -30px 170px black;
  z-index: 0;
  opacity: 0.2
}

.swiper-container.home {
  position: relative
}

.swiper-container.home .carousel-left,
.swiper-container.home .carousel-right {
  display: block;
  text-align: center;
  float: left;
  height: 44.0625vw;
  clear: none
}

.swiper-container.home .carousel-left {
  width: 53.4375vw;
  position: relative;
  z-index: 1
}

.swiper-container.home .carousel-left .content {
  width: 84.561403509%;
  text-align: left;
  float: right;
  padding-top: 30.212765957%
}

.swiper-container.home .carousel-right {
  background-size: cover;
  width: 71.875vw;
  position: absolute;
  right: 0;
  z-index: 0
}

.swiper-container.home .title,
.swiper-container.home .description {
  color: #fff
}

.swiper-container.home .title {
  margin: 0;
  letter-spacing: -1px;
  font-size: 5vw;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  text-transform: uppercase
}

@media (max-width: 1052px) {
  .swiper-container.home .title {
    font-size: 4vw
  }
}

@media (max-width: 1052px) {
  .swiper-container.home .description {
    font-size: 1.25vw
  }
}

.swiper-container.home .scrubbar {
  position: absolute;
  top: 8.125vw;
  z-index: 3;
  width: 60.625%
}

.swiper-container.home .scrubbar .scrub {
  width: 5.40625vw;
  position: absolute;
  z-index: 0;
  top: 0.1875vw;
  opacity: 0.5;
  transition: opacity .3s, transform .125s ease;
  display: none
}

.swiper-container.home .scrubbar .scrub .svg-scrub-1 {
  transform: scaleY(0.5);
  transform-origin: bottom;
  transition: transform .3s;
  fill: #fff
}

.swiper-container.home .scrubbar .bar {
  position: relative;
  z-index: 1;
  opacity: 0.5;
  height: 3.125vw;
  background-repeat: repeat-x;
  cursor: pointer;
  transition: opacity .3s
}

.swiper-container.home .scrubbar .bar:hover~.scrub {
  opacity: 1
}

.swiper-container.home .scrubbar .bar:hover~.scrub .svg-scrub-1 {
  transform: scaleY(1)
}

.swiper-container.home .scrubbar:hover .bar {
  opacity: 1
}

.swiper-container.home .scrubbar .labels {
  list-style: none;
  padding: 0;
  position: absolute;
  top: 0;
  margin: 0;
  z-index: 3;
  width: 100%;
  overflow: hidden
}

.swiper-container.home .scrubbar .labels .label-container {
  overflow: auto
}

.swiper-container.home .scrubbar .labels .label-container .scrub-label {
  font-family: "Helvetica Neue Regular", "Helvetica", "Arial", "sans-serif";
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  float: left;
  margin-right: 0.2388888889vw;
  padding-top: 3.5vw;
  color: rgba(255, 255, 255, 0.25);
  transition: color 0.4s, transform 0.4s;
  text-decoration: none
}

.swiper-container.home .scrubbar .labels .label-container .scrub-label:hover {
  color: #fff;
  cursor: pointer
}

.swiper-container.home .scrubbar .labels .label-container .scrub-label.active {
  color: #ffe7b5
}

.swiper-container.home .swiper-slide {
  transition: transform .4s !important
}

.swiper-container.home .swiper-slide.swiper-slide-active,
.swiper-container.home .swiper-slide.swiper-slide-duplicate-active {
  transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) !important
}

.swiper-container.home .swiper-slide:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 71.875vw;
  top: 0;
  right: 0;
  background-color: #bfbfbf;
  background-color: rgba(0, 0, 0, 0.25);
  transition: background-color .3s
}

.swiper-container.home .swiper-slide-prev,
.swiper-container.home .swiper-slide-duplicate-next,
.swiper-container.home .swiper-slide-duplicate-prev,
.swiper-container.home .swiper-slide:not(.swiper-slide-active) {
  position: relative;
  transform: translate3d(0, 0, -50vw) rotateX(0deg) rotateY(0deg) scale(1.5) !important
}

@media (min-width: 1052px) and (max-width: 1370px) {

  .swiper-container.home .swiper-slide-prev,
  .swiper-container.home .swiper-slide-duplicate-next,
  .swiper-container.home .swiper-slide-duplicate-prev,
  .swiper-container.home .swiper-slide:not(.swiper-slide-active) {
    transform: translate3d(0, 0, -100vw) rotateX(0deg) rotateY(0deg) scale(1.5) !important
  }
}

@media (max-width: 1052px) {

  .swiper-container.home .swiper-slide-prev,
  .swiper-container.home .swiper-slide-duplicate-next,
  .swiper-container.home .swiper-slide-duplicate-prev,
  .swiper-container.home .swiper-slide:not(.swiper-slide-active) {
    transform: translate3d(0, 0, -125vw) rotateX(0deg) rotateY(0deg) scale(1.5) !important
  }
}

@media (min-width: 1800px) {

  .swiper-container.home .swiper-slide-prev,
  .swiper-container.home .swiper-slide-duplicate-next,
  .swiper-container.home .swiper-slide-duplicate-prev,
  .swiper-container.home .swiper-slide:not(.swiper-slide-active) {
    transform: translate3d(0, 0, -50vw) rotateX(0deg) rotateY(0deg) scale(1.75) !important
  }
}

.swiper-container.home .swiper-slide-prev .carousel-right,
.swiper-container.home .swiper-slide-prev .carousel-left,
.swiper-container.home .swiper-slide-duplicate-next .carousel-right,
.swiper-container.home .swiper-slide-duplicate-next .carousel-left,
.swiper-container.home .swiper-slide-duplicate-prev .carousel-right,
.swiper-container.home .swiper-slide-duplicate-prev .carousel-left,
.swiper-container.home .swiper-slide:not(.swiper-slide-active) .carousel-right,
.swiper-container.home .swiper-slide:not(.swiper-slide-active) .carousel-left {
  overflow: hidden;
  filter: blur(10px) grayscale(100%)
}

.swiper-container.home .swiper-slide-prev:after,
.swiper-container.home .swiper-slide-duplicate-next:after,
.swiper-container.home .swiper-slide-duplicate-prev:after,
.swiper-container.home .swiper-slide:not(.swiper-slide-active):after {
  background-color: #737373;
  background-color: rgba(0, 0, 0, 0.55)
}

.swiper-container.home .swiper-button-next,
.swiper-container.home .swiper-button-prev {
  background: none;
  top: 45%
}

.swiper-container.home .swiper-button-next .fa,
.swiper-container.home .swiper-button-prev .fa {
  margin-bottom: 0.625vw;
  margin-left: 0.75vw
}

.swiper-container.home .swiper-button-next .fa,
.swiper-container.home .swiper-button-next h4,
.swiper-container.home .swiper-button-prev .fa,
.swiper-container.home .swiper-button-prev h4 {
  color: rgba(255, 255, 255, 0.25);
  transform: rotate(90deg);
  white-space: nowrap;
  transition: color 0.3s
}

.swiper-container.home .swiper-button-next h4,
.swiper-container.home .swiper-button-prev h4 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  text-transform: uppercase
}

.swiper-container.home .swiper-button-next:hover .fa,
.swiper-container.home .swiper-button-next:hover h4,
.swiper-container.home .swiper-button-prev:hover .fa,
.swiper-container.home .swiper-button-prev:hover h4 {
  color: #ffe7b5
}

@media (max-width: 1052px) {

  .swiper-container.home .swiper-button-next,
  .swiper-container.home .swiper-button-prev {
    display: none
  }
}

.swiper-container.home .swiper-button-next {
  right: 1vw
}

.swiper-container.home .swiper-button-prev {
  left: 1vw
}

.swiper-container.home .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  color: rgba(255, 255, 255, 0.25)
}

.swiper-container.home .swiper-pagination.scrubber {
  position: absolute;
  top: 5vw;
  bottom: initial;
  transition: none
}

.swiper-container.home .swiper-pagination.scrubber .swiper-pagination-bullet {
  background: transparent;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  float: left;
  transition: color .75s;
  position: relative;
  display: block;
  width: auto;
  height: 100%;
  margin: 0;
  padding-right: 1.25vw;
  opacity: 1
}

.swiper-container.home .swiper-pagination.scrubber .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: #f0d9af !important
}

.swiper-container.home .swiper-pagination.scrubber .swiper-pagination-bullet:after {
  content: '';
  height: .25vw;
  width: .25vw;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25) !important;
  display: block;
  position: absolute;
  top: calc((100% - .25vw) / 2);
  right: calc((1.25vw / 2) - (.25vw / 2))
}

.swiper-container.home .swiper-pagination.scrubber .swiper-pagination-bullet:last-child:after {
  content: '';
  display: none
}

.swiper-container.home .swiper-pagination.dock {
  width: auto;
  left: initial;
  right: 2.1875vw;
  bottom: 15px
}

.swiper-container.home .swiper-pagination.dock .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
  border-radius: 0;
  height: 4px;
  width: 3.75vw;
  transition: background 1s;
  color: transparent
}

.swiper-container.home .swiper-pagination.dock .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffe7b5
}

.carousel-cta {
  position: relative;
  z-index: 2
}

.carousel-cta .link {
  position: absolute;
  padding: 8px 30px;
  display: inline-block;
  color: #ffe7b5;
  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;
  top: 35vw;
  left: 15vw
}

.carousel-cta .link .bracket {
  position: absolute
}

.carousel-cta .link .bracket.top-left {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  height: 6px;
  width: 6px;
  top: 0;
  left: 0
}

.carousel-cta .link .bracket.top-right {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  height: 6px;
  width: 6px;
  top: 0;
  right: 0
}

.carousel-cta .link .bracket.bottom-right {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  height: 6px;
  width: 6px;
  bottom: 0;
  right: 0
}

.carousel-cta .link .bracket.bottom-left {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  height: 6px;
  width: 6px;
  bottom: 0;
  left: 0
}

.carousel-cta .link:hover {
  padding: 8px 34px;
  color: #d60925
}

.initial-state {
  text-align: center
}

.initial-state .mobile-logo svg {
  margin: 50px auto;
  width: 43px;
  height: 43px
}

.initial-state .mobile-logo svg path {
  fill: #d60925
}

.initial-state .arrow {
  margin-bottom: 50px
}

.initial-state .arrow svg {
  transform: rotate(180deg)
}

.initial-state .h0 {
  text-transform: uppercase;
  margin-bottom: 30px
}

.initial-state h1 {
  text-transform: uppercase;
  margin-bottom: 30px
}

.initial-state p {
  margin-bottom: 50px
}

.home-carousel-mobile {
  margin-bottom: 30px;
  box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.1)
}

.carousel-mobile {
  text-align: center;
  display: none
}

.carousel-mobile .content {
  margin: 20px;
  text-align: center
}

.carousel-mobile .content h1 {
  margin-bottom: 10px
}

.carousel-mobile .content p {
  margin-bottom: 30px
}

.home-carousel-mobile-ctas {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 10px
}

.home-carousel-mobile-ctas .item {
  width: 50%;
  padding: .5em;
  box-sizing: border-box
}

.home {
  background: #fff;
  position: relative
}

@media (max-width: 1052px) {
  .home {
    overflow: hidden
  }
}

.home .shadow {
  box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.1)
}

.home .background-text {
  color: #fff;
  text-align: right;
  font-size: 12em;
  position: absolute;
  top: 0px;
  right: 0px;
  text-shadow: 30px 30px 170px #f9f9f9, -30px -30px 170px #f9f9f9;
  z-index: 0;
  opacity: 1;
  display: block
}

.home .square-array {
  position: absolute;
  left: 10%;
  z-index: 0;
  top: -100px;
  opacity: 0.1
}

@media (max-width: 1052px) {
  .home .square-array {
    top: -202px
  }
}

.home .horizontal-squares {
  position: absolute;
  right: -80px;
  bottom: -20px;
  z-index: 0;
  opacity: 0.1;
  transform: rotate(90deg)
}

.home .vertical-squares {
  position: absolute;
  left: 20%;
  bottom: -180px;
  z-index: 0;
  opacity: 0.1
}

@media (max-width: 1052px) {
  .home .vertical-squares {
    left: auto;
    right: 10%;
    bottom: -202px
  }
}

.home .three-up-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 160px 100px 70px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative
}

@media (max-width: 1052px) {
  .home .three-up-container {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 0px;
    padding: 30px 0 0
  }
}

.home .three-up-container .card {
  width: 31%;
  max-width: 457px;
  border: 1px solid rgba(74, 74, 74, 0.2);
  text-align: center;
  position: relative;
  padding: 50px 40px 40px 40px;
  z-index: 3
}

@media (max-width: 1052px) {
  .home .three-up-container .card {
    width: 100%;
    border: none;
    padding: 30px 30px 35px 30px
  }
}

.home .three-up-container .card h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  color: #1c1c1c;
  text-transform: uppercase;
  line-height: 1;
  font-size: 30px;
  margin-bottom: 28px
}

@media (max-width: 1052px) {
  .home .three-up-container .card h3 {
    margin-bottom: 20px
  }
}

.home .three-up-container .card p {
  font-family: "Source Sans Pro Regular";
  color: #1c1c1c;
  line-height: 1.6;
  font-size: 14px
}

.home .three-up-container .card .link {
  text-decoration: none;
  color: #1c1c1c;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 12px;
  padding: 10px;
  margin: 0 auto;
  margin-top: 20px;
  display: block;
  cursor: pointer
}

.home .three-up-container .card.card2 {
  margin-top: 80px
}

@media (max-width: 1052px) {
  .home .three-up-container .card.card2 {
    margin-top: 0
  }
}

.home .three-up-container .card.card3 {
  margin-top: 160px
}

@media (max-width: 1052px) {
  .home .three-up-container .card.card3 {
    margin-top: 0
  }
}

.home img {
  max-width: 100%;
  max-height: 100%
}

.home a {
  color: #272727;
  text-decoration: none
}

.home .flex-container-rows {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1440px;
  margin: auto;
  position: relative;
  padding: 80px 100px 180px
}

@media (max-width: 1052px) {
  .home .flex-container-rows {
    flex-direction: column;
    padding-bottom: 0;
    padding: 80px 0 0
  }
}

.home .row-container-1 {
  width: 65%;
  height: 100%;
  margin: 0 auto
}

@media (max-width: 1052px) {
  .home .row-container-1 {
    width: 100%
  }
}

.home .row-container-2 {
  width: 32%;
  height: 100%;
  margin: 0 auto
}

@media (max-width: 1052px) {
  .home .row-container-2 {
    width: 100%
  }
}

.home .flex-container-column {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%
}

.home .sidebar-wrapper {
  display: flex;
  flex-direction: column
}

@media (max-width: 1052px) {
  .home .sidebar-wrapper {
    flex-direction: column-reverse;
    padding-top: 30px
  }
}

.home .video-container {
  width: 100%;
  max-width: 950px;
  margin-bottom: 10px;
  position: relative
}

.home .video-container .video-bg {
  height: 420px;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative
}

.home .video-container .play-button {
  display: block;
  position: absolute;
  left: 4%;
  bottom: -40px;
  color: #d60925
}

@media (max-width: 1052px) {
  .home .video-container .video-bg {
    height: 240px
  }

  .home .video-container .play-button {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
  }
}

.home .video_card-bottom {
  width: 100%;
  background-color: #fff
}

.home .video_card-bottom .card-text-container {
  padding: 66px 25% 50px 32px
}

.home .video_card-bottom h2 {
  font-size: 25px;
  margin-bottom: 10px;
  line-height: 1
}

.home .video_card-bottom i {
  color: #d60925;
  margin: 10px;
  display: inline-block
}

.home .video_card-bottom p {
  line-height: 1.5
}

@media (max-width: 1052px) {
  .home .video_card-bottom .card-text-container {
    padding: 29px 15px
  }

  .home .video_card-bottom h2 {
    font-size: 20px
  }

  .home .video_card-bottom i {
    display: none
  }
}

.home .boxes-container {
  margin-top: 30px
}

.home .boxes-container .hover-box {
  display: inline-block;
  width: 49%;
  height: 530px;
  position: relative;
  overflow: hidden
}

.home .boxes-container .hover-box:last-child {
  margin-left: 2%
}

@media (max-width: 1052px) {
  .home .boxes-container .hover-box:last-child {
    margin-left: 0
  }
}

.home .boxes-container .hover-box .bg-image {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transition: 0.3s filter ease-out
}

.home .boxes-container .hover-box .text {
  position: relative;
  top: 30%;
  text-align: center;
  padding: 0 18px;
  transition: 0.3s top ease-out
}

.home .boxes-container .hover-box .text .flag {
  background-color: #fff;
  padding: 3px 21px;
  text-align: center;
  display: inline-block;
  margin-bottom: 17px
}

.home .boxes-container .hover-box .text .flag span {
  font-family: "Source Sans Pro Regular";
  letter-spacing: 1px;
  text-transform: uppercase
}

.home .boxes-container .hover-box .text h2 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #fff;
  text-transform: uppercase;
  font-size: 39px
}

.home .boxes-container .hover-box .text .link {
  position: relative;
  padding: 8px 18px;
  display: inline-block;
  color: #fceeb8;
  text-transform: uppercase;
  text-align: center;
  font-family: "Source Sans Pro Regular";
  font-size: 14px;
  letter-spacing: 0.8px;
  margin-top: 20px;
  transition: 0.3s padding ease-out;
  cursor: pointer
}

.home .boxes-container .hover-box .text .link .bracket {
  position: absolute
}

.home .boxes-container .hover-box .text .link .bracket.top-left {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  height: 6px;
  width: 6px;
  top: 0;
  left: 0
}

.home .boxes-container .hover-box .text .link .bracket.top-right {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  height: 6px;
  width: 6px;
  top: 0;
  right: 0
}

.home .boxes-container .hover-box .text .link .bracket.bottom-right {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  height: 6px;
  width: 6px;
  bottom: 0;
  right: 0
}

.home .boxes-container .hover-box .text .link .bracket.bottom-left {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  height: 6px;
  width: 6px;
  bottom: 0;
  left: 0
}

.home .boxes-container .hover-box .text .link:hover {
  padding: 8px 24px
}

.home .boxes-container .hover-box .hover-img {
  width: 315px;
  position: absolute;
  bottom: -100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: 0.5s bottom ease-out;
  text-align: center
}

@media (min-width: 1025px) {
  .home .boxes-container .hover-box:hover .bg-image {
    filter: brightness(0.4) blur(1px)
  }

  .home .boxes-container .hover-box:hover .text {
    top: 9%
  }

  .home .boxes-container .hover-box:hover .hover-img {
    bottom: -20px
  }
}

@media (max-width: 1052px) {
  .home .boxes-container .hover-box {
    display: block;
    width: 100%;
    height: 360px;
    margin: 10px 0px
  }

  .home .boxes-container .hover-box .hover-img {
    width: 200px
  }
}

.home .social-sidebar {
  background-color: #fff;
  width: 100%;
  margin-bottom: 30px;
  box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.1);
  max-height: 760px;
  overflow: hidden
}

.home .social-sidebar .social-title {
  display: none
}

.home .social-sidebar .social-icons {
  margin: 0px auto;
  padding-top: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  width: 80%;
  text-align: center
}

.home .social-sidebar .social-icons .icon {
  display: inline-block;
  margin: 0;
  font-size: 12px
}

.home .social-sidebar .social-icons .icon a {
  padding: 15px;
  display: block;
  transition: 0.25s color ease
}

.home .social-sidebar .social-icons .icon a:hover {
  color: #d60925
}

.home .social-sidebar .social-post {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  width: 80%;
  position: relative;
  margin: 0 auto;
  padding: 45px 0px
}

.home .social-sidebar .social-post .post-text {
  margin-top: 15px
}

.home .social-sidebar .social-post .icon {
  color: #d60925;
  position: absolute;
  right: 0
}

.home .social-sidebar .social-post .icon a {
  color: #d60925
}

.home .social-sidebar .social-user {
  display: inline-flex;
  width: 100%
}

.home .social-sidebar .social-user .user-name {
  margin-left: 15px
}

.home .social-sidebar .social-user .user-name h3 {
  font-family: "Helvetica Neue Regular", "Helvetica", "Arial", "sans-serif";
  color: #1c1c1c;
  font-size: 16px;
  line-height: 1.2
}

.home .social-sidebar .social-user .user-name p {
  font-family: "Source Sans Pro Light";
  color: #bbb;
  font-size: 14px
}

.home .social-sidebar .post-img {
  margin-top: 18px
}

.home .social-sidebar .avatar {
  width: 50px;
  height: 50px
}

.home .social-sidebar .social-expand {
  padding: 25px 0px;
  text-align: center;
  color: #272727
}

@media (max-width: 1052px) {
  .home .social-sidebar {
    margin-top: 30px
  }

  .home .social-sidebar .social-title {
    display: block;
    color: #a9a9a9;
    text-transform: uppercase;
    text-align: center;
    font-size: 19px;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
    padding-bottom: 0px;
    padding-top: 30px;
    letter-spacing: 0.8px
  }

  .home .social-sidebar .social-icons {
    padding-top: 17px
  }

  .home .social-sidebar .social-post {
    border-bottom: none
  }

  .home .social-sidebar .social-post.display-mobile {
    display: block
  }

  .home .social-sidebar .social-expand {
    display: none
  }
}

.home .events-sidebar {
  width: 100%;
  background: #fff;
  padding: 27px;
  padding-bottom: 0px;
  box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.1)
}

.home .events-sidebar h2 {
  color: #a9a9a9;
  text-transform: uppercase;
  text-align: center;
  font-size: 24px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  padding-bottom: 30px;
  letter-spacing: 0.8px
}

.home .events-sidebar .event h4 {
  font-family: "Helvetica Neue Regular", "Helvetica", "Arial", "sans-serif";
  color: #272727;
  line-height: 1.5
}

.home .events-sidebar .event p {
  padding: 18px 0px
}

.home .events-sidebar .event .event-img {
  width: 100%
}

.home .events-sidebar .see-all {
  font-family: "Helvetica Neue Light";
  color: #272727;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 3px;
  font-size: 11px;
  padding: 26px 0px;
  display: block;
  margin: 0 auto
}

@media (max-width: 1052px) {
  .home .events-sidebar h2 {
    font-size: 22px;
    padding-bottom: 20px
  }

  .home .events-sidebar .event h4 {
    line-height: 1
  }

  .home .events-sidebar .see-all {
    letter-spacing: 2px;
    font-size: 13px
  }
}

.home .promo-well {
  width: 100%;
  position: relative;
  z-index: 2;
  background-color: #1e1e1e;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}

.home .promo-well .inside {
  padding: 158px 0px 138px 0px;
  width: 100%;
  max-width: 767px;
  margin: 0 auto;
  text-align: center
}

.home .promo-well .inside .h0 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #fefefe;
  text-transform: uppercase;
  line-height: 0.9;
  font-size: 5vw;
  text-shadow: 1.5px 2.598px 109px rgba(67, 67, 67, 0.004)
}

.home .promo-well .inside .text {
  font-family: "Source Sans Pro Regular";
  font-size: 16px;
  color: #fefefe;
  line-height: 1.3;
  margin: 44px auto
}

.home .promo-well .inside .links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap
}

.home .promo-well .inside .links a {
  text-decoration: none;
  min-width: 161px;
  display: inline-block;
  border: 1px solid #fff;
  padding: 10px 0px;
  width: auto;
  text-transform: uppercase;
  text-align: center;
  font-family: "Source Sans Pro Regular";
  color: #fff;
  font-size: 15px;
  margin: 10px;
  transition: 0.25s all ease
}

.home .promo-well .inside .links a:hover {
  background-color: #fff;
  color: #1e1e1e
}

#recommended_systems_modal .box {
  width: 47%;
  height: 285px;
  float: left;
  margin: 10px;
  background-position: center center;
  background-size: cover
}

@media (max-width: 1052px) {
  #recommended_systems_modal .box {
    width: 100%;
    float: none;
    height: 150px
  }
}

#recommended_systems_modal .box h2 {
  color: #fff
}

@media (max-width: 1052px) {
  #recommended_systems_modal .box h2 {
    font-size: 20px !important
  }
}

#recommended_systems_modal .box .text {
  position: relative;
  top: 30%;
  text-align: center;
  padding: 0 18px;
  transition: 0.3s top ease-out
}

@media (max-width: 1052px) {
  #recommended_systems_modal .box .text {
    top: 15%
  }
}

#recommended_systems_modal .box .text h2 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #fff;
  text-transform: uppercase;
  font-size: 39px
}

@media (max-width: 1052px) {
  #recommended_systems_modal .box .text h2 {
    font-size: 29px
  }
}

#recommended_systems_modal .box .link {
  position: relative;
  padding: 8px 18px;
  display: inline-block;
  color: #fceeb8;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-family: "Source Sans Pro Regular";
  font-size: 14px;
  letter-spacing: 0.8px;
  margin-top: 20px;
  transition: 0.3s padding ease-out;
  cursor: pointer
}

#recommended_systems_modal .box .link .bracket {
  position: absolute
}

#recommended_systems_modal .box .link .bracket.top-left {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  height: 6px;
  width: 6px;
  top: 0;
  left: 0
}

#recommended_systems_modal .box .link .bracket.top-right {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  height: 6px;
  width: 6px;
  top: 0;
  right: 0
}

#recommended_systems_modal .box .link .bracket.bottom-right {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  height: 6px;
  width: 6px;
  bottom: 0;
  right: 0
}

#recommended_systems_modal .box .link .bracket.bottom-left {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  height: 6px;
  width: 6px;
  bottom: 0;
  left: 0
}

#recommended_systems_modal .box .link:hover {
  padding: 8px 24px
}

@media (max-width: 1052px) {
  .youtube {
    display: none !important
  }
}

.youtube-mobile {
  display: none !important
}

@media (max-width: 1052px) {
  .youtube-mobile {
    display: block !important
  }
}

.featured-product {
  width: 100%;
  position: relative
}

.featured-product .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
}

.featured-product .desktop-subnav h2 {
  text-transform: uppercase;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 21px;
  color: #1e1e1e
}

.featured-product .desktop-subnav .anchors {
  display: flex;
  align-items: center
}

.featured-product .desktop-subnav .anchors a {
  text-decoration: none;
  color: #1e1e1e;
  font-family: "Source Sans Pro Regular";
  font-size: 15px;
  text-transform: uppercase;
  padding: 5px 26px;
  display: block
}

.featured-product .desktop-subnav .anchors a.buy-btn {
  background: #1e1e1e;
  color: #fff;
  font-size: 14px;
  padding: 8px 30px;
  margin-left: 15px
}

.featured-product #explore-header {
  text-align: center;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), #f8f8f8);
  padding: 2vw 0 5vw;
  box-sizing: border-box;
  position: relative
}

.featured-product #explore-header div {
  position: relative;
  top: 3.125vw
}

.featured-product #explore-header div h1 {
  text-transform: uppercase;
  font-size: 4.5em
}

.featured-product #explore-header div p {
  padding: 0 15%
}

.featured-product #explore {
  height: 43.115234375vw;
  text-align: center;
  position: relative
}

.featured-product #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;
  background-color: #f8f8f8
}

.featured-product #explore #background:after {
  content: '';
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom, transparent, transparent 80%, rgba(0, 0, 0, 0.3) 100%);
  z-index: 0
}

.featured-product #explore .hotspot {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100vw 43.115234375vw;
  transition: opacity 0.2s;
  opacity: .5;
  border-radius: 0;
  transition: box-shadow 0, opacity 0.4s
}

.featured-product #explore .hotspot:hover {
  box-shadow: 0 0 0 0;
  opacity: 1 !important;
  cursor: pointer
}

.featured-product #explore .component-callout {
  width: 19.5vw;
  position: absolute;
  left: 5.625vw;
  top: 2.5vw;
  opacity: 0;
  z-index: 0
}

.featured-product #explore .component-callout .component-image .top,
.featured-product #explore .component-callout .component-image .reflection {
  background-size: 17.375vw auto;
  background-repeat: no-repeat;
  width: 100%
}

.featured-product #explore .component-callout .component-image .top {
  height: 18.5vw;
  background-position: center center
}

.featured-product #explore .component-callout .component-image .reflection {
  height: 3.5vw;
  background-position: center bottom;
  transform: rotate(180deg) scaleX(-1);
  opacity: 0.25;
  background-color: transparent
}

.featured-product #explore .component-callout .component-content {
  position: relative;
  margin-top: 20px;
  text-align: left
}

.featured-product #explore .component-callout .component-content h2,
.featured-product #explore .component-callout .component-content p {
  text-align: left
}

.featured-product #explore .component-callout .component-content h2 {
  font-size: 23px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.featured-product #explore .component-callout .component-content ul {
  list-style: disc;
  text-align: left;
  line-height: 1.65em
}

.featured-product #explore .component-callout .component-content p {
  line-height: 1.65em
}

.featured-product #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
}

.featured-product #explore .component-callout .component-content .link .bracket {
  position: absolute
}

.featured-product #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
}

.featured-product #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
}

.featured-product #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
}

.featured-product #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
}

.featured-product #explore .component-callout .component-content .link:hover {
  padding: 8px 34px;
  color: #d60925
}

.featured-product #explore.highlight {
  background-position: center center;
  background-size: cover
}

@media (max-width: 1052px) {
  .featured-product #explore.highlight {
    height: 700px
  }
}

.featured-product #explore.highlight .text {
  max-width: 40%;
  margin: 0 auto;
  padding-top: 80px
}

@media (max-width: 1052px) {
  .featured-product #explore.highlight .text {
    max-width: 90%
  }
}

.featured-product #explore.highlight .text h1 {
  color: #fff;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 75px;
  text-transform: uppercase
}

@media (max-width: 1052px) {
  .featured-product #explore.highlight .text h1 {
    font-size: 35px
  }
}

.featured-product #explore.highlight .text p {
  color: #fff
}

.featured-product #explore.highlight .text .icon {
  /* max-width: 90px; */
  margin: 20px 40px
}

@media (max-width: 1052px) {
  .featured-product #explore.highlight .text .icon {
    margin: 20px 0;
  }
}

.featured-product #explore.highlight .product {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%
}

.featured-product #explore.highlight .product img {
  max-width: 800px;
  width: 100%
}

@media (max-width: 1052px) {
  .featured-product .desktop-subnav {
    display: none
  }

  .featured-product .mobile-subnav {
    width: 100%;
    position: fixed;
    left: 0;
    top: 62px;
    z-index: 9;
    box-shadow: 0 4px 22px -2px rgba(0, 0, 0, 0.3)
  }

  .featured-product .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
  }

  .featured-product .mobile-subnav .top .buy-btn {
    background: #1e1e1e;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    font-family: "Source Sans Pro Regular";
    padding: 8px 26px;
    text-transform: uppercase;
    letter-spacing: 1px
  }

  .featured-product .mobile-subnav .top h2 {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
    font-size: 14px;
    letter-spacing: 0.7px;
    color: #1e1e1e;
    text-transform: uppercase
  }

  .featured-product .mobile-subnav .top .arrow {
    width: 14px;
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: 0.3s all ease
  }

  .featured-product .mobile-subnav .top .arrow svg {
    width: 100%
  }

  .featured-product .mobile-subnav .top .arrow.open {
    transform: rotate(180deg)
  }

  .featured-product .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
  }

  .featured-product .mobile-subnav .dropdown.open {
    max-height: 500px
  }

  .featured-product .mobile-subnav .dropdown .item {
    display: block;
    padding: 20px 20px;
    text-align: left;
    font-family: "Source Sans Pro Regular";
    text-transform: uppercase;
    font-size: 14px;
    color: #1e1e1e;
    width: 94%;
    margin: 0 auto;
    text-decoration: none
  }

  .featured-product .mobile-subnav .dropdown .item:first-child {
    border-bottom: 1px solid rgba(74, 74, 74, 0.2)
  }
}

.featured-product .hero {
  width: 100%;
  position: relative;
  min-height: 595px;
  height: 68vh;
  background: #fff;
  padding-top: 90px;
  display: flex;
  align-items: center;
  overflow: hidden
}

.featured-product .hero .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.featured-product .hero .text {
  padding-left: 10%;
  width: 40%;
  position: relative;
  z-index: 2
}

.featured-product .hero .text h1 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 30px;
  color: #1e1e1e;
  letter-spacing: 0.7px;
  line-height: 1
}

.featured-product .hero .text p {
  margin-top: 50px;
  margin-bottom: 50px;
  font-family: "Source Sans Pro Regular";
  line-height: 1.6
}

.featured-product .hero .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;
  transition: 0.3s all ease-out;
  cursor: pointer;
  text-decoration: none
}

.featured-product .hero .link .bracket {
  position: absolute
}

.featured-product .hero .link .bracket.top-left {
  border-top: 1px solid #1e1e1e;
  border-left: 1px solid #1e1e1e;
  height: 6px;
  width: 6px;
  top: 0;
  left: 0
}

.featured-product .hero .link .bracket.top-right {
  border-top: 1px solid #1e1e1e;
  border-right: 1px solid #1e1e1e;
  height: 6px;
  width: 6px;
  top: 0;
  right: 0
}

.featured-product .hero .link .bracket.bottom-right {
  border-bottom: 1px solid #1e1e1e;
  border-right: 1px solid #1e1e1e;
  height: 6px;
  width: 6px;
  bottom: 0;
  right: 0
}

.featured-product .hero .link .bracket.bottom-left {
  border-bottom: 1px solid #1e1e1e;
  border-left: 1px solid #1e1e1e;
  height: 6px;
  width: 6px;
  bottom: 0;
  left: 0
}

.featured-product .hero .link:hover {
  padding: 8px 34px;
  color: #d60925
}

.featured-product .hero .img {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 90px;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: right center
}

@media (max-width: 1052px) {
  .featured-product .hero .img {
    z-index: 1;
    background-size: contain;
    background-position: 50% 100%
  }
}

.featured-product .hero .img img {
  width: auto
}

@media (max-width: 1052px) {
  .featured-product .hero {
    min-height: auto;
    height: auto;
    flex-direction: column-reverse;
    padding-top: 70px
  }

  .featured-product .hero .text,
  .featured-product .hero .img {
    width: 100%;
    position: relative
  }

  .featured-product .hero .text {
    padding: 25px 18px;
    text-align: center
  }

  .featured-product .hero .text h1 {
    font-size: 24px;
    text-align: left
  }

  .featured-product .hero .text p {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left
  }

  .featured-product .hero .link {
    margin-bottom: 20px
  }

  .featured-product .hero .img {
    height: 260px;
    right: auto;
    overflow: hidden;
    top: 0
  }

  .featured-product .hero .img img {
    width: auto;
    height: 100%
  }
}

.featured-product .render {
  position: relative;
  height: 800px;
  background: #1c1c1c;
  width: 100%
}

@media (max-width: 1052px) {
  .featured-product .render {
    height: 500px
  }
}

.featured-product .vertical-slider {
  width: 100%;
  position: relative;
  height: 780px
}

.featured-product .vertical-slider .swiper-container {
  width: 100%;
  height: 100%
}

.featured-product .vertical-slider .swiper-pagination-bullets {
  right: auto;
  left: 20px
}

.featured-product .vertical-slider .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 4px;
  border-radius: 0px;
  height: 49px;
  margin: 12px 0px
}

.featured-product .vertical-slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #1e1e1e
}

.featured-product .vertical-slider .swiper-arrow-next,
.featured-product .vertical-slider .swiper-arrow-prev {
  background-image: url("../fonts/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
}

.featured-product .vertical-slider .swiper-arrow-next {
  bottom: 25px;
  left: 20%
}

.featured-product .vertical-slider .swiper-arrow-prev {
  top: 25px;
  left: 20%;
  transform: rotate(180deg)
}

.featured-product .vertical-slider .swiper-slide {
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  display: flex;
  justify-content: space-between
}

.featured-product .vertical-slider .swiper-slide .text {
  width: 45%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding-left: 70px
}

.featured-product .vertical-slider .swiper-slide .text .wrapper {
  width: 70%
}

.featured-product .vertical-slider .swiper-slide .text h1 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 51px;
  color: #1e1e1e;
  text-transform: uppercase
}

.featured-product .vertical-slider .swiper-slide .text p {
  line-height: 1.6;
  margin-top: 30px;
  font-family: "Source Sans Pro Light"
}

.featured-product .vertical-slider .swiper-slide .img {
  width: 55%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center
}

@media (max-width: 1052px) {
  .featured-product .vertical-slider {
    height: 550px
  }

  .featured-product .vertical-slider .swiper-container {
    background: #f8f8f8
  }

  .featured-product .vertical-slider .swiper-pagination-bullets {
    left: 0;
    right: 0;
    bottom: 5px
  }

  .featured-product .vertical-slider .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 50px;
    height: 3px;
    margin: 0 5px
  }

  .featured-product .vertical-slider .swiper-wrapper {
    height: 95%
  }

  .featured-product .vertical-slider .swiper-slide {
    display: flex;
    flex-direction: column
  }

  .featured-product .vertical-slider .swiper-slide .text {
    width: 100%;
    height: auto;
    display: block;
    padding-left: 0
  }

  .featured-product .vertical-slider .swiper-slide .text .wrapper {
    width: 100%;
    padding: 50px 18px
  }

  .featured-product .vertical-slider .swiper-slide .text h1 {
    font-size: 31px
  }

  .featured-product .vertical-slider .swiper-slide .text p {
    margin-top: 13px
  }

  .featured-product .vertical-slider .swiper-slide .img {
    width: 100%
  }
}

.featured-product .related-products {
  width: 100%;
  position: relative;
  background: #fff
}

.featured-product .related-products .wrapper {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 71px 0px
}

.featured-product .related-products .wrapper .title {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  text-align: center
}

.featured-product .related-products .wrapper .title h2 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  color: #1e1e1e;
  text-transform: uppercase;
  font-size: 36px
}

@media (max-width: 1052px) {
  .featured-product .related-products .wrapper .title h2 {
    font-size: 24px
  }
}

.featured-product .related-products .wrapper .title p {
  font-family: "Source Sans Pro Light";
  line-height: 1.6;
  margin-top: 9px;
  font-size: 15px;
  letter-spacing: 0.6px
}

.featured-product .related-products .wrapper .pairing {
  width: 100%;
  position: relative;
  margin-top: 72px;
  margin-bottom: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.featured-product .related-products .wrapper .pairing .description {
  width: 33%
}

.featured-product .related-products .wrapper .pairing .description h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #1e1e1e;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 25px
}

.featured-product .related-products .wrapper .pairing .description .sku {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 19px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ababab;
  margin: 8px 0;
  display: block
}

.featured-product .related-products .wrapper .pairing .description .specs {
  list-style: none;
  padding-left: 13px;
  margin-top: 23px
}

.featured-product .related-products .wrapper .pairing .description .specs li {
  font-size: 15px;
  font-family: "Helvetica Neue Light";
  letter-spacing: 0.7px;
  line-height: 1.1;
  padding: 5px 0px;
  position: relative
}

.featured-product .related-products .wrapper .pairing .description .specs li:before {
  content: "\0BB \020";
  color: #1e1e1e;
  position: absolute;
  left: -13px
}

.featured-product .related-products .wrapper .pairing .description .view-btn {
  background: #1c1c1c;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  padding: 11px 22px;
  text-decoration: none;
  font-family: "Source Sans Pro Regular";
  font-size: 11px;
  letter-spacing: 2px;
  margin-top: 16px
}

.featured-product .related-products .wrapper .pairing .prods {
  width: 63%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between
}

.featured-product .related-products .wrapper .pairing .prods .add-sign {
  align-self: center;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 31px
}

.featured-product .related-products .wrapper .pairing .prods .main-prod {
  width: 45%
}

.featured-product .related-products .wrapper .pairing .prods .pair {
  width: 35%
}

.featured-product .related-products .wrapper .pairing-prods {
  width: 95%;
  margin: 0 auto;
  border-top: 1px solid rgba(171, 171, 171, 0.3);
  position: relative
}

.featured-product .related-products .wrapper .pairing-prods:before {
  background: rgba(171, 171, 171, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 103px;
  content: ''
}

.featured-product .related-products .wrapper .pairing-prods:after {
  background: rgba(171, 171, 171, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 103px;
  content: ''
}

.featured-product .related-products .wrapper .pairing-prods p {
  font-family: "Source Sans Pro Regular";
  color: #1e1e1e;
  padding: 27px 0px 37px 0px;
  text-align: center
}

.featured-product .related-products .wrapper .pairing-prods ul {
  list-style: none;
  width: 96%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.featured-product .related-products .wrapper .pairing-prods ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33%;
  max-width: 180px;
  cursor: pointer;
  transition: 0.3s opacity ease
}

.featured-product .related-products .wrapper .pairing-prods ul li img {
  height: 93px;
  width: auto;
  margin-bottom: 10px
}

.featured-product .related-products .wrapper .pairing-prods ul li h4 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #1e1e1e;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px
}

.featured-product .related-products .wrapper .pairing-prods ul li.selected {
  opacity: 0.6
}

@media (max-width: 1052px) {
  .featured-product .related-products {
    width: 100%;
    background: #fff
  }

  .featured-product .related-products .top h2 {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
    color: #1e1e1e;
    text-transform: uppercase;
    font-size: 26px
  }
}

.featured-product .quick-specs {
  overflow: auto;
  background-color: #f8f8f8;
  padding-top: 6.875vw;
  padding-bottom: 5.625vw
}

.featured-product .quick-specs h2 {
  text-transform: uppercase;
  margin-bottom: 3.75vw;
  margin-left: 12.1875vw;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  color: #bbb;
  font-size: 1.5em
}

@media (max-width: 1052px) {
  .featured-product .quick-specs h2 {
    margin: auto;
    text-align: center
  }
}

.featured-product .quick-specs .wrapper {
  width: 100%;
  position: relative;
  display: flex
}

@media (max-width: 1052px) {
  .featured-product .quick-specs .wrapper {
    flex-direction: column;
    padding: 0 18px
  }
}

.featured-product .quick-specs .left-container,
.featured-product .quick-specs .right-container {
  width: 50%
}

@media (max-width: 1052px) {

  .featured-product .quick-specs .left-container,
  .featured-product .quick-specs .right-container {
    width: 100%
  }
}

.featured-product .quick-specs .left-container {
  text-align: center
}

.featured-product .quick-specs .left-container .spec-item {
  text-align: left;
  padding-top: 5px;
  padding-left: 24.375%;
  width: 100%;
  clear: both;
  margin-bottom: 1.875vw;
  overflow: auto;
  display: flex
}

@media (max-width: 1052px) {
  .featured-product .quick-specs .left-container .spec-item {
    width: 100%;
    padding: 0;
    margin: 3.875vw auto
  }
}

.featured-product .quick-specs .left-container .spec-item .spec-item-left {
  margin-right: 2.5vw;
  width: 25%
}

@media (max-width: 1052px) {
  .featured-product .quick-specs .left-container .spec-item .spec-item-left {
    width: 50%
  }
}

.featured-product .quick-specs .left-container .spec-item .spec-item-left h4 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  text-transform: uppercase;
  color: #909090;
  font-size: .825em
}

@media (max-width: 1052px) {
  .featured-product .quick-specs .left-container .spec-item .spec-item-left {
    margin-right: 0;
    text-align: left
  }

  .featured-product .quick-specs .left-container .spec-item .spec-item-left h4 {
    margin-top: 3vw;
    font-size: 1em
  }
}

@media (max-width: 1052px) {
  .featured-product .quick-specs .left-container .spec-item .spec-item-right {
    width: 50%
  }
}

.featured-product .quick-specs .left-container .spec-item .spec-item-right li,
.featured-product .quick-specs .left-container .spec-item .spec-item-right div p {
  font-family: "Source Sans Pro Regular";
  font-weight: bold;
  font-size: .9em;
  margin-bottom: 0.5vw
}

@media (max-width: 1052px) {
  .featured-product .quick-specs .left-container .spec-item .spec-item-right {
    padding-left: 6vw
  }

  .featured-product .quick-specs .left-container .spec-item .spec-item-right li {
    font-size: .8em
  }
}

@media (max-width: 1052px) {
  .featured-product .quick-specs .left-container .spec-item {
    width: 100%;
    padding: 0;
    margin: 3.875vw auto
  }
}

.featured-product .quick-specs .left-container .dark-btn:first-child {
  margin-right: 50px
}

@media (max-width: 1052px) {
  .featured-product .quick-specs .right-container {
    text-align: center
  }

  .featured-product .quick-specs .right-container img {
    width: 75%
  }
}

.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", "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";
  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";
    padding: 8px 26px;
    text-transform: uppercase;
    letter-spacing: 1px
  }

  .kit .mobile-subnav .top h2 {
    font-family: "Helvetica Neue Bold Condensed", "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";
    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-container {
  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 {
  @flex-box;
  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", "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: #bbb;
  font-size: 1.5em
}

.kit .hero p {
  margin-top: 50px;
  margin-bottom: 50px;
  font-family: "Source Sans Pro Regular";
  line-height: 1.6
}

.kit .hero ul {
  padding-left: 20px
}

.kit .hero ul li {
  list-style-type: disc;
  font-family: "Source Sans Pro Regular";
  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("../fonts/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
}

@media (max-width: 1052px) {
  .kit .hero #shopping {
    display: none
  }
}

.kit .hero #shopping-mobile {
  display: none
}

@media (max-width: 1052px) {
  .kit .hero #shopping-mobile {
    display: block
  }
}

.kit .hero .shopping-container-mobile {
  display: inline-flex;
  width: 100%;
  margin: auto
}

.kit .hero .price {
  font-family: "Helvetica Neue Bold Condensed", "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";
  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";
  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: #777;
  display: inline-block;
  padding: 5px 6.5px 0;
  border-radius: 50%;
  font-family: "Helvetica Neue Bold Condensed", "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: #919090;
  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", "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 #919090;
  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", "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"
}

#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", "Arial", "sans-serif";
  letter-spacing: 0.1em;
  color: #bbb;
  font-size: 18px;
  line-height: 36px;
  padding: 15px 30px 0;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid #bbb
}

.rock-tab-hds a:hover {
  color: #909090
}

.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 {
  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;
  opacity: 0;
  transition: all 0.2s;
  padding-top: 10px
}

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

.rock-field input {
  width: 100%;
  border: 1px solid #898989;
  height: 40px;
  outline: none;
  padding: 0 10px;
  font-size: 16px
}

.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;
  font-size: 18px
}

.factory-installed {
  padding-top: 75px
}

.factory-installed .desktop-subnav {
  width: 100%;
  position: fixed;
  top: 108px;
  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
}

.factory-installed .desktop-subnav h2 {
  text-transform: uppercase;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 21px;
  color: #1e1e1e
}

.factory-installed .desktop-subnav .anchors {
  display: flex;
  align-items: center
}

.factory-installed .desktop-subnav .anchors a {
  text-decoration: none;
  color: #1e1e1e;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  text-transform: uppercase;
  padding: 5px 26px;
  display: block
}

.factory-installed .desktop-subnav .anchors a.buy-btn {
  background: #1e1e1e;
  color: #fff;
  font-size: 14px;
  padding: 8px 30px;
  margin-left: 15px
}

@media (max-width: 1052px) {
  .factory-installed .desktop-subnav {
    display: none
  }

  .factory-installed .mobile-subnav {
    width: 100%;
    position: fixed;
    left: 0;
    top: 62px;
    z-index: 9;
    box-shadow: 0 4px 22px -2px rgba(0, 0, 0, 0.3)
  }

  .factory-installed .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
  }

  .factory-installed .mobile-subnav .top .buy-btn {
    background: #1e1e1e;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    font-family: "Source Sans Pro Regular";
    padding: 8px 12px;
    text-transform: uppercase;
    letter-spacing: 1px
  }

  .factory-installed .mobile-subnav .top h2 {
    font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
    font-size: 14px;
    letter-spacing: 0.7px;
    color: #1e1e1e;
    text-transform: uppercase
  }

  .factory-installed .mobile-subnav .top .arrow {
    width: 14px;
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: 0.3s all ease
  }

  .factory-installed .mobile-subnav .top .arrow svg {
    width: 100%
  }

  .factory-installed .mobile-subnav .top .arrow.open {
    transform: rotate(180deg)
  }

  .factory-installed .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
  }

  .factory-installed .mobile-subnav .dropdown.open {
    max-height: 500px
  }

  .factory-installed .mobile-subnav .dropdown .item {
    display: block;
    padding: 20px 20px;
    text-align: left;
    font-family: "Source Sans Pro Regular";
    text-transform: uppercase;
    font-size: 14px;
    color: #1e1e1e;
    width: 94%;
    margin: 0 auto;
    text-decoration: none
  }

  .factory-installed .mobile-subnav .dropdown .item:first-child {
    border-bottom: 1px solid rgba(74, 74, 74, 0.2)
  }
}

.factory-installed .hero {
  padding-top: 93px;
  background-image: linear-gradient(to bottom, #fefefe 0%, #fefefe 0%, #f8f8f8 72%, #f8f8f8 100%);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 3;
  overflow: visible;
  margin-bottom: 180px
}

.factory-installed .hero .text {
  padding-top: 200px;
  padding-left: 12vw;
  width: 40vw;
  padding-bottom: 70px
}

.factory-installed .hero .text h1 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  text-transform: uppercase;
  color: #272727;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: 0.8
}

.factory-installed .hero .text h2 {
  color: #ababab;
  font-family: "Source Sans Pro SemiBold";
  font-size: 21px
}

.factory-installed .hero .text p {
  padding-top: 30px;
  font-family: "Source Sans Pro Light", sans-serif;
  font-size: 15px;
  line-height: 1.4
}

.factory-installed .hero .hero-img {
  width: 58vw;
  overflow: visible;
  z-index: 3;
  margin-bottom: 5vh;
}

.factory-installed .hero .hero-img .img {
  width: 93%;
  max-width: 820px;
  height: 530px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 45px;
  position: relative;
  bottom: -60px
}

@media (max-width: 1052px) {
  .factory-installed .hero {
    padding-top: 0;
    margin-bottom: 0;
    flex-wrap: wrap;
  }

  .factory-installed .hero .text {
    padding: 4vw 4vw;
    width: 100%;
    text-align: center
  }

  .factory-installed .hero .text h1 {
    font-size: 21px
  }

  .factory-installed .hero .text h2 {
    font-family: "Source Sans Pro Regular";
    font-size: 14px
  }

  .factory-installed .hero .text p {
    font-family: "Source Sans Pro Regular";
    font-size: 14px;
    text-align: left
  }

  .factory-installed .hero .hero-img {
      width: 100%;
  }

  .factory-installed .hero .hero-img .img {
      width: 100%;
      max-width: none;
      height: 43vw;
      bottom: 0px;
      margin-left: 0px;
      margin-bottom: 2vh;
  }
}

.factory-installed .factory-slider {
  width: 100%;
  background: #fff;
  position: relative;
  z-index: 1
}

@media (max-width: 1052px) {
  .factory-installed .factory-slider {
    width: 100vw;
    overflow: hidden
  }
}

.factory-installed .factory-slider .swiper-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 auto
}

.factory-installed .factory-slider .swiper-wrapper .swiper-slide {
  height: 24vw;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  filter: brightness(0.3);
  transition: filter 0.4s ease;
  width: 32%
}

.factory-installed .factory-slider .swiper-wrapper .swiper-slide.swiper-slide-active {
  filter: brightness(1)
}

.factory-installed .factory-slider .swiper-button-prev,
.factory-installed .factory-slider .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0
}

.factory-installed .factory-slider .swiper-button-prev {
  background-image: url("../images/arrow-left.png");
  background-size: contain;
  left: 3vw
}

.factory-installed .factory-slider .swiper-button-next {
  background-image: url("../images/arrow-right.png");
  background-size: contain;
  right: 3vw
}

@media (max-width: 1052px) {
  .factory-installed .factory-slider {
    height: 76vw
  }

  .factory-installed .factory-slider .swiper-wrapper .swiper-slide {
    height: 67vw
  }

  .factory-installed .factory-slider .swiper-pagination-bullets {
    left: 0;
    right: 0;
    bottom: 5px
  }

  .factory-installed .factory-slider .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 4px;
    border-radius: 0px;
    height: 49px;
    margin: 12px 0px
  }

  .factory-installed .factory-slider .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 50px;
    height: 3px;
    margin: 0 5px
  }

  .factory-installed .factory-slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #1e1e1e
  }
}

.factory-installed #explore-footer {
  text-align: left;
  background-image: linear-gradient(to bottom, #202020, #000);
  padding: 2vw 0;
  box-sizing: border-box;
  position: relative;
  overflow-y: hidden
}

.factory-installed #explore-footer #explore-anchor {
  width: 100%;
  position: absolute;
  height: 0;
  top: -90px;
  left: 0;
  padding-top: 500px
}

.factory-installed #explore-footer .explore-header-container {
  position: relative
}

.factory-installed #explore-footer .explore-header-container .title-left,
.factory-installed #explore-footer .explore-header-container .para-right {
  display: inline-block;
  float: left
}

.factory-installed #explore-footer .explore-header-container .title-left {
  width: 40%
}

.factory-installed #explore-footer .explore-header-container .para-right {
  width: 60%;
  padding-top: 15px
}

@media (max-width: 1052px) {
  .factory-installed #explore-footer .explore-header-container .para-right {
    width: 100%
  }
}

.factory-installed #explore-footer .explore-header-container h1,
.factory-installed #explore-footer .explore-header-container p {
  position: relative;
  z-index: 1;
  color: #fff
}

.factory-installed #explore-footer .explore-header-container h1 {
  text-transform: uppercase;
  font-size: 4.5em;
  text-align: right;
  width: 75%;
  float: right
}

.factory-installed #explore-footer .explore-header-container p {
  columns: 2;
  width: 80%;
  margin: 0 auto
}

.factory-installed #explore {
  height: 43.115234375vw;
  text-align: center;
  position: relative
}

.factory-installed #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;
  background-color: #202020
}

.factory-installed #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
}

.factory-installed #explore .hotspot {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100vw 43.115234375vw;
  transition: opacity 0.2s;
  opacity: .5;
  border-radius: 8px;
  transition: box-shadow 0.4s, opacity 0.4s
}

.factory-installed #explore .hotspot:hover {
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.25);
  opacity: 1 !important;
  cursor: pointer
}

.factory-installed #explore .component-callout {
  width: 19.5vw;
  position: absolute;
  left: 5.625vw;
  top: 2.5vw;
  opacity: 0;
  z-index: 0
}

.factory-installed #explore .component-callout .component-image .top,
.factory-installed #explore .component-callout .component-image .reflection {
  background-size: 17.375vw auto;
  background-repeat: no-repeat;
  width: 100%
}

.factory-installed #explore .component-callout .component-image .top {
  height: 18.5vw;
  background-position: center center
}

.factory-installed #explore .component-callout .component-image .reflection {
  height: 3.5vw;
  background-position: center bottom;
  transform: rotate(180deg) scaleX(-1);
  opacity: 0.25;
  background-color: transparent
}

.factory-installed #explore .component-callout .component-content {
  position: relative;
  margin-top: 20px;
  text-align: left
}

.factory-installed #explore .component-callout .component-content h2,
.factory-installed #explore .component-callout .component-content p {
  text-align: left
}

.factory-installed #explore .component-callout .component-content h2 {
  font-size: 23px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.factory-installed #explore .component-callout .component-content ul {
  list-style: disc;
  text-align: left;
  line-height: 1.65em
}

.factory-installed #explore .component-callout .component-content p {
  line-height: 1.65em
}

.factory-installed #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
}

.factory-installed #explore .component-callout .component-content .link .bracket {
  position: absolute
}

.factory-installed #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
}

.factory-installed #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
}

.factory-installed #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
}

.factory-installed #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
}

.factory-installed #explore .component-callout .component-content .link:hover {
  padding: 8px 34px;
  color: #d60925
}

.factory-installed .factory-system-copy {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 85px;
  padding-bottom: 85px
}

.factory-installed .factory-system-copy .system-img {
  width: 56vw;
  height: 43vw;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}

.factory-installed .factory-system-copy .system-text {
  width: 37vw
}

.factory-installed .factory-system-copy .system-text h2 {
  color: #bbbbbb;
  text-transform: uppercase;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 25px;
  line-height: 1;
  letter-spacing: 0.7px
}

.factory-installed .factory-system-copy .system-text .copy {
  width: 77%;
  color: #272727;
  margin-top: 44px;
  line-height: 1.6;
  font-size: 16px
}

.factory-installed .factory-system-copy .system-text .copy p {
  color: #272727;
  margin-top: 44px;
  line-height: 1.6;
  font-size: 16px
}

@media (max-width: 1052px) {
  .factory-installed .factory-system-copy {
    padding: 17vw 0;
    flex-wrap: wrap;
  }

  .factory-installed .factory-system-copy .system-text {
    width: 100%
  }

  .factory-installed .factory-system-copy .system-text h2 {
    text-align: center;
    font-size: 22px;
    letter-spacing: 0.5px
  }

  .factory-installed .factory-system-copy .system-text .copy {
    width: 100%;
    padding-left: 7vw;
    padding-right: 7vw
  }

  .factory-installed .factory-system-copy .system-text .copy p {
    font-size: 16px;
    margin-top: 28px;
    letter-spacing: -0.05em
  }

  .factory-installed .factory-system-copy .system-img {
    width: 100%;
    margin-bottom: 5vh;
  }
}

.factory-installed .tech-used {
  background: #f8f8f8;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
  padding: 100px 0px
}

.factory-installed .tech-used .tech-card {
  max-width: 360px;
  position: relative;
  text-align: center;
  margin: 3vw
}

.factory-installed .tech-used .tech-card .tech-logo {
  width: 150px;
  margin-bottom: 40px
}

.factory-installed .tech-used .tech-card .tech-text h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #272727;
  text-transform: uppercase;
  line-height: 1;
  font-size: 21px
}

.factory-installed .tech-used .tech-card .tech-text p {
  color: #272727;
  line-height: 1.6;
  font-size: 15px;
  margin-top: 20px
}

.factory-installed .tech-used .tech-card .tech-text .modal-link {
  color: #272727;
  font-family: "Source Sans Pro SemiBold";
  font-size: 14px;
  letter-spacing: 0.6px;
  padding: 10px;
  display: inline-block;
  text-decoration: underline
}

@media (max-width: 1052px) {
  .factory-installed .tech-used {
    padding: 8vw 0;
    background: #fff
  }

  .factory-installed .tech-used .tech-card {
    margin: 7vw auto
  }

  .factory-installed .tech-used .tech-card .tech-logo {
    width: 100px;
    margin-bottom: 20px
  }

  .factory-installed .tech-used .tech-card .tech-text h3 {
    font-size: 17px
  }

  .factory-installed .tech-used .tech-card .tech-text p {
    font-size: 14px;
    margin-top: 12px
  }
}

.factory-installed .factory-tech .inner h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  margin-bottom: 25px
}

.factory-installed .factory-tech .inner .modal-text {
  width: 90%;
  max-width: 700px;
  margin: 35px auto 20px auto;
  text-align: justify
}

@media (max-width: 667px) {
  .factory-installed .factory-tech {
    width: 90%;
    padding: 20px;
    max-height: 95%
  }

  .factory-installed .factory-tech .modal-close {
    right: 0
  }
}

.factory-installed .specs-support {
  display: flex;
  justify-content: space-between
}

@media (max-width: 1052px) {
  .factory-installed .specs-support {
    flex-direction: column
  }
}

.factory-installed .specs-support .support,
.factory-installed .specs-support .specs {
  padding-top: 5vw;
  padding-left: 8vw;
  padding-bottom: 5vw;
  width: 50%
}

.factory-installed .specs-support .support h3,
.factory-installed .specs-support .specs h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  text-transform: uppercase;
  line-height: 1;
  font-size: 24px;
  letter-spacing: 0.7px;
  padding-bottom: 4vw;
  color: #bbb
}

@media (max-width: 1052px) {

  .factory-installed .specs-support .support,
  .factory-installed .specs-support .specs {
    padding: 10vw 0;
    width: 100%
  }

  .factory-installed .specs-support .support h3,
  .factory-installed .specs-support .specs h3 {
    font-size: 19px;
    text-align: center
  }
}

.factory-installed .specs-support .support {
  background: #fff
}

.factory-installed .specs-support .support a {
  text-decoration: none;
  color: inherit
}

.factory-installed .specs-support .support a b {
  font-weight: 600
}

.factory-installed .specs-support .support .support-item {
  padding: 3.7vw 0;
  display: flex;
  align-items: center;
  max-width: 430px
}

.factory-installed .specs-support .support .support-item .icon {
  width: 58px
}

.factory-installed .specs-support .support .support-item .icon.knowledge {
  width: 48px
}

.factory-installed .specs-support .support .support-item .text {
  padding-left: 26px
}

.factory-installed .specs-support .support .support-item .text h4 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #272727;
  font-size: 18px;
  margin-bottom: 14px;
  text-transform: uppercase
}

.factory-installed .specs-support .support .support-item .text a {
  font-family: "Source Sans Pro SemiBold";
  text-decoration: none;
  color: #272727
}

.factory-installed .specs-support .support .support-item .text p {
  font-size: 16px;
  line-height: 1.5
}

@media (max-width: 1052px) {
  .factory-installed .specs-support .support h3 {
    color: #bbbbbb
  }

  .factory-installed .specs-support .support .support-item {
    flex-direction: column;
    padding: 6vw 0
  }

  .factory-installed .specs-support .support .support-item .text {
    width: 78%;
    padding-top: 28px;
    padding-left: 0;
    text-align: center
  }

  .factory-installed .specs-support .support .support-item .text h4 {
    font-size: 16px;
    margin-bottom: 10px
  }
}

.factory-installed .specs-support .specs {
  background: #e7e7e7
}

.factory-installed .specs-support .specs h3 {
  color: #909090
}

.factory-installed .specs-support .specs .spec-item {
  padding-top: 5px;
  width: 100%;
  clear: both;
  margin-bottom: 1.875vw;
  overflow: auto;
  display: flex;
  align-items: center
}

@media (max-width: 1052px) {
  .factory-installed .specs-support .specs .spec-item {
    width: 100%;
    padding: 0;
    margin: 3.875vw auto;
    justify-content: center
  }
}

@media (max-width: 1052px) {

  .factory-installed .specs-support .specs .spec-item .spec-item-left,
  .factory-installed .specs-support .specs .spec-item .spec-item-right {
    width: 50%
  }
}

.factory-installed .specs-support .specs .spec-item .spec-item-left {
  margin-right: 2.5vw;
  width: 25%
}

.factory-installed .specs-support .specs .spec-item .spec-item-left h4 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  text-transform: uppercase;
  color: #909090;
  font-size: .825em
}

@media (max-width: 1052px) {
  .factory-installed .specs-support .specs .spec-item .spec-item-left {
    margin-right: 0;
    text-align: right;
    width: 47%
  }

  .factory-installed .specs-support .specs .spec-item .spec-item-left h4 {
    margin-top: 3vw;
    font-size: 13px
  }
}

.factory-installed .specs-support .specs .spec-item .spec-item-right li {
  font-family: "Source Sans Pro Regular";
  font-weight: bold;
  font-size: .9em;
  margin-bottom: 0.5vw
}

@media (max-width: 1052px) {
  .factory-installed .specs-support .specs .spec-item .spec-item-right {
    padding-left: 6vw
  }

  .factory-installed .specs-support .specs .spec-item .spec-item-right li {
    font-size: .8em
  }
}

@media (max-width: 1052px) {
  .factory-installed .specs-support .specs .spec-item {
    width: 100%;
    padding: 0;
    margin: 3.875vw auto
  }
}

@media (max-width: 1052px) {
  .factory-installed .specs-support .specs {
    background: #f8f8f8
  }
}

.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", "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", "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("../images/close-icon.png") no-repeat 92% center;
  text-decoration: none;
  color: #000
}

.filter-status .view-all-filters {
  background: url("../images/view-all-arrow.png") 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("../images/view-all-arrow-up.png") #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("../images/sort-arrow.png") 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", "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", "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("../images/plus-minus.png") 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";
  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";
  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("../images/chevron-right.png") 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 #bbb
}

.recommended-systems .filtered-products .filtered-product .filter-product-upper h3 {
  font-size: 24px;
  line-height: 1;
  font-family: "Helvetica Neue Bold Condensed", "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";
  color: #ababab
}

.recommended-systems .filtered-products .filtered-product .filtered-product-price-wrapper strong {
  font-family: "Helvetica Neue Bold Condensed", "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("../images/modal-close.svg") 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", "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, #fff 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, #fff 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("../images/slider-left.png") 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%, #fff 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 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("../images/slider-right.png") 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", "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", "Arial", "sans-serif";
  text-transform: uppercase;
  margin-bottom: 70px
}

.customize-step-product .customize-product-price {
  font-family: "Source Sans Pro SemiBold";
  font-size: 18px;
  color: #909090;
  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", "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", "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("../images/long-arrow-up.png") no-repeat center center
}

.customize-step-3 .customize-step-3-message {
  display: none
}

.customize-step-3 .customize-step-3-message h1 {
  color: #e7e7e7;
  font-family: "Helvetica Neue Bold Condensed", "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: absolute;
  top: 50%;
  left: 50%;
  font-family: "Helvetica Neue", "sans-serif";
  color: #272727;
  font-size: 14px;
  letter-spacing: 0.2em;
  transform: translate(-50%, -50%)
}

.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", "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", "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";
  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", "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: #909090
}

.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";
  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", "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("../images/size-arrow.png") #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", "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", "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: #909090;
  color: #909090
}

.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("../images/find-vehicle-bg.jpg") 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"
}

.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(../images/size-arrow.png) #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
}

.swiper-fadeout {
  z-index: 1;
  width: 100px;
  height: 100%;
  position: absolute;
  top: 0
}

.swiper-fadeout.swiper-fadeout-left {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff)
}

.swiper-fadeout.swiper-fadeout-right {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff)
}

.product-detail-page .product-variants {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  margin-top: 90px
}

@media (max-width: 1052px) {
  .product-detail-page .product-variants {
    margin-top: 0;
    flex-wrap: nowrap;
    overflow-x: auto
  }
}

.product-detail-page .product-variants a {
  display: flex;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  margin: 1%;
  text-decoration: none;
  width: 31%;
  min-width: 200px;
  height: 100px;
  color: #272727
}

.product-detail-page .product-variants a .variant-image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100px;
  height: 100%
}

.product-detail-page .product-variants a .variant-info {
  width: 50%;
  text-align: left;
  padding-left: 15px;
  margin: auto
}

@media (max-width: 1052px) {
  .product-detail-page .product-variants a .variant-info {
    padding-left: 5px
  }
}

.product-detail-page .product-variants a .variant-info h3 {
  font-size: 24px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif"
}

.product-detail-page .product-variants a .variant-info h3 small {
  display: block;
  color: #ababab;
  font-size: 16px;
  font-family: "Source Sans Pro SemiBold"
}

.product-detail-page .product-variants a .variant-info h3 div {
  padding-top: 5px;
  display: block;
  font-size: 16px;
  font-family: "Source Sans Pro SemiBold"
}

.product-detail-page .product-variants a .variant-info h3 div span {
  font-size: 10px
}

.product-detail-page .product-variants a.active {
  border-color: #272727
}

.product-detail-page .product-variants a:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease
}

.product-detail-page .product-intro-section {
  padding: 120px 0 100px 0;
  display: flex
}

.product-detail-page .product-intro-section .product-details-left {
  width: 50%
}

@media (max-width: 1052px) {
  .product-detail-page .product-intro-section .product-details-left {
    width: 100%
  }
}

.product-detail-page .product-intro-section .product-details-right {
  width: 50%
}

@media (max-width: 1052px) {
  .product-detail-page .product-intro-section .product-details-right {
    width: 100%;
    margin: 0
  }
}

.product-detail-page .product-intro-section h1 {
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 25px
}

.product-detail-page .product-intro-section h1 small {
  display: block;
  color: #ababab;
  font-family: "Source Sans Pro SemiBold";
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 10px
}

.product-detail-page .product-intro-section .mobile-play {
  display: none
}

@media (max-width: 801px) {
  .product-detail-page .product-intro-section {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 50px;
    padding-top: 40px;
    position: relative
  }

  .product-detail-page .product-intro-section .f-box {
    display: block
  }

  .product-detail-page .product-intro-section>.product-viewer-thumbs {
    display: none
  }

  .product-detail-page .product-intro-section h1 {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 40px
  }

  .product-detail-page .product-intro-section h1 small {
    line-height: 36px;
    font-size: 18px
  }

  .product-detail-page .product-intro-section .product-intro-viewer,
  .product-detail-page .product-intro-section .kit-intro-viewer {
    position: relative
  }

  .product-detail-page .product-intro-section .product-intro-viewer .mobile-play,
  .product-detail-page .product-intro-section .kit-intro-viewer .mobile-play {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: url("../images/play-button.png") no-repeat center center
  }

  .product-detail-page .product-intro-section .product-intro-viewer .mobile-play.viewer-slider-started,
  .product-detail-page .product-intro-section .kit-intro-viewer .mobile-play.viewer-slider-started {
    display: none
  }
}

@media (max-width: 1052px) {
  .product-detail-page .product-intro-section {
    padding-top: 40px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    display: block
  }
}

.product-images {
  padding-right: 1em
}

@media (max-width: 1052px) {
  .product-images {
    padding-right: 0
  }
}

.product-images .swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box
}

.product-images .gallery-top {
  height: 576px
}

@media (max-width: 1052px) {
  .product-images .gallery-top {
    height: 80vw
  }
}

.product-images .gallery-top .swiper-wrapper .swiper-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.product-images .gallery-thumbs {
  width: 90%;
  height: 140px;
  padding: 10px 0
}

.product-images .gallery-thumbs .swiper-wrapper .swiper-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 25%;
  height: 100%;
  opacity: 0.4
}

.product-images .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1
}

@media (max-width: 1052px) {
  .product-images .gallery-thumbs .swiper-wrapper .swiper-slide {
    background-size: contain
  }
}

.product-intro-viewer {
  width: 40%;
  padding: 0 50px 0 30px
}

.product-intro-viewer .slick-slide {
  outline: none
}

.product-intro-text {
  padding-bottom: 30px
}

.product-intro-text p,
.product-intro-text ul {
  font-size: 16px;
  line-height: 26px;
  font-family: "Source Sans Pro Regular"
}

.product-intro-text ul {
  list-style: disc;
  padding-left: 25px;
  margin-bottom: 5px
}

.product-intro-text .product-rating {
  margin-bottom: 35px
}

.product-intro-text .dark-btn {
  padding: 11px 22px 10px
}

.add-to-cart-wrapper {
  margin-top: 20px
}

.add-to-cart-wrapper>div,
.add-to-cart-wrapper>a {
  display: inline-block;
  float: left
}

.add-to-cart-wrapper>div.add-to-cart,
.add-to-cart-wrapper>a.add-to-cart {
  margin-left: 5%
}

.add-to-cart-wrapper .custom-select-wrap {
  margin-left: 30px;
  margin-right: 30px
}

.add-to-cart-wrapper .custom-select-wrap select {
  height: 35px;
  background-size: auto 100%
}

.add-to-cart-wrapper:after {
  content: '';
  display: table;
  clear: both
}

.product-viewer-thumbs {
  display: flex;
  margin-top: 4.5625vw;
  width: 55.625vw
}

.product-viewer-thumbs a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 2%;
  max-width: 200px
}

.product-viewer-thumbs a.selected-thumb {
  opacity: 0.3
}

.detail-tab-hds {
  border-bottom: 1px solid #bbb;
  position: relative
}

.detail-tab-hds a {
  display: inline-block;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  letter-spacing: 0.1em;
  color: #bbb;
  font-size: 18px;
  line-height: 36px;
  padding: 15px 30px 0;
  text-transform: uppercase;
  text-decoration: none
}

.detail-tab-hds a:hover {
  color: #909090
}

.detail-tab-hds a.tab-active {
  color: #d60925
}

.detail-tab-hds .active-indicator {
  width: 170px;
  height: 1px;
  position: absolute;
  background: #d60925;
  left: 0;
  bottom: -1px;
  transition: all 0.3s
}

.detail-tab-content {
  padding: 40px 0 50px;
  display: none
}

.detail-tab-content.tab-active {
  display: block
}

.detail-tab-content p {
  font-size: 16px;
  line-height: 26px
}

.detail-tab-content .overview-left {
  width: 62%;
  float: left
}

.detail-tab-content .product-downloads-box {
  width: 35%;
  float: right;
  max-width: 350px;
  padding: 20px
}

.detail-tab-content .product-downloads-box h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 30px
}

.detail-tab-content .product-downloads-box ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.detail-tab-content .product-downloads-box ul a {
  font-size: 16px;
  font-family: "Source Sans Pro Regular";
  line-height: 26px;
  display: block;
  color: #272727;
  text-decoration: none;
  margin-bottom: 20px
}

.detail-tab-contents {
  border-bottom: 1px solid #bbb;
  margin-bottom: 20px
}

.detail-tab-contents>a {
  display: none;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  text-transform: uppercase;
  color: #272727;
  text-decoration: none;
  border-top: 1px solid #bbb;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 15px 12px;
  position: relative
}

.detail-tab-contents>a:after {
  content: '';
  position: absolute;
  width: 11px;
  height: 11px;
  background: url("../images/plus-minus.png") no-repeat 0 0;
  right: 12px
}

.detail-tab-contents>a.tab-active:after {
  background-position: 0 -11px
}

#technologies .tech-items {
  display: flex;
  padding-bottom: 40px
}

#technologies .tech-item {
  width: 33.33%;
  padding-left: 2%;
  padding-right: 2%;
  cursor: pointer
}

#technologies .tech-item:first-item {
  padding-left: 0
}

#technologies .image {
  min-height: 87px
}

#technologies h5 {
  font-family: "Source Sans Pro SemiBold";
  padding: 10px 0
}

#technologies p {
  font-size: 13px;
  line-height: 18px
}

#technologies h5>sup,
#technologies p>sup {
  font-size: 75%;
  position: relative;
  line-height: 0;
  vertical-align: baseline;
  top: -0.5em
}

#specifications .spec-item-left small,
#specifications .spec-item-right small {
  font-size: 70%
}

#specifications .spec-item-left a,
#specifications .spec-item-right a {
  color: #272727;
  font-family: "Source Sans Pro SemiBold"
}

#specifications .spec-box {
  overflow: auto
}

#specifications .spec-box .spec-box-left {
  float: left
}

#specifications .spec-box .spec-box-right {
  float: right
}

#specifications .spec-box .spec-box-left,
#specifications .spec-box .spec-box-right {
  display: inline-block;
  width: 50%;
  padding: 0 20px;
  box-sizing: border-box
}

@media (max-width: 801px) {

  #specifications .spec-box .spec-box-left,
  #specifications .spec-box .spec-box-right {
    width: 100%;
    clear: both;
    float: left
  }
}

#specifications .spec-box .spec-item {
  overflow: auto
}

#specifications .spec-box .spec-item .spec-item-left,
#specifications .spec-box .spec-item .spec-item-right {
  margin-bottom: 20px
}

#specifications .spec-box .spec-item .spec-item-left {
  width: 40%;
  float: left;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #909090
}

#specifications .spec-box .spec-item .spec-item-right {
  width: 60%;
  float: right;
  text-align: left;
  font-family: "Source Sans Pro SemiBold"
}

#reviews {
  padding: 50px 0 80px 0
}

#reviews h2 {
  color: #bbb;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 50px
}

#reviews .reviews-items {
  width: 63%;
  float: left
}

#reviews .write-review-right {
  width: 35%;
  float: right;
  text-align: center
}

#reviews .write-review-right h3 {
  font-size: 30px
}

#reviews .write-review-right .product-rating-inner {
  display: block;
  float: none;
  margin: 15px auto 5px
}

#reviews .write-review-right .product-rating {
  margin-bottom: 25px
}

.review-item {
  margin-bottom: 30px
}

.review-item h3 {
  font-size: 22px;
  line-height: 1;
  font-family: "Helvetica Neue Bold";
  margin-bottom: 10px
}

.review-item .product-rating {
  margin-bottom: 20px
}

.review-item p {
  font-size: 16px;
  line-height: 26px
}

.review-item .read-more-content {
  display: none
}

.review-item .read-more-btn {
  color: #d60925;
  cursor: pointer
}

.review-item .read-more-btn span {
  color: #272727
}

.review-item .read-more-btn.read-more-shown {
  display: none
}

.see-all-reviews a {
  font-family: "Source Sans Pro Regular";
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  color: #272727;
  text-transform: uppercase;
  letter-spacing: 0.1em
}

.see-all-reviews a:hover {
  text-decoration: underline
}

#signup-form {
  padding: 40px 0
}

#signup-form .content-container {
  max-width: 550px
}

#signup-form h2 {
  font-family: "Source Sans Pro SemiBold";
  font-size: 20px;
  line-height: 1;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 10px
}

#signup-form p {
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 15px
}

#signup-form label {
  font-family: "Helvetica Neue Bold";
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding-left: 8px;
  display: block;
  opacity: 0;
  transition: all 0.3s
}

#signup-form .show-label label {
  opacity: 1
}

#signup-form input {
  border: 1px solid #898989;
  height: 38px;
  line-height: 36px;
  outline: none;
  padding: 0 15px;
  font-size: 16px;
  font-family: "Source Sans Pro Regular";
  background: transparent;
  width: 100%;
  transition: all 0.3s
}

#signup-form input:focus {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}

#signup-form ::-webkit-input-placeholder {
  color: #272727;
  font-size: 16px;
  letter-spacing: -0.02em
}

#signup-form ::-moz-placeholder {
  color: #272727;
  font-size: 16px;
  letter-spacing: -0.02em
}

#signup-form :-ms-input-placeholder {
  color: #272727;
  font-size: 16px;
  letter-spacing: -0.02em
}

#signup-form :-moz-placeholder {
  color: #272727;
  font-size: 16px;
  letter-spacing: -0.02em
}

#signup-form .form-left,
#signup-form .form-right {
  width: 48%;
  margin-bottom: 30px
}

#signup-form .form-submit {
  text-align: center
}

#signup-form button {
  margin-top: 0
}

.products-accessories-tab {
  display: flex;
  flex-wrap: wrap
}

.products-accessories-tab .col {
  width: 33%;
  padding: 1em;
  text-align: center
}

.products-accessories-tab .col a {
  text-decoration: none;
  display: block;
  color: #272727
}

.products-accessories-tab .col a img {
  max-width: 100%
}

.products-accessories-tab .col a .prod-title {
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase
}

.products-accessories-tab .col a .prod-sku {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Source Sans Pro SemiBold";
  font-size: 16px;
  color: #ababab
}

.products-accessories-tab .col a .read-more {
  text-decoration: underline
}

@media (max-width: 1052px) {
  .products-accessories-tab {
    display: block
  }

  .products-accessories-tab .col {
    width: 100%
  }
}

.products-support-tab {
  display: flex
}

.products-support-tab .col {
  width: 50%;
  padding: 1em
}

.products-support-tab .col ul li {
  list-style-type: circle
}

.products-support-tab a {
  color: #272727
}

@media (max-width: 1052px) {
  .products-support-tab {
    display: block
  }

  .products-support-tab .col {
    width: 100%
  }
}

.products-support-tab .modal-content {
  text-align: left
}

.products-support-tab .modal-content ul li {
  list-style-type: circle
}

.related-products {
  padding-top: 80px;
  width: 100%;
  position: relative;
  background: #fff
}

.related-products .wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  max-width: 1100px
}

.related-products .wrapper .title {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  text-align: center
}

.related-products .wrapper .title h2 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  color: #1e1e1e;
  text-transform: uppercase;
  font-size: 36px
}

.related-products .wrapper .title p {
  font-family: 'Source Sans Pro Regular';
  line-height: 1.6;
  margin-top: 9px;
  font-size: 16px
}

.related-products .wrapper .desktop .pairing {
  width: 100%;
  position: relative;
  margin-top: 72px;
  margin-bottom: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.related-products .wrapper .desktop .pairing .prods {
  width: 63%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between
}

.related-products .wrapper .desktop .pairing .prods .main-prod {
  width: 45%
}

.related-products .wrapper .desktop .pairing .prods .add-sign {
  align-self: center;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 31px
}

.related-products .wrapper .desktop .pairing .prods .pair {
  display: none;
  width: 35%
}

.related-products .wrapper .desktop .pairing .prods .pair.active {
  display: block
}

.related-products .wrapper .desktop .pairing .description {
  display: none;
  width: 33%
}

.related-products .wrapper .desktop .pairing .description h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #1e1e1e;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 25px
}

.related-products .wrapper .desktop .pairing .description .sku {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 19px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ababab;
  margin: 8px 0;
  display: block
}

.related-products .wrapper .desktop .pairing .description .specs {
  list-style: none;
  margin: 23px 0
}

.related-products .wrapper .desktop .pairing .description .specs p {
  font-size: 16px;
  font-family: "Source Sans Pro Regular";
  letter-spacing: 0;
  line-height: 26px
}

.related-products .wrapper .desktop .pairing .description .specs ul {
  margin-left: 13px
}

.related-products .wrapper .desktop .pairing .description .specs li {
  font-size: 15px;
  font-family: "Helvetica Neue Light";
  letter-spacing: 0.7px;
  line-height: 1.1;
  padding: 5px 0px;
  position: relative
}

.related-products .wrapper .desktop .pairing .description .specs li:before {
  content: "\0BB \020";
  color: #1e1e1e;
  position: absolute;
  left: -13px
}

.related-products .wrapper .desktop .pairing .description .view-btn {
  background: #1c1c1c;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  padding: 11px 22px;
  text-decoration: none;
  font-family: "Source Sans Pro Regular";
  font-size: 11px;
  letter-spacing: 2px;
  margin-top: 16px
}

.related-products .wrapper .desktop .pairing .description.active {
  display: block
}

.related-products .wrapper .desktop .pairing-prods {
  width: 95%;
  margin: 0 auto;
  border-top: 1px solid rgba(171, 171, 171, 0.3);
  position: relative
}

.related-products .wrapper .desktop .pairing-prods:before {
  background: rgba(171, 171, 171, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 103px;
  content: ''
}

.related-products .wrapper .desktop .pairing-prods:after {
  background: rgba(171, 171, 171, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 103px;
  content: ''
}

.related-products .wrapper .desktop .pairing-prods p {
  font-family: "Source Sans Pro Regular";
  color: #1e1e1e;
  padding: 27px 0px 20px 0px;
  text-align: center
}

.related-products .wrapper .desktop .pairing-prods ul {
  list-style: none;
  width: 96%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between
}

.related-products .wrapper .desktop .pairing-prods ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33%;
  max-width: 180px;
  cursor: pointer;
  transition: 0.3s all ease;
  margin: auto;
  margin-bottom: 2em
}

.related-products .wrapper .desktop .pairing-prods ul li img {
  height: 93px;
  width: auto;
  margin-bottom: 10px;
  transition: 0.3s all ease
}

.related-products .wrapper .desktop .pairing-prods ul li img:hover {
  transform: scale(1.1)
}

.related-products .wrapper .desktop .pairing-prods ul li h4 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #1e1e1e;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px
}

.related-products .wrapper .desktop .pairing-prods ul li.selected {
  opacity: 0.6
}

.related-products .mobile .pairing-swiper-top {
  padding: 14px;
  margin: 0;
  width: 100%;
  overflow: hidden
}

.related-products .mobile .pairing-swiper-top .swiper-wrapper .swiper-slide {
  width: 90%
}

.related-products .mobile .pairing-swiper-top .swiper-wrapper .swiper-slide .description h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 16px;
  text-align: center;
  margin-bottom: 16px
}

.related-products .mobile .pairing-swiper-bottom {
  background-color: #f8f8f8;
  padding: 20px;
  width: 100%;
  overflow: hidden
}

.related-products .mobile .pairing-swiper-bottom p {
  color: #909090;
  text-align: center;
  font-size: 14px;
  font-family: "Source Sans Pro SemiBold"
}

.related-products .mobile .pairing-swiper-bottom .swiper-wrapper .swiper-slide {
  text-align: center;
  width: 50vw !important
}

.related-products .mobile .pairing-swiper-bottom .swiper-wrapper .swiper-slide img {
  max-height: 150px
}

.related-products .mobile .pairing-swiper-bottom .swiper-wrapper .swiper-slide h4 {
  color: #272727;
  font-size: 13px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif"
}

@media (max-width: 1052px) {
  .related-products .wrapper {
    padding-top: 30px
  }

  .related-products .wrapper .title h2 {
    font-size: 24px;
    line-height: 24px
  }

  .related-products .wrapper .title p {
    display: none
  }
}

.find-speaker-callout {
  text-align: left;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600
}

.find-speaker-callout label {
  font-family: "Helvetica Neue", "sans-serif";
  font-size: 14px;
  line-height: 36px;
  display: block;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 400
}

.find-speaker-callout h3.vehicle-api-vehicle-label {
  font-weight: 600
}

.find-speaker-callout a {
  color: #d60925;
  font-weight: 400
}

.find-speaker-callout .vehicle-api-speaker-sizes {
  display: flex
}

.find-speaker-callout .vehicle-api-speaker-sizes div {
  text-align: center;
  padding: 20px;
  width: 33.333%;
  max-width: 100px;
  padding-left: 15px
}

.find-speaker-callout .vehicle-api-speaker-sizes div h3 {
  font-weight: 600;
  font-size: 14px
}

.find-speaker-callout .vehicle-api-speaker-sizes div h4 {
  font-weight: 200;
  font-size: 14px
}

.find-speaker-callout .vehicle-api-speaker-sizes div img {
  max-width: 100%;
  height: auto;
  vertical-align: middle
}

.your_vehicle {
  text-align: left;
  width: 200px;
  position: absolute;
  top: 42px
}

@media (max-width: 1052px) {
  .your_vehicle {
    position: relative;
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
    margin-top: -16px
  }
}

.speakers {
  display: flex;
  flex-wrap: wrap;
  max-width: 50vw;
  margin: auto
}

.speakers .vehicle-api-speaker-size {
  display: flex-wrap;
  padding: 20px;
  width: 33.333%;
  box-sizing: border-box;
  min-height: 324px
}

@media (max-width: 1052px) {
  .speakers .vehicle-api-speaker-size {
    width: 100%;
    min-height: auto
  }
}

.speakers .vehicle-api-speaker-size img {
  max-width: 100%
}

.speaker-size-disclaimner {
  font-size: 12px
}

.tech-item-modal {
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: -100vh;
  z-index: -1
}

.tech-item-modal .tech-item-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5)
}

.tech-item-modal.active-tech-item {
  opacity: 1;
  top: 0;
  z-index: 100001
}

.tech-item-modal .tech-item-modal-inner {
  background-color: #fff;
  position: absolute;
  width: 50%;
  height: auto;
  overflow-x: auto;
  top: 10%;
  left: 50%;
  margin-left: -25%;
  box-sizing: border-box;
  padding: 30px
}

@media (max-width: 667px) {
  .tech-item-modal .tech-item-modal-inner {
    width: 100%;
    top: 0;
    left: 0;
    margin: 0
  }
}

.tech-item-modal .tech-item-modal-inner .js-hide-tech-item-modal {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  display: block;
  color: black;
  font-size: 20px;
  text-decoration: none;
  line-height: 0
}

.tech-item-modal .tech-item-modal-inner .image {
  text-align: center
}

@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 .categories-wrapper .mini-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  color: #bbb;
  font-family: "Helvetica Neue Bold Condensed", "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 #bbb
}

@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", "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";
  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: #bbb;
  font-family: "Helvetica Neue Bold Condensed", "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 #bbb
}

.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", "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 #bbb
}

@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", "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";
  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
  }
}

.product-pricing-only .primary-price {
  font-weight: 400;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  color: #1e1e1e;
  font-size: 28px;
  line-height: 36px
}

.product-pricing-only .secondary-price {
  font-weight: 400;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  line-height: 28px;
  color: #ababab;
  text-decoration: line-through;
  font-size: 20px;
  line-height: 20px
}

.product-pricing-only .sales-tag {
  font-family: "Helvetica Neue";
  font-weight: 600;
  display: inline-block;
  background-color: #d60925;
  color: #fff;
  text-align: center;
  padding: 6px 10px;
  line-height: 14px;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 1em
}

.product-pricing-only .new-tag {
  font-family: "Helvetica Neue";
  font-weight: 600;
  display: inline-block;
  background-color: #1e1e1e;
  color: #fff;
  text-align: center;
  padding: 6px 10px;
  line-height: 14px;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 1em
}

.product-price .product-pricing-only .primary-price {
  font-size: 20px;
  line-height: 20px
}

.product-price .product-pricing-only .secondary-price {
  font-size: 14px
}

.products-grid .dark-header-heading {
  position: relative;
  z-index: 1
}

.products-grid .dark-header-heading h1 {
  font-size: 70px;
  line-height: 1
}

.products-grid .dark-header-heading p {
  max-width: 450px;
  font-size: 16px;
  line-height: 26px;
  margin: 15px auto 0
}

.grid-header-filters {
  width: 100%;
  max-width: 960px;
  margin: 35px auto 0
}

.grid-header-filters a {
  display: block;
  min-width: 200px;
  float: left;
  color: #fff;
  border: 1px solid #fff;
  text-transform: uppercase;
  background: transparent;
  text-decoration: none;
  font-size: 14px;
  line-height: 35px;
  text-align: center;
  letter-spacing: 0.05em;
  width: 23%;
  margin-right: 2.66%;
  transition: all 0.3s
}

.grid-header-filters a:last-child {
  margin-right: 0
}

.grid-header-filters a:hover {
  box-shadow: 0 0 0px 1px #fff inset
}

.products-grid .results-found {
  float: right;
  width: 15%;
  text-align: right
}

.products-grid .selected-filters-wrap {
  width: 85%
}

.products-grid .selected-filters span,
.products-grid .view-all-filters {
  font-size: 13px
}

.products-grid .filtered-products {
  padding-top: 65px;
  min-height: 900px
}

.products-grid .filtered-products .filtered-product {
  width: 26%;
  float: left;
  color: #272727;
  text-decoration: none;
  margin-right: 9%;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 50px;
  font-family: "Helvetica Neue", "sans-serif"
}

.products-grid .filtered-products .filtered-product:nth-child(3n) {
  margin-right: 0
}

.products-grid .filtered-products .filtered-product .filter-product-upper {
  padding: 13px 10px 0;
  text-align: center;
  height: 200px;
  border: 1px solid #bbb
}

.products-grid .filtered-products .filtered-product .filter-product-upper h3 {
  font-size: 24px;
  line-height: 1;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  margin-bottom: 26px
}

.products-grid .filtered-products .filtered-product .filtered-product-price-wrapper {
  margin-top: 50px;
  text-align: center
}

.products-grid .filtered-products .filtered-product .filtered-product-price-wrapper span {
  display: block;
  font-size: 14px;
  font-family: "Source Sans Pro SemiBold";
  color: #ababab
}

.products-grid .filtered-products .filtered-product .filtered-product-price-wrapper strong {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 24px
}

.products-grid .filtered-products .filtered-product .filtered-product-price-wrapper strong small {
  font-size: 16px
}

.products-grid .filtered-products .filtered-product .product-category {
  letter-spacing: 0.2em;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 5px;
  display: block
}

.products-grid .filtered-products .filtered-product img {
  position: absolute;
  max-width: 100%;
  max-height: 140px;
  bottom: 90px;
  left: 0;
  transform: scale(1.3, 1.3) translateY(20px)
}

.products-grid .filtered-products .filtered-product.product-add-bass img {
  left: 32px;
  max-height: 130px
}

.grid-product-item {
  cursor: pointer;
  text-align: center;
  margin-bottom: 50px;
  position: relative;
  padding: 10px;
  text-decoration: none;
  height: 30vw
}

.grid-product-item h2.prod-title {
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase
}

.grid-product-item .prod-sku {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Source Sans Pro SemiBold";
  font-size: 16px;
  color: #ababab
}

.grid-product-item .quick-view-btn {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  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) {
  .grid-product-item .quick-view-btn {
    display: none
  }
}

.grid-product-item .grid-item-images {
  position: relative;
  display: inline-block;
  height: 20vw;
  width: 100%;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat
}

@media (max-width: 667px) {
  .grid-product-item .grid-item-images {
    height: 44vw
  }
}

.grid-product-item .grid-item-images>img {
  transition: all 0.3s;
  max-width: 100%;
  max-height: 100%
}

.grid-product-item .grid-item-images .alt-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: top ease 1.0s, opacity ease 0.2s
}

.grid-product-item:hover .quick-view-btn {
  opacity: 1;
  visibility: visible
}

.grid-product-item:hover .alt-image {
  opacity: 1.0;
  top: -10px
}

.sale-new-labels {
  position: absolute;
  top: 55%;
  left: 50%;
  width: 80px;
  height: 0;
  transform: translate(-50%, -50%)
}

.sale-new-labels span {
  color: #fff;
  font-family: "Helvetica Neue", "sans-serif";
  width: 100%;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-transform: uppercase;
  border: 1px solid #fff;
  background: #d60925
}

.sale-new-labels.has-new span {
  background: #272727
}

.sale-new-labels.has-sale-new {
  width: 130px
}

.sale-new-labels.has-sale-new span {
  width: 50%
}

.sale-new-labels.has-sale-new span:last-child {
  background: #272727
}

.grid-product-item:hover .sale-new-labels {
  display: none
}

@media (max-width: 667px) {
  .products-grid .grid-header-filters {
    margin-top: 0
  }

  .products-grid .grid-header-filters a {
    width: auto;
    min-width: 0;
    padding: 0 10px
  }

  .grid-item-images>img {
    width: 100%
  }
}

@media (max-width: 1052px) {
  .products-grid .grid-header-filters {
    padding: 0 15px 20px
  }

  .products-grid .grid-header-filters a {
    margin-bottom: 2.6%
  }
}

.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-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";
  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: #bbb;
  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: #909090;
  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: #ababab
}

.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";
  max-width: 320px;
  margin-left: auto;
  margin-right: auto
}

.compatibility-tech p a {
  font-family: "Source Sans Pro SemiBold";
  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", "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("../images/bulb-icon.png") no-repeat left center
}

.support-items .support-item .support-item-icon.icon-contact {
  background: url("../images/contact-icon.png") 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
  }
}

s .text-center {
  text-align: center
}

.support-header {
  padding: 40px 0;
  text-align: center;
  color: #fff;
  background: url("../images/support-header.jpg") #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";
  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;
  background: -moz-linear-gradient(top, #dedede 0%, #dbdbdb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #dbdbdb));
  background: -webkit-linear-gradient(top, #dedede 0%, #dbdbdb 100%);
  background: -o-linear-gradient(top, #dedede 0%, #dbdbdb 100%);
  background: -ms-linear-gradient(top, #dedede 0%, #dbdbdb 100%);
  background: linear-gradient(to bottom, #dedede 0%, #dbdbdb 100%)
}

@media (max-width: 801px) {
  .iconized-tab-hds {
    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
  }
}

.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: 35px
}

.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 .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 .rock-container-mobile {
    display: flex
  }
}

.iconized-tab-hds .rock-container-mobile a {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: 33%
}

.iconized-tab-hds .rock-container-mobile a:last-child {
  margin-bottom: 50px
}

.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 {
  display: block;
  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 a {
  width: 165px
}

.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: 40px;
  width: 30%;
  margin-right: 10px
}

.iconized-tab-hds .customer-support-mobile img {
  width: 36px;
  height: 36px;
  margin-top: 40px;
  margin-right: 15px;
  margin-left: 10px
}

.iconized-tab-hds .customer-support-mobile .phone-container {
  display: inline-flex;
  width: 100%
}

.iconized-tab-hds .customer-support-mobile .phone-numbers {
  display: flex;
  flex-direction: column;
  margin-bottom: 52px
}

.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", "Arial", "sans-serif";
  font-size: 14px;
  line-height: 1.2;
  color: #909090;
  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";
    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 .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 {
  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;
  width: 60%
}

@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-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-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>h3 {
  font-size: 24px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  margin-bottom: 40px;
  text-align: center
}

@media (max-width: 667px) {
  .support-search-results .support-results-right .results-help-widget>h3 {
    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"
}

.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: #909090;
  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 .result-help-item {
  display: flex;
  text-decoration: none;
  color: #272727;
  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("../images/ask-question-2-icon.png") no-repeat center center
}

.support-search-results .result-help-item .help-item-icon.help-contact-us {
  background: url("../images/contact-icon.png") 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", "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 .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
}

.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 #bbb;
  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 #bbb
}

.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";
  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 {
  display: inline-flex;
  margin: 20px 0
}

@media (max-width: 801px) {
  .support-page .woofer-box-wizard-container .amp-wire-calculator-container .equation {
    display: block;
    transform: scale(0.7);
    width: 100%;
    position: relative;
    right: 40px
  }
}

.support-page .woofer-box-wizard-container .amp-wire-calculator-container .equation h4 {
  margin: 30px 40px
}

.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 .ohms-law {
    display: block;
    transform: scale(0.7);
    width: 100%;
    position: relative;
    right: 40px
  }
}

.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 .ohms-law h4 {
  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 .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 #bbb;
  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 #bbb;
  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 #bbb;
  margin-bottom: 65px;
  width: 450px
}

.support-page .step-container-small.percentage-width,
.support-page .step-container-med.percentage-width {
  width: 30%
}

@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 #bbb;
  width: 100%;
  white-space: nowrap
}

.support-page .info-header h1 {
  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 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 {
  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 .numbers {
  margin: 20px
}

.support-page .question-container {
  display: inline-flex;
  width: 100%;
  justify-content: space-between
}

.support-page .question-container h2,
.support-page .question-container i {
  margin: 15px 0 0 20px
}

.support-page .question-container i {
  margin-right: 20px
}

.support-page .faq {
  width: 100%;
  height: 50px;
  border: 1px solid #bbb;
  overflow: hidden;
  margin-bottom: 40px;
  transition: 0.8s all ease
}

@media (max-width: 1052px) {
  .support-page .faq {
    height: 50px
  }
}

@media (max-width: 1052px) {
  .support-page .faq {
    margin-bottom: 20px
  }
}

.support-page .faq-arrow {
  transition: 0.8s all ease;
  position: relative
}

.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 h1 {
  margin: auto 0 auto 16px
}

@media (max-width: 801px) {
  .support-page .step-header h1 {
    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 .dimentions-container img {
  margin-left: 30px
}

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

.support-page .dimentions-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 #bbb
}

.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";
  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 {
  margin-right: 20px;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  padding-left: 20px
}

.support-page .discontinued-products-wrap .discontinued-search-by label .radio {
  left: -5px
}

.support-page .discontinued-products-wrap .discontinued-search-by label: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 {
    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";
  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
}

.videos-header {
  background: url("../images/videos-header.jpg");
  background-size: cover;
  padding: 75px 15px 50px;
  text-align: center;
  color: #fff
}

.videos-header .videos-header-inner {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto
}

.videos-header h1 {
  font-size: 70px;
  line-height: 1;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #fff
}

.videos-header p {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.005em;
  margin-bottom: 50px
}

.videos-header .subscribe-btn {
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  width: 300px;
  padding-left: 50px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #e7e7e7;
  font-family: "Helvetica Neue", "sans-serif";
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease
}

.videos-header .subscribe-btn:hover {
  font-weight: 800
}

.videos-header .subscribe-btn:hover .fa-angle-right {
  left: 10px
}

.videos-header .subscribe-btn .fa:first-child {
  font-size: 32px;
  line-height: 32px;
  color: #d60925;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

.videos-header .subscribe-btn .fa-angle-right {
  position: relative
}

.videos-row {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7
}

.videos-row:last-child {
  border-bottom: 0
}

.videos-row h2 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 35px;
  color: #bbb;
  text-transform: uppercase;
  text-align: center
}

.videos-row .videos-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.videos-row .videos-items .video-item {
  background: #fff;
  width: 31%;
  color: #272727;
  text-decoration: none;
  margin-bottom: 35px;
  box-shadow: -5px 6px 32px 0px rgba(30, 30, 30, 0.08);
  position: relative
}

.videos-row .videos-items .video-item h3 {
  font-size: 16px;
  line-height: 20px;
  padding: 20px 25px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  letter-spacing: 0.01em;
  text-align: left;
  border-top: 1px solid rgba(30, 30, 30, 0.1);
  margin-top: -1px;
  position: relative
}

.videos-row .videos-items .video-item .video-item-thumb {
  position: relative;
  overflow: hidden
}

.videos-row .videos-items .video-item .video-item-thumb img {
  width: 100%;
  display: block;
  transition: all 0.3s
}

.videos-row .videos-items .video-item .video-item-thumb:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(29, 29, 29, 0.8);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.3s
}

.videos-row .videos-items .video-item .video-item-thumb:after {
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  z-index: 2;
  background: url("../images/play-button.svg") no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: all 0.3s
}

.videos-row .videos-items .video-item:hover .video-item-thumb img {
  filter: grayscale(100%)
}

.videos-row .videos-items .video-item:hover .video-item-thumb:before {
  opacity: 1
}

.videos-row .videos-items .video-item:hover .video-item-thumb:after {
  opacity: 1
}

.videos-row .videos-items .video-item video {
  display: none
}

.modal-content.video-modal {
  padding: 0;
  width: 70%
}

.modal-content.video-modal .modal-title {
  font-size: 18px;
  color: #fff;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  letter-spacing: 0.01em;
  position: absolute;
  top: -25px;
  left: 0;
  opacity: 1;
  transition: all 0.3s
}

.modal-content.video-modal>.modal-title {
  display: none
}

.modal-content.video-modal video {
  width: 100%;
  height: auto
}

.modal-content.video-modal .vjs-volume-menu-button {
  display: none
}

.modal-content.video-modal .video-js {
  outline: none
}

.modal-content.video-modal .video-js .vjs-play-control {
  width: 62px;
  height: 36px;
  margin-top: 15px;
  margin-right: 15px;
  background: url("../images/video-controls.png") no-repeat 0 -36px
}

.modal-content.video-modal .video-js .vjs-play-control:hover {
  background-position: 0 0
}

.modal-content.video-modal .video-js .vjs-play-control.vjs-playing {
  background-position: 0 0
}

.modal-content.video-modal .video-js .vjs-play-control.vjs-playing:hover {
  background-position: 0 -36px
}

.modal-content.video-modal .video-js .vjs-play-control:before {
  display: none
}

.modal-content.video-modal .video-js .vjs-time-control.vjs-remaining-time {
  display: none
}

.modal-content.video-modal .video-js .vjs-time-control.vjs-current-time,
.modal-content.video-modal .video-js .vjs-time-control.vjs-duration {
  display: block;
  font-size: 13px;
  line-height: 65px
}

.modal-content.video-modal .video-js .vjs-progress-holder {
  height: 6px;
  background: #fff
}

.modal-content.video-modal .video-js .vjs-progress-holder .vjs-play-progress {
  background: #d60925
}

.modal-content.video-modal .video-js .vjs-progress-holder .vjs-play-progress:before {
  opacity: 0;
  top: -11px;
  right: -12px;
  width: 27px;
  height: 27px;
  border: 5px solid #d60925;
  background: #fff;
  border-radius: 50%;
  transition: all 0.3s
}

.modal-content.video-modal .video-js.vjs-user-active .vjs-progress-holder .vjs-play-progress:before {
  opacity: 1
}

.modal-content.video-modal .video-js .large-pause-btn {
  position: absolute;
  width: 155px;
  height: 90px;
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  transform: scale(1.2, 1.2) translate(-50%, -50%);
  background: url("../images/pause-large.png") no-repeat center center;
  transition: all 0.3s
}

.modal-content.video-modal .video-js.vjs-has-started.vjs-paused:not(.vjs-ended) .large-pause-btn {
  opacity: 1;
  visibility: visible;
  transform: scale(1, 1) translate(-50%, -50%)
}

.modal-content.video-modal .video-js .vjs-fullscreen-control:before {
  content: '';
  width: 20px;
  height: 18px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/video-controls-right.png") no-repeat 0 0
}

.modal-content.video-modal .video-js .vjs-fullscreen-control:hover:before {
  background-position: 0 -18px
}

.modal-content.video-modal .video-js .vjs-share {
  width: 4em;
  position: relative;
  cursor: pointer
}

.modal-content.video-modal .video-js .vjs-share:before {
  content: '';
  width: 20px;
  position: absolute;
  height: 18px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/video-controls-right.png") no-repeat -19px 0
}

.modal-content.video-modal .video-js .vjs-share:hover:before {
  background-position: -19px -18px
}

.modal-content.video-modal .vjs-has-started .vjs-control-bar {
  height: 65px;
  padding-left: 10px;
  padding-right: 10px;
  background: url("../images/control-bar-bg.png") repeat-x 0 bottom;
  background-size: auto 100%;
  transition: opacity 0.3s
}

.modal-content.video-modal .vjs-user-inactive .modal-title {
  opacity: 0.1
}

.modal-content.video-modal .vjs-user-inactive .vjs-control-bar {
  opacity: 0
}

.modal-content.video-modal .vjs-ended .modal-title {
  opacity: 0.1
}

.modal-content.video-modal a.close-share-modal {
  display: block;
  color: #fff;
  text-decoration: none;
  margin-top: 20px;
  font-size: 14px
}

.modal-content.video-modal .modal-share {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -100%;
  color: #fff;
  vertical-align: middle;
  display: flex;
  left: 0;
  z-index: 9999;
  background: rgba(30, 30, 30, 0.95);
  flex-direction: column;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s
}

.modal-content.video-modal .modal-share h3 {
  margin-bottom: 30px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  text-transform: uppercase
}

.modal-content.video-modal .modal-share ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.modal-content.video-modal .modal-share ul li {
  display: inline-block;
  margin-right: 10px
}

.modal-content.video-modal .modal-share ul li:last-child {
  margin-right: 0
}

.modal-content.video-modal .modal-share ul li a {
  color: #fff;
  font-size: 24px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 50%
}

.modal-content.video-modal.show-modal-share .modal-share {
  top: 0;
  opacity: 1;
  visibility: visible
}

.modal-content.video-modal .vjs-ended .vjs-control-bar {
  opacity: 1;
  z-index: 100000
}

.modal-content.video-modal>.modal-share {
  display: none
}

.modal-content.video-modal .modal-related-videos {
  position: absolute;
  display: none;
  z-index: 999;
  background: rgba(30, 30, 30, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.modal-content.video-modal .modal-related-videos h3 {
  font-size: 24px;
  line-height: 1;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  text-transform: uppercase;
  margin: 25px 0
}

.modal-content.video-modal .modal-related-videos .related-videos-inner {
  display: flex;
  justify-content: space-between;
  max-width: 790px;
  margin-left: auto;
  margin-right: auto
}

.modal-content.video-modal .modal-related-videos .related-videos-inner .video-item {
  width: 48%;
  position: relative
}

.modal-content.video-modal .modal-related-videos .related-videos-inner .video-item video {
  display: none
}

.modal-content.video-modal .modal-related-videos .related-videos-inner .video-item h3 {
  color: #fff;
  font-size: 16px;
  position: absolute;
  bottom: 0;
  height: 50px;
  padding: 0 20px 10px;
  margin-bottom: 0;
  z-index: 1
}

.modal-content.video-modal .modal-related-videos .related-videos-inner .video-item:after {
  content: '';
  display: block;
  width: 100%;
  height: 80px;
  bottom: 0;
  left: 0;
  position: absolute;
  background: url("../images/control-bar-bg.png") repeat-x 0 bottom;
  background-size: auto 100%
}

.modal-content.video-modal .modal-related-videos .replay-last-video {
  font-size: 14px;
  letter-spacing: 0.2em;
  color: #fff;
  text-decoration: none;
  display: block;
  margin-top: 40px;
  text-transform: uppercase
}

.modal-content.video-modal .vjs-ended .modal-related-videos {
  display: block
}

.modal-content.video-modal .vjs-playing .modal-related-videos,
.modal-content.video-modal>.modal-related-videos {
  display: none !important
}

@media (max-width: 1052px) {
  .modal-content.video-modal {
    width: 85%
  }

  .modal-content.video-modal .modal-related-videos {
    padding: 0 10px
  }

  .modal-content.video-modal .modal-related-videos h3 {
    font-size: 18px;
    margin-bottom: 20px
  }

  .modal-content.video-modal .modal-related-videos .replay-last-video {
    font-size: 13px;
    margin-top: 20px;
    letter-spacing: 0.1em
  }

  .modal-content.video-modal .modal-related-videos .related-videos-inner .video-item h3 {
    font-size: 14px;
    padding: 0 10px 10px
  }
}

@media (max-width: 667px) {
  .videos-header {
    padding: 50px 20px 25px
  }

  .videos-header h1 {
    font-size: 40px;
    margin-bottom: 10px
  }

  .videos-header p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 25px
  }

  .videos-header .subscribe-btn {
    font-size: 13px;
    letter-spacing: 0.1em;
    width: auto
  }

  .videos-row h2 {
    font-size: 18px;
    margin-bottom: 25px
  }

  .videos-row .videos-items {
    flex-wrap: wrap;
    justify-content: space-around
  }

  .videos-row .videos-items .video-item {
    width: 100%;
    max-width: 350px
  }

  .videos-row .videos-items .video-item .video-item-thumb:after {
    left: 50%;
    width: 35px;
    height: 35px;
    opacity: 0.8
  }

  .modal-content.video-modal .modal-title {
    font-size: 16px;
    width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .modal-content.video-modal .modal-share h3 {
    font-size: 16px;
    margin-bottom: 20px
  }

  .modal-content.video-modal .modal-share ul li a {
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px
  }

  .modal-content.video-modal .modal-close {
    width: 25px;
    height: 25px;
    top: -32px;
    right: -2px
  }

  .modal-content.video-modal .video-js.vjs-has-started.vjs-paused:not(.vjs-ended) .large-pause-btn {
    width: 50px;
    height: 30px;
    background-size: cover
  }

  .modal-content.video-modal .video-js.vjs-default-skin button.vjs-big-play-button {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
  }

  .modal-content.video-modal .video-js .vjs-play-control {
    width: 31px;
    height: 10px;
    margin-top: 9px;
    margin-right: 5px;
    background-size: 31px auto;
    background-position: 0 -18px
  }

  .modal-content.video-modal .video-js .vjs-time-control.vjs-current-time,
  .modal-content.video-modal .video-js .vjs-time-control.vjs-duration {
    line-height: 35px
  }

  .modal-content.video-modal .video-js .vjs-progress-holder .vjs-play-progress:before {
    width: 20px;
    height: 20px;
    top: -5px;
    right: -10px;
    display: none
  }

  .modal-content.video-modal .video-js .vjs-progress-holder {
    height: 5px
  }

  .modal-content.video-modal .video-js .vjs-progress-control {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    width: calc(100% + 10px);
    left: -5px
  }

  .modal-content.video-modal .vjs-has-started .vjs-control-bar {
    height: 35px;
    justify-content: space-between
  }

  .modal-content.video-modal .modal-related-videos .related-videos-inner .video-item h3 {
    font-size: 12px;
    padding: 0 10px 10px;
    text-transform: none;
    height: auto
  }
}

@media (max-width: 350px) {
  .modal-content.video-modal {
    width: 90%
  }
}

.support-container a {
  font-weight: 700
}

.page-extended-warranty .page-content {
  max-width: 960px;
  padding: 0 15px;
  margin: 0 auto;
  padding: 0 0 80px;
  text-align: center
}

@media (max-width: 667px) {
  .page-extended-warranty .page-content {
    padding: 0 0 65px
  }
}

.page-extended-warranty .page-header {
  padding-top: 98px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 0
}

@media (max-width: 667px) {
  .page-extended-warranty .page-header {
    background: #1d1d1d;
    color: #fff;
    padding: 32px 15px 40px
  }
}

.page-extended-warranty .page-title {
  font-size: 48px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  text-transform: uppercase;
  margin-bottom: 25px
}

@media (max-width: 667px) {
  .page-extended-warranty .page-title {
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    padding: 0 30px
  }
}

.page-extended-warranty .subheader {
  line-height: 26px;
  margin-bottom: 85px
}

@media (max-width: 667px) {
  .page-extended-warranty .subheader {
    margin-bottom: 0;
    line-height: 20px;
    font-size: 14px
  }
}

.page-extended-warranty .step-1 {
  border-bottom: 1px solid #bbb
}

@media (max-width: 667px) {
  .page-extended-warranty .step-1 {
    margin: 0 15px;
    margin-top: 44px;
    padding: 0 15px
  }
}

@media (min-width: 1281px) and (max-width: 1800px) {
  .page-extended-warranty .step-1 {
    width: 1250px;
    position: relative;
    left: -145px
  }
}

@media (min-width: 1800px) {
  .page-extended-warranty .step-1 {
    width: 1250px;
    position: relative;
    left: -145px
  }
}

.page-extended-warranty .step-1 .label {
  font-family: "Helvetica Neue", "sans-serif";
  font-size: 14px;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px
}

@media (max-width: 667px) {
  .page-extended-warranty .step-1 .label {
    font-size: 12px;
    margin-bottom: 10px
  }
}

.page-extended-warranty .step-1 h3 {
  font-size: 36px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  text-transform: uppercase
}

@media (max-width: 667px) {
  .page-extended-warranty .step-1 h3 {
    font-size: 30px
  }
}

.page-extended-warranty .step-1 .select-wrapper {
  background: #f8f8f8;
  margin: 0 auto;
  max-width: 516px;
  padding: 42px 70px 26px;
  margin-top: 18px;
  margin-bottom: 60px
}

@media (max-width: 667px) {
  .page-extended-warranty .step-1 .select-wrapper {
    background: none;
    padding: 0;
    margin-top: 32px
  }
}

.page-extended-warranty .step-1 .select-wrapper span {
  display: block
}

.page-extended-warranty .step-1 .select-wrapper label {
  display: block;
  font-family: "Helvetica Neue Bold";
  font-size: 12px;
  letter-spacing: 1.6px;
  text-align: left;
  margin-bottom: 7px;
  padding-left: 12px;
  text-transform: uppercase
}

.page-extended-warranty .step-1 .select-wrapper .styled-dropdown {
  position: relative;
  margin-bottom: 30px;
  z-index: 10
}

.page-extended-warranty .step-1 .select-wrapper .datalist-arrow {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 10;
  width: 33px;
  height: 40px
}

.page-extended-warranty .step-1 .select-wrapper .datalist-arrow:after {
  content: '';
  position: absolute;
  cursor: pointer;
  height: 100%;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: block;
  line-height: 40px;
  background: #272727;
  pointer-events: none;
  background-image: url(../images/dropdown-icon.png);
  background-repeat: no-repeat;
  background-position: center center
}

.page-extended-warranty .step-1 .select-wrapper .datalist-content {
  background-color: white;
  text-align: left;
  height: 0;
  transform-origin: top;
  transform: scaleY(0);
  width: 100%;
  overflow: scroll;
  position: absolute;
  z-index: 100;
  box-sizing: border-box;
  border-left: 1px solid #1e1e1e;
  border-right: 1px solid #1e1e1e;
  border-bottom: 1px solid #1e1e1e;
  transition: height 0.3s ease-out
}

.page-extended-warranty .step-1 .select-wrapper .datalist-content.open {
  height: 20vh;
  transform: scaleY(1);
  transition: height 0.3s ease-out
}

.page-extended-warranty .step-1 .select-wrapper .datalist-content .datalist-item {
  padding: 10px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  transition: background-color 0.1s, color 0.1s;
  cursor: pointer;
  user-select: none
}

.page-extended-warranty .step-1 .select-wrapper .datalist-content .datalist-item:hover {
  background-color: rgba(119, 119, 119, 0.5);
  color: #fff
}

.page-extended-warranty .step-1 .select-wrapper input {
  border: 1px solid #272727;
  height: 40px;
  line-height: 40px;
  width: 344px;
  display: inline-block;
  padding: 0 12px;
  margin-right: 33px
}

@media (max-width: 667px) {
  .page-extended-warranty .step-1 .select-wrapper input {
    width: 90%
  }
}

.page-extended-warranty .step-1 .select-wrapper .dark-btn {
  margin: 30px 0
}

.page-extended-warranty .step-1 .note {
  font-size: 14px
}

.page-extended-warranty .step-1 .note a {
  font-family: "Source Sans Pro SemiBold";
  color: #272727
}

@media (max-width: 667px) {
  .page-extended-warranty .step-1 .note a {
    display: block;
    margin-top: 7px
  }
}

.page-extended-warranty .step-1 .note a:hover {
  text-decoration: none
}

.page-extended-warranty .pick-first {
  text-align: center;
  margin-top: 70px
}

@media (max-width: 667px) {
  .page-extended-warranty .pick-first {
    margin-top: 36px
  }
}

.page-extended-warranty .pick-first .arrow {
  width: 9px;
  height: 16px;
  display: inline-block;
  background: url(../images/up-arrow.png);
  margin-bottom: 15px
}

@media (max-width: 667px) {
  .page-extended-warranty .pick-first .arrow {
    margin-bottom: 20px
  }
}

.page-extended-warranty .pick-first .text {
  position: relative
}

@media (max-width: 667px) {
  .page-extended-warranty .pick-first .text {
    padding: 0 40px
  }
}

.page-extended-warranty .pick-first h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 72px;
  color: #e7e7e7;
  text-transform: uppercase
}

@media (max-width: 667px) {
  .page-extended-warranty .pick-first h3 {
    font-size: 36px;
    line-height: 32px
  }
}

.page-extended-warranty .pick-first p.select {
  font-family: "Helvetica Neue", "sans-serif";
  font-size: 14px;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0
}

@media (max-width: 667px) {
  .page-extended-warranty .pick-first p.select {
    font-size: 12px;
    letter-spacing: 2.4px;
    width: 100%;
    margin-top: -6px
  }
}

.page-extended-warranty .step-2 {
  margin-top: 70px
}

@media (max-width: 667px) {
  .page-extended-warranty .step-2 {
    margin-top: 55px
  }
}

.page-extended-warranty .step-2 .label {
  font-family: "Helvetica Neue", "sans-serif";
  font-size: 14px;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  margin-bottom: 12px;
  display: block
}

.page-extended-warranty .step-2 h3 {
  font-size: 36px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  text-transform: uppercase;
  margin-bottom: 60px;
  padding: 0 10px
}

@media (max-width: 667px) {
  .page-extended-warranty .step-2 h3 {
    line-height: 32px;
    margin-bottom: 22px
  }
}

.page-extended-warranty .kits {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  margin-bottom: 50px
}

@media (max-width: 667px) {
  .page-extended-warranty .kits {
    margin: 0;
    margin-bottom: 45px;
    padding: 0 5px
  }
}

@media (min-width: 668px) and (max-width: 1052px) {
  .page-extended-warranty .kits {
    margin: 0;
    margin-bottom: 35px;
    padding: 0 5px
  }
}

.page-extended-warranty .kits .kit {
  display: none;
  width: 25%;
  text-align: center;
  margin-bottom: 30px;
  padding: 0 15px
}

@media (max-width: 667px) {
  .page-extended-warranty .kits .kit {
    padding: 0 10px;
    width: 50%;
    margin-bottom: 20px
  }
}

.page-extended-warranty .kits .kit:hover .inner {
  border: 1px solid #bbb
}

.page-extended-warranty .kits .kit .inner {
  box-shadow: -5px 6px 32px 0px rgba(63, 58, 60, 0.16);
  background: #fff;
  overflow: hidden;
  border: 1px solid transparent;
  transition: all linear 0.3s;
  display: block;
  color: #272727;
  text-decoration: none;
  padding: 0 10px
}

@media (max-width: 667px) {
  .page-extended-warranty .kits .kit .inner {
    padding: 0 20px
  }
}

.page-extended-warranty .kits .kit .thumb {
  margin-top: 40px;
  margin-bottom: 46px
}

@media (max-width: 667px) {
  .page-extended-warranty .kits .kit .thumb {
    margin-top: 10px;
    margin-bottom: 10px
  }
}

.page-extended-warranty .kits .kit .thumb img {
  vertical-align: middle
}

.page-extended-warranty .kits .kit span {
  display: block;
  text-transform: uppercase
}

.page-extended-warranty .kits .kit .model {
  font-size: 20px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  letter-spacing: 2px;
  display: block;
  margin-bottom: 25px
}

@media (max-width: 667px) {
  .page-extended-warranty .kits .kit .model {
    font-size: 15px
  }
}

.page-extended-warranty .footer-note h3 {
  font-size: 36px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  text-transform: uppercase;
  margin-bottom: 22px
}

.page-extended-warranty .footer-note p {
  line-height: 26px;
  max-width: 430px;
  margin: 0 auto;
  margin-bottom: 33px
}

@media (max-width: 667px) {
  .page-extended-warranty .footer-note p {
    padding: 0 30px;
    line-height: 22px
  }
}

.page-extended-warranty .footer-note .download {
  font-family: "Helvetica Neue", "sans-serif";
  font-size: 14px;
  letter-spacing: 2.8px;
  background: url(../images/download-icon.jpg) no-repeat;
  text-transform: uppercase;
  padding-left: 26px;
  color: #272727;
  text-decoration: none
}

@media (max-width: 667px) {
  .page-extended-warranty .footer-note .download {
    padding-top: 26px;
    padding-left: 0;
    background-position: center top;
    display: block;
    line-height: 1.3
  }
}

.page-extended-warranty .footer-note .download:hover {
  text-decoration: underline
}

.modal-container {
  position: relative
}

.modal-overlay.quickshop {
  background: black;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0.7;
  display: none
}

.close-modal {
  display: block;
  position: absolute;
  background-color: transparent;
  border: 2px solid #1e1e1e;
  border-radius: 50%;
  top: 10px;
  right: 10px;
  z-index: 1002;
  height: 37px;
  width: 37px;
  color: #1e1e1e;
  text-align: center;
  font-size: 2rem;
  box-sizing: border-box;
  display: none;
  cursor: pointer;
  transition: border 0.2s ease-out, color 0.2s ease-out
}

.close-modal:hover {
  border: 2px solid #d60925;
  color: #d60925
}

.close-modal p {
  font-family: "Helvetica Neue", "sans-serif";
  font-weight: 100;
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  margin: 0 auto
}

.quickshop-modal {
  width: 1170px;
  height: 682px;
  background: white;
  padding: 100px;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: -341px auto 0 auto;
  display: none;
  z-index: 1001;
  box-sizing: border-box;
  overflow-y: scroll
}

@media (max-width: 667px) {
  .quickshop-modal {
    top: 100px
  }
}

.quickshop-modal .quickshop-container {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative
}

.quickshop-modal .quickshop-container .left,
.quickshop-modal .quickshop-container .right {
  width: 50%;
  height: 100%;
  position: relative
}

.quickshop-modal .quickshop-container .left .swiper-container.top {
  margin-bottom: 10%;
  height: 70%;
  width: 100%
}

.quickshop-modal .quickshop-container .left .swiper-container.top .swiper-slide {
  opacity: 0.5;
  height: 100%;
  width: 100%;
  text-align: center;
  transition: opacity .3s ease-out
}

.quickshop-modal .quickshop-container .left .swiper-container.top .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto
}

.quickshop-modal .quickshop-container .left .swiper-container.top .swiper-slide.swiper-slide-active {
  opacity: 1.0
}

.quickshop-modal .quickshop-container .left .swiper-container.bottom {
  height: 20%;
  width: 100%;
  position: relative
}

.quickshop-modal .quickshop-container .left .swiper-container.bottom .swiper-slide {
  opacity: 0.5;
  height: 100%;
  width: 100%;
  text-align: center;
  transition: opacity .3s ease-out
}

.quickshop-modal .quickshop-container .left .swiper-container.bottom .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto
}

.quickshop-modal .quickshop-container .left .swiper-container.bottom .swiper-slide.swiper-slide-active {
  opacity: 1.0
}

.quickshop-modal .quickshop-container .left .swiper-container.bottom .swiper-button-next,
.quickshop-modal .quickshop-container .left .swiper-container.bottom .swiper-button-prev {
  top: 50%;
  height: 20px;
  background-image: none
}

.quickshop-modal .quickshop-container .left .swiper-container.bottom .swiper-button-next:after {
  content: '';
  border-top: 2px solid black;
  border-right: 2px solid black;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  transform: rotate(45deg)
}

.quickshop-modal .quickshop-container .left .swiper-container.bottom .swiper-button-prev:after {
  content: '';
  border-top: 2px solid black;
  border-left: 2px solid black;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  transform: rotate(-45deg)
}

.quickshop-modal .quickshop-container .right {
  padding-left: 25px
}

.quickshop-modal .quickshop-container .right .title {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  margin-bottom: 0.3125vw
}

.quickshop-modal .quickshop-container .right .name {
  font-family: "Source Sans Pro SemiBold";
  color: #777;
  text-transform: uppercase;
  margin-bottom: 2.25vw
}

.quickshop-modal .quickshop-container .right .overview {
  text-align: left;
  line-height: 1.5em
}

.quickshop-modal .quickshop-container .right .reviews .product-rating {
  margin-top: 0.6875vw;
  margin-bottom: 2.8125vw;
  text-align: left
}

.quickshop-modal .quickshop-container .right .reviews .product-rating .product-rating-inner,
.quickshop-modal .quickshop-container .right .reviews .product-rating .rating-text {
  display: inline-block;
  float: none
}

.quickshop-modal .quickshop-container .right .reviews .product-rating .rating-text {
  vertical-align: text-top
}

.quickshop-modal .quickshop-container .right .quickshop-add-to-cart .select-quantity-wrap {
  margin-top: 20px;
  margin-bottom: 30px
}

.quickshop-modal .quickshop-container .right .half-width-buttons {
  display: flex
}

.quickshop-modal .quickshop-container .right .half-width-buttons .dark-btn {
  width: 50%;
  margin-right: 20px
}

.quickshop-modal .quickshop-container .right .half-width-buttons .link {
  width: 50%;
  margin-left: 20px;
  line-height: 24px
}

.quickshop-modal .quickshop-container .right .link {
  position: relative;
  padding: 8px 18px;
  display: inline-block;
  color: #1e1e1e;
  text-transform: uppercase;
  text-align: center;
  font-family: "Source Sans Pro Regular";
  font-size: 14px;
  letter-spacing: 0.8px;
  transition: 0.3s padding ease-out;
  cursor: pointer;
  text-decoration: none
}

.quickshop-modal .quickshop-container .right .link:focus {
  outline: none
}

.quickshop-modal .quickshop-container .right .link .bracket {
  position: absolute
}

.quickshop-modal .quickshop-container .right .link .bracket.top-left {
  border-top: 1px solid #1e1e1e;
  border-left: 1px solid #1e1e1e;
  height: 6px;
  width: 6px;
  top: 0;
  left: 0
}

.quickshop-modal .quickshop-container .right .link .bracket.top-right {
  border-top: 1px solid #1e1e1e;
  border-right: 1px solid #1e1e1e;
  height: 6px;
  width: 6px;
  top: 0;
  right: 0
}

.quickshop-modal .quickshop-container .right .link .bracket.bottom-right {
  border-bottom: 1px solid #1e1e1e;
  border-right: 1px solid #1e1e1e;
  height: 6px;
  width: 6px;
  bottom: 0;
  right: 0
}

.quickshop-modal .quickshop-container .right .link .bracket.bottom-left {
  border-bottom: 1px solid #1e1e1e;
  border-left: 1px solid #1e1e1e;
  height: 6px;
  width: 6px;
  bottom: 0;
  left: 0
}

.quickshop-modal .quickshop-container .right .link:hover {
  padding: 8px 24px;
  color: #d60925
}

.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: #ababab;
  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";
  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";
  font-size: 16px
}

#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", "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
}

#contest .main-content {
  padding-top: 0px
}

#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", "Arial", "sans-serif";
  font-size: 1.5em
}

.contest-page {
  margin-top: 90px
}

@media (max-width: 1052px) {
  .contest-page {
    margin-top: 65px
  }
}

@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
}

.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", "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: #909090
  }
}

.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: #909090
  }
}

.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: #909090
  }
}

.contest-prize-items .contest-prize-item .contest-prize-item-info .contest-prize-info-cols ul li a {
  font-family: "Source Sans Pro SemiBold";
  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: #bbb;
  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: #bbb;
  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: #bbb;
  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: #909090
}

.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("../images/mobile-close.png") 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", "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 [type="text"].auto,
.enter-contest-modal [type="email"].auto,
.enter-contest-modal [type="tel"].auto,
.enter-contest-modal [type="number"].auto {
  width: auto
}

.enter-contest-modal [type="text"].mini,
.enter-contest-modal [type="email"].mini,
.enter-contest-modal [type="tel"].mini,
.enter-contest-modal [type="number"].mini {
  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
}

.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: 200px;
  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";
  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 .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 #bbb;
  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
}

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

.contact-directory .directory-item {
  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"
}

@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 a {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  text-decoration: none;
  font-size: 14px;
  color: #272727
}

.dealer-locator-page .page-dark-header {
  padding-top: 35px;
  padding-bottom: 35px
}

@media (max-width: 801px) {
  .dealer-locator-page .page-dark-header {
    padding-top: 15px;
    padding-bottom: 15px
  }
}

.dealer-locator-page .page-dark-header h1 {
  font-size: 48px;
  line-height: 1
}

@media (max-width: 801px) {
  .dealer-locator-page .page-dark-header h1 {
    position: relative;
    top: 5px;
    font-size: 38px
  }
}

@media (max-width: 667px) {
  .dealer-locator-page .page-dark-header h1 {
    font-size: 24px
  }
}

.dealer-locator-page .rock-tabs {
  padding-top: 35px
}

@media (max-width: 801px) {
  .dealer-locator-page .rock-tabs {
    padding-top: 0
  }

  .dealer-locator-page .rock-tabs .rock-tab-content {
    padding: 0
  }

  .dealer-locator-page .rock-tabs .rock-tab-hds {
    border-bottom: 1px solid #e7e7e7;
    box-shadow: 0px 0px 15px 0px rgba(30, 30, 30, 0.15)
  }

  .dealer-locator-page .rock-tabs .rock-tab-hds a {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    padding-bottom: 15px;
    border-bottom: none
  }

  .dealer-locator-page .rock-tabs .rock-tab-hds .active-indicator {
    height: 3px
  }
}

.dealer-locator-page .swiper-slide-test {
  background-color: red;
  width: 200px;
  height: 200px
}

.state-container,
.city-container,
.show-container,
.show-namne-container {
  display: none
}

.authorized-dealer-tab {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.authorized-dealer-tab .authorized-dealers-list {
  width: 70%
}

@media (max-width: 801px) {
  .authorized-dealer-tab .authorized-dealers-list {
    width: 100%
  }
}

.authorized-dealer-tab .authorized-right {
  width: 28%
}

@media (max-width: 801px) {
  .authorized-dealer-tab .authorized-right {
    width: 100%;
    margin-top: 30px
  }
}

.authorized-dealer-tab .authorized-right .why-buy-authorized {
  padding: 25px 30px 45px
}

@media (max-width: 667px) {
  .authorized-dealer-tab .authorized-right .why-buy-authorized {
    padding: 30px 15px
  }
}

.authorized-dealer-tab .authorized-right h2 {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-bottom: 30px
}

@media (max-width: 667px) {
  .authorized-dealer-tab .authorized-right h2 {
    text-align: center
  }
}

.authorized-dealer-tab .authorized-right p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 30px
}

.authorized-dealer-tab .authorized-right p strong {
  font-family: "Source Sans Pro SemiBold"
}

.authorized-dealer-tab .authorized-right a {
  color: #272727;
  text-decoration: underline;
  font-size: 16px;
  font-family: "Source Sans Pro Regular"
}

.authorized-dealers-list .authorized-dealer-item {
  padding: 40px 20px;
  position: relative;
  display: flex;
  flex-direction: column
}

.authorized-dealers-list .authorized-dealer-item:nth-child(2n) {
  background: #f8f8f8
}

.authorized-dealers-list .authorized-dealer-item h2 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 20px
}

@media (max-width: 667px) {
  .authorized-dealers-list .authorized-dealer-item h2 {
    font-size: 20px;
    margin-bottom: 10px
  }
}

.authorized-dealers-list .authorized-dealer-item a {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 0.1em;
  color: #909090;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  margin-top: 25px;
  order: 2
}

@media (max-width: 801px) {
  .authorized-dealers-list .authorized-dealer-item a {
    order: 1;
    margin-top: 0
  }
}

.authorized-dealers-list .authorized-dealer-item p {
  font-size: 16px;
  line-height: 26px;
  order: 1
}

@media (max-width: 801px) {
  .authorized-dealers-list .authorized-dealer-item p {
    margin-bottom: 30px;
    margin-top: 5px
  }
}

@media (max-width: 801px) {
  .authorized-dealers-list .authorized-dealer-item {
    padding: 30px
  }

  .authorized-dealers-list .authorized-dealer-item .products-offered {
    max-width: 280px;
    display: inline-block;
    position: relative;
    right: 0;
    bottom: 0;
    order: 3
  }
}

@media (max-width: 667px) {
  .authorized-dealers-list .authorized-dealer-item {
    padding: 30px 15px
  }
}

.offering-icon {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 1
}

.offering-icon:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  background: url("../images/offerings-icons.png") no-repeat top center
}

.offering-icon.icon-marine:before {
  background-position: 0 -31px
}

.offering-icon.icon-motorsport:before {
  background-position: 0 -64px
}

.offering-icon.icon-motorcycle:before {
  background-position: 0 -96px
}

.offering-icon.icon-cafety-convience:before {
  background-position: 0 -129px
}

.offering-icon.offering-small:before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
  background: url("../images/offerings-icons.png") no-repeat top center;
  background-size: 25px auto
}

.offering-icon.offering-small.icon-marine:before {
  background-position: 0 -24px
}

.offering-icon.offering-small.icon-motorsport:before {
  background-position: 0 -48px
}

.offering-icon.offering-small.icon-motorcycle:before {
  background-position: 0 -75px
}

.offering-icon.offering-small.icon-cafety-convience:before {
  background-position: 0 -100px
}

.products-offered {
  position: absolute;
  right: 30px;
  bottom: 25px;
  z-index: 9
}

.products-offered h3 {
  font-size: 14px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  letter-spacing: 0.1em;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px
}

.products-offered .offering-icon {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 1
}

.products-offered .offering-icon:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  background: url("../images/offerings-icons.png") no-repeat top center
}

.products-offered .offering-icon.icon-marine:before {
  background-position: 0 -31px
}

.products-offered .offering-icon.icon-motorsport:before {
  background-position: 0 -64px
}

.products-offered .offering-icon.icon-motorcycle:before {
  background-position: 0 -96px
}

.products-offered .offering-icon.icon-cafety-convience:before {
  background-position: 0 -129px
}

.products-offered .offering-icon.offering-small:before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
  background: url("../images/offerings-icons.png") no-repeat top center;
  background-size: 25px auto
}

.products-offered .offering-icon.offering-small.icon-marine:before {
  background-position: 0 -24px
}

.products-offered .offering-icon.offering-small.icon-motorsport:before {
  background-position: 0 -48px
}

.products-offered .offering-icon.offering-small.icon-motorcycle:before {
  background-position: 0 -75px
}

.products-offered .offering-icon.offering-small.icon-cafety-convience:before {
  background-position: 0 -100px
}

.products-offered .products-offered-hover {
  width: 298px;
  border: 1px solid #e7e7e7;
  background: #fff;
  padding: 25px 15px 15px;
  position: absolute;
  bottom: 60px;
  right: -35px;
  opacity: 0;
  visibility: hidden;
  box-shadow: -5px 6px 32px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease-out;
  transition-delay: 0s
}

@media (min-width: 1052px) {
  .products-offered .products-offered-hover:after {
    content: '';
    width: 34px;
    height: 18px;
    background: url("../images/hover-box-arrow.png") no-repeat center center;
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin-left: -17px
  }
}

.products-offered .products-offered-hover .offerings-hover-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around
}

.products-offered .products-offered-hover .offerings-hover-icons .offering-icon {
  width: 30%;
  margin-bottom: 15px
}

.power-dealer-overlay,
.offerings-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 99999;
  opacity: 0.5;
  display: none
}

.power-dealer-modal,
.offerings-modal {
  width: 300px;
  height: 200px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100000;
  display: none;
  padding: 25px;
  background: #fff;
  border: 1px solid #e7e7e7;
  transform: translate(-50%, -50%)
}

.power-dealer-modal .power-dealer-modal-close,
.power-dealer-modal .offerings-modal-close,
.offerings-modal .power-dealer-modal-close,
.offerings-modal .offerings-modal-close {
  width: 20px;
  height: 20px;
  background: url("../images/mobile-close.png") no-repeat center center;
  background-size: cover;
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 10px
}

.power-dealer-modal .products-offered,
.offerings-modal .products-offered {
  position: relative;
  right: 0;
  bottom: 0
}

.power-dealer-modal .products-offered .offerings-hover-icons,
.offerings-modal .products-offered .offerings-hover-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around
}

.power-dealer-modal .products-offered .offerings-hover-icons .offering-icon,
.offerings-modal .products-offered .offerings-hover-icons .offering-icon {
  width: 30%;
  margin-bottom: 15px
}

.power-dealer-modal {
  height: 270px;
  box-shadow: 0px 0px 15px 0px rgba(30, 30, 30, 0.15)
}

.power-dealer-modal .search-item-power {
  position: static;
  width: 100%;
  height: 100%;
  transform: none
}

.power-dealer-modal .search-power-icon {
  margin-left: auto;
  margin-right: auto
}

.power-dealer-modal h3 {
  font-size: 14px;
  line-height: 1;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center
}

.power-dealer-modal p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.05em
}

.find-store-tab.rock-tab-content {
  width: 100%;
  max-width: 100%;
  padding-bottom: 0
}

.find-store-tab.rock-tab-content .nicescroll-rails {
  transform: translateX(7px)
}

.find-store-tab.rock-tab-content .find-store {
  width: 90%;
  max-width: 1350px;
  padding-left: 6%;
  padding-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

@media (max-width: 1052px) {
  .find-store-tab.rock-tab-content .find-store {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%
  }
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store {
    padding-left: 0;
    padding-right: 0
  }
}

.find-store-tab.rock-tab-content .find-store .find-store-left {
  width: 30%
}

@media (max-width: 1052px) {
  .find-store-tab.rock-tab-content .find-store .find-store-left {
    width: 40%
  }
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store .find-store-left {
    width: 100%
  }
}

.find-store-tab.rock-tab-content .find-store .find-store-left .find-store-form {
  padding: 5px 30px 15px
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store .find-store-left .find-store-form {
    padding-left: 15px;
    padding-right: 15px
  }
}

.find-store-tab.rock-tab-content .find-store .find-store-left .find-store-form .show-search {
  display: none !important
}

.find-store-tab.rock-tab-content .find-store .find-store-left .find-store-form.store-forms-collapsed {
  padding: 5px 30px 15px
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store .find-store-left .find-store-form.store-forms-collapsed {
    padding-left: 15px;
    padding-right: 15px
  }
}

.find-store-tab.rock-tab-content .find-store .find-store-left .find-store-form.store-forms-collapsed .show-search {
  display: block !important;
  text-align: center;
  padding: 5px 0;
  font-size: 26px;
  cursor: pointer;
  position: relative;
  top: 10px
}

.find-store-tab.rock-tab-content .find-store .find-store-left .find-store-form.store-forms-collapsed .use-current-location {
  display: none !important
}

.find-store-tab.rock-tab-content .find-store .find-store-left .store-form-row.zip-row {
  display: flex
}

.find-store-tab.rock-tab-content .find-store .find-store-left .store-form-row.zip-row button {
  margin-left: 25px
}

.find-store-tab.rock-tab-content .find-store .find-store-left .store-form-row button {
  margin-top: 30px
}

.find-store-tab.rock-tab-content .find-store .find-store-left .use-current-location {
  font-size: 16px;
  margin-top: 10px;
  cursor: pointer
}

.find-store-tab.rock-tab-content .find-store .find-store-left .use-current-location i {
  display: inline-block;
  width: 19px;
  height: 19px;
  float: left;
  margin-right: 5px;
  background: url("../images/location-icon.png") no-repeat center center
}

.find-store-tab.rock-tab-content .find-store .find-store-left .list-map-switch {
  display: none
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store .find-store-left .store-forms-collapsed+.list-map-switch {
    display: block;
    width: 100%;
    text-align: center
  }

  .find-store-tab.rock-tab-content .find-store .find-store-left .store-forms-collapsed+.list-map-switch a {
    padding-left: 12px;
    padding-right: 12px;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    padding: 19px 18px 10px;
    position: relative;
    margin-bottom: 10px;
    border-bottom: 3px solid transparent;
    text-decoration: none;
    color: #272727;
    display: inline-block;
    text-transform: uppercase
  }

  .find-store-tab.rock-tab-content .find-store .find-store-left .store-forms-collapsed+.list-map-switch a.active {
    border-bottom-color: #272727
  }
}

.find-store-tab.rock-tab-content .find-store .store-form-separator {
  color: #909090;
  font-size: 12px;
  position: relative;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  padding: 30px 10px;
  margin-left: auto;
  margin-right: auto
}

.find-store-tab.rock-tab-content .find-store .store-form-separator:before,
.find-store-tab.rock-tab-content .find-store .store-form-separator:after {
  content: '';
  width: 100%;
  border-top: 1px solid #909090;
  transform: translateY(50%)
}

.find-store-tab.rock-tab-content .find-store .store-form-separator span {
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block
}

.find-store-tab.rock-tab-content .find-store .find-store-right {
  width: 68%
}

@media (max-width: 1052px) {
  .find-store-tab.rock-tab-content .find-store .find-store-right {
    width: 58%
  }
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store .find-store-right {
    width: 100%;
    display: none
  }

  .find-store-tab.rock-tab-content .find-store .find-store-right.active {
    display: block
  }
}

.find-store-tab.rock-tab-content .find-store .find-store-right .map-view-items {
  display: none
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store .find-store-right .map-view-items {
    display: block
  }
}

.find-store-tab.rock-tab-content .find-store #store-map {
  border: 1px solid #bbb;
  height: 100%;
  height: 700px
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store #store-map {
    height: 350px
  }
}

.find-store-tab.rock-tab-content .buy-authorized {
  text-align: center;
  padding: 70px 20px
}

/* @media (max-width: 667px) {
  .find-store-tab.rock-tab-content .buy-authorized {
    display: none
  }
} */

.find-store-tab.rock-tab-content .buy-authorized h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  font-size: 24px;
  line-height: 1;
  margin-bottom: 20px;
  text-transform: uppercase
}

.find-store-tab.rock-tab-content .buy-authorized p {
  font-size: 16px;
  line-height: 26px
}

.find-store-tab.rock-tab-content .buy-authorized p a {
  color: #272727;
  text-decoration: underline
}

.store-results {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  margin-top: 25px;
  display: none;
  overflow-x: hidden;
  overflow-y: auto
}

@media (max-width: 801px) {
  .store-results {
    display: none !important;
    height: auto !important
  }
}

.store-results .store-result-item {
  overflow-x: hidden;
  position: relative;
  display: flex;
  padding-right: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #e3e3e3;
  padding-top: 24px;
  padding-bottom: 18px
}

.store-results .store-result-item:last-child {
  border-bottom: none
}

.store-results .store-result-item.result-premier-item,
.store-results .store-result-item.result-power-item {
  background: #f8f8f8
}

.store-results .store-result-item .search-item-main {
  display: flex;
  flex-wrap: wrap
}

.store-results .store-result-item .search-item-main .search-item-info {
  width: 70%
}

.store-results .store-result-item .search-item-main .search-item-extra {
  width: 30%;
  position: relative
}

.store-results .store-result-item .search-item-main .search-item-extra .search-item-thumb {
  text-align: center
}

.store-results .store-result-item .search-item-main .search-item-extra .search-item-thumb+.search-item-power {
  top: 40%;
  transform: translate(-50%, -50%)
}

.store-results .store-result-item .search-item-main .search-item-extra .search-item-thumb+.search-item-power>.search-power-icon {
  background-position: 0 -51px
}

.store-results .store-result-item .search-item-num-wrap {
  width: 14%;
  text-align: center
}

.store-results .store-result-item .search-item-num-wrap .search-item-num {
  width: 25px;
  height: 25px;
  position: relative;
  line-height: 25px;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto
}

.store-results .store-result-item .search-item-num-wrap .search-item-num:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #d60925;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(45deg)
}

.store-results .store-result-item .search-item-num-wrap .search-item-num span {
  position: relative;
  font-size: 15px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue"
}

.store-results .store-result-item .search-item-num-wrap .search-item-miles {
  font-size: 12px;
  font-family: "Source Sans Pro SemiBold"
}

.store-results .store-result-item .search-item-main {
  width: 80%
}

.store-results .store-result-item .search-item-info h3 {
  font-size: 16px;
  line-height: 1;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 5px
}

.store-results .store-result-item .search-item-info p {
  font-size: 14px;
  line-height: 20px
}

.store-results .store-result-item .search-item-info p a {
  color: #272727;
  font-weight: bold;
  text-decoration: none
}

.store-results .store-result-item .search-item-footer {
  width: 100%;
  display: flex
}

.store-results .store-result-item .products-offered {
  position: relative;
  top: 0;
  left: 0;
  width: 50%;
  margin-top: 15px;
  text-align: right
}

.store-results .store-result-item .search-more-details {
  text-align: center;
  width: 100%;
  padding-right: 14%;
  margin-top: 18px
}

.store-results .store-result-item .search-more-details a {
  color: #272727;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-family: "Helvetica Neue", "sans-serif";
  font-size: 14px;
  text-decoration: none
}

.search-item-power {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 51px;
  height: 51px;
  z-index: 9;
  transform: translateX(-50%)
}

.search-item-power .search-power-icon {
  width: 51px;
  height: 51px;
  background: url("../images/power-cert.png") no-repeat 0 0
}

.search-item-power .search-power-info {
  position: fixed;
  width: 336px;
  padding: 25px 30px 30px;
  border: 1px solid #e7e7e7;
  z-index: 99;
  background: #fff;
  bottom: 0;
  left: 50%;
  margin-left: -168px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  box-shadow: -5px 6px 32px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease-out;
  transition-delay: 0s
}

.search-item-power .search-power-info:after {
  content: '';
  width: 34px;
  height: 18px;
  background: url("../images/hover-box-arrow.png") no-repeat center center;
  position: absolute;
  bottom: -18px;
  left: 50%;
  margin-left: -17px
}

.search-item-power .search-power-info .search-power-icon {
  margin-left: auto;
  margin-right: auto
}

.search-item-power .search-power-info h3 {
  font-size: 14px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  line-height: 1;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase
}

.search-item-power .search-power-info p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.05em
}

@media (min-width: 1052px) {
  .search-item-power:hover .search-power-info {
    visibility: visible;
    opacity: 1;
    bottom: 40px;
    transition-delay: 1s
  }
}

@media (max-width: 801px) {
  .store-forms-collapsed~.store-results {
    max-height: inherit !important;
    margin-top: 0;
    display: none !important
  }

  .store-forms-collapsed~.store-results.active {
    display: block !important
  }
}

.search-item-contact {
  margin-top: 15px;
  width: 50%
}

.search-item-contact a {
  display: inline-block;
  font-size: 24px;
  color: #272727;
  text-decoration: none;
  margin-right: 15px
}

.search-item-contact a:last-child {
  margin-right: 0
}

.premier-dealer-modal {
  padding: 0;
  height: 85%;
  max-height: 830px
}

@media (max-width: 1052px) {
  .premier-dealer-modal {
    width: 90%
  }
}

@media (max-width: 801px) {
  .premier-dealer-modal {
    width: 100%;
    height: 100%
  }

  .premier-dealer-modal .modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    background: url("../images/mobile-close.png") no-repeat center center;
    background-size: cover;
    width: 21px;
    height: 21px;
    z-index: 9
  }
}

.premier-dealer-modal .swiper-container {
  width: 100%;
  height: 100%
}

.premier-dealer-modal .swiper-slide {
  width: 280px;
  margin: 28px;
  @flex-box
}

.premier-dealer-modal .premier-modal-inner {
  padding: 50px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto
}

@media (max-width: 1052px) {
  .premier-dealer-modal .premier-modal-inner {
    padding: 15px 30px 15px 20px
  }
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner {
    padding: 0
  }
}

.premier-dealer-modal .premier-modal-inner h1 {
  font-size: 32px;
  line-height: 1;
  padding-left: 36px;
  margin-bottom: 40px;
  display: inline-block;
  position: relative
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner h1 {
    font-size: 24px;
    margin-bottom: 10px
  }
}

.premier-dealer-modal .premier-modal-inner h1:before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  background: url("../images/power-cert.png") no-repeat 0 0;
  background-size: 25px 50px;
  position: absolute;
  left: 0;
  top: 5px
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner h1:before {
    top: 0
  }
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner>h1 {
    display: none
  }
}

.premier-dealer-modal .premier-modal-inner h2 {
  font-size: 18px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  line-height: 1;
  color: #bbb;
  margin-bottom: 10px
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid {
  display: flex;
  justify-content: space-between;
  text-align: left;
  margin-bottom: 20px
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid {
    flex-wrap: wrap
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col {
  width: 24%
}

@media (max-width: 801px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col {
    width: 30%
  }
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col {
    width: 100%
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address {
  margin-bottom: 30px;
  position: relative
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address h2 {
    display: none;
    margin-bottom: 10px
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address p {
  font-size: 16px;
  line-height: 20px
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address p {
    font-size: 14px;
    text-align: center
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address a {
  color: #272727;
  text-decoration: none;
  font-family: "Source Sans Pro SemiBold"
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address a:hover {
  text-decoration: underline
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address .search-item-contact {
    position: absolute;
    right: 45px;
    top: 100%;
    width: 62px;
    top: calc(100% + 15px)
  }

  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address .search-item-contact a {
    font-size: 24px;
    display: block;
    width: 100%;
    height: 55px;
    line-height: 54px;
    text-align: center;
    border: 1px solid #e7e7e7;
    border-bottom: none
  }

  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address .search-item-contact a:last-child {
    border-bottom: 1px solid #e7e7e7
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address .search-item-contact h2 {
  display: none
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address .search-item-contact h2 {
    display: block
  }
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-hours {
    padding-left: 45px;
    padding-right: 45px
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-hours table {
  font-size: 14px;
  width: 100%;
  line-height: 18px
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-hours table {
    width: 170px
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-hours table td {
  width: 50%
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-offerings {
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 40px
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-offerings .premier-offering-item {
  margin-bottom: 10px;
  display: flex
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-offerings .premier-offering-item {
    margin-bottom: 0
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-offerings .premier-offering-item .offering-icon {
  margin-right: 10px;
  margin-bottom: 0;
  margin-top: 3px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-offerings .premier-offering-item span {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-map {
  width: 48%;
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
  position: relative;
  order: 3
}

@media (max-width: 801px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-map {
    width: 30%
  }
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-map {
    order: 0;
    width: 100%;
    height: 220px
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-map .premier-dealer-directions {
  display: block;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  position: absolute;
  bottom: 5px;
  left: 0;
  text-align: center;
  width: 100%
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-map .premier-dealer-directions a {
  color: #272727;
  text-decoration: none
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-map #premier-dealer-map {
  height: 100%;
  background: #3d3d3d;
  border: 1px solid #909090
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-map #premier-dealer-map {
    border: none
  }
}

.premier-dealer-modal .premier-dealer-photos {
  text-align: left
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-dealer-photos {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 20px
  }

  .premier-dealer-modal .premier-dealer-photos .slick-list {
    overflow-x: visible;
    padding: 0 !important
  }

  .premier-dealer-modal .premier-dealer-photos .slick-dots {
    display: inline-flex;
    padding-left: 40px;
    padding-right: 40px;
    justify-content: space-between;
    bottom: -30px
  }

  .premier-dealer-modal .premier-dealer-photos .slick-dots li {
    width: 100%;
    margin-left: 5px;
    margin-right: 5px
  }

  .premier-dealer-modal .premier-dealer-photos .slick-dots li button {
    height: 4px;
    position: relative;
    width: 100%
  }

  .premier-dealer-modal .premier-dealer-photos .slick-dots li button:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #e7e7e7;
    opacity: 1
  }

  .premier-dealer-modal .premier-dealer-photos .slick-dots li.slick-active button:before {
    background: #272727
  }
}

/* .premier-gallery-items {
  display:inline-flex;
  flex-wrap: wrap;
} */
@media (max-width: 801px) {
  .dont-buy-modal {
    padding: 30px
  }
}

@media (max-width: 667px) {
  .dont-buy-modal {
    padding: 0;
    width: 100%;
    height: 100%;
    max-height: 100%
  }

  .dont-buy-modal .modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: url("../images/mobile-close.png") no-repeat center center;
    background-size: cover;
    width: 21px;
    height: 21px
  }
}

@media (max-width: 667px) {
  .dont-buy-modal .dont-buy-inner {
    padding: 20px;
    width: 100%;
    height: 100%
  }
}

.dont-buy-modal .dont-buy-inner>h1 {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 38px
}

@media (max-width: 801px) {
  .dont-buy-modal .dont-buy-inner>h1 {
    font-size: 24px;
    margin-bottom: 20px
  }
}

.dont-buy-modal .dont-buy-inner>p {
  font-size: 16px;
  line-height: 26px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px
}

@media (max-width: 801px) {
  .dont-buy-modal .dont-buy-inner>p {
    font-size: 14px;
    line-height: 20px
  }
}

.dont-buy-modal .dont-buy-index {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center
}

.dont-buy-modal .dont-buy-index a {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  color: #909090;
  border-bottom: 1px solid #909090;
  position: relative;
  text-decoration: none;
  padding-left: 7px;
  padding-right: 7px;
  margin-bottom: 5px
}

@media (max-width: 801px) {
  .dont-buy-modal .dont-buy-index a {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 14px
  }
}

.dont-buy-modal .dont-buy-index a.active {
  color: #d60925;
  border-bottom-color: #d60925
}

.dont-buy-modal .dont-buy-lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: left;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 20px
}

@media (max-width: 667px) {
  .dont-buy-modal .dont-buy-lists {
    max-height: 260px
  }
}

@media (max-width: 350px) {
  .dont-buy-modal .dont-buy-lists {
    max-height: 240px
  }
}

.dont-buy-modal .dont-buy-lists .dont-buy-list {
  width: 32%;
  text-align: left
}

@media (max-width: 667px) {
  .dont-buy-modal .dont-buy-lists .dont-buy-list {
    width: 48%
  }
}

@media (max-width: 350px) {
  .dont-buy-modal .dont-buy-lists .dont-buy-list {
    width: 100%
  }
}

.dont-buy-modal .dont-buy-lists .dont-buy-list h1 {
  margin-bottom: 10px;
  line-height: 1;
  font-size: 32px;
  margin-top: 15px
}

@media (max-width: 801px) {
  .dont-buy-modal .dont-buy-lists .dont-buy-list h1 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 5px;
    margin-top: 5px
  }
}

.dont-buy-modal .dont-buy-lists .dont-buy-list div {
  font-size: 14px;
  line-height: 26px
}

@media (max-width: 801px) {
  .dont-buy-modal .dont-buy-lists .dont-buy-list div {
    line-height: 22px
  }
}

.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", "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";
  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(../images/select-down-white.svg), 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: #777
}

#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", "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: 15px;
  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
}

#page-not-found {
  position: relative;
  left: 0;
  background: radial-gradient(rgba(0, 0, 0, 0.7), black);
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 90px
}

@media all and (min-height: 900px) {
  #page-not-found {
    height: 100vh
  }
}

#page-not-found .container-404 {
  margin: 0 auto;
  color: #fff;
  padding-top: 6.25vh
}

#page-not-found .container-404 .icon {
  text-align: center;
  margin: 0 auto
}

#page-not-found .container-404 .banner {
  margin: 0 auto;
  width: 50vw;
  height: calc(50vw/2);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 1.8925056775vh
}

#page-not-found .container-404 .banner .left,
#page-not-found .container-404 .banner .right {
  padding-top: 16vw;
  font-size: 22vw;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  line-height: 0
}

#page-not-found .container-404 .banner .left {
  float: left;
  margin-left: 2.1875vw
}

#page-not-found .container-404 .banner .right {
  float: right;
  margin-right: 3.1875vw
}

#page-not-found .container-404 .message {
  width: 50vw;
  margin: 0 auto;
  text-align: center
}

@media (max-width: 667px) {
  #page-not-found .container-404 .message {
    width: 90vw
  }
}

#page-not-found .container-404 .message .header {
  color: #fff;
  font-family: "Helvetica Neue Regular", "Helvetica", "Arial", "sans-serif";
  font-weight: bold;
  margin-bottom: 2.1196063588vh
}

#page-not-found .container-404 .message p {
  line-height: 1.5em;
  margin-bottom: 10px
}

#page-not-found .container-404 .message .light-btn {
  display: inline-block;
  background-color: #fff;
  color: #1e1e1e;
  min-width: 184px;
  padding: 11px 17px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Helvetica Neue", "sans-serif";
  font-size: .825rem;
  clear: both;
  margin-bottom: 2.5vh;
  margin-top: 1.8925056775vh;
  transition: background-color 0.2s ease-out, color 0.2s ease-out
}

#page-not-found .container-404 .message .light-btn:hover {
  background-color: #ccc
}

#page-not-found .container-404 .message .light-btn:active {
  background-color: #fff;
  transition: background-color 0
}

#page-not-found .container-404 .message .support-link {
  color: #fff;
  text-decoration: none;
  font-family: "Helvetica Neue", "sans-serif";
  text-transform: uppercase;
  font-weight: bold;
  font-size: .825em;
  display: block;
  margin-bottom: 25px
}

#page-not-found .container-404 .message .support-link:hover {
  color: #ccc
}

.dealer-locator-page .page-dark-header {
  padding-top: 35px;
  padding-bottom: 35px
}

@media (max-width: 801px) {
  .dealer-locator-page .page-dark-header {
    padding-top: 15px;
    padding-bottom: 15px
  }
}

.dealer-locator-page .page-dark-header h1 {
  font-size: 48px;
  line-height: 1
}

@media (max-width: 801px) {
  .dealer-locator-page .page-dark-header h1 {
    position: relative;
    top: 5px;
    font-size: 38px
  }
}

@media (max-width: 667px) {
  .dealer-locator-page .page-dark-header h1 {
    font-size: 24px
  }
}

.dealer-locator-page .rock-tabs {
  padding-top: 35px
}

@media (max-width: 801px) {
  .dealer-locator-page .rock-tabs {
    padding-top: 0
  }

  .dealer-locator-page .rock-tabs .rock-tab-content {
    padding: 0
  }

  .dealer-locator-page .rock-tabs .rock-tab-hds {
    border-bottom: 1px solid #e7e7e7;
    box-shadow: 0px 0px 15px 0px rgba(30, 30, 30, 0.15)
  }

  .dealer-locator-page .rock-tabs .rock-tab-hds a {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    padding-bottom: 15px;
    border-bottom: none
  }

  .dealer-locator-page .rock-tabs .rock-tab-hds .active-indicator {
    height: 3px
  }
}

.dealer-locator-page .swiper-slide-test {
  background-color: red;
  width: 200px;
  height: 200px
}

.state-container,
.city-container,
.show-container,
.show-namne-container {
  display: none
}

.authorized-dealer-tab {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.authorized-dealer-tab .authorized-dealers-list {
  width: 70%
}

@media (max-width: 801px) {
  .authorized-dealer-tab .authorized-dealers-list {
    width: 100%
  }
}

.authorized-dealer-tab .authorized-right {
  width: 28%
}

@media (max-width: 801px) {
  .authorized-dealer-tab .authorized-right {
    width: 100%;
    margin-top: 30px
  }
}

.authorized-dealer-tab .authorized-right .why-buy-authorized {
  padding: 25px 30px 45px
}

@media (max-width: 667px) {
  .authorized-dealer-tab .authorized-right .why-buy-authorized {
    padding: 30px 15px
  }
}

.authorized-dealer-tab .authorized-right h2 {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-bottom: 30px
}

@media (max-width: 667px) {
  .authorized-dealer-tab .authorized-right h2 {
    text-align: center
  }
}

.authorized-dealer-tab .authorized-right p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 30px
}

.authorized-dealer-tab .authorized-right p strong {
  font-family: "Source Sans Pro SemiBold"
}

.authorized-dealer-tab .authorized-right a {
  color: #272727;
  text-decoration: underline;
  font-size: 16px;
  font-family: "Source Sans Pro Regular"
}

.authorized-dealers-list .authorized-dealer-item {
  padding: 40px 20px;
  position: relative;
  display: flex;
  flex-direction: column
}

.authorized-dealers-list .authorized-dealer-item:nth-child(2n) {
  background: #f8f8f8
}

.authorized-dealers-list .authorized-dealer-item h2 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 20px
}

@media (max-width: 667px) {
  .authorized-dealers-list .authorized-dealer-item h2 {
    font-size: 20px;
    margin-bottom: 10px
  }
}

.authorized-dealers-list .authorized-dealer-item a {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 0.1em;
  color: #909090;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  margin-top: 25px;
  order: 2
}

@media (max-width: 801px) {
  .authorized-dealers-list .authorized-dealer-item a {
    order: 1;
    margin-top: 0
  }
}

.authorized-dealers-list .authorized-dealer-item p {
  font-size: 16px;
  line-height: 26px;
  order: 1
}

@media (max-width: 801px) {
  .authorized-dealers-list .authorized-dealer-item p {
    margin-bottom: 30px;
    margin-top: 5px
  }
}

@media (max-width: 801px) {
  .authorized-dealers-list .authorized-dealer-item {
    padding: 30px
  }

  .authorized-dealers-list .authorized-dealer-item .products-offered {
    max-width: 280px;
    display: inline-block;
    position: relative;
    right: 0;
    bottom: 0;
    order: 3
  }
}

@media (max-width: 667px) {
  .authorized-dealers-list .authorized-dealer-item {
    padding: 30px 15px
  }
}

.offering-icon {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 1
}

.offering-icon:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  background: url("../images/offerings-icons.png") no-repeat top center
}

.offering-icon.icon-marine:before {
  background-position: 0 -31px
}

.offering-icon.icon-motorsport:before {
  background-position: 0 -64px
}

.offering-icon.icon-motorcycle:before {
  background-position: 0 -96px
}

.offering-icon.icon-cafety-convience:before {
  background-position: 0 -129px
}

.offering-icon.offering-small:before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
  background: url("../images/offerings-icons.png") no-repeat top center;
  background-size: 25px auto
}

.offering-icon.offering-small.icon-marine:before {
  background-position: 0 -24px
}

.offering-icon.offering-small.icon-motorsport:before {
  background-position: 0 -48px
}

.offering-icon.offering-small.icon-motorcycle:before {
  background-position: 0 -75px
}

.offering-icon.offering-small.icon-cafety-convience:before {
  background-position: 0 -100px
}

.products-offered {
  position: absolute;
  right: 30px;
  bottom: 25px;
  z-index: 9
}

.products-offered h3 {
  font-size: 14px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  letter-spacing: 0.1em;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px
}

.products-offered .offering-icon {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 1
}

.products-offered .offering-icon:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  background: url("../images/offerings-icons.png") no-repeat top center
}

.products-offered .offering-icon.icon-marine:before {
  background-position: 0 -31px
}

.products-offered .offering-icon.icon-motorsport:before {
  background-position: 0 -64px
}

.products-offered .offering-icon.icon-motorcycle:before {
  background-position: 0 -96px
}

.products-offered .offering-icon.icon-cafety-convience:before {
  background-position: 0 -129px
}

.products-offered .offering-icon.offering-small:before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
  background: url("../images/offerings-icons.png") no-repeat top center;
  background-size: 25px auto
}

.products-offered .offering-icon.offering-small.icon-marine:before {
  background-position: 0 -24px
}

.products-offered .offering-icon.offering-small.icon-motorsport:before {
  background-position: 0 -48px
}

.products-offered .offering-icon.offering-small.icon-motorcycle:before {
  background-position: 0 -75px
}

.products-offered .offering-icon.offering-small.icon-cafety-convience:before {
  background-position: 0 -100px
}

.products-offered .products-offered-hover {
  width: 298px;
  border: 1px solid #e7e7e7;
  background: #fff;
  padding: 25px 15px 15px;
  position: absolute;
  bottom: 60px;
  right: -35px;
  opacity: 0;
  visibility: hidden;
  box-shadow: -5px 6px 32px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease-out;
  transition-delay: 0s
}

@media (min-width: 1052px) {
  .products-offered .products-offered-hover:after {
    content: '';
    width: 34px;
    height: 18px;
    background: url("../images/hover-box-arrow.png") no-repeat center center;
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin-left: -17px
  }
}

.products-offered .products-offered-hover .offerings-hover-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around
}

.products-offered .products-offered-hover .offerings-hover-icons .offering-icon {
  width: 30%;
  margin-bottom: 15px
}

.power-dealer-overlay,
.offerings-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 99999;
  opacity: 0.5;
  display: none
}

.power-dealer-modal,
.offerings-modal {
  width: 300px;
  height: 200px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100000;
  display: none;
  padding: 25px;
  background: #fff;
  border: 1px solid #e7e7e7;
  transform: translate(-50%, -50%)
}

.power-dealer-modal .power-dealer-modal-close,
.power-dealer-modal .offerings-modal-close,
.offerings-modal .power-dealer-modal-close,
.offerings-modal .offerings-modal-close {
  width: 20px;
  height: 20px;
  background: url("../images/mobile-close.png") no-repeat center center;
  background-size: cover;
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 10px
}

.power-dealer-modal .products-offered,
.offerings-modal .products-offered {
  position: relative;
  right: 0;
  bottom: 0
}

.power-dealer-modal .products-offered .offerings-hover-icons,
.offerings-modal .products-offered .offerings-hover-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around
}

.power-dealer-modal .products-offered .offerings-hover-icons .offering-icon,
.offerings-modal .products-offered .offerings-hover-icons .offering-icon {
  width: 30%;
  margin-bottom: 15px
}

.power-dealer-modal {
  height: 270px;
  box-shadow: 0px 0px 15px 0px rgba(30, 30, 30, 0.15)
}

.power-dealer-modal .search-item-power {
  position: static;
  width: 100%;
  height: 100%;
  transform: none
}

.power-dealer-modal .search-power-icon {
  margin-left: auto;
  margin-right: auto
}

.power-dealer-modal h3 {
  font-size: 14px;
  line-height: 1;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center
}

.power-dealer-modal p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.05em
}

.find-store-tab.rock-tab-content {
  width: 100%;
  max-width: 100%;
  padding-bottom: 0
}

.find-store-tab.rock-tab-content .nicescroll-rails {
  transform: translateX(7px)
}

.find-store-tab.rock-tab-content .find-store {
  width: 90%;
  max-width: 1350px;
  padding-left: 6%;
  padding-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

@media (max-width: 1052px) {
  .find-store-tab.rock-tab-content .find-store {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%
  }
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store {
    padding-left: 0;
    padding-right: 0
  }
}

.find-store-tab.rock-tab-content .find-store .find-store-left {
  width: 30%
}

@media (max-width: 1052px) {
  .find-store-tab.rock-tab-content .find-store .find-store-left {
    width: 40%
  }
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store .find-store-left {
    width: 100%
  }
}

.find-store-tab.rock-tab-content .find-store .find-store-left .find-store-form {
  padding: 5px 30px 15px
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store .find-store-left .find-store-form {
    padding-left: 15px;
    padding-right: 15px
  }
}

.find-store-tab.rock-tab-content .find-store .find-store-left .find-store-form .show-search {
  display: none !important
}

.find-store-tab.rock-tab-content .find-store .find-store-left .find-store-form.store-forms-collapsed {
  padding: 5px 30px 15px
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store .find-store-left .find-store-form.store-forms-collapsed {
    padding-left: 15px;
    padding-right: 15px
  }
}

.find-store-tab.rock-tab-content .find-store .find-store-left .find-store-form.store-forms-collapsed .show-search {
  display: block !important;
  text-align: center;
  padding: 5px 0;
  font-size: 26px;
  cursor: pointer;
  position: relative;
  top: 10px
}

.find-store-tab.rock-tab-content .find-store .find-store-left .find-store-form.store-forms-collapsed .use-current-location {
  display: none !important
}

.find-store-tab.rock-tab-content .find-store .find-store-left .store-form-row.zip-row {
  display: flex
}

.find-store-tab.rock-tab-content .find-store .find-store-left .store-form-row.zip-row button {
  margin-left: 25px
}

.find-store-tab.rock-tab-content .find-store .find-store-left .store-form-row button {
  margin-top: 30px
}

.find-store-tab.rock-tab-content .find-store .find-store-left .use-current-location {
  font-size: 16px;
  margin-top: 10px;
  cursor: pointer
}

.find-store-tab.rock-tab-content .find-store .find-store-left .use-current-location i {
  display: inline-block;
  width: 19px;
  height: 19px;
  float: left;
  margin-right: 5px;
  background: url("../images/location-icon.png") no-repeat center center
}

.find-store-tab.rock-tab-content .find-store .find-store-left .list-map-switch {
  display: none
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store .find-store-left .store-forms-collapsed+.list-map-switch {
    display: block;
    width: 100%;
    text-align: center
  }

  .find-store-tab.rock-tab-content .find-store .find-store-left .store-forms-collapsed+.list-map-switch a {
    padding-left: 12px;
    padding-right: 12px;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    padding: 19px 18px 10px;
    position: relative;
    margin-bottom: 10px;
    border-bottom: 3px solid transparent;
    text-decoration: none;
    color: #272727;
    display: inline-block;
    text-transform: uppercase
  }

  .find-store-tab.rock-tab-content .find-store .find-store-left .store-forms-collapsed+.list-map-switch a.active {
    border-bottom-color: #272727
  }
}

.find-store-tab.rock-tab-content .find-store .store-form-separator {
  color: #909090;
  font-size: 12px;
  position: relative;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  padding: 30px 10px;
  margin-left: auto;
  margin-right: auto
}

.find-store-tab.rock-tab-content .find-store .store-form-separator:before,
.find-store-tab.rock-tab-content .find-store .store-form-separator:after {
  content: '';
  width: 100%;
  border-top: 1px solid #909090;
  transform: translateY(50%)
}

.find-store-tab.rock-tab-content .find-store .store-form-separator span {
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block
}

.find-store-tab.rock-tab-content .find-store .find-store-right {
  width: 68%
}

@media (max-width: 1052px) {
  .find-store-tab.rock-tab-content .find-store .find-store-right {
    width: 58%
  }
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store .find-store-right {
    width: 100%;
    display: none
  }

  .find-store-tab.rock-tab-content .find-store .find-store-right.active {
    display: block
  }
}

.find-store-tab.rock-tab-content .find-store .find-store-right .map-view-items {
  display: none
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store .find-store-right .map-view-items {
    display: block
  }
}

.find-store-tab.rock-tab-content .find-store #store-map {
  border: 1px solid #bbb;
  height: 100%;
  height: 700px
}

@media (max-width: 801px) {
  .find-store-tab.rock-tab-content .find-store #store-map {
    height: 350px
  }
}

.find-store-tab.rock-tab-content .buy-authorized {
  text-align: center;
  padding: 70px 20px
}

/* @media (max-width: 667px) {
  .find-store-tab.rock-tab-content .buy-authorized {
    display: none
  }
} */

.find-store-tab.rock-tab-content .buy-authorized h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  font-size: 24px;
  line-height: 1;
  margin-bottom: 20px;
  text-transform: uppercase
}

.find-store-tab.rock-tab-content .buy-authorized p {
  font-size: 16px;
  line-height: 26px
}

.find-store-tab.rock-tab-content .buy-authorized p a {
  color: #272727;
  text-decoration: underline
}

.store-results {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  margin-top: 25px;
  display: none;
  overflow-x: hidden;
  overflow-y: auto
}

@media (max-width: 801px) {
  .store-results {
    display: none !important;
    height: auto !important
  }
}

.store-results .store-result-item {
  overflow-x: hidden;
  position: relative;
  display: flex;
  padding-right: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #e3e3e3;
  padding-top: 24px;
  padding-bottom: 18px
}

.store-results .store-result-item:last-child {
  border-bottom: none
}

.store-results .store-result-item.result-premier-item,
.store-results .store-result-item.result-power-item {
  background: #f8f8f8
}

.store-results .store-result-item .search-item-main {
  display: flex;
  flex-wrap: wrap
}

.store-results .store-result-item .search-item-main .search-item-info {
  width: 70%
}

.store-results .store-result-item .search-item-main .search-item-extra {
  width: 30%;
  position: relative
}

.store-results .store-result-item .search-item-main .search-item-extra .search-item-thumb {
  text-align: center
}

.store-results .store-result-item .search-item-main .search-item-extra .search-item-thumb+.search-item-power {
  top: 40%;
  transform: translate(-50%, -50%)
}

.store-results .store-result-item .search-item-main .search-item-extra .search-item-thumb+.search-item-power>.search-power-icon {
  background-position: 0 -51px
}

.store-results .store-result-item .search-item-num-wrap {
  width: 14%;
  text-align: center
}

.store-results .store-result-item .search-item-num-wrap .search-item-num {
  width: 25px;
  height: 25px;
  position: relative;
  line-height: 25px;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto
}

.store-results .store-result-item .search-item-num-wrap .search-item-num:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #d60925;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(45deg)
}

.store-results .store-result-item .search-item-num-wrap .search-item-num span {
  position: relative;
  font-size: 15px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue"
}

.store-results .store-result-item .search-item-num-wrap .search-item-miles {
  font-size: 12px;
  font-family: "Source Sans Pro SemiBold"
}

.store-results .store-result-item .search-item-main {
  width: 80%
}

.store-results .store-result-item .search-item-info h3 {
  font-size: 16px;
  line-height: 1;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 5px
}

.store-results .store-result-item .search-item-info p {
  font-size: 14px;
  line-height: 20px
}

.store-results .store-result-item .search-item-info p a {
  color: #272727;
  font-weight: bold;
  text-decoration: none
}

.store-results .store-result-item .search-item-footer {
  width: 100%;
  display: flex
}

.store-results .store-result-item .products-offered {
  position: relative;
  top: 0;
  left: 0;
  width: 50%;
  margin-top: 15px;
  text-align: right
}

.store-results .store-result-item .search-more-details {
  text-align: center;
  width: 100%;
  padding-right: 14%;
  margin-top: 18px
}

.store-results .store-result-item .search-more-details a {
  color: #272727;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-family: "Helvetica Neue", "sans-serif";
  font-size: 14px;
  text-decoration: none
}

.search-item-power {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 51px;
  height: 51px;
  z-index: 9;
  transform: translateX(-50%)
}

.search-item-power .search-power-icon {
  width: 51px;
  height: 51px;
  background: url("../images/power-cert.png") no-repeat 0 0
}

.search-item-power .search-power-info {
  position: fixed;
  width: 336px;
  padding: 25px 30px 30px;
  border: 1px solid #e7e7e7;
  z-index: 99;
  background: #fff;
  bottom: 0;
  left: 50%;
  margin-left: -168px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  box-shadow: -5px 6px 32px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease-out;
  transition-delay: 0s
}

.search-item-power .search-power-info:after {
  content: '';
  width: 34px;
  height: 18px;
  background: url("../images/hover-box-arrow.png") no-repeat center center;
  position: absolute;
  bottom: -18px;
  left: 50%;
  margin-left: -17px
}

.search-item-power .search-power-info .search-power-icon {
  margin-left: auto;
  margin-right: auto
}

.search-item-power .search-power-info h3 {
  font-size: 14px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  line-height: 1;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase
}

.search-item-power .search-power-info p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.05em
}

@media (min-width: 1052px) {
  .search-item-power:hover .search-power-info {
    visibility: visible;
    opacity: 1;
    bottom: 40px;
    transition-delay: 1s
  }
}

@media (max-width: 801px) {
  .store-forms-collapsed~.store-results {
    max-height: inherit !important;
    margin-top: 0;
    display: none !important
  }

  .store-forms-collapsed~.store-results.active {
    display: block !important
  }
}

.search-item-contact {
  margin-top: 15px;
  width: 50%
}

.search-item-contact a {
  display: inline-block;
  font-size: 24px;
  color: #272727;
  text-decoration: none;
  margin-right: 15px
}

.search-item-contact a:last-child {
  margin-right: 0
}

.premier-dealer-modal {
  padding: 0;
  height: 85%;
  max-height: 830px
}

@media (max-width: 1052px) {
  .premier-dealer-modal {
    width: 90%
  }
}

@media (max-width: 801px) {
  .premier-dealer-modal {
    width: 100%;
    height: 100%
  }

  .premier-dealer-modal .modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    background: url("../images/mobile-close.png") no-repeat center center;
    background-size: cover;
    width: 21px;
    height: 21px;
    z-index: 9
  }
}

.premier-dealer-modal .swiper-container {
  width: 100%;
  height: 100%
}

.premier-dealer-modal .swiper-slide {
  width: 280px;
  margin: 28px;
  @flex-box
}

.premier-dealer-modal .premier-modal-inner {
  padding: 50px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto
}

@media (max-width: 1052px) {
  .premier-dealer-modal .premier-modal-inner {
    padding: 15px 30px 15px 20px
  }
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner {
    padding: 0
  }
}

.premier-dealer-modal .premier-modal-inner h1 {
  font-size: 32px;
  line-height: 1;
  padding-left: 36px;
  margin-bottom: 40px;
  display: inline-block;
  position: relative
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner h1 {
    font-size: 24px;
    margin-bottom: 10px
  }
}

.premier-dealer-modal .premier-modal-inner h1:before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  background: url("../images/power-cert.png") no-repeat 0 0;
  background-size: 25px 50px;
  position: absolute;
  left: 0;
  top: 5px
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner h1:before {
    top: 0
  }
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner>h1 {
    display: none
  }
}

.premier-dealer-modal .premier-modal-inner h2 {
  font-size: 18px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  line-height: 1;
  color: #bbb;
  margin-bottom: 10px
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid {
  display: flex;
  justify-content: space-between;
  text-align: left;
  margin-bottom: 20px
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid {
    flex-wrap: wrap
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col {
  width: 24%
}

@media (max-width: 801px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col {
    width: 30%
  }
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col {
    width: 100%
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address {
  margin-bottom: 30px;
  position: relative
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address h2 {
    display: none;
    margin-bottom: 10px
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address p {
  font-size: 16px;
  line-height: 20px
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address p {
    font-size: 14px;
    text-align: center
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address a {
  color: #272727;
  text-decoration: none;
  font-family: "Source Sans Pro SemiBold"
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address a:hover {
  text-decoration: underline
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address .search-item-contact {
    position: absolute;
    right: 45px;
    top: 100%;
    width: 62px;
    top: calc(100% + 15px)
  }

  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address .search-item-contact a {
    font-size: 24px;
    display: block;
    width: 100%;
    height: 55px;
    line-height: 54px;
    text-align: center;
    border: 1px solid #e7e7e7;
    border-bottom: none
  }

  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address .search-item-contact a:last-child {
    border-bottom: 1px solid #e7e7e7
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address .search-item-contact h2 {
  display: none
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-address .search-item-contact h2 {
    display: block
  }
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-hours {
    padding-left: 45px;
    padding-right: 45px
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-hours table {
  font-size: 14px;
  width: 100%;
  line-height: 18px
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-hours table {
    width: 170px
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col .premier-dealer-hours table td {
  width: 50%
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-offerings {
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 40px
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-offerings .premier-offering-item {
  margin-bottom: 10px;
  display: flex
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-offerings .premier-offering-item {
    margin-bottom: 0
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-offerings .premier-offering-item .offering-icon {
  margin-right: 10px;
  margin-bottom: 0;
  margin-top: 3px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-offerings .premier-offering-item span {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-map {
  padding-bottom: 40px;
  position: relative;
}

@media (max-width: 801px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-map {
    width: 30%
  }
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-map {
    order: 0;
    width: 100%;
    height: 220px
  }
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-map .premier-dealer-directions {
  display: block;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  position: absolute;
  bottom: 5px;
  left: 0;
  text-align: center;
  width: 100%
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-map .premier-dealer-directions a {
  color: #272727;
  text-decoration: none
}

.premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-map #premier-dealer-map {
  height: 100%;
  background: #3d3d3d;
  border: 1px solid #909090
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-modal-inner .premier-dealer-grid .premier-dealer-col.premier-dealer-map #premier-dealer-map {
    border: none
  }
}

.premier-dealer-modal .premier-dealer-photos {
  text-align: left
}

@media (max-width: 667px) {
  .premier-dealer-modal .premier-dealer-photos {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 20px
  }

  .premier-dealer-modal .premier-dealer-photos .slick-list {
    overflow-x: visible;
    padding: 0 !important
  }

  .premier-dealer-modal .premier-dealer-photos .slick-dots {
    display: inline-flex;
    padding-left: 40px;
    padding-right: 40px;
    justify-content: space-between;
    bottom: -30px
  }

  .premier-dealer-modal .premier-dealer-photos .slick-dots li {
    width: 100%;
    margin-left: 5px;
    margin-right: 5px
  }

  .premier-dealer-modal .premier-dealer-photos .slick-dots li button {
    height: 4px;
    position: relative;
    width: 100%
  }

  .premier-dealer-modal .premier-dealer-photos .slick-dots li button:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #e7e7e7;
    opacity: 1
  }

  .premier-dealer-modal .premier-dealer-photos .slick-dots li.slick-active button:before {
    background: #272727
  }
}

.premier-gallery-items {
  display: inline-flex;
  flex-wrap: wrap;
}

.premier-gallery-item>img {
  width: 150px;
  height: 110px;
  margin-right: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 1);
}

.premium-dealer-slide-image {
  max-height: 300px;
}

@media (max-width: 801px) {
  .dont-buy-modal {
    padding: 30px
  }
}

@media (max-width: 667px) {
  .dont-buy-modal {
    padding: 0;
    width: 100%;
    height: 100%;
    max-height: 100%
  }

  .dont-buy-modal .modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: url("../images/mobile-close.png") no-repeat center center;
    background-size: cover;
    width: 21px;
    height: 21px
  }
}

@media (max-width: 667px) {
  .dont-buy-modal .dont-buy-inner {
    padding: 20px;
    width: 100%;
    height: 100%
  }
}

.dont-buy-modal .dont-buy-inner>h1 {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 38px
}

@media (max-width: 801px) {
  .dont-buy-modal .dont-buy-inner>h1 {
    font-size: 24px;
    margin-bottom: 20px
  }
}

.dont-buy-modal .dont-buy-inner>p {
  font-size: 16px;
  line-height: 26px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px
}

@media (max-width: 801px) {
  .dont-buy-modal .dont-buy-inner>p {
    font-size: 14px;
    line-height: 20px
  }
}

.dont-buy-modal .dont-buy-index {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center
}

.dont-buy-modal .dont-buy-index a {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue";
  color: #909090;
  border-bottom: 1px solid #909090;
  position: relative;
  text-decoration: none;
  padding-left: 7px;
  padding-right: 7px;
  margin-bottom: 5px
}

@media (max-width: 801px) {
  .dont-buy-modal .dont-buy-index a {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 14px
  }
}

.dont-buy-modal .dont-buy-index a.active {
  color: #d60925;
  border-bottom-color: #d60925
}

.dont-buy-modal .dont-buy-lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: left;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 20px
}

@media (max-width: 667px) {
  .dont-buy-modal .dont-buy-lists {
    max-height: 260px
  }
}

@media (max-width: 350px) {
  .dont-buy-modal .dont-buy-lists {
    max-height: 240px
  }
}

.dont-buy-modal .dont-buy-lists .dont-buy-list {
  width: 32%;
  text-align: left
}

@media (max-width: 667px) {
  .dont-buy-modal .dont-buy-lists .dont-buy-list {
    width: 48%
  }
}

@media (max-width: 350px) {
  .dont-buy-modal .dont-buy-lists .dont-buy-list {
    width: 100%
  }
}

.dont-buy-modal .dont-buy-lists .dont-buy-list h1 {
  margin-bottom: 10px;
  line-height: 1;
  font-size: 32px;
  margin-top: 15px
}

@media (max-width: 801px) {
  .dont-buy-modal .dont-buy-lists .dont-buy-list h1 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 5px;
    margin-top: 5px
  }
}

.dont-buy-modal .dont-buy-lists .dont-buy-list div {
  font-size: 14px;
  line-height: 26px
}

@media (max-width: 801px) {
  .dont-buy-modal .dont-buy-lists .dont-buy-list div {
    line-height: 22px
  }
}

.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(../fonts/modal-close.svg)
}

.alert.danger .white-border-box {
  border-color: #fff
}

.alert.dark {
  background: #1d1d1d;
  color: #fff
}

.alert.dark .close {
  background-image: url(../images/modal-close.svg)
}

.alert.dark .btn-bracketed {
  color: #fff;
  margin: 0 30px
}

.alert.dark .btn-bracketed .bracket {
  border-color: #fff
}

.alert .close {
  background-image: url(../fonts/modal-close-dark.svg);
  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 .icheckbox_square-grey,
  .category-page .left-filter-sidebar .iradio_square-grey,
  .category-page .filter-status-right .sort-by .sort-by-options .icheckbox_square-grey,
  .category-page .filter-status-right .sort-by .sort-by-options .iradio_square-grey,
  .products-grid .left-filter-sidebar .icheckbox_square-grey,
  .products-grid .left-filter-sidebar .iradio_square-grey,
  .products-grid .filter-status-right .sort-by .sort-by-options .icheckbox_square-grey,
  .products-grid .filter-status-right .sort-by .sort-by-options .iradio_square-grey,
  .recommended-systems .left-filter-sidebar .icheckbox_square-grey,
  .recommended-systems .left-filter-sidebar .iradio_square-grey,
  .recommended-systems .filter-status-right .sort-by .sort-by-options .icheckbox_square-grey,
  .recommended-systems .filter-status-right .sort-by .sort-by-options .iradio_square-grey {
    background: url(../images/grey.png) no-repeat;
    background-position: -13px 0
  }

  .category-page .left-filter-sidebar .icheckbox_square-grey.checked,
  .category-page .filter-status-right .sort-by .sort-by-options .icheckbox_square-grey.checked,
  .products-grid .left-filter-sidebar .icheckbox_square-grey.checked,
  .products-grid .filter-status-right .sort-by .sort-by-options .icheckbox_square-grey.checked,
  .recommended-systems .left-filter-sidebar .icheckbox_square-grey.checked,
  .recommended-systems .filter-status-right .sort-by .sort-by-options .icheckbox_square-grey.checked {
    background-position: -28px 0 !important
  }

  .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", "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(../images/modal-close-black.png) 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: #909090;
    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
  }
}

.product-intro-viewer>.product-viewer-thumbs {
  display: none
}

@media (min-width: 1025px) {
  .detail-tab-contents {
    border-bottom: none
  }

  .rock-container {
    max-width: 1600px
  }
}

.write-review-right h3 {
  font-family: 'Helvetica Neue Bold Condensed'
}

@media all and (max-width: 1200px) {
  .product-detail-page .rock-container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px
  }
}

@media (max-width: 1052px) {
  .detail-tab-hds a {
    padding: 15px 15px 0
  }

  .product-viewer-main,
  .product-viewer-thumbs {
    display: none !important
  }

  .section-header h2 {
    color: blue
  }
}

@media (max-width: 801px) {
  .product-viewer-main {
    text-align: center
  }

  p {
    line-height: 24px !important
  }

  .product-intro-text .product-rating {
    text-align: center
  }

  .product-intro-text .product-rating .product-rating-inner {
    float: none
  }

  .product-intro-viewer {
    width: 100%;
    padding-left: 0;
    padding-right: 0
  }

  .product-intro-viewer>.product-viewer-thumbs {
    display: flex
  }

  .detail-tab-hds {
    display: none
  }

  .detail-tab-contents>a {
    display: block
  }

  .detail-tab-contents .detail-tab-content {
    padding: 20px;
    border-top: 1px solid #bbb
  }
}

@media (max-width: 667px) {
  .product-detail-page .rock-container {
    padding-left: 10px;
    padding-right: 10px
  }

  .rock-container h2 {
    text-align: center
  }

  #signup-email {
    margin-bottom: 20px
  }

  #add_to_cart_button {
    float: none !important;
    margin: 20px auto 0 auto !important
  }

  .detail-tab-content .overview-left,
  .detail-tab-content .product-downloads-box {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    float: none
  }

  #reviews .reviews-items {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    float: none
  }

  #reviews .write-review-right {
    width: 100%;
    float: none;
    max-width: 220px;
    margin-left: auto;
    margin-right: auto
  }

  #reviews .write-review-right h3 {
    font-size: 40px;
    display: inline-block;
    font-family: 'Helvetica Neue Bold Condensed';
    white-space: nowrap;
    text-align: center
  }

  #reviews .write-review-right .product-rating {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 10px
  }

  #reviews .write-review-right .product-rating .rating-text {
    display: none
  }

  .review-item {
    position: relative;
    margin-bottom: 30px
  }

  .review-item h3 {
    font-size: 18px;
    padding-right: 100px;
    margin-bottom: 20px;
    white-space: nowrap;
    text-align: center;
    padding: 0
  }

  .review-item .review-rating {
    position: absolute;
    right: 0;
    top: 0px
  }

  #signup-form .form-left,
  #signup-form .form-right {
    width: 100%;
    float: none;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
  }
}

#amplifier-wiring-kits ul {
  display: flex
}

#amplifier-wiring-kits ul li {
  width: 33%;
  margin: 10px
}

#amplifier-wiring-kits ul li span {
  display: inline-block;
  background-color: #1e1e1e;
  height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #fff;
  margin-right: 10px
}

.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", "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
  }
}

.customize-step-product>span em {
  display: none;
  font-family: "Source Sans Pro SemiBold";
  font-size: 14px;
  line-height: 1;
  margin-bottom: 5px;
  color: #909090;
  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(../images/accordian-up.png)
}

.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", "Arial", "sans-serif"
}

.checkout-page .accordian .title h4 {
  line-height: 70px;
  margin: 0;
  background-image: url(../images/accordian-down.png);
  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 [type="text"].auto,
.checkout-page [type="email"].auto,
.checkout-page [type="tel"].auto,
.checkout-page [type="number"].auto {
  width: auto
}

.checkout-page [type="text"].mini,
.checkout-page [type="email"].mini,
.checkout-page [type="tel"].mini,
.checkout-page [type="number"].mini {
  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";
  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", "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_square-grey {
  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", "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", "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", "Arial", "sans-serif";
  font-size: 20px;
  padding-top: 6px
}

.checkout-page .order-summary .subtotal {
  font-family: "Helvetica Neue Bold Condensed", "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";
  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"
}

.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";
  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,
.cart.bottom-right.opened {
  background: #fff
}

.cart.bottom-right:hover .fa,
.cart.bottom-right.opened .fa {
  color: #d60925 !important
}

.cart.bottom-right:hover .nav-cart,
.cart.bottom-right.opened .nav-cart {
  max-height: 100vh
}

.mobile-navbar .nav-cart.opened {
  max-height: 100vh
}

.nav-cart {
  position: absolute;
  top: 67px;
  right: 0;
  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
}

@media (max-width: 1052px) {
  .nav-cart {
    top: 62px;
    right: 22px
  }
}

@media (max-width: 667px) {
  .nav-cart {
    right: 0
  }
}

.nav-cart .inner {
  padding: 40px 25px 20px 33px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100vh
}

@media (max-width: 667px) {
  .nav-cart .inner {
    padding: 40px 20px 50px 20px
  }
}

.nav-cart .inner>h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 24px;
  text-transform: uppercase
}

.nav-cart .item {
  display: flex;
  line-height: 1;
  padding-top: 40px;
  border-bottom: 1px solid #f5f4f4
}

.nav-cart .item:first-child {
  padding-top: 17px
}

.nav-cart .item .thumb {
  max-width: 130px
}

@media (max-width: 350px) {
  .nav-cart .item .thumb {
    max-width: 110px
  }
}

.nav-cart .item .info {
  flex-grow: 1;
  text-align: left;
  padding-left: 25px;
  position: relative
}

@media (max-width: 350px) {
  .nav-cart .item .info {
    padding-left: 15px
  }
}

.nav-cart .item .info .edit-delete {
  display: none;
  position: absolute;
  left: 25px;
  top: 30px
}

@media (max-width: 350px) {
  .nav-cart .item .info .edit-delete {
    left: 15px
  }
}

.nav-cart .item .info .edit-product-quantity {
  display: none;
  position: absolute;
  left: 25px;
  top: 30px
}

@media (max-width: 350px) {
  .nav-cart .item .info .edit-product-quantity {
    left: 15px
  }
}

@media (max-width: 350px) {
  .nav-cart .item .info .edit-product-quantity label {
    line-height: 25px
  }
}

/* .nav-cart .item .info:hover .desc,.nav-cart .item .info:hover .total{opacity:0} */
/* .nav-cart .item .info:hover .edit-delete{display:flex} */
.nav-cart .item.edit-mode .desc,
.nav-cart .item.edit-mode .total {
  opacity: 0
}

.nav-cart .item.edit-mode .info .edit-delete {
  display: none
}

.nav-cart .item.edit-mode .edit-product-quantity {
  display: flex;
  width: 95%;
  justify-content: space-between
}

.nav-cart .item.edit-mode .edit-product-quantity .cart-action {
  margin-top: 30px
}

.nav-cart .item .desc {
  margin-top: 5px;
  color: #272727
}

.nav-cart .item .desc h5 {
  font-size: 13px
}

.nav-cart .item .desc span {
  display: block;
  margin-top: 5px
}

.nav-cart .item .total {
  display: flex;
  justify-content: space-between;
  margin-top: 9px;
  font-family: "Helvetica Neue", "sans-serif"
}

.nav-cart .item h6 {
  text-transform: uppercase;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 20px;
  padding-top: 6px
}

.nav-cart .subtotal {
  font-family: "Helvetica Neue Bold";
  font-size: 14px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  padding-left: 130px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  line-height: 72px
}

@media (max-width: 350px) {
  .nav-cart .subtotal {
    padding-left: 30px
  }
}

.nav-cart .subtotal span {
  display: block
}

.nav-cart .subtotal span:last-child {
  text-align: right
}

.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
}

.nav-cart .buttons .dark-btn {
  border: 1px solid #272727
}

.nav-cart .buttons .white-border-box {
  border-color: #272727;
  line-height: 37px;
  color: #272727
}

.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("../images/cart-actions.png") 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
}

.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", "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", "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", "Arial", "sans-serif"
}

.modal-content.order-placed .also-bought .item .desc {
  text-transform: uppercase;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif"
}

.modal-content.order-placed .also-bought .item .code {
  color: #ababab;
  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
}

.news-events-page .page-dark-header {
  padding-top: 40px;
  padding-bottom: 20px
}

.news-events-page .dark-header-heading .h0 {
  font-size: 48px
}

.news-events-page .page-content {
  max-width: 1230px;
  margin: 0 auto;
  display: flex;
  padding-bottom: 52px
}

@media (max-width: 801px) {
  .news-events-page .page-content {
    display: block;
    padding-bottom: 0
  }
}

.news-events-page .page-content .content {
  width: 860px;
  padding-right: 60px;
  padding-left: 15px
}

@media (max-width: 801px) {
  .news-events-page .page-content .content {
    width: 100%
  }
}

@media (max-width: 1052px) {
  .news-events-page .page-content .content {
    padding-right: 15px
  }
}

.news-events-page .page-content .sidebar {
  width: 340px;
  padding-right: 0
}

@media (max-width: 801px) {
  .news-events-page .page-content .sidebar {
    width: 100%;
    padding-right: 0
  }
}

.contact-widget {
  text-align: center;
  background-color: #f8f8f8;
  margin-top: 28px;
  padding: 25px 25px 45px
}

.contact-widget>h5 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  letter-spacing: 0.1em;
  font-size: 16px;
  margin-bottom: 28px;
  text-transform: uppercase
}

.contact-widget .social {
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
  margin-bottom: 47px;
  border-bottom: 1px solid #e7e7e7
}

.contact-widget .social a {
  color: #272727;
  margin: 0 11px
}

.contact-widget .social a:hover {
  color: #000
}

.contact-widget .social .fa {
  font-size: 24px
}

.contact-widget .info {
  line-height: 26px
}

.contact-widget .email {
  font-family: "Source Sans Pro SemiBold";
  color: #272727;
  text-decoration: none
}

.contact-widget .email:hover {
  text-decoration: underline
}

.tabs {
  margin: 0 auto;
  margin-top: 29px;
  display: flex;
  justify-content: center
}

@media (max-width: 667px) {
  .tabs {
    border-bottom: 1px solid #bbb;
    justify-content: space-around
  }
}

.tabs li a {
  padding: 0 42px;
  line-height: 48px;
  border-bottom: 1px solid #bbb;
  display: block;
  color: #909090;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 18px;
  letter-spacing: 1.8px
}

@media (max-width: 667px) {
  .tabs li a {
    padding: 0 7px;
    font-size: 14px;
    letter-spacing: 0.7px;
    border-bottom-color: transparent;
    position: relative;
    bottom: -1px;
    border-bottom-width: 3px
  }
}

.tabs li a.is-active {
  color: #d60925;
  border-bottom-color: #d60925
}

.tabs-content .tabs-panel {
  display: none
}

.tabs-content .tabs-panel.is-active {
  display: block
}

#press-releases .press-item,
#product-updates .press-item {
  display: flex;
  margin-top: 85px;
  text-decoration: none;
  color: #272727
}

#press-releases .press-item:hover,
#product-updates .press-item:hover {
  opacity: 0.9
}

@media (max-width: 801px) {

  #press-releases .press-item,
  #product-updates .press-item {
    margin-top: 22px
  }
}

@media (min-width: 802px) and (max-width: 1052px) {

  #press-releases .press-item,
  #product-updates .press-item {
    margin-top: 40px
  }
}

#press-releases .press-item:first-child,
#product-updates .press-item:first-child {
  margin-top: 50px
}

@media (max-width: 801px) {

  #press-releases .press-item:first-child,
  #product-updates .press-item:first-child {
    margin-top: 30px
  }
}

#press-releases .press-item .thumb,
#product-updates .press-item .thumb {
  flex: 0 0 215px;
  margin-right: 33px
}

@media (max-width: 801px) {

  #press-releases .press-item .thumb,
  #product-updates .press-item .thumb {
    flex: 0 0 116px;
    margin-right: 26px
  }
}

@media (min-width: 802px) and (max-width: 1052px) {

  #press-releases .press-item .thumb,
  #product-updates .press-item .thumb {
    flex: 0 0 150px;
    margin-right: 26px
  }
}

#press-releases .press-item .thumb img,
#product-updates .press-item .thumb img {
  margin-top: 7px
}

@media (max-width: 667px) {

  #press-releases .press-item .summary,
  #product-updates .press-item .summary {
    display: none
  }
}

#press-releases .press-item .info,
#product-updates .press-item .info {
  line-height: 26px
}

#press-releases .press-item .info h4,
#product-updates .press-item .info h4 {
  font-size: 20px;
  line-height: 24px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  margin-bottom: 17px
}

@media (max-width: 801px) {

  #press-releases .press-item .info h4,
  #product-updates .press-item .info h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
    max-height: 59px;
    overflow: hidden
  }
}

@media (min-width: 802px) and (max-width: 1052px) {

  #press-releases .press-item .info h4,
  #product-updates .press-item .info h4 {
    margin-bottom: 0
  }
}

#press-releases .press-item .info .date,
#product-updates .press-item .info .date {
  font-style: italic;
  text-transform: uppercase
}

@media (max-width: 801px) {

  #press-releases .press-item .info .date,
  #product-updates .press-item .info .date {
    margin-top: -5px;
    display: block
  }
}

#press-releases .show-more,
#product-updates .show-more {
  text-align: center;
  margin-top: 61px
}

@media (max-width: 801px) {

  #press-releases .show-more,
  #product-updates .show-more {
    margin-top: 50px;
    margin-bottom: 50px
  }
}

#press-releases .show-more .dark-btn,
#product-updates .show-more .dark-btn {
  margin-top: 0
}

.events-list .event-item>.month {
  font-size: 16px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  letter-spacing: 1.6px;
  border-bottom: 1px solid #272727;
  padding-bottom: 10px;
  margin-top: 27px;
  text-transform: uppercase
}

.events-list .event-item .inner-alt {
  background: #f8f8f8
}

@media (max-width: 667px) {
  .events-list .event-item .month-events {
    margin: 0 -15px
  }
}

.events-list .event-item .inner {
  display: flex;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 47px;
  cursor: pointer
}

.events-list .event-item .inner:hover {
  opacity: 0.9
}

@media (max-width: 667px) {
  .events-list .event-item .inner {
    margin-top: 8px;
    margin-bottom: 28px
  }
}

.events-list .event-item .inner:nth-child(even) {
  background: none
}

.events-list .event-item .date {
  text-align: center;
  flex: 0 0 210px
}

@media (max-width: 667px) {
  .events-list .event-item .date {
    flex: 0 0 29%
  }
}

.events-list .event-item .date .month {
  font-family: "Helvetica Neue", "sans-serif";
  font-size: 20px;
  letter-spacing: 3px;
  text-transform: uppercase;
  display: block
}

@media (max-width: 667px) {
  .events-list .event-item .date .month {
    font-size: 12px;
    letter-spacing: 1.8px
  }
}

.events-list .event-item .date .day {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  display: block;
  font-size: 40px;
  margin-top: 3px
}

@media (max-width: 667px) {
  .events-list .event-item .date .day {
    font-size: 28px;
    margin-top: 6px
  }
}

.events-list .event-item .info {
  padding-left: 32px;
  padding-top: 46px;
  padding-bottom: 42px
}

@media (max-width: 667px) {
  .events-list .event-item .info {
    padding-right: 12px;
    padding-top: 20px;
    padding-bottom: 18px;
    padding-left: 20px
  }
}

.events-list .event-item .info .title {
  margin-bottom: 5px;
  font-size: 24px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif"
}

@media (max-width: 667px) {
  .events-list .event-item .info .title {
    font-size: 16px;
    line-height: 20px
  }
}

.events-list .event-item .info ul li {
  line-height: 26px
}

@media (max-width: 667px) {
  .events-list .event-item .info ul li {
    font-size: 14px;
    line-height: 18px
  }
}

@media (max-width: 667px) {
  .events-list .event-item .info ul li:first-child .label {
    display: none
  }
}

.events-list .event-item .info ul li span {
  font-family: "Source Sans Pro SemiBold";
  display: inline-block;
  min-width: 82px
}

@media (max-width: 667px) {
  .events-list .event-item .info ul li span {
    font-size: 10px;
    min-width: 38px;
    text-transform: uppercase
  }
}

.news-single-page .page-content {
  padding-top: 68px
}

@media (max-width: 1052px) {
  .news-single-page .page-content {
    padding-top: 30px
  }
}

.news-single-page .page-content .content {
  padding-right: 124px
}

@media (max-width: 1052px) {
  .news-single-page .page-content .content {
    padding-right: 15px
  }
}

@media (max-width: 667px) {
  .news-single-page .back-wrapper {
    text-align: center
  }
}

.news-single-page .back {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2.8px;
  font-family: "Helvetica Neue", "sans-serif";
  text-decoration: none;
  color: #272727
}

.news-single-page .back:hover {
  text-decoration: underline
}

.news-single-page .back .fa {
  margin-right: 8px
}

.news-single-page h1.title {
  margin-top: 22px;
  margin-bottom: 9px;
  font-size: 36px;
  line-height: 36px;
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif"
}

@media (max-width: 667px) {
  .news-single-page h1.title {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px
  }
}

.news-single-page .meta {
  border-bottom: 1px solid #bbb
}

@media (max-width: 667px) {
  .news-single-page .meta {
    font-size: 14px;
    border-bottom: 0
  }
}

.news-single-page .meta .date {
  font-style: italic;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px
}

.news-single-page .meta .author {
  display: block;
  margin-bottom: 42px
}

@media (max-width: 667px) {
  .news-single-page .meta .author {
    margin-bottom: 0
  }
}

.news-single-page .meta .author a {
  color: #272727;
  text-decoration: none
}

.news-single-page .meta .author a:hover {
  text-decoration: underline
}

.news-single-page .thumb {
  float: left;
  width: 370px;
  text-align: center
}

@media (max-width: 667px) {
  .news-single-page .thumb {
    float: none;
    width: 100%;
    margin-bottom: 20px
  }
}

.news-single-page .thumb img {
  display: block;
  margin: 0 auto
}

.news-single-page .thumb a {
  font-family: "Helvetica Neue", "sans-serif";
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2.8px;
  color: #272727;
  text-decoration: none;
  margin-left: 22px
}

.news-single-page .thumb a .fa {
  margin-left: 4px
}

.news-single-page .thumb a:hover {
  text-decoration: underline
}

.news-single-page .news-content {
  line-height: 26px;
  padding-top: 48px
}

.news-single-page .news-content a {
  color: #272727;
  text-decoration: none
}

.news-single-page .news-content a:hover {
  text-decoration: underline
}

.news-single-page .news-content strong {
  font-weight: bold
}

.news-single-page .news-content h3 {
  font-family: "Helvetica Neue Bold";
  margin-bottom: 8px;
  margin-top: 35px;
  font-size: 22px
}

.news-single-page .news-content h5 {
  font-family: "Source Sans Pro SemiBold";
  font-size: 16px;
  margin-bottom: 23px
}

.news-single-page .news-content p {
  margin-bottom: 24px
}

@media (max-width: 667px) {
  .news-single-page .news-content p {
    margin-bottom: 20px
  }
}

.news-single-page .news-content ul {
  font-family: "Source Sans Pro SemiBold"
}

.news-single-page .news-content ul li {
  padding-left: 10px;
  text-indent: -5px
}

.news-single-page .news-content ul li:before {
  content: '◆';
  display: inline-block;
  padding-right: 5px
}

.news-single-page .about {
  border-top: 1px solid #bbb;
  margin-top: 26px
}

.news-single-page .about h3 {
  margin-top: 65px
}

.event-modal {
  text-align: left;
  height: 90%;
  padding: 0
}

@media (min-width: 1025px) {
  .event-modal {
    max-width: 1003px
  }
}

@media (max-width: 801px) {
  .event-modal {
    width: 100%;
    height: 100%;
    max-height: inherit
  }

  .event-modal .modal-close {
    width: 21px;
    height: 21px;
    background: url("../images/mobile-close.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 9
  }
}

.event-modal>.inner {
  padding: 50px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll
}

@media (max-width: 801px) {
  .event-modal>.inner {
    padding: 20px
  }
}

@media (min-width: 802px) and (max-width: 1052px) {
  .event-modal>.inner {
    padding: 30px
  }
}

.event-modal .summary-wrapper {
  border-bottom: 1px solid #bbb;
  display: flex;
  margin-bottom: 44px
}

@media (max-width: 801px) {
  .event-modal .summary-wrapper {
    display: block;
    padding-bottom: 20px
  }
}

.event-modal .event-summary {
  width: 50%
}

@media (max-width: 801px) {
  .event-modal .event-summary {
    width: 100%
  }
}

.event-modal .event-summary>h3 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 24px;
  margin-bottom: 24px
}

.event-modal .event-summary .location {
  color: #bbb;
  font-size: 18px;
  text-transform: uppercase
}

.event-modal .event-summary address {
  line-height: 26px;
  width: 169px;
  margin-bottom: 30px
}

.event-modal .event-summary .dates {
  display: flex;
  margin-bottom: 45px
}

.event-modal .event-summary .dates .date {
  border: 1px solid #272727;
  width: 122px;
  text-align: center
}

.event-modal .event-summary .dates .date span {
  display: block
}

.event-modal .event-summary .dates .date .weekday {
  background: #272727;
  color: #fff;
  font-family: "Source Sans Pro SemiBold";
  font-size: 14px;
  line-height: 24px
}

.event-modal .event-summary .dates .date .month {
  font-family: "Helvetica Neue", "sans-serif";
  letter-spacing: 2.4px;
  text-transform: uppercase;
  margin-top: 14px;
  margin-bottom: 6px
}

.event-modal .event-summary .dates .date .day {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 40px;
  margin-bottom: 0px
}

.event-modal .event-summary .dates .date .time {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1.8px;
  margin-bottom: 15px;
  margin-top: -2px
}

.event-modal .event-summary .dates .to {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 18px;
  width: 63px;
  line-height: 93px;
  padding-top: 30px;
  text-align: center;
  text-transform: uppercase
}

.event-modal .event-summary .share-event {
  margin-bottom: 30px
}

.event-modal .event-summary .share-event>h5 {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 18px;
  color: #bbb;
  text-transform: uppercase;
  margin-bottom: 10px
}

.event-modal .event-summary .share-event .fa {
  font-size: 24px
}

.event-modal .event-summary .share-event a {
  color: #272727;
  text-decoration: none;
  margin-right: 15px
}

.event-modal .map-wrapper {
  width: 50%;
  text-align: center
}

@media (min-width: 802px) and (max-width: 1052px) {
  .event-modal .map-wrapper {
    padding-left: 20px
  }
}

@media (max-width: 801px) {
  .event-modal .map-wrapper {
    width: 100%
  }
}

.event-modal .map-wrapper .map {
  border: 1px solid #909090;
  height: 313px
}

@media (max-width: 801px) {
  .event-modal .map-wrapper .map {
    height: 40vh
  }
}

.event-modal .map-wrapper>a {
  font-family: "Helvetica Neue", "sans-serif";
  font-size: 14px;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 30px;
  color: #272727;
  text-decoration: none
}

.event-modal .map-wrapper>a:hover {
  text-decoration: underline
}

.event-modal .map-wrapper>a .fa {
  font-size: 18px
}

.event-modal .detail {
  display: flex
}

@media (max-width: 801px) {
  .event-modal .detail {
    display: block
  }
}

.event-modal .detail .thumb {
  flex: 0 0 283px;
  padding-right: 60px
}

@media (max-width: 801px) {
  .event-modal .detail .thumb {
    text-align: center;
    margin-bottom: 20px
  }
}

@media (min-width: 802px) and (max-width: 1052px) {
  .event-modal .detail .thumb {
    flex: 0 0 180px
  }
}

.event-modal .detail .text {
  padding-top: 4px;
  line-height: 26px
}

@media (max-width: 801px) {
  .event-modal .detail .text {
    padding-left: 0
  }
}

@media (min-width: 802px) and (max-width: 1052px) {
  .event-modal .detail .text {
    padding-left: 20px;
    padding-top: 0;
    margin-top: -6px;
    line-height: 20px
  }
}

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

.nav-cart .thumb {
  background-position: center;
  background-size: cover;
  height: 96px;
  width: 106px
}

.nav-cart .desc {
  max-width: 80%;
  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: rgb(0, 0, 0);
  /* 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;
}

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

#cart-counter {
  position: absolute;
  display: none;
  top: 2%;
  left: 33%;
  width: 25px;
  height: 25px;
  /* border-radius: 50%;
  background: #d60925; */
  color: red;
  text-align: center;
  line-height: 40px;
}

#cart-counter>p {
  /* margin-top: -7px; */
  font-size: 20px;
  font-weight: 700;
}

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

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

.bundle-select-option label {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif";
  font-size: 16px;
  display: inline;
  line-height: 30px;
  text-transform: uppercase;
  margin-right: 5px;
}

.bundle-select-wrap {
  display: inline-block;
  width: 40%;
}

.bundle-product-total {
  margin-top: 3em !important;
  margin-left: 10px !important;
  float: left !important;
  border: 1px solid #272727 !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  /* min-width: 375px !important; */
  min-width: 60% !important;
  text-transform: uppercase !important;
  text-align: center !important;
  height: 60% !important;
}

#bundle-total-span {
  font-family: "Helvetica Neue", "sans-serif" !important;
  letter-spacing: 0.2em !important;
  line-height: 1 !important;
  margin-bottom: 3px !important;
  display: block !important;
  font-size: 14px !important;
}

#product-bundle-cost {
  font-family: "Helvetica Neue Bold Condensed", "Helvetica", "Arial", "sans-serif" !important;
  font-size: 36px !important;
  display: block !important;
  line-height: 36px !important;
}

.bundle-col {
  position: relative !important;
}

.bundle-col .quick-view-btn {
  position: absolute !important;
  top: 25% !important;
  left: 20% !important;
  opacity: 0 !important;
  transition: all 0.3s !important;
}

.bundle-col:hover .quick-view-btn {
  opacity: 1 !important;
}

@media screen and (orientation:portrait) {
  .product-bundle-option {
    width: 45% !important;
    height: auto;
  }

  .bundle-product-total {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .bundle-select-wrap {
    width: 50%;
  }
}

@media screen and (orientation:landscape) and (max-width: 1100px) {
  .product-bundle-option {
    width: 45% !important;
    height: auto;
  }

  .bundle-product-total {
    width: 100% !important;
    margin-top: 10px !important;
  }
}

@media screen and (orientation:landscape) and (min-width: 1100px) and (max-width: 1400px) {
  .product-bundle-option {
    width: 100% !important;
    height: auto;
  }

  .bundle-product-total {
    width: 50% !important;
  }

  .bundle-select-wrap {
    width: 40%;
  }
}

@media screen and (orientation:landscape) and (min-width: 1420px) {
  .bundle-select-wrap {
    width: 40%;
  }
}

.bundle-select-wrap select {
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0s;
  animation-fill-mode: none;
  animation-iteration-count: 1;
  animation-name: none;
  animation-play-state: running;
  animation-timing-function: ease;
  background-attachment: scroll;
  background-blend-mode: normal;
  background-clip: border-box;
  background-color: rgb(255, 255, 255);
  background-image: url("../images/size-arrow.png");
  background-origin: padding-box;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-bottom-color: rgb(39, 39, 39);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-collapse: separate;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: rgb(39, 39, 39);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(39, 39, 39);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: rgb(39, 39, 39);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-style: solid;
  border-top-width: 1px;
  bottom: auto;
  box-shadow: none;
  box-sizing: border-box;
  break-after: auto;
  break-before: auto;
  break-inside: auto;
  caption-side: top;
  clear: none;
  clip: auto;
  color: rgb(0, 0, 0);
  content: ;
  cursor: default;
  direction: ltr;
  display: block;
  empty-cells: show;
  float: none;
  font-family: Arial;
  font-kerning: auto;
  font-size: 13.3333px;
  font-stretch: 100%;
  font-style: normal;
  font-variant: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-weight: 400;
  height: 30px;
  image-rendering: auto;
  isolation: auto;
  justify-items: normal;
  justify-self: auto;
  left: auto;
  letter-spacing: normal;
  line-height: normal;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: disc;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  max-height: none;
  max-width: none;
  min-height: 0px;
  min-width: 0px;
  mix-blend-mode: normal;
  object-fit: fill;
  object-position: 50% 50%;
  offset-distance: 0px;
  offset-path: none;
  offset-rotate: auto 0deg;
  opacity: 1;
  orphans: 2;
  outline-color: rgb(0, 0, 0);
  outline-offset: 0px;
  outline-style: none;
  outline-width: 0px;
  overflow-anchor: auto;
  overflow-wrap: normal;
  overflow-x: visible;
  overflow-y: visible;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  pointer-events: auto;
  position: static;
  resize: none;
  right: auto;
  scroll-behavior: auto;
  speak: normal;
  table-layout: auto;
  tab-size: 8;
  text-align: start;
  text-align-last: auto;
  text-decoration: none solid rgb(0, 0, 0);
  text-decoration-line: none;
  text-decoration-style: solid;
  text-decoration-color: rgb(0, 0, 0);
  text-decoration-skip-ink: auto;
  text-underline-position: auto;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-size-adjust: auto;
  text-overflow: clip;
  text-transform: none;
  top: auto;
  touch-action: auto;
  transition-delay: 0s;
  transition-duration: 0s;
  transition-property: all;
  transition-timing-function: ease;
  unicode-bidi: normal;
  vertical-align: baseline;
  visibility: visible;
  white-space: pre;
  widows: 2;
  width: 50%;
  will-change: auto;
  word-break: normal;
  word-spacing: 0px;
  word-wrap: normal;
  z-index: auto;
  zoom: 1;
  -webkit-appearance: none;
  backface-visibility: visible;
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-image: none;
  -webkit-border-vertical-spacing: 0px;
  -webkit-box-align: stretch;
  -webkit-box-decoration-break: slice;
  -webkit-box-direction: normal;
  -webkit-box-flex: 0;
  -webkit-box-flex-group: 1;
  -webkit-box-lines: single;
  -webkit-box-ordinal-group: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: start;
  -webkit-box-reflect: none;
  column-count: auto;
  column-gap: normal;
  column-rule-color: rgb(0, 0, 0);
  column-rule-style: none;
  column-rule-width: 0px;
  column-span: none;
  column-width: auto;
  align-content: normal;
  align-items: center;
  align-self: auto;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: normal;
  -webkit-font-smoothing: antialiased;
  grid-auto-columns: auto;
  grid-auto-flow: row;
  grid-auto-rows: auto;
  grid-column-end: auto;
  grid-column-start: auto;
  grid-template-areas: none;
  grid-template-columns: none;
  grid-template-rows: none;
  grid-row-end: auto;
  grid-row-start: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-highlight: none;
  hyphens: manual;
  -webkit-hyphenate-character: auto;
  -webkit-line-break: auto;
  -webkit-line-clamp: none;
  -webkit-locale: "en";
  -webkit-margin-before-collapse: collapse;
  -webkit-margin-after-collapse: collapse;
  -webkit-mask-box-image: none;
  -webkit-mask-box-image-outset: 0px;
  -webkit-mask-box-image-repeat: stretch;
  -webkit-mask-box-image-slice: 0 fill;
  -webkit-mask-box-image-source: none;
  -webkit-mask-box-image-width: auto;
  -webkit-mask-clip: border-box;
  -webkit-mask-composite: source-over;
  -webkit-mask-image: none;
  -webkit-mask-origin: border-box;
  -webkit-mask-position: 0% 0%;
  -webkit-mask-repeat: repeat;
  -webkit-mask-size: auto;
  order: 0;
  perspective: none;
  perspective-origin: 35px 15px;
  -webkit-print-color-adjust: economy;
  -webkit-rtl-ordering: logical;
  shape-outside: none;
  shape-image-threshold: 0;
  shape-margin: 0px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.18);
  -webkit-text-combine: none;
  -webkit-text-decorations-in-effect: none;
  -webkit-text-emphasis-color: rgb(0, 0, 0);
  -webkit-text-emphasis-position: over right;
  -webkit-text-emphasis-style: none;
  -webkit-text-fill-color: rgb(0, 0, 0);
  -webkit-text-orientation: vertical-right;
  -webkit-text-security: none;
  -webkit-text-stroke-color: rgb(0, 0, 0);
  -webkit-text-stroke-width: 0px;
  transform: none;
  transform-origin: 35px 15px;
  transform-style: flat;
  -webkit-user-drag: auto;
  -webkit-user-modify: read-only;
  user-select: auto;
  -webkit-writing-mode: horizontal-tb;
  -webkit-app-region: no-drag;
  buffered-rendering: auto;
  clip-path: none;
  clip-rule: nonzero;
  mask: none;
  filter: none;
  flood-color: rgb(0, 0, 0);
  flood-opacity: 1;
  lighting-color: rgb(255, 255, 255);
  stop-color: rgb(0, 0, 0);
  stop-opacity: 1;
  color-interpolation: sRGB;
  color-interpolation-filters: linearRGB;
  color-rendering: auto;
  fill: rgb(0, 0, 0);
  fill-opacity: 1;
  fill-rule: nonzero;
  marker-end: none;
  marker-mid: none;
  marker-start: none;
  mask-type: luminance;
  shape-rendering: auto;
  stroke: none;
  stroke-dasharray: none;
  stroke-dashoffset: 0px;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
  stroke-opacity: 1;
  stroke-width: 1px;
  alignment-baseline: auto;
  baseline-shift: 0px;
  dominant-baseline: auto;
  text-anchor: start;
  writing-mode: horizontal-tb;
  vector-effect: none;
  paint-order: fill stroke markers;
  d: none;
  cx: 0px;
  cy: 0px;
  x: 0px;
  y: 0px;
  r: 0px;
  rx: auto;
  ry: auto;
  caret-color: rgb(0, 0, 0);
  line-break: auto;
}

.product-bundle-option {
  float: left;
}

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

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

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

/* Premium dealer modal styling */

.prem-dealer-modal-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: left;
}

.premier-dealer-photos {
  width: 40%;
  height: 70%;
}

.premier-dealer-grid.dealer-grid-with-photos {
  display: flex;
  flex-direction: column;
  width: 50%;
}

#dealer-grid-with-photos-dealer-info {
  display: flex;
  flex-direction: row;
}

#premier-dealer-url {
  color: #272727;
  text-decoration: none;
  font-family: "Source Sans Pro SemiBold";
}

#dealer-grid-with-photos-products-offered {
  margin-left: 20px;
}

#prem-map-photos {
  width: 100%;
  height: 60%;
}

@media screen and (orientation:landscape) and (max-width: 1120px) {
  #prem-map-photos {
    top: -25%;
    height: 40%;
  }

  .slick-prev {
    left: -8% !important;
  }

  .slick-arrow {
    top: 20% !important;
  }

  .premier-dealer-modal {
    height: 70% !important;
  }

  .premier-dealer-photos {
    margin-left: 3%;
  }
}

@media screen and (orientation:landscape) and (max-width: 1024px) {
  .premier-dealer-directions {
    top: 10% !important;
  }

  #premier-dealer-map {
    top: -35%;
    height: 40% !important;
  }
}

@media screen and (orientation:landscape) and (max-width: 1023px) {
  #premier-dealer-map {
    display: none;
  }

  .premier-dealer-directions {
    top: -8% !important;
  }

  .premier-modal-inner>h1 {
    display: none !important;
  }

  .premier-dealer-photos {
    margin-left: 3%;
  }
}

@media screen and (orientation:landscape) and (max-width: 737px) {
  .premier-dealer-directions {
    top: 10% !important;
  }
}

@media screen and (orientation:landscape) and (max-width: 667px) {
  .premier-dealer-grid.dealer-grid-with-photos {
    margin-top: 2%;
  }

  .premier-dealer-photos {
    margin-top: 2%;
  }
}

@media screen and (orientation:portrait) and (max-width: 629px) {
  .prem-dealer-modal-container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: left;
  }

  .premier-dealer-photos {
    width: 100%;
    height: 70%;
  }

  .premier-dealer-photos>h2 {
    margin-top: 5%;
  }

  .premier-dealer-grid.dealer-grid-with-photos {
    width: 100%;
  }

  #dealer-grid-with-photos-dealer-info {
    padding-left: 40px;
  }
}

@media screen and (orientation:portrait) and (min-width: 630px) and (max-width: 770px) {
  .prem-dealer-modal-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: left;
  }

  .premier-dealer-photos {
    width: 40%;
    height: 70%;
    margin-left: 3%;
  }

  .premier-dealer-photos>h2 {
    margin-top: 0;
  }

  .premier-dealer-grid.dealer-grid-with-photos {
    width: 50%;
  }

  #dealer-grid-with-photos-dealer-info {
    padding-left: 40px;
  }

  #prem-map-photos {
    width: 100%;
    height: 40%;
    top: -20%;
  }

  .slick-prev {
    left: -8% !important;
  }

  .slick-arrow {
    top: 20% !important;
  }

  .premier-dealer-modal {
    height: 60% !important;
  }
}

@media screen and (orientation:portrait) and (min-width: 771px) {
  #prem-map-photos {
    width: 100%;
    height: 40%;
    top: -35%;
  }

  .slick-prev {
    left: -8% !important;
  }

  .slick-arrow {
    top: 20% !important;
  }

  .premier-dealer-photos {
    margin-left: 3%;
  }

  .premier-dealer-modal {
    height: 50% !important;
  }
}

#zipcode-radius-select {
  width: 150%;
  margin-top: 5px;
}

.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);
  }
}

.fitment-table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  margin-bottom: 15px;
}

.fitment-table th {
  font-weight: bold;
}

.fitment-table tr:nth-child(even) {
  background-color: #dddddd;
}

.fitment-table th,
.fitment-table td {
  border: 1px solid #dddddd;
  padding: 5px;
}

.fitment-table th img {
    display: block;
    margin: auto;
    margin-bottom: 5px;
    width: 100px;
    max-height: 67px;
    object-fit: contain;
}

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

.featured-product #explore.highlight .text .icon {
  margin: 20px 0;
}

@media (max-width: 1340px) {
  .featured-product #explore.highlight .text .icon {
    margin: 20px 0;
    max-height: 90px;
  }
}

@media (max-width: 510px) {
  .featured-product #explore.highlight .text .icon {
    margin: 20px 0;
    max-height: 90px;
  }
}

@media screen and (orientation:portrait) and (max-width: 375px) {
  .featured-product #explore.highlight .text .icon {
    margin: 20px 0;
    max-height: 70px;
  }
}

@media screen and (orientation:portrait) and (max-width: 320px) {
  .featured-product #explore.highlight .text .icon {
    margin: 20px 0;
    max-height: 60px;
  }
}