/* 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-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-sku16, .ngg-sku17, .ngg-div2 { position:absolute; cursor:pointer; border:0px solid red; }

.ngg-sku1 { width:29%; height:18%; top:2%; left:4%; }
.ngg-sku2 { width:33%; height:23%; top:3%; left:33%; }
.ngg-sku3 { width:28%; height:21%; top:3%; right:4%; }
.ngg-sku4 { width:24%; height:24%; top:23%; left:4%; }
.ngg-sku5 { width:25%; height:17%; top:31%; left:28%; }
.ngg-sku6 { width:21%; height:24%; top:26%; left:53%; }
.ngg-sku7 { width:20%; height:25%; top:24%; right:5%; }
.ngg-sku8 { width:18%; height:23%; top:48%; left:5%; }
.ngg-sku9 { width:16.3%; height:16%; top:52%; left:23%; }
.ngg-sku10 { width:18%; height:20%; top:50%; left:41%; }
.ngg-sku11 { width:15%; height:19%; top:53%; right:25%; }
.ngg-sku12 { width:18%; height:23%; top:49%; right:5%; }
.ngg-sku13 { width:18%; height:19%; top:73%; left:7%; }
.ngg-sku14 { width:20%; height:21%; top:71%; left:30%; }
.ngg-sku15 { width:17%; height:22%; top:72%; right:29%; }
.ngg-sku16 { width:20%; height:17%; top:74%; right:5%; }
.ngg-sku17 { width:16%; height:20%; top:76%; right:41%; }

.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:1600px; 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:url('../imgs/bg3.jpg') #000 repeat-x top center fixed !important;  }
.cover-pg { max-width:1920px; }
.ngg-bf { width:100%; background: #000; text-align:center; padding:1%; color:white; font-size:2em; 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%; }
#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 #ff0033); 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; }

/*optional nav*/
.ngg-nav2 { max-width:100%; margin:0 auto 2%; padding:0 10% 5%; text-align:center; background:black; }
.ngg-nav2 a { display:inline-block; padding:3px 30px 12px; }
.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 12px; }
.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; }
.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: 20px;
        border-bottom-left-radius: 25px;
  		border-bottom-right-radius: 25px;
		
      }

.cat_bt{
    display: none;
    padding: 12px 22px;
    background: linear-gradient(#240c43, #01235e) padding-box, linear-gradient(45deg, #c637da, #31ffff) border-box;
    border: 1px solid transparent;
    border-radius: 50px;
    color: white;
    transition: 1s;
	min-width:200px;
	text-transform:uppercase;
	font-weight:bold;
	margin:18px 0 0 0;
	font-size:14px;
}

.cat_bt:hover{
   background: linear-gradient(45deg, #c637da, #31ffff) padding-box, linear-gradient(45deg, #c637da, #31ffff) border-box; color:#fff;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 50px;
  right: -3px;
  z-index: 99;
  font-size: 16px;
  border: none;
  outline: none;
  background-color: #1946b8;
  color: white;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}
/* 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 */
}