html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	background: #141C22;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 100%;
	line-height:1.125em;
	color: #222;
	width: 100%;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}
iframe {
	display: block;
}
iframe.inline {
	max-width: 100%;
}
iframe.full {
	width: 100%;
}
strong {
	font-weight: 900;
}
picture, img {
	width: 100%;
	display: block;
}
img.inner, img.original {
	width: auto;
	display: inline-block;
	max-width: 100%;
}
em {
	font-style: italic;
}
a {
	text-decoration: none;	
}
.left {
	float: left;	
}
.right {
	float: right;	
}
p, ul, ol {
	margin: 1.2em 0;
}
ul, ol {
	padding-left: 20px;	
}
ul {
	list-style: disc;	
}
ul li ul {
	list-style: circle;
	margin-top: 0.7em;
}
table {
	font-size: 0.7em;
	box-sizing: border-box;
	max-width: 99.9%;
}
td, th {
	border: 1px solid #ccc;
	vertical-align: middle;
	padding: 2px 4px;
	line-height: 1.2em;
}
.clear {
	float: none;
	clear: both;
	height: 0;
	visibility: hidden;
}
.icon {
	position: relative;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
a.icon {
	display: block;	
}
.icon picture {
	position: absolute;
	top: 0;
	left: 0;
}
.icon picture.inactive {
	display: inherit;
}
.icon picture.active {
	display: none;
}
.icon picture.inactive.hover {
	display: none;
}
.icon picture.active.hover {
	display: none;
}
.icon.active picture.inactive {
	display: none;
}
.icon.active picture.active {
	display: inherit;
}
.icon.active picture.inactive.hover {
	display: none;
}
.icon.active picture.active.hover {
	display: none;
}
.icon:hover picture.inactive, .icon.active:hover picture.inactive {
	display: none;
}
.icon:hover picture.active, .icon.active:hover picture.active {
	display: none;
}
.icon:hover picture.inactive.hover, .icon.active:hover picture.active.hover {
	display: inherit;
}
.icon:hover picture.active.hover, .icon.active:hover picture.inactive.hover {
	display: none;
}
.menu-opener .drop {
	display: none;
}
.menu-opener.hover:hover .drop, .menu-opener.active .drop {
	display: inherit;
}

.site-inner-width {
	width: 320px;
	margin: 0 auto;
	overflow: visible;
}
.view-area, .view-area-no-pad {
	background: #eaeaea;
	position: relative;
	z-index: 2;
	padding-bottom: 5px;
}
.view-area .inner, .view-area-no-pad .inner {
	position: relative;
}
.view-area.white, .view-area-no-pad.white {
	background: #fff;
}
.fence {
	overflow: auto;
}
.relative-grouping {
	position: relative;
}

header {
	position: relative;
	z-index: 30000;
	background: #243642;
}
header ul, header ol, footer ul, footer ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
#hm-row-1 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: #999 1px solid;
	z-index: 500;
	background: #243642;
}
#hm-row-1-inner {
	height: 28px;
	line-height: 28px;
	padding: 10px 0;
}
#hm-row-1-inner .left {
	margin-left: 10px;
}
#hm-row-1-inner .right {
	margin-right: 10px;
}
#hm-menu {
	float: left;
	height: 39px;
	position: relative;
}
#hammy {
	margin: 6px 15px 5px 0;
}
#hammy #hammy-inner {
	cursor: pointer;
	width: 18px;
	height: 20px;
}
#hammy .outer {
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	height: 9px;
	width: 18px;
}
#hammy .inner {
	background: #fff;
	margin: 3px 0;
	height: 3px;
	width: 18px;
}

/* ------- main menu ------- */
#hm-menu-drop {
	position: absolute;
	top: 39px;
	left: 0;
	background: #eaeaea;
	overflow: auto;
	display: none;
}
#hm-menu.hover:hover #hm-menu-drop, #hm-menu.active #hm-menu-drop {
	display: block;	
}
.more-icon {
	position: absolute;
	top: 6px;
	right: 0;
	width: 20px;
	padding: 0 10px;
	height: 25px;
	float: right;
	border-left: #bbb 1px solid;
	cursor: pointer;
}
.more-icon div {
	font-size: 1.5em;
	float: left;
	line-height: 14px;
	text-align: center;
	width: 6px;
}
.inner-drop {
	display: none;
}
.l1-title {
	white-space: nowrap;
	display: block;
	padding-left: 10px;
}
#main-menu {
	width: 280px;
}
#main-menu li {
	position: relative;
	padding-top: 6px;
	line-height: 25px;
	border-bottom: #bbb 1px solid;
	font-size: 0.8em;
}
#main-menu .children.hover:hover .inner-drop, #main-menu .children.active .inner-drop {
	display: inherit;
}
#main-menu .children {
	padding-top: 5px;
}
#main-menu li .lvl-2 {
	background: #d1d1d1;
	padding: 10px 0 5px 10px;
	margin: 0;
	border-top: 1px solid #bbb;
	overflow: auto;
	list-style: none;
}
#main-menu li .lvl-2 li {
	padding: 0;
	background: #eaeaea;
	border: #bbb 1px solid;
	float: left;
	margin: 0 8px 5px 0;
	font-size: 0.8em;
	line-height: 2em;
	border-radius: 4px;
}
#main-menu li .lvl-2 li a {
	display: block;
	padding: 0 8px;
}
#mm-formats .l1-title {
	font-weight: 900;
	color: #222;
}
#mm-formats .more-icon {
	color: #009fff;
}
#mm-formats .lvl-2 a {
	color: #009fff;
}
#mm-articletypes .l1-title {
	color: #243642;
	font-weight: 900;
}
#mm-articletypes .more-icon {
	color: #f30;
}
#mm-articletypes .lvl-2 a {
	color: #f30;
}
#mm-singles .l1-title {
	font-weight: 700;
	color: #fff;
}
#mm-singles .lvl-1 li:nth-child(3n+3) {
	background: #cc99ff;
}
#mm-singles .lvl-1 li:nth-child(3n+2) {
	background: #f30;
}
#mm-singles .lvl-1 li:nth-child(3n+1) {
	background: #009fff
}
#mm-singles .lvl-1 li:last-of-type {
	background: none;
}
#mm-singles .lvl-1 li .lvl-2 li {
	background: #eaeaea;
}
#mm-singles .lvl-1 li:last-of-type .l1-title {
	color: #555;
}
#mm-singles .lvl-1 li:last-of-type .more-icon {
	color: #009fff;
}
#mm-singles .lvl-1 li:last-of-type .lvl-2 a {
	color: #009fff;
}
#mm-formats .children.active .more-icon div, 
#mm-articletypes .children.active .more-icon div,
#mm-singles .children.active .more-icon div {
	float: none;
	line-height: 6px;
	width: auto;
}

#hm-logo {
	position: relative;
	float: left;
	width: 230px;
}
.nav-social {
	position: relative;
	float: left;
	display: none;
}
.nav-social ul li {
	float: left;
	width: 28px;
	margin: 0 4px;
}
#hm-search {
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	height: 39px;
}
#magnifying-glass {
	width: 24px;
	padding: 2px 0;
	cursor: pointer;
}
#hm-search form {
	position: absolute;
	background: #243642;
	top: 49px;
	left: 10px;
	width: 300px;
	height: 45px;
	display: none;
}
#hm-search.hover:hover form, #hm-search.active form {
	display: block;
}
#hm-search form #search-input {
	border: none;
	float: left;
	font-size: 0.9em;
	font-family: 'Lato', sans-serif;
	margin-top: 10px;
	height: 15px;
	padding: 5px;
	width: 240px;
	-webkit-appearance: none;
}
#hm-search form #submit-input {
	background: #0091FF;
	color: #fff;
	border: none;
	font-size: 0.9em;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	float: right;
	height: 25px;
	line-height: 25px;
	margin-top: 10px;
	cursor: pointer;
	padding: 0 10px;
	-webkit-appearance: none;
}
#hm-row-2 {
	position: relative;
	padding: 6px 0;
	z-index: 400;
	height: 33px;
	line-height: 14px;
	margin-top: 50px;
}
#hm-nav {
	overflow: auto;
	font-size: 0.8em;
	border-right: #222 2px solid;
	margin: 0 10px;
	scrollbar-width: none;
    -ms-overflow-style: none;
}
#hm-nav::-webkit-scrollbar { 
	display: none; 
}
#hm-nav ul {
	width: 2000px;
	margin-left: -10px;
}
#hm-nav ul li {
	float: left;
	padding: 10px;
	border-right: #999 1px solid;
}
#hm-nav ul li a {
	color: #f6f6f6;
	font-weight: 400;
}
#hm-nav ul li.big a {
	color: #f1f1f1;
	font-weight: 700;
}
#hm-nav ul li a:hover, #hm-nav ul li.big a:hover {
	color: #0099ff;
}

#mid-main, #mid-main-lower {
	position: relative;
	z-index: 20000;
}
#mid-main {
	margin-top: 15px;
}
#mid-main.skin {
	margin-top: 150px;
}
#mid-main-lower {
	margin-top: 0;	
}
.view-area h1 {
	padding: 15px 10px 5px 10px;
	font-size: 1.3em;
	font-weight: 900;
	overflow: hidden;
}
.view-area h1 a {
	color: #222;
}
.view-area h1 picture.more {
	width: 20px;
	float: right;
}
.view-area h1 a.more {
	float: right;
	font-weight: 400;
	font-size: 0.8em;
	color: #009fff;
	line-height: 1.4em;
}
.view-area h1 span.inner-h1-paging {
	font-weight: 400;
	font-size: 0.9em;
	color: #888;
	margin-left: 10px;
}

footer#footer-main {
	position: relative;
	z-index: 10000;
	text-align: center;
	font-weight: 400;
}
footer#footer-main #mailing-foot {
	background: #ccc;
	border-top: 5px solid #009fff;
	padding: 10px 15px;
}
footer#footer-main #mailing-foot #mc_embed_signup #mergeRow-gdpr {
	display: none;
}
footer#footer-main #mailing-foot #mc_embed_signup form {
	display: block;
	width: 290px;
	margin: 0 auto;
}
footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll h2 {
	color: #555;
	font-weight: 900;
	font-size: 1.95em;
	line-height: 1.1em;
	margin: 5px;
}
footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll h3 {
	margin: 10px;
	color: #777; 
	font-size: 1.05em;
}
footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll #mce-EMAIL {
	font-size: 1.2em;
	padding: 8px;
	width: 240px;
	color: #555;
	border: 0;
	display: inline-block;
	margin: 10px 0;
}
footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll #mc-embedded-subscribe {
	font-size: 0.95em;
	color: #fff;
	background: #009fff;
	width: 240px;
	padding: 9px 8px 12px 8px;
	display: inline-block;
	box-sizing: inherit;
	margin: 2px 0 10px 0;
	cursor: pointer;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
}
footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll .frequency {
	font-size: 0.85em;
	color: #fff;
	background: #999;
	width: 175px;
	height: 27px;
	line-height: 27px;
	display: inline-block;
	margin: 4px;
	text-align: left;
	padding: 0 7px;
	position: relative;
	overflow: hidden;
}
footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll .frequency input {
	margin: 2px 10px 3px 3px;
}
footer#footer-main #mailing-foot .smallprint {
	font-size: 0.7em;
	color: #888;
	margin: 16px 0 14px 0;
}
footer#footer-main #mailing-foot .smallprint a {
	font-weight: 900;	
}
footer#footer-main #main-foot {
	background: #243642;
	border-top: 4px solid #eaeaea;
	color: #fff;
}
footer#footer-main #main-foot a {
	color: #fff;
	font-weight: 700;	
}
footer#footer-main #main-foot span {
	color: #999;	
}
footer#footer-main #main-foot #mf-row1 {
	padding: 10px;
	font-size: 1.05em;
}
footer#footer-main #main-foot #mf-row1 .head {
	margin: 5px 0 10px 0;
	color: #eaeaea;
}
footer#footer-main #main-foot #mf-row1 .nav-social {
	width: 180px;
	margin: 8px auto;
	float: none;
	display: block;
	height: 28px;
}
footer#footer-main #main-foot #mf-row2 {
	border-top: 1px solid #777;
	padding: 15px 8px;
}
footer#footer-main #main-foot #mf-row2 .head {
	color: #009fff;
	font-size: 1.05em;
	margin-bottom: 10px;
}
footer#footer-main #main-foot #mf-row2 .links {
	font-size: 0.85em;
	line-height: 1.85em;
}
footer#footer-main #main-foot #mf-row2 .links div {
	display: inline-block;
}
footer#footer-main #main-foot #mf-row2 .links span {
	display: inline-block;
	margin: 0 7px;
}
footer#footer-main #main-foot #mf-row3 {
	border-top: 1px solid #777;
	padding: 15px 5px;
}
footer#footer-main #main-foot #mf-row3 .links {
	font-size: 0.8em;
	line-height: 1.8em;
	text-transform: uppercase;
}
footer#footer-main #main-foot #mf-row3 .links div {
	display: block;
}
footer#footer-main #main-foot #mf-row3 .links span {
	display: none;
	margin: 0 7px;
}
footer#footer-main #main-foot #mf-row4 {
	border-top: 1px solid #ccc;
	padding: 8px 5px 20px 5px;
	font-size: 0.7em;
	color: #999;
	line-height: 1.2em;
}
footer#footer-main #main-foot #mf-row4 img {
	width: 180px;
	margin: 0 auto 6px auto;
}

.content-block {
    padding: 5px 0 5px 10px;
    margin: 0;
    width: 300px;
    height: auto;
    font-family: 'Roboto Condensed', sans-serif;
}
.content-block .inner {
	position: relative;
	overflow: hidden;
}
.content-block .inner figure {
	position: relative;
	height: 150px;
	overflow: hidden;
	z-index: 100;
}
.content-block .inner figure a {
	display: block;
}
.content-block .inner .text {
	position: relative;
    background: #fff;
    z-index: 500;
}
.content-block .inner .text h2 {
	font-size: 1.6em;
    line-height: 1.1em;
    padding: 10px;
    position: relative;
}
.content-block .inner .text h2 a {
	color: #333;
}
.content-block .inner .text h2 .score {
	position: absolute;
	bottom: -11px;
	left: 10px;
	width: 100px;
}
.content-block .inner .text h2 .score img {
	width: 20px;
	height: 20px;
}
.content-block .inner .text .type, .content-block .inner figure .type {
	background: #000;
    color: #fff;
    height: 25px;
    line-height: 25px;
    font-weight: 700;
    font-size: 0.7em;
    padding: 0 8px;
    font-family: 'Lato', Arial, sans-serif;
	display: block;
	position: absolute;
	top: -35px;
	left: 10px;
}
.content-block .inner figure .type {
	display: none;	
}
.content-block .inner .info {
    font-size: 0.94em;
    font-weight: 700;
    padding: 10px;
    overflow: visible;
}
.content-block .inner .info time {
    color: #777;
}
.content-block .inner .info time, .content-block .inner .info .formats {
    float: left;
}
.content-block .inner .info time span {
    display: none;
}
.content-block .inner .info .formats {
    color: #777;
}
.content-block .inner .info .formats a {
    color: #009fff;
}
.content-block .inner .info .formats span {
    margin: 0 5px;
    color: #999;
}
.content-block .inner .info .comments {
	display: none;	
}

.highlights {
	padding-bottom: 10px;
}
.highlights .inner .fence {
	margin-top: 5px;
}
.highlights .content-block {
	padding: 0;
	margin-bottom: 5px;
	font-size: 0.65em;
	line-height: 1.2em;
}
.highlights .content-block .inner {
	width: 320px;
	height: 180px;
	overflow: hidden;
}
.highlights .content-block .inner figure {
	height: auto;
	z-index: 5;
}
.highlights .content-block .inner figure .type {
	display: none;
}
.highlights .content-block .inner .text {
	background: #000;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}
.highlights .content-block .inner .text .type {
	display: none;
}
.highlights .content-block .inner .text h2 {
	font-weight: 400;
	padding: 5px 10px 26px 10px;
	margin: 0;
}
.highlights .content-block .inner .text h2 .score {
	bottom: 10px;
	left: auto;
	right: 10px;
}
.highlights .content-block .inner .text a {
	color: #fff;
}
.highlights .content-block .inner .info {
	background: #000;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 20;
	padding: 0 10px 5px 10px;
	width: 100%;
	margin: 0;
	right: auto;
}
.highlights .content-block .inner .info time {
	color: #fff;
	font-weight: 400;
	padding: 0;
	float: left;
}
.highlights .content-block .inner .info .formats {
	float: left;
	padding: 0;
	margin: 0;
	color: #fff;
}
.highlights .content-block .inner .info .formats span {
	display: inline;
}
.highlights #find-best-games {
	position: relative;
	background: #009fff;
	width: 320px;
	margin-top: 10px;
}
.highlights #find-best-games h2 {
	position: relative;
	z-index: 20;
}
.highlights #find-best-games h2 a {
	color: #fff;
	display: block;
	padding: 10px;
}
.highlights #find-best-games #fbg-arrow {
	position: absolute;
	top: 5px;
	right: 10px;
	bottom: 5px;
	z-index: 10;
	width: 1.8em;
}
.highlights #find-best-games #fbg-arrow picture, .highlights #find-best-games #fbg-arrow img {
	height: 100%;
	width: auto;
}
.highlights #games-trending {
	background: #22425f;
	padding: 10px 0;
	margin-top: 10px;
	overflow: hidden;
}
.highlights #games-trending h2 {
	color: #fff;
	padding: 0 10px;
}
.highlights #games-trending #gt-container {
	position: relative;
	overflow: scroll;
}
.highlights #games-trending #gt-container .inner {
	width: 416px;
	padding: 10px;
	padding-right: 0;
	overflow: auto;
}
.highlights #games-trending #gt-container .inner .gt-block {
	width: 93px;
	margin-right: 11px;
	float: left;
	font-size: 0.9em;
	line-height: 1.3em;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif;
}
.highlights #games-trending #gt-container .inner .gt-block figure {
	height: 93px;
	overflow: hidden;
}
.highlights #games-trending #gt-container .inner .gt-block h3 {
	height: 2.6em;
	overflow: hidden;
	margin-top: 8px;
}
.highlights #games-trending #gt-container .inner .gt-block h3 a {
	color: #fff;
}
.highlights #games-trending #gt-container .inner .gt-block .gtb-score {
	position: relative;
	margin-top: 12px;
}
.highlights #games-trending #gt-container .inner .gt-block .gtb-score img {
	width: 16px;
	float: left;
}

.threes .content-block {
	font-size: 0.8em;
	line-height: 0.8em;
}
.threes .content-block .inner {
	background: #fff;
}
.threes .content-block .inner figure {
	float: left;
	width: 145px;
	height: 80px;
	margin: 10px 10px 2px 10px;
	z-index: 1000;
	padding: 0;
}
.threes .content-block .inner figure a {
	position: relative;	
}
.threes .content-block .inner .text {
	position: relative;
	float: right;
	width: 135px;
	min-height: inherit;
}
.threes .content-block .inner .text h2 {
	padding-left: 0;
	margin-bottom: 0;
}
.threes .content-block .inner .text .type {
	display: none;	
}
.threes .content-block .inner .info {
	position: relative;
	width: 145px;
}
.threes .content-block .inner .info .formats span {
    display: none;
}
.threes .content-block .inner .info time {
	float: none;
}
.threes .content-block .inner .info .formats {
	display: block;
	float: none;
	margin-top: 0.4em;
}

.view-area.player {
	background: #22425f;
	color: #fff;
}
.view-area.player.grey {
	background: #333;
}
.view-area.player h1 {
	font-weight: 700;
}
.view-area.player h1 a {
	color: #fff;
}
.view-area.player h1 a.more {
	color: #009fff;	
}
.view-area.player .fence .fence-inner {
	width: 1080px;
	overflow: auto;
}
.player .content-block {
	padding: 5px 10px 5px 0;
	width: 260px;
	float: left;
}
.player .content-block .inner figure {
	height: 120px;
}
.player .content-block .inner .text, .player .content-block .inner .info {
	background: #22425f;
}
.player.grey .content-block .inner .text, .player.grey .content-block .inner .info {
	background: #333;
}
.player .content-block .inner .text h2 {
	padding: 5px 0;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: 300;
}
.player .content-block .inner .text h2 a {
	color: #fff;
}
.player .content-block .inner .info {
	padding: 15px 0 0 0;
	font-size: 0.8em;
	font-weight: 400;
}
.player .content-block .inner .info time {
	color: #fff;	
}
.player .content-block .inner .text .type, .player .content-block .inner figure .type {
	display: none;
}

section.view-area {
	border-top: 5px #eaeaea solid;
	border-bottom: 5px #eaeaea solid;
}
section.view-area.icons {
	position: relative;
}
section.view-area.scroll .fence {
	overflow: scroll;
	padding: 0 10px;
}
section.view-area.icons .fence .fence-inner {
	width: 890px;
	overflow: auto;
}
section.view-area.icons .game-block {
	width: 280px;
	float: left;
	overflow: hidden;
	position: relative;
	margin-right: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
section.view-area.icons .game-block figure {
	width: 60px;
	height: 60px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}
section.view-area.icons .game-block figure a {
	display: block;
	height: 100%;
}
section.view-area.icons .game-block figure a img {
	display: block;
	height: 100%;
}
section.view-area.icons .game-block h3 {
	font-weight: 400;
	font-size: 1.1em;
	line-height: 1.1em;
	margin-top: -1px;
	height: 38px;
	display: table-cell;
	vertical-align: middle;
	font-family: 'Roboto Condensed', sans-serif;
}
section.view-area.icons .game-block h3 a {
	color: #555;	
}
section.view-area.icons .game-block .score {
	position: absolute;
	bottom: 9px;
	left: 70px;
	height: 16px;
	width: 100px;
}
section.view-area.icons .game-block .score img {
	width: 16px;
	float: left;
}

#site-background, #mobile-background {
	position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}
#site-background-inner, #mobile-background-inner {
	position: relative;
    width: 320px;
    margin: 0 auto 0 auto;
    z-index: 50;
}
#site-background iframe, #site-background a {
	margin-left: -800px;
	display: block;
	width: 1920px;
}
#mobile-background iframe, #mobile-background a {
	margin-left: -250px;
	display: block;
	width: 820px;
}
#site-background {
	display: none;
}
#mid-main-lower.skin {
	margin-top: 300px;
}
#skin-video-tab {
	display: block;
	background: #eaeaea;
	width: 38px;
	height: 40px;
	position: absolute;
	top: -38px;
	right: 0px;
	padding: 2px;
	cursor: pointer;
	z-index: 2;
}
#skin-video-tab div {
	background: #ff3300;
	padding: 8px;
}
#skin-video-tab div#svt-up {
	display: none;
}
#skin-video {
	position: absolute;
	z-index: 1;
	top: 270px;
	left: 0;
	margin: 0 10px;
	width: 290px;
	height: 168px;
}
#skin-video #skin-video-inner {
	width: 100%;
	height: 100%;
	position: relative;
	border: 5px solid #fff;
}
#skin-video #skin-video-inner iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.item-unit .inner iframe, .item-unit .inner div {
	margin: 0 auto;
}
#top-wide-item {
	padding-top: 20px;
	width: 320px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#top-wide-item.item-unit .inner iframe, #top-wide-item.item-unit .inner div {
	width: 100%;
	height: 50px;
}

.editorial-main {
	line-height: 1.5em;
	font-size:0.95em;
	color: #000;
}
.editorial-main .type-header {
	padding: 10px;
	padding-bottom: 0;
}
.editorial-main.review .type-header {
	padding-top: 10px;
	padding-bottom: 5px;
}
.editorial-main .type-header a {
	color: #0091FF;
	font-size: 0.9em;
	font-weight: 700;
}
.editorial-main figure#lead {
	width: 320px;
	height: 180px;
	overflow: hidden;
	background: #eaeaea;
}
.editorial-main h1 {
	padding: 10px;
	padding-top: 5px;
	font-weight: 400;
	color: #333;
	font-size: 2em;
	line-height: 1.14em;
	font-family: 'Roboto Condensed', sans-serif;
}
.editorial-main h2 {
	padding: 10px;
	color: #777;
	font-size: 1.1em;
	font-weight: 700;	
}
.editorial-main .info {
	padding: 10px;
	line-height: 1.3em;
	font-family: 'Roboto Condensed', sans-serif;
	overflow: auto;
}
.editorial-main .info span, .editorial-main .info div, .editorial-main .info time {
	display: block;
	float: left;
	margin-right: 0.45em;
}
article#review-main .info.alt .prd {
	float: none;
	clear: both;
	padding-top: 4px;
}
.editorial-main .info a, .editorial-main .info .formats a {
	color: #009fff;
	font-weight: 700;
}
.editorial-main .info .byline a {
	color: #ff0000;
	font-weight: 700;
}
.editorial-main .content-social {
	position: relative;
	float: left;
	padding: 0 0 1.1em 10px;
}
.content-social a, .content-social .mob-button {
	display: block;
	width: 40px;
	float: left;
	margin-right: 4px;
}
.content-social .mob-button {
	display: none;
}
.content-social .buttons {
	float: left;
	overflow: auto;
}
.editorial-main.list .content-social .mob-button {
	display: block;
}
.editorial-main.list .content-social .buttons {
	display: none;
}
.editorial-main .article-body {
	margin: 0 10px;
	padding-bottom: 10px;
	clear: both;
	color: #000;
}
.editorial-main .article-body a, .editorial-main .list-entry a, footer#footer-main #mailing-foot .smallprint a {
	color: #243642;
	font-weight: 700;
	border-bottom: 1px solid #999;
	padding-bottom: 2px;
}
.editorial-main .article-body a.noborder {
	border: none;
	padding-bottom: 0;
}
.editorial-main h3 {
	font-weight: 900;
	margin: 1.2em 0;
	font-size: 1.05em;
}
.editorial-main hr {
	border: none;
	height: 2px;
	background: #ccc;
}
.fullWidthVideo {
	position: relative;
	width: 100%;
	margin: 1.2em 0;
}
.editorial-main.video .fullWidthVideo {
	margin: 10px 0 1px 0;	
}
.fullWidthVideo .videowindow {
	position: relative;
	width: 100%;
}
.article-body .fullWidthVideo iframe {
	width: 300px;
	height: 168px;
}
.editorial-main.video .fullWidthVideo iframe {
	width: 320px;
	height: 180px;
}
.fullWidthVideo .yt-sub-banner {
	background: #243642;
	margin-top: 2px;
	height: 36px;
	font-size: 0.9em;
	font-weight: 400;
}
.fullWidthVideo .yt-sub-banner a {
	color: #009fff;
	font-weight: 700;
	border: 0;
}
.fullWidthVideo .yt-sub-banner div.ytsb-button, .fullWidthVideo .yt-sub-banner div.ytsb-text {
	float: right;
}
.fullWidthVideo .yt-sub-banner div.ytsb-button {
	width: auto;
	height: 24px;
	margin: 6px;
}
.fullWidthVideo .yt-sub-banner div.ytsb-text {
	margin: 8px 2px 0 0;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 0.9em;
	word-spacing: 0.1em;
}
article#editorial-main .fullWidthVideo .yt-sub-banner div.ytsb-text a {
	color: #0091FF;
	border: none;
	font-weight: 700;
}
#list-buttons-top, .list-prev-next, #lb-views, #lb-views .button {
	float: right;
}
.list-prev-next .button, .list-prev-next .num {
	float: left;
}
.list-prev-next {
	margin-right: 5px;
}
.list-prev-next .num {
	color: #999;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 40px;
	font-size: 1.2em;
	margin-right: 5px;
}
#list-buttons-top .button, .list-prev-next .button {
	width: 40px;
	margin-right: 5px;
	cursor: pointer;
}
#main-list-enter-button {
	padding: 20px 0;
	border-bottom: 2px solid #ddd;
}
#main-list-enter-button .inner-button {
	background: #009fff;
	width: 300px;
	color: #fff;
	font-weight: 700;
	margin: 0 auto;
	text-align: center;
	padding: 8px 0;
	cursor: pointer;
}
.editorial-main #list-entries {
	border-bottom: 2px solid #ddd;
	margin: 1.2em 0;
	color: #000;
	clear: both;
}
.editorial-main .list-entry {
	margin: 1.2em 0;
	padding: 0 10px;
	border-top: 2px solid #ddd;
}
.editorial-main .list-entry.active {
	border-top: 0;
	padding-bottom: 10px;	
}
.editorial-main .list-entry h3 {
	font-size: 1.85em;
	color: #22425f;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.25em;
	margin: 0.9em 0;
}
.editorial-main .list-entry h3.indent {
	display: table;
}
.editorial-main .list-entry h3.indent div {
	display: table-cell;
	padding-right: 10px;
}
.editorial-main .list-entry h3.indent span {
	display: block;
	border-right: 2px solid #ff3300;
	padding-right: 8px;
	font-size: 1.2em;
	font-weight: 400;
	height: 0.8em;
	line-height: 0.9em;
}
.list-entry .list-prd-info a {
	color: #0091FF;
	font-weight: 700;
}
.list-entry .list-prd-info .lp-info {
	background: #eaeaea;
	padding: 5px;
	font-size: 0.8em;
	line-height: 1.4em;
}
.list-entry .list-prd-info figure.game-icon.large {
	width: 80px;
	height: 80px;
	border-radius: 14px;
	float: right;
	margin: 22px 0 5px 10px;
}
.editorial-main #see-comments {
	display: block;
	color: #009fff;
	background: #eee;
	text-align: center;
	width: 300px;
	margin: 20px auto;
	padding: 5px 0;
	border: 2px solid #ddd;
	font-weight: 700;
	clear: both;
}
.editorial-main .prev-next {
	margin: 20px 0;
	padding: 10px 10px 0 10px;
	overflow: auto;
	font-family: 'Roboto Condensed', sans-serif;
	clear: both;
	border-top: 1px solid #eaeaea;
}
.editorial-main .prev-next a.button {
	display: block;
	width: 40px;
	margin-bottom: 2px;
}
.editorial-main .prev-next .prev {
	width: 140px;
	float: left;
	margin-right: 10px;
}
.editorial-main .prev-next .next {
	width: 140px;
	float: right;
	text-align: right;
	margin-left: 10px;
}
.editorial-main .prev-next .next a.button {
	float: right;	
}
.editorial-main .prev-next .next h5 {
	clear: both;
}
.editorial-main .prev-next h5 {
	font-size: 0.95em;
	line-height: 1.25em;
	font-weight: 400;
}
.editorial-main .prev-next h5 a {
	color: #000;
}
.editorial-main .prev-next time {
	color: #777;
	font-size: 0.8em;
	line-height: 1.5em;
	display: block;
}
.editorial-main .prev-next .formats {
	font-size: 0.8em;
	font-weight: 700;
	line-height: 1em;
}
.editorial-main .prev-next .formats a {
	color: #009fff;
}
.editorial-main .related-stories {
	background: #eaeaea;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
.editorial-main .related-stories a {
	color: #333;
}
.editorial-main .related-stories h4 {
	padding: 10px;
	background: #243642;
	color: #fff;
	font-weight: 700;
	font-size: 1.1em;
}
.editorial-main .related-stories .related-story {
	width: 300px;
	background: #fff;
	padding: 10px;
	margin: 5px 0 0 0;
	font-family: 'Roboto Condensed', sans-serif;
}
.editorial-main .related-stories .related-story figure {
	width: 140px;
	height: 78px;
	overflow: hidden;
	float: left;
}
.editorial-main .related-stories .related-story h5 {
	font-size: 1.1em;
	float: left;
	width: 150px;
	margin-left: 10px;
	line-height: 1.25em;
}
.editorial-main .related-stories .related-story .info {
	padding: 0;
	padding-top: 10px;
	float: none;
	clear: both;
}
.editorial-main .related-stories .related-story .info span {
	display: block;
	float: left;
	margin: 0 7px;	
}
.editorial-main .related-stories .related-story .info time {
	color: #777;
	display: block;
	font-size: 0.9em;
	float: left;
	margin: 0;
}
.editorial-main .related-stories .related-story .info .formats {
	float: left;
	font-size: 0.9em;
	font-weight: 700;
}
#comments {
	border-top: 1px solid #ccc;
	padding: 10px;
}
#comments h4 {
	background: #009fff;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
}
#comments .closed {
	background: #eaeaea;
	padding: 20px 10px;
}
#article-sidebar {
	padding: 0 10px;
}
#article-sidebar .item {
	margin: 10px 0 20px 0;
}
#article-sidebar .item .head, h3.item-head {
	color: #999;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0.4em;
	font-size: 0.75em;
	text-align: center;
	font-weight: 700;
}
h3.item-head {
	display: none;
}
#article-sidebar .sb-articles {
	margin: 20px 0;
	overflow: auto;
}
#article-sidebar .sb-articles a {
	color: #333;	
}
#article-sidebar .sb-articles h4, #article-sidebar .sb-popular h4 {
	background: #ff3300;
	padding: 8px 10px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}
#article-sidebar .sb-articles .sb-article {
	width: 300px;
	font-family: 'Roboto Condensed', sans-serif;
	margin-top: 10px;
}
#article-sidebar .sb-articles .sb-article figure {
	width: 140px;
	height: 78px;
	overflow: hidden;
	float: left;
}
#article-sidebar .sb-articles .sb-article h5 {
	font-size: 1.1em;
	float: left;
	width: 150px;
	margin-left: 10px;
	line-height: 1.25em;
}
#article-sidebar .sb-articles .sb-article .info {
	padding: 0;
	padding-top: 10px;
	float: none;
	clear: both;
}
#article-sidebar .sb-articles .sb-article .info span, #article-sidebar .sb-popular .sbp-entry .info span {
	display: block;
	float: left;
	margin: 0 7px;	
}
#article-sidebar .sb-articles .sb-article .info time, #article-sidebar .sb-popular .sbp-entry .info time {
	color: #777;
	display: block;
	font-size: 0.85em;
	float: left;
	margin: 0;
}
#article-sidebar .sb-articles .sb-article .info .formats, #article-sidebar .sb-popular .sbp-entry .info .formats {
	float: left;
	font-size: 0.85em;
	font-weight: 700;
}
#article-sidebar .sb-articles .sb-article .info .formats a, #article-sidebar .sb-popular .sbp-entry .info .formats a {
	color: #009fff;
}
#article-sidebar .sb-facebook {
	margin: 20px auto;
	width: 300px;
}
#article-sidebar .sb-articles.videos .sb-article.video {
	overflow: auto;
}
#article-sidebar .sb-articles.videos .sb-article.video h5 {
	font-weight: 700;
}
#article-sidebar .sb-articles.videos .sb-article.video .info {
	float: left;
	clear: none;
	padding: 10px 0 0 10px;	
}
#article-sidebar .sb-popular {
	margin: 20px 0;
}
#article-sidebar .sb-popular a {
	color: #333;	
}
#article-sidebar .sb-popular .sbp-entry {
	margin: 2px 0 0 0;
	width: 300px;
	font-family: 'Roboto Condensed', sans-serif;
}
#article-sidebar .sb-popular .sbp-entry figure {
	width: 300px;
	height: 168px;
	overflow: hidden;
	padding: 0 0 2px 0;
	background: #eaeaea;
}
#article-sidebar .sb-popular .sbp-entry .inner {
	display: table;	
}
#article-sidebar .sb-popular .sbp-entry h5 {
	font-size: 1.2em;
	line-height: 1.35em;
}
#article-sidebar .sb-popular .sbp-entry div.left {
	display: table-cell;
	float: none;
	vertical-align: top;
	padding: 20px 0 0 0;
}
#article-sidebar .sb-popular .sbp-entry div.left span {
	display: block;
	font-size: 2.85em;
	line-height: 0.8em;
	padding: 0 9px 0 0;
	border-right: 1px solid #ff3300;
}
#article-sidebar .sb-popular .sbp-entry div.right {
	padding: 16px 0 0 10px;
	display: table-cell;
}
#article-sidebar .sb-popular .sbp-entry .info {
	padding: 2px 0 0 0;
}

article#review-top .inner {
	background: #243642;
}
article#review-top .inner h1 {
	color: #fff;
}
article#review-top .inner .score {
	margin: 10px;
}
article#review-top .inner .score img, .score img {
	width: 25px;
	float: left;
}
article#review-top .inner .info {
	color: #fff;
	clear: both;
	font-size: 0.9em;
}
article#review-main .game-info {
	margin: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
}
article#review-main .game-info td {
	border: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.8em;
	vertical-align: top;
}
article#review-main .game-info a {
	color: #009fff;
	font-weight: 700;
}
article#review-main .sum-up {
	margin: 10px 0;
	border-top: 5px solid #243642;
	background: #eaeaea;
	overflow: auto;
}
article#review-main .sum-up h2 {
	color: #fff;
	font-weight: 400;
	padding: 8px 10px;
	background: #ff3300;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.15em;
}
article#review-main .sum-up .body {
	padding: 10px;
	color: #555;
	font-style: italic;
	font-size: 0.95em;
	line-height: 1.45em;
	font-weight: 700;
	float: left;
	width: 150px;
}
article#review-main .sum-up .badge {
	float: right;
	width: 140px;
	padding: 12px 10px 10px 0;
}
article#review-main .info.alt {
	font-size: 0.85em;
}
.video-title-box {
	background: #e1e1e1;
}
.video-title-box h1 {
	margin-bottom: 20px;	
}

.editorial-main.list.drop h1, .editorial-main.list.paged h1 {
	font-size: 1.3em;	
}
.editorial-main.list.drop figure#lead, .editorial-main.list.drop h2,  .editorial-main.list.drop .list-prev-next,
.editorial-main.list.drop #main-list-enter-button {
	display: none;	
}
.editorial-main.list.drop #see-comments {
	float: right;
	width: 240px;
	margin: 0 10px 0 0;
	clear: none;
	padding: 7px 0;
}
.editorial-main.list.intro .content-social .buttons {
	display: block;
}
.editorial-main.list.intro .content-social .mob-button, .editorial-main.list.intro #list-buttons-top,
.editorial-main.list.intro #list-entries, .editorial-main.list.intro .list-prev-next {
	display: none;	
}
.editorial-main.list.intro #main-list-enter-button {
	margin-bottom: 20px;
}
.editorial-main.list.paged figure#lead, .editorial-main.list.paged h2, .editorial-main.list.paged .article-body,
.editorial-main.list.paged #main-list-enter-button, .editorial-main.list.paged #list-entries .list-entry {
	display: none;
}
.editorial-main.list.paged #list-entries .list-entry.active {
	display: inherit;
}
#pp-box {
	position: relative;
	background: #243642;
	color: #fff;
	font-size: 0.85em;
	line-height: 1.7em;
}
#pp-box a {
	font-weight: 700;
	color: #fff;
	padding-bottom: 2px;
	border-bottom: 1px solid #fff;
}
#pp-box h5 {
	font-weight: 700;
	padding: 10px;
	background: #009fff;
	text-transform: uppercase;
	font-size: 1.1em;
}
#pp-box div.body {
	padding: 10px;
}
#pp-box .icon {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 30px;
	height: 30px;
}

/* ------- STAFF ------- */

.staff-top-header {
	text-transform: uppercase;
	font-size: 0.85em;
	color: #009fff;
	font-weight: 700;
	padding: 20px 10px 10px 10px;
}
.stf-info-outer {
	position: relative;
}
.staff-head-strip {
	background: #fff;
	position: relative;
	padding-bottom: 20px;
}
#staff-lead {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 80px;
	border-radius: 40px;
	overflow: hidden;
}
.staff-head-strip h1 {
	background: #009fff;
	color: #fff;
	font-weight: 400;
	padding: 45px 0 10px 105px;
	font-family: 'Roboto Condensed', sans-serif;
}
.buttons a {
	width: 40px;
	display: block;
	float: left;
}
h1 .light {
	font-weight: 400;
}
.contact.buttons {
	background: #fff;
	overflow: auto;
}
.contact.buttons a {
	padding-right: 6px;
	float: right;
}
.stf-blurb {
	float: none;
	clear: both;
	padding: 10px;
	background: #fff;
}


/* ------- SEARCH ------- */

.search-top {
	background: #fff;
	overflow: auto;
	position: relative;
	z-index: 10;
}
.search-top h1 {
	color: #009fff;
	padding: 20px 10px 10px 10px;
	text-transform: uppercase;
	font-weight: 400;
}
.search-top .top-item {
	width: 300px;
	margin: 0 auto;
}
.search-main section.view-area.latest h1 {
	padding: 20px 10px;
}
.search-top .relative-grouping h1 {
	color: #222;
	font-size: 1.3em;
}
#sg-results {
	overflow: hidden;	
}


/* ------- GAMES ------- */

.game-simple {
	float: none;
	clear: both;
	margin: 0 10px;
	padding: 10px 0;
	border-top: #ccc 1px solid;
	overflow: auto;
	position: relative;
}
.game-simple h2 {
	font-family: 'Roboto Condensed', sans-serif;
	height: 1.6em;
	display: table-row;
}
.game-simple h2 a {
	color: #222;
	display: table-cell;
	vertical-align: middle;
}
.game-simple .formats {
	font-size: 0.7em;
	font-weight: 700;
	height: 2em;
	display: table-cell;
	vertical-align: middle;
}
.game-simple .formats a {
	color: #009fff;
	font-family: 'Roboto Condensed', sans-serif;
}
.game-simple figure {
	float: left;
	margin-right: 10px;
}
.game-simple .not-score {
	overflow: auto;
}
.game-simple .score {
	position: absolute;
	right: 0;
	bottom: 10px;
	display: block;
	float: right;
	width: 80px;
}
.game-simple .score img {
	width: 20%;
}

figure.game-icon {
	overflow: hidden;
}
figure.game-icon img {
	object-fit: cover;
	height: 100%;
}
figure.game-icon.small {
	width: 60px;
	height: 60px;
	border-radius: 12px;
}
figure.game-icon.medium {
	width: 90px;
	height: 90px;
	border-radius: 18px;
}
figure.game-icon.large {
	width: 120px;
	height: 120px;
	border-radius: 24px;
}

aside.top-item .item {
	margin: 10px auto 20px auto;
}
aside.top-item .item .head, #prd-desc-area .item .head {
	color: #999;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0.4em;
	font-size: 0.75em;
	text-align: center;
	font-weight: 700;
}

.bordered-button {
	display: block;
	color: #009fff;
	background: #eee;
	text-align: center;
	width: 300px;
	margin: 20px auto;
	padding: 5px 0;
	border: 2px solid #ddd;
	font-weight: 700;
	border-radius: 5px;
	cursor: pointer;
}
#paging-under {
	background: #009fff;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    clear: both;
    border-radius: 4px;
    width: 300px;
}
#paging-under a {
	display: block;
	color: #fff;
	width: 300px;
	font-weight: 700;
	padding: 8px 0;
}
#paging-under-outer {
	padding: 10px 0 20px 0;	
}


/* ------- GAME PAGE ------- */

.prd-header {
	background: #243642;
	font-weight: 400;
	color: #fff;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 0.9em;
}
#prd-top-area {
	margin: 10px 0 0 0;
	padding: 10px;
	background: #fff;
	border-bottom: 1px solid #aaa;
	position: relative;
}
#prd-top-area figure#icon {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 22px;
	float: left;
}
#prd-top-area figure#icon img {
	object-fit: cover;
	height: 100%;
}
#prd-top-area h1 {
	float: left;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	height: 40px;
	line-height: 20px;
	display: table-cell;
	vertical-align: middle;
	font-size: 1.5em;
}
#prd-top-area .score, #prd-pubdevs {
	float: none;
	clear: both;
}
#prd-top-area .score {
	width: 100px;
	padding-top: 10px;
}
#prd-top-area .content-social {
	float: none;
	clear: both;
	padding: 10px 0;
	overflow: auto;
}
#prd-pubdevs {
	padding-top: 10px;
	font-size: 0.8em;
}
#prd-pubdevs a {
	color: #009fff;
}
#prd-top-area .score img {
	width: 20%;	
}
.formats {
	color: #777;
	font-weight: 700;
}
.formats a {
	color: #009fff;
}
#prd-tabs {
	overflow: auto;
	float: none;
	clear: both;
}
#prd-tabs ul {
	list-style: none;
	overflow: auto;
	margin: 0;
	padding: 0;
}
#prd-tabs ul li {
	float: left;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 0.95em;
	margin-right: 18px;
	padding-top: 4px;
	border-bottom: 5px solid #fff;
}
#prd-tabs ul li a {
	color: #009fff;	
}
#prd-tabs ul li.active {
	border-bottom: 5px solid #009fff;
}
#prd-tabs ul li.active a {
	color: #000;
}
#prd-tabs ul li span {
	color: #999;
	font-weight: 400;
	font-size: 0.9em;
}
#prd-desc-area {
	padding: 20px 10px;
	border-bottom: 1px solid #aaa;
}
#prd-desc-area h2 {
	text-transform: uppercase;
	color: #000;
	font-size: 1.1em;
	font-weight: 700;
	padding-top: 10px;
}
.prd-desc {
	padding: 20px 0;
	font-size: 0.9em;
}
#desc {
	overflow: hidden;
}
#prd-top-area.hub {
	position: relative;
	margin-top: 0;
}
#prd-top-area.hub figure#cover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 200px;
	z-index: 100;
}
#prd-top-area.hub figure#cover img {
	object-fit: cover;
	height: 100%;
}
#prd-top-area figure#cover:after {
  content: "";
  position: absolute;
  top: 88%;
  left: -20px;
  height: 100%;
  width: 150%;
  background: #fff;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  transform: rotate(3deg);
}
#prd-top-area.hub figure#icon {
	z-index: 200;
	width: 100px;
	height: 100px;
	position: relative;
	margin-top: 70px;
	border: 4px solid #fff;
	float: none;
	clear: both;
}
#prd-top-area.hub h1 {
	position: relative;
	float: none;
	clear: both;
	z-index: 200;
	padding: 0;
}
#prd-pubdevs span.sep {
	display: none;
}
#prd-content-area h1, .gallery-area h1 {
	color: #fff;
	background: #243642;
	padding: 10px;
	margin: 20px 0;
	font-weight: 700;
	font-size: 1.2em;
	text-transform: uppercase;
	position: relative;
}
#prd-content-area h1 a {
	color: #fff;
	text-transform: uppercase;
}
h1 a.icon {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 0px;
	width: 28px;
	height: 28px
}
h1 a.icon span {
	display: none;
	position: absolute;
    top: 0;
    right: 0;
    margin-right: 36px;
    white-space: nowrap;
    line-height: 28px;
    font-weight: 400;
    font-size: 0.75em;
    color: #009fff;
}
h1 a.icon:hover span {
	color: #999;
}
#prd-content-area h1 a.icon {
	top: 5px;
	bottom: 5px;
}
#prd-content-area .view-area.latest.screens::after {
	content: '';
	position: absolute;
	top: 38px;
	right: 0;
	bottom: -5px;
	width: 30px;
	background: rgba(0,0,0,0.5);
}
#prd-content-area .view-area.latest.screens .fence {
	overflow: scroll;
}
#prd-content-area .view-area.latest.screens .fence .inner-fence {
	white-space: nowrap;
	padding: 0 10px;
}
#prd-content-area .view-area.latest.screens .fence .inner-fence a {
	height: 250px;
	display: inline-block;
	margin: 0 5px 5px 5px;
}
#prd-content-area .view-area.latest.screens .fence .inner-fence a img {
	height: 100%;
	width: auto;
}
.gallery {
	position: relative;
}
#gallery-paging {
	text-align: center;
	height: 40px;
	margin: 0 auto;
	display: table;
}
#gallery-paging div {
	display: block;
	height: 40px;
	float: left;
}
#gallery-numbers {
	color: #777;
	padding: 0 20px;
	line-height: 40px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.1em;
}
#gallery-viewer {
	position: relative;
	background: #ccc;
	padding-top: 56.25%;
	margin: 20px 10px;
}
#gv-inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}
#gv-inner img {
	height: 100%;
	object-fit: contain;
}
.gallery #scroller {
	position: relative;
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	margin: 0 10px;
	padding: 20px 0;
	overflow: scroll;
}
.gallery #scroller #scroller-inner {
	display: table;
	white-space: nowrap;	
}
.gallery #scroller #scroller-inner a {
	display: inline-block;
	height: 60px;
	margin: 0 5px;
	border: 2px solid #ccc;
}
.gallery #scroller #scroller-inner a.active {
	border-color: #f30;
}
.gallery #scroller #scroller-inner a img {
	height: 100%;
	width: auto;
}


/* ------- ERROR ------- */
.e404 {
	min-height: 800px;
}
.e404 a {
	display: block;
	margin: 0 auto;
	padding: 50px 0;
	max-width: 840px;
}

/* ------- STANDING PAGE ------- */
.view-area.standing {
	background: #fff;
}

/* ------- GAME FINDER ------- */

.game-finder .top-head {
	padding: 10px;
	color: #999;
	overflow: auto;
	font-size: 0.8em;
}
.game-finder .top-head .sec {
	color: #009fff;
	font-weight: 700;
	text-transform: uppercase;
	float: left;
}
.game-finder .top-head .desc {
	float: right;	
}
.game-finder #tabs-menu {
	position: relative;
	
}
.game-finder #tabs-menu ul.tabs {
	list-style: none;
	padding: 0 10px 5px 10px;
	float: right;
	margin: 0;
}
.game-finder #tabs-menu ul.tabs li {
	float: left;
	border-right: 1px solid #777;
	font-size: 0.75em;
	margin-right: 5px;
}
.game-finder #tabs-menu ul.tabs li:nth-of-type(5) {
	border-right: none;
}
.game-finder #tabs-menu ul.tabs li a {
	color: #009fff;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	padding-right: 5px;
	position: relative;
}
.game-finder #tabs-menu ul.tabs li a.on {
	color: #000;
	font-weight: 700;
}
.game-finder #tabs-menu ul.tabs li a.on::after {
	position: absolute;
	content: "";
	bottom: -5px;
	left: 0;
	right: 5px;
	height: 5px;
	background: #009fff;
}
.game-finder #tabs-menu ul.tabs li .drop {
	display: none;
}
.game-finder div#letters {
	float: none;
	clear: both;
	background: #009fff;
}
.game-finder div#letters h1 {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.6em;
}
.game-finder div#letters .fence {
	overflow: scroll;
}
.game-finder div#letters ul {
	padding: 0;
	list-style: none;
	white-space: nowrap;
	padding-left: 6px;
}
.game-finder div#letters ul li {
	display: inline-block;
	margin-left: 4px;
	background: #eaeaea;
}
.game-finder div#letters ul li a {
	display: block;
	color: #777;
	padding: 3px 6px;
}
.game-finder div#letters ul li a.on {
	color: #fff;
	background: #243642;
}
.game-finder form#filters {
	background: #eaeaea;
	padding: 10px;
	overflow: auto;
}
.game-finder form#filters .select-drop {
	margin-bottom: 10px;
}
.game-finder form#filters .select-drop label {
	font-family: 'Roboto Condensed', sans-serif;
	display: block;
	font-size: 0.9em;
}
.game-finder form#filters .select-drop select {
	position: relative;
	border: 0;
	padding: 10px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.8em;
	width: 100%;
	border-radius: 0;
	-webkit-appearance: none;
	background: transparent;
	cursor: pointer;
}
.game-finder form#filters .select-drop .outer {
	position: relative;
	background: #fff;
}
.game-finder form#filters .select-drop .outer::before {
	position: absolute;
	content: "...";
	top: 5px;
	right: 7px;
	bottom: 5px;
	border-left: 1px solid #ccc;
	color: #009fff;
	letter-spacing: 0.1em;
	padding-left: 7px;
}
.game-finder form#filters .under-select {
	overflow: auto;
}
.game-finder form#filters .under-select .check {
	float: left;
}
.game-finder form#filters .under-select .check label {
	text-transform: uppercase;
	font-size: 0.75em;
	color: #009fff;
	font-weight: 700;
	line-height: 30px;
	display: block;
}
.game-finder form#filters .under-select #submit {
	float: right;
	border: none;
	background: #009fff;
	color: #fff;
	font-weight: 700;
	font-size: 1em;
	padding: 6px;
	border-radius: 2px;
	cursor: pointer;
}
.game-finder .results h3 {
	color: #999;
	font-weight: 700;
	padding: 10px;
	float: right;
	font-size: 0.9em;
}
.game-finder #gf-paging-under {
	padding: 10px;
	overflow: auto;
	background: none;
	border-top: 2px solid #ccc;
	margin-top: 20px;
}
.game-finder #gf-paging-under .prev {
	float: left;	
}
.game-finder #gf-paging-under .next {
	float: right;
}
#game-finder-strip {
	background: #009fff;
	color: #fff;
	display: block;
	overflow: auto;
	padding: 10px;
	position: relative;
	border-bottom: 5px solid #243642;
}
#game-finder-strip span {
	display: block;
}
#game-finder-strip span.icon {
	position: absolute;
	top: 10px;
	left: 10px;
}
#game-finder-strip .text {
	margin-left: 50px;
}
#game-finder-strip .text h5 {
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: 700;
	padding-bottom: 8px;
}
#game-finder-strip .text .gf-body {
	font-weight: 400;
	font-style: italic;
	font-size: 0.85em;
}

/* ------ Inline forms ------ */

.inline-form {
	position: relative;
	color: #555;
	width: 100%;
	font-family: 'Roboto Condensed', sans-serif;
}
.inline-form h4 {
	background: #243642;
	color: #fff;
	font-weight: 700;
	padding: 3px 10px 5px 10px;
	margin-bottom: 10px;
	font-size: 1.1em;
}
.inline-form .mainform {
	background: #e1e1e1;	
	padding: 2px 20px;
}
.inline-form .required, .inline-form .req {
	color: #009fff;
}
.inline-form .required {
	text-align: right;
	font-size: 0.7em;
}
.inline-form .mainform .mainfields {
	font-size: 1.1em;	
}
.inline-form .mainform .mainfields label {
	display: block;
	padding-bottom: 20px;
}
.inline-form .mainform .mainfields label .heading {
	display: block;
}
.inline-form .mainform .mainfields label .subheading {
	display: block;
	font-size: 0.8em;
}
.inline-form .mainform .mainfields label input, .inline-form .mainform .mainfields label textarea {
	width: 100%;
	border: 1px solid #ddd;
	padding: 8px 0;
	font-size: 1.2em;
	margin-top: 2px;
	text-indent: 10px;
}
.inline-form .terms-box {
	display: block;
	margin: 0 auto;
	margin-top: -5px;
	position: relative;
	max-width: 300px;
}
.inline-form .terms-box input {
	position: absolute;
	left: 0;
	top: -5px;
	border: 1px solid #fff;
	height: 32px;
	width: 32px;
	margin: 0;
}
.inline-form .terms-box span {
	display: block;
	padding-left: 35px;
	line-height: 1.2em;
	font-size: 0.8em;
}
.inline-form #submit {
	width: 260px;
	margin: 20px auto;
}
.inline-form #submit input {
	background: #009fff;
	color: #fff;
	width: 100%;
	border: 0;
	border-radius: 5px;
	font-weight: 900;
	font-size: 1.1em;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	padding: 15px 0;
	cursor: pointer;
}

/* ------ Voting ------ */

.voting .mainimg {
	padding-top: 20px;
	padding-bottom: 5px;
}
.inline-form.products label {
	display: block;
	position: relative;
	font-size: 0.8em;
	padding: 8px 10px;
}
.inline-form.products label:nth-of-type(2n+1) {
	background: #e1e1e1;
}
.inline-form.products label h3 {
	margin: 0;
	padding-bottom: 4px;
	font-size: 1.5em;
	font-weight: 700;
}
.inline-form.products label h3 a {
	color: #243642;	
}
.inline-form.products .entry-content {
	position: relative;
}
.inline-form.products label figure {
	position: absolute;
	top: 2px;
	left: 0;
}
.inline-form.products label figure.game-icon.change {
    width: 60px;
    height: 60px;
    border-radius: 12px;
}
.inline-form.products .prd-info {
    color: #111;
    margin-left: 70px;
    margin-right: 35px;
    min-height: 90px;
}
.inline-form.products .prd-info div {
	line-height: 1.4em;	
}
.inline-form.products .prd-info a {
	font-weight: 700;
	color: #009fff;
}
.inline-form.products .vote-area {
	position: absolute;
	top: 0;
	right: 0;
	width: 31px;
}
.inline-form.products .vote-area .select-head {
	font-size: 0.8em;
	color: #999;
	text-align: center;
}
.inline-form.products .vote-input {
	width: 25px;
	height: 25px;
	border: 2px solid #555;
	border-radius: 25px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.inline-form.products .vote-input input {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	z-index: 2;
}
.inline-form.products .vote-input span {
	position: absolute;
	display: block;
	top: 3px;
	left: 3px;
	width: 19px;
	height: 19px;
	border-radius: 19px;
	z-index: 1;
}
.inline-form.products .vote-input input:checked + span {
	background: #555;
}

/* ------ Get button ------ */

.get-figwrap {
	position: relative;
	clear: both;
	float: left;
}
#prd-top-area.hub .get-figwrap {
	float: none;
}
#get-button--main {
	position: absolute;
	left: 90px;
	bottom: 0;
	background: #009fff;
	color: #fff;
	height: 30px;
	line-height: 30px;
	font-size: 0.8em;
	z-index: 20000;
	width: 60px;
	text-align: center;
}
#prd-top-area.hub #get-button--main {
	left: auto;
	right: 0;
	bottom: 4px;
}
#get-button--main label.btn {
	cursor: pointer;
	display: block;	
}
#get-button--main input {
	display: none;
}
.gbm-pop {
	position: absolute;
	top: 30px;
	left: 0;
	background: #f1f1f1;
	color: #000;
	display: none;	
}
#get-button--main:hover .gbm-pop {
	display: block;	
}
.gbm-pop figure {
	width: 80px;
	height: 80px;
	margin: 10px auto;
}
.gbm-pop ul {
	list-style: none;
	width: 120px;
	padding: 0 20px;
	margin: 0 auto;
}
.gbm-pop ul li {
	margin: 10px 0;
}
.gbm-pop div {
	font-size: 1.3em;
	line-height: 1.1em;
	font-family: 'Roboto Condensed', sans-serif;
	margin: 15px 0;
}
.gbm-pop div span {
	color: #009fff;
}
.gbm-pop label {
	display: none;
}
#review-top #get-button--main {
	left: auto;
	bottom: 14px;
	right: 12px;
}


/* Base MQ */
@media only screen {
	
	.blackout {
		position: fixed;
		background: rgba(0,0,0,0.7);
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 25000;
	}
	
	.site-inner-width {
		width: auto;
		min-width: 320px;
	}
	
	#hm-nav {
		border: 0; 
	}
	#hm-nav ul {
		width: -moz-max-content;
		width: max-content;
	}
	#hm-nav ul li:last-of-type {
		border: 0;	
	}
	#hm-row-2:before {
		content: '';
		width: 20px;
		height: 100%;    
		position: absolute;
		right: 0;
		top: 0;
		background: linear-gradient(to right,rgba(36,54,66,0),#243642);
	}
	#hm-search form {
		width: 100%;
		left: 0;
	}
	#hm-search form #search-input-wrap {
		position: relative;
		margin-left: 10px;
		margin-right: 60px;
		overflow: hidden;
	}
	#hm-search form #search-input {
		float: none;
		width: 100%;
		display: block;
	}
	#hm-search form #submit-input-wrap {
		position: absolute;
		top: 0;
		right: 0;
		margin-right: 10px;
	}
	#hm-search form #search-input {
		border-radius: 3px;
		box-sizing: border-box;
		height: 25px;
	}
	#hm-search form #submit-input {
		border-radius: 3px;
		text-align: center;
	}
	
	footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll #mce-EMAIL,
	footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll #mc-embedded-subscribe,
	footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll .frequency {
		border-radius: 5px;	
	}
	footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll .frequency {
		margin: 2px;
	}
	footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll .frequency label {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 50;
		cursor: pointer;
		padding-left: 34px;
	}
	footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll .frequency input[type=checkbox]:checked + label {
		background: #555;	
	}
	footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll .frequency input {
		position: relative;
		display: block;
		z-index: 100;
		margin-top: 7px;
	}

	#hm-row-1, #site-background, #mobile-background {
		will-change: transform;
	}
	
	.content-block {
		width: 100%;
		box-sizing: border-box;
		padding: 5px 10px;
		float: left;
	}
	.content-block .inner figure {
		position: relative;
		height: auto;
		z-index: 100;
		padding-top: 87%;
		width: 100%;
	}
	.content-block .inner figure a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%; /*height: 55%;*/
	}
	/*.content-block .inner figure a img {
		height: 100%;
		object-fit: cover;	
	}*/
	.content-block .inner .text {
		position: absolute;
	    right: 0;
	    bottom: 0;
	    top: inherit;
	    height: auto;
	    min-height: 49%;
	    width: 100%;
	    margin-bottom: 0;
	}
	.content-block .inner .text h2 {
		margin-bottom: 1.5em;	
	}
	.content-block .inner .text .type, .content-block .inner figure .type {
		background: rgba(255, 72, 0, 0.75);	
	}
	.content-block .inner .info {
		position: absolute;
	    bottom: 0;
	    left: 0;
	    margin: 0;
	    width: 100%;
	    right: 0;
	    z-index: 1000;
	}
	.content-block .inner .info .comments {
		padding: 5px 10px 3px 10px;
		border-radius: 2px 2px 0 2px;
		bottom: 12px;
	}
	.content-block .inner .info .comments:after {
		content: '';
		position: absolute;
		bottom: -4px;
		right: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 5px 5px 0;
		border-color: transparent #ff3300 transparent transparent;
	}
	.threes .content-block .inner {
		padding: 10px 0 0 10px;
	}
	.threes .content-block .inner figure {
		width: 45%;
		margin: 0;
		height: auto;
		padding-top: 25%;
	}
	.threes .content-block .inner figure a {	
		position: absolute;
	}
	.threes .content-block .inner .text {
		width: 55%;
	}
	.threes .content-block .inner .text h2 {
		padding: 10px;
		padding-top: 0;
	}
	.threes .content-block .inner .info {
		padding: 10px 0;
		width: 45%;
		float: none;
		clear: left;
	}
	.highlights .content-block {
		width: 100%;	
	}
	.highlights .content-block .inner {
		width: 100%;
		height: auto;
	}
	.highlights .content-block .inner figure {
		padding-top: 56.25%;
		width: 100%;
	}
	.highlights .content-block .inner figure a {
		height: auto;
	}
	.highlights .content-block .inner .text {
		width: 100%;
		min-height: inherit;
		background: linear-gradient(to top, rgba(0,0,0,1) 15%,rgba(0,0,0,0) 100%);
	}
	.highlights .content-block .inner .text a {
		text-shadow: 0px 0px 8px #000;
	}
	.highlights .content-block .inner .text h2 {
		padding-top: 25px;
		padding-bottom: 1.6em;
	}
	.highlights .content-block .inner .info {
		background: none;	
	}
	.highlights #find-best-games {
		float: left;
		margin-top: 5px;
		width: 100%;	
	}
	.highlights #games-trending {
		float: left;
		width: 100%;
	}
	.highlights #games-trending #gt-container .inner {
		width: 133%;
		padding: 10px 0 10px 10px;
		box-sizing: border-box;
	}
	.highlights #games-trending #gt-container .inner .gt-block {
		width: 25%;
		margin: 0;
		padding: 0 10px 0 0;
		box-sizing: border-box;
	}
	.highlights #games-trending #gt-container .inner .gt-block figure {
		height: auto;
		position: relative;
		padding-top: 100%;
	}
	.highlights #games-trending #gt-container .inner .gt-block figure a {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: 20px;
		overflow: hidden;
	}
	.highlights #games-trending #gt-container .inner .gt-block figure a img {
		height: 100%;
		object-fit: cover;
	}
	
	.view-area.player:after {
		position: absolute;
		content: "";
		background: rgba(0,0,0,0.5);
		top: 0;
		right: 0;
		width: 15px;
		height: 100%;
		z-index: 5000;
	}
	.view-area.player .fence .fence-inner {
		width: 1200px;
		overflow: auto;
	}
	.player .content-block {
		width: 300px;
	}
	.player .content-block .inner figure {
		height: auto;
		padding-top: 87%;
		width: 100%;
	}
	.player .content-block .inner figure a {
		height: auto;
	}
	.player .content-block .inner .text {
		width: 100%;
		min-height: 44%;
	}
	.player .content-block .inner .text:before {
		position: absolute;
		content: "\25B6 \FE0E";
		background: #009fff;
		color: #fff;
		top: -40px;
		left: 0;
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 45px;
	}
	.player.grey .content-block .inner .text:before {
		background-color: #ff3300;
	}
	.player .content-block .inner .info {
		padding: 0;
		width: 100%;
	}
	.player .content-block .inner .formats span {
		display: inline;
	}
	.player .content-block .inner .info time, .player .content-block .inner .info .formats {
		float: left;
		margin: 0;
		padding: 0;
	}
	
	.editorial-main .type-header a:nth-of-type(2) {
		font-size: 0.7em;
	}
	.editorial-main figure#lead {
		width: 100%;
		height: 0px;
		padding-top: 50%;
		overflow: hidden;
		position: relative;
	}
	.editorial-main figure#lead span {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	.editorial-main figure#lead span img {
		height: 100%;
		object-fit: cover;	
	}
	.editorial-main .article-body, .editorial-main .list-entry {
		max-width: 560px;
	}
	.editorial-main .article-body figure {
		width: 100%;
		margin: 0 auto;
	}
	.fullWidthVideo .videowindow {
		padding-top: 56.25%;
	}
	.editorial-main.video .fullWidthVideo iframe, 
	.article-body .fullWidthVideo iframe, 
	.fullWidthVideo iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.editorial-main #see-comments, #main-list-enter-button .inner-button {
		border-radius: 5px;
	}
	.editorial-main .prev-next {
		display: flex;
		overflow: visible;
	}
	.editorial-main .prev-next .prev, .editorial-main .prev-next .next {
		float: none;
		width: 50%;
		margin: 0;
	}
	article#review-main .sum-up {
		position: relative;
	}
	article#review-main .sum-up .body {
		float: none;
		width: auto;
		margin-right: 160px;
		min-height: 120px;
	}
	article#review-main .sum-up .badge {
		float: none;
		position: absolute;
		width: 140px;
		top: 50px;
		right: 10px;
		padding: 0;
	}

	#skin-video {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0 20px;
		min-width: 300px;
		max-width: 600px;
		left: 50%;
		transform: translate(-50%);
		box-sizing: border-box;
	}
	#skin-video #skin-video-inner {
		height: auto;
		padding-top: 56.25%;
		box-sizing: border-box;
		border: 0;
		overflow: hidden;
	}
	
	section.view-area.icons:after {
		position: absolute;
		content: "";
		background: rgba(0,0,0,0.5);
		top: 20px;
		right: 0;
		width: 15px;
		height: 100%;
	}
	section.view-area.icons .game-block {
		border: 0;
		margin-right: 0;
		padding: 10px 10px 11px 0;
	}
	section.view-area.icons .game-block:before {
		position: absolute;
		content: "";
		border-bottom: 1px solid #ccc;
		bottom: 0;
		left: 0;
		right: 10px;
	}
	section.view-area.icons .game-block:nth-child(1n+7):before {
		border: none;
	}
	section.view-area.icons .game-block:nth-child(1n+7) {
		padding-bottom: 10px;
	}
	section.view-area.icons .game-block figure {
		border-radius: 20px;
	}
	section.view-area.icons .game-block figure a img {
	    object-fit: cover;
	}
	
	#desc {
		position: relative;
		z-index: 100;
	}
	#desc.fade::after {
		background: transparent;
		background-image: linear-gradient(rgba(234,234,234,0) 0%,rgba(234,234,234,1) 100%);
		content: '';
		position: absolute;
		height: 100px;
		width: 100%;
		margin-right: 320px;
		bottom: 0;
		left: 0;
		z-index: 200;
	}
	#prd-desc-area #desc-button {
		display: none;
	}
	
	#article-sidebar .sb-articles .sb-article {
		width: 100%;
		overflow: hidden;
	}
	#article-sidebar .sb-articles .sb-article figure {
		position: relative;
		height: auto;
		z-index: 100;
		width: 50%;
		padding-top: 28%;
	}
	#article-sidebar .sb-articles .sb-article figure a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#article-sidebar .sb-articles .sb-article h5 {
		width: 50%;
		margin: 0;
		padding-left: 10px;
		box-sizing: border-box;
	}
	#article-sidebar .sb-popular .sbp-entry {
		width: auto;
	}
	#article-sidebar .sb-popular .sbp-entry figure {
		position: relative;
		height: auto;
		z-index: 100;
		width: 100%;
		padding-top: 55%;
	}
	#article-sidebar .sb-popular .sbp-entry figure a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.editorial-main .related-stories {
		overflow: auto;
		padding: 0;
	}
	.editorial-main .related-stories .related-story {
		width: auto;
		box-sizing: border-box;
		margin: 5px;
	}
	.editorial-main .related-stories .related-story figure {
		position: relative;
		height: auto;
		z-index: 100;
		width: 45%;
		padding-top: 23%;
	}
	.editorial-main .related-stories .related-story figure a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.editorial-main .related-stories .related-story h5 {
		width: 55%;
		margin: 0;
		padding-left: 10px;
		box-sizing: border-box;
	}
	
	#get-button--main {
		border-radius: 5px;
	}
	.gbm-pop {
		box-shadow: 0px 0px 1px #000;
		text-align: center;
		font-size: 0.85em;
		border-radius: 5px;
	}
	.gbm-pop label {
		color: #999;
		font-size: 0.8em;
		line-height: 1em;
		padding-bottom: 15px;
		display: block;
		cursor: pointer;
	}
	.gbm-pop label.close {
		position: absolute;
		top: 5px;
		right: 5px;
		display: block;
		text-align: center;
		padding: 3px;
		border-radius: 10px;
		width: 10px;
		height: 10px;
		border: 2px solid #bbb;
	}
	#get-button--main:hover .gbm-pop {
		display: none;	
	}
	#get-button--main input:checked + .gbm-pop {
		display: block;
	}
	.gbm-pop figure {
		border-radius: 22px;
		overflow: hidden;	
	}
	.gbm-pop div {
		margin: 18px auto;
	}
	.gbm-pop ul {
		margin: 15px auto;
	}
	
	.gbm-pop.js {
		display: none;
		z-index: 2147483642;
		margin: 0 auto;
		min-width: 300px;
		top: 20%;
		left: 50%;
		transform: translate(-50%,0);
		position: fixed;
		box-shadow: none;
	}
	.gbm-pop.js.on {
		display: block;	
	}
	#gbm-pop-back {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.7);
		z-index: 2147483641;
	}
	#gbm-pop-back.on {
		display: block;	
	}
	
}

/* first breakpoint */
@media only screen and (min-width: 360px){
	
	#hm-search {
		padding: 0 0 0 25px;
	}

	.content-block .inner figure {
		padding-top: 90%;
	}
	.content-block .inner .text {
		min-height: 44%;	
	}
	.content-block, .player .content-block {
		font-size: 1.1em;
		line-height: 1.1em;
	}
	
	.highlights .content-block {
		font-size: 0.85em;
	}
	.highlights .content-block .inner .text h2 {
		padding-bottom: 1.8em;
	}
	.highlights .content-block .inner .info {
		padding-bottom: 10px;	
	}
	.highlights #find-best-games {
		font-size: 1.1em;
		line-height: 1.2em;
	}
	
	.latest .fence {
		padding-right: 10px;
	}
	.latest .content-block {
		padding-right: 0;
	}
	.latest .content-block:nth-of-type(4n+1),.latest .content-block:nth-of-type(4n+2) {
		width: 50%;
		font-size: 0.7em;
		line-height: 0.7em;
	}
	.latest .content-block:nth-of-type(4n+1) .inner figure,.latest .content-block:nth-of-type(4n+2) .inner figure {
		padding-top: 125%;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .text,.latest .content-block:nth-of-type(4n+2) .inner .text {
		min-height: 60%;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .text .type,.latest .content-block:nth-of-type(4n+2) .inner .text .type {
		height: 20px;
		line-height: 20px;
		top: -25px;
		left: 5px;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .text h2,.latest .content-block:nth-of-type(4n+2) .inner .text h2 {
		margin-bottom: 1.95em;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .text h2 .score,.latest .content-block:nth-of-type(4n+2) .inner .text h2 .score {
		bottom: -4px;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .text h2 .score img,.latest .content-block:nth-of-type(4n+2) .inner .text h2 .score img {
		width: 14px;
		height: 14px;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .formats span,.latest .content-block:nth-of-type(4n+2) .inner .formats span {
	    display: none;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .info time,.latest .content-block:nth-of-type(4n+2) .inner .info time {
		float: none;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .info .formats,.latest .content-block:nth-of-type(4n+2) .inner .info .formats {
		display: block;
		float: none;
		margin-top: 0.4em;
	}
	
	.content-block .item-unit {
		margin-left: -10px;
		margin-right: -10px;
		padding: 10px 0;
		overflow: visible;
	}
	
	section.view-area.icons .fence .fence-inner {
		width: 900px;
	}
	section.view-area.icons .game-block {
		width: 33%;
		box-sizing: border-box;
	}
	
	#prd-top-area.hub #get-button--main {
		left: 115px;
		right: auto;
	}
		
}

/* second breakpoint */
@media only screen and (min-width: 440px){
	
	#hm-logo {
		width: 275px;
		top: -2px;
	}
	
	.content-block {
		font-size: 1.2em;
		line-height: 1.2em;
	}
	
	.highlights .content-block {
		font-size: 1em;
	}
	.highlights #find-best-games {
		font-size: 1.15em;
		line-height: 1.25em;
	}
	.highlights #games-trending #gt-container .inner {
		width: 100%;	
	}
	
	.threes .content-block .inner figure {
		width: 40%;
		padding-top: 22%;
		margin-bottom: 10px;
	}
	.threes .content-block .inner .text {
		width: 60%;
	}
	.threes .content-block .inner .info {
		float: left;
		clear: none;
		width: 50%;
		padding: 0 10px 10px 10px;
	}
	.threes .content-block .inner .info .formats span {
	    display: inline;
	}
	.threes .content-block .inner .info time {
		float: left;
	}
	.threes .content-block .inner .info .formats {
		float: left;
		margin: 0;
	}
	
	.latest .content-block:nth-of-type(4n+1),.latest .content-block:nth-of-type(4n+2) {
		font-size: 0.85em;
		line-height: 0.85em;
	}
	
	.editorial-main .prev-next .prev {
		padding-right: 5%;
	}
	.editorial-main .prev-next .next {
		padding-left: 5%;
	}
	
	#article-sidebar .sb-popular .sbp-entry figure {
		display: none;
	}
	
	.list-entry .list-prd-info figure.game-icon.large {
		width: 120px;
		height: 120px;
		border-radius: 24px;
		float: right;
		margin: -70px 15px 5px 10px;
	}
	
}

/* third breakpoint */
@media only screen and (min-width: 560px){
	
	.blackout {
		display: none;
	}
	
	.nav-social {
		display: block;	
	}
	
	.content-block {
		font-size: 0.85em;
		line-height: 0.85em;
	}
	.content-block .inner .text h2 .score {
		bottom: -12px;
	}
	.content-block .inner figure {
		width: 65%;
		padding-top: 36%;
	}
	.content-block .inner figure .type {
		display: block;
		top: auto;
		bottom: 10px;
		left: auto;
		right: 10px;
	}
	.content-block .inner .text {
		width: 35%;
		min-height: 100%;
	}
	.content-block .inner .text .type {
		display: none;
	}
	.content-block .inner .info {
		width: 35%;
		left: auto;
		right: 0;
		padding: 10px 0;
	}
	.content-block .inner .formats span {
	    display: none;
	}
	.content-block .inner .info time {
		padding-left: 10px;
		float: none;
	}
	.content-block .inner .info .formats {
		padding-left: 10px;
		display: block;
		float: none;
		margin-top: 0.4em;
	}
	
	.highlights .content-block {
		font-size: 1.1em;
	}
	.highlights #find-best-games {
		font-size: 1.2em;
		line-height: 1.3em;
	}
	
	.latest .content-block:nth-of-type(4n+1) .inner figure,.latest .content-block:nth-of-type(4n+2) .inner figure {
		padding-top: 87%;
		width: 100%;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .text,.latest .content-block:nth-of-type(4n+2) .inner .text {
		min-height: 49%;
		width: 100%;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .text .type,.latest .content-block:nth-of-type(4n+2) .inner .text .type {
		height: 25px;
		line-height: 25px;
		top: -35px;
		left: 10px;
		display: block;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .text h2,.latest .content-block:nth-of-type(4n+2) .inner .text h2 {
		margin-bottom: 1.6em;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .text h2 .score,.latest .content-block:nth-of-type(4n+2) .inner .text h2 .score {
		bottom: -12px;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .text h2 .score img,.latest .content-block:nth-of-type(4n+2) .inner .text h2 .score img {
		width: 20px;
		height: 20px;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .info,.latest .content-block:nth-of-type(4n+2) .inner .info {
		width: auto;
		left: 0;
		right: auto;
		padding: 10px;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .formats span,.latest .content-block:nth-of-type(4n+2) .inner .formats span {
	    display: inline;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .info time,.latest .content-block:nth-of-type(4n+2) .inner .info time {
		float: left;
		padding-left: 0;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .info .formats,.latest .content-block:nth-of-type(4n+2) .inner .info .formats {
		display: block;
		float: left;
		margin-top: 0;
		padding-left: 0;
	}
	
	.threes .content-block .inner .info time, .threes .content-block .inner .info .formats {
		padding-left: 0;
	}
	
	section.view-area.icons .fence .fence-inner {
		width: 1010px;
	}
	
	.editorial-main .prev-next .prev {
		padding-right: 12%;
	}
	.editorial-main .prev-next .next {
		padding-left: 12%;
	}
	.list-soc {
		overflow: auto;
		border-bottom: 2px solid #ddd;
		margin-bottom: 10px;
	}
	.editorial-main.intro .list-soc {
		border: none;
		margin-bottom: 0;
	}
	
	.game-finder form#filters .select-drop {
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
	.game-finder form#filters .select-drop.filter {
		padding-right: 5px;
	}
	.game-finder form#filters .select-drop.sort {
		padding-left: 5px;
	}
	.game-finder form#filters .under-select {
		float: right;
		clear: both;
		width: 220px;
	}
	.game-finder .results {
		float: none;
		clear: both;
	}
	
	#article-sidebar .sb-articles .sb-article {
		width: 33.3%;
		float: left;
		box-sizing: border-box;
		padding: 0 3px;
	}
	#article-sidebar .sb-articles .sb-article:first-of-type {
		padding: 0;
		padding-right: 7px;
	}
	#article-sidebar .sb-articles .sb-article:last-of-type {
		padding: 0;
		padding-left: 7px;
	}
	#article-sidebar .sb-articles .sb-article figure,
	#article-sidebar .sb-articles .sb-article h5 {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#article-sidebar .sb-articles .sb-article figure {
		padding-top: 54.25%;
	}
	#article-sidebar .sb-articles .sb-article h5, 
	#article-sidebar .sb-articles .sb-article .info, 
	#article-sidebar .sb-articles.videos .sb-article.video .info {
		padding: 0;
		padding-top: 5px;
	}
	
	.editorial-main .related-stories .related-story h5 {
		font-size: 1.4em;
	}
	
}

/* fourth breakpoint */
@media only screen and (min-width: 630px){
	
	.content-block {
		width: 50%;	
	}
	.content-block .inner figure {
		padding-top: 87%;
		width: 100%;
	}
	.content-block .inner figure .type {
		display: none;
	}
	.content-block .inner .text {
		min-height: 49%;
		width: 100%;
	}
	.content-block .inner .text h2 .score {
		bottom: -15px;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .text h2 .score,.latest .content-block:nth-of-type(4n+2) .inner .text h2 .score {
		bottom: -15px;
	}
	.content-block .inner .text .type {
		display: block;
	}
	.latest .content-block .inner .info {
		width: auto;
		left: 0;
		right: auto;
		padding: 10px;
	}
	.content-block .inner .formats span {
	    display: inline;
	}
	.content-block .inner .info time {
		float: left;
		padding-left: 0;
	}
	.content-block .inner .info .formats {
		display: block;
		float: left;
		margin-top: 0;
		padding-left: 0;
	}
	
	.highlights {
		overflow: hidden;
		padding-bottom: 0;
	}
	.highlights .fence {
		margin: 0 15px 0 10px;
		padding-top: 65%;
		position: relative;
		overflow: visible;
	}
	.highlights .fence .inner-feat {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: stretch;
		overflow: visible;
	}
	.highlights .content-block {
		font-size: 0.65em;
		width: 50%;
		padding: 0;
		margin: 0;
	}
	.highlights .content-block .inner {
		height: 100%;
	}
	.highlights .content-block .inner figure {
		padding-top: 45%;
		overflow: visible;
		position: static;
	}
	.highlights .content-block .inner figure a {
		right: 0;
		bottom: 0;
	}
	.highlights .content-block .inner figure a img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.highlights #find-best-games {
		font-size: 1em;
		line-height: 1.1em;
		width: 50%;
		margin-top: 0;
	}
	.highlights #games-trending {
		width: 50%;
		margin-top: 5px;
	}
	.highlights #games-trending #gt-container .inner {
		width: 133%;
	}
	.highlights #games-trending #gt-container .inner .gt-block .gtb-score {
		margin-top: 5px;
	}
	.highlights #highlights-block-0 {
		flex: 4 0 0;
		margin: 0 5px 5px 0;
	}
	.highlights #highlights-block-1 {
		flex: 5 0 0;
	}
	.highlights #highlights-block-2 {
		flex: 4 0 0;
		margin: 0 0 5px 0;
	}
	.highlights #highlights-block-3 {
		flex: 3.5 0 0;
	}
	
	.threes .content-block {
		width: 100%;	
	}
	
	.content-block .item-unit {
		margin: 0;
		padding: 0;
		background: none;
	}
	.content-block .item-unit .inner {
		width: 100%;
		padding-top: 87%;
		position: relative;
	}
	.content-block .item-unit iframe, .content-block .item-unit div.abs {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	
	#mid-main-lower.skin {
		margin-top: 0;
	}
	
	#prd-desc-area {
		position: relative;
		min-height: 300px;
	}
	#prd-desc-area #desc, #prd-desc-area #desc-button {
		margin-right: 320px;
	}
	#prd-desc-area .item {
		position: absolute;
		right: 10px;
		top: 20px;	
	}
	#prd-top-area figure#icon {
		width: 100px;
		height: 100px;
	}
	#prd-top-area h1 {
		padding-left: 20px;
		font-size: 1.7em;
	}
	#prd-pubdevs > div {
		float: left;
	}
	#prd-pubdevs span.sep {
		display: block;
		float: left;
		padding: 0 12px;	
	}
	#prd-top-area .content-social {
		position: absolute;
		right: 10px;
		top: 30%;
	}
	#prd-top-area.hub .content-social {
		top: 60%;
	}
	#prd-tabs {
		padding-top: 16px;
	}
	#gallery-viewer {
		width: 600px;
		margin: 20px auto;
		height: 354px;
		padding-top: 0;	
	}
	
	#search-games {
		margin-right: 320px;
		min-height: 295px;	
	}
	.search-top .top-item {
		position: absolute;
		top: 30px;
		right: 10px;	
	}
	
	section.view-area {
		border: 0;
	}
	
	.list-entry .list-prd-info .lp-info {
		font-size: 0.9em;
		line-height: 1.6em;
		padding: 10px;
		padding-right: 180px;	
	}
	.list-entry .list-prd-info figure.game-icon.large {
		width: 160px;
		height: 160px;
		border-radius: 30px;
		margin: -70px 15px 5px 10px;
	}
	
	#game-finder-strip-outer {
		border-bottom: 5px solid #eaeaea;	
	}
	#game-finder-strip .text .gf-body {
		font-size: 1em;
	}
	
	.staff-head-strip {
		background: none;
	}
	.staff-head-strip h1 {
		font-size: 1.3em;
	}
	.contact.buttons {
		background: none;
		position: absolute;
		top: 130px;
		right: 10px;
	}
	.stf-blurb {
		background: none;
		margin: 0 140px 0 105px;
		padding: 0 0 30px 0;
	}
	
	.inline-form.products label {
		font-size: 0.95em;
	}
	.inline-form.products label figure.game-icon.change {
	    width: 80px;
	    height: 80px;
	    border-radius: 14px;
	}
	.inline-form.products .prd-info {
		margin-left: 90px;
	}
	
	#get-button--main {
		left: 120px;
	}

}

/* fifth breakpoint */
@media only screen and (min-width: 660px){
	
	.editorial-main.voting h2 {
		float: left;
	}
	.editorial-main.voting .content-social .buttons a {
		margin-top: 0;
	}
	
}

/* sixth breakpoint */
@media only screen and (min-width: 730px){
	
	.highlights .content-block {
		font-size: 0.85em;
	}
	.highlights .content-block .inner .text h2 {
		padding-bottom: 1.8em;
	}
	.highlights .content-block .inner .info {
		padding-bottom: 10px;	
	}
	.highlights #find-best-games {
		font-size: 1.1em;
		line-height: 1.2em;
	}
	.highlights #games-trending {
		font-size: 1.1em;
		line-height: 1.2em;
	}
	
	h1 a.icon span {
		display: block;	
	}
	
}

/* seventh breakpoint */
@media only screen and (min-width: 820px){
	
	.view-area.flexi {
		display: flex;
	}
	
	table {
		font-size: 0.8em;
	}
	
	#hm-search {
		padding-left: 40px;
	}
	#magnifying-glass {
		float: right;
	}
	#hm-search form {
		position: relative;
		width: 260px;
		display: block;
		float: left;
		top: auto;
		left: auto;
		margin-right: -24px;
		height: auto;
		background: none;
	}
	#hm-search form #search-input-wrap {
		position: relative;
		margin-left: 0;
		margin-right: 30px;
		overflow: hidden;
	}
	#hm-search form #search-input {
		margin: 0;
		height: 28px;
		border-radius: 2px;
		width: 220px;
	}
	#hm-search form #submit-input-wrap {
		margin: 0;
	}
	#hm-search form #submit-input {
		margin: 0;
		height: 28px;
		background: none;
		width: 30px;
		overflow: hidden;
		text-indent: 200px;
	}
	
	footer#footer-main #mailing-foot #mc_embed_signup form {
		width: 800px;	
	}
	footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll h2,
	.mc-field-group.email, .submit {
		display: inline-block;
	}
	footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll h3 {
		display: inline-block;
		font-size: 1.4em;
		margin-left: 0;
	}
	footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll #mce-EMAIL {
		position: absolute;
		width: 295px;
		margin: 0;
		top: 10px;
		left: 0;
	}
	footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll #mce-EMAIL::placeholder {
		color: #ccc;
		font-style: italic;
		font-weight: 400;
		font-size: 0.85em;
	}
	footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll #mc-embedded-subscribe {
		position: absolute;
		width: 160px;
		margin: 0;
		top: 10px;
		right: 0;
	}
	footer#footer-main #mailing-foot #mc_embed_signup form #mc_embed_signup_scroll .su-middle {
		position: relative;
		height: 64px;
		width: 500px;
		margin: 0 auto;
	}
	
	.latest .fence {
		padding: 0;
	}
	
	.content-block, .latest .content-block, .threes .content-block,
	.latest .content-block:nth-of-type(n){
		width: 33%;
		padding-right: 0;
		font-size: 0.85em;
		line-height: 0.85em;
	}
	.content-block .inner .text h2 .score {
		bottom: -12px;
	}
	.latest .content-block:nth-of-type(4n+1) .inner .text h2 .score,.latest .content-block:nth-of-type(4n+2) .inner .text h2 .score {
		bottom: -12px;
	}
	
	.threes .content-block .inner {
		padding: 0;
	}
	.threes .content-block .inner figure {
		position: relative;
		padding-top: 87%;
		width: 100%;
		margin-bottom: 0;
		z-index: 100;
	}
	.threes .content-block .inner .text {
		position: absolute;
		float: none;
		min-height: 49%;
		width: 100%;
	}
	.threes .content-block .inner .text .type {
		display: block;	
	}
	.threes .content-block .inner .text h2 {
		margin-bottom: 1.5em;
		padding: 10px;
	}
	.threes .content-block .inner .info {
		position: absolute;
		width: auto;
		padding: 10px;
		right: auto;
		left: 0;
	}
	
	.highlights .fence {
		padding-top: 60%;
	}
	.highlights #games-trending #gt-container .inner {
		width: 100%;
	}
	
	#site-background {
		display: block;
	}
	#mobile-background {
		display: none;
	}
	
	section.view-area.icons:after {
		display: none;
	}
	
	section.view-area.icons .fence {
		padding: 0;
	}
	section.view-area.icons .fence .fence-inner {
		width: auto;
	}
	section.view-area.icons .game-block {
		padding: 10px 0 11px 10px;
	}
	section.view-area.icons .game-block:before {
		left: 10px;
		right: 0;
	}
	section.view-area.icons .game-block .score {
		left: 80px;
	}
	
	.view-area.player:after {
		display: none;
	}
	section.view-area.player.scroll .fence {
		padding-right: 0;
	}
	.view-area.player .fence .fence-inner {
		width: auto;
	}
	.player .content-block {
		width: 48%;
	}
	.player .content-block .inner figure {
		padding-top: 65%;
	}
	.player .content-block .inner .text {
		min-height: inherit;
	}
	.player .content-block:nth-of-type(1n+2) {
		width: 52%;
		padding: 5px 0 25px 10px;
		font-size: 0.85em;
	}
	.player .content-block:nth-of-type(1n+2) .inner figure {
		width: 30%;
		padding-top: 15%;
	}
	.player .content-block .inner figure:after {
		position: absolute;
		content: "\25B6 \FE0E";
		background: #009fff;
		color: #fff;
		bottom: 0;
		left: 0;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 35px;
	}
	.player.grey .content-block .inner figure:after {
		background-color: #ff3300;
	}
	.player .content-block:nth-of-type(1n+2) .inner .text, .player .content-block:nth-of-type(1n+2) .inner .info {
		width: 64%;
		padding-right: 20px;
	}
	.player .content-block:nth-of-type(1n+2) .inner .text {
		bottom: auto;
		top: 0;
	}
	.player .content-block:nth-of-type(1n+2) .inner .text h2 {
		padding: 0;
		margin: 0;
	}
	.player .content-block:nth-of-type(1n+2) .inner .text:before {
		display: none;
	}
	
	.editorial-main .inner {
		display: flex;
	}
	.editorial-main .inner article {
		width: 100%;
		margin: 10px;
	}
	.editorial-main .inner article#review-main {
		margin-top: 1px;
	}
	aside#article-sidebar {
		position: relative;
		width: 300px;
		padding: 0;
		margin: 10px 10px 0 0;
	}
	.editorial-main.video aside#article-sidebar {
		margin-top: 22px;
	}
	.editorial-main.review aside#article-sidebar {
		margin-top: 0;
	}
	.editorial-main .type-header, 
	.editorial-main h1, 
	.editorial-main h2, 
	.editorial-main .info, 
	.editorial-main .article-body,
	.editorial-main .list-entry {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.editorial-main .content-social {
		float: right;
	}
	.editorial-main.list .content-social {
		float: left;
		overflow: auto;
		padding-left: 0;
	}
	.editorial-main.list .content-social .mob-button {
		display: none;
	}
	.editorial-main.list .content-social .buttons {
		display: block;
	}
	article#review-top {
		margin: 0 10px;
	}
	article#review-top .inner {
		padding: 10px;
		display: block;
		overflow: auto;
	}
	article#review-top .inner h1 {
		padding: 0 0 25px 0;
	}
	article#review-top .inner .score {
		margin: 0;
	}
	article#review-top .inner .score img {
		padding-top: 5px;
	}
	article#review-top .inner .info {
		margin: 0 15px;
		padding: 0;
		float: left;
		clear: none;
	}
	article#review-top .inner .info.no-score {
		margin-left: 0;
	}
	article#review-main .game-info {
		margin-left: 0;
		float: left;
	}
	article#review-main .info.alt {
		float: none;
		padding: 5px 0;
	}
	article#review-main .sum-up .badge {
		background: #eaeaea;
		padding-top: 12px;
		top: 18px;
		right: 22px;
	}
	article#review-main .sum-up .body {
		min-height: 100px;
	}
	.editorial-main .info {
		padding: 20px 0;
		float: left;
		clear: none;
	}
	.editorial-main.list .info, .editorial-main.video .info {
		float: none;
		clear: both;	
	}
	.editorial-main.video .info {
		padding: 0 0 10px 0;
	}
	.editorial-main .content-social a, .editorial-main .content-social .mob-button {
		margin: 15px 0 0 5px;
	}
	.editorial-main.list .content-social a, .editorial-main.list .content-social .mob-button {
		margin: 0 5px 0 0;
	}
	.editorial-main #see-comments {
		float: left;
		clear: none;
		width: 280px;
	}
	.editorial-main.list.drop #see-comments {
		margin: 0;
	}
	.video-title-box {
		padding: 0 10px;
	}
	
	.highlights #games-trending #gt-container, section.view-area.scroll .fence {
		overflow: hidden;
	}
	
	.editorial-main .prev-next {
		padding: 10px 0 0 0;
	}
	
	footer#footer-main #main-foot #mf-row1 {
		padding: 12px;
	}
	footer#footer-main #main-foot #mf-row1 .head {
		display: inline-block;
		margin: 0 14px 0 0;
		line-height: 1.9em;
		vertical-align: top;
	}
	footer#footer-main #main-foot #mf-row1 .nav-social {
		display: inline-block;
		margin: 0;
	}
	footer#footer-main #main-foot #mf-row2 {
		padding: 15px 50px;
	}
	footer#footer-main #main-foot #mf-row3 {
		padding: 15px 50px;
	}
	footer#footer-main #main-foot #mf-row3 .links div {
		display: inline-block;
	}
	footer#footer-main #main-foot #mf-row3 .links span {
		display: inline-block;
	}
	footer#footer-main #main-foot #mf-row4 {
		padding: 15px 5px 25px 5px;	
	}
	footer#footer-main #main-foot #mf-row4 br {
		display: none;
	}
	footer#footer-main #main-foot #mf-row4 img, footer#footer-main #main-foot #mf-row4 picture {
		display: inline;
		margin: 0 10px 0 0;
		vertical-align: sub;
	}
	
	.game-finder {
		margin: 0 10px 0 10px;
	}
	.game-finder .game-simple {
		margin: 0;
	}
	.game-finder .top-head {
		padding: 10px 0;	
	}
	.game-finder div#letters ul {
		white-space: normal;
		text-align: center;
		padding-right: 10px;
	}
	.game-finder div#letters ul li {
		margin-bottom: 10px;	
	}
	
	#article-sidebar .sb-articles .sb-article,
	#article-sidebar .sb-articles .sb-article:first-of-type,
	#article-sidebar .sb-articles .sb-article:last-of-type {
		width: 100%;
		float: none;
		padding: 0;
	}
	#article-sidebar .sb-articles .sb-article figure {
		width: 50%;
		padding-top: 28%;
		float: left;
	}
	#article-sidebar .sb-articles .sb-article h5 {
		width: 50%;
		padding: 0;
		padding-left: 10px;
		float: left;
	}
	#article-sidebar .sb-popular .sbp-entry figure {
		display: block;
	}
	#article-sidebar .sb-articles.videos .sb-article.video .info {
		padding-left: 10px;
	}
	.editorial-main .related-stories .related-story h5 {
		font-size: 1.7em;
	}
	
	#comments {
		padding: 0;
		padding-top: 10px;
	}
	
}

/* wide item width */
@media only screen and (min-width: 970px){
	
	#hm-search form {
		width: 300px;
	}
	#hm-search form #search-input {
		width: 260px;
	}
	
	.highlights .content-block {
		font-size: 1em;
	}
	
	.content-block .inner .text h2 {
		font-size: 1.6em;
		line-height: 1.1em;
	}
	.highlights .content-block .inner .text h2 {
		font-size: 1.6em;
	}
	
	.editorial-main .inner article {
		margin-right: 20px;
	}
	
}

/* Desktop main */
@media only screen and (min-width: 1010px){
	
	#hm-nav {
		overflow: hidden;
	}

	.site-inner-width {
		width: 1010px;
	}
	
	.view-area.latest, .view-area.threes, .view-area.icons, .view-area.player {
		padding-left: 10px;
	}
	
	.content-block, .latest .content-block, .threes .content-block,
	.latest .content-block:nth-of-type(n){
		padding: 5px 10px 15px 10px;
	}
	
	.highlights {
		padding: 0 10px;
	}
	
	section.view-area.icons .game-block {
		padding: 10px 10px 11px 10px;
	}
	section.view-area.icons .game-block:before {
		right: 10px;
	}
	section.view-area.icons .game-block figure {
		width: 80px;
		height: 80px;
	}
	section.view-area.icons .game-block h3 {
		height: 50px;	
	}
	section.view-area.icons .game-block .score {
		left: 100px;	
	}
	
	.highlights .inner .fence {
		padding: 0;
		height: 596px;
		margin-right: 10px;
	}
	.highlights .inner .fence .inner-feat {
		position: relative;
		display: block;
	}
	.highlights #highlights-block-0, .highlights #highlights-block-1, .highlights #highlights-block-2,
	.highlights #highlights-block-3, .highlights #find-best-games, .highlights #games-trending {
		position: absolute;
		margin: 0;
		width: 482px;
	}
	.highlights #highlights-block-0 {
		top: 0;
		left: 0;
		height: 264px;
	}
	.highlights #highlights-block-1 {
		top: 270px;
		left: 0;
		height: 326px;
	}
	.highlights #highlights-block-2 {
		top: 0;
		left: 488px;
		height: 305px;
	}
	.highlights #highlights-block-3 {
		top: 311px;
		left: 488px;
		height: 285px;
	}
	.highlights #find-best-games {
		top: 311px;
		left: 488px;
		height: 41px;
	}
	.highlights #games-trending {
		top: 358px;
		left: 488px;
		height: 218px;
	}
	
	.editorial-main .inner article {
		margin: 20px;
	}
	aside#article-sidebar {
		margin: 20px;
	}
	.editorial-main.video aside#article-sidebar {
		margin-top: 32px;
	}
	
	#skin-video-tab {
		right: 20px;	
	}
	
	article#review-top {
		margin: 0 20px;
	}
	
	#prd-top-area, #prd-desc-area {
		padding: 20px 20px 10px 20px;
	}
	#prd-desc-area .item, .search-top .top-item {
		right: 20px;	
	}
	#prd-content-area h1 {
		margin-left: -10px;
		padding: 10px 20px;
	}
	.gallery-area h1 {
		padding: 10px 20px;
	}
	#prd-top-area .content-social {
		right: 20px;
	}
	#prd-content-area .view-area.latest.screens .fence .inner-fence {
		margin-left: -10px;	
	}
	
	.search-top h1 {
		padding: 20px 20px 10px 20px;
	}
	#search-games {
		padding: 0 10px;	
	}
	
	.view-area h1 a.more {
		padding-right: 10px;
	}
	
	.game-finder {
		margin: 0 20px 0 20px;
		padding-top: 10px;
	}
	
	h1 a.icon {
		right: 20px;
	}
	
	.editorial-main .type-header {
		padding: 0;
		font-size: 1.2em;
	}
	
	.game-finder div#letters .fence {
		overflow: hidden;
	}
	#game-finder-strip-outer {
		border-bottom: 15px solid #eaeaea;	
	}
	#game-finder-strip {
		padding: 20px;	
	}
	#game-finder-strip span.icon {
		top: 20px;
		left: 20px;	
	}
	#game-finder-strip .text {
		margin-left: 55px;
	}
	.stf-info-outer {
		padding: 0 20px;
	}
	.staff-top-header {
		padding: 20px 0 10px 0;
		font-size: 1em;
	}
	.contact.buttons {
		right: 15px;	
	}
	.stf-blurb {
		margin-left: 125px;
	}

}

/* Desktop nav adjust */
@media only screen and (min-width: 1020px){
	
	#hm-row-1-inner .left {
		margin-left: 0;
	}
	#hm-row-1-inner .right {
		margin-right: 0;
	}
	#hm-nav {
		margin: 0;
	}
		
}

/* Item size control */
@media only screen and (min-width: 468px){
	#top-wide-item {
		width: 468px;
	}
	#top-wide-item.item-unit .inner iframe, #top-wide-item.item-unit .inner div {
		height: 60px;
	}
}
@media only screen and (min-width: 728px){
	#top-wide-item {
		width: 728px;
	}
	#top-wide-item.item-unit .inner iframe, #top-wide-item.item-unit .inner div {
		height: 90px;
	}
}
@media only screen and (min-width: 970px){
	#top-wide-item {
		width: 970px;
	}
}