.banner {padding-top:63.667%;}
.banner-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 462px;
background: url(../imgs/hero.jpg) no-repeat 0 0;
background-size:289.722222%; border-bottom:1px solid #ccc5;
}
.banner-img2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 462px;
    background: url(../imgs/hero-prev.jpg) no-repeat 0 0;
    background-size:289.722222%; border-bottom:1px solid #ccc5;
    }
.header2021-logo-img > img{
  width:102px !important;
  height:auto;
}

a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

.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:#fff;}
.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:3; line-clamp:3; -webkit-box-orient:vertical; color:#000; }



/* custom CSS on a per project basis
================================*/
body { background-color:#FFF; }
: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;
  }
.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% 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; }
.ngg-comingsoon { background-color:#333; color:#fff; }

sup { font-size:50%; }
.ngg-line { /*background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(153,153,153,1) 50%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(153,153,153,1) 50%, rgba(0,0,0,1) 100%);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(153,153,153,1) 50%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); height:1px; */
}
.combo-items li:nth-child(odd) { background:transparent; }
.combo-items li { color:white; font-weight:bold; }
.disclaimer { color:#333333; }

.ngg-section, .ngg-clock, .ngg-all-skus { position:relative; color:#fff; clear:both; }
.ngg-text-left { position:absolute; top:0; left:0; padding:5%; max-width:500px; }
.ngg-text-right { position:absolute; top:0; right:0; padding:5%; max-width:500px; }

.ngg-sect { display:flex; }
.ngg-sect div { flex:1; color:#fff; max-width:500px; }
.ngg-details { padding:5%; }

.ngg-sectbanner {padding-top:46.667%;}
.ngg-sect-img {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: 360px; background: url(../imgs/section1.jpg) no-repeat 0 0;
    background-size:289.722222%; border-bottom:1px solid #ccc5; }
.ngg-sect-img2 {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: 360px; background: url(../imgs/section2.jpg) no-repeat 0 0;
    background-size:289.722222%; border-bottom:1px solid #ccc5; }
.ngg-sect-img3 {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: 360px; background: url(../imgs/section3.jpg) no-repeat 0 0;
    background-size:289.722222%; border-bottom:1px solid #ccc5; }
.ngg-sect-img4 {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: 360px; background: url(../imgs/section4.jpg) no-repeat 0 0;
    background-size:289.722222%; border-bottom:1px solid #ccc5; }
.ngg-sect-img5 {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: 360px; background: url(../imgs/section5.png) no-repeat 0 0;
    background-size:289.722222%; border-bottom:1px solid #ccc5; }
.ngg-details2 { position:relative; top:0; left:0; padding:4% 5% 5% 21%; color:#fff; z-index:1; max-width:310px; }
.ngg-details3 { position:relative; top:0; right:-50%; padding:4% 21% 5% 5%; color:#fff; z-index:1; max-width:340px; }
.ngg-details3a { position:relative; top:70px; left:16%; padding:4% 21% 5% 5%; color:#fff; z-index:1; max-width:770px; text-shadow:#000 1px 1px 20px; }
.ngg-detailsA { position:relative; top:0; left:0; padding:4% 5% 5% 21%; color:#fff; z-index:1; max-width:500px; margin:3% auto; }
.ngg-detailsB { position:relative; top:0; right:10%; padding:4% 21% 5% 5%; color:#fff; z-index:1; max-width:500px; }
.ngg-details2 p, .ngg-details3 p { padding:3% 0 0; }
.ngg-btn { margin:3% 0 0; max-width:180px; }
.ngg-btn a { padding:8px 16px; border:2px solid #fff; font-size:2.5rem; font-weight:700; transition:1s; }
.ngg-btn a:hover { background:#fff; color:#000; transition:0.8s; }
.ngg-seebtn { font-size:14px; width:100%; max-width:180px; }

.ngg-all-skus { padding:20px 0; }
.ngg-sku { display:flex; justify-content:space-around; margin:5% auto; }
.ngg-sku-title { text-align:center; color:#fff; font-weight:700; font-size:3rem; padding:3% 0 3%; }
.ngg-add { padding:15px 0; }

.ngg-bg1 { background: url('../imgs/242502416-F_Ryzen_9000Series_Module-01-BG.jpg') no-repeat top left; background-size:100%;  }
.ngg-line { border-bottom:1px solid #ccc5; }
.item-img > img { max-width:500px; }
.ngg-AL { text-align:left; }
.main-item .item-img > img {max-width: 400px;}




/*---- Self-Clearing Floats ----*/
.mod:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/*---- Fluid Images and Objects ----*/
img,
object,
embed{max-width:100%;}

/*---- Optional Vanity Styles ----*/
img::selection{background:transparent;}
img::-moz-selection{background:transparent;}

@media only screen and (max-device-width:480px) {
	html{-webkit-text-size-adjust:none;}
	a{-webkit-tap-highlight-color:rgba(200,0,0,0.4);}
}

/* ---- Standard Links ---- */

a, a:link, a:visited{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer; text-decoration: none;}
a:hover, a:active, a:focus{cursor:pointer; text-decoration: none;}


/*----------------------------------------------------------------------------------*/


/* ---- Containers ---- */
#cntr_fullspan{margin:0 auto;padding:0;width:100%;height:auto;}
#cntr_main{margin:0 auto;padding:0;height:auto;border-left:1px solid #fff;border-right:1px solid #fff;background-color: #fff;}
#cntr_disclaimer{margin:0;padding:35px 0;width:100%;height:auto;text-align:center;}


/* ---- Links ---- */
a.ProductTitle, a.ProductTitle:link, a.ProductTitle:visited{font-size:.75em;font-weight:700;color:#244e6d;text-wrap:normal;text-decoration:none;}
a.ProductTitle:hover, a.ProductTitle:active, a.ProductTitle:focus{font-size:.75em;font-weight:700;color:#000;text-wrap:normal;text-decoration:underline;}
a.disc, a.disc:link, a.disc:visited{font-size:.75em;font-weight:700;color:#244e6d;text-wrap:normal;text-decoration:underline;}
a.disc:hover, a.disc:active, a.disc:focus{font-size:.75em;font-weight:700;color:#000;text-wrap:normal;text-decoration:none;}
a.inCart, a.inCart:link, a.inCart:visited{font-size:.75em;color:#06F;text-decoration:none;}
a.inCart:hover, a.inCart:active, a.inCart:focus{font-size:.75em;color:#000;text-decoration:none;}

/* ---- Bullet List ---- */
ul.list_features {margin:3px 0;padding:0;height:auto;width:auto;font-size:.75em;color:#777;list-style:none;overflow: hidden;}
ul.list_features li{margin:0;padding:0 14px;text-wrap:normal;background:url(https://promotions.newegg.com/template/us/imgs/listStyle.gif) no-repeat;background-position:0 4px; max-height: 1.25em;}

/* ---- Custom Bullet List ---- */
ul.list_features_custom{margin:3px 0;padding:0;height:4em;width:auto;font-size:.75em;color:#777;list-style:none;overflow:hidden;}
ul.list_features_custom li{margin:0;padding:0 14px;text-wrap:normal;background:url(https://promotions.newegg.com/template/us/imgs/listStyle.gif) no-repeat;background-position:0 4px;}


/*----------------------------------------------------------------------------------*/

/* ---- Firefox Hacks ---- */
@-moz-document url-prefix(){

.cntr_pricing{clear:both;margin:5px 0;padding:0;height:auto;width:auto;overflow:hidden;}
ul.priceList{margin:0;padding:8px 0 0 0;width:auto;list-style:none;}
ul.priceList li{margin:0 0 6px 0;padding:0;height:auto;width:auto;line-height:1.125em;list-style:none;}

/* ---- Custom Bullet List ---- */
ul.list_features{margin:3px 0;padding:0;height:auto;width:auto;font-size:.75em;color:#777;list-style:none;}
ul.list_features li{margin:0;padding:0 14px;text-wrap:normal;background:url(https://promotions.newegg.com/template/us/imgs/listStyle.gif) no-repeat;background-position:0 4px; max-height: 1.25em; overflow: hidden;}
.mapPricing{clear:both;float:left;margin:4px 0;padding:4px 8px;width:auto;height:auto;text-align:center;line-height:normal;background-color:#f9f6f2;border:1px solid #bbb;}
a.inCart, a.inCart:link, a.inCart:visited{padding:4px 8px;font-size:.75em;color:#06F;line-height:1.5em;text-decoration:none;}
a.inCart:hover, a.inCart:active, a.inCart:focus{padding:4px 8px;font-size:.75em;color:#000;line-height:1.5em;text-decoration:none;}
}



@media(max-width: 1600px) {

    #cntr_main, #cntr_hero{max-width:1280px;}
	.oneCol{max-width:1280px;}
	.twoCol{max-width:1280px;}
	.threeCol{max-width:1280px;}
	.fourCol{max-width:1280px;}
	.listingPage{max-width:1280px;}
	.section1_wrap{max-width:1280px;}
	.section2_wrap{max-width:1280px;}
	.section3_wrap{max-width:1280px;}
	.section4_wrap{max-width:1280px;}
	.section5_wrap{max-width:1280px;}
	.section6_wrap{max-width:1280px;}
	div.content-box{max-width:1280px;}
	div.T-group{max-width:1280px;}
}

@media(max-width: 1310px) {
    #cntr_main, #cntr_hero{padding: 0 15px;}
	.oneCol{padding: 0 15px;}
	.twoCol{padding: 0 15px;}
	.threeCol{padding: 0 15px;}
	.fourCol{padding: 0 15px;}
	.listingPage{padding: 0 15px;}
	.section1_wrap{padding: 0 15px;}
	.section2_wrap{padding: 0 15px;}
	.section3_wrap{padding: 0 15px;}
	.section4_wrap{padding: 0 15px;}
	.section5_wrap{padding: 0 15px;}
	.section6_wrap{padding: 0 15px;}
	div.content-box{padding: 0 15px;}
	div.T-group{padding: 0 15px;}
}

@media(max-width: 1280px) {
	/* ---- Hero ---- */
	#cntr_main, #cntr_hero{max-width:1250px; min-width:970px;}
	.oneCol{max-width:1250px; min-width:970px;}
	.twoCol{max-width:1250px; min-width:970px;}
	.threeCol{max-width:1250px; min-width:970px;}
	.fourCol{max-width:1250px; min-width:970px;}
	.listingPage{max-width:1250px; min-width:970px;}
	.section1_wrap{max-width:1250px; min-width:970px;}
	.section2_wrap{max-width:1250px; min-width:970px;}
	.section3_wrap{max-width:1250px; min-width:970px;}
	.section4_wrap{max-width:1250px; min-width:970px;}
	.section5_wrap{max-width:1250px; min-width:970px;}
	.section6_wrap{max-width:1250px; min-width:970px;}
	div.content-box{max-width:1250px; min-width:970px;}
	div.T-group{max-width:1250px; min-width:970px;}

}
.l-left{ float: left; }
.l-right{ float: right; }
.l-clear{ clear: both; }
.section-table02{ width: 100%; }
.section-table02 .td1{ width: 20%; }
.section-table02 .td2{ width: 30%; font-size: 14px; color: #333; border-bottom: 1px solid #ccc; padding: 5px 0 5px 10px;}
.section-table02 .td3{ width: 50%; font-size: 14px; color: #333;border-bottom: 1px solid #ccc; padding: 5px 0 5px 10px;}

@media only screen and (min-width: 375px) {
	/* insert responsive CSS for screens above 375px */
}
@media only screen and (min-width: 769px) {
	/* insert responsive CSS for screens above 481px */
    .two-items .items-split { border-left:0; }
	.items4col { width:19% !important; margin:0; }
}
@media only screen and (min-width: 641px) {
	/* insert responsive CSS for screens above 641px */
	.banner { padding-top: 33.86%; }
	.banner-img {
		background-position:100% 0;
		background-size: 152.7086383601757%;
	}
    .banner-img2 {
		background-position:100% 0;
		background-size: 152.7086383601757%;
	}
    .items-grid .item-title { color:#fff; height:6em; }
    
    .ngg-sectbanner { padding-top: 26.286%; }
	.ngg-sect-img {
		background-position:100% 0;
		background-size: 152.7086383601757%;
	}
    .ngg-sect-img2 {
		background-position:100% 0;
		background-size: 152.7086383601757%;
	}
    .ngg-sect-img3 {
		background-position:100% 0;
		background-size: 152.7086383601757%;
	}
    .ngg-sect-img4 {
		background-position:100% 0;
		background-size: 152.7086383601757%;
	}
	
	 .ngg-sect-img5 {
		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: 1000px) {
	/* insert responsive CSS for screens above 1025px */
	.ngg-details3 {
    position: relative;
    top: 0;
    right: -50%;
    padding: 4% 43% 5% 2%;
    color: #fff;
    z-index: 1;
    max-width: 412px;
}

}

@media only screen and (min-width: 912px) {
	/* insert responsive CSS for screens above 1025px */
	.ngg-details3 {
    position: relative;
    top: 0;
    right: -50%;
    padding: 4% 43% 5% 2%;
    color: #fff;
    z-index: 1;
    max-width: 420px;
}
}

@media only screen and (min-width: 1800px) { 
    .ngg-timerbg { background-size:contain; }
}