*{ margin:0; padding:0; box-sizing:border-box; }

body { min-height:100vh; color:#09144f; background:black; }
.section-inner { font-family:'Open Sans Condensed', sans-serif; background:white; }
/*
.product { display:grid; grid-template-columns: repeat(auto-fit, minmax(350px, auto));
    grid-gap:50px; margin: 50px auto; max-width:1240px; padding:20px; }*/
h2 { text-align:center; padding:2%; }
#header {  padding:15px; z-index:100; display:block; }

.cat-bar { overflow:hidden; text-align:center; color:white; font-size:2em; font-weight:bold; padding:1% 0 2%; }
.cat-bar > span { position:relative; display:inline-block; }
.cat-bar > span:before, .cat-bar > span:after { position:absolute; top:52%; height:3px; content:''; margin:5% 20px 0; width:100vw;
	background: rgb(182,44,182);
background: -moz-linear-gradient(270deg, rgba(182,44,182,1) 0%, rgba(255,16,16,1) 100%);
background: -webkit-linear-gradient(270deg, rgba(182,44,182,1) 0%, rgba(255,16,16,1) 100%);
background: linear-gradient(270deg, rgba(182,44,182,1) 0%, rgba(255,16,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b62cb6",endColorstr="#ff1010",GradientType=1); }
.cat-bar > span:before { right:100%; }
.cat-bar > span:after { left:100%; }

.products { margin-top:0%; }
.product { display:inline-block; width:33%; margin:1% auto 5%; text-align:center; padding:1% 1%; vertical-align:top; }
.product:hover { box-shadow: 0 0 15px #ccc; transition:1s; border-radius:8px; }
.product { padding:10px; }
.product-details { text-align:left; max-width:320px; margin:auto; }
.product img { width:100%; display:block; max-width:320px; margin:auto; }
.product .title { font-family:'Open Sans',sans-serif; font-size:1em; padding: 10px 0 20px; font-weight:600; margin:auto; line-height:1.2; }
.promoText { color:red; font-weight:bold; font-family:'Montserrat',sans-serif; }

.finalPrice { font-size:3em; color:#000; padding:0; font-weight:600; font-family:'Montserrat',sans-serif; line-height: 0.7; margin-top:10px; }
.wasPrice { color:#cc5027; padding:5px 0px 3%; text-decoration:line-through; font-weight:500; font-size:1.5em; clear:both; font-family:'Montserrat',sans-serif;}
.finalPrice a { text-decoration:none; clear:right; }
.promoCode { color:#cc5027; font-weight:700; font-family:'Open Sans',sans-serif; font-size:1.2em; line-height:1.2; }
.validDate { font-family:'Montserrat',sans-serif; color:blue; font-size:1.1em; font-weight:bold; }

.ngg-pos { position:relative; top:0; left:0; margin-top:-20%; text-align:center; background-color:#ff8500; width:120px; height:75px; border-radius:100%; border:2px solid white; 
		font-family:'Montserrat',sans-serif; color:white; padding:10px 0 0; font-weight:bold; line-height:1; }
.ngg-pos span { font-size:2.2em; }

/*.instantSavings { background-color:rgba(255,133,0,0.5); padding:3px 3px 3px 10px; margin-left:-10px; }*/
.submenu { margin:0 auto; width:100%; text-align:center; }
.submenu li { display:inline-block; padding:10px 15px; font-weight:600; text-transform:uppercase; border:1px solid #ccc; border-radius: 7px; background-color:white; }
.submenu a { text-decoration:none; }
.submenu li:hover { background-color:#ff6600; color:white; border:1px solid #ff6600; }

.sticky { position:fixed; top:0; left:0; width:100%; max-height:160px; border-bottom:3px solid #1946b8; background:rgba(0,0,0,0.9) !important; }
.sticky + .submenu { padding-top:100px; }
.sticky img { width:50%; }


@media only screen and (max-width:900px) {
    .product { width:47%; }
}

@media only screen and (max-width:768px) {
    .product { width:96%; }
}

@media only screen and (max-width:500px) {
    .sticky { position:relative; }
}