@charset "UTF-8";
/*
	Examples
	.class-1 { @include aspect-ratio(); } 				No arguments defaults to a 1:1 ratio
	.class-2 { @include aspect-ratio(16, 9); } 			Width and height
	.class-3 { @include aspect-ratio(1.777778); } 		Ratio (calculated width/height)
	.class-4 { @include aspect-ratio(4px, 3px); } 		Comparable units
	.class-5 { @include aspect-ratio($ratio: 1.2); } 	Keywords
*/
/*link animations
@font-face {
  font-family: 'beatsbydre';
  src:  url('base/fonts/beatsbydre.eot?w6t9fb');
  src:  url('base/fonts/beatsbydre.eot?w6t9fb#iefix') format('embedded-opentype'),
    url('base/fonts/beatsbydre.ttf?w6t9fb') format('truetype'),
    url('base/fonts/beatsbydre.woff?w6t9fb') format('woff'),
    url('base/fonts/beatsbydre.svg?w6t9fb#beatsbydre') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
  /*font-family: "eddie";
  src: url("AlternateGothicNo2DRegular.ttf");
   IE9 Compat Modes */

  src: url("AlternateGothicNo2DRegular.ttf");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

@keyframes fadeInLeftIcon {
  from {
    opacity: 0;
    transform: translate3d(-200%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes fadeInRightIcon {
  from {
    opacity: 0;
    transform: translate3d(200%, 0, 0) rotate(180deg); }
  to {
    opacity: 1;
    transform: rotate(180deg); } }


header .search, header .search-bar-holder .form-holder .no-results, header .search-bar-holder .close, .mobile-nav .hamburger-nav, .modal .modal-close, .shop-beats-modal .mobile-title-bar .button-follow, footer .back-to-top, .beats-army [type="submit"], .beats-army-opt-in .right [type="submit"], .beats-army-opt-in .close, .search-more-wrapper.support-container form .submit,
.search-more-wrapper.support-container form .fa, .tag-listing-hero .tag-link .remove, .support .modal-close, .flag-innapropriate-modal .modal-close, .review-process .modal-close {
  position: absolute;
  top: 0;
  right: 0; }

header .search-bar-holder, .mobile-nav .search, .modal-back, .topics .box .bg, .solution .box .bg, .pdp-mobile-hero .back-bar .icon, .tag-listing-hero .breadcrumb, .support .steps .step li:before, .flag-innapropriate-modal .steps .step li:before, .review-process .steps .step li:before, .support .steps .step li:after, .flag-innapropriate-modal .steps .step li:after, .review-process .steps .step li:after, .pcp .bullets li:before, .pcp .bullets li:after, .accordion-wrapper .desktop-accordion .content ul li:before, .accordion-wrapper .desktop-accordion .content ul li:after {
  position: absolute;
  top: 0;
  left: 0; }

.scaler-child, .scaler-child .hover, .button .mask,
button .mask, .video-wrapper iframe, .video-wrapper object, .video-wrapper embed, .video-wrapper video, .video-wrapper .thumb, .image-mask-wrapper .mask, header .mask, .header-screen, .mobile-nav .hamburger-nav .icon, .background .background-image, .tag .mask, .tag-controls > .mask, .modal .loading .loading-inner, .shop-beats-modal .image-holder .hover, .flag-innapropriate-modal .button-accent:before, .video-playlist .queue .buttons, .featured-photo-gallery .background, .video-gallery-thumbs .thumb .buttons, .product-color-selector .background, .product-color-selector .color-selector-images .image-holder, .product-color-selector .color-selector-images .image-full, .product-color-selector .color-selector-images .image-full figure, .pdp-closing-callout .text-holder, .superhero .slides, .superhero .slide, .superhero .front, .superhero .back, .superhero .mask, .hero-standard .background, .hero-standard .background figure, .hero-standard .mask, .hero-pdp .hero-holder, .hero-pdp > .mask, .hero-pdp .product-video-holder, .hero-pdp .product-video-holder .product-video, .hero-pdp .product-images-holder, .hero-pdp .product-images-holder .product-image, .explore-hero .background, .explore-hero .background figure, .explore-hero .background picture, .explore-hero > .mask, .tag-listing-wrapper .tag-listing-hero-mask, .tag-listing-hero .mask, .tag-listing-hero .background, .product-tile .tile-inner, .product-tile .color-selector ul, .large-quote .background, .visual-romance.without-slideshow.module1 .vr-slideshow .text, .visual-romance.without-slideshow.module2 .vr-slideshow .text, .about .hero .mask, .about .full-width-quote .bg, .beats-audio .hero .bg, .beats-audio .hero .mask, .beats-audio .full-width-quote .bg, .visual-romance.without-slideshow .vr-slideshow .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

.explore-subnav li p, .audio-player .control, .closing-product-overview .prod-list .prod .fa, .support-hero .text-wrapper, .hero-pdp .prod-list .prod .fa, .pcp-mobile-filter .trigger .icon, .collaborations .product-wide .prod-list .prod .fa, .visual-romance.without-slideshow.module1 .vr-slideshow .text .inner, .visual-romance.without-slideshow.module2 .vr-slideshow .text .inner,
.valign-middle, .visual-romance.without-slideshow .vr-slideshow .text .inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

@media (min-width: 768px) {
  .pagination .prev:not(.disabled) a:not(.button):hover .icon:first-of-type {
    opacity: 0;
    animation-name: fadeInRightIcon; } }

header .subnav .browse-list ul, header .subnav-company ul, .mobile-nav .links > ul, .mobile-nav .subnav-products ul, .mobile-nav .list-standard, .mobile-nav .utility ul, .modal-share-nav ul, .search-results .results-tags ul, .search-results .results-products ul, .search-results .results-articles ul, .search-results .results-solutions ul, .retailer-bar .logos ul, .shop-beats-modal .share ul, .country-selector ul, footer .links ul, footer .links .social, .explore-details ul, .video-playlist .queue ul, .image-gallery .pagination, .collaboration-holder .products-list ul, .product-color-selector .color-selector-nav ul, .solution .steps, .search-more-wrapper.support-container .links ul, .warranty .accordion-wrapper, .superhero .nav ul, .hero-pdp .product-images, .hero-pdp .nav ul, .tag-listing-hero .breadcrumb ul, .product-tile .color-selector ul, .pcp-mobile-filter ul, .product-wide ul, .unboxing .product .content ul, .unboxing .product .content ol, .support-container .links ul, .support .breadcrumb ul, .flag-innapropriate-modal .breadcrumb ul, .review-process .breadcrumb ul, .related-questions ul, .terms .numberlist,
.list-reset {
  margin: 0;
  padding: 0;
  list-style: none; }

header .subnav .products-holder:before, .modal-share-nav ul:before, .explore-subnav .container:before, .explore-subnav .mobile-controller:before, .explore-subnav nav:before, .explore-subnav ul:before, .shop-beats-modal .modal-content:before, .shop-beats-modal .header:before, .shop-beats-modal .share ul:before, .country-selector .selector-content:before, .container:before, .page:before, .sharing.stick:before, footer .mobile-links .social:before, footer .mobile-select-country:before, .article .article-content:before, .article .mediawrapper:before, .video-playlist:before, .video-playlist .queue li:before, .video-gallery-thumbs .thumbs-holder:before, .beats-army-opt-in .left:before, .product-color-selector .color-selector-nav ul:before, .product-overview .prod-heading:before, .topics .boxes:before, .solution .boxes:before, .topics .box .inner:before, .solution .box .inner:before, .solution .step:before, .superhero .nav li:before, .hero-pdp .product-images:before, .hero-pdp .nav li:before, .tag-listing-hero .tags:before, .product-tile .product-photos:before, .component:before, .pcp-mobile-filter ul:before, .unboxing .product:before, .preference-center .submit:before, .about .image-grid:before, .beats-audio .audio-partnership .item:before,
header .subnav .products-holder:after,
.modal-share-nav ul:after,
.explore-subnav .container:after,
.explore-subnav .mobile-controller:after,
.explore-subnav nav:after,
.explore-subnav ul:after,
.shop-beats-modal .modal-content:after,
.shop-beats-modal .header:after,
.shop-beats-modal .share ul:after,
.country-selector .selector-content:after,
.container:after,
.page:after,
.sharing.stick:after,
footer .mobile-links .social:after,
footer .mobile-select-country:after,
.article .article-content:after,
.article .mediawrapper:after,
.video-playlist:after,
.video-playlist .queue li:after,
.video-gallery-thumbs .thumbs-holder:after,
.beats-army-opt-in .left:after,
.product-color-selector .color-selector-nav ul:after,
.product-overview .prod-heading:after,
.topics .boxes:after,
.solution .boxes:after,
.topics .box .inner:after,
.solution .box .inner:after,
.solution .step:after,
.superhero .nav li:after,
.hero-pdp .product-images:after,
.hero-pdp .nav li:after,
.tag-listing-hero .tags:after,
.product-tile .product-photos:after,
.component:after,
.pcp-mobile-filter ul:after,
.unboxing .product:after,
.preference-center .submit:after,
.about .image-grid:after,
.beats-audio .audio-partnership .item:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

header .subnav .products-holder:after, .modal-share-nav ul:after, .explore-subnav .container:after, .explore-subnav .mobile-controller:after, .explore-subnav nav:after, .explore-subnav ul:after, .shop-beats-modal .modal-content:after, .shop-beats-modal .header:after, .shop-beats-modal .share ul:after, .country-selector .selector-content:after, .container:after, .page:after, .sharing.stick:after, footer .mobile-links .social:after, footer .mobile-select-country:after, .article .article-content:after, .article .mediawrapper:after, .video-playlist:after, .video-playlist .queue li:after, .video-gallery-thumbs .thumbs-holder:after, .beats-army-opt-in .left:after, .product-color-selector .color-selector-nav ul:after, .product-overview .prod-heading:after, .topics .boxes:after, .solution .boxes:after, .topics .box .inner:after, .solution .box .inner:after, .solution .step:after, .superhero .nav li:after, .hero-pdp .product-images:after, .hero-pdp .nav li:after, .tag-listing-hero .tags:after, .product-tile .product-photos:after, .component:after, .pcp-mobile-filter ul:after, .unboxing .product:after, .preference-center .submit:after, .about .image-grid:after, .beats-audio .audio-partnership .item:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
header .subnav .products-holder, .modal-share-nav ul, .explore-subnav .container, .explore-subnav .mobile-controller, .explore-subnav nav, .explore-subnav ul, .shop-beats-modal .modal-content, .shop-beats-modal .header, .shop-beats-modal .share ul, .country-selector .selector-content, .container, .page, .sharing.stick, footer .mobile-links .social, footer .mobile-select-country, .article .article-content, .article .mediawrapper, .video-playlist, .video-playlist .queue li, .video-gallery-thumbs .thumbs-holder, .beats-army-opt-in .left, .product-color-selector .color-selector-nav ul, .product-overview .prod-heading, .topics .boxes, .solution .boxes, .topics .box .inner, .solution .box .inner, .solution .step, .superhero .nav li, .hero-pdp .product-images, .hero-pdp .nav li, .tag-listing-hero .tags, .product-tile .product-photos, .component, .pcp-mobile-filter ul, .unboxing .product, .preference-center .submit, .about .image-grid, .beats-audio .audio-partnership .item {
  *zoom: 1; }

/* child scales proportionally to container
.scaler-child .hover {
  text-align: center;
  z-index: 10; }
  .scaler-child .hover .button {
    top: 50%;
    margin-top: -22px;
    z-index: 15;
    opacity: 0; }
    .scaler-child .hover .button:focus {
      }
      .scaler-child .hover .button:focus + .bg {
        }
  .scaler-child .hover .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 0;
    padding: 0;
    margin: 0;
    opacity: 0; }
    .scaler-child .hover .bg.light {
      background: rgba(244, 244, 244, 0.7); }*/

/* containers set to specific aspect ratio */
.scaler-1x1 {
  position: relative; }
  .scaler-1x1:before {
    content: ' ';
    float: left;
    padding-top: 100%; }
  .scaler-1x1:after {
    content: ' ';
    display: table;
    clear: both; }

.scaler-2x1 {
  position: relative; }
  .scaler-2x1:before {
    content: ' ';
    float: left;
    padding-top: 48.82979%; }
  .scaler-2x1:after {
    content: ' ';
    display: table;
    clear: both; }

.scaler-4x3 {
  position: relative; }
  .scaler-4x3:before {
    content: ' ';
    float: left;
    padding-top: 75%; }
  .scaler-4x3:after {
    content: ' ';
    display: table;
    clear: both; }

.scaler-16x9 {
  position: relative; }
  .scaler-16x9:before {
    content: ' ';
    float: left;
    padding-top: 56.25%; }
  .scaler-16x9:after {
    content: ' ';
    display: table;
    clear: both; }

.scaler-1181x580 {
  position: relative;
  padding: 49.10% 100% 0 0; }

.scaler-700x960 {
  position: relative;
  padding: 137.1428571% 100% 0 0; }

.scaler-1060x561 {
  position: relative;
  padding: 52.9245283% 100% 0 0; }

.scaler-340x461 {
  position: relative;
  padding: 135.58823529% 100% 0 0; }

/* margin modifiers
.no-margin {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.no-margin-top {
  margin-top: 0px !important; }

.no-margin-right {
  margin-right: 0px !important; }

.no-margin-bottom {
  margin-bottom: 0px !important; }

.no-margin-left {
  margin-left: 0px !important; }

.horiz-centered {
  margin-left: auto !important;
  margin-right: auto !important; }*/

/* padding modifiers
.no-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.no-padding-top {
  padding-top: 0px !important; }

.no-padding-right {
  padding-right: 0px !important; }

.no-padding-bottom {
  padding-bottom: 0px !important; }

.no-padding-left {
  padding-left: 0px !important; }*/

/* border modifiers
.no-border {
  border-top: 0 none !important;
  border-bottom: 0 none !important; }

.no-border-top {
  border-top: 0 none !important; }

.no-border-right {
  border-right: 0 none !important; }

.no-border-bottom {
  border-bottom: 0 none !important; }

.no-border-left {
  border-left: 0 none !important; }*/

/* spacers (usually used as <hr/>)
.spacer {
  position: relative;
  width: 100%;
  clear: both;
  background: transparent;
  border: 0 none;
  margin: 0;
  padding: 0; }

.spacer-0 {
  padding-top: 0px !important; }

.spacer-1 {
  padding-top: 1px !important; }

.spacer-2 {
  padding-top: 2px !important; }

.spacer-3 {
  padding-top: 3px !important; }

.spacer-4 {
  padding-top: 4px !important; }

.spacer-5 {
  padding-top: 5px !important; }

.spacer-6 {
  padding-top: 6px !important; }

.spacer-7 {
  padding-top: 7px !important; }

.spacer-8 {
  padding-top: 8px !important; }

.spacer-9 {
  padding-top: 9px !important; }

.spacer-10 {
  padding-top: 10px !important; }

.spacer-20 {
  padding-top: 20px !important; }

.spacer-30 {
  padding-top: 30px !important; }

.spacer-40 {
  padding-top: 40px !important; }

.spacer-50 {
  padding-top: 50px !important; }

.spacer-60 {
  padding-top: 60px !important; }

.spacer-70 {
  padding-top: 70px !important; }

.spacer-80 {
  padding-top: 80px !important; }

.spacer-90 {
  padding-top: 90px !important; }

.spacer-100 {
  padding-top: 100px !important; }

.spacer-110 {
  padding-top: 110px !important; }

.spacer-120 {
  padding-top: 120px !important; }

.spacer-140 {
  padding-top: 140px !important; }

.spacer-160 {
  padding-top: 160px !important; }

.spacer-180 {
  padding-top: 180px !important; }

.spacer-200 {
  padding-top: 200px !important; }

@media (min-width: 768px) {
  .spacer-xs-0 {
    padding-top: 0px !important; }
  .spacer-xs-1 {
    padding-top: 1px !important; }
  .spacer-xs-2 {
    padding-top: 2px !important; }
  .spacer-xs-3 {
    padding-top: 3px !important; }
  .spacer-xs-4 {
    padding-top: 4px !important; }
  .spacer-xs-5 {
    padding-top: 5px !important; }
  .spacer-xs-6 {
    padding-top: 6px !important; }
  .spacer-xs-7 {
    padding-top: 7px !important; }
  .spacer-xs-8 {
    padding-top: 8px !important; }
  .spacer-xs-9 {
    padding-top: 9px !important; }
  .spacer-xs-10 {
    padding-top: 10px !important; }
  .spacer-xs-20 {
    padding-top: 20px !important; }
  .spacer-xs-30 {
    padding-top: 30px !important; }
  .spacer-xs-40 {
    padding-top: 40px !important; }
  .spacer-xs-50 {
    padding-top: 50px !important; }
  .spacer-xs-60 {
    padding-top: 60px !important; }
  .spacer-xs-70 {
    padding-top: 70px !important; }
  .spacer-xs-80 {
    padding-top: 80px !important; }
  .spacer-xs-90 {
    padding-top: 90px !important; }
  .spacer-xs-100 {
    padding-top: 100px !important; }
  .spacer-xs-110 {
    padding-top: 110px !important; }
  .spacer-xs-120 {
    padding-top: 120px !important; }
  .spacer-xs-140 {
    padding-top: 140px !important; }
  .spacer-xs-160 {
    padding-top: 160px !important; }
  .spacer-xs-180 {
    padding-top: 180px !important; }
  .spacer-xs-200 {
    padding-top: 200px !important; } }

@media (min-width: 992px) {
  .spacer-sm-0 {
    padding-top: 0px !important; }
  .spacer-sm-1 {
    padding-top: 1px !important; }
  .spacer-sm-2 {
    padding-top: 2px !important; }
  .spacer-sm-3 {
    padding-top: 3px !important; }
  .spacer-sm-4 {
    padding-top: 4px !important; }
  .spacer-sm-5 {
    padding-top: 5px !important; }
  .spacer-sm-6 {
    padding-top: 6px !important; }
  .spacer-sm-7 {
    padding-top: 7px !important; }
  .spacer-sm-8 {
    padding-top: 8px !important; }
  .spacer-sm-9 {
    padding-top: 9px !important; }
  .spacer-sm-10 {
    padding-top: 10px !important; }
  .spacer-sm-20 {
    padding-top: 20px !important; }
  .spacer-sm-30 {
    padding-top: 30px !important; }
  .spacer-sm-40 {
    padding-top: 40px !important; }
  .spacer-sm-50 {
    padding-top: 50px !important; }
  .spacer-sm-60 {
    padding-top: 60px !important; }
  .spacer-sm-70 {
    padding-top: 70px !important; }
  .spacer-sm-80 {
    padding-top: 80px !important; }
  .spacer-sm-90 {
    padding-top: 90px !important; }
  .spacer-sm-100 {
    padding-top: 100px !important; }
  .spacer-sm-110 {
    padding-top: 110px !important; }
  .spacer-sm-120 {
    padding-top: 120px !important; }
  .spacer-sm-140 {
    padding-top: 140px !important; }
  .spacer-sm-160 {
    padding-top: 160px !important; }
  .spacer-sm-180 {
    padding-top: 180px !important; }
  .spacer-sm-200 {
    padding-top: 200px !important; } }

@media (min-width: 1200px) {
  .spacer-md-0 {
    padding-top: 0px !important; }
  .spacer-md-1 {
    padding-top: 1px !important; }
  .spacer-md-2 {
    padding-top: 2px !important; }
  .spacer-md-3 {
    padding-top: 3px !important; }
  .spacer-md-4 {
    padding-top: 4px !important; }
  .spacer-md-5 {
    padding-top: 5px !important; }
  .spacer-md-6 {
    padding-top: 6px !important; }
  .spacer-md-7 {
    padding-top: 7px !important; }
  .spacer-md-8 {
    padding-top: 8px !important; }
  .spacer-md-9 {
    padding-top: 9px !important; }
  .spacer-md-10 {
    padding-top: 10px !important; }
  .spacer-md-20 {
    padding-top: 20px !important; }
  .spacer-md-30 {
    padding-top: 30px !important; }
  .spacer-md-40 {
    padding-top: 40px !important; }
  .spacer-md-50 {
    padding-top: 50px !important; }
  .spacer-md-60 {
    padding-top: 60px !important; }
  .spacer-md-70 {
    padding-top: 70px !important; }
  .spacer-md-80 {
    padding-top: 80px !important; }
  .spacer-md-90 {
    padding-top: 90px !important; }
  .spacer-md-100 {
    padding-top: 100px !important; }
  .spacer-md-110 {
    padding-top: 110px !important; }
  .spacer-md-120 {
    padding-top: 120px !important; }
  .spacer-md-140 {
    padding-top: 140px !important; }
  .spacer-md-160 {
    padding-top: 160px !important; }
  .spacer-md-180 {
    padding-top: 180px !important; }
  .spacer-md-200 {
    padding-top: 200px !important; } }

@media (min-width: 1480px) {
  .spacer-lg-0 {
    padding-top: 0px !important; }
  .spacer-lg-1 {
    padding-top: 1px !important; }
  .spacer-lg-2 {
    padding-top: 2px !important; }
  .spacer-lg-3 {
    padding-top: 3px !important; }
  .spacer-lg-4 {
    padding-top: 4px !important; }
  .spacer-lg-5 {
    padding-top: 5px !important; }
  .spacer-lg-6 {
    padding-top: 6px !important; }
  .spacer-lg-7 {
    padding-top: 7px !important; }
  .spacer-lg-8 {
    padding-top: 8px !important; }
  .spacer-lg-9 {
    padding-top: 9px !important; }
  .spacer-lg-10 {
    padding-top: 10px !important; }
  .spacer-lg-20 {
    padding-top: 20px !important; }
  .spacer-lg-30 {
    padding-top: 30px !important; }
  .spacer-lg-40 {
    padding-top: 40px !important; }
  .spacer-lg-50 {
    padding-top: 50px !important; }
  .spacer-lg-60 {
    padding-top: 60px !important; }
  .spacer-lg-70 {
    padding-top: 70px !important; }
  .spacer-lg-80 {
    padding-top: 80px !important; }
  .spacer-lg-90 {
    padding-top: 90px !important; }
  .spacer-lg-100 {
    padding-top: 100px !important; }
  .spacer-lg-110 {
    padding-top: 110px !important; }
  .spacer-lg-120 {
    padding-top: 120px !important; }
  .spacer-lg-140 {
    padding-top: 140px !important; }
  .spacer-lg-160 {
    padding-top: 160px !important; }
  .spacer-lg-180 {
    padding-top: 180px !important; }
  .spacer-lg-200 {
    padding-top: 200px !important; } }*/


.explore-subnav nav .center-elements{
  display:flex;
  justify-content:center;
  margin : 0 auto;
}
@media (min-width: 1400px)

.explore-subnav nav .center-elements li {
    width: 16.67%;
}
@media (max-width: 767px) {
  .explore-subnav li.primary, .tag-listing-hero .breadcrumb, .support .breadcrumb, .flag-innapropriate-modal .breadcrumb, .review-process .breadcrumb {
    display: none !important; } }

@media (max-width: 767px) {
  .search-results hr, .search-results .results-articles .title-holder .date, .search-results .results-articles .tag-holder, .search-results .results-articles .load-more, .pdp-truncated-nav .bar .product-name, .pdp-truncated-nav .bar .button-desktop, .modal .modal-close, .shop-beats-modal .header, .featured-photo-gallery .tile:first-child, .featured-photo-gallery .tile:last-child, .video-gallery-thumbs, .product-color-selector .color-selector-nav .text-note, .product-color-selector .color-selector-nav .title, .product-color-selector .color-selector-images .slick-dots .action, .closing-product-overview .price, .hero-pdp .hero-holder {
    display: none !important; } }

@media (max-width: 1023px) {
  header, .retailer-bar .desktop-title, .beats-army-opt-in, .product-selector .support-category .h4 .title, .superhero .large-only, .superhero .back img,
  .superhero .back video, .superhero .prompt, .hero-pdp .prompt, .product-tile .product-fit img, .about .hero .prompt, .beats-audio .hero .prompt {
    display: none !important; } }

*, *:before, *:after {
  box-sizing: border-box; }

html, body, input, button, textarea {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a[href]:focus,
input:focus,
textarea:focus,
select:focus,
button:focus,
[tabindex]:focus {
  outline: 3px solid #8c8c8c;
  outline-offset: 1px; }

h1, h2, h3, h4, h5, h6,
ol, ul, li,
a, div, span, p, img,
td, table, tbody, hr, iframe,
button, input, textarea, select {
  font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
  background: transparent;
  border: 0 none;
  margin: 0;
  padding: 0;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
      hyphens: manual;
  font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
  -ms-font-feature-settings: "kern";
  -o-font-feature-settings: "kern";
  border-radius: 0; }

h1 ::-moz-selection, h2 ::-moz-selection, h3 ::-moz-selection, h4 ::-moz-selection, h5 ::-moz-selection, h6 ::-moz-selection,
ol ::-moz-selection, ul ::-moz-selection, li ::-moz-selection,
a ::-moz-selection, div ::-moz-selection, span ::-moz-selection, p ::-moz-selection, img ::-moz-selection,
td ::-moz-selection, table ::-moz-selection, tbody ::-moz-selection, hr ::-moz-selection, iframe ::-moz-selection,
button ::-moz-selection, textarea ::-moz-selection, select ::-moz-selection {
  background: #222021;
  color: #fff; }

h1 ::selection, h2 ::selection, h3 ::selection, h4 ::selection, h5 ::selection, h6 ::selection,
ol ::selection, ul ::selection, li ::selection,
a ::selection, div ::selection, span ::selection, p ::selection, img ::selection,
td ::selection, table ::selection, tbody ::selection, hr ::selection, iframe ::selection,
button ::selection, textarea ::selection, select ::selection {
  background: #222021;
  color: #fff; }

button {
  cursor: pointer;
  overflow: hidden !important; }

[role="main"], [role="main"]:focus,
[role="dialog"], [role="dialog"]:focus {
  outline: none; }

.text-center {
  text-align: center !important; }

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

.text-right {
  text-align: right !important; }

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-color: #f7f7f8;
  color: #000000;
  /*font-family: "eddie";*/
  font-size: 16px;
  line-height: 1.38462; }
  @media (min-width: 768px) {
    html, body {
      line-height: 1.4285714286; } }
  @media (min-width: 1024px) {
    html, body {
      line-height: 1.6; } }

input[type="text"] {
  -webkit-appearance: none; }

p, ul, ol,
table,
label {
  margin-bottom: 1em; }

a {
  text-decoration: none;
  color: inherit;
  font-weight: 500;
  transition: color 0.35s ease-out; }

img,
svg {
  display: block;
  max-width: 100%; }

img.full {
  width: 100%; }

hr {
  border-top: 1px solid #a7a6a6;
  opacity: 0.15;
  margin: 0 0 10px 0; }
  @media (min-width: 1024px) {
    hr {
      margin: 0 0 2.2em 0; } }

strong {
  color: #bec1c3; }

sup {
  font-size: 0.675em;
  vertical-align: baseline;
  top: -0.4em;
  position: relative;}

.fa {
  display: none;
  vertical-align: middle; }
  .iconfonts-loaded .fa {
    display: inline-block; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h6,
h6, .h6 {
  color: #222021;
  font-weight: 700;
  line-height: 1;
  font-stretch: normal;
  word-wrap: break-word;
  word-break: break-word; }

h1, .h1 {
  font-size: 1.7333333333rem;}
  @media (min-width: 768px) {
    h1, .h1 {
      font-size: 40px;} }
  @media (min-width: 1024px) {
    h1, .h1 {
      font-size: 60px;} }
  @media (min-width: 1400px) {
    h1, .h1 {
      font-size: 70px;
      line-height: 1.025; } }
  @media (min-width: 1600px) {
    h1, .h1 {
      font-size: 80px;
      /*font-size: 5rem;*/
      line-height: 0.925; } }

h2, .h2 {
  font-size: 2.3076923077rem;
  margin-bottom: 0.6666666667rem; }
  @media (min-width: 768px) {
    h2, .h2 {
      font-size: 2.4rem; } }
  @media (min-width: 1024px) {
    h2, .h2 {
      font-size: 50px;
      line-height:1.1;
      -webkit-margin-before: 0.83em;
	  -webkit-margin-after: 0.83em;
	  -webkit-margin-start: 0px;
	  -webkit-margin-end: 0px;
	} }

h3, .h3 {
  font-size: 1.2307692308rem;
  line-height: 1.111111111;
  margin-bottom: 0.6666666667rem; }
  @media (min-width: 768px) {
    h3, .h3 {
      font-size: 1.4666666667rem;} }
  @media (min-width: 1024px) {
    h3, .h3 {
      font-size: 36px;} }

h4, .h4 {
  font-size: 1.2rem;
  margin-bottom: 0.5333333333rem; }
  @media (min-width: 768px) {
    h4, .h4 {
      font-size: 1.2rem; } }
  @media (min-width: 1024px) {
    h4, .h4 {
      font-size: 24px;
      line-height: 1.1666666667; } }

h5, .h5, .article .article-footer .tags h2 {
  font-size: 1.0769230769rem;
  font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
  letter-spacing: 0.75px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0.75em; }
  @media (min-width: 1024px) {
    h5, .h5, .article .article-footer .tags h2 {
      font-size: 18px;
      line-height: 1.1666666667;
      margin-bottom: 1.65em; } }

h6, .h6 {
  font-size: 1rem;
  margin-bottom: 0.75rem;
  font-weight: 400;
  color: #bec1c3; }
  @media (min-width: 1024px) {
    h6, .h6 {
      font-size: 13px;
      line-height: 1.2307692308;
      font-weight: 500; } }

@font-face {
  font-family: 'NeuzeitGro';
  src: url("base/fonts/NeuzeitGro-Reg.eot");
  /* IE9 Compat Modes */
  src: url("base/fonts/NeuzeitGro-Reg.eot?#iefix") format("embedded-opentype"), url("base/fonts/NeuzeitGro-Reg.woff") format("woff"), url("base/fonts/NeuzeitGro-Reg.ttf") format("truetype"), url("base/fonts/NeuzeitGro-Reg.svg#384356ca8e12b7a1e72f2f1223ede6ee") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'AlternateGotNo2D';
  src: url("AlternateGotNo2D.woff");
  /* IE9 Compat Modes */
  src: url("AlternateGotNo2D.woff") format("woff"), url("base/fonts/AlternateGothicNo2DRegular.ttf") format("truetype");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

button:not(.button):after {
  display: none; }

.button,
button {
  display: inline-block;
  position: relative;
  font-size: 1rem;
  font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
  line-height: 30px;
  /*text-transform: uppercase;*/
  text-align: center;
  color: #1e1e1e;
  letter-spacing: 0.5px;
  /*border-color: #d3d2d2;*/
  border-radius: 50px;
  min-width: 200px;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  border: none;
  box-shadow: none;
  vertical-align: middle;
  transition: color 240ms cubic-bezier(0.555, 0.14, 0.205, 0.555);
  padding: 5px 30px 0 30px; }
  .button:after,
  button:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 1px;
    left: 1px;
    bottom: 1.1px;
    right: 1px;
    box-shadow: inset 0px 0px 0px 2px #d3d2d2;
    border-radius: 50px; }
  .button .button-inner,
  button .button-inner {
    position: relative;
    z-index: 3;
    display: block;
    border-radius: 22px;
    padding: 5px 25px 0 25px;
    margin-right: 0px; }
    @media (min-width: 1024px) {
      .button .button-inner,
      button .button-inner {
        padding: 5px 37px 0 37px; } }
  .button .mask,
  button .mask {
    z-index: 2;
    background-color: #222021;
    padding-top: 0px;
    line-height: 46px;
    color: #fff;
    display: block;
    transition : transform 0.2s ease-in;
    }
  .button.js-button,
  button.js-button {
    padding: 0 !important; }
    .button.js-button.not-touch:hover .mask{
      transform : translateY(0%) !important;
    }
    .js-button .button-inner{
   /* color:inherit*/;
    }
    .cookie-bar .js-button .button-inner{
    color:inherit;
    }
    .button-accent .button-inner{
      color:#fff;
    }
    @media(max-width: 1023px) {
    .button-accent.not-touch:hover .button-inner{
      color : #222021;
    }
    }
    .js-button.not-touch .button-inner:hover{
    color:inherit;
    }
  @media (min-width: 768px) {
    .button,
    button {
      min-width: 0; } }
  @media (min-width: 1024px) {
    .button,
    button {
      line-height: 39px;
      font-size: 1rem; } }
  .button img,
  button img {
    vertical-align: middle; }
  .button + button,
  button + button {
    margin-left: 15px; }
  .button .fa,
  button .fa {
    position: relative;
    font-size: 1.1em;
    margin: 0 5px;
    vertical-align: baseline; }
  .button sup,
  button sup {
    vertical-align: initial;
    position: relative;
    top: -5px; }
   .button.not-touch:hover, .button.not-touch.is-hover,
   button.not-touch:hover,
  button.not-touch.is-hover {
    color: #fff;
    border-color: #222021; }

.button.is-touch{
color : #1e1e1e;
background : transparent;
}
.button-light {
  border-color: #fff;
  color: #fff; }

  .button-light:after {
    box-shadow: inset 0 0 0 2px #ffffff; }

   .not-touch.button-light:hover,
   .not-touch.button-light.is-hover {
    color: #222021 !important; }



  .button-light .mask {
    opacity: 1;
    background-color: #fff;
    border-color: #fff;
    color: #222021; }


.button-dark {
  border-color: #37383a; }

  .button-dark:after {
    box-shadow: inset 0 0 0 2px #040d0c; }


.button-medium {
  border-color: #a7a6a6; }

  .button-medium:after {
    box-shadow: inset 0px 0px 0px 2px #a7a6a6; }

.button-gray {
  border-color: #bec1c3;
  color: #bec1c3; }
  .button-gray .mask {
    background-color: #bec1c3; }
  .button-gray.not-touch:hover {
    color: #222021; }


.button-x-dark {
  color: #fff; }

  .button-x-dark:after {
    background-color: #222021;
    box-shadow: inset 0 0 0 2px #222021; }

  .button-x-dark .mask {
    background-color: #d3d2d2;
    color: #222021; }


.button-alternate:after {
  box-shadow: inset 0 0 0 2px #e01e3c; }


.button-outline:after {
  box-shadow: inset 0 0 0 2px #e01e3c; }


.button-outline .mask {
  background-color: #e01e3c; }


.button-secondary:after {
  background-color: #ededed;
  box-shadow: none; }


.button-secondary:hover,
.button-secondary:focus,
.button-secondary.is-hover {
  border-color: #ededed; }


.button-secondary:focus {
  background-color: #222021; }


.button-secondary .mask {
  opacity: 1;
  background-color: #222021;
  color: #ededed; }
.button:focus{
outline:none;
}

.button-accent {
  color: #fff; }

  .button-accent:after {
    background-color: #e01e3c;
    box-shadow: none; }

  .button-accent.not-touch:hover,
  .button-accent.not-touch.is-hover {
    color: #222021; }

  .button-accent .mask {
    background-color: #fff;
    color: #222021;
    opacity: 1;
    border-radius:22px;
    }


.button-accent-outline {
  color: #fff; }

  .button-accent-outline:after {
    background-color: #e01e3c;
    box-shadow: none; }

  .button-accent-outline:hover,
  .button-accent-outline:focus,
  .button-accent-outline.is-hover {
    color: #fff; }

  .button-accent-outline .mask {
    background-color: #222021;
    opacity: 1; }

.button-round {
  text-align: center;
  width: 30px;
  padding-left: 0;
  padding-right: 0; }

.button-natural, .country-selector a,
footer .grid-item a {
  position: relative;
  display: inline-block;
  font-weight: 500 !important;
  transition: all 240ms cubic-bezier(0.15, 0.005, 0, 1); }
  .button-natural:before, .country-selector a:before,
  footer .grid-item a:before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: #8c8c8c;
    opacity: 0;
    transform: translateY(3px);
    transition: all 360ms cubic-bezier(0.15, 0.005, 0, 1); }
  .button-natural:hover, .country-selector a:hover, .button-natural:focus, .country-selector a:focus, .button-natural:active, .country-selector a:active,
  footer .grid-item a:hover,
  footer .grid-item a:focus,
  footer .grid-item a:active {
    color: #e01e3c; }
    .button-natural:hover::before, .country-selector a:hover::before, .button-natural:focus::before, .country-selector a:focus::before, .button-natural:active::before, .country-selector a:active::before,
    footer .grid-item a:hover::before,
    footer .grid-item a:focus::before,
    footer .grid-item a:active::before {
      transform: translateY(0);
      background: #e01e3c;
      opacity: 1; }

.block, .hero-standard, .about .hero, .about .quote-xl, .beats-audio .hero {
  margin-bottom: 50px; }
  @media (min-width: 768px) {
    .block, .hero-standard, .about .hero, .about .quote-xl, .beats-audio .hero {
      margin-bottom: 60px; } }
  @media (min-width: 1024px) {
    .block, .hero-standard, .about .hero, .about .quote-xl, .beats-audio .hero {
      margin-bottom: 115px; } }

.block-padded {
  padding: 50px 0; }
  @media (min-width: 768px) {
    .block-padded {
      padding: 60px 0; } }
  @media (min-width: 1024px) {
    .block-padded {
      padding: 120px 0; } }

.videoIntroduction .video-wrapper.video-fullscreen-enabled {
  margin: auto auto; }

.videoIntroduction .video-wrapper {
  overflow: hidden; }

@media (max-width: 767px) {
  .mobile-dividers {
    padding: 25px 0;
    border: solid rgba(167, 166, 166, 0.1);
    border-width: 1px 0; } }

.image-wrapper {
  overflow: hidden;
  position: relative; }

.invisible {
  visibility: hidden !important; }

.hide {
  display: none !important; }

[data-skrollex] {
  opacity: 0; }

.video-wrapper {
  position: relative;
  margin: auto auto; }
  .video-wrapper:before {
    content: ' ';
    float: left;
    padding-top: 56.25%; }
  .video-wrapper:after {
    content: ' ';
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    .video-wrapper {
      margin: 0 8.33333%; }
      .video-wrapper.plyr--fullscreen-active {
        margin: auto auto; } }
  .video-wrapper .thumb {
    z-index: 1; }
    .video-wrapper .thumb img {
      transform: scale(1.025);
      transition: all 340ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
    .video-wrapper .thumb:hover img {
      transform: scale(1); }

#main {
  padding-top: 50px; }
  @media (min-width: 1024px) {
    #main {
      padding-top: 0; } }

.a11y {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  display: block;
  margin: 0;
  padding: 0; }

.image-mask-wrapper {
  position: relative;
  overflow: hidden; }
  .image-mask-wrapper .mask {
    background-color: #fff; }

.nav-spacer {
  display: none; }

.header-holder {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 1px;}
.header-holder + div {
min-height :80px;
}

@media (min-width: 1024px) {
.without-global-header .globalTopNav .header-holder {
  z-index: 0;
}}

  @media (min-width: 1024px) {
    .header-holder {
      position: relative;
      min-height: 1px;} }

header {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 45px;
  padding: 10px 0 0 0;
  background-color: #fff; }
  @media (min-width: 768px) {
    header {
      height: 80px;
      padding: 20px 0 0 0;
      background-color: #161616; } }
  header button:after {
    display: none; }
  @media (min-width: 768px) {
    header > .container {
      height: 40px; } }
  header .logo-holder {
    position: relative;
    z-index: 3;
    height: 0; }
  header .search-holder {
    position: relative;
    z-index: 1;
    height: 0; }
  header .search-results {
    max-height: calc(100vh - 80px);
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  header .logo {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 25px; }
    @media (min-width: 768px) {
      header .logo {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 150px;
        height: 40px; } }
  header > .container > nav > ul {
    display: none;
    list-style: none;
    margin: 0 auto;
    max-width: 980px;
    padding: 11px 50px 0 90px; }
    @media (min-width: 768px) {
      header > .container > nav > ul {
        display: -ms-flexbox;
        display: flex; } }
    @media (min-width: 1024px) {
      header > .container > nav > ul {
        padding: 9px 40px 0 70px; } }
    header > .container > nav > ul > li {
      /*-ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;*/
      -ms-flex:1;
       flex:1;
      text-align: center;
      color: #fff;
      /*text-transform: uppercase;*/
      font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
      font-size: 15px; }
      @media (min-width: 1024px) {
        header > .container > nav > ul > li {
          font-size: 17px; } }
      header > .container > nav > ul > li:last-child {
        -ms-flex: 0 0 13%;
            flex: 0 0 13%; }
      header > .container > nav > ul > li a {
        position: relative;
        color: #fff; }
      header > .container > nav > ul > li .link-active:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -14px;
        left: 50%;
        width: 38px;
        height: 2px;
        background-color: #C7B299;
        /*background-color: #e01e3c;*/
        margin-left: -19px; }
      header > .container > nav > ul > li .caret {
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 11px;
        height: 7px;
        margin-left: 10px;
        margin-top: -5px; }
      header > .container > nav > ul > li .active .caret {
        transform: rotate(180deg); }
        header > .container > nav > ul > li .active .caret path {
          stroke: #e01e3c; }
  header .hamburger-menu {
    display: block;
    width: 18px;
    margin: 4px auto 0 auto;
    padding: 4px 0 2px 0;
    border: none;
    border-radius: 0;
    box-shadow: none; }
    header .hamburger-menu span {
      display: block;
      width: 18px;
      height: 2px;
      background-color: #fff;
      margin-bottom: 3px; }
    @media (min-width: 1024px) {
      header .hamburger-menu {
        margin: 2px auto 0 auto; } }
  header .search {
    right: 30px;
    width: 36px;
    height: 36px;
    padding: 0;
    box-shadow: none;
    border-radius: 0; }
    header .search img, header .search svg {
      width: 16px;
      margin: 0 auto; }
    @media (min-width: 768px) {
      header .search {
        right: 0;
        top: -30px; } }
    @media (min-width: 1024px) {
      header .search {
        top: -36px; } }
  header .subnav {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #242424;
    padding: 20px 0 45px 0;
    text-align: left; }
    header .subnav .browse-list {
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%; }
      header .subnav .browse-list .h2 {
        color: #fff;
        font-size: 20px;
        margin-bottom: 25px;
        text-transform: none;
        font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif; }
      header .subnav .browse-list ul {
        /*font-size: 16px;*/
        line-height: 1;
        margin-bottom: 50px;
        letter-spacing: 0px; }
        header .subnav .browse-list ul li {
          margin-bottom: 10px;
          position: relative; }
        header .subnav .browse-list ul li:last-child {
          margin-bottom: 0; }
        header .subnav .browse-list ul a {
          position: relative;
          font-size: 20px;
          color: #ffffff;
          line-height: 1.5em;
          display: inline-block; }
          header .subnav .browse-list ul a:after {
            content: "";
            display: block;
            width: 18px;
            height: 2px;
            background-color: #C7B299;
            margin: 3px auto 0 auto;
            transition: all 0.25s ease-out;
            opacity: 0;
            transform: scaleX(0); }
          header .subnav .browse-list ul a:hover:after {
            opacity: 1;
            transform: scaleX(1); }
      header .subnav .browse-list .button .mask {
        background-color: #bec1c3;
        opacity: 1; }
    header .subnav .products-holder {
      -ms-flex: 0 0 calc(83.33333% - -20px);
          flex: 0 0 calc(83.33333% - -20px);
      width: calc(83.33333% - -20px);
      display: block; }
    header .subnav .image-block {
      position: relative;
      display: inline-block;
      float: left;
      width: 20%;
      margin: 0;
      font-size: 13px;
      line-height: 1; }
      @media (min-width: 1200px) {
        header .subnav .image-block {
          font-size: 14px; } }
      header .subnav .image-block .block-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        height: 100%;
        background-color: #000;
        text-align: center; }
      header .subnav .image-block .scaler-child {
        padding: 0 20px 20px 0; }
        header .subnav .image-block .scaler-child > a {
          display: block;
          width: 100%;
          height: auto; }
      header .subnav .image-block .image-wrapper {
        margin: 0 0 0 0;
		width:100%;
        padding: 0 0 }
      header .subnav .image-block img {
        margin: 0 auto;
        background-color: #000; }
        /*fgdfgdfgd*/
      header .subnav .image-block:hover img {
        opacity: 0.50;
        transform: scale(1.01) translate3d(0, 0, 0); }
        /*fgdfgdfgd*/
      header .subnav .image-block .product-fit {
        opacity: 0;
        letter-spacing: 0.5px;
        color: #a7a6a6;
        transition: opacity 240ms ease-out; }
      header .subnav .image-block .product-name {
        letter-spacing: 0.8px;
        color: #ffffff;
        /*position: absolute;*/
        padding-top: 10px;
        background-color: #242424;
        /*left: 2.5px;
        right: 1px;
        top: 50%;*/
        transition: left 120ms ease-out; }
      header .subnav .image-block .product-name .color-count {
          display: inline-block;
          vertical-align: text-bottom;
          opacity: 0;
          width: 2.5px;
          /*right: 50%;
          left: -50%;*/
          white-space: nowrap;
          color: #a7a6a6;
          transition: opacity 240ms ease-out; }
      header .subnav .image-block:hover .product-fit,
      header .subnav .image-block a:focus .product-fit {
        opacity: 1; }
      header .subnav .image-block:hover .product-name,
      header .subnav .image-block a:focus .product-name {
        left: 0; }
      header .subnav .image-block:hover .product-name .color-count,
      header .subnav .image-block a:focus .product-name .color-count {
        width: auto;
        opacity: 1; }
    header .subnav .image-block-product-large {
      width: 40%; }
      header .subnav .image-block-product-large .image-wrapper {
        padding: 0;
		width:100%; }
      header .subnav .image-block-product-large .block-inner {
        position: relative; }
      header .subnav .image-block-product-large .product-name {
        position: absolute;
        z-index: -1;
        left: -50%;
        bottom: 7.5%;
        width: 100%;
        text-align: center; }
      header .subnav .image-block-product-large .product-fit {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 7.5%;
        width: 100%;
        text-align: center; }
    header .subnav .image-block-large {
      width: 40%; }
      header .subnav .image-block-large .image-wrapper {
        margin: 0;
        padding: 0;
        background-color: #000; }
        header .subnav .image-block-large .image-wrapper img {
          transform: scale(1.05) translate3d(0, 0, 0);
          transition: all 380ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
      header .subnav .image-block-large .title {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        text-align: center;
        color: #a7a6a6;
        padding-right: 20px;
        font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
        text-transform: none;
        font-weight: 500;
        opacity: 0.4; }
      header .subnav .image-block-large .buttons-holder {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
        opacity: 0;
        padding: 0 0;
        transition: opacity 240ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
        @media (min-width: 1600px) {
          header .subnav .image-block-large .buttons-holder {
            padding: 0; } }
        header .subnav .image-block-large .buttons-holder .button + .button {
          margin-top: 16px; }
          @media (min-width: 1600px) {
            header .subnav .image-block-large .buttons-holder .button + .button {
              margin-top: 0;
              margin-left: 16px; } }
      header .subnav .image-block-large:hover .image-wrapper img, header .subnav .image-block-large.active .image-wrapper img {
        opacity: 0.50;
        transform: scale(1.01) translate3d(0, 0, 0); }
      header .subnav .image-block-large:hover .buttons-holder, header .subnav .image-block-large.active .buttons-holder {
        opacity: 1; }
    header .subnav .cat-link .block-inner {
      position: relative;
      background-color: transparent; }
    header .subnav .cat-link .title {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      line-height:1.5em;
      height: 1em;
      margin-top: -0.5em;
      z-index: 1; }
    header .subnav .cat-link .image-wrapper {
      padding: 0;
      margin: 0 auto;
      z-index: 0; }
      header .subnav .cat-link .image-wrapper img {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        transform: scale(1.05) translate3d(0, 0, 0);
        transition: all 380ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
    header .subnav .cat-link:hover .image-wrapper img,
    header .subnav .cat-link a:focus .image-wrapper img {
      opacity: 0.40;
      transform: scale(1) translate3d(0, 0, 0); }
  header .subnav-company {
    background-color: rgba(36, 36, 36, 0.75); }
    header .subnav-company:after {
      content: "";
      display: block;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 9999px;
      background-color: rgba(36, 36, 36, 0.75); }
    header .subnav-company ul {
      margin: 0 auto;
      max-width: 460px;
      width: 100%;
      text-align: center;
      font-size: 33px;
      line-height: 60px;
      font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
      text-transform: none; }
    header .subnav-company li {
      padding-top: 5px;
      margin-bottom: 20px;
      transition: background-color 280ms ease-out; }
      header .subnav-company li:hover {
        background-color: #1c1c1c; }
    header .subnav-company a {
      color: #f0f1f3;
      font-weight: 700;
      display: block;
      width: 100%;
      height: 100%; }
  header .mask {
    top: 80px;
    z-index: 0;
    background-color: rgba(26, 27, 28, 0.9);
    opacity: 0; }
    header .button .mask{
    opacity:1;
    }
  header .search-bar-holder {
    z-index: 2;
    width: 100%;
    background-color: #1f1f1f; }
    header .search-bar-holder .form-holder {
      height: 80px;
      max-width: 1180px;
      padding-top: 15px;
      padding-left: 100px;
      margin: 0 8.33333%;
      margin: 0 calc(7.5% - -60px);
      position: relative;
      z-index: 1; }
      @media all and (min-width: 1550px) {
        header .search-bar-holder .form-holder {
          margin: 0 auto; } }
      header .search-bar-holder .form-holder .no-results {
        z-index: 1;
        font-size: 24px;
        margin-top: 8px;
        margin-right: 50px;
        opacity: 0;
        pointer-events: none; }
      header .search-bar-holder .form-holder .title {
        position: relative;
        z-index: 100;
        padding: 0 40px;
        font-size: 12px;
        font-weight: 500;
        max-width: 1180px;
        margin: 65px auto 0 auto;
        color: #fff; }
      header .search-bar-holder .form-holder .twitter-typeahead {
        display: block;
        width: 100%; }
      header .search-bar-holder .form-holder input[type="text"] {
        width: 100%;
		text-align:left;
        height: 45px;
        background-color: #161616;
        border-radius: 25px;
        font-size: 16px;
        /*font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;*/
        padding: 7px 40px 0 40px;
        font-weight: 500;
        color: #fff;
        border: 2px solid transparent; }
        header .search-bar-holder .form-holder input[type="text"].tt-hint {
          color: #363636; }
        header .search-bar-holder .form-holder input[type="text"]:focus {
          outline: none;
          border: 3px solid #8c8c8c; }
        header .search-bar-holder .form-holder input[type="text"]::-moz-selection {
          background-color: rgba(231, 231, 231, 0.075); }
        header .search-bar-holder .form-holder input[type="text"]::selection {
          background-color: rgba(231, 231, 231, 0.075); }
        header .search-bar-holder .form-holder input[type="text"]::-moz-selection {
          background-color: rgba(231, 231, 231, 0.075); }
    header .search-bar-holder .tt-menu {
      margin-top: 31px;
      background-color: #161616;
      width: 100%;
      box-shadow: 0 13px 35px 0 rgba(0, 0, 0, 0.25);
      padding: 80px 20px 40px 20px; }
      /*header .search-bar-holder .tt-menu.active {
        display: block !important; }*/
    header .search-bar-holder .tt-suggestion {
      height: 59px;
      line-height: 56px;
      padding: 3px 20px 0 20px;
      cursor: pointer;
      font-size: 20px;
      color: #a7a6a6;
      font-weight: 500; }
      header .search-bar-holder .tt-suggestion .tt-highlight {
        color: #fff; }
    .tt-suggestion:empty {
        display: none;
    }
      header .search-bar-holder .tt-suggestion:hover, header .search-bar-holder .tt-suggestion.tt-cursor {
        background-color: #1f1f1f; }
    header .search-bar-holder .tt-dataset {
      max-height: 300px;
      overflow: auto;
      padding-right: 30px; }
    header .search-bar-holder .close {
      width: 40px;
      height: 40px;
      right: -60px;
      display: block;
      /*border: 2px solid #363636;*/
      margin-top: 30px; }
      header .search-bar-holder .close svg, header .search-bar-holder .close img {
        width: 11px;
        margin: 13px auto 0 auto; }
      header .search-bar-holder .close path {
        fill: #fff;
        stroke: #fff;
        stroke-width: 1px; }
    header .search-bar-holder .button-holder {
      display: none !important; }
  header .explore-subnav nav {
    padding: 0;
    margin: -5px 0; }
    @media (min-width: 1600px) {
        header .explore-subnav .view-more {
        margin-right: -20px !important; } }
  header .explore-subnav .view-more {
    margin-top: 2.8%;
    margin-right: -5px;}
  @media (min-width: 1024px) {
    header .explore-subnav li {
      padding: 20px; }
      header .explore-subnav li a {
        display: block; } }

.header-screen {
  z-index: 0;
  position: fixed;
  background-color: rgba(26, 27, 28, 0.9);
  opacity: 0; }

.mobile-nav {
  background-color:black;
  position: relative;
  z-index: 910;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  transition: transform 0.38s cubic-bezier(0.215, 0.04, 0.065, 0.95), background-color 0.28s cubic-bezier(0.215, 0.04, 0.065, 0.95); }
  .mobile-nav.headroom--pinned {
    transform: translateY(0) !important; }
  .mobile-nav.headroom--unpinned {
    transform: translateY(-100%) !important; }
  .mobile-nav.search-open {
    background-color: #222021; }
  @media (min-width: 1024px) {
    .mobile-nav {
      display: none !important; } }
  .mobile-nav button:after {
    display: none; }
  .mobile-nav .no-results {
    display: none; }
  .mobile-nav .bar {
    position: relative;
    height: 50px;
    padding: 13px 20px 0 20px;
	background-color: #000;
   /* background-color: #181818;*/ }
    @media (min-width: 768px) {
      .mobile-nav .bar {
		  background-color: #000000;
        /*background-color: #161616;*/ } }
  .mobile-nav .logo {
    width: 110px;
    height: 25px;
    margin: 0 auto; }
    .mobile-nav .logo a {
      display: block; }
  .mobile-nav .search {
    width: 50px;
    height: 100%;
    margin-left: 10px;
    cursor: pointer;
    box-shadow: none;
    border-radius: 0;
    min-width: 0;
    padding: 0;
    outline-offset: -5px; }
    .mobile-nav .search .icon {
      width: 17px;
      height: 17px;
      position: relative;
      top: 0;
      margin: 0 auto; }
    .mobile-nav .search path {
      fill: #6e6e6e; }
  .mobile-nav .hamburger-nav {
    width: 50px;
    height: 50px;
    margin-right: 5px;
    cursor: pointer;
    border-radius: 0;
    box-shadow: none;
    min-width: 0;
    padding: 0; }
    .mobile-nav .hamburger-nav .icon-holder {
      width: 20px;
      height: 20px;
      position: relative;
      top: 2px;
      left: 0;
      overflow: hidden;
      margin: 0 auto; }
    .mobile-nav .hamburger-nav .icon + .icon {
      left: 100%;
      padding: 0 2px; }
    .mobile-nav .hamburger-nav .icon:first-child img,
    .mobile-nav .hamburger-nav .icon:first-child svg {
      margin-top: 2px; }
    .mobile-nav .hamburger-nav path {
      fill: #6e6e6e;
      transition: fill 280ms ease-out; }
    .mobile-nav .hamburger-nav.active path {
      fill: #fff; }
  .mobile-nav .search-bar {
    position: relative;
    z-index: 10;
    margin-top: -50px;
    background-color: #1e1e1e;
    min-height: 100vh;
    transform: translateZ(0); }
    .mobile-nav .search-bar .form-holder {
      position: relative; }
      .mobile-nav .search-bar .form-holder form {
        width: 100%;
        height: 50px;
        padding: 10px 52px 10px 10px;
        background-color: #2c2c2c; }
      .mobile-nav .search-bar .form-holder input[type="text"] {
        background-color: #1e1e1e;
        width: 100%;
        border-radius: 15px;
        padding: 4px 17px 0 17px;
        font-size: 16px;
        line-height: 30px;
        max-height: 30px;
        font-weight: 500;
        color: #fff;
        font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif; }
        .mobile-nav .search-bar .form-holder input[type="text"]::-moz-selection {
          background-color: #1f1f1f; }
        .mobile-nav .search-bar .form-holder input[type="text"]::selection {
          background-color: #1f1f1f; }
        .mobile-nav .search-bar .form-holder input[type="text"]::-moz-selection {
          background-color: #1f1f1f; }
        .mobile-nav .search-bar .form-holder input[type="text"]:focus {
          outline: none;
          border: 3px solid #8c8c8c; }
      .mobile-nav .search-bar .form-holder .close {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 15px;
        right: 10px;
        background-color: #2e2e2e;
        /*border: 2px solid #414141;*/ }

        .mobile-nav .search-bar .form-holder .close img, .mobile-nav .search-bar .form-holder .close svg {
          width: 11px;
          height: 11px;
          margin: 8px auto 0 auto; }
        .mobile-nav .search-bar .form-holder .close path {
          fill: #fff;
          stroke: #fff;
          stroke-width: 0.5px; }
      .mobile-nav .search-bar .form-holder .title {
        color: #6e6e6e;
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        padding: 38px 20px 0 20px; }
      .mobile-nav .search-bar .form-holder ::-webkit-input-placeholder {
        color: #4c4c4c;
        font-size: 14px;
        font-weight: 500;
        font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif; }
      .mobile-nav .search-bar .form-holder :-moz-placeholder {
        color: #4c4c4c;
        font-size: 14px;
        font-weight: 500;
        font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif; }
      .mobile-nav .search-bar .form-holder ::-moz-placeholder {
        color: #4c4c4c;
        font-size: 14px;
        font-weight: 500;
        font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif; }
      .mobile-nav .search-bar .form-holder :-ms-input-placeholder {
        color: #4c4c4c;
        font-size: 14px;
        font-weight: 500;
        font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif; }
  .mobile-nav .search-results {
    position: relative;
    z-index: 100;
    top: 50px;
    left: 0;
    width: 100%;
    height: auto;
    margin-top: -3.3em;
    padding-bottom: 75px;
    transform: translateZ(0); }
    .mobile-nav .search-results > .container {
      padding: 25px 0 0 0; }
      @media (min-width: 1024px) {
        .mobile-nav .search-results > .container {
          padding: 25px 0 150px 0; } }
    .mobile-nav .search-results:empty + .button-holder,
    .mobile-nav .search-results.hide + .button-holder {
      bottom: 0;
      background-color: #1e1e1e; }
      .mobile-nav .search-results:empty + .button-holder .button,
      .mobile-nav .search-results.hide + .button-holder .button {
        color: #fff; }
        .mobile-nav .search-results:empty + .button-holder .button .button-inner,
        .mobile-nav .search-results.hide + .button-holder .button .button-inner {
          box-shadow: inset 0 0 0 2px #fff; }
  .mobile-nav .twitter-typeahead {
    width: 100%; }
  .mobile-nav .tt-menu {
    /*top: calc(100% - -70px) !important;*/
  /*  padding-top: 80px;
    height: calc(100vh - 195px);
    display: block !important;
    width: 100%;*/ }
    .mobile-nav .tt-menu:after {
      /*content: "";*/
     /* position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      width: calc(100% - -42px);
      height: 50px;*/
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e1e1e+0,1e1e1e+100&0+0,1+100 */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
     /* background: linear-gradient(to bottom, rgba(30, 30, 30, 0) 0%, #1e1e1e 100%);*/
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e1e1e', endColorstr='#1e1e1e',GradientType=0 );*/
      /* IE6-9 */ }
  .mobile-nav .tt-dataset {
   /* position: relative;
    height: 100%;
    max-height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    width: calc(100% - -42px);*/ }
  .mobile-nav .tt-suggestion {
    /*display: block;
    color: #fff;
    padding: 15px 10px 12px 10px;
    font-size: 14px;
    font-weight: 500;*/ }
    @media (min-width: 768px) {
      .mobile-nav .tt-suggestion {
       /* font-size: 20px; */} }
  .mobile-nav .tt-hint {
    color: #4c4c4c !important; }
    .mobile-nav .white-background{
      background-color : #f4f4f4 !important;
    }
  .mobile-nav .button-holder {
    position: absolute;
    /*bottom: -50px;*/
    left: 0;
    z-index: 101;
    width: 100%;
    height: 75px;
    text-align: center;
    padding: 20px;
    background-color: #1e1e1e;
    transition: background-color 0.5s ease-out;
    background-color: #f4f4f4;
    transform: translateZ(0); }
    .mobile-nav .button-holder .button {
      color: #222021; }
      .mobile-nav .button-holder .button .button-inner {
        box-shadow: inset 0 0 0 2px #222021; }
  .mobile-nav .links {
	  background-color: #000000;
    /*background-color: #161616;*/
    padding: 10px 0;
    height:100vh;}
    @media (min-width: 768px) {
      .mobile-nav .links {
        /*background-color: #242424;*/
		background-color: #000000; } }
    .mobile-nav .links > ul {
      max-width: 728px;
      margin: 0 auto; }
      .mobile-nav .links > ul > li {
        position: relative;
        display: block;
        margin: 10px; }
        .mobile-nav .links > ul > li a {
          position: relative;
          display: block; }
    .mobile-nav .links .title {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      font-size: 20px;
      line-height: 1;
      margin-top: -0.35em;
      color: #fff;
      text-align: center;
      padding: 0 17px;
      font-weight: 700; }
      @media (min-width: 768px) {
        .mobile-nav .links .title {
          font-size: 36px;
          padding: 0 78px 0 60px; } }
      .mobile-nav .links .title i {
        float: right;
        color: #a7a6a6;
        opacity: 0.5;
        position: relative;
        top: -1px;
        transition: all 280ms ease-out; }
        @media (min-width: 768px) {
          .mobile-nav .links .title i {
            font-size: 36px; } }
    .mobile-nav .links .active .title i {
      color: #fff;
      opacity: 1;
      transform: rotate(180deg); }
  .mobile-nav .subnav {
    overflow: hidden; }
    .mobile-nav .subnav .title {
      font-size: 16px; }
      @media (min-width: 768px) {
        .mobile-nav .subnav .title {
          font-size: 24px; } }
  .mobile-nav .subnav-products {
	  background-color: #000000;
    /*background-color: #1f1f1f;*/ }
    .mobile-nav .subnav-products ul {
      max-width: 605px;
      padding: 20px 10px 10px 10px;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .mobile-nav .subnav-products ul {
          padding: 20px 0 10px 0; } }
    .mobile-nav .subnav-products li {
      margin-bottom: 10px; }
  .mobile-nav .subnav-explore .thumb {
    /*width: 50px;*/
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px; }
  .mobile-nav .subnav-explore .list-standard li {
    height: auto;
    border-bottom:0px !important;}
  .mobile-nav .subnav-explore .list-standard a {
    padding: 10px 0 0 0; }
  @media (min-width: 768px) {
    .mobile-nav .subnav.subnav-company li {
      background-color: #2b2b2b; } }
  .mobile-nav .list-standard li {
    height: 53px;
    line-height: 53px;
    border-bottom: 1px solid #2b2b2b;
    background-color: #1f1f1f;
    font-size: 16px;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .mobile-nav .list-standard li {
        font-size: 18px;
        font-weight: 700;
        border-color: #3f3c3d;
        background-color: transparent;
        height: 80px;
        line-height: 80px; } }
  .mobile-nav .list-standard a {
    color: #ffffff;
    padding: 2px 20px 0 14px; }
    @media (min-width: 768px) {
      .mobile-nav .list-standard a {
        padding: 0 60px; } }
  .mobile-nav .list-standard i {
    position: relative;
    top: 14px;
    float: right;
    color: #3a3a3a;
    font-size: 20px; }
    @media (min-width: 768px) {
      .mobile-nav .list-standard i {
        top: 20px;
        color: #a7a6a6;
        font-size: 36px; } }
  .mobile-nav .list-products {
    margin-bottom: 20px !important; }
    @media (min-width: 768px) {
      .mobile-nav .list-products {
        padding-top: 0 !important; } }
    .mobile-nav .list-products li {
      padding: 13px 21px 13px 18px;
     /* border-bottom: 1px solid #2b2b2b;*/
	 border-bottom: 1px solid #000000;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .mobile-nav .list-products li {
          /*border-color: #3f3c3d;*/
		  border-color: #000000;
          padding: 20px 78px 20px 22px; } }
      .mobile-nav .list-products li > a {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: center;
            align-items: center; }
    .mobile-nav .list-products .image-wrapper {
      width: 66px;
      /*height: 66px;*/
      -ms-flex: 0 1 66px;
          flex: 0 1 66px;
      margin-right: 22px; }
      @media (min-width: 768px) {
        .mobile-nav .list-products .image-wrapper {
          margin-right: 30px; } }
    .mobile-nav .list-products .product-details {
      -ms-flex: 1;
          flex: 1;
      font-size: 16px;
      position: relative;
      color: #fff;
      font-weight: 500; }
      @media (min-width: 768px) {
        .mobile-nav .list-products .product-details {
          font-size: 18px; } }
      .mobile-nav .list-products .product-details span {
        display: block;
        font-size: 14px;
        color: #a7a6a6;
        font-weight: 400; }
        @media (min-width: 768px) {
          .mobile-nav .list-products .product-details span {
            font-size: 12px; } }
      .mobile-nav .list-products .product-details p {
        margin: 0; }
    .mobile-nav .list-products i {
      position: absolute;
      top: 50%;
      right: 0;
      color: #3a3a3a;
      font-size: 20px;
      margin-top: -0.5em; }
      @media (min-width: 768px) {
        .mobile-nav .list-products i {
          font-size: 36px;
          color: #a7a6a6; } }
    .mobile-nav .list-products .view-all {
      padding: 0 21px 0 21px; }
      @media (min-width: 768px) {
        .mobile-nav .list-products .view-all {
          padding: 2px 78px 0 25px;
          font-size: 18px; } }
      .mobile-nav .list-products .view-all a {
        color: #fff;
        height: 68px;
        padding-top: 3px; }
  .mobile-nav .tertiary-nav {
    margin: 0 -10px 20px -10px;
    overflow: hidden; }
    @media (min-width: 768px) {
      .mobile-nav .tertiary-nav {
        margin: 0 0 20px 0;
        /*background-color: #2b2b2b;*/
		background-color: #0000000; } }
    .mobile-nav .tertiary-nav .list-title {
      text-transform: uppercase;
      color: #6e6e6e;
      font-size: 12px;
      font-weight: 500;
      padding: 20px 21px 15px 18px;
      border-bottom: 1px solid #2b2b2b; }
      @media (min-width: 768px) {
        .mobile-nav .tertiary-nav .list-title {
          opacity: 0; } }
  @media (min-width: 768px) {
    .mobile-nav .tertiary-nav-products .list-standard {
      padding: 0; } }
  @media (min-width: 768px) {
    .mobile-nav .tertiary-nav-products .list-standard li:first-child {
      border-top: 1px solid #3f3c3d; } }
  .mobile-nav .tertiary-nav-products .list-standard li > a {
    padding: 2px 21px 0 21px; }
    @media (min-width: 768px) {
      .mobile-nav .tertiary-nav-products .list-standard li > a {
        padding: 2px 78px 0 20px; } }
  .mobile-nav .utility {
    font-size: 12px;
    color: #464545;
    text-align: center;
    padding-bottom: 25px; }
    .mobile-nav .utility li {
      display: inline-block; }
    .mobile-nav .utility .social {
      color: #a7a6a6;
      margin: 35px 0;
      font-size: 25px; }
      .mobile-nav .utility .social li {
        padding: 0 15px; }
    .mobile-nav .utility a {
      font-weight: 400; }
    .mobile-nav .utility p {
      margin-bottom: 0; }

.background {
  position: relative; }
  .background > .container,
  .background > div {
    position: relative;
    z-index: 1; }
  .background .background-image {
    background-size: cover;
    z-index: 0; }
    @media (min-width: 568px) {
      .background .background-image {
        width: 130%;
        margin-left: -15%; } }
    @media (min-width: 768px) {
      .background .background-image {
        width: 120%;
        margin-left: -10%; } }
    @media (min-width: 1600px) {
      .background .background-image {
        margin-left: 0;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%); } }


.modal-share-nav {
  display: none;
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 44px;
  background-color: #222021;
  border: 1px solid #313131; }
  @media (max-width: 767px) {
    .modal-share-nav {
      position: -webkit-sticky;
      position: sticky;
      bottom: auto;
      top: 100%;
      margin-bottom: -44px;
      transform: translateY(11px); } }
  .iconfonts-loaded .modal-share-nav {
    display: block; }
  .modal-share-nav ul {
    text-align: center;
    color: #fff;
    height: 100%;
    font-size: 20px; }
    .modal-share-nav ul .fa-mobile {
      font-size: 23px; }
  .modal-share-nav li {
    display: inline-block;
    width: 20%;
    /*float: left;*/
    border-right: 1px solid #313131;
    height: 100%;
    line-height: 44px; }
    .modal-share-nav li:last-child {
      border: none; }

.explore-subnav {
  position: relative;
  background-color: #242424;
  z-index: 50; }
  .explore-subnav.is_stuck {
    z-index: 1001; }
  @media (min-width: 768px) {
    .explore-subnav {
      transform: translateY(0) !important; } }
  @media (max-width: 767px) {
    .explore-subnav {
      transform: translateZ(0) !important;
      transition: transform 0.38s cubic-bezier(0.215, 0.04, 0.065, 0.95);
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
      .explore-subnav.animate-out {
        transform: translateY(-100%) translateZ(0) !important; } }
  .explore-subnav .mobile-controller {
    position: relative;
    z-index: 1;
    background-color: #2c2c2c;
    padding: 2px 20px 0 20px;
    border-bottom: 1px solid #363636;
    height: 55px;
    line-height: 55px;
    color: #ffffff;
    font-weight: 500;
    cursor: pointer; }
    .explore-subnav .mobile-controller .fa {
      float: right;
      line-height: 52px;
      transition: all 280ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
    .explore-subnav .mobile-controller.active .fa {
      transform: rotate(180deg); }
  .explore-subnav nav {
    display: none;
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #1e1e1e;
    padding: 5px 0 40px 0; }
    .explore-subnav nav:focus {
      border: 2px solid red; }
    @media (max-width: 767px) {
      .explore-subnav nav {
        max-height: 100vh;
        max-height: calc(100vh - 105px);
        overflow: auto;
        -webkit-overflow-scrolling: touch; }
        .explore-subnav nav.active {
          display: block; } }
    @media (min-width: 768px) {
      .explore-subnav nav {
        position: relative;
        width: auto;
        height: auto;
        padding: 40px 0 10px 0;
        display: block;
        background-color: #242424;
        margin-left:-18px !important;} }
  @media (max-width: 767px) {
    .explore-subnav.animate-out nav {
      max-height: 100vh;
      max-height: calc(100vh - 50px); }
    .explore-subnav.animate-in nav {
      max-height: 100vh;
      max-height: calc(100vh - 105px); } }
  .explore-subnav ul {
    padding: 0 5px;
    margin: 0;
    overflow: hidden; }
    @media (min-width: 768px) {
      .explore-subnav ul {
        margin: 0;
        padding: 0;
        width: calc(100% - 75px);
        display: inline-block;
        float: left; } }
  .explore-subnav li {
    font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 14px;
    color: #6c6c6c;
    text-transform: uppercase;
    display: inline-block;
    float: left;
    text-align: center;
    width: 50%;
    padding: 5px;
    line-height: 1;
    width: 50%; }
    @media (max-width: 767px) {
      .explore-subnav li {
        position: relative; }
        .explore-subnav li:after {
          position: absolute;
          top: 5px;
          right: 5px;
          bottom: 5px;
          left: 5px;
          content: "";
          opacity: 0;
          border: 5px solid #e01e3c; } }
    @media (min-width: 768px) {
      .explore-subnav li {
        width: 19%;
        margin: 0;
        padding: 0 20px 0 0; } }
        .explore-subnav .center-elements li.expanded{
        display:none;
        }
    @media (min-width: 1400px) {
      .explore-subnav li {
        width: 19%; } }
    .explore-subnav li:last-child {
      margin-right: 0; }
    .explore-subnav li.active:after {
      opacity: 1; }
    .explore-subnav li:not(.expanded):hover, .explore-subnav li:not(.expanded).active,
    .explore-subnav li > a:focus {
      color: #fff; }
      .explore-subnav li:not(.expanded):hover p:after, .explore-subnav li:not(.expanded).active p:after,
      .explore-subnav li > a:focus p:after {
        opacity: 1;
        transform: scaleX(1); }
      .explore-subnav li:not(.expanded):hover img, .explore-subnav li:not(.expanded).active img,
      .explore-subnav li > a:focus img {
        opacity: 1;
        transform: scale(1); }
    @media (min-width: 768px) {
      .explore-subnav li.primary:nth-child(n+7) {
        display: none; } }
    @media (min-width: 1400px) {
      .explore-subnav li.primary {
        display: inline-block !important; } }
    .explore-subnav li .image-wrapper img {
      width: 100%;
      opacity: 0.2;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      transform: scale(1.05);
      transition: all 240ms cubic-bezier(0.555, 0.14, 0.205, 0.555); }
      @media (min-width: 768px) {
        .explore-subnav li .image-wrapper img {
          opacity: 0.3; } }
    @media (min-width: 768px) {
      .explore-subnav li .image-wrapper {
        margin-bottom: 17px; } }
    .explore-subnav li p {
      z-index: 1;
      width: 100%;
      margin: 0;
      color: #fff;
      text-shadow: 0 0 5px #000; }
      @media (min-width: 768px) {
        .explore-subnav li p {
          position: static;
          transform: none;
          text-shadow: none; }
          .explore-subnav li p:after {
            content: "";
            display: block;
            width: 18px;
            height: 2px;
            background-color: #e01e3c;
            margin: 3px auto 0 auto;
            transition: all 0.25s ease-out;
            opacity: 0;
            transform: scaleX(0); } }
  .explore-subnav .expanded {
    width: 100%;
    padding: 0;
    margin: 0; }
    @media (min-width: 768px) {
      .explore-subnav .expanded {
        padding-top: 0px; } }
    @media (min-width: 1400px) {
      .explore-subnav .expanded {
        padding-top: 0px; } }
    .explore-subnav .expanded ul {
      width: 100%;
      display: none;
      padding: 0;
      margin-top: -20px;}
      .explore-subnav .expanded ul.active {
        display: block; }
    .explore-subnav .expanded li {
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .explore-subnav .expanded li {
          margin-bottom: 0px; } }
    @media (max-width: 767px) {
      .explore-subnav .expanded .primary {
        display: inline-block !important; } }
    @media (min-width: 768px) {
      .explore-subnav .expanded .primary {
        display: none; }
        .explore-subnav .expanded .primary:nth-child(n+7) {
          display: inline-block !important; } }
    @media (min-width: 1400px) {
      .explore-subnav .expanded .primary {
        display: none !important; }
        .explore-subnav .expanded .primary:nth-child(n+7) {
          display: none !important; } }
  .explore-subnav .view-more {
    display: none;
    width: 75px;
    float: left;
    text-align: center;
    color: #6c6c6c;
    line-height: 1;
    margin-right: -10px;
    margin-top: 40px;
    vertical-align: middle;
    border-radius: 0;
    padding: 2.75% 0 0 0;
    box-shadow: none;
    transition: all 240ms cubic-bezier(0.555, 0.14, 0.205, 0.555); }
    .explore-subnav .view-more .fa {
      display: block;
      margin: 0; }
    .explore-subnav .view-more:hover, .explore-subnav .view-more:focus, .explore-subnav .view-more.active {
      color: #fff; }
    @media (min-width: 768px) {
      .explore-subnav .view-more {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block; } }
    @media (min-width: 1400px) {
      .explore-subnav .view-more {
        padding-top: 2.5%; } }
  .explore-subnav .mobile-close {
    text-align: center;
    padding-top: 30px;
    transform: translateZ(0); }



.search-results {
  background-color: #f4f4f4;
  padding-top: 20px; }
  .mobile-nav .search-results {
    padding-top: 0; }
  @media (min-width: 768px) {
    .search-results {
      padding-top: 0; } }
  .search-results > .container {
    max-width: 1180px;
    padding: 0 0 80px 0; }
    @media (min-width: 768px) {
      .search-results > .container {
        padding: 75px 0 150px 0; } }
  .search-results hr {
    margin: 50px 0; }
  @media (max-width: 767px) {
    .search-results h1 {
      padding: 0 10px; } }
  @media (min-width: 768px) {
    .search-results h1 {
      margin-bottom: 2.5rem; } }
  .search-results .title {
    color: #a7a6a6;
    font-size: 12px;
    font-weight: 700;
    padding-bottom: 20px;
    margin: 0; }
    @media (max-width: 767px) {
      .search-results .title {
        font-weight: 500;
        text-transform: uppercase;
        padding: 40px 0 20px 0; } }
    .search-results .title span {
      font-weight: 500; }
  .search-results .no-results {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #222021;
    height: 90px;
    line-height: 90px;
    border-bottom: 1px solid #e7e7e7;
    margin: 0 10px; }
    .search-results .no-results h1 {
      margin-bottom: 0.5rem; }
    @media (min-width: 768px) {
      .search-results .no-results {
        font-size: 12px;
        text-align: left;
        height: auto;
        color: #a7a6a6;
        font-weight: 700;
        line-height: inherit;
        margin: 0 0 50px 0;
        padding-bottom: 20px; } }
  @media (max-width: 767px) {
    .search-results .grid {
      display: block; } }
  @media (max-width: 767px) {
    .search-results .grid-item {
      -ms-flex: none;
          flex: none;
      padding: 0 10px; } }
  @media (max-width: 767px) {
    .search-results .results-tags .title {
      padding-top: 20px; } }
  .search-results .results-tags ul, .search-results .results-products ul {
    font-size: 0; }
  .search-results .results-tags li, .search-results .results-products li {
    font-size: 16px;
    letter-spacing: 0.5px;
    border: solid #e7e7e7;
    border-width: 1px 0;
    margin-bottom: -1px;
    padding: 10px 0; }
    .search-results .results-tags li:last-child, .search-results .results-products li:last-child {
      margin-right: 0; }
    @media (min-width: 768px) {
      .search-results .results-tags li, .search-results .results-products li {
        display: inline-table;
        width: 78px;
        /*white-space: nowrap;*/
        margin-right: 50px;
        text-align: center;
        font-size: 14px;
        font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
        text-transform: uppercase;
        border: none;
        padding: 0; } }
  .search-results .results-tags .tag-title, .search-results .results-products .tag-title {
    display: inline-block;
    vertical-align: middle;
    transition: color 0.28s ease-out; }
    .search-results .results-tags .tag-title:after, .search-results .results-products .tag-title:after {
      content: "";
      display: block;
      width: 18px;
      height: 2px;
      background-color: #e01e3c;
      margin: 3px auto 0 auto;
      transition: all 0.25s ease-out;
      opacity: 0;
      transform: scaleX(0); }
    @media (min-width: 768px) {
      .search-results .results-tags .tag-title, .search-results .results-products .tag-title {
        margin-top: 15px;
        display: block; } }
  .search-results .results-tags li:hover .tag-title, .search-results .results-products li:hover .tag-title {
    color: #222021; }
  .search-results .results-tags li:hover .tag-title:after, .search-results .results-products li:hover .tag-title:after {
    opacity: 1;
    transform: scaleX(1); }
  .search-results .results-tags .image-wrapper, .search-results .results-products .image-wrapper {
    transform: translate3d(0, 0, 0); }
    .search-results .results-tags .image-wrapper img, .search-results .results-products .image-wrapper img {
      transform: scale(1.05);
      transition: all 340ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
    @media (max-width: 767px) {
      .search-results .results-tags .image-wrapper, .search-results .results-products .image-wrapper {
        margin-right: 14px;
        width: 52px;
        display: inline-block;
        vertical-align: middle; } }
  .search-results .results-tags li:hover .image-wrapper img, .search-results .results-products li:hover .image-wrapper img {
    transform: scale(1); }
  .search-results .results-tags a, .search-results .results-products a {
    display: block;
    font-weight: 500;
    color: #222021; }
    @media (min-width: 768px) {
      .search-results .results-tags a, .search-results .results-products a {
        color: #6c6c6c;
        font-weight: 400; } }
  @media (min-width: 768px) {
    .search-results .results-products {
      /*border-left: 1px solid #e5e4e4;*/
      padding-left: 25px; } }
  @media (min-width: 768px) {
    .search-results .results-articles {
      /*-ms-flex: 0 0 59.3220339%;
          flex: 0 0 59.3220339%;
      padding-right: 20px;*/ } }
  .search-results .results-articles li {
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e7e7e7;
    padding: 10px 0;
    transition: background-color 0.28s ease-out; }
    .search-results .results-articles li:hover {
      background-color: #fafafa; }
    @media (min-width: 568px) {
      .search-results .results-articles li {
        background-color: #fff;
        border: none;
        margin: 0 0 20px 0;
        padding: 0; }
        .search-results .results-articles li:last-child {
          margin: 0; }
        .search-results .results-articles li:hover .image-wrapper img {
          transform: scale(1); } }
  .search-results .results-articles .image-wrapper {
    width: 52px;
    margin-right: 20px; }
    @media (min-width: 568px) {
      .search-results .results-articles .image-wrapper {
        width: 150px; } }
    @media (min-width: 768px) {
      .search-results .results-articles .image-wrapper {
        width: auto;
        margin-right: 0; }
        .search-results .results-articles .image-wrapper img {
          transform: scale(1.05);
          transition: all 340ms cubic-bezier(0.215, 0.04, 0.065, 0.95); } }
  .search-results .results-articles .title-holder {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
        flex: 1; }
    @media (min-width: 568px) {
      .search-results .results-articles .title-holder {
        padding: 0 20px 0 0; } }
    @media (min-width: 768px) {
      .search-results .results-articles .title-holder {
        padding: 0 20px 50px 20px; } }
    .search-results .results-articles .title-holder .date {
      font-size: 12px;
      color: #a7a6a6;
      margin-bottom: 5px;
      font-weight: 500; }
      @media (min-width: 1024px) {
        .search-results .results-articles .title-holder .date {
          font-size: 14px; } }
    .search-results .results-articles .title-holder h3 {
      font-size: 13px;
      margin: 0; }
      @media (min-width: 568px) {
        .search-results .results-articles .title-holder h3 {
          font-size: 18px; } }
      @media (min-width: 1024px) {
        .search-results .results-articles .title-holder h3 {
          font-size: 24px; } }
    .search-results .results-articles .title-holder .text {
      -ms-flex-item-align: center;
          align-self: center; }
  .search-results .results-articles .tag-holder {
    width: 100%;
    padding: 15px 20px;
    /*border-top: 1px solid #f2f2f2;*/
    height: 60px; }
  .search-results .results-articles .load-moreSearch{
    /* position: absolute; */
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    padding-top: 50px; }
  @media (min-width: 768px) {
    .search-results .results-solutions {
      background-color: #fff; } }
  .search-results .results-solutions .title {
    background-color: #f4f4f4; }
  .search-results .results-solutions li {
    position: relative;
    background-color: #ffffff;
    border-bottom: 1px solid #f2f2f2;
    height: 70px;
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    transition: background-color 0.28s ease-out; }
    .search-results .results-solutions li:hover {
      background-color: #fafafa; }
      .search-results .results-solutions li:hover a {
        color: #222021; }
        .search-results .results-solutions li:hover a:after {
          opacity: 1; }
    @media (min-width: 1024px) {
      .search-results .results-solutions li {
        height: 90px;
        margin-bottom: 0; } }
  .search-results .results-solutions a {
    display: block;
    position: relative;
    padding-right: 40px;
    margin-left: 30px;
    color: #a7a6a6;
    -ms-flex-item-align: center;
        align-self: center;
    outline-offset: -3px;
    transition: color 0.28s ease-out; }
/*
    .search-results .results-solutions a:after {
      content: "";
      display: block;
      position: absolute;
      width: 5px;
      height: 7px;
      top: 50%;
      right: 20px;
      margin-top: -5px;
      background: url(resources/img/global/icon-arrow-right-fill.svg) no-repeat center/cover;
      opacity: 0.4;
      transition: all 0.28s ease-out; }
*/
    .search-results .results-solutions a:hover, .search-results .results-solutions a:focus {
      color: #222021; }
      .search-results .results-solutions a:hover:after, .search-results .results-solutions a:focus:after {
        opacity: 1; }

.search-results .load-moreSearch a{
    display: inline-block;
    margin: 0;
}
.search-results .load-moreSearch{
    text-align: center;
    padding-top: 50px
}
/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */


.container,
.page,
.sharing.stick {
  max-width: 94.66667rem;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 568px) {
    .container,
    .page,
    .sharing.stick {
      width: 85%; } }
  @media (min-width: 768px) {
    .container,
    .page,
    .sharing.stick {
      width: 95%; } }
  @media (min-width: 1024px) {
    .container,
    .page,
    .sharing.stick {
      width: 90%; } }
  @media (min-width: 1600px) {
    .container,
    .page,
    .sharing.stick {
      width: 100%; } }

.container-x-narrow {
  max-width: 34.33333rem;
  margin: 0 auto; }

.container-narrow {
  max-width: 940px; }

.container-wide {
  max-width: 106.66667rem; }

.grid, .tiles {
  display: -ms-flexbox;
  display: flex; }

.grid-item {
  -ms-flex: 1;
      flex: 1; }

.grid-center {
  -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center; }

.content-holder {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 7.978723404%; }
  @media (min-width: 768px) {
    .content-holder {
      padding: 7.978723404% 12.23404255%; } }

.grid-two-up {
  display: block; }
  .grid-two-up > .grid-item {
    display: block; }
  @media (min-width: 768px) {
    .grid-two-up {
      display: -ms-flexbox;
      display: flex; }
      .grid-two-up > .grid-item {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; } }

/*footer {
  position: relative;
  z-index: 998;
  background-color: #fff; }
  @media (min-width: 768px) {
    footer {
      padding-top: 90px;
      padding-left: 30px;
      margin-bottom: 0; } }
  @media (min-width: 1024px) {
    footer {
      padding-left: 0; } }
  footer h2 {
    font-size: 20px;
    margin-bottom: 20px; }
  footer .logo {
    display: none;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%; }
    footer .logo img {
      width: 40px; }
    @media (min-width: 1024px) {
      footer .logo {
        display: block; } }
  footer .mobile-logo {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    position: relative;
    top: -1px; }
    @media (min-width: 768px) {
      footer .mobile-logo {
        width: 30px;
        height: 30px;
        float: left;
        top: -10px; } }
    @media (min-width: 1024px) {
      footer .mobile-logo {
        display: none; } }
  footer .links {
    display: none; }
    @media (min-width: 768px) {
      footer .links {
        display: block;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; } }
    @media (min-width: 1024px) {
      footer .links {
        -ms-flex: 0 0 75%;
            flex: 0 0 75%; } }
    footer .links ul {
      font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
      text-transform: uppercase;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.5px;
      color: #a7a6a6;
      margin-bottom: 50px; }
      footer .links ul li {
        margin-bottom: 18px; }
        footer .links ul li:last-child {
          margin-bottom: 0; }
        footer .links ul li a {
          color: #a7a6a6; }
    footer .links .social {
      font-size: 27px;
      margin-top: 15px;
      margin-bottom: 30px; }
      @media (min-width: 1024px) {
        footer .links .social {
          font-size: 22px;
          margin-bottom: 50px; } }
      @media (min-width: 1024px) {
        footer .links .social br {
          display: none !important; } }
      footer .links .social a {
        display: inline-block;
        margin: 0 20px 20px 0;
        color: #d3d2d2;
        transition: all 360ms cubic-bezier(0.15, 0.005, 0, 1); }
        @media (min-width: 1024px) {
          footer .links .social a {
            margin: 0 5px;
            padding: 0px 0px 8px 0px;} }
        footer .links .social a:before {
          display: none; }
        footer .links .social a:hover {
          color: #1D1D1D; }
  footer .mobile-links {
    width: 100%; }
    @media (min-width: 768px) {
      footer .mobile-links {
        display: none; } }
    footer .mobile-links .social {
      width: 100%;
      border: solid #e5e5e5;
      border-width: 1px 0;
      text-align: center;
      list-style: none;
      margin: 0;
      line-height: 1;
      padding: 30px 0 25px 0;
      font-size: 24px; }
      footer .mobile-links .social li {
        float: left;
        width: 25%;
        padding-bottom:13px;}
  footer .mobile-select-country {
    width: 100%;
    padding: 20px 17px 15px 17px;
    border-bottom: 1px solid #e5e5e5;
    color: #222021;
    font-weight: 500; }
    footer .mobile-select-country p {
      margin: 0; }
    footer .mobile-select-country a {
      color: #a7a6a6;
      float: right;
      font-weight: 400; }
    footer .mobile-select-country .fa {
      margin-left: 4px; }
    @media (min-width: 568px) {
      footer .mobile-select-country {
        padding: 20px 5% 15px 5%; } }
  footer .copyright {
    position: relative;
    margin: 30px 0;
    font-size: 0.7333333333rem;
    color: #c8c8ca;
    padding: 0 17px;
    text-align: center; }
    footer .copyright p {
      margin: 0; }
    @media (min-width: 768px) {
      footer .copyright {
        margin: 50px 0 60px 0;
        padding: 0; } }
  footer .back-to-top {
    display: none;
    width: 42px;
    height: 42px;
    border: 1px solid #78787a;
    margin-top: -12px;
    cursor: pointer;
    opacity: 0.5; }
    footer .back-to-top svg {
      width: 15px;
      height: 9px;
      margin: 15px auto 0 auto; }
    @media (min-width: 768px) {
      footer .back-to-top {
        display: block; } }
  footer .change-location {
    color: #e01e3c; }

.explore-details {
  padding: 40px 10px 10px 10px; }
  @media (min-width: 768px) {
    .explore-details {
      background-color: #fff;
      padding: 30px 30px 25px 30px;
      margin-top: 5px; }
      .explore-details.no-background {
        background-color: transparent; } }
  @media (min-width: 1024px) {
    .explore-details {
      margin-top: 10px; } }
  .explore-details ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 700px;
    margin: 0 auto; }
  .explore-details li {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    text-align: center;
    margin-bottom: 20px; }
    .explore-details li p {
      margin: 0;
      font-size: 14px;
      color: #adadad;
      font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
      text-transform: uppercase;
      font-size: 13px;
      letter-spacing: 0;
      font-weight: 500; }
      @media (min-width: 1024px) {
        .explore-details li p {
          font-size: 1rem; } }
    .explore-details li .image-wrapper {
      width: 130px;
      height: 130px;
      background-color: #222021;
      margin: 0 auto 18px auto;
      overflow: hidden;
      transform: translate3d(0px, 0px, 0px);}
      @media (min-width: 768px) {
        .explore-details li .image-wrapper {
          width: 100px;
          height: 100px; } }
      @media (min-width: 1024px) {
        .explore-details li .image-wrapper {
          margin: 0 auto 20px auto;
          transform: translate3d(0px, 0px, 0px);
          opacity: 1;} }
      .explore-details li .image-wrapper img {
        position: relative;
        top: 50%;
        margin: auto;
        transform: translateY(-50%) scale(1.1);
        transition: all 380ms cubic-bezier(0.215, 0.04, 0.065, 0.95);
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden; }
    .explore-details li:hover .image-wrapper img {
      transform: translateY(-50%) scale(1); }
    @media (min-width: 768px) {
      .explore-details li {
        -ms-flex: 1;
            flex: 1;
        margin: 0; } }
  .explore-details.explore-details-squared .image-wrapper {
    border-radius: 0; }*/

.section-title {
  text-align: center;
  margin-bottom: 20px;
  padding: 0 30px; }
  @media (min-width: 768px) {
    .section-title {
      margin-bottom: 40px;
      padding: 0; } }
  .section-title :last-child {
    margin-bottom: 0; }
  .section-title h2, .section-title .h2 {
    font-size: 2.3076923077rem !important;
    margin-bottom: 0.6666666667rem; }
    @media (min-width: 768px) {
      .section-title h2, .section-title .h2 {
        font-size: 2.4rem !important;} }
    @media (min-width: 1024px) {
      .section-title h2, .section-title .h2 {
        font-size: 50px !important; } }

.button-callout {
  text-align: center;
  width: 100%;
  padding-top: 55px;
  padding-top: 3.6666666667rem; }

.beats-army {
  text-align: center;
  padding: 40px 15px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-color: #fff; }
  @media (min-width: 768px) {
    .beats-army {
      padding: 100px 0 100px 0;
      margin-bottom: 75px; } }
  @media (min-width: 1024px) {
    .beats-army {
      width: 85%;} }
  .beats-army form {
    display: block; }
    @media (min-width: 768px) {
      .beats-army form {
         } }
  .beats-army .input-holder {
    position: relative;
    max-width: 460px;
    margin: 0 auto; }
  .beats-army .input-wrapper {
    position: relative;
    text-align: left;
  }
  .beats-army .input-wrapper span {
    width: 100%;
    text-align: left;
    padding: 0 0 0 25px;
    color: #e01e3c;
    font-weight: 500; }
  .beats-army fieldset {
    border: none; }
  .beats-army [type="text"] {
    border: 2px solid #dedfe0;
    font-size: 0.9333333333rem;
    font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
    letter-spacing: 0.05em;
    line-height: 2.9285714286;
    min-height: 45px;
    width: 100%;
    border-radius: 41px;
    padding: 0 25px 0 25px; }
  .beats-army .beats-army-invalid-select-field, .beats-army .error-message {
    padding-left: 20px;
    width: 100%;
    text-align: left;
    padding: 0 0 0 25px;
    color: #e01e3c;
    font-weight: 500;
  }
  .beats-army label {
    display: block;
  }
  .beats-army div.beats-army-city-data {
    margin-top: 17px;
  }
  .beats-army .input-wrapper + button.beats-army-form-submit {
    margin-top: 30px;
  }
  .beats-army .beats-army-city-data + button.beats-army-form-submit {
    margin-top: 30px;
  }
  .beats-army .selectboxit-container {
    width: 100%;
  }
  .beats-army .selectboxit-container .selectboxit {
    width: 100% !important;
    background: #f9f9f9;
    border: 2px solid #dedfe0;
    border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    padding: 11px 16px 8px 20px;
    font-size: 0.9333333333rem;
    letter-spacing: 0.05em;
    background-color: #fff;
    min-height: 45px;
  }
  .beats-army .selectboxit.selectboxit-focus{
    outline: 3px solid #8c8c8c;
    outline-offset: 1px;
  }
  @media (min-width: 768px) {
    .beats-army [type="text"], .beats-army .selectboxit-container .selectboxit {
      border: 1px solid #dedfe0; }  }
  .beats-army .selectboxit-container .selectboxit-options {
    margin-top: 11px;
  }
  .beats-army .selectboxit-container .selectboxit-option:first-child[data-val=""]{
    display: none;
  }
  .beats-army .selectboxit-container .selectboxit-options .selectboxit-option a.selectboxit-option-anchor{
    padding-left: 13px;
    font-weight: normal;
    letter-spacing: 0.05em;
  }
  .beats-army .selectboxit-container .selectboxit-arrow-container {
    margin-right: 15px;
    margin-top: -3px;
  }
  .beats-army ::-webkit-input-placeholder {
    color: #000; }
  .beats-army :-moz-placeholder {
    color: #000; }
  .beats-army ::-moz-placeholder {
    color: #000; }
  .beats-army :-ms-input-placeholder {
    color: #000; }
  .beats-army .selectboxit-btn.selectboxit-enabled,
  .beats-army .selectboxit-btn.selectboxit-enabled.selectboxit-hover,
  .beats-army .selectboxit-btn.selectboxit-enabled:hover,
  .beats-army .selectboxit-btn.selectboxit-enabled:focus {
    color: #000;
  }
  .beats-army [type="submit"] {
    border: solid #e6e6e7;
    border-width: 0 0 0 2px;
    border-radius: 0;
    height: 100%;
    padding: 5px 0 0 0;
    width: 128px;
    font-size: 1.2rem;
    font-weight: 400;
    min-width: 0;
    color: #adafb2;
    box-shadow: none; }
    .beats-army [type="submit"] img,
    .beats-army [type="submit"] svg {
      display: inline-block;
      margin: 0 0 0 5px;
      width: 7px;
      height: 9px;
      position: relative;
      top: -1px;
      animation-duration: 150ms;
      animation-fill-mode: both;
      animation-delay: 150ms;
      animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      /* easeOutQuint */ }
    .beats-army [type="submit"] path {
      fill: #adafb2; }
      @media (min-width: 768px) {
        .beats-army [type="submit"] path {
          fill: #222021; } }
    .beats-army [type="submit"]:hover img, .beats-army [type="submit"]:hover svg {
      animation-name: fadeInLeftIcon; }
    @media (min-width: 768px) {
      .beats-army [type="submit"] {
        border-color: #dedfe0;
        border-width: 0 0 0 1px;
        width: 139px;
        color: #222021; } }
  @media (max-width: 767px) {
    .beats-army .images {
      display: none; } }
  .beats-army button.js-button {
    margin: 10px 10px 0px;
  }

.article-hero {
  position: relative;
  overflow: auto;
  background-color: #efefef; }
  .article-hero:before {
    content: ' ';
    float: left;
    padding-top: 51.61972%; }
  .article-hero:after {
    content: ' ';
    display: table;
    clear: both; }
  .article-hero .product-wrapper {
    position: relative; }
  .article-hero .product {
    margin-right: 8.33333%;
    margin-bottom: 39px;
    z-index: 10;
    overflow: hidden; }
    .article-hero .product a {
      width: 100%;
      height: 100%;
      display: block; }
    .article-hero .product .cta {
      display: inline-block;
      margin-right: 19px;
      font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
      line-height: 62px;
      font-size: 0.875rem;
      color: inherit;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      position: relative;
      transition: background-color 0.3s ease; }
      .article-hero .product .cta:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 15px;
        left: 50%;
        margin-left: -9px;
        width: 18px;
        height: 2px;
        background-color: #e01e3c;
        margin: 3px auto 0 auto;
        transition: all 0.25s ease-out;
        opacity: 0;
        transform: scaleX(0); }
    @media (min-width: 768px) {
      .article-hero .product:hover .cta:after {
        opacity: 1;
        transform: scaleX(1); } }
    .article-hero .product .image {
      width: 62px;
      height: 62px;
      float: right;
      display: inline-block;
      overflow: hidden;
      background: white;
      transition: background-color 0.3s ease; }
      .article-hero .product .image img {
        margin: 0 auto;
        transform: scale(1) translate3d(0, 0, 0);
        transition: all 380ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
    .article-hero .product:hover .image img {
      transform: scale(0.9) translate3d(0, 0, 0); }
    @media (max-width: 767px) {
      .article-hero .product {
        position: relative;
        margin-bottom: 0;
        height: 36px;
        margin-left: 8.33333%;
        background: #f1f1f1;
        margin: 0; }
        .article-hero .product .cta {
          color: black;
          font-size: 0.857rem;
          text-transform: initial;
          line-height: 34px;
          font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
          letter-spacing: 0.01em;
          font-weight: 500;
          color: #2e3030; }
        .article-hero .product .image {
          margin-left: 6.25%;
          float: left;
          background: transparent;
          overflow: hidden;
          height: 36px;
          width: 42px;
          padding: 5px 4px 0 4px; }
          .article-hero .product .image img {
            max-width: 100%; }
        .article-hero .product .arrow {
          float: right;
          width: 18px;
          height: 18px;
          position: absolute;
          right: 10px;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%); }
          .article-hero .product .arrow svg {
            width: 8px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%); }
            .article-hero .product .arrow svg path {
              fill: #aeadad;
              stroke: #aeadad;
              stroke-width: 3px; } }
    @media (min-width: 768px) {
      .article-hero .product .arrow {
        display: none; } }
  .article-hero .video-wrapper {
    margin: 0;
    background: #000;}
  .article-hero .top-title {
    top: -46px;
    position: absolute; }
  .article-hero.with-cta .plyr__controls {
    opacity: 0;
    padding: 50px 8.33333% 20px 8.33333%; }
  .article-hero.with-cta .plyr__progress {
    right: 8.33333%;
    right: calc(8.333333% - -81px);
    left: 8.33333%;
    left: calc(8.333333333% - -6px); }
  .article-hero.with-cta [data-plyr="fullscreen"] {
    display: none !important; }
  .article-hero.with-cta .plyr--playing:hover .plyr__controls {
    opacity: 1; }
  .article-hero.with-cta .plyr--playing.plyr--hide-controls:hover .plyr__controls {
    opacity: 0; }
    #loadArticleModal .modal .plyr--playing.plyr--is-touch:hover .plyr__controls {
      opacity: 1;
      display: flex;
    }
  .article-hero.with-cta .plyr--playing + .product .image {
    background-color: rgba(255, 255, 255, 0.2); }
  .article-hero.with-cta .plyr--playing + .product .cta {
    opacity: 0; }
  .article-hero.with-cta .plyr--playing + .product:hover .image {
    background-color: #fff; }
  .article-hero.with-cta .plyr--playing + .product:hover .cta {
    opacity: 1; }


.top-title {
  width: 100%;
  text-align: center;
  position: fixed;
  z-index: 1002;
  top: 0;
  left: 0;
  font-weight: 700;
  background-color: #fff;
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 0.875rem;
  color: #2e3030;
  transition: transform 340ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
  .top-title .inner {
    margin: 0 auto;
    white-space: nowrap;
    width: calc(100% - 150px);
    overflow: hidden;
    text-overflow: ellipsis; }
  .top-title.headroom--pinned {
    transform: translateY(0%); }
  .top-title.headroom--unpinned {
    transform: translateY(-100%); }

.article-hero-video-playlist {
  background-color: #fff; }

.article-hero-image-gallery {
  background-color: #fff; }
  .article-hero-image-gallery:before {
    display: none; }
  .article-hero-image-gallery .component {
    margin-bottom: 0; }
  .article-hero-image-gallery .mobile-button {
    padding-top: 20px;
    text-align: center; }
  @media (max-width: 767px) {
    .article-hero-image-gallery .slide {
      display: none; }
    .article-hero-image-gallery .slide:first-child {
      display: block; }
    .article-hero-image-gallery .slide.expanded {
      display: block !important; } }

.article-carousel {
  background: white;
  padding: 0; }
  .article-carousel.hero {
    width: 100%;
    margin-left: 0;
    height: auto; }
  .article-carousel .component {
    margin-bottom: 0;
    padding-bottom: 0; }
    .article-carousel .component .slides {
      margin: 0; }
      @media (max-width: 767px) {
        .article-carousel .component .slides .slide {
          position: relative;
          margin-bottom: 10px; } }
  .article-carousel .caption {
    width: 83.33333%;
    margin-left: 8.33333%;
    font-size: 12px;
    margin-top: 20px;
    letter-spacing: 0.025em;
    font-weight: 500;
    color: #a7a6a6; }
    .article-carousel .caption a {
      color: #030303; }
    .article-carousel .caption .fa {
      font-size: 8px;
      font-weight: normal; }
    @media (max-width: 767px) {
      .article-carousel .caption {
        display: none; } }
  @media (max-width: 767px) {
    .article-carousel .cta.thumbnail-carousel-more {
      display: block; } }

.mediawrapper .article-carousel .thumbnails,
.mediawrapper .article-carousel .caption {
  width: 100%;
  margin-left: 0%; }

.mediawrapper .article-carousel .pager.pager-prev {
  left: -48px; }

.mediawrapper .article-carousel .pager.pager-next {
  right: -48px; }

@media (max-width: 767px) {
  .mediawrapper .article-carousel .pager {
    display: none; } }

.article-width, .article .article-content h2, .article .article-content h3, .article .article-content h4, .article .article-content h5, .article .article-content h6, .article .article-content blockquote, .article .article-content ul,.video-gallery-thumbs ul, .article .article-content .audio-player, .article .article-content .image-gallery, .article .article-content p, .mobile-gallery-images {
  width: 83.33333%;
  width: calc(100% - 40px);
  margin-left: 20px; }
  @media (min-width: 768px) {
    .article-width, .article .article-content h2, .article .article-content h3, .article .article-content h4, .article .article-content h5, .article .article-content h6, .article .article-content blockquote, .article .article-content ul,.video-gallery-thumbs ul, .article .article-content .audio-player, .article .article-content .image-gallery, .article .article-content p, .mobile-gallery-images {
      width: 66.66667%;
      margin-left: 16.66667%; } }
  @media (min-width: 1200px) {
    .article-width, .article .article-content h2, .article .article-content h3, .article .article-content h4, .article .article-content h5, .article .article-content h6, .article .article-content blockquote, .article .article-content ul,.video-gallery-thumbs ul, .article .article-content .audio-player, .article .article-content .image-gallery, .article .article-content p, .mobile-gallery-images {
      width: 50%;
      margin-left: 25%; } }

.article-media-width, .article .mediawrapper, .article .product-tile-callout {
  width: calc(100% - 40px);
  margin-left: 20px; }
  @media (min-width: 768px) {
    .article-media-width, .article .mediawrapper, .article .product-tile-callout {
      width: 83.33333%;
      margin-left: 8.33333%;
      float: left; } }

.audio-embed {
  max-width: 500px;
  margin: 0 auto 50px auto; }

.article {
  color: #686868; }
  .article.modal-content {
    background: transparent;
    padding: 0; }
  .article .article-wrapper {
    background: #fff;
    background-color: #fff;
    padding: 40px 0 24px 0; }
    .article .article-wrapper:after {
      content: " ";
      display: table;
      clear: both; }
    @media (min-width: 768px) {
      .article .article-wrapper {
        padding: 100px 0 21px 0; } }
  .article .header {
    width: 83.33333%;
    width: calc(100% - 40px);
    margin-left: 20px;
    position: relative;
    background: transparent;
    padding: 0;
    margin-bottom: 0;
    height: auto;
    text-align: left; }
    .article .header #modal-title {
      margin-bottom: 6px;
      text-align: left; }
      @media (min-width: 768px) {
        .article .header #modal-title {
          text-align: center; } }
    @media (max-width: 767px) {
      .article .header .h2 {
        font-size: 24px; } }
    .article .header .datetime {
      font-size: 12px;
      letter-spacing: -0.01em;
      font-weight: 500;
      margin-bottom: 29px;
      color: #a7a6a6; }
      @media (min-width: 768px) {
        .article .header .datetime {
          margin-bottom: 59px; } }
    .article .header .social {
      text-align: center;
      padding-bottom: 58px;
      padding-top: 0;
      margin-bottom: 0;
      display: none;
      transition: padding 0.5s ease;
      transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      /* easeOutQuint */ }
      .article .header .social.stick {
        padding-bottom: 10px;
        padding-top: 14px; }
      .article .header .social li {
        display: inline-block;
        margin: 0 12px; }
      @media (min-width: 768px) {
        .article .header .social {
          display: block;
         /* margin-left: 0;*/
          text-align: center; } }
    .article .header .sharing .product {
      position: absolute;
      display: inline-block;
      visibility: hidden;
      top: 50%;
      right: 0;
      height: 2.6666666667rem;
      margin-right: 20px;
      margin-top: -20px;
      overflow: hidden;
      padding-left: 50px;
      padding-right: 22px;
      pointer-events: none;
      opacity: 0;
      background: #f0f1f3;
      border-radius: 20px;
      text-transform: uppercase;
      max-width: 255px;
      white-space: nowrap;
      overflow: hidden; }
      @media (min-width: 1024px) {
        .article .header .sharing .product {
          margin-right: 8.33333%;
          padding-left: 55px; } }
      .article .header .sharing .product .image {
        position: absolute;
        left: 13px;
        top: 3px;
        width: 35px; }
        @media (min-width: 1024px) {
          .article .header .sharing .product .image {
            top: 0;
            width: 45px; } }
        .article .header .sharing .product .image img {
          -webkit-backface-visibility: hidden;
                  backface-visibility: hidden;
          transform: scale(1) translate3d(0, 0, 0);
          transition: all 380ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
      .article .header .sharing .product:hover {
        background-color: #e2e4e8; }
        .article .header .sharing .product:hover .image img {
          transform: scale(0.9) translate3d(0, 0, 0); }
      .article .header .sharing .product .cta {
        line-height: 46px;
        font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
        font-size: 1rem;
        color: #a7a6a6;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis; }
        .article .header .sharing .product .cta sup {
          vertical-align: initial;
          position: relative;
          top: -7px; }
        @media (min-width: 1024px) {
          .article .header .sharing .product .cta {
            font-size: 16px; } }
    .article .header .sharing:not(.stick) {
      padding: 0; }
    .article .header .sharing.stick {
      padding-bottom: 27px;
      padding-top: 31px; }
      .article .header .sharing.stick .social {
        padding-bottom: 0px; }
      .article .header .sharing.stick .product {
        visibility: visible;
        opacity: 1;
        pointer-events: all;
        /*transition: background 0.28s ease-out, opacity 0.28s 500ms ease-out;*/ }
    .article .header .fa {
      color: black;
      font-size: 19px;
      transition: all 0.5s ease;
      transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      /* easeOutQuint */ }
      .article .header .fa:hover {
        color: #e01e3c; }
    @media (min-width: 768px) {
      .article .header {
        width: 66.66667%;
        margin-left: 16.66667%;
        text-align: center; } }
  @media (max-width: 767px) {
    .article .article-content .audio-player {
      width: 100%;
      margin-left: 0; } }
  @media (max-width: 767px) {
    .article .article-content .image-gallery .slide {
      margin-bottom: 10px; } }
  .article .article-content .image-gallery .thumbnail-carousel-more {
    text-align: center; }
  .article .article-content h4, .article .article-content h2 {
    font-size: 1.066rem;
    margin-bottom: 1.1533333333rem; }
    @media (min-width: 768px) {
      .article .article-content h4, .article .article-content h2 {
        font-size: 1.25rem; } }
  .article .article-content p {
    line-height: 1.6;
    letter-spacing: 0.01em;
    color: #686868;
    margin-bottom: 32px;}
    @media (min-width: 768px) {
      .article .article-content p {
        margin-bottom: 52px;
        font-size: 20px; } }
  .article blockquote {
    margin-bottom: 42px;
    margin-top: 20px;
    color: #222021 !important; }
    .article blockquote p {
      text-transform: uppercase;
      margin-bottom: 10px !important;
      font-size: 2rem !important;
      line-height: 1.2 !important;
      letter-spacing: 0.025em !important;
      font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
      width: 100% !important;
      margin-left: 0 !important;
      color: #222021 !important; }
      @media (min-width: 768px) {
        .article blockquote p {
          line-height: 1.3 !important;
          font-size: 2.5rem !important;
          letter-spacing: 0.01em !important; } }
    .article blockquote footer {
      font-size: 1.125rem;
      margin: 0;
      padding: 0;
      position: relative;
      background: transparent;
      letter-spacing: 0.025;
      font-weight: 500; }
    @media (min-width: 768px) {
      .article blockquote {
        margin-bottom: 52px; } }
  .article .mediawrapper {
    margin-top: 23px;
    margin-bottom: 46px; }
    .article .mediawrapper .caption {
      font-size: 12px;
      margin-top: 20px;
      letter-spacing: 0.025em;
      font-weight: 500;
      color: #a7a6a6; }
      .article .mediawrapper .caption a {
        color: #030303;
        position: relative; }
        .article .mediawrapper .caption a:after {
          content: "";
          display: inline-block;
          height: 2px;
          background: #ffffff;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          transform: translateY(0%);
          transition: all 0.5s ease;
          transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          /* easeOutQuint */ }
        .article .mediawrapper .caption a:hover:after {
          background: #e01e3c;
          transform: translateY(300%); }
      .article .mediawrapper .caption .fa {
        font-size: 8px;
        font-weight: normal; }
    .article .mediawrapper.full {
      width: 100%;
      margin-left: 0; }
      .article .mediawrapper.full img {
        width: 100%; }
      .article .mediawrapper.full .caption {
        margin-left: 8.33333%; }
    @media (min-width: 768px) {
      .article .mediawrapper {
        margin-top: 40px;
        margin-bottom: 66px;
        float: none; } }
  @media (max-width: 767px) {
    .article .video-wrapper {
      margin-left: 0;
      margin-right: 0;
      width: 100%; } }
  .article .product-tile-callout {
    background: #f7f7f8;
    margin-bottom: 20px; }
    .article .product-tile-callout .tile-inner {
      background: #f7f7f8; }
    .article .product-tile-callout .product-details h3 {
      color: #222021; }
    @media (min-width: 768px) {
      .article .product-tile-callout {
        float: right;
        width: 25%;
        margin-right: 16.66667%;
        margin-left: 20px; } }
  .article .article-footer {
    width: 83.33333%;
    margin-left: 8.33333%;
    margin-top: 42px;
    clear: both;
    float: left; }
    .article .article-footer .tags h2 {
      color: #ababab;
      text-transform: initial;
      font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
      letter-spacing: -0.01em;
      font-weight: 500;
      margin-left: 0;
      margin-right: 0; }
    .article .article-footer .tags .tag {
      margin-bottom: 8px; }
    .article .article-footer .tags hr {
      display: none; }
      @media (min-width: 768px) {
        .article .article-footer .tags hr {
          display: block; } }
    @media (min-width: 768px) {
      .article .article-footer {
        width: 66.66667%;
        margin-left: 16.66667%;
        margin-top: 72px; } }
  .article .mobile-related-videos {
    border-top: 1px solid #e5e5e5;
    padding-top: 30px; }
    @media (min-width: 768px) {
      .article .mobile-related-videos {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px; } }
    .article .mobile-related-videos .h5, .article .mobile-related-videos .article-footer .tags h2, .article .article-footer .tags .mobile-related-videos h2 {
      width: 83.33333%;
      margin-left: 8.33333%;
      color: #bebebe; }
    .article .mobile-related-videos ul {
      width: 83.33333%;
      margin-left: 8.33333%;
      margin-top: 3px; }
      .article .mobile-related-videos ul li {
        border-top: 1px solid #e5e5e5;
        list-style: none;
        clear: left;
        padding: 20px 0;
        cursor: pointer; }
        .article .mobile-related-videos ul li:last-child {
          border-bottom: 1px solid #e5e5e5; }
    .article .mobile-related-videos .h6 {
      display: inline-block;
      vertical-align: middle;
      width: 66.66667%;
      margin-left: -5px;
      padding-left: 12px;
      margin-bottom: 0;
      color: #2e3030;
      font-weight: 700; }
    .article .mobile-related-videos .thumbnail {
      position: relative;
      display: inline-block;
      width: 33.33333%;
      vertical-align: middle; }
      .article .mobile-related-videos .thumbnail img {
        width: 100%; }
      .article .mobile-related-videos .thumbnail .duration {
        background: black;
        color: white;
        position: absolute;
        padding: 4px 8px 1px 8px;
        font-size: 0.75rem; }

/*.modal {
	&.playlist {
		.modal-inner{
			width: ($col * 10);
		}
	}
}*/
.article .track-info {
  text-align: center; }
  .article .track-info li {
    display: inline-block;
    margin: 0 16px;
    text-transform: uppercase;
    font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 1.125rem; }
    .article .track-info li:first-child {
      margin-left: 0; }
    .article .track-info li:last-child {
      display: none;
      margin-right: 0; }
    @media (min-width: 768px) {
      .article .track-info li:last-child {
        display: inline-block; } }

.audio-player {
  margin-bottom: 35px; }
  .audio-player .control {
    left: 6%; }
  .audio-player .control {
    padding-left: 0;
    border-radius: 50%;
    border: 3px solid #37383a;
    width: 32px;
    height: 32px;
    z-index: 5; }
    .audio-player .control .play {
      display: block;
      width: 0;
      height: 0;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-left: 9px solid #37383a;
      margin: 12px auto 6px auto;
      position: relative;
      z-index: 1;
      left: 1px;
      top: -5px; }
      .audio-player .control .play:before {
        content: '';
        position: absolute; }
      .audio-player .control .play:after {
        content: ''; }
      .audio-player .control .play.active {
        border-color: transparent; }
        .audio-player .control .play.active:after {
          opacity: 1;
          width: 2px;
          height: 9.6px;
          background: #37383a;
          position: absolute;
          right: 2px;
          top: -4.8px; }
        .audio-player .control .play.active:before {
          width: 2px;
          height: 9.6px;
          background: #37383a;
          position: absolute;
          left: -10px;
          right: initial;
          top: -4.8px; }
      @media (min-width: 768px) {
        .audio-player .control .play {
          left: 2px; } }
  .audio-player .track {
    /*min-height: 60px;*/
    border-bottom: 1px solid #ececec;
    position: relative;
    padding: 20px 0;
    background-color: #f8f8f8; }
    .audio-player .track .title {
      margin-left: 18%;
      font-size: 1.07rem;
      font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
      letter-spacing: 0.01em;
      color: #37383a;
      padding-top: 2px;
      z-index: 2;
      position: relative; }
      .audio-player .track .title span {
        display: none; }
      @media (min-width: 768px) {
        .audio-player .track .title {
          font-size: 1.08rem;
          margin-left: 17%;
          padding-top: 5px; }
          .audio-player .track .title span {
            display: inline-block; } }
      @media (min-width: 1024px) {
        .audio-player .track .title {
          margin-left: 14%; } }
    .audio-player .track .progress {
      position: absolute;
      height: 100%;
      background-color: #fc0d1b;
      top: 0;
      left: 0;
      z-index: 1; }
    .audio-player .track.playing .title {
      color: white; }
    .audio-player .track.playing .control {
      border-color: white; }
    .audio-player .track.playing .play:after, .audio-player .track.playing .play:before {
      background: white; }
    @media (min-width: 768px) {
      .audio-player .track {
        padding: 34px 0;
        min-height: 79px; } }

.related-content {
  margin-top: 111px;
  width: 100%;
  transform: translateZ(0); }
  @media (min-width: 768px) {
    .related-content {
      margin-bottom: 60px; } }
  .related-content .section-title {
    margin-bottom: 24px; }
  .related-content .h4 {
    color: white; }
  .related-content .tiles:focus {
    outline: none; }
  .related-content .product {
    width: 100%; }
    @media (max-width: 767px) {
      .related-content .product {
        position: relative; }
        .related-content .product:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 100%; } }
    .related-content .product .tile-inner {
      overflow: hidden;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      position: absolute; }
      .related-content .product .tile-inner .image {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top;
        background-color: #f7f7f8;
        position: absolute;
        top: 10px;
        right: 10px;
        bottom: 10px;
        left: 10px;
        z-index: 1; }
        @media (min-width: 768px) {
          .related-content .product .tile-inner .image {
            background-position: right; } }
      @media (min-width: 768px) {
        .related-content .product .tile-inner {
          position: inherit; } }
      .related-content .product .tile-inner .caption {
        z-index: 2;
        position: absolute;
        width: 83.33333%;
        margin-left: 8.33333%;
        bottom: 21px;
        text-align: center; }
        @media (min-width: 768px) {
          .related-content .product .tile-inner .caption {
            width: 25%;
            margin-left: 12.5%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            transform: translateY(-50%) translateZ(0);
            bottom: initial;
            text-align: left; } }
        .related-content .product .tile-inner .caption h3 {
          margin-bottom: 2px;
          font-size: 1.2rem; }
          @media (min-width: 768px) {
            .related-content .product .tile-inner .caption h3 {
              font-size: 2.5rem; } }
        .related-content .product .tile-inner .caption p {
          font-weight: 700;
          margin-bottom: 25px;
          font-size: 0.875rem; }
          @media (min-width: 768px) {
            .related-content .product .tile-inner .caption p {
              font-size: 1rem; } }
        @media (max-width: 767px) {
          .related-content .product .tile-inner .caption .button {
            /*width: 100%;
            min-width: initial;
            display: none;*/
             margin-bottom:25px;} }
        .related-content .product .tile-inner .caption .button-inner {
          padding: 6px 20px 0 20px; }
          @media (min-width: 768px) {
            .related-content .product .tile-inner .caption .button-inner {
              padding: 6px 44px 0 44px; } }
  @media (max-width: 767px) {
    .related-content {
      background: #e8e8e8;
      margin-top: 0;
      padding-top: 70px; }
      .related-content .h4 {
        font-size: 30px;
        color: #222021; }
      .related-content .button-callout {
        /*display: none;*/ } }

.video-playlist {
  margin: 0 -20px; }
  @media (min-width: 768px) {
    .video-playlist {
      margin: 0; } }
  .video-playlist .player-holder .video-wrapper {
    margin: 0; }
  .video-playlist .player-holder .caption {
    padding: 30px 20px;
    font-size: 13px; }
    .video-playlist .player-holder .caption h3 {
      color: #2e3030;
      font-size: 16px;
      font-weight: 500; }
    .video-playlist .player-holder .caption :last-child {
      margin-bottom: 0; }
  .video-playlist .player-holder .controls {
    left: 20px;
    right: 20px;
    bottom: 20px !important; }
  .video-playlist .mobile-title {
    color: #bfbfbf;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
    border-bottom: 1px solid #e5e5e5; }
  .video-playlist .queue {
    overflow-y: scroll; }
    @media (max-width: 767px) {
      .video-playlist .queue {
        max-height: none !important;
        padding: 20px 10px 10px 10px;
        border: solid #e5e5e5;
        border-width: 1px 0; } }
    .video-playlist .queue ul {
      width: 100%;
      margin: 0; }
    .video-playlist .queue li {
      margin-bottom: 20px;
      cursor: pointer; }
      .video-playlist .queue li:last-child {
        margin-bottom: 0; }
      .video-playlist .queue li img {
        transform: scale(1.05) translateZ(0);
        transition: all 340ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
      .video-playlist .queue li:hover img, .video-playlist .queue li:focus img {
        transform: scale(1) translateZ(0); }
      @media (max-width: 767px) {
        .video-playlist .queue li {
          padding: 20px 0;
          border-bottom: 1px solid #e5e5e5; }
          .video-playlist .queue li:last-child {
            border-bottom: none; } }
    .video-playlist .queue .thumb {
      position: relative;
      width: 33.333333%;
      float: left;
      overflow: hidden; }
      @media (min-width: 1024px) {
        .video-playlist .queue .thumb {
          width: 50%; } }
      .video-playlist .queue .thumb .duration {
        z-index: 1;
        font-size: 11px;
        line-height: 1;
        background-color: #000;
        color: #fff;
        letter-spacing: 0.5px;
        padding: 4px 10px 2px 10px; }
      .video-playlist .queue .thumb img {
        width: 100%; }
      .video-playlist .queue .thumb .buttons {
        display: none; }
        @media (min-width: 1024px) {
          .video-playlist .queue .thumb .buttons {
            display: block; } }
    .video-playlist .queue .text {
      width: 66.666666%;
      float: left;
      padding-left: 12px; }
      @media (min-width: 1024px) {
        .video-playlist .queue .text {
          width: 50%; } }
      .video-playlist .queue .text h4 {
        font-size: 13px;
        line-height: 1;
        margin: 0 0 5px 0;
        color: #222021;
        font-weight: 500;
        width: 100%; }
      .video-playlist .queue .text p {
        font-size: 12px;
        line-height: 1;
        margin: 0;
        color: #686868;
        width: 100%; }
    .video-playlist .queue .mask {
      display: none !important; }
  @media (min-width: 768px) {
    .video-playlist .player-holder {
      width: 59.66667%;
      float: left;
      padding-right: 15px; }
    .video-playlist .queue {
      width: 40.33333%;
      float: right;
      padding-left: 5px;
      padding-right: 10px; } }
  @media (min-width: 1024px) {
    .video-playlist .player-holder {
      width: 66.66667%; }
    .video-playlist .queue {
      width: 33.33333%; } }
  .video-playlist ::-webkit-scrollbar {
    -webkit-appearance: none; }
  .video-playlist ::-webkit-scrollbar:vertical {
    width: 5px; }
  .video-playlist ::-webkit-scrollbar:horizontal {
    height: 5px; }
  .video-playlist ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    border: 2px solid rgba(255, 255, 255, 0);
    /* should match background, can't be transparent */
    background-color: #d3d3d3; }
  .video-playlist ::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 3px; }

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

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

.slick-slider .slick-track,
.slick-slider .slick-list {
  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; }

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots ul {
    margin: 0;
    padding: 0;
    line-height: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative; }
  .slick-dots li {
    width: 10px;
    height: 10px;
    position: relative;
    display: inline-block;
    margin: 0 8px;
    padding: 0;
    cursor: pointer;
    line-height: 10px;
    font-size: 0;
    vertical-align: middle; }
    .slick-dots li a {
      width: 100%;
      height: 100%;
      display: block;
      border: 0;
      background-color: #4f4f4f;
      color: transparent;
      transition: background-color 320ms ease-out; }
      .slick-dots li a:hover:before, .slick-dots li a:focus:before {
        opacity: 1; }
    .slick-dots li.slick-active a {
      background-color: #e01e3c; }
  .slick-dots .action {
    background-color: transparent;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    right: 0;
    left: 0;
    margin-top: 0;
    top: 0; }
    @media (min-width: 768px) {
      .slick-dots .action {
        visibility: visible; } }
  .slick-dots .action-prev {
    margin-right: 20px; }
  .slick-dots .action-next {
    margin-left: 20px; }

.featured-product-limage {
  padding: 50px 0 0 0;
  overflow: hidden;
  position: relative; }
  @media (min-width: 768px) {
    .featured-product-limage {
      padding: 0; } }
  .featured-product-limage .image-wrapper {
    width: 83.33333%;
    margin-left: 8.33333%;
    margin-top: 30px;
    transform: translateZ(0); }
    .featured-product-limage .image-wrapper img {
      width: 100%; }
    @media (min-width: 768px) {
      .featured-product-limage .image-wrapper {
        width: 50%;
        float: left;
        margin-top: 0; }
      .featured-product-limage.left-aligned-text .image-wrapper {
        margin-left: 50%;
      }
      .featured-product-limage.right-aligned-text .image-wrapper {
        margin-left: 0;
      }
    }
    @media (min-width: 1024px) {
      .featured-product-limage .image-wrapper {
        width: 41.66667%; }
      .featured-product-limage.left-aligned-text .image-wrapper {
	    margin-left: 58.33333%;
	  }
	  .featured-product-limage.right-aligned-text .image-wrapper {
	    margin-left: 8.33333%;
	  }
    }
  .featured-product-limage .caption {
    width: 83.33333%;
    margin-left: 8.33333%;
    text-align: center;
    color: #222021; }
    .featured-product-limage .caption > span {
      font-size: 1.333rem;
      display: block;
      letter-spacing: -0.01em;
      margin-bottom: 14px;
      font-weight: 600;
      line-height: 1; }
      @media (min-width: 768px) {
        .featured-product-limage .caption > span {
          margin-bottom: 20px; } }
    @media (min-width: 1200px) {
      .featured-product-limage .caption .h1 {
        font-size: 80px; } }
    @media (min-width: 768px) {
      .featured-product-limage .caption {
        text-align: left;
        width: 41.66667%;
        float: left;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) translateZ(0); }
      .featured-product-limage.left-aligned-text .caption {
    	    margin-left: 8.33333%;
	    }
	  .featured-product-limage.right-aligned-text .caption {
	 	 	margin-left: 58.33333%;
	   	}
    }
    @media (min-width: 1024px) {
      .featured-product-limage .caption {
        width: 41.66667%; }
      .featured-product-limage.left-aligned-text .caption {
    	    margin-left: 8.33333%;
	    }
	  .featured-product-limage.right-aligned-text .caption {
	 	 	margin-left: 58.33333%;
	   	}
    }
  .featured-product-limage .category {
    font-weight: 600;
    margin-top: -6px;
    font-size: 0.933rem; }
    @media (min-width: 768px) {
      .featured-product-limage .category {
        font-size: 1.13; } }
  .featured-product-limage .cta {
    margin-top: 43px; }
    .featured-product-limage .cta .button .button-inner, .featured-product-limage .cta .button .mask {
      padding-left: 45px;
      padding-right: 45px; }

.video-player-full-bleed {
  position: relative;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .video-player-full-bleed .caption {
    width: 83.33333%;
    color: #fff;
    margin: 15% 8.33333%; }
    .video-player-full-bleed .caption .subtitle {
      text-transform: uppercase;
      font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
      font-size: 1.066rem;
      letter-spacing: 0.09em;
      margin-bottom: 12px; }
      @media (min-width: 1024px) {
        .video-player-full-bleed .caption .subtitle {
          margin-bottom: 26px; } }
    .video-player-full-bleed .caption h2, .video-player-full-bleed .caption h3 {
      color: white;
      font-size: 2rem;
      line-height: 1.11;
      margin-bottom: 50px; }
      @media (min-width: 768px) {
        .video-player-full-bleed .caption h2, .video-player-full-bleed .caption h3 {
          font-size: 3.0rem;
          margin-bottom: 20px; } }
      @media (min-width: 1024px) {
        .video-player-full-bleed .caption h2, .video-player-full-bleed .caption h3 {
          /*font-size: 3.0rem;*/
          margin-bottom: 38px; } }
      @media (min-width: 1400px) {
        .video-player-full-bleed .caption h2, .video-player-full-bleed .caption h3 {
          font-size: 4.8rem; } }
    @media (min-width: 1024px) {
      .video-player-full-bleed .caption {
        width: 66.66667%;
        margin-left: 16.66667%; } }
    @media (min-width: 1400px) {
      .video-player-full-bleed .caption {
        width: 66.66667%;
        margin-left: 16.66667%; } }
  .video-player-full-bleed .thumbnail {
    display: inline-block;
    position: relative;
    overflow: hidden; }
    .video-player-full-bleed .thumbnail img {
      transform: scale(1.1) translate3d(0, 0, 0);
      transition: all 240ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
    .video-player-full-bleed .thumbnail:hover img {
      transform: scale(1.01) translate3d(0, 0, 0); }
    @media (min-width: 768px) {
      .video-player-full-bleed .thumbnail {
        width: 33.33333%; } }
    @media (min-width: 1024px) {
      .video-player-full-bleed .thumbnail {
        width: 25%; } }
    @media (min-width: 1200px) {
      .video-player-full-bleed .thumbnail {
        width: 33.33333%; } }
  .video-player-full-bleed .action-play-large {
    background: transparent;
    box-shadow: none !important;
    border: 0; }
  .video-player-full-bleed .mobile-image-wrapper {
    display: none; }

.product-full-bleed {
  margin: 40px 0 10px 0;
  position: relative;
  text-align: center;
  position: relative; }
  @media (min-width: 768px) {
    .product-full-bleed {
      margin: 90px 0 20px 0; } }
  .product-full-bleed img {
    width: 100%; }
  .product-full-bleed .caption {
    width: 83.33333%;
    margin-left: 8.33333%;
    /*color: white;*/ }
    .product-full-bleed .caption .subtitle {
      font-size: 1.066rem;
      font-weight: 500;
      margin-bottom: 12px;
      color: #222021; }
      @media (min-width: 1024px) {
        .product-full-bleed .caption .subtitle {
          margin-bottom: 26px; } }
    .product-full-bleed .caption h2, .product-full-bleed .caption h3 {
      font-size: 2rem;
      line-height: 1.11;
      margin-bottom: 14px; }
      @media (min-width: 768px) {
        .product-full-bleed .caption h2, .product-full-bleed .caption h3 {
          font-size: 3.8rem; } }
      @media (min-width: 1024px) {
        .product-full-bleed .caption h2, .product-full-bleed .caption h3 {
          font-size: 3.8rem;
          margin-bottom: 38px; } }
      @media (min-width: 1400px) {
        .product-full-bleed .caption h2, .product-full-bleed .caption h3 {
          font-size: 4.8rem; } }
    @media (min-width: 768px) {
      .product-full-bleed .caption {
        width: 66.66667%;
        margin-left: 16.66667%; } }
    @media (min-width: 1024px) {
      .product-full-bleed .caption {
        width: 50%;
        margin-left: 25%; } }
  .product-full-bleed .cta {
    margin-top: 30px;
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .product-full-bleed .cta {
        margin-bottom: 127px; } }
  .product-full-bleed .image-wrapper {
    width: 83.33333%;
    margin-left: 8.33333%; }
  .product-full-bleed .left-product,
  .product-full-bleed .right-product {
    position: absolute;
    top: 0;
    width: 37.5%; }
    @media (max-width: 767px) {
      .product-full-bleed .left-product,
      .product-full-bleed .right-product {
        display: none; } }
  .product-full-bleed .left-product {
    margin-left: -20.83333%;
    left: 0; }
  .product-full-bleed .right-product {
    margin-right: -20.83333%;
    position: absolute;
    top: 13%;
    right: 0; }

.product-full-bleed-left {
  margin: 40px 0 10px 0;
  position: relative;
  overflow: hidden; }
  @media (min-width: 768px) {
    .product-full-bleed-left {
      margin: 70px 0 20px 0; } }
  .product-full-bleed-left img {
    width: 100%; }
  .product-full-bleed-left div {
    position: relative;
    z-index: 2; }
  .product-full-bleed-left .container {
    padding: 53px 0 0 0; }
  .product-full-bleed-left .bgleft,
  .product-full-bleed-left .bgright,
  .product-full-bleed-left .bgright-inner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #333;
    height: 100%;
    width: 100%;
    z-index: 1; }
  .product-full-bleed-left .bgright {
    height: 102%;
    top: -1px;
    margin-left: 75%;
    background-color: black; }
  .product-full-bleed-left .bgright-inner {
    background-color: black;
    margin-left: 50%; }
    @media (min-width: 768px) {
      .product-full-bleed-left .bgright-inner {
        margin-left: 70.83333%; } }
    @media (min-width: 1200px) {
      .product-full-bleed-left .bgright-inner {
        margin-left: 62.5%; } }
    @media (min-width: 1400px) {
      .product-full-bleed-left .bgright-inner {
        margin-left: 66.66667%; } }
  .product-full-bleed-left .breadcrumb {
    margin-top: -3px; }
  .product-full-bleed-left .caption {
    width: 66.66667%;
    margin-left: 16.66667%;
    text-align: center;
    position: relative;
    z-index: 2; }
    .product-full-bleed-left .caption .logos {
      text-align: center;
      margin-bottom: 12px; }
      .product-full-bleed-left .caption .logos img {
        width: 50%;
        display: inline-block; }
        @media (min-width: 768px) {
          .product-full-bleed-left .caption .logos img {
            width: 33.33333%; } }
        @media (min-width: 1024px) {
          .product-full-bleed-left .caption .logos img {
            width: 33.33333%; } }
      @media (min-width: 768px) {
        .product-full-bleed-left .caption .logos {
          text-align: left; } }
    .product-full-bleed-left .caption h2, .product-full-bleed-left .caption h3 {
      font-size: 2rem;
      line-height: 1.11;
      margin-bottom: 14px;
      color: #fff; }
      @media (min-width: 768px) {
        .product-full-bleed-left .caption h2, .product-full-bleed-left .caption h3 {
          font-size: 2.8rem; } }
      @media (min-width: 1024px) {
        .product-full-bleed-left .caption h2, .product-full-bleed-left .caption h3 {
          font-size: 3.1rem;
          margin-bottom: 38px; } }
    .product-full-bleed-left .caption .cta {
      margin-top: 16px;
      margin-bottom: 2px; }
      .product-full-bleed-left .caption .cta .button .button-inner {
        padding-left: 45px;
        padding-right: 45px; }
      .product-full-bleed-left .caption .cta .button .mask {
        z-index: 2; }
      @media (min-width: 768px) {
        .product-full-bleed-left .caption .cta {
          margin-top: 30px;
          margin-bottom: 0; } }
    @media (min-width: 768px) {
      .product-full-bleed-left .caption {
        width: 41.66667%;
        margin-left: 0;
        position: absolute;
        text-align: left;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transform: translateY(-50%) translateZ(0); } }
    @media (min-width: 1200px) {
      .product-full-bleed-left .caption {
        width: 33.33333%; } }
    @media (min-width: 1400px) {
      .product-full-bleed-left .caption {
        width: 33.33333%; } }
  .product-full-bleed-left .image-wrapper {
    width: 83.33333%;
    margin-left: 8.33333%; }
    @media (min-width: 768px) {
      .product-full-bleed-left .image-wrapper {
        width: 58.33333%;
        margin-left: 41.66667%; } }
    @media (min-width: 1200px) {
      .product-full-bleed-left .image-wrapper {
        margin-left: 33.33333%; } }
    @media (min-width: 1400px) {
      .product-full-bleed-left .image-wrapper {
        width: 66.66667%;
        margin-left: 33.33333%; } }

.campaign-carousel {
  background-size: cover;
  background-color: #1e1e1e;
  padding: 60px 0 70px 0;
  position: relative; }
  @media (min-width: 768px) {
    .campaign-carousel {
      padding: 155px 0 205px 0; } }
  .campaign-carousel p, .campaign-carousel h2, .campaign-carousel h3, .campaign-carousel .cta {
    text-align: center; }
    @media (min-width: 768px) {
      .campaign-carousel p, .campaign-carousel h2, .campaign-carousel h3, .campaign-carousel .cta {
        text-align: left; } }
  .campaign-carousel .section-title {
    margin-bottom: 29px; }
    @media (min-width: 768px) {
      .campaign-carousel .section-title {
        margin-bottom: 57px; } }
    .campaign-carousel .section-title h2, .campaign-carousel .section-title h3 {
      font-size: 2rem;
      margin-bottom: 20px;
      color: #fff; }
      @media (min-width: 768px) {
        .campaign-carousel .section-title h2, .campaign-carousel .section-title h3 {
          font-size: 4.8rem;
          margin-bottom: 35px; } }
    .campaign-carousel .section-title .subtitle {
      font-size: 0.92rem;
      text-transform: uppercase;
      font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
      margin-bottom: 12px; }
      .campaign-carousel .section-title .subtitle img {
        display: inline-block;
        vertical-align: middle; }
      .campaign-carousel .section-title .subtitle .pipe {
        display: inline-block;
        margin: 0 7px; }
      @media (min-width: 768px) {
        .campaign-carousel .section-title .subtitle {
          margin-bottom: 22px; } }
    .campaign-carousel .section-title .button {
      display: inline-block;
      color: white; }
  .campaign-carousel .tiles {
    width: 100%;
    margin-left: 0; }
  @media (max-width: 567px) {
    .campaign-carousel .tile {
      max-width: 200px;
      -ms-flex: none;
          flex: none; } }
  .campaign-carousel .post-tile .text {
    padding: 20px 20px 10px 20px; }
    @media (min-width: 1200px) {
      .campaign-carousel .post-tile .text {
        padding: 20px 30px 0 30px; } }
  .campaign-carousel .slick-dots {
    bottom: -130px; }

@media (min-width: 1200px) {
  .featured-playlist .section-title .subtitle {
    margin-bottom: 40px; } }

.featured-playlist .post-tile .h3 {
  font-size: 16px; }
  @media (min-width: 1024px) {
    .featured-playlist .post-tile .h3 {
      font-size: 24px; } }

.featured-photo-gallery {
  background-size: cover;
  background-color: #1e1e1e;
  padding: 60px 0 70px 0;
  position: relative; }
  @media (min-width: 768px) {
    .featured-photo-gallery {
      padding: 135px 0 70px 0; } }
  .featured-photo-gallery .section-title {
    margin-bottom: 30px; }
    @media (min-width: 768px) {
      .featured-photo-gallery .section-title {
        margin-bottom: 55px; } }
    @media (min-width: 1200px) {
      .featured-photo-gallery .section-title {
        padding-left: 20px;
        margin-bottom: 20px; } }
    .featured-photo-gallery .section-title p, .featured-photo-gallery .section-title h2, .featured-photo-gallery .section-title h3, .featured-photo-gallery .section-title .cta {
      text-align: center;
      color: white; }
      @media (min-width: 768px) {
        .featured-photo-gallery .section-title p, .featured-photo-gallery .section-title h2, .featured-photo-gallery .section-title h3, .featured-photo-gallery .section-title .cta {
          text-align: left; } }
    .featured-photo-gallery .section-title h2, .featured-photo-gallery .section-title h3 {
      font-size: 2rem;
      margin-bottom: 20px; }
      @media (min-width: 768px) {
        .featured-photo-gallery .section-title h2, .featured-photo-gallery .section-title h3 {
          font-size: 4.8rem;
          margin-bottom: 35px; } }
    .featured-photo-gallery .section-title .subtitle {
      font-weight: 700;
      margin-bottom: 12px; }
      @media (min-width: 768px) {
        .featured-photo-gallery .section-title .subtitle {
          margin-bottom: 22px; } }
    .featured-photo-gallery .section-title .button {
      display: inline-block;
      color: white; }
  .featured-photo-gallery .action {
    border: none;
    box-shadow: none; }
  .featured-photo-gallery .tiles {
    -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    margin: 0; }
  .featured-photo-gallery .tile {
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .featured-photo-gallery .tile {
        padding: 0 15px; } }
  .featured-photo-gallery .image-wrapper {
    display: block;
    width: 100%; }
    .featured-photo-gallery .image-wrapper img {
      width: 100%; }
  .featured-photo-gallery .caption {
    display: block;
    width: 100%;
    background-color: #fff;
    font-size: 16px;
    line-height: 1.1666666667;
    font-weight: 700;
    color: #222021;
    padding: 20px 30px 40px 20px; }
    @media (min-width: 768px) {
      .featured-photo-gallery .caption {
        font-size: 18px; } }
    @media (min-width: 1200px) {
      .featured-photo-gallery .caption {
        font-size: 24px; } }
    .featured-photo-gallery .caption :last-child {
      margin: 0; }
    .featured-photo-gallery .caption .photo-count {
      color: #bec1c3;
      font-size: 13px;
      margin-bottom: 0.75em; }
  @media (min-width: 768px) {
    .featured-photo-gallery .slides {
      padding-bottom: 30px; } }
  .featured-photo-gallery .slick-list {
    overflow: visible; }
    @media (max-width: 1023px) {
      .featured-photo-gallery .slick-list {
        margin-bottom: 50px; } }
  .featured-photo-gallery .slick-dots {
    z-index: 1;
    width: auto;
    left: 50%;
    transform: translateX(-50%); }
    .featured-photo-gallery .slick-dots .action-next {
      float: right; }
  .featured-photo-gallery .background {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0; }

.breadcrumb {
  position: relative;
  z-index: 2;
  margin: 0; }
  @media (max-width: 767px) {
    .breadcrumb {
      display: none; } }
  .breadcrumb li {
    display: inline;
    float: left;
    margin-right: 18px;
    font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
    text-transform: uppercase;
    font-size: 0.92rem;
    color: #fff; }
    .breadcrumb li a {
      color: #fff; }

.video-gallery-thumbs {
  background-color: #fff;
  padding-top: 60px; }
  .video-gallery-thumbs .slick-dots {
    bottom: auto;
    top: -40px;
    text-align: right; }
    .video-gallery-thumbs .slick-dots li {
      width: 7px;
      height: 7px;
      margin: 0 7px; }
      .video-gallery-thumbs .slick-dots li a {
        background-color: #d3d2d2; }
      .video-gallery-thumbs .slick-dots li.slick-active a {
        background-color: #e01e3c; }
  .video-gallery-thumbs .video-gallery-thumbs-inner {
    margin: 0 8.33333%;
    position: relative; }
  .video-gallery-thumbs .thumb {
    display: inline-block;
    position: relative;
    width: 20%;
    float: left;
    padding: 0 10px; }
    .video-gallery-thumbs .thumb .image-wrapper {
      position: relative;
      margin-bottom: 10px; }
    .video-gallery-thumbs .thumb .duration {
      z-index: 1;
      font-size: 11px;
      line-height: 1;
      background-color: #000;
      color: #fff;
      letter-spacing: 0.5px;
      padding: 4px 10px 2px 10px; }
    .video-gallery-thumbs .thumb img {
      width: 100%; }
    .video-gallery-thumbs .thumb .buttons {
      display: none; }
      @media (min-width: 1024px) {
        .video-gallery-thumbs .thumb .buttons {
          display: block; } }
    .video-gallery-thumbs .thumb .title {
      color: #222021;
      font-size: 13px;
      line-height: 1.1538461538;
      margin: 0; }
    .video-gallery-thumbs .thumb .buttons {
      display: none; }
      @media (min-width: 1024px) {
        .video-gallery-thumbs .thumb .buttons {
          display: block; } }
  .video-gallery-thumbs .pager {
    position: absolute;
    width: 45px;
    height: 100%;
    top: -20px;
    cursor: pointer; }
    .video-gallery-thumbs .pager.pager-prev {
      left: -38px; }
    .video-gallery-thumbs .pager.pager-next {
      right: -38px; }
      .video-gallery-thumbs .pager.pager-next .icon {
        right: 0; }
    .video-gallery-thumbs .pager .icon {
      width: 14px;
      height: 22px;
      position: absolute; }
      .video-gallery-thumbs .pager .icon path {
        fill: #bebdbd; }
    .video-gallery-thumbs .pager:hover .icon path {
      fill: #000; }

.mobile-gallery-images .slide {
  margin-bottom: 10px; }

.mobile-gallery-images .cta.thumbnail-carousel-more {
  text-align: center;
  margin-top: 30px; }
  .mobile-gallery-images .cta.thumbnail-carousel-more .button {
    display: inline-block; }

.image-gallery .slides-holder {
  position: relative; }

.image-gallery .thumbs-holder {
  position: relative;
  bottom: 0;
  left: 0;
  width: 83.33333%;
  margin: 20px 8.33333% 0 8.33333%; }
  @media (max-width: 767px) {
    .image-gallery .thumbs-holder{
      display: none; } }
  .image-gallery .thumbs-holder .pager {
    position: absolute;
    width: 45px;
    height: 90%;
    top: 0;
    cursor: pointer; }
    @media (max-width: 767px) {
    .image-gallery .thumbs-holder .pager {
        display: none;}}
    .image-gallery .thumbs-holder .pager.pager-prev {
      left: -38px; }
    .image-gallery .thumbs-holder .pager.pager-next {
      right: -38px; }
      .image-gallery .thumbs-holder .pager.pager-next .icon {
        right: 0; }
    .image-gallery .thumbs-holder .pager .icon {
      width: 14px;
      height: 22px;
      position: absolute; }
      .image-gallery .thumbs-holder .pager .icon path {
        fill: #bebdbd; }

.image-gallery .thumbs .thumb {
  position: relative;
  border: 5px solid #fff;
  transition: border-color 0.48s ease-out;
  overflow: hidden;
  cursor: pointer;
  outline-offset: -5px; }
  .image-gallery .thumbs .thumb.slick-current {
    opacity: 1; }
  .image-gallery .thumbs .thumb:after, .video-gallery-thumbs .thumb:after {
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    background-color: #e01e3c;
    margin: 9px auto 0 auto;
    transition: all 0.25s ease-out;
    opacity: 0;
    transform: scaleX(0); }
  .image-gallery .thumbs .thumb img {
    width: 100%;
    opacity: 0.2;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transform: scale(1.05);
    transition: all 240ms cubic-bezier(0.555, 0.14, 0.205, 0.555); }
    @media (min-width: 768px) {
      .image-gallery .thumbs .thumb img {
        opacity: 0.3; } }
  .image-gallery .thumbs .thumb:hover img, .image-gallery .thumbs .thumb.slick-current img {
    width: 100%;
    opacity: 1;
    transform: scale(1); }
  .image-gallery .thumbs .thumb:hover:after, .image-gallery .thumbs .thumb.slick-current:after, .video-gallery-thumbs .thumb:hover:after, .video-gallery-thumbs .thumb.slick-current:after {
    opacity: 1;
    transform: scaleX(1); }

.image-gallery .pagination,.video-gallery-thumbs .pagination {
  position: absolute;
  top: -40px;
  right: 0;
  text-align: right;
  margin: 10px 0; }
  .image-gallery .pagination li, .video-gallery-thumbs .pagination li {
    width: 7px;
    height: 7px;
    border-radius:50%;
    display: inline-block;
    background-color: #d3d2d2;
    margin: 0 0 0 10px;
    vertical-align: top;
    transition: background-color 250ms ease-out;
    cursor: pointer; }
  .image-gallery .pagination li.active,.video-gallery-thumbs .pagination li.active {
    background-color: #e01e3c; }

@media (min-width: 1024px) {
  .image-gallery .slides-holder .slick-slide {
    visibility: hidden; }
  .image-gallery .slides-holder .slick-slide.slick-current {
    visibility: visible; } }

.article-content .image-gallery {
  width: 100% !important;
  margin-left: 0 !important; }

.world-of-beats {
  background-color: #ececec;
  padding: 7.986111111% 0;
  text-align: center; }
  @media (min-width: 1024px) {
    .world-of-beats h2 {
      font-size: 50px; } }
  .world-of-beats .generic-tile {
    width: 100%; }
    .world-of-beats .generic-tile .text {
      background-color: #fff;
      text-align: center; }
    .world-of-beats .generic-tile h3 {
      margin-bottom: 20px; }

.beats-army-opt-in-spacer {
  min-height: 110px; }

.beats-army-opt-in {
  z-index: 800;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 110px;
  border: solid #f0f0f0;
  border-width: 1px 0;
  background-color: #fff;
  overflow: hidden; }
  .beats-army-opt-in .logo {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px; }
  .beats-army-opt-in .container {
    padding-top: 25px;
    max-width: 1060px; }
  .beats-army-opt-in .left .text {
    display: inline-block;
    vertical-align: middle;
    color: #8c8c8c;
    font-size: 13px;
    line-height: 1.15;
    padding-left: 25px;
    padding-top: 5px; }
  .beats-army-opt-in .left strong {
    display: block;
    font-weight: 500;
    color: #222021;
    font-size: 1.5384615385em; }
  .beats-army-opt-in .left p {
    margin: 0; }
  .beats-army-opt-in .right {
    position: relative; }
    .beats-army-opt-in .right form {
      margin-right: 40px; }
      @media (min-width: 1200px) {
        .beats-army-opt-in .right form {
          margin-right: 80px; } }
      .beats-army-opt-in .right form label, .beats-army-opt-in .right form legend {
        display: none; }
    .beats-army-opt-in .right .input-holder {
      position: relative;
      max-width: 340px;
      margin: 0 0 0 auto; }
    .beats-army-opt-in .right .input-wrapper span {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      text-align: left;
      padding: 0 0 0 25px;
      margin-top: 10px;
      color: #e01e3c;
      font-weight: 500; }
    .beats-army-opt-in .right .input-wrapper {
      position: relative; }
    .beats-army-opt-in .right [type="text"] {
      border: 2px solid #e6e6e7;
      font-size: 0.9333333333rem;
      line-height: 2.9285714286;
      width: 100%;
      border-radius: 41px;
      padding: 0 132px 0 25px; }
      .beats-army-opt-in .right [type="text"]:focus {
        outline: none; }
      @media (min-width: 768px) {
        .beats-army-opt-in .right [type="text"] {
          border: 1px solid #dedfe0; } }
    .beats-army-opt-in .right [type="submit"] {
      border: solid #e6e6e7;
      border-width: 0 0 0 2px;
      border-radius: 0;
      height: 100%;
      padding: 5px 0 0 0;
      width: 97px;
      font-size: 1.2rem;
      font-weight: 400;
      min-width: 0;
      color: #a7a6a6;
      box-shadow: none; }
      .beats-army-opt-in .right [type="submit"] img,
      .beats-army-opt-in .right [type="submit"] svg {
        display: inline-block;
        margin: 0 0 0 5px;
        width: 7px;
        height: 9px;
        position: relative;
        top: -1px; }
      .beats-army-opt-in .right [type="submit"] path {
        fill: #adafb2; }
        @media (min-width: 768px) {
          .beats-army-opt-in .right [type="submit"] path {
            fill: #a7a6a6; } }
      @media (min-width: 768px) {
        .beats-army-opt-in .right [type="submit"] {
          border-color: #dedfe0;
          border-width: 0 0 0 1px;
          width: 109px; } }
    .beats-army-opt-in .right ::-webkit-input-placeholder {
      color: #a7a6a6; }
    .beats-army-opt-in .right :-moz-placeholder {
      color: #a7a6a6; }
    .beats-army-opt-in .right ::-moz-placeholder {
      color: #a7a6a6; }
    .beats-army-opt-in .right :-ms-input-placeholder {
      color: #a7a6a6; }
  .beats-army-opt-in .close {
    width: 40px;
    height: 40px;
    border: 1px solid #d8d8d8;
    margin-top: 7px;
    font-size: 12.75px;
    text-align: center;
    line-height: 40px; }
  .beats-army-opt-in fieldset {
    border: none; }

.headache-bar-spacer {
  height: 38px; }

.headache-bar {
  z-index: 900;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #040d0c;
  line-height: 25px;
  text-align: center;
  color: #a4a6a6;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
  position: relative;
  /*cursor: pointer; */}

.collaboration-holder .products-list li {
  background-color: #fff; }

@media (max-width: 767px) {
  .mobile-collapse .collapse {
    display: none; } }

@media (min-width: 768px) {
  .mobile-collapse .button-holder {
    display: none; } }

.product-color-selector {
  position: relative;
  overflow: hidden;
  min-height: 400px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 75px; }
  @media (min-width: 768px) {
    .product-color-selector {
      min-height: 100vh;
      padding: 5% 0; } }
  .product-color-selector .background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    padding: 0; }
  .product-color-selector .color-selector-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    background-color: #fff; }
    @media (max-width: 767px) {
      .product-color-selector .color-selector-nav {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        background-color: #f3f3f3;
        border: solid #d9d8d8;
        border-width: 1px 0; }
        .product-color-selector .color-selector-nav .container {
          width: 100%; } }
    @media (min-width: 768px) {
      .product-color-selector .color-selector-nav {
        position: relative;
        background-color: transparent; }
        .product-color-selector .color-selector-nav ::-webkit-scrollbar {
          -webkit-appearance: none; }
        .product-color-selector .color-selector-nav ::-webkit-scrollbar:vertical {
          width: 5px; }
        .product-color-selector .color-selector-nav ::-webkit-scrollbar:horizontal {
          height: 5px; }
        .product-color-selector .color-selector-nav ::-webkit-scrollbar-thumb {
          border-radius: 3px;
          border: 2px solid rgba(255, 255, 255, 0);
          /* should match background, can't be transparent */
          background-color: #a7a6a6; }
        .product-color-selector .color-selector-nav ::-webkit-scrollbar-track {
          background-color: rgba(255, 255, 255, 0);
          border-radius: 3px; } }
    .product-color-selector .color-selector-nav .color-selector-nav-holder {
      position: relative;
      pointer-events: auto;
      border: none;
      margin: 0;
      padding: 0; }
      @media (min-width: 768px) {
        .product-color-selector .color-selector-nav .color-selector-nav-holder {
          width: 50%;
          max-width: 360px;
          padding: 0 20px; } }
      @media (min-width: 1200px) {
        .product-color-selector .color-selector-nav .color-selector-nav-holder {
          width: 33.33333%;
          left: 8.33333%;
          padding: 0;
          max-width: 460px; } }
    .product-color-selector .color-selector-nav .text-note {
      color: #a7a6a6;
      font-weight: 700;
      font-size: 13px;
      margin-bottom: 5px; }
    .product-color-selector .color-selector-nav .list-holder {
      padding: 18px 0; }
      @media (min-width: 768px) {
        .product-color-selector .color-selector-nav .list-holder {
          padding: 20px;
          background-color: rgba(162, 162, 162, 0.13); } }
      @media (min-width: 1024px) {
        .product-color-selector .color-selector-nav .list-holder {
          padding: 30px; } }
    .product-color-selector .color-selector-nav ul {
      max-height: 535px;
      overflow-x: hidden;
      overflow-y: auto;
      white-space: nowrap;
      padding: 0 20px; }
      @media (min-width: 768px) {
        .product-color-selector .color-selector-nav ul {
          white-space: normal;
          padding: 3px; } }
    .product-color-selector .color-selector-nav li {
      display: inline-block;
      width: 32px;
      margin-right: 18px; }
      @media (min-width: 768px) {
        .product-color-selector .color-selector-nav li {
          width: 50%;
          margin-bottom: 20px;
          padding: 1px 10px 1px 1px;
          margin-right: 0;
          float: left; } }
      .product-color-selector .color-selector-nav li:last-child, .product-color-selector .color-selector-nav li:nth-last-child(2) {
        /*margin-bottom: 0; */}
      .product-color-selector .color-selector-nav li a, .product-color-selector .color-selector-nav li label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        margin-bottom: 0; }
        .product-color-selector .color-selector-nav li a:hover .swatch,
        .product-color-selector .color-selector-nav li a:focus .swatch, .product-color-selector .color-selector-nav li label:hover .swatch,
        .product-color-selector .color-selector-nav li label:focus .swatch {
          border: 2px solid #a7a6a6; }
      .product-color-selector .color-selector-nav li.active .swatch {
        border: 2px solid #222021; }
    .product-color-selector .color-selector-nav .swatch {
      width: 32px;
      height: 32px;
      overflow: hidden;
      vertical-align: middle;
      margin-right: 0;
      padding: 3px;
      border: 2px solid transparent;
      transition: border-color 280ms ease-out; }
      @media (min-width: 768px) {
        .product-color-selector .color-selector-nav .swatch {
          width: 35px;
          height: 35px;
          min-width: fit-content;
          min-width: -webkit-min-content;
          margin-right: 7px; } }
      @media (min-width: 1024px) {
        .product-color-selector .color-selector-nav .swatch {
          width: 40px;
          height: 40px;
          min-width: fit-content;
          margin-right: 17px; } }
      .product-color-selector .color-selector-nav .swatch .image-holder {
        width: 22px;
        height: 22px;
        overflow: hidden; }
        @media (min-width: 768px) {
          .product-color-selector .color-selector-nav .swatch .image-holder {
            width: 25px;
            height: 25px; } }
        @media (min-width: 1024px) {
          .product-color-selector .color-selector-nav .swatch .image-holder {
            width: 30px;
            height: 30px;
            border: 1px solid rgba(167, 166, 166, 0.5); } }
    .product-color-selector .color-selector-nav .title {
      -ms-flex: 1;
          flex: 1;
      font-size: 13px;
      line-height: 1;
      color: #222021;
      font-weight: 500;
      margin-top: 4px;
      text-align: left;
      word-break: break-word;}}
      @media (min-width: 1024px) {
        .product-color-selector .color-selector-nav .title {
          font-size: 14px; } }
  .product-color-selector .color-selector-images {
    z-index: 1;
    min-height: 100%;
    width: 100%;
    overflow: hidden; }
    @media (min-width: 768px) {
      .product-color-selector .color-selector-images {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; } }
    @media (max-width: 767px) {
      .product-color-selector .color-selector-images .slick-list, .product-color-selector .color-selector-images .slick-track {
        height: 100%; } }
    .product-color-selector .color-selector-images .color-selector-image {
      display: none;
      -ms-flex-align: center;
          -ms-grid-row-align: center;
          align-items: center;
      height: 375px;
      position: relative; }
      .product-color-selector .color-selector-images .color-selector-image.active {
        display: -ms-flexbox;
        display: flex; }
      @media (min-width: 768px) {
        .product-color-selector .color-selector-images .color-selector-image {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; } }
    @media (min-width: 768px) {
      .product-color-selector .color-selector-images .image-holder {
        position: relative;
        width: 50%;
        float: right; } }
    .product-color-selector .color-selector-images .mobile-title {
      position: absolute;
      bottom: 40px;
      left: 0;
      width: 100%;
      text-align: center;
      font-weight: 700;
      color: #222021; }
    @media (max-width: 767px) {
      .product-color-selector .color-selector-images .image {
        height: 100%; }
        .product-color-selector .color-selector-images .image img {
          width: auto;
          height: 80%;
          margin: 5% auto;
          max-width: none; }
      .product-color-selector .color-selector-images .slick-dots {
        bottom: 21px !important;  }
        .product-color-selector .color-selector-images .slick-dots li {
          width: 6px;
          height: 6px; } }
    .product-color-selector .color-selector-images .slick-dots {
     bottom: -60px;
      z-index: 1; }
      @media (min-width: 1400px) {
        .product-color-selector .color-selector-images .slick-dots {
          bottom: -65px; } }
      .product-color-selector .color-selector-images .slick-dots li {
        width: 8px;
        height: 8px; }
        .product-color-selector .color-selector-images .slick-dots li a {
          background-color: #b5b4b4; }
        .product-color-selector .color-selector-images .slick-dots li.slick-active a {
          background-color: #e01e3c; }
      .product-color-selector .color-selector-images .slick-dots .action path {
        stroke: #a7a6a6;
        stroke-width: 1.25px;
        fill: #a7a6a6; }
      .product-color-selector .color-selector-images .slick-dots .action {
        border: none;
        box-shadow: none; }
    .product-color-selector .color-selector-images .image-full, .product-color-selector .color-selector-images .image-full figure {
      margin: 0;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
  .product-color-selector.product-color-selector-dark .color-selector-nav .text-note {
    color: #a7a6a6; }
  @media (min-width: 768px) {
    .product-color-selector.product-color-selector-dark .list-holder {
      border-color: #4d4d4d;
      background-color: rgba(162, 162, 162, 0.23); } }
  .product-color-selector.product-color-selector-dark li a.active .swatch {
    border-color: #fff; }
  .product-color-selector.product-color-selector-dark .title {
    text-align:left;
    color: #fff; }
  .product-color-selector.product-color-selector-dark .color-selector-images .mobile-title {
    color: #fff; }

.closing-product-overview {
  background-color: #fff;
  padding: 40px 0; }
  @media (min-width: 768px) {
    .closing-product-overview {
      padding: 175px 0; } }
  @media (min-width: 1024px) {
    .closing-product-overview {
      padding: 175px 0; } }
  .closing-product-overview .desktop-accordion:hover {
    background-color: #f7f7f7; }
  .closing-product-overview button {
    white-space: initial !important;
    text-align: left;
    min-width: 199px;
    max-width: 216px; }
    @media (min-width: 1400px) {
      .closing-product-overview button {
        white-space: no-wrap;
        text-align: left;
        min-width: none;
        max-width: 295px; } }
  .closing-product-overview h2 {
    line-height: 1; }
    @media (min-width: 1024px) {
      .closing-product-overview h2 {
        font-size: 50px; } }
  @media (max-width: 767px) {
    .closing-product-overview .grid {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .closing-product-overview .title {
    margin-bottom: 40px;
    font-size: 14px; }
    @media (max-width: 767px) {
      .closing-product-overview .title {
        text-align: center;
        width: 90%;
        margin: 0 auto 40px auto; } }
  .closing-product-overview .price {
    padding-top: 40px; }
    @media (max-width: 767px) {
      .closing-product-overview .price {
        text-align: center; } }
    @media (min-width: 1024px) {
      .closing-product-overview .price {
        padding-top: 60px; } }
    .closing-product-overview .price .price-holder {
      display: inline-block;
      vertical-align: middle;
      font-size: 22px;
      line-height: 22px;
      color: #222021;
      font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
      position: relative;
      top: 4px;
      margin-right: 15px; }
  .closing-product-overview .overview-holder {
    -ms-flex: none;
        flex: none;
    width: 100%;
    position: relative;
    margin-bottom: 40px;
    z-index: 2; }
    @media (min-width: 768px) {
      .closing-product-overview .overview-holder {
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
        margin-bottom: 0; } }
    @media (min-width: 1024px) {
      .closing-product-overview .overview-holder {
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
        left: 8.33333%; }
        .closing-product-overview .overview-holder.flush-left {
          left: 0; } }
  .closing-product-overview .image-holder {
    width: 100%;
    position: relative;
    z-index: 1; }
    @media (min-width: 768px) {
      .closing-product-overview .image-holder {
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%; } }
    @media (min-width: 1024px) {
      .closing-product-overview .image-holder {
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
        left: 8.33333%; } }
  .closing-product-overview .prod-list {
    margin-bottom: 10px;
    overflow-y: auto;
    padding-right: 10px; }
    @media (max-width: 1023px) {
      .closing-product-overview .prod-list {
        max-height: initial !important; } }
    @media (min-width: 1024px) {
      .closing-product-overview .prod-list {
        margin-right: 25%; } }
    .closing-product-overview .prod-list .prod {
      border-top: solid 1px #e6e6e6;
      transition: background-color 0.28s ease-out; }
      .closing-product-overview .prod-list .prod:hover {
        background-color: #fbfbfb; }
      .closing-product-overview .prod-list .prod:last-child {
        border-bottom: solid 1px #e6e6e6; }
      .closing-product-overview .prod-list .prod .inner {
        padding: 10px 10px 10px 0;
        position: relative; }
      .closing-product-overview .prod-list .prod img, .closing-product-overview .prod-list .prod h4 {
        display: inline-block;
        vertical-align: middle; }
      .closing-product-overview .prod-list .prod img {
        width: 21%; }
        @media (min-width: 768px) {
          .closing-product-overview .prod-list .prod img {
            width: 10%; } }
        @media (min-width: 1024px) {
          .closing-product-overview .prod-list .prod img {
            width: 21%; } }
      .closing-product-overview .prod-list .prod h4 {
        width: 71%;
        margin-bottom: 0;
        font-size: 1.2rem;
        font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
        font-weight: 300;
        letter-spacing: 0.05em;
        color: #a7a6a6;
        text-transform: uppercase; }
        @media (min-width: 768px) {
          .closing-product-overview .prod-list .prod h4 {
            font-size: 1.125rem; } }
      .closing-product-overview .prod-list .prod a h4 {
        color: #161616; }
      .closing-product-overview .prod-list .prod a .fa {
        display: inline-block; }
      .closing-product-overview .prod-list .prod .fa {
        right: 10px;
        display: none; }

.pdp-closing-callout {
  position: relative;
  font-size: 15px;
  line-height:24px}
  @media (max-width: 767px) {
    .pdp-closing-callout {
      background-color: #fff;
      line-height:20px;
      padding: 60px 0 40px 0;
      /*border-top: 1px solid #d6d6d6; */} }
  .pdp-closing-callout .container {
    position: relative; }
  .pdp-closing-callout .section-title {
    color: #67686b; }
    .pdp-closing-callout .section-title h2, .pdp-closing-callout .section-title .h2 {
      color: #222021 !important; }
      @media (max-width: 767px) {
        .pdp-closing-callout .section-title h2, .pdp-closing-callout .section-title .h2 {
          font-size: 26px; } }
  .pdp-closing-callout .text-holder {
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    @media (max-width: 767px) {
      .pdp-closing-callout .text-holder {
        position: static;
        display: block;
        padding: 40px 30px;
        background-color: #fff;
        text-align: center; } }
    .pdp-closing-callout .text-holder h2, .pdp-closing-callout .text-holder .h2 {
      font-size: 16px;
      line-height: 1.1; }
      @media (min-width: 768px) {
        .pdp-closing-callout .text-holder h2, .pdp-closing-callout .text-holder .h2 {
          font-size: 22px; } }
      @media (min-width: 1200px) {
        .pdp-closing-callout .text-holder h2, .pdp-closing-callout .text-holder .h2 {
          font-size: 48px; } }
    .pdp-closing-callout .text-holder > .container, .pdp-closing-callout .text-holder > .text-inner {
      max-height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      -ms-overflow-style: -ms-autohiding-scrollbar; }
  .pdp-closing-callout .text-inner {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 768px) {
      .pdp-closing-callout.center .text-inner {
        width: 95%;
        max-width: 100%; } }
  .pdp-closing-callout .image-holder img {
    width: 100%; }
  @media (min-width: 768px) {
    .pdp-closing-callout.text-light {
      color: #d4d4d4; }
      .pdp-closing-callout.text-light h2, .pdp-closing-callout.text-light .h2 {
        color: #fff; } }
@media (max-width: 767px) {
	.pdp-closing-callout.video-card-container.text-light {
		color: #d4d4d4;
	}
	.pdp-closing-callout.video-card-container.text-light h2, .pdp-closing-callout.video-card-container.text-light .h2
		{
		color: #fff;
	}
}

@media (min-width: 768px) {
  .pdp-closing-callout-contained .text-inner {
    margin-left: 8.33333%; } }

.pdp-closing-callout-contained .container {
  max-width: 1180px; }

@media (max-width: 767px) {
  .pdp-closing-callout-fullscreen {
    padding-top: 0; } }

@media (min-width: 768px) {
  .pdp-closing-callout-fullscreen .text-inner {
    margin-left: 0; }
  .pdp-closing-callout.right .text-inner {
    margin-left: 65%; }
  .pdp-closing-callout.center .text-inner {
    margin: auto;
    text-align: center;}
  }

@media (min-width: 1024px) {
   .pdp-closing-callout-fullscreen.center .container {
     padding: 0; }}

.carousel-standard .slick-dots {
  bottom: -20px; }
  @media (min-width: 768px) {
    .carousel-standard .slick-dots {
      bottom: -70px; } }
  @media (min-width: 1024px) {
    .carousel-standard .slick-dots {
      bottom: -100px; } }

@media (max-width: 767px) {
  .carousel-standard .pdp-closing-callout {
    background-color: transparent;
    border-top: none; } }

.bg-light .carousel-standard .slick-dots li a {
  background-color: #dfdfdf; }

.bg-light .carousel-standard .slick-dots .slick-active a {
  background-color: #e01e3c; }

.bg-light .carousel-standard .action-prev path,
.bg-light .carousel-standard .action-next path {
  fill: #e7e7e7;
  stroke: #e7e7e7;
  stroke-width: 1px; }

.support-hero {
  position: relative; }
  .support-hero:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 60.625%; }
  @media (min-width: 768px) {
    .support-hero {
      position: relative; }
      .support-hero:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 27.90698%; } }
  .support-hero .text-wrapper {
    position: absolute;
    z-index: 1;
    text-align: center;
    width: 83.33333%;
    margin-left: 8.33333%; }
    .support-hero .white h1,.support-hero .white p{
      color: #fff; }
    .support-hero .black h1,.support-hero .black p{
      color: #222021; }
    .support-hero .text-wrapper p {
      font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
      text-transform: none;
      font-weight: 600; }
  .support-hero img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    width: auto;
    min-width: 100%;
    height: 101%;
    z-index: 0;
    display: inline !important;}

.product-selector.support-container {
  margin-bottom: 0; }

.product-selector h2 {
  text-align: center; }

.product-selector h2 + p {
  margin-bottom: 20px;
  text-align: center; }
  @media (min-width: 1024px) {
    .product-selector h2 + p {
      margin-bottom: 85px; } }

@media (min-width: 768px) {
  .product-selector .grid-wrapper {
    width: 83.33333%;
    margin-left: 8.33333%; } }

@media (min-width: 1024px) {
  .product-selector .grid-wrapper {
    width: 100%;
    margin-left: 0; } }

.product-selector .support-category {
  width: 100%; }
  @media (min-width: 1024px) {
    .product-selector .support-category {
      width: 16.66667%;
      margin-left: 8.33333%;
      float: left; } }
  .product-selector .support-category .panel {
    overflow: hidden; }
  @media (min-width: 1024px) {
    .product-selector .support-category .content {
      height: auto !important; } }
  .product-selector .support-category img {
    display: none; }
    @media (min-width: 1024px) {
      .product-selector .support-category img {
        max-width: 80%;
        display: block; } }
  .product-selector .support-category .h4 {
    letter-spacing: -0.01em;
    margin: 0;
    padding: 25px 20px 20px 20px; }
    @media (min-width: 1024px) {
      .product-selector .support-category .h4 {
        padding: 0;
        margin-top: 40px; } }
    @media (min-width: 1024px) {
      .product-selector .support-category .h4 button {
        display: none; } }
  .product-selector .support-category .category-list {
    overflow: hidden; }
  .product-selector .support-category ul {
    margin-bottom: 0;
    margin-top: 22px;
    font-size: 1.0666666667rem; }
  .product-selector .support-category li {
    list-style: none; }
    @media (min-width: 1024px) {
      .product-selector .support-category li {
        margin-bottom: 10px; } }
  .product-selector .support-category .loadmore {
    position: relative;
    display: inline-block;
    margin-top: 0;
    cursor: pointer;
    font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif !important;
    text-transform: uppercase !important; }
    .product-selector .support-category .loadmore .fa {
      top: 1px; }
    .product-selector .support-category .loadmore:hover, .product-selector .support-category .loadmore:focus {
      color: #222021; }

@media (max-width: 1023px) {
  .support .accordion, .flag-innapropriate-modal .accordion, .review-process .accordion {
    transition: all 0.5s ease;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    /* easeOutQuint */
    border-top: solid 1px #eaeaea; }
    .support .accordion:last-child, .flag-innapropriate-modal .accordion:last-child, .review-process .accordion:last-child {
      border-bottom: solid 1px #eaeaea; }
    .support .accordion .icon-mobile, .flag-innapropriate-modal .accordion .icon-mobile, .review-process .accordion .icon-mobile {
      display: inline-block;
      float: right;
      width: 12px;
      height: 5px;
      margin-left: 0px;
      margin-top: 3px; }
      .support .accordion .icon-mobile path, .flag-innapropriate-modal .accordion .icon-mobile path, .review-process .accordion .icon-mobile path,
      .support .accordion .icon-mobile polygon, .flag-innapropriate-modal .accordion .icon-mobile polygon, .review-process .accordion .icon-mobile polygon {
        fill: #a7a6a6; }
    .support .accordion h4, .flag-innapropriate-modal .accordion h4, .review-process .accordion h4, .support .accordion .h4, .flag-innapropriate-modal .accordion .h4, .review-process .accordion .h4 {
      margin: 0 auto;
      position: relative;
      padding: 32px 0px 26px 10px;
      width: 90%;
      font-size: 1.3rem;
      letter-spacing: -0.01em;
      font-weight: 500;
      cursor: pointer; }
      .support .accordion h4 .icon, .flag-innapropriate-modal .accordion h4 .icon, .review-process .accordion h4 .icon, .support .accordion .h4 .icon, .flag-innapropriate-modal .accordion .h4 .icon, .review-process .accordion .h4 .icon {
        margin-top: 0px;
         min-height:12px;
         min-width:12px;}
      .support .accordion h4 svg, .flag-innapropriate-modal .accordion h4 svg, .review-process .accordion h4 svg, .support .accordion .h4 svg, .flag-innapropriate-modal .accordion .h4 svg, .review-process .accordion .h4 svg {
        transition: all 0.5s ease;
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        /* easeOutQuint */ }
    .support .accordion .icon, .flag-innapropriate-modal .accordion .icon, .review-process .accordion .icon {
      transition: all 0.28s ease-out; }
    .support .accordion p, .flag-innapropriate-modal .accordion p, .review-process .accordion p {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      padding: 0 10px; }
    .support .accordion.open, .flag-innapropriate-modal .accordion.open, .review-process .accordion.open {
      background-color: #f7f7f7; }
      .support .accordion.open h4 svg, .flag-innapropriate-modal .accordion.open h4 svg, .review-process .accordion.open h4 svg, .support .accordion.open .h4 svg, .flag-innapropriate-modal .accordion.open .h4 svg, .review-process .accordion.open .h4 svg {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg); }
        .support .accordion.open h4 svg path, .flag-innapropriate-modal .accordion.open h4 svg path, .review-process .accordion.open h4 svg path,
        .support .accordion.open h4 svg polygon, .flag-innapropriate-modal .accordion.open h4 svg polygon, .review-process .accordion.open h4 svg polygon, .support .accordion.open .h4 svg path, .flag-innapropriate-modal .accordion.open .h4 svg path, .review-process .accordion.open .h4 svg path,
        .support .accordion.open .h4 svg polygon, .flag-innapropriate-modal .accordion.open .h4 svg polygon, .review-process .accordion.open .h4 svg polygon {
          /*fill: #222021; */}
    .support .accordion .content, .flag-innapropriate-modal .accordion .content, .review-process .accordion .content {
      height: 0;
      overflow: hidden;
      display: none; }
      .support .accordion .content.show, .flag-innapropriate-modal .accordion .content.show, .review-process .accordion .content.show {
        display: block; }
    .support .accordion ul, .flag-innapropriate-modal .accordion ul, .review-process .accordion ul {
      width: 90%;
      margin: 0 auto;
      padding-bottom: 0;
      padding-top: 0;
      height: auto !important; }
      .helpful-solutions .accordion ul li, .support-category.accordion ul li, .flag-innapropriate-modal .accordion ul li, .review-process .accordion ul li {
        border-top: solid 1px #eaeaea;
        padding: 17px 0px 10px 10px; }
        .support .accordion ul li .icon, .flag-innapropriate-modal .accordion ul li .icon, .review-process .accordion ul li .icon {
          width: 8px;
          height: 5px;
          margin-top: 0px; }
      .support .accordion ul a, .flag-innapropriate-modal .accordion ul a, .review-process .accordion ul a {
        font-size: 0.875rem ;
        letter-spacing: -0.01em; }
    .support .accordion .loadmore, .flag-innapropriate-modal .accordion .loadmore, .review-process .accordion .loadmore {
      display: none; }
    .support .accordion span.num, .flag-innapropriate-modal .accordion span.num, .review-process .accordion span.num {
      margin-top: -8px; } }
/* for iphone5s,iphone 6,iphone6+,*/
@media (min-device-width: 375px)
        and (max-device-width: 667px)
        and (-webkit-min-device-pixel-ratio: 2)
        and (orientation: landscape){
.support .accordion ul a, .flag-innapropriate-modal .accordion ul a, .review-process .accordion ul a {
        font-size: 0.675rem !important;

         }

 .support .accordion h4, .flag-innapropriate-modal .accordion h4, .review-process .accordion h4, .support .accordion .h4, .flag-innapropriate-modal .accordion .h4, .review-process .accordion .h4 {
               margin: 0 auto;
               position: relative;
               padding: 32px 0px 26px 10px;
               width: 90%;
               font-size: 1.4rem !important;
               letter-spacing: -0.01em;
               font-weight: 500;
               cursor: pointer; }
}
@media (min-device-width: 414px)
         and (max-device-width: 736px)
         and (-webkit-min-device-pixel-ratio: 3)
         and (orientation: landscape){
.support .accordion ul a, .flag-innapropriate-modal .accordion ul a, .review-process .accordion ul a {
        font-size: 0.675rem !important;

         }

 .support .accordion h4, .flag-innapropriate-modal .accordion h4, .review-process .accordion h4, .support .accordion .h4, .flag-innapropriate-modal .accordion .h4, .review-process .accordion .h4 {
               margin: 0 auto;
               position: relative;
               padding: 32px 0px 26px 10px;
               width: 90%;
               font-size: 1.4rem !important;
               letter-spacing: -0.01em;
               font-weight: 500;
               cursor: pointer; }
}


@media (min-device-width: 320px)
         and (max-device-width: 568px)
         and (-webkit-min-device-pixel-ratio: 2)
         and (orientation: landscape){
.support .accordion ul a, .flag-innapropriate-modal .accordion ul a, .review-process .accordion ul a {
        font-size: 0.675rem !important;

         }

 .support .accordion h4, .flag-innapropriate-modal .accordion h4, .review-process .accordion h4, .support .accordion .h4, .flag-innapropriate-modal .accordion .h4, .review-process .accordion .h4 {
               margin: 0 auto;
               position: relative;
               padding: 32px 0px 26px 10px;
               width: 90%;
               font-size: 1.4rem !important;
               letter-spacing: -0.01em;
               font-weight: 500;
               cursor: pointer; }
}


@media (max-width: 1023px) {
  .support .accordion:hover, .flag-innapropriate-modal .accordion:hover, .review-process .accordion:hover {
    background-color: #fbfbfb; } }

@media (min-width: 1024px) {
  .support .accordion .icon-mobile, .flag-innapropriate-modal .accordion .icon-mobile, .review-process .accordion .icon-mobile {
    display: none; } }

.desktop-accordion {
  transition: all 0.5s ease;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  /* easeOutQuint */
  border-top: solid 1px  #dddddd;
  padding: 0; }
  @media (min-width: 1024px) {
    .desktop-accordion {
      padding: 0 30px 0 30px; } }
  .desktop-accordion:hover {
    background: rgba(255, 255, 255, 0.2); }
  .desktop-accordion h4, .desktop-accordion .h4 {
    padding: 30px 20px 20px 20px;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .desktop-accordion h4, .desktop-accordion .h4 {
        margin: 0;
        letter-spacing: 0.025em; } }
    @media (min-width: 1024px) {
      .desktop-accordion h4, .desktop-accordion .h4 {
        font-size: 1rem;
        padding: 40px 0 34px 0; } }
    .desktop-accordion h4 .icon, .desktop-accordion .h4 .icon {
      display: inline-block !important;
      float: right;
      width: 12px;
      height: 12px;
      margin-left: 0px;
      transition: all 0.28s ease-out; }
      .desktop-accordion h4 .icon path,
      .desktop-accordion h4 .icon polygon, .desktop-accordion .h4 .icon path,
      .desktop-accordion .h4 .icon polygon {
        fill: #a7a6a6; }
      @media (min-width: 768px) {
        .desktop-accordion h4 .icon, .desktop-accordion .h4 .icon {
          margin-top: 3px; } }
    .desktop-accordion h4 svg, .desktop-accordion .h4 svg {
      transition: all 0.5s ease;
      transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      /* easeOutQuint */ }
  .desktop-accordion button {
    /*white-space: nowrap;*/ }
  @media (max-width: 1023px){
  .closing-product-overview .desktop-accordion .content{
  padding: 0 20px;}}
  .desktop-accordion .content {
    display: none;
    height: 0;
    overflow: hidden;
    padding: 0 0px; }
    @media (min-width: 1024px) {
      .desktop-accordion .content {
        padding: 0; } }
    .desktop-accordion .content.show {
      display: block; }
  .desktop-accordion ul {
    margin-bottom: 0px;
    padding-bottom: 0;
    padding-top: 0; }
    @media (min-width: 768px) {
      .desktop-accordion ul {
        margin-top: 7px; } }
  .desktop-accordion li {
    list-style: none; }
    @media (min-width: 768px) {
      .desktop-accordion li {
        margin-bottom: 20px; } }
    @media (min-width: 1024px) {
      .desktop-accordion li {
        margin-bottom: 10px; } }
    @media (min-width: 768px) {
      .desktop-accordion li:last-child {
        margin-bottom: 60px; } }
    @media (min-width: 1024px) {
      .desktop-accordion li:last-child {
        margin-bottom: 50px; } }
  .desktop-accordion span.num {
    display: inline-block;
    margin-right: 18px;
    font-size: 1.5625rem;
    color: #dfdfdf;
    font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif; }
  /*.desktop-accordion.open h4 svg {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }
    .desktop-accordion.open h4 svg path,
    .desktop-accordion.open h4 svg polygon {
      fill: #222021; }*/
  .desktop-accordion.open h4 .icon, .desktop-accordion.open .h4 .icon {
    transform: rotate(-45deg); }
  @media (min-width: 768px) {
    .desktop-accordion.open {
      background-color: #f7f7f7; } }
  .desktop-accordion:last-child {
    border-bottom: solid 1px #dddddd; }

.helpful-solutions {
  background-color: #fff; }
.helpful-solutions .accordion.open .h4 svg, .warranty .accordion.open .h4 svg{
/*background-color: #fff;*/
transform: rotate(-45deg);
transform :rotate(0deg) !important;
-webkit-transform : rotate(0deg) !important;
-moz-transform : rotate(0deg)
!important;}
  @media (min-width: 768px) {
    .helpful-solutions {
      background-color: #f4f4f4;
      padding: 82px 0 72px 0; } }
  @media (min-width: 1024px) {
    .helpful-solutions {
      position: relative; }
      .helpful-solutions:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.62791%; } }
  .helpful-solutions .text-wrapper {
    z-index: 1; }
    .helpful-solutions .text-wrapper h1, .helpful-solutions .text-wrapper p {
      color: #fff; }
    .helpful-solutions .text-wrapper p {
      font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
      text-transform: none;
      font-weight: 600; }
    .helpful-solutions .text-wrapper h2 {
      text-align: center;
      padding-top:15px;
      margin-bottom: 16px;
      font-size: 1.875rem; }
      @media (min-width: 768px) {
        .helpful-solutions .text-wrapper h2 {
          margin-bottom: 26px; } }
      @media (min-width: 1024px) {
        .helpful-solutions .text-wrapper h2 {
          font-size: 3.125rem;
          text-align: left; } }
    @media (min-width: 768px) {
      .helpful-solutions .text-wrapper {
        width: 83.33333%;
        margin-left: 8.33333%; } }
    @media (min-width: 1024px) {
      .helpful-solutions .text-wrapper {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transform: translateY(-50%) translateZ(0);
        width: 33.33333%;
        margin-left: 8.33333%; } }
  .helpful-solutions .back img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    width: auto;
    height: 100%;
    z-index: 0;
    display: none; }
    @media (min-width: 1024px) {
      .helpful-solutions .back img {
        display: block; } }

.support-resources.support-container {
  background-color: #f4f4f4;
  padding: 70px 0; }
/*  .support-resources.support-container .container.max-width,.support-container.container.max-width{
  width : 95%;
  }*/
  @media (min-width: 1024px) {
    .support-resources.support-container {
      padding: 120px 0; } }
  .support-resources.support-container h2 {
    text-align: center; }
  .support-resources.support-container h2 + p {
    text-align: center;
    margin-bottom: 40px; }
  .support-resources.support-container .tile {
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar; }

.support-social .component[data-layout="text-left"] .image-pos-wrapper {
  cursor: default; }
  @media (min-width: 768px) {
    .support-social .component[data-layout="text-left"] .image-pos-wrapper {
      margin-left: 0; } }
  @media (min-width: 1024px) {
    .support-social .component[data-layout="text-left"] .image-pos-wrapper {
      margin-left: 16.66667%; } }

.support-social .component .text {
  position: relative;
  padding: 15% 4.226%;
  text-align: center; }
  @media (min-width: 768px) {
    .support-social .component .text {
      width: 100%;
      max-width: 100%;
      padding: 6.226% 33% 6.226% 4.226%;
      text-align: left; } }
  @media (min-width: 1024px) {
    .support-social .component .text {
      padding: 6.226% 4.226%;
      position: absolute;
      max-width: 460px;
      max-width: 30.666666667rem; } }

.support-social .component .social-links {
  padding-top: 20px; }
  @media (min-width: 1024px) {
    .support-social .component .social-links {
      padding-top: 0; } }
  .support-social .component .social-links p:first-child {
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .support-social .component .social-links p:first-child {
        margin-bottom: 26px; } }
  .support-social .component .social-links p:last-child {
    margin-bottom: 0; }
  .support-social .component .social-links a {
    font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #222021;
    letter-spacing: 0.01em; }
    .support-social .component .social-links a:after {
      width: calc(100% - 52px);
      margin-left: 38px; }
    @media (max-width: 767px) {
      .support-social .component .social-links a {
        background-color: #ededed;
        display: inline-block;
        line-height: 30px;
        text-align: center;
        border-radius: 50px;
        min-width: 220px;
        font-size: 16px;
        letter-spacing: 0.03em;
        vertical-align: middle;
        padding: 8px 10px 2px 10px; } }
  .support-social .component .social-links .fa {
    font-size: 22px;
    margin-right: 10px; }
    .support-social .component .social-links .fa.fa-twitter {
      color: #62aadb; }
    .support-social .component .social-links .fa.fa-facebook-official {
      color: #3b5999; }
    @media (min-width: 768px) {
      .support-social .component .social-links .fa {
        margin-right: 16px; } }

@media (min-width: 1024px) {
  .product-overview {
    padding: 60px 0 140px 0; } }

.product-overview > .content {
  width: 83.33333%;
  margin-left: 8.33333%; }

.product-overview .prod-heading {
  padding-bottom: 35px;
  border-bottom: solid 1px #e7e7e7;
  margin-bottom: 36px;
  text-align: left; }
  @media (min-width: 768px) {
    .product-overview .prod-heading {
      margin-bottom: 80px;
      text-align: left; } }
  @media (min-width: 1024px) {
    .product-overview .prod-heading {
      margin-bottom: 93px; } }
  .product-overview .prod-heading .image {
    display: none; }
    @media (min-width: 768px) {
      .product-overview .prod-heading .image {
        width: 30%;
        display: inline-block;
        vertical-align: middle; } }
  .product-overview .prod-heading .title-wrapper .links .arrow-link:after {
    width: calc(100% - 41px);
    margin-left: 27px; }
  @media (min-width: 768px) {
    .product-overview .prod-heading .title-wrapper {
      width: 70%;
      padding-left: 20px;
      display: inline-block;
      vertical-align: middle;
      margin-left: -5px;
      text-align: left; } }
  .product-overview .prod-heading .title-wrapper h2 {
    text-align: center; }
    @media (min-width: 768px) {
      .product-overview .prod-heading .title-wrapper h2 {
        text-align: left; } }
  .product-overview .prod-heading .title-wrapper .mobile-image {
    text-align: center; }
    .product-overview .prod-heading .title-wrapper .mobile-image img {
      display: inline-block;
      width: 100%; }
    @media (min-width: 768px) {
      .product-overview .prod-heading .title-wrapper .mobile-image {
        display: none; } }
  .product-overview .prod-heading .title-wrapper p {
    text-align: center;
    font-size: 0.9375rem;
    margin-bottom: 5px;
    color: #a7a6a6;
    font-weight: 500; }
    @media (min-width: 768px) {
      .product-overview .prod-heading .title-wrapper p {
        text-align: left;
        margin-bottom: 32px;
        font-size: 0.75rem; } }

.product-overview .step {
  font-size: 1.125rem; }

.topic-wrapper > .content {
  width: 83.33333%;
  margin-left: 8.33333%; }

.topics .heading, .solution .heading {
  text-align: center; }
  @media (max-width: 767px) {
    .topics .heading h3, .solution .heading h3 {
      font-size: 1.5rem; } }
  .topics .heading .step, .solution .heading .step {
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 9px; }
    @media (min-width: 768px) {
      .topics .heading .step, .solution .heading .step {
        font-size: 1rem; } }
  .topics .heading p, .solution .heading p {
    font-size: 0.9375rem;
    margin-bottom: 0; }

.topics .boxes, .solution .boxes {
  margin-top: 32px;
  margin-left: -10px;
  margin-right: -10px; }
  @media (min-width: 768px) {
    .topics .boxes, .solution .boxes {
      margin-top: 45px; } }

.topics .box, .solution .box {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .topics .box, .solution .box {
      width: 33.33333%;
      margin-bottom: 20px;
      text-align: center; } }
  @media (min-width: 1024px) {
    .topics .box, .solution .box {
      width: 25%; } }
  .topics .box .inner, .solution .box .inner {
    border: solid 1px #dfdfdf;
    position: relative; }
    @media (min-width: 768px) {
      .topics .box .inner, .solution .box .inner {
        position: relative; }
        .topics .box .inner:before, .solution .box .inner:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 100%; } }
  .topics .box .bg, .solution .box .bg {
    transition: all 0.5s ease;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    /* easeOutQuint */
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-backface-visibility: hidden; }
    @media (max-width: 767px) {
      .topics .box .bg, .solution .box .bg {
        display: none; } }
    .topics .box .bg img, .solution .box .bg img {
      width: 100%; }
  .topics .box .content, .solution .box .content {
    width: 100%;
    z-index: 2; }
    @media (min-width: 768px) {
      .topics .box .content, .solution .box .content {
        position: absolute;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transform: translateY(-50%) translateZ(0);
        height:100%;} }
  .topics .box path, .solution .box path {
    transition: all 0.5s ease;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    /* easeOutQuint */ }
    .topics .box path.st0, .solution .box path.st0 {
      fill: #e01e3c; }
    .topics .box path.st1, .solution .box path.st1 {
      fill: #919295; }
  .topics .box .icon:not(.arrow), .solution .box .icon:not(.arrow) {
    float: left;
    width: 41px;
    height: 41px;
    display: inline-block; }
    .topics .box .icon:not(.arrow) .st1, .solution .box .icon:not(.arrow) .st1 {
      fill: #919295; }
    @media (min-width: 768px) {
      .topics .box .icon:not(.arrow), .solution .box .icon:not(.arrow) {
        float: none;
        margin-top:14%;} }
  .topics .box .icon, .solution .box .icon {
    -webkit-backface-visibility: hidden; }
    @media (max-width: 767px) {
      .topics .box .icon, .solution .box .icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transform: translateY(-50%) translateZ(0);
        margin-left: 20px; } }
  .topics .box h3, .solution .box h3, .topics .box .h3, .solution .box .h3 {
    font-size: 1.25rem;
    font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 400;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 32px 30px 25px 82px;
    padding: 0 10px;
    transition: all 0.5s ease;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    /* easeOutQuint */
    text-align: left; }
    @media (min-width: 768px) {
      .topics .box h3, .solution .box h3, .topics .box .h3, .solution .box .h3 {
        display: block;
        text-align: center;
        margin: 15px 0 -7px 0; } }
    .topics .box h3 .icon, .solution .box h3 .icon, .topics .box .h3 .icon, .solution .box .h3 .icon {
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg); }
  .topics .box .arrow-link:after, .solution .box .arrow-link:after {
    left: auto;
    right: 1px; }
  @media (min-width: 768px) {
    .topics .box.back h3, .solution .box.back h3, .topics .box.back .h3, .solution .box.back .h3 {
      margin-top: 0; } }
  .topics .box.back h3 .icon, .solution .box.back h3 .icon, .topics .box.back .h3 .icon, .solution .box.back .h3 .icon {
    margin-right: 4px;
    margin-left: 0; }
    @media (max-width: 767px) {
      .topics .box.back h3 .icon, .solution .box.back h3 .icon, .topics .box.back .h3 .icon, .solution .box.back .h3 .icon {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-left: -60px;
        margin-top: -4px; } }
  .topics .box.back .bg, .solution .box.back .bg {
    background-color: #f4f4f4; }
  .topics .box.back:hover h3, .solution .box.back:hover h3, .topics .box.back:hover .h3, .solution .box.back:hover .h3, .topics .box.back:focus h3, .solution .box.back:focus h3, .topics .box.back:focus .h3, .solution .box.back:focus .h3 {
    color: #222021; }
  @media (min-width: 1024px) {
    .topics .box:hover h3, .solution .box:hover h3, .topics .box:hover .h3, .solution .box:hover .h3, .topics .box:focus h3, .solution .box:focus h3, .topics .box:focus .h3, .solution .box:focus .h3 {
      color: #fff; } }

@media (min-width: 1024px) and (min-width: 1024px) {
  .topics .box:hover .bg, .solution .box:hover .bg, .topics .box:focus .bg, .solution .box:focus .bg {
    opacity: 1; } }
  @media (min-width: 1024px) {
    .topics .box:hover .arrow-link:after, .solution .box:hover .arrow-link:after, .topics .box:focus .arrow-link:after, .solution .box:focus .arrow-link:after {
      transform: scaleX(1);
      opacity: 1; } }

.support-container.solution-wrapper > .content {
  margin-left: 10px;
  margin-right: 10px; }
  @media (min-width: 768px) {
    .support-container.solution-wrapper > .content {
      width: 66.66667%;
      margin-left: 16.66667%;
      margin-right: 0; } }

@media (min-width: 768px) {
  .support-container.solution-wrapper:nth-of-type(n+3) {
    padding-top: 80px; } }

@media (min-width: 768px) {
  .support-container.solution-wrapper {
    padding-bottom: 60px; } }

.support-container.solution-wrapper.search-more {
  padding-top: 74px; }

.solution p, .solution li {
  text-align: left; }
  @media (min-width: 768px) {
    .solution p, .solution li {
      font-size: 1.25rem;} }

@media (min-width: 768px) {
  .solution .intro {
    width: 75%;
    margin-left: 12.5%; } }

.solution .intro p {
  text-align: center; }
  @media (min-width: 768px) {
    .solution .intro p {
      text-align: left; } }

.solution .step {
  margin-bottom: 14px; }
  .solution .step:last-child {
    margin-bottom: 26px; }
  @media (min-width: 768px) {
    .solution .step {
      margin-bottom: 40px; }
      .solution .step:last-child {
        margin-bottom: 40px; } }
  .solution .step .text {
    width: 87.5%;
    float: left; }
    @media (min-width: 768px) {
      .solution .step .text {
        width: 75%; } }
  .solution .step img {
    margin-top: 30px;
    margin-bottom: 30px; }

.search-more-wrapper.support-container {
  text-align: center; }
  @media (max-width: 767px) {
    .search-more-wrapper.support-container {
      padding-top: 0; } }
  @media (max-width: 767px) {
    .search-more-wrapper.support-container .search-more {
      border-top: solid 1px #dedfe0;
      padding-top: 40px; } }
  .search-more-wrapper.support-container form {
    width: 100%;
    position: relative; }
    @media (min-width: 768px) {
      .search-more-wrapper.support-container form {
        width: 58.33333%;
        margin-left: 20.83333%; } }
    .search-more-wrapper.support-container form input {
      width: 100%;
      border: solid 2px #dedfe0;
      color: #000;
      border-radius: 21px;
      padding: 2px 30px 0px 30px;
      line-height: 42px;
      letter-spacing: 0.05em;
      font-size: 0.85rem;
      font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif; }
      @media (min-width: 768px) {
        .search-more-wrapper.support-container form input {
          border: solid 1px #dedfe0; } }
    .search-more-wrapper.support-container form ::-webkit-input-placeholder {
      color: #222021; }
    .search-more-wrapper.support-container form :-moz-placeholder {
      /* Firefox 18- */
      color: #222021; }
    .search-more-wrapper.support-container form ::-moz-placeholder {
      /* Firefox 19+ */
      color: #222021; }
    .search-more-wrapper.support-container form :-ms-input-placeholder {
      color: #222021; }
    .search-more-wrapper.support-container form .submit,
    .search-more-wrapper.support-container form .fa {
      border-radius: 0;
      -webkit-border-radius: 0;
      width: 16.66667%;
      text-align: center;
      height: 40px;
      padding-top: 3px;
      line-height: 38px; }
    .search-more-wrapper.support-container form .fa {
      pointer-events: none; }
      @media (max-width: 767px) {
        .search-more-wrapper.support-container form .fa {
          display: none; } }
    .search-more-wrapper.support-container form .submit {
      border-left: solid 2px #e6e6e7;
      box-shadow: none !important;
      width: 33.33333%;
      min-width: 33.33333%;
      padding-top: 4px; }
      .search-more-wrapper.support-container form .submit .icon {
        display: inline-block;
        width: 5px;
        height: 5px;
        margin-left: 8px;
        margin-bottom: 4px; }
      @media (min-width: 768px) {
        .search-more-wrapper.support-container form .submit {
          opacity: 0; } }
  .search-more-wrapper.support-container .links {
    margin-top: 40px; }
    @media (min-width: 768px) {
      .search-more-wrapper.support-container .links {
        margin-top: 60px; } }
    .search-more-wrapper.support-container .links ul {
      text-align: center; }
      @media (min-width: 768px) {
        .search-more-wrapper.support-container .links ul li {
          display: inline-block;
          position: relative;
          padding-right: 20px;
          margin-right: 20px; }
          .search-more-wrapper.support-container .links ul li:after {
            content: "";
            display: inline-block;
            position: absolute;
            position: absolute;
            top: 0;
            right: 0;
            height: 86%;
            border-right: solid 1px #a7a6a6; }
          .search-more-wrapper.support-container .links ul li:last-child {
            margin-right: 0;
            padding-right: 0px; }
            .search-more-wrapper.support-container .links ul li:last-child:after {
              display: none; } }
      .search-more-wrapper.support-container .links ul li:last-child a {
        margin-bottom: 0; }

@media (min-width: 1024px) {
  .warranty.support-container {
    padding: 120px 0 100px 0; } }

.warranty h3, .warranty .h3 {
  text-align: center; }

.warranty .intro a {
  color: #e01e3c; }

.warranty .accordion-wrapper {
  margin: 47px -10px -1px -10px; }
  @media (min-width: 768px) {
    .warranty .accordion-wrapper {
      margin: 80px 0 90px 0; } }
  @media (min-width: 768px) {
    .warranty .accordion-wrapper h4, .warranty .accordion-wrapper .h4 {
      font-size: 1.5rem; } }
  .warranty .accordion-wrapper .desktop-accordion:hover {
    background-color: #fbfbfb; }
  .warranty .accordion-wrapper .desktop-accordion.open {
    background-color: #fbfbfb; }

.still-need-help {
  text-align: center; }
  @media (max-width: 767px) {
    .still-need-help {
      padding: 0px 0 40px 0; } }
  .still-need-help .content-narrow {
    border-top: solid 1px #dedfe0;
    padding-top: 40px; }
    @media (min-width: 768px) {
      .still-need-help .content-narrow {
        border-top: none;
        padding-top: 0;
        width: 33.33333%;
        margin-left: 33.33333%; } }

.superhero {
  position: relative;
  /*min-height: calc(100vh - 50px);*/
  background-color: #222021;
  width: 100%;
  overflow-x: hidden;
  margin-bottom: 50px; }
  @media all and (orientation: landscape) and (max-width: 767px) {
    .superhero {
      min-height: 500px !important; }
      .superhero .back img {
        object-fit: cover;
        width: 100% !important;
        height: 100% !important; } }
  @media (min-width: 1024px) {
    .superhero {
      margin-top: 0;
      min-height: 0vh; /*mexi aqui*/
      margin-top: -80px;
      margin-bottom: 172px; } }
  @media (min-width: 1024px) {
    .superhero .slide {
      color: #e3e3e3; }
      .superhero .slide h1, .superhero .slide h2, .superhero .slide h3, .superhero .slide h4, .superhero .slide h5, .superhero .slide h6 {
        color: #fff; } }
  /*.country-modal-loaded #main, .country-modal-loaded #footercontent{
    display:none !important;
  }*/
  @media (min-width: 1024px) {
    .superhero .slide.text-dark {
      color: #8c8c8c; }
      .superhero .slide.text-dark h1, .superhero .slide.text-dark h2, .superhero .slide.text-dark h3, .superhero .slide.text-dark h4, .superhero .slide.text-dark h5, .superhero .slide.text-dark h6 {
        color: #222021; }
      .superhero .slide.text-dark .button:not(.button-accent) {
        color: #222021 !important; }
        .superhero .slide.text-dark .button:not(.button-accent):after {
          box-shadow: inset 0px 0px 0px 2px #222021; }
        .superhero .slide.text-dark .button:not(.button-accent):hover {
          color: #fff !important }
        .superhero .slide.text-dark .button:not(.button-accent) .mask {
          background-color: #222021; } }
  .superhero .slide.text-dark {
    color: #222021; }
  .superhero .slide.text-dark .back {
    background-color: #fff; }
  .superhero .slide > .mask {
    background-color: #222021;
    z-index: 10; }
  .superhero .front-inner, .superhero .text {
    z-index: 1;
    width: 100%; }
    .superhero .front-inner .container, .superhero .text .container {
      position: relative; }
  .superhero .front {
    z-index: 2; }
    @media (max-width: 1023px) {
      .superhero .front {
        background-color: #fff; } }
  @media (max-width: 767px) {
    .superhero .front-inner {
      height: 100%; }
      .superhero .front-inner .container {
        height: 55% !important;
        height: calc(55% - 40px) !important; } }
  @media (max-width: 1023px) {
    .superhero .front-inner {
      height: 100%; }
      .superhero .front-inner .container {
        height: 50%;
        height: calc(50% - 60px); } }
  @media (min-width: 1024px) {
    .superhero .front-inner {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      padding-top: 100px; } }
  .superhero .back {
    overflow: hidden;
    background-color: #222021; }
    .superhero .back img,
    .superhero .back video {
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: none;
      transform: translateX(-50%) translateY(-50%); }
      @media (max-width: 767px) {
        .superhero .back img,
        .superhero .back video {
          opacity: 0.4; } }
    @media all and (min-aspect-ratio: 1720 / 970) {
      .superhero .back img {
        width: 100%;
        height: auto; } }
    @media all and (max-aspect-ratio: 1720 / 970) {
      .superhero .back img {
        width: auto;
        height: 100%; } }
    .superhero .back video {
      display: none;
      z-index: 1; }
      @media (min-width: 1024px) {
        .superhero .back video {
          display: block; } }
      @media all and (min-aspect-ratio: 16 / 9) {
        .superhero .back video {
          width: 100%;
          height: auto; } }
      @media all and (max-aspect-ratio: 16 / 9) {
        .superhero .back video {
          width: auto;
          height: 100%; } }
  .superhero .slides, .superhero .slide {
    z-index: 0; }
  .superhero .slide {
    display: none; }
  .superhero .slide.active, .superhero .slide.entering {
    display: block; }
  .superhero .slide.entering {
    z-index: 1; }
  .superhero .slide.active {
    z-index: 2; }
  .superhero .back-media-holder {
    max-width: 100%; }
    @media (max-width: 767px) {
      .superhero .back-media-holder {
        height: auto;
        max-height: 50vh; }
        .superhero .back-media-holder img, .superhero .back-media-holder video {
          width: 100% !important;
          height: 100% !important;
          max-height: 50vh;
          object-fit: cover; }
        .superhero .back-media-holder .plyr__video-wrapper {
          width: 100%;
          height: 100%; }
        .superhero {
          overflow-x: unset;
        }
        .superhero .back-media-holder .plyr__controls{
        	display:none;
        }}
    @media (min-width: 768px) and (max-width: 1023px) {
      .superhero .back-media-holder {
        height: 50%; }
        .superhero .back-media-holder img, .superhero .back-media-holder video {
          width: 100% !important;
          height: 100% !important;
          object-fit: cover; }
        .superhero .back-media-holder .plyr__video-wrapper {
          width: 100%;
          height: 100%; } }
    .superhero .back-media-holder video {
      display: block;
      width: 100%;
      height: auto; }
    @media (min-width: 1024px) {
      .superhero .back-media-holder {
        display: none; } }
  .superhero .text {
    width: 83.33333%;
    margin-left: 8.33333%;
    text-align: center;
    padding: 0 10px;
    overflow: hidden;
    font-weight: 500; }
    .superhero .text .button {
      margin: 0 3px 10px 3px;
      min-width: 0;
      opacity: 0; }
      @media (min-width: 768px) {
        .superhero .text .button {
          margin: 0 5px 10px 5px; } }
    .superhero .text .h5, .superhero .text .article .article-footer .tags h2, .article .article-footer .tags .superhero .text h2, .superhero .text h5 {
      font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
      text-transform: none;
      font-size: 13px;
      font-weight: 500;
      overflow: hidden;
      letter-spacing: 0; }
      @media (min-width: 1024px) {
        .superhero .text .h5, .superhero .text .article .article-footer .tags h2, .article .article-footer .tags .superhero .text h2, .superhero .text h5 {
          font-size: 16px; } }
    .superhero [data-layout="text-full"] .text p, .superhero [data-layout="text-right"] .text p {
      max-width: 34rem; }
      @media (max-width: 1023px) {
        .superhero .text p {
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 0.5em; } }
    .superhero .text p.h5 {
      max-width: 100%; }
    .superhero .text picture {
      display: inline-block;
      margin: 0 auto 15px auto; }
      @media (max-width: 767px) {
        .superhero .text picture {
          max-width: 100px; } }
      @media (min-width: 1024px) {
        .superhero .text picture {
          margin: 0 0 40px 0; } }
    @media (max-width: 1023px) {
      .superhero .text .action-video-thumb {
        display: none; } }
    @media (max-width: 1023px) {
      .superhero .text img {
        margin: 0 auto; } }
    @media (min-width: 768px) {
      .superhero .text {
        text-align: left;
        max-width: 900px;
        padding: 0; } }
    @media (min-width: 1024px) {
      .superhero .text {
        margin-left: 0;
        font-size: 1.0666666667rem; }
        .superhero .text .button:not(.button-accent) {
          color: #fff; }
          .superhero .text .button:not(.button-accent):hover {
            color: #222021; }
          .superhero .text .button:not(.button-accent) .mask {
            background-color: #fff; }
        .superhero .text .button + .button {
          margin-left: 17px; } }
    @media (max-width: 1023px) {
      .superhero .text {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        transform: translateY(-50%) translateZ(0);
        color: #222021;
        font-size: 0.8666666667rem; }
        .superhero .text .button-accent {
          color: #fff !important; }
        .superhero .text .button-accent .mask {
          background-color: #222021; } }
       @media (max-width: 1023px) {
       	.superhero .text {
       		top: 40%;
       	}
	   }
  .superhero .text-wrapper {
    overflow: hidden;
    padding-top: 3px; }
  .superhero .text-wrapper.active {
    overflow: visible; }
  .superhero .buttons-holder {
    padding-top: 5px; }
    @media (min-width: 768px) {
      .superhero .buttons-holder {
        max-width: 300px; }
        .superhero .buttons-holder .button {
          min-width: 150px; } }
    @media (min-width: 1024px) {
      .superhero .buttons-holder {
        max-width: 100%;
        padding-top: 30px;
        white-space: nowrap; }
        .superhero .buttons-holder .button {
          min-width: 0;
          margin: 0 0 10px 0; } }
  .superhero .front .media {
    display: none;
    width: 83.33333%;
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden; }
    .superhero .front .media video, .superhero .front .media img {
      max-width: 100%;
      display: block; }
    @media (min-width: 768px) {
      .superhero .front .media {
        display: block; } }
  .superhero .nav {
    position: absolute;
    bottom: 23px;
    left: 0;
    z-index: 2;
    width: 100%; }
    .superhero .nav .container {
      padding: 0; }
    .superhero .nav ul {
      text-align: center; }
    .superhero .nav li {
      display: inline-block;
      cursor: pointer;
      width: 6px;
      height: 6px;
      overflow: hidden;
      margin: 0 6px; }
    .superhero .nav a {
      position: relative;
      display: block;
      width: 6px;
      height: 6px;
      background-color: #a7a6a6;
      opacity: 0.85;
      transition: all 240ms cubic-bezier(0.555, 0.14, 0.205, 0.555); }
    .superhero .nav .active a {
      opacity: 1;
      background-color: #e01e3c; }
    @media (min-width: 1024px) {
      .superhero .nav {
        margin-top: 0;
        bottom: auto;
        top: 50%;
        height: 0;
        left: auto;
        right: 0; }
        .superhero .nav .container {
          height: 0; }
        .superhero .nav ul {
          width: 60px;
          float: right;
          transform: translateY(-50%); }
        .superhero .nav li {
          display: block;
          height: auto;
          margin: 0;
          width: 100%;
          border-radius: 0;
          height: 30px; }
        .superhero .nav a {
          width: 30px;
          height: 2px;
          top: 50%;
          margin-top: -1px;
          float: right;
          border-radius: 0; }
        .superhero .nav .active a {
          width: 60px; } }
  .superhero .prompt {
    z-index: 2;
    width: 58px;
    margin: 0 0 13px 0;
    cursor: pointer;
    left: 50%;
    margin-left: -29px; }
    .superhero .prompt img,
    .superhero .prompt svg {
      width: 100%;
      padding: 20px; }
    .superhero .prompt path {
      fill: #fff; }
  .superhero .video-wrapper {
    margin: 0; }
  .superhero [data-layout="text-center"] .text {
    text-align: center;
    max-width: none; }
  .superhero [data-layout="text-center"] .action-video-thumb,
  .superhero [data-layout="text-center"] .action-play-round {
    margin: 0 auto; }
  @media (min-width: 768px) {
    .superhero [data-layout="text-center"] .text {
      margin-left: 0;
      left: 0; }
    .superhero [data-layout="text-center"] .buttons-holder {
      max-width: 100%; } }
  .superhero [data-layout="text-full"] .buttons-holder {
    max-width: 100%; }
  .superhero [data-layout="text-full"] .text {
    width: 83.33333%;
    margin-left: 8.33333%;
    text-align: center; }
  @media (min-width: 1024px) {
    .superhero [data-layout="text-full"] .text {
      text-align: left;
      width: 50%;
      margin-left: 0; }
    .superhero [data-layout="text-full"] .buttons-holder {
      padding-top: 30px; } }
  .superhero [data-layout="text-full-center"] .front .container {
    max-width: 800px; }
  .superhero [data-layout="text-full-center"] .text {
    text-align: center;
    max-width: none;
    margin: 0 auto; }
  .superhero [data-layout="text-full-center"] .buttons {
    padding-top: 15px; }
  .superhero [data-layout="text-full-center"] .action-video-thumb,
  .superhero [data-layout="text-full-center"] .action-play-round {
    margin: 20px auto; }
  @media (min-width: 768px) {
    .superhero [data-layout="text-full-center"] .buttons-holder {
      max-width: 100%; } }
  @media (min-width: 1024px) {
    .superhero [data-layout="text-full-center"] .text {
      padding: 0;
      left: 8.33333%; } }
  @media (min-width: 768px) {
    .superhero [data-layout="text-right"] .text {
      text-align: center; }
    .superhero [data-layout="text-right"] .buttons-holder {
      max-width: 100%; }
    .superhero [data-layout="text-right"] .action-video-thumb {
      margin: 0 auto; } }
  @media (min-width: 1024px) {
    .superhero [data-layout="text-right"] .text {
      margin-left: 50%;
      width: 50%;
      text-align: left;
      padding: 0 70px 0 0; }
    .superhero [data-layout="text-right"] .buttons-holder {
      max-width: inherit; }
    .superhero [data-layout="text-right"] .action-video-thumb {
      margin: 0; } }
  @media (min-width: 1200px) {
    .superhero [data-layout="text-right"] .text {
      max-width: 650px; } }
  @media (min-width: 1600px) {
    .superhero [data-layout="text-right"] .text {
      padding: 0; } }
  .superhero [data-layout="center-bottom-aligned"] .action-video-thumb {
    margin: 0 auto; }
  .superhero [data-layout="center-bottom-aligned"] .buttons-holder {
    max-width: 100%; }
  @media (min-width: 768px) {
    .superhero [data-layout="center-bottom-aligned"] .text {
      text-align: center; } }
  @media (min-width: 1024px) {
    .superhero [data-layout="center-bottom-aligned"] .front-inner, .superhero [data-layout="center-bottom-aligned"] .text {
      transform: none;
      top: auto;
      bottom: 12.37113402%; }
    .superhero [data-layout="center-bottom-aligned"] .text {
      width: 100%;
      max-width: 100%;
      left: 0;
      bottom: 0;
      text-align: center;
      margin-left: 0; } }
  .superhero [data-layout="center-top-aligned"] .action-video-thumb {
    margin: 0 auto; }
  .superhero [data-layout="center-top-aligned"] .buttons-holder {
    max-width: 100%; }
  @media (min-width: 768px) {
    .superhero [data-layout="center-top-aligned"] .front-inner {
      transform: none;
      top: 18.05985552%; }
    .superhero [data-layout="center-top-aligned"] .text {
      width: 100%;
      max-width: 100%;
      left: 0;
      bottom: 0;
      text-align: center;
      overflow: visible;
      margin-left: 0; } }

.hero-explore {
  height: 260px; }
  @media (min-width: 568px) {
    .hero-explore {
      height: 350px; } }
  @media (min-width: 768px) {
    .hero-explore {
      min-height: 0 !important; } }
  @media (min-width: 1200px) {
    .hero-explore {
      height: 520px; } }

.hero-standard {
  position: relative;
  text-align: center;
  min-height: 175px;
  padding: 0 20px;
  overflow: hidden; }
  .hero-standard:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    margin-right: -10px;
    height: 100%;
    min-height: 175px; }
    @media (min-width: 768px) {
      .hero-standard:before {
        min-height: 405px; } }
  @media (min-width: 768px) {
    .hero-standard {
      min-height: 405px;
      padding: 0; } }
  .hero-standard .text {
    position: relative;
    z-index: 999;
    display: inline-block;
    width: 100%;
    vertical-align: middle; }
  @media (min-width: 1024px) {
    .hero-standard h1 {
      font-size: 70px; } }
  .hero-standard p {
    max-width: 350px;
    margin: 0 auto; }
  .hero-standard .background figure {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0; }
  .hero-standard .mask {
    z-index: 10;
    background-color: #222021; }

.hero-pdp {
  min-height: 100vh;
  min-height: calc(100vh - 50px);
  background-color: #fefefe;
  position: relative;
  color: #222021;
  opacity: 1 !important;
  background-size: cover;
  background-repeat: no-repeat; }
  @media (max-width: 767px) {
    .hero-pdp {
      background-color: #f4f4f4; } }
  @media (min-width: 1024px) {
    .hero-pdp {
      min-height: calc(100vh - 80px); } }
  .hero-pdp .hero-holder:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -10px; }
  .hero-pdp > .mask {
    background-color: #fefefe; }
  .hero-pdp .background {
    position: absolute;
    display: inline-block;
    right: 2.5%;
    top: 0;
    width: 54.33333%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-size: cover;
    background-position: center; }
    .hero-pdp .background:before {
      content: "";
      height: 100%;
      display: inline-block;
      vertical-align: middle;
      margin-right: -5px; }
      @media (min-width: 1024px) {
        .hero-pdp .background:before {
          display: none; } }
    @media (max-width: 1023px) {
      .hero-pdp .background {
        background-image: none !important; } }
    @media (min-width: 1024px) {
      .hero-pdp .background {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1;} }
    .hero-pdp .background img {
      vertical-align: middle;
      display: inline-block;
      width: 100%;
      /*box-shadow: 0 21px 32px rgba(16, 16, 16, 0.35);*/ }
      @media (min-width: 1024px) {
        .hero-pdp .background img {
          display: none; } }
  .hero-pdp .text {
    position: relative;
    z-index: 10;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 15px;
    line-height:24px;
    pointer-events: none; }
    .hero-pdp .text .container {
      max-width: 1220px; }
  .hero-pdp .text-inner {
    width: 100%;
    pointer-events: initial; }
    @media (min-width: 768px) {
      .hero-pdp .text-inner {
        width: 41.66667%;
        padding: 0 20px; } }
    @media (min-width: 1024px) {
      .hero-pdp .text-inner {
        max-width: 340px;
        padding: 0; } }
  .hero-pdp .button-accent {
    color: #fff; }
    .hero-pdp .button-accent:hover, .hero-pdp .button-accent:focus {
      color: #fff; }
    .hero-pdp .button-accent .mask {
      background-color: #222021; }
  .hero-pdp .logo-holder {
    margin-bottom: 20px; }
    @media (min-width: 1024px) {
      .hero-pdp .logo-holder {
        margin-bottom: 30px; } }
  .hero-pdp h1 {
    font-size: 36px;
    line-height: 1 !important;
    margin-bottom: 5px; }
    @media (min-width: 1024px) {
      .hero-pdp h1 {
        font-size: 50px; } }
    @media (min-width: 1200px) {
      .hero-pdp h1 {
        font-size: 60px; } }
  @media (min-width: 1024px) {
    .hero-pdp .price {
      padding-top: 30px; } }
  .hero-pdp .price .price-holder {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    line-height: 22px;
    color: #222021;
    font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
    position: relative;
    top: 4px;
    margin-right: 15px; }
  @media (max-width: 1023px) {
    .hero-pdp .price .button, .hero-pdp .price .button-inner {
      padding: 5px 20px 0 20px; } }
  .hero-pdp .rating-stars {
    margin-bottom: 30px; }
  .hero-pdp .product-images {
    max-width: 249px;
    margin-left: -12px;
    margin-top: 40px; }
    @media (min-width: 1024px) {
      .hero-pdp .product-images {
        margin-top: 80px; } }
    .hero-pdp .product-images li {
      float: left;
      width: 33.33333%;
      height: 50px;
      margin-bottom: 30px; }
    .hero-pdp .product-images a {
      display: block;
      width: 100%;
      height: 100%;
      position: relative; }
      .hero-pdp .product-images a:after {
        content: "";
        position: relative;
        top: 10px;
        left: 50%;
        display: block;
        width: 18px;
        margin-left: -9px;
        height: 2px;
        background-color: #e01e3c;
        opacity: 0;
        transform: scaleX(0);
        transition: all 0.28s cubic-bezier(0.215, 0.04, 0.065, 0.95); }
      .hero-pdp .product-images a img {
        margin: 0 auto;
        transform: scale(1.06);
        transition: all 340ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
      .hero-pdp .product-images a.active:after, .hero-pdp .product-images a:hover:after, .hero-pdp .product-images a:focus:after {
        opacity: 1;
        transform: scaleX(1); }
      .hero-pdp .product-images a.active img, .hero-pdp .product-images a:hover img, .hero-pdp .product-images a:focus img {
        transform: scale(1); }
  .hero-pdp .product-video-holder {
    overflow: hidden;
    z-index: 2;}
    .hero-pdp .product-video-holder .product-video {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
    .hero-pdp .product-video-holder .video-holder {
      width: 58.33333%;
      float: right;
      position: relative; }
      @media (min-width: 768px) {
        .hero-pdp .product-video-holder .video-holder {
          overflow: hidden; }
          .hero-pdp .product-video-holder .video-holder:before {
            content: ' ';
            float: left;
            padding-top: 100%; }
          .hero-pdp .product-video-holder .video-holder:after {
            content: ' ';
            display: table;
            clear: both; } }
      @media (min-width: 1024px) {
        .hero-pdp .product-video-holder .video-holder:before, .hero-pdp .product-video-holder .video-holder:after {
          display: none !important; } }
    @media (min-width: 768px) {
      .hero-pdp .product-video-holder .plyr {
        position: absolute;
        height: 100%; } }
    @media (min-width: 1024px) {
      .hero-pdp .product-video-holder .plyr {
        position: relative; } }
    @media (min-width: 768px) {
      .hero-pdp .product-video-holder .plyr__video-wrapper {
        height: 100%; } }
    .hero-pdp .product-video-holder video {
      width: 100%;
      height: auto; }
      @media (min-width: 768px) {
        .hero-pdp .product-video-holder video {
          object-fit: cover;
          height: 100%; } }
  .hero-pdp .product-images-holder {
    overflow: hidden;
    z-index: 2;}
    .hero-pdp .product-images-holder .product-image {
      display: none;
      -ms-flex-align: center;
          -ms-grid-row-align: center;
          align-items: center;
      opacity: 0; }
      .hero-pdp .product-images-holder .product-image.active {
        display: -ms-flexbox;
        display: flex; }
      @media (min-width: 768px) {
        .hero-pdp .product-images-holder .product-image .container {
          padding: 0 0 0 5%; } }
      @media (min-width: 1024px) {
        .hero-pdp .product-images-holder .product-image .container {
          padding: 0 5% 0 0; } }
      @media (min-width: 1200px) {
        .hero-pdp .product-images-holder .product-image .container {
          padding: 0 8.33333% 0 0; } }
    .hero-pdp .product-images-holder .image-holder {
      width: 58.33333%;
      float: right;
      overflow: hidden; }
      @media (min-width: 1024px) {
        .hero-pdp .product-images-holder .image-holder {
          width: 66.66667%; } }
    .hero-pdp .product-images-holder .image {
      overflow: hidden; }
      .hero-pdp .product-images-holder .image img {
        max-height: 80vh;
        margin: 0 auto; }
  .hero-pdp .prompt {
    z-index: 2;
    width: 58px;
    margin: 0 0 13px 0;
    cursor: pointer;
    left: 50%;
    margin-left: -29px; }
    .hero-pdp .prompt img,
    .hero-pdp .prompt svg {
      width: 100%;
      opacity: 0.41;
      padding: 20px; }
      .hero-pdp .prompt img path,
      .hero-pdp .prompt svg path {
        fill: #686868; }
  .hero-pdp .nav {
    position: absolute;
    bottom: 23px;
    left: 0;
    z-index: 11;
    width: 100%; }
    .hero-pdp .nav .container {
      padding: 0; }
    .hero-pdp .nav ul {
      text-align: center; }
    .hero-pdp .nav li {
      display: inline-block;
      cursor: pointer;
      width: 6px;
      height: 6px;
      overflow: hidden;
      margin: 0 6px; }
      .hero-pdp .nav li.active {
        background-color: transparent; }
    .hero-pdp .nav a {
      position: relative;
      display: block;
      width: 6px;
      height: 6px;
      background-color: #a7a6a6;
      opacity: 0.5;
      transition: all 240ms cubic-bezier(0.555, 0.14, 0.205, 0.555); }
    .hero-pdp .nav .active {
      opacity: 1;
      background-color: #e01e3c; }
    @media (min-width: 768px) {
      .hero-pdp .nav {
        bottom: auto;
        top: 50%;
        height: 0;
        left: auto;
        right: 0;
        margin-top: 45px; }
        .hero-pdp .nav .container {
          height: 0; }
        .hero-pdp .nav ul {
          width: 6px;
          float: right;
          transform: translateY(-50%); }
        .hero-pdp .nav li {
          display: block;
          height: auto;
          margin: 0;
          width: 100%;
          border-radius: 0;
          height: 25px; } }
    @media (min-width: 1024px) {
      .hero-pdp .nav {
        margin-top: 0; }
        .hero-pdp .nav ul {
          width: 60px; }
        .hero-pdp .nav li {
          height: 30px; }
        .hero-pdp .nav a {
          width: 30px;
          height: 2px;
          top: 50%;
          margin-top: -1px;
          float: right;
          border-radius: 0; }
        .hero-pdp .nav .active {
          width: 60px; } }
  .hero-pdp.hero-text-right .text .container {
    max-width: 1000px; }
  .hero-pdp.hero-text-right .text-inner {
    float: right; }
  @media (max-width: 1023px) {
    .hero-pdp.hero-text-right .background {
      left: 2.5%;
      right: auto; } }
  .hero-pdp.hero-product-images .text .container, .hero-pdp.hero-scroll-images .text .container, .hero-pdp.hero-product-list .text .container, .hero-pdp.hero-product-video .text .container {
    max-width: 94.66667rem; }
  .hero-pdp.hero-product-images .product-images-holder .product-image {
    opacity: 1; }
  .hero-pdp .prod-list-title {
    color: #959595;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 40px; }
  .hero-pdp .prod-list {
    margin-bottom: 10px;
    overflow-y: auto;
    padding-right: 10px; }
    @media (max-width: 1023px) {
      .hero-pdp .prod-list {
        max-height: initial !important; } }
    @media (min-width: 1024px) {
      .hero-pdp .prod-list {
        margin-right: 8.33333%; } }
    .hero-pdp .prod-list .prod {
      border-top: solid 1px #e6e6e6;
      transition: background-color 0.28s ease-out;
      background-color: rgba(255, 255, 255, 0.09); }
      .hero-pdp .prod-list .prod:hover {
        background-color: rgba(255, 255, 255, 0.2); }
      .hero-pdp .prod-list .prod:last-child {
        border-bottom: solid 1px #e6e6e6; }
      .hero-pdp .prod-list .prod .inner {
        padding: 10px 10px 10px 0;
        position: relative; }
      .hero-pdp .prod-list .prod img, .hero-pdp .prod-list .prod h4 {
        display: inline-block;
        vertical-align: middle; }
      .hero-pdp .prod-list .prod img {
        width: 21%; }
        @media (min-width: 768px) {
          .hero-pdp .prod-list .prod img {
            width: 10%; } }
        @media (min-width: 1024px) {
          .hero-pdp .prod-list .prod img {
            width: 21%; } }
      .hero-pdp .prod-list .prod h4 {
        width: 71%;
        margin-bottom: 0;
        font-size: 1.2rem;
        font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
        font-weight: 300;
        letter-spacing: 0.05em;
        color: #a7a6a6;
        text-transform: uppercase; }
        @media (min-width: 768px) {
          .hero-pdp .prod-list .prod h4 {
            font-size: 1.125rem; } }
      .hero-pdp .prod-list .prod a h4 {
        color: #161616; }
      .hero-pdp .prod-list .prod a .fa {
        display: inline-block; }
      .hero-pdp .prod-list .prod .fa {
        right: 10px;
        display: none; }

.pdp-mobile-hero {
  padding-top: 50px; }
  .pdp-mobile-hero .back-bar {
    position: fixed;
    z-index: 900;
    top: 50px;
    left: 0;
    width: 100%;
    height: 50px;
    border: solid #e5e5e5;
    border-width: 1px 0;
    background-color: #fff; }
    @media (max-width: 767px) {
      .pdp-mobile-hero .back-bar {
        transition: transform 0.38s cubic-bezier(0.215, 0.04, 0.065, 0.95); }
        .pdp-mobile-hero .back-bar.animate-out {
          transform: translateY(-100px) !important; } }
    .pdp-mobile-hero .back-bar .icon {
      width: 52px;
      height: 100%;
      border-right: 1px solid #e5e5e5; }
      .pdp-mobile-hero .back-bar .icon a {
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 18px; }
      .pdp-mobile-hero .back-bar .icon img, .pdp-mobile-hero .back-bar .icon svg {
        width: 9px;
        height: 14px;
        margin: 0 auto; }
      .pdp-mobile-hero .back-bar .icon path {
        stroke: #222021;
        stroke-width: 0.5px;
        fill: #222021; }
    .pdp-mobile-hero .back-bar .text {
      text-align: center;
      line-height: 48px;
      font-size: 14px;
      font-weight: 500;
      color: #2e3030;
      transition: opacity 280ms ease-out; }
  .pdp-mobile-hero .product-holder {
    background-color: #f4f4f4;
    min-height: calc(100vh - 160px)! important; }
    .pdp-mobile-hero .product-holder:before {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-right: -5px; }
  .pdp-mobile-hero .product-info-holder {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 40px; }
  .pdp-mobile-hero .product-info {
    text-align: center;
    padding-top: 28px; }
    .pdp-mobile-hero .product-info .product-name {
      font-size: 25px;
      line-height: 1;
      margin: 0;
      margin-bottom: 2px; }
    .pdp-mobile-hero .product-info .product-price {
      font-size: 14px;
      color: #161616;
      font-weight: 500;
      margin-bottom: 2px; }
  .pdp-mobile-hero .product-photos .slide {
    width: 100%;
    opacity: 0.2;
    transition: opacity 240ms ease-out; }
    .pdp-mobile-hero .product-photos .slide.slick-center {
      opacity: 1; }
    .pdp-mobile-hero .product-photos .slide img {
      width: 100%;
      margin: 0 auto; }
  .pdp-mobile-hero .product-photos.product-photos-full-width .slide {
    margin-right: 0;
    opacity: 1; }
  .pdp-mobile-hero .product-photos.product-photos-full-width .slick-dots {
    bottom: -40px; }

.explore-hero {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  overflow: hidden;
  height: calc(100vh - 105px);
  max-height: 455px; }
  @media all and (min-width: 769px) {
    .explore-hero {
      /*margin-bottom: 110px;*/
      height: auto;
      max-height: none; } }
  .explore-hero:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    margin-right: -5px;
    height: 100%; }
    @media all and (min-width: 769px) {
      .explore-hero:before {
        padding-bottom: 48.72093023%; } }
  .explore-hero .text {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    font-weight: 500;
    color: #fff; }
    .explore-hero .text .container {
      max-width: 850px; }
    .explore-hero .text .action-video-thumb {
      margin: 0 auto 25px auto; }
      @media (min-width: 768px) {
        .explore-hero .text .action-video-thumb {
          display: inline-block;
          margin: 0 20px; } }
  .explore-hero .buttons-holder > * {
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px; }
  .explore-hero .background {
    overflow: hidden;
    background-color: #222021; }
    .explore-hero .background figure {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin: 0; }
      @media (max-width: 767px) {
        .explore-hero .background figure {
          opacity: 0.3; } }
    .explore-hero .background picture {
      display: block; }
    .explore-hero .background img {
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: none;
      transform: translateX(-50.5%) translateY(-50.5%); }
      @media all and (max-aspect-ratio: 320 / 411) {
        .explore-hero .background img {
          width: 101%;
          height: auto; } }
      @media all and (min-aspect-ratio: 320 / 411) {
        .explore-hero .background img {
          width: auto;
          height: 101%; } }

@media all and (min-width: 768px) and (min-aspect-ratio: 1720 / 838) {
  .explore-hero .background img {
    width: 101%;
    height: auto; } }

@media all and (min-width: 768px) and (max-aspect-ratio: 1720 / 838) {
  .explore-hero .background img {
    width: auto;
    height: 101%; } }
  .explore-hero > .mask {
    z-index: 10;
    background-color: #222021; }

.tag-listing-wrapper {
  position: relative;
  padding: 30px 0; }
  @media (min-width: 768px) {
    .tag-listing-wrapper {
      padding: 70px 0; } }
  .tag-listing-wrapper .tag-listing-hero-mask {
    z-index: 4;
    background-color: rgba(31, 31, 31, 0.86); }

.tag-listing-hero {
  position: relative;
  z-index: 10;
  height: 260px; }
  .tag-listing-hero:before {
    content: "";
    display: inline-block;
    margin-right: -15px;
    vertical-align: middle;
    width: 10px;
    height: 100%; }
  @media (min-width: 568px) {
    .tag-listing-hero {
      height: 350px; } }
  @media (min-width: 1200px) {
    .tag-listing-hero {
      height: 520px;
      margin-bottom: 50px;} }
  .tag-listing-hero .mask {
    z-index: 10;
    background-color: #222021; }
  .tag-listing-hero .background {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .tag-listing-hero .background img {
      width: 100%;
      height: 100%; }
  .tag-listing-hero .breadcrumb {
    z-index: 1;
    width: 100%;
    margin-top: 50px;
    font-size: 14px; }
    .tag-listing-hero .breadcrumb li {
      display: inline-block;
      color: #666666;
      font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
      text-transform: none;
      margin-right: 0; }
      .tag-listing-hero .breadcrumb li:after {
        content: "-";
        margin: 0 14px; }
      .tag-listing-hero .breadcrumb li:last-child:after {
        display: none; }
      .tag-listing-hero .breadcrumb li a {
        color: #666666; }
  .tag-listing-hero .hero-content {
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: center;
    color: #cccfd1;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle; }
    .tag-listing-hero .hero-content .container {
      max-width: 700px;
      padding: 0 10px; }
    .tag-listing-hero .hero-content .title {
      max-width: 700px;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .tag-listing-hero .hero-content .title {
          padding: 0 20px; } }
    .tag-listing-hero .hero-content h1 {
      color: #ffffff; }
    .tag-listing-hero .hero-content p {
      max-width: 460px;
      margin-left: auto;
      margin-right: auto; }
    .tag-listing-hero .hero-content .tag-selector {
      position: relative; }
    .tag-listing-hero .hero-content .tags-drawer {
      position: fixed;
      z-index: 100;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 25px 20px;
      text-align: left;
      background-color: #1e1e1e;
      overflow-y: scroll;
      -ms-overflow-style: -ms-autohiding-scrollbar; }
      @media (max-width: 767px) {
        .tag-listing-hero .hero-content .tags-drawer {
          padding-top: 80px; } }
      @media (min-width: 768px) {
        .tag-listing-hero .hero-content .tags-drawer {
          position: absolute;
          top: 100%;
          height: auto;
          box-shadow: 0 13px 21px rgba(0, 0, 0, 0.49);
          margin-top: 10px;
          overflow: hidden; } }
      .tag-listing-hero .hero-content .tags-drawer .title {
        padding: 0 20px;
        max-width: none;
        margin-bottom: 20px; }
      .tag-listing-hero .hero-content .tags-drawer .h6 {
        color: #6e6e6e;
        font-size: 14px;
        margin: 0; }
        .tag-listing-hero .hero-content .tags-drawer .h6 span {
          float: right;
          font-weight: 400; }
      .tag-listing-hero .hero-content .tags-drawer .results {
        list-style: none; }
        @media (min-width: 768px) {
          .tag-listing-hero .hero-content .tags-drawer .results {
            max-height: 480px;
            overflow-y: scroll; } }
      .tag-listing-hero .hero-content .tags-drawer .result {
        display: block;
        padding: 3px 20px 0 20px;
        font-size: 20px;
        line-height: 60px;
        height: 60px;
        font-weight: 500;
        cursor: pointer;
        color: #fff;
        outline-offset: -5px;
        transition: background-color 180ms cubic-bezier(0.555, 0.14, 0.205, 0.555); }
        .tag-listing-hero .hero-content .tags-drawer .result:hover {
          background-color: #191919; }
  .tag-listing-hero .add-tag {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 2px solid rgba(255, 255, 255, 0.1);
    vertical-align: middle;
    padding: 6px;
    cursor: pointer;
    transition: border-color 0.28s ease, background-color 0.28s ease; }
    .tag-listing-hero .add-tag img {
      transition: all 200ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
    .tag-listing-hero .add-tag:hover, .tag-listing-hero .add-tag:focus {
      border-color: rgba(255, 255, 255, 0.4);
      background-color: rgba(255, 255, 255, 0.1); }
      .tag-listing-hero .add-tag:hover img, .tag-listing-hero .add-tag:focus img {
        transform: scale(0.9); }
       .tag-listing-hero .add-tag svg {
      transition: all 200ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
    .tag-listing-hero .add-tag:hover svg, .tag-listing-hero .add-tag:focus svg {
        transform: scale(0.9); }
  .tag-listing-hero .tags {
    background-color: #303030;
    height: 50px;
    width: 100%;
    padding: 10px;
    border-radius: 25px;
    text-align: left;
    white-space: nowrap; }
    @media (min-width: 1200px) {
      .tag-listing-hero .tags {
        background-color: rgba(0, 0, 0, 0.3); } }
  .tag-listing-hero .tag-link {
    position: relative;
    display: inline-block;
    background-color: #e01e3c;
    height: 30px;
    line-height: 30px;
    padding: 2px 45px 0 19px;
    border-radius: 15px;
    font-size: 14px;
    font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 7px;
    float: left;
    transition: background-color 0.28s ease; }
    .tag-listing-hero .tag-link .remove {
      display: inline-block;
      width: 32px;
      height: 100%;
      padding: 10px;
      border-left: 1px solid rgba(255, 255, 255, 0.2);
      border-top-right-radius: 15px;
      border-bottom-right-radius: 15px; }
      .tag-listing-hero .tag-link .remove img {
        width: 10px;
        height: 10px; }
    .tag-listing-hero .tag-link:hover, .tag-listing-hero .tag-link:focus {
      background-color: #b31830; }
  .tag-listing-hero .mobile-close {
    text-align: center;
    padding-top: 50px; }
  .tag-listing-hero ::-webkit-scrollbar {
    -webkit-appearance: none; }
  .tag-listing-hero ::-webkit-scrollbar:vertical {
    width: 5px; }
  .tag-listing-hero ::-webkit-scrollbar:horizontal {
    height: 5px; }
  .tag-listing-hero ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    border: 2px solid rgba(255, 255, 255, 0);
    /* should match background, can't be transparent */
    background-color: #595858; }
  .tag-listing-hero ::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 3px; }

.tiles {
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: stretch;
      -ms-grid-row-align: stretch;
      align-items: stretch;
  margin: 0 -10px; }
  @media (min-width: 768px) {
    .tiles {
      margin: 0 -5px; } }
  @media (min-width: 1024px) {
    .tiles {
      margin: 0 -10px; } }
  .tiles.tiles-align-right {
    -ms-flex-pack: end;
        justify-content: flex-end; }

.tile {
  position: relative;
  -ms-flex: 0 0 calc(100% - 20px);
      flex: 0 0 calc(100% - 20px);
  width:100%;
  margin: 0 auto -10px auto;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }
  @media (min-width: 768px) {
    .tile {
      -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
      margin: 0; }
      .tile.tile-xs {
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%; }
      .tile.tile-sm {
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; }
      .tile.tile-md {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
      .tile.tile-lg {
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%; } }

.tile-inner {
  padding: 10px;
  background-clip: content-box;
  background-color: #fff;
  width: 100%; }
  @media (min-width: 768px) {
    .tile-inner {
      padding: 5px; } }
  @media (min-width: 1024px) {
    .tile-inner {
      padding: 10px; } }

.product-tile {
  text-align: center;
  width: 100%;
   height:100%;}
  .product-tile .tile-sizer {
    width: 100%; }
    .product-tile .tile-sizer:before {
      content: ' ';
      float: left;
      padding-top: 100%; }
    .product-tile .tile-sizer:after {
      content: ' ';
      display: table;
      clear: both; }
  .product-tile .tile-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
  .product-tile .tile-contents {
    position: relative;
    height: 61.33333333%;
    top: -12.260869565%; }
  .product-tile .product-photos {
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    cursor: -webkit-grab;
    cursor: grab;
    font-size: 0;
    padding: 0 20%; }
    .product-tile .product-photos:active {
      cursor: -webkit-grabbing;
      cursor: grabbing; }
  .product-tile .product-photos-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: inline-block; }
    .product-tile .product-photos-wrapper:before {
      content: "";
      display: inline-block;
      width: 0;
      height: 100%;
      vertical-align: middle; }
    .product-tile .product-photos-wrapper img {
      display: inline-block;
      width: 100%;
      vertical-align: middle;
      -webkit-tap-highlight-color: transparent; }
  .product-tile .product-fit {
    position: absolute;
    top: -1rem;
    left: 0;
    width: 100%;
    height: -1rem;
    z-index: 1;
    padding: 0 10px;
    font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 12px;
    color: rgba(93, 93, 93, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0; }
    .product-tile .product-fit :last-child {
      margin: 0; }
    .product-tile .product-fit .divider {
      display: inline-block;
      margin: 0 5px; }
    .product-tile .product-fit img {
      display: inline-block;
      margin-right: 3px; }
    .product-tile .product-fit p {
      font-size: 1em;
      width: 100%; }
    @media (min-width: 1200px) {
      .product-tile .product-fit {
        font-size: 14px;
        bottom: calc(100% - -20px); } }
  .product-tile .product-details {
    position: absolute;
    z-index: 2;
    bottom: -1rem;
    left: 0;
    width: 100%;
    height: 1rem;
    color: #a7a6a6; }
    @media (min-width: 1200px) {
      .product-tile .product-details {
        margin-top: 10px; } }
    .product-tile .product-details h3 {
      margin-bottom: 5px;
      font-size: 16px;
      font-weight: 500;
      color: #3c393b;
      line-height: 1;
      width: 100%;
      margin-left: 0; }
      @media (min-width: 768px) {
        .product-tile .product-details h3 {
          font-size: 14px; } }
      @media (min-width: 1200px) {
        .product-tile .product-details h3 {
          font-size: 18px;
          margin-bottom: 3px; } }
    .product-tile .product-details a {
      position: relative;
      z-index: 100;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      transition: none !important;
      display: block; }
  .product-tile .color-selector {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 15px; }
    .product-tile .color-selector ul {
      text-align: center;
      white-space: nowrap;
      opacity: 0;
      font-size: 0; }
    .product-tile .color-selector li {
      display: inline-block;
      width: 16px;
      height: 16px;
      background-color: #fff;
      cursor: pointer;
      margin: 0 2px;
      border: 1px solid transparent;
      padding: 2px; }
      .product-tile .color-selector li.active {
        border-color: #d2d2d2; }
    .product-tile .color-selector svg {
      border-radius: 50%;
      overflow: hidden; }
    .product-tile .color-selector p {
      margin: 0;
      font-size: 14px;
      color: #adadad;
      width: 100%; }
      @media (min-width: 768px) {
        .product-tile .color-selector p {
          font-size: 12px; } }
      @media (min-width: 1200px) {
        .product-tile .color-selector p {
          font-size: 15px; } }
    .product-tile .color-selector a {
      display: block;
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #9f9f9f; }
  @media (min-width: 768px) {
    .tile-lg .product-tile .tile-sizer:before {
      content: ' ';
      float: left;
      padding-top: 49.93617%; }
    .tile-lg .product-tile .tile-sizer:after {
      content: ' ';
      display: table;
      clear: both; }
    .tile-lg .product-tile .product-photos-wrapper img {
      width: auto;
      height: 100%;
      position: static;
      top: 0;
      transform: none; } }

.post-tile {
  width: 100%;
  cursor: pointer; }
  @media (min-width: 768px) {
    .post-tile {
     height:100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-positive: 1;
          flex-grow: 1; } }
  @media (min-width: 1024px) {
    .tile-lg .post-tile h2 {
      font-size: 2.4rem; }
    .tile-lg .post-tile p {
      max-width: 625px; } }
  .post-tile .image-wrapper img {
    width: 100%; }
  .post-tile .tile-inner {
    background: transparent; }
    .post-tile .tile-inner a {
      font-weight: 400; }
    @media (min-width: 768px) {
      .post-tile .tile-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-positive: 1;
            flex-grow: 1; } }
  .post-tile .tags {
    position: relative;
    z-index: 1;
    margin-top: auto;
    cursor: default; }
    @media (min-width: 1200px) {
      .post-tile .tags {
        padding-bottom: 25px; } }
  .post-tile .text {
    padding: 20px 20px 10px 20px;
    -ms-flex-positive: 1;
        flex-grow: 1;
    position: relative;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    @media (min-width: 1200px) {
      .post-tile .text {
        padding: 40px 50px 0 45px; } }
  .post-tile .hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 10; }
    .post-tile .hover .button {
      top: 50%;
      margin-top: -22px;
      z-index: 15;
      min-width: 100px; }
    .post-tile .hover .bg {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 0;
      padding: 0;
      margin: 0;
      opacity: 0; }
      .post-tile .hover .bg.light {
        background: rgba(244, 244, 244, 0.7); }
  .post-tile .date {
    font-weight: 500; }
    @media (max-width: 767px) {
      .post-tile .date {
        font-size: 0.8rem; } }
  .post-tile h2, .post-tile .h2, .post-tile h3, .post-tile h4 {
    font-size: 1.2307692308rem;
    line-height: 1.25; }
    @media (min-width: 768px) {
      .post-tile h2, .post-tile .h2, .post-tile h3, .post-tile h4 {
        font-size: 1.0714285714rem;
        line-height: 1.1111111111;
        margin-bottom: 0.6666666667rem; } }
    @media (min-width: 1024px) {
      .post-tile h2, .post-tile .h2, .post-tile h3, .post-tile h4 {
        font-size: 24px; } }
  .post-tile hr {
    margin: 0 -20px 10px -20px; }
    @media (min-width: 768px) {
      .post-tile hr {
        margin: 10px -20px 10px -20px; } }
    @media (min-width: 1200px) {
      .post-tile hr {
        margin: 15px 0 25px 0; } }

.support-tile {
  text-align: center;
  width: 100%; }
  .support-tile .tile-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    min-height: 100%;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .support-tile .tile-sizer {
    position: relative;
    width: 100%; }
    .support-tile .tile-sizer:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 100%; }
  .support-tile .container {
    max-width: 95%;
    padding: 0 20px; }
    @media (min-width: 1024px) {
      .support-tile .container {
        padding: 0 0px; } }
    @media (min-width: 1400px) {
      .support-tile .container {
        padding: 0 20px; } }
  .support-tile h4, .support-tile .h4 {
    margin-bottom: 20px; }
  .support-tile p {
    font-size: 0.9375rem;}
    @media (min-width: 768px) {
      .support-tile p {
        font-size: 0.75rem;
        min-height:90px;} }
    @media (min-width: 1024px) {
      .support-tile p {
        font-size: 0.9375rem;
        min-height:90px;} }
  .support-tile .button {
    margin-top: 22px;
    /*fix for broken styling just above tablet*/ }
    @media (min-width: 768px) {
      .support-tile .button {
        margin-top: 4px; } }
    @media (min-width: 1024px) {
      .support-tile .button {
        margin-top: 34px;
        background:transparent;} }
    @media (min-width: 1025px) and (max-width: 1170px) {
      .support-tile .button {
        margin-top: 20px; } }
    .support-tile .button .button-inner {
      padding: 6px 15px 0 15px; }
      @media (min-width: 1024px) {
        .support-tile .button .button-inner {
          padding: 6px 36px 0 36px; } }
  @media (min-width: 1200px) {
    .support-tile .container {
      max-width: 80%; } }

.tile-featured {
  background-color: transparent;
  cursor: pointer; }
  .tile-featured .tile-inner {
    background-color: transparent;
    padding: 0;
    width: 100%;
    padding: 10px 20px; }
    @media (min-width: 768px) {
      .tile-featured .tile-inner {
        padding: 5px; } }
    @media (min-width: 1024px) {
      .tile-featured .tile-inner {
        padding: 10px; } }
  .tile-featured .text {
    padding: 30px 40px;
    text-align: center; }
    @media (min-width: 768px) {
      .tile-featured .text {
        padding: 20px 20px 20px 0;
        text-align: left; } }
      .genericFeaturedTile .tile-featured .text {
      	padding: 20px 20px 10px 20px;
      }
    @media (min-width: 1024px) {
      .tile-featured .text {
        padding: 40px;
        text-align: left; } }
  .tile-featured .hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 10; }
    .tile-featured .hover .button {
      top: 50%;
      margin-top: -22px;
      z-index: 15;
      min-width: 100px; }
    .tile-featured .hover .bg {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      z-index: 0;
      padding: 0;
      margin: 0;
      opacity: 0; }
      .tile-featured .hover .bg.light {
        background: rgba(244, 244, 244, 0.7); }
  .tile-featured .image-wrapper + .image-wrapper {
    padding-top: 10px; }
    @media (min-width: 1024px) {
      .tile-featured .image-wrapper + .image-wrapper {
        padding-top: 20px; } }
  @media (max-width: 767px) {
    .tile-featured {
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; } }
  .tile-featured .text .link {
    font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
    text-transform: uppercase;
    color: #222021; }
    .tile-featured .link i {
      margin-left: 5px;
      position: relative;
      top: -2px; }
  @media (min-width: 768px) {
    .tile-featured .mobile-button {
      display: none !important; } }
  @media (max-width: 767px) {
    .tile-featured .desktop-button {
      display: none !important; } }

.generic-tile {
  width: 100%; }

.component {
  position: relative;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .component {
      margin-bottom: 40px; } }
  @media (min-width: 1024px) {
    .component {
      margin-bottom: 120px; } }
  .component .tags {
    position: relative;
    z-index: 1; }
  .component .image-pos-wrapper {
    position: relative;
    cursor: pointer; }
    @media (min-width: 1024px) {
      .component .image-pos-wrapper {
        margin-right: 8.33333%; } }
    @media (min-width: 1200px) {
      .component .image-pos-wrapper {
        margin-right: 16.66667%; } }
    .component .image-pos-wrapper .plyr {
      margin: 0; }
    .component .image-pos-wrapper .hover {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      text-align: center;
      z-index: 10; }
      .component .image-pos-wrapper .hover .button {
        top: 50%;
        margin-top: -22px;
        z-index: 15;
        opacity: 0;
        min-width: 100px; }
        .component .image-pos-wrapper .hover .button:focus {
          opacity: 1 !important; }
          .component .image-pos-wrapper .hover .button:focus + .bg {
            opacity: 1 !important; }
      .component .image-pos-wrapper .hover .bg {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 0;
        padding: 0;
        margin: 0;
        opacity: 0; }
        .component .image-pos-wrapper .hover .bg.light {
          background: rgba(244, 244, 244, 0.7); }
  .component .text {
    position: relative;
    z-index: 20;
    background-color: #fff;
    padding: 20px 20px 10px 20px;
    margin: -20px 10px 0 10px; }
    .component .text hr {
      margin-left: -20px;
      margin-right: -20px; }
      @media (min-width: 768px) {
        .component .text hr {
          margin-left: -30px;
          margin-right: -30px;
          margin-bottom: 20px;
          margin-top: 30px; } }
      @media (min-width: 1024px) {
        .component .text hr {
          margin-left: 0;
          margin-right: 0;
          margin-top: 0; } }
    @media (min-width: 768px) {
      .component .text {
        margin: 0;
        padding: 40px 30px 20px 30px; } }
    @media (min-width: 1024px) {
      .component .text {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
        max-width: 460px;
        max-width: 30.666666667rem;
        padding: 4.226%; } }
  .component.component-text-accent {
    background-color: #e01e3c; }
    @media (min-width: 768px) {
      .component.component-text-accent {
        background-color: transparent; } }
    .component.component-text-accent .text {
      background-color: transparent;
      color: #fff; }
      .component.component-text-accent .text:after {
        background-color: #e01e3c; }
      @media (min-width: 768px) {
        .component.component-text-accent .text {
          background-color: #e01e3c; } }
      .component.component-text-accent .text .button, .component.component-text-accent .text button {
        border-color: rgba(255, 255, 255, 0.2);
        color: #fff;
        min-width: 220px; }
        .component.component-text-accent .text .button .mask, .component.component-text-accent .text button .mask {
          background-color: #fff;
          border-color: #fff;
          color: #e01e3c; }
        .component.component-text-accent .text .not-touch.button:hover, .component.component-text-accent .text .not-touch.button:hover {
          color: #222021; }
  .component.component-text-dark {
    background-color: #222021; }
    .component.component-text-dark .text {
      background-color: transparent; }
      .component.component-text-dark .text:after {
        background-color: #222021; }
      @media (min-width: 768px) {
        .component.component-text-dark .text {
          background-color: #222021; } }
      .component.component-text-dark .text .button, .component.component-text-dark .text button {
        border-color: rgba(255, 255, 255, 0.2);
        color: #fff;
        min-width: 220px; }
        .component.component-text-dark .text .button .mask, .component.component-text-dark .text button .mask {
          background-color: #fff;
          border-color: #fff;
          color: #222021; }
        .component.component-text-dark .text .not-touch.button:hover, .component.component-text-dark .text .not-touch.button:hover, .component.component-text-dark .text button:focus, .component.component-text-dark .text button:active {
          color: #222021; }
    @media (min-width: 1024px) {
      .component.component-text-dark {
        background-color: transparent; } }
  .component .excerpt {
    margin-bottom: 1rem; }
    @media (min-width: 1024px) {
      .component .excerpt {
        margin-bottom: 2.6666666667rem; } }
  @media (max-width: 767px) {
    .component .suphead {
      font-size: 0.8rem; } }
  @media (min-width: 768px) {
    .component[data-layout="default"] {
      max-width: 83.561643836%;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 1024px) {
    .component[data-layout="default"] {
      max-width: none; } }
  @media (min-width: 1200px) {
    .component[data-layout="default"] .hover .button {
      left: -9%; } }
  .component[data-layout="text-left"] .image-pos-wrapper {
    margin-right: 0; }
    @media (min-width: 1024px) {
      .component[data-layout="text-left"] .image-pos-wrapper {
        margin-left: 16.66667%; } }
  .component[data-layout="text-left"] .text {
    right: auto;
    left: 0; }
  @media (min-width: 768px) {
    .component[data-layout="text-left"] {
      max-width: 83.561643836%;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 1024px) {
    .component[data-layout="text-left"] {
      max-width: none; }
      .component[data-layout="text-left"] .hover .button {
        right: -13%; } }
  @media (min-width: 1200px) {
    .component[data-layout="text-left"] .hover .button {
      right: -9%; } }
  .component[data-layout="tall"], .component[data-layout="tall-align-left"] {
    padding-bottom: 27px; }
    @media (min-width: 768px) {
      .component[data-layout="tall"], .component[data-layout="tall-align-left"] {
        padding-bottom: 0; } }
    .component[data-layout="tall"] .image-pos-wrapper, .component[data-layout="tall-align-left"] .image-pos-wrapper {
      margin: -20px 10px 0 10px;
      cursor: default; }
      @media (min-width: 768px) {
        .component[data-layout="tall"] .image-pos-wrapper, .component[data-layout="tall-align-left"] .image-pos-wrapper {
          width: 58.33333%;
          margin: 0; } }
      @media (min-width: 1024px) {
        .component[data-layout="tall"] .image-pos-wrapper, .component[data-layout="tall-align-left"] .image-pos-wrapper {
          padding-right: 10px;
          width: 50%; } }
    .component[data-layout="tall"] .text, .component[data-layout="tall-align-left"] .text {
      padding: 40px 20px 30px 20px;
      margin: 0 10px;
      text-align: center; }
      @media (min-width: 768px) {
        .component[data-layout="tall"] .text, .component[data-layout="tall-align-left"] .text {
          position: absolute;
          top: 0;
          left: 50%;
          bottom: auto;
          right: auto;
          overflow: visible;
          margin: 0 0 0 -1px;
          width: 50%;
          min-height: 100%;
          max-width: none;
          padding: 60px;
          text-align: left; }
          .component[data-layout="tall"] .text h2, .component[data-layout="tall-align-left"] .text h2 {
            font-size: 1.7333333333rem; } }
      @media (min-width: 1024px) {
        .component[data-layout="tall"] .text, .component[data-layout="tall-align-left"] .text {
          left: 50%;
          width: 50%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          min-height: 58.43478261%;
          margin: 0 0 0 -10px;
          max-width: 500px;
          padding: 0 4.583% 0 5.1475%; }
          .component[data-layout="tall"] .text:after, .component[data-layout="tall-align-left"] .text:after {
            content: "";
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            min-height: 34.32835821%; }
          .component[data-layout="tall"] .text h2, .component[data-layout="tall-align-left"] .text h2 {
            font-size: 3.125rem;} }
      @media (min-width: 1200px) {
        .component[data-layout="tall"] .text, .component[data-layout="tall-align-left"] .text {
          min-height: 45.83333333%; } }
    .component[data-layout="tall"] .buttons-holder :last-child, .component[data-layout="tall-align-left"] .buttons-holder :last-child {
      margin: 0; }
    .component[data-layout="tall"] .buttons-holder-mobile, .component[data-layout="tall-align-left"] .buttons-holder-mobile {
      text-align: center;
      padding-top: 40px; }
      .component[data-layout="tall"] .buttons-holder-mobile .button, .component[data-layout="tall"] .buttons-holder-mobile button, .component[data-layout="tall-align-left"] .buttons-holder-mobile .button, .component[data-layout="tall-align-left"] .buttons-holder-mobile button {
        border-color: rgba(255, 255, 255, 0.2);
        color: #fff;
        min-width: 220px; }
    .component[data-layout="tall"] .products-holder, .component[data-layout="tall-align-left"] .products-holder {
      z-index: 150; }
      @media (min-width: 768px) {
        .component[data-layout="tall"] .products-holder, .component[data-layout="tall-align-left"] .products-holder {
          position: absolute;
          top: 50.43478261%;
          left: 0;
          width: 100%;
          margin: -10px 0 0 0; }
          .component[data-layout="tall"] .products-holder.push-top, .component[data-layout="tall-align-left"] .products-holder.push-top {
            top: 53.56521739%; } }
      @media (min-width: 1200px) {
        .component[data-layout="tall"] .products-holder, .component[data-layout="tall-align-left"] .products-holder {
          top: 45.83333333%; } }
    .component[data-layout="tall"] .tiles, .component[data-layout="tall-align-left"] .tiles {
      -ms-flex-pack: end;
          justify-content: flex-end; }
    .component[data-layout="tall"] .excerpt, .component[data-layout="tall-align-left"] .excerpt {
      margin-bottom: 0.3333333333rem; }
  @media (min-width: 768px) {
    .component[data-layout="tall-align-left"] .image-pos-wrapper {
      margin-left: 41.66667%;
      padding-right: 0; } }
  @media (min-width: 1024px) {
    .component[data-layout="tall-align-left"] .image-pos-wrapper {
      margin-left: 50%; } }
  @media (min-width: 768px) {
    .component[data-layout="tall-align-left"] .text {
      bottom: auto;
      left: auto;
      right: 50%;
      top: 0; } }
  @media (min-width: 1024px) {
    .component[data-layout="tall-align-left"] .text {
      right: 50%; } }
  .component[data-layout="tall-align-left"] .tiles {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .component[data-layout="alt-default"], .component[data-layout="alt-text-left"] {
    padding: 0 10px 46px 10px; }
    @media (min-width: 768px) {
      .component[data-layout="alt-default"], .component[data-layout="alt-text-left"] {
        padding: 0; } }
    @media (min-width: 768px) {
      .component[data-layout="alt-default"] .image-pos-wrapper, .component[data-layout="alt-text-left"] .image-pos-wrapper {
        width: 58.33333%; } }
    @media (min-width: 1400px) {
      .component[data-layout="alt-default"] .image-pos-wrapper, .component[data-layout="alt-text-left"] .image-pos-wrapper {
        width: 75%; } }
    .component[data-layout="alt-default"] .text, .component[data-layout="alt-text-left"] .text {
      margin-top: 0;
      padding-top: 30px;
      text-align: center; }
      .component[data-layout="alt-default"] .text .buttons-holder p, .component[data-layout="alt-text-left"] .text .buttons-holder p {
        margin: 0; }
      @media (min-width: 768px) {
        .component[data-layout="alt-default"] .text, .component[data-layout="alt-text-left"] .text {
          position: absolute;
          right: 0;
          min-height: 100%;
          text-align: left;
          width: 41.66667%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          padding: 0 2.226% 0 3.226%; }
          .component[data-layout="alt-default"] .text h2, .component[data-layout="alt-text-left"] .text h2 {
            font-size: 1.7333333333rem; } }
      @media (min-width: 1024px) {
        .component[data-layout="alt-default"] .text, .component[data-layout="alt-text-left"] .text {
          max-width: none;
          right: 0; } }
      @media (min-width: 1400px) {
        .component[data-layout="alt-default"] .text, .component[data-layout="alt-text-left"] .text {
          width: calc(25% - -10px);
          right: -5px; }
          .component[data-layout="alt-default"] .text h2, .component[data-layout="alt-text-left"] .text h2 {
            font-size: 3.125rem; } }
  .component[data-layout="alt-text-left"] .image-pos-wrapper {
    left: 0px; }
    @media (min-width: 768px) {
      .component[data-layout="alt-text-left"] .image-pos-wrapper {
        margin-left: 41.66667%; } }
    @media (min-width: 1400px) {
      .component[data-layout="alt-text-left"] .image-pos-wrapper {
        margin-left: 25%; } }
  @media (min-width: 768px) {
    .component[data-layout="alt-text-left"] .text {
      right: auto;
      left: 0;
      width: 41.66667%; } }
  @media (min-width: 1400px) {
    .component[data-layout="alt-text-left"] .text {
      width: calc(25% - -15px); } }

@media (max-width: 767px) {
  [data-layout="large-carousel"], .image-gallery {
    padding-bottom: 30px; } }

[data-layout="large-carousel"] .slide img {
  transform: scale(1.025);
  transition: all 340ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }

.image-gallery .slide img{
  transition: all 340ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }

@media (min-width: 768px) {
  .image-gallery .slide img {
    transform: scale(1.025); }
  .image-gallery:hover .slide img {
    transform: scale(1); } }

[data-layout="large-carousel"]:hover .slide img {
  transform: scale(1); }

[data-layout="large-carousel"] .action-next,
[data-layout="large-carousel"] .action-prev, .image-gallery .action-next,
.image-gallery .action-prev {
  z-index: 3; }

[data-layout="large-carousel"] .slick-dots, .image-gallery .slick-dots {
  z-index: 1;
  bottom: -35px; }
  @media (min-width: 768px) {
    [data-layout="large-carousel"] .slick-dots, .image-gallery .slick-dots {
      bottom: 0;
      margin-bottom: 3.888888889%; } }

.pcp-mobile-filter {
  display: block;
  top: 45px;
  height: 55px;
  line-height: 55px;
  background: #2c2c2c;
  color: #fff;
  position: fixed;
  z-index: 97;
  left: 0;
  width: 100%; }
  .pcp-mobile-filter .trigger {
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 3px;
    font-weight: 500;
    cursor: pointer; }
    .pcp-mobile-filter .trigger .icon {
      right: 10px; }
    .pcp-mobile-filter .trigger .fa {
      transition: all 0.5s ease;
      transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      /* easeOutQuint */ }
  .pcp-mobile-filter.open .trigger .fa {
    transform: rotate(180deg); }
  .pcp-mobile-filter .list-wrapper {
    height: 0;
    overflow: hidden;
    background: #333;
    text-align: center;
    margin-top: -3px; }
  .pcp-mobile-filter ul {
    display: block;
    top: 0;
    padding: 30px 5px 0px 5px; }
    .pcp-mobile-filter ul li {
      width: 50%;
      float: left;
      padding: 0 5px; }
  .pcp-mobile-filter a {
    color: #a7a6a6; }
    .pcp-mobile-filter a .image {
      position: relative;
      background: #393939; }
      .pcp-mobile-filter a .image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 55.86207%; }
      .pcp-mobile-filter a .image .icon {
        height: 42%;
        opacity: .3; }
        .pcp-mobile-filter a .image .icon svg {
          height: 100%;
          width: auto;
          display: inline-block; }
          .pcp-mobile-filter a .image .icon svg .st0 {
            fill: #fff; }
    .pcp-mobile-filter a.active {
      color: white; }
      .pcp-mobile-filter a.active .image {
        background: #fff; }
        .pcp-mobile-filter a.active .image .icon {
          opacity: 1; }
          .pcp-mobile-filter a.active .image .icon svg .st0 {
            fill: #000; }
  .pcp-mobile-filter .button {
    display: inline-block;
    margin-bottom: 31px;
    margin-top: 9px;
    color: #fff; }

.product-list {
  margin-bottom: 30px;
  margin-top: -40px; }
  @media (min-width: 768px) {
    .product-list {
      margin-bottom: 100px;
      margin-top: 0; } }

.product-wide {
  background: #fff;
  margin: 0 10px 10px;
  padding: 10px 20px 40px 20px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  @media (min-width: 768px) {
    .product-wide {
      margin: 0 0 20px;
      padding: 0px 20px 0px 20px;
      display: -ms-flexbox;
      display: flex;
      /* or inline-flex */ } }
  @media (min-width: 768px) {
    .product-wide .image {
      width: 41.66667%;
      margin-left: 50%;
      -ms-flex-item-align: center;
          align-self: center; } }
  @media (max-width: 767px) {
    .product-wide .image {
      margin-bottom: 40px; } }
  .product-wide.image-bottom .image {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  @media (min-width: 768px) {
    .product-wide .content {
      width: 41.66667%;
      margin-left: -83.33333%;
      display: inline-block;
      vertical-align: middle;
      font-size: 0.93rem;
      padding: 40px 0;
      -ms-flex-item-align: center;
          align-self: center;
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (min-width: 1200px) {
    .product-wide .content {
      width: 33.33333%; } }
  @media (min-width: 1024px) {
    .product-wide .content p {
      padding-right: 25%; } }
  @media (min-width: 768px) {
    .product-wide:not(.image-bottom) .content {
      padding-top: 70px;
      padding-bottom: 70px; } }
  .product-wide ul {
    margin-top: 17px; }
  .product-wide li {
    font-size: 0.86666666666667rem;
    color: #a9adb0;
    margin-bottom: 10px;
    font-weight: 500;
    letter-spacing: 0.055em; }
  .product-wide .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    margin-right: 7px;
    border: 2px solid #e01e3c;
    vertical-align: middle; }
    .product-wide .icon path {
      fill: #919295;
      stroke: none; }
  .product-wide .button {
    margin: 29px auto 0 auto;
    color: #fff; }
    .product-wide .button.button-accent .mask {
      color: #fff  !important;
      background: #000; }
    .product-wide .button .icon {
      width: 20px;
      height: 18px;
      margin-left: 3px;
      margin-right: 0;
      margin-bottom: 0px;
      transform: scale(0.7);
      border: none;
      vertical-align: initial; }
      .product-wide .button .icon path.st0 {
        fill: #fff; }

.collaborations .product-wide {
  padding: 20px 20px 40px;
  display: block;}
  @media (min-width: 1024px) {
    .collaborations .product-wide {
      padding: 80px 20px 80px; } }
  .collaborations .product-wide .image img {
    width: 100%; }
  @media (min-width: 768px) {
    .collaborations .product-wide .image {
      width: 100%;
      margin-left: 0%; } }
  @media (min-width: 1024px) {
    .collaborations .product-wide .image {
      width: 50%;
      margin-left: 41.66667%;
      display: inline-block;
      vertical-align: middle; } }
  @media (min-width: 768px) {
    .collaborations .product-wide .content {
      width: 100%;
      margin-left: 0%; } }
  @media (min-width: 1024px) {
    .collaborations .product-wide .content {
      width: 33.33333%;
      margin-left: -83.33333%;
      display: inline-block;
      vertical-align: middle;
      font-size: 0.93rem; } }
  .collaborations .product-wide h5, .collaborations .product-wide .h5, .collaborations .product-wide .article .article-footer .tags h2, .article .article-footer .tags .collaborations .product-wide h2 {
    margin-top: 80px;
    text-transform: none;
    font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #222021; }
    @media (min-width: 1024px) {
      .collaborations .product-wide h5, .collaborations .product-wide .h5, .collaborations .product-wide .article .article-footer .tags h2, .article .article-footer .tags .collaborations .product-wide h2 {
        font-size: 1.25rem;
        margin-bottom: 11px;
        margin-top: 0; } }
  .collaborations .product-wide h2 {
    margin-top: 5px; }
    @media (min-width: 1024px) {
      .collaborations .product-wide h2 {
        font-size: 2.75rem; } }
    @media (min-width: 1200px) {
      .collaborations .product-wide h2 {
        font-size: 3.375rem; } }
  .collaborations .product-wide p {
    padding-right: 16.66667%; }
    @media (min-width: 768px) {
      .collaborations .product-wide p {
        padding-right: 0;
        margin-right: 16.66667%; } }
    @media (min-width: 1024px) {
      .collaborations .product-wide p {
        padding-right: 0%;
        margin-right: 25%; } }
  .collaborations .product-wide .prod-count {
    font-size: 0.866rem;
    font-weight: 500;
    margin-top: 34px;
    margin-bottom: 14px; }
    @media (min-width: 768px) {
      .collaborations .product-wide .prod-count {
        margin-top: 54px;
        font-size: 0.812rem; } }
  .collaborations .product-wide .prod-list {
    margin-bottom: 10px;
    overflow-y: auto;
    padding-right: 10px; }
    @media (max-width: 1023px) {
      .collaborations .product-wide .prod-list {
        max-height: initial !important; } }
    @media (min-width: 1024px) {
      .collaborations .product-wide .prod-list {
        margin-right: 25%; } }
    .collaborations .product-wide .prod-list .prod {
      border-top: solid 1px #e6e6e6;
      transition: background-color 0.28s ease-out; }
      .collaborations .product-wide .prod-list .prod:last-child {
        border-bottom: solid 1px #e6e6e6; }
      .collaborations .product-wide .prod-list .prod .inner {
        padding: 10px;
        position: relative; }
      .collaborations .product-wide .prod-list .prod img, .collaborations .product-wide .prod-list .prod h4, .collaborations .product-wide .prod-list .prod .h4 {
        display: inline-block;
        vertical-align: middle; }
      .collaborations .product-wide .prod-list .prod img {
        width: 21%;
        transform: scale(1.1) translate3d(0, 0, 0);
        transition: all 380ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
        @media (min-width: 768px) {
          .collaborations .product-wide .prod-list .prod img {
            width: 10%; } }
        @media (min-width: 1024px) {
          .collaborations .product-wide .prod-list .prod img {
            width: 21%; } }
      .collaborations .product-wide .prod-list .prod:hover {
        background-color: #fbfbfb; }
        .collaborations .product-wide .prod-list .prod:hover img {
          transform: scale(1) translate3d(0, 0, 0); }
      .collaborations .product-wide .prod-list .prod h4, .collaborations .product-wide .prod-list .prod .h4 {
        width: 71%;
        margin-bottom: 0;
        margin-right: 0;
        font-size: 1.2rem;
        font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
        font-weight: 300;
        letter-spacing: 0.05em;
        color: #a7a6a6;
        text-transform: uppercase; }
        @media (min-width: 768px) {
          .collaborations .product-wide .prod-list .prod h4, .collaborations .product-wide .prod-list .prod .h4 {
            font-size: 1.125rem; } }
      .collaborations .product-wide .prod-list .prod a h4, .collaborations .product-wide .prod-list .prod a .h4 {
        color: #161616; }
      .collaborations .product-wide .prod-list .prod a .fa {
        display: inline-block; }
      .collaborations .product-wide .prod-list .prod .fa {
        right: 10px;
        display: none; }
  .collaborations .product-wide ::-webkit-scrollbar {
    -webkit-appearance: none; }
  .collaborations .product-wide ::-webkit-scrollbar:vertical {
    width: 5px; }
  .collaborations .product-wide ::-webkit-scrollbar:horizontal {
    height: 5px; }
  .collaborations .product-wide ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    border: 2px solid rgba(255, 255, 255, 0);
    /* should match background, can't be transparent */
    background-color: #d3d3d3; }
  .collaborations .product-wide ::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 3px; }

@media (max-width: 1023px) {
  .collab-slider {
    margin-left: -5px; }
    .collab-slider .slick-slide {
      padding-left: 5px;
      padding-right: 5px;
      opacity: 0.29;
      transition: all 0.5s ease;
      transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      /* easeOutQuint */ }
      .collab-slider .slick-slide.slick-current {
        opacity: 1; } }

.collab-slider .slick-dots {
  text-align: left;
  bottom: -60px; }
  .collab-slider .slick-dots li {
    margin-right: 10px;
    width: 6px;
    height: 6px; }
    .collab-slider .slick-dots li a, .collab-slider .slick-dots li button {
      min-width: initial;
      background: #a7a6a6;
      box-shadow: none;
      width: 6px;
      height: 6px;
      padding: 0; }
    .collab-slider .slick-dots li.slick-active a, .collab-slider .slick-dots li.slick-active button {
      background-color: #e01e3c; }

.collab-slider-nav {
  margin: 20px -10px 0 -10px;
  display: none; }
  @media (min-width: 1024px) {
    .collab-slider-nav {
      display: block; } }
  .collab-slider-nav .slick-slide {
    transition: all 0.5s ease;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    /* easeOutQuint */
    padding: 0 10px;
    opacity: 0.29;
    cursor: pointer;
    overflow: hidden; }
    .collab-slider-nav .slick-slide:after {
      content: "";
      display: block;
      width: 18px;
      height: 2px;
      background-color: #e01e3c;
      margin: 9px auto 0 auto;
      transition: all 0.25s ease-out;
      opacity: 0;
      transform: scaleX(0); }
    .collab-slider-nav .slick-slide img {
      transform: scale(1.05) translateZ(0);
      transition: all 340ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
    .collab-slider-nav .slick-slide:hover, .collab-slider-nav .slick-slide.slick-current {
      opacity: 1; }
      .collab-slider-nav .slick-slide:hover img, .collab-slider-nav .slick-slide.slick-current img {
        transform: scale(1) translateZ(0); }
      .collab-slider-nav .slick-slide:hover:after, .collab-slider-nav .slick-slide.slick-current:after {
        opacity: 1;
        transform: scaleX(1); }

.sharing {
  text-align: center;
  padding-bottom: 43px;
  padding-top: 38px;
  display: none;
  box-shadow: 0px 3px 3px -1px transparent; }
  @media (min-width: 768px) {
    .sharing.stick {
      margin-top: 0 !important;
      position: fixed;
      top: 0;
      z-index: 10000;
      background: #fff;
      padding-bottom: 10px;
      padding-top: 14px;
      transition: padding 0.5s ease;
      transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      /* easeOutQuint */
      box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.25); } }
  .sharing li {
    display: inline-block;
    margin: 0 12px; }
  @media (min-width: 768px) {
    .sharing {
      display: block; } }
  .sharing .fa {
    color: #000;
    font-size: 19px;
    transition: all 0.5s ease;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    /* easeOutQuint */ }
    .sharing .fa:hover {
      color: #e01e3c; }

.modal .sharing.stick, .modal .social.stick {
  width: 90%; }

.cookie-bar {
  background: #fff;
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
  padding: 33px 20px 33px 20px;
  box-shadow: 0 -2px 1px rgba(0, 0, 0, 0.03); }
  .cookie-bar .container {
    position: relative;
    text-align: center; }
    @media (min-width: 768px) {
      .cookie-bar .container {
        text-align: left; } }
    .cookie-bar .container .button-wrapper {
      margin-top: 20px; }
      @media (min-width: 768px) {
        .cookie-bar .container .button-wrapper {
          float: right;
          right: 20px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          margin-top: 0; } }
    .cookie-bar .container h4 {
      padding-top: 8px;
      margin-bottom: 0;
      font-size: 1.25rem; }
    .cookie-bar .container p {
      margin: 0;
      font-size: 0.8125rem; }
      .cookie-bar .container p a {
        text-decoration: underline; }

.large-quote {
  position: relative; }
  .large-quote .background {
    margin: 0;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; }
  .large-quote .text {
    position: relative;
    width: 100%;
    z-index: 1; }
    @media (max-width: 767px) {
      .large-quote .text {
        position: relative;
        transform: none;
        left: 0;
        top: 0; } }
  .large-quote .container-inner {
    padding: 0px; }
    @media (min-width: 768px) {
      .large-quote .container-inner {
        width: 80%;
        margin: auto;
        text-align: center; } }
    @media (min-width: 1200px) {
      .large-quote .container-inner {
        width: 50%;
        margin-left: 25%;
        text-align: center; } }
    .large-quote .container-inner .quote-text {
      font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
      letter-spacing: 0.01em;
      color: white;
      line-height: 1.3;
      text-transform: uppercase;
      font-weight: normal;
      margin-bottom: 0.65rem;
      font-size: 2rem; }
      @media (min-width: 1024px) {
        .large-quote .container-inner .quote-text {
          font-size: 2.5rem; } }
    .large-quote .container-inner .quote-author {
      font-weight: 500;
      letter-spacing: 0.025em;
      font-size: 18px;
      font-size: 0.9333rem;
      margin-bottom: 0;
      background-color: transparent;
      padding: 0;
      height: auto; }
      @media (min-width: 1024px) {
        .large-quote .container-inner .quote-author {
          font-size: 18px; } }

.pdp-feature {
  overflow: hidden;
  padding: 10px 10px; }
  @media (min-width: 768px) {
    .pdp-feature {
      display: -ms-flexbox;
      position: relative;
      display: flex;
      -ms-flex-align: center;
          align-items: center; } }
  .pdp-feature .image-hover {
    margin: 0;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    transform: scale(1.05);
    transition: all 240ms cubic-bezier(0.555, 0.14, 0.205, 0.555);}
    .pdp-feature .caption-mobile{
    overflow: hidden;
    display: none; }
    .pdp-feature .full-bleed{
    display: block;}
    @media (max-width: 767px) {
      .pdp-feature .caption-mobile{
       position: relative;
       display: block; }
      .pdp-feature .full-bleed{
       display: none; }
      .pdp-feature .caption-mobile.active .image-hover {
       position: relative;
       transform: scale(1);
       transition: all 240ms cubic-bezier(0.555, 0.14, 0.205, 0.555);}
      .pdp-feature .image-hover:before {
       display: block;
       content: "";
       width: 100%;
       padding-top: 58.88158%; }}
    @media (min-width: 768px) {
      .pdp-feature .image-hover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: scale(1.05);
        transition: all 240ms cubic-bezier(0.555, 0.14, 0.205, 0.555);}
    .pdp-feature .image-hover:hover:after, .pdp-feature .image-hover:focus:after {
      opacity: 0.9; }
    .pdp-feature .image-hover.video-text-overlay-desktop:hover:after, .pdp-feature .image-hover.video-text-overlay-desktop:focus:after {
      opacity: 0.7; }
    .pdp-feature .image-hover:hover, .pdp-feature .image-hover:focus{
      opacity: 1;
      transform: scale(1); }
      .pdp-feature .image-hover:hover .caption, .pdp-feature .image-hover:focus .caption {
        opacity: 1;
        position: relative;
        transition-delay: 250ms; }
    .pdp-feature .image-hover:after {
      transition: all 0.5s ease;
      transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #000;
      opacity: 0; }}
  .pdp-feature .caption {
    /* easeOutQuint */
    z-index: 2;
    color: white;
    display: none;
    text-align: center;
    opacity: 0;
    transition-delay: 0s;
    max-height: 100%;}
    @media (max-width: 767px){
    .pdp-feature .caption-mobile.active .caption{
     opacity: 1;}
    .pdp-feature .caption-mobile.video-text-overlay-mobile.active .caption{
     opacity: 0.7;}}
    @media (min-width: 768px){
    .pdp-feature .image-hover .caption{
    display: block;
    top: 50%;
    left: 50%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-overflow-style: -ms-autohiding-scrollbar; }}
     .pdp-feature .caption-mobile .caption{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     opacity: 0;
     background-color: rgba(0,0,0,.9);
     text-align: center;
     display: block;
     transition: all 0.5s ease;
     transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
     .pdp-feature .caption-mobile .caption .inner {
      position: absolute;
      transition: all .5s ease;
      transition-timing-function: cubic-bezier(.23,1,.32,1);
      width: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      padding: 20px;
      opacity: 0;}
      .pdp-feature .caption-mobile.active .caption .inner {
      opacity: 1;
      transition-delay: 250ms;
      }
  .pdp-feature .background {
    margin: 0;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; }
    @media (max-width: 767px) {
      .pdp-feature .video-with-text-overlay figure.background{
        position: absolute;}
      .pdp-feature .background, .pdp-feature .video-with-text-overlay figure.background.mobile-image-display{
        position: relative; }
        .pdp-feature .background:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 58.88158%; } }
    @media (min-width: 768px) {
      .pdp-feature .background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; } }
  .pdp-feature .text {
    width: 100%;
    z-index: 1; }
    @media (max-width: 767px) {
      .pdp-feature .text {
        position: relative;
        transform: none;
        left: 0;
        top: 0;
        margin-top: 26px; } }
  @media (min-width: 768px) {
    .pdp-feature .container-inner {
      width: 33.33333%;
      margin-left: 58.33333%;
      padding: 0; } }
  .pdp-feature .title-text {
    font-weight: 600;
    font-size: 1.6rem; }
    @media (min-width: 768px) {
    .pdp-feature .title-text {
    font-size: 2.5rem; } }
    @media (min-width: 1200px) {
     .pdp-feature .title-text {
     font-size: 3rem; } }
  .pdp-feature .caption-mobile .title-text, .pdp-feature .image-hover .title-text {
    color: white;}
  .pdp-feature .container-inner p {
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .pdp-feature .container-inner p {
        color: #67686b; } }
  @media (min-width: 768px) {
    .pdp-feature.dark .title-text {
      color: white; }
      .pdp-feature.dark{
        color: #8c8c8c; } }
  @media (min-width: 768px) {
    .pdp-feature.light {
      color: #222020; } }
  .pdp-feature.light p {
    color: #222020; }
    @media (max-width: 767px) {
      .pdp-feature.light p {
        color: #67686b; } }
  @media (min-width: 768px) {
    .pdp-feature.right .container-inner {
      margin-left: 58.33333%; } }
  @media (min-width: 768px) {
    .pdp-feature.left .container-inner {
      margin-left: 8.33333%; } }
  /*commenting as the dynamic calculation will take care of the height
@media (min-width: 768px) {
      .pdp-feature.tall {
        min-height: 800px; } }
    @media (min-width: 850px) {
      .pdp-feature.tall {
        min-height: 660px; } }
     @media (max-width: 850px) {
      .pdp-feature.tall {
        min-height: 340px; } }
    @media (min-width:1100px) {
      .pdp-feature.short {
  	min-height: 700px;
        } }
      @media (max-width:1100px) {
      .pdp-feature.short {
  	min-height: 350px;
        } }*/

@media (max-width: 767px) {
  .pdp-module .container {
    padding: 0 10px; } }

.pdp-module h3, .pdp-module .h3 {
  font-size: 1.5625rem;
  letter-spacing: -0.01em;
  width: 100% !important;
  margin-left: 0 !important; }
  @media (min-width: 768px) {
    .pdp-module h3, .pdp-module .h3 {
      font-size: 1.875rem; } }
  @media (min-width: 1024px) {
    .pdp-module h3, .pdp-module .h3 {
      font-size: 3rem; } }

.pdp-module p {
  font-size: 15px;
  line-height:20px;
  width: 100% !important;
  margin-left: 0 !important; }
  @media (min-width: 768px) {
    .pdp-module p {
      font-size: 15px;
      line-height:24px;} }

.pdp-module-11 {
  padding: 134px 0 104px 0; }
  @media (max-width: 767px) {
    .pdp-module-11 .container {
      padding: 0 20px; } }
  .pdp-module-11 .heading {
    text-align: center; }
    @media (min-width: 768px) {
      .pdp-module-11 .heading p {
        margin-bottom: 45px;
        width: 66.66667%;
        display: inline-block; } }
    @media (min-width: 1024px) {
      .pdp-module-11 .heading p {
        width: 37.5%; } }
  .pdp-module-11 .columns {
    text-align: center;
    overflow: hidden; }
    .pdp-module-11 .columns > div {
      text-align: center; }
      @media (min-width: 768px) {
        .pdp-module-11 .columns > div {
          float: left;
          width: 33.33333%;
          padding: 0 10px; } }
      @media (min-width: 1024px) {
        .pdp-module-11 .columns > div {
          width: 20.83333%;
          padding: 0px;
          margin: 0 32.5px;
          float: none;
          display: inline-block; } }
    .pdp-module-11 .columns h4, .pdp-module-11 .columns .h4 {
      margin-top: 23px;
      font-size: 1.25rem; }
    .pdp-module-11 .columns p {
      margin-bottom: 37px;
      font-size: 0.866rem; }
      @media (min-width: 768px) {
        .pdp-module-11 .columns p {
          margin-bottom: 45px;
          font-size: 0.875rem; } }
      @media (min-width: 1024px) {
        .pdp-module-11 .columns p {
          margin-bottom: 91px; } }
    .pdp-module-11 .columns img {
      border-radius: 50%;
      display: inline-block;
      width: 66.66667%; }
  .pdp-module-11 .download {
    overflow: hidden;
    text-align: center; }
    .pdp-module-11 .download .icon {
      width: 50%;
      width: 135px;
      display: inline-block; }
      .pdp-module-11 .download .icon:first-child {
        padding-right: 5px; }
      .pdp-module-11 .download .icon:last-of-type {
        padding-left: 5px; }
      @media (min-width: 768px) {
        .pdp-module-11 .download .icon {
          width: 144px; } }
    .pdp-module-11 .download p {
      clear: left;
      padding: 25px 25px 0;
      font-size: 0.8666rem; }
      @media (min-width: 768px) {
        .pdp-module-11 .download p {
          padding: 10px 0 0 0;
          margin: 0 auto;
          width: 50%;
          font-weight: 0.75rem; } }
      @media (min-width: 768px) {
        .pdp-module-11 .download p {
          width: 33.33333%; } }

.pdp-module-12 .item, .pdp-module-13 .item {
  background: white;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .pdp-module-12 .item, .pdp-module-13 .item {
      background: transparent;
      margin-bottom: 0; } }

.pdp-module-12 .item.white, .pdp-module-13 .item.white{
    background: white;}
.pdp-module-12 .item.transparent, .pdp-module-13 .item.transparent{
    background: transparent;}

.pdp-module-12 .image img, .pdp-module-13 .image img {
  width: 100%; }

.pdp-module-12 .image .background, .pdp-module-13 .image .background{
  margin: 0; }

.pdp-module-12 .image figure.background, .pdp-module-13 .image figure.background{
  background-size: cover;
  position: absolute; }

.pdp-module-12 .image video.background, .pdp-module-13 .image video.background{
  position: relative; }

.pdp-module-12 .image video, .pdp-module-13 .image video{
  object-fit: inherit; }

@media (min-width: 768px) {
  .pdp-module-12 .image, .pdp-module-13 .image {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative; } }

.pdp-module-12 .text .inner, .pdp-module-13 .text .inner {
  padding: 40px 20px 44px 20px; }
  @media (min-width: 768px) {
    .pdp-module-12 .text .inner, .pdp-module-13 .text .inner {
      width: 66.66667%;
      margin-left: 16.66667%;
      padding: 0 10px; } }
  @media (max-width: 767px) {
    .pdp-module-12 .text .inner h3, .pdp-module-13 .text .inner h3, .pdp-module-12 .text .inner .h3, .pdp-module-13 .text .inner .h3 {
      font-size: 1.066rem; } }
  .pdp-module-12 .text .inner p, .pdp-module-13 .text .inner p {
    margin-bottom: 0; }

.pdp-module-13 .container .item .image .embedder-frame {
    display: block;
    margin: 0 auto;}

@media (min-width: 768px) {
  .pdp-module-12 .text, .pdp-module-13 .text {
    width: 50%;
    display: inline-block;
    margin-left: -5px;
    vertical-align: middle;
    position: relative; } }

.pdp-module-12 .right .text, .pdp-module-13 .right .text {
  right: 50%; }

.pdp-module-12 .right .image, .pdp-module-13 .right .image {
  left: 50%; }

.pdp-module-13 .item {
  margin-bottom: 120px;
  background: transparent; }
  .pdp-module-13 .item:last-child {
    margin-bottom: 0; }

.pdp-module-14 .item {
  position: relative;
  overflow: hidden; }
  @media (min-width: 768px) {
    .pdp-module-14 .item {
      height: 100vh; } }

@media (max-width: 767px) {
	.pdp-module-14 .image.no-blur {
		filter: blur(0px);
		-moz-filter: blur(0px);
	    -o-filter: blur(0px);
	    -ms-filter: blur(0px);
	    -webkit-filter: blur(0px);
	}
}

.pdp-module-14 .text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2; }
  .pdp-module-14 .text .inner {
    width: 75%; }
    @media (min-width: 1024px) {
      .pdp-module-14 .text .inner {
        width: 55.83333%; } }
  @media (max-width: 767px) {
    .pdp-module-14 .text h3, .pdp-module-14 .text .h3 {
      font-size: 1.066rem;
      line-height: 1.375;
      color: white; } }
  .pdp-module-14 .text p {
    color: #eeeeee;
    line-height: 1.3846;
    margin-bottom: 0; }
    @media (min-width: 1024px) {
      .pdp-module-14 .text p {
        color: #565656; } }
  @media (min-width: 1024px) {
    .pdp-module-14 .text {
      width: 50%;
      float: left;
      background: #fff; } }

.pdp-module-14 .image {
  position: relative;
  z-index: 1;
  background-size: cover;
  position: relative; }
  .pdp-module-14 .image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 141.86047%; }
  @media (max-width: 767px) {
    .pdp-module-14 .image {
      transform: scale(1.01);
      -moz-filter: blur(1.5px);
      -o-filter: blur(1.5px);
      -ms-filter: blur(1.5px);
      -webkit-filter: blur(1.5px); } }
  @media (min-width: 1024px) {
    .pdp-module-14 .image {
      width: 50%;
      float: right;
      height: 100%;
      background-attachment: fixed;
      background-size: 50% auto;
      background-repeat: no-repeat;
      background-position: top right; }
      .pdp-module-14 .image:before {
        display: none; } }

@media (min-width: 768px) {
  .pdp-module-14 .stuck .image {
    position: fixed;
    top: 0;
    right: 0; } }

.pdp-module-14 .slick-slide {
  border: none;
  transform: translateZ(0); }

.pdp-module-14 .slick-dots {
  position: absolute;
  bottom: 50px; }
  @media (min-width: 1024px) {
    .pdp-module-14 .slick-dots {
      left: 0;
      margin-left: 4.16667%;
      top: 50%;
      bottom: initial;
      width: 24px;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%); } }

.pdp-module-14 .slick-dots li .slick-active a {
  background-color: #ffffff; }

@media (min-width: 1024px) {
  .pdp-module-14 .slick-dots li {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px; } }

/*.visual-romance-page {
  background: #fff; }*/

.visual-romance {
  padding-top: 40px; }
  @media (max-width: 767px) {
    .visual-romance {
      padding-top: 0; } }
  .visual-romance h3, .visual-romance .h3, .article .article-content .visual-romance h2.h3 {
    text-align: center;
    font-size: 1.66533333333333rem;
    margin-bottom: 20px; }
  .visual-romance .container {
    padding: 0 10px; }
    @media (min-width: 768px) {
      .visual-romance .container {
        padding: 0; } }
  .visual-romance .col {
    float: left;
    display: none; }
    @media (min-width: 768px) {
      .visual-romance .col {
        display: block; } }
  .visual-romance .caption {
    transition: all 0.5s ease;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    /* easeOutQuint */
    z-index: 2;
    text-align: center;
    opacity: 0;
    transition-delay: 0s;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .visual-romance .caption h4, .visual-romance .caption .h4 {
      color: white;
      font-size: 1.243125rem;
      margin-bottom: 0.5333333333rem; }
      .visual-romance .caption h4:focus, .visual-romance .caption .h4:focus {
        background-color: red; }
    .visual-romance .caption p {
      color: white;
      font-size: 15px;
      line-height:24px;
      margin-bottom: 0; }
  .visual-romance .image {
    position: relative;
    overflow: hidden; }
    .visual-romance .image img, .visual-romance .image video {
      width: 100%;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      transform: scale(1.05);
      transition: all 240ms cubic-bezier(0.555, 0.14, 0.205, 0.555); }
    .visual-romance .image:after {
      transition: all 0.5s ease;
      transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      /* easeOutQuint */
      /*content: "";*/
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #000;
      z-index: 1;
      opacity: 0; }
      .visual-romance .image-hover:after{
      content: "";
      }
    .visual-romance .vr-slideshow .active .text .inner p{
      line-height: 20px; }
    .visual-romance .image:hover .caption, .visual-romance .image:focus .caption {
      opacity: 1;
      transition-delay: 250ms; }
    .visual-romance .image:hover:after, .visual-romance .image:focus:after {
      opacity: 0.9; }
    .visual-romance .image.enable-video:hover:after, .visual-romance .image.enable-video:focus:after {
      opacity: 0.7; }
    .visual-romance .image:hover img, .visual-romance .image:focus img, .visual-romance .image:hover video, .visual-romance .image:focus video  {
      opacity: 1;
      transform: scale(1); }
  @media (min-width: 768px) {
    .visual-romance .vr-slideshow {
      display: none; } }
  .visual-romance .vr-slideshow .slick-dots li.slick-active a {
    background-color: #e01e3c;
    border:.15px solid #fff}
  .visual-romance .vr-slideshow .slick-dots {
    margin-top: 18px;
    position: relative;
    bottom: 0;
    padding-bottom: 35px; }
  .visual-romance .vr-slideshow > div {
    position: relative;
    overflow: hidden; }
  .visual-romance .vr-slideshow .enable-video .slide-image {
    position: absolute; }
  .visual-romance .vr-slideshow .enable-image video.background {
    display: none; }
  .visual-romance .slide-image {
    position: relative;
    background-size: cover;
    background-position: center; }
    .visual-romance .slide-image:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 100%; }
  .visual-romance.module1 .col, .visual-romance.module2 .col {
    padding-left: 10px;
    padding-right: 10px; }
  .visual-romance.module1 .image, .visual-romance.module2 .image {
    margin-top: 10px;
    margin-bottom: 10px;
    float: left; }
  .visual-romance.module1 .leftcol, .visual-romance.module2 .leftcol {
    width: 33.33333%; }
    .visual-romance.module1 .leftcol .caption, .visual-romance.module2 .leftcol .caption {
      width: 75%; }
  .visual-romance.module1 .rightcol, .visual-romance.module2 .rightcol {
    width: 66.66667%; }
    .visual-romance.module1 .rightcol .caption, .visual-romance.module2 .rightcol .caption {
      width: 50%; }
      @media (min-width: 1200px) {
        .visual-romance.module1 .rightcol .caption, .visual-romance.module2 .rightcol .caption {
          width: 41.66667%; } }
  .visual-romance.module1 .vr-slideshow .text, .visual-romance.module2 .vr-slideshow .text, .visual-romance .vr-slideshow .text {
    display: none; }
  .visual-romance.without-slideshow.module1 .vr-slideshow > div, .visual-romance.without-slideshow.module2 .vr-slideshow > div, .visual-romance.without-slideshow.module2 .vr-slideshow > div {
    margin-bottom: 10px;
    overflow: hidden; }
    .visual-romance.without-slideshow .vr-slideshow .mobile-image.enable-video.active .text {
      opacity: 0.7; }
    .visual-romance.without-slideshow.module1 .vr-slideshow > div.not-touch:hover .text, .visual-romance.without-slideshow.module2 .vr-slideshow > div.not-touch:hover .text, .visual-romance.without-slideshow.module1 .vr-slideshow > div.active .text, .visual-romance.without-slideshow.module2 .vr-slideshow > div.active .text, .visual-romance.without-slideshow.module2 .vr-slideshow > div.not-touch:hover .text, .visual-romance.without-slideshow.module2 .vr-slideshow > div.active .text, .visual-romance.without-slideshow .vr-slideshow > div.active .text {
      opacity: 1; }
      .visual-romance.without-slideshow.module1 .vr-slideshow > div.not-touch:hover .text .inner, .visual-romance.without-slideshow.module2 .vr-slideshow > div.not-touch:hover .text .inner, .visual-romance.without-slideshow.module1 .vr-slideshow > div.active .text .inner, .visual-romance.without-slideshow.module2 .vr-slideshow > div.active .text .inner, .visual-romance.without-slideshow.module2 .vr-slideshow > div.not-touch:hover .text .inner, .visual-romance.without-slideshow.module2 .vr-slideshow > div.active .text .inner, .visual-romance.without-slideshow .vr-slideshow > div.active .text .inner {
        opacity: 1;
        transition-delay: 250ms; }
    .visual-romance.without-slideshow.module1 .vr-slideshow > div.not-touch:hover .slide-image, .visual-romance.without-slideshow.module2 .vr-slideshow > div.not-touch:hover .slide-image, .visual-romance.without-slideshow.module1 .vr-slideshow > div.active .slide-image, .visual-romance.without-slideshow.module2 .vr-slideshow > div.active .slide-image, .visual-romance.without-slideshow.module2 .vr-slideshow > div.not-touch:hover .slide-image, .visual-romance.without-slideshow.module2 .vr-slideshow > div.active .slide-image, .visual-romance.without-slideshow .vr-slideshow .mobile-image.enable-video.active video, .visual-romance.without-slideshow .vr-slideshow > div.active .slide-image {
      transform: scale(1); }
  .visual-romance.without-slideshow.module1 .vr-slideshow .slide-image, .visual-romance.without-slideshow.module2 .vr-slideshow .slide-image, .visual-romance.without-slideshow.module2 .vr-slideshow .slide-image, .visual-romance.without-slideshow .vr-slideshow .enable-video video, .visual-romance.without-slideshow .vr-slideshow .slide-image  {
    width: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transform: scale(1.05);
    transition: all 240ms cubic-bezier(0.555, 0.14, 0.205, 0.555); }
  .visual-romance.without-slideshow.module1 .vr-slideshow .text, .visual-romance.without-slideshow.module2 .vr-slideshow .text, .visual-romance.without-slideshow.module2 .vr-slideshow .text, .visual-romance.without-slideshow .vr-slideshow .text {
    transition: all 0.5s ease;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    /* easeOutQuint */
    display: block;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.9);
    opacity: 0;
    text-align: center; }
    .visual-romance.without-slideshow.module1 .vr-slideshow .text .inner, .visual-romance.without-slideshow.module2 .vr-slideshow .text .inner, .visual-romance.without-slideshow.module2 .vr-slideshow .text .inner, .visual-romance.without-slideshow .vr-slideshow .text .inner {
      transition: all 0.5s ease;
      transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      /* easeOutQuint */
      width: 100%;
      padding: 20px;
      color: #fff;
      opacity: 0; }
      .visual-romance.without-slideshow.module1 .vr-slideshow .text .inner h3, .visual-romance.without-slideshow.module2 .vr-slideshow .text .inner h3, .visual-romance.without-slideshow .vr-slideshow .text .inner h3 {
        color: #fff; }
  .visual-romance.module2 .vr-slideshow .text {
    display: none; }
   /*vr mobile changes*/
   .vr-slideshow .slick-active.show-text .text{
    position: absolute;
        z-index: 999;
        top: 50%;
        text-align: center;
        left: 50%;
        display:block;
        transform: translateY(-50%) translateX(-50%);

   }
   .vr-slideshow .slick-active.show-text .text h4{
   color:white;
   }
   .vr-slideshow .slick-active.show-text .text h3{
   color:white;
   }
   .vr-slideshow .slick-active.show-text .text h2{
   color:white;
   }
   .vr-slideshow .slick-active.show-text .text p{
   color:white;
   line-height:20px;
   }

   .vr-slideshow .slick-active.show-text .text h5{
   color:white;
   }

   .vr-slideshow .slick-active.show-text .text h6{
   color:white;
   }
   .vr-slideshow .slick-active.show-text{
    position : relative;
   }
   .vr-slideshow .slick-active.show-text .slide-image.disable-hover:before{
    background:none;
   }
   .vr-slideshow .slick-active.show-text .slide-image:before{
    background:black;
   }
  .visual-romance.module3 .container, .visual-romance.module4 .container, .visual-romance.module5 .container {
    max-width: initial;
    width: auto;
    padding: 0; }
  .visual-romance.module3 .image:after, .visual-romance.module4 .image:after, .visual-romance.module5 .image:after {
    top: 0;
    bottom: 0; }
  .visual-romance.module3 .leftcol, .visual-romance.module4 .leftcol, .visual-romance.module5 .leftcol {
    width: 58.33333%; }
    .visual-romance.module3 .leftcol .image, .visual-romance.module4 .leftcol .image, .visual-romance.module5 .leftcol .image {
      float: left; }
      .visual-romance.module3 .leftcol .image:nth-child(1), .visual-romance.module4 .leftcol .image:nth-child(1), .visual-romance.module5 .leftcol .image:nth-child(1), .visual-romance.module3 .leftcol .image:nth-child(2), .visual-romance.module4 .leftcol .image:nth-child(2), .visual-romance.module5 .leftcol .image:nth-child(2) {
        width: 50%; }
    .visual-romance.module3 .leftcol .image-wide, .visual-romance.module4 .leftcol .image-wide, .visual-romance.module5 .leftcol .image-wide {
      width: 100%; }
      .visual-romance.module3 .leftcol .image-wide .caption, .visual-romance.module4 .leftcol .image-wide .caption, .visual-romance.module5 .leftcol .image-wide .caption {
        width: 37.5%; }
    .visual-romance.module3 .leftcol .caption, .visual-romance.module4 .leftcol .caption, .visual-romance.module5 .leftcol .caption {
      width: 75%; }
  .visual-romance.module3 .rightcol, .visual-romance.module4 .rightcol, .visual-romance.module5 .rightcol {
    width: 41.66667%; }
    .visual-romance.module3 .rightcol .caption, .visual-romance.module4 .rightcol .caption, .visual-romance.module5 .rightcol .caption {
      width: 50%; }
  .visual-romance.module4 .image, .visual-romance.module5 .image {
    width: 50%;
    float: left; }
  .visual-romance.module5 .image.full {
    width: 100%; }
    .visual-romance.module5 .image.full .caption {
      width: 33.33333%; }

.visual-romance.module6 {
  padding: 0; }

.visual-romance.module6 .container {
  max-width: initial;
  width: auto;
  padding: 0; }

.visual-romance.module6 .leftcol {
  width: 33.33333%; }

.visual-romance.module6 .leftcol .caption {
  width: 75%; }

.visual-romance.module6 .rightcol {
  width: 66.66667%; }

.visual-romance.module6 .rightcol .caption {
  width: 50%; }

@media (min-width: 1200px) {
.visual-romance.module6 .rightcol .caption {
  width:41.66667%; } }

@media (min-width: 768px){
.visual-romance.module2.contained-reduced-width .container {
  width: 65%; } }
  @media (min-width: 1024px){
  .visual-romance.module2.contained-reduced-width .container {
    width: 50%; } }

.reviews, .all-reviews {
  background: #fff;
  padding: 40px 0 40px 0; }
  @media (min-width: 768px) {
    .reviews, .all-reviews {
      padding: 115px 0 100px 0; } }
  .all-reviews .container {
    padding: 0px 10px 40px 10px; }
    @media (min-width: 768px) {
      .all-reviews .container {
        padding: 0; } }
  .reviews .container{
    padding: 0 10px; }
    @media (min-width: 768px) {
      .reviews .container{
        padding: 0; } }
  .reviews .sort svg, .all-reviews .sort svg {
    display: inline-block;
    width: 11px;
    height: 7px;
    margin-left: 10px;
    margin-top: -5px; }
  .reviews select.rating-sort.sk-showing, .all-reviews select.rating-sort.sk-showing {
    opacity: 0 !important;
    font-size: 16px; }
  .reviews .selectboxit-container span, .all-reviews .selectboxit-container span {
    min-height: 0;
    line-height: 27px;
    display: block;
    padding-bottom: 0;
    padding-top: 2px; }
    @media (min-width: 1024px) {
      .reviews .selectboxit-container span, .all-reviews .selectboxit-container span {
        line-height: 34px;
        padding-top: 3px; } }
  .reviews .selectboxit-option-icon-container, .all-reviews .selectboxit-option-icon-container {
    display: none !important; }
  .reviews .selectboxit .selectboxit-arrow-container, .all-reviews .selectboxit .selectboxit-arrow-container {
    height: 100%;
    line-height: 8px;
    top: 1px;
    right: 10%;
    padding-top: 0; }
    .reviews .selectboxit .selectboxit-arrow-container .selectboxit-arrow, .all-reviews .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
      margin-top: -9px; }
  .reviews .selectboxit.selectboxit-open .selectboxit-arrow, .all-reviews .selectboxit.selectboxit-open .selectboxit-arrow {
    transform: rotate(180deg); }
  .reviews .selectboxit-container .selectboxit-options, .all-reviews .selectboxit-container .selectboxit-options {
    margin: 0 0 0 0px;
    border-radius: 0px;
    min-width: 220px !important;
    text-transform: uppercase;
    margin-top: 11px; }
    .reviews .selectboxit-container .selectboxit-options .selectboxit-option-anchor, .all-reviews .selectboxit-container .selectboxit-options .selectboxit-option-anchor {
      text-align: center;
      font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
      font-size: 1.125rem; }
  .reviews .selectboxit-selected .selectboxit-option-anchor, .all-reviews .selectboxit-selected .selectboxit-option-anchor {
    color: white;
    background: #1e1e1e; }
  .reviews .selectboxit-btn, .all-reviews .selectboxit-btn {
    display: inline-block;
    position: relative;
    font-size: 1rem;
    font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #1e1e1e;
    letter-spacing: 0.5px;
    border-color: #a7a6a6;
    border-width: 2px;
    border-radius: 50px;
    min-width: 220px;
    z-index: 1;
    cursor: pointer;
    vertical-align: middle;
    transition: color 240ms cubic-bezier(0.555, 0.14, 0.205, 0.555);
    padding: 0 37px 2px 30px;
    margin-right: 0px; }
    .reviews .selectboxit-btn .selectboxit-text, .all-reviews .selectboxit-btn .selectboxit-text {
      font-size: 1.125rem;
      text-align: center; }
      @media (max-width: 767px) {
        .reviews .selectboxit-btn .selectboxit-text, .all-reviews .selectboxit-btn .selectboxit-text {
          display: block;
          width: 100%;
          max-width: 1000px !important;
          text-align: center; } }
      @media (min-width: 768px) {
        .reviews .selectboxit-btn .selectboxit-text, .all-reviews .selectboxit-btn .selectboxit-text {
          width: 100%; } }
    .reviews .selectboxit-btn.selectboxit-open, .all-reviews .selectboxit-btn.selectboxit-open, .reviews .selectboxit-btn:hover, .all-reviews .selectboxit-btn:hover, .reviews .selectboxit-btn:focus, .all-reviews .selectboxit-btn:focus {
      background: #222021;
      border-color: #222021; }
      .reviews .selectboxit-btn.selectboxit-open .selectboxit-text, .all-reviews .selectboxit-btn.selectboxit-open .selectboxit-text,
      .reviews .selectboxit-btn.selectboxit-open .selectboxit-arrow, .all-reviews .selectboxit-btn.selectboxit-open .selectboxit-arrow, .reviews .selectboxit-btn:hover .selectboxit-text, .all-reviews .selectboxit-btn:hover .selectboxit-text,
      .reviews .selectboxit-btn:hover .selectboxit-arrow, .all-reviews .selectboxit-btn:hover .selectboxit-arrow, .reviews .selectboxit-btn:focus .selectboxit-text, .all-reviews .selectboxit-btn:focus .selectboxit-text,
      .reviews .selectboxit-btn:focus .selectboxit-arrow, .all-reviews .selectboxit-btn:focus .selectboxit-arrow {
        color: white; }
  .reviews .buttons .button, .all-reviews .buttons .button,
  .reviews .buttons .selectboxit-btn, .all-reviews .buttons .selectboxit-btn {
    font-size: 1.125rem; }
    @media (max-width: 767px) {
      .reviews .buttons .button, .all-reviews .buttons .button,
      .reviews .buttons .selectboxit-btn, .all-reviews .buttons .selectboxit-btn {
        width: 100% !important;
        text-align: center; } }
  .reviews .buttons .button, .all-reviews .buttons .button {
    min-width: 220px;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .reviews .buttons .button, .all-reviews .buttons .button {
        margin: 0 10px; } }
  @media (max-width: 767px) {
    .reviews .selectboxit-container, .all-reviews .selectboxit-container {
      width: 100% !important; } }
  @media (min-width: 768px) {
    .reviews .selectboxit-container, .all-reviews .selectboxit-container {
      margin: 0 10px; } }
  .reviews .rating-stars .star:not(.active) path:first-child, .all-reviews .rating-stars .star:not(.active) path:first-child, .reviews .rating-stars .star:not(.active) path:last-child, .all-reviews .rating-stars .star:not(.active) path:last-child {
    fill: #a7a6a6; }
  .reviews .rating-stars .star.half path:last-child, .all-reviews .rating-stars .star.half path:last-child, .hero-pdp .rating-stars .star.half path:last-child {
    fill: #e01e3c; }
  .reviews .heading, .all-reviews .heading {
    text-align: center;
    margin-bottom: 0px; }
    @media (min-width: 768px) {
      .reviews .heading, .all-reviews .heading {
        margin-bottom: 0px; } }
    .reviews .heading h3, .all-reviews .heading h3, .reviews .heading .h3, .all-reviews .heading .h3 {
      font-size: 2rem; }
      @media (min-width: 768px) {
        .reviews .heading h3, .all-reviews .heading h3, .reviews .heading .h3, .all-reviews .heading .h3 {
          font-size: 3rem; } }
    .reviews .heading .rating-stars, .all-reviews .heading .rating-stars {
      margin-bottom: 32px; }
      .reviews .heading .rating-stars .star, .all-reviews .heading .rating-stars .star {
        width: 21px;
        height: 21px;
        display: none; }
        @media (min-width: 768px) {
          .reviews .heading .rating-stars .star, .all-reviews .heading .rating-stars .star {
            display: inline-block; } }
      .reviews .heading .rating-stars .review-count, .all-reviews .heading .rating-stars .review-count {
        font-size: 14px;
        color: black; }
      .reviews .heading .rating-stars.mobile .star, .all-reviews .heading .rating-stars.mobile .star {
        display: inline-block; }
      @media (min-width: 768px) {
        .reviews .heading .rating-stars.mobile, .all-reviews .heading .rating-stars.mobile {
          display: none; } }
  .reviews .review, .all-reviews .review {
    border-top: solid 1px #bdbfc1;
    padding: 20px 0 30px 0;
    overflow: hidden; }
    @media (min-width: 768px) {
      .reviews .review, .all-reviews .review {
        margin-left: 8.33333%;
        width: 83.33333%;
        padding: 50px 0 50px 0; } }
    .reviews .review:last-child, .all-reviews .review:last-child {
      border-bottom: solid 1px #bdbfc1; }
    .reviews .review .rating-stars, .all-reviews .review .rating-stars {
      margin-bottom: 9px; }
      @media (min-width: 768px) {
        .reviews .review .rating-stars, .all-reviews .review .rating-stars {
          margin-bottom: 30px; } }
    .reviews .review h4, .all-reviews .review h4, .reviews .review .h4, .all-reviews .review .h4 {
      font-size: 1.25rem;
      margin-bottom: 22px; }
      @media (min-width: 768px) {
        .reviews .review h4, .all-reviews .review h4, .reviews .review .h4, .all-reviews .review .h4 {
          margin-bottom: 10px; } }
    .reviews .review .content, .all-reviews .review .content {
      padding: 0 10px; }
      .reviews .review .content p, .all-reviews .review .content p {
        color: #404040; }
      @media (min-width: 768px) {
        .reviews .review .content, .all-reviews .review .content {
          width: 60%;
          padding-right: 10%;
          display: inline-block;
          vertical-align: middle;
          border-right: solid 1px #bdbfc1;
          padding-left: 0; } }
    .reviews .review .useful, .all-reviews .review .useful {
      text-align: left;
      margin-top: 27px; }
      @media (min-width: 768px) {
        .reviews .review .useful, .all-reviews .review .useful {
          margin: 0; } }
      .reviews .review .useful h4, .all-reviews .review .useful h4, .reviews .review .useful .h4, .all-reviews .review .useful .h4 {
        /*display: none; */}
        @media (min-width: 768px) {
          .reviews .review .useful h4, .all-reviews .review .useful h4, .reviews .review .useful .h4, .all-reviews .review .useful .h4 {
            margin-bottom: 14px;
            display: block; } }
      .reviews .review .useful .button, .all-reviews .review .useful .button {
        font-size: 1.125rem; }
        @media (max-width: 767px) {
          .reviews .review .useful .button, .all-reviews .review .useful .button {
            width: 100%; }
            .reviews .review .useful .button:first-of-type, .all-reviews .review .useful .button:first-of-type {
              margin-bottom: 20px; } }
        @media (min-width: 1024px) {
          .reviews .review .useful .button, .all-reviews .review .useful .button {
            margin: 0 16px 0 0px; } }
        .reviews .review .useful .button .button-inner span:first-child, .all-reviews .review .useful .button .button-inner span:first-child {
          display: none; }
          @media (min-width: 768px) {
            .reviews .review .useful .button .button-inner span:first-child, .all-reviews .review .useful .button .button-inner span:first-child {
              display: block; } }
        .reviews .review .useful .button .button-inner span:last-child, .all-reviews .review .useful .button .button-inner span:last-child {
          display: block; }
          @media (min-width: 768px) {
            .reviews .review .useful .button .button-inner span:last-child, .all-reviews .review .useful .button .button-inner span:last-child {
              display: none; } }
      .reviews .review .useful .thank-you, .all-reviews .review .useful .thank-you {
        padding: 4px 0;
        text-align: left; }
      .reviews .review .useful .flag-innapropriate, .all-reviews .review .useful .flag-innapropriate {
        display: block;
        text-transform: uppercase;
        font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
        color: #222021;
        font-size: 1.125rem;
        margin-top: 17px; }
      .reviews .review .useful .arrow-link .icon, .all-reviews .review .useful .arrow-link .icon {
        display: none; }
        @media (min-width: 1024px) {
          .reviews .review .useful .arrow-link .icon, .all-reviews .review .useful .arrow-link .icon {
            display: inline-block;
            width: 5px;
            height: 5px;
            margin-left: 5px;
            margin-bottom: 4px; }
            .reviews .review .useful .arrow-link .icon path, .all-reviews .review .useful .arrow-link .icon path {
              fill: #000; }
            .reviews .review .useful .arrow-link .icon.icon-mobile, .all-reviews .review .useful .arrow-link .icon.icon-mobile {
              display: none !important; } }
      @media (min-width: 768px) {
        .reviews .review .useful, .all-reviews .review .useful {
          display: inline-block;
          vertical-align: middle;
          width: 30%;
          margin-left: 8.33333%; } }
    .reviews .review .meta, .all-reviews .review .meta {
      font-size: 0.8075rem;
      letter-spacing: -0.01em;
      font-weight: 500; }
      .reviews .review .meta span, .all-reviews .review .meta span {
        display: block;
        margin-bottom: 5px; }
        @media (min-width: 768px) {
          .reviews .review .meta span, .all-reviews .review .meta span {
            display: inline-block;
            border-right: solid 2px #8c8c8c;
            line-height: .9;
            padding-top: 1px;
            padding-right: 10px;
            padding-left: 10px;
            margin-bottom: 0; } }
        @media (min-width: 768px) {
          .reviews .review .meta span:first-child, .all-reviews .review .meta span:first-child {
            padding-left: 0; } }
        @media (min-width: 768px) {
          .reviews .review .meta span:nth-child(2), .all-reviews .review .meta span:nth-child(2) {
            padding-right: 0;
            width:90px;
            border: none; } }
        @media (min-width: 1200px) {
          .reviews .review .meta span:nth-child(2), .all-reviews .review .meta span:nth-child(2) {
            border-right: solid 2px #8c8c8c;
            padding-right: 10px; } }
        @media (min-width: 768px) {
          .reviews .review .meta span:last-child, .all-reviews .review .meta span:last-child {
            padding-right: 0;
            border: none;
            display: block;
            padding-left: 0; } }
        @media (min-width: 1200px) {
          .reviews .review .meta span:last-child, .all-reviews .review .meta span:last-child {
            display: inline-block;
            padding-left: 10px; } }
  .reviews .read-more-reviews, .all-reviews .read-more-reviews {
    text-transform: uppercase;
    color: #1e1e1e;
    font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .reviews .read-more-reviews, .all-reviews .read-more-reviews {
        margin-left: 8.33333%;
        width: 83.33333%;
        padding: 50px 0 0px 0; } }
    @media (max-width: 767px) {
      .reviews .read-more-reviews a, .all-reviews .read-more-reviews a {
        display: inline-block;
        position: relative;
        font-size: 1rem;
        font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
        text-transform: uppercase;
        text-align: center;
        color: #1e1e1e;
        letter-spacing: 0.03em;
        border: solid 2px  #a7a6a6;
        border-radius: 50px;
        width: 100%;
        height: 35px;
        line-height: 35px;
        z-index: 1;
        cursor: pointer;
        vertical-align: middle;
        margin-top: 40px; } }
    .reviews .read-more-reviews a .icon, .all-reviews .read-more-reviews a .icon {
      width: 5px;
      height: 5px;
      display: inline-block;
      position: relative;
      top: -4px;
      margin-left: 4px; }
      .reviews .read-more-reviews a .icon svg, .all-reviews .read-more-reviews a .icon svg {
        max-width: 100%; }
      @media (max-width: 767px) {
        .reviews .read-more-reviews a .icon, .all-reviews .read-more-reviews a .icon {
          display: none; } }

.all-reviews {
  background-color: transparent;
  padding: 0px 0 0px 0; }
  @media (min-width: 768px) {
    .all-reviews {
      padding: 0; } }
  @media (min-width: 768px) {
    .all-reviews .container {
      padding: 70px 0; } }
  @media (min-width: 1024px) {
    .all-reviews .support-container:last-of-type {
      padding: 80px 0 80px 0;
      margin-bottom: 0px;} }
  .all-reviews .heading {
    text-align: left; }
    .all-reviews .heading .rating-stars.mobile {
      display: none; }
    .all-reviews .heading .rating-stars .star {
      display: inline-block; }
    @media (min-width: 768px) {
      .all-reviews .heading h3, .all-reviews .heading .h3 {
        font-size: 1.4666666667rem; } }
    @media (min-width: 1024px) {
      .all-reviews .heading h3, .all-reviews .heading .h3 {
        font-size: 2rem; } }
    @media (min-width: 1200px) {
      .all-reviews .heading h3, .all-reviews .heading .h3 {
        font-size: 2.5rem; } }
    .all-reviews .heading .buttons .write-a-review {
      margin-left: 0;
      margin-right: 20px; }
    .all-reviews .heading .buttons .selectboxit-container {
      margin-right: 0;
      margin-left: 0; }
    @media (min-width: 768px) {
      .all-reviews .heading .buttons .button {
        margin-bottom: 10px; } }
    @media (min-width: 1024px) {
      .all-reviews .heading .buttons .button {
        margin-bottom: 0px; } }
  .all-reviews .image-wrapper img {
    width: 100%; }
  @media (min-width: 768px) {
    .all-reviews .image-wrapper {
      width: 25%;
      margin-left: 8.33333%;
      margin-right: 1%;
      display: inline-block;
      vertical-align: middle; } }
  @media (max-width: 767px) {
    .all-reviews .image-wrapper {
      margin-bottom: 5%; } }
  @media (min-width: 768px) {
    .all-reviews .title-wrapper {
      width: 58.33333%;
      display: inline-block;
      vertical-align: middle; } }
  .all-reviews .pagination {
    padding-top: 53px;
    border-top: solid 1px #bdbfc1; }
    @media (min-width: 768px) {
      .all-reviews .pagination {
        margin: 0 8.33333%; } }

.unboxing .product {
  position: relative;
  background: #fff;
  padding: 40px 0; }
  @media (min-width: 768px) {
    .unboxing .product {
      padding: 80px 0; } }
  @media (min-width: 1200px) {
    .unboxing .product {
      padding: 120px 0; } }
  .unboxing .product .container {
    padding-left: 10px;
    padding-right: 10px; }
    @media (min-width: 1200px) {
      .unboxing .product .container {
        padding-right: 0;
        padding-left: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        transform: translate3d(-50%, -50%, 0); } }
  @media (min-width: 768px) {
    .unboxing .product .content {
      float: left;
      width: 41.66667%;
      margin-left: 0%; } }
  @media (min-width: 1200px) {
    .unboxing .product .content {
      float: left;
      width: 33.33333%;
      margin-left: 8.33333%; } }
  .unboxing .product .content h2 {
    text-align: center; }
    @media (min-width: 768px) {
      .unboxing .product .content h2 {
        text-align: left; } }
  .unboxing .product .content ul, .unboxing .product .content ol {
    padding-left: 10px;
    padding-right: 10px; }
    .unboxing .product .content ul li, .unboxing .product .content ol li {
      color: #2e3030;
      font-weight: 700; }
    @media (min-width: 768px) {
      .unboxing .product .content ul, .unboxing .product .content ol {
        padding-left: 0px;
        padding-right: 0px; } }
  .unboxing .product .content .numberlist {
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: 14px;
    margin-bottom: 30px;
    font-size: 1.06666666666667rem; }
    @media (min-width: 768px) {
      .unboxing .product .content .numberlist {
        font-size: 0.875rem; } }
    .unboxing .product .content .numberlist li {
      margin-bottom: 15px;
      text-indent: -13px;
      padding-left: 26px; }
      @media (min-width: 768px) {
        .unboxing .product .content .numberlist li {
          margin-bottom: 12px; } }
  .unboxing .product .content span.num {
    display: inline-block;
    margin-right: 11px;
    font-size: 1.2rem;
    color: #a9adb0;
    font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: normal; }
  .unboxing .product .content .specs li {
    color: #a7a6a6;
    margin-bottom: 8px; }
  .unboxing .product .content .links {
    margin-top: 32px;
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .unboxing .product .content .links {
        border-top: solid 1px #e5e5e5;
        margin-top: 25px;
        padding-top: 35px;
        margin-bottom: 0; } }
    .unboxing .product .content .links ul {
      padding-left: 0;
      padding-right: 0; }
    @media (min-width: 768px) {
      .unboxing .product .content .links li {
        display: inline-block;
        position: relative;
        padding-right: 15px;
        margin-right: 13px; }
        .unboxing .product .content .links li:after {
          content: "";
          display: inline-block;
          position: absolute;
          top: 40%;
          transform: translateY(-50%);
          right: 0;
          height: 60%;
          border-right: solid 1px #a7a6a6; }
        .unboxing .product .content .links li:last-child {
          padding-right: 0px;
          margin-right: 0px; }
          .unboxing .product .content .links li:last-child:after {
            display: none; } }
    .unboxing .product .content .links li:last-child a {
      margin-bottom: 0; }
  .unboxing .product .image img {
    width: 100%; }
  @media (min-width: 768px) {
    .unboxing .product .image {
      width: 50%;
      float: right;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%); } }
  @media (min-width: 1200px) {
    .unboxing .product .image {
      position: relative;
      top: 0;
      transform: translateY(0%);
      -webkit-transform: translateY(0%); } }
  .unboxing .product.prod-right .image {
    padding-left: 20px; }
    @media (min-width: 768px) {
      .unboxing .product.prod-right .image {
        padding-left: 0; } }
  @media (min-width: 768px) {
    .unboxing .product.prod-left .content {
      margin-left: 58.33333%; } }
  @media (min-width: 1200px) {
    .unboxing .product.prod-left .content {
      float: left;
      width: 33.33333%;
      margin-left: 58.33333%; } }
  .unboxing .product.prod-left .image {
    padding-right: 20px; }
    @media (min-width: 768px) {
      .unboxing .product.prod-left .image {
        padding-right: 0;
        right: initial;
        left: 0;
        float: left; } }

.unboxing .arrow-link {
  color: #000; }
  @media (max-width: 767px) {
    .unboxing .arrow-link {
      width: 100%; } }
  @media (min-width: 768px) {
    .unboxing .arrow-link {
      letter-spacing: 0.05em;
      text-transform: uppercase;
      font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif; } }
  @media (min-width: 1024px) {
    .unboxing .arrow-link {
      letter-spacing: 0.025em; } }
  .unboxing .arrow-link .icon {
    display: none; }
    @media (min-width: 768px) {
      .unboxing .arrow-link .icon {
        display: inline-block;
        width: 5px;
        height: 5px;
        margin-left: 5px;
        margin-bottom: 4px; }
        .unboxing .arrow-link .icon path {
          fill: #000; }
        .unboxing .arrow-link .icon.icon-mobile {
          display: none !important; } }

.unboxing .product.prod-stopmotion {
  background: #e6e6e6; }
  @media (min-width: 768px) {
    .unboxing .product.prod-stopmotion {
      height: 200vw; } }
  @media (min-width: 768px) {
    .unboxing .product.prod-stopmotion .container {
      position: relative;
      left: initial;
      transform: none;
      top: 0 !important; } }
  .unboxing .product.prod-stopmotion .image {
    position: relative !important; }
    @media (min-width: 768px) {
      .unboxing .product.prod-stopmotion .image {
        position: relative;
        transform: none;
        display: inline-block;
        margin-left: -5px;
        vertical-align: top;
        float: none;
        width: 58.33333%; } }
    @media (min-width: 1024px) {
      .unboxing .product.prod-stopmotion .image {
        width: 50%;
        left: 8.33333%; } }
    .unboxing .product.prod-stopmotion .image img {
      position: relative;
      z-index: 0; }
      .unboxing .product.prod-stopmotion .image img:not(:first-child) {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }
      .unboxing .product.prod-stopmotion .image img.exiting {
        z-index: 1; }
      .unboxing .product.prod-stopmotion .image img.active {
        z-index: 2; }
  .unboxing .product.prod-stopmotion .content .numberlist {
    border-color: #adafb2; }
  .unboxing .product.prod-stopmotion .content .links {
    border-color: #adafb2; }
  @media (min-width: 768px) {
    .unboxing .product.prod-stopmotion .content {
      display: inline-block;
      vertical-align: top;
      float: none;
      width: 33.33333%;
      padding-right: 20px; } }

.unboxing .product.js-enabled .image img {
  opacity: 0; }
  .unboxing .product.js-enabled .image img:first-child, .unboxing .product.js-enabled .image img.active {
    opacity: 1; }

.tag-listing-load-more {
  padding: 70px 0 120px 0;
  text-align: center; }

.press-center .load-more {
  text-align: center;
  margin-bottom: 8.333333333%;
  padding-top: 4.166666667%; }

.press-center .press-kit {
  background-color: #fff;
  margin-bottom: 20px; }
  .press-center .press-kit .text-holder .inner {
    padding: 9.722222222% 6.954102921%; }
    @media (min-width: 768px) {
      .press-center .press-kit .text-holder .inner {
        padding: 0 6.954102921%; } }
  @media (min-width: 1200px) {
    .press-center .press-kit .button-holder {
      padding-top: 15px; } }
  .press-center .press-kit .date {
    margin-bottom: 15px; }

@media (min-width: 1024px) {
  .preference-center .h3 {
    font-size: 42px; } }

.preference-center .has-error, .preference-center .has-error + .control-indicator {
  border: 2px solid red; }

.preference-center fieldset {
  border: none;
  margin: 0;
  padding: 0; }

.preference-center input[type="text"],
.preference-center input[type="email"] {
  display: block;
  width: 100%;
  padding: 0 20px;
  line-height: 40px;
  font-size: 16px;
  font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
  color: #222021;
  font-weight: 500;
  background-color: #fafafa;
  max-width: 515px; }

.preference-center .group-label {
  font-size: 14px;
  display: block;
  font-weight: 500;
  color: #222021;
  line-height: 1;
  margin-bottom: 16px;
  padding-top: 20px; }

@media (min-width: 768px) {
  .preference-center .content-holder {
    margin-bottom: 20px; } }

.preference-center .form-group {
  margin-bottom: 40px; }
  @media (min-width: 768px) {
    .preference-center .form-group {
      margin-bottom: 60px; } }
  .preference-center .form-group p {
    max-width: 435px;
    font-size: 15px; }
  .preference-center .form-group hr {
    margin: 20px 0 0 0; }
    @media (min-width: 768px) {
      .preference-center .form-group hr {
        margin: 60px 0 0 0; } }

.preference-center .submit {
  text-align: center; }
  .preference-center .submit .button {
    width: 100%;
    margin-bottom: 20px;
    z-index: 1; }
    .preference-center .submit .button + .button {
      margin-left: 0; }
  @media (min-width: 768px) {
    .preference-center .submit {
      text-align: right; }
      .preference-center .submit .float-left {
        float: left; }
      .preference-center .submit .button {
        width: auto; }
        .preference-center .submit .button + .button {
          margin-left: 15px; } }
  @media (min-width: 1024px) {
    .preference-center .submit .button {
      min-width: 125px; } }

.preference-center .messages {
  margin-bottom: 40px; }
  @media (min-width: 768px) {
    .preference-center .messages {
      margin-bottom: 115px; } }

.preference-center .message {
  text-align: center;
  line-height: 60px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #1e1e1e;
  margin-bottom: 20px; }

.preference-center .message-success {
  background-color: #e9ffef; }

.preference-center .message-error {
  background-color: #ffe9e9; }

.preference-center .unsubscribe-all {
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .preference-center .unsubscribe-all .input-holder {
      display: -ms-flexbox;
      display: flex; }
    .preference-center .unsubscribe-all input[type="text"] {
      -ms-flex: 1;
          flex: 1;
      margin-right: 27px; } }

.about .hero {
  position: relative;
  background-color: #010101; }
  @media (max-width: 767px) {
    .about .hero {
      padding: 0 20px; } }
  .about .hero .foreground {
    position: relative;
    z-index: 99; }
    .about .hero .foreground .foreground-inner {
      padding-top: 20px;
      padding-bottom: 20px; }
      @media (min-width: 1024px) {
        .about .hero .foreground .foreground-inner {
          padding-top: 15.625%;
          padding-bottom: 13.54166667%; } }
  .about .hero .bg {
    width: 100%;
    width: calc(100% - -40px);
    padding-bottom: 80.58139535%;
    margin: 0 0 -30% -20px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; }
    @media (min-width: 1024px) {
      .about .hero .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        z-index:99;} }
  .about .hero .mask {
    z-index: 10;
    background-color: #222021; }
  .about .hero .push-left {
    max-width: 400px; }
    @media (min-width: 1024px) {
      .about .hero .push-left {
        margin-left: 8.33333%;
        max-width: 500px; } }
    @media (min-width: 1600px) {
      .about .hero .push-left {
        max-width: 580px; } }
  @media (max-width: 767px) {
    .about .hero h1 {
      font-size: 50px; } }
  @media (min-width: 1024px) {
    .about .hero h1 {
      margin: 0 0 40px 0; } }
  .about .hero h3 {
    font-size: 20px; }
    .about .hero h3 + p {
      color: #959595;
      line-height: 1.6; }
      @media (min-width: 1024px) {
        .about .hero h3 + p {
          font-size: 20px; } }
  .about .hero .prompt {
    z-index: 2;
    width: 58px;
    margin: 0 0 13px 0;
    cursor: pointer;
    left: 50%;
    margin-left: -29px; }
    .about .hero .prompt img,
    .about .hero .prompt svg {
      width: 100%;
      padding: 20px; }

.about .content-holder {
  line-height: 1.6;
  padding: 0;
  background-color: #f4f4f4;
  margin-bottom: 0; }
  @media (min-width: 1024px) {
    .about .content-holder {
      font-size: 20px; } }
  .about .content-holder .container {
    max-width: 700px; }
    @media (max-width: 567px) {
      .about .content-holder .container {
        padding: 0 20px; } }
  .about .content-holder .container-wide {
    max-width: 1180px; }
  .about .content-holder .media-wrapper {
    position: relative;
    margin: 6.355932203% auto 7.627118644% auto; }
    .about .content-holder .media-wrapper img {
      margin: 0 auto; }
  .about .content-holder figure {
    margin: 0; }
  .about .content-holder figcaption {
    font-size: 12px;
    font-weight: 500;
    color: #a7a6a6;
    margin-top: 17px; }

.about p.title {
  color: #222021;
  font-weight: 500;
  margin-bottom: 0.5em; }

.about q {
  display: block;
  font-size: 20px;
  line-height: 1.2;
  color: #222021;
  font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  margin: 20px 0 10px 0; }
  .about q:before, .about q:after {
    display: none !important; }
  @media (min-width: 1024px) {
    .about q {
      font-size: 30px; } }
  @media (min-width: 1600px) {
    .about q {
      position: absolute;
      top: 0;
      right: 100%;
      text-align: right;
      padding-right: 60px;
      width: 360px;
      font-size: 40px; } }

.about .quote-holder {
  position: relative; }

.about .full-width-quote {
  position: relative;
  margin-bottom: 6.976744186%; }
  .about .full-width-quote .bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .about .full-width-quote figure {
    background-position: right center;
    background-repeat: no-repeat;
    background-color: black; }
  .about .full-width-quote blockquote {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    border: none;
    color: #fff;
    margin: 0 auto;
    padding: 145px 0; }
    @media (max-width: 767px) {
      .about .full-width-quote blockquote {
        padding: 50px 40px; } }
    .about .full-width-quote blockquote p {
      max-width: 715px;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 1023px) {
        .about .full-width-quote blockquote p {
          max-width: 500px; } }

.about blockquote {
  margin: 0 0 40px 0;
  border: solid #444444;
  border-width: 1px 0;
  font-size: 20px;
  line-height: 1.3;
  text-transform: uppercase;
  font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
  padding: 45px 0 30px 0; }
  @media (min-width: 1024px) {
    .about blockquote {
      font-size: 30px; } }
  @media (min-width: 1200px) {
    .about blockquote {
      font-size: 40px;
      margin: 0 0 80px 0; } }
  .about blockquote p {
    margin: 0; }
  .about blockquote .cite {
    margin-top: 15px; }
  .about blockquote .cite, .about blockquote cite {
    font-style: normal;
    font-size: 12px;
    font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
    text-transform: none;
    font-weight: 500; }

.about .image-grid {
  margin: 20px auto;
  text-align: center; }
  .about .image-grid .image-wrapper {
    margin-bottom: 20px; }
    .about .image-grid .image-wrapper img {
      width: 100%; }
  @media (min-width: 568px) {
    .about .image-grid {
      width: 85%; } }
  @media (min-width: 768px) {
    .about .image-grid {
      white-space: nowrap;
      font-size: 0;
      margin: 65px auto 75px auto;
      width: auto; }
      .about .image-grid .image-wrapper {
        display: inline-block;
        margin-bottom: 0; }
        .about .image-grid .image-wrapper + .image-wrapper {
          margin-left: 20px; } }
  @media (min-width: 1600px) {
    .about .image-grid {
      max-width: 700px; } }

.about .quote-xl {
  background-color: #fff; }
  @media (max-width: 767px) {
    .about .quote-xl {
      display: block; } }
  .about .quote-xl .icon {
    margin-top: -10px;
    margin-bottom: 35px; }
    @media (min-width: 768px) {
      .about .quote-xl .icon {
        margin-top: 0;
        margin-bottom: 55px; } }
  .about .quote-xl blockquote {
    color: #222021;
    border: none;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    max-width: 405px; }
  .about .quote-xl .cite, .about .quote-xl cite {
    margin-top: 30px; }
    @media (min-width: 768px) {
      .about .quote-xl .cite, .about .quote-xl cite {
        font-size: 18px;
        margin-top: 50px; } }

.about .video-wrapper {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .about .video-wrapper {
      margin-top: 60px; } }
  @media (min-width: 1024px) {
    .about .video-wrapper {
      margin-top: 120px; } }

.beats-audio .hero {
  margin-bottom: 0;
  position: relative;
  background-color: #010101; }
  @media (max-width: 767px) {
    .beats-audio .hero {
      padding: 0 15px; } }
  @media (min-width: 768px) {
    .beats-audio .hero {
      position: relative; }
      .beats-audio .hero:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 63.0814%; } }
  @media (min-width: 1024px) {
    .beats-audio .hero {
      height: 100vh;
      margin-top: -80px !important; } }
  .beats-audio .hero .foreground {
    z-index: 1; }
    .beats-audio .hero .foreground .foreground-inner {
      padding-top: 20px;
      padding-bottom: 20px; }
      @media (min-width: 768px) {
        .beats-audio .hero .foreground .foreground-inner {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          transform: translateY(-50%) translateZ(0);
          max-width: 1700px;
          z-index:99;} }
  .beats-audio .hero .bg {
    margin: 0;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index:99;}
    @media (max-width: 767px) {
      .beats-audio .hero .foreground .foreground-inner {
        position: relative;
        z-index: 999;} }
  .beats-audio .hero .mask {
    z-index: 10;
    background-color: #222021; }
  .beats-audio .hero .push-left {
    max-width: 400px; }
    @media (min-width: 1024px) {
      .beats-audio .hero .push-left {
        margin-left: 8.33333%;
        max-width: 500px; } }
    @media (min-width: 1600px) {
      .beats-audio .hero .push-left {
        max-width: 580px; } }
  @media (min-width: 1024px) {
    .beats-audio .hero h1 {
      margin: 0 0 40px 0; } }
  .beats-audio .hero h1 sup {
    font-size: 15px;
    position: relative;
    vertical-align: top; }
  .beats-audio .hero h3, .beats-audio .hero .h3 {
    font-size: 20px;
    color: #fff; }
    .beats-audio .hero h3 + p, .beats-audio .hero .h3 + p {
      color: #959595;
      line-height: 1.6; }
      @media (min-width: 1024px) {
        .beats-audio .hero h3 + p, .beats-audio .hero .h3 + p {
          font-size: 20px; } }
  .beats-audio .hero .prompt {
    z-index: 2;
    width: 58px;
    margin: 0 0 13px 0;
    cursor: pointer;
    left: 50%;
    margin-left: -29px; }
    .beats-audio .hero .prompt img,
    .beats-audio .hero .prompt svg {
      width: 100%;
      padding: 20px; }

.beats-audio .section-title {
  margin-bottom: 50px; }
  .beats-audio .section-title h2 {
    margin-bottom: 4px; }
  .beats-audio .section-title p {
    font-size: 0.9375rem; }

.beats-audio .content-holder {
  line-height: 1.6;
  padding: 0;
  padding-top: 0px !important;
  background-color: #f4f4f4;
  margin-bottom: 0; }
  @media (min-width: 1024px) {
    .beats-audio .content-holder {
      font-size: 20px; } }
  .beats-audio .content-holder .container {
    max-width: 700px; }
    @media (max-width: 567px) {
      .beats-audio .content-holder .container {
        padding: 0 15px; } }
  .beats-audio .content-holder .container-wide {
    margin: 0 auto; }
  .beats-audio .content-holder .video-wrapper {
    margin: 0; }
  .beats-audio .content-holder .media-wrapper {
    position: relative;
    margin: 0 auto; }
    @media (max-width: 1633px) {
      .beats-audio .content-holder .media-wrapper {
        padding-left: 60px;
        padding-right: 60px; } }
    .beats-audio .content-holder .media-wrapper img {
      margin: 0 auto;
      width: 100%; }
  .beats-audio .content-holder figure {
    margin: 0; }

.beats-audio .block, .beats-audio .hero-standard, .beats-audio .about .quote-xl, .about .beats-audio .quote-xl, .beats-audio .hero {
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 0; }
  @media (min-width: 768px) {
    .beats-audio .block, .beats-audio .hero-standard, .beats-audio .about .quote-xl, .about .beats-audio .quote-xl, .beats-audio .hero {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (min-width: 1024px) {
    .beats-audio .block, .beats-audio .hero-standard, .beats-audio .about .quote-xl, .about .beats-audio .quote-xl, .beats-audio .hero {
      padding-top: 120px;
      padding-bottom: 120px; } }
  .beats-audio .block.dark, .beats-audio .dark.hero-standard, .beats-audio .about .dark.quote-xl, .about .beats-audio .dark.quote-xl, .beats-audio .dark.hero {
    background-color: #f4f4f4; }
  .beats-audio .block.light, .beats-audio .light.hero-standard, .beats-audio .about .light.quote-xl, .about .beats-audio .light.quote-xl, .beats-audio .light.hero {
    background-color: #ffffff; }

.beats-audio p.title {
  color: #222021;
  font-weight: 500;
  margin-bottom: 0.5em; }

.beats-audio .full-width-quote {
  position: relative; }
  .beats-audio .full-width-quote .bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .beats-audio .full-width-quote blockquote {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    border: none;
    color: #fff;
    margin: 0 auto;
    padding: 145px 0; }
    @media (max-width: 767px) {
      .beats-audio .full-width-quote blockquote {
        padding: 50px 40px; } }
    .beats-audio .full-width-quote blockquote p {
      max-width: 715px;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 1023px) {
        .beats-audio .full-width-quote blockquote p {
          max-width: 500px; } }

.beats-audio blockquote {
  margin: 0 0 40px 0;
  border: solid #444444;
  border-width: 1px 0;
  font-size: 20px;
  line-height: 1.3;
  text-transform: uppercase;
  font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
  padding: 45px 0 30px 0; }
  @media (min-width: 1024px) {
    .beats-audio blockquote {
      font-size: 30px; } }
  @media (min-width: 1200px) {
    .beats-audio blockquote {
      font-size: 40px;
      margin: 0 0 80px 0; } }
  .beats-audio blockquote p {
    margin: 0; }
  .beats-audio blockquote .cite {
    margin-top: 15px; }
  .beats-audio blockquote .cite, .beats-audio blockquote cite {
    font-style: normal;
    font-size: 12px;
    font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
    text-transform: none;
    font-weight: 500; }

.beats-audio .audio-partnership {
  padding-left: 20px;
  padding-right: 20px; }
  .beats-audio .audio-partnership .item {
    text-align: center;
    margin-top: 100px; }
    @media (min-width: 768px) {
      .beats-audio .audio-partnership .item {
        margin-top: 125px;
        text-align: left; } }
    @media (min-width: 1024px) {
      .beats-audio .audio-partnership .item {
        margin-top: 250px; } }
    .beats-audio .audio-partnership .item:first-child {
      margin-top: 40px; }
      @media (min-width: 768px) {
        .beats-audio .audio-partnership .item:first-child {
          margin-top: 90px; } }
      @media (min-width: 1024px) {
        .beats-audio .audio-partnership .item:first-child {
          margin-top: 180px; } }
    .beats-audio .audio-partnership .item h4, .beats-audio .audio-partnership .item .h4 {
      font-size: 1.125rem; }
    .beats-audio .audio-partnership .item .text {
      width: 100%;
      float: left;
      position: relative; }
      .beats-audio .audio-partnership .item .text .emblem {
        margin-bottom: 21px;
        text-align: center; }
        .beats-audio .audio-partnership .item .text .emblem img {
          display: inline-block; }
        @media (min-width: 768px) {
          .beats-audio .audio-partnership .item .text .emblem {
            text-align: left; } }
      .beats-audio .audio-partnership .item .text p {
        font-size: 0.875rem; }
      .beats-audio .audio-partnership .item .text .button {
        margin-top: 30px; }
        @media (max-width: 767px) {
      .beats-audio .audio-partnership .item .text .switch-button-position {
        margin-top: 70%; }}
      @media (min-width: 768px) {
        .beats-audio .audio-partnership .item .text {
          width: 33.33333%; } }
      @media (min-width: 1024px) {
        .beats-audio .audio-partnership .item .text {
          width: 25%; } }
    .beats-audio .audio-partnership .item .image {
      width: 100%;
      float: left;
      position: relative;
      margin-top: 40px; }
      @media (max-width: 767px) {
        .beats-audio .audio-partnership .item .switch-image-position {
          margin-top: -80%; } }
      .beats-audio .audio-partnership .item .image img {
        width: 100%;
        position: relative;
        z-index: 2; }
      @media (min-width: 768px) {
        .beats-audio .audio-partnership .item .image {
          width: 50%;
          margin-top: 0px; } }
    @media (min-width: 768px) {
      .beats-audio .audio-partnership .item.image-right .text {
        margin-left: 8.33333%; } }
    @media (min-width: 1024px) {
      .beats-audio .audio-partnership .item.image-right .text {
        margin-left: 16.66667%; } }
    @media (min-width: 768px) {
      .beats-audio .audio-partnership .item.image-right .image {
        margin-left: 8.33333%; } }
    @media (min-width: 768px) {
      .beats-audio .audio-partnership .item.image-left .text {
        left: 58.33333%; } }
    @media (min-width: 768px) {
      .beats-audio .audio-partnership .item.image-left .image {
        right: 33.33333%; } }
    @media (min-width: 1024px) {
      .beats-audio .audio-partnership .item.image-left .image {
        right: 25%; } }
    .beats-audio .audio-partnership span.button-inner {
    transition: color 0.35s ease-out; }

.support-tiles .tile {
  overflow-y: auto;
  overflow-x: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

@media (max-width: 767px) {
  .support-mobile-buttons, .search-more-wrapper.support-container .links ul a, .unboxing .arrow-link, .support-container .links ul a {
    border: solid 2px #a7a6a6;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    border-radius: 50px;
    min-width: 220px;
    font-size: 1rem;
    font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    vertical-align: middle;
    padding: 6px 10px 0px 10px;
    margin-bottom: 20px; } }

.content-narrow {
  margin-left: 10px;
  margin-right: 10px; }
  @media (min-width: 768px) {
    .content-narrow {
      width: 50%;
      margin-left: 25%; } }

.content-wide {
  margin-left: 10px;
  margin-right: 10px; }
  @media (min-width: 768px) {
    .content-wide {
      width: 66.66667%;
      margin-left: 16.66667%; } }

.warranty .intro p {
  font-size: 0.9375rem; }
  @media (min-width: 768px) {
    .warranty .intro p {
      font-size: 1.25rem; } }

@media (max-width: 767px) {
  .warranty h3, .warranty .h3 {
    font-size: 1.5rem; } }

.mobile-support-nav {
  height: 50px;
  background-color: #f7f7f7;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #dedede;
  margin-top:50px;
  }
  @media (max-width: 767px) {
    .mobile-support-nav {
      display: block !important; } }
  @media (min-width: 768px) {
    .mobile-support-nav {
      display: none; } }
  .mobile-support-nav button {
    box-shadow: none; }
  .mobile-support-nav .nav-breadcrumb {
    margin-left: 48px;
    margin-right: 48px;
    padding: 2px 20px 0 20px;
    text-align: center;
    line-height: 45px;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;
    font-size: 0.8rem; }
    .mobile-support-nav .nav-breadcrumb span:last-child {
      color: #2e3030; }
    .mobile-support-nav .nav-breadcrumb sup {
      margin-top: -4px;
      display: inline-block; }

.support .mobile-nav:not(.mobile-support-nav), .flag-innapropriate-modal .mobile-nav:not(.mobile-support-nav), .review-process .mobile-nav:not(.mobile-support-nav) {
  /*display: none !important;*/ }

@media (max-width: 767px) {
  .support .nav-spacer, .flag-innapropriate-modal .nav-spacer, .review-process .nav-spacer {
    height: 46px; } }

.support-container {
  background: #fff;
  padding: 40px 0 40px 0;
  position: relative;
  margin-bottom: 0px; }
  @media (max-width: 767px) {
    .support-container .heading h3 {
      font-size: 1.6rem; } }
  @media (max-width: 767px) {
    .support-container .heading p {
      letter-spacing: 0.025rem; } }
  @media (min-width: 768px) {
    .support-container:last-of-type {
      margin-bottom: 75px; } }
  @media (min-width: 1024px) {
    .support-container:last-of-type {
      margin-bottom: 75px;
      padding: 80px 0 80px 0; } }
  @media (min-width: 768px) {
    .support-container {
      padding: 70px 0;
      margin-bottom: 20px; } }
  @media (min-width: 1024px) {
    .support-container {
      padding: 120px 0 100px 0; } }
  @media (max-width: 767px) {
    .support-container .intro h2,
    .support-container .intro h3,
    .support-container .intro p {
      text-align: center; } }
  .support-container .prod-heading h2, .support-container .h2 {
    font-size: 1.875rem; }
    @media (min-width: 768px) {
      .support-container .prod-heading h2, .support-container .h2 {
        font-size: 2.25rem; } }
    @media (min-width: 1024px) {
      .support-container .prod-heading h2, .support-container .h2 {
        font-size: 3.1rem; } }
  .support-container .links ul {
    text-align: center; }
    @media (min-width: 768px) {
      .support-container .links ul {
        text-align: left; } }
    @media (min-width: 768px) {
      .support-container .links ul li {
        display: inline-block;
        position: relative;
        padding-right: 30px;
        margin-right: 30px; }
        .support-container .links ul li:after {
          content: "";
          display: inline-block;
          position: absolute;
          position: absolute;
          top: 0;
          right: 0;
          height: 86%;
          border-right: solid 1px #a7a6a6; }
        .support-container .links ul li:last-child {
          padding-right: 0px;
          margin-right: 0px; }
          .support-container .links ul li:last-child:after {
            display: none; } }
    .support-container .links ul li:last-child a {
      margin-bottom: 0; }
    .support-container .links ul a {
      color: #222021; }
      @media (max-width: 767px) {
        .support-container .links ul a {
          margin-bottom: 10px; } }

.support .breadcrumb, .flag-innapropriate-modal .breadcrumb, .review-process .breadcrumb {
  z-index: 1;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 33px;
  font-size: 0.875rem; }
  .support .breadcrumb .button, .flag-innapropriate-modal .breadcrumb .button, .review-process .breadcrumb .button {
    float: left;
    padding: 0 0 0 0;
    line-height: 22px;
    font-size: 0.875rem;
    color: #848484;
    background-color: #fbfbfb;
    border: solid 1px #e5e5e5; }
    .support .breadcrumb .button .button-inner, .flag-innapropriate-modal .breadcrumb .button .button-inner, .review-process .breadcrumb .button .button-inner {
      padding: 6px 20px 0 20px; }
    .support .breadcrumb .button .icon, .flag-innapropriate-modal .breadcrumb .button .icon, .review-process .breadcrumb .button .icon {
      margin: 0 8px 4px 0; }
      .support .breadcrumb .button .icon svg, .flag-innapropriate-modal .breadcrumb .button .icon svg, .review-process .breadcrumb .button .icon svg {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg); }
        .support .breadcrumb .button .icon svg path, .flag-innapropriate-modal .breadcrumb .button .icon svg path, .review-process .breadcrumb .button .icon svg path {
          fill: #848484; }
    .support .breadcrumb .button:after, .flag-innapropriate-modal .breadcrumb .button:after, .review-process .breadcrumb .button:after {
      display: none; }
    .support .breadcrumb .not-touch.button:hover, .flag-innapropriate-modal .breadcrumb .not-touch.button:hover, .review-process .breadcrumb .not-touch.button:hover {
      color: white; }
      .support .breadcrumb .button:hover .icon svg path, .flag-innapropriate-modal .breadcrumb .button:hover .icon svg path, .review-process .breadcrumb .button:hover .icon svg path {
        fill: white; }
  .support .breadcrumb ul, .flag-innapropriate-modal .breadcrumb ul, .review-process .breadcrumb ul {
    width: 83.33333%;
    margin-left: 8.33333%;
    text-align: center; }
  .support .breadcrumb li, .flag-innapropriate-modal .breadcrumb li, .review-process .breadcrumb li {
    display: inline-block;
    color: #a7a6a6;
    font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
    text-transform: none;
    margin-right: 0;
    float: none; }
    .support .breadcrumb li:after, .flag-innapropriate-modal .breadcrumb li:after, .review-process .breadcrumb li:after {
      content: "-";
      margin: 0 3px 0 8px; }
    .support .breadcrumb li:last-child:after, .flag-innapropriate-modal .breadcrumb li:last-child:after, .review-process .breadcrumb li:last-child:after {
      display: none; }
    .support .breadcrumb li a, .flag-innapropriate-modal .breadcrumb li a, .review-process .breadcrumb li a,
    .support .breadcrumb li span, .flag-innapropriate-modal .breadcrumb li span, .review-process .breadcrumb li span {
      color: #a7a6a6;
      line-height: 30px;
      font-size: 0.875rem;
      font-weight: 500; }
    .support .breadcrumb li:last-child a, .flag-innapropriate-modal .breadcrumb li:last-child a, .review-process .breadcrumb li:last-child a,
    .support .breadcrumb li:last-child span, .flag-innapropriate-modal .breadcrumb li:last-child span, .review-process .breadcrumb li:last-child span {
      color: #161616; }

.support .symbol-icon, .flag-innapropriate-modal .symbol-icon, .review-process .symbol-icon {
  display: none; }
  @media (min-width: 768px) {
    .support .symbol-icon, .flag-innapropriate-modal .symbol-icon, .review-process .symbol-icon {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 4px;
      margin-bottom: -4px; }
      .support .symbol-icon path.st0, .flag-innapropriate-modal .symbol-icon path.st0, .review-process .symbol-icon path.st0 {
        fill: #e01e3c; }
      .support .symbol-icon path.st1, .flag-innapropriate-modal .symbol-icon path.st1, .review-process .symbol-icon path.st1 {
        fill: #1f1f1f; } }

.support .modal-back, .review-process .modal-back {
  height: 100%; }

.support .modal-close, .flag-innapropriate-modal .modal-close, .review-process .modal-close {
  width: 27px;
  height: 27px;
  z-index: 10 !important;
  background-color: #000;
  margin: 10px 10px 0 0;
  cursor: pointer;
  padding: 14px;
  min-width: 0; }
  .support .modal-close svg, .flag-innapropriate-modal .modal-close svg, .review-process .modal-close svg {
    width: 12px; }
    .support .modal-close svg path, .flag-innapropriate-modal .modal-close svg path, .review-process .modal-close svg path {
      fill: white;
      stroke: white;
      stroke-width: 1.25px; }
  @media (min-width: 768px) {
    .support .modal-close, .flag-innapropriate-modal .modal-close, .review-process .modal-close {
      margin: -20px -10px 0 0;
      width: 40px;
      height: 40px; }
      }

@media (max-width: 767px) {
  .support .support-container .modal-close, .flag-innapropriate-modal .support-container .modal-close, .review-process .support-container .modal-close {
    display: none; } }

.support h3.arrow-link:after, .flag-innapropriate-modal h3.arrow-link:after, .review-process h3.arrow-link:after {
  display: none !important; }

.arrow-link {
  color: #000;
  position: relative; }
  .arrow-link:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;

    left: 0;
    height: 0;
    border-bottom: 2px solid;
    width: 100%;
    width: calc(100% - 14px);
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left center;
    transition: all 240ms cubic-bezier(0.215, 0.04, 0.065, 0.95); }
    .supportContent .arrow-link.custom-arrow-link-browser:after{
    position:relative;
    }
    .max-text-link:hover:after, .max-text-link:focus:after, .content .max-text-link:after{
      opacity:0;
      display:none !important;
    }
    .max-text-link:hover{
    border-bottom:2px solid;

    }
  .arrow-link:hover:after, .arrow-link:focus:after {
    opacity: 1;
    transform: scaleX(1); }
  @media (min-width: 1024px) {
    .arrow-link {
      letter-spacing: 0.05em;
      text-transform: uppercase;
      font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif; } }
  @media (min-width: 1024px) {
    .arrow-link {
      letter-spacing: 0.025em;
      line-height:1.5em;} }
  .arrow-link .icon {
    display: none; }
    @media (min-width: 1024px) {
      .arrow-link .icon {
        display: inline-block;
        width: 5px;
        height: 5px;
        margin-left: 5px;
        margin-bottom: 4px; }
        .arrow-link .icon path {
          fill: #000; }
        .arrow-link .icon.icon-mobile {
          display: none !important; } }

.support #sharing-anchor, .flag-innapropriate-modal #sharing-anchor, .review-process #sharing-anchor {
  height: 0; }

.support-feedback, .related-questions {
  border-top: solid 1px #dedfe0;
  padding: 40px 0;
  text-align: center; }
  @media (min-width: 768px) {
    .support-feedback, .related-questions {
      padding: 60px 0; } }
  .support-feedback .inner, .related-questions .inner {
    width: 100%; }
    @media (min-width: 768px) {
      .support-feedback .inner, .related-questions .inner {
        width: 58.33333%;
        margin-left: 20.83333%; } }
  .support-feedback h4, .related-questions h4, .support-feedback .h4, .related-questions .h4 {
    font-size: 1.25rem;
    padding-top: 0px;
    margin-bottom: 1rem; }
  .support-feedback #thankyou, .related-questions #thankyou {
    margin-bottom: -7px; }
  .support-feedback .button, .related-questions .button {
    margin-top: 19px; }
    @media (min-width: 768px) {
      .support-feedback .button, .related-questions .button {
        margin-top: 0; } }
  @media (min-width: 768px) {
    .support-feedback .button + .button, .related-questions .button + .button {
      margin-left: 20px;
      margin-top: 0; } }
  .support-feedback form, .related-questions form {
    padding: 0 30px; }
  .support-feedback textarea, .related-questions textarea {
    width: 100%;
    height: 200px;
    padding: 20px;
    background: #f9f9f9;
    border: solid 1px #e9e9ea;
    margin: 0 auto 20px auto;
    resize: none;
    font-weight: 500;
    box-sizing: border-box; }
  .support-feedback ::-webkit-input-placeholder, .related-questions ::-webkit-input-placeholder {
    color: #cbcbcb; }
  .support-feedback :-moz-placeholder, .related-questions :-moz-placeholder {
    /* Firefox 18- */
    color: #cbcbcb; }
  .support-feedback ::-moz-placeholder, .related-questions ::-moz-placeholder {
    /* Firefox 19+ */
    color: #cbcbcb; }
  .support-feedback :-ms-input-placeholder, .related-questions :-ms-input-placeholder {
    color: #cbcbcb; }

.related-questions {
  text-align: center;
  padding-bottom: 0; }
  .related-questions li:last-child {
    margin-bottom: 0; }
  .related-questions h4 {
    margin-bottom: 1.5rem; }
  .related-questions h5, .related-questions .h5, .related-questions .article .article-footer .tags h2, .article .article-footer .tags .related-questions h2 {
    margin-bottom: 1em;
    font-size: 1rem;
    color: #a7a6a6; }
    .related-questions h5 a, .related-questions .h5 a, .related-questions .article .article-footer .tags h2 a, .article .article-footer .tags .related-questions h2 a {
      display: block !important; }

.support .steps .step .count, .flag-innapropriate-modal .steps .step .count, .review-process .steps .step .count {
  width: 12.5%;
  float: left;
  text-align: right;
  font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 1.5625rem;
  color: #dfdfdf;
  padding-right: 20px; }
  @media (min-width: 768px) {
    .support .steps .step .count, .flag-innapropriate-modal .steps .step .count, .review-process .steps .step .count {
      font-size: 30px; } }

.support .steps .step h4, .flag-innapropriate-modal .steps .step h4, .review-process .steps .step h4, .support .steps .step .h4, .flag-innapropriate-modal .steps .step .h4, .review-process .steps .step .h4 {
  font-size: 1rem;
  padding-top: 7px;
  margin-bottom: 1rem;
  font-weight: 500;
  line-height: 1.25; }
  @media (min-width: 768px) {
    .support .steps .step h4, .flag-innapropriate-modal .steps .step h4, .review-process .steps .step h4, .support .steps .step .h4, .flag-innapropriate-modal .steps .step .h4, .review-process .steps .step .h4 {
      font-size: 1.25rem;
      padding-top: 15px;
      font-weight: 700;
      line-height: 1; } }

.support .steps .step ul li, .flag-innapropriate-modal .steps .step li, .review-process .steps .step li {
  list-style: none;
  padding-left: 28px !important;
  position: relative;
  margin-bottom: 0.7rem; }

  .support .steps .step ol li {
    padding-left: 10px;
    margin-left: 20px;
    margin-bottom: 0.7rem; }

.support .steps .step ul li:before, .flag-innapropriate-modal .steps .step li:before, .review-process .steps .step li:before, .support .steps .step ul li:after, .flag-innapropriate-modal .steps .step li:after, .review-process .steps .step li:after, .accordion-wrapper .desktop-accordion .content ul li:before, .accordion-wrapper .desktop-accordion .content ul li:after {
  width: 10px;
  height: 10px;
  content: " ";
  color: #919191;
  border: 2px solid #e6e6e6;
  line-height: 0;
  vertical-align: middle;
  display: block;
  top: 4px; }

.support .steps .step ul li:after, .flag-innapropriate-modal .steps .step li:after, .review-process .steps .step li:after, .accordion-wrapper .desktop-accordion .content ul li:after{
  z-index: 1;
  width: 4px;
  height: 4px;
  background-color: #919191;
  border: none;
  margin: 3px 0 0 3px; }

.support, .flag-innapropriate-modal, .review-process {
  /*select box it*/
  /* SelectBoxIt container */
  /*end select box it*/
  /* Undo the Firefox inner focus ring */
  /* Dropdown arrow */
  /* Hover state */
  /* Uncomment if you need it, but be aware of the sticky iOS states.
	.select select:hover {
		background-color: #ddd;
	}
	*/
  /* Focus */
  /* Media query to target Firefox only */
  /* IE9 hack to hide the arrow */ }
  .support .form-row, .flag-innapropriate-modal .form-row, .review-process .form-row, .beats-army-modal .form-row, .write-review .form-row, .beats-army .form-row {
    display: block;
    width: 100%;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .support .form-row, .flag-innapropriate-modal .form-row, .review-process .form-row {
        margin-bottom: 24px; } }
    .support .form-row input[type="text"], .flag-innapropriate-modal .form-row input[type="text"], .review-process .form-row input[type="text"],
    .support .form-row input[type="email"], .flag-innapropriate-modal .form-row input[type="email"], .review-process .form-row input[type="email"],
    .support .form-row input[type="date"], .flag-innapropriate-modal .form-row input[type="date"], .review-process .form-row input[type="date"],
    .support .form-row textarea, .flag-innapropriate-modal .form-row textarea, .review-process .form-row textarea {
      background: #f9f9f9;
      border: solid 1px #e3e3e3;
      border-radius: 0 !important;
      -webkit-border-radius: 0 !important;
      padding: 13px 16px 12px 16px;
      width: 100%;
      font-size: 1rem;
      letter-spacing: 0.05em;
      color: #67686b; }
    .support .form-row input[type="checkbox"], .flag-innapropriate-modal .form-row input[type="checkbox"], .review-process .form-row input[type="checkbox"], .beats-army-modal .form-row input[type="checkbox"], .write-review .form-row input[type="checkbox"], .beats-army .form-row input[type="checkbox"] {
      border: solid 2px #e3e3e3;
      width: 24px;
      height: 24px;
      left:0;
      top:0;}
    .support .form-row input[type=checkbox]:checked, .flag-innapropriate-modal .form-row input[type=checkbox]:checked, .review-process .form-row input[type=checkbox]:checked, .beats-army-modal .form-row input[type=checkbox]:checked, .write-review .form-row input[type=checkbox]:checked, .beats-army .form-row input[type=checkbox]:checked {
      background-color: #e01e3c;
      /* or whatever styles you want depending on your design */
      /* be as obvious as possible that it's a checkbox and that it's checked! */ }
  .support .checkbox-row .checkbox, .flag-innapropriate-modal .checkbox-row .checkbox, .review-process .checkbox-row .checkbox, .beats-army-modal .checkbox-row .checkbox, .write-review .checkbox-row .checkbox, .beats-army .checkbox-row .checkbox {
    display: inline-block; }
  .beats-army-modal .checkbox-row .checkbox, .write-review .checkbox-row .checkbox, .beats-army .checkbox-row .checkbox{
    color: #8c8c8c;
  }
  .beats-army .checkbox-row > label, .write-review .checkbox-row > label, .product-registration .checkbox-row > label, .beats-army-modal .checkbox-row > label, .beats-army-opt-in .review-process .checkbox-row > label {
    text-align: left;
    margin-bottom: 0px;
  }
  .beats-army .checkbox-row, .write-review .checkbox-row, .product-registration.last-page .form-row.checkbox-row, .beats-army-modal .checkbox-row, .beats-army-opt-in .review-process .checkbox-row {
    margin-bottom: 0px;
  }
  .beats-army-modal .terms-text {
    margin-top: 30px;
    display: block;
    padding: 0 10px;
  }
  .beats-army-opt-in .review-process .checkbox-row label {
    display: inline-block;
  }
  .beats-army-opt-in .review-process .checkbox-row {
    margin-top: 30px;
  }
  .beats-army-opt-in .review-process {
    width: 130%;
  }
  .beats-army .checkbox-row .mandatory-check, .write-review .checkbox-row .mandatory-check, .product-registration .checkbox-row .mandatory-check, .beats-army-modal .checkbox-row .mandatory-check, .beats-army-opt-in .review-process .checkbox-row .mandatory-check {
    color: #e01e3c;
    font-weight: bold;
    vertical-align: sub;
    padding-right: 5px;
    font-size: 18px;
  }
  .product-registration.last-page .form-row.checkbox-row .registrations-age-validation-check {
    color: #e01e3c;
    font-weight: bold;
  }
  .beats-army .checkbox-row + .checkbox-row, .write-review .checkbox-row + .checkbox-row, .product-registration .checkbox-row + .checkbox-row, .beats-army-modal .checkbox-row + .checkbox-row, .beats-army-opt-in .review-process .checkbox-row + .checkbox-row {
    margin-top: 0px;
  }
  .beats-army .checkbox-row .checkbox, .product-registration.last-page .form-row.checkbox-row .registrations-age-validation-check {
    text-align: left;
  }
  .support .checkbox-row label, .flag-innapropriate-modal .checkbox-row label, .review-process .checkbox-row label, .beats-army-modal .checkbox-row label, .write-review .checkbox-row label, .beats-army .checkbox-row label {
    display: block;
    font-weight: normal; }
  .support .checkbox-row input, .flag-innapropriate-modal .checkbox-row input, .review-process .checkbox-row input, .beats-army-modal .checkbox-row input, .write-review .checkbox-row input, .beats-army .checkbox-row input {
    padding: 0;
    margin: 0;
    margin-right: 10px;
    vertical-align: bottom;
    position: relative;
    top: -5px;
    *overflow: hidden; }
  .support .select, .flag-innapropriate-modal .select, .review-process .select {
    position: relative;
    display: inline-block;
    color: #555; }
  .support .selectboxit-container, .flag-innapropriate-modal .selectboxit-container, .review-process .selectboxit-container {
    width: 100%; }
  .support .selectboxit-container .selectboxit, .flag-innapropriate-modal .selectboxit-container .selectboxit, .review-process .selectboxit-container .selectboxit {
    width: 100% !important;
    background: #f9f9f9;
    border: 2px solid darkgrey;;
    border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    padding: 11px 16px 8px 10px;
    font-size: 1rem;
    letter-spacing: 0.05em;
    background-color: #fff; }
  .product-registration *::-webkit-input-placeholder{
    color: #999999;
  }
  .product-registration *:-moz-placeholder{
    color: #999999;
  }
  .product-registration *::-ms-input-placeholder{
    color: #999999;
  }
  .product-registration *::-moz-placeholder{
    color: #999999;
  }
  .product-registration *::placeholder{
    color: #999999;
  }
  .product-registration .selectboxit-container .selectboxit .selectboxit-text[data-val=""]{
    color: #999999;
  }
  .product-registration .selectboxit-container .selectboxit-options{
    margin-top: 11px
  }
  .product-registration .selectboxit-container .selectboxit-option:first-child[data-val=""]{
    display: none;
  }
  .product-registration .selectboxit-container .selectboxit-option a{
    font-weight: normal;
    letter-spacing: 0.05em;
  }
  .product-registration .selectboxit.selectboxit-focus{
    outline: 3px solid #8c8c8c;
    outline-offset: 1px;
  }
  .product-registration .selectboxit-btn.selectboxit-enabled,
  .product-registration .selectboxit-btn.selectboxit-enabled.selectboxit-hover,
  .product-registration .selectboxit-btn.selectboxit-enabled:hover,
  .product-registration .selectboxit-btn.selectboxit-enabled:focus {
    color: #67686b;
  }
  .support .select:before, .flag-innapropriate-modal .select:before, .review-process .select:before {
    display: none; }
  .support .select select::-ms-expand, .flag-innapropriate-modal .select select::-ms-expand, .review-process .select select::-ms-expand {
    display: none; }

.download-updater {
  text-align: center; }
  .download-updater .heading {
    margin-bottom: 36px; }
    .download-updater .heading p {
      width: 50%;
      margin-left: 25%;
      font-size: 0.9375rem; }
  .download-updater .links {
    margin-bottom: 70px; }
    .download-updater .links ul {
      text-align: center; }
      .download-updater .links ul li:after {
        display: none; }
  .download-updater .button {
    margin-bottom: 39px; }

.get-help .steps {
  margin-top: 20px; }
  @media (min-width: 768px) {
    .get-help .steps {
      margin-top: 44px; } }

@media (min-width: 768px) {
  .get-help .solution .image {
    float: left;
    width: 25%; } }

.get-help .solution .image img {
  margin: 0; }

.get-help .solution .text {
  width: 87.5%; }
  @media (min-width: 768px) {
    .get-help .solution .text {
      width: 62.5%; } }

.get-help .button-row {
  text-align: center;
  margin-top: 51px; }
  .get-help .button-row .button {
    margin: 0px 0px 20px 0px; }
    @media (min-width: 768px) {
      .get-help .button-row .button {
        margin: 0px 12px 20px 12px; } }
  @media (min-width: 768px) {
    .get-help .button-row {
      margin: 0 7px; } }

.register-your-beats .heading, .write-review .heading, .check-review .heading {
  text-align: center; }
  .register-your-beats .heading p, .write-review .heading p, .check-review .heading p {
    margin-bottom: 22px; }
    @media (min-width: 768px) {
      .register-your-beats .heading p, .write-review .heading p, .check-review .heading p {
        margin-bottom: 52px;
        font-size: 0.9375rem; } }

.register-your-beats .content, .write-review .content, .check-review .content {
  padding: 10px; }
  @media (min-width: 768px) {
    .register-your-beats .content, .write-review .content, .check-review .content {
      padding: 0;
      width: 50%;
      margin-left: 25%; } }
  @media (min-width: 1200px) {
    .register-your-beats .content, .write-review .content, .check-review .content {
      width: 33.33333%;
      margin-left: 33.33333%; } }

.register-your-beats .select select, .write-review .select select, .check-review .select select {
  color: #a9a9a9; }
  .register-your-beats .select select.selected, .write-review .select select.selected, .check-review .select select.selected {
    color: #67686b; }

.register-your-beats .checkbox-row, .check-review .checkbox-row, .beats-army-modal .checkbox-row, .beats-army .checkbox-row {
  margin-top: 30px; }

.register-your-beats .calendar-row, .write-review .calendar-row, .check-review .calendar-row {
  position: relative; }
  .register-your-beats .calendar-row:after, .write-review .calendar-row:after, .check-review .calendar-row:after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    background-image: url(base/img/global/icon-calendar.svg);
    position: absolute;
    right: 20px;
    bottom: 15px;
    pointer-events: none; }

.register-your-beats .submit-row, .write-review .submit-row, .check-review .submit-row {
  padding-top: 12px;
  text-align: center; }
  @media (min-width: 768px) {
    .register-your-beats .submit-row, .write-review .submit-row, .check-review .submit-row {
      padding-top: 32px; } }

@media (min-width: 1024px) {
  .terms .container > p,
  .terms .container li,
  .terms .container h2 {
    margin-left: 12.5%;
    width: 75%; } }

.terms .container h2 {
  text-align: center;
  margin-bottom: 40px; }

.terms p {
  font-size: 1.25rem;
  line-height: 1.6em;
  margin-bottom: 52px; }

.terms a {
  color: #e01e3c; }

.terms .numberlist {
  border-top: solid 1px #dbdde0;
  margin-top: 15px;
  padding-top: 84px; }
  .terms .numberlist li {
    position: relative; }
  .terms .numberlist h2,
  .terms .numberlist h3 {
    font-size: 1.25rem;
    margin-bottom: 17px;
    text-align: left;
    margin-left: 0;
    width: auto; }
    .terms .numberlist h2:first-of-type,
    .terms .numberlist h3:first-of-type {
      text-transform: uppercase; }
  .terms .numberlist h3 {
    font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
    text-transform: none;
    font-weight: 500;
    letter-spacing: -0.05em; }
    .terms .numberlist h3:first-of-type {
      text-transform: none; }
  .terms .numberlist span.num {
    position: absolute;
    display: inline-block;
    font-size: 1.875rem;
    color: #dfdfdf;
    font-family: AlternateGotNo2D,"Helvetica Neue",Helvetica,sans-serif;
    top: 0;
    left: -42px;
    top: -15px;
    text-align: right; }

.page-404 .hero-standard {
  margin-bottom: 0 !important; }

.pcp-detail {
  background-color: #fff; }

.pcp .price {
  margin-top: 30px; }
  .pcp .price .button {
    margin-top: 0; }

.pcp .price-holder {
  display: inline-block;
  font-size: 22px;
  font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
  vertical-align: middle;
  color: #222021;
  margin-right: 15px;
  line-height: 1;
  margin-top: 8px; }

.pcp .bullets li {
  position: relative;
  padding-left: 28px; }

.pcp .bullets li:before, .pcp .bullets li:after {
  width: 10px;
  height: 10px;
  content: " ";
  color: #919191;
  border: 2px solid #e6e6e6;
  line-height: 0;
  vertical-align: middle;
  display: block;
  top: 4px; }

.pcp .bullets li:after {
  z-index: 1;
  width: 4px;
  height: 4px;
  background-color: #919191;
  border: none;
  margin: 3px 0 0 3px; }

.language-picker {
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .language-picker .logo {
    width: 40px;
    height: 40px;
    margin: 0 auto 50px auto; }
  .language-picker .content-holder {
    margin-bottom: 0;
    max-width: 1000px; }
  @media (max-width: 767px) {
    .language-picker .content-holder {
      padding: 30px 20px;
      width: 95%;
      width: calc(100% - 20px); }
    .language-picker .button {
      display: block;
      width: 200px;
      margin: 0 auto 10px auto; } }
  @media (min-width: 768px) {
    .language-picker .button + .button {
      margin-left: 10px; } }
  @media (min-width: 1024px) {
    .language-picker .logo {
      width: 60px;
      height: 60px; }
    .language-picker h2 {
      font-size: 50px;
      margin-bottom: 25px; } }

@media (min-width: 768px) {
  .write-review {
    margin-bottom: 120px; } }

.write-review .star {
  cursor: pointer; }

.write-review .content {
  padding: 10px; }
  @media (min-width: 768px) {
    .write-review .content {
      padding: 0;
      width: 50%;
      margin-left: 25%; } }
  @media (min-width: 1200px) {
    .write-review .content {
      width: 50%;
      margin-left: 25%; } }

.write-review .product-name {
  letter-spacing: -0.01em;
  font-size: 1.5rem;
  text-align: center;
  padding-top: 42px !important;
  padding-bottom: 42px !important;
  border-top: 1px solid #d6d7d8;
  border-bottom: 1px solid #d6d7d8;
  margin-top: 42px;
  margin-bottom: 55px; }

.write-review .heading {
  width: 66.66667%;
  margin-left: 16.66667%; }
  @media (min-width: 768px) {
    .write-review .heading p {
      margin-bottom: 0px; } }

.write-review .review-vote {
  padding-top: 60px;
  padding-bottom: 54px;
  border-top: 1px solid #d6d7d8;
  border-bottom: 1px solid #d6d7d8;
  margin-top: 60px;
  margin-bottom: 55px; }

.write-review .rating-stars {
  margin-bottom: 0; }
  .write-review .rating-stars .star {
    width: 18px;
    height: 20px; }

.write-review .form-row input[type="text"],
.write-review .form-row input[type="email"] {
  font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
  padding: 16px 16px 10px 16px; }

.write-review textarea {
  height: 200px;
  font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif; }

@media (max-width: 567px) {
  .write-review .button + button, .write-review button + button {
    margin-left: 0;
    margin-top: 20px; } }

@media (min-width: 768px) {
  .check-review {
    margin-bottom: 120px; } }

.check-review .content {
  padding: 10px; }
  @media (min-width: 768px) {
    .check-review .content {
      padding: 0;
      width: 50%;
      margin-left: 25%; } }
  @media (min-width: 1200px) {
    .check-review .content {
      width: 50%;
      margin-left: 25%; } }

.check-review .product-name {
  letter-spacing: -0.01em;
  font-size: 1.5rem;
  text-align: left;
  padding-top: 60px;
  border-top: 1px solid #d6d7d8;
  margin-top: 42px;
  margin-bottom: 25px; }

.check-review .review-title {
  font-weight: 700;
  color: #222021;
  margin-right: 25px; }

.check-review .heading {
  width: 100%;
  margin-left: 0%; }
  @media (min-width: 768px) {
    .check-review .heading p {
      margin-bottom: 0px; } }

.check-review .rating-stars {
  margin-bottom: 0;
  display: inline-block; }
  .check-review .rating-stars .star {
    width: 18px;
    height: 20px; }

.check-review .author {
  color: #222021;
  margin-top: 6px;
  margin-bottom: 25px; }

.check-review .review-text p {
  color: #686868; }

.check-review .review-form {
  border-top: 1px solid #d6d7d8;
  margin-top: 55px; }
  @media (min-width: 768px) {
    .check-review .review-form .checkbox-row label {
      text-align: right; } }
  @media (min-width: 768px) {
    .check-review .review-form .submit-row {
      text-align: right;
      padding-top: 0; } }
  @media (min-width: 768px) {
    .check-review .review-form .submit-row .cancel {
      float: left; } }
  @media (max-width: 767px) {
    .check-review .review-form .submit-row .button {
      /*margin-left: 50px;
      margin-right: 50px; */} }

@media (max-width: 567px) {
  .check-review .button + button, .check-review button + button {
    margin-left: 0;
    margin-top: 20px; } }

@media (max-width: 767px) {
  .check-review .button.check-review-submit{
    margin-left: 0;
    margin-top: 20px; } }

.review-submitted .content {
  padding: 10px; }
  @media (min-width: 768px) {
    .review-submitted .content {
      width: 83.33333%;
      margin-left: 8.33333%; } }
  @media (min-width: 1200px) {
    .review-submitted .content {
      width: 83.33333%;
      margin-left: 8.33333%; } }

.review-submitted .continue-shopping {
  text-align: center;
  margin-top: 50px; }
  .cstSearchImg{
    min-height:218px;
    max-width:218px;
    max-height:218px;
    min-width:218px;
    @media (min-width: 768px){
          min-height:52px;
          max-width:52px;
          max-height:52px;
          min-width:52px;}
      }
      .circleIcon{
      border-radius: 50%;
      }
/*
  @media (min-width: 768px){
  .load-moreSearch{
  position:absolute !important;
  }}
*/
 .fontColor{
  color: #222021 !important;
 }
 .fontColor h2{
 color: #222021 !important;
 }
 .unsubscribeBeatsArmy{
 color: #e01e3c !important;
 font-weight: 500 !important;
 top: 100% !important;
 left: 0 !important;
 width: 100% !important;
 text-align: left !important;
 margin-top: 10px !important;
 padding: 0 0 0 25px !important;
 }
 .playlistDisplay{
 opacity:1 !important;
 }
 .featuredTile{
  width:100%;
  }
 .pdpVisualRomance h1, .pdpVisualRomance h2, .pdpVisualRomance h3 {
 color:white;
 }
 .color-selector-nav-holder .list-holder{
    text-align:center;
 } .downloadApp parsys section, .download{
  margin: auto;
  display: table;
 }
 .button-subnav-campaign{
 min-width:200px;
 }
 .tile-featured .generic-tile .button-inner a{
     text-decoration: none;
 }
 .review-validation-error{
 border:solid 1px #e01e3c !important;
 }
 .beats-review-validation-error{
 color: #e01e3c !important;
 font-size: .875rem;
 font-weight: 600;
 }
.validate-terms-box{
text-align:right;
}
.check-review-submit-error{
text-align:right;
}
@media (min-width: 768px){
.review-mark-inappropriate{
position:absolute !important;}
}
.review-mark-inappropriate{
cursor:pointer !important;
}
.flag-innapropriate-modal .button + button,
button + button {
margin-left: 0px !important; }
.headache-bar a.close{
float: right;
padding-right: 10%;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.reviews-short{
padding: 12px 0 50px 0; }
@media (min-width: 768px) {
  .reviews-short{
    padding: 0 0 100px 0; } }
.individual-review-display {
margin-top: 50px; }
@media (min-width: 768px) {
  .individual-review-display{
    margin-top: 70px; } }
.headache-bar-text{
 margin-left: 15%;
 margin-right: 15%;
 padding-top: 3px;
}
.review-form .checkbox-row .checkbox p{
display: inline;
}


.flag-innapropriate-modal .mobile-nav:not(.mobile-support-nav), .review-process .mobile-nav:not(.mobile-support-nav), .support .mobile-nav:not(.mobile-support-nav){
/*display: none!important;*/
}
.caption.hover-text{
padding: 0 25% 0 25%;}
.modal-content .product-holder .product-wrapper .product-tile .product-photos-wrapper img{
height: 100%;}

@media ( min-width : 1024px) {
	.hideInDesktop {
		display: none;
	}
}

@media ( max-width : 1023px) {
	.hideInMobile {
		display: none;
	}
}
.featured-product-limage .cta a.button:not(.button-accent):after{
	box-shadow: none;
}
.featured-product-limage .cta a.button.multiple-cta{
	min-width:150px;
	margin: 0 0 10px 0;
}
.featured-product-limage .cta a.button.multiple-cta .button-inner{
	padding: 5px 37px 0 37px;
}
@media ( max-width: 767px ) {
	.featured-product-limage .cta a.button.multiple-cta{
		min-width:0;
		margin: 0 3px 10px 3px;
	}
	.featured-product-limage .cta a.button.multiple-cta .button-inner{
		padding: 5px 25px 0 25px;
	}
}
@media ( min-width: 768px ) and ( max-width: 1023px ){
	.featured-product-limage .cta a.button.multiple-cta {
		min-width:0;
		margin: 0 5px 10px 5px;
	}
	.featured-product-limage .cta a.button.multiple-cta .button-inner {
		padding: 5px 25px 0 25px;
	}
}
@media ( min-width: 1024px ){
	.featured-product-limage .cta a.button.multiple-cta:last-of-type{
		margin-left: 17px;
	}
}
.articlePreviewComponent, .genericFeaturedTile{
    width: 100%;
}
.supportAccordion{
  text-align: left;
  width: 90%;
}
.video-wrapper.plyr--youtube.plyr--playing .background-image {
	display: none;
}
@media (max-width: 767px) {
.pdp-header-section .headache-bar{
 padding-top: 50px; } }

.superhero.stackable-superhero{
	margin-bottom: 0;
	margin-top: 0;
  background-color: #f2f2f2;
}
.superhero .text-wrapper .h1{
  margin-bottom: 10.66px;
}
.home-super-hero:last-of-type .superhero.stackable-superhero{
	margin-bottom: 50px;
}
@media ( min-width : 1024px ) {
	.home-super-hero:last-of-type .superhero.stackable-superhero {
		margin-bottom: 172px;
	}
}
@media ( min-width : 1024px) {
	.hero-pdp.hero-dark {
		color: #fff;
	}
	.hero-pdp.hero-dark h1 {
		color: #fff;
	}
	.hero-pdp.hero-dark .price .price-holder {
		color: #fff;
	}
	.hero-pdp.hero-dark>.mask {
		background-color: #222021;
	}
	.hero-pdp.hero-dark .star:not (.active ) path {
		fill: #9a9a9a;
	}
	.hero-pdp.hero-dark .button-accent {
		color: #fff;
	}
	.hero-pdp.hero-dark .button-accent:hover, .hero-pdp.hero-dark .button-accent:focus
		{
		color: #222021;
	}
	.hero-pdp.hero-dark .button-accent .mask {
		background-color: #fff;
		/*color : #fff;*/
	}
	@media(max-width: 1023px){
	.hero-pdp.hero-dark .button-accent .mask {
		color : #fff;
	}
	}
	.hero-pdp.hero-dark .prod-list .prod {
		border-top: solid 1px rgba(167, 166, 166, 0.15);
	}
	.hero-pdp.hero-dark .prod-list .prod:last-child {
		border-bottom: solid 1px rgba(167, 166, 166, 0.15);
	}
	.hero-pdp.hero-dark .prod-list .prod h4 {
		color: #fff !important;
	}
	.hero-light {
		background-image: none !important;
		background-color: #f4f4f4 !important;
		color: #6d6d6d;
	}
	.hero-dark {
		background-image:
			url('resources/img/pages/pdp/bg-dark.jpg')
			!important;
		color: #fff;
	}
}

@media ( min-width : 768px) and ( max-width : 1023px) {
	.hero-pdp.hero-dark-tablet {
		color: #dfdfdf;
	}
	.hero-pdp.hero-dark-tablet h1 {
		color: #fff;
	}
	.hero-pdp.hero-dark-tablet .price .price-holder {
		color: #dfdfdf;
	}
	.hero-pdp.hero-dark-tablet>.mask {
		background-color: #222021;
	}
	.hero-pdp.hero-dark-tablet .star:not (.active ) path {
		fill: #9a9a9a;
	}
	.hero-pdp.hero-dark-tablet .button-accent {
		color: #fff;
	}
	.hero-pdp.hero-dark-tablet .button-accent:hover, .hero-pdp.hero-dark-tablet .button-accent:focus
		{
		color: #222021;
	}
	.hero-pdp.hero-dark-tablet .button-accent .mask {
		background-color: #fff;
	}
	.hero-pdp.hero-dark-tablet .prod-list .prod {
		border-top: solid 1px rgba(167, 166, 166, 0.15);
	}
	.hero-pdp.hero-dark-tablet .prod-list .prod:last-child {
		border-bottom: solid 1px rgba(167, 166, 166, 0.15);
	}
	.hero-pdp.hero-dark-tablet .prod-list .prod h4 {
		color: #fff !important;
	}
	.hero-light-tablet {
		background-image: none !important;
		background-color: #f4f4f4 !important;
		color: #6d6d6d;
	}
	.hero-dark-tablet {
		background-image:
			url('resources/img/pages/pdp/bg-dark.jpg')
			!important;
		color: #fff;
	}
}

@media ( max-width : 767px) {
	.hero-pdp.hero-dark-mobile {
		color: #dfdfdf;
	}
	.hero-pdp.hero-dark-mobile h1 {
		color: #fff;
	}
	.hero-pdp.hero-dark-mobile .price .price-holder {
		color: #dfdfdf;
	}
	.hero-pdp.hero-dark-mobile>.mask {
		background-color: #222021;
	}
	.hero-pdp.hero-dark-mobile .star:not (.active ) path {
		fill: #9a9a9a;
	}
	.hero-pdp.hero-dark-mobile .button-accent {
		color: #fff;
	}
	.hero-pdp.hero-dark-mobile .button-accent:hover, .hero-pdp.hero-dark-mobile .button-accent:focus
		{
		color: #222021;
	}
	.hero-pdp.hero-dark-mobile .button-accent .mask {
		background-color: #fff;
	}
	.hero-pdp.hero-dark-mobile .prod-list .prod {
		border-top: solid 1px rgba(167, 166, 166, 0.15);
	}
	.hero-pdp.hero-dark-mobile .prod-list .prod:last-child {
		border-bottom: solid 1px rgba(167, 166, 166, 0.15);
	}
	.hero-pdp.hero-dark-mobile .prod-list .prod h4 {
		color: #fff !important;
	}
	.hero-dark-mobile .pdp-mobile-hero .product-holder {
		background-color: transparent;
	}
	.hero-dark-mobile .pdp-mobile-hero .product-info .product-name {
		color: #fff;
	}
	.hero-dark-mobile .pdp-mobile-hero .product-info .product-price {
		color: #fff;
	}
	.hero-dark-mobile .pdp-mobile-hero .slick-dots li a {
		background-color: #646464;
	}
	.hero-dark-mobile .pdp-mobile-hero .slick-dots li.slick-active a {
		background-color: #fff;
	}
	.hero-light-mobile {
		background-image: none !important;
		background-color: #f4f4f4 !important;
		color: #6d6d6d;
	}
	.hero-dark-mobile {
		background-image:
			url('resources/img/pages/pdp/bg-dark.jpg')
			!important;
		color: #fff;
	}
}

@media (max-width: 767px) {
    .supportlanding {
            margin-top: 25px;
    }
}
@media (max-width: 736px) {
	.support-tile .tile-sizer:before {
      padding-top: 50%;
            }
	}
@media (max-width: 568px) {
.support-tile .tile-sizer:before {
      padding-top: 70%; }
}
.externalEmbedder .pdp-module-13 .top .image{
    width: 100%;
}
.externalEmbedder .pdp-module-13 .top .text{
    width: 100%;
    padding: 0% 10%;
    margin: 0px;
    text-align: center;
}
.externalEmbedder .pdp-module-13 .top .text .inner{
    width: inherit;
    margin: inherit;
    padding: 22px 0px 0px;
}
.externalEmbedder .pdp-module-13 .top .text .buttons-holder{
    margin-left: inherit;
    text-align: inherit;
}
.externalEmbedder .pdp-module-13 .top .text .inner p{
    margin-bottom: 1em;
    text-align: left;
}
@media (max-width: 768px){
.pdp-module-12 .buttons-holder, .pdp-module-13 .buttons-holder{
    margin-bottom: 5.6666%;
    text-align: center; }
    }
@media (min-width: 768px){
.pdp-module-12 .buttons-holder, .pdp-module-13 .buttons-holder{
    margin-top: 22px;
    margin-bottom: 5.6666%;
    margin-left: 16.66666%;
    text-align: left;
    } }
.home .pdp-module-12 .container, .home .pdp-module-13 .container{
    width: 100%; }
.pdp-module-12 .button.js-button,.pdp-module-13 .button.js-button{
margin-bottom: 10px !important ;
		}
@media (min-width: 768px){
.externalEmbedder .pdp-module-13 .text .inner {
    width: 66.66667%;
    margin-left: 16.66667%;
    padding: 22px 10px 0px 10px;}
    }
  /*langguage anim*/
  .anim{
    animation: fadein 2s infinite;
      -moz-animation: fadein 2s; /* Firefox */
      -webkit-animation: fadein 2s infinite; /* Safari and Chrome */
      -o-animation: fadein 2s; /* Opera */
  };
  @keyframes fadein {
      from {
          opacity:1;
      }
      to {
          opacity:0;
      }
  }
  @-moz-keyframes fadein { /* Firefox */
      from {
          opacity:1;
      }
      to {
          opacity:0;
      }
  }
  @-webkit-keyframes fadein { /* Safari and Chrome */
      from {
          opacity:1;
      }
      to {
          opacity:0;
      }
  }
  @-o-keyframes fadein { /* Opera */
      from {
          opacity:1;
      }
      to {
          opacity: 0;
      }
  }
  /*end*/
  /*.arrow-link .icon{
  display: inline-block;
      width: 10px;
      height: 10px;
      margin-left: -60px;
      margin-top: -4px;
  }*/
 @media (min-width: 768px) {
 .language-text-holder{
 height:80px;
 position : relative;
 top:-25px;
 }
 }
  @media (max-width: 767px) {
  .language-text-holder{
  position : relative;
  top:-25px;
  }
  }
 .language-text-holder .language-text-elm{
  position : absolute;
  transition : opacity 2s;
  opacity : 0;
  left:0;
  right:0;
 }
 .language-text-holder .language-text-elm:first-child{
  opacity : 1;
 }
@media (max-width: 1024px){
.footerSocialMedia .social img{
    width: 23px !important;
    margin: 0px 0px -5px 0px !important;
   display: inline-flex !important;
                                    } }
@media (width: 1024px){
.footerSocialMedia .social img{
    width: 21px !important;
    margin: 0px 0px -5px 0px !important;
                                    } }
@media (min-width: 1024px){
.footerSocialMedia .social img{
    width: 21px !important;
    margin: 0px 0px -13px 0px;
                                    } }
.mobile-links .social img{
       width:25px;
       display: inline-flex;
                            }
.mobile-nav .social img{
	width:22px!important;
     margin: 0px 0px -5px 0px !important;
}
.poster-background-image, .video-card .video-card-mask{
	z-index: 1;
    width: 100%;
    margin-left: 0px;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.additionalHeight{
      height:25px
}

@media (min-width: 768px) {
	.pdp-closing-callout .button-holder .button:not(.button-accent) .button-inner {
		color: #222021;
	}
	.pdp-closing-callout .button-holder .button:hover .button-inner {
		color: #fff;
	}
	.pdp-closing-callout .button-holder .button:hover .mask{
		background-color: #222021;
	}
	.pdp-closing-callout.text-light .button-holder .button:not(.button-accent) .button-inner {
		color: #fff;
	}
	.pdp-closing-callout.text-light .button-holder .not-touch.button:hover .button-inner {
		color: #222021;
	}
	.pdp-closing-callout.text-light .button-holder .button:hover .mask{
		background-color: #fff;
	}
}
@media (max-width: 767px) {
	.imageWithOverlay .ctas {
		text-align: center;
	}
}
@media (min-width: 768px) and ( max-width : 1023px) {
	.product-full-bleed-left .caption {
		top: 55%;
	}
}
.product-wide .button {
	color: #222021;
}
.product-wide .button:hover {
	color: #fff;
}
.productsList .product-wide .buttons-holder {
	margin-top: 25px;
}
.productsList .product-wide .button {
	margin-top: 5px;
	min-width: 200px;
}
.imageWrapperHomePage .hover .buttons-holder {
	position: relative;
	top: 50%;
	margin-top: -22px;
}
.imageWrapperHomePage .hover .buttons-holder .button {
	top: 0;
	margin-top: 0;
}
.imageWrapperHomePage .buttons-holder.multiple-cta {
	top: 45%;
}
@media (max-width: 767px) {
	.shop-beats-modal .image-holder .hover:after {
		height: 100%;
		background-color: rgba(0, 0, 0, 0.701961);
		background-image: none;
	}
}
.shop-beats-modal .mobile-hover-cta {
		/*display: none;*/
		top: 45%;
		text-align: center;
		position: relative;
	}
	.shop-beats-modal .mobile-hover-cta .button {
		min-width:100px;
	}
@media (min-width: 768px) {
	.shop-beats-modal .mobile-hover-cta {
		display: none;
	}
}
.product-tile .cta {
	position: relative;
	bottom: -3.7rem;
}

@media (min-width: 768px) and (max-width: 1175px) {
	.product-tile .color-selector {
		margin-top: 5px;
	}
	.product-tile .cta {
		bottom: -2.5rem;
	}
}
/* Button shade CSS for desktop viewport */
@media ( min-width : 1024px) {
	.dark-colored-cta-desktop:not(.button-accent ):after {
		box-shadow: inset 0px 0px 0px 2px #d6d6d6 !important;
		background-color: #222021 !important;
	}
	.dark-colored-cta-desktop:not(.button-accent ) .mask {
		background-color: #fff !important;
	}
	.dark-colored-cta-desktop:not(.button-accent ) .button-inner {
		color: #fff !important;
	}
	.dark-colored-cta-desktop:not(.button-accent ):hover .mask {
		background-color: #fff !important;
	}
	.dark-colored-cta-desktop:not(.button-accent ):hover .button-inner {
		color: #222021 !important;
	}
	.dark-colored-cta-desktop.button-accent .mask {
		background-color: #fff !important;
	}
	.dark-colored-cta-desktop.button-accent:hover .mask {
		background-color: #fff !important;
	}
	.dark-colored-cta-desktop.button-accent.not-touch:hover .button-inner {
		color: #222021 !important;
	}
	.light-colored-cta-desktop:not(.button-accent ):after {
		box-shadow: inset 0px 0px 0px 2px #d6d6d6 !important;
	}
	.light-colored-cta-desktop:not(.button-accent ) .mask {
		background-color: #d6d6d6 !important;
	}
	.light-colored-cta-desktop:not(.button-accent ):hover .mask {
		background-color: #d6d6d6 !important;
	}
	.light-colored-cta-desktop:not(.button-accent ) .button-inner {
		color: #222021 !important;
	}
	.light-colored-cta-desktop:not(.button-accent ):hover .button-inner {
		color: #222021 !important;
	}
	.light-colored-cta-desktop.button-accent .mask {
		background-color: #222021 !important;
	}
	.light-colored-cta-desktop.button-accent:hover .mask {
		background-color: #222021 !important;
	}
	.light-colored-cta-desktop.button-accent:hover .button-inner {
		color: #fff !important;
	}
}
/* Button shade CSS for tablet viewport */
@media (min-width : 768px) and (max-width: 1023px){
	.dark-colored-cta-tablet:not(.button-accent ):after {
		box-shadow: inset 0px 0px 0px 2px #d6d6d6 !important;
		background-color: #222021 !important;
	}
	.dark-colored-cta-tablet:not(.button-accent ) .mask {
		background-color: #fff !important;
	}
	.dark-colored-cta-tablet:not(.button-accent ) .button-inner {
		color: #fff !important;
	}
	.dark-colored-cta-tablet:not(.button-accent ):hover .mask {
		background-color: #fff !important;
	}
	.dark-colored-cta-tablet.button-accent .mask {
		background-color: #fff !important;
	}
	.dark-colored-cta-tablet.button-accent:hover .mask {
		background-color: #fff !important;
	}
	.light-colored-cta-tablet:not(.button-accent ):after {
		box-shadow: inset 0px 0px 0px 2px #d6d6d6 !important;
	}
	.light-colored-cta-tablet:not(.button-accent ) .mask {
		background-color: #d6d6d6 !important;
	}
	.light-colored-cta-tablet:not(.button-accent ):hover .mask {
		background-color: #d6d6d6 !important;
	}
	.light-colored-cta-tablet:not(.button-accent ) .button-inner {
		color: #222021 !important;
	}
	.light-colored-cta-tablet.button-accent .mask {
		background-color: #222021 !important;
	}
	.light-colored-cta-tablet.button-accent:hover .mask {
		background-color: #222021 !important;
	}
}
/* Button shade CSS for mobile viewport */
@media (max-width: 767px){
	.dark-colored-cta-mobile:not(.button-accent ):after {
		box-shadow: inset 0px 0px 0px 2px #d6d6d6 !important;
		background-color: #222021 !important;
	}
	.dark-colored-cta-mobile:not(.button-accent ) .mask {
		background-color: #fff !important;
	}
	.dark-colored-cta-mobile:not(.button-accent ) .button-inner {
		color: #fff !important;
	}
	.dark-colored-cta-mobile:not(.button-accent ):hover .mask {
		background-color: #fff !important;
	}
	.dark-colored-cta-mobile.button-accent .mask {
		background-color: #fff !important;
	}
	.dark-colored-cta-mobile.button-accent:hover .mask {
		background-color: #fff !important;
	}
	.light-colored-cta-mobile:not(.button-accent ):after {
		box-shadow: inset 0px 0px 0px 2px #d6d6d6 !important;
	}
	.light-colored-cta-mobile:not(.button-accent ) .mask {
		background-color: #d6d6d6 !important;
	}
	.light-colored-cta-mobile:not(.button-accent ):hover .mask {
		background-color: #d6d6d6 !important;
	}
	.light-colored-cta-mobile:not(.button-accent ) .button-inner {
		color: #222021 !important;
	}
	.light-colored-cta-mobile.button-accent .mask {
		background-color: #222021 !important;
	}
	.light-colored-cta-mobile.button-accent:hover .mask {
		background-color: #222021 !important;
	}
}
	@media (min-width: 767px) {
        .exploreButtonDistruptor{
           position: absolute;
           top: 60%;
           bottom: initial;
           margin-left: 12.5%;
      }
      }
    @media (max-width: 767px) {
        .exploreButtonDistruptor{
          position: absolute;
          bottom: 42px;
          width: 100%;
          text-align: center;
          overflow: visible;
          bottom: 16px;
    }
    }
.tag-listing-hero .hero-content .title h1 {
	line-height: 1.025 !important;
	padding-top: 0 !important;
}

.pdp-feature video, .pdp-closing-callout video{
    object-fit: inherit;}
@media (min-width: 768px) {
.pdp-feature.center .container-inner{
    margin: auto;
    width: auto;
    text-align: center; }}
.article-content .article-hero-image-gallery .top-title{
    display: none;}
@media (max-width: 767px) {
.pdp-feature .video-text-overlay-desktop{
    display: none; }}
.pdp-feature .video-text-overlay-mobile{
    position: absolute;}
@media (min-width: 768px) {
.pdp-feature .video-text-overlay-mobile{
    display: none; }}
.article-hero-image-gallery .slides-holder .slick-list.draggable {
height: auto !important; }
.pdp-closing-callout .background{
    margin: 0;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;}
@media (min-width: 768px) {
  .pdp-closing-callout .background{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}}

.product-tile .tile-contents .coming-soon{
color: rgba(93, 93, 93, 0.4);
display: inline;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 14px;
font-family: "AlternateGotNo2D", "Helvetica Neue", "Helvetica", sans-serif;
position: absolute;
left: 0;
right: 0;
}
.product-tile .tile-contents .coming-soon.center{
  top: -8px;
}
.large-quote .text {
  display: flex;
  align-items: center;
  height: 100%; }
@media(max-width: 767px){
.large-quote .text .container-inner{
  padding: 30px 0px; }}
.large-quote .cta {
    padding-top: 10px; }
@media(min-width: 768px){
  .large-quote .text .container-inner {
    text-align: center; }
  .large-quote .text.left .container-inner {
    width: 75%;
    margin-left: 8.3333%;
    text-align: left;}
  .large-quote .text.right .container-inner {
    width: 75%;
    margin-left: 25%;
    text-align: left;}}
@media(min-width: 1024px){
.large-quote .text.right .container-inner, .large-quote .text.left .container-inner {
  width: 80%; }}
@media(min-width: 1200px){
.large-quote .text.left .container-inner {
  width: 65%; }
.large-quote .text.right .container-inner {
  width: auto;
  margin-left: 58.3333%; }}
@media(max-width: 767px){
[data-layout="large-carousel"] .action-next, [data-layout="large-carousel"] .action-prev {
  visibility: visible; }}


/*   .support-hero .white h1,.support-hero .white p{
      color: #fff; }
    .support-hero .black h1,.support-hero .black p{
      color: #222021; }*/
 .article-hero .product .cta .white{
  color: #fff;
  }
 .article-hero .product .cta .black{
  color: #222021;
  }
/*  .hero-pdp.hero-dark h1 .white{
  color: #fff;
  }
  .hero-pdp.hero-dark h1 .black{
  color: #222021;
  }
  .hero-pdp.hero-dark .price .price-holder .white{
  color: #fff;
  }
  .hero-pdp.hero-dark .price .price-holder.black,.hero-pdp.hero-dark .description.black{
  color: #222021;
  }
  .hero-pdp.hero-dark .price .price-holder.white,.hero-pdp.hero-dark .description.white{
   color: #fff;
  }
  .hero-pdp.hero-light .price .price-holder.black,.hero-pdp.hero-light .description.black{
    color: #222021;
    }
  .hero-pdp.hero-light .price .price-holder.white,.hero-pdp.hero-light .description.white{
   color: #fff;
    }
  .pdp-mobile-hero .product-info .product-price .white{
  color: #fff;
  }
  .pdp-mobile-hero .product-info .product-price .black{
  color: #222021;
  }
  .hero-pdp.hero-dark .price .price-holder .white{
  color: #fff;
  }
  .hero-pdp.hero-dark .price .price-holder .black{
  color: #222021;
  }
  .hero-pdp .text-inner{
  color : #fff;
  }
  .hero-pdp .text-inner.black{
  color: #222021;
  }*/
/*  .hero-pdp .text-inner.white{
  color: #fff;
  }*/
  .article-hero .product.white{
  color: #fff;
  }
  .article-hero .product.black{
  color: #222021;
  }
/*
@media(max-width: 1024px){
.hero-pdp h1 .white{
color: #fff;
}}
@media(max-width: 1024px){
.hero-pdp h1 .black{
color: #222021;
}}
@media(max-width: 1024){
.article-hero .product .cta.white{
color: #fff;
}
.article-hero .product .cta.black{
color: #222021;
}
}*/
/*
@media ( min-width : 768px) {
.hero-pdp.hero-dark h1{
color: inherit;}
.hero-pdp.hero-light h1{
color: inherit;}
}
.pdp-mobile-hero .product-info .product-name.white{
color: #fff;
}
.pdp-mobile-hero .product-info .product-name.black{
color: #222021;
}
.pdp-mobile-hero .product-info .product-price.white{
color: #fff;
}
.pdp-mobile-hero .product-info .product-price.black{
color: #222021;
}*/
.visual-romance div.background{
  position: absolute; }
.visual-romance .image.enable-image div.background{
  position: relative; }
.visual-romance .background{
  width: 100%; }
.visual-romance video.background{
  object-fit: inherit;
  display: block; }
.visual-romance .image.enable-image video.background{
  display: none; }
.visual-romance .enable-video.slick-active.show-text .text {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.7;
  transform: none; }
.visual-romance .enable-video.slick-active.show-text .text .inner {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  padding: 20px;
  width: 100%; }
.video-card .plyr__video-wrapper {
	transform: scale(1);
}
.video-card-cta {
	cursor: pointer;
}
.video-card .video-wrapper:not(.showPause) .plyr__play-large {
	display: none;
}
.video-card-mask {
	background-color: rgba(0,0,0,0.7);
	opacity: 0.7;
}
@media (max-width: 768px) {
.video-card-container .text-holder {
    position: absolute;
    display: grid;

    background-color: unset !important;
} }
.pdp-closing-callout .hideElement {
	display: none;
}
/*.video-card-container .text-holder {
	z-index: 2147483647;
}*/
@media(max-width: 767px) {
	.video-card .plyr .plyr__video-embed iframe {
		pointer-events: auto;
	}
}
.pdp-closing-callout.video-card-container.text-light h1, .pdp-closing-callout.video-card-container.text-light .h1,
.pdp-closing-callout.video-card-container.text-light h2, .pdp-closing-callout.video-card-container.text-light .h2,
.pdp-closing-callout.video-card-container.text-light h3, .pdp-closing-callout.video-card-container.text-light .h3,
.pdp-closing-callout.video-card-container.text-light h4, .pdp-closing-callout.video-card-container.text-light .h4,
.pdp-closing-callout.video-card-container.text-light h5, .pdp-closing-callout.video-card-container.text-light .h5,
.pdp-closing-callout.video-card-container.text-light h6, .pdp-closing-callout.video-card-container.text-light .h6
{
	color: #fff !important;
	margin: 0 !important;
	padding: 0 !important;
}
.pdp-closing-callout.video-card-container.text-light p:not(.video-card-cta) {
	color: #e3e3e3 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.pdp-closing-callout.video-card-container.text-light p.video-card-cta {
	color: #e3e3e3 !important;
	margin: 0 0 30px 0 !important;
	padding: 0 !important;
}
.pdp-closing-callout.video-card-container.text-light p.video-card-cta:hover.hover-red-underline {
	color: red !important;
}
.pdp-closing-callout.video-card-container:not(.text-light) h1, .pdp-closing-callout.video-card-container:not(.text-light) .h1,
.pdp-closing-callout.video-card-container:not(.text-light) h2, .pdp-closing-callout.video-card-container:not(.text-light) .h2,
.pdp-closing-callout.video-card-container:not(.text-light) h3, .pdp-closing-callout.video-card-container:not(.text-light) .h3,
.pdp-closing-callout.video-card-container:not(.text-light) h4, .pdp-closing-callout.video-card-container:not(.text-light) .h4,
.pdp-closing-callout.video-card-container:not(.text-light) h5, .pdp-closing-callout.video-card-container:not(.text-light) .h5,
.pdp-closing-callout.video-card-container:not(.text-light) h6, .pdp-closing-callout.video-card-container:not(.text-light) .h6,
.pdp-closing-callout.video-card-container:not(.text-light) p:not(.video-card-cta) {
	color: #222021 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.pdp-closing-callout.video-card-container:not(.text-light) p.video-card-cta {
	color: #222021 !important;
	margin: 0 0 30px 0 !important;
	padding: 0 !important;
}
.pdp-closing-callout.video-card-container:not(.text-light) p.video-card-cta:hover.hover-red-underline {
	color: red !important;
}

.superhero .slide:hover .hover-red-underline, .pdp-closing-callout .video-card-cta:hover.hover-red-underline {
	font-weight: bold;
	color: red !important;
	text-decoration: underline;
}

.superhero .slide:hover .hover-underline, .pdp-closing-callout .video-card-cta:hover.hover-underline {
	font-weight: bold;
	text-decoration: underline;
}

.pdp-closing-callout .video-card .plyr--fullscreen-active video, .pdp-closing-callout .video-card .plyr--fullscreen-active .poster-background-image, .pdp-closing-callout .video-card .plyr--fullscreen-active .plyr__video-wrapper, .pdp-closing-callout .video-card .plyr--fullscreen-active {
  height: 100% !important;
  width: 100% !important;
}
@media (max-width:1023px) {
	.video-card .video-wrapper .plyr--fullscreen-active {
		padding-top: 30%;
		padding-bottom: 30%;
	}
}
.video-card .plyr__controls button[data-plyr="fullscreen"] {
	display: none;
}
.video-card-container .button-holder p, .video-card-container .button-holder a {
	margin-bottom: 30px;
}
.video-card-cta i {
	padding-left: 5px;
	vertical-align: baseline;
}
.pdp-closing-callout .plyr__video-wrapper{
	top:0px;
}
@media(min-width: 1024px) {
	.fullbleedimage-desktopdescription {
		display: inline;
	}
	.fullbleedimage-tabletdescription {
		display: none;
	}
	.fullbleedimage-mobiledescription {
		display: none;
	}
}
@media(min-width: 768px) and (max-width: 1023px) {
	.fullbleedimage-desktopdescription {
		display: none;
	}
	.fullbleedimage-tabletdescription {
		display: inline;
	}
	.fullbleedimage-mobiledescription {
		display: none;
	}
}
@media(max-width: 767px) {
	.fullbleedimage-desktopdescription {
		display: none;
	}
	.fullbleedimage-tabletdescription {
		display: none;
	}
	.fullbleedimage-mobiledescription {
		display: inline;
	}
}
.pdp-closing-callout .plyr--video{
  bottom:0px;
}

.product-registration button[disabled] {
  cursor: inherit;
}
.product-registration button[disabled]:hover {
  color: #222021;
}
.product-registration button[disabled].button-alternate:after{
  box-shadow: inset 0 0 0 2px #d3d2d2;
}
.product-registration button[disabled] .mask{
  background-color: inherit;
}

@media (min-width: 1200px){
.modal-content.article .photoGalleryHomePage .slick-dots ul{
 width: 100%;
 margin-left:0px !important;
}}
@media (min-width: 768px){
.modal-content.article .photoGalleryHomePage .slick-dots ul{
 width: 100%;
 margin-left:0px !important;
}}

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

.spinner-loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(5,end) 900ms infinite;
  animation: ellipsis steps(5,end) 900ms infinite;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0px; }

@keyframes ellipsis {
  to {
    width: 1em;
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1em;
  }
}
@media (max-width: 767px) {
html.noscroll body.modal-loaded {
  position: fixed
} }
.article-content .modal-title .article-sub-title {
  font-size: 14.5px;
  font-weight: 400;
  font-family: AlternateGotNo2D , Helvetica Neue , Helvetica , sans-serif;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  margin-top: 6.0px;
  margin-bottom: 10.0px;
}
.article-content .header .article-sub-title {
  text-align: left; }
  @media (min-width: 768px) {
    .article-content .header .article-sub-title {
      text-align: center; } }

@media (min-width: 768px) {
  .article-content .beats-army h2, .article-content .beats-army .h2 {
    font-size: 2.4rem; } }
    @media (min-width: 1024px){
      .article-content .beats-army h2, .article-content .beats-army .h2 {
        font-size: 50px;
        line-height: 1.1; } }

.externalEmbedder .pdp-module-13 .image.embedder-properties {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative; }

.externalEmbedder .pdp-module-13 .image.embedder-properties .embedder-frame {
  height: 100%;
  position: absolute;
  top: 0;}

@media (max-width: 767px) {
  .externalEmbedder .pdp-module-13 .right .image.embedder-properties {
    left: 0; } }

.externalEmbedder .pdp-module-13.embedder-full-bleed .container {
  width: 100%;
  padding: 0; }

.component.component-text-accent.black-with-white, .component.component-text-accent.black-with-white .text, .component.component-text-accent.black-with-white .text:after {
	background-color: #222021;
}
.component.component-text-accent.white-with-black, .component.component-text-accent.white-with-black .text, .component.component-text-accent.white-with-black .text:after {
	background-color: #fff;
}
.component.component-text-accent.white-with-black .text h1,
.component.component-text-accent.white-with-black .text h2,
.component.component-text-accent.white-with-black .text h3,
.component.component-text-accent.white-with-black .text h4,
.component.component-text-accent.white-with-black .text p {
	color: #222021;
}

.component.component-text-accent.white-with-black .text .button:after {
	box-shadow: inset 0px 0px 0px 2px #d6d6d6 !important;
}

.component.component-text-accent.white-with-black .text .button .mask {
	background-color: #d6d6d6 !important;
}

.component.component-text-accent.white-with-black .text .button:hover .mask {
	background-color: #d6d6d6 !important;
}

.component.component-text-accent.white-with-black .text .button .button-inner {
	color: #222021 !important;
}
.article .article-content .visual-romance .caption h2 {
	font-size: 50px;
	line-height: 1.1;
	margin: 0 0 0.6666666667rem 0;
	width: 100%;
}
.article .article-content .visual-romance .caption h3, .article .article-content .visual-romance .vr-slideshow .text h3 {
	margin: 0 0 20px 0;
	width: 100%;
}
.article .article-content .visual-romance .caption h4, .article .article-content .visual-romance .vr-slideshow .text h4 {
	margin: 0 0 0.5333333333rem 0;
	width: 100%;
	color: white;
}
.article .article-content .visual-romance .caption p, .article .article-content .visual-romance .vr-slideshow .text p {
	margin: 0;
	width: 100%;
	color: white;
	letter-spacing: auto;
}
@media (max-width: 767px) {
	.article .article-content .visual-romance .vr-slideshow .text h2 {
		font-size: 2.3076923077rem;
		color: white;
		margin: 0 0 0.6666666667rem 0;
		width: 100%;
	}
}
@media (max-width: 767px) {
	.explore-landing.modal-loaded .ext-emb-article-hero.top-title {
		display:inline !important;
	}
}

@media (max-width: 767px) {
    .visual-romance .vr-slideshow .text h1 {
      color: white;
     }
}

.buttons-holder .stickyBarColorName {
    color: #222021;
    font-weight: 700;
    display: inline-block;
    top: 10px;
    padding-right: 35px;
}
.buttons-holder .stickyBarColorName i, .pdp-mobile-hero .back-bar .text i {
	vertical-align: inherit;
}
@media (max-width: 767px) {
.buttons-holder .stickyBarColorName {
   display:none;}
}
@media (min-width: 1024px) {
	#color-selector {
	    margin-top: -80px;
	    position:  absolute;
	}
}
@media(min-width: 768px) and (max-width: 1023px) {
	#color-selector {
	    margin-top: -50px;
	    position:  absolute;
	}
}
@media (max-width: 767px) {
	#color-selector {
	    margin-top: -100px;
	    position:  absolute;
	}
	.product-color-selector {
		height: calc(100vh - 155px);
	}
}

 .pagelink.current-page {
   pointer-events: none;
}
.product-wide .price-holder .pdp-sr-only.pdp-price-strike, .product-wide .price-holder .pdp-price.pdp-price-strike, .product-wide .price-holder .pdp-sr-only.pdp-price-sale {
	display: none;
}

.hero-standard .background{
z-index:11;
}

.exclude-header#main {
    padding-top: 0px;
}

.pdp-module-12 .item.black, .pdp-module-13 .item.black {
  background: #161616;
}

.pdp-module-12 .item.black .text .inner h1, .pdp-module-13 .item.black .text .inner h1,
.pdp-module-12 .item.black .text .inner h2, .pdp-module-13 .item.black .text .inner h2,
.pdp-module-12 .item.black .text .inner h3, .pdp-module-13 .item.black .text .inner h3,
.pdp-module-12 .item.black .text .inner h4, .pdp-module-13 .item.black .text .inner h4,
.pdp-module-12 .item.black .text .inner h5, .pdp-module-13 .item.black .text .inner h5,
.pdp-module-12 .item.black .text .inner h6, .pdp-module-13 .item.black .text .inner h6,
.pdp-module-12 .item.black .text .inner p, .pdp-module-13 .item.black .text .inner p,
.pdp-module-12 .item.black .text .inner p a, .pdp-module-13 .item.black .text .inner p a{
  color:#fff;
}

div.pdp-module-12 div.black div.text div.buttons-holder a.button-inner,
div.pdp-module-13 div.black div.text div.buttons-holder a.button-inner{
color:#fff;
}

.pdp-module-12 .black .button .mask, .pdp-module-13 .black  .button .mask {
    background-color: #fff;
}
.pdp-module-12 .black .button:hover .button-inner, .pdp-module-13 .black .button:hover .button-inner {
    color: #222021;
}

@media(min-width: 1024px) {
    .beatsRTE-desktoptext  {
		display: inline;
	}
	.beatsRTE-tablettext{
		display: none;
	}
	.beatsRTE-mobiletext{
		display: none;
	}
}

@media(min-width: 768px) and (max-width: 1023px) {
   .beatsRTE-desktoptext {
		display: none;
    }
   .beatsRTE-tablettext{
		display: inline;
	}
    .beatsRTE-mobiletext{
		display: none;
	}
}

@media(max-width: 767px) {
   .beatsRTE-desktoptext {
		display: none;
	}
    .beatsRTE-tablettext{
		display: none;
	}
	.beatsRTE-mobiletext{
		display: inline;
	}
}

.pdp-closing-callout .text-holder .container .text-inner >*{
    padding: 0 0 4px 4px;
  }

 @media(min-width: 768px) {
  .pdp-closing-callout:not(.right):not(.center) .text-inner{
  margin-right:65%;
  }}

.promotionBar .headache-bar .close{
    right: 8.5%;
    line-height: inherit;
    position: absolute;
    top: 3px;
    padding: 0;
}

@media(max-width: 767px) {
.promotionBar .headache-bar .close{
    min-width: 0px;
    right: 32px;
}}

@media(min-width: 768px) and (max-width: 1023px) {
.promotionBar .headache-bar .close {
    right: 30px;
}
}

@media (max-width: 767px){
  .pdp-header-section .headache-bar .close{
      top: 53px;
}}

@media (max-width: 1023px){
.product-wide .collab-slider-nav{
  display:none;
}
}
/* This css added by */
.productTile {
   width : 100%;
}
.helpBoxComponent {
    width : 100%;
 }

.product-registration {
  text-align: center; }

.registration-confirmation {
  margin: 0 auto;
  width: 90%;
  text-align: center; }
  @media(min-width:768px){
  .registration-confirmation {
    width: 100%; } }

.product-registration .js-button {
  margin: 10px 10px 0px; }

.product-registration input {
  border-radius: 5px; }

.product-registration .form-row {
  width: 80%;
  margin: 0 auto;
  text-align: center; }
  @media(min-width:768px){
  .product-registration .form-row {
    width: 50%;
    text-align: left; } }
    @media (min-width: 1024px) {
    .product-registration .form-row {
      width: 30%; } }

.product-registration.last-page .form-row {
  margin-bottom: 15px;
  padding: 5px 0; }

.product-registration .form-row p {
  margin: 15px 0 0 0; }
  @media (min-width: 768px) {
  .product-registration .form-row p {
    margin-left: 20px; } }

.product-registration .form-row label {
  margin: 0px; }
  @media (min-width: 768px) {
  .product-registration .form-row label {
    margin-left: 20px; } }

.product-registration .form-row label.checkbox {
  margin-left: 0px; }

.product-registration-header {
  font-size: 1.5rem;
  text-align: center;
  padding-top: 3% !important;
  width: 80%;
  margin: 0 auto; }
  @media (min-width: 768px) {
  .product-registration-header {
    width: 50%; } }
    @media (min-width: 1024px) {
    .product-registration-header {
      width: 30%; } }

.registration-invalid-input-field {
  color: #e01e3c !important;
  font-size: .875rem;
  font-weight: 600; }
  @media (min-width: 768px) {
  .registration-invalid-input-field {
    padding-left: 20px; } }

.registration-invalid-select-field {
  color: #e01e3c !important;
  font-size: .875rem;
  font-weight: 600; }
@media (min-width: 768px) {
  .registration-invalid-select-field {
    padding-left: 20px; } }

.city-data .registration-invalid-select-field{
  display: none;
}
.city-data.error .registration-invalid-select-field{
  display: block;
}
.city-data.error .selectboxit-container .selectboxit{
  border: solid 1px #e01e3c !important;
}

.product-registration-image-wrapper {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  margin: 0 auto 3%; }
  @media (min-width: 768px) {
  .product-registration-image-wrapper {
    margin: 0 auto; } }
.product-registration-image-wrapper.with-background {
  background-color: white; }

.product-registration-image-wrapper img {
  position: relative;
  top: 10%;
  margin:0 auto; }

.registration-confirmation .product-registration-image-wrapper {
  margin-bottom: 10%; }
  @media (min-width: 768px) {
  .registration-confirmation .product-registration-image-wrapper {
    margin-bottom: 3%; } }

.registration-confirmation .logos a{
  font-size: 40px;
  color: black;
  padding: 5%; }
  @media (min-width: 768px) {
  .registration-confirmation .logos a{
    padding: 1%; } }

.product-registration .form-row input[type="text"] {
  border-radius: 25px !important;
  margin-bottom: -13px;
  border:2px solid darkgrey;
  background: white;
  font-family: "NeuzeitGro","Helvetica Neue","Helvetica",sans-serif;
  text-align: center; }
  @media (min-width: 768px) {
  .product-registration .form-row input[type="text"] {
    text-align: left; } }

.product-registration .form-row input[type="checkbox"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #c8c6c6;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  margin: 0 5px 0 0; }

.product-registration .form-row .checkbox .control-indicator {
  float:left; }

.registration-confirmation .dark{
  color: black; }

.registration-validation-error {
    border: solid 1px #e01e3c !important; }

.registration-error .eligible-products {
  padding-bottom: 2%; }

.registration-error .eligible-products a {
  font-family: "NeuzeitGro", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 15px;
  text-transform: none;
  color: #e01e3c; }

@media (min-width:768px){
.registration-error .modal-inner {
  width: 50%; } }

.registration-error .modal-content .container {
  width: 90%; }

.registration-error .modal-content .buttons-holder .button.js-button {
  margin-top: 2%; }
  @media (min-width:768px) {
  .registration-error .modal-content .buttons-holder .button.js-button {
    margin-top: 0; } }
.component-section-spacing.genericButtonComonent .button-callout {
  padding-top: 0px; }

.component-section-spacing.sectionTitle .section-title{
  margin-bottom: 0px; }
.component-section-spacing.sectionTitle .section-title :last-child {
  -webkit-margin-after: 0em; }
.component-section-spacing.sectionTitle .section-title h2, .component-section-spacing.sectionTitle .section-title .h2 {
  line-height: 1.1em !important;
  -webkit-margin-after: 0.58em; }
.component-section-spacing.sectionTitle .section-title p, .component-section-spacing.sectionTitle .section-title .p {
  line-height: 1em !important; }
  @media (min-width: 1024px){
    .component-section-spacing.sectionTitle .section-title h2, .component-section-spacing.sectionTitle .section-title .h2 {
      padding-top: 0px !important; } }

.component-section-spacing.productOverview .block {
  margin-bottom: 0px; }

.component-section-spacing.videoIntroduction .block-padded{
  padding-top: 0px;
  padding-bottom: 0px; }

.component-section-spacing.textWithImage .pdp-feature{
  padding-top: 0px;
  padding-bottom: 0px; }

.component-section-spacing.visualRomance .visual-romance {
  padding-top: 0px; }
.component-section-spacing.visualRomance .visual-romance.module1 .col :last-child, .component-section-spacing.visualRomance .visual-romance.module2 .col :last-child {
  margin-bottom: 0px; }
.component-section-spacing.visualRomance .visual-romance.module1 .col :first-child, .component-section-spacing.visualRomance .visual-romance.module2 .col :first-child {
  margin-top: 0px; }

@media (max-width: 767px){
  .component-section-spacing.imageWithExploreLink .pdp-closing-callout{
    padding-top: 0px;
    padding-bottom: 0px; }
  .component-section-spacing.imageWithExploreLink .pdp-closing-callout .text-holder {
    padding-bottom: 0px; }}

.component-section-spacing.blockContainer > .block {
  margin-bottom: 0px; }

.component-section-spacing.videoBlock .component {
  margin-bottom: 0px; }

.component-section-spacing.productOverlay .component {
  margin-bottom: 0px; }

.component-section-spacing.imageWithOverlay .component {
  margin-bottom: 0px; }

.component-section-spacing.photoCarouselLargeImage .component {
  margin-bottom: 0px; }

.component-section-spacing.circleNavigation .explore-details {
  margin-top: 0px;}

  .component-section-spacing.beatsRTE p:last-child {
  margin-bottom: 0px;
  }
.component-section-spacing.beatsRTE ul:last-child {
  margin-bottom: 0px;
  }
.component-section-spacing.beatsRTE ol:last-child {
  margin-bottom: 0px;
  }
.component-section-spacing.beatsRTE table:last-child {
  margin-bottom: 0px;
  }
.component-section-spacing.beatsRTE label:last-child {
  margin-bottom: 0px;
  }
  .component-section-spacing.beatsRTE h1:last-child {
  margin-bottom: 0px;
  }
 .component-section-spacing.beatsRTE h2:last-child {
  margin-bottom: 0px;
  }
.component-section-spacing.beatsRTE h3:last-child {
  margin-bottom: 0px;
  }
 .component-section-spacing.beatsRTE h4:last-child {
  margin-bottom: 0px;
  }
  .component-section-spacing.beatsRTE h5:last-child {
  margin-bottom: 0px;
  }
 .component-section-spacing.beatsRTE h6:last-child {
  margin-bottom: 0px;
  }

 .component-section-spacing.beatsSignUpContainer .beats-army {
  margin-bottom: 0px;}

.component-section-spacing.genericFeaturedTile .tile-featured .tile-inner {
  padding-top: 0px;
  padding-bottom: 0px;}

.component-section-spacing.helpBox .tile-inner{
  padding-top: 0px;
  padding-bottom: 0px;}

  .home-super-hero .component-section-spacing.superhero, .home-super-hero:last-of-type .component-section-spacing.superhero.stackable-superhero {
  	margin-bottom: 0;
  }
  @media (min-width: 768px){
  	.component-section-spacing.tiles .tile-featured .tile-inner{
  		padding-top: 0;
  		padding-bottom: 0;
  	}
  }
