main {background-color: #151517;}
.buynow {display:inline-block; padding: 0.5em; background-color: #76b900; color: #ffffff;}
.green {color:#26cc00;}
.white {color: white;}
.gold {color: #ea9801;}
main section {padding: 1rem 0;}
main .max-img {width: 100%;}

.section-header-text {padding: 2rem 0;}
.section-header-text h1 {line-height: 2.6rem;}
.section-header-text p {font-size: 1.35rem; text-align: center;}
.black-box { padding: 5.5rem;}
main .product-images .new-buy-status {float: right; font-size: 2rem; text-transform: uppercase; background-color: green; padding: 0.1em 1em; font-weight: 700;}

.products-bg .mcontainer {background: url("/images/common/85_black_trans.png"); max-width: 1600px; padding: 20px 0;}
.products-bg h4 {font-size: 16px;}

.mcontainer .prod-column {position: initial;}
.prod-accord-header {border: 1px solid #555; color: #777; cursor: pointer; margin-top: 3px; padding: 5px;}
.itemSKU {float: right; margin: 0 5px;}
.arrow-left {width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 9px solid #555; float: right;}
.prod-accord-header.active {border-color: #fff; color: #fff; font-weight: bold;}
.prod-accord-header.active .arrow-left {border-top: 9px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; margin-top: 3px;}
.prod-specs {position: absolute; top: 0; right: 0; padding-left: 15px; padding-right: 15px; width: 50%;}
.prod-accord-content {display: none; overflow: hidden;}
.gold-dust {background: no-repeat right/60% url(golddust.jpg);}
.header-logo { margin: 10px 0;}
.header { background: #2c3951; width: 100%;  display: block; margin: 0; height: auto;  position: relative;top: 0px;}

main .nav-bg { background: rgb(175, 118, 12); border-bottom: 1px solid #555; position: relative; z-index: 999;}
main .nav {display: flex; justify-content: center; list-style: none; margin: 0 auto; max-width: 1200px; text-transform: uppercase;}
main .nav li {cursor: pointer; margin: 0; padding: 0.5em 1em;}
main .nav li.nav-active {color: #aea57a; font-weight: 700;}
main .nav li:hover, .nav a:hover {background-color: #333; color: #aea57a;}
main .is-sticky .nav-bg {width: 100%;}

.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.owl-next {position: absolute; top: 75%; right: 13%}
.owl-prev {position: absolute; top: 75%; left: 13%}

.section-eco .owl-next {position: absolute; top: 37%; right: -8%}
.section-eco .owl-prev {position: absolute; top: 37%; left: -8%}

.mcontainer .prod-column {position: initial;}
.prod-accord-header {border: 1px solid #555; color: #777; cursor: pointer; margin-top: 3px; padding: 5px;}
.itemSKU {float: right; margin: 0 5px;}
.arrow-left {width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 9px solid #555; float: right;}
.prod-accord-header.active {border-color: #fff; color: #fff; font-weight: bold;}
.prod-accord-header.active .arrow-left {border-top: 9px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; margin-top: 3px;}
.prod-specs {position: absolute; top: 0; right: 0; padding-left: 15px; padding-right: 15px; width: 50%;}
.prod-accord-content {display: none; overflow: hidden;}
main .section-specs .row [class^="col"] {margin: 0;}
.products-bg h2 {color: #fff; font-size: 1.4em; text-transform: none; margin-bottom: 0.5em; }
.products-bg h2.prod-second { margin-top: 0.5em; }
.products-bg .product-buttons {margin: 0.5em 0;}
.prod-column-specs { padding-left: 1em; }
.prod-accord-header {border: 1px solid #333; color: #777; cursor: pointer; margin-top: 3px; padding: 5px; font-size: 0.85em; }
.itemSKU {float: right; margin: 0 5px;}
.arrow-left {width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 9px solid #555; float: right;}
.prod-accord-header.active {border-color: #fff; color: #fff; font-weight: 500;}
.prod-accord-header.active .arrow-left {border-top: 9px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; margin-top: 3px;}
.prod-specs {position: absolute; top: 0; right: 0; padding-left: 15px; padding-right: 15px; width: 50%;}
.prod-accord-content {display: none; overflow: hidden;}

.products-bg .product-images {list-style: none; margin: 5px 0; overflow: hidden;}
.product-images li {float: left; margin: 3px 5px 3px 0;}
.product-images img {max-width: 50px;}
.product-buttons {list-style: none; margin: 15px 0 0;}
.product-buttons a {color: #fff; display: block; padding: 4px 8px; text-decoration: none; border: 1px solid #666666; font-size: 0.75em; text-transform: uppercase;}
.product-buttons a:hover {color: #999;}
.product-buttons li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 1em; margin: 0 1% 10px 0; width: 30%; padding: 0; background: url(/images/common/75_black_trans.png);}
.product-buttons .statusComingSoon {display: block; padding: 4px 8px; border: 1px solid #666666; font-size: 0.75em; text-transform: uppercase;}
.product-group-specs {display: none;}
.product-group-specs h3 {font-size: 1em; font-style: italic;}
.specs-column {float: left; width: 100%;}
.specs-column ul {list-style: none; margin: 5px 10px;}
.specs-column ul li {text-indent: -4px; font-size: 0.9em;}
.specs-column ul li:before {content: "-"; position: relative; left: -5px;}
.specs-memoryheader {margin-top: 50px;}
main .section-specs .row [class^="col"] {margin: 0;}
.section-specs {border-top: solid goldenrod;}
.product-images {list-style: none; margin: 5px 0; overflow: hidden;}
.product-images li {float: left; margin: 3px 5px 3px 0;}
.product-images img {max-width: 50px;}
.product-buttons {list-style: none; margin: 15px 0 0;}
.product-buttons a {color: #fff; display: block; padding: 4px 8px; text-decoration: none; border: 1px solid #666666;}
.product-buttons a:hover {color: #999;}
.product-buttons li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 12px; margin: 0 1% 10px 0; width: 30%; padding: 0; background: url(/images/common/75_black_trans.png);}
.section-overview {padding-bottom: 5%;}
.product-buttons .statusComingSoon {display: block; padding: 4px 8px; border: 1px solid #666666;}
.product-group-specs, .product-group-features, .product-table-specs {display: none;}
.product-group-specs h3, .product-group-features h3, .product-table-specs h3 {font-size: 16px; font-style: italic; margin-bottom: 5px;margin-top: 20px;}
.product-table-specs h4 {font-size: 15px;}
.product-table-specs table {background: url(/images/common/50_black_trans.png); border: 1px solid #666; font-size: 16px; text-align: center; width: 100%;}
.product-table-specs table td {padding: 3px; border: 1px solid #666;}
.product-table-specs table td:first-child {width: 150px;}
.prod-rowtable-specs {margin-top: 15px;}
.specs-column ul {list-style: none; margin: 5px 10px;}
.specs-column ul li {text-indent: -4px;}
.specs-column ul li:before {content: "-"; position: relative; left: -5px;}

table.darkTable {border: 0px solid #000000; background-color: #2f2e33; text-align: left; border-collapse: collapse; margin:auto;}
table.darkTable td, table.darkTable th {border-bottom: 5px solid #151517; padding: 5px 5px;}
table.darkTable tbody td {font-size: 13px; color: #E6E6E6;}
table.darkTable tfoot td {font-size: 12px;}

@media (min-width: 801px) {
  .flex-center {display: flex; align-items: center;}
  .mobile {display: block;}
  main .section-warranty {background: center / cover no-repeat url("warranty_Bg.jpg"); min-height: 420px;}
  main .refine-text {font-size: 3.5rem; line-height: 3.9rem;}
  main .gold-img {padding-bottom: 5rem;}
  main .eco-chart {width: 350px;}

  main .section-series {background: center / cover no-repeat url("psuSeries.jpg"); min-height: calc(100vw * 882 / 2560);}
  main .section-series .scontainer {min-height: calc(100vw * 882 / 2560);}
  main .section-series .scontainer .row .col-12 h1 {white-space: nowrap; font-size: 2.3rem;}
}

@media (max-width: 800px) {
  .mobile {display: none;}
  main .section-buy ul {height: 120px;}
  main .sticky-wrapper {display: block;}
}

@media (max-width: 500px) {
  main .section-series {display: none;}
}