/** Shopify CDN: Minification failed

Line 46:47 Unexpected "-->"

**/




@font-face {
  font-family: Oswald;
  font-weight: 400;
  font-style: normal;
  src: url("//creative-tests.myshopify.com/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2?h1=Y3JlYXRpdmUtdGVzdHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=8728571cde83b3b159565979f5f9232c02d418257d9dc1bb44f6ffaf6b64a5ed") format("woff2"),
       url("//creative-tests.myshopify.com/cdn/fonts/oswald/oswald_n4.ae5e497f60fc686568afe76e9ff1872693c533e9.woff?h1=Y3JlYXRpdmUtdGVzdHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=37d90c63e163dc4f14a1808fdf055696de7ed34e1fd43809ce2efb59c0ae0492") format("woff");
}

@font-face {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  src: url("//creative-tests.myshopify.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2?h1=Y3JlYXRpdmUtdGVzdHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=b40c5527b90fa11cd04cc8988606984890e59843a564e4ef427b1374bca040d1") format("woff2"),
       url("//creative-tests.myshopify.com/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff?h1=Y3JlYXRpdmUtdGVzdHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=44e69337c1c13047373424b61a636161b5036470e80d93dc9f2367859c80d3fe") format("woff");
}

:root {
  --off-black: #282828;
  --white: #ffffff;
  --qps-green: #69ff47;
  --title-font:Oswald, sans-serif;
  --body-font:Montserrat, sans-serif;
  --flex-gap:20px;
  --font-size-h1:36px;
  --font-size-h4:24px;
  --font-size-h3:18px;
  --font-size-base: 16px;
    --font-size-b1: 16px;
    --font-size-b2: 14px;
    --font-size-b3: 12px;
	--sale-red: #bf2e35;
	--sale-grey: #6e6e6e;
}

*  {padding:0; margin:0; box-sizing:border-box }

<!-- remove arrows & tuen buttons black safari -->
details summary::-webkit-details-marker {
  display: none;
}
button {
  color: #000;
}
select {
  color: #000;
}


a {text-decoration:none; color:#000}
.product_description a, .articleBody a, .productAccordion a {text-decoration:underline}
 

body { margin:0; padding:0;
		background-color: #ffffff;
		color: #000; padding-top:112px; font-family:var(--body-font)
		 }

.body__noScroll {
  overflow-y: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

body * {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

table, tr, td {border-color:#fff; border:none !important}


body:before {
  content: '';
  background-image: url(https://cdn.shopify.com/s/files/1/0564/2915/0366/files/buttonBGFix_36ca0eaa-ce56-4481-be64-b676224f38ce.gif?v=1728394093);
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden; /* Hide this element */
}

@media only screen and (min-width: 1024px){
body {padding-top:149px}
}

.mobile1024 {display:block}

@media only screen and (min-width: 1024px){
	.mobile1024 {display:none !important}
}

h1,h2,h3,h4,h5,h6 {font-family:var(--title-font); text-transform:uppercase; line-height:1}
h1 {font-size:50px; padding:25px 0}
h2 {font-size:24px; padding:20px 0}
p {font-family:var(--body-font); line-height:1.5; letter-spacing:0px; margin:20px 0}
.flex {display: flex; flex-wrap: wrap;
   justify-content: start; gap:var(--flex-gap)}
.flex-center {justify-content:center !important}
 .flexSpaceBetween {justify-content:space-between !important}
 .flexEnd {justify-content:end !important}

@media only screen and (max-width: 1024px){
 .mobilePadding {padding:20px}
}
.AllSidePadding {padding:0 25px}
.DTpadding {padding:0}
@media only screen and (min-width: 1024px){
	.DTpadding {padding:0 25px}
}
.bottomPadding {padding-bottom:25px !important}

.flex2, .flex3, .flex4, .flex5 {width:100%; }
@media only screen and (min-width: 768px){
	.flex2 { width: calc(50% - var(--flex-gap));}
	.flex3 { width: calc(33.3333333% - var(--flex-gap));}
	.flex4 { width: calc(25% - var(--flex-gap));}
	.flex5 { width: calc(20% - var(--flex-gap));}
}

.clear {width:100%; display:block; clear:both}
.middler {width:100%; max-width:1400px; margin:0 auto}
.middler1400 {width:100%; max-width:1400px; margin:0 auto}
.middler1500 {width:100%; max-width:1500px; margin:0 auto}
.middler2000 {width:100%; max-width:2000px; margin:0 auto}
footer {width:100%;  padding:25px; background-color:var(--off-black); font-family:var(--body-font); color:var(--white);}
footer a {text-decoration:none; color:var(--white); display:block; height:44px }
footer div {line-height:2}
.footerHeader {font-size:var(--font-size-h3); font-family:var(--title-font)}
.max_width_center {max-width:1400px; margin:0 auto}
.hidden {width:0; height:0; overflow:hidden; border:none; outline:none}
.visible {visibility:visible}
.invisible {visibility:hidden}


.fullwidth_text_section .heading {height:24px}

@media only screen and (min-width: 768px){
footer a {height:auto}
}

.fullwidth_text_section {width:100%; height:auto}






@media only screen and (min-width: 1024px){


	.bannerbutton {
	  --cblack: var(--off-black);
	  /* the color*/
	  --_p: 0%;
	  box-shadow: 0 0 0 .1em inset var(--cblack);
	  --_g: linear-gradient(var(--cblack) 0 0) no-repeat;
	  background: var(--_g) calc(var(--_p, 0%) - 100%) 0%, var(--_g) calc(200% - var(--_p, 0%)) 100%;
	  background-size: 50%;
	  outline-offset: .1em;
	  transition: background-position .4s, color .4s;
	  border:1px solid var(--off-black) !important
	}
	.bannerbutton:hover {
	  --_p: 100%;
	  color:#fff;
	  border:1px solid #fff !important
	}
	.bannerbutton:active {
	  box-shadow: 0 0 9e9q inset #0009;
	  background-color: var(--off-black);
	  color: var(--off-black);
	  border:1px solid #fff !important
	}


	.bannerbutton {
	  font-family: var(--title-font);
	  font-size:var(--font-size-b2);
	  cursor: pointer;
	  padding: 14px 25px;
	  font-weight: bold;
	  border: none;
	  height:52px;
	  color:var(--off-black);
	  background-color:#fff;
	  width:150px;
	  text-align:center;
	  border-radius:30px;
	   box-shadow: none;
	}
}


@media only screen and (max-width: 1023px){
	.bannerbutton {
	  font-family: var(--title-font);
	  font-size:var(--font-size-b2);
	  cursor: pointer;
	  padding: 16px 25px;
	  font-weight: bold;
	  border: none;
	  height:52px;
	  color:var(--off-black);
	  background-color:#fff;
	  width:100%;
	  text-align:center;
	  border-radius:30px;
	   box-shadow: none;
	   transition:background-color 0.5s
	}

	.bannerbutton:hover {background-color:#ddd;}

}









 .fwt_buttonHolder a {width:100%}
@media only screen and (min-width: 768px){
	.fwt_buttonHolder a {width:175px}
}
 .searchCloserImg {display:none}

.fwt_buttonHolder {margin-top:20px}








	.buyNowButton {width:100%; display:block; margin-bottom:20px; cursor:pointer; bottom:50px; left: 50%; border-radius:40px}
	.buyNowButton input {width:101% !important; box-sizing:border-box; background-color:#000; color:#fff; text-align:center; border:none; outline:none;   cursor:pointer; border-radius:40px}

@media only screen and (min-width: 1024px){
  	.buyNowButton, .buyNowButton input { border-radius:0px}
}



.bannerbuttonblack {
	  font-family: var(--title-font);
	  font-size:var(--font-size-b2);
	  cursor: pointer;
	  padding: 12px 25px;
	  font-weight: bold;
	  border: 1px solid #fff;
	  height:50px;
	  color:#fff;
	  width:150px;
	  display:block;
	  text-align:center;
	  border-radius:30px;
	   box-shadow: none;
	   display:block;
	   transition: background-color 0.5s;
	   background-color:var(--off-black);
	}


@media only screen and (min-width: 1024px){
	.bannerbuttonblack {
	  --c:  #fff; /* the color*/

	  --_p: 0%;
	  box-shadow: 0 0 0 .1em inset var(--c);
	  --_g: linear-gradient(var(--c) 0 0) no-repeat;
	  background: var(--_g) calc(var(--_p, 0%) - 100%) 0%, var(--_g) calc(200% - var(--_p, 0%)) 100%;
	  background-size: 50%;
	  outline-offset: .1em;
	  transition: background-position .4s, color .4s;
	}
	.bannerbuttonblack:hover {
	  --_p: 101%;
	  color:var(--off-black);

	}
	.bannerbuttonblack:active {
	  background-color: var(--c);
	  color: #fff;
	}

	.blackBG {background-color:var(--off-black)}

	.bannerbuttonblackBGFix {
	  height: 50px;
	  width: 100%;
	  display: inline-block;
	  background-image: none;
	  background-position: right;
	  background-repeat: repeat-y;
	  background-size: 100% 100%;
	  padding: 0;
	  margin: 0;
	  transition: background-image 0.3s ease;
	}
	.bannerbuttonblackBGFix:hover {
	  background-image: url(https://cdn.shopify.com/s/files/1/0564/2915/0366/files/buttonBGFix_36ca0eaa-ce56-4481-be64-b676224f38ce.gif?v=1728394093);
	  border-radius:30px;
	}
	}

@media only screen and (max-width: 767px){
	.bannerbuttonblackBGFix {width:100%}

}
@media only screen and (min-width: 768px){
	.bannerbuttonblackBGFix {width:auto}
}


@media only screen and (max-width: 1023px){
	.bannerbuttonblack:hover {
	background-color:#333;
	}
}








@media only screen and (min-width: 1024px){

	.emptyButton {
	  --c:  #fff; /* the color*/

	  --_p: 0%;
	  box-shadow: 0 0 0 .1em inset var(--c);
	  --_g: linear-gradient(var(--c) 0 0) no-repeat;
	  background: var(--_g) calc(var(--_p, 0%) - 100%) 0%, var(--_g) calc(200% - var(--_p, 0%)) 100%;
	  background-size: 50%;
	  outline-offset: .1em;
	  transition: background-position .4s, color .4s;
	}
	.emptyButton:hover {
	  --_p: 100%;
	  color:var(--off-black);
	}
	.emptyButton:active {
	  box-shadow: 0 0 9e9q inset #0009;
	  background-color: var(--c);
	  color: #fff;
	}

	.emptyButton {
	  font-family: var(--title-font);
	  font-size:var(--font-size-b2);
	  cursor: pointer;
	  padding: 14px 25px;
	  font-weight: bold;
	  border: none;
	  height:50px;
	  color:#fff;
	  width:150px;
	  text-align:center;
	  border-radius:30px
	}

}


@media only screen and (max-width: 1023px){
	.emptyButton {
	  font-family: var(--title-font);
	  font-size:var(--font-size-b2);
	  cursor: pointer;
	  padding: 15px 25px;
	  font-weight: bold;
	  border: none;
	  height:50px;
	  color:#000;
	  background-color:#fff;
	  width:150px;
	  text-align:center;
	  border-radius:30px;
	   transition: background-color .4s, color .4s;
	}
	.emptyButton:hover {background-color:#ddd}
}


	.SlideButtonAnimated {
	  font-family: var(--title-font);
	  font-size:var(--font-size-b2);
	  cursor: pointer;
	  padding: 0;
	  font-weight: bold;
	  border: none;
	  height:52px;
	  color:#000;
	  background-color:#fff;
	  width:150px;
	  text-align:center;
	  border-radius:30px;
	  text-align:center;
	  margin-top:15px;
	  text-transform:uppercase;
	  box-shadow: none;
	  transition:background-color 0.2s
	}

#shopify-section-template--17328572170393__image_with_text_overlay_aahfiw .SlideButtonAnimated {width:226px}

@media only screen and (max-width: 1023px){
.SlideButtonAnimated:hover {background-color:#ddd}
}



.SlideButtonAnimated a {display:block; width:150px; height:50px; padding-top:15px}


@media only screen and (min-width: 1024px){
	.SlideButtonAnimated {
	  --cblack: #fff;
	  /* the color*/
	  --_p: 100%;
	  box-shadow: 0 0 0 .1em inset var(--cblack);
	  --_g: linear-gradient(var(--cblack) 0 0) no-repeat;
	  background: var(--_g) calc(var(--_p, 0%) - 100%) 0%, var(--_g) calc(200% - var(--_p, 0%)) 100%;
	  background-size: 50%;
	  outline-offset: .1em;
	  transition: background-position .4s, color .4s;
	}
	.SlideButtonAnimated:hover {
	  --_p: 0%;
	  color:#fff;
	  border:1px solid #fff
	}
	.SlideButtonAnimated:active {
	  box-shadow: 0 0 9e9q inset #0009;
	  background-color: var(--off-black);
	  color: #fff;
	}


	.SlideButtonAnimated a {text-decoration:none !important; margin:0 auto}

	.SlideButtonAnimated:hover a {
	  color: #fff;
	}

}


@media only screen and (min-width: 1024px){

.buyNowButtonAnimated {
  --c:  #fff; /* the color*/

  --_p: 0%;
  box-shadow: 0 0 0 .1em inset var(--c);
  --_g: linear-gradient(var(--c) 0 0) no-repeat;
  background: var(--_g) calc(var(--_p, 0%) - 100%) 0%, var(--_g) calc(200% - var(--_p, 0%)) 100%;
  background-size: 50%;
  outline-offset: .1em;
  transition: background-position .4s, color .4s;
}
.buyNowButtonAnimated:hover {
  --_p: 100%;
  color:var(--off-black);
  border:1px solid var(--off-black) !important
}
.buyNowButtonAnimated:active {
  box-shadow: 0 0 9e9q inset #0009;
  background-color: var(--c);
  color: #fff;
}

}


.buyNowButtonAnimated {
  font-family: var(--title-font);
  font-size:var(--font-size-b2);
  cursor: pointer;
  padding: 15px 25px;
  font-weight: bold;
border-width: 1px !important;
border-style: solid !important;
border-color: #000 !important;
  height:50px;
  color:#fff;
  width:150px;
  text-align:center;
  border-radius:30px;
  box-shadow: none;
  text-transform:uppercase
}

@media only screen and (max-width: 1023px){
.buyNowButtonAnimated:hover {background-color:#333}
}





.buyNowButtonAnimatedFlip {
  --c:  #fff; /* the color*/

  --_p: 100%;
  box-shadow: 0 0 0 .1em inset var(--c);
  --_g: linear-gradient(var(--c) 0 0) no-repeat;
  background: var(--_g) calc(200%, 0%) - 100%) 0%, var(--_g) calc(200% - var(--_p, 0%)) 100%;
  background-size: 50%;
  outline-offset: .1em;
  transition: background-position .4s, color .4s;
}
.buyNowButtonAnimatedFlip:hover {
  --_p: 0%;
  color:#fff;
  border:1px solid var(--off-black)
}
.buyNowButtonAnimatedFlip:active {
  box-shadow: 0 0 9e9q inset #0009;
  background-color: var(--c);
  color: #fff;
}


.buyNowButtonAnimatedFlip {
  font-family: var(--title-font);
  font-size:var(--font-size-b2);
  cursor: pointer;
  padding: 15px 25px;
  font-weight: bold;
border-width: 1px !important;
border-style: solid !important;
border-color: #000 ;
  height:50px;
  color:#fff;
  width:150px;
  text-align:center;
  border-radius:30px;
  box-shadow: none;
  text-transform:uppercase
}








.collection {width:100%; max-width:1400px; margin:0 auto; display:block; box-sizing:border-box;}
.collectionImage {z-index:1; width:100%;position:relative; height:100%; overflow:hidden}
.collectionImage img {width:100% !important; height:auto; position:relative; display:block}
.collection .heading {line-height:0.5}

.collectionImage .image {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: auto;
  transform: translate(-50%, -50%);
  object-fit: cover; /* Ensures image covers the container */
}


.collectionoverlay {
  position: absolute;

  top: 0;
  color: #f1f1f1;
  width: 100%;
  height:100%;
  font-size: 20px;
  padding: 20px;
  }

.collectionTitlePosition {position:absolute; bottom:20px; left:20px; font-family:var(--title-font); font-size:24px; font-weight:bold; text-transform:uppercase;   text-align: left; padding-right:40px}

.collectionoverlay .emptyButton {width:140px}


.footer_col h3 {text-transform:uppercase}



#admin-bar-iframe{display:none!important;}


.imgTxtSideBySide {width:100%; max-width:1400px; margin:25px auto; display:flex; gap:50px; position:relative; padding:25px}
.imgTxtImg, .img_Txt_Txt {
    flex: 0;
}

.img_txt_heading {font-family:var(--title-font); font-size:26px; text-transform:uppercase}
.imgTxtImg {flex: 1;
    display: flex;
    flex-direction: column;
	background-size: cover;
    background-position: center;
	}
.imgTxtSideBySide img {width:auto; height:100%; position:relative}
.imgTxtSideBySide .img_txt_heading {text-align:center}

@media only screen and (max-width: 260px) {
	.imgTxtSideBySide img {width:100%;}
}

.shopify-policy__container {max-width:1400px}


@keyframes animatedText {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.animatedText-animation {
  animation: animatedText 1.5s;
}

@keyframes fadeInUp {
  0% {
    transform: translateY(33%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.fadeInUp-animation {
  animation: 0.25s fadeInUp;
  animation-fill-mode: forwards;
}

.animOverride1 {animation-delay: 0.0s;}
.animOverride2 {animation-delay: 0.05s;}
.animOverride3 {animation-delay: 0.075s;}
.animOverride4 {animation-delay: 0.1s;}
.animOverride5 {animation-delay: 0.125s;}
.animOverride6 {animation-delay: 0.15s;}
.animOverride7 {animation-delay: 0.175s;}
.animOverride8 {animation-delay: 0.2s;}
.animOverride9 {animation-delay: 0.225s;}
.animOverride10 {animation-delay: 0.25s;}

.animStartState {transform: translateY(33%); opacity:0}


 .fadeIn {
    opacity: 0; /* Initially hidden */
    animation: fadeIn 1s ease-in-out forwards; /* Apply the animation */
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }






/* sold out labels */
.soldOutLabel {
  position: absolute;
  top: 10px;
  left: 0px;
  background-color: #e0e0e0;
  color: var(--off-black);
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  z-index: 10;
  font-family:var(--title-font); text-transform:uppercase
}
.saleLabel {
  position: absolute;
  top: 10px;
  left: 0px;
  background-color: var(--off-black);
  color: #e0e0e0;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  z-index: 10;
  font-family:var(--title-font); text-transform:uppercase
}

.bottomMar {margin-bottom:25px}


.originalPrice {font-size:14px; background-color:#fff; text-decoration:line-through; padding-right:10px}
.discount {padding-right:10px}
.finalPrice {font-size:14px; font-family:var(--body-font); font-weight:bold}
.salePrice {font-weight:bold; font-size:14px; font-family:var(--body-font); padding-right:5px}
.percent {font-size:14px}
.oldPrice {font-size:14px; color:#900; text-decoration:line-through}
.wasprice {font-size:var(--font-size-base); color:var(--sale-grey); background-color:#fff; text-decoration:line-through}
.nowprice {font-size:var(--font-size-h4); font-family:var(--title-font); color:var(--sale-red)}

@media only screen and (min-width: 768px) {
	.salePrice {font-size:18px;}
	.finalPrice {font-size:18px;}
	.percent {font-size:18px}
}

.price {font-size:24px; font-family:var(--title-font); margin-bottom:20px}
.discountPosition {width:auto; height:0; display:block; position:relative; top:-60px}
.discountBG {width:50px; padding-left:5px; padding-top:3px; height:31px; background-color:#fff; display:block}


#shopify-block-judge_me_reviews_review_widget_3MYtqY {width:100rll%; max-width:1400px; margin:0 auto}
.shopify-policy__container a {text-decoration:underline}
.shopify-policy__container ul {margin-left:25px}


.slideContent {
  text-align: center;

}
@media only screen and (min-width: 1500px){
.slideContent {padding:0}
}

.kl-teaser-SYVccN {z-index:900 !important}
.jdgm-carousel-wrapper {padding:0 !important}
.jdgm-rev-widg {padding-left:25px !important; padding-right:25px !important}
.img_txt_side_by_sidetemplate--17697337475230__image_with_text_side_by_side_qmcFKK, .img_txt_side_by_sidetemplate--17693090611358__image_with_text_side_by_side_X4PW7X {padding-bottom:0; margin-bottom:0}
.shopify-block-judge_me_reviews_preview_badge_TDwQaA {padding-left:0 !important}
.shopify-product-form .shopify-app-block {padding-left:0 !important}

#shopify-section-template--17341744283801__icons_with_text_cRyWmj img{ max-width:100%; height:auto}

.content ul {margin-left:25px; margin-bottom:25px}