.main {font-family: 'Lato', sans-serif; font-size: 20px;}
.main h2 {font-size: 3rem; text-align: center; text-transform: uppercase;}
.main img {max-width: 100%; height: auto;}

.back-to-top {display: none; width: 64px; height: 64px; position: fixed; top: 40px; right: 25px; cursor: pointer; z-index: 9999;}
.rotate360 {background: url("images/thumb360.png") no-repeat; display: block; width: 58px; height: 58px; color: transparent; font-size: 0; line-height: 0; vertical-align: middle;}
.rotate360:hover {background-position: 0 -58px;}

.nav-bg {background: #131215; margin-left: 0; margin-right: 0; opacity: 1; position: relative; transition: background-color 0.7s ease 0s; z-index: 999;}
.nav {margin: 0 auto; position: relative; text-align: left;}
.nav li {color: #777; cursor: pointer; display: inline-block; font-size: 15px; padding: 10px 8px; text-transform: uppercase;}
.nav li.nav-active {color: #FFCC2E;}
.nav li:hover {color: #fff;}
.is-sticky .nav-bg {width: 100%;}
.nav-bg .mcontainer {max-width: 900px;}

.intro-bg {background: url("images/header/background.jpg") no-repeat center 0; padding-top: 0;}
.intro-bg .intro-block {max-width: 1600px;}
.intro-bg .intro-case {display: block; margin: auto;}
.intro-bg p:first-child {margin-top: 40px;}
.intro-images img {display: block; margin-top: 70px;}
.intro-images .dg-image {margin: 30px 0 -20px -28px;}
.slogan {color: #FFCC2E; font-size: 2.5rem; font-weight: 700; margin-top: 40px; text-align: center; text-transform: uppercase;}

.cases-bg h3, .cases-bg p {margin-bottom: 0; text-align: center;}
.cases-bg h3 {color: #FFCC2E;}
.cases-bg .msrp-price {text-decoration: line-through;}
.cases-bg .reduced-price {color: #FFCC2E; font-size: 3rem; font-weight: 700;}
.cases-bg .msrp-price.dual {font-size: 1rem;}
.cases-bg .reduced-price.dual {font-size: 1.25rem;}
.special-price {display: block; margin: 30px auto;}

.layout-bg .layout-image {display: block; margin: auto; max-width: 500px;}
.layout-block {text-align: center;}
.layout-inner-block {display: inline-block; margin: auto; position: relative;}
.layout-inner-block > div {font-size: 2rem; font-weight: 700; text-shadow: 0 0 5px #0ff; text-transform: uppercase;}
.layout-front {position: absolute; top: 0; left: 0; right: 0; text-align: center;}
.layout-left {position: absolute; top: 50%; left: 0;}
.layout-right {position: absolute; top: 50%; right: 0;}
.case-images {list-style: none; margin: 15px 0 0; text-align: center;}
.case-images li {display: inline-block; margin: 0 4px; vertical-align: middle;}
.case-images img {max-width: 58px; vertical-align: middle;}

.features-bg {font-size: 14px;}
.features-bg h3 {color: #FFCC2E;}
.features-bg .column-6 {padding: 0;}
.features-bg .features-image {float: left; margin-right: 10px; max-width: 150px;}
.features-bg .features-box {border: 1px solid #aaa; margin: 5px; overflow: hidden; padding: 8px;}
.features-text {overflow: hidden;}

.video-bg .mcontainer {max-width: 900px;}
.video-container {margin: auto; position: relative; padding-bottom: 53.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container, .video-container iframe {max-width: 1280px; max-height: 720px;}
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.products-bg h3 {font-size: 2rem; text-align: left;}
.prod-accord-header {border: 1px solid #333; color: #777; cursor: pointer; font-size: 1rem; 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; margin-top: 6px;}
.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;}
.prod-specs {position: absolute; top: 0; right: 0; padding-left: 15px; padding-right: 15px; width: 50%;}
.prod-accord-content {display: none; overflow: hidden;}
.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: 58px;}
.product-buttons {list-style: none; margin: 15px 0 0;}
.product-buttons a {color: #fff; display: block; font-size: 14px; 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(http://www.evga.com/images/common/75_black_trans.png);}
.product-buttons .statusComingSoon {display: block; padding: 4px 8px; border: 1px solid #666666;}
.product-group-specs {display: none;}
.product-group-specs h4 {font-size: 16px; font-style: italic;}
.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;}

.comparison-bg h3 {background: #444; font-size: 1rem; padding: 5px; text-align: center;}
.comparison-box {margin-bottom: 30px; overflow-x: auto; padding: 0;}
.table-comparison {font-size: 14px; width: 100%;}
.table-comparison th, .table-comparison td {border: 1px solid #fff; padding: 5px; text-align: center;}
.table-comparison th, .table-comparison td:first-child {font-weight: 700;}
.table-comparison th {background: #999; color: #000;}
.table-comparison td:first-child {background: #D87E00; width: 200px;}

.footer-banner {text-align: center;}

@media (max-width: 850px)
{
  .section-bg {padding-left: 15px !important; padding-right: 15px !important;}
  
  .intro-images img {margin: 40px auto !important;}
  
  .cases-bg img {display: block; margin: auto;}
  
  .prod-column-specs {display: none !important;}
  .prod-accord-header {background: #333; border: 0; color: #fff; cursor: text; font-size: 20px;}
  .arrow-left, .itemSKU {display: none;}
  .prod-accord-content, .product-group-specs {display: block;}
  .prod-accord-content {margin-bottom: 30px;}
  .product-buttons a, .product-buttons .statusComingSoon {padding: 8px;}
  .product-buttons li {font-size: 1.2em; margin-left: 0; width: 100%;}
}