/* 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:2px 0 1px 6px}
.price-save-dollar{padding:2px 0 1px 2px}
.price-save-percent{padding:2px 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-size:0.925em}
.finalPrice, .instantSavings{color:#000;}
.shipping{visibility:hidden;}
.mir{font-size:1em;margin:0;color:#016B04}
.header .logo { width:125px; }
.items-grid:after { background:none; }
.item-title a { font-size:14px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; }
.item-container:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
/* 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;}
================================*/

/* custom CSS
================================*/

:root {
	--ngg-darkblue:#09144f;
	--ngg-blue:#084BA6;
	--ngg-orange:#fa9d28;
	--ngg-darkorange: #ff8500;  
	--ngg-footgry: #333;  
	--ngg-opensans:'Open Sans', sans-serif;
	--ngg-btn-txt:#212121;
  }

body { background-color:#231a14; } 
.section-inner { max-width:1500px; }
.ngg-inner-content { text-align:center; font-family:'Montserrat',sans-serif; }

/* NGG BUTTON Sizes */  
.btn-primary, .button.button-primary, .ngg-shopall, .ngg-buynow { text-transform:none; font-family:var(--ngg-opensans); border:0; background-color:var(--ngg-orange); color:var(--ngg-btn-txt); }
.ngg-btn { border:0; background:none; width:100%; margin:3% 0; }
.ngg-item-btn { margin:auto; text-align:center; }
.ngg-item-btn a { border-radius:35px; width:100%; letter-spacing:0; font-size:clamp(14px, 1.5vw, 1rem); }
.ngg-shopall, .ngg-buynow { border-radius:50px; text-align:center; transition:0.5s;	font-weight:700; font-family:var(--ngg-opensans); }
.ngg-shopall { border-radius:50px; text-align:center; background-color:#fa9d28; color:#212121; border:0; padding:6px 2%; transition:0.5s; font-weight:700; text-transform:none; font-family:'Open Sans' !important; font-size:clamp(1.5rem, 2vw, 2rem); }
.ngg-buynow { padding:2px 2% 4px; font-size:clamp(1.25rem, 2vw, 1.50rem); }
.ngg-shopall:hover, .ngg-buynow:hover, .ngg-item-btn a:hover { background-color:var(--ngg-darkorange); transition:0.35s; text-decoration:none; color:#212121; }
.ngg-cta { margin:auto; text-align:center; }
.ngg-item-gift { color:#fff; background-color:#177428; padding:1px 2%; max-width:150px; border-radius:30px; text-align:center; font-weight:500; }


/* NGG BUTTON Colors */
.ngg-btn-blue { background-color: #006aff; color:#fff; }
.ngg-btn-ext { padding-left:4%; padding-right:4%; }
.ngg-btn-stroke { background-color: #fff; border:2px solid #006aff; color:#006aff;  }
.ngg-btn-yellow { background-color: #ffc843; }
.fa-caret-right { position: relative; top:1px; }


.ngg-bg-img { background:url('../imgs/bg-img.jpg') no-repeat top center; background-size:100%; }
.ngg-hero { max-width:1300px; margin:0 auto; font-family:'Montserrat',sans-serif; text-align:center; padding:2% 0 0; }
.ngg-hero-details { display:flex; flex-direction:column; align-items:center; max-height:255px; }
.ngg-hero-details div { padding:1% 0; }
.ngg-hero-details div > p { max-width:380px; }
.ngg-hero-img { margin:auto; position:relative; top:-20px; }
.ngg-hero-img img { max-width:500px; width:100%; }
.ngg-feature { margin:5% 5% 0; }
.ngg-centered { text-align:center; }
.ngg-bg-purple { background-color: purple; }

.ngg-fineprint { font-size:clamp(11px, 1vw, 1rem); }
.ngg-cta, .ngg-contact { margin:2% auto 3%; }
.ngg-img img { max-width:500px; width:100%; }
.ngg-txt-italic { font-style:italic; }
.ngg-list li { text-align:left; }
.ngg-disclaimer { padding:3%; color:#fff; font-size:clamp(1.2rem, 1.6vw, 1.6rem); }

/* NGG Columns */
.ngg-1col, .ngg-2col, .ngg-3col, .ngg-4col { display:flex; justify-content:space-between; flex-wrap:wrap; margin:2% auto; gap:0 20px; }
.ngg-1col div { flex:95%; padding-top:1%; padding-bottom:1%; }
.ngg-2col div { flex:49%; }
.ngg-3col div { flex:30%; }
.ngg-4col div { flex:20%;  padding:1%; border-radius:10px; }

/* NGG Images */
.ngg-hero-img { max-width:500px; width:100%; }

/* NGG Spacings */
.ngg-space-1 { padding:1% 0; }
.ngg-space-2 { padding:2% 0; }
.ngg-padd15 { padding-left:15%; padding-right:15%; }


/* NGG TXT Sizes */
.ngg-txt-left { text-align:left; }
.ngg-h1 { font-size:clamp(4rem, 5vw, 5rem); line-height:1.2; color:#000 }
.ngg-h1 span { color:#006aff; }
.ngg-h2 { font-size:clamp(2.5rem, 4vw, 3.5rem); }
.ngg-h3 { font-size:clamp(2rem, 3vw, 3rem); }
.ngg-h4 { font-size:clamp(2rem, 3vw, 2.8rem); }
.ngg-h4 sup { font-size:clamp(1rem, 1.5vw, 1rem); font-weight:500; }
.ngg-p { font-size:clamp(1.5rem, 1.8vw, 1.8rem); }
.ngg-fontfam h1, .ngg-fontfam h2, .ngg-fontfam h3,
	.ngg-fontfam h4, .ngg-fontfam h5, .ngg-fontfam h6, .ngg-price { font-family:'Montserrat', sans-serif; }


/* NGG TXT Custom Sizes */
.ngg-initpay { display:flex; justify-content:space-evenly; max-width:250px; margin:auto; gap:0 10px; align-items:center; padding:0; max-height:80px; }
.ngg-initpay > div { padding:0; }
.ngg-price { font-weight:700; }
.ngg-dollar { font-size:clamp(5rem, 6vw, 6rem); font-family:'Montserrat',sans-serif; font-weight:900; }	
.ngg-value { font-size:clamp(8rem, 10vw, 10rem); font-family:'Lato', sans-serif; font-weight:800; }
.ngg-price-txt { font-size:clamp(3rem, 3vw, 3.85rem); font-family:'Montserrat',sans-serif; font-weight:700; text-align:left; line-height:25px; }
.ngg-price-txt sup, .ngg-h4 sup, .ngg-font400 { font-weight:400; }
.ngg-start-time { position:relative; top:-50px; font-weight:500; font-size:clamp(1.5rem, 2vw, 2rem); color:#fff; }
.ngg-start-time span { font-weight:700; }


/* NGG TXT Colors */
.ngg-txt-white { color:#fff; }
.ngg-txt-blue { color:#006aff; }
.ngg-txt-dgrey { color:#454f5b; }
.ngg-txt-gold { color:#ffc843; }

/* NGG BG Colors */
.ngg-bg-lgrey { background-color:#f4f6f8; }
.ngg-bg-gpurple { background: #0B003A;
background: linear-gradient(314deg, rgba(11, 0, 58, 1) 5%, rgba(69, 46, 137, 1) 30%, rgba(83, 73, 114, 1) 72%, rgba(41, 25, 90, 1) 95%); padding:10px 0; }



/* responsive CSS
================================*/
@media only screen and (max-width: 768px) {
  /* insert responsive CSS for tablet screens below 768px */
}

@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; }
	.items-grid .item-title { height:auto; }
    .ngg-cta { margin:7% auto; }
    .ngg-shopall { padding:6px 7% 8px; }
    
}

@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.96%; }
	.banner-img {
		background-position:100% 0;
		background-size: 152.7086383601757%;
	}	

	.items-grid .item-cell { width:19%; margin:0; }
}

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

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