/* template.css overrides -- use only when absolutely necessary
================================*/
body {background-color:#f4f7ff;}
.banner {padding-top:45%;}
.banner2 {position: relative; padding-top:40%;}
.banner-edu {position: relative; padding-top:40%;}
.banner-img {
padding-top:3%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 600px;
background: url("https://promotions.newegg.com/nepro/25-0320/images/imgs/hero.jpg") no-repeat 0 0;
background-size:100%;
}

.bannerLDW {padding-top:52.667%;}
.banner-imgLDW {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 626px;
background: url(../imgs/hero.jpg) no-repeat 0 0;
background-size:289.722222%;
}

.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; }

:root {
	--ngg-darkblue:#09144f;
	--ngg-blue:#084BA6;
    --paze-blue: #0f42f8;
	--ngg-orange:#fa9d28;
	--ngg-darkorange: #ff8500;  
	--ngg-footgry: #333;  
	--ngg-opensans:'Open Sans', sans-serif;
	--ngg-btn-txt:#212121;
  }
.btn-primary, .button.button-primary, .ngg-shopall, .ngg-buynow { text-transform:none; font-family:var(--ngg-opensans); border:0; background-color:var(--paze-blue); color:white; }
.ngg-btn { border:0; background:none; width:100%; margin:3% auto; text-align:center; }
.ngg-item-btn { font-size:1rem; }
.ngg-item-btn a { border-radius:35px; padding:10px 0; width:100%; letter-spacing:0; }
.ngg-shopall, .ngg-buynow { border-radius:30px; text-align:center; transition:0.5s;	font-weight:700; font-family:var(--ngg-opensans); }
.ngg-shopall { font-size:18px; padding:15px 8%; }
.ngg-buynow { padding:10px 20px; }
.ngg-shopall:hover, .ngg-buynow:hover, .ngg-item-btn a:hover { background-color:var(--ngg-darkorange); transition:0.35s; }

/* 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
================================*/
.banner-img h2 {font-size:32px; text-align: center; color:white; line-height: 1.25; margin-bottom:5px;}
.superscript {font-family:'Montserrat',sans-serif !important; font-size:14px;}
.video-box-wrap {position: relative; top:0; bottom:0; left:0; right:0;}
.paze-vid {display:flex; justify-content: center; align-items: center; margin:0 auto; }
section { font-family:'Montserrat',sans-serif; max-width:1366px;  }
#ne-header-text { position:absolute; top:50px; right:100px; width:100%; max-width:500px; }
#ne-intro { width:80%; margin:0 auto; text-align:center; }
.ne-header-title { font-size:3em; color:#10171f; font-weight:700; vertical-align:baseline; }
.ne-header-title img { width:26%; vertical-align:baseline; }
.ne-header-para { padding:0 0 5% 10%; margin-bottom:4%; font-size:1.5em; font-weight:500; text-align:left; }
.ne-header-para span { font-size:2.2em; font-weight:700; color:#2f2fc1; }
.ne-leftline { border-left:7px solid #2f2fc1; padding:0 5%; margin:0 0 5%; }
.ne-details { width:100%; text-align:center; padding:5% 0; margin:0; min-height:500px; }
.ne-details2 { width:100%; text-align:center; padding:5% 0; margin:0; }
.ne-details2 p { font-size:1.35em; }
.short-container{flex-wrap: wrap;}
.short-container:hover{opacity:85%;}
.ne-details h2, .why-paze, .FAQ-header, .ne-featured h2 { font-size:2.5em; font-weight:700; }
.ne-details h2 { padding:2% 1% 1.6%; }
.li-style {display: list-item; list-style: disc outside none; text-align:left; padding:1% 2% 0; font-size:1.1em; color:#464646; margin-left: 2.1em;}
/* .ne-details2 h2 { padding:1% 0 0; } */
.ne-details h2 span, .why-paze h2 span, .FAQ-header span{ font-size:0.6em; text-transform:none; font-weight:400; }
.ne-details-paze { display:flex; margin:0px; padding:0; width:100%; }
.ne-details-paze2 { display:flex; flex-wrap: wrap; align-content: center; margin:0px; padding:0; width:100%; }
.ne-details-item { /*float:left; width:33%; min-height:390px;*/ flex: 1 1 0; background:white; border-radius:16px; font-weight:400; font-size:1em; margin: 15px;}
.ne-details-item img {width:100%; max-height:380px;border-radius: 16px 16px 0 0;}
.ne-details-item h3 { font-weight:700; font-size:1.5em; }
.ne-details-item h4 { padding:3% 12%; font-weight:700; font-size:1.5em; }
.ne-details-item p, .ne-details-item2 p { padding:2.5% 12%; }
.ne-details-item:last-child {width:34%;}
.extra-small{}

.black { margin:3% 0 0; }
.lightblue { background:#d9eef0; }
.minheight { min-height:240px; }
.ne-details-item2 { float:left; width:33%; font-weight:400; font-size:1.3em; color:black; min-height:240px; }
.ne-details-item2 h3 { font-size:1.3em; text-transform:uppercase; font-weight:600; }
.ne-details-item2 p { font-size:0.7em; min-height:50px; }
.ne-details-item2 { border-right:3px solid white; }
.ne-details-item2:last-child { border-right:0; }
.blue0 { background-color:#0f42f8; color:white; padding:20px; margin-bottom: 10px;}
/* .blue1 { background-color:#4a4af4; }
.blue2 { background-color:#2f2fc1; }
.blue3 { background-color:#212189; } */

.ne-featured { display:block; background:white; min-height:280px; text-align:center; padding:5% 0; }
.ne-categories { width:100%; }
.ne-categories li { float:left; width:15%; margin:2.5% 0.7%; }
.ne-categories h4 { font-size:1.3em; font-weight:600;  }
.ne-categories img { max-width:160px; width:100%; }
.ne-categories img:hover { opacity:0.75; }
.disclaimer a { text-decoration:underline; }
.disclaimer p { text-align:left; padding-bottom:2%; }

button.ngg-collapsible {
    background-color:#f4f7ff; color:#212121; cursor:pointer; padding:18px 18px 10px; width:100%; 
      border-bottom:1px solid #e0e7ff;
      border-left:0px solid #e0e7ff;
      border-right:0px solid #e0e7ff;
      border-top:0px solid #e0e7ff;
    text-align:left; outline:none; font-size:1.55em; }
  
  .active, .ngg-collapsible:hover { background-color: #fff; }
  .ngg-collapsible:after { content:'\25b3'; color:#0f42f8; font-weight:bold; float:right; margin-left:5px;  }
  .active:after { content:"\25bc";}	 
  .ngg-content { padding:0; max-height:0; overflow:hidden; transition:max-height 0.2s ease-out; background-color:#fff; }
  .ngg-content a, .ngg-disclaimer a { text-decoration:underline; text-decoration-color:#ccc; text-decoration-thickness:2px; text-underline-offset:5px; }
  .ngg-content a:hover, .ngg-disclaimer a:hover { color:#ff8500; text-decoration:none; }
  .ngg-content p { text-align: left; padding:1% 2% 3%; font-size:1.3em; color:#464646; }

/* responsive CSS on a per project basis
================================*/

@media only screen and (max-width: 1400px) {
	/* insert responsive CSS for screens below 1024px */
    .ne-categories li { width:15%; margin:2.5% 2%;}
    .ne-details-item { min-height:200px; margin-bottom: 5%; }
    .ne-details-item h3 { padding:0 1.5%; }
    .minheight { min-height:300px; }
}

@media only screen and (max-width: 1100px) {
    .ne-categories li { width:25%; margin:2.5% 4%}
    .minheight { min-height:320px; }
    .ne-featured { clear:both; }
    .disclaimer { padding:5%; clear:both; }
    iframe{width:450px; height:265px;}
}

@media only screen and (max-width: 780px) {
    .blue0 { padding:auto; }
    .ne-details-item, .ne-details-item:last-child { width:100%; min-height: auto; margin:5px;}
    .ne-details-item2 { width:100%; min-height:auto; }
    .minheight { min-height:auto; }
    .ne-details-item2 { border-right:0; background-color:#d9eef0; }
    .ne-details h2 { font-size:2em; padding:auto 5% auto !important; }
    .ne-details2 p { padding:3%; }
    .why-paze span, .FAQ-header span { font-size:0.7em; }
    .why-paze, .FAQ-header { padding:80px 0 0 0; }
    .ne-details-item2 { padding: 0 0 3%; }
    .ne-details-item2 p { font-size: 1em; padding:3%; }
    .black { margin:5% 0 0; }
    .disclaimer { padding:5% 3%; font-size:16px; }
    .ne-categories li { width:25%; margin:2.5% 3%}
    .short-container{width:45% !important; flex:1 auto;}
    .ne-details-paze {flex-direction: column;}
    iframe {width:560px; height:315px;}
    .banner{padding-top:49%;}
    .ngg-btn {margin:6% auto;}
}

@media only screen and (max-width: 650px) {
    .banner{padding-top:49%;}
    .banner-img {background:#0f42f8;}
    
}

@media only screen and (max-width: 580px) {
    .ne-details h2, .ne-featured h2 { font-size:1.65em; padding:5%; margin-top:5% }
    .ne-header-para span { font-size:1.5em; }
    .why-paze, .FAQ-header { font-size:1.65em; padding:15px 0 0 0; }
    .ne-details2 p { padding:2% 5%; }
    .ne-categories li { width:50%; margin:5% auto; }
    .banner{padding-top:71%;}
}

@media only screen and (max-width: 530px) {
    .banner{padding-top:77%;}
}

@media only screen and (max-width: 470px) {
    .banner{padding-top:87%;}
}

@media only screen and (max-width: 435px) {
    .banner{padding-top:99%;}
    .extra-small{font-size:1.15em !important;}
}

@media only screen and (max-width: 390px) {
	/* insert responsive CSS for screens above 375px */
    .why-paze{ font-size:1.65em; padding:195px 0 0 0; }
    .FAQ-header {font-size:1.65em; padding:12px 0 0 0;}
    .banner-img h2 {font-size:26px;}
    .ngg-btn {margin:10% auto;}
    .banner{padding-top:60%;}
}

@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 */
	.bannerLDW { padding-top: 47.96%; }
	.banner-imgLDW {
		background-position:100% 0;
		background-size: 152.7086383601757%;
	}
    .banner2{padding-top:42%;}
    .banner-edu {padding-top:42%;}	
}
@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 */
}