@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
      font-family: 'Roboto';
      src: url('/app/Assets/font/Roboto/test/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
  }
}
.home-page div.leader-board { width: 100%; position: relative; background: rgba(219, 219, 219, 0.37); display: block; height: 120px;border-bottom:1px solid #ccc; }
.home-page div.example-leader-board {margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 90px; width: 728px; border: 1px solid #000; }
.home-page div.site-skin {position: absolute; left: 0; width: 100%; z-index: -1; background-repeat: no-repeat; height: 100%; }
.home-page div.full-center {-webkit-box-shadow: 0px 4px 10px -1px rgba(85, 85, 85, 0.59);box-shadow: 0px 4px 10px -1px rgba(85, 85, 85, 0.59); z-index: 0; background: rgba(235, 235, 235, 0.64); }
.home-page div.home-page {height: 100%; padding-bottom: 40px; }
.home-page div.wrapper-home-page{overflow: auto;height: 100%; width: 100%;}
.home-page div.left-column{float: left; width: 760px; }
.home-page div.right-column{width: 340px; float: right;  padding:0 20px; margin:20px 0;}
.home-page div.button-group{ overflow:auto; }
.home-page div.home-page-news{width: 100%; min-height: 831px; padding:20px; background:#F7F7F7; -webkit-box-shadow:0 0 3px -2px #000; box-shadow:0 0 3px -2px #000;}
.home-page div.pc-build-list{width: 300px;   }
.home-page div.news-header{font-size:2rem; text-align:left; border-bottom:1px dotted #CCC; padding-bottom:20px; font-family:'Roboto',sans-serif; }
.home-page div.home-page-tools-icon{font-size: 3rem; }
.home-page div.news-title{font-size: 1.5rem; padding-top: 10px;}
.home-page div.news-written-by{display:inline; }
.home-page div.news-written-on{display:inline; }
.home-page div.news-tag-line{padding:10px 0;text-shadow:1px 1px 1px #fff;font-family:'Roboto', sans-serif;color:rgba(0, 0, 0, 0.62); }
.home-page div.news-item{padding:20px 0;margin-bottom:20px;border-bottom:1px solid rgba(204, 204, 204, 0.44);-webkit-box-shadow:0 31px 28px -46px #000;box-shadow:0 31px 28px -46px #000; }
.home-page .bookmark-icon{color:#8B0000; text-shadow:1px 1px #000; }
.home-page div.news-top-image{text-align:center;margin:20px 0; }
.home-page .top-image{ -webkit-box-shadow: 0px 10px 20px -10px #000; box-shadow: 0px 10px 20px -10px #000; height:223px; width:595px;}
.home-page .pc-build-title{font-size: 1.4rem; padding: 20px; background: #FFFFFF; border: 1px solid #DDD; font-family: 'Roboto',sans-serif; margin-top: 0px; line-height: 0; margin-bottom: 20px; }
.home-page table.game-rig-table{margin:0;font-family:'Roboto',sans-serif; }
.home-page .game-rig-table td{cursor:pointer;}
.home-page .news-title-link{text-decoration: none; color: rgba(0, 0, 0, 0.76); font-family:'Roboto',sans-serif; font-size:1.7rem; }
.home-page .game-rig-headers{font-size:1.2rem;font-weight:normal;text-align:left;}
.home-page .bookmark-icon:hover{color:rgba(139, 0, 0, 0.89);}
.home-page .news-opening-paragraph{ /* color: rgba(255, 255, 255, 0); */ text-shadow: 2px 0px 1px #FFF; font-weight: normal; font-family: 'Roboto', sans-serif; color: rgba(0, 0, 0, 0.6); word-spacing: 1px; line-height: 30px; height: 9.9rem; overflow: hidden; position: relative; margin: 0.4em 0 0.4em 0; font-size: 1.05rem;}
.home-page .news-opening-paragraph p{}
.home-page .news-opening-paragraph:after{content: ""; display: block; position: absolute; bottom: 0; right: 0; background-image: -webkit-linear-gradient(left, rgba(231, 231, 226, 0) 0, #F8F8F8 90%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(231, 231, 226, 0)), color-stop(90%, #f8f8f8)); background-image: -webkit-linear-gradient(left, rgba(231, 231, 226, 0) 0, #f8f8f8 90%); background-image: linear-gradient(left, rgba(231, 231, 226, 0) 0, #f8f8f8 90%); pointer-events: none; height: 2rem; width: 20%; }
.home-page .pc-build-game-img{-webkit-box-shadow:3px 5px 4px -4px #000;box-shadow:3px 5px 4px -4px #000;width:85px;}
.home-page .pc-build-item{font-family:'Roboto', sans-serif; padding:20px; background: #FFFFFF; border:1px solid #DDD; overflow:auto; margin-top:20px;}
.home-page .pc-build-tag-line{font-size:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;}
.home-page .pc-build-game-img-container{text-align:left; float:left; margin:5px 5px; }
.home-page .pc-build-price{}
.home-page .pc-build-performance{background: rgba(255, 255, 255, 0.68); padding: 6px; padding-bottom: 0; /* width: 73px; */ position: absolute; -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.55); box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.55); display: none;}
.home-page .pc-build-links{text-decoration: none;color: #222;}
.home-page .pc-build-details{float:left;padding:10px;color:#000;color:rgba(0, 0, 0, 0.69);color:rgba(0, 0, 0, 0.72);color:rgba(0, 0, 0, 0.75);}
.home-page .pc-performance-title{margin-bottom:5px;}
.home-page .pc-performance-value{text-align:center;}
.home-page .pc-price-title{margin-top:5px;margin-bottom:5px;}
.home-page .pc-price-value{text-align:center;}
.home-page .pc-built-title{margin-top:5px;}
.home-page .pc-built-value{text-align:center;}
.home-page .pc-arrow-down{-webkit-transform: rotate(90deg);transform: rotate(90deg); -ms-transform: rotate(90deg); color: rgba(0, 0, 0, 0.23); text-shadow: 2px 0 rgba(187, 187, 187, 0.29); margin-top: -7px; -webkit-transform: rotate(90deg); position: absolute; margin-left: 97px; font-size: 2rem; }
.home-page .game-rigs{font-size:1.6rem; color:brown;}
.home-page .button-title{float:left; height:120px; display:table;}
.home-page .button-title-inner{ display:table-cell; vertical-align:middle; text-align:center; font-size:1.5rem; font-family:'Roboto', sans-serif; padding:20px; text-shadow:0 1px #fff; color:rgba(0, 0, 0, 0.56); line-height:0;}
.home-page .site-right-indictator{-webkit-text-stroke:0.3px rgba(0,0,0,0.5);text-shadow:2px 0 rgba(0, 0, 0, 0.15);}
.home-page .icon-performance{color:rgba(0, 0, 255, 0.69);}
.home-page .icon-dollar{color:rgba(0, 128, 0, 0.7);}
.home-page .icon-tools{color:rgba(255, 0, 0, 0.7);}
.home-page .built-game-rigs{color:inherit; text-decoration: none; }
.home-page .news-read-more{text-align:center; font-family:'Roboto',sans-serif; font-size:1.05rem; line-height:0;position:absolute;width:700px; margin-top:20px;}
.home-page .news-read-more-inner{background:#f7f7f7; text-decoration: none; color:rgba(0, 0, 0, 0.7); padding:10px 20px; text-shadow:0 1px #fff;}

.popular-hardware{padding:20px;font-size:2rem; padding-left:0; border-bottom:1px dotted #CCC;}
.popular-hardware-columns{float: left; width: 200px; min-height: 100px; padding: 20px 0; margin: 0 20px;}
 .popular-hardware-links{display:block;line-height: 1.5; text-decoration: none; color:inherit; width:200px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-bottom:1px dashed rgba(34, 34, 34, 0.06); padding-top:5px;}
.popular-hardware-title{padding: 20px 0; font-size: 1.2rem; }
.popular-hardware-wrapper{font-family:'Roboto',sans-serif; padding-top:20px;}
.popular-hardware-list-wrapper{clear:both; overflow:auto; -webkit-box-shadow:0px 28px 48px -48px #000; box-shadow:0px 28px 48px -48px #000; padding-bottom:20px; margin-bottom:20px;}
.popular-hardware-img{width:200px; margin-bottom:20px;}
.popular-hardware-title-link{text-decoration: none; color:inherit;}
.popular-hardware-number{position: absolute; margin-left: -23px; margin-top: 8px;  color:rgba(34, 34, 34, 0.32); }


.read-more-news{float:right; padding:20px;}
.read-more-news a{color:rgba(0,0,0,0.7); text-decoration: none; text-shadow:0 1px #fff; font-family:'Roboto', sans-serf;}
.home-page div.le-featured-rigs{padding:10px 20px 8px 20px; margin:5px;}
.featured-price-right{text-align:right;float:right;}
.featured-name-left{text-align:left;}
.le-featured-rigs:hover{color:#B3B3B3;}
.home-page div.le-top{margin:10px 0;}
.tiny-label{font-size:0.7rem; color:rgba(0, 0, 0, 0.5);}
.popularBuildsWidget{font-family: 'Roboto', sans-serif; padding: 20px; background: #FFFFFF; border: 1px solid #DDD; overflow: auto; margin-top: 20px;}
.popularBuildsHeader {font-size: 1.25rem; margin-bottom: 18px; text-align: center; }
.popularBuildLink {text-decoration: none; display: block; margin: 10px 0; font-size: 16px; color: #167BBE; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.popularBuildLink:hover{text-decoration: underline;}
.popularBuildsWidget li:last-of-type > a.popularBuildLink {margin-bottom: 0; }
.popularBuildList {list-style: none; margin: 0; padding: 0; }
.popularBuildPosition {float: left; width: 46px; }