/* template.css overrides -- use only when absolutely necessary
================================*/
.banner {padding-top:41.667%;}
.banner-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 300px;
background: url(../imgs/hero.jpg) no-repeat 0 0;
background-size:289.722222%;
}
.header2021-logo-img > img{
  width:102px !important;
  height:auto;
}

.price{margin:0 0 0.825em 0;}
.price-save-dollar,.price-save-label,.price-save-percent{position:relative;background:#cc4e00;color:#fff;font-weight:700;font-size:13px;}
.price-save-percent:after{left: 100%;border-bottom:19px solid #cc4e00;border-right: 10px solid transparent;margin-bottom:0;}
.price-save-label{padding:0 0 1px 6px}
.price-save-dollar{padding:0 0 1px 2px}
.price-save-percent{padding:0 6px 1px 2px}
.price-save-label:before,.price-save-percent:after{content:'';position:absolute;bottom:0;width:0;height:0;}
.item-cell{border-bottom:none;}
.item-promo{margin-top:1em;}
.item-promo-code{border-color:#888;}
.item-promo-title span{color:#333;}
.item-promo-info{color:#cc4e00;}
.item-promo-code{padding:1.5em 5px 1em 5px;height:auto;color:#cc4e00;}
.item-promo-code-save{display:inline;}
li.mir{display:none;}
.instantSavings, .mir{display:block;}
.finalPrice{font-size:1.6em;}
.instantSavings{font-family:'Open Sans Condensed',sans-serif; font-weight:100; color:#F58000; }
.finalPrice, .instantSavings, .mir{color:#000;}
.shipping{visibility:hidden;}
.instantSavings, .mir{font-size:1.25em;margin:0; padding:0 0 0; }
.header .logo { width:125px; }
/* No Orange Bar for Custom LPs with Black Background
.price-save-dollar,.price-save-label,.price-save-percent{position:relative;background:none;color:#fff;font-weight:700;font-size:13px;}
.price-save-percent:after{left: 100%;border-bottom:none;border-right: 10px solid transparent;margin-bottom:0;}
================================*/

/* Image Map links
================================*/
.ngg-maplinks { position:relative; }
.ngg-sku1, .ngg-sku2, .ngg-sku2b, .ngg-sku3, .ngg-sku4, .ngg-sku5, .ngg-sku6, .ngg-sku7,  
.ngg-sku8, .ngg-sku9, .ngg-sku10, .ngg-sku11, .ngg-sku12, .ngg-sku13, .ngg-sku14, .ngg-sku15, .ngg-sku15b, .ngg-sku17, .ngg-div2 { position:absolute; cursor:pointer; border:0px solid red; }

.ngg-sku1 { width:29%; height:13%; top:2%; left:3%; }
.ngg-sku2 { width:32%; height:17%; top:0%; left:33%; }
.ngg-sku2b { width:24%; height:8%; top:0%; right:11%; }
.ngg-sku3 { width:30%; height:19%; top:8%; right:2%; }
.ngg-sku4 { width:60%; height:10%; top:17%; left:2%; }
.ngg-sku5 { width:36%; height:13%; top:27%; left:32%; }
.ngg-sku6 { width:28%; height:24%; top:29%; left:3%;  }
.ngg-sku7 { width:29%; height:24%; top:29%; left:69%;}
.ngg-sku8 { width:26%; height:20%; top:40%; left:37%; }
.ngg-sku9 { width:32%; height:13%; bottom:32%; left:2%; }
.ngg-sku10 { width:31%; height:10%; bottom:35%; left:66%; }
.ngg-sku11 { width:31%; height:18%; bottom:22%; left:34%; }
.ngg-sku12 { width:30%; height:16%; bottom:14%; left:3%; }
.ngg-sku13 { width:28%; height:8%; bottom:11%; left:38%; }
.ngg-sku14 { width:30%; height:16%; bottom:18%; left:66%; }
.ngg-sku15 { width:79%; height:9%; bottom:1%; left:13%; }
.ngg-sku15b { width:15%; height:4%; bottom:2%; left:66%; }


.ngg-div2 { top:21%; left:33%; border:0px solid blue; color:black; font-family:'Montserrat',sans-serif; z-index:999; }
.ngg-div2 h2 { color:#ff6600; font-size:5em; }
.ngg-div2 h2 span, .ngg-div2 h2 sup { font-size:35px; }
.ngg-div2 .ngg-wasprice { font-size:20px; }
.ngg-div2 p { width:55%; font-weight:600; margin:auto; text-align:left; }
.ngg-save { position:absolute; top:-40%; right:0; padding:3% 6%;
        background-color:#ff8500; color:#000; text-align:center; border-radius:50%; border:3px solid #fff; }
.ngg-save > p { font-size:1.3em; line-height:1; }
.ngg-save h3 { font-size:4em; padding:0; line-height:1; }

/* Cover Page 
================================*/
.ngg-cover { background-color:#fff; border-radius:20px; padding:2%; width:100%; max-width:1400px; margin:auto; }
.ngg-cover-section1 { display:flex; justify-content:space-around; }
.ngg-cover-section1 div { flex:1 }
.ngg-large150 img { max-width:500px !important; width:100%; }
.ngg-price { color:#ff5400; font-size:3em; }
.ngg-dollarsign { font-size:1.5em; }
.ngg-wasprice { font-weight:400; color:#666; font-size:1em; text-decoration:line-through; }


/*================================*/

/* custom CSS on a per project basis
================================*/
html { scroll-behavior:smooth; }
body { background-color: #000; }
.cover-pg { max-width:1400px; }
.ngg-bf { font-family:'Montserrat',sans-serif; width:100%; background: #000; text-align:center; padding:1%; color:white; font-size:clamp(1.6rem, 3vw, 2rem); text-transform:uppercase; line-height:1; }
.bkg { background-image:none !important; }
.hero-home {background:#000; margin:auto; text-align:center; }
.hero-home img { width:100%; border-radius:30px; }
#ngg-blackfriday { text-align:center; font-family:'Montserrat',sans-serif; }
#ngg-blackfriday h3 { padding:1%; font-size:1.5em; text-transform:uppercase; }
.ngg-title { padding:0; margin:0; background:#000; }
.ngg-title img { max-width:1366px; width:100%; }
.ngg-category-title h3 { text-align: center; padding:2%; font-size:3em; }
.ngg-nav { max-width:100%; margin:auto; text-align:center; background:black; }
.ngg-nav a { display:inline-block; padding:3px 0px; }
.ngg-nav img, .ngg-nav2 img { width:100%; margin:auto; transition:.5s; }
.ngg-nav img:hover, .ngg-nav2 img:hover, .nav_bg:hover { filter:drop-shadow(0px 3px 6px #000); transition:.5s; }
.ngg-slide { background: rgba(0,0,0,1); }
#BFvid { width:100%; }
video[poster] { object-fit: cover; }
.ngg-cat-nav { display:flex; color:white; justify-content:space-around; flex-direction:column; flex-wrap:wrap; gap:30px 0; padding:2%; font-size:1.8rem; position:fixed; left:0; top:100px; overflow:scroll; background:black; max-height:500px; }
.ngg-cat-nav div { border:2px solid white; border-radius:0%; padding:10px; }
.ngg-sm { text-transform:lowercase; }
.ngg-categories { display:block; width:100%; }

/*optional nav*/
.ngg-nav2 { max-width:100%; margin:0 auto 2%; padding:0 10% 5%; text-align:center; background:black; display:flex; flex-wrap:wrap; }
.ngg-nav2 a { display:inline-block; padding:3px 1% 12px; flex:0 12%; }
.ngg-nav2 img { width:100%; margin:auto; }
.nav_bg { border-top-right-radius:32px; border-bottom-left-radius:16px; width:170px; height:170px; padding:7%; transition:0.5s; border:3px solid #999; }
.nav_bg:hover { border-color:red; transition:0.3s; }
.nav_bg img { max-width:100px; }
.nav_bg p { color:#fff; font-family:'Open Sans',sans-serif; }
.mybutton { display:block; }

/* swiperjs */
.swiper { width: 100%; padding:0 0 4%; }
.swiper-slide { text-align: center; font-size: 18px; background: transparent;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.swiper-button-prev, .swiper-button-next { transition:1s; font-size:1em; color:gold; }
.swiper-button-prev:hover, .swiper-button-next:hover { color:#fff; }
.swiper-pagination { display:none; }

/*
      .swiper-slide img {
        display: block;
        width: 147px;
        height: 161px;
        object-fit: contain;
      }*/



.disclaimer { margin-bottom:0; padding-bottom:2%; font-family:'Open Sans',sans-serif; }
.stick{
        position: fixed;
		left:0;
        top:0;
        z-index: 9999;
        padding-bottom: 0;
        border-bottom-left-radius: 25px;
  		border-bottom-right-radius: 25px;
		
      }

.cat_bt{
    display: none;
    padding: 12px 22px;
    background: #FAD067; background: linear-gradient(80deg, rgba(250, 208, 103, 1) 0%, rgba(199, 147, 4, 1) 59%, rgba(255, 232, 137, 1) 99%);
    border: 0px solid transparent;
    border-radius: 50px;
    color: #000;
    transition: 1s;
	min-width:200px;
	text-transform:uppercase;
	font-weight:bold;
	margin:8px 0;
	font-size:14px;
}

.cat_bt:hover{
   background: #FAD067; background: linear-gradient(160deg, rgba(250, 208, 103, 1) 0%, rgba(199, 147, 4, 1) 59%, rgba(255, 232, 137, 1) 99%);
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: goldenrod;
  color: black;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  font-weight:bold;
}

#myBtn:hover {
  background-color: white;
}
/* responsive CSS on a per project basis
================================*/
@media only screen and (max-width: 1000px) {
	.cat_bt { min-width:auto; font-size:11px; border-radius:20px; padding:6px 12px; }
}

@media only screen and (max-width: 550px) {
	/* insert responsive CSS for mobile screens below 550px */
    .items-grid .item-cell { width:90%; text-align:center; border-bottom:1px solid #333; padding-bottom:8%; }
    .item-img > img { max-width:300px; }
	.ngg-category-title h3 { font-size:2em; }
	.ngg-nav2 a { padding:3px 10px 12px; }
	.swiper-button-next, .swiper-button-prev { display:none; }
	.swiper-pagination { display:block; position:relative; padding-top:10px; }
  .swiper-pagination-bullet { background:white; }
	.stick { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
	.swiper { padding:0; }
	/*
	.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ font-size:16px; }
	.swiper-button-next, .swiper-button-prev { width:12%; top:55%; margin:0 34% 0; background:#fff; border-radius:50px; color:#c637da; transition:0; }
	.swiper-button-prev:hover, .swiper-button-next:hover { color:#c637da; }*/
}

@media only screen and (min-width: 375px) {
	/* insert responsive CSS for screens above 375px */
}
@media only screen and (min-width: 481px) {
	/* insert responsive CSS for screens above 481px */
}
@media only screen and (min-width: 641px) {
	/* insert responsive CSS for screens above 641px */
	.banner { padding-top: 21.667%; }
	.banner-img {
		background-position:100% 0;
		background-size: 152.7086383601757%;
	}	
}
@media only screen and (min-width: 769px) {
	/* insert responsive CSS for screens above 769px */
		.items-grid .item-cell { width: 22%; }

}
@media only screen and (min-width: 1025px) {
	/* insert responsive CSS for screens above 1025px */
}