@font-face {
	font-family: "Museo 700";
	font-weight: bold;
	src: url("../fonts/Museo700.otf") format("opentype"); }

@font-face {
	font-family: "Museo Sans 100";
	src: url("../fonts/MuseoSans100.otf") format("opentype"); }

@font-face {
	font-family: "Museo Sans 500";
	src: url("../fonts/MuseoSans500.otf") format("opentype"); }

body {
	background: #edeae8;
	color: black;
	font-family: "Museo Sans 100", sans-serif;
	font-size: 16px;
	line-height: 20px; }

section {
	clear: both; }

body a {
	color: black;
	outline: 0; }

.in {
	position: relative;
	margin: 0 auto;
	padding: 0px 40px 40px;
	max-width: 1200px; }

.page {
	margin: 0 auto; }

.side-rail {
	position: absolute;
	padding: 20px;
	background-color: #edebe8;
	width: 300px;
	height: calc(100% - 80px);
	right: 40px;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, .15); }

.side-rail .stick-item {
	overflow: hidden; }

.hide {
	display: none; }

.soft {
	transition: .25s ease width, .25s ease margin, .25s ease background-position, .2s ease opacity, .25s ease top; }

.button {
	display: inline-block;
	color: white;
	font-size: 14px;
	line-height: 21px;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .25);
	font-family: "Museo Sans 500", sans-serif;
	text-decoration: none;
	padding: 7px 16px;
	text-transform: uppercase;
	border-radius: 1px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, .15); }

.button:hover {
	background: #1b1b1b; }

.button.wide {
	display: block;
	text-align: center; }

.clear-fix:after {
  content: "";
  display: table;
  clear: both; }

.ad {
	text-align: center;
	clear: both;
	margin-bottom: 20px;
	height: auto;
	transition: 2s ease height;
	transition-delay: 2s; }

.ad.wide {
	margin: inherit auto;
	min-height: 90px; }

.ad.vert {
	min-height: 250px; }

.ad img {
	display: block;
	margin: 0 auto;
	text-align: center; }

.MonkeyBroker-Size41 {
	height: 580px !important;
}

.mbReportBadAd {
    color: #000;
    cursor: pointer;
    font-size: 9px;
    line-height: 10px;
    margin: 0 !important;
    opacity: .35;
    padding: 0 0 0 12px !important;
    position: relative;
    right: 0;
    top: 100%;
}

.mbReportBadAd:hover {
    background: url(//wow.zamimg.com/images/Menu/arrow-up.gif) no-repeat 3px 3px;
    opacity: 1;
    z-index: 99999999;
}

.mobile-content {
	display: none; }

section.static {
	background: white;
	padding: 40px 0px; }

header .top-bar {
	min-height: 10px;
	max-height: 28px;
	overflow: hidden;
	background-color: #d7d7d2; }

header .top-bar .in {
	margin-bottom: 0px;
	padding-bottom: 0px; }

header .top-bar .user-account-bar {
	display: inline-block;
	float: right;
	height: 28px;
	text-align: right;
	font-size: 12px;
	line-height: 12px; }

header .top-bar .user-account-bar span {
	display: inline-block; }

header .top-bar .user-account-bar a {
	position: relative;
	display: block;
	height: 28px;
	float: left;
	text-decoration: none; }

header .top-bar .user-account-bar a span {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: auto;
	padding: 8px 16px 8px 42px;
	font-weight: 700;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 16px 50%;
	border-top: 0px solid #ef4628;
	transition: .35s ease-in border-top-width, .35s ease-in background-color; }

header .top-bar .user-account-bar a.register span	{ background-image: url("../images/icon-account-register.svg"); }
header .top-bar .user-account-bar a.login span		{ background-image: url("../images/icon-account-login.svg"); }
header .top-bar .user-account-bar a.account	span	{ background-image: url("../images/icon-account-account.svg"); }
header .top-bar .user-account-bar a.logout span		{ background-image: url("../images/icon-account-logout.svg"); }

header .top-bar .user-account-bar a:hover span {
	border-top: 5px solid #ef4628;
	transition: .1s ease-out border-top-width, .1s ease-out background-color;
	background-color: white; }

header .content {
	background-color: white;
	padding: 20px 0px; }

header .content .in {
	padding-bottom: 0px; }

header .content .left {
	min-width: 110px;
	float: left; }

header .content .right {
	max-width: 970px;
	overflow: hidden;
	float: right;
	text-align: right;
	margin-left: 20px; }

header .content .right .ad {
	margin: 0px; }

header .content .logo {
	display: block;
	width: 100%;
	height: 46px;
	margin-top: 4px;
	background: url("../images/zam-logo.png") left bottom / contain no-repeat; }

.sticky-item {
	overflow: hidden; }

.sticky-item :last-child {
	margin-bottom: 0px; }

h1.search-result {
	border-top: 5px solid black;
	display: block;
	padding: 5px 0px 40px;
	font-family: "Museo 700", serif;
	font-size: 20px;
	line-height: 28px; }

.author-box {
	margin-bottom: 20px; }

.author-box .author-pic {
	height: 200px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 8px; }

.author-box .author-pic h3 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: rgba(0, 0, 0, .75);
	color: white;
	font-family: "Museo 700", serif;
	font-size: 20px;
	line-height: 28px;
	padding: 8px 12px; }

.author-box p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px !important; }


/* -------------------------------------------------------- */
/* Nav Menu ----------------------------------------------- */
/* -------------------------------------------------------- */

header.main-header {
	position: relative;
	z-index: 9999; }

header .main-navigation {
	background-color: #edeae8;
	box-shadow: 0px -1px 0px 0px #d7d7d2;
	z-index: 9999; }

header .main-navigation .in {
	padding-bottom: 0px; }

header .main-navigation-spacer {
	display: none; }

header .main-navigation-spacer.on {
	display: block; }

header.main-header > .main-navigation.stuck {
	position: fixed;
	box-shadow: 0px 1px 0px 0px #d7d7d2;
	top: 0px;
	width: 100%; }

header.main-header .main-navigation .logo {
	position: absolute;
	height: 100%;
	width: 75px;
	background: url("../images/zam-logo.png") -400% 50% / 75% no-repeat;
	opacity: 0;
	pointer-events: none; }

header .main-navigation.stuck .logo {
	background-position: left center;
	opacity: 1;
	pointer-events: all; }

header .mobile-nav .main-navigation.stuck .logo {
	display: none; }

header .main-navigation.stuck nav {
	margin-left: 80px; }

header nav {
	position: relative;
	z-index: 9998; }

header nav ul li {
	position: relative;
	display: block;
	float: left;
	clear: right;
	cursor: pointer; }

header .mobile-nav nav ul li {
	float: none; }

header nav ul li a {
	font-family: "Museo Sans 500", sans-serif;
	display: block;
	color: black;
	text-decoration: none;
	padding: 17px 16px;
	font-size: 16px;
	line-height: 16px; }

header nav ul li:first-child a {
	padding-left: 0px; }

header ul li.mobile-menu-button {
	display: none;
	font-size: 14px;
	line-height: 14px;
	cursor: pointer; }

header ul li.mobile-menu-button.active a::before {
	content: "Close "; }

header ul li.mobile-menu-button a {
	font-family: "Museo Sans 500", sans-serif;
	border-radius: 2px;
	margin: 10px 0px;
	padding: 8px 36px 8px 8px;
	box-shadow: 0px 1px 0px 0px #d8d6d1;
	background: white url("../images/icon-mobile-menu-button.svg") calc(100% - 8px) 50% / 12px no-repeat; }

header ul li.mobile-menu-button a:hover {
	color: black;
	background-color: #d8d6d1;
	box-shadow: 0px 1px 0px 0px #a6a296; }

header nav ul li.parent ul {
	position: absolute;
	background-color: #ecebe7;
	min-width: 180px;
	top: 100%;
	pointer-events: none;
	opacity: 0;
	margin-top: -10px;
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, .2); }

header nav ul li.parent:hover > ul {
	pointer-events: all;
	opacity: 1;
	margin-top: 0px}

header nav ul li ul li {
	display: block;
	float: none;
	clear: both;
	position: relative; }

header nav ul li ul li a, header nav ul li ul li:first-child a {
	display: block;
	float: none;
	padding: 8px 16px 6px 6px !important;
	text-transform: none;
	color: #666;
	font-size: 14px;
	line-height: 14px;
	border-left: 10px solid #d7d6d1;
	box-shadow: inset 0px 1px 0px #d7d6d1; }

header nav ul li ul li a:hover {
	background-color: white; }

header nav ul li.parent ul li ul {
	top: 0px;
	left: 100%;
	width: 100%; }

header nav ul li.parent > a {
	background: url("../images/arrow-black-down.svg") calc(100% - 16px) 50% / 8px no-repeat;
	padding-left: 16px;
	padding-right: 32px; }

header nav ul li ul li.parent > a {
	background: url("../images/arrow-black-right.svg") calc(100% - 16px) 50% / 4px no-repeat; }

header nav ul li.parent:hover {
	background-color: #d7d7d2; }

header nav ul li.parent:hover > a {
	color: black; }


/* -------------------------------------------------------- */
/* Search Box --------------------------------------------- */
/* -------------------------------------------------------- */

header .main-navigation .search {
	position: absolute;
	z-index: 9999;
	top: 0px;
	right: 40px;
	height: 100%;
	padding-left: 30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ecebe7+0,ecebe7+100&0+0,1+5,1+100 */
	background: -moz-linear-gradient(left,  rgba(236,235,231,0) 0%, rgba(236,235,231,1) 5%, rgba(236,235,231,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(236,235,231,0) 0%,rgba(236,235,231,1) 5%,rgba(236,235,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(236,235,231,0) 0%,rgba(236,235,231,1) 5%,rgba(236,235,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ecebe7', endColorstr='#ecebe7',GradientType=1 ); /* IE6-9 */ }

header .main-navigation .search .search-zam {
	font-size: 16px;
	line-height: 16px;
	font-family: "Museo Sans 100", sans-serif;
	border-radius: 3px;
	box-shadow: 0px 1px 0px #d8d6d1;
	background: white url("../images/icon-search.svg") calc(100% - 9px) 50% / 14px no-repeat;
	border: 0px;
	padding: 10px 8px 6px;
	margin-top: 7px;
	width: 16px;
	text-indent: -100px;
	cursor: pointer;
	overflow: hidden; }

header .main-navigation .search .search-zam:focus {
	width: 320px;
	text-indent: 0px;
	cursor: auto; }


/* -------------------------------------------------------- */
/* Dynamic Lead ------------------------------------------- */
/* -------------------------------------------------------- */

#dl {
	background-color: #edeae8; }

#dl .left {
	width: calc(100% - 340px);
	float: left; }

#dl .right {
	width: 300px;
	float: right; }

#dl .border-dl {
	background: url("../images/corner-dl.svg") top left / 90px 90px no-repeat;
	width: 90px;
	height: 90px;
	position: absolute;
	pointer-events: none;
	top: 0px;
	z-index: 9998; }

#dl #dl-window {
	overflow: hidden;
	box-shadow: inset 0px 1px 0px rgba(0, 0, 0, .25);
	height: 395px;
	border-bottom: 5px solid black; }

#dl #dl-window .owl-item {
	height: 100%;
	float: left; }

#dl #dl-window .item {
	display: block;
	position: relative;
	text-decoration: none;
	width: 100%;
	height: 395px;
	background-position: center top;
	background-size: cover; }

#dl #dl-window .item .overlay {
	width: 50%;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: rgba(0, 0, 0, .75); }

#dl #dl-window .item .overlay .text {
	padding: 20px; }

#dl #dl-window .item .overlay .text h1 {
	margin-bottom: 20px;
	font-family: "Museo 700", serif;
	font-size: 24px;
	line-height: 30px;
	text-shadow: 0px 1px 0px black; }

#dl #dl-window .item .overlay .text p {
	color: white;
	font-size: 14px;
	line-height: 20px; }

#dl #dl-links {
	height: 200px;
	overflow: hidden;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, .15); }

#dl #dl-links .owl-item {
	float: left; }

#dl #dl-links .owl-item.synced {
	display: none; }

#dl #dl-links a.dl-link {
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden; }

#dl #dl-links a.dl-link .bg {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 200px;
	filter: grayscale(100%);
	-webkit-filter: grayscale(1);
	background-position: center center;
	background-size: cover; }

#dl #dl-links a.dl-link .overlay {
	display: block;
	position: relative;
	height: 200px;
	text-shadow: 0px 1px 0px white;
	background: -moz-linear-gradient(top,  rgba(220,219,215,0.5) 0%, rgba(220,219,215,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(220,219,215,0.5) 0%,rgba(220,219,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(220,219,215,0.5) 0%,rgba(220,219,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6dcdbd7', endColorstr='#dcdbd7',GradientType=0 ); /* IE6-9 */ }

#dl #dl-links a.dl-link .overlay:hover {
	background-color: rgba(255, 255, 255, .35); }

#dl #dl-links a.dl-link .overlay .text {
	position: absolute;
	overflow: hidden;
	width: 100%;
	bottom: 10px; }

#dl #dl-links a.dl-link .overlay h1 {
	font-family: "Museo Sans 500", sans-serif;
	font-size: 18px;
	line-height: 24px;
	margin: 0px 10px;
	overflow: visible;
	text-overflow: none;
	white-space: normal;
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 6px;  }

#dl #dl-links a.dl-link .overlay p {
	font-size: 12px;
	line-height: 12px;
	margin: 0px 10px;
	white-space: pre;
	text-overflow: ellipsis;
	overflow: hidden; }


/* -------------------------------------------------------- */
/* Blogroll ----------------------------------------------- */
/* -------------------------------------------------------- */

#blogroll {
	padding: 40px 0px 0px;
	background-color: white;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, .15); }

#blogroll main {
	float: left;
	width: calc(100% - 380px); }

#blogroll article {
	margin-bottom: 40px; }

#blogroll article .article-image {
	position: relative;
	display: block;
	clear: both;
	border-bottom: 5px solid black;
	margin: 0px 20px 20px 0px;
	float: left;
	width: 285px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 24px 0px 0px 0px; }

#blogroll article .article-text {
	float: right;
	width: calc(100% - 305px); }

#blogroll article:nth-child(1), #blogroll article:nth-child(2) {
	width: calc(50% - 20px);
	margin-bottom: 60px; }

#blogroll article:nth-child(1) {
	float: left; }

#blogroll article:nth-child(2) {
	float: right; }

#blogroll article:nth-child(1) .article-image, #blogroll article:nth-child(2) .article-image {
	width: 100%;
	float: none;
	margin-right: 0px; }

#blogroll article:nth-child(1) .article-text, #blogroll article:nth-child(2) .article-text {
	width: 100%;
	float: none; }

#blogroll article .article-image img {
	width: 100%; }

.landing.search #blogroll article:nth-child(1), .landing.search #blogroll article:nth-child(2) {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 40px; }

#blogroll article .article-image .meta {
	position: absolute;
	font-family: "Museo Sans 500", sans-serif;
	color: white;
	font-size: 14px;
	line-height: 14px;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .5);
	bottom: 0px;
	right: 0px; }

#blogroll article .article-image .play-button {
	pointer-events: none; }

#blogroll article .article-image:hover .play-button {
	background-size: 20%; }

#blogroll article .article-image .meta .item {
	padding: 8px 10px;
	display: block;
	float: left;
	color: white;
	text-decoration: none;
	box-shadow: 0px -1px 0px rgba(0, 0, 0, .25); }

#blogroll article .article-image .meta .comments {
	padding-right: 32px;
	background: rgba(0, 0, 0, .75) url("../images/icon-comments.svg") calc(100% - 10px) 11px / 12px no-repeat; }

#blogroll article h2 {
	font-family: "Museo 700", serif;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 20px; }

#blogroll article h2 a {
	text-decoration: none; }

#blogroll article .stamp {
	position: relative;
	font-size: 12px;
	line-height: 12px;
	border-bottom: 1px solid #edebe8;
	margin-bottom: 8px;
	height: 16px; }

#blogroll article .stamp a {
	text-decoration: none; }

#blogroll article .stamp .timestamp {
	position: absolute;
	left: 0px; }

#blogroll article .stamp .via {
	position: absolute;
	right: 0px; }

#blogroll article p.blurb {
	color: #666766;
	font-size: 16px;
	line-height: 24px; }

#blogroll .ad.mobile-content {
	margin-bottom: 40px; }

#twitter-feed {
	margin-bottom: 40px; }

#twitter-feed ul li {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d8d7d2;
	font-size: 14px;
	line-height: 20px; }

#twitter-feed ul li:after {
	content: "";
	float: none;
	display: table;
	clear: both; }

#twitter-feed ul li > a {
	display: block; }

#twitter-feed ul li > a img {
	display: block;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left; }

#twitter-feed ul li a {
	font-family: "Museo Sans 500", sans-serif; }

#twitter-feed ul li a:hover {
	color: black; }

#twitter-feed ul li .tweets_txt {
	width: calc(100% - 62px);
	float: right; }

#twitter-feed ul li .tweets_txt span {
	display: inline;
	padding: 0px 8px;
	font-size: 12px;
	background-color: #d8d7d2;
	border-radius: 2px; }

/* -------------------------------------------------------- */
/* Article ------------------------------------------------ */
/* -------------------------------------------------------- */

.page.article {
	background-color: white; }

.page.article .article-wrapper {
	padding: 40px 0px; }

.page.article .article-banner {
	border-bottom: 5px solid transparent; }

.page.article .article-banner img {
	display: block;
	width: 100%;
	border-radius: 90px 0px 0px 0px; }

.page.article .article-body {
	position: relative;
	min-height: 600px; }

.page.article .article-body header {
	margin-bottom: 16px; }

.page.article .left h1, .page.account h1 {
	font-family: "Museo 700", serif;
	font-size: 36px;
	line-height: 48px;
	margin: 20px 0px;
	padding: 0px; }

.page.article .article-body .meta {
	width: 160px;
	float: left;
	clear: left;
	margin: 6px 20px 20px 0px; }

.page.article .article-body .meta .social-links a {
	display: block;
	float: left;
	margin-right: 10px;
	height: 20px;
	width: 20px;
	border-radius: 2px; }

.page.article .article-body .meta .social-links a:last-of-type {
	margin-right: 0px; }

.page.article .article-body .meta .social-links a.facebook {
	background: black url("../images/icon-social-facebook.svg") center center / 100% no-repeat; }

.page.article .article-body .meta .social-links a.twitter {
	background: black url("../images/icon-social-twitter.svg") center center / 100% no-repeat; }

.page.article .article-body .meta .social-links a.google-plus {
	background: black url("../images/icon-social-google-plus.svg") center center / 100% no-repeat; }

.page.article .article-body .meta-box {
	background-color: #EDEAE8;
	border-bottom: 1px solid #D7D7D2;
	text-align: center;
	margin-bottom: 10px; }

.page.article .article-body .tag-list {
	margin-bottom: 10px; }

.page.article .article-body .tag-list li {
	margin-left: 0px;
	list-style: none; }

.page.article .article-body .tag-list a {
	font-family: "Museo Sans 500", sans-serif;
	background: #edebe8 url("../images/icon-hashtag.svg") 6px 8px / 10px no-repeat;
	border-bottom: 1px solid #d8d6d1;
	margin-bottom: 1px;
	display: block;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6px 6px 5px 20px;
	font-size: 12px;
	line-height: 14px; }

.page.article .article-body .tag-list a.game {
	background-color: #d8d6d1;
	border-color: #c0bdb5; }

.page.article .article-body .meta-box .category {
	font-family: "Museo Sans 500", sans-serif;
	display: block;
	padding: 8px;
	background-color: #D7D7D2;
	text-decoration: none; }

.page.article .article-body .meta-box .author-box {
	padding: 8px;
	font-size: 14px;
	line-height: 24px; }

.page.article .article-body .meta-box .author-box span {
	display: block; }

.article-body description p {
	font-family: "Museo Sans 500", sans-serif;
	font-size: 20px;
	line-height: 28px; }

.article-body .left {
	min-height: 300px;
	width: calc(100% - 380px);
	float: left; }

.article-body .left .left-floater {
	width: 300px;
	float: left;
	clear: left;
	margin: 8px 20px 20px 0px; }

.article-body .left iframe {
	max-width: 100%; }

.article-body .left .no-floater {
	margin-left: 180px;
	clear: none; }

.article-body p, .article-body main > ul, .article-body main > ol, section.static .article-body ul, section.static .article-body ol {
	margin-left: 180px;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 16px; }

.article-body ul li ul, .article-body ul li ol, .article-body ol li ol, .article-body ol li ul {
	margin-left: 24px; }

.article-body ul li, .page.article .article-body ol li, section.static .article-body ul li, section.static .article-body ol li {
	font-family: "Museo Sans 500", sans-serif;
	list-style: disc;
	margin-left: 16px; }

.article-body main ol li, section.static .article-body ol li {
	font-family: "Museo Sans 100", sans-serif;
	list-style: decimal; }

.article-body main ol li, section.static .article-body ol li {
	margin-bottom: 8px; }

.article-body main ol li:last-of-type, section.static .article-body ol li:last-of-type {
	margin-bottom: 0px; }

.article-body p a {
	font-family: "Museo Sans 500", sans-serif; }

.article-body p.pull-quote {
	font-family: "Museo 700", serif;
	font-size: 20px;
	line-height: 28px;
	color: black;
	border-top: 5px solid black;
	padding-top: 12px;
	margin-left: 0px; }

.article-body p.pull-quote.left-floater {
	color: #f3432b;
	border-color: #f3432b; }

.article-body p.article-image {
	background-color: #d8d6d1;
	border-radius: 90px 0px 0px 0px;
	position: relative;
	margin: 24px 0px;
	clear: left; }

.article-body p.article-image.left-floater img {
	border-radius: 0px; }

.article-body p.article-image .caption {
	display: block;
	min-height: 62px; }

.article-body p.article-image a.zoom {
	font-family: "Museo Sans 500", sans-serif;
	background-image: url("../images/icon-zoom.svg");
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: 8px 50%;
	border-radius: 2px;
	display: block;
	color: white;
	margin: 16px 16px 8px;
	float: left;
	min-width: 70px;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
	text-align: right;
	text-transform: uppercase;
	padding: 8px; }

.article-body p.article-image a.zoom::before {
	content: "zoom"; }

.article-body p.article-image.left-floater a.zoom {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 10px;
	padding: 15px;
	min-width: 0px; }

.article-body p.article-image.left-floater a.zoom::before {
	content: ""; }

.article-body .left h2, .article-body .left h3, .article-body .left h4, .article-body .left h5, .article-body .left h6 {
	font-family: "Museo 700", sans-serif;
	font-size: 24px;
	line-height: 36px;
	margin: 24px 0px 8px 180px; }

.article-body strong, .article-body b {
	font-family: "Museo Sans 500", sans-serif; }

.article-body em, .article-body i {
	font-style: italic; }

.article-body p.article-image .caption span {
	display: block;
	font-size: 14px;
	line-height: 20px;
	padding: 14px; }

.article-body p.article-image.left-floater .caption {
	min-height: 0px; }

.article-body p.article-image.left-floater .caption span {
	margin: 0px;
	padding: 12px 16px; }

.article-body p.article-image img {
	display: block;
	max-width: 100%;
	border-radius: 90px 0px 0px 0px; }

.article-body p.article-image img {
	width: 100%;
	max-width: unset; }

.article-body :last-child {
	margin-bottom: 0px; }

.article-body .left :last-child {
	margin-bottom: 0px; }

.article-body main {
	margin-bottom: 40px; }

.comments-block {
	min-height: 335px;
	border-top: 1px solid #D7D7D2;
	padding-top: 40px; }

.article-banner {
	position: relative; }

.page.article .article-body p.video-embed, .article-banner .banner-video {
	position: relative; }

.play-button {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: url("../images/icon-play-button.svg") center center / 15% no-repeat;
	cursor: pointer; }

.play-button:hover {
	background-size: 20%; }

.page.article .play-button {
	background-size: 75px; }

.page.article .play-button:hover {
	background-size: 100px; }

.page.article .article-body p.video-embed img, .article-banner .banner-video img {
	display: block;
	width: 100%; }

.page.article .article-body p.video-embed iframe, .article-banner .banner-video iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%; }

.page.article .article-body .left hr {
	border: none;
	height: 1px;
	background-color: #D8D6D1;
	margin-bottom: 16px; }

section.static .article-body p, section.static .article-body ul, section.static .article-body ol, section.static .article-body .left h2, section.static .article-body .left h3, section.static .article-body .left h4, section.static .article-body .left h5, section.static .article-body .left h6 {
	margin-left: 0px; }

/* -------------------------------------------------------- */
/* Related Reading ---------------------------------------- */
/* -------------------------------------------------------- */

.related-reading {
	margin-bottom: 20px; }

.side-rail h3, .related-reading h3 {
	border-top: 5px solid black;
	font-family: "Museo 700", serif;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	padding: 8px 0px 24px; }

.related-reading table img {
	display: block;
	width: 100px; }

.related-reading table {
	width: 100%; }

.related-reading table tr {
	display: block;
	padding: 0px 0px 16px;
	margin: 0px 0px 16px;
	border-bottom: 1px solid rgba(0, 0, 0, .15); }

.related-reading table td {
	padding: 0px;
	margin: 0px;
	vertical-align: top; }

.related-reading table tr:first-of-type td {
	display: block; }

.related-reading table tr:first-of-type td img {
	width: 100%;
	padding-bottom: 8px; }

.page.article .article-body .related-reading h2, .related-reading h2 {
	margin: 0px 0px 0px 16px;
	padding: 0px;
	font-family: "Museo Sans 500", sans-serif;
	font-size: 14px;
	line-height: 20px; }

.page.article .article-body .related-reading tr:first-of-type h2, .related-reading tr:first-of-type h2 {
	font-size: 16px;
	line-height: 24px;
	margin: 0px; }

.page.article .article-body .related-reading h2 a, .related-reading h2 a {
	text-decoration: none; }

.related-reading tr:last-of-type {
	padding: 0px;
	border: none; }

.related-reading tr:last-of-type td {
	display: block;
	text-align: center;
	width: 100%; }

.related-reading .button {
	margin: 0 auto; }

/* -------------------------------------------------------- */
/* Footer ------------------------------------------------- */
/* -------------------------------------------------------- */

.content-footer {
	background-color: #D7D7D2;
	padding: 20px 0px; }

.content-footer > :last-of-type {
	margin: 0px; }

footer#main-footer {
	background-color: #EDEAE8;
	position: relative;
	padding: 20px 0px;
	border-top: 1px solid rgba(0, 0, 0, .1); }

footer#main-footer .right {
	position: absolute;
	right: 40px;
	min-height: 100%;
	padding-left: 20px;
	width: 199px;
	float: right;
	border-left: 1px solid #d8d6d1; }

footer#main-footer .left {
	width: calc(100% - 260px);
	float: left; }

footer#main-footer .column {
	width: calc(25% - 16px);
	margin-right: 20px;
	float: left;
	border-left: 1px solid #d8d6d1; }

footer#main-footer .column:last-of-type {
	margin-right: 0px; }

footer#main-footer .column h4 {
	font-family: "Museo Sans 500", sans-serif;
	margin-bottom: 8px;
	padding-left: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #d8d6d1; }

footer#main-footer .column a {
	font-size: 14px;
	line-height: 24px;
	padding-left: 10px;
	text-decoration: none;
	color: rgba(0, 0, 0, .65); }

footer#main-footer .right .footer-box {
	position: relative;
	height: 100%; }

footer#main-footer .right .footer-box .logo {
	display: block;
	height: 50px;
	margin-bottom: 20px;
	background: url("../images/zam-logo.png") top center / contain no-repeat; }

footer#main-footer .social-links {
	margin-top: 20px; }

footer#main-footer .social-links a {
	display: block;
	float: left;
	margin-right: 10px;
	width: calc((100% - 40px) / 5);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: black;
	border-radius: 2px; }

footer#main-footer .social-links a:last-of-type {
	margin-right: 0px; }

footer#main-footer .social-links a.facebook { background-image: url("../images/icon-social-facebook.svg"); }
footer#main-footer .social-links a.twitter { background-image: url("../images/icon-social-twitter.svg"); }
footer#main-footer .social-links a.youtube { background-image: url("../images/icon-social-youtube.svg"); }
footer#main-footer .social-links a.twitch { background-image: url("../images/icon-social-twitch.svg"); }
footer#main-footer .social-links a.rss { background-image: url("../images/icon-social-rss.svg"); }

footer#main-footer .social-links a img {
	display: block;
	width: 100%;
	pointer-events: none; }

/* -------------------------------------------------------- */
/* Review Box --------------------------------------------- */
/* -------------------------------------------------------- */

.review-box {
	background-color: #edebe8;
	border-radius: 50px 0px 0px 0px;
	overflow: hidden;
	position: relative;
	margin-bottom: 40px; }

.review-box-content {
	margin-left: 110px; }

.review-box .thumb-icon {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 85px;
	height: 85px;
	border-radius: 100%;
	box-shadow: 0px 1px 0px 1px #d8d6d1; }

.review-box.up .thumb-icon {
	background: white url("../images/icon-thumbs-up.svg") 50% 20px / 40px no-repeat; }

.review-box.down .thumb-icon {
	background: white url("../images/icon-thumbs-down.svg") 50% 24px / 40px no-repeat; }

.review-box-top {
	background-color: #d8d6d1;
	padding: 17px 20px 17px 110px;
	font-family: "Museo Sans 500", sans-serif;
	text-transform: uppercase;
	min-height: 16px;
	font-size: 16px;
	line-height: 16px; }

.review-box-top .thumb-score {
	display: block;
	float: left;
	margin-right: 20px; }

.review-box-top .review-tag {
	display: block;
	text-align: right;
	color: #f3432b;
	overflow: hidden;
	white-space: pre;
	text-overflow: ellipsis;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, .5); }

.review-box-top .review-tag .game-tag {
	color: black; }

.review-box-left {
	float: left;
	width: calc(40% - 25px);
	padding: 16px 24px 16px 0px;
	box-shadow: 1px 0px 0px 0px #d8d6d1; }

.page.article .article-body .review-box-left p {
	font-size: 14px;
	line-height: 24px;
	margin: 0px 0px 16px; }

.page.article .article-body .review-box-left p:last-of-type {
	margin-bottom: 0px; }

.review-box-right {
	float: right;
	width: 60%;
	box-shadow: -1px 0px 0px 0px #d8d6d1; }

.review-box-right ul {
	padding: 16px; }

.review-box-right ul:first-of-type {
	border-bottom: 1px solid #d8d6d1; }

.review-box-right ul:last-of-type {}

.review-box-right ul li {
	font-family: "Museo Sans 500", sans-serif;
	font-size: 16px;
	line-height: 16px;
	padding-left: 24px;
	margin-bottom: 16px; }

.review-box-right ul.pros li {
	background: url("../images/icon-review-plus.svg") 0px 0px / 16px no-repeat; }

.review-box-right ul.cons li {
	background: url("../images/icon-review-minus.svg") 0px 0px / 16px no-repeat; }

.review-box-right ul li:last-of-type {
	margin-bottom: 0px; }

/* -------------------------------------------------------- */
/* TAKEOVER SKIN ------------------------------------------ */
/* -------------------------------------------------------- */

body.takeover {
	background-position: 50% 0px;
	background-size: auto;
	background-repeat: no-repeat; 
	cursor: pointer ;}

body.takeover.bg-fixed {
	background-attachment: fixed;
	background-position: 50% -270px; }

.takeover .page {
	max-width: 1008px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .15);
	margin: 20px auto 40px; }

.ad.takeover {
	display: none;
	padding-top: 20px; }

.takeover .ad.takeover {
	display: block; }

.takeover .page #dl, .takeover .page #blogroll {
	padding-top: 20px; }

.takeover .page .in {
	padding: 0px 20px 20px; }

.takeover .page.article .article-wrapper {
	padding: 20px 0px; }

.takeover .page .side-rail {
	right: 20px; }

.takeover .page .article-body .left {
	width: calc(100% - 360px); }

/* -------------------------------------------------------- */
/* MISC --------------------------------------------------- */
/* -------------------------------------------------------- */

.cookie-consent {
	background: #ef4628;
	width: 100%;
	color: white;
	position: fixed;
	z-index: 9999;
	pointer-events: none;
	bottom: -100%;
	transition: 1s ease bottom; }

.cookie-consent.open {
	bottom: 0px;
	pointer-events: all; }

.cookie-consent .in {
	padding-top: 16px;
	padding-bottom: 16px; }

.cookie-consent p {
	font-size: 12px;
	line-height: 16px; }

.cookie-consent p a {
	color: white;
	font-family: "Museo Sans 500", sans-serif; }

.cookie-consent p a:hover {
	color: white; }

.cookie-consent form {
	background: rgba(0, 0, 0, .25);
	padding: 6px 12px;
	border-radius: 2px;
	margin-bottom: 16px;
	float: right;
	margin-left: 24px;
	font-family: "Museo Sans 500", sans-serif; }

/* -------------------------------------------------------- */
/* Accounts ----------------------------------------------- */
/* -------------------------------------------------------- */

.page.account {
	background-color: #d7d7d2;
	padding: 48px 0px; }

.page.account .in > div {
	max-width: 640px;
	margin: 0px auto; }

.page.account fieldset.wrapper {
	background: rgba(255, 255, 255, .25);
	box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, .5);
	padding: 21px; }

.page.account fieldset {
	margin-bottom: 21px; }

.page.account fieldset.wrapper fieldset:last-of-type {
	margin-bottom: 0px; }

.page.account label {
	font-family: "Museo Sans 500", sans-serif;
	display: block;
	margin-bottom: 7px; }

.page.account input[type=text], .page.account input[type=password] {
	font-family: "Museo Sans 100", sans-serif;
	font-size: 14px;
	line-height: 14px;
	border: none;
	outline: none;
	padding: 7px;
	border-radius: 2px;
	display: block;
	width: calc(100% - 14px);
	box-shadow: 0px 1px 0px rgba(0, 0, 0, .15); }

.page.account input[type=submit] {
	font-family: "Museo Sans 100", sans-serif;
	background-color: #ef4628;
	color: white;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .25);
	font-size: 14px;
	line-height: 14px;
	border: none;
	outline: none;
	padding: 7px 14px;
	border-radius: 2px;
	cursor: pointer; }

.page.account input[readonly=true] {
	color: rgba(0, 0, 0, .5);
	background: rgba(255, 255, 255, .25); }

.page.account input[type=text]:focus, .page.account input[type=password]:focus, .page.account input[type=submit]:focus {
	box-shadow: 0px 0px 0px 1px #ef4628; }

.page.account legend {
	display: none; }

.page.account .no-show {
	display: none; }

.page.account .required {
	font-family: "Museo Sans 100", sans-serif;
	opacity: .5; }

.page.account .flag {
	display: none;
	position: relative;
	padding: 7px 14px;
	margin-bottom: 14px;
	border-radius: 2px;
	box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .5);
	border: 2px solid transparent; }

.page.account .flag.show {
	display: block; }

.page.account .flag .close-flag {
	cursor: pointer;
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	top: -10px;
	right: -10px;
	border-radius: 100%;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .25); }

.page.account .flag .close-flag .icon {
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 100%;
	background: rgba(255, 255, 255, .5) url("../images/icon-close-block.svg") center center / 10px no-repeat; }

.page.account .flag.success, .page.account .flag.success .close-flag {
	background: #87c471; }

.page.account .flag.fail, .page.account .flag.fail .close-flag {
	background: #c57272; }

.page.account .flag p {
	font-family: "Museo Sans 100", sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 14px;
	color: white;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .25);
	line-height: 1.5em; }

.page.account .flag p a {
	font-family: "Museo Sans 500", sans-serif;
	color: white; }

.page.account .flag p:last-of-type {
	margin: 0px; }

/* -------------------------------------------------------- */
/* RESPONSIVE --------------------------------------------- */
/* -------------------------------------------------------- */

@media (max-width : 1224px) {

	.in {
		padding: 0px 20px 20px; }

	.page.article .article-body .left {
		width: calc(100% - 360px); }

	#blogroll main {
		width: calc(100% - 360px); }

	.page.article .article-wrapper {
		padding: 20px 0px; }

	header .main-navigation .search {
		right: 20px; }

	.side-rail {
		right: 20px;
		height: calc(100% - 60px); }

}

@media (max-width : 1008px) {

	header .top-bar .user-account-bar {
		display: block;
		text-align: center;
		float: none; }

	header .content .right {
		float: none;
		clear: both;
		text-align: center;
		padding-bottom: 20px;
		margin: 0 auto 20px;
		border-bottom: 1px solid #edebe8;
		max-width: none; }

	header .content .left {
		width: auto;
		float: none;
		clear: both; }

	header .content .left .tagline {
		float: right;
		text-align: right; }

	header .content .logo {
		margin-top: 0px; }

	.page.article .article-body .left .left-floater, .article-body .left .no-floater {
		width: auto;
		margin-right: 0px;
		float: none;
		clear: both; }

	.page.article .article-body p, .page.article .article-body h2, .page.article .article-body h3, .page.article .article-body p, .page.article .article-body main ul, .page.article .article-body main ol {
		margin-left: 0px; }

	.review-box-left, .review-box-right {
		width: auto;
		float: none;
		clear: both;
		box-shadow: none; }

	.review-box-right {
		padding-bottom: 16px; }

	.review-box-right ul, .review-box-right ul:first-of-type {
		padding-left: 0px;
		border-bottom: none;
		border-top: 1px solid #D8D6D1; }

	footer#main-footer .column {
		width: calc(50% - 10px);
		margin-bottom: 40px;
		margin-right: 0px;
		clear: none; }

	footer#main-footer .column:nth-child(odd) {
		float: left;
		clear: left; }

	footer#main-footer .column:nth-child(even) {
		float: right; }

	footer#main-footer .column:nth-child(3), footer#main-footer .column:nth-child(4) {
		min-height: 120px !important;
		margin-bottom: 0px; }

	#blogroll article, #blogroll article:nth-child(1), #blogroll article:nth-child(2) {
		width: 100%; }

	#blogroll article .article-image, #blogroll article .article-text {
		width: 100%;
		float: none;
		clear: both; }

	header nav ul li a {
		padding: 17px 12px; }

	header nav ul li.parent:last-child ul {
		right: 0px;
		box-shadow: -1px 1px 0px 0px rgba(0, 0, 0, .2) }

	header nav ul li.parent:last-child ul li a, header nav ul li.parent:last-child ul li:first-child a {
		border-left: 0px;
		border-right: 10px solid #D7D7D2; }

	.page.takeover {
		margin: 0px auto; }

}

@media (max-width : 767px) {

	header .content .left {
		max-width: unset; }

	.takeover {
		background: #EDEAE8 !important; }

	.takeover .page {
		margin: 0px auto; }

	.page.article .article-body .left, .article-body .left {
		width: 100%;
		float: none;
		clear: both; }

	#blogroll main {
		width: auto;
		float: none;
		clear: both; }

	.side-rail {
		display: none; }

	.tag-list.desktop-content {
		display: none; }

	.mobile-content {
		display: block; }

	.page.article .article-body p, .page.article .article-body h2, .page.article .article-body h3, .page.article .article-body p, .page.article .article-body main ul, .page.article .article-body main ol {
		margin: 0px 0px 16px; }

	.ad.wide, .takeover .ad.takeover, header .content .right {
		display: none; }

	header.main-header .main-navigation .search {
		background: none;
		position: static;
		display: block;
		margin: 0px;
		padding: 0px 0px 10px; }

	header .main-navigation .search .search-zam, header .main-navigation .search .search-zam:focus {
		width: calc(100% - 16px);
		text-indent: 0px; }

	header .main-navigation.stuck nav {
		margin-left: 0px; }

	header.main-header .main-navigation .logo {
		background-position: left center;
		height: 50px; }

	.page.article .article-wrapper {
		padding-top: 20px;
		text-indent: 0px; }

	header nav ul li {
		display: block;
		float: right; }

	header ul li.mobile-menu-button, header ul li {
		display: block;
		width: 100%; }

	header ul li.mobile-menu-button a {
		display: inline-block;
		float: right; }

	header nav ul li a, header nav > ul li:first-of-type a, header nav ul li:last-of-type a {
		font-size: 14px;
		line-height: 14px;
		padding: 8px 0px;
		text-align: left;
		border: none;
		border-top: 1px solid #d8d6d1; }

	header nav ul li ul li a, header nav ul li ul li:first-child a {
		padding: 8px 0px 8px 16px !important;
		box-shadow: none;
		border: none !important; }

	header nav ul li.parent, header nav ul li.parent:hover {
		display: block;
		background: none;
		cursor: pointer; }

	header nav ul li.parent a {
		cursor: pointer; }

	header nav ul li.parent ul, header nav ul li.parent.active ul {
		display: none;
		position: static;
		margin: 0px;
		opacity: 1;
		pointer-events: all;
		box-shadow: none;
		min-width: unset; }

	header nav ul li.parent.active ul {
		display: block; }

	header nav, header.main-header .main-navigation .search {
		position: relative;
		opacity: 0;
		pointer-events: none;
		height: 0px;
		overflow: hidden;
		margin-top: -10px; }

	header nav.active, header.main-header .main-navigation .search.active {
		opacity: 1;
		height: auto;
		overflow: visible;
		pointer-events: all;
		margin-top: 0px;
		right: 0px; }

	#dl #dl-window .item .overlay .text p {
		display: none; }

	#dl #dl-window .item .overlay {
		width: 100%; }

	#dl #dl-window .item .overlay .text h1 {
		margin-bottom: 0px;
		font-size: 20px;
		line-height: 26px; }

	#dl #dl-links {
		display: none !important; }

	#dl .explain {
		display: none;
		position: absolute;
		top: 10px;
		right: 10px;
		border-radius: 2px;
		float: right;
		font-family: "Museo Sans 500", sans-serif;
		font-size: 14px;
		text-align: center;
		padding: 8px 12px 8px 36px;
		background: rgba(0, 0, 0, .75) url("../images/icon-swipe.svg") 12px 50% / 16px no-repeat;
		color: white; }

	#dl .owl-item:first-of-type .explain {
		display: inline-block; }
}

@media (max-width : 640px) {

	.page.article .article-body p, .page.article .article-body h2, .page.article .article-body h3, .page.article .article-body p, .page.article .article-body main ul, .page.article .article-body main ol {
		margin-left: 0px; }

	.page.article h1 {
		font-size: 28px;
		line-height: 32px; }

	footer#main-footer .right, footer#main-footer .left {
		position: static;
		width: 100%;
		float: none;
		clear: both; }

	footer#main-footer .right {
		border: none;
		padding: 0px;
		margin-bottom: 20px; }

	footer#main-footer .column, footer#main-footer .column:nth-child(odd), footer#main-footer .column:nth-child(even) {
		width: auto;
		float: none;
		clear: both;
		margin: 0px;
		border: none;
		padding: 20px 0px;
		min-height: 0px !important; }

	.page.article .article-body .meta .social-links a {
		width: calc((100% - 20px) / 3);
		height: 30px;
		background-size: contain !important; }

	footer#main-footer .column h4, footer#main-footer .column a {
		padding-left: 0px; }

}

@media (max-width : 414px) {

	.page.article .article-body .meta {
		width: auto;
		margin-right: 0px;
		float: none;
		clear: both; }

	.review-box .thumb-icon {
		position: static;
		margin: 20px auto; }

	.review-box-top {
		padding: 17px 20px; }

	.review-box-top .thumb-score, .review-box-top .review-tag {
		line-height: 18px;
		display: block;
		text-align: center;
		float: none;
		clear: both;
		margin: 0 auto; }

	.review-box-top .thumb-score {
		padding-bottom: 12px;
		margin-bottom: 12px;
		border-bottom: 1px solid #edebe8; }

	.review-box-top .game-tag {
		text-align: center;
		overflow: visible;
		white-space: normal;
		text-overflow: clip; }

	.review-box-content {
		margin-left: 0px; }

	.review-box-left {
		padding: 16px 20px; }

	.review-box-right ul, .review-box-right ul, .review-box-right ul:first-of-type {
		padding: 16px 20px; }

}

@media (max-width : 320px) {

	.in {
		padding: 0px 10px 10px; }

}