/* template.css overrides -- use only when absolutely necessary
================================*/
@font-face {
    font-family:SegoeSans;
    src:
        local("Segoe-sans"), 
        url("https://promotions.newegg.com/nepro/24-0366/images/fonts/Segoe-sans.woff") format("woff"),
        url("https://promotions.newegg.com/nepro/24-0366/images/fonts/Segoe-sans.woff2") format("woff2");
}

.banner {padding-top:58.667%; position:relative; }
.banner-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 360px;
background: url("../imgs/hero1.jpg") no-repeat 0 0;
background-size:289.722222%;
border-radius:10px;
}
.header2021-logo-img > img{
  width:102px !important;
  height:auto;
}

.price{margin:0 0 0.825em 0; min-height:120px; }
.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.725em; letter-spacing:0;}
.finalPrice, .instantSavings{color:#000;}
.shipping{visibility:hidden;}
.mir{font-size:1em;margin:0;color:#016B04}
.header .logo { width:125px; }
.items-grid:after { background:none; }
ul.productList { min-height: 120px;}
.productList li { margin:0; }
.item-title { min-height:2em; }
.disclaimer { color:#ccc8; padding:5%; }
/* 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
================================*/
html { scroll-behavior: smooth; }
.section-inner { max-width:1366px; }
.link1, .link2, .link3, .link4, .link5 { position:absolute; width:100%; max-width:100px; height:100%; max-height:150px; border:0px solid red; }
.link1 { top:51%; left:5%; }
.link2 { top:51%; left:16%; }
.link3 { top:51%; left:28%; }
.link4 { top:51%; left:38%; }
.link5 { top:51%; left:48%; }
.ngg-bg-img { background:url('../imgs/bg.png') no-repeat top center; background-size:contain; padding-top:2%; }
.ngg-bg { width:100%; background-color:#1b347d; }
.ngg-hero { font-size:5em; font-family:'Montserrat', sans-serif; color:#fff; text-align:center; font-weight:900; margin:-10% 0 5%;  }
.ngg-hero p { font-size:16px; font-weight:400; }
.ngg-hero-txt { background: -webkit-linear-gradient(left, #b8a3ff, #49d6ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

.ngg-btn { border:0; background:none; width:100%; margin:auto; }
.ngg-section, .ngg-section2 { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; margin:5% auto; }
.ngg-section > div {  flex:1; border-radius:10px; border:0px solid black; min-height:500px; }
.ngg-sect-col { display:flex; flex-direction:column; gap:20px; }
.ngg-sect-col > div { flex:1; border-radius:10px; border:1px solid black; }
.ngg-section3 { position:relative; }

.ngg-top-section { display:flex; justify-content:space-between; flex-wrap:wrap; margin:5% auto; }
.ngg-top-section > div { flex:1; border:0px solid black; }
.ngg-details { display:flex; padding:2% 2% 0; gap:20px; }
.ngg-details div { flex:1; }
.ngg-details p, .ngg-details h3 { padding: 0 0 10px; line-height:1.2; }
.ngg-details h1 {padding:0 0 5px; font-size:1.8em; font-weight:700; }
.ngg-rbcorners { border-top-right-radius:10px; border-bottom-right-radius:10px; }
.ngg-show-nav, .ngg-show-arrow { display:none; }

.ngg-copilotpc { display:flex; justify-content:space-between; gap:20px; flex-wrap:nowrap; margin:5% auto; padding:2%; border-radius:10px;  }
.ngg-copilotpc > div { flex:1 1 400px; border:0px solid black; }
.ngg-copilot-bg { background: rgb(221,233,254);
background: -moz-linear-gradient(128deg, rgba(221,233,254,1) 0%, rgba(255,255,255,1) 60%);
background: -webkit-linear-gradient(128deg, rgba(221,233,254,1) 0%, rgba(255,255,255,1) 60%);
background: linear-gradient(128deg, rgba(221,233,254,1) 0%, rgba(255,255,255,1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dde9fe",endColorstr="#ffffff",GradientType=1);  }
.ngg-copilot { display:flex; flex-direction:column; font-family:'SegoeSans'; color:#132680; float:left; margin-left:3%; }
.ngg-copilot > h2, .ngg-cp > h2 { font-weight:normal; font-size:2em; padding:10px 0 0; }
.ngg-copilot > p, .ngg-cp > p { font-size:1.5em; padding:10px 0; max-width:300px; }

.ngg-cppc { display:inline-block; width:96%; padding:2%; border-radius:10px; }
.ngg-cp { width:50%; }
.ngg-cp-vid, .ngg-cp-details { float:left; }
.ngg-cp-details { display:flex; flex-direction:column; margin-left:3%; }


.img-windows { max-width:145px; width:100%; }
.img-copilot { max-width:200px; width:100%; margin:5% 0 0; }
.ngg-learn-more { margin:7% 0 0; padding:7px 15px 9px; border-radius:8px; background-color:#001969; color:#fff; max-width:90px; font-size:1.25em; vertical-align:bottom; }

.ngg-vid-box { width:100%; float:left; }
.ngg-vid-container { position:relative; width:100%;  overflow:hidden; padding-top:63.25%; } /* 56.25% */
.ngg-iframe { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; }
.ngg-maxh { min-height:930px; overflow:hidden; }
/*
.ngg-vid-container { position:relative; float:left; width:50%;  overflow:hidden; padding-top:56.25%;   }
.ngg-iframe { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:50%; }*/

.ngg-section-slider, .ngg-section-slider2 { display:flex; justify-content:space-between; gap:20px; margin:5% auto; position:relative; }
.ngg-sect-row { display:flex; flex-direction:row; gap:20px; }
.ngg-sect-row > div { flex:1; border-radius:10px; border:1px solid black; }
.ngg-sku-bullets ul { list-style:none; /*display:flex; gap:10px; flex-wrap:wrap; justify-content:space-between;*/  text-align:left; } 
.ngg-sku-bullets li { /*flex:33%;*/ display:inline-block; margin:3px 3px 3px 0; vertical-align:top; background-color:#e0edff; color:#043e8d; padding:3px 10px; border-radius:4px; font-size:12px; font-weight:600; }
.ngg-bline li { flex:50%; }

.ngg-mod { min-height:70px; }
.ngg-div { background:#fff; border-radius:10px; }
.ngg-div-inner { padding:20px; }
.ngg-wmax { position:relative; width:100%; max-width:400px; border-bottom-left-radius:10px; border-top-left-radius:10px; background: rgb(12,146,176);
background: -moz-linear-gradient(90deg, rgba(12,146,176,1) 0%, rgba(0,155,173,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(12,146,176,1) 0%, rgba(0,155,173,1) 100%);
background: linear-gradient(90deg, rgba(12,146,176,1) 0%, rgba(0,155,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0c92b0",endColorstr="#009bad",GradientType=1); }
.ngg-cat-img { width:100%; max-width:400px; background:transparent; }
.ngg-other { width:100%; max-width:430px; background:transparent; }
.ngg-other img { width:100%; max-width:430px; position:absolute; }
.ngg-wide-sku { width:100%; max-width:750px; }
.ngg-img-left { float:left; margin:5% auto 18%; }
.ngg-wmax img { position:absolute; top:0; max-width:400px; width:100%; }
.ngg-sku-img img { max-width:320px; }
.ngg-cat-img img { position:absolute; right:-37px; }
.ngg-nopad { padding:0; }

.item-title a { font-size:14px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; }
.ngg-mh520 { min-height:520px; }
.ngg-mh550, .ngg-mh560 { min-height:560px; }
.ngg-banner-img { width:96%; background:url('../imgs/popular_AI_tools_banner4.png') no-repeat top left; background-size:contain; padding-top:6.9%; border-radius:8px; max-width:1240px; margin:0 auto 20px; }
.ngg-right-img, .ngg-ai-ready, .ngg-ai-gpu { width:100%; max-width:400px; max-height:520px; }
.ngg-ai-gpu { background: rgb(56,112,189);
background: -moz-linear-gradient(90deg, rgba(56,112,189,1) 0%, rgba(15,143,177,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(56,112,189,1) 0%, rgba(15,143,177,1) 100%);
background: linear-gradient(90deg, rgba(56,112,189,1) 0%, rgba(15,143,177,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3870bd",endColorstr="#0f8fb1",GradientType=1); border-radius:10px; }
.ngg-ai-ready img { position:absolute; right:-35px; max-width:500px; }
.ngg-left-img { position:absolute; left:0; top:0; }
.ngg-right-alt75 { width:75%; position:absolute; right:0; top:0; }
.ngg-bgwht { background:#fff; }
.item-img > img { max-width:240px; }
.banner-dktop { display:block; margin:1% 0 0; width:100%; }
.banner-mobile { display:none; }
.ngg-ai-software { background:#ccc6; border-radius:6px; padding:1% 0; }
.ngg-ai-dwnld { display:flex; justify-content:space-between; text-align:center; gap:20px; }
.ngg-ai-dwnld div > h3 { padding:0; }
.ngg-ai-dwnld div > img { max-width:40px; width:100%; }
.ngg-ai-dwnld div > p { clear:both; font-size:12px; padding:0 5px; }
.ngg-soft-cta { font-weight:bold; text-align:center; padding:2% 0 0; margin:auto; }
.ngg-soft-cta a { text-decoration:underline; }

.ngg-colors { display:inline-flex; gap:10px; margin:10px 0 0 0 }
.ngg-whiteblock { width:25px; height:25px; border:1px solid #000; background-color:#fff; }
.ngg-blackblock { width:25px; height:25px; border:1px solid #000; background-color:#000; }
.ngg-banner { display:flex; justify-content:space-between; gap:20px; }
.ngg-banner img { border-radius:10px; }
/* Navs 
================================*/
.ngg-navs { position:relative; max-width:1000px; width:100%; padding:5% 0 0; top:0; left:0%; margin:auto; }
.ngg-nav-desktop img{ position:absolute; top:-160px; left:3%; max-width:160px; width:100%; }
.ngg-nav-laptop img{ position:absolute; top:-56px; left:21%; max-width:160px; width:100%; }
.ngg-nav-gpu img{ position:absolute; top:-56px; left:42%; max-width:160px; width:100%; }
.ngg-nav-cpu img{ position:absolute; top:-56px; left:63%; max-width:160px; width:100%; }
.ngg-nav-other img{ position:absolute; top:-160px; left:80%; max-width:160px; width:100%; }


/* Swiper 
================================*/
.swiper { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /*display: flex;*/ justify-content: center; align-items: center; border-radius:10px; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.swiper-button-next, .swiper-button-prev { color:#fff; background:#999; }
.swiper-button-prev { left:0px; padding:0px; border-top-right-radius:28px; border-bottom-right-radius:28px; width:34px; }
.swiper-button-next { right:0px; padding:0px; border-top-left-radius:28px; border-bottom-left-radius:28px; width:34px; }
.swiper-button-next:after, .swiper-button-prev:after { font-size:22px; }
.ngg-right-alt75 { width:75%; position:absolute; right:0; top:0; }
.ngg-left-alt75 { width:75%; position:absolute; left:0; top:0; }
.swiper-pagination { position:unset; }
.swiper-pagination-bullet { background:#fff; }

a { border-bottom:0 !important; }

/* responsive CSS on a per project basis
================================*/
@media only screen and (min-width: 3000px) {
    .ngg-bg-img { padding-top:1%; }
}

@media only screen and (min-width: 2200px) and (max-width:2999px) {
    .ngg-bg-img { padding-top:1%; }
}

@media only screen and (max-width: 1300px) {
    .ngg-wmax img { width:100%; max-width:400px; background:transparent; }
    .ngg-hero { margin: -10% 0 8%; }
    .ngg-navs { padding:10% 0 0; }
    .ngg-smb { display:none; }
    .swiper-pagination-bullet { border:1px solid #333; }
    .ngg-show-nav { display:block; color:#000; }
    .ngg-show-arrow { display:flex; top:63%; }
}

@media only screen and (max-width: 1200px) { 
    .ngg-details { flex-direction:column; }
    .ngg-vid-container { padding-top:56.25%; }
    .ngg-wmax { background: rgb(10,147,175);
background: -moz-linear-gradient(128deg, rgba(10,147,175,1) 20%, rgba(0,155,173,1) 100%);
background: -webkit-linear-gradient(128deg, rgba(10,147,175,1) 20%, rgba(0,155,173,1) 100%);
background: linear-gradient(128deg, rgba(10,147,175,1) 20%, rgba(0,155,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a93af",endColorstr="#009bad",GradientType=1); }
    .ngg-show-arrow { top:73%; }
}

@media only screen and (max-width: 1000px) {
    .ngg-navs { display:none; }
    .ngg-img-left { float:none; }
    .ngg-wmax { max-width:280px; }
    .ngg-banner-img { background-size:cover; }
    .ngg-nopad { width:100%; display:flex; }
    .ngg-copilotpc { flex-wrap: wrap; }
    .ngg-div { background:transparent; }
    .ngg-nopad { width:100%; display:flex; justify-content:center; }
    .item-info { max-width:400px; margin-left:5%; }
    .ngg-banner { flex-direction:column; }
    .link1, .link2, .link3, .link4, .link5 { max-width:90px; max-height:100px; }
    .link1 {left:4%;} .link3 {left:27%;} .link4 {left:37%;} .link5 {left:47%;}
    
}

@media only screen and (max-width: 768px) {
    .ngg-section { flex-direction: column; }
    .ngg-div { margin:0 4%; }
    .ngg-section > div:first-child { margin:0 auto; }
    .ngg-banner-img { background:url('../imgs/AI_tools_banner_mobile2.jpg') no-repeat top left; padding-top:38.59%; margin:5% auto; background-size:cover; }
    .ngg-ai-ready img { right:5px; max-width:340px; width:100%; }
    .ngg-cat-img img { max-width:340px; width:100%; margin:0 -2%; }
    .ngg-ai-gpu img { max-width:340px; width:100%; margin:0 8%; }
    /*.swiper { margin:0 4%; }*/
    .ngg-wmax img, .ngg-other img { position:relative; }
    .ngg-wmax img { border-radius:10px; }
    .ngg-top-section { flex-direction:column; }
    .ngg-top-section > div { flex:0; margin:auto; }
    .ngg-wmax { background:transparent; }
    .banner-dktop { display:none; }
    .banner-mobile { display:block; width:100%; margin:1% 0 0;}
    .ngg-copilotpc { flex-direction:column; }
    .ngg-copilotpc > div { flex:1 1 400px; }
    .ngg-learn-more { margin:2% 0 8%; }
    .ngg-nopad { flex-direction:column; }
    .ngg-ai-gpu { background:transparent; }
    .ngg-show-arrow { top:63%; }
}

@media only screen and (max-width: 640px) {
	/* 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-hero { font-size:3em; }
    .ngg-hero p { padding:0 5%; }
    .ngg-section-slider { flex-direction: column-reverse; margin:10% auto 0; }
    .ngg-section-slider2 { flex-direction: column; margin:10% auto 0; }
    .ngg-ai-ready, .ngg-cat-img { width:90%; margin:auto; }
    .ngg-ai-ready img, .ngg-cat-img img { position:relative; right:0; width:100%; margin:0; }
    .swiper, .ngg-wmax { width:90%; }
    .ngg-section > div { min-height:auto; }
    .ngg-sku-bullets li { flex:unset; width:100%; max-width:400px; }
    .swiper-button-next, .swiper-button-prev { display:none; } 
    .ngg-wmax img { position:relative; top:0; }
    .ngg-other img { width:100%; max-width:360px; margin:0 5%; }
    .swiper-pagination-bullet { border:1px solid #333; }
    .ngg-top-section > div { margin:0 auto 5%; }
    .ngg-rbcorners { border-radius:10px; }
    .ngg-vid-box { height:200px; }
    .ngg-copilotpc { width:90%; padding:5% 0; }
    .ngg-copilotpc > div { flex:1; }
    .ngg-ai-gpu img, .ngg-other img { width:90%; max-width:350px; margin:0 5%; }
    .ngg-ai-dwnld { flex-direction:column; padding:4% 0 2%; }
    .ngg-soft-cta { padding:2% 0 4%; }
    .link1 {left:1%;} .link2 {left:21%;} .link3 {left:44%;} .link4 {left:63%;} .link5 {left:81%;}
}

@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: 26.96%; position:relative; }
	.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 */
}