/** Shopify CDN: Minification failed

Line 2223:108 Expected ":"
Line 2223:114 Expected ":"
Line 2304:90 Expected identifier but found "30px"

**/
/* Use this file to add custom css to the theme. */
body { background: #fff;}

a { 
  transition: all 0.2s linear 0s; 
  cursor: pointer !important; }

.rte a, .shopify-policy__body a, a.link, .cart-item__remove, .blog__article-excerpt a {
  color: #C93428;
  text-decoration: underline;
  opacity: 1 !important;
}

.rte a:hover, .shopify-policy__body a:hover, a:hover.link, .cart-item__remove:hover, .blog__article-excerpt a:hover {
    color: #000;
    text-decoration: underline;
    opacity: 1;
}


.login__main {
width: 100%;
max-width: 680px;
margin: 12vh auto;
padding: 0 20px;
padding: 0 var(--space-outer);
}

.collection-sidebar .filter-item:focus-within
{

}

.fs-body-base.footer__text::after {
  content: "";
  width: 130px;
  height: 75px;
  background: url(/cdn/shop/files/John-C-Koss.gif?v=1628782678) top left no-repeat;
  background-size: 100% auto;
  position: relative;
  display: block;
  padding-top: 15px;
}


.share-block a { color: #000; }

span.product-detail-page {
    display: block;
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 5px;
    font-weight: 200;
}

.share-block { margin: 0px !important; }

.pf-divider { margin: 10px 0; }

.spr-icon.spr-icon-star {
    font-size: 80% !important;
    color: #C93428 !important;
}

.rte div.manual-link { margin: 14px 0 0 0; }

.btn.btn--primary, .btn {
background: #000;background-color: var(--color-background-button);
transition: all 0.2s linear 0s;
outline: 0 !important;
border: 0 !imporant;
border-color: 0 !imporant;
border-color: none;
border: 0px solid var(--color-border-button-secondary) !important;
}

.btn.btn--primary:hover, .btn:hover {
background: #C93428;
border-color: none !imporant;
border: 0 !important;
border-color: 0 !imporant;
}

.btn.btn--full.product-form__cart-submit span,
.cart__footer-actions input.btn { color: #fff; }

.cart__footer-actions input.btn { background: #fff; border: 1px solid #ccc !important; color: #000; }
.cart__footer-actions input.btn:hover { background: #fff; border: 1px solid #000 !important; color: #000; }


.cart__footer-actions input.btn.btn--primary  { background: #000; color: #fff; border: 1px solid #000 !important; }
.cart__footer-actions input.btn.btn--primary:hover { border: 1px solid #C93428 !important; }


a.article__pagination-prev.link, a.article__pagination-next.link {
  text-style: italic;
  background: #1d1d1d;
  color: #fff;
  font-size: 14px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  padding: 10px 30px;
  transition: all 0.2s linear 0s;
  text-decoration: none;
}

a.article__pagination-prev.link::before {
  content: "←";
}

a.article__pagination-next.link::after {
  content: "→";
}

a:hover.article__pagination-prev.link, a:hover.article__pagination-next.link {
  text-decoration: none;
  background: #C93428;
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded, .spr-button-primary {
  border-color: none !important;
  transition: all 0.2s linear 0s;
  background-color: var(--color-background-button);
  color: var(--color-text-button);
}

.btn.btn--primary:hover, .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover, .spr-button-primary:hover {
  border-color: none !important;
  background-color: #C93428 !important;
  color: #fff !important;
}

.template-policy .page__rte.ff-body.rte.rte--page.support-page { width: 100% !important; }

a.button {
    background: #1d1d1d;
    color: #fff;
    font-size: 15px;
    line-height: 21px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    padding: 15px 30px;
    transition: all 0.2s linear 0s;
    text-decoration: none;
}

a:hover.button {
  background: #C93428;
  opacity: 1;
  color: #fff;
  text-decoration: none;
  }

a.big-button {
    display: table;
    background: #C93428;
    color: #fff;
    padding: 20px 30px;
    font-size: 21px;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    font-weight: bold;
    transition: all 0.2s linear 0s;
    text-decoration: none;
    margin-top: 15px; }


a:hover.big-button { background: #000; color: #fff; text-decoration: none; }

.rte--product .accordion__label:hover {
    opacity: 1;
    background-color: var(--color-background-meta);
}

:focus-visible
{  }


.filter-item__checkbox {
    border-radius: 2px;
    color: var(--color-text-button);
}
  
p { margin: 0 0 10px; }

.product__vendor.fs-body-base.c-meta { display: none; }

.product__price.fs-body-base span { font-weight: bold !important; display: block; }

.footer__newsletter .fs-body-base.footer__text::after {
display: none;
}

  .shopify-product-reviews { margin-top: 0 !important; }
  
  .product__reviews { 
  padding: 0 40px;
  text-align: center;
  }
 
  
  .product__reviews h2.spr-header-title { margin-top: 15px !important; text-align: center !important;  }
  
 .spr-summary-caption { 
   display: block; 
   margin-top: 0px !important;
   width: 100% !important; text-align: center !important;}
  
.spr-summary-actions{ margin: 15px auto 0 !important;}

.product__policies.fs-body-base.rte { display: none; }

.btn.btn--full.product-form__cart-submit { text-transform: uppercase; }

  #shopify-product-reviews form { margin: 0 auto !important; }
  
  #shopify-product-reviews .spr-form-label { text-align: left !important; }
  
  
  #shopify-product-reviews .spr-form-message { color: #fff !important; border: 0 !important; }
  
  #shopify-product-reviews .spr-summary-starrating { text-align: center !important; margin: 0 auto 15px; }

#shopify-product-reviews .spr-review-content .spr-review-content-body {
max-width: 80%;
  text-align: left; 
}

h3.spr-review-header-title { text-align: left; }
  
  .spr-icon.spr-icon-star { font-size: 80% !important; color: #C93428 !important; } 

#shopify-product-reviews .spr-review-reportreview { float: right; }
  
  
  .pf-review-label { display: none !important; }
  
	a.spr-summary-actions-togglereviews {
	--height: 48px;
    --horizontal-space: 32px;
    --radius: var(--height);
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    font-family: inherit;
    font-size: 14px !important;
    font-weight: var(--font-body-weight) !important;
    border: 1px solid var(--color-border-button-secondary);
    border-radius: var(--radius);
    color: var(--color-text-button-secondary);
    cursor: pointer;
    height: var(--height);
    line-height: var(--height);
    padding: 0 var(--horizontal-space);
    transition: all 0.25s ease !important;
    background: #C93428 !important;
    color: #fff !important;
}
      
    .spr-icon.spr-icon-star-half-alt { font-size: 80% !important;  color: #C93428 !important; }


#mc_embed_signup .mc-field-group {
width: 100% !important;
}

#mc_embed_signup { background: transparent !important; width: auto !important; }

#mc_embed_signup input#mce-EMAIL, #mc_embed_signup .mc-field-group select,
#mc_embed_signup .button,
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input { 
-webkit-border-radius: 100px !important;
-moz-border-radius: 100px !important;
border-radius: 100px !important;
margin: 0px !important;
  background: #fff;
}

#mc_embed_signup input#mce-EMAIL,  #mc_embed_signup .mc-field-group select { margin-bottom: 0px !important; }

#mc_embed_signup .datefield .dayfield input { margin-left: 5px !important; }

 #mc_embed_signup .mc-field-group select:focus { border: 1px solid #000; }

#mc_embed_signup .button { 
  height: 48px !important;
  font-size: 14px !important;
  line-height: 18px !important;
  background: #000 !important; 
  transition: all 0.2s linear 0s;
  color: #fff !important; }

#mc_embed_signup .button:hover { 
  border: 1px solid #C93428 !important; 
  background: #C93428 !important;
  color: #fff !important;
}


#mc_embed_signup .button.foot-subs { 
  padding: 0 10px;
  float:right; top: -63px; width: 45%; margin-bottom: 0px; }

@media (max-width: 1130px) {

  #mc_embed_signup .button.foot-subs { 
  padding: 0 10px;
  display: block;
  float: none; top: 0px; width: 100%; 
  margin-bottom: 15px !important; }
}

  
#mc_embed_signup .mc-field-group select  { 
  background: #fff url(/cdn/shop/files/dropdown-arrow.png?v=1700235627) 95% 20px no-repeat;
  background-size: 15px auto;
  border: 1px solid #acb0b2; 
  padding: 18px 20px !important;
  width: 100% !important;
}

.popup__content #mc_embed_signup .mc-field-group select  { 
  background: #fff url(/cdn/shop/files/dropdown-arrow.png?v=1700235627) 95% 20px no-repeat;
  background-size: 15px auto;
  border: 1px solid #acb0b2; 
  padding: 18px 20px !important;
  width: 100% !important;
  color: #333 !important;
}

.popup__content #mc_embed_signup .mc-field-group.email-entry {
  display: inline-block !important;
  width: 45% !important;
  margin: 0 1.5% !important;
  text-align: left;
}
  
.popup__content #mc_embed_signup .mc-field-group {
  display: inline-block !important;
  width: 45% !important;
  margin: 0 1.5% !important;
  text-align: left;
}

.popup__content #mc_embed_signup .datefield { text-align: left !important; }

.popup__content #mc_embed_signup .button { margin-top: 32px !important; float: right; width: 45%; margin-right: 5% !important; border: 1px solid #c93428 !important; background: #c93428 !important; }

#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input {
 padding: 15px 20px 10px !important;
  width: 80px !important;
  background: #fff !important;
  color: #999 !important;
  border: 1px solid #ABB0B2 !important;
}

.popup__content #mc_embed_signup .datefield .monthfield input, .popup__content #mc_embed_signup .datefield .dayfield input {
 padding: 15px 20px 10px !important;
  width: 120px !important;
  background: #fff !important;
  color: #999 !important;
}

@media (max-width: 680px) {
.popup__content #mc_embed_signup .datefield .monthfield input, .popup__content #mc_embed_signup .datefield .dayfield input {
  width: 75px !important;
}
  
}

#mc_embed_signup .indicates-required {
  text-align: center !important;
  font-size: 11px;
  padding-bottom: 10px;
  margin: 0 !important;
}

#mc_embed_signup .datefield { margin: 0 !important; padding: 7px 0 0 0!important; text-align: center !important; }

#mc_embed_signup .nowrap { display: none; }

#mc_embed_signup form { margin: 10px 0 0 0 !important; padding: 0 !important; }

#mc_embed_signup .mc-field-group label { margin-top: 10px; margin-bottom: 7px !important; font-weight: bold; }

#mc_embed_signup #mc-embedded-subscribe-form {
  width: 100%;
}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
  border: 1px solid #e85c41 !important;
  background: transparent !important;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
background: transparent !important;
text-align: left !important;
}


#mc_embed_signup .button {
    height: 48px !important;
    font-size: 14px !important;
    line-height: 18px !important;
    background: #000 !important;
    color: #fff !important;
    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width: 60em) {

.footer__group {
    width: calc(1 / 3 * 100%);
    border-bottom: none;
    padding: 0 10px;
    padding: 0 var(--space-inline-element)
}
  }


.footer__credits {
  font-size: 13px;
  line-height: 24px;
  opacity: .7;
  font-weight: 300;
}

.header__links-list > li > a { font-weight: 500; }

.blog__article--square .image { border: 1px solid #eee; }

.blog__article--square .image, .blog__article--square .placeholder-image {
  padding-top: 50% !important;
}

.pagination__icon .icon-button {
  --color: #C93428 !important;
}

.pagination__icon .icon-button__icon::before { background: #ccc !important; }


 
 /* ============================================ *
 * History Section
 * ============================================ */

 .history-video-lead {
 	height: auto;
 	position: absolute;
 	padding: 7%;
 }

.history-video-lead h1, .history-video-lead h2, .history-video-lead h3 { color: #fff !important; }

.history-video-lead h1 { text-align: left !important; font-size: 38px; line-height: 45px; }

.history-video-lead h2,.history-video-lead h3 { width: 45%; font-weight: 300; font-size: 22px; line-height: 32px; margin: 0 0 2.5%; }

.history-video-lead a.watch-video {
	padding: 20px 25px 20px 75px;
	display: block;
	cursor: pointer;
	background: #c93428 url("/cdn/shop/files/play-arrow.png?v=1611937578") 15px 15px no-repeat;
	background: #c93428 url("/cdn/shop/files/play-arrow.svg?v=1611937578") 15px 15px no-repeat;
	background-size: 15%;
    display: inline-block;
    border: 0;
    line-height: 18px;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 auto;
    font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: all 0.2s linear 0s;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
  	opacity: 1;
  	text-decoration: none;
}

.history-video-lead a.watch-video:hover {
	background: #fff url("/cdn/shop/files/play-arrow-on.png?v=1611787723") 15px 15px no-repeat;
	background: #fff url("/cdn/shop/files/play-arrow-on.svg?v=1611787723") 15px 15px no-repeat;
	background-size: 15%;
	color: #c93428;
	text-decoration: none;
  	text-decoration: none;
 }

.history img { width: 100%; height: auto; }

.to-the-right { float: right; }

.band { padding: 0; overflow: hidden; border-bottom: 1px solid #ededed; }
.band-right { float: right; display: inline-block; width: 48%; }
.band-left { float: left; display: inline-block; width: 48%; }
.band-left img, .band-right img { width: 100%; height: auto; }
.band-left p, .band-right p { width: 75%; margin: 0 auto; text-align: center; }
.band h2 { text-align: center; }
.band h2 strong { font-weight: 400; letter-spacing: -1.5px; }
.band h3 { text-align: center; }



.image-left-side { width: 100%; float: left; display: inline-block; }
.image-right-side { width: 50%; float: right; display: inline-block; }
.to-the-left { float: left; }
img.inventing { display: block; width: 100%; height: 100%; }
img.inventing-right { display: block; width: auto; height: 100%; float: right; padding: 5%; }
.band.three-up, .band.six-up { padding-bottom: 40px; }
.band.three-up ul, .band.four-up ul, .band.five-up ul, .band.six-up ul { margin-bottom: 0px; padding-left: 0px; }
.band.three-up li h3, .band.four-up li h3, .band.five-up li h3, .band.six-up li h3  { margin-bottom: 0px; }
.band.three-up li img, .band.four-up img, .band.five-up img, .band.six-up img { width: 100%; height: auto; margin-bottom: 5%; }
.two-up img { margin-bottom: 5%; }

.band.five-up img, .band.six-up img, .band.four-up img { padding: 15%; }

.band.two-up img { padding: 0 10% 0; }

.band.three-up li { width: 32%; display: inline-block; margin-bottom: 0px; }

.band.four-up li { width: 24%; display: inline-block; margin-bottom: 40px; }

.band.five-up li { width: 19%; display: inline-block; margin-bottom: 0px; text-align: center; }

.band.six-up li { width: 16%; display: inline-block; margin-bottom: 0px; text-align: center; }

.band.three-up.products img { padding: 10%; }
      
.history-content.push-down {
    margin-top: 30%;
}
      
.first-four-headphones ul li img, .first-three-headphones li img {
    width: 65% !important;
    height: auto;
}
      
.first-three-headphones li img {
    padding: 0 5% 5%;
}

p.airforce {
    text-align: center;
    width: 55%;
    margin: 0 auto 40px !important;
}        

.billboard-txt {
	margin-top: 15%;
}

a.button.orange-amazon {
background: #F8981F !important;
color: #333 !important;
border: 1px solid #F8981F !important;
}

a:hover.button.orange-amazon {
background: #fff !important;
color: #F8981F !important;
border: 1px solid #F8981F !important;
}

.history-container-top {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: table;
}
.history-container {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 50%;
}
.history-content {
    padding: 0 15%;
    display: inline-block;
    float: right;
    text-align: center;
}

.history-content-left {
    padding: 0 15%;
    display: inline-block;
    float: left;
    text-align: center;
}

.history-content p, .history-content-left p { text-align: left; }

.first-four-headphones ul, .first-three-headphones ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.first-four-headphones li {
	display: inline-block;
	float: left;
	width: 25%;
	text-align: center;
}

.first-three-headphones li {
	display: inline-block;
	float: left;
	width: 33%;
	text-align: center;
}

.first-four-headphones li img, .first-three-headphones li img { margin: 0 auto 15px; height: auto; width: auto; margin-bottom: 25px; }

 .first-three-headphones li img { padding: 0 5% 5%; width: 100%; height: auto; }

.first-four-headphones h2, .first-three-headphones h2 { font-weight: 400; }

.first-four-headphones li p, .first-three-headphones li p { width: 70%; margin: 0 auto; }

.airforce1 img { width: 50%; float: left; display: inline-block; margin-bottom: 50px; }

.founded { padding: 0 0 0; }

    #owl-demo-history .item img{
        display: block;
        width: 100%;
        height: auto;
    }

      
      .owl-carousel { padding-bottom: 84px; margin-bottom: 80px; overflow: hidden; border-bottom: 1px solid #eee;}
.home-page.thumbnails.owl-carousel.owl-theme { padding-bottom: 0px; margin-bottom: 0px; overflow: hidden; border-bottom: 0px solid #eee;}
.owl-item { text-align: center; }
.owl-item a h5 {
	margin: 45px 0 10px;
}
.owl-item a h5:hover {
	color: #c93428;
}
.owl-item a:hover { text-decoration: none; }
.owl-carousel h5 { margin: -10px 0 10px; }
.owl-carousel .post-date { margin: 5px 0 12px; font-size: 12px; }
.owl-carousel h5 a { color: #454545; margin: 45px 0 0; display: block; }
.owl-carousel h5 a:hover { text-decoration: none; color: #c93428; }

.owl-carousel .ratings { display: none; }

#owl-demo-history.owl-carousel, #owl-demo-rebel.owl-carousel { padding-bottom: 25px; margin-bottom: 0px; overflow: hidden; border: 0px; }


      
      
      
      .history-content.founded { margin-top: 0px; padding-top: 0px; }
      
.billboard-txt {
  margin-top: 25% !important;
}
      
img.working { float: right; width: 40%; height: auto; margin-left: 10%; padding-bottom: 30px; }

.paypaluk-express-review .page-title h1 { margin: 40px auto; }

.paypaluk-express-review .info-set.col2-set { padding: 0px; }

.paypaluk-express-review .info-set.col2-set h2, .paypaluk-express-review .info-set h2 {
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0 0 12px;
    text-rendering: optimizespeed;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 30px;
    }

.paypaluk-express-review .info-set.col2-set h3 {
	color: #1b1b1b;
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 12px;
    text-rendering: optimizespeed;
    text-transform: capitalize; }

.info-set.col2-set { margin-bottom: 60px; }

ul.privacy-bullets { overflow: hidden; margin-left: 0px; padding-left: 25px; list-style: disc; }

ul.privacy-bullets li { list-style: disc; margin-bottom: 15px; }

.contenttype-results-listing { width: 50%; }

.page, section.contact .page__rte.ff-body { 
 --s-max-width: auto !important;
  }

.page { max-width: 100%; }

main#main,
#shopify-section-sections--17157846368487__header,
section.announcement-bar.flickity-enabled { width: 100%;  max-width: 1480px; margin: 0 auto; }

.filter-item.active .filter-input__input {
  transition: transform 0.2s, background-color 0.3s;
  background-color: var(--color-background-button);
  border: 1px solid var(--color-background-button);
}

.filter-item__checkbox {
    border-radius: 2px;
    color: #fff;
}

.collection__enhanced-header-image {
    display: none;
  }

.fs-heading-base {
    font-size: 33px !important;
    font-size: var(--font-size-heading-base);
    line-height: 41px !important;
    line-height: var(--line-height-heading-base);
    margin-bottom: 5px;
}

.collection__enhanced-header-text { margin: 0px; padding: 0; }

.collection__description { margin-top: 7px; max-width: 100%; }

.contrast {
  background-color: #fff;
}
  
.contact-blocks { 
  overflow: hidden; align: center; }
  
.contact-blocks ul { 
  margin: 0;
  padding: 0;  }

.contact-blocks h4 { margin-bottom: 10px; }

.contact-blocks li { 
  width: 47.6%; 
  font-size: 15px;
  line-height: 23px;  
  text-align: center;
  display: inline-block; 
  margin: 0 1%; 
  background: #f6f6f6; 
  text-align: center; 
  height: 225px; 
  padding: 2.5% 2%; 
  font-weight: 300;
  margin-top: 0; 
  position: relative; }

  .container-center-text {
    position: absolute;
    text-align: center;
    z-index: 2;
    top: 49%;
    left: 50%;
    width: 100%;
    padding: 0 50px;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    margin: 0 !important;
}
  
.contact-blocks li a { 
  color: #C93428;
  display: block;
  font-size: 16px;
  line-height: 21px;
  font-weight: bold;
 }

  
  .contact-blocks li a.location-map { 
  font-size: 15px;
  line-height: 23px;
  }
  

  a.location-map { 
  display: block;
    margin-top: 7px;
  }
    
section.contact .page__header { margin-top: 45px; margin-bottom: 10px; }
  
section.contact h3 {
display: block;
font-size: 21px;
line-height: 28px;
margin-bottom: 0px;
margin-top: 5px;
font-weight: 300;
}
  
section.contact h4 {
display: block;
font-size: 18px;
line-height: 24px;
font-weight: 600;
}
  
#contact_form { 
  width: 90%;
  max-width: 800px;
  }
 
 
  .support-container { 
  width: 98%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    margin-top: 50px;
  }
  
.page__rte.ff-body.rte.rte--page.support-page {
  display: inline-block;
  width: 70%;
  text-align: left;
  vertical-align: top;
}

.col-left {
  display: inline-block;
  width: 25%;
  text-align: left;
  vertical-align: top;
  margin-bottom: 60px;
}
  
  .col-left h3 a { 
  font-weight: bold;
    display: block;
    margin-bottom: 20px;
  }
 
  
  .col-left ul { list-style: none; }
    
  .col-left li { list-style: none;
margin: 7px 0;
border-bottom: 1px solid #eee;
margin: 0;
padding: 10px 0;
list-style: none;
  
  } 


  
  .col-left li a {
    color: #C93428;
    font-weight: normal;
    font-size: 15px;
    border: 0 !important;
    text-decoration: none;
    text-transform: none; }

  .col-left li a:hover { color: #000; }
    
  .support-page h3 { margin-bottom: 15px;}
  .support-page h4 { margin-bottom: 5px;}
  
  .footer__credits p { font-size: 12px; line-height: 24px; font-weight: 300; }
  
  
  
.suppport-contact-block { background: #f6f6f6; padding: 13px 20px 13px; margin: 0 auto; width: 98%; overflow: hidden; font-size: 12px; line-height: 16px; }
.suppport-contact-block strong { color: #333; font-weight: 800; }
.suppport-contact-block .contact-title { display: inline-block; float: left; width: 25%; font-weight: bold;  }
.suppport-contact-block .contact-stuff { display: inline-block; float: right; width: 70.5%; }
.suppport-contact-block .contact-stuff ul { margin: 0; padding: 0; overflow: hidden; width: 100%; }
.suppport-contact-block .contact-stuff li { display: inline-block; float: left; width: 23.3333%; margin-left: 2%; text-align: right; }
.suppport-contact-block .contact-stuff li:first-child { margin-left: 0; text-align: left; }
  
.suppport-contact-block .contact-stuff li a { color: #c93428; font-weight: bold; line-height: 20px; }
.suppport-contact-block .contact-stuff li a:hover { color: #c93428; text-decoration: underline; }

.suppport-contact-block .contact-stuff li strong, .suppport-contact-block .contact-stuff li a { float: right; display: inline-block; }

.icon-space { display: inline-block; margin-right: 10px; float: right;}
  
.oem-overview { width: 100%; max-width: 1280px; margin: 0 auto !important; }
.oem-overview ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.oem-overview li { display: inline-block; width: 49%; margin-right: 1%;  margin-bottom: 40px; float: left; }
.oem-overview li:last-child { margin-right: 0;}
.oem-overview h5 { margin-top: 10px; text-transform: none; }
  
  .rte h5, .rte h6, .shopify-policy__body h5, .shopify-policy__body h6 { letter-spacing: 0px; }
  
  p, a { font-weight: normal; }

.product-item__text h4 a { font-weight: bold; color: #000; }
.product-item__text h4 a:hover { font-weight: bold; color: #C93428; }

  .affiliate-page {
    overflow: hidden;
    padding-top: 50px;
}
  
.page-title-image {
    background: url(/cdn/shop/files/affiliate-header.jpg?v=1612212568) left 0px no-repeat;
    background-size: auto;
    background-size: cover;
    color: #fff;
    padding-top: 15%;
    padding-bottom: 15%;
    position: relative;
    max-height: 580px;
}
  
  .page-title-image.utility {
    background: url(/cdn/shop/files/Utility-Series-10.jpg?v=1634931100) left 0px no-repeat;
    background-size: auto;
    background-size: cover;
    color: #fff;
    padding-top: 15%;
    padding-bottom: 15%;
    position: relative;
    max-height: 580px;
}
  
  
.page-title-image h1, .page-title-image h2, .page-title-image p { color: #fff !important; }
.page-title-image h1 { font-weight: bold; font-size: 48px; line-height: 50px; text-align: left !important; margin-bottom: 10px; }
.page-title-image h2 { font-weight: bold; font-size: 21px; margin-top: 0; line-height: 24px; }
.page-title-image p { font-size: 16px; line-height: 21px; display: block; }
.summary-text { font-size: 21px; line-height: 29px; font-weight: 300; display: block; margin-top: 15px; }

.three-how-works { overflow: hidden; }
.three-how-works ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.three-how-works li {
  display: inline-block;
  padding-top: 100px;
  width: 20%;
  vertical-align: top;
  margin: 1%; }

.three-how-works li.arrow {
  background:url(/cdn/shop/files/arrow-aff.gif?v=1612212567) center center no-repeat;
  background-size: 65% auto;
  margin-top: 50px;
  margin-bottom: 20px;
  width: 10%; }


.three-how-works li.marketing {
    background:url(/cdn/shop/files/marketing-cirlce.gif?v=1612212567) center top no-repeat;
    background-size: 55px auto;
   }

.three-how-works li.commissions {
     background:url(/cdn/shop/files/money-in-hand.gif?v=1612212750) center top no-repeat;
     background-size: 55px auto;
    }

.three-how-works li.cj {
  background:url(/cdn/shop/files/CJ.gif?v=1612212750) center top no-repeat;
  background-size: 55px auto;
 }

 .three-how-works li.one {
     background:url(/cdn/shop/files/one.gif?v=1612212567) center top no-repeat;
     background-size: 60px 60px;
    }

 .three-how-works li.two {
      background:url(/cdn/shop/files/two.gif?v=1612212567) center top no-repeat;
      background-size: 60px 60px;
     }

 .three-how-works li.three {
   background:url(/cdn/shop/files/three.gif?v=1612212567) center top no-repeat;
   background-size: 60px 60px;
  }
  

 .three-how-works li.headphones {
     background:url(/cdn/shop/files/headphone-utility.jpg?v=1635524838) center top no-repeat;
     background-size: 60px 60px;
    }

 .three-how-works li.cable {
      background:url(/cdn/shop/files/cable-utility.jpg?v=1635524838) center top no-repeat;
      background-size: 60px 60px;
     }

 .three-how-works li.enjoy {
   background:url(/cdn/shop/files/enjoy-utility.jpg?v=1635524838) center top no-repeat;
   background-size: 60px 60px;
  }
  

.affiliate-page { overflow: hidden; padding-top: 50px; }
  
  .grey-band-aff {
    background: #f7f7f7;
    padding: 50px 0;
    text-align: left;
    position: relative;
}

  
  .grey-band-aff.white-ff {
    background: #fff;
    padding: 50px 0 0;
    text-align: left;
}
  
  
.affiliate-page h3,
.grey-band-aff h3
{ font-weight: bold; font-size: 40px; line-height: 45px; color: #333; text-align: center; text-transform: capitalize; }

.affiliate-page h4 { color: #C93428; font-weight: bold !important; }
  
  
.grey-band-aff h3 { text-align: left; }

.grey-band-aff ul { overflow: hidden; text-align: center; margin: 0 !important; padding: 0 !important;  }
  
.grey-band-aff li {
  display: inline-block;
  vertical-align: top;
  width: 45%; margin: 0 2%; }

.grey-band-aff li img { width: 100%; height: auto; }

h4.easy { text-align: center; color: #333; display: block; font-size: 24px; margin-bottom: 40px; }

a.big-button { display: table; background: #C93428; color: #fff; padding: 20px 30px; font-size: 21px; text-align: center; font-weight: bold; margin-top: 15px;}

.cms-affiliate .main { max-width: 100%; }

.cms-affiliate .main-container { padding: 0 0; }
  
a.supportnav-selected { font-weight: bold !important; }
 
.v-mid {
  word-break: break-word;
  position: absolute;
  grid-area: media-text-content;
  padding: 0 0 0 0;
  top: 35%; left: 60%;
  text-align: left;
  transform: translate(-15%,-35%);
}
  

.v-mid-left {
  word-break: break-word;
  position: absolute;
  grid-area: media-text-content;
  padding: 0 0 0 0;
  top: 35%; left: 3%;
  transform: translate(3%,-35%);
  width: 42%;
  text-align: left;
}

.v-mid-top {
  word-break: break-word;
  position: absolute;
  grid-area: media-text-content;
  padding: 0 0 0 0;
  top: 35%; left: 3%;
  transform: translate(3%,-35%);
  width: 42%;
} 
  
.header__links-list.fs-body-base a { font-weight: 500; }
  
 .support-menu.mobile-view { 
	display: none;
  }
  
  
.video-holder {
    width: 50%;
    margin: -80px auto 0 !important; 
    text-align: center;
}
  
  
.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}




.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0px;
}
  
  
.upsell-addonbox img {
  height: 100px !important; 
}

#upsell-addon-porta-pro-oversized-cushions img.upsell-addon-img {
  height: 100px !important; 
  width: auto;
}

  
.upsell-addonbox-col1 {
  height: 100px;
  margin-right: 10px;
  }

h4.upsell-font-color.upsell-header { 
  font-weight: bold;
  margin-bottom: 10px;
  }
  
.upsell-addonbox-col2 { 
  width: 32% !important;
  padding-right: 10px;
  text-align: left !important;
  height: 100px;
  position: relative; }
  

.upsell-defaultbox .upsell-addonbox-col3 { height: 100px; }
  
.product-single__title.upsell-font-color.upsell-addon-title {
  text-align: left;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 14px;
  line-height: 18px;
}
  
.upsell-qty-input input { 
  border: 0;
  margin-top: 6px;
  border-bottom: 0px solid #eee;
  width: 50px; }
  
.upsell-addonbox-col3 { 
 position: relative; 
  }
  
.upsell-button-qty { 
  text-align: left;
  position: relative;
  z-index: 1;
  right: -10px;
  top: 0;
  width: 60%;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  border-bottom: 1px solid #eee;
  line-height: 15px;
  bottom: 10px;
  height: 30px;
}
  
.upsell-price-value {
  text-align: left;
  position: absolute;
  z-index: 2;
  left: -40%;
  top: 50%;
  width: 60%;
  font-weight: bold;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  line-height: 15px;
}
  
  
.upsell-qty-label { margin-top: 5px; }
  
  
.upsell-container { 
border-top: 1px solid #eee;
padding-top: 10px;
margin-bottom: 40px !important;
}

button.btn.btn--full.product-form__cart-submit.upsell-addToCart.upsell-btn-qty { 
  padding-left: 15px !important;
  padding-right: 15px !important;
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #ccc !important;
  margin-top: 10px;
}
  
button.btn.btn--full.product-form__cart-submit.upsell-addToCart.upsell-btn-qty:hover { 
background: #C93428 !important;
color: #fff !important;
border: 1px solid #C93428 !important;
}
  
.upsell-qty-wrapper { justify-content: left !important; padding-bottom: 10px; }

.upsell-default .upsell-addonbox { margin-bottom: 20px; }



#button-cushion-size { margin: 0px !important; padding-bottom: 15px; display: block; }


.color-cushions-upsell #customUpsellControls { width: 200px; overflow: hidden; }


.color-cushions-upsell .upsell-ui-block-wrapper { text-align: left; margin-top: 13px; }
.color-cushions-upsell .upsell-button-qty {
  width: 60px;
  border-bottom: 1px solid #eee;
  font-size: 13px;
  float: left;
  display: inline-block;
  height: 40px;
  margin-left: -5px !important;
  padding: 0 5px; }

.color-cushions-upsell button.btn.btn--full.product-form__cart-submit.upsell-addToCart.upsell-btn-qty {
width: 100px;
display: inline-block;
margin-top: 0px;
float: right;
background: #C93428 important;
color: #fff important;
line-height: 30px;
}


#upsell-addon-porta-pro-oversized-cushions { margin-top: 0px; }

#upsell-addon-porta-pro-oversized-cushions { display: flex; gap: 5px; }

#button-cushion-size {
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
  position: relative;
}

#button-cushion-size label {
    float:left;
    width:170px;
    margin:4px;
    background-color:#ffffff;
    overflow:auto;
    color: #C93428;

}

#button-cushion-size label span {
    text-align:center;
    font-size: 16px;
    line-height: 21px;
    padding:10px 15px;
    display:block;
    border: 1px solid #ccc;
}

#button-cushion-size label input {
    position:absolute;
    top:-20px;
}

#button-cushion-size input:checked + span {
    background-color:#fff;
    color:#C93428;
    border: 1px solid #C93428;
}

#button-cushion-size .standard, #button-cushion-size .oversized {
    background-color:#fff;
    color:#000;
}

.color-cushions-upsell .upsell-addonbox {
display: flex;
}

.color-cushions-upsell .upsell-addonbox-col1 {
border: 1px solid #fff;
}
.color-cushions-upsell .upsell-addonbox-col1.active {
border: 1px solid #c93428;
}

.color-cushions-upsell .upsell-addonbox img { height: 87px !important; }

.color-cushions-upsell .upsell-addonbox-col1 {
  height: 89px;
  margin-right: 3px;
}

.color-cushions-upsell .upsell-container { margin-bottom: 0 !important;}  


  /* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: relative;
  z-index: 15;
  padding: 0px 25px;
  margin: 0 auto 30px;
  background: #fff;
  border-bottom: 1px solid #eee;
}

.navbar-wrapper.filter-page.cloned {
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);
 	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);
  	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);
  	border-bottom: 1px solid #eee;
  	z-index: 9999!important;
  	 }

.nav.navbar-nav { max-width: 1440px; margin: 10px auto; overflow: hidden; text-align: center; }
  
ul.nav.navbar-nav { margin-left: auto; padding-left: 0px; margin-right: auto; }

.nav.navbar-nav li { display: inline-block; margin: 0 5px; padding-bottom: 7px; font-weight: 500; color: #454545; }

.nav.navbar-nav li a { border-bottom: 2px solid #eee; display: inline-block; color: #454545; padding-bottom: 7px; font-weight: 300; }

.nav.navbar-nav li a:hover { color: #C93428; text-decoration: none; border-bottom: 2px solid #C93428; }

.nav.navbar-nav li.menuItem.active a {  color: #C93428; text-decoration: none; border-bottom: 2px solid #C93428; font-weight: 500; }


.navbar.navbar-inverse.navbar-static-top {
  background: #5cb85c;
  border-color: #398439;
}
.navbar.navbar-inverse.navbar-static-top a{
  color:#fff;
}
.navbar.navbar-inverse.navbar-static-top a:hover{
  color:#0A64A4;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus{
  background:#398439;
  font-weight:700;
}
.navbar-inverse .navbar-nav>.active>a:hover {
  background:#398439;
  color:#fff;
  font-weight:700;
}
  
.history-content h2, .band h2 strong, .first-three-headphones h2 { font-size: 38px; line-height: 42px; font-weight: 300; }
  
 
.contact form { 
  max-width: 780px;
  margin: 0 auto;
  }
  
.contact form .col-md-6 { 
  display: block !important;
  width: 100% !important;
  margin: 20px auto !important;
  } 
  
.contact form legend { font-weight: bold; display: block; margin-bottom: 10px; }
  
input.button, button.button {
background: #1d1d1d;
color: #fff;
font-size: 15px;
line-height: 21px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
padding: 15px 30px;
transition: all 0.2s linear 0s;
border: 1px solid #1d1d1d !important;
  }  

  
input:hover.button, button.button:hover {
background: #C93428;
opacity: 1;
border: 1px solid #C93428 !important;
text-decoration: none;
  }  
 
  button.button {
  display: table;
  margin-left: auto;
  margin-right: auto;
  }
  
  
  
form#contactForm select, section.contact select {
    background: #fff url("/cdn/shop/files/arrow-down.gif?v=1615835338") right 10px no-repeat;
    border: 1px solid #ccc;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #ccc;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.075) inset;
    outline: 0 none;
    padding: 0.75em;
    display: block;
    width: 100%;
}
  
  
  .contact form .control-group { font-weight: bold; }
  
  input[type="text"], input[type="text"]:disabled, input[type="tel"], input[type="email"], input[type="search"], input[type="password"], textarea, input#coupon_code {
    border: 1px solid #999999;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.075) inset;
    outline: 0 none;
    padding: 0.75em;
    display: block;
    width: 100%;
}
  
  input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus {
    background-color: #f1f1f1;
    border-color: #f1f1f1;
    box-shadow: none;
}

.accordion { border-top: 1px solid #eee !important; padding-top: 10px; }

.product-single__description .accordion
{
    margin: 10px 0 !important;
  }

.product--accordion .accordion__label, .product-single__description .accordion .accordion__label { margin: 0 0 0 0 !important; }
  
 #shopify-section-product--static .product__policies.rte { display: none !important; }
  
a.buy-on-amazon { background: #faca52; 
color: #333;
font-size: 15px;
line-height: 21px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
padding: 18px 30px 5px;
width: 100%; 
display: block;
transition: all 0.2s linear 0s;
text-align: center; 
margin-top: 10px;
margin-bottom: 10px;
  }

a.buy-on-amazon img {width: 130px; height: auto;}
  
a:hover.buy-on-amazon {opacity: .8;}
  
  
#fedexCrossBorderOverlay h2, #fedexCrossBorderOverlay p, #fedexCrossBorderOverlay h3 { 
    margin-bottom: 25px;
  }
  
   #fedexCrossBorderOverlay p { 
    margin-bottom: 15px;
    line-height: 24px;
  }
  
  
  .quick-search__input::placeholder {
    color: inherit;
    opacity: 1;
    color: #999 !important;
}
  
  .quick-search__bar input[type="text"] { 
  	color: #000 !important;
  }
  

  
  .manual-link a { 
    color: #c93428;
    font-weight: 800 !important;
    font-size: 14px;
    display: block;
    margin-top: -5px;
    line-height: 21px;
    margin-left: 10px;
    margin-bottom: 20px; }
  
    .manual-link a:hover { 
    color: #c93428;
    font-weight: 800 !important;
    font-size: 14px;
    text-decoration: underline;
    line-height: 21px;
    margin-bottom: 20px; }

.product--accordion .accordion__text, .product-single__description .accordion .accordion__text {
padding-left: 11px;
padding-right: 11px;
}
  
  
#contactForm.warranty { overflow: hidden; }
  
#contactForm.warranty ul { 
list-style: none; margin: 0; padding: 0; }
  
#contactForm.warranty li .field.the-name { 
display: inline-block;
width: 47.7%;
margin: 1%;
}
  
  
#contactForm.warranty .fieldset { margin-top: 0px; }  
#contactForm.warranty label {  font-weight: bold; }
  
#contactForm.warranty .input-box, .the-product-deets { margin: 0; }
  
.the-product-deets { padding-bottom: 0 !important;  margin: 0 !important; }
  
#contactForm.warranty li.fields { margin-bottom: 0; }
  
.the-product-deets li { 
width: 31.33%;
margin: 1%;
display: inline-block;
float: left;
vertical-align: top;
}
  
  
#contactForm.warranty em { padding-right: 5px; color: #c93428; }
  
#contactForm.warranty .city-state-zip { margin-top: 10px; margin-bottom: 0px; overflow: hidden; }
  
#contactForm.warranty .city-state-zip li { 
width: 23%;
margin: 1%;
display: inline-block;
float: left;
vertical-align: top;
}
  
#contactForm.warranty small { display: inline-block; vertical-align: top; }
  
 
  #nerdy-form-12358 .nf-form-check { margin-top: 0px !important; padding-top: 0px !important; }
  #nerdy-form-12358 .nf-form-check-label { margin-left: 10px; margin-top: 0px;  } 
  #nerdy-form-12358 label.nf-form-check-label p { margin-top: 3px !important; display: inline-block; }
  #nf-container-custom_60db38d559bad div { text-align: center; padding-top: 0; margin-top: 0; font-weight: 300; }
  #nerdy-form-12358 .nf-form-check { text-align: center; }
  #nerdy-form-12358 .nf-form-check input.nf-form-check-input { display: inline-block !important; }
  label.nf-form-check-label { display: inline-block !important; }
  

  .quick-cart__container option { 
  color: #000 !important;
  }
  
  
  .control-description { font-weight: bold; }
  
  
    /* Responsive Styles
-------------------------------------------------- */
@media only screen and (max-width: 1380px) { 
  
  .history-video-lead {
    height: auto;
    position: absolute;
    padding: 2% 3%;
}
  .history-video-lead h1 { margin-bottom: 10px; }
  
  .history-video-lead h2 { width: 55%; }
} 
 
  
@media only screen and (max-width: 1300px) { 
.product-single__title.upsell-font-color.upsell-addon-title {
    text-align: left;
    position: relative;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    line-height: 18px !important;
    font-size: 14px !important;
}
  
  .upsell-price-value {
    text-align: center;
    display: block;
    position: relative;
    z-index: 2;
    left: 0;
    top: -20px;
    width: 100%;
    font-weight: bold;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    line-height: 15px;
    margin-bottom: 5px;
}
  
  .upsell-button-qty {
    text-align: center;
    position: relative;
    display: block;
    z-index: 2;
    left: 0;
    top: -20px;
    width: 60%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    border-bottom: 1px solid #eee;
    line-height: 15px;
    margin-bottom: 0px !important;
}
  
button.btn.btn--full.product-form__cart-submit.btn--primary.upsell-addToCart.upsell-btn-qty { 
  width: 100%;
  margin-top: -35px;
}
  
  .upsell-button-qty {
    margin-bottom: 0px;
}
  

}
    
    
@media only screen and (max-width: 1180px) { 
  
  .v-mid-top {
    width: 88%;
}
  
  #contactForm.warranty li .field.the-name { 
display: inline-block;
width: 47%;
margin: 1%;
}
  
}  
  
  
@media only screen and (max-width: 1100px) {
  
  .contact-blocks { 
  margin-top: 45px;
  }
  
.contact-blocks li {
    width: 100%;
    display: block;
    margin: 1% 0 0 0;
    height: auto;
}
  
  
  .container-center-text {
    position: relative;
    text-align: center;
    z-index: 2;
    top: auto;
    left: auto;
    width: 100%;
    padding: 10px;
    -moz-transform: translateX(0%) translateY(0%);
    -webkit-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
}
  
  .video-holder {
    width: 90%;
    margin: -80px auto 0 !important; 
    text-align: center;
}
  
}
  
  
  @media only screen and (max-width: 1070px) { 
  
  .history-video-lead {
    height: auto;
    position: absolute;
    padding: 2% 3%;
}
  .history-video-lead h1 { font-size: 24px; margin-bottom: 5px; }
  
  .history-video-lead h2 { width: 55%; font-size: 16px; line-height: 21px; }
} 
  
    
@media only screen and (max-width: 990px) {
  
.v-mid {
  word-break: break-word;
  position: relative;
  display: block;
  grid-area: media-text-content;
  padding: 0 0 0 0;
  top: 0; left: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  transform: translate(0,0);
}

.v-mid-left {
  word-break: break-word;
  position: relative;
  grid-area: media-text-content;
  padding: 0 0 0 0;
  top: 0; left: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translate(0,0);
  width: 100%;
  margin-bottom: 30px;
}


.page-title-image {
    background: url(/cdn/shop/files/affiliate-header.jpg?v=1612212568) left 0px no-repeat;
    background-size: auto;
    background-size: 100% auto;
    color: #fff;
    padding-top: 45%;
    padding-bottom: 0%;
    border-bottom: 1px solid #eee;
    position: relative;
    max-height: 580px;
}
  
  .page-title-image.utility {
    background: url(/cdn/shop/files/Utility-Series-10.jpg?v=1634931100) left 0px no-repeat;
    background-size: auto;
    background-size: 100% auto;
    color: #fff;
    padding-top: 39%;
    padding-bottom: 0;
    position: relative;
    max-height:450px;
    display: block;
    border-bottom: 0;
}

.page-title-image h1, .page-title-image h2, .page-title-image p { color: #333 !important; }
  
.affiliate-page h3, .grey-band-aff h3, .page-title-image.utility h3  { font-size: 30px;
line-height: 40px; }

.v-mid-top {
  word-break: break-word;
  position: relative;
  grid-area: media-text-content;
  padding: 0 0 0 0;
  top: 0; left: 0;
  transform: translate(0,0);
  margin-left: auto;
  margin-right: auto;
  width: 90%;
   margin-top: 0px !important;
}

  .grey-band-aff { margin: 0 !important; padding: 40px 0 0 0 !important; }
  
  
  .grey-band-aff li {
    display: block;
    vertical-align: top;
    width: 90%;
    margin: 0 auto;
}
  
.grey-band-aff li img {
    width: 100%;
    height: auto;
}
  
.three-how-works li.arrow {
    background: url(/cdn/shop/files/arrow-aff-down.gif?v=1612212567) center center no-repeat;
        background-size: auto;
    background-size: 65% auto;
    margin-top: 0px;
    width: 10%;
}

.three-how-works ul {
text-align: center;
}

.three-how-works li {
  display: block;
  padding-top: 100px;
  width: 90%;
  margin: 0 auto;
  vertical-align: top; }
  
  
  .activated-caption-content ul li { text-align: left; }
  
  .support-container { margin-top: 15px; }
  
  .col-left {
    display: block;
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin: 0px auto 20px;
    
}
  
  .page__rte.ff-body.rte.rte--page.support-page {
    display: block;
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
}
  
  .support-menu.desktop-view { 
	display: none;
  }
  
  
  .support-menu.mobile-view { 
	display: block;
    width: 100%;
    margin: 10px auto;
  }
  
  
.support-menu.mobile-view select.mobile-nav {
width: 100%;
margin: 0 auto !important;
}

.select-css {
display: block;
padding: 15px;
width: 100%;
max-width: 100%;
height: 50px;
box-sizing: border-box;
margin: 0;
border: 0px solid #aaa;
border-radius: 0px;
font-size: 14px;
line-height: 15px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: #c93428 url('/cdn/shop/files/white-down-arrow.png?v=1612885244') no-repeat;
background-position: 98% 19px;
background-size: 20px auto;
color: #fff;
font-weight: bold;
}
  
.select-css::-ms-expand {
display: none;
color: #fff;
}
.select-css:hover {
border-color: #888;
color: #fff;
}
.select-css:focus {
border-color: #aaa;
box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
box-shadow: 0 0 0 3px -moz-mac-focusring;
color: #333;
color: #fff;
}
.select-css option {
font-weight:normal;
}
  
  
  .history-video-lead {
    height: auto;
    position: absolute;
    padding: 2.5% 3%;
}
  .history-video-lead h1 { font-size: 30px; margin-bottom: 20px; }
  
  .history-video-lead h2 { display: none; }
  
}
  
  
  
@media only screen and (max-width: 770px) {
  .oem-overview li {
    display: block;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 40px;
    float: none;
}
  
  .suppport-contact-block .contact-stuff {
    display: inline-block;
    float: left;
    width: 100%;
}
  
.suppport-contact-block .contact-title { display: none; }
.suppport-contact-block .contact-stuff li { display: inline-block; float: left; width: 29.33%; margin-left: 2%; text-align: left; }
  
.suppport-contact-block .contact-stuff li img.icon-space { display: none; }
  

  
}
  
  
   @media only screen and (max-width: 750px) {   
    .video-holder {
    width: 90%;
    margin: -70px auto 0 !important; 
    text-align: center;
}
 
}
  
  
  
@media only screen and (max-width: 680px) {   
  /* ============================================ *
 * History Section
 * ============================================ */

 .history-video-lead {
 	height: auto;
 	position: absolute;
 	padding: 7%;
 }

.history-video-lead h1, .history-video-lead h2, .history-video-lead h3 { color: #fff !important; }

.history-video-lead h1 { text-align: left !important; }

.history-video-lead h2,.history-video-lead h3 { width: 45%; font-weight: 300; font-size: 22px; line-height: 32px; margin: 0 0 2.5%; }

.history-video-lead a.watch-video {
	padding: 20px 25px 20px 75px;
	display: block;
	cursor: pointer;
	background: #c93428 url("/skin/frontend/koss/default/images/history/play-arrow.png") 15px 15px no-repeat;
	background: #c93428 url("/skin/frontend/koss/default/images/history/play-arrow.svg") 15px 15px no-repeat;
	background-size: 15%;
    display: inline-block;
    border: 0;
    line-height: 18px;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 auto;
    font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: all 0.2s linear 0s;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.history-video-lead a.watch-video:hover {
	background: #fff url("/skin/frontend/koss/default/images/history/play-arrow-on.png") 15px 15px no-repeat;
	background: #fff url("/skin/frontend/koss/default/images/history/play-arrow-on.svg") 15px 15px no-repeat;
	background-size: 15%;
	color: #c93428;
	text-decoration: none;
 }

.history img { width: 100%; height: auto; }

.to-the-right { float: right; }

.band { padding: 70px 0; overflow: hidden; border-bottom: 1px solid #ededed; }
.band-right { float: none; display: block; width: 100%; }
.band-left { float: none; display: block; width: 100%; }
.band-left img, .band-right img { width: 100%; height: auto; }
.band-left p, .band-right p { width: 75%; margin: 0 auto; text-align: center; }
.band h2 { text-align: center; }
.band h2 strong { font-weight: 400; letter-spacing: -1.5px; }
.band h3 { text-align: center; }



.image-left-side { width: 100%; float: none; display: block; }
.image-right-side { width: 100%; float: none; display: block; }
.to-the-left { float: none; }
img.inventing { display: block; width: 100%; height: 100%; }
img.inventing-right { display: block; width: auto; height: 100%; float: none; padding: 5%; }

.band.three-up ul, .band.four-up ul, .band.five-up ul, .band.six-up ul { margin-bottom: 0px; padding-left: 0px; }
.band.three-up li h3, .band.four-up li h3, .band.five-up li h3, .band.six-up li h3  { margin-bottom: 0px; }
.band.three-up li img, .band.four-up img, .band.five-up img, .band.six-up img { width: 100%; height: auto; margin-bottom: 5%; }
.two-up img { margin-bottom: 5%; }

.band.five-up img, .band.six-up img, .band.four-up img { padding: 15%; }

.band.two-up img { padding: 0 10% 0; }

.band.three-up li { width: 100%; display: block; margin-bottom: 50px; }

.band.four-up li { width:  100%; display: block; margin-bottom: 50px; }

.band.five-up li { width:  100%; display: block; margin-bottom: 50px; text-align: center; }

.band.six-up li { width:  100%; display: block; margin-bottom: 50px; text-align: center; }

.band.three-up.products img { padding: 10%; }


.billboard-txt {
	margin-top: 15%;
}


.history-container-top {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: table;
}
.history-container {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.history-content {
    padding: 0 15%;
    display: block;
    float: none;
    text-align: center;
}

.history-content-left {
    padding: 0 15%;
    display: block;
    float: none;
    text-align: center;
}

.history-content p, .history-content-left p { text-align: left; }

.first-four-headphones ul, .first-three-headphones ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.first-four-headphones li {
	display: block;
	float: none;
	width: 100%;
	text-align: center;
}

.first-three-headphones li {
	display: block;
	float: none;
	width: 100%;
	text-align: center;
}

.first-four-headphones li img, .first-three-headphones li img { margin: 0 auto 15px; height: auto; width: auto; margin-bottom: 25px; }

 .first-three-headphones li img { padding: 0 5% 5%; }

.first-four-headphones h2, .first-three-headphones h2 { font-weight: 400; }

.first-four-headphones li p, .first-three-headphones li p { width: 70%; margin: 0 auto; }

.airforce1 img { width: 50%; float: left; display: inline-block; margin-bottom: 50px; }

.founded { padding: 5% 5% 0; }

   }

    
 @media only screen and (max-width: 680px) {   
	.history-video-lead {
    	height: auto;
    	position: absolute;
    	padding: 0;
      	left: 35px;
	}
   
   .history-video-lead a.watch-video {
    padding: 10px 15px 10px 55px;
    display: block;
    cursor: pointer;
    background: #c93428 url("/cdn/shop/files/play-arrow.svg?v=1611937578") 15px 15px no-repeat;
    background-size: auto;
    background-size: 25px 25px;
    display: inline-block;
    border: 0;
    line-height: 18px;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 auto;
    font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: all 0.2s linear 0s;
}
   
   .history-video-lead h1 { margin-bottom: 0px; }
}
  
 @media only screen and (max-width: 620px) {   
    .video-holder {
    width: 90%;
    margin: -30px auto 0 !important; 
    text-align: center;
}
   
a.buy-on-amazon { background: #faca52; 
margin-top: 12px;
}
   
   #contactForm.warranty li .field.the-name, .the-product-deets li, #contactForm.warranty .city-state-zip li {
    display: inline-block;
    width: 98%;
    margin: 1%;
}
   
.upsell-addonbox-col3 div {
  display: block !important;
  width: 80px !important;
}

}
  
  .btn.light { border: 1px solid #999; }
  
  @media only screen and (max-width: 800px) {
  
    .cart__footer-actions .btn, .cart__footer-actions .shopify-payment-button__button, .cart__footer-actions .spr-summary-actions-newreview, .btn.light {
    width: 100%; display: block;  margin-bottom: 10px; margin-left: 5px !important; margin-right: 5px; float; none; text-align: center !important; }
  
  }
  
  
@media only screen and (max-width: 500px) {  
  
  .navbar-wrapper { display: none; }
  
 
}
    
.uwy {
	display: none;
}
  
.fs-body-base.footer__text::after { 
content: "";
width: 130px;
height: 75px;
background: url("/cdn/shop/files/John-C-Koss.gif?v=1628782678") top left no-repeat;
background-size: 100% auto;
position: relative;
display: block;
padding-top: 15px;
}
 
.footer__newsletter .fs-body-base.footer__text::after { 
display: none;
}
  
  .upsell-discount-color {
  	color: #c93428;
    margin: 0.5em 0;
    font-style: italic;
  }
  .upsell-discount-label {
  	padding-right: 25px;
  }
    
  	
  input#mce-EMAIL { 
    padding: 18px 20px !important;
    border: 1px solid #000;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    border: 1px solid #ccc;
    box-shadow: 1px 2px 3px rgba(0,0,0,.075) inset;
    outline: 0 none;
    padding: .75em;
    display: inline-block;
    width: 70%;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;

  }
  
  @media only screen and (max-width: 1450px) {  
    
    input#mce-EMAIL { width: 100%; }
  
  }
  
  img.newsletter-guy { width: 90%; max-width: 520px; height: auto; margin: 0 auto 25px; }
  
  p.koss-newsletter { font-size: 18px; line-height: 28px; text-align: center; }
  
  .become-insider { text-align: center; width: 90%; max-width: 460px; margin: 10px auto 0 !important; }
  
  .become-insider #mc_embed_signup, .become-insider #mc_embed_signup_scroll { margin: 0 !important; padding: 0 !important; }
  
  .become-insider input#mce-EMAIL { width: 100%; }
  
  .popup__content input#mce-EMAIL { background: #fff; color: #333; }
  
  .popup__content input#mc-embedded-subscribe { background: #c93428;  }
  
h2.voting-title { margin-top: 50px; display: block; text-align: center; color: #C93428; font-size: 38px; line-height: 48px; }
h3.voting-title { display: block; text-align: center; font-size: 28px; line-height: 36px; margin-top: 0px !important; }
h3.voting-title .red-highlight { color: #C93428; }
p.voting-description, p.email-vote { display: block; text-align: center; font-size: 18px; 30px; width: 90%; margin: 0 auto; }
p.email-vote { margin-bottom: 25px; }
.indicates-required { display: block; text-align: center; margin-top: 0px; }
.asterisk { color: #C93428; }
#mc_embed_signup_scroll, #mc_embed_signup {  margin-top: 0px; }
  
  img.voting-header { margin-top: 40px; }
  
  .at-share-btn-elements { margin-top: 0!important; padding-top: 0!important; }
  
  #atstbx { margin-top: 7px!important; }
  
.colorways { overflow: hidden; text-align: center;} 
  
.colorways label {
  padding: 0;
  margin: 5px 0;
  font: 18px/26px Arial, sans-serif;
  border: 2px solid #fff;
  display: inline-block;
  margin: .75%;
  width: 23%;
  padding-bottom: 18px;
  text-align: center;
  background: #fff;
  font-weight: bold;
  display: inline-block; 
  margin: 0 .5%;
  }

  
p.voting-description.votes-count { font-size: 21px; line-height: 30px; }

.colorways label { background: #f0f0f0; border: 2px solid #f0f0f0; padding-bottom: 30px; }
  
.colorways label span.lift { margin-top: -5px; }


.colorways label:hover {
    border: 2px solid #c93428;
    cursor: pointer !important;
  }

.colorways img { width: 100% !important; height: auto; margin-bottom: 30px; }

.colorways label input[type="checkbox"] {
  position: relative;
  top: 3px;
  margin-right: 10px;
  border: 2px solid #999;
  background: #fff;
}

.colorways label.isSelected {
  border: 2px solid #c93428;
}

.mc-field-group { display: block; max-width: 900px; margin: 0 auto !important; text-align: center; }
  
#mc-embedded-subscribe-form input.button.vote-kph40 { cursor: pointer !important; font-size: 21px; line-height:28px; display: block; margin: 0 auto !important; }

  p.small-vote { font-size: 14px; line-height: 18px; }
  
.colorways input[type="checkbox"]:checked::before { background-color: #C93428 !important; }
  
  @media screen and (max-width: 780px) {
h2.voting-title { margin-top: 30px; display: block; text-align: center; color: #C93428; font-size: 30px; line-height: 38px; }
p.voting-description, p.email-vote { display: block; text-align: center; font-size: 16px; width: 90%; margin: 0 auto; }
    
.colorways label { margin: .75%; width: 45%; margin: 1%; }
}

label.colorway { position: relative; }
.zoomies { position: absolute; z-index: 1; right: 5px; top: 5px; width: 45px; height: 50px; display: block; font-size: 11px; text-align: center; }
.zoomies img.zoom-in { width: 20px !important; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 0px; }
.featherlight-inner img { width: 100%; height: auto; }

#verifySpinner { width: 30px !important; height: 30px !important; display: block; margin-bottom: 15px; }

ul.lifestyles-nav { padding-left: 0px; margin: 0 0 50px 0; }
ul.lifestyles-nav li { overflow: hidden; }
ul.lifestyles-nav li a { display: block; display: inline-block; width: 100%; color: #000; font-weight: bold; transition: .3s ease; }
ul.lifestyles-nav li a:hover { color: #C93428;  }
.col-left.sidebar.life { float: left; }
h1.page__heading.life-header { font-weight: bold; margin: 0px auto 30px; text-align: left; }
.icon.lifestyle-navey { color: #666666; display: inline-block; float: right; transform: rotate(-90deg); opacity: 1; }
.life-style-page { display: inline-block; float: left; width: 44%; margin-left: 2.5%; margin-bottom: 60px; text-align: left; }
.influencers-side-bar { text-align: left; width: 25%; display: inline-block; float: right; vertical-align: top;}
.influencers-side-bar h2, .life-style-page h2 { font-weight: bold; margin-bottom: 10px; }
.influencers-side-bar a { color: #C93428;  }
.influencers-side-bar a:hover { text-decoration: underline; }
a.influencer-spot { display: block; width: 100%; margin-top: 20px; text-decoration: underline; }
a:hover.influencer-spot { color: #000; }
a.influencer-spot img { display: block; width: 100%; }
.join-tribe { display: block; margin: 40px 0 40px; }
.join-tribe p { display: block; margin-bottom: 20px; font-size: 18px; line-height: 24px; }
ul.lifestyles-nav li a.active, ul.lifestyles-nav li a.active .icon.lifestyle-navey { color: #C93428; }
.hi-influencers { width: 75%; display: block; overflow: hidden; }
.hi-influencers ul { margin: 0; padding: 0; overflow: hidden; }
.hi-influencers ul li { width: 28%; margin: 0 2%; display: inline-block; vertical-align: top; margin-bottom: 40px; }
.hi-influencers ul li img { width: 100%; height: auto; }
.hi-influencers ul li h3 { display: block; margin: 15px auto 10px; font-weight: bold; }
.showcase-gallery .showcase-gallery-description { display: block; margin: 10px 0 15px; text-align: left; }

@media screen and (max-width: 1280px) {
  .upsell-addonbox-col2 {
  display: block !important;
  width: 100% !important;
  }

  .upsell-addonbox-col3 div { display: block !important; width: 95x !important; }

  .upsell-addonbox-col3 div.upsell-qty-label { display: inline-block; width: 30px !important; float: left; }

  .upsell-addonbox-col3 div.upsell-qty-input { display: inline-block; width: 30px !important; float: right; }

  .upsell-defaultbox .upsell-addonbox-col3 { height: 100px; width: 100%; text-align: right; }

  .upsell-price-value { text-align: right; }

  upsell-price-value {
  text-align: left;
  position: relative;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  font-weight: bold;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  line-height: 15px;
}

}

@media screen and (max-width: 1080px) {
  
  .col-left.sidebar.life, h1.page__heading.life-header { margin-left: 20px; }
  .life-style-page, .influencers-side-bar { width: 100%; margin-right: 20px; float: none; display: block; clear: both; }
  .influencers-side-bar { width: 70%; margin-left: auto; margin-right: auto; }


}

@media screen and (max-width: 1300px) {

  .upsell-addonbox-col2, .upsell-addonbox-col3 {
    display: block !important;
    width: 48% !important;
  }

  .upsell-addonbox-col3 { text-align: right; }

  .product-single__title.upsell-font-color.upsell-addon-title {
  text-align: left;
  position: relative;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, 0%);
  line-height: 21px;
}


.upsell-addonbox-col3 b { display: none; }

  .upsell-button-qty {
  text-align: left;
  position: relative;
  z-index: 2;
  left: 0;
  top: 0;
  width: 0;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  border-bottom: 1px solid #eee;
  line-height: 15px;
}

.upsell-button-qty { width: 80px; }

  button.btn.btn--full.product-form__cart-submit.btn--primary.upsell-addToCart.upsell-btn-qty {
  margin-top: 10px;
}
  
  .upsell-price-value {
  text-align: left;
  position: relative;
  z-index: 2;
  left: 0;
  top: 0;
  width: 0;
  font-weight: bold;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  line-height: 15px;
}


}


:root {
  --color-frame-background: #fff !important; }

.filter-item .filter-item__checkbox .icon
{
  width: 12px;
  height: 12px;
  opacity: 1 !important;
  color: #fff;
}

.quick-cart__container .btn.btn--primary {
  background-color: var(--color-text-dropdown);
  border-color: var(--color-text-dropdown);
  color: var(--color-background-dropdown); 
  color: #333 !important;
  }

.btn.btn--full.product-form__cart-submit { background: #C93428 !important; color: #fff !important; }
.btn.btn--full.product-form__cart-submit:hover { background: #000 !important; color: #fff !important; }



.placeholder-image svg, .quick-search__result-image .icon {
  fill: var(--color-foreground-meta);
  display: none;
}

.placeholder-image {
    background: #F5F5F5 url('/cdn/shop/files/koss-web-logo-large_42547224-27a9-4be2-8810-5f0aeaecbbbd.png?v=1716998963') center center no-repeat;
    background-size: 150px auto;
}

.quick-search__result-image {
    background: #F5F5F5 url('/cdn/shop/files/koss-web-logo-large_42547224-27a9-4be2-8810-5f0aeaecbbbd.png?v=1716998963') center center no-repeat;
    background-size: 40px auto;
}

.login__links { gap: 15px; }

strong { font-weight: bold !important; }

.fs-meta { opacity: 1 !important; color: #000; }

@media screen and (max-width: 410px) {
.color-cushions-upsell .upsell-addonbox img {
  height: 70px !important;
}

  .color-cushions-upsell .upsell-addonbox-col1 {
  height: 72px;
  margin-right: 3px;
}
 
}