/* template.css overrides -- use only when absolutely necessary
================================*/
.banner {padding-top:69.667%;}
.banner-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 500px;
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-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; }
/* 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 on a per project basis
================================*/
body { background-color:#005d1f; }
#ngg-full { width:100%; height:100%; }
.section-inner { background-color:#fff; }
.ngg-bg1 { background:#ccc; height:500px; border:1px solid red; }
.ngg-section { display:block; margin:3% 0 0; text-align:center; }
.ngg-sect-sub { font-size:1.2em; font-weight:600; }
.ngg-check-yellow {  display: inline-block; transform: rotate(45deg); height: 24px; width: 12px; border-bottom: 7px solid #edad26; border-right: 7px solid #edad26; }
.ngg-check-magenta {  display: inline-block; transform: rotate(45deg); height: 24px; width: 12px; border-bottom: 7px solid #cc186c; border-right: 7px solid #cc186c; }
.ngg-check-purple {  display: inline-block; transform: rotate(45deg); height: 24px; width: 12px; border-bottom: 7px solid #7c2984; border-right: 7px solid #7c2984; }
.ngg-check-blue {  display: inline-block; transform: rotate(45deg); height: 24px; width: 12px; border-bottom: 7px solid #078fcc; border-right: 7px solid #078fcc; }
.ngg-check-red {  display: inline-block; transform: rotate(45deg); height: 24px; width: 12px; border-bottom: 7px solid #c32726; border-right: 7px solid #c32726; }
.ngg-check-yellow, .ngg-check-magenta, .ngg-check-purple, .ngg-check-blue, .ngg-check-red { margin:0 50%; }

.main-title1 { text-align:center; font-size:4em; font-family:'Montserrat',sans-serif; font-weight:800; padding:0 0 2%; color:#005d1f; line-height:1.2; }
.main-title1 sup { font-size:12px; }
.item-info1 { border:1px solid #ccc; transition:transform .2s; background:white; box-shadow:0px 0px 5px 1px #ccc; }
.item-info1:hover { transform:scale(1.1); box-shadow:1px 1px 8px 0px #666; }
.item-info1 hr { width:80%; border:0; background:#ccc; height:1px; margin:5% auto; }

.ngg-yellow, .ngg-magenta, .ngg-purple, .ngg-blue, .ngg-red { color:white; text-align:center; padding:3%; font-size:1.35em; }
.ngg-yellow { background:rgb(237 171 32); }
.ngg-magenta { background:rgb(215, 14, 140); }
.ngg-purple { background:rgb(122, 38, 137); }
.ngg-blue { background:rgb(0, 125, 185); }
.ngg-red { background:rgb(197, 37, 63); }
.ngg-none { background-color:white; }

.lazy-img { max-width:300px; margin:5% auto 1%; }
.ngg-icons { width:72%; margin:auto; font-weight:bold; min-height:130px; font-size:12px; }
.ngg-icons img { max-width:30px; width:100%; vertical-align:middle; }
.ngg-i2 { min-height:240px; }

.ngg-i-yellow { color:rgb(237 171 32); }
.ngg-i-pink { color:rgb(215, 14, 140); }
.ngg-i-purple { color:rgb(122, 38, 137); }
.ngg-i-blue { color:rgb(0, 125, 185); }
.ngg-i-red { color:rgb(197, 37, 63); }
.ngg-i-yellow, .ngg-i-pink, .ngg-i-purple, .ngg-i-blue, .ngg-i-red { font-weight:800; }
.ngg-btn { font-size:1em; }

.ngg-features-grid { display:flex; justify-content:space-around; border-top:1px solid #d4d4d4; padding:5% 0; margin:0 5%; }
.ngg-features-grid ul { list-style:none; margin:2% 0 4%; }
.ngg-features-grid li { /*display:inline-block; vertical-align:top;  width:24%;*/ }
.ngg-features-grid img { display:block; max-width:75px; width:100%; vertical-align:middle; margin:3% auto; }
.ngg-features-grid p { display:inline-block; font-size:1.3em; font-weight:600; line-height:3; }
.ngg-table { border-collapse:collapse; width:90%; overflow-x:auto; margin:auto; }
.ngg-table th { text-align: center; padding:13px; color:white; font-weight:bold; min-width:80px; }
.ngg-table td { padding:12px 6px; }
.ngg-table tr { border-bottom:1px solid #d4d4d4; }
.ngg-table img { vertical-align:middle; margin-right:25px; }
.ngg-sub-title { text-align:center; height:50px; background:#bdbdbd; font-size:1.25em; font-weight:bold; color:white; }
.ngg-th-sub td { text-align:center; }

.ngg-col { display:block; margin:0; padding:0; clear:both; }
.ngg-col img { max-width:90px; width:100%; }
.ngg-col h4 { font-size:1.5em; }
.ngg-col2 { float:left; width:33%; margin:0 0 1%; padding:2%; }
.ngg-col3 { display:inline-block; vertical-align: top; width:33%; margin:0 0 1%; }
.ngg-col2 h4, .ngg-col2 p { text-align:left; padding:0 25%; }
.ngg-col3 h4, .ngg-col3 p { text-align:left; padding:0 13%; }
.ngg-fineprint { text-align:left; padding:5%; }
.ngg-fineprint h5 { font-size:1em; }
.ngg-fineprint ol li, .ngg-fineprint p { list-style:decimal; margin:1% 0 0; font-size:0.9em; }
.ngg-fineprint a { color:#005d1f; text-decoration:underline; }

.item-title1 { display:block; clear:both; text-align:center; font-weight:bold; }
.disclaimer { padding:5% 5% 0; margin:0; }

.item-title { padding:0 15%; }
.ngg-features { display:flex; justify-content:space-around; padding:0 5% 3%; gap:70px; flex-wrap:wrap; }
.ngg-features div { flex:45%; }
.ngg-feature-item { display:flex; justify-content:space-between; gap:30px; }
.ngg-feature-item > img { width:90px; height:90px; }
.ngg-feature-details { display:flex; flex-direction:column; }
.ngg-feature-details ul li img { width:100%; max-width:18px; }

.ngg-hrblock { margin:auto; width:72%; text-align:center; }
.ngg-hrblock h3 { text-align:left; font-size:7rem; }
.ngg-hrblock img { float:left; margin-right:50px; vertical-align:middle; max-width:156px; width:100%; }
sup { font-size:1rem; color:#333; }

/* responsive CSS on a per project basis
================================*/
@media only screen and (max-width:1300px) {
	.ngg-features-grid p { display:block; }
	.items-grid .item-cell { width:30%; height:auto; margin:0 0 2%; padding:0; }
	.ngg-hrblock h3 { font-size:5rem; line-height:1; }
	.ngg-features-grid p { line-height:1.5; }
}

@media only screen and (max-width:1000px) {
	.items-grid .item-cell { width:33%; height:auto; margin:0 0 2%; padding:0; }
}

@media only screen and (max-width:768px) {
	.items-grid .item-cell { width:55%; height:auto; margin:0 0 2%; padding-bottom:3%; }
	.ngg-features-grid li { float:none; display:inline-block; }
	.ngg-col3 { width:100%; margin:0 0 6%; }
	.ngg-features { flex-direction:column; }
	.ngg-features-grid { flex-wrap:wrap; }
	.main-title1 { font-size:2rem; }
	.ngg-hrblock { width:75%; min-height:100px; }
	.ngg-hrblock img { max-width:90px; margin-right:10px; }
	.ngg-features-grid p { line-height:1.25; margin:0 0 10%; }
	.ngg-features-grid li { width:50%; }	
	.ngg-hrblock h3 { font-size:4rem; padding:1% 0 0; }	
	body { background:#fff; }
	.ngg-table img { margin-right:100%; }
}

@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-icons { text-align:left; }
	.ngg-feature-item > img { width:70px; height:70px; }	
	.ngg-features-grid img { max-width:70px; }
	.ngg-table { width:100%; }
	.ngg-hrblock h3 { font-size:2rem; padding:5% 0 0; }
}

@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: 36.96%; }
	.banner-img {
		background-position:100% 0;
		background-size: 152.7086383601757%;
	}	
	.items-grid .item-title { height:auto; }
}
@media only screen and (min-width: 1301px) {
	/* insert responsive CSS for screens above 769px */
		.items-grid .item-cell { width: 30%; height:auto; margin:0 auto 2%; padding:0; text-align:center; }

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