html {overflow-x: hidden; -ms-overflow-style: -ms-autohiding-scrollbar;}

@font-face {font-family: "GeForce"; src: url("https://images.evga.com/common/fonts/GeForce/GeForce-Bold-Alt.woff") format("woff2");}
main h1 {font-family: "GeForce", Arial, Helvetica, sans-serif; font-size: 2.05rem; line-height: 2.5rem; margin: 0px auto 20px;}
p {margin: 0;}
main #LFrame_PanelRow > div.row.flexWrap::after, main #LFrame_PanelRow > div.row.flex-center.flex-directionRow::after {display: none;}
main p {font-family: "Rubik", Arial, Helvetica, sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.5; margin: 0; color: #d5d5d5;}
main a {text-decoration: underline; font-weight: 600;}
main .scontainer {max-width: 1400px; margin: auto;}
main section:not(.section-header, .section-forum) {padding: 60px 0;}
.flex-center {display: flex; align-items: center; justify-content: space-evenly; flex-direction: row;}
.flex-directionRow {flex-direction: row;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}
.mobile-br:before {content: ''; display: block;}
.mobile-h1 {display: none;}

main .section-header img {height: calc(100vw * 1045 / 2560);}
main .section-intro h1 {display: flex; justify-content: center; align-items: center;}
main .section-intro h1 > img {margin: 2px 8px 0px 0; width: 96px;}
main .section-intro > div.scontainer > div.row {display: flex; flex-direction: column; justify-content: center; align-items: center;}
main .section-intro li {font-size: 1.25rem;}
main .section-system h1 {display: flex; justify-content: center; align-items: center;}
main .section-system h1 > img {margin: 2px 8px 0px 0; width: 96px;}
main .section-system .coverKit {max-width: 750px; margin: auto;}
main .section-system .coverKit .col-6 {width: 46%;}
main .section-system .coverKit .col-6 img {transition: .3s;}
main .section-system .coverKit .col-6 img:hover {transform: scale(1.11);}
main .section-system .coverKit a {cursor: pointer;}
main .section-system .coverKit #kitMenu-left {width: calc(100vw - 15px); top: 50%; left: -200%; overflow:hidden; transform: translate(-50%,-47%); background-color: #333333e3; box-shadow: 3px 3px 5px rgba(0,0,0,.1); position: absolute; z-index: 11; opacity: 1; transition: all 0.5s; -webkit-transition: all 0.5s; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column; align-items: center; padding: 3em 0 3em 0; min-height: 550px;}
main .section-system .coverKit #kitMenu-left .row {width: 750px;}
main .section-system .coverKit #kitMenu-left p {font-size: 1.0rem; line-height: 1.3;}
main .section-system .coverKit #kitExit-left {position: absolute; right: 25px; padding: 0px; top: -10px; z-index: 12; font-size: 4em; color: white; font-weight: 500; cursor: pointer; transition: all 0.25s; -webkit-transition: all 0.25s;}
main .section-system .coverKit #kitExit-left:hover {color: tomato;}
main .section-system .coverKit #kitMenu-left.enter {opacity: 1; left: 50%;}
main .section-system .coverKit #kitMenu-right {width: calc(100vw - 15px); top: 50%; left: -200%; overflow:hidden; transform: translate(-50%,-47%); background-color: #333333e3; box-shadow: 3px 3px 5px rgba(0,0,0,.1); position: absolute; z-index: 11; opacity: 1; transition: all 0.5s; -webkit-transition: all 0.5s; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column; align-items: center; padding: 3em 0 3em 0; min-height: 550px;}
main .section-system .coverKit #kitMenu-right .row {width: 950px;}
main .section-system .coverKit #kitMenu-right .row .col-3 {margin: 0.5rem 0%; width: 25%;}
main .section-system .coverKit #kitMenu-right p {font-size: 1.0rem; line-height: 1.3;}
main .section-system .coverKit #kitExit-right {position: absolute; right: 25px; padding: 0px; top: -10px; z-index: 12; font-size: 4em; color: white; font-weight: 500; cursor: pointer; transition: all 0.25s; -webkit-transition: all 0.25s;}
main .section-system .coverKit #kitExit-right:hover {color: tomato;}
main .section-system .coverKit #kitMenu-right.enter {opacity: 1; left: 50%;}

main .section-diy h1 {display: flex; justify-content: right; align-items: right;}
main .section-diy h1 > img {margin: 2px 8px 0px 0; width: 96px;}
main .section-diy a {text-decoration: none;}
main .section-diy #LFrame_PanelRow #E1Diy {
  background: radial-gradient(center, 73% 55%, #ccc 0%, #000000 73%);
  background: -moz-radial-gradient(center, 73% 55%, #ccc 0%, #000000 73%);
  background: -webkit-radial-gradient(center, 73% 55%, #ccc 0%, #000000 73%);
  background: -o-radial-gradient(center, 73% 55%, #ccc 0%, #000000 73%);
  background: -ms-radial-gradient(center, 73% 55%, #ccc 0%, #000000 73%);
}
main .section-diy #LFrame_PanelRow table a.downloadButton {text-decoration: none;}
main .section-diy .flexWrap {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; align-content: stretch; flex: 1 1 0%;}
main .section-diy .flexWrap .wrapList {display: inline-block; background: #111; overflow: hidden; margin-left: 4px; margin-right: 4px; width: calc(100% / 3 - 8px); border: none; vertical-align: top; height: auto;}

main .section-diy .flexWrap #kitMenu-l {width: calc(100vw - 15px); top: 50%; left: -200%; overflow:hidden; transform: translate(-50%,-47%); background-color: #333333e3; box-shadow: 3px 3px 5px rgba(0,0,0,.1); position: absolute; z-index: 11; opacity: 1; transition: all 0.5s; -webkit-transition: all 0.5s; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column; align-items: center; padding: 3em 0 3em 0; min-height: 550px;}
main .section-diy .flexWrap #kitMenu-l .row {width: 750px;}
main .section-diy .flexWrap #kitMenu-l p {font-size: 1.0rem; line-height: 1.3;}
main .section-diy .flexWrap #kitExit-l {position: absolute; right: 25px; padding: 0px; top: -10px; z-index: 12; font-size: 4em; color: white; font-weight: 500; cursor: pointer; transition: all 0.25s; -webkit-transition: all 0.25s;}
main .section-diy .flexWrap #kitExit-l:hover {color: tomato;}
main .section-diy .flexWrap #kitMenu-l.enter {opacity: 1; left: 50%;}

main .section-diy .flexWrap #kitMenu-c {width: calc(100vw - 15px); top: 50%; left: -200%; overflow:hidden; transform: translate(-50%,-47%); background-color: #333333e3; box-shadow: 3px 3px 5px rgba(0,0,0,.1); position: absolute; z-index: 11; opacity: 1; transition: all 0.5s; -webkit-transition: all 0.5s; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column; align-items: center; padding: 3em 0 3em 0; min-height: 550px;}
main .section-diy .flexWrap #kitMenu-c .row {width: 750px;}
main .section-diy .flexWrap #kitMenu-c p {font-size: 1.0rem; line-height: 1.3;}
main .section-diy .flexWrap #kitExit-c {position: absolute; right: 25px; padding: 0px; top: -10px; z-index: 12; font-size: 4em; color: white; font-weight: 500; cursor: pointer; transition: all 0.25s; -webkit-transition: all 0.25s;}
main .section-diy .flexWrap #kitExit-c:hover {color: tomato;}
main .section-diy .flexWrap #kitMenu-c.enter {opacity: 1; left: 50%;}

main .section-diy .flexWrap #kitMenu-r {width: calc(100vw - 15px); top: 50%; left: -200%; overflow:hidden; transform: translate(-50%,-47%); background-color: #333333e3; box-shadow: 3px 3px 5px rgba(0,0,0,.1); position: absolute; z-index: 11; opacity: 1; transition: all 0.5s; -webkit-transition: all 0.5s; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column; align-items: center; padding: 3em 0 3em 0; min-height: 550px;}
main .section-diy .flexWrap #kitMenu-r .row {width: 750px;}
main .section-diy .flexWrap #kitMenu-r p {font-size: 1.0rem; line-height: 1.3;}
main .section-diy .flexWrap #kitExit-r {position: absolute; right: 25px; padding: 0px; top: -10px; z-index: 12; font-size: 4em; color: white; font-weight: 500; cursor: pointer; transition: all 0.25s; -webkit-transition: all 0.25s;}
main .section-diy .flexWrap #kitExit-r:hover {color: tomato;}
main .section-diy .flexWrap #kitMenu-r.enter {opacity: 1; left: 50%;}

main .section-diy .grid-item {border-top: 0; padding: 0; margin: 0;}
main .section-diy .grid-item .prdImg {background-color: #2e2c2d; padding: 10px; cursor: pointer; transition: .2s;}
main .section-diy .grid-item .prdImg:hover {background-color: #5e5e5e;}
main .section-diy .grid-item .grid-info {background-color: #111; padding: 20px;}
main .section-diy .grid-item .grid-info .product-pn {font-size: 0.9rem;}
main .section-diy .grid-item .grid-info .product-limit {color: #fcff00; font-size: 12px;}
main .section-diy .grid-item .grid-info .product-limit2 {color: #fcff00; font-size: 16px; line-height: 1.3;}
main .section-diy .grid-item .grid-info .grid-pname {color: #acacac; white-space: nowrap;}
main .section-diy .grid-item .grid-info .grid-pname .listNone {list-style: none;}
main .section-diy .grid-item .grid-info .grid-pname .nbsp {display: block;}
main .section-diy .grid-item .grid-info .grid-pricing {text-align: right;}
main .section-diy .grid-item .grid-info .grid-pricing .priceFinal {color: #fff; font-size: 2.5em; font-weight: 700;}
main .section-diy .grid-item .grid-info .grid-pricing .AddToCart .rbButton {padding: 4px 40px;}

input#chkVGA, input#chkAccessority, input#chkPowerLink, input#chkPSU, input#chkRAM, input#chkMB {display: none;}
.diyCheckbox .imageCheckbox > label.label-checkbox {background-size: contain; background-repeat: no-repeat; background-position: center; display: block; height: 250px; width: 236px; cursor: pointer; filter: brightness(0.4); border-radius: 0.5rem; transition: .2s;}
.diyCheckbox {position: relative; width: 100%; padding-top: calc(100% * 9 / 16); text-align: center;}
.diyCheckbox #E1Diy {position: absolute; transform: translate(-50%, -50%); top: 40%; left: 50%;}
.diyCheckbox .imageCheckbox.vga {position: absolute; top: -5%; left: 15%;}
.diyCheckbox .imageCheckbox.kit {position: absolute; top: 30%; left: 15%;}
.diyCheckbox .imageCheckbox.pl {position: absolute; top: 59%; left: 28%;}
.diyCheckbox .imageCheckbox.psu {position: absolute; top: 62%; left: 54%;}
.diyCheckbox .imageCheckbox.ram {position: absolute; top: 28%; left: 65%;}
.diyCheckbox .imageCheckbox.mb {position: absolute; top: 1%; left: 65%;}
.diyCheckbox .imageCheckbox.vga > label.label-checkbox {background-repeat: no-repeat; background-position: center center; background-image: url("https://images.evga.com/articles/01573/vga.png"), url("https://images.evgaqas.com/articles/01573/vga.png");}
.diyCheckbox .imageCheckbox.kit > label.label-checkbox {background-repeat: no-repeat; background-position: center center; background-image: url("https://images.evga.com/articles/01573/kit.png"), url("https://images.evgaqas.com/articles/01573/kit.png");}
.diyCheckbox .imageCheckbox.pl > label.label-checkbox {background-repeat: no-repeat; background-position: center center; background-image: url("https://images.evga.com/articles/01573/pl.png"), url("https://images.evgaqas.com/articles/01573/pl.png");}
.diyCheckbox .imageCheckbox.psu > label.label-checkbox {background-repeat: no-repeat; background-position: center center; background-image: url("https://images.evga.com/articles/01573/psu.png"), url("https://images.evgaqas.com/articles/01573/psu.png");}
.diyCheckbox .imageCheckbox.ram > label.label-checkbox {background-repeat: no-repeat; background-position: center center; background-image: url("https://images.evga.com/articles/01573/ram.png"), url("https://images.evgaqas.com/articles/01573/ram.png");}
.diyCheckbox .imageCheckbox.mb > label.label-checkbox {background-repeat: no-repeat; background-position: center center; background-image: url("https://images.evga.com/articles/01573/mb.png"), url("https://images.evgaqas.com/articles/01573/mb.png");}
.diyCheckbox .imageCheckbox > label.label-checkbox.light {filter: brightness(1.1) !important;}
.diyCheckbox .imageCheckbox > label.label-checkbox + span {opacity: 0; transition: .2s;}
.diyCheckbox .imageCheckbox > label.label-checkbox:hover + span {opacity: 1 !important;}

.magnify > .magnify-lens {background-color: #fff !important;}

main .section-video #introVideo {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
main .section-video #introVideo iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media (max-width: 1200px) {
  .diyCheckbox {padding: 0;}
  .diyCheckbox #E1Diy {position: relative; transform: none; top: 0; left: 0;}
  main .section-diy {background: none;}
}
@media (max-width: 1100px) {
  main .section-diy .flexWrap .col-4 {width: calc(100% / 2 - 8px);}
  main .section-diy .flexWrap #kitMenu-l, main .section-diy .flexWrap #kitMenu-c, main .section-diy .flexWrap #kitMenu-r {display: none;}
}
@media (max-width: 800px) {
  .flex-center {flex-direction: column;}
  .flex-directionRow {flex-direction: row;}
  main .section-system .coverKit #kitMenu-left {min-height: auto;}
  main .section-system .coverKit #kitMenu-left img {display: none;}
  main .section-system .coverKit #kitMenu-left .magnify {display: none;}
  main .section-system .coverKit #kitMenu-right {min-height: auto;}
  main .section-system .coverKit #kitMenu-right .col-3 {display: none;}
  main .section-system .coverKit #kitMenu-left .row {width: 100%;}
  main .section-system .coverKit #kitMenu-right .row {width: 100%;}

  main .section-diy .flexWrap .col-4 {width: 100%; margin: 0.5rem 2%;}
  main .section-diy .grid-item .grid-info .grid-pname .nbsp {display: none;}
  main .section-diy .grid-item .grid-info .grid-pname .listNone {display: none;}
}
@media (max-width: 600px) {
  #LFrame_pnlMain > table.table-cart > tbody > tr > td:nth-child(3) {display: none;}
  #LFrame_pnlMain > table.table-cart > tbody > tr > td:nth-child(5) {display: none;}
  #LFrame_pnlMain > table.table-cart > tbody > tr > td:nth-child(6) {display: none;}
}
@media (max-width: 500px) {
  main section:not(.section-header, .section-forum) {padding: 20px 0;}
  .text-left, .text-right, .text-justify {text-align: center;}
  .mobile-br:before {content: ''; display: inline-block;}
  .mobile-h1 {display: inline-block;}
  main .section-intro h1 {display: block;}
  main .section-intro h1 > img {display: none;}
  main .section-system h1 {display: block;}
  main .section-system h1 > img {display: none;}
  main .section-diy h1 {display: flex;}
  main .section-diy h1 > img {display: none;}
}





div.main-wrapper {width: 100%; max-width: 100%; margin: 0; padding: 0;}
/* RadPanelBar Items */
.RadPanelBar .rpItem {padding: 0; margin: 1em 0 0 0;}
.RadPanelBar .rpRootGroup > .rpFirst {margin-top: 0;}
.RadPanelBar .rpLevel1 .rpFirst {padding-top: 0;}
.RadPanelBar .rpLevel1 .rpLast {padding-bottom: 0;}
.RadPanelBar .rpLevel2 .rpItem {padding: 0;	margin: 0;}
div.RadPanelBar .rpRootGroup {border-width: 0;}
div.RadPanelBar .rpLink {border-bottom-width: 0;}
div.RadPanelBar .rpHeaderTemplate, div.RadPanelBar .rpOut {border-bottom-width: 0;}
div.RadPanelBar .rpImage {padding: 0;}
div.RadPanelBar .rpExpandable .rpExpandHandle, div.RadPanelBar .rpExpanded .rpExpandHandle {display: none;}
div.RadPanelBar .rpText {display: none;}
li.rpItem.rpLast {margin-bottom: 0;}
div.RadPanelBar .rpGroup .rpOut {margin: 0;}
div.RadPanelBar .rpGroup .rpImage {padding: 0; width: 95%; float: none; margin-left: auto; margin-right: 0;}
.RadPanelBar .rpGroup .rpTemplate {background-color: #fff;}
ul.rpGroup.rpLevel2 {margin-top: 1em; background-color: #fff;}
.rpLevel2 .rpTemplate {display: flex; flex-wrap: wrap;}
div.RadPanelBar .rpLevel2 .rpTemplate, div.RadPanelBar .rpLevel2 .rpOut {padding: 0;}
div.prdItem {padding: 1em; width: 33.33%; width: calc(100%/1); display: flex; align-items: center; flex-direction: row;}
div.prdItem .flexItem1 {flex: 1; margin: 5px;}
div.prdItem .flexItem2 {flex: 1; margin: 5px; flex-grow: 2; flex-shrink: 1; flex-basis: 0%;}
span.prdDesc {display: block; padding: 0; margin: 0 0 0.5em; font-size: 1.2em; font-weight: 600;}
span.prdMsrp {display: block; padding: 0; margin: 0 0 0.5em; font-size: 1.3em; font-weight: 900;}
span.prdMsrp .spanFinalPrice {font-size: 1.8em; letter-spacing: -0.5px; color: #ffcf00;}
span.prdMsrp .spanFinalPrice + .fontOnly {font-size: 0.75em; font-weight: 400; color: #999;}

/* DIY Kit */
div.col-3 {padding-left: 0;}
div.diykit {padding: 1em; background-color: #fff; color: #000;}
div.diykit h2 {text-transform: uppercase; color: #000; text-align: center;}
div.diykit td {vertical-align: top; padding-bottom: 0.5em; font-size: 0.7em; line-height: 1.1em; font-weight: 500;}
div.diykit .RemoveFromCart {background-image: none; padding: 0;}
span.RadButton .rbPrimaryIcon {margin: 0 0 0 -10px; padding: 0; left: initial; right: initial; top: initial; bottom: initial;}
span.RadButton_Default .rbDecorated {background-image: none; padding: 0;}
button.RadButton_Black.rbButton.rbLink {display: none;} /* More Info Button */
span.rbRemove:before {content: "";}
table.itemTable {border-bottom: 1px solid #ddd; display: contents; margin: 0 auto; width: 100%;}
table.itemTable td {display: table-cell; word-wrap: break-word; vertical-align: middle; line-height: 1.2; margin: .5em 1em; padding: 0.5em 1em;}
table.itemTable td:nth-child(3) {white-space: nowrap;}
table.AddToCart {width: 100%;}
table.AddToCart td {width: 50%; text-transform: uppercase; font-weight: 500; font-size: 0.8em; color: #000; padding-top: 0.5em; padding-bottom: 0;}

/* Cart */
div.main-cart {padding: 0; min-height: initial; margin-bottom: 1em; }
div.recently-viewed {display: none;}
div.message-block {max-width: 1280px; margin: auto;}

@media (max-width: 850px) {
    div.RadPanelBar .rpItem {margin-bottom: 0.5em;}
    div.RadPanelBar .rpLevel1 .rpFirst {margin-top: 0.5em;}
    li.rpItem.rpLast {margin-bottom: 0;}
    ul.rpGroup.rpLevel2 {margin-top: 0.5em;}
    div.prdItem {width: 100%; padding: 0.5em;}
    div.col-3 {padding-left: 0.5em; margin-top: 0.5em; margin-bottom: 0.5em;}
}
@media (max-width: 500px) {
  div.prdItem {flex-direction: column;}
}