/** Shopify CDN: Minification failed

Line 406:2 All "@import" rules must come first

**/
#waveform{
  width:100%
}
.player.row {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99999;
  background: rgb(0,0,0,0.5);
  display:none;
}
i#pbtn-154180334528213 {
    color: #000;
}
.bottom_play_outer {
  display: flex;
  width: 100%;
  align-items:center;
}
.playbtnhere{
  position: absolute;
  top: 80%;
  left: 20%;
  transform: translate(-50%,-50%);
  z-index: 1;
  background-color: rgb(222, 42, 42) !important;
  color: #fff;
  font-size: 25px;
  line-height: 1;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  cursor: pointer;
  padding: 13px 13px 14px 16px;
  text-align: center;
}
.fa-inverse{
  color: #fff;
}
.playbtnhere1{
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background-color: #e38143!important;
  padding: 0 15px;
  opacity: 0;
}
.playbtnhere1 .mustclass{
  display: flex;
  align-items: center;
}
.playbtnhere1 .mustclass .demo-btn-contain{
  margin-right: 10px;
}
.playbtnhere1 .mustclass wave{
  width: 100%;
}
.playbtnhere1 .demo-btn-contain .fa, .herein12 .demo-btn-contain .fa{
  color: #000;
}
.playbtnhere1.showit {
  opacity:1;
}
.button#AddToCart {
  /*  border: 2.25px solid #282828; */
}
/* body { 
  background-color: pink;
} */
.ws-product-title-mobile {
  display: block;
}
.ws-product-title-desktop { 
  display: none; 
}
@media screen and (min-width: 760px) {
  .ws-product-title-mobile { display: none; }
  .ws-product-title-desktop { display: block; }
}
.pos-rel{
  position: relative;
}

.product-meta__bio {
  max-width: 1000px;
  width: 100%;
  text-align: justify;
  margin-left: auto;
  margin-right: auto;
}
.product-meta__bio .image-with-text__image{
  max-width: 250px;
  margin: 0 auto;
}
.product-meta__bio .image-with-text__wrapper{
  padding: 0 0;
}
@media only screen and (min-width: 1000px){
  .product-meta__bio .image-with-text__image-wrapper{
    width: 25%;
  }
  .product-meta__bio .image-with-text__content-wrapper{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 999px){
  .product-meta__bio .image-with-text{
    padding: 0px;
  }
  .product-meta__bio .image-with-text__image{
    max-width: 320px;
  }
}

.drawer[open] {
    z-index: 9999999;
}

.giveaway-module {
	/* Thanks to the ratio of the image and the height of the div we can calculate the height taken by the image */
	--image-height: calc((100vw - var(--container-gutter) * 4) * (1.0 / var(--image-aspect-ratio)));
  
	position: relative;
	display: block;
	text-align: left;
  }
  
  [dir="ltr"] .giveaway-module::before {
	left: 0;
  }
  
  [dir="rtl"] .giveaway-module::before {
	right: 0;
  }
  
  .giveaway-module::before {
	position: absolute;
	content: '';
	top: 0;
	width: 100%;
	height: 100%;
	background: rgb(var(--section-accent-background));
	z-index: -1;
  }
  
  .giveaway-module--overlap-image::before {
	height: var(--image-height);
  }
  
  .giveaway-module--overlap-text::before {
	top: auto;
	bottom: 0;
	height: calc(100% - var(--image-height)); /* When we overlap the text we actually take the full height minus image height */
  }
  
  .giveaway-module__image-wrapper {
	position: relative;
	margin-bottom: 32px;
	overflow: hidden;
	border-radius: var(--block-border-radius-reduced);
	z-index: 0; /* Creating new stacking context is needed on Safari to apply the border radius */
  }
  
  .giveaway-module__image {
	position: relative;
	display: block;
  }
  
  .giveaway-module__image:not([hidden]) {
	z-index: 1;
  }
  
  /* Next images are resized to keep the format of the first image */
  [dir="ltr"] .giveaway-module__image:not(:first-child) {
	left: 0;
  }
  [dir="rtl"] .giveaway-module__image:not(:first-child) {
	right: 0;
  }
  .giveaway-module__image:not(:first-child) {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
  }
  
  .giveaway-module__image[hidden] {
	visibility: hidden;
	z-index: -1;
	transition: visibility 0.6s linear;
  }
  
  .giveaway-module__wrapper {
	overflow: hidden;
  }
  
  /* We want to have the div to have the height of the tallest element, so we align them horizontally */
  .giveaway-module__content-list {
	display: flex;
	flex-wrap: nowrap;
  }
  
  .giveaway-module__content {
	display: block;
	flex-shrink: 0;
	width: 100%;
	order: 0; /* Force the active to be the visible one */
  }
  
  .giveaway-module__content[hidden] {
	visibility: hidden;
	order: 1;
  }
  
  .giveaway-module__navigation {
	display: inline-grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 24px;
	align-items: flex-start;
	margin-top: 40px;
  }
  
  @keyframes navigationItemAnimation {
	from {
	  transform: scaleX(0);
	}
  
	to {
	  transform: scaleX(1);
	}
  }
  
  .giveaway-module__navigation-item {
	position: relative;
  }
  
  .giveaway-module__navigation-item::before,
  .giveaway-module__navigation-item::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	margin-bottom: 16px;
	background: rgba(var(--text-color), 0.15);
  }
  
  [dir="ltr"] .giveaway-module__navigation-item::after {
	left: 0;
  }
  
  [dir="rtl"] .giveaway-module__navigation-item::after {
	right: 0;
  }
  
  .giveaway-module__navigation-item::after {
	position: absolute;
	top: 0;
	background: rgb(var(--text-color));
	transform-origin: var(--transform-origin-start);
	transform: scaleX(0);
  }
  
  .giveaway-module__navigation-item[aria-current="true"]::after {
	animation: navigationItemAnimation var(--section-autoplay-duration) linear;
	animation-play-state: var(--section-animation-play-state, running);
  }
  
  @media screen and (max-width: 999px) {
	/* Extra spacing just for the pocket devices */
	.giveaway-module {
	  padding: var(--vertical-breather) var(--container-gutter);
	}
  
	.giveaway-module--boxed {
	  padding: var(--container-gutter);
	}
  }
  
  @media screen and (min-width: 741px) and (max-width: 999px) {
	.giveaway-module {
	  --image-height: calc((100vw - var(--container-gutter) * 2 - (var(--grid-column-width) + var(--grid-gap)) * 4) * (1.0 / var(--image-aspect-ratio)));
  
	  padding: var(--vertical-breather) calc((var(--grid-column-width) + var(--grid-gap)) * 2);
	}
  
	.giveaway-module--boxed {
	  padding: var(--vertical-breather) calc((var(--grid-column-width) + var(--grid-gap)) * 2 + var(--container-gutter));
	}
  
	.giveaway-module__image-wrapper {
	  margin-bottom: 48px;
	}
  }
  
  @media screen and (min-width: 1000px) {
	[dir="ltr"] .giveaway-module::before {
	  left: auto;
	  right: 0;
	}
	[dir="rtl"] .giveaway-module::before {
	  right: auto;
	  left: 0;
	}
	.giveaway-module::before {
	  height: 100%;
	  top: 0;
	  width: calc(var(--grid-column-width) * 13 + (var(--grid-gap) * 12) + var(--container-outer-margin));
	}
  
	[dir="ltr"] .giveaway-module--reverse:not(.giveaway-module--overlap-image)::before,[dir="ltr"] 
	.giveaway-module--overlap-image:not(.giveaway-module--reverse)::before {
	  left: 0;
	  right: auto;
	}
  
	[dir="rtl"] .giveaway-module--reverse:not(.giveaway-module--overlap-image)::before,[dir="rtl"] 
	.giveaway-module--overlap-image:not(.giveaway-module--reverse)::before {
	  right: 0;
	  left: auto;
	}
  
	.giveaway-module--overlap-image::before {
	  width: calc(var(--grid-column-width) * 7 + (var(--grid-gap) * 6) + var(--container-outer-margin));
	}
  
	.giveaway-module--overlap-both::before {
	  width: 100% !important; /* When it overlap both we force it to be 100% */
	}
  
	.giveaway-module__wrapper {
	  display: flex;
	  padding: 0;
	  align-items: center;
	}
  
	.giveaway-module--reverse .giveaway-module__wrapper {
	  flex-direction: row-reverse;
	}
  
	[dir="ltr"] .giveaway-module__image-wrapper {
	  margin-left: calc(var(--grid-column-width) + var(--grid-gap));
	}
  
	[dir="rtl"] .giveaway-module__image-wrapper {
	  margin-right: calc(var(--grid-column-width) + var(--grid-gap));
	}
  
	.giveaway-module__image-wrapper {
	  width: calc(var(--grid-column-width) * 8 + (var(--grid-gap) * 7));
	  margin-bottom: 0;
	}
  
	[dir="ltr"] .giveaway-module--reverse .giveaway-module__image-wrapper {
	  margin-left: 0;
	  margin-right: calc(var(--grid-column-width) + var(--grid-gap));
	}
  
	[dir="rtl"] .giveaway-module--reverse .giveaway-module__image-wrapper {
	  margin-right: 0;
	  margin-left: calc(var(--grid-column-width) + var(--grid-gap));
	}
  
	.giveaway-module__content-wrapper {
	  width: calc(var(--grid-column-width) * 9 + (var(--grid-gap) * 8));
	  margin-left: auto;
	  margin-right: auto;
	}
  }
  
  @media screen and (min-width: 1200px) {
	.giveaway-module__navigation {
	  margin-top: 48px;
	  column-gap: 40px;
	}
  }
  
  @media screen and (min-width: 1400px) {
	[dir="ltr"] .giveaway-module__content-wrapper {
	  margin-right: calc((var(--grid-column-width) + var(--grid-gap)) * 2);
	}
	[dir="rtl"] .giveaway-module__content-wrapper {
	  margin-left: calc((var(--grid-column-width) + var(--grid-gap)) * 2);
	}
	.giveaway-module__content-wrapper {
	  width: calc(var(--grid-column-width) * 7 + (var(--grid-gap) * 6));
	}
  }
.product-sticky-form .button, .product-sticky-form .select {
    border: 2.25px solid #282828;
}
  @import url(//db.onlinewebfonts.com/c/b2e75c336df191233b3096682c9ee6be?family=PixelarRegularW01-Regular);

.popover-container {
  z-index: 999999;
}
a[href="/pages/drum-club"] span {
    font-weight: bold !important;
}
.fsb_bar {
  font-family: Zurich !important;
}
.eapps-link {
  visibility: hidden;
}