.bf-spacer {display:none;}

@media only screen and (min-width: 991px) {
  .bf-spacer {display:block;}
}


/* Generic */
#black-friday {background:#0A0C0B;}
.productlist-details h2, .productlist-details h3 {color:#000000;}

/*HEADER*/
#black-friday-header {overflow:hidden; position:relative; cursor:pointer;}
#black-friday-header #header-cta {height:48px; color:#ffffff; position:absolute; bottom:40px; left:0; right:0; margin:auto; background:#00857d; border:1px solid #00857d; border-radius:100px; display:flex; flex-wrap:nowrap; justify-content:center; text-align:center; align-items:center; white-space:nowrap; width:300px; max-width:calc(100vw - 2rem); margin:auto; font-family: 'droid_sansbold', sans-serif; font-size:16px;}
#black-friday-header #header-cta:hover {background:#007a73; border:1px solid #007a73;}

@media all and (max-width: 500px) {
  #black-friday-header #header-cta {bottom:25px;}
}

@media all and (min-width: 768px) {
  #black-friday-header {height: auto;}
  #black-friday-header img {height: auto; max-width: unset; width: 100%; left: 0;}
}

@media all and (min-width: 992px) {
  #black-friday-header #header-cta {bottom:60px;}
}

/*HEADER*/


/*BLACK FRIDAY SLIDER GENERIC*/
.bf-section {/*display:grid*/; padding:25px 0; align-items:center;}
.bf-section .bf-section-title {position:relative; width:100%; margin-bottom:25px !important; display:grid; grid-auto-flow:row; grid-row-gap:12px;}
.bf-section .bf-section-title div {display:grid; justify-content:center !important; align-items:center; width:100%; position:relative;}
.bf-section .bf-section-title div i {color:#ffffff; font-size:26px; display:flex; justify-content:center; margin-bottom:10px;}
.bf-section .bf-section-title div h2 {text-align:center; font-size:24px; padding:0 24px; margin:0; color:#ffffff; font-weight:700; font-family: 'droid_sansbold', sans-serif;}

.bf-section-slider {flex-wrap:wrap; position:relative; display:flex; max-width:100%; align-items:center; z-index:0;}
.bf-section-slider .bf-section-slider-inner {scroll-behavior:smooth; overflow-x:auto; overflow-y:hidden; max-width:100%; -ms-overflow-style:none; scrollbar-width:none; display:grid; grid-auto-flow:column; grid-column-gap:24px !important; padding-left:16px; padding-right:16px; align-self:flex-start; -ms-overflow-style:none; scrollbar-width:none;}
.bf-section-slider .bf-section-slider-inner::-webkit-scrollbar {display:none;}

.bf-section-slider .bf-section-slider-inner a {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; min-width:250px; height:auto; aspect-ratio:4/5; position:relative; border-radius:12px; color:#443c36;}
.bf-section-slider .bf-section-slider-inner a:hover {box-shadow:0 12px 24px 0 rgba(0,0,0,.1)}
.bf-section-slider .bf-section-slider-inner .bf-slider-item-image {width:100%; height:100%; border-radius:12px;}
.bf-section-slider .bf-section-slider-inner .bf-slider-item-image img {width:100%; height:100%; border-radius:12px; object-fit:cover; aspect-ratio:4/5;}
.bf-section-slider .bf-section-slider-inner .bf-slider-item-image::after {content:""; top:0; right:0; bottom:0; left:0; background-image:linear-gradient(180deg,rgba(0,0,0,.499),rgba(0,0,0,.3) 28.32%,hsla(0,0%,87%,0)); position:absolute; border-radius:12px;}
.bf-section-slider .bf-section-slider-inner .bf-slider-item-text {display:flex; flex-direction:column; align-items:flex-start; position:absolute; top:24px; left:24px; color:#ffffff; font-family:droid_sansbold;}
.bf-section-slider .bf-section-slider-inner .bf-slider-item-text span {font-size:14px; margin-bottom:6px;}
.bf-section-slider .bf-section-slider-inner .bf-slider-item-text b {font-size:18px; padding-right:16px; font-weight:700;}
.bf-section-slider .bf-section-slider-inner .bf-slider-cta {font-size:12px; padding:8px 15px; width:auto; position:absolute; bottom:24px; left:24px; background-color:#fff; color:#443c36; border-radius:50px; font-family: 'droid_sansbold', sans-serif;}

.bf-section-slider-control {margin-top:50px; margin-bottom:0; width:100%; display:grid; grid-auto-flow: column; grid-column-gap:16px !important; visibility:visible; justify-content: center;
  align-items: center;}
.bf-section-slider-control button {position: relative; background:#ffffff; border:none; display:flex; align-items:center; justify-content:center; padding:0;
  min-width:32px; width:32px; min-height:32px; height:32px; font-size:12px; border-radius:50%; border:1px solid #c8c4c1;}
.bf-section-slider-control button::before {content:""; position:absolute; top:-6px; right:0; bottom:-6px; left:0;}
.bf-section-slider-control .svg-inline--fa {display:inline-block; color:#00857d; height:1em; overflow: visible; box-sizing: content-box; opacity:.4;}

.bf-section-slider-control.slider-scrolling button {background:#f8f7f6;}
.bf-section-slider-control.slider-scrolling .bf-slider-control-right .svg-inline--fa, .bf-section-slider-control.slider-start .bf-slider-control-right .svg-inline--fa {opacity:1;}
.bf-section-slider-control.slider-scrolling .bf-slider-control-left .svg-inline--fa, .bf-section-slider-control.slider-end .bf-slider-control-left .svg-inline--fa {opacity:1;}

@media only screen and (min-width: 620px) {
  .bf-section-slider-control button {min-width:48px; width:48px; min-height:48px; height:48px; font-size:16px;}
}

@media only screen and (min-width: 1280px) {
  .bf-section .bf-section-title {margin-bottom:35px !important;}
  .bf-section .bf-section-title div h2 {font-size:37px;}
  .bf-section .bf-section-title div i {font-size:32px;}
  .bf-section-slider .bf-section-slider-inner {padding:0 4%;}
  .bf-section-slider .bf-section-slider-inner a {aspect-ratio:16/9; min-width:525px;}
  .bf-section-slider .bf-section-slider-inner .bf-slider-item-image img {aspect-ratio:16/9;}
  .bf-section-slider .bf-section-slider-inner .bf-slider-item-text span {font-size:14px;}
  .bf-section-slider .bf-section-slider-inner .bf-slider-item-text b {font-size:24px;}
}
/*BLACK FRIDAY SLIDER GENERIC*/

/*COMPACT VIEW SLIDER*/
.bf-section-slider.compact .bf-section-slider-inner a {min-width:auto; height:255px !important; width:320px !important; aspect-ratio:3/2!important;}
.bf-section-slider.compact .bf-section-slider-inner .bf-slider-item-image:first-child, .bf-section-slider.compact .bf-section-slider-inner .bf-slider-item-image img {width:320px; height:255px;}
.bf-section-slider.compact .bf-section-slider-inner .bf-slider-item-text {top:24px; left:24px;}
/*COMPACT VIEW SLIDER*/


/*DEAL OF THE DAY*/
.bf-dealofday {color:#443c36; margin:0 16px !important; background:#fff; align-items:stretch; overflow:hidden; grid-auto-flow:row; border-radius:12px; text-decoration:none; color:#443c36; padding:0; text-decoration:none !important;}
.bf-dealofday .bf-dealofday-image {position:relative; aspect-ratio:3/2; display:grid; grid-auto-flow:column;}
.bf-dealofday .bf-dealofday-image img {width:100%; max-width:100%; aspect-ratio:3/2; object-fit:cover;}
.bf-dealofday .bf-dealofday-text {background: #fff; margin:auto !important; padding:24px; justify-content:center; display:grid; grid-auto-flow:row; grid-row-gap:16px !important;}
.bf-dealofday .bf-dealofday-text h4 {font-size:28px; margin:0; font-style:normal; color:#443c36; font-family:'droid_sansbold', sans-serif; text-align:center; font-weight:700;}
.bf-dealofday .bf-dealofday-text p {font-size:16px; margin:0; font-style:normal; color:rgba(68,60,54,.8); text-align:center;}
.bf-dealofday .bf-dealofday-text p .bf-dealofday-price {display:block; margin-top:10px; font-family: 'droid_sansbold', sans-serif;}
.bf-dealofday .bf-dealofday-text p .bf-dealofday-price .bf-dealofday-price-was {color:#333333; text-decoration:line-through; padding-right:5px;}
.bf-dealofday .bf-dealofday-text p .bf-dealofday-price .bf-dealofday-price-now {color:#bb051c; padding-left:5px;}
.bf-dealofday .bf-dealofday-text span.bf-dealofday-cta {position:relative; border:none; display:flex; flex-wrap:nowrap; justify-content:center; text-align:center; align-items:center; white-space:nowrap; padding:.875rem 32px; border-radius:100px; font-family:font-family: 'droid_sansbold', sans-serif; margin-top:0.25rem; height:48px; font-size:16px; align-self:stretch; font-weight:700; border:1px solid #00857d; background:#00857d; color:#fff;}


@media only screen and (min-width: 745px) {
  .bf-dealofday {display:grid; grid-auto-flow:column !important; grid-template-columns:1fr 1fr; align-items:center;}
  .bf-dealofday .bf-dealofday-image {order:2;}
  .bf-dealofday .bf-dealofday-image img {height:100%;}
}

@media only screen and (min-width: 1280px) {
  .bf-dealofday {margin:0 4% !important;}
  .bf-dealofday .bf-dealofday-text {width:60%;}
  .bf-dealofday .bf-dealofday-text h4 {font-size:42px;}
  .bf-dealofday .bf-dealofday-text span.bf-dealofday-cta:hover {background:#007a73; border:1px solid #007a73;}
}
/*DEAL OF THE DAY*/


/*SEO*/
#black-friday .seocopy, #black-friday .seocopy h1 {color:#ffffff !important;}
.seocopy .showhide, .seocopy h2 {font-family: 'droid_sansbold', sans-serif;}
.seocopy {padding:20px 15px 10px; display:block; margin:0 auto; width:100%; max-width:800px; text-align:center; line-height:1.6em; font-size:12.5px;}
.seocopy a {display:inline;}
.seocopy h1 {display:block !important; text-align:center; font-family: 'droid_sansbold', sans-serif; font-size:20px;}
.seocopy h2 {padding:0 10px 10px !important; margin:0 !important; display:block; font-size:14.5px; font-weight:400;}
.seocopy .showhide {font-weight:400;}
.seocopy .showhide:hover {cursor:pointer;}

@media all and (min-width: 768px) {
  .seocopy {font-size:14.5px; font-weight:400; padding:30px 135px;}
}

@media all and (min-width: 990px) {
  .seocopy {padding:30px 95px;}
}

.read-more-content {max-height:0; overflow:hidden; transition:max-height 0.5s;}
.read-more-toggle-label {display:inline;}
.read-more-toggle-label:after {content:"More \203A\203A"; display:inline-block;}
.read-more-toggle:checked + .read-more-content {display:block; max-height:100%; border-radius:10px;}
.read-more-toggle:checked + .read-more-content + .read-more-toggle-label:after {content:"Less \203A\203A";}
.read-more-toggle, .read-more-toggle-top {display:none;}
/*SEO*/



@keyframes textShine {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

.gradient-text {
  font-size: clamp(2.8rem, 1.5vw, 3rem);
  font-weight: bold;
  margin: 5px;
  background: linear-gradient(
    to right,
    #0A0C0B 20%,
    #90651c 30%,
    #f3af3d 70%,
    #0A0C0B 80%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 500% auto;
  animation: textShine 5s ease-in-out infinite alternate;
}