.u-textLightPurple {
	color: #bc22c7
}
.u-textDarkPurple {
	color: #5c1096
}
.u-textLightBlue {
	color: #456eb8
}
.u-textDarkBlue {
	color: #233a6e
}
.u-textLightBrown {
	color: #d7bb93
}
.u-textMediumBrown {
	color: #725a37
}
.u-textDarkBrown {
	color: #170d02
}
.u-textOrange {
	color: #f16b3f
}
.u-textRed {
	color: #e22c14
}
.u-textYellow {
	color: #fcd144
}
.u-textWhite {
	color: #fff
}
.u-textBlack {
	color: #000
}

.u-platformAndroidOnly, .u-platformIos .u-platformEvergreenOnly, .u-platformIosOnly {
	display: none
}
.u-platformIos .u-platformIosOnly {
	display: initial
}
.u-platformAndroid .u-platformEvergreenOnly {
	display: none
}
.u-platformAndroid .u-platformAndroidOnly {
	display: initial
}
.TabLabels {
	min-height: 50px;
	padding-top: 10px;
	box-shadow: inset 0 -3px 0 #d6c297;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.Tab {
	text-align: center;
	margin-right: 2%;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}
.Tab a {
	font-size: 16px;
	color: #978058
}
.Tab a:active, .Tab a:hover, .Tab a:link, .Tab a:visited {
	text-decoration: none
}
.Tab--active {
	border-bottom: solid #3f5372
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display: none
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body, html {
	height: auto
}
body {
	margin: 0
}
a {
	background: transparent
}
a:active, a:focus, a:hover {
	outline: 0
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
hr {
	box-sizing: content-box;
	height: 0
}
mark {
	background: #ff0;
	color: #000
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em
}
pre {
	white-space: pre-wrap
}
q {
	quotes: "“" "”" "‘" "’"
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}
button, input {
	line-height: normal
}
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.pagination ul {
	display: inline-block;
	margin-left: 0;
	margin-bottom: 0
}
.pagination ul>li {
	padding-left: 0;
	display: block;
	float: left
}
.pagination ul>li>a, .pagination ul>li>span {
	display: block;
	text-align: center
}
.pagination ul>li>a:active {
	outline: 0
}
.pagination-group {
	overflow: hidden
}
.pagination-group .pagination-left {
	float: left
}
.pagination-group .pagination-right {
	float: right
}
.pagination-group .pagination-right-absolute {
	position: absolute;
	right: 0
}
.pagination-left {
	text-align: right
}
.pagination-centered {
	text-align: center
}
.pagination-right {
	text-align: right
}
.pagination-inline {
	display: inline-block;
	vertical-align: middle
}
.pagination select.view-per-page {
	float: left;
	margin: 0 6px 0 0
}

.explore-nav-is-out .hack-stock-android-overflow {
	overflow: hidden
}
body>iframe[width="0"][height="0"], body>object[width="1"][height="1"] {
	display: block
}
.tracking-pixel {
	position: fixed;
	left: -9999px
}
.bracket .PageDivider, .global-games .PageDivider {
	width: 100%;
	height: 96px;
	position: relative;
	background-image: url(images/pageDividers-6a055a205e1dc8105f005c53b2c1b03be1dbc9ba81efe436fe6df4750e60134037d1d984d09936aafaee9cf1f1e6ae98218f53b1825c09e822f8888a91422a19.png);
	background-position: center -2px
}
.bracket .PageDivider--top, .global-games .PageDivider--top {
	height: 96px;
	margin-bottom: -48px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.bracket .PageDivider--top.is-folded, .global-games .PageDivider--top.is-folded {
	width: calc(100% - 95px);
	margin-left: 20px
}
.bracket .PageDivider--top.is-folded:after, .bracket .PageDivider--top.is-folded:before, .global-games .PageDivider--top.is-folded:after, .global-games .PageDivider--top.is-folded:before {
	content: "";
	top: 0;
	height: 100%;
	position: absolute;
	background-image: url(images/pageDividers-6a055a205e1dc8105f005c53b2c1b03be1dbc9ba81efe436fe6df4750e60134037d1d984d09936aafaee9cf1f1e6ae98218f53b1825c09e822f8888a91422a19.png)
}
.bracket .PageDivider--top.is-folded:before, .global-games .PageDivider--top.is-folded:before {
	left: -20px;
	width: 60px;
	background-position: left -106px
}
.bracket .PageDivider--top.is-folded:after, .global-games .PageDivider--top.is-folded:after {
	right: -75px;
	width: 120px;
	background-position: right -106px
}
.bracket .PageDivider--bottom, .global-games .PageDivider--bottom {
	height: 76px;
	margin-top: -32px;
	-webkit-transform: rotate(180deg) translateY(-50%);
	-ms-transform: rotate(180deg) translateY(-50%);
	transform: rotate(180deg) translateY(-50%);
	z-index: 1
}
.bracket .PageDivider--bottom.is-folded, .global-games .PageDivider--bottom.is-folded {
	width: calc(100% - 20px);
	margin-left: 20px
}
.bracket .PageDivider--bottom.is-folded:before, .global-games .PageDivider--bottom.is-folded:before {
	content: "";
	top: 0;
	height: 100%;
	position: absolute;
	right: -20px;
	width: 60px;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	background-image: url(images/pageDividers-6a055a205e1dc8105f005c53b2c1b03be1dbc9ba81efe436fe6df4750e60134037d1d984d09936aafaee9cf1f1e6ae98218f53b1825c09e822f8888a91422a19.png);
	background-position: left -106px
}
* {
	box-sizing: border-box
}
body {
	background-color: #f1d6a9;
	font: 13px/1.5 Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	min-width: 0
}
@media only screen and (min-width:60em) {
	body {
		background: #071122 url(images/page-bg-ab0055383dd40d394c75cee29b071b69b68ddb5158835a7661106a072e36cec820d1de54ce508ea507cfee8da78a93f26378fe8758669f60baac8d4fe13356ed.gif) 50% 0 repeat-y;
		background-size: auto
	}
}
.wrapper {
	overflow-x: hidden;
	min-height: 100%
}
hr {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/knight/content-separator2.png) 50% no-repeat;
	border: none;
	height: 8px;
	width: 100%
}
.main-container {
	position: relative;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease;
	overflow: hidden
}
.mobile-nav-is-out .main-container {
	-webkit-transform: translate(70%);
	-ms-transform: translate(70%);
	transform: translate(70%)
}
@media only screen and (min-width:60em) {
	.mobile-nav-is-out .main-container {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.explore-nav-is-out .main-container {
	-webkit-transform: translate(-70%);
	-ms-transform: translate(-70%);
	transform: translate(-70%)
}
@media only screen and (min-width:60em) {
	.explore-nav-is-out .main-container {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
@media only screen and (min-width:60em) {
	.main-container .nav-client .nav-mobile-menu-wrap {
		display: none
	}
}
.main-container .nav-client .nav-mobile-menu-wrap.right {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%)
}
.main-container .nav-client .nav-mobile-menu-wrap.left {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%)
}
.main-container .nav-client .nav-mobile-menu-wrap.left .nav-remove-icon {
	background-size: auto
}
.main-container .nav-client .nav-mobile-menu-wrap.out {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0)
}
a {
	color: #e22c14;
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
img, picture, video {
	max-width: 100%
}
.grid-container {
	padding: 0
}
.announcement-bar .announcement-bar-inner {
	max-width: 995px;
	width: 100%
}
.full-width {
	width: 100%
}
.grid-50 {
	width: 50%;
	display: inline-block
}
@media only screen and (min-width:40em) {
	.grid-20--sm {
		float: left;
		width: 20%
	}
	.grid-25--sm {
		float: left;
		width: 25%
	}
	.grid-33--sm {
		float: left;
		width: 33.33%
	}
	.grid-50--sm {
		width: 50%;
		display: inline-block
	}
}
@media only screen and (min-width:60em) {
	.grid-25--md {
		float: left;
		width: 25%
	}
	.grid-33--md {
		float: left;
		width: 33.33%
	}
	.grid-40--md {
		width: 40%;
		float: left
	}
	.grid-50--md {
		width: 50%;
		float: left
	}
	.grid-60--md {
		width: 60%;
		float: left
	}
	.grid-66--md {
		width: 66.66%;
		float: left
	}
	.grid-75--md {
		width: 75%;
		float: left
	}
}
.dark-link {
	color: #000
}
.dark-link:hover {
	color: #e22c14
}
@media only screen and (min-width:40em) {
	.hide--sm, .hide-video--sm {
		display: none
	}
}
.is-fullscreen .hide-video--sm {
	display: block !important
}
.show--xs {
	display: none
}
@media only screen and (min-width:30em) {
	.show--xs {
		display: inline-block
	}
}
.show--sm {
	display: none
}
@media only screen and (min-width:40em) {
	.show--sm {
		display: inline-block
	}
}
.show--md {
	display: none
}
@media only screen and (min-width:60em) {
	.show--md {
		display: inline-block
	}
}
@media only screen and (min-width:60em) {
	.hide--md {
		display: none
	}
}
.show--lg {
	display: none
}
@media only screen and (min-width:72.5em) {
	.show--lg {
		display: block
	}
}
@media only screen and (min-width:72.5em) {
	.hide--lg {
		display: none
	}
}
@media only screen and (min-width:40em) {
	.pull-left--sm {
		float: left
	}
	.pull-right--sm {
		float: right
	}
}
.gradient-border {
	background-image: linear-gradient(180deg, #622f15, #a4630d);
	padding: 2px
}
@media only screen and (min-width:60em) {
	.pull-left--md {
		float: left
	}
	.pull-right--md {
		float: right
	}
}
.sixteen-nine {
	position: relative;
	padding-top: 56.25%
}
.sixteen-nine__media {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
@media only screen and (min-width:60em) {
	.sixteen-nine--media {
		padding-top: 51.5%
	}
}
.align-center {
	text-align: center
}
@media only screen and (min-width:40em) {
	.align-center--sm {
		text-align: center
	}
}
.oh {
	overflow: hidden
}
.invisible {
	visibility: hidden !important
}
.footnote {
	font-style: italic;
	font-size: 80%
}
.unstyled-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: none;
	padding: 0;
	margin: 0
}
.extendLeft {
	padding-left: 720px;
	margin-left: -720px
}
.extendFull, .extendRight {
	padding-right: 720px;
	margin-right: -720px
}
.extendFull {
	padding-left: 720px;
	margin-left: -720px
}
@media only screen and (min-width:60em) {
	.extendFull--md {
		padding-left: 720px;
		margin-left: -720px;
		padding-right: 720px;
		margin-right: -720px
	}
}
.content-container, .content-container--fsg-event-options {
	margin: auto;
	padding: 0 16px;
	padding: 0 1rem;
	max-width: 1304px;
	max-width: 81.5rem
}
@media only screen and (max-width:39.99em) {
	.content-container, .content-container--fsg-event-options {
		padding: 0
	}
}
@media only screen and (min-width:60em) {
	.content-container, .content-container--fsg-event-options {
		padding: 0 80px;
		padding: 0 5rem
	}
}
.blog-article .page-body, .esports .page-body, .expansions .page-body {
	background: transparent url(images/subpage-body-bg-cedb8571126e7b165d35239b92bcf58c8ae30e6059c88ef8443da1b9d27c4911a762ffeab2ed143d33d00f676c11f77dad1ae864972862007102ad4fa368df08.png) 50% 0 no-repeat;
	padding-top: 32px;
	padding-top: 2rem
}
.fluidPage {
	padding-top: 0
}
.fluidPage .expansion-header {
	margin-top: 0
}
@media only screen and (min-width:40em) {
	.fluidPage .expansion-header {
		padding-top: 85px
	}
}
@media only screen and (min-width:72.5em) {
	.fluidPage .expansion-header {
		padding-top: 125px
	}
}
.content-wrapper {
	padding: 0 16px;
	padding: 0 1rem
}
.visually-hidden {
	position: absolute;
	visibility: hidden
}
.clearfix, .modal-footer, .modal-header {
	*zoom: 1
}
.clearfix:after, .clearfix:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before {
	content: " ";
	display: table;
	visibility: hidden;
	line-height: 0
}
.clearfix:after, .modal-footer:after, .modal-header:after {
	clear: both
}
.hide {
	display: none
}
li, ol, ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.body {
	position: relative;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/shadow.png), url(https://hearthstone.nosdn.127.net/3/minisite/knight/body-content-bg.jpg);
	background-position: 50% bottom, 50% 0;
	background-repeat: repeat-x, repeat-y
}
@media only screen and (min-width:40em) {
	.body {
		padding-top: 16px;
		padding-top: 1rem
	}
}
.clean-bg .body {
	max-width: 2600px;
	margin: 0 auto;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/knight/parchment.jpg) 50% 0;
	padding-top: 0
}
.body-bot {
	position: relative;
	min-height: 500px;
	background: url(images/home/divider-small-6aac52be7a2e8051beb6ebac3eb169a29bf52dc15ad565dc4b39f7b00f569ee3928ae9b8b332384354290745c4fd75471b5070a42c54726e15f8e66a52e4450e.jpg) bottom repeat-x;
	padding-bottom: 22px;
	max-width: 2600px;
	margin: auto
}
@media only screen and (min-width:40em) {
	.body-bot {
		padding-bottom: 40px;
		background-image: url(images/content-bottom-line-79b8bdbb9f9331d085c94a1ae6ec383455036fb11c8865d508d0abaca930fcbdea6091256fab210b7c9aa6b58330243f2ba763ff91915a30867ee55530199d41.png)
	}
	.clean-bg .body-bot {
		padding-bottom: 80px
	}
}
.page-body {
	margin: 0 auto
}
.full-content-wrapper {
	width: 100%;
	overflow: hidden
}
.full-content-wrapper.screenshot-section {
	padding-bottom: 22px;
	margin-bottom: -22px
}
.content-section {
	position: relative;
	margin: 0 auto;
	max-width: 1160px
}
.raised-section {
	padding-top: 50px;
	padding-bottom: 50px;
	max-width: 1500px;
	margin: auto;
	position: relative
}
.raised-section:after, .raised-section:before {
	content: "";
	background-position: 50% 0;
	position: absolute;
	right: 0;
	left: 0;
	background-position: center 0;
	background-repeat: no-repeat;
	height: 33px
}
@media only screen and (min-width:40em) {
	.raised-section:after, .raised-section:before {
		height: 68px
	}
}
.raised-section:before {
	background-image: url(images/home/divider-top-small-611c3868adee531506daba8d52f72229e83d18cf13ad768692d43b56daf2fc33d5241c231faf48e34eb778f5655bf9b1f29ba439701eec79738c3fddf254efcd.jpg)
}
@media only screen and (min-width:40em) {
	.raised-section:before {
		background-image: url(images/card-background-top-9da025a83c7db60699e626dfdf475bf6e737f80bf971b59acb7118711915d6c0febc033ce1d047d0ef96e1fdcf5b314cc261a2ebd08a8c66442dec8c6e3f1edb.png)
	}
}
.raised-section:after {
	background-image: url(images/home/divider-bottom-small-6e483f069b401622656b7b8cae61b51928638e67e971796ec0f5c2ede36869217085e67164f4dc163e99016873cc1a2d3a36b3a0ab18823e983b40b39f915bda.jpg)
}
@media only screen and (min-width:40em) {
	.raised-section:after {
		background-image: url(images/card-background-bottom-8efa668b8e25c03a174a50570eb1a9ed0364456eda376e4540acf35dd7af502d44d33861bdaf63dc24ee837742edf56e286764562df0b3f6b7b1eafc0055308a.png)
	}
}
.raised-section:before {
	top: 0
}
.raised-section:after {
	bottom: 0
}
.lowered-section {
	padding-top: 80px;
	padding-bottom: 80px;
	max-width: 1500px;
	margin: auto;
	position: relative
}
.lowered-section:after, .lowered-section:before {
	content: "";
	background-position: 50% 0;
	position: absolute;
	right: 0;
	left: 0;
	background-position: center 0;
	background-repeat: no-repeat;
	height: 33px
}
@media only screen and (min-width:40em) {
	.lowered-section:after, .lowered-section:before {
		height: 68px
	}
}
.lowered-section:before {
	background-image: url(images/home/divider-top-small-611c3868adee531506daba8d52f72229e83d18cf13ad768692d43b56daf2fc33d5241c231faf48e34eb778f5655bf9b1f29ba439701eec79738c3fddf254efcd.jpg)
}
@media only screen and (min-width:40em) {
	.lowered-section:before {
		background-image: url(images/card-background-top-9da025a83c7db60699e626dfdf475bf6e737f80bf971b59acb7118711915d6c0febc033ce1d047d0ef96e1fdcf5b314cc261a2ebd08a8c66442dec8c6e3f1edb.png)
	}
}
.lowered-section:after {
	background-image: url(images/home/divider-bottom-small-6e483f069b401622656b7b8cae61b51928638e67e971796ec0f5c2ede36869217085e67164f4dc163e99016873cc1a2d3a36b3a0ab18823e983b40b39f915bda.jpg)
}
@media only screen and (min-width:40em) {
	.lowered-section:after {
		background-image: url(images/card-background-bottom-8efa668b8e25c03a174a50570eb1a9ed0364456eda376e4540acf35dd7af502d44d33861bdaf63dc24ee837742edf56e286764562df0b3f6b7b1eafc0055308a.png)
	}
}
.lowered-section:before {
	bottom: 0
}
.lowered-section:after {
	top: 0
}
.raised-section--top-only {
	padding-bottom: 0
}
.raised-section--top-only:after {
	display: none
}
.raised-section--bottom-only {
	padding-top: 0
}
.raised-section--bottom-only:before {
	display: none
}
.lowered-section--top-only {
	padding-bottom: 0
}
.lowered-section--top-only:before {
	display: none
}
.lowered-section--bottom-only {
	padding-top: 0
}
.lowered-section--bottom-only:after {
	display: none
}
.homepage .head {
	background-image: url(images/one-night-in-karazhan/header-bg-640x691-04b066cf62dba299713b57bd9d6c5c6711d6f047a9f8abce8f9c7fc1e238cc95a949036e6d290403b541235bde3bb3516bb507cece9454a9ab7e75c59130e80a.jpg);
	background-size: contain;
	font-size: 1em;
	padding-top: 107.5%;
	padding-bottom: 27px;
	position: relative
}
@media only screen and (min-width:40em) {
	.homepage .head {
		padding-top: 0;
		background-image: url(images/one-night-in-karazhan/header-bg-small-234a5acc757117503d0d48d7c87a8a5a647369944463fac6700b6390f2ad53e75454ba4f6be3ae43524789f8fc8cdeddac52ab1e16ae4885515908e22edcc1b9.jpg);
		background-size: auto;
		height: 529px;
		padding-bottom: 0
	}
}
@media only screen and (min-width:60em) {
	.homepage .head {
		height: 637px
	}
}
@media only screen and (min-width:72.5em) {
	.homepage .head {
		height: 757px;
		background-image: url(images/home/header-bg-592d28152f997c3d763201875a0ab5a48a84eb465c7e3fcaa5e8dd33e1b7eb29298a02ccd5469edd8b7de861fed98ea17989549d57106b5da13ed686bea4bba4.jpg);
		background-image: url(images/one-night-in-karazhan/header-bg-9d040e170ded22158baa3c9203268ce7af6ed16f17be4a64b35d967505b02306a9a0bb189339eaf4d53c3e64abbc17b90dd3163553d4ac41a9a2e2eb6874927c.jpg);
		height: 880px
	}
}
@media only screen and (min-width:60em) {
	.homepage .head-container {
		overflow-x: hidden
	}
}
.homepage .main-logo {
	max-width: 435px;
	width: 90%;
	display: block;
	margin: -11px auto 0;
	position: relative
}
.zh-tw.homepage .main-logo {
	width: 70%;
	margin-top: 0
}
@media only screen and (min-width:40em) {
	.zh-tw.homepage .main-logo {
		margin-top: 10px
	}
}
@media only screen and (min-width:30em) {
	.homepage .main-logo {
		width: auto;
		margin-top: -2em;
		margin-bottom: -4em
	}
}
@media only screen and (min-width:72.5em) {
	.homepage .main-logo {
		max-width: 593px;
		margin-bottom: -4em
	}
	.zh-tw.homepage .main-logo {
		margin-top: 16px
	}
}
.homepage .body-bot {
	padding-bottom: 60px
}
.home-header__content {
	position: absolute;
	right: 0;
	bottom: 7%;
	left: 0;
	margin-bottom: 28px;
	z-index: 1
}
.cjk .home-header__content, .ja-jp .home-header__content {
	padding-right: 16px;
	padding-right: 1rem;
	padding-left: 16px;
	padding-left: 1rem
}
@media only screen and (min-width:40em) {
	.cjk .home-header__content, .ja-jp .home-header__content {
		max-width: 37em;
		padding-right: 0;
		padding-left: 0
	}
}
.zh-tw .home-header__content br.show--sm {
	display: none
}
@media only screen and (min-width:72.5em) {
	.zh-tw .home-header__content br.show--sm {
		display: block
	}
}
@media only screen and (min-width:40em) {
	.zh-tw .home-header__content {
		margin-top: 0
	}
}
@media only screen and (min-width:60em) {
	.zh-tw .home-header__content {
		margin-top: 0
	}
}
.ko-kr .home-header__content {
	bottom: 70px
}
@media only screen and (min-width:40em) {
	.ko-kr .home-header__content {
		bottom: auto
	}
}
@media only screen and (min-width:60em) {
	.ko-kr .home-header__content {
		margin-top: -20px
	}
}
@media only screen and (min-width:40em) {
	.home-header__content {
		position: relative;
		bottom: auto;
		max-width: 33em;
		margin: -20px auto 0
	}
}
@media only screen and (min-width:60em) {
	.home-header__content {
		max-width: 35em
	}
}
@media only screen and (min-width:72.5em) {
	.cjk .home-header__content, .home-header__content, .ja-jp .home-header__content {
		max-width: none;
		margin-top: 20px
	}
}
.header-secondary {
	margin-bottom: 3px;
	margin-bottom: .2rem;
	margin-top: 11px;
	margin-top: .7rem
}
@media only screen and (min-width:60em) {
	.header-secondary {
		margin-top: 0
	}
}
@media only screen and (min-width:72.5em) {
	.header-secondary {
		margin-top: 28px;
		margin-top: 1.75rem
	}
}
.head {
	position: relative;
	background: url(images/sub-header-bg-small-e65a6f8923bb872656087f64e5b803c35b8f5131adfeb9e51cd05b2dfd0283e07b20ecfcbf0ed433c24d40c86bb30cb51ceace12b7aac91df06ca39253c60a73.jpg) 50% 0 no-repeat;
	height: 262px;
	z-index: 100
}
.fluidPage .head {
	background: none;
	height: auto
}
@media only screen and (min-width:40em) {
	.head {
		background-image: url(images/sub-header-bg02-d2bf5e9713b70514c2ae272dc39a0bf22cc2dbc8334b9dff9dead98f216c77b156c6f3a901ff137e1d57b396c554b20dc89d9e6def7e9790ff018e1f9d0935dc.jpg)
	}
}
@media only screen and (min-width:60em) {
	.head {
		height: 373px
	}
}
.head-container {
	top: 0;
	width: 100%
}
.head-container, .head-container:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0
}
.head-container:after {
	content: "";
	background: url(images/header-mantle-small-7198f7bda35d72189bacba22ff494d983567fe31705207f184d3cd31dfb155729a60095b5bb14ea6ef5af41fefb1ce86951343082a0b1e025463f5417a7c96a3.jpg) 50% bottom no-repeat;
	height: 28px
}
@media only screen and (min-width:40em) {
	.head-container:after {
		background-image: url(images/header-mantle-344b1878163cf92a56a1d8c3f29e1aa733c2e87485f75b09ecf3b15eb566035c7490744fe64ae8ead21a00356f42c5d49c2d226b264410649ae90395c3904940.png);
		background-position: top;
		height: 154px
	}
}
@media only screen and (min-width:60em) {
	.head-container:after {
		background-image: url(images/header-mantle-344b1878163cf92a56a1d8c3f29e1aa733c2e87485f75b09ecf3b15eb566035c7490744fe64ae8ead21a00356f42c5d49c2d226b264410649ae90395c3904940.png);
		background-position: bottom;
		height: 408px
	}
}
@media only screen and (min-width:60em) {
	.head-container {
		top: 0
	}
}
.header-content {
	margin: 0 auto;
	text-align: center;
	max-width: 435px
}
@media only screen and (min-width:40em) {
	.header-content {
		width: 593px;
		max-width: none
	}
}
.header-content h1 {
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	line-height: 1.5;
	letter-spacing: 1px;
	margin: 0 auto;
	color: #fff;
	font-size: 16px;
	font-size: 1rem;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, .5), 0 0 2px rgba(0, 0, 0, .5)
}
.ko-kr .header-content h1 {
	font-family: NanumMyeongjo Bold
}
.ko-kr .header-content h1, .pl-pl .header-content h1 {
	font-size: 12px;
	font-size: .8rem
}
@media only screen and (min-width:30em) {
	.header-content h1 {
		font-size: 27px;
		font-size: 1.7rem
	}
}
@media only screen and (min-width:40em) {
	.header-content h1 {
		max-width: 448px;
		max-width: 28rem;
		font-size: 24px;
		font-size: 1.5rem
	}
	.en-gb .header-content h1, .en-us .header-content h1 {
		font-size: 30px;
		font-size: 1.9rem;
		max-width: none
	}
	.ko-kr .header-content h1 {
		font-size: 28px;
		font-size: 1.8rem
	}
}
@media only screen and (min-width:60em) {
	.header-content h1 {
		margin-top: 0;
		max-width: none;
		font-size: 30px;
		font-size: 1.9rem
	}
	.th-th .header-content h1 {
		font-size: 28px;
		font-size: 1.8rem
	}
}
@media only screen and (min-width:72.5em) {
	.header-content h1 {
		margin-top: 1px;
		line-height: 1.1;
		letter-spacing: 5px
	}
	.en-gb .header-content h1, .en-us .header-content h1 {
		max-width: 720px;
		max-width: 45rem;
		font-size: 43px;
		font-size: 2.7rem
	}
}
.home-header__small-heading {
	font: normal normal 13px/1.5 Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font: normal normal .8125rem/1.5 Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, .5), 0 0 2px rgba(0, 0, 0, .5)
}
.pl-pl .home-header__small-heading, .pt-br .home-header__small-heading, .pt-pt .home-header__small-heading {
	font-size: 12px;
	font-size: .75rem
}
.ko-kr .home-header__small-heading {
	font-family: NanumMyeongjo Bold
}
@media only screen and (min-width:30em) {
	.home-header__small-heading {
		line-height: 2;
		font-size: 16px;
		font-size: 1.0125rem
	}
}
@media only screen and (min-width:40em) {
	.home-header__small-heading {
		font-size: 14px;
		font-size: .875rem
	}
}
@media only screen and (min-width:72.5em) {
	.home-header__small-heading, .pl-pl .home-header__small-heading, .pt-br .home-header__small-heading, .pt-pt .home-header__small-heading {
		font-size: 18px;
		font-size: 1.125rem
	}
}
.header-platform-list {
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, .5), 0 0 2px rgba(0, 0, 0, .5)
}
@media only screen and (min-width:72.5em) {
	.header-platform-list {
		margin-top: 16px;
		margin-top: 1rem
	}
}
.home-header__small-heading--tagline {
	margin-top: 40px;
	margin-top: 2.5rem
}
@media only screen and (min-width:40em) {
	.home-header__small-heading--tagline {
		margin-top: 0
	}
}
.header-logo {
	max-width: 593px;
	display: block;
	margin: auto;
	position: relative;
	z-index: 5
}
@media only screen and (min-width:40em) {
	.header-logo {
		background-size: auto;
		height: 213px;
		padding-top: 0
	}
}
@media only screen and (min-width:40em) {
	.zh-tw .header-logo {
		margin-top: -20px;
		margin-bottom: 20px
	}
}
.zh-tw .header-logo img {
	max-height: 100%
}
.header-promo-kr {
	position: absolute;
	right: 0;
	bottom: -9px;
	left: 0;
	text-align: center;
	z-index: 100
}
@media only screen and (min-width:40em) {
	.header-promo-kr {
		bottom: -17px;
		margin-left: 5px
	}
}
@media only screen and (min-width:60em) {
	.header-promo-kr {
		right: auto;
		bottom: 89px;
		left: 50%;
		margin-left: 266px
	}
}
@media only screen and (min-width:72.5em) {
	.header-promo-kr {
		bottom: 98px;
		margin-left: 315px
	}
}
.header-promo-kr a {
	display: inline-block;
	width: 183px;
	height: 67px;
	background: url(images/buttons/kr-promo-small-03ce3c6c0aff7060caa7e3e594d7fdaee7a010fb93370685699ad0c3666d63bc1c1160886cd4bce97200035075e7e7b4e7bd03d2c1a46fe9e71a90b204b6c92a.png) 100% 0
}
@media only screen and (min-width:72.5em) {
	.header-promo-kr a {
		width: 205px;
		height: 74px;
		background: url(images/buttons/kr-promo-a7e1d8ead415370e99ed0de94f7d1a75fdd1d24ec8eb21b9d48dd82e9aff881bd832641c25618a5994ee1a3dca3e6d9325114b1b7d7c62e26aa67a2d3890ce98.png) 100% 0
	}
}
.header-promo-kr a span {
	display: none
}
.header-promo-kr a:hover {
	background-position: 100% -67px
}
@media only screen and (min-width:72.5em) {
	.header-promo-kr a:hover {
		background-position: 100% -74px
	}
}
.nav-client {
	min-height: 44px
}
.nav-client a {
	font-weight: 400
}
.nav-client .nav-list {
	padding: 0
}
.nav-client .nav-mobile-menu-wrap.left {
	background-color: #360b05
}
.nav-client .nav-mobile-menu-wrap.left .nav-remove-icon {
	background: url(images/toolkit/themes/bnet/icons/sprite-24-hsorange-275d300ec546943ac7efb2a5e4fed556ef1ae5860f412f8c2ceb63014289f692996ee7345769995ec36266580c67c9b1cc3cfff634eb8d02d5e058e711561aaf.png) no-repeat -168px -144px;
	opacity: .5
}
.nav-client .nav-hamburger-menu-icon {
	background-image: url(images/menu-icon-hsorange-806cf923ff53b3876049444c89bf4623c10f2b1099d44007244fee1b149c3b91c930afb0727c71819a2083c0b810d2854a91f7dac170251d8d84056bb950b95d.png)
}
.nav-client #nav-client-bar, .nav-client .nav-mobile-menubar {
	background-color: #2c0903
}
.nav-client .menu-header {
	background-color: #2c0903;
	overflow: hidden
}
.mobile-nav-logo {
	background: transparent url(images/logos/logo-small-914ab388ea8891cdeca192ea4d7c1cd611d05b687de1b8a5f4a25daa01e512d3d83ffe3182654e826da7ddc4d363ae98be0fc9df647d317470ba492a458c7e7f.png) top no-repeat;
	background-size: contain;
	height: 82px;
	display: block
}
.zh-tw .mobile-nav-logo {
	background-image: url(images/logos/zh-tw/logo-small-90b6b7d8a2dc5dd4907edfa5e911f5c08553ae8d6ce25a789ecdb88220b31569d388811671eec2ba2fbe66fc437c1fcbabb74acf6907acc0ed626664c377f643.png)
}
.ja-jp .mobile-nav-logo {
	background-image: url(images/logos/ja-jp/logo-small-a8e44fa32367056e230f1b8d290b627e2b509dc1d624f4a3b350f5a105f8742a1294d24a279a0e589c0e84fa102f3c6178a3e7389b449ca36acf2057773f18ea.png)
}
.th-th .mobile-nav-logo {
	background-image: url(images/logos/th-th/logo-small-673c8e10dc17916917d1698a68876c60914a4e23412b33ca14e4836c1264a059848444030560237626c3075f76178d9997cc11317f6aee88ec0dbba7f955c96e.png)
}
#nav-client-footer .nav-icon-24-blue {
	background-image: url(images/toolkit/themes/bnet/icons/sprite-24-hsorange-275d300ec546943ac7efb2a5e4fed556ef1ae5860f412f8c2ceb63014289f692996ee7345769995ec36266580c67c9b1cc3cfff634eb8d02d5e058e711561aaf.png)
}
.heading {
	color: #233a6e;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 48px;
	font-size: 3rem
}
.ko-kr .heading {
	font-family: NanumMyeongjo Bold
}
@media only screen and (min-width:60em) {
	.heading {
		margin: 0
	}
}
.heading a {
	color: #000
}
.heading a:hover {
	color: #e22c14
}
.heading--black {
	color: #000;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 32px;
	font-size: 2rem
}
.ko-kr .heading--black {
	font-family: NanumMyeongjo Bold
}
.bracket .cyc_title, .heading--small {
	color: #233a6e;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 32px;
	font-size: 2rem;
	line-height: 1.25
}
.ko-kr .heading--small {
	font-family: NanumMyeongjo Bold
}
.heading--small-no-margin {
	margin-top: 0;
	margin-bottom: 0
}
.heading--extra-small, .modal-title {
	color: #233a6e;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.25
}
.ko-kr .heading--extra-small {
	font-family: NanumMyeongjo Bold
}
.heading--medium {
	font-size: 36px;
	font-size: 2.25rem
}
.heading--small-aniversary {
	display: inline-block;
	max-width: 768px;
	max-width: 48rem;
	line-height: 1.2
}
.heading--article, .heading--search {
	text-transform: none
}
.heading--article {
	line-height: 1.2
}
.heading--border {
	border-bottom: 1px solid #d4ba8c;
	line-height: 1;
	padding-bottom: .25em
}
@media only screen and (min-width:40em) {
	.heading--border {
		border: none
	}
}
.heading-subtitle {
	font-size: 95%;
	font-style: italic;
	margin-top: 8px;
	margin-top: .5rem;
	display: inline-block
}
.heading--sample-cards {
	font-size: 22px;
	font-size: 1.375rem;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-top: 16px;
	margin-top: 1rem
}
@media only screen and (min-width:40em) {
	.heading--sample-cards {
		margin-bottom: 0
	}
}
.sample-cards--body {
	font-size: 14px;
	font-size: .875rem;
	margin: 8px auto 0;
	margin: .5rem auto 0;
	max-width: 640px;
	max-width: 40rem
}
.heading--border--spacing {
	border-bottom: 1px solid #d4ba8c;
	line-height: 1;
	padding-bottom: .25em;
	margin: 0 16px 16px;
	margin: 0 1rem 1rem;
	padding-bottom: 8px;
	padding-bottom: .5rem
}
@media only screen and (min-width:40em) {
	.heading--border--spacing {
		border: none
	}
}
.heading--sidebar {
	font-weight: 700;
	font-size: 16px;
	font-size: 1rem;
	text-transform: uppercase
}
.heading--artwork span {
	display: inline-block;
	margin-right: .2em
}
.heading--expansion {
	margin-bottom: 0;
	margin-top: 0;
	line-height: 1
}
.heading--expansion .trademark {
	font-size: 50%;
	vertical-align: super;
	font-weight: 400
}
.heading--subnote {
	color: #233a6e;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 17px;
	font-size: 1.1rem
}
.ko-kr .heading--subnote {
	font-family: NanumMyeongjo Bold
}
.report-post {
	display: none
}
.subheader-2 {
	color: #233a6e;
	font-weight: 400;
	font-size: 22px;
	font-size: 1.4rem;
	color: #000
}
.header-3, .subheader-2, .subheader-3 {
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif
}
.header-3, .subheader-3 {
	font-weight: 700;
	font-size: 16px;
	font-size: 1rem;
	text-transform: uppercase
}
.header-3 a, .subheader-3 a {
	color: #000
}
.header-3 a:hover, .subheader-3 a:hover {
	color: #e22c14
}
.small-italic {
	font-style: italic;
	font-size: 12px;
	font-size: .75rem;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.heading__subtext {
	float: right;
	padding: 16px 16px 0 0;
	padding: 1rem 1rem 0 0;
	display: inline-block
}
@media only screen and (min-width:60em) {
	#service {
		margin-right: .75em
	}
}
@media only screen and (max-width:59.99em) {
	#service {
		background-color: #222;
		display: block;
		bottom: 0;
		top: 0;
		left: 100%;
		right: auto;
		z-index: 1;
		position: absolute;
		width: 70%;
		float: none
	}
	#service a:hover {
		text-decoration: none
	}
	#service .service-bar {
		display: block;
		float: none;
		background-color: #222
	}
	.explore-menu-out #service {
		display: block
	}
	#service .service-cell {
		float: none;
		background: none
	}
	#service .service-welcome {
		font-size: 1em;
		padding: 7px 15px;
		background-color: none
	}
	#service .service-welcome a {
		font-size: 1em;
		white-space: nowrap
	}
	#service .service-auth {
		padding-right: 15px
	}
	#service .service-auth .service-link {
		display: inline;
		border: none;
		text-align: right;
		position: absolute;
		top: -40px;
		top: -2.5rem;
		left: 0;
		padding: 8px 32px;
		padding: .5rem 2rem
	}
	#service .service-auth .auth-menu {
		position: relative;
		top: auto;
		right: auto;
		background: none;
		width: auto;
		border-radius: 0;
		box-shadow: none;
		padding: 15px 0 15px 15px
	}
	#service #explore-link, #service .service-account, #service .service-home, #service .service-shop, #service .service-support {
		display: none
	}
	#service .explore-menu {
		display: block !important;
		position: relative;
		width: auto;
		right: auto;
		top: auto;
		background: none
	}
	#service .explore-menu .explore-links, #service .explore-menu .explore-nav {
		width: 100%;
		float: none
	}
	#service .explore-menu .explore-primary {
		background: none
	}
	#service .explore-primary {
		padding: 0
	}
	#service .explore-primary li {
		border: 2px solid #232a31;
		margin-bottom: 1px
	}
	#service .explore-primary a {
		border: none;
		margin: 0;
		padding: .7em 2em
	}
	#service .explore-primary .explore-caption {
		color: #00b6ff
	}
	#service .explore-links .explore-caption {
		display: none
	}
	#service .explore-links li {
		border: none
	}
	#service .explore-links a {
		font-size: 13px
	}
	#service .explore-links ul {
		display: none
	}
	#service .explore-game {
		margin-left: 0
	}
	#service .explore-game a {
		width: auto;
		height: auto;
		background: none
	}
	#service .explore-game a:hover {
		background: none
	}
	#service .explore-game .explore-game-inner {
		padding: 0
	}
	#service .explore-secondary {
		background: none;
		height: auto
	}
	#service .explore-secondary .explore-caption {
		text-align: left
	}
	#service .explore-secondary li {
		float: none;
		width: auto;
		background: none;
		border-left: none
	}
	#service .explore-secondary a {
		padding: .5em 1.5em
	}
	#service .explore-secondary a strong {
		color: #00b6ff;
		padding: 0
	}
}
.mobile-nav-container {
	background-color: #570002
}
.mobile-nav-btn {
	z-index: 5;
	border: none;
	outline: none;
	background: none
}
.mobile-nav-btn>span {
	background-position: center 0;
	background-repeat: no-repeat;
	vertical-align: middle;
	display: block
}
.mobile-nav-btn.mobile-nav {
	float: left;
	border-right: 1px solid #94472b;
	padding: 13px 10px
}
.mobile-nav-btn .mobile-nav-bg {
	width: 26px;
	height: 22px;
	background-image: url(images/icons/hamburger-da062bdcd6df539d5182199400a453b0bd51e2b8ed04686c8d1f27a9ebe4261c8b9b26eea7cfc80e62d36c7d8d32c54ad7beec3551bde3d2c2fc2b0c6e366535.png)
}
.mobile-nav-is-out .mobile-nav-btn .mobile-nav-bg {
	background-position: center -28px
}
.mobile-nav-btn.explore-nav-btn {
	float: right;
	border-left: 1px solid #94472b;
	height: 100%;
	padding: 7px 10px
}
.mobile-nav-btn .explore-nav-bg {
	width: 34px;
	height: 34px;
	background-image: url(images/icons/explore-btn-b372d40d3e60870ebeb2827be33be45760613313e40db8577ca6b8dee713d64235fef4012d9d4845cf61e662aa4129b44ab85fb8e037b63604bac224b21c6a54.png)
}
.explore-nav-is-out .mobile-nav-btn .explore-nav-bg {
	background-position: center -39px
}
.mobile-search {
	width: 58%;
	width: calc(100% - 175px);
	margin: -3px auto
}
.mobile-search .search-bar {
	display: inline-block;
	width: 100%;
	text-align: left;
	position: relative
}
.mobile-search .search-bar__input {
	padding-top: 0;
	padding-bottom: 0;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5
}
.cta--mobile {
	margin-top: 16px;
	margin-top: 1rem;
	padding: 32px 16px 24px;
	padding: 2rem 1rem 1.5rem
}
.cta--mobile .android-container {
	margin: 0 !important
}
.cta--mobile .android-container .ui-button {
	display: block;
	text-align: left;
	margin: 0
}
.cta--mobile .android-container .ui-button:not(:last-child) {
	margin-bottom: 8px;
	margin-bottom: .5rem
}
.cta--mobile .hearthstone-cta--small .hearthstone-cta__text {
	font-size: 16px;
	font-size: 1rem
}
@media only screen and (min-width:60em) {
	.cta--mobile {
		display: none
	}
}
.navigation-container {
	position: absolute;
	top: -51px;
	right: 100%;
	bottom: -51px;
	width: 70%;
	z-index: 20;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #2c0903;
	min-height: calc(100vh + 51px);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
@media only screen and (min-width:60em) {
	.navigation-container {
		position: relative;
		top: 0;
		right: auto;
		bottom: auto;
		margin: auto;
		min-height: 0;
		width: 986px;
		max-width: 100%;
		height: 56px;
		background-color: transparent
	}
}
@media only screen and (min-width:72.5em) {
	.navigation-container {
		width: 1160px;
		height: 65px
	}
}
.fluidPage .nav-position, .fluidPage .navigation-wrapper {
	top: 85px
}
.fluidPage .nav-position {
	bottom: auto
}
@media only screen and (min-width:60em) {
	.navigation-wrapper {
		position: absolute;
		right: 0;
		bottom: 35px;
		left: 0;
		z-index: 50;
		-webkit-animation-duration: .25s;
		animation-duration: .25s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both
	}
}
@media only screen and (min-width:72.5em) {
	.navigation-wrapper {
		bottom: 26px
	}
}
@media only screen and (min-width:60em) {
	.homepage .navigation-wrapper {
		bottom: 35px
	}
}
@media only screen and (min-width:60em) {
	.headroom--not-top .navigation-wrapper {
		position: fixed;
		top: -2px;
		right: 0;
		bottom: auto;
		left: 0;
		margin: 0 auto
	}
}
@media only screen and (min-width:60em) {
	.fixed .navigation-wrapper {
		-webkit-animation-name: slideDown;
		animation-name: slideDown
	}
}
@media only screen and (min-width:60em) {
	.unFixed .navigation-wrapper {
		-webkit-animation-name: slideUp;
		animation-name: slideUp
	}
}
@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%)
	}
	to {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}
}
@keyframes slideDown {
	0% {
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%)
	}
	to {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}
}
@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}
	to {
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%)
	}
}
@keyframes slideUp {
	0% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}
	to {
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%)
	}
}
@media only screen and (min-width:60em) {
	.navigation {
		height: 56px;
		padding-top: 8px;
		padding-bottom: 13px;
/*		background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/knight/navBg.png) bottom no-repeat;*/
		background-size: cover;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
}
@media only screen and (min-width:72.5em) {
	.navigation {
		height: 66px;
		padding-top: 10px;
		padding-bottom: 14px
	}
}
.menu-cta, .rose-logo {
	position: relative;
	overflow: hidden;
	color: transparent;
	z-index: 10;
	opacity: 1;
	transition: opacity .15s
}
.menu-cta:after, .menu-cta:before, .rose-logo:after, .rose-logo:before {
	content: "";
	left: 0;
	position: absolute;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.menu-cta:after, .rose-logo:after {
	opacity: 0;
	transition: all .15s linear
}
.menu-cta:active, .menu-cta:focus, .menu-cta:hover, .rose-logo:active, .rose-logo:focus, .rose-logo:hover {
	color: #fff
}
.menu-cta:active:after, .menu-cta:focus:after, .menu-cta:hover:after, .rose-logo:active:after, .rose-logo:focus:after, .rose-logo:hover:after {
	opacity: 1
}
.searching .menu-cta, .searching .rose-logo {
	opacity: 0
}
.rose-logo {
	top: -2px;
	-webkit-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	transform: translateY(-30%);
	text-indent: -9999px
}
.rose-logo, .rose-logo:after, .rose-logo:before {
	width: 99px;
	height: 100px
}
.rose-logo:before {
	background: url(images/nav/nav-sprite-d6a343d99ea6bade23ea3c7fe5d0c0c2a463a8654e3417ed8a88e61ee2e54cd5b002d69109429c217ae34a7130f2ebdf142bcbf44791c7b8af7e374a57074e5f.png) no-repeat 0 100%
}
.rose-logo:after {
	background: url(images/nav/nav-sprite-d6a343d99ea6bade23ea3c7fe5d0c0c2a463a8654e3417ed8a88e61ee2e54cd5b002d69109429c217ae34a7130f2ebdf142bcbf44791c7b8af7e374a57074e5f.png) no-repeat -101px bottom
}
@media only screen and (min-width:72.5em) {
	.rose-logo {
		top: 0;
		margin: 0 4px 0 7px
	}
}
.menu-cta {
	color: #fff;
	font-size: 14px;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	top: -51%
}
.menu-cta, .menu-cta:after, .menu-cta:before {
	width: 164px;
	height: 88px
}
.menu-cta:before {
	background: url(images/nav/nav-sprite-d6a343d99ea6bade23ea3c7fe5d0c0c2a463a8654e3417ed8a88e61ee2e54cd5b002d69109429c217ae34a7130f2ebdf142bcbf44791c7b8af7e374a57074e5f.png) no-repeat 0 0
}
.menu-cta:after {
	background: url(images/nav/nav-sprite-d6a343d99ea6bade23ea3c7fe5d0c0c2a463a8654e3417ed8a88e61ee2e54cd5b002d69109429c217ae34a7130f2ebdf142bcbf44791c7b8af7e374a57074e5f.png) no-repeat -166px top
}
.menu-cta span {
	padding-top: 26px;
	display: inline-block;
	position: relative;
	z-index: 1;
	text-shadow: -1px 1px 3px #000
}
@media only screen and (min-width:72.5em) {
	.menu-cta {
		top: -46%
	}
	.menu-cta span {
		padding-top: 28px;
		font-size: 16px
	}
}
@media only screen and (min-width:60em) {
	.menu-icon {
		display: inline-block;
		margin-left: 3px;
		vertical-align: middle
	}
}
.menu-icon--caret-down {
	width: 16px;
	height: 11px;
	background: url(images/nav/nav-sprite-d6a343d99ea6bade23ea3c7fe5d0c0c2a463a8654e3417ed8a88e61ee2e54cd5b002d69109429c217ae34a7130f2ebdf142bcbf44791c7b8af7e374a57074e5f.png) no-repeat 100% 100%
}
.menu__item:hover .menu-icon--caret-down, .menu__link--is-active .menu-icon--caret-down {
	background-position: -293px bottom
}
.service-bar {
	display: none
}
@media only screen and (min-width:40em) {
	.service-bar {
		display: inline-block
	}
}
.nav-position {
	position: absolute
}
@media only screen and (min-width:60em) {
	.nav-position {
		bottom: 91px
	}
}
@media only screen and (min-width:72.5em) {
	.nav-position {
		bottom: 100px
	}
}
.menu {
	font-weight: 700;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 17px;
	font-size: 1.0625rem;
	position: relative;
	padding: 12px 0 0;
	padding: .75rem 0 0
}
.menu#mobileMenu {
	font-weight: 400;
	letter-spacing: .5px
}
.menu#mobileMenu .menu-dropdown__link:active, .menu#mobileMenu .menu-dropdown__link:hover {
	background-color: rgba(0, 0, 0, .15)
}
@media only screen and (max-width:59.99em) {
	.menu {
		color: #fcd144
	}
}
@media only screen and (min-width:60em) {
	.menu {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 79.25%;
		height: 100%;
		margin: 0 -1.25% 0 -2.5%;
		padding: 0;
		z-index: 3;
		white-space: nowrap
	}
}
@media only screen and (max-width:59.99em) {
	.menu__item {
		min-height: 44px
	}
	.menu__item .menu__link:after {
		content: "";
		display: inline-block;
		height: 12px;
		width: 12px;
		margin-left: 2%
	}
	.menu__item .menu-dropdown__link {
		min-height: 44px
	}
	.menu__item.has-dropdown .menu__link:after {
		background: url(images/icons/navbar-expand-e5b4d15015bf72fe2707f2b566dda2f46022375fec13cb42df9ce95c2fcdc360347a43517ec19baea72da5c35179740b29d84b152f6874e55f4ccfb7b7bbce5f.png) no-repeat
	}
	.menu__item.has-dropdown.is-open .menu__link:after {
		background: url(images/icons/navbar-retract-dfc383f97973aa45cce309c28114cc0355dfa99f678d333d54a932aad452385ec2bbdd45d2d659b61eb154aedb1294193c9a13645fa7dac82e8b1164ac713895.png) no-repeat
	}
}
@media only screen and (min-width:60em) {
	.menu__item {
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		text-align: center;
		border-bottom: none;
		border-left: 1px solid #5a1804;
		border-right: 1px solid #9a5336;
		position: relative;
		transition: width .2s ease-in;
		letter-spacing: 1px
	}
	.menu__item:nth-child(2) {
		border-left: none
	}
	.menu__item:nth-child(2) .menu__link {
		padding-left: 1.5em
	}
	.menu__item:last-of-type {
		border-right: none
	}
	.menu__item:hover {
		background: #570002 url(images/nav/nav-darker-brick-4691f1fe3991ad1a2bc71b6039bbca455c97e3295f48f867866c093ef3d84eeecbd1d6b31a3246bd1c0b1af35fa9bc141b202825da81fb1bbd2985cc6cc88bbf.png) 0 0 repeat-x
	}
	.menu__item:hover .menu__link {
		color: #fff
	}
}
@media only screen and (min-width:72.5em) {
	.menu__item:nth-child(2) .menu__link {
		padding-left: 1em
	}
}
@media only screen and (min-width:60em) {
	.menu__item.menu-home {
		display: none
	}
}
@media only screen and (max-width:59.99em) {
	.menu__item.is-open .menu__link {
		color: #fff
	}
	.menu__item.is-open .menu-wrapper {
		max-height: 800px;
		max-height: 50rem
	}
}
@media only screen and (min-width:60em) {
	.menu__item.has-dropdown:hover .menu-wrapper {
		opacity: 1;
		display: block
	}
	.unFixed .menu__item.has-dropdown:hover .menu-wrapper {
		display: none
	}
	.menu__item.has-dropdown:hover .menu__link:after {
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		display: block;
		height: 3px;
		background: #570002
	}
}
[class^=icon-font] {
	font-family: Heroes Icons;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-caret-down:before {
	content: "\e800"
}
.menu .menu__link .icon-caret-down--menu {
	vertical-align: middle;
	font-size: 9px;
	margin-left: 9px;
	color: #fcd144;
	display: none
}
.menu__link {
	color: #fcd144;
	display: block;
	padding: 10px 16px;
	padding: .625rem 1rem
}
@media only screen and (min-width:60em) {
	.menu__link {
		color: #fcd144;
		text-shadow: 0 1px 3px #000;
		padding: 0 .25em;
		vertical-align: middle;
		line-height: 35px;
		margin-left: 1px;
		font-size: 13px;
		font-size: .85rem
	}
	.ru-ru .menu__link {
		font-size: 17px
	}
}
@media only screen and (min-width:72.5em) {
	.menu__link {
		font-size: 16px;
		font-size: 1rem;
		line-height: 42px
	}
}
.menu__link:active, .menu__link:focus, .menu__link:hover {
	color: #fcd144;
	text-decoration: none
}
@media only screen and (min-width:60em) {
	.ko-kr .menu__link span {
		font-family: NanumMyeongjo Bold;
		font-size: 18px
	}
}
@media only screen and (min-width:60em) {
	.menu__link--is-active {
		color: #fff;
		text-decoration: none;
		background-color: rgba(60, 15, 3, .5)
	}
}
.menu-wrapper {
	overflow: hidden
}
@media only screen and (max-width:59.99em) {
	.menu-wrapper {
		max-height: 0;
		transition: max-height .3s ease-in-out
	}
}
@media only screen and (min-width:60em) {
	.menu-wrapper {
		position: absolute;
		margin-top: 3px;
		top: 100%;
		left: 0;
		min-width: 100%;
		opacity: 0;
		display: none;
		background: transparent;
		z-index: 1
	}
}
.menu-dropdown {
	padding: 0;
	background-color: #170d02;
	background-color: rgba(23, 13, 2, .2)
}
@media only screen and (min-width:60em) {
	.menu-dropdown {
		padding: 0;
		background-color: #570002;
		background-color: rgba(87, 0, 2, .9);
		position: relative;
		z-index: 1;
		white-space: nowrap;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, .4)
	}
}
@media only screen and (min-width:60em) {
	.menu-dropdown-list {
		display: block;
		text-align: left
	}
	.menu-dropdown-list:first-of-type {
		padding-top: 10px
	}
	.menu-dropdown-list:last-of-type {
		padding-bottom: 17px
	}
}
@media only screen and (min-width:60em) {
	.ru-ru .menu li a {
		font-size: 17px
	}
	.ko-kr .menu__item a span {
		font-family: NanumMyeongjo Bold;
		font-size: 18px
	}
	.ie8 .menu li a.menu-active, .ie8 .menu li a:hover {
		background: none
	}
}
.menu-dropdown__link {
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 15px;
	font-size: .9375rem;
	text-shadow: 0 0 10px #000;
	color: hsla(0, 0%, 100%, .7);
	padding: 10px 16px 10px 32px;
	padding: .625rem 1rem .625rem 2rem;
	display: block
}
@media only screen and (min-width:60em) {
	.menu-dropdown__link {
		color: #fff;
		font-size: 16px;
		font-size: 1rem;
		padding: 14px 32px 14px 16px;
		padding: .875rem 2rem .875rem 1rem
	}
}
.menu-dropdown__link:active, .menu-dropdown__link:hover {
	color: #fff;
	text-decoration: none;
	background-color: rgba(0, 0, 0, .15)
}
@media only screen and (min-width:60em) {
	.menu-dropdown__link:active, .menu-dropdown__link:hover {
		background-color: #81120c
	}
}
.ie8 .menu__link--is-active, .ie8 .menu__link:hover {
	background: none
}
.menu-search {
	max-width: 64px;
	max-width: 4rem
}
@media only screen and (min-width:60em) {
	.menu-search {
		padding: 0;
		vertical-align: middle;
		text-align: center
	}
}
@media only screen and (min-width:60em) {
	.search-bar {
		margin-right: 36px;
		margin-left: 38px;
		height: 100%;
		padding-bottom: 1px
	}
}
@media only screen and (min-width:72.5em) {
	.search-bar {
		margin-right: 43px;
		margin-left: 46px;
		padding-bottom: 2px
	}
}
.search-bar .search-bar__input {
	box-sizing: border-box;
	border: none;
	box-shadow: inset 1px 1px 5px rgba(0, 0, 0, .4), inset -1px -1px 5px rgba(0, 0, 0, .4)
}
.search-bar .search-bar__input::-webkit-input-placeholder {
	color: #c0bbb3;
	font-style: italic
}
.search-bar .search-bar__input:-ms-input-placeholder {
	color: #c0bbb3;
	font-style: italic
}
.search-bar .search-bar__input::placeholder {
	color: #c0bbb3;
	font-style: italic
}
.ko-kr .search-bar .search-bar__input {
	font-family: Dotum
}
.main-nav-search-button {
	display: inline-block;
	width: 35px;
	height: 36px;
	vertical-align: middle;
	border: none;
	background: none;
	background: transparent url(images/icons/search-06ebc4d30166bbc2d7513710309d4ce96a3b3663747c25f58b663a5601f44048598c0fab3bff8ce2ddb3419d9e9a1a1b2a721c050af3453610e3f167b41ad331.png) 50% no-repeat;
	background-size: contain
}
@media only screen and (min-width:72.5em) {
	.main-nav-search-button {
		margin-top: 2px
	}
}
.main-search-close {
	border: none;
	background: url(images/icons/close-brown-884a00b856d9e5bc7d6c3a59bf178d1ff6d6e290dc519c0bc732b2818c2e667353eba30054f241dbcc580f1d1841ea7f9e7881ec932ef00968e5d203e4064e42.png) 50% no-repeat;
	background-size: contain;
	position: absolute;
	top: 45%;
	right: 52px;
	width: 19px;
	height: 19px;
	margin-top: -10px;
	display: none
}
@media only screen and (min-width:72.5em) {
	.main-search-close {
		right: 60px
	}
}
.navigation--search {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
.search-button {
	background: transparent url(images/icons/search-results-c2f16da488c034113590014f855c97660b011bddaa32b3080dc9a4c2c7dc21c893ec521616e6ff611da7b2aebad6e5e4d794727c869316b0a45e1d14ad1a51dc.gif) 50% no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 4px;
	right: 4px;
	border: none;
	cursor: pointer
}
@media only screen and (min-width:72.5em) {
	.search-button {
		right: 2px;
		top: 2px
	}
}
@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(900px) rotateX(180deg);
		transform: perspective(900px) rotateX(180deg)
	}
	40% {
		-webkit-transform: perspective(900px) rotateX(-5deg);
		transform: perspective(900px) rotateX(-5deg)
	}
	70% {
		-webkit-transform: perspective(900px) rotateX(5deg);
		transform: perspective(900px) rotateX(5deg)
	}
	to {
		-webkit-transform: perspective(900px) rotateX(0deg);
		transform: perspective(900px) rotateX(0deg)
	}
}
@keyframes flipInX {
	0% {
		-webkit-transform: perspective(900px) rotateX(180deg);
		transform: perspective(900px) rotateX(180deg)
	}
	40% {
		-webkit-transform: perspective(900px) rotateX(-5deg);
		transform: perspective(900px) rotateX(-5deg)
	}
	70% {
		-webkit-transform: perspective(900px) rotateX(5deg);
		transform: perspective(900px) rotateX(5deg)
	}
	to {
		-webkit-transform: perspective(900px) rotateX(0deg);
		transform: perspective(900px) rotateX(0deg)
	}
}
@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(900px) rotateX(0deg);
		transform: perspective(900px) rotateX(0deg)
	}
	40% {
		-webkit-transform: perspective(900px) rotateX(185deg);
		transform: perspective(900px) rotateX(185deg)
	}
	70% {
		-webkit-transform: perspective(900px) rotateX(175deg);
		transform: perspective(900px) rotateX(175deg)
	}
	to {
		-webkit-transform: perspective(900px) rotateX(180deg);
		transform: perspective(900px) rotateX(180deg)
	}
}
@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(900px) rotateX(0deg);
		transform: perspective(900px) rotateX(0deg)
	}
	40% {
		-webkit-transform: perspective(900px) rotateX(185deg);
		transform: perspective(900px) rotateX(185deg)
	}
	70% {
		-webkit-transform: perspective(900px) rotateX(175deg);
		transform: perspective(900px) rotateX(175deg)
	}
	to {
		-webkit-transform: perspective(900px) rotateX(180deg);
		transform: perspective(900px) rotateX(180deg)
	}
}
.navigation--search {
	display: none
}
.searching .navigation--search {
	display: block;
	z-index: 5
}
@media only screen and (min-width:60em) {
	.searching .navigation--search {
		background-image: url(images/nav/nav-bg-back-6c2c8fd3d1f7d44f965f46eeedcfbcc2d89c36d4ef934f047a176bffb3bd50202da711a38f12d760e7e2ed993c7e9acbea83b075eede55569f3b4bf79dba172f.png)
	}
}
.searching .main-search-close {
	display: inline-block
}
.preserve3d .navigation {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.preserve3d .flip-forward {
	-webkit-animation: flipInX .5s forwards;
	animation: flipInX .5s forwards
}
.preserve3d .flip-backward {
	-webkit-animation: flipOutX .5s forwards;
	animation: flipOutX .5s forwards
}
.preserve3d .navigation--search {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	display: block
}
.no-preserve3d .searching .navigation--menu {
	display: none
}
.ui-context {
	background-color: #f5e8c7;
	border-color: #c29f6a;
	opacity: .96;
	border-radius: 5px;
	box-shadow: 0 0 8px #c4b691
}
.ko-kr .ui-context {
	font-family: Dotum
}
.ui-context .context strong {
	color: #000
}
.ui-context .context span {
	color: #666
}
.ui-context .context .context-links a {
	background: transparent url(images/icons/context-6008b22cc8b804b4aada97a41d36d8cf1fbc399071367a043e31e169d207304fb5d3b94a08f56f1a767768a189eb1335332f4254fdb23ce74b8d79d8712ba128.gif) no-repeat
}
.ui-context .context .context-links .icon-profile {
	background-position: 5px 7px
}
.ui-context .context .context-links .icon-posts {
	background-position: 5px -23px
}
.ui-context .context .context-links .icon-ignore {
	background-position: 5px -53px
}
.ui-context .context .context-links .icon-ban {
	background-position: 5px -83px
}
.context-link {
	padding-right: 17px;
	background: url(images/icons/flyout-arrows-a5573def639fb0d1d488b889dd3dacbf359b730da8ad88f58d416f3e765c743e1d66380c3c202db17083aa97b905a8c28e11c436b33f2f3c32026592803af333.gif) 100% -24px no-repeat
}
.context-link:hover {
	background-position: 100% -86px
}
.ko-kr .context-link {
	background-position: 100% -25px
}
.ko-kr .context-link:hover {
	background-position: 100% -87px
}
.ui-context .context .close {
	background: url(images/icons/context-6008b22cc8b804b4aada97a41d36d8cf1fbc399071367a043e31e169d207304fb5d3b94a08f56f1a767768a189eb1335332f4254fdb23ce74b8d79d8712ba128.gif) -5px -177px no-repeat
}
.ui-context .context .close:hover {
	background-position: -5px -201px
}
.ui-context .context .context-links a {
	background-color: #a0815d;
	color: #fff
}
.ui-context .context .context-links a:hover {
	background-color: #7c5936
}
.ui-context .character-list {
	color: #fff
}
.ui-context .character-list .primary .char.pinned, .ui-context .character-list .primary .char:hover {
	color: #fff;
	background-color: #e5d1a3;
	opacity: 1
}
.ui-context .char-wrapper {
	background-color: transparent;
	background-image: none;
	box-shadow: none
}
.ui-tooltip {
	background: #f6eaca;
	padding: 1px;
	border: 1px solid #c29f6a;
	opacity: .96;
	max-width: 355px;
	border-radius: 5px;
	box-shadow: 0 0 8px #c4b691
}
.ui-tooltip .tooltip-content {
	background: #f6eaca;
	padding: 10px 17px;
	color: #000;
	font-size: 12px
}
.ui-tooltip-d3 {
	opacity: 1
}
.ui-tooltip-d3 .tooltip-content {
	padding: 0
}
.ui-tooltip .subheader-3 {
	font-size: 18px;
	color: #000;
	font-weight: 400;
	margin-bottom: 4px
}
@media only screen and (min-width:60em) {
	.ui-typeahead {
		background: #1f1e1e;
		padding: 0 1px 1px;
		border: 1px solid #403529;
		opacity: .9;
		font-size: 12px;
		border-radius: 3px;
		box-shadow: 0 0 10px #000;
		z-index: 100
	}
	.ui-typeahead .group-list {
		background: #000
	}
	.ui-typeahead .group-list li {
		border-top: 1px solid #282828
	}
	.ui-typeahead .group-list a {
		padding: 5px
	}
	.ui-typeahead .group-list a:hover {
		background-color: #151515;
		color: #f3e6d0
	}
	.ui-typeahead .group-list a .desc {
		color: #7b6d55
	}
	.ui-typeahead .group-title {
		background: #000;
		color: #f3e6d0;
		padding: 5px
	}
	.ie67 .ui-overlay .overlay-bottom, .ie67 .ui-overlay .overlay-close, .ie67 .ui-overlay .overlay-middle, .ie67 .ui-overlay .overlay-top {
		background-image: url(images/ui/overlay.gif);
		zoom: 1
	}
	.view-forum .moderator-options {
		border: none !important;
		background-color: #dfc89e !important;
		border-radius: 8px
	}
	.view-forum .moderator-options .form-inner {
		background: rgba(0, 0, 0, .05) !important;
		border-radius: 5px
	}
	.create-topic .topic-moderator-options {
		width: 200px !important;
		margin-top: 20px !important
	}
	.view-topic .topic-moderator-options {
		border: none !important;
		background-color: #dfc89e !important;
		border-radius: 8px
	}
	.view-topic .topic-moderator-options .form-inner {
		background: rgba(0, 0, 0, .05) !important;
		border-radius: 5px
	}
	.view-topic .footer-mass-select {
		border: none !important;
		background-color: #dfc89e !important;
		border-radius: 8px
	}
	.view-topic .post-character .topic-moderator-options .admin-actions a {
		color: #0055ab !important
	}
	.view-topic .topic-post .break-down {
		border: none !important;
		background-color: #dfc89e !important
	}
	.bnet-comments .moderator-review {
		background-color: #dfc89e;
		color: #0055ab;
		border: 1px solid #666;
		border-radius: 5px
	}
	.bnet-comments .comment-rating {
		color: #811ab0
	}
	.bnet-comments .rate-post-wrapper {
		padding: 0 0 0 10px !important
	}
	.report-post .report-success {
		display: none
	}
	#legal-ratings {
		width: 473px
	}
	.product-rating {
		float: right
	}
	.us .product-rating {
		width: 300px
	}
	#legal #legal-ratings .product-rating a {
		display: inline;
		margin-left: 0
	}
	.tip {
		border-bottom: 1px dotted #6a5336;
		cursor: help
	}
	.tip a, a.tip {
		cursor: pointer
	}
	.lower-footer-wrapper a:hover {
		text-decoration: none
	}
}
#right-arrow-container {
	position: absolute;
	height: 65px;
	width: 101px;
	z-index: 100
}
#right-arrow-container.broken {
	-webkit-animation: arrow-broken 2s forwards;
	animation: arrow-broken 2s forwards
}
#right-arrow-container.broken #right-arrow {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
#right-screw {
	position: absolute;
	top: 21px;
	right: 18px;
	height: 13px;
	width: 13px;
	background: transparent url(images/nav/nav-right-under-screw-2a5b9a996d8b249f883f27ed97efd7f9fc24b93ed59c3e68d691941f2d037e1d4722bef657e5a195c0815f1cc12e2170e56d9168bc897417b3acfa18d65a6728.png) 100% 0 no-repeat
}
#right-screw.loose {
	-webkit-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	transform: rotate(-40deg)
}
#right-screw.looser {
	-webkit-transform: rotate(-110deg);
	-ms-transform: rotate(-110deg);
	transform: rotate(-110deg)
}
#right-arrow {
	position: absolute;
	top: 2px;
	right: 6px;
	height: 61px;
	width: 77px;
	background: transparent url(images/nav/nav-right-under-arrow-64df81b191d44f91260eb4ea4d1fa0a49a999499a83b9cd58a1cebf77613c108ad8d918a728df12951c4e3069c319140ac600da5ce68d2a72c2d5d9c7fdeea7c.png) 100% 0 no-repeat;
	-webkit-transform-origin: 58px 25px;
	-ms-transform-origin: 58px 25px;
	transform-origin: 58px 25px;
	-webkit-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
#right-arrow:hover {
	-webkit-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	transform: rotate(-6deg)
}
#right-arrow.loose {
	-webkit-animation: arrow-loose .2s forwards;
	animation: arrow-loose .2s forwards
}
#right-arrow.unhinged {
	-webkit-animation: arrow-unhinged 1s forwards;
	animation: arrow-unhinged 1s forwards
}
@media only screen and (min-width:60em) {
	.searching #right-arrow {
		background-image: url(images/nav/arrow-back-68f11bba5c095e2a3193f2ce81e35bef3ff381d2775e4a3fcdf79c5e77b43fb4a3593138665eed2860ec3d15e496a511eda44fd966a1bd8ab70c854e802f5adb.png)
	}
}
@media only screen and (min-width:60em) {
	.searching.arrow-unhinged #right-arrow {
		-webkit-animation-name: arrow-unhinged-back;
		animation-name: arrow-unhinged-back
	}
}
@-webkit-keyframes arrow-loose {
	0% {
		-webkit-transform: rotate(-6deg);
		transform: rotate(-6deg)
	}
	to {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}
}
@keyframes arrow-loose {
	0% {
		-webkit-transform: rotate(-6deg);
		transform: rotate(-6deg)
	}
	to {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}
}
@-webkit-keyframes arrow-unhinged {
	0% {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}
	30% {
		-webkit-transform: rotate(-120deg);
		transform: rotate(-120deg)
	}
	50% {
		-webkit-transform: rotate(-70deg);
		transform: rotate(-70deg)
	}
	70% {
		-webkit-transform: rotate(-100deg);
		transform: rotate(-100deg)
	}
	90% {
		-webkit-transform: rotate(-85deg);
		transform: rotate(-85deg)
	}
	to {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}
}
@keyframes arrow-unhinged {
	0% {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}
	30% {
		-webkit-transform: rotate(-120deg);
		transform: rotate(-120deg)
	}
	50% {
		-webkit-transform: rotate(-70deg);
		transform: rotate(-70deg)
	}
	70% {
		-webkit-transform: rotate(-100deg);
		transform: rotate(-100deg)
	}
	90% {
		-webkit-transform: rotate(-85deg);
		transform: rotate(-85deg)
	}
	to {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}
}
@-webkit-keyframes arrow-unhinged-back {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}
	30% {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg)
	}
	50% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg)
	}
	70% {
		-webkit-transform: rotate(110deg);
		transform: rotate(110deg)
	}
	90% {
		-webkit-transform: rotate(85deg);
		transform: rotate(85deg)
	}
	to {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}
}
@keyframes arrow-unhinged-back {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}
	30% {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg)
	}
	50% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg)
	}
	70% {
		-webkit-transform: rotate(110deg);
		transform: rotate(110deg)
	}
	90% {
		-webkit-transform: rotate(85deg);
		transform: rotate(85deg)
	}
	to {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}
}
@-webkit-keyframes arrow-broken {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	99% {
		-webkit-transform: translateY(3000px);
		transform: translateY(3000px)
	}
	to {
		-webkit-transform: translateY(-10000px);
		transform: translateY(-10000px);
		opacity: 0
	}
}
@keyframes arrow-broken {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	99% {
		-webkit-transform: translateY(3000px);
		transform: translateY(3000px)
	}
	to {
		-webkit-transform: translateY(-10000px);
		transform: translateY(-10000px);
		opacity: 0
	}
}
#right-menu {
	position: absolute;
	right: 0;
	top: 0;
	height: 65px;
	width: 100px;
	background: transparent url(images/nav/nav-right-under-25ed02f107ce2590b737e2fe308d50f19e1b8897c98d37a1ef1a2f4cf88ba171632953191462634d2cbdcc8cfc9b57650b8569c9d5bf417c75dcc0e2fc0f8087.png) 100% 0 no-repeat
}
.no-csstransforms #right-menu {
	display: none
}
.content-container--social {
	position: relative;
	z-index: 5;
	clear: both;
	padding-top: 20px;
	padding-top: 1.25rem
}
.stay-connected {
	display: block;
	margin: auto
}
.stay-connected h2 {
	text-align: center;
	font: 700 normal 20px/1 Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font: 700 normal 1.25rem/1 Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #500a70;
	margin-bottom: .5em
}
.ko-kr .stay-connected h2 {
	font-family: Dotum;
	font-size: 12px
}
.social-cards {
	text-align: center;
	max-width: 16em;
	margin: auto
}
@media only screen and (min-width:40em) {
	.social-cards {
		max-width: none;
		margin: initial
	}
}
.social-cards__card {
	display: inline-block;
	height: 71px;
	width: 99px;
	vertical-align: bottom;
	margin: 0 -20px;
	position: relative;
	z-index: 1;
	transform-style: preserve-3d;
	backface-visibility: hidden
}
.social-cards__card, .social-cards__card:before {
/*	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/knight/social-cards.png) 0 0 no-repeat;*/
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden
}
.social-cards__card:before {
	content: "";
	display: block;
	opacity: 0;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	position: absolute;
	transition: opacity .125s ease-out;
	-webkit-transition: opacity .125s ease-out
}
.social-cards__card:hover:before {
	opacity: 1
}
@media only screen and (min-width:40em) {
	.social-cards__card {
		margin: 0 -15px
	}
}
.social-cards__card--facebook {
	background-position: 0 0
}
.social-cards__card--facebook:before {
	background-position: 0 -77px
}
.social-cards__card--twitter {
	background-position: -99px 0
}
.social-cards__card--twitter:before {
	background-position: -99px -77px
}
.social-cards__card--youtube {
	background-position: -198px 0
}
.social-cards__card--youtube:before {
	background-position: -198px -77px
}
.social-cards__card--reddit {
	background-position: -297px 0
}
.social-cards__card--reddit:before {
	background-position: -297px -77px
}
.social-cards__card--googleplus {
	background-position: -396px 0
}
.social-cards__card--googleplus:before {
	background-position: -396px -77px
}
.social-cards__card--vkontakte {
	background-position: -491px 0
}
.social-cards__card--vkontakte:before {
	background-position: -491px -77px
}
.social-cards__card--instagram {
	background-position: -587px 0
}
.social-cards__card--instagram:before {
	background-position: -587px -77px
}
.button-content {
	color: #fff;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	text-shadow: 0 0 4px #000, 0 0 8px #000;
	overflow: hidden;
	text-transform: uppercase
}
.ko-kr .button-content {
	font-family: NanumMyeongjo Bold
}
.beta-button--home {
	height: 51px;
	margin-left: 10px;
	background: url(images/buttons/button1-top-small-644a0675747cf2bbdb3437d58f05ff27c3210d3c3b1f9b4a29a0d5c586ccf780414ac3b9e978f3c86188900771129a4576bcb46eadb9498aff3b7e4642132007.png) 100% -102px no-repeat;
	padding-right: 25px
}
.beta-button--home .button-content {
	background-image: url(images/buttons/button1-top-small-644a0675747cf2bbdb3437d58f05ff27c3210d3c3b1f9b4a29a0d5c586ccf780414ac3b9e978f3c86188900771129a4576bcb46eadb9498aff3b7e4642132007.png);
	padding-left: 25px;
	font-size: 17px;
	line-height: 50px;
	letter-spacing: 1px;
	min-width: 130px;
	margin-left: -10px;
	height: 51px
}
.ie9 .zh-tw .beta-button--home .button-content {
	min-width: 0
}
@media only screen and (min-width:72.5em) {
	.beta-button--home {
		height: 71px;
		margin: 24px 0 9px 10px;
		margin: 1.5rem 0 .6rem 10px;
		background: url(images/buttons/button1-top-0c4b25330368c084e9e16f0a9ecc9db0ed201d4a9d0837d029fab9d358b395f778c972fbf84a668980621694c2816f295eaddb3d56f19012d4443cee7973526c.png) 100% -142px no-repeat;
		padding-right: 35px
	}
}
@media only screen and (min-width:72.5em) {
	.beta-button--home .button-content {
		background-image: url(images/buttons/button1-top-0c4b25330368c084e9e16f0a9ecc9db0ed201d4a9d0837d029fab9d358b395f778c972fbf84a668980621694c2816f295eaddb3d56f19012d4443cee7973526c.png);
		padding-left: 35px;
		font-size: 24px;
		font-size: 1.5rem;
		line-height: 67px;
		min-width: 175px;
		height: 71px
	}
}
.ko-kr .beta-button--home .button-content {
	font-size: 18px
}
.beta-button--home:hover {
	background-position: 100% -153px;
	box-shadow: 0 11px 10px -12px #ff0
}
@media only screen and (min-width:72.5em) {
	.beta-button--home:hover {
		background-position: 100% -213px
	}
}
.beta-button--home:hover .button-content {
	background-position: 0 -51px
}
@media only screen and (min-width:72.5em) {
	.beta-button--home:hover .button-content {
		background-position: 0 -71px
	}
}
.beta-button-row {
	margin: -1em auto -2em;
	text-align: center
}
@media only screen and (min-width:40em) {
	.beta-button-row {
		margin: 1em auto
	}
}
.beta-button__text {
	display: block;
	font: 700 1.4em Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #2e2e2e;
	margin-top: .5em
}
.beta-button--sub {
	display: inline-block;
	height: 72px;
	background: transparent url(images/buttons/button1-top-sub-e4f02be833f7afe3a86949e94c49ed685f32ee72426a7bb10df73855fc060578febd8999365ac7d83e183cf5edf768cd8e831766380076f0942ce6d397566170.png) 100% -160px no-repeat;
	padding-right: 50px;
	z-index: 10;
	position: relative;
	margin-top: -16px;
	margin-top: -1rem
}
.beta-button--sub:hover .button-content {
	background-position: 0 -84px
}
.beta-button--sub .button-content {
	background-image: url(images/buttons/button1-top-sub-e4f02be833f7afe3a86949e94c49ed685f32ee72426a7bb10df73855fc060578febd8999365ac7d83e183cf5edf768cd8e831766380076f0942ce6d397566170.png);
	padding-left: 50px;
	font-size: 18px;
	line-height: 86px;
	min-width: 150px;
	margin-left: -30px;
	height: 72px;
	z-index: 2
}
.ko-kr .beta-button--sub .button-content {
	font-size: 16px
}
.ie9 .beta-button--sub .button-content {
	min-width: 0
}
@media only screen and (min-width:40em) {
	.beta-button--sub .button-content {
		height: 76px
	}
}
@media only screen and (min-width:40em) {
	.beta-button--sub {
		margin-top: 0;
		height: 78px
	}
}
.appstore-button {
	position: relative;
	z-index: 10
}
@media only screen and (min-width:30em) {
	.appstore-button {
		margin-top: -32px;
		margin-top: -2rem
	}
}
@media only screen and (min-width:30em) {
	.zh-tw .appstore-button {
		margin-top: 0
	}
}
@media only screen and (min-width:40em) {
	.zh-tw .appstore-button {
		margin-top: -32px;
		margin-top: -2rem
	}
}
.homepage .appstore-button {
	margin-top: 0
}
.store-button {
	height: 40px
}
.android-container {
	position: relative;
	z-index: 10
}
@media only screen and (min-width:30em) {
	.android-container {
		margin-top: -32px;
		margin-top: -2rem
	}
}
@media only screen and (min-width:30em) {
	.zh-tw .android-container {
		margin-top: 0
	}
}
@media only screen and (min-width:40em) {
	.zh-tw .android-container {
		margin-top: -32px;
		margin-top: -2rem
	}
}
.homepage .android-container {
	margin-top: 4px;
	margin-top: .25rem
}
@media only screen and (min-width:30em) {
	.homepage .android-container {
		margin-top: 16px;
		margin-top: 1rem
	}
}
.android-container .ui-button {
	margin-left: 8px;
	margin-left: .5rem
}
.android-container .ui-button:first-child {
	margin-left: 0
}
.hearthstone-cta__inner {
	padding: 4px;
	background-color: #6f5742;
	background: linear-gradient(180deg, #6f5742, #81615d);
	border-radius: 3px;
	border: 0;
	display: block
}
.hearthstone-cta {
	cursor: pointer;
	padding: 0 2px;
	background-color: #c1b3b0;
	background: linear-gradient(180deg, #c1b3b0, #c1b3b0 9%, #4a3424 93%, #1c140d);
	border-top: 2px solid #ad9a90;
	border-bottom: 2px solid #1c140d;
	border-right: none;
	border-left: none;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .35);
	border-radius: 5px;
	display: inline-block;
	height: auto
}
.hearthstone-cta .hearthstone-cta__btn {
	background-color: #bc22c7;
	background: linear-gradient(180deg, #f756fe, #c84bd6 5%, #7305ae 59%, #661f91);
	box-shadow: 0 2px 6px 0 #331e0b;
	display: table;
	padding: 3px;
	color: #fff;
	text-decoration: none;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	text-shadow: 1px 1px #000;
	font-size: 17px;
	font-size: 1.1rem;
	line-height: 1;
	letter-spacing: 1px;
	text-align: center;
	border-radius: 2px;
	height: 35px;
	height: 2.2rem;
	min-height: 35px;
	min-height: 2.2rem;
	width: 100%;
	z-index: 1;
	transition: all .1s ease-out
}
.hearthstone-cta .hearthstone-cta__text {
	background: radial-gradient(circle, #bc22c7 25%, #7c1693 75%, #5c1096);
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	color: #fff;
	padding: 9px 24px;
	padding: .6rem 1.5rem;
	text-transform: uppercase;
	font-weight: 700;
	text-shadow: 0 0 4px #000, 0 0 8px #000;
	font-size: 20px;
	font-size: 1.25rem;
	letter-spacing: 2px;
	position: relative;
	z-index: 1;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	transform-style: preserve-3d;
	backface-visibility: hidden
}
.hearthstone-cta .hearthstone-cta__text:before {
	content: "";
	background: radial-gradient(circle, #e235ee 22%, #981cb4);
	border-radius: inherit;
	display: block;
	opacity: 0;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	position: absolute;
	transition: opacity .125s ease-out;
	-webkit-transition: opacity .125s ease-out;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden
}
@media only screen and (min-width:72.5em) {
	.hearthstone-cta .hearthstone-cta__text {
		font-size: 22px;
		font-size: 1.4rem;
		padding: 11px 27px;
		padding: .7rem 1.7rem
	}
}
.hearthstone-cta .hearthstone-cta__text:hover, .hearthstone-cta:not([disabled]):hover, .hearthstone-cta:not([disabled]):hover .hearthstone-cta__inner, .hearthstone-cta:not([disabled]):hover .hearthstone-cta__text {
	text-decoration: none
}
.hearthstone-cta:not([disabled]):hover .hearthstone-cta__text:before {
	opacity: 1
}
.hearthstone-cta:not([disabled]):active .hearthstone-cta__btn {
	-webkit-transform: scale(.989);
	-ms-transform: scale(.989);
	transform: scale(.989)
}
.hearthstone-cta--small .hearthstone-cta__text {
	font-size: 20px;
	font-size: 1.25rem;
	padding: 9px 24px;
	padding: .6rem 1.5rem
}
.hearthstone-cta--xsmall .hearthstone-cta__text {
	padding-top: 4px;
	padding-top: .25rem;
	padding-bottom: 4px;
	padding-bottom: .25rem;
	font-size: 12px;
	font-size: .8rem
}
.hearthstone-cta--xsmall .hearthstone-cta__btn {
	height: auto;
	min-height: 0
}
.is-active .hearthstone-cta__text {
	background: radial-gradient(circle, #e235ee 25%, #981cb4 75%, #600f9e);
	box-shadow: inset 0 0 16px 0 #f34bff
}
.hearthstone-button__inner {
	padding: 4px;
	background-color: #47413d;
	background: linear-gradient(180deg, #47413d, #302a27);
	border: 0;
	display: block
}
.hearthstone-button--reset {
	box-shadow: none;
	border-radius: 0;
	background: none;
	padding: 0;
	border: none
}
.hearthstone-button {
	padding: 4px 5px;
	background-color: #bda160;
	background: linear-gradient(180deg, #bda160, #e3c165 4%, #e5d591 5%, #8d7546 12%, #533827 95%, #30241d);
	border-top: 1px solid #bda160;
	border-bottom: 1px solid #30241d;
	border-right: none;
	border-left: none;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .35);
	border-radius: 5px;
	display: block
}
@media only screen and (min-width:40em) {
	.hearthstone-button {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}
}
.hearthstone-button .hearthstone-button__btn {
	background-color: #64614e;
	background: linear-gradient(180deg, #6b6356, #585350 5%, #5d5a53 93%, #343231);
	display: table;
	padding: 3px;
	color: #fff;
	text-decoration: none;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1;
	letter-spacing: 1px;
	text-align: center;
	border-radius: 3px;
	height: 40px;
	height: 2.5rem;
	min-height: 40px;
	min-height: 2.5rem;
	width: 100%
}
@media only screen and (min-width:40em) {
	.hearthstone-button .hearthstone-button__btn {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}
}
.hearthstone-button .hearthstone-button__text {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	color: #250600;
	background-color: #9d8f86;
	background: linear-gradient(180deg, #9d8f86, #d2c4b0 17%, #988c7b);
	border-radius: 2px;
	font-weight: 700;
	padding: 8px;
	padding: .5rem
}
.hearthstone-button .hearthstone-button__text:hover {
	text-decoration: none
}
@media only screen and (min-width:40em) {
	.hearthstone-button .hearthstone-button__text {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}
}
.hearthstone-button:hover {
	background-color: #d1aa32;
	background: linear-gradient(180deg, #d1aa32, #f0d852 5%, #fef5c5 8%, #c0a618 12%, #976a1b 95%, #534120);
	border-top-color: #d1aa32;
	border-bottom-color: #534120;
	text-decoration: none
}
@media only screen and (min-width:40em) {
	.hearthstone-button:hover {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}
}
.hearthstone-button:hover .hearthstone-button__inner {
	text-decoration: none
}
.hearthstone-button:hover .hearthstone-button__text {
	background-color: #9d8f86;
	background: linear-gradient(180deg, #9d8f86, #efe4d4 17%, #a49a8b);
	color: #250600
}
@media only screen and (min-width:40em) {
	.hearthstone-button:hover .hearthstone-button__text {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}
}
.hearthstone-button.is-active {
	background-color: #d1aa32;
	background: linear-gradient(180deg, #d1aa32, #f0d852 5%, #fef5c5 8%, #c0a618 12%, #976a1b 95%, #534120);
	border-top-color: #d1aa32;
	border-bottom-color: #534120;
	text-decoration: none
}
@media only screen and (min-width:40em) {
	.hearthstone-button.is-active {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}
}
.hearthstone-button.is-active .hearthstone-button__text {
	background-color: #4c3f25;
	background: linear-gradient(180deg, #4c3f25, #5b4d30 17%, #463a21);
	color: #edddc2
}
@media only screen and (min-width:40em) {
	.hearthstone-button.is-active .hearthstone-button__text {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}
}
.is-active .hearthstone-button {
	background-color: #d1aa32;
	background: linear-gradient(180deg, #d1aa32, #f0d852 5%, #fef5c5 8%, #c0a618 12%, #976a1b 95%, #534120);
	border-top-color: #d1aa32;
	border-bottom-color: #534120;
	text-decoration: none
}
@media only screen and (min-width:40em) {
	.is-active .hearthstone-button {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}
}
.is-active .hearthstone-button__text {
	background-color: #4c3f25;
	background: linear-gradient(180deg, #4c3f25, #5b4d30 17%, #463a21);
	color: #edddc2
}
@media only screen and (min-width:40em) {
	.is-active .hearthstone-button__text {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}
}
.hearthstone-cta--disabled, .meetup-submit--disabled {
	opacity: .5;
	cursor: not-allowed
}
.button1 {
	height: 38px
}
.button1 .button-left, .button1 .button-right {
	height: 38px;
	background-image: url(images/buttons/button4-477250ffb631549a3d8e722862d479919b5930aeec1090cfee8ca38b69ac58c330f5b2420a1f7a74f3d1f2eb5e28691c010a3becf0107e24ffb13074fa5d3369.png)
}
.button1 .button-left {
	padding-left: 34px;
	background-position: 0 0
}
.button1 .button-right {
	padding-right: 36px;
	background-position: 100% -114px;
	height: 38px;
	line-height: 35px;
	font-size: 13px;
	color: #fefefe;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	text-shadow: 0 0 5px #dd3400;
	text-transform: uppercase;
	overflow: hidden
}
.ko-kr .button1 .button-right {
	font-family: Dotum
}
.button1:hover .button-left {
	background-position: 0 -38px
}
.button1:hover .button-right {
	color: #fff;
	background-position: 100% -152px
}
.button1.disabled .button-left, .button1.processing .button-left {
	background-position: 0 -76px;
	cursor: default
}
.button1.disabled .button-right, .button1.processing .button-right {
	color: #a79fa0;
	text-shadow: 0 0 5px #000;
	background-position: 100% -190px;
	cursor: default
}
.button2 span {
	background: transparent url(images/buttons/button2-06ccbbc89f54f3c59dd10ae550ced008e8808a19c69094d4b958d147d6644225e87e1f713ce6ee4f3153d9bffb7c7c41601679f3c0cec0a96fbea626626e2636.png) 0 0;
	line-height: 25px;
	height: 27px;
	padding: 0 0 0 21px;
	font-size: 11px
}
.button2 span span {
	padding: 0 23px 0 0;
	background-position: 100% -81px;
	color: #fff
}
.button2.hover span, .button2:hover span {
	background-position: 0 -27px
}
.button2.hover span span, .button2:hover span span {
	background-position: 100% -108px
}
.button2.disabled .button-left, .button2.processing .button-left {
	background-position: 0 -54px;
	cursor: default
}
.button2.disabled .button-right, .button2.processing .button-right {
	color: #bbb;
	background-position: 100% -135px;
	cursor: default
}
.button3 span {
	background-image: url(images/buttons/button3-b612ac6971c4c10e0a6ceedd635874fd54adef7355880fba1d07caacce51de0096e4da57bf08e0514b6e81635ea701a9a2566c33e48a59ba3e8252cd63f8262e.png);
	padding: 0 0 0 13px;
	background-position: 0 0
}
.button3 span span {
	padding: 0 13px 0 0;
	background-position: 100% -48px;
	color: #fff
}
.button3.hover span, .button3:hover span {
	background-position: 0 -24px
}
.button3.hover span span, .button3:hover span span {
	background-position: 100% -72px;
	color: #daac55
}
.btn-bar {
	display: block;
	background-color: #dec79b;
	background-color: rgba(116, 50, 0, .07)
}
.btn--dark, .btn-bar--centered {
	text-align: center
}
.btn--dark {
	display: block;
	margin: 8px 16px;
	margin: .5rem 1rem
}
.btn--dark--vertical {
	margin: 0
}
.btn--dark--vertical+.btn--dark--vertical {
	margin-top: 8px;
	margin-top: .5rem
}
.btn--dark--full-width {
	width: 100%
}
.btn--dark__link {
	border-radius: .25rem;
	display: block;
	background-color: #a0815d;
	border: 6px solid #c6b38a;
	color: #fff;
	text-decoration: none;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	text-shadow: 1px 1px #000;
	font-size: 18px;
	font-size: 1.125rem;
	letter-spacing: 1px
}
.btn--dark__link--full-width {
	width: 100%;
	max-width: 480px;
	max-width: 30rem;
	margin: auto
}
.btn--dark__link:hover {
	background-color: #725a37;
	text-decoration: none
}
.btn--dark__inner {
	padding: .25em 0;
	display: block;
	box-shadow: 0 1px 1px #725a37
}
.endcap {
	height: 43px;
	content: "";
	display: inline-block
}
.hearthstone-dropdown {
	font-family: Helvetica, Arial, sans-serif;
	display: block;
	position: relative;
	white-space: nowrap
}
.hearthstone-dropdown:before {
	height: 43px;
	content: "";
	display: inline-block;
	width: 35px;
	background: url(images/buttons/hearthstone-dropdown-cdcc72b4c0f1ff2bba90694807b33bc44e31c3a0146a915ea5174ffb07ddbc75e2f2248f5805744d420460d67aded8181c051d62ee12133753d22b7513451468.png) 0 0 no-repeat
}
.hearthstone-dropdown:after {
	height: 43px;
	content: "";
	display: inline-block;
	width: 70px;
	background: url(images/buttons/hearthstone-dropdown-cdcc72b4c0f1ff2bba90694807b33bc44e31c3a0146a915ea5174ffb07ddbc75e2f2248f5805744d420460d67aded8181c051d62ee12133753d22b7513451468.png) 0 -45px no-repeat;
	margin-left: -5px
}
.hearthstone-dropdown:hover {
	cursor: pointer
}
.hearthstone-dropdown:hover:after {
	background-position: 0 -90px
}
.hearthstone-dropdown select {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	position: absolute;
	top: 0;
	left: 35px;
	width: 90%;
	display: block;
	min-height: 41px;
	height: 41px
}
.hearthstone-dropdown select:hover {
	cursor: pointer
}
.dropdown-fullwidth {
	width: calc(100% - 105px)
}
.dropdown__border {
	vertical-align: top;
	width: 64%;
	width: calc(100% - 105px);
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	background-color: #8b867a;
	background-image: linear-gradient(#8b867a, #0e100e);
	padding: 3px 0;
	border: none;
	margin-left: -6px
}
@media only screen and (min-width:40em) {
	.dropdown__border {
		width: 68%;
		width: calc(100% - 105px)
	}
}
.dropdown__wrapper {
	background-color: #3b3732;
	padding: 4px;
	display: block
}
.dropdown__selected {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	border: 2px solid #7b766d;
	border-radius: 3px;
	height: 27px;
	text-align: left;
	padding-left: 8px;
	padding-left: .5rem;
	font-weight: 700;
	text-transform: none;
	font-size: 16px;
	font-size: 1rem;
	background-color: #eadbb5
}
.location .dropdown__selected {
	background: #eadbb5 url(images/buttons/hearthstone-dropdown-cdcc72b4c0f1ff2bba90694807b33bc44e31c3a0146a915ea5174ffb07ddbc75e2f2248f5805744d420460d67aded8181c051d62ee12133753d22b7513451468.png) 0 -140px no-repeat;
	padding-left: 32px;
	padding-left: 2rem
}
.DataContainer-widthLimit {
	max-width: 1160px;
	margin: 0 auto
}
.DataContainer-headingContainer {
	margin: auto auto 10px 5px
}
.DataContainer-disclaimer {
	text-align: left;
	margin-left: 5px;
	font-style: italic;
	font-size: 13px;
	height: 15px;
	color: #666
}
.DataContainer-frame {
	position: relative;
	margin-bottom: 17px;
	padding: 7%;
	height: 365px;
	text-align: left;
	background: url(images/containers/data-container-frame-bg-b7e71e19509953fc5ab31bd39f690673d2a7a6b75a9e12fe6b7869f0b2bddd5387ccf3ca85210802638f334c3b968a01353a2c1b082d951fee302bd2a7fed46f.png) top no-repeat;
	background-size: 100% 100%
}
.DataContainer-cta {
	background: no-repeat 50%;
	height: 50px;
	margin: 0 auto;
	width: 98%
}
@media only screen and (min-width:40em) {
	.DataContainer-cta {
		width: 90%
	}
}
.DataContainer-cta .hearthstone-cta {
	width: 100%
}
@media only screen and (min-width:40em) {
	.DataContainer-cta .hearthstone-cta {
		width: 60%
	}
}
.DataContainer-buttonTrim {
	display: none
}
@media only screen and (min-width:40em) {
	.DataContainer-buttonTrim {
		width: 19%;
		height: 100%;
		display: initial
	}
}
.DataContainer-buttonLeft {
	float: left;
	background: url(images/containers/data-container-cta-trim-left.png) top no-repeat;
	background-size: contain
}
.DataContainer-buttonRight {
	float: right;
	background: url(images/containers/data-container-cta-trim-right.png) top no-repeat;
	background-size: contain
}
.content-trail {
	margin: 8px auto;
	margin: .5rem auto;
	padding-left: 1em;
	max-width: 1160px;
	max-width: 72.5rem;
	height: 36px;
	position: relative;
	z-index: 1
}
.content-trail ol {
	padding: 0
}
@media only screen and (min-width:60em) {
	.content-trail {
		margin-top: -32px;
		margin-top: -2rem;
		padding: 0 80px;
		padding: 0 5rem
	}
}
@media only screen and (min-width:72.5em) {
	.content-trail {
		margin-top: -24px;
		margin-top: -1.5rem
	}
}
.ui-breadcrumb {
	font: 700 11px/28px Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	padding: 0 16px;
	padding: 0 1rem
}
.ui-breadcrumb li {
	padding-right: 0;
	margin-right: 0;
	display: inline-block;
	float: none
}
.ui-breadcrumb li.last {
	padding: 0
}
.ui-breadcrumb li.last a {
	color: #233a6e;
	border-bottom: 1px dotted #233a6e;
	max-width: 180px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block
}
.ui-breadcrumb li.last a:hover {
	text-decoration: none
}
.ui-breadcrumb li.children .breadcrumb-text {
	border-bottom: 1px dotted #aaa
}
.ui-breadcrumb li a {
	display: inline-block;
	line-height: 1.5;
	vertical-align: middle
}
.ui-breadcrumb li a.opened {
	text-decoration: underline
}
.ui-breadcrumb li .breadcrumb-arrow:after {
	border: 0;
	content: "";
	display: inline-block;
	background: url(images/icons/arrows-cca99620ac14a76369db44781e9051cdb441afc5c328a9b4d17e626f5b82842f61f163dfec4184e68a17d969eff351ed4e0ef4405b50a298e1dcdb7131537f7a.gif) no-repeat 0 -103px;
	width: 12px;
	height: 10px;
	margin: 0 7px 0 0;
	vertical-align: middle
}
.ui-breadcrumb.breadcrumb-can-scroll {
	overflow-x: auto
}
.explore-nav-is-out .ui-breadcrumb.breadcrumb-can-scroll {
	overflow: hidden
}
.zh-tw .ui-breadcrumb {
	font-family: none
}
.ko-kr .ui-breadcrumb li .breadcrumb-text {
	font-family: Dotum;
	font-size: 11px
}
.ie67 .ui-breadcrumb li .breadcrumb-arrow {
	margin-right: 10px
}
.screenshot-carousel {
	text-align: center;
	position: relative;
	display: block;
	margin: auto;
	z-index: 1
}
.screenshot-carousel.active-6 .carousel-list {
	-webkit-transform: translate(-500%);
	-ms-transform: translate(-500%);
	transform: translate(-500%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel.active-6 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel.active-5 .carousel-list {
	-webkit-transform: translate(-400%);
	-ms-transform: translate(-400%);
	transform: translate(-400%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel.active-5 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel.active-4 .carousel-list {
	-webkit-transform: translate(-300%);
	-ms-transform: translate(-300%);
	transform: translate(-300%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel.active-4 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel.active-3 .carousel-list {
	-webkit-transform: translate(-200%);
	-ms-transform: translate(-200%);
	transform: translate(-200%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel.active-3 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel.active-2 .carousel-list {
	-webkit-transform: translate(-100%);
	-ms-transform: translate(-100%);
	transform: translate(-100%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel.active-2 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel.active-1 .carousel-list {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel.active-1 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel .indicators {
	margin-top: 17px;
	margin-top: 1.1rem
}
@media only screen and (min-width:60em) {
	.screenshot-carousel .indicators {
		margin-top: 32px;
		margin-top: 2rem
	}
}
.screenshot-carousel .screen--wallpaper:hover .next, .screenshot-carousel .screen--wallpaper:hover .prev {
	opacity: 1
}
.screenshot-carousel .next, .screenshot-carousel .prev {
	opacity: 0;
	transition: opacity .15s ease-out, scale .15s ease-out
}
@media only screen and (min-width:40em) {
	.screenshot-carousel--playing-hearthstone .screen {
		max-width: none
	}
}
.screenshot-carousel--home {
	max-width: 757px;
	width: 100%;
	background-size: 100%
}
@media only screen and (min-width:60em) {
	.screenshot-carousel--home {
		background: url(images/screenshot-frame-bg-14661bf350f0a55dd8da1ad7bf9279932edb3eed73329d138df197977ae0313b8ddf8a147b862ba11cdbb8aab9bd84a4f79c445072ef34459936dd58301fa116.png) top no-repeat;
		max-width: 837px;
		margin-top: 64px;
		margin-top: 4rem
	}
}
.screenshot-carousel--wallpaper.active-12 .carousel-list {
	-webkit-transform: translate(-1100%);
	-ms-transform: translate(-1100%);
	transform: translate(-1100%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-12 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel--wallpaper.active-11 .carousel-list {
	-webkit-transform: translate(-1000%);
	-ms-transform: translate(-1000%);
	transform: translate(-1000%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-11 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel--wallpaper.active-10 .carousel-list {
	-webkit-transform: translate(-900%);
	-ms-transform: translate(-900%);
	transform: translate(-900%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-10 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel--wallpaper.active-9 .carousel-list {
	-webkit-transform: translate(-800%);
	-ms-transform: translate(-800%);
	transform: translate(-800%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-9 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel--wallpaper.active-8 .carousel-list {
	-webkit-transform: translate(-700%);
	-ms-transform: translate(-700%);
	transform: translate(-700%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-8 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel--wallpaper.active-7 .carousel-list {
	-webkit-transform: translate(-600%);
	-ms-transform: translate(-600%);
	transform: translate(-600%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-7 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel--wallpaper.active-6 .carousel-list {
	-webkit-transform: translate(-500%);
	-ms-transform: translate(-500%);
	transform: translate(-500%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-6 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel--wallpaper.active-5 .carousel-list {
	-webkit-transform: translate(-400%);
	-ms-transform: translate(-400%);
	transform: translate(-400%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-5 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel--wallpaper.active-4 .carousel-list {
	-webkit-transform: translate(-300%);
	-ms-transform: translate(-300%);
	transform: translate(-300%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-4 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel--wallpaper.active-3 .carousel-list {
	-webkit-transform: translate(-200%);
	-ms-transform: translate(-200%);
	transform: translate(-200%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-3 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel--wallpaper.active-2 .carousel-list {
	-webkit-transform: translate(-100%);
	-ms-transform: translate(-100%);
	transform: translate(-100%)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-2 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screenshot-carousel--wallpaper.active-1 .carousel-list {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}
@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-1 .carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.screen {
	position: relative;
	margin: 0 16px;
	margin: 0 1rem
}
@media only screen and (min-width:60em) {
	.screen {
		z-index: 2;
		padding-bottom: 0;
		margin: auto
	}
}
.screen:hover .overlay__control {
	opacity: 1
}
.screen--home {
	max-width: 720px;
	margin: 0 auto
}
.screen--home .overlay__control.next {
	right: 0
}
@media only screen and (min-width:60em) {
	.screen--home .overlay__control.next {
		right: -5px
	}
}
.screen--home .overlay__control.prev {
	right: 0
}
@media only screen and (min-width:60em) {
	.screen--home .overlay__control.prev {
		left: -3px
	}
}
.screen-carousel-container {
	position: relative
}
.carousel-list {
	white-space: nowrap;
	font-size: .1px;
	overflow: hidden
}
@media only screen and (min-width:60em) {
	.carousel-list {
		width: 100%;
		transition: none
	}
}
.carousel__item {
	max-width: 100%;
	display: inline-block;
	vertical-align: top
}
@media only screen and (min-width:40em) {
	.carousel__item {
		background: none;
		padding: 0
	}
}
.carousel__item--wallpaper {
	width: 720px
}
@media only screen and (min-width:60em) {
	.carousel__item {
		max-width: 100%;
		top: 0
	}
}
.carousel__item.active {
	z-index: 1;
	opacity: 1;
	position: relative
}
@media only screen and (min-width:40em) {
	.carousel__item--playing-hearthstone {
		padding: 8px
	}
}
.carousel__item--playing-hearthstone .media-frame {
	margin: 0
}
.carousel__item--playing-hearthstone .active {
	position: absolute
}
.carousel__img {
	display: block
}
@media only screen and (min-width:60em) {
	.carousel__img--home {
		margin-top: -3px;
		border-radius: 10px
	}
}
.screenshot-indicator {
	height: 28px;
	width: 28px;
	background: transparent url(images/buttons/screenshot-overlay-243c5208fc979cda6e668d6e5f5183f2f6fc1376c8b2432e4205f1707ae45e6cce8ba35f699c7669a17853ecda06f13c5c19bc00a9f35f44e19815cd407b4518.png) -325px -262px no-repeat;
	display: inline-block;
	z-index: 1;
	position: relative
}
.screenshot-indicator:before {
	content: "";
	background: transparent url(images/buttons/screenshot-overlay-243c5208fc979cda6e668d6e5f5183f2f6fc1376c8b2432e4205f1707ae45e6cce8ba35f699c7669a17853ecda06f13c5c19bc00a9f35f44e19815cd407b4518.png) -355px -262px no-repeat;
	display: block;
	opacity: 0;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	position: absolute;
	transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out
}
.screenshot-indicator:hover {
	cursor: pointer
}
.screenshot-indicator:hover:before {
	opacity: 1
}
.screenshot-indicator.active:before {
	opacity: 1;
	background-position: -385px -262px
}
.heading--carousel {
	max-width: 720px;
	max-width: 45rem;
	text-align: left
}
@media only screen and (min-width:40em) {
	.heading--carousel {
		font-size: 18px;
		font-size: 1.125rem;
		font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
		text-align: center;
		color: #fff;
		line-height: 1em;
		text-shadow: 0 0 4px #000, 0 0 8px #000;
		top: .25em;
		margin-bottom: 0;
		border-bottom: none;
		max-width: none;
		text-transform: uppercase;
		padding-bottom: .35em;
		padding-top: .9em
	}
}
.overlay-control-container {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding-top: 57%
}
.overlay-controls {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3
}
.overlay-controls--playing-hearthstone {
	right: 16px;
	right: 1rem;
	left: 16px;
	left: 1rem
}
@media only screen and (min-width:60em) {
	.overlay-controls--playing-hearthstone {
		right: 8px;
		left: 8px
	}
}
.overlay-controls:hover .overlay__control {
	background-image: url(images/buttons/screenshot-overlay-243c5208fc979cda6e668d6e5f5183f2f6fc1376c8b2432e4205f1707ae45e6cce8ba35f699c7669a17853ecda06f13c5c19bc00a9f35f44e19815cd407b4518.png);
	background-repeat: no-repeat
}
.ie8 .overlay-controls {
	background: url(images/layout/blank-2b9c34be3c86965d0c33a589279630ed6ad674642b08d42cdf1d70408f836db34dbaa394a2727a9910f12a364114096837f74e10e92512bff40934fb6a3d0d48.gif)
}
.overlay__control {
	position: absolute;
	top: 50%;
	width: 33%;
	height: 92px;
	max-width: 100px;
	z-index: 4;
	background-image: url(images/buttons/screenshot-overlay-243c5208fc979cda6e668d6e5f5183f2f6fc1376c8b2432e4205f1707ae45e6cce8ba35f699c7669a17853ecda06f13c5c19bc00a9f35f44e19815cd407b4518.png);
	background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.overlay__control.prev {
	background-position: -329px 0;
	left: 0
}
.overlay__control.prev:hover {
	background-position: -429px 0;
	cursor: pointer
}
.overlay__control.prev:active {
	-webkit-transform: translateY(-50%) scale(.98) translateX(-1px);
	-ms-transform: translateY(-50%) scale(.98) translateX(-1px);
	transform: translateY(-50%) scale(.98) translateX(-1px)
}
.overlay__control.next {
	background-position: -492px 0;
	right: 0
}
.overlay__control.next:hover {
	background-position: -592px 0;
	cursor: pointer
}
.overlay__control.next:active {
	-webkit-transform: translateY(-50%) scale(.98) translateX(1px);
	-ms-transform: translateY(-50%) scale(.98) translateX(1px);
	transform: translateY(-50%) scale(.98) translateX(1px)
}
.overlay__control.zoom {
	background-position: 227px 192px;
	left: 100px;
	right: 100px;
	width: auto;
	max-width: none
}
.overlay__control.zoom:hover {
	background-position: 227px -73px;
	cursor: pointer
}
.bubbleContainer {
	width: 100%;
	display: block;
	max-width: 45em;
	margin: 20px auto
}
#lightbox-anchor {
	position: absolute;
	top: 10%;
	left: 0;
	z-index: 9005;
	width: 100%
}
#lightbox-container {
	width: 890px;
	height: 641px;
	position: relative;
	display: none;
	margin: 0 auto;
	background-color: #000
}
#lightbox-container .ui-element {
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) no-repeat
}
#lightbox-content, #lightbox-content_bracket {
	background: #0d0804;
	z-index: 9005;
	position: relative
}
#lightbox-title {
	position: relative;
	background: transparent url(images/ui/lightbox-title-e592417b9e169f98fff63ccec3de96d731960436782dbc400cd1a240e015806fae0559bec71a387f35d5d1d69c395997072b968d9731719ce6a05d38b9017335.jpg);
	height: 26px;
	font: normal 13px/26px Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #fff;
	padding-left: 20px;
	text-transform: uppercase;
	margin: 0
}
.ko-kr #lightbox-title {
	font-family: NanumMyeongjo Bold
}
#lightbox-container .control-wrapper.no-paging, #lightbox-title:empty {
	display: none
}
#lightbox-container .lightbox-close, .modal-container .lightbox-close {
	display: block;
	cursor: pointer;
	position: absolute;
	float: right;
	right: -9px;
	top: -7px;
	width: 45px;
	height: 46px;
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) -84px 0 repeat-x;
	z-index: 9007;
	transition: all .25s ease-out
}
#lightbox-container .lightbox-close:before, .modal-container .lightbox-close:before {
	content: "";
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) -128px 0 repeat-x;
	z-index: -1;
	position: absolute;
	display: block;
	opacity: 0;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	transition: opacity .15s ease-out
}
#lightbox-container .lightbox-close:hover:before, .modal-container .lightbox-close:hover:before {
	opacity: 1
}
#lightbox-container .lightbox-close:active, .modal-container .lightbox-close:active {
	-webkit-transform: scale(.98);
	-ms-transform: scale(.98);
	transform: scale(.98)
}
#lightbox-container .border, .modal-container .border {
	position: absolute;
	float: left;
	z-index: 9006
}
#lightbox-container #lb-border-top, .modal-container #lb-border-top {
	height: 18px;
	top: -18px;
	left: 0;
	background: url(images/ui/lightbox-frame-6b7c3679493cc5ce9b2e01650ab74d90dc477827f301fff62910a61e3e8f7b05fdd368451d1c7fb9b7aab8bb258ada866f0d9ea98a99d605364057cd1644e1ef.png) 50% 0 repeat-x;
	padding-right: 12px
}
#lightbox-container #lb-border-right, .modal-container #lb-border-right {
	width: 18px;
	top: 0;
	right: -18px;
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) -272px 0 repeat-y;
	padding-bottom: 9px
}
#lightbox-container #lb-border-bottom, .modal-container #lb-border-bottom {
	height: 18px;
	bottom: -18px;
	left: 0;
	background: url(images/ui/lightbox-frame-6b7c3679493cc5ce9b2e01650ab74d90dc477827f301fff62910a61e3e8f7b05fdd368451d1c7fb9b7aab8bb258ada866f0d9ea98a99d605364057cd1644e1ef.png) 50% -19px repeat-x;
	padding-right: 12px
}
#lightbox-container #lb-border-left, .modal-container #lb-border-left {
	width: 18px;
	top: 0;
	left: -18px;
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) -254px 0 repeat-y;
	padding-bottom: 9px
}
#lightbox-container .corner, .modal-container .corner {
	position: absolute;
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) no-repeat;
	width: 38px;
	height: 38px;
	float: left;
	z-index: 9007
}
#lightbox-container .corner-top-left, .modal-container .corner-top-left {
	background-position: -176px 0;
	top: -18px;
	left: -16px
}
#lightbox-container .corner-bottom-left, .modal-container .corner-bottom-left {
	background-position: -174px -39px;
	bottom: -18px;
	left: -18px
}
#lightbox-container .corner-top-right, .modal-container .corner-top-right {
	background-position: -214px 0;
	top: -18px;
	right: -18px
}
#lightbox-container .corner-bottom-right, .modal-container .corner-bottom-right {
	background-position: -214px -39px;
	bottom: -18px;
	right: -18px
}
#lightbox-container .control-wrapper, .modal-container .control-wrapper {
	height: 47px;
	position: relative;
	width: 100%;
	z-index: 9006;
	background: transparent url(images/ui/lightbox-controls-bg-c4c8e9d33c6f20d458f70fbf7c0471fddc34465188f9b62ccda7977e69d3841d1b8e1b313c419788407afdc5bd0972f65715d889ff17cfa818d7f7b3b4c496d6.jpg) no-repeat
}
#lightbox-container .control-wrapper .lightbox-controls, .modal-container .control-wrapper .lightbox-controls {
	height: 47px;
	margin: 0 auto;
	position: relative
}
#lightbox-container .control-wrapper .lightbox-controls.ui-element, .modal-container .control-wrapper .lightbox-controls.ui-element {
	background: none
}
#lightbox-container .control-wrapper a, .modal-container .control-wrapper a {
	display: block;
	height: 47px;
	float: left;
	position: relative;
	z-index: 1;
	transition: all .25s ease-out
}
#lightbox-container .control-wrapper a:before, .modal-container .control-wrapper a:before {
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) 0 5px no-repeat;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: -1;
	opacity: 0;
	transition: opacity .15s ease-out
}
#lightbox-container .control-wrapper a:active, .modal-container .control-wrapper a:active {
	-webkit-transform: scale(.989);
	-ms-transform: scale(.989);
	transform: scale(.989)
}
#lightbox-container .control-wrapper a:hover:before, .modal-container .control-wrapper a:hover:before {
	opacity: 1
}
#lightbox-container .control-wrapper a.previous, .modal-container .control-wrapper a.previous {
	width: 37px;
	background-position: 0 5px;
	margin-left: 10px
}
#lightbox-container .control-wrapper a.previous:before, .modal-container .control-wrapper a.previous:before {
	background-position: 0 -40px
}
#lightbox-container .control-wrapper a.gallery-view, .modal-container .control-wrapper a.gallery-view {
	width: 76px;
	background-position: -84px -8px
}
#lightbox-container .control-wrapper a.gallery-view:hover, .modal-container .control-wrapper a.gallery-view:hover {
	background-position: -84px -58px
}
#lightbox-container .control-wrapper a.next, .modal-container .control-wrapper a.next {
	width: 37px;
	background-position: -46px 5px;
	float: right;
	margin-right: 10px
}
#lightbox-container .control-wrapper a.next:before, .modal-container .control-wrapper a.next:before {
	background-position: -46px -40px
}
#lightbox-container .control-wrapper.no-paging .lightbox-controls, .modal-container .control-wrapper.no-paging .lightbox-controls {
	height: 47px
}
#lightbox-container .control-wrapper.no-paging a.gallery-view, .modal-container .control-wrapper.no-paging a.gallery-view {
	margin: 0
}
#lightbox-container .control-wrapper.no-paging a.next, #lightbox-container .control-wrapper.no-paging a.previous, .modal-container .control-wrapper.no-paging a.next, .modal-container .control-wrapper.no-paging a.previous {
	display: none
}
#lightbox-container .control-wrapper.no-gallery .lightbox-controls.ui-element, .modal-container .control-wrapper.no-gallery .lightbox-controls.ui-element {
	background: none
}
#lightbox-container .control-wrapper.no-gallery a.gallery-view, .modal-container .control-wrapper.no-gallery a.gallery-view {
	display: none
}
#lightbox-container .control-wrapper.no-gallery.no-paging, .modal-container .control-wrapper.no-gallery.no-paging {
	height: 47px
}
#lightbox-container .lightbox-error, .modal-container .lightbox-error {
	text-align: center;
	font-size: 16px;
	background: #000;
	vertical-align: text-bottom;
	line-height: 550px
}
.ie6 #lightbox-container #lb-border-left, .ie6 #lightbox-container #lb-border-right, .ie6 #lightbox-container .corner, .ie6 #lightbox-container .ui-element {
	background-image: url(images/ui/lightbox-035bae8fdab0539466eacceb982db34834ff5e902492413be3dd5f06d3e233cd4f4d287b861e4ee92f298185bb041fcd4b909c184312ab898474a73c87734b26.gif)
}
.ie6 #lightbox-container {
	zoom: 1
}
.foot {
	clear: left;
	padding-top: 65px;
	padding-bottom: 60px;
	background-image: url(images/footer/footer-bg-mobile-7be2d60f0a1fd865a94ab464da15cd37c364018affd2d696d238de047b296881b4f37e590f03cff9b312a17afe25b2bff215e56e66df7408d823a9380599a55e.png);
	background-color: #170c06;
	background-position: center -1px;
	background-repeat: repeat-x
}
@media only screen and (min-width:60em) {
	.foot {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/footer-bg.png);
		padding-top: 80px;
		padding-bottom: 65px
	}
}
.acb-rating {
	font-size: 11px;
	line-height: 15px
}
.acb-rating, .acb-rating a {
	color: hsla(0, 0%, 100%, .5)
}
.acb-logo {
	display: block;
	float: left
}
.acb-descriptor, .acb-disclaimer {
	display: block;
	margin-left: 75px
}
.bbfc-rating {
	font-size: 11px;
	line-height: 15px
}
.bbfc-rating, .bbfc-rating a {
	color: hsla(0, 0%, 100%, .5);
	float: left
}
.bbfc-logo {
	display: block
}
.csrr-rating {
	font-size: 11px;
	line-height: 15px;
	color: hsla(0, 0%, 100%, .5)
}
.csrr-rating a {
	display: inline-block;
	color: hsla(0, 0%, 100%, .5)
}
.csrr-logo {
	display: block
}
.dejus-rating {
	font-size: 11px;
	line-height: 15px
}
.dejus-rating, .dejus-rating a {
	color: hsla(0, 0%, 100%, .5)
}
.dejus-logo {
	display: block;
	float: left
}
.dejus-descriptor {
	display: block;
	margin-left: 75px
}
.esrb-rating {
	font-size: 11px;
	line-height: 15px
}
.esrb-rating, .esrb-rating a {
	color: hsla(0, 0%, 100%, .5)
}
.esrb-logo {
	display: block;
	float: left
}
.esrb-descriptor, .esrb-disclaimer {
	display: block;
	padding-left: 16px;
	padding-left: 1rem;
	transition: color .2s;
	overflow: hidden;
	text-align: left
}
.esrb-descriptor-label {
	transition: color .2s
}
.esrb-descriptor-label:hover {
	color: hsla(0, 0%, 100%, .7);
	cursor: default
}
.fpb-rating {
	font-size: 11px;
	line-height: 15px
}
.fpb-rating, .fpb-rating a {
	color: hsla(0, 0%, 100%, .5)
}
.fpb-logo {
	display: block;
	float: left
}
.fpb-descriptor {
	display: block;
	margin-left: 75px
}
.grb-rating {
	font-size: 11px;
	line-height: 15px
}
.grb-rating, .grb-rating a {
	color: hsla(0, 0%, 100%, .5)
}
.grb-descriptor-image, .grb-logo {
	display: block;
	float: left;
	margin-right: 5px
}
.grb-descriptor {
	display: block;
	margin-left: 75px
}
.nzoflc-rating {
	font-size: 11px;
	line-height: 15px
}
.nzoflc-rating, .nzoflc-rating a {
	color: hsla(0, 0%, 100%, .5)
}
.nzoflc-logo {
	display: block;
	float: left
}
.nzoflc-descriptor {
	display: block;
	margin-left: 75px
}
.pegi-rating {
	font-size: 11px;
	line-height: 15px
}
.pegi-rating, .pegi-rating a {
	color: hsla(0, 0%, 100%, .5)
}
.pegi-descriptor-image, .pegi-logo {
	display: block;
	float: left;
	margin-right: 5px
}
.pegi-descriptor {
	display: block;
	margin-left: 70px
}
.pegi-descriptor-label {
	transition: color .2s
}
.pegi-descriptor-label:hover {
	color: hsla(0, 0%, 100%, .7);
	cursor: default
}
.usk-rating {
	font-size: 11px;
	line-height: 15px;
	color: hsla(0, 0%, 100%, .5)
}
.usk-rating a {
	display: inline-block;
	color: hsla(0, 0%, 100%, .5)
}
.usk-logo {
	display: block
}
#legal {
	border-top: 1px solid #261308;
	padding: 16px 0;
	padding: 1rem 0;
	text-align: center
}
@media only screen and (min-width:60em) {
	#legal {
		border: none
	}
}
#legal #legal-ratings {
	float: none;
	*zoom: 1;
	border-bottom: 1px solid #261308;
	padding-bottom: 16px;
	padding-bottom: 1rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
	text-align: center
}
#legal #legal-ratings:after, #legal #legal-ratings:before {
	content: " ";
	display: table;
	visibility: hidden;
	line-height: 0
}
#legal #legal-ratings:after {
	clear: both
}
@media only screen and (min-width:60em) {
	#legal #legal-ratings {
		float: right;
		border: none
	}
}
#legal #legal-ratings .product-rating, #legal #legal-ratings>a {
	margin: 0;
	padding: 16px;
	padding: 1rem;
	display: inline-block;
	text-align: left
}
@media only screen and (min-width:30em) {
	#legal #legal-ratings .product-rating, #legal #legal-ratings>a {
		width: 49%
	}
	#legal #legal-ratings .product-rating.pegi-rating, #legal #legal-ratings>a.pegi-rating {
		width: auto
	}
}
@media only screen and (min-width:60em) {
	#legal #legal-ratings .product-rating, #legal #legal-ratings>a {
		width: auto;
		padding: 0
	}
}
#legal #legal-ratings .product-rating {
	float: none;
	text-align: center
}
@media only screen and (min-width:60em) {
	#legal #legal-ratings .product-rating {
		text-align: left
	}
}
#legal #legal-ratings.us .product-rating {
	max-width: 300px
}
@media only screen and (min-width:30em) {
	#legal #legal-ratings.us .product-rating {
		width: 49%
	}
}
@media only screen and (min-width:40em) {
	#legal #legal-ratings.us .product-rating {
		max-width: none
	}
}
#legal #legal-ratings .truste-link {
	text-align: right
}
@media only screen and (min-width:60em) {
	#legal #legal-ratings .truste-link {
		margin-right: 20px;
		margin-right: 1.25rem
	}
}
#legal #blizzard {
	float: none;
	display: inline-block;
	padding: 16px;
	padding: 1rem;
	width: 49%
}
@media only screen and (min-width:60em) {
	#legal #blizzard {
		width: auto;
		float: left;
		padding: 0
	}
}
.en-us #legal #blizzard {
	text-align: right
}
.usk-logo {
	display: inline-block
}
@media only screen and (min-width:60em) {
	.usk-logo {
		display: block
	}
}
.text-left {
	text-align: left
}
.text-right {
	text-align: right
}
.text-center {
	text-align: center
}
.text-justify {
	text-align: justify
}
.text-nowrap {
	white-space: nowrap
}
.text-lowercase {
	text-transform: lowercase
}
.text-uppercase {
	text-transform: uppercase
}
.text-capitalize {
	text-transform: capitalize
}
@-ms-viewport {
	width: device-width
}
.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
	display: none !important
}
@media (max-width:767px) {
	.visible-xs {
		display: block !important
	}
	table.visible-xs {
		display: table
	}
	tr.visible-xs {
		display: table-row !important
	}
	td.visible-xs, th.visible-xs {
		display: table-cell !important
	}
}
@media (max-width:767px) {
	.visible-xs-block {
		display: block !important
	}
}
@media (max-width:767px) {
	.visible-xs-inline {
		display: inline !important
	}
}
@media (max-width:767px) {
	.visible-xs-inline-block {
		display: inline-block !important
	}
}
@media (min-width:40em) and (max-width:991px) {
	.visible-sm {
		display: block !important
	}
	table.visible-sm {
		display: table
	}
	tr.visible-sm {
		display: table-row !important
	}
	td.visible-sm, th.visible-sm {
		display: table-cell !important
	}
}
@media (min-width:40em) and (max-width:991px) {
	.visible-sm-block {
		display: block !important
	}
}
@media (min-width:40em) and (max-width:991px) {
	.visible-sm-inline {
		display: inline !important
	}
}
@media (min-width:40em) and (max-width:991px) {
	.visible-sm-inline-block {
		display: inline-block !important
	}
}
@media (min-width:60em) and (max-width:1199px) {
	.visible-md {
		display: block !important
	}
	table.visible-md {
		display: table
	}
	tr.visible-md {
		display: table-row !important
	}
	td.visible-md, th.visible-md {
		display: table-cell !important
	}
}
@media (min-width:60em) and (max-width:1199px) {
	.visible-md-block {
		display: block !important
	}
}
@media (min-width:60em) and (max-width:1199px) {
	.visible-md-inline {
		display: inline !important
	}
}
@media (min-width:60em) and (max-width:1199px) {
	.visible-md-inline-block {
		display: inline-block !important
	}
}
@media (min-width:72.5em) {
	.visible-lg {
		display: block !important
	}
	table.visible-lg {
		display: table
	}
	tr.visible-lg {
		display: table-row !important
	}
	td.visible-lg, th.visible-lg {
		display: table-cell !important
	}
}
@media (min-width:72.5em) {
	.visible-lg-block {
		display: block !important
	}
}
@media (min-width:72.5em) {
	.visible-lg-inline {
		display: inline !important
	}
}
@media (min-width:72.5em) {
	.visible-lg-inline-block {
		display: inline-block !important
	}
}
@media (max-width:767px) {
	.hidden-xs {
		display: none !important
	}
}
@media (min-width:40em) and (max-width:991px) {
	.hidden-sm {
		display: none !important
	}
}
@media (min-width:60em) and (max-width:1199px) {
	.hidden-md {
		display: none !important
	}
}
@media (min-width:72.5em) {
	.hidden-lg {
		display: none !important
	}
}
.visible-print {
	display: none !important
}
@media print {
	.visible-print {
		display: block !important
	}
	table.visible-print {
		display: table
	}
	tr.visible-print {
		display: table-row !important
	}
	td.visible-print, th.visible-print {
		display: table-cell !important
	}
}
.visible-print-block {
	display: none !important
}
@media print {
	.visible-print-block {
		display: block !important
	}
}
.visible-print-inline {
	display: none !important
}
@media print {
	.visible-print-inline {
		display: inline !important
	}
}
.visible-print-inline-block {
	display: none !important
}
@media print {
	.visible-print-inline-block {
		display: inline-block !important
	}
}
@media print {
	.hidden-print {
		display: none !important
	}
}
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	width: 100%
}
@media (min-width:40em) {
	.container {
		max-width: 750px
	}
}
@media (min-width:60em) {
	.container {
		max-width: 970px
	}
}
@media (min-width:72.5em) {
	.container {
		max-width: 1170px
	}
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	position: relative
}
@media only screen and (min-width:60em) {
	.container-fluid {
		padding: 0
	}
}
.row {
	margin-left: -15px;
	margin-right: -15px
}
.col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px
}
.col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left
}
.col-xs-12 {
	width: 100%
}
.col-xs-11 {
	width: 91.66666667%
}
.col-xs-10 {
	width: 83.33333333%
}
.col-xs-9 {
	width: 75%
}
.col-xs-8 {
	width: 66.66666667%
}
.col-xs-7 {
	width: 58.33333333%
}
.col-xs-6 {
	width: 50%
}
.col-xs-5 {
	width: 41.66666667%
}
.col-xs-4 {
	width: 33.33333333%
}
.col-xs-3 {
	width: 25%
}
.col-xs-2 {
	width: 16.66666667%
}
.col-xs-1 {
	width: 8.33333333%
}
.col-xs-pull-12 {
	right: 100%
}
.col-xs-pull-11 {
	right: 91.66666667%
}
.col-xs-pull-10 {
	right: 83.33333333%
}
.col-xs-pull-9 {
	right: 75%
}
.col-xs-pull-8 {
	right: 66.66666667%
}
.col-xs-pull-7 {
	right: 58.33333333%
}
.col-xs-pull-6 {
	right: 50%
}
.col-xs-pull-5 {
	right: 41.66666667%
}
.col-xs-pull-4 {
	right: 33.33333333%
}
.col-xs-pull-3 {
	right: 25%
}
.col-xs-pull-2 {
	right: 16.66666667%
}
.col-xs-pull-1 {
	right: 8.33333333%
}
.col-xs-pull-0 {
	right: auto
}
.col-xs-push-12 {
	left: 100%
}
.col-xs-push-11 {
	left: 91.66666667%
}
.col-xs-push-10 {
	left: 83.33333333%
}
.col-xs-push-9 {
	left: 75%
}
.col-xs-push-8 {
	left: 66.66666667%
}
.col-xs-push-7 {
	left: 58.33333333%
}
.col-xs-push-6 {
	left: 50%
}
.col-xs-push-5 {
	left: 41.66666667%
}
.col-xs-push-4 {
	left: 33.33333333%
}
.col-xs-push-3 {
	left: 25%
}
.col-xs-push-2 {
	left: 16.66666667%
}
.col-xs-push-1 {
	left: 8.33333333%
}
.col-xs-push-0 {
	left: auto
}
.col-xs-offset-12 {
	margin-left: 100%
}
.col-xs-offset-11 {
	margin-left: 91.66666667%
}
.col-xs-offset-10 {
	margin-left: 83.33333333%
}
.col-xs-offset-9 {
	margin-left: 75%
}
.col-xs-offset-8 {
	margin-left: 66.66666667%
}
.col-xs-offset-7 {
	margin-left: 58.33333333%
}
.col-xs-offset-6 {
	margin-left: 50%
}
.col-xs-offset-5 {
	margin-left: 41.66666667%
}
.col-xs-offset-4 {
	margin-left: 33.33333333%
}
.col-xs-offset-3 {
	margin-left: 25%
}
.col-xs-offset-2 {
	margin-left: 16.66666667%
}
.col-xs-offset-1 {
	margin-left: 8.33333333%
}
.col-xs-offset-0 {
	margin-left: 0
}
@media (min-width:40em) {
	.col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left
	}
	.col-sm-12 {
		width: 100%
	}
	.col-sm-11 {
		width: 91.66666667%
	}
	.col-sm-10 {
		width: 83.33333333%
	}
	.col-sm-9 {
		width: 75%
	}
	.col-sm-8 {
		width: 66.66666667%
	}
	.col-sm-7 {
		width: 58.33333333%
	}
	.col-sm-6 {
		width: 50%
	}
	.col-sm-5 {
		width: 41.66666667%
	}
	.col-sm-4 {
		width: 33.33333333%
	}
	.col-sm-3 {
		width: 25%
	}
	.col-sm-2 {
		width: 16.66666667%
	}
	.col-sm-1 {
		width: 8.33333333%
	}
	.col-sm-pull-12 {
		right: 100%
	}
	.col-sm-pull-11 {
		right: 91.66666667%
	}
	.col-sm-pull-10 {
		right: 83.33333333%
	}
	.col-sm-pull-9 {
		right: 75%
	}
	.col-sm-pull-8 {
		right: 66.66666667%
	}
	.col-sm-pull-7 {
		right: 58.33333333%
	}
	.col-sm-pull-6 {
		right: 50%
	}
	.col-sm-pull-5 {
		right: 41.66666667%
	}
	.col-sm-pull-4 {
		right: 33.33333333%
	}
	.col-sm-pull-3 {
		right: 25%
	}
	.col-sm-pull-2 {
		right: 16.66666667%
	}
	.col-sm-pull-1 {
		right: 8.33333333%
	}
	.col-sm-pull-0 {
		right: auto
	}
	.col-sm-push-12 {
		left: 100%
	}
	.col-sm-push-11 {
		left: 91.66666667%
	}
	.col-sm-push-10 {
		left: 83.33333333%
	}
	.col-sm-push-9 {
		left: 75%
	}
	.col-sm-push-8 {
		left: 66.66666667%
	}
	.col-sm-push-7 {
		left: 58.33333333%
	}
	.col-sm-push-6 {
		left: 50%
	}
	.col-sm-push-5 {
		left: 41.66666667%
	}
	.col-sm-push-4 {
		left: 33.33333333%
	}
	.col-sm-push-3 {
		left: 25%
	}
	.col-sm-push-2 {
		left: 16.66666667%
	}
	.col-sm-push-1 {
		left: 8.33333333%
	}
	.col-sm-push-0 {
		left: auto
	}
	.col-sm-offset-12 {
		margin-left: 100%
	}
	.col-sm-offset-11 {
		margin-left: 91.66666667%
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333%
	}
	.col-sm-offset-9 {
		margin-left: 75%
	}
	.col-sm-offset-8 {
		margin-left: 66.66666667%
	}
	.col-sm-offset-7 {
		margin-left: 58.33333333%
	}
	.col-sm-offset-6 {
		margin-left: 50%
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333%
	}
	.col-sm-offset-3 {
		margin-left: 25%
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%
	}
	.col-sm-offset-1 {
		margin-left: 8.33333333%
	}
	.col-sm-offset-0 {
		margin-left: 0
	}
}
@media (min-width:60em) {
	.col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left
	}
	.col-md-12 {
		width: 100%
	}
	.col-md-11 {
		width: 91.66666667%
	}
	.col-md-10 {
		width: 83.33333333%
	}
	.col-md-9 {
		width: 75%
	}
	.col-md-8 {
		width: 66.66666667%
	}
	.col-md-7 {
		width: 58.33333333%
	}
	.col-md-6 {
		width: 50%
	}
	.col-md-5 {
		width: 41.66666667%
	}
	.col-md-4 {
		width: 33.33333333%
	}
	.col-md-3 {
		width: 25%
	}
	.col-md-2 {
		width: 16.66666667%
	}
	.col-md-1 {
		width: 8.33333333%
	}
	.col-md-pull-12 {
		right: 100%
	}
	.col-md-pull-11 {
		right: 91.66666667%
	}
	.col-md-pull-10 {
		right: 83.33333333%
	}
	.col-md-pull-9 {
		right: 75%
	}
	.col-md-pull-8 {
		right: 66.66666667%
	}
	.col-md-pull-7 {
		right: 58.33333333%
	}
	.col-md-pull-6 {
		right: 50%
	}
	.col-md-pull-5 {
		right: 41.66666667%
	}
	.col-md-pull-4 {
		right: 33.33333333%
	}
	.col-md-pull-3 {
		right: 25%
	}
	.col-md-pull-2 {
		right: 16.66666667%
	}
	.col-md-pull-1 {
		right: 8.33333333%
	}
	.col-md-pull-0 {
		right: auto
	}
	.col-md-push-12 {
		left: 100%
	}
	.col-md-push-11 {
		left: 91.66666667%
	}
	.col-md-push-10 {
		left: 83.33333333%
	}
	.col-md-push-9 {
		left: 75%
	}
	.col-md-push-8 {
		left: 66.66666667%
	}
	.col-md-push-7 {
		left: 58.33333333%
	}
	.col-md-push-6 {
		left: 50%
	}
	.col-md-push-5 {
		left: 41.66666667%
	}
	.col-md-push-4 {
		left: 33.33333333%
	}
	.col-md-push-3 {
		left: 25%
	}
	.col-md-push-2 {
		left: 16.66666667%
	}
	.col-md-push-1 {
		left: 8.33333333%
	}
	.col-md-push-0 {
		left: auto
	}
	.col-md-offset-12 {
		margin-left: 100%
	}
	.col-md-offset-11 {
		margin-left: 91.66666667%
	}
	.col-md-offset-10 {
		margin-left: 83.33333333%
	}
	.col-md-offset-9 {
		margin-left: 75%
	}
	.col-md-offset-8 {
		margin-left: 66.66666667%
	}
	.col-md-offset-7 {
		margin-left: 58.33333333%
	}
	.col-md-offset-6 {
		margin-left: 50%
	}
	.col-md-offset-5 {
		margin-left: 41.66666667%
	}
	.col-md-offset-4 {
		margin-left: 33.33333333%
	}
	.col-md-offset-3 {
		margin-left: 25%
	}
	.col-md-offset-2 {
		margin-left: 16.66666667%
	}
	.col-md-offset-1 {
		margin-left: 8.33333333%
	}
	.col-md-offset-0 {
		margin-left: 0
	}
}
@media (min-width:72.5em) {
	.col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
		float: left
	}
	.col-lg-12 {
		width: 100%
	}
	.col-lg-11 {
		width: 91.66666667%
	}
	.col-lg-10 {
		width: 83.33333333%
	}
	.col-lg-9 {
		width: 75%
	}
	.col-lg-8 {
		width: 66.66666667%
	}
	.col-lg-7 {
		width: 58.33333333%
	}
	.col-lg-6 {
		width: 50%
	}
	.col-lg-5 {
		width: 41.66666667%
	}
	.col-lg-4 {
		width: 33.33333333%
	}
	.col-lg-3 {
		width: 25%
	}
	.col-lg-2 {
		width: 16.66666667%
	}
	.col-lg-1 {
		width: 8.33333333%
	}
	.col-lg-pull-12 {
		right: 100%
	}
	.col-lg-pull-11 {
		right: 91.66666667%
	}
	.col-lg-pull-10 {
		right: 83.33333333%
	}
	.col-lg-pull-9 {
		right: 75%
	}
	.col-lg-pull-8 {
		right: 66.66666667%
	}
	.col-lg-pull-7 {
		right: 58.33333333%
	}
	.col-lg-pull-6 {
		right: 50%
	}
	.col-lg-pull-5 {
		right: 41.66666667%
	}
	.col-lg-pull-4 {
		right: 33.33333333%
	}
	.col-lg-pull-3 {
		right: 25%
	}
	.col-lg-pull-2 {
		right: 16.66666667%
	}
	.col-lg-pull-1 {
		right: 8.33333333%
	}
	.col-lg-pull-0 {
		right: auto
	}
	.col-lg-push-12 {
		left: 100%
	}
	.col-lg-push-11 {
		left: 91.66666667%
	}
	.col-lg-push-10 {
		left: 83.33333333%
	}
	.col-lg-push-9 {
		left: 75%
	}
	.col-lg-push-8 {
		left: 66.66666667%
	}
	.col-lg-push-7 {
		left: 58.33333333%
	}
	.col-lg-push-6 {
		left: 50%
	}
	.col-lg-push-5 {
		left: 41.66666667%
	}
	.col-lg-push-4 {
		left: 33.33333333%
	}
	.col-lg-push-3 {
		left: 25%
	}
	.col-lg-push-2 {
		left: 16.66666667%
	}
	.col-lg-push-1 {
		left: 8.33333333%
	}
	.col-lg-push-0 {
		left: auto
	}
	.col-lg-offset-12 {
		margin-left: 100%
	}
	.col-lg-offset-11 {
		margin-left: 91.66666667%
	}
	.col-lg-offset-10 {
		margin-left: 83.33333333%
	}
	.col-lg-offset-9 {
		margin-left: 75%
	}
	.col-lg-offset-8 {
		margin-left: 66.66666667%
	}
	.col-lg-offset-7 {
		margin-left: 58.33333333%
	}
	.col-lg-offset-6 {
		margin-left: 50%
	}
	.col-lg-offset-5 {
		margin-left: 41.66666667%
	}
	.col-lg-offset-4 {
		margin-left: 33.33333333%
	}
	.col-lg-offset-3 {
		margin-left: 25%
	}
	.col-lg-offset-2 {
		margin-left: 16.66666667%
	}
	.col-lg-offset-1 {
		margin-left: 8.33333333%
	}
	.col-lg-offset-0 {
		margin-left: 0
	}
}
.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .row:after, .row:before {
	content: " ";
	display: table
}
.clearfix:after, .container-fluid:after, .container:after, .modal-footer:after, .modal-header:after, .row:after {
	clear: both
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none
}
.pull-right {
	float: right !important
}
.pull-left {
	float: left !important
}
body.media .content-block {
	background-image: none
}
.media--fireside {
	clear: both
}
.media--fireside+.media--fireside {
	margin-top: 1em
}
.media-frame {
	position: relative;
	margin: 8px;
	z-index: 1
}
.media-frame:before {
	content: "";
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	border: 8px solid #dec79b;
	border-width: 17px 20px;
	border-image: url(images/game-guide/heroes/artwork-frameV2-e42466cbd049349b5645d045a1678ab896ed1cacea3ec4d11b99eb2184e9db9d07d3949872d14f9ee5604913e7602f143627928fc3375e785a235d24653e6c7d.png) 17 20 stretch;
	z-index: -1
}
.media-frame img {
	display: block
}
.media-frame-thumb {
	position: relative;
	margin: 8px;
	z-index: 1
}
.media-frame-thumb:before {
	content: "";
	position: absolute;
	top: -15px;
	right: -8px;
	bottom: -8px;
	left: -20px;
	border: 8px solid #dec79b;
	border-width: 17px 20px;
	border-image: url(images/frames/comic-thumb-frame-f6ba9f0e77e164b376e7db01874171cee9a776b1a6cea9a78061905a200aa17b4cce60011aed8b3b6c60da3289d41ca981e459e6791f80c09a176ddb3e007312.png) 17 20 fill stretch;
	z-index: 1;
	width: 100%
}
.media-frame-thumb div {
	display: block;
	background-repeat: no-repeat;
	background-size: contain
}
.media-frame-thumb div:before {
	content: "";
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 35%;
	left: 0;
	background: rgba(0, 0, 0, .5) url(images/buttons/artwork-zoom-15e0f4895da25c097b0a2c320545a35b40ae06a908cee525baa76c25e4b8ea7cfc00e000a9b22465745de6d8b2fee0c69f36345a9ac30b5894612525fd907fb5.png) 50% no-repeat;
	transition: opacity .3s
}
.media-frame-thumb:hover div:before {
	opacity: 1
}
.media-content-container.media-content-container--comics {
	text-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: normal;
	max-width: none
}
.content-block.content-block--video {
	padding-bottom: 24px
}
@media only screen and (min-width:40em) {
	.content-block.content-block--video {
		padding-bottom: 0
	}
}
.media-content-container--comic {
	padding: 0 4px;
	display: inline-block
}
.media-content-container--comic:first-child {
	padding-left: 0
}
.media-content-container--comic:last-child {
	padding-right: 0
}
@media only screen and (min-width:60em) {
	.media-content-container--comic {
		padding: 0 20px
	}
}
@media only screen and (min-width:72.5em) {
	.media-content-container--comic {
		padding: 0 31px
	}
}
.media-content-container--comic .media-content__title {
	color: #241f19;
	top: 67%;
	bottom: 15px;
	z-index: 5;
	font-size: 18px;
	width: 96%;
	left: 5px;
	display: table;
	white-space: normal
}
.media-content-container--comic .media-content__title p {
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	margin: 0;
	max-width: 256px;
	font-weight: 700;
	line-height: 1.1em
}
.content-block {
	max-height: 1200px;
	overflow: hidden;
	transition: max-height .25s linear;
	padding-top: 16px;
	padding-top: 1rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}
@media only screen and (min-width:40em) {
	.content-block {
		background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/knight/content-separator2.png) center 0 no-repeat
	}
}
@media only screen and (min-width:60em) {
	.content-block {
		overflow-x: visible
	}
}
@media only screen and (min-width:60em) {
	.content-block--audio {
		max-width: 496px;
		max-width: 31rem;
		background: transparent url(images/content-separator-short2-42ab922e549a166ea2251b8ae1e43f5569a139930a8eeb55cbb801e649e858be6610035315f531be1e30742db24ebbe9db67d002642ca7fa394817008e12ae44.png) center 0 no-repeat
	}
}
.content-block--audio .media-content-container {
	margin: 0 16px;
	margin: 0 1rem
}
@media only screen and (min-width:40em) {
	.content-block--wallpaper {
		padding: 16px 16px 0;
		padding: 1rem 1rem 0
	}
}
.explore-nav-is-out .content-block {
	overflow: hidden
}
.content-block--gvg {
	background-image: none
}
.screen--wallpaper {
	width: 100%;
	max-width: 720px;
	margin: 0 auto
}
@media only screen and (min-width:40em) {
	.screen--wallpaper {
		margin: auto
	}
}
.is-folded .content-block {
	max-height: 165px
}
.is-folded .view-more {
	background-position: right -36px
}
.is-folded .view-more:hover {
	background-position: right -108px
}
.media-container {
	clear: both;
	margin-top: 0
}
.media-container.audio, .media-container.screenshots {
	margin-top: 32px;
	margin-top: 2rem
}
.media-container--comics {
	padding-top: 16px;
	padding-top: 1rem
}
.view-more {
	display: none
}
@media only screen and (min-width:60em) {
	.view-more {
		width: 103px;
		height: 28px;
		background: transparent url(images/collapse-button-890984d7b32c02349522270c84930f6b4bec7725f64f062bedd43b95bbd6f6ce2b92b3f93b8ab8aad5811c7d393ecd01dafb9bcab739004d554d00b785fc4396.png) right 0 no-repeat;
		display: inline-block;
		float: right
	}
}
.view-more:hover {
	background-position: right -72px
}
.media-content-container {
	white-space: nowrap
}
@media only screen and (min-width:60em) {
	.media-content-container {
		white-space: normal;
		max-width: 960px;
		max-width: 60rem;
		text-align: left;
		margin: auto
	}
}
.media-content-container-hub {
	display: inline-block;
	position: relative;
	white-space: nowrap;
	max-width: 1000px;
	transition: left 1s;
	width: 100%
}
@media only screen and (min-width:60em) {
	.media-content-container-hub {
		white-space: normal;
		max-width: 960px;
		max-width: 60rem;
		text-align: left;
		margin: auto
	}
}
.media-content-container--comic-thumb {
	width: 350px;
	height: 197px
}
@media only screen and (min-width:60em) {
	.media-content-container--artwork, .media-content-container--screenshots {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.media-content-container--artwork:after, .media-content-container--screenshots:after {
		content: "";
		display: inline-block;
		width: 100%
	}
}
body.media .media-content-container--screenshots .media-frame img {
	display: inline
}
@media only screen and (min-width:60em) {
	body.media .media-content-container--screenshots .media-frame img {
		display: block;
		top: 0;
		-webkit-transform: perspective(1px) translateY(0);
		transform: perspective(1px) translateY(0)
	}
}
body.media .media-content-container--screenshots .item.overlay {
	top: 0;
	-webkit-transform: perspective(1px) translateY(0);
	transform: perspective(1px) translateY(0)
}
body.media .media-content-container--screenshots .media-frame.media-content {
	vertical-align: top
}
@media only screen and (min-width:60em) {
	body.media .media-content-container--screenshots .media-frame.media-content {
		height: auto
	}
}
.media-content {
	display: inline-block
}
@media only screen and (min-width:60em) {
	.media-content {
		margin-bottom: 32px;
		margin-bottom: 2rem
	}
}
.media-content+.media-content {
	margin-left: 16px;
	margin-left: 1rem
}
@media only screen and (min-width:60em) {
	.media-content+.media-content {
		margin-left: 8px
	}
}
@media only screen and (min-width:30em) {
	.media-content+.media-content-container--video {
		margin-left: 32px;
		margin-left: 2rem
	}
}
.media-content-container__title {
	font-size: 32px;
	font-size: 2rem;
	text-align: center;
	letter-spacing: 0;
	color: #233a6e;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	margin: 0 16px;
	margin: 0 1rem
}
@media only screen and (min-width:40em) {
	.media-content-container__title {
		padding-left: 16px;
		padding-left: 1rem
	}
}
@media only screen and (min-width:72.5em) {
	.media-content-container__title {
		padding: 0 72px 3px;
		padding: 0 4.5rem 3px
	}
}
.page-divider {
	background: url(images/card-background-top-9da025a83c7db60699e626dfdf475bf6e737f80bf971b59acb7118711915d6c0febc033ce1d047d0ef96e1fdcf5b314cc261a2ebd08a8c66442dec8c6e3f1edb.png) bottom no-repeat;
	display: inline-block;
	height: 68px;
	position: relative;
	width: 200%;
	left: -50%;
	bottom: -2%;
	z-index: 0
}
.page-divider.flipped {
	bottom: 0;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	background-position: bottom;
	left: -47.5%
}
.content-block.content-block--comics {
	padding-bottom: 27px;
	max-height: none;
	overflow-x: hidden
}
.content-block--screenshots {
	padding-top: 12px;
	padding-top: .75rem
}
.media-container.audio {
	margin-top: 57px;
	margin-top: 3.6rem;
	margin-bottom: 68px;
	margin-bottom: 4.25rem
}
@media only screen and (min-width:40em) {
	.media-container.audio {
		margin-bottom: 41px;
		margin-bottom: 2.6rem
	}
}
.media-container.screenshots {
	margin-top: 37px
}
.media-container--videos+.media-container.screenshots {
	margin-top: 65px
}
.media-container.artwork, .media-container.wallpaper {
	margin-top: 15px
}
.media-amount {
	color: #666
}
.media--link {
	display: block;
	color: #000
}
.media--link:hover {
	text-decoration: none;
	color: #e22c14
}
.resolutions {
	margin: 0 16px;
	margin: 0 1rem;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	max-width: 720px;
	text-align: left
}
@media only screen and (min-width:40em) {
	.resolutions {
		margin: auto
	}
}
.wallpaper-download-title {
	font-weight: 700
}
.wallpaper-download {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	color: #e22c14
}
.styled-select--wallpaper {
	margin: .25em 0
}
.content-block--wallpaper {
	padding-bottom: 38px;
	padding-bottom: 2.4rem
}
.content-block--wallpaper .hearthstone-dropdown {
	text-align: center
}
@media only screen and (min-width:30em) {
	.content-block--wallpaper .dropdown__border {
		width: 77%;
		width: calc(100% - 105px)
	}
}
@media only screen and (min-width:40em) {
	.content-block--wallpaper .dropdown__border {
		width: 83%;
		width: calc(100% - 105px)
	}
}
@media only screen and (min-width:60em) {
	.content-block--wallpaper .dropdown__border {
		width: 85%;
		width: calc(100% - 105px)
	}
}
#videos .page-divider.flipped {
	display: block
}
@media only screen and (min-width:60em) {
	#videos .page-divider.flipped {
		display: none
	}
}
#artwork .page-divider.flipped, #screenshots .page-divider.flipped {
	top: -6px
}
#artwork .media-section-title, #wallpaper .media-section-title {
	margin-top: 31px
}
.content-block--artwork, .content-block--screenshots {
	padding-bottom: 24px;
	padding-bottom: 1.5rem
}
#comics .media-section-title {
	margin-top: 6px;
	margin-bottom: 12px
}
#music .media-section-title {
	margin-top: -23px
}
#music .content-title.media-content-container__title {
	margin-bottom: -6px
}
.content-block--artwork {
	padding-top: 8px;
	padding-top: .5rem
}
#comics .media-frame-thumb div {
	width: 28vw;
	height: 24vw;
	max-width: 265px;
	max-height: 233px
}
@media only screen and (max-width:39.99em) {
	#comics .media-frame-thumb div {
		width: 64vw;
		height: 55vw;
		max-width: none;
		max-height: none
	}
}
#comics .media-content-container--comic .media-content__title {
	max-height: 68px;
	font-size: 15px;
	height: 15.5vw
}
@media only screen and (min-width:30em) {
	#comics .media-content-container--comic .media-content__title {
		font-size: 16px;
		height: 15.5vw;
		max-height: none
	}
}
@media only screen and (min-width:40em) {
	#comics .media-content-container--comic .media-content__title {
		font-size: 15px;
		height: 6.5vw;
		max-height: 64px
	}
}
@media only screen and (min-width:60em) {
	#comics .media-content-container--comic .media-content__title {
		max-height: 64px;
		font-size: 18px;
		height: 15.5vw
	}
}
.media-content-container--artwork .media-content, .media-content-container--screenshots .media-content {
	background: #000
}
.media-content-container--artwork .overlay {
	margin-top: -1px
}
@media only screen and (min-width:40em) {
	.media .body-top {
		background: transparent url(images/media/bg-header-34291f0671168d7dc199ffdb334b863416698bc2d9dd3d1fcfe48ee8dce88025b601bc826b9837aedcef0ee15cc3da9d7dfb4c5fc0122fc079250791df2832af.png) 50% 0 no-repeat
	}
}
@media only screen and (min-width:60em) {
	.video--with-play-button {
		position: relative
	}
	.video--with-play-button:after, .video--with-play-button:before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -50px;
		margin-left: -50px;
		background: transparent url(images/media/play-sprite-afa7cd2884863e243ac46c9d9766a0908b9835d62fb3339c5c9fed78b5367917c628219d5162935fb7b2bf0336103f8f4cbc98d64ee55e0e06e1790abd8ea3b9.png) 0 0 no-repeat;
		width: 100px;
		height: 100px;
		z-index: 9001;
		transition: all .15s ease-out;
		-webkit-transform-style: preserve-3d;
		-webkit-backface-visibility: hidden
	}
	.video--with-play-button:before {
		z-index: 9002;
		background-position: 0 -100px;
		opacity: 0
	}
	.video--with-play-button:hover:before {
		opacity: 1
	}
}
.media-container--videos {
	position: relative
}
@media only screen and (min-width:40em) {
	.media-container--videos {
		height: 343px;
		margin-bottom: 25px;
		padding-top: 30px
	}
}
@media only screen and (min-width:72.5em) {
	.media-container--videos:after, .media-container--videos:before {
		content: "";
		display: block;
		position: absolute;
		z-index: 5
	}
	.media-container--videos:before {
		width: 405px;
		height: 263px;
		background: url(images/media/bg-worgen-74e66818366defb8d4ce5b05a0a8caf1b29dfcb728f0d5c01dcee4fbe34d88000556ae2e92ebe7a1f12d13b9d08c0f52b39ba8c281f74e38fd0dfb18e30849d4.png) 0 0 no-repeat;
		bottom: -56px;
		left: -120px
	}
	.media-container--videos:after {
		width: 210px;
		height: 237px;
		background: url(images/media/bg-goblin-ef399cd7ec2c676f292fa6e6628fd35fa652422f71480f4ef5a0671d3e96460c36c7e3aaf8cbb7895101b501c11d10eef7241934cb7e7445fb7eee9f4fa7721b.png) 0 0 no-repeat;
		right: -24px;
		bottom: -26px
	}
}
.media-content--video {
	display: block;
	margin-left: 16px;
	margin-left: 1rem;
	margin-right: 16px;
	margin-right: 1rem
}
@media only screen and (min-width:30em) {
	.media-content--video {
		display: inline-block;
		width: 412px;
		max-width: 66vw
	}
}
.media-content--video+.media-content--video {
	margin-top: 32px;
	margin-top: 2rem
}
@media only screen and (min-width:30em) {
	.media-content--video+.media-content--video {
		margin-top: 0
	}
}
@media only screen and (min-width:40em) {
	.media-content--video+.media-content--video {
		margin-top: 8px
	}
}
@media only screen and (min-width:60em) {
	.media-content--video+.media-content--video {
		margin-left: 32px;
		margin-left: 2rem
	}
}
.media-content__title {
	position: absolute;
	top: 1em;
	right: 0;
	left: 0;
	color: #fff;
	font-size: 16px;
	font-size: 1rem;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	text-align: center
}
.ko-kr .media-content__title {
	font-family: NanumMyeongjo Bold
}
.media-content__header {
	font-size: 16px;
	font-size: 1rem;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	text-align: center
}
.ko-kr .media-content__header {
	font-family: NanumMyeongjo Bold
}
@media only screen and (min-width:60em) {
	.media-content__header {
		display: none
	}
}
.media-content__trailer {
	background-image: url(images/media/videos/trailer-thumb-2f0d557f29092719e52e2b504ffcf220087535e6de68501535c684221acffbec66a6c855443b7ea761c052cafcf9df281c59dfd125f573097e974bf032f7dbea.jpg);
	position: absolute;
	background-size: contain
}
.media-content__cinematic {
	background-image: url(images/media/videos/building-the-fire-thumb-3f604ddf9eab7d871ee563926c27132d6b5f5401609bad3e29e7390ceec8d423a4efd893a4ed69f7b3057621b5fa0db9aa9061b049c6e529b576cddcacc59a09.jpg);
	position: absolute;
	background-size: contain
}
@media only screen and (min-width:40em) {
	.content-block--video {
		background: none;
		padding-top: 0
	}
}
@media only screen and (min-width:60em) {
	.content-block--video {
		padding-top: 16px;
		padding-top: 1rem
	}
}
.media-container--audio li {
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.content-block--audio {
	margin: 0 auto
}
.audio-button {
	width: 46px;
	height: 27px;
	cursor: pointer;
	float: left;
	display: none;
	position: relative;
	z-index: 1
}
.audio-button, .audio-button:before {
	background: transparent url(images/buttons/audio-controls-9405534c2d3694f5bdef2bd25829f12582e0874145f8cd73aad22c30790bd1d00b9ed0fc5d576ffaae30319ffc07c6eedf67eea7d92d23395e511db305275402.png) 0 0 no-repeat
}
.audio-button:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	transition: all .15s ease-out;
	opacity: 0;
	z-index: -1
}
@media only screen and (min-width:30em) {
	.audio-button {
		display: inline-block
	}
}
.audio-button--play:before {
	background-position: -46px 0
}
.audio-button--play:hover:before {
	opacity: 1
}
.audio-button--stop {
	display: none;
	background-position: -92px
}
.audio-button--stop:before {
	background-position: -138px 0
}
.audio-button--stop:hover:before {
	opacity: 1
}
.track-name {
	margin-left: 0;
	float: left;
	max-width: 50vw;
	overflow: hidden;
	text-overflow: ellipsis
}
@media only screen and (min-width:30em) {
	.track-name {
		margin-left: 10px
	}
}
.download {
	float: right;
	background: transparent url(images/icons/download-560f3847b789915290a9e545764753fcee55bccc1790183e4d5a26cdf3278ab8cfa7ce8fb579c4e97bf130a7961e1a58af7b69d8027aa8c492967e7c316306c2.gif) 0 50% no-repeat;
	padding-left: 16px;
	margin-left: 1em
}
.overlay {
	position: relative;
	display: inline
}
@media only screen and (min-width:60em) {
	.overlay {
		display: block
	}
	.overlay:before {
		content: "";
		opacity: 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, .5) url(images/buttons/artwork-zoom-15e0f4895da25c097b0a2c320545a35b40ae06a908cee525baa76c25e4b8ea7cfc00e000a9b22465745de6d8b2fee0c69f36345a9ac30b5894612525fd907fb5.png) 50% no-repeat;
		transition: opacity .3s
	}
}
.overlay:hover {
	text-decoration: none
}
@media only screen and (min-width:60em) {
	.overlay:hover:before {
		opacity: 1
	}
}
@media only screen and (min-width:60em) {
	body.media .overlay {
		display: block
	}
}
.home-coming-soon {
	opacity: .85;
	padding: 0 10px;
	display: inline-block;
	margin-top: 23px;
	color: #7a03b3;
	font: normal 700 35px/67px Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: 0 0 4px #c892ce, 0 0 8px #f596ff;
	overflow: hidden
}
.ko-kr .home-coming-soon {
	font-family: NanumMyeongjo Bold;
	font-size: 24px;
	font-size: 1.5rem
}
.home-text {
	font-weight: 700;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #2e2e2e;
	text-align: center;
	margin: 24px 16px;
	margin: 1.5rem 1rem;
	font-size: 23px;
	font-size: 1.45rem
}
.ko-kr .home-text {
	font-family: NanumMyeongjo Bold
}
@media only screen and (min-width:40em) {
	.home-text {
		font-size: 24px;
		font-size: 1.5rem;
		padding: 0 64px;
		padding: 0 4rem;
		margin: 24px auto;
		margin: 1.5rem auto
	}
}
.home-text b {
	color: #233a6e
}
@media only screen and (min-width:40em) {
	.home-text b {
		font-size: 30px;
		font-size: 1.875rem
	}
}
.video-background {
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 0;
	opacity: 0;
	margin-left: -651px;
	transition: opacity 1s linear;
	display: none
}
.video-background.loaded {
	opacity: 1
}
@media only screen and (min-width:72.5em) {
	.video-background {
		display: block;
		max-width: none;
		margin-left: -1300px
	}
}
.video-cards {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 200px;
	text-align: center;
	z-index: 5;
	display: none
}
@media only screen and (min-width:40em) {
	.video-cards {
		display: block
	}
}
@media only screen and (min-width:60em) {
	.video-cards {
		bottom: 98px
	}
}
@media only screen and (min-width:72.5em) {
	.video-cards {
		bottom: 134px
	}
}
.video-cards a {
	display: inline-block;
	vertical-align: top;
	text-shadow: 0 0 4px #000, 0 0 8px #000;
	background: transparent url(images/card-hover-s-79e0a785d2e1b674663a0e2404cade2d107c95cf72bfa2db754a8d6a2e9301a04996e4449fa15459b9b5df10e708507471689bd0924b71528de5dbb652f5cf7d.png) 100% 0 no-repeat;
	width: 151px;
	height: 142px;
	margin-top: 23px;
	position: relative;
	z-index: 1
}
.video-cards a, .video-cards a:before {
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden
}
.video-cards a:before {
	background: transparent url(/hearthstone/static/images/card-hover-s.png) 100% 0 no-repeat;
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -1;
	transition: all .15s ease-out
}
@media only screen and (min-width:72.5em) {
	.video-cards a {
		width: 193px;
		height: 175px;
		margin-top: 25px
	}
	.video-cards a, .video-cards a:before {
		background-image: url(images/card-hover-4752fbaff4d2b020783ac60fea52d39a2640551028f26c0cf82ba6cddf3d1a41c38229408f51aaa68a125802cf4556c283e3c3020726df0328aeac8ba5b0c524.png)
	}
}
.video-cards a.card1 {
	background-position: 0 -9px
}
.video-cards a.card1:before {
	background-position: 0 -178px
}
@media only screen and (min-width:60em) {
	.video-cards a.card1 {
		background-position: 0 -20px
	}
	.video-cards a.card1:before {
		background-position: 0 -189px
	}
}
@media only screen and (min-width:72.5em) {
	.video-cards a.card1 {
		background-position: -24px -25px
	}
	.video-cards a.card1:before {
		background-position: -24px -224px
	}
}
.video-cards a.card1:hover {
	text-decoration: none
}
.video-cards a.card1:hover:before {
	opacity: 1
}
.video-cards a.card1 span {
	padding-left: 20px
}
.video-cards a.card2 {
	height: 167px;
	width: 172px;
	margin-top: 0;
	background-position: -153px 13px
}
.video-cards a.card2:before {
	background-position: -153px -156px
}
@media only screen and (min-width:60em) {
	.video-cards a.card2 {
		background-position: -153px 4px
	}
	.video-cards a.card2:before {
		background-position: -153px -165px
	}
}
@media only screen and (min-width:72.5em) {
	.video-cards a.card2 {
		height: 199px;
		width: 220px;
		background-position: -220px 0
	}
	.video-cards a.card2:before {
		background-position: -220px -199px
	}
}
.video-cards a.card2:hover {
	text-decoration: none
}
.video-cards a.card2:hover:before {
	opacity: 1
}
.video-cards a.card2 span {
	font-size: 14px;
	padding: 0 20px 0 15px
}
@media only screen and (min-width:72.5em) {
	.video-cards a.card2 span {
		font-size: 17px;
		padding-right: 15px;
		max-width: 98%;
		margin-left: auto;
		margin-right: auto
	}
}
.video-cards a.card3 {
	background-position: -327px -9px
}
.video-cards a.card3:before {
	background-position: -327px -178px
}
@media only screen and (min-width:60em) {
	.video-cards a.card3 {
		background-position: -327px -20px
	}
	.video-cards a.card3:before {
		background-position: -327px -189px
	}
}
@media only screen and (min-width:72.5em) {
	.video-cards a.card3 {
		background-position: -442px -25px
	}
	.video-cards a.card3:before {
		background-position: -443px -224px
	}
}
.video-cards a.card3:hover {
	text-decoration: none
}
.video-cards a.card3:hover:before {
	opacity: 1
}
.video-cards a.card3 span {
	padding-right: 40px
}
.video-cards a span {
	display: block;
	color: #fff;
	font: 700 normal 13px Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	text-shadow: 0 0 4px #000, 0 0 8px #000;
	margin-top: 100px;
	line-height: 1.2
}
@media only screen and (min-width:60em) {
	.video-cards a span {
		margin-top: 90px
	}
}
@media only screen and (min-width:72.5em) {
	.video-cards a span {
		font-size: 16px;
		font-size: 1rem;
		margin-top: 119px
	}
}
.ko-kr .video-cards a span {
	font-size: 16px;
	font-size: 1rem;
	font-family: NanumMyeongjo Bold
}
.ko-kr .video-cards a.card2 span {
	font-size: 21px;
	font-size: 1.35rem
}
.game-overview-container {
	margin-bottom: 32px;
	margin-bottom: 2rem;
	margin-top: .6em;
	padding: 0 16px;
	padding: 0 1rem
}
.game-overview-container .hearthstone-button {
	margin-top: 8px;
	margin-top: .5rem
}
.game-overview__video {
	margin: 0 0 8px;
	margin: 0 0 .5rem
}
.learnMore-expansion {
	text-align: center;
	width: 640px;
	height: 30px;
	bottom: 14px;
	left: 50%;
	z-index: 10;
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
.learnMore-expansion:after, .learnMore-expansion:before, .learnMore-expansion a:after, .learnMore-expansion a:before, .learnMore-expansion span:after, .learnMore-expansion span:before {
	content: "";
	bottom: 0;
	z-index: -1;
	position: absolute;
	pointer-events: none;
	background: url(images/ui/learnMore-sprite-bab79838794e83ec1014bb7dcae2b259393599421b8067162d2876082dae9a5df244ab9aee17da77f1041ee4ca1ac5205c70434773be566172b5794b02c853cc.png) no-repeat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.learnMore-expansion a:after, .learnMore-expansion a:before, .learnMore-expansion span:after, .learnMore-expansion span:before {
	bottom: -8px;
	height: 66px;
	position: absolute
}
.learnMore-expansion a:before, .learnMore-expansion span:before {
	width: 100%;
	left: 0
}
.learnMore-expansion a:after, .learnMore-expansion span:after {
	width: 48px;
	right: -48px
}
.learnMore-expansion a {
	color: #6b4f3d;
	position: relative;
	display: inline-block;
	margin-right: 48px
}
.learnMore-expansion a:before {
	background-position: -11px -43px
}
.learnMore-expansion a:after {
	background-position: -442px -43px
}
.learnMore-expansion a:active, .learnMore-expansion a:focus, .learnMore-expansion a:hover {
	color: #4e3e25
}
.learnMore-expansion a:active span:after, .learnMore-expansion a:active span:before, .learnMore-expansion a:focus span:after, .learnMore-expansion a:focus span:before, .learnMore-expansion a:hover span:after, .learnMore-expansion a:hover span:before {
	opacity: 1
}
.learnMore-expansion span {
	font-weight: 700;
	font-size: 16px;
	font-size: 1rem;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	display: inline-block;
	padding: .5em 0 .5em 3em;
	height: 100%;
	transition: color .35s ease
}
.learnMore-expansion span:after, .learnMore-expansion span:before {
	opacity: 0;
	z-index: 10;
	transition: opacity .35s ease
}
.learnMore-expansion span:before {
	background-position: -12px -97px
}
.learnMore-expansion span:after {
	background-position: -441px -97px
}
.learnMore-expansion .learnMore-expansion--desktop {
	display: none
}
@media only screen and (min-width:40em) {
	.learnMore-expansion {
		bottom: 10px
	}
	.learnMore-expansion .learnMore-expansion--mobile {
		display: none
	}
	.learnMore-expansion .learnMore-expansion--desktop {
		display: inline-block
	}
}
@media only screen and (min-width:60em) {
	.learnMore-expansion {
		bottom: 116px
	}
	.learnMore-expansion:before {
		width: 135px;
		height: 66px;
		left: 50%;
		background-position: -153px bottom;
		-ms-transform: translateX(-51%);
		-webkit-transform: translateX(-51%);
		transform: translateX(-51%);
		bottom: 10px
	}
}
@media only screen and (min-width:72.5em) {
	.learnMore-expansion:before {
		width: 205px
	}
}
.content-section--home-featured {
	max-width: 986px;
	max-width: 61.625rem
}
.featured-news-container {
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: url(images/home/faded-divider-small-83ee84a4b1a14b6760144949d121c63d02040c3ed4f3e496950e63b2c322919da0cb649867bef3bea1971819a0d38f69756d5adc6c1f0d95f49192b9e61e7af5.jpg) bottom no-repeat;
	padding: 0 0 32px;
	padding: 0 0 2rem
}
@media only screen and (min-width:40em) {
	.featured-news-container {
		max-width: 75%;
		float: left;
		width: 100%;
		padding: 0;
		background: none
	}
}
.ko-kr .featured-news-container {
	font-family: Dotum
}
.featured-news {
	margin: 0 16px;
	margin: 0 1rem
}
@media only screen and (min-width:30em) {
	.featured-news {
		overflow: hidden;
		border-radius: .7em;
		background-color: #dec79b;
		background-color: rgba(116, 50, 0, .07);
		border-top: 1px solid #d4ba8c;
		border-bottom: 1px solid #d4ba8c
	}
}
@media only screen and (min-width:40em) {
	.featured-news {
		margin: 0 0 0 16px;
		margin: 0 0 0 1rem
	}
}
@media only screen and (min-width:60em) {
	.featured-news {
		margin: 0
	}
}
.featured-news .media:hover img {
	-webkit-transform: scale(1.05) translateZ(0);
	transform: scale(1.05) translateZ(0)
}
.featured-news .media:hover a {
	color: #e22c14
}
.featured-news li {
	text-align: left;
	vertical-align: bottom;
	padding-bottom: 16px;
	padding-bottom: 1rem
}
@media only screen and (min-width:30em) {
	.featured-news li {
		padding: 1em;
		float: left;
		width: 33.3333%
	}
}
@media only screen and (min-width:30em) {
	.featured-news li+li {
		border-left: 1px solid #d4ba8c
	}
}
.featured-news-link:hover {
	text-decoration: none
}
.featured-news-link:hover .article-title {
	color: #e22c14
}
.featured-news .article-title {
	margin-top: 8px;
	margin-top: .5rem;
	min-height: 40px;
	min-height: 2.5rem
}
.media__image {
	box-shadow: 0 2px 7px rgba(0, 0, 0, .5);
	display: inline-block;
	float: left;
	width: 124px;
	position: relative;
	overflow: hidden
}
.media__image:hover img {
	-webkit-transform: scale(1.05) translateZ(0);
	transform: scale(1.05) translateZ(0)
}
@media only screen and (min-width:30em) {
	.media__image--home {
		float: none;
		width: 100%;
		max-width: 260px
	}
}
.media__image img {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
.media__image--link {
	position: relative;
	overflow: hidden
}
.media__image--container, .media__image--link {
	display: block;
	padding-bottom: 50%
}
.media__image--container img {
	transition: all .15s ease-out;
	-webkit-backface-visibility: hidden
}
.media__bd {
	overflow: hidden;
	padding-left: 16px;
	padding-left: 1rem;
	text-align: left;
	white-space: normal
}
@media only screen and (min-width:30em) {
	.media__bd--home {
		padding-left: 0
	}
}
.featured-section {
	position: relative
}
.featured-content-wrapper {
	padding: 16px 16px 32px;
	padding: 1rem 1rem 2rem;
	background: url(images/home/faded-divider-small-83ee84a4b1a14b6760144949d121c63d02040c3ed4f3e496950e63b2c322919da0cb649867bef3bea1971819a0d38f69756d5adc6c1f0d95f49192b9e61e7af5.jpg) bottom no-repeat;
	text-align: center
}
@media only screen and (min-width:40em) {
	.featured-content-wrapper {
		padding-top: 0;
		padding-bottom: 0;
		background: none
	}
}
@media only screen and (min-width:60em) {
	.featured-content-wrapper {
		padding-right: 0
	}
	.featured-content-wrapper+.featured-content-wrapper {
		padding-top: 16px;
		padding-top: 1rem
	}
}
@media only screen and (min-width:40em) {
	.featured-wrapper {
		position: absolute;
		max-width: 25%;
		width: 225px;
		top: 0;
		right: 0;
		bottom: 32px;
		bottom: 2rem;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
}
@media only screen and (min-width:60em) {
	.featured-wrapper {
		display: block;
		width: 250px
	}
}
.featured-content-wrapper--standings {
	background: none;
	padding-bottom: 0
}
@media only screen and (min-width:40em) {
	.featured-content-wrapper--fsg {
		margin-bottom: -7%
	}
}
@media only screen and (min-width:60em) {
	.featured-content-wrapper--fsg {
		margin-top: 5px
	}
}
.featured-content-container {
	width: 275px;
	max-width: 100%;
	display: inline-block
}
.featured-content {
	position: relative
}
.featured-content--standings {
	padding-top: 42.85714286%;
	text-align: center
}
.featured-content--gear {
	padding-top: 49.530612%;
	text-align: center;
	margin: -4%
}
.featured-content--fsg {
	padding-top: 49.4%
}
@media only screen and (min-width:40em) {
	.featured-content--fsg {
		padding-top: 45.78313253%
	}
}
.featured-content__link {
	color: #fff;
	background-position: 0 0;
	display: block;
	margin: auto;
	border-radius: 10px;
	transition: -webkit-transform .3s linear;
	transition: transform .3s linear;
	transition: transform .3s linear, -webkit-transform .3s linear;
	-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .5));
	filter: drop-shadow(0 0 3px rgba(0, 0, 0, .5))
}
.featured-content__link, .featured-content__link:after {
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
.featured-content__link:after {
	content: "";
	border-radius: inherit;
	transition: -webkit-filter .3s linear;
	transition: filter .3s linear;
	transition: filter .3s linear, -webkit-filter .3s linear
}
.featured-content__link:hover {
	text-decoration: none
}
.featured-content__link:hover .featured-content__img--standings {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.featured-content__link:hover .featured-content__img--fsg {
	-webkit-animation: tada 1s both;
	animation: tada 1s both
}
.featured-content__link:hover .featured-content__img--chest {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.featured-content__link:hover .featured-content__img--gear {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
@-webkit-keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(3deg);
		transform: scale3d(1.2, 1.2, 1.2) rotate(3deg)
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-3deg);
		transform: scale3d(1.2, 1.2, 1.2) rotate(-3deg)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}
@keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(3deg);
		transform: scale3d(1.2, 1.2, 1.2) rotate(3deg)
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-3deg);
		transform: scale3d(1.2, 1.2, 1.2) rotate(-3deg)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}
.featured-content__link--standings {
	background-image: url(images/esports/standings-bg-c4ddb20a86e8d9284b574c0887aa074d12b6dea2eaf613e1028fd3294f28ad6050e00fae25fc50f7fe408144a754c53a341a48daead45d5eb51209264d30bf47.png);
	text-align: center;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5)
}
.featured-content__link--fsg {
	padding-left: 22px;
	padding-left: 1.4rem;
	padding-top: 4px;
	text-align: left;
	margin-left: -7px
}
@media only screen and (min-width:40em) {
	.featured-content__link--fsg {
		margin-top: -12px
	}
}
.featured-content__link--fsg:after {
	background-image: url(images/esports/fireside-bg-4c54032b0e3012b04d412b82afa9ccbbd1ee294ae7a047ae6b1f2df13fd26c2e07bd313c20a70bbcad62d0df4b0be8b55993a8d4c030db162e6a1166ac44fdef.png)
}
.featured-content__link--fsg:hover:after {
	opacity: .95;
	-webkit-filter: brightness(70%);
	filter: brightness(70%)
}
.featured-content__link--rules {
	padding-left: 22px;
	padding-left: 1.4rem;
	padding-top: 4px;
	text-align: left;
	margin-left: -7px
}
@media only screen and (min-width:40em) {
	.featured-content__link--rules {
		margin-top: -12px
	}
}
.featured-content__link--rules:after {
	background-image: url(images/esports/fireside-bg-4c54032b0e3012b04d412b82afa9ccbbd1ee294ae7a047ae6b1f2df13fd26c2e07bd313c20a70bbcad62d0df4b0be8b55993a8d4c030db162e6a1166ac44fdef.png)
}
.featured-content__link--rules:hover:after {
	opacity: .95;
	-webkit-filter: brightness(70%);
	filter: brightness(70%)
}
.featured-content__link--rules:after {
	background-image: url(images/esports/hub/rules-button-bg-d2ec2d689c5f266963303cb68a452f8e99c0bb1c780227eb67bd75832959052827992de247e9ae36ecc23dc38129687e5485204a5be3ab84f63517fb4636f3ca.png)
}
.featured-content__link--host {
	padding-left: 22px;
	padding-left: 1.4rem;
	padding-top: 4px;
	text-align: left;
	margin-left: -7px
}
@media only screen and (min-width:40em) {
	.featured-content__link--host {
		margin-top: -12px
	}
}
.featured-content__link--host:after {
	background-image: url(images/esports/fireside-bg-4c54032b0e3012b04d412b82afa9ccbbd1ee294ae7a047ae6b1f2df13fd26c2e07bd313c20a70bbcad62d0df4b0be8b55993a8d4c030db162e6a1166ac44fdef.png)
}
.featured-content__link--host:hover:after {
	opacity: .95;
	-webkit-filter: brightness(70%);
	filter: brightness(70%)
}
.featured-content__link--host:after {
	background-image: url(images/esports/hub/host-button-bg-ddc3d0f1364e958d95224c30855b1a8c1d76fe2f45eb66a49817c13c2930ddb80dccd3e3bf59e4232c68b3d6d73fe4e3510f525df594d56c9a81128be6844217.png)
}
.featured-content__link--gear {
	text-align: center
}
.featured-content__link--gear:after {
	background-image: url(images/home/gear-store-bg-e1d429fac929f46976319175504daf1a5e9d688880a2cdc7f9c31440d0d05aecfd26fa381b99e67c586304daf77d6904a1597261ac135728e19a0ba62c2be120.png)
}
.featured-content__img {
	position: relative;
	z-index: 10
}
.featured-content__img--standings {
	max-height: 115%;
	display: inline-block;
	transition: -webkit-transform .3s linear;
	transition: transform .3s linear;
	transition: transform .3s linear, -webkit-transform .3s linear;
	margin-top: -7px
}
.featured-content__img--fsg {
	position: absolute;
	top: 21%;
	right: -4%;
	width: 26%
}
.featured-content__img--chest {
	top: 15%;
	right: -3%;
	width: 47%
}
.featured-content__img--chest, .featured-content__img--gear {
	position: absolute;
	transition: -webkit-transform .3s linear;
	transition: transform .3s linear;
	transition: transform .3s linear, -webkit-transform .3s linear
}
.featured-content__img--gear {
	width: 58%;
	-webkit-transform: scale(.95);
	-ms-transform: scale(.95);
	transform: scale(.95);
	top: 50%;
	left: 50%;
	margin-top: -18%;
	margin-left: -28%
}
.featured-content__title {
	font-size: 20px;
	font-size: 1.25rem;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-weight: 700;
	padding-left: 16px;
	padding-left: 1rem;
	line-height: 1.2;
	letter-spacing: .1em;
	z-index: 15;
	position: relative
}
.featured-content__title--fsg {
	background: url(images/esports/fireside-text-e50ce713b971ec711f158afe4e0fa2d7ce3ddb62ca67b068a63ffaa67d5b6ddf425b5dbb59df07b28368d28971464d5bd507cffee6a9445d538b2b4b1645d1bc.png) 0 no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: inline-block;
	height: 100%;
	max-width: 115px;
	width: 54%;
	background-size: contain
}
.de-de .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-de-de-5f7f9a4d9d6290271116eb20bf8f6d750bac6b8e36a512d58b6a23b1b45991465ac38590a706033141a986ac222877e2e658b124e41db6f98153c9327cc3c240.png)
}
.en-gb .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-en-gb-e50ce713b971ec711f158afe4e0fa2d7ce3ddb62ca67b068a63ffaa67d5b6ddf425b5dbb59df07b28368d28971464d5bd507cffee6a9445d538b2b4b1645d1bc.png)
}
.en-us .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-en-us-e50ce713b971ec711f158afe4e0fa2d7ce3ddb62ca67b068a63ffaa67d5b6ddf425b5dbb59df07b28368d28971464d5bd507cffee6a9445d538b2b4b1645d1bc.png)
}
.es-es .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-es-es-220f07a78806feb3c6aa6c02c8de7337ac8b7dc18776c70caececeed7520b1ed9739e22392bac2fe4b3fbc0b942c2a58497736accdc7b897fe0e76c880e35fed.png)
}
.es-mx .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-es-mx-0f27952e7b89e43bb729a6e920985a161428521da148727a242debc110059cf4af935e04f7f714865fcfa1514cee542909428edb850a9abe136fcdd5c87096fe.png)
}
.fr-fr .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-fr-fr-cf6e849ff79a9ad0da194d3a39a1ece0bcca41c828c44a9d50587d958e1608cf4b3e26cf04768c46d5c2075fb3831b5e8604cc84ef8c7ccddfe9aca6bdea5187.png)
}
.it-it .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-it-it-7c753a49f36c0f39cf9e5beea561101ef3267ee3781b3ae603822b285547a083db577b16aebaa9f9c2b9f761ed4e39b5b21e2bcf6b674edb77abb025e68990fd.png)
}
.ja-jp .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-ja-jp-f6ffd4a0c0f75f5d0fbf577b4ec6e4c2eab1d0142a6c45dfb668b0bfa835402402b86e5b4189de26c5815b3fb88501845afe836591df6ec24a0c300a562ea8b2.png)
}
.ko-kr .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-ko-kr-1c803929e4d6c1162ee14a35fca91a621028da2b8fc7876ae33d0396bc904ad2a6e3253a2a15a997b016516552c73ec5fccc6207f266c2cd6697682e24ebc488.png)
}
.pl-pl .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-pl-pl-f97e94a7a0c152212d8edb75eb497869e2be1f9cbdbbf93c1028f68e0aa257ac1d3ab7a855849e65b9320f77008e1a94269251a43a98323d6af004cbc2357b1d.png)
}
.pt-br .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-pt-br-7ab5ce6b6b830094486d6dc18a2f85a6a3206eb0d74082d7bbb8b6d7c200db286941ad31c355ff03f7d8e217128acb2d2aed08286e9c2b526147bee78fe68216.png)
}
.pt-pt .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-pt-pt-7ab5ce6b6b830094486d6dc18a2f85a6a3206eb0d74082d7bbb8b6d7c200db286941ad31c355ff03f7d8e217128acb2d2aed08286e9c2b526147bee78fe68216.png)
}
.ru-ru .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-ru-ru-e704bd209c7301c10354275e56fde21adfc37ec76df7d08704cd46652b01521acedaa0787dc07ca0789eb8ff9e5d380aa633bf4e6dd498f79fc70f26c4afe906.png)
}
.th-th .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-th-th-e50ce713b971ec711f158afe4e0fa2d7ce3ddb62ca67b068a63ffaa67d5b6ddf425b5dbb59df07b28368d28971464d5bd507cffee6a9445d538b2b4b1645d1bc.png)
}
.zh-cn .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-zh-cn.png)
}
.zh-tw .featured-content__title--fsg {
	background-image: url(images/esports/fireside-text-zh-tw-280e3c01acd7370275becf89ed50b38a093072bc01ea43f401b0ac969070df40220f97d36b337c7417ffe648124b715a6e9cc81e426a8928afe2806ce50be804.png)
}
body.fireside .article-title {
	font-weight: 700
}
.article-title {
	font-size: 16px;
	font-size: 1rem;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	max-height: 2.5em;
	overflow: hidden;
	line-height: 1.2
}
.ko-kr .article-title {
	font-family: Dotum
}
.article-title a {
	color: #000
}
.article-title a:hover {
	text-decoration: none;
	color: #e22c14
}
.article-title--featured {
	font-size: 14px;
	font-size: .875rem;
	height: 3em
}
.article-summary {
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	max-height: 4.3em;
	overflow: hidden
}
.ko-kr .article-summary {
	font-family: Dotum
}
.article-meta {
	color: #666;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-top: 1em
}
@media only screen and (min-width:60em) {
	.article-meta {
		padding-top: .5em
	}
}
.ko-kr .article-meta {
	font-family: Dotum
}
header .article-meta {
	padding-top: .5em
}
.comments-link {
	padding-left: 16px;
	padding-left: 1rem;
	background: transparent url(images/blog/comment-count-6b78f7b9ef7ea4868dcc9914a0b23a55afc3e0a2b1728b57484397027842f01600fcf445c70fbe3a1544d0485f0162ad92601bea44c8d3d4f36b43b1c34062f3.gif) 0 4px no-repeat
}
.comments-link:hover {
	background-position: 0 -13px;
	text-decoration: underline
}
.ko-kr .comments-link {
	background-position: 0 1px
}
.comments-link--featured {
	margin-left: 0
}
.blog-article .comments-link {
	margin-left: 16px;
	margin-left: 1rem
}
.publish-date {
	margin-left: 1em;
	font-size: 12px;
	font-size: .8rem
}
.arrow-link {
	margin: 16px 16px 0 0;
	margin: 1rem 1rem 0 0;
	padding: 0;
	float: right;
	text-align: left
}
@media only screen and (min-width:40em) {
	.arrow-link:hover {
		text-decoration: underline;
		background-position: 100% -33px
	}
}
@media only screen and (min-width:40em) {
	.arrow-link--news {
		margin-right: 0
	}
}
.arrow-link--events {
	margin-right: 0
}
.arrow-link__view, .DownloadLink, a.DownloadLink {
	color: #e22c14;
	border: 0;
	border-radius: 0;
	text-shadow: none;
	display: inline-block;
	letter-spacing: normal;
	font: 700 14px/1.3 Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font: 700 .875rem/1.3 Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif
}
.arrow-link__view {
	margin-right: 10px
}
.arrow-link__view:after {
	content: "";
	background: transparent url(images/icons/arrows2-d918c38e481b87f272a228f32ee5d6501c22db4142dd12b31ee2ec12e8943375b1324f7fd3ae8e12ad69a318cd8526b2914778b42ce55c78ee098f21e4a18545.gif) right -1px no-repeat;
	width: 7px;
	height: 13px;
	vertical-align: middle;
	display: inline-block;
	margin-left: 4px
}
.arrow-link__view:hover:after {
	background-position: right -34px
}
@media only screen and (min-width:40em) {
	.DownloadLink {
		float: right
	}
}
.DownloadLink.DownloadLink--inline {
	float: none;
	margin-left: 20px
}
.DownloadLink:before {
	margin-right: 4px;
	margin-top: -4px;
	opacity: .7
}
.DownloadLink:hover:before {
	opacity: 1
}
.blog-load-more {
	margin: 8px 16px 16px;
	margin: .5rem 1rem 1rem
}
@media only screen and (min-width:40em) {
	.blog-load-more {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none;
		display: block;
		margin: 8px 16px;
		margin: .5rem 1rem;
		margin-left: 0;
		margin-right: 0;
		padding: .5em 0;
		white-space: nowrap;
		text-align: center;
		max-width: 840px;
		max-width: 52.5rem;
		clear: both
	}
	.blog-load-more--vertical {
		margin: 0
	}
	.blog-load-more--vertical+.blog-load-more--vertical {
		margin-top: 8px;
		margin-top: .5rem
	}
	.blog-load-more--full-width {
		width: 100%
	}
}
@media only screen and (min-width:40em) {
	.blog-load-more:hover {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none;
		padding: .5em 0
	}
}
@media only screen and (min-width:40em) {
	.blog-load-more .hearthstone-button__inner {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}
}
@media only screen and (min-width:40em) {
	.blog-load-more .load-more {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		display: block;
		background-color: #dec79b;
		background-color: rgba(116, 50, 0, .07);
		padding: .25em 0;
		border: none;
		color: #e22c14;
		font-size: 14px;
		font-size: .875rem;
		text-shadow: none;
		font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0;
		padding: .6em 0;
		border-radius: .25rem
	}
	.blog-load-more .load-more--centered {
		text-align: center
	}
	.blog-load-more .load-more:hover {
		background-color: #dec79b;
		background-color: rgba(116, 50, 0, .07)
	}
}
.blog-load-more .load-more.loading {
	background-image: url(images/blog/loading-sm-1185de43682b1248cc81e10661421aa8acfa4cad5120de0aa9a5f1a715995c129521821f9568393ea0ad40524e00a9184c39115d87cf13c65857f51c9bde8293.gif), linear-gradient(180deg, #944ca0, #581b7f);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -9999px
}
@media only screen and (min-width:40em) {
	.blog-load-more .load-more.loading {
		background-image: url(images/blog/loading-1c88845049374441aec5c01af471aa109951c831b1db725c985572e0457be457a4cfa56eaf5235ebd7baddb03dddb14f5fde975d70eda3ead81d339ee16726ca.gif);
		background-size: initial
	}
}
@media only screen and (min-width:40em) {
	.blog-load-more .load-more .hearthstone-button__text {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none;
		line-height: 2;
		display: inline-block;
		text-align: center;
		color: #e22c14
	}
}
.blog-load-more--full-width {
	max-width: none
}
.keyword-list {
	margin: 10px 0 0 16px;
	margin: 10px 0 0 1rem;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: .75rem
}
.card-carousel, .screenshot-section {
	position: relative
}
.card-carousel {
	max-width: 1008px;
	width: 100%;
	margin: auto
}
@media only screen and (min-width:60em) {
	.card-carousel {
		padding: 0 16px;
		padding: 0 1rem
	}
}
.card-carousel .home-text {
	margin-bottom: 0
}
@media only screen and (min-width:60em) {
	.card-carousel .home-text {
		padding: 10% 0;
		text-align: left
	}
}
.card-carousel__cards {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	background: url(images/cards/card-sprite-small-4a3b90d161c2a6668d038650efc0b319c422172074a4e2f58f5e616c66d09ed99ce11808c133c661a63b12ce87a32a3ee2626d263481728150495ea02861fcf6.png) center 0 no-repeat;
	height: 445px;
	margin-top: 2em
}
.de-de .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-de-de-269d9de837a1c02b0d361f3fc69061e76179a9df5631ba17eeb10c7a4b9cd94e19773414c060b257ff2e578db729e448638ddb482af596310629b3e80b6f2f50.png)
}
@media only screen and (min-width:40em) {
	.de-de .card-carousel__cards {
		background: none
	}
}
.en-gb .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-en-gb-4a3b90d161c2a6668d038650efc0b319c422172074a4e2f58f5e616c66d09ed99ce11808c133c661a63b12ce87a32a3ee2626d263481728150495ea02861fcf6.png)
}
@media only screen and (min-width:40em) {
	.en-gb .card-carousel__cards {
		background: none
	}
}
.en-us .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-en-us-4a3b90d161c2a6668d038650efc0b319c422172074a4e2f58f5e616c66d09ed99ce11808c133c661a63b12ce87a32a3ee2626d263481728150495ea02861fcf6.png)
}
@media only screen and (min-width:40em) {
	.en-us .card-carousel__cards {
		background: none
	}
}
.es-es .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-es-es-b33c6e6e63b8ec24d5e303b86237ddba92dc311fe72950852b577523e97c599f943236812f82d05c94f50a2b4db0b4bc280dd45832d1b1f7013345dcad8a9ad0.png)
}
@media only screen and (min-width:40em) {
	.es-es .card-carousel__cards {
		background: none
	}
}
.es-mx .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-es-mx-d2366520d053dcddb31fe25bdaf9243046bef056999f8835615a9c56abbf1316ac1ca6dcbef65aed4c244aafee2b9798c80bba20c549d032b522ee7b19a74324.png)
}
@media only screen and (min-width:40em) {
	.es-mx .card-carousel__cards {
		background: none
	}
}
.fr-fr .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-fr-fr-9e57329b466da137670201dd8ee3580d1942cdbc2c38fc361a794654e64376350a81ec9ba4f6693a483e3ae7684a9106177db3491b77dbd95acabd758690f449.png)
}
@media only screen and (min-width:40em) {
	.fr-fr .card-carousel__cards {
		background: none
	}
}
.it-it .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-it-it-89838981ae4ccbb44122ebbcdde1eb67155a3bbf150a2926243926d170ddead2adb068454d5142f316250f88e94961b39e575b7311521eb81c12c054e3ce6f02.png)
}
@media only screen and (min-width:40em) {
	.it-it .card-carousel__cards {
		background: none
	}
}
.ja-jp .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-ja-jp-8abd9aad40d704538e50b1d9e234a8e10bc8e608dcfe45bdf96c33f9794c90c933bf56693dc406f1886827986448abf1283abd7bff8924e53a8093753e7429f9.png)
}
@media only screen and (min-width:40em) {
	.ja-jp .card-carousel__cards {
		background: none
	}
}
.ko-kr .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-ko-kr-b45cbc3f974fa4d09223a9763ad0248e070c46711c2d61c4605c92c5d69d34d4414c2299038cd9892c31c7c9b8d2efc9d6975aa943e811dfab5d8bd9bcf5b032.png)
}
@media only screen and (min-width:40em) {
	.ko-kr .card-carousel__cards {
		background: none
	}
}
.pl-pl .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-pl-pl-d17e41becf39591709baf1e02dcc0b10b773e46a1d2f3207caf3f2a9f96309926f26ccd5e132d72e987cb16217e4c55cb6f00190476221b0581c2435c58140fb.png)
}
@media only screen and (min-width:40em) {
	.pl-pl .card-carousel__cards {
		background: none
	}
}
.pt-br .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-pt-br-a4847987f1b8e3eb639bef88848e3a4f9397b322a4d9137136c005648245ce7755e38e5fd1939bf953e9a4c1ecaf31b4ca2648797bca246aeda124dd7c687bae.png)
}
@media only screen and (min-width:40em) {
	.pt-br .card-carousel__cards {
		background: none
	}
}
.pt-pt .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-pt-pt-a4847987f1b8e3eb639bef88848e3a4f9397b322a4d9137136c005648245ce7755e38e5fd1939bf953e9a4c1ecaf31b4ca2648797bca246aeda124dd7c687bae.png)
}
@media only screen and (min-width:40em) {
	.pt-pt .card-carousel__cards {
		background: none
	}
}
.ru-ru .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-ru-ru-0950ec1e82fd182d95698101ec08ac99db33a9ba40efdf204ee7d0206a4bb881726c5b38c1935654d13e3b312570233662bee1c7bc4373e36b16e804a12c2d7e.png)
}
@media only screen and (min-width:40em) {
	.ru-ru .card-carousel__cards {
		background: none
	}
}
.th-th .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-th-th-9fdcb2a1fa6e349e7957c6c51e02fcc7cea81b18491a5c436269909b9b28a5c991ba57349f70df04a80575b068601fb01c12206f5cd9612683ef90f587a82e46.png)
}
@media only screen and (min-width:40em) {
	.th-th .card-carousel__cards {
		background: none
	}
}
.zh-cn .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-zh-cn-cee22ee926749ffc46fbd431d7eb6811810ad4c26b039908ee74a2ec3474d0785ab64c4c90f54f8d15fc6b425600610149c2efc032e77b0f6de43834787e6217.png)
}
@media only screen and (min-width:40em) {
	.zh-cn .card-carousel__cards {
		background: none
	}
}
.zh-tw .card-carousel__cards {
	background-image: url(images/cards/card-sprite-small-zh-tw-075dd882f38145cf5007a054c2add25472b6167c1ff90e2769d06b1f44c82441115a64d6e78bad91d0b779798428c0d005454bcd846668c92fb0326316613fda.png)
}
@media only screen and (min-width:40em) {
	.zh-tw .card-carousel__cards {
		background: none
	}
}
@media only screen and (min-width:40em) {
	.card-carousel__cards {
		height: 475px;
		margin-top: -2em;
		width: 640px
	}
}
.card-carousel__item {
	position: absolute;
	z-index: 0;
	left: 160px;
	visibility: hidden;
	height: 484px;
	width: 311px;
	transition: all .5s ease;
	-webkit-transform: scale(.75);
	-ms-transform: scale(.75);
	transform: scale(.75)
}
@media only screen and (min-width:40em) {
	.card-carousel__item {
		background-color: transparent;
		background-position: 0 0;
		background-repeat: no-repeat
	}
	.de-de .card-carousel__item {
		background-image: url(images/cards/card-sprite-de-de-090f142c2bcb11d7a8724c4e2180697cdfad156d870d3599fe90a0a0c5e62aad0caee452f68b494efe66b3fc1d1e252e22a2ae65f77188dfa2ca7fd5102b7a15.png)
	}
	.en-gb .card-carousel__item {
		background-image: url(images/cards/card-sprite-en-gb-cdee56f084d531f4c728081e430ebf7469cdf92f3e51faaca6821507f4cfb7a2401c8d40c02ab6d9a5ab6f6a7a49d9dcc546ada5a81411d1e553c6f93f143593.png)
	}
	.en-us .card-carousel__item {
		background-image: url(images/cards/card-sprite-en-us-cdee56f084d531f4c728081e430ebf7469cdf92f3e51faaca6821507f4cfb7a2401c8d40c02ab6d9a5ab6f6a7a49d9dcc546ada5a81411d1e553c6f93f143593.png)
	}
	.es-es .card-carousel__item {
		background-image: url(images/cards/card-sprite-es-es-e6dede4feb02d623c752f7b193f3131fcfeaa13906b1ebc8cf829dc022a2b12b3d7d7a63ad8b16631d838b04673db9d0dcfe3a15da5a4e55154b50e2004cc4ec.png)
	}
	.es-mx .card-carousel__item {
		background-image: url(images/cards/card-sprite-es-mx-e1b7dfd6e9aea8647613c83774cca82877f2d9bb7d75ea024810b84b1ac513c32801d734bd022c61c2ec7216d42b166187f1d30ed54f5729371629c77de9d682.png)
	}
	.fr-fr .card-carousel__item {
		background-image: url(images/cards/card-sprite-fr-fr-09a8ad44cf56f38f29356eb3a0e3018d2f755526676bcf807fdcf390b65105e0d1f82c7b7263a9dfb42fdae9f53cbdaa890642365a49dbdc3ec0c2ef8f9c2f51.png)
	}
	.it-it .card-carousel__item {
		background-image: url(images/cards/card-sprite-it-it-0b85cb71364128deaf8a7d36f3b219829c75ee3043275fbb5a0d152a99c3e54ecd03e435b318a98c51824625aaa55b92f563302e36adbce35163c2917ab105a4.png)
	}
	.ja-jp .card-carousel__item {
		background-image: url(images/cards/card-sprite-ja-jp-9e2d61d03f6a9a4e044c162fab7169ce42161e8e46d56fb5c359271b0ca1a77c06b5ffe38693a18beeac72d050427af5b221afa0817ae456ea8a4ac4e3560d1b.png)
	}
	.ko-kr .card-carousel__item {
		background-image: url(images/cards/card-sprite-ko-kr-7ca242f90712905ada243581cecf84d15075f94ee274d6f3424bf9f606f1021006e16a29ffbeded280a1561c15f17f6f9514181be52da21b3bed3d5ff9b9040b.png)
	}
	.pl-pl .card-carousel__item {
		background-image: url(images/cards/card-sprite-pl-pl-aa9dec358ba875bbedcf437549b943f6a5b3a5083b2a08ef0ca3934329ee56a2ed913ec4b3facf6a422fb8a6f3b3425d20dd541e0795796c16fe65c3812b9b8a.png)
	}
	.pt-br .card-carousel__item {
		background-image: url(images/cards/card-sprite-pt-br-d97f719bde8d8057004a16b91c1f74d3dec0b224a8fba442e06939fcc360ef85e0b98f6f9c4359cb4d35f63c89a1887314348eebb892bde5835f93b67e32fd6c.png)
	}
	.pt-pt .card-carousel__item {
		background-image: url(images/cards/card-sprite-pt-pt-d97f719bde8d8057004a16b91c1f74d3dec0b224a8fba442e06939fcc360ef85e0b98f6f9c4359cb4d35f63c89a1887314348eebb892bde5835f93b67e32fd6c.png)
	}
	.ru-ru .card-carousel__item {
		background-image: url(images/cards/card-sprite-ru-ru-b3ebf613f23fc48896a6bcf723ae0d586773403e6a71190d613a9647e6e3f59962e73ad6216ddcc65f4ab22fdd1b24a33882562791b7a4c6e8e841efd74935b7.png)
	}
	.th-th .card-carousel__item {
		background-image: url(images/cards/card-sprite-th-th-a567c67936db8681540e79a5c509a579cb6dbc75b81559171e6859ca06a914797e76f680c80f7e98adc30362c68de216161bf5002be6df3ad2ed8202da1038d2.png)
	}
	.zh-cn .card-carousel__item {
		background-image: url(images/cards/card-sprite-zh-cn.png)
	}
	.zh-tw .card-carousel__item {
		background-image: url(images/cards/card-sprite-zh-tw-a0ca5ca40e48d6f9a6d4aa3cd5c6301ac8e7615e37f935c9a9a120091d77f48b4e0e8737de48c029a9c63749d7891c7e719a74529196c55854f771f179a300f8.png)
	}
	.card-carousel__item.card1 {
		background-position: -3px 0
	}
	.card-carousel__item.card2 {
		background-position: -314px 0
	}
	.card-carousel__item.card3 {
		background-position: -625px 0
	}
	.card-carousel__item.card4 {
		background-position: -936px 0
	}
	.card-carousel__item.card5 {
		background-position: -1247px 0
	}
}
@media only screen and (min-width:40em) {
	.card-carousel__item {
		transition: all .3s ease
	}
	.card-carousel__item.deck-left {
		left: -38px
	}
	.card-carousel__item.deck-right {
		left: 55%
	}
	.card-carousel__item.deck-left, .card-carousel__item.deck-right {
		z-index: 10;
		cursor: pointer;
		visibility: visible
	}
	.card-carousel__item.deck-center {
		left: 50%;
		margin-left: -155px;
		z-index: 20;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		visibility: visible
	}
	.card-carousel .indicators {
		height: 28px;
		margin: -50px auto 0;
		position: relative;
		bottom: 10px;
		text-align: center;
		z-index: 20
	}
	.card-indicator {
		height: 28px;
		width: 28px;
		background: transparent url(images/buttons/screenshot-overlay-243c5208fc979cda6e668d6e5f5183f2f6fc1376c8b2432e4205f1707ae45e6cce8ba35f699c7669a17853ecda06f13c5c19bc00a9f35f44e19815cd407b4518.png) -325px -262px no-repeat;
		display: inline-block;
		z-index: 1;
		position: relative
	}
	.card-indicator:before {
		content: "";
		background: transparent url(images/buttons/screenshot-overlay-243c5208fc979cda6e668d6e5f5183f2f6fc1376c8b2432e4205f1707ae45e6cce8ba35f699c7669a17853ecda06f13c5c19bc00a9f35f44e19815cd407b4518.png) -355px -262px no-repeat;
		display: block;
		opacity: 0;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		position: absolute;
		transition: opacity .5s ease-out;
		-webkit-transition: opacity .5s ease-out
	}
	.card-indicator:hover {
		cursor: pointer
	}
	.card-indicator:hover:before {
		opacity: 1
	}
	.card-indicator.active:before {
		opacity: 1;
		background-position: -385px -262px
	}
}
.content-section--heroes {
	background: url(images/home/heroes-640x610-3bbb05ecc2ced131aa8892a88c66d9f01ad5e62b0878914a9caa26eb0eeea43ed5c0d04b108bf3dcd25515365498e237a6aa489aa68040d6c8863c98a0c3ef44.jpg) bottom no-repeat;
	height: 845px
}
@media only screen and (min-width:30em) {
	.content-section--heroes {
		height: 736px
	}
}
@media only screen and (min-width:40em) {
	.content-section--heroes {
		background-image: url(images/heroes-35ef19b6cb2a571a84eb1eade7de64796fd65cd0151b145b53fad6af904ef08ed7c4937bd0d67c542e48b16031247a0d5598adf3a73d84dc954597122930d81e.png);
		max-width: 2160px
	}
}
.home-text--heroes {
	max-width: 832px;
	max-width: 52rem
}
.artwork-row .view-media {
	margin-left: 340px !important
}
@media only screen and (min-width:72.5em) {
	.artwork-row .view-media {
		margin-left: 435px !important
	}
}
.content-section--artwork {
	max-width: none
}
.artwork-row {
	position: relative;
	margin: 0 auto;
	background: transparent url(images/media-row-bg-059f12895a2a04dba052c1822be17394f20eda40de7bd03448c7274ddb8b7da185d227e00af04a47d3dbda27c8f1c312c5af72f15b972d26295b9090a48967b0.png) 50% 0 no-repeat;
	max-width: 2600px;
	text-align: center;
	overflow: hidden;
	display: none
}
.artwork-row h3 {
	font: 700 16px/40px Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #fff;
	text-shadow: 0 0 4px #000, 0 0 8px #000;
	position: relative;
	top: 18px;
	margin-left: -5px;
	text-transform: uppercase
}
.ko-kr .artwork-row h3 {
	font-family: NanumMyeongjo Bold
}
@media only screen and (min-width:72.5em) {
	.artwork-row {
		display: block
	}
}
.artwork-row .arrow-link.view-media {
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: 490px
}
.artwork-row .thumbnails {
	position: relative;
	top: 45px;
	height: 235px;
	white-space: nowrap;
	overflow: hidden
}
.artwork-row .thumbnails .artwork-item, .artwork-row .thumbnails .artwork-wallpaper {
	margin: 0 15px;
	background: transparent url(images/artwork-item-bg-96c8286ebc479649f24849dbd15b133059e6fc6d7b2eeb7fe6cc473adcc6373ec23be1b753f1ce7232f80a94dd1e81b7589d9915522c208c19c081556cc84ccc.png) no-repeat;
	width: 210px;
	display: inline-block;
	padding-top: 5px;
	vertical-align: top;
	cursor: pointer;
	position: relative
}
.artwork-wallpaper:hover {
	text-decoration: none
}
.artwork-item .overlay, .artwork-wallpaper .overlay {
	display: none;
	position: absolute;
	background: rgba(0, 0, 0, .5) url(images/buttons/artwork-zoom-15e0f4895da25c097b0a2c320545a35b40ae06a908cee525baa76c25e4b8ea7cfc00e000a9b22465745de6d8b2fee0c69f36345a9ac30b5894612525fd907fb5.png) 50% no-repeat;
	height: 107px;
	width: 199px;
	top: 5px;
	left: 6px;
	border-radius: 5px
}
.artwork-item:hover .overlay, .artwork-wallpaper:hover .overlay {
	display: block
}
.artwork-row .thumbnails .item {
	margin-left: 1px
}
.tabard {
	display: block;
	width: 154px;
	height: 69px;
	background: transparent url(images/wallpaper-tabard-e7408b6e3b5fd890a4f3fff5353a656192b57753ab3e4f877c7c2b45b2123641451a7a9954ac75079a1f41e58859dfe65d1f3ebd5ddb3ff89517b81cc5424996.png) no-repeat;
	margin: -5px auto 0;
	font: 700 14px/1 Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #fff;
	text-shadow: 0 0 3px #000, 0 0 5px #000;
	padding-top: 10px
}
.ko-kr .tabard {
	font-family: Dotum;
	font-size: 12px
}
.artwork-container {
	display: inline-block;
	position: relative;
	max-width: 100%
}
.arrow-link--media {
	position: absolute;
	bottom: 100%;
	right: 0
}
.arrow-link--standings {
	margin-right: 8px;
	margin-right: .5rem
}
@media only screen and (min-width:60em) {
	.character-left {
		position: absolute;
		bottom: -22px;
		left: -73px;
		background: transparent url(images/murloc-9d061040fa22af2246de07fff28e0780194d67f3427fd3aeb55889237379da07859070e064ab39d822b3938e51328adef3d47fc137c793fc1eaf260d362c0d25.png) 0 390px no-repeat;
		width: 390px;
		height: 390px;
		opacity: 0
	}
	.character-left.static {
		background-position: 0 75px;
		opacity: 1
	}
	.character-left.spring {
		-webkit-animation: spring-left .8s ease 0s 1 forwards;
		animation: spring-left .8s ease 0s 1 forwards
	}
}
@media only screen and (min-width:60em) {
	.character-right {
		position: absolute;
		top: -80px;
		right: -145px;
		background: transparent url(images/troll-35c5099547d99d36e8d8fc5574f4a67814ab0364ee5ae2d5e14e11a8025ba80ca5dabc79a7f4384c6b77c7c1d0f79f5827f375af50147c596e58e52f6cb08460.png) 0 240px no-repeat;
		width: 460px;
		height: 650px;
		opacity: 0
	}
	.character-right.static {
		background-position: 0 55px;
		opacity: 1
	}
	.character-right.spring {
		-webkit-animation: spring-right .8s ease 0s 1 forwards;
		animation: spring-right .8s ease 0s 1 forwards
	}
}
@-webkit-keyframes spring-right {
	0% {
		opacity: 0;
		-webkit-transform: scale(.8);
		transform: scale(.8);
		background-position: -150px 240px
	}
	60% {
		opacity: .8;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-position: 0 30px
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-position: 0 55px
	}
}
@keyframes spring-right {
	0% {
		opacity: 0;
		-webkit-transform: scale(.8);
		transform: scale(.8);
		background-position: -150px 240px
	}
	60% {
		opacity: .8;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-position: 0 30px
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-position: 0 55px
	}
}
@-webkit-keyframes spring-left {
	0% {
		opacity: 0;
		-webkit-transform: scale(.8);
		transform: scale(.8);
		background-position: 0 390px
	}
	60% {
		opacity: .8;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-position: 0 40px
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-position: 0 75px
	}
}
@keyframes spring-left {
	0% {
		opacity: 0;
		-webkit-transform: scale(.8);
		transform: scale(.8);
		background-position: 0 390px
	}
	60% {
		opacity: .8;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-position: 0 40px
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-position: 0 75px
	}
}
.lightbox-wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	text-align: center
}
.lightbox-wrapper:before {
	content: "";
	height: 100%;
	margin-right: -.25em
}
.lightbox-wrapper:before, .modal-container {
	display: inline-block;
	vertical-align: middle
}
.modal-container {
	max-width: 853px;
	width: 80%;
	outline: 9999px solid rgba(0, 0, 0, .75);
	text-align: left;
	background-color: #3a240f
}
.modal-container.media-frame:before {
	z-index: 0
}
.modal-container .lightbox-close {
	display: block;
	position: absolute;
	float: right;
	right: -9px;
	top: -7px;
	width: 45px;
	height: 46px;
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) -84px 0 no-repeat;
	border: none;
	outline: none
}
.modal-container #lightbox-title {
	height: auto;
	margin: 0;
	padding: .5em 16px;
	padding: .5em 1rem
}
.body-text, .bracket .cyc_body {
	color: #000;
	font: normal 16px/1.5 Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font: normal 1rem/1.5 Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto 16px;
	margin: 0 auto 1rem;
	padding: .5em 16px 0;
	padding: .5em 1rem 0
}
@media only screen and (min-width:60em) {
	.body-text, .bracket .cyc_body {
		margin: 0 0 16px;
		margin: 0 0 1rem
	}
}
.ko-kr .body-text {
	font-family: NanumMyeongjo Bold
}
.body-text--no-spacing {
	margin: 0;
	padding: 0
}
.body-text--no-side-padding {
	padding-right: 0;
	padding-left: 0
}
.body-text--intro {
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.2;
	padding: .5em 0 0
}
@media only screen and (min-width:60em) {
	.body-text--intro {
		max-width: 42em
	}
}
.ko-kr .body-text--intro {
	font-family: NanumMyeongjo Bold
}
.th-th .body-text--intro {
	line-height: 1.7
}
.body-text--footnote {
	font-size: inherit
}
.body-text--expansion {
	margin: 16px auto 32px;
	margin: 1rem auto 2rem;
	padding: 8px 0 0;
	padding: .5rem 0 0
}
.body-text--expansions-intro {
	margin: 16px 0;
	margin: 1rem 0;
	text-align: left;
	max-width: none
}
@media only screen and (min-width:40em) {
	.body-text--expansions-intro {
		text-align: center;
		margin-left: auto;
		margin-right: auto
	}
}
.body-text--sample {
	margin-top: 48px;
	margin-top: 3rem
}
.body-text--vote {
	border-top: 1px solid #d4ba8c;
	padding-top: 32px;
	padding-top: 2rem
}
.heading--gg {
	color: #000;
	background-color: #d9be91;
	background: hsla(38, 49%, 71%, .7);
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	line-height: 1.2;
	position: relative;
	font-size: 22px;
	font-size: 1.4rem;
	margin: 1.5em 16px 20px;
	margin: 1.5em 1rem 1.25rem
}
.ko-kr .heading--gg {
	font-family: NanumMyeongjo Bold
}
@media only screen and (min-width:30em) {
	.heading--gg {
		font-size: 27px;
		font-size: 1.7rem
	}
}
.heading--gg:before {
	content: "";
	display: inline-block;
	height: 69px;
	width: 69px;
	vertical-align: middle;
	margin: -10px 0 -10px -15px
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.heading--gg:before {
		background-position: 0 0
	}
}
@media only screen and (min-width:60em) {
	.heading--gg {
		margin: 24px 0;
		margin: 1.5rem 0
	}
}
.heading--gg>span {
	vertical-align: middle;
	max-width: 80%;
	padding-left: 16px;
	padding-left: 1rem;
	display: inline-block
}
@media only screen and (min-width:40em) {
	.heading--gg>span {
		max-width: none
	}
}
@media only screen and (min-width:60em) {
	.playing-hearthstone__heading {
		margin-top: 2em
	}
}
.game-guide .section {
	*zoom: 1
}
.game-guide .section:after, .game-guide .section:before {
	content: " ";
	display: table;
	visibility: hidden;
	line-height: 0
}
.game-guide .section:after {
	clear: both
}
.subnav {
	min-height: 137px;
	padding-top: 8px;
	position: relative;
	width: 100%;
	overflow-x: hidden
}
@media only screen and (min-width:60em) {
	.subnav {
		overflow: visible
	}
}
@media only screen and (min-width:40em) {
	.subnav__bg {
		background-image: url(images/game-guide/subnav/subnav-bg-3f0c2b4543e16ae7294df5664d3e8631370064398f030cb747be4d8a0ca18d63567ad919d95c18d32068168e1f89e1f5974a4d53431534a3e5db6b167161cf3c.png);
		background-repeat: no-repeat;
		height: 137px;
		left: 49.999%;
		margin-left: -660px;
		position: absolute;
		width: 1320px
	}
}
@media only screen and (min-width:60em) {
	.subnav__bg:after {
		content: "";
		display: block;
		position: absolute
	}
	.game-guide .subnav__bg:after {
		background: url(images/game-guide/subnav/lorewalker-cho-955a1efc11598a4787227d0b24f4f35ac7baa80c70d0d1e909e22f4ca59a2fa753da22ab7939c04c166ad38be4eb43356a7dc4b1cc0851f6a86d509efea92dbb.png) 0 0 no-repeat;
		height: 330px;
		width: 280px;
		top: -40px;
		right: 70px
	}
}
.subnav__cards {
	margin: auto;
	padding: 0 16px 0 0;
	padding: 0 1rem 0 0;
	text-align: center;
	white-space: nowrap
}
@media only screen and (min-width:40em) {
	.subnav__cards {
		padding: 0;
		overflow: hidden
	}
}
.subnav__card {
	position: relative;
	white-space: normal;
	margin: 0;
	margin-left: 35px;
	margin-bottom: 24px;
	margin-bottom: 1.5rem
}
@media only screen and (min-width:40em) {
	.subnav__card {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none;
		display: inline-block;
		vertical-align: top;
		padding-top: 20px;
		padding-bottom: 0;
		height: 195px;
		width: 195px;
		margin-left: 0
	}
}
@media only screen and (min-width:40em) {
	.subnav__card .frame {
		background-image: url(images/game-guide/subnav/cards/card-frame-d0fd210fcb7da695e58803e043d0f971d7971a1761c707aead4300362e4151889ef680b92032b290363a81bb0a9966cea2c711eae85843dd919f345d659df743.png);
		background-repeat: no-repeat;
		height: 130px;
		position: absolute;
		top: 6px;
		left: 0;
		width: 195px;
		z-index: 1
	}
}
@media only screen and (min-width:40em) {
	.subnav__card:hover {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none;
		padding-top: 20px
	}
}
@media only screen and (min-width:40em) {
	.subnav__card:hover .text {
		color: #fff;
		padding-left: 20px;
		padding-right: 20px
	}
}
@media only screen and (min-width:40em) {
	.subnav__card .text {
		padding: 0 20px
	}
}
@media only screen and (min-width:40em) {
	.subnav__card.is-active {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none;
		padding-top: 20px
	}
}
@media only screen and (min-width:40em) {
	.subnav__card.is-active .subnav__link {
		background-image: url(images/game-guide/subnav/cards/portraits-0b5ba45a9af959c674be20eaefa8398c214c24ca9606bc8d1007907d5710ab6b789cb1b459f67b177779c3b02cccdd9aaa267287d470bb15872fea9d9cab78e9.jpg);
		background-position: 0 -116px;
		height: 157px;
		color: #fff
	}
}
@media only screen and (min-width:40em) {
	.subnav__card.is-active .text {
		text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
		bottom: 40px;
		bottom: 2.5rem;
		color: #fff;
		padding: 0 20px
	}
}
@media only screen and (min-width:40em) {
	.subnav__card.is-active .btn--dark__inner {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}
}
.subnav__link {
	display: block;
	z-index: 2;
	position: relative
}
.subnav__link:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: -10px;
	left: -35px;
	width: 69px;
	height: 69px;
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -277px 0 no-repeat
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.subnav__link:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
@media only screen and (min-width:40em) {
	.subnav__link {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		text-align: center;
		font-size: 16px;
		font-size: 1rem;
		background: url(images/game-guide/subnav/cards/portraits-0b5ba45a9af959c674be20eaefa8398c214c24ca9606bc8d1007907d5710ab6b789cb1b459f67b177779c3b02cccdd9aaa267287d470bb15872fea9d9cab78e9.jpg) 0 0 no-repeat;
		height: 116px;
		width: 147px;
		border: none;
		margin: auto
	}
	.subnav__link:before {
		display: none !important
	}
	.subnav__link:hover {
		color: #fff
	}
	.subnav__link:hover .frame {
		opacity: 1
	}
}
.subnav__link .btn--dark__inner {
	background-color: #64614e;
	background: linear-gradient(180deg, #6b6356, #585350 5%, #5d5a53 93%, #343231);
	display: table;
	padding: 3px;
	color: #fff;
	text-decoration: none;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1;
	letter-spacing: 1px;
	text-align: center;
	border-radius: 3px;
	height: 40px;
	height: 2.5rem;
	min-height: 40px;
	min-height: 2.5rem;
	width: 100%
}
@media only screen and (min-width:40em) {
	.subnav__link .btn--dark__inner {
		border-radius: 0;
		background: none;
		padding: 0;
		border: none;
		box-shadow: none
	}
}
.subnav__link .text {
	display: block;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	color: #250600;
	background-color: #9d8f86;
	background: linear-gradient(180deg, #9d8f86, #d2c4b0 17%, #988c7b);
	border-radius: 2px;
	font-weight: 700;
	padding: 8px;
	padding: .5rem
}
.subnav__link .text:hover {
	text-decoration: none
}
@media only screen and (min-width:40em) {
	.subnav__link .text {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none;
		font-size: 15px;
		font-size: .95rem;
		line-height: 1.1;
		padding: 0 20px;
		position: absolute;
		right: 0;
		bottom: .25em;
		left: 0;
		color: #fff;
		text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000
	}
}
.ko-kr .subnav__link .text {
	font-family: NanumMyeongjo Bold
}
.fr-fr .subnav__link .text, .ru-ru .subnav__link .text {
	font-size: 12px;
	font-size: .8rem
}
@media only screen and (min-width:40em) {
	.subnav__link:hover {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none;
		background-image: url(images/game-guide/subnav/cards/portraits-0b5ba45a9af959c674be20eaefa8398c214c24ca9606bc8d1007907d5710ab6b789cb1b459f67b177779c3b02cccdd9aaa267287d470bb15872fea9d9cab78e9.jpg);
		background-position: 0 -116px;
		height: 157px;
		color: #fff;
		-webkit-filter: saturate(120%);
		filter: saturate(120%)
	}
}
@media only screen and (min-width:40em) {
	.subnav__link:hover .btn--dark__inner {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}
}
@media only screen and (min-width:40em) {
	.subnav__link:hover .text {
		padding: 0 20px;
		bottom: 40px;
		bottom: 2.5rem;
		color: #fff
	}
}
@media only screen and (min-width:40em) {
	.subnav__link:hover .frame {
		opacity: 1
	}
}
.de-de .subnav__card--innkeepers-lessons .text, .es-es .subnav__card--innkeepers-lessons .text, .es-mx .subnav__card--innkeepers-lessons .text, .it-it .subnav__card--innkeepers-lessons .text, .ja-jp .subnav__card--innkeepers-lessons .text, .pt-br .subnav__card--innkeepers-lessons .text {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1;
	width: 70%;
	margin: auto;
	padding-left: 22px;
	padding-right: 0
}
@media only screen and (min-width:30em) {
	.de-de .subnav__card--innkeepers-lessons .text, .es-es .subnav__card--innkeepers-lessons .text, .es-mx .subnav__card--innkeepers-lessons .text, .it-it .subnav__card--innkeepers-lessons .text, .ja-jp .subnav__card--innkeepers-lessons .text, .pt-br .subnav__card--innkeepers-lessons .text {
		padding-left: 20px;
		padding-right: 20px;
		line-height: 1.1;
		font-size: 15px;
		font-size: .95rem;
		width: auto
	}
}
.es-mx .subnav__card--how-to-play .text {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1;
	width: 70%;
	margin: auto;
	padding-left: 22px;
	padding-right: 0
}
@media only screen and (min-width:30em) {
	.es-mx .subnav__card--how-to-play .text {
		padding-left: 20px;
		padding-right: 20px;
		line-height: 1.1;
		font-size: 15px;
		font-size: .95rem;
		width: auto
	}
}
.subnav__card--how-to-play.is-active .subnav__link:before, .subnav__card--how-to-play .subnav__link:before, .subnav__card--how-to-play .subnav__link:hover:before {
	background-position: 0 0
}
.subnav__card--heroes.is-active .subnav__link:before, .subnav__card--heroes .subnav__link:before, .subnav__card--heroes .subnav__link:hover:before {
	background-position: -69px 0
}
.subnav__card--innkeepers-lessons.is-active .subnav__link:before, .subnav__card--innkeepers-lessons .subnav__link:before, .subnav__card--innkeepers-lessons .subnav__link:hover:before {
	background-position: -138px 0
}
@media only screen and (min-width:40em) {
	.subnav__card--how-to-play .subnav__link {
		background-position: 0 0
	}
	.subnav__card--how-to-play.is-active .subnav__link, .subnav__card--how-to-play .subnav__link:hover {
		background-position: 0 -116px
	}
	.subnav__card--heroes .subnav__link {
		background-position: -147px 0
	}
	.subnav__card--heroes.is-active .subnav__link, .subnav__card--heroes .subnav__link:hover {
		background-position: -147px -116px
	}
	.subnav__card--innkeepers-lessons .subnav__link {
		background-position: -294px 0
	}
	.subnav__card--innkeepers-lessons.is-active .subnav__link, .subnav__card--innkeepers-lessons .subnav__link:hover {
		background-position: -294px -116px
	}
	.subnav__card.is-active>a~.frame, .subnav__link:hover~.frame {
		background-position: 0 -130px;
		height: 225px;
		opacity: .9;
		top: -14px
	}
}
.heading--how-to-play:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) 0 0 no-repeat
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.heading--how-to-play:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.guide-intro {
	padding: 0 16px;
	padding: 0 1rem;
	margin-top: 16px;
	margin-top: 1rem
}
@media only screen and (min-width:60em) {
	.guide-intro {
		padding: 0;
		margin-top: 32px;
		margin-top: 2rem
	}
}
.game-ui {
	position: relative;
	counter-reset: menu-items;
	display: block
}
.game-ui:after, .game-ui:before {
	display: none
}
@media only screen and (min-width:60em) {
	.game-ui {
		margin: 48px 0 0;
		margin: 3rem 0 0
	}
}
@media only screen and (min-width:72.5em) {
	.game-ui {
		background-color: #000;
		box-shadow: 2px 2px 20px 5px rgba(0, 0, 0, .75)
	}
	.game-ui:after, .game-ui:before {
		display: block
	}
}
@media only screen and (min-width:60em) {
	.board-overview .body-text {
		min-height: 3em
	}
}
.is-active--hand .game-ui-message.hand {
	display: block;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 2
}
.is-active--hand .game-ui-menu {
	background-image: url(images/game-guide/board-overview/board-hand-6eca2c5ab1f707ce9dbc5ac451be5a162886dde9f2dcb5ed5f8d21a33edadcb977ec17f74edfbcda68e25a1375876f6ac4f49a89198802db9c324be03e873ce6.jpg)
}
.is-active--hand .menu-item--hand {
	visibility: hidden
}
.is-active--hand svg>image {
	opacity: .4
}
.is-active--hero .game-ui-message.hero {
	display: block;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 2
}
.is-active--hero .game-ui-menu {
	background-image: url(images/game-guide/board-overview/board-hero-b061fb21efd54d922e17a131c6b45c881344bb2738a53d73a247d0116eafcd19b35e5788adbf392b9e702155b1852ba1d798f65420c06199979c2d183fbe55c5.jpg)
}
.is-active--hero .menu-item--hero {
	visibility: hidden
}
.is-active--hero svg>image {
	opacity: .4
}
.is-active--power .game-ui-message.power {
	display: block;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 2
}
.is-active--power .game-ui-menu {
	background-image: url(images/game-guide/board-overview/board-power-7cde03d2c559606e9031bd0813fc11f2725098b277170dc04fb4483886632c22c74ce9369434903f2d0a1befe53ad5e56b07a436f22776bfabfc17afc3551b9e.jpg)
}
.is-active--power .menu-item--power {
	visibility: hidden
}
.is-active--power svg>image {
	opacity: .4
}
.is-active--mana .game-ui-message.mana {
	display: block;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 2
}
.is-active--mana .game-ui-menu {
	background-image: url(images/game-guide/board-overview/board-mana-aaaa52b8bc43170ff4b0b108df69e34a03dba82518c4dd97682d20d54541c134de117fe21f0502ed042c3cfe7032c8dbbbff9a757d76c704642dc5c2ad86795a.jpg)
}
.is-active--mana .menu-item--mana {
	visibility: hidden
}
.is-active--mana svg>image {
	opacity: .4
}
.is-active--weapon .game-ui-message.weapon {
	display: block;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 2
}
.is-active--weapon .game-ui-menu {
	background-image: url(images/game-guide/board-overview/board-weapon-9e3595f508afab16bb395fb3ce8d4c00fad4ca964f0ab5f75297543ac344d40168698c62301a2090ce89b248eefc70982581097bfcb25c239870bd653c716b5a.jpg)
}
.is-active--weapon .menu-item--weapon {
	visibility: hidden
}
.is-active--weapon svg>image {
	opacity: .4
}
.is-active--minion .game-ui-message.minion {
	display: block;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 2
}
.is-active--minion .game-ui-menu {
	background-image: url(images/game-guide/board-overview/board-minion-ca2efa7d1793ac7d68270690d3ba933553862cb49635728a17b6ffb6e3b93dc9f6787f193d9a389c7422b5818ba3f497921f42e59b4c98de6f9d1a7ec898c7b5.jpg)
}
.is-active--minion .menu-item--minion {
	visibility: hidden
}
.is-active--minion svg>image {
	opacity: .4
}
.is-active--opponent .game-ui-message.opponent {
	display: block;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 2
}
.is-active--opponent .game-ui-menu {
	background-image: url(images/game-guide/board-overview/board-opponent-e17c42dcf13c786a6e3517730d5a2f2efa89a7cf0f1fbb1275db6509506d6c5eddf4d5b393b8b06352805519c883edd8dfbdedd7f617f459d74e7863c40dfdd3.jpg)
}
.is-active--opponent .menu-item--opponent {
	visibility: hidden
}
.is-active--opponent svg>image {
	opacity: .4
}
.is-active--deck .game-ui-message.deck {
	display: block;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 2
}
.is-active--deck .game-ui-menu {
	background-image: url(images/game-guide/board-overview/board-deck-b8e907c80d9eaa1a117f5fc554c20b7c106fe33a248ba1f42c4639aa3655e0940388f3bb360c878110a79e96ad7e125ff2379777717bd0f8c20489b78df7f92b.jpg)
}
.is-active--deck .menu-item--deck {
	visibility: hidden
}
.is-active--deck svg>image {
	opacity: .4
}
.is-active--history .game-ui-message.history {
	display: block;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 2
}
.is-active--history .game-ui-menu {
	background-image: url(images/game-guide/board-overview/board-history-15c0fccd78075d1003d2e2c0f0212b2a062c66c6b120aa3163324e9fa178d8acc3e774fa700c2d8eba8278c7f1099d411c5f64d52f1f4738cacead1fe0b17449.jpg)
}
.is-active--history .menu-item--history {
	visibility: hidden
}
.is-active--history svg>image {
	opacity: .4
}
.game-ui-menu {
	position: relative;
	padding-top: 73%;
	background-image: url(images/game-guide/board-overview/board-047239ac61d5bfc0685c05562b49d936da480de8d46d18cf09ed60f299ba4aa579f51fd570545378473c26237f0f62837a5f0179521bb2269fa63123332fc976.jpg);
	background-size: contain
}
@media only screen and (min-width:72.5em) {
	.game-ui-menu {
		padding-top: 0;
		display: inline-block;
		position: absolute;
		right: -15px;
		top: -50px;
		z-index: 3
	}
	.game-ui .game-ui-menu {
		background-image: none
	}
}
.menu-items {
	position: static;
	display: block;
	margin: 0
}
@media only screen and (min-width:72.5em) {
	.menu-items {
		background-color: #290f04
	}
}
.menu-item {
	z-index: 10;
	position: absolute;
	counter-increment: menu-items;
	font-size: 0;
	text-align: center
}
.menu-item:after, .menu-item:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block
}
.menu-item:before {
	content: counter(menu-items);
	vertical-align: middle;
	font-size: 14px;
	font-size: .9rem;
	z-index: 10;
	margin-top: -.75em;
	margin-left: -.25em;
	color: #fff
}
@media only screen and (min-width:72.5em) {
	.menu-item:before {
		content: "";
		background: url(images/game-guide/mediaframe/new/icon-arrow-8ee70dc3e127f4f99358eaade417bafd752ef14b22395fa570e841e3abaedf6b1926d65b312b575ea76376503ce77adf704cc0b7e7411464336ea64395949ec4.png) 0 0 no-repeat;
		display: inline-block;
		height: 9px;
		width: 9px;
		font-size: inherit;
		position: static;
		margin-top: 0
	}
}
.menu-item:after {
	content: "";
	background: url(images/game-guide/board-overview/counter-bg-d6bb1f9fff48ada2bf370859e1966ae5ed3168b394eebb74b0f3da5f05a945bd16dfdf28e038c6e53a07e7df67c46ea46e1f2089f1e7b2894d6a24c9755266ee.png) 0 0 no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	overflow: hidden;
	margin-top: -15px;
	margin-left: -15px
}
@media only screen and (min-width:72.5em) {
	.menu-item:after {
		display: none
	}
}
@media only screen and (min-width:72.5em) {
	.menu-item {
		border-bottom: 2px solid transparent;
		border-top: 2px solid transparent;
		color: #fa5d26;
		cursor: pointer;
		font-size: 12px;
		padding: 5px 20px;
		position: static;
		z-index: 10;
		background: none;
		text-align: left
	}
	.menu-item.is-active {
		background: #462d1d;
		border-bottom: 2px solid #5c3b26;
		border-top: 2px solid #5c3b26;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .75);
		color: #fff;
		visibility: visible
	}
	.menu-item.is-active:before {
		background-position: 0 -9px
	}
}
.menu-item--hand {
	top: 85.61643836%;
	right: 33%;
	bottom: 0;
	left: 26.3%
}
.menu-item--hero {
	right: 44%;
	left: 43%
}
.menu-item--hero, .menu-item--power {
	top: 66.71232877%;
	bottom: 14.38356164%
}
.menu-item--power {
	right: 30%;
	left: 56%
}
.menu-item--mana {
	top: 85.61643836%;
	right: 3%;
	bottom: 0;
	left: 67%
}
.menu-item--weapon {
	top: 66.71232877%;
	right: 57%;
	bottom: 14.38356164%;
	left: 29%
}
.menu-item--minion {
	top: 46%;
	right: 44%;
	bottom: 35%;
	left: 43%
}
.menu-item--opponent {
	top: 7.8082191781%;
	right: 44%;
	bottom: 72.054794521%;
	left: 43%
}
.menu-item--deck {
	top: 49%;
	right: 0;
	bottom: 32%;
	left: 86%
}
.menu-item--history {
	top: 26.575342466%;
	right: 87.6%;
	bottom: 31.095890411%;
	left: 0
}
@media only screen and (min-width:72.5em) {
	.game-ui-messages {
		position: absolute;
		left: 0;
		top: 0
	}
}
.game-ui-message {
	opacity: 0;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	transition: all .15s cubic-bezier(.33, 0, 0, 2);
	z-index: 0;
	display: none;
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:72.5em) {
	.game-ui-message {
		min-height: 90px;
		position: absolute
	}
}
.game-ui-message.is-active {
	display: block;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 2
}
@media only screen and (min-width:72.5em) {
	.game-ui svg {
		position: absolute;
		z-index: 2
	}
	.game-ui svg path {
		cursor: pointer
	}
	.menu-items {
		padding: 20px 0
	}
	.menu-items.is-hovered, .menu-items:hover {
		color: #fff
	}
	.menu-items:hover:before {
		background-position: 0 -9px
	}
	.game-ui-message.hand {
		left: 620px;
		bottom: -635px;
		width: 300px
	}
	.game-ui-message.hero {
		bottom: -500px;
		left: 180px;
		width: 300px
	}
	.game-ui-message.power {
		bottom: -500px;
		left: 640px;
		width: 370px
	}
	.game-ui-message.mana {
		bottom: -645px;
		left: 680px;
		width: 270px;
		width: 16.3em
	}
	.game-ui-message.weapon {
		bottom: -510px;
		left: 80px;
		width: 16.8em
	}
	.game-ui-message.minion {
		bottom: -340px;
		left: 510px;
		width: 320px
	}
	.game-ui-message.opponent {
		top: 180px;
		left: 220px;
		width: 260px
	}
	.game-ui-message.deck {
		top: 460px;
		left: 690px;
		width: 250px
	}
	.game-ui-message.history {
		bottom: -315px;
		left: 80px;
		width: 310px
	}
}
.playing-hearthstone-heading {
	color: #233a6e;
	line-height: 1.35;
	margin: .25em 0;
	font-size: 22px;
	font-size: 1.4rem
}
@media only screen and (min-width:30em) {
	.playing-hearthstone-heading {
		font-size: 27px;
		font-size: 1.7rem
	}
}
.text-balloon {
	font: 700 16px/1.4 Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font: 700 1.05rem/1.4 Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	max-width: 100vw;
	border: 2px solid #585447;
	padding: 1em;
	border-radius: .5rem;
	background: #f2ebe3;
	background: linear-gradient(180deg, #f2ebe3 1%, #d3c8bb 4px, #d6cabe 21%, #f3ebe4);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .8);
	margin: 20px 16px;
	margin: 20px 1rem;
	white-space: normal;
	cursor: auto;
	text-align: center
}
.th-th .text-balloon, .th-th .text-balloon b {
	font-weight: 400
}
.text-balloon--centered {
	position: relative
}
@media only screen and (min-width:40em) {
	.text-balloon {
		max-width: 45em;
		margin: 20px auto 0
	}
}
.text-balloon:before {
	content: "";
	position: absolute;
	top: -13px;
	left: 50%;
	width: 22px;
	height: 17px;
	margin-left: -11px;
	background: url(images/game-guide/ui/text-bubble/top-arrow-8f2a3d3cdf62f4a4f186a02a74a1adf4187a668eb825a13af3d46524295b4d064ae7d2026cbcafe678e750694b2599d164e44531824737848d5f894c9dc37f2f.png) 50% no-repeat
}
.text-balloon.game-ui-message:before {
	top: auto;
	bottom: 0;
	width: 50px;
	height: 34px;
	margin-left: 0;
	background-image: url(images/game-guide/ui/text-bubble/bot-left-arrow-6b89ceee17a2e389363f77f32655fb2a1a9efa32d0a9f5c276a074c6a9c2bd58288a4148503812db9cca687083bbe8cf3ad84c2b1fecc58b06900137dc6373e4.png)
}
.text-balloon.on-top:before {
	top: -31px;
	background-image: url(images/game-guide/ui/text-bubble/top-left-arrow-6565fd7236ec6fb2faa06874472a57df7a9c6e862dd766d5e8047cb46c3555cada39543f4c088236794dcff63b7026e02a437c134cbe4e9c74b4efd9d41854c7.png)
}
.text-balloon.on-top.points-right:before {
	background-image: url(images/game-guide/ui/text-bubble/top-right-arrow-07c468400e1169bb68153b2eacbc7e146a198508a21c9c2a4dd89365244810c0d6bff0882857f4af1e04b7f1e2fa155dbdcdd6a00199b7f5e0c4f540df313bce.png)
}
.text-balloon.on-bottom:before {
	bottom: -34px;
	left: 20px
}
.text-balloon.points-right:before {
	left: 80%
}
.text-balloon.on-bottom.points-right:before {
	background-image: url(images/game-guide/ui/text-bubble/bot-right-arrow-df41c4ec62c65a40de04ecb733cdddcf469a57eab1529b9f194a7c9f9078ba139ce0dbcc13ab380b22bd56f3bbd77083f355ae6cd01cdf812ce6c326ad5fe11d.png)
}
.text-balloon.on-top.points-straight:before {
	background-image: url(images/game-guide/ui/text-bubble/top-arrow-8f2a3d3cdf62f4a4f186a02a74a1adf4187a668eb825a13af3d46524295b4d064ae7d2026cbcafe678e750694b2599d164e44531824737848d5f894c9dc37f2f.png);
	height: 17px;
	left: 90%;
	top: -13px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 22px
}
.text-balloon.on-bottom.points-straight:before {
	bottom: -31px;
	left: 50%;
	margin-left: -25px;
	background-image: url(images/game-guide/ui/text-bubble/bot-arrow-af86b9190effb3b35ccdf7c0bb1df72018a50971d7c12306a7588ecd2476cec4f57123bfad7bbcefdd79ba55730e90fa636ad6a02912bbb808d958b511dc5077.png)
}
.heroes .content-section {
	max-width: none
}
.portraits {
	font-size: 0;
	padding: 0 8px;
	padding: 0 .5rem;
	position: relative;
	margin-top: 32px;
	margin-top: 2rem
}
@media only screen and (min-width:72.5em) {
	.portraits {
		background: url(images/game-guide/heroes/hero-portraits-bg-d0dcf83fc64668ee40b05651cebd73c87097e61cc62de2cfb33d5be72b9d96f9a0f6b9efd72862cc610ed61fcb07580668c6742ecf567a252cf540753f74c75b.png) no-repeat;
		margin-left: -645px;
		padding: 0 144px 8px;
		padding: 0 9rem .5rem;
		max-width: 1290px;
		right: 0;
		left: 50%
	}
}
.portraits .hero {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 111px
}
.hero .portrait {
	background-image: url(images/game-guide/heroes/hero-portraits-f4fcde141898be34d18c8695623b24cea68fa03fa0b71a83d4a33f6b7312615744a7787cd19f8b92882370dba93c23f7ead9ecd18699a64ddb35bffd00b92bfb.png);
	background-repeat: no-repeat;
	cursor: pointer;
	height: 85px;
	width: 72px;
	position: relative;
	top: 21px;
	left: 20px;
	z-index: 2
}
.hero .portrait:before {
	content: "";
	background: transparent url(images/game-guide/heroes/hero-portraits-f4fcde141898be34d18c8695623b24cea68fa03fa0b71a83d4a33f6b7312615744a7787cd19f8b92882370dba93c23f7ead9ecd18699a64ddb35bffd00b92bfb.png) no-repeat;
	display: block;
	opacity: 0;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	position: absolute;
	transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out
}
.hero .portrait~.name {
	color: #000;
	display: block;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	margin: 0;
	margin-top: 40px;
	margin-top: 2.5rem;
	padding: 0 10px;
	text-align: center;
	width: 100%;
	transition: color .25s ease
}
.ko-kr .hero .portrait~.name {
	font-family: NanumMyeongjo Bold
}
@media only screen and (min-width:72.5em) {
	.ja-jp .hero .portrait~.name {
		padding-left: 7px;
		padding-right: 7px
	}
}
.hero .portrait~.frame {
	background-image: url(images/game-guide/heroes/hero-frame-cc73c5ff1f787750834092b1809cf755c6a58cfc6e37d9ad5ac2e1de460faafe927594629cf56283b86b8d0561c4765c1694d69b77bae763fc823996cd6063e4.png);
	background-repeat: no-repeat;
	height: 127px;
	position: absolute;
	top: 0;
	left: 0;
	width: 111px;
	z-index: 1
}
.hero .portrait:hover~.name {
	color: #63170a
}
.hero.jaina .portrait {
	background-position: 0 0
}
.hero.jaina .portrait:before {
	background-position: 0 -85px
}
.hero.jaina.is-active .portrait:before, .hero.jaina .portrait:hover:before {
	opacity: 1
}
.hero.rexxar .portrait {
	background-position: -72px 0
}
.hero.rexxar .portrait:before {
	background-position: -72px -85px
}
.hero.rexxar.is-active .portrait:before, .hero.rexxar .portrait:hover:before {
	opacity: 1
}
.hero.uther .portrait {
	background-position: -144px 0
}
.hero.uther .portrait:before {
	background-position: -144px -85px
}
.hero.uther.is-active .portrait:before, .hero.uther .portrait:hover:before {
	opacity: 1
}
.hero.garrosh .portrait {
	background-position: -216px 0
}
.hero.garrosh .portrait:before {
	background-position: -216px -85px
}
.hero.garrosh.is-active .portrait:before, .hero.garrosh .portrait:hover:before {
	opacity: 1
}
.hero.malfurion .portrait {
	background-position: -288px 0
}
.hero.malfurion .portrait:before {
	background-position: -288px -85px
}
.hero.malfurion.is-active .portrait:before, .hero.malfurion .portrait:hover:before {
	opacity: 1
}
.hero.guldan .portrait {
	background-position: -360px 0
}
.hero.guldan .portrait:before {
	background-position: -360px -85px
}
.hero.guldan.is-active .portrait:before, .hero.guldan .portrait:hover:before {
	opacity: 1
}
.hero.thrall .portrait {
	background-position: -432px 0
}
.hero.thrall .portrait:before {
	background-position: -432px -85px
}
.hero.thrall.is-active .portrait:before, .hero.thrall .portrait:hover:before {
	opacity: 1
}
.hero.anduin .portrait {
	background-position: -504px 0
}
.hero.anduin .portrait:before {
	background-position: -504px -85px
}
.hero.anduin.is-active .portrait:before, .hero.anduin .portrait:hover:before {
	opacity: 1
}
.hero.valeera .portrait {
	background-position: -576px 0
}
.hero.valeera .portrait:before {
	background-position: -576px -85px
}
.hero.valeera.is-active .portrait:before, .hero.valeera .portrait:hover:before {
	opacity: 1
}
.hero.is-active .portrait~.frame, .hero .portrait:hover~.frame {
	background-position: 0 -127px
}
.portrait-select-container {
	margin: 32px 16px 0;
	margin: 2rem 1rem 0
}
@media only screen and (min-width:60em) {
	.portrait-select-container {
		margin: 0
	}
}
.portrait-select-container .hearthstone-dropdown {
	text-align: center
}
@media only screen and (min-width:30em) {
	.portrait-select-container .dropdown__border {
		width: 76%;
		width: calc(100% - 105px)
	}
}
@media only screen and (min-width:40em) {
	.portrait-select-container .dropdown__border {
		width: 83%;
		width: calc(100% - 105px)
	}
}
@media only screen and (min-width:60em) {
	.portrait-select-container .dropdown__border {
		width: 86%;
		width: calc(100% - 105px)
	}
}
.styled-select {
	max-width: 50em;
	background: #fff url(images/icons/arrows-cca99620ac14a76369db44781e9051cdb441afc5c328a9b4d17e626f5b82842f61f163dfec4184e68a17d969eff351ed4e0ef4405b50a298e1dcdb7131537f7a.gif) 98% .75em no-repeat;
	border: none;
	padding: 8px 16px;
	padding: .5rem 1rem;
	display: block;
	width: 100%;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font: normal 17px/1.3 Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font: normal 1.1rem/1.3 Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.styled-select:focus {
	outline: none
}
@media only screen and (min-width:40em) {
	.jaina .slide__info {
		background-image: url(images/game-guide/heroes/hero-slide-jaina-e7e8ecfb94770217d1480baa623094de79f674d9f56d3b9296aa754739d772a38f797eabe37ba97b435a7408399cb1f99fee3d95313cbf8fef95fd389b14572a.jpg)
	}
}
.jaina .slide__desc {
	background-image: url(images/game-guide/heroes/jaina-640x350-ddb1ff7b3ff831528d0d22ba03e7025ed54128ba62f4bf1c9867137202672a47697d4ee88ae466a3557345c559e23cebf8ad2dc70dd2fd61739ab4b32138f732.jpg)
}
@media only screen and (min-width:40em) {
	.jaina .slide__desc {
		background: none
	}
}
.jaina .description:before {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.jaina .hero-slide-thumbnail__link {
		background-image: url(images/game-guide/heroes/artwork-thumbnail-jaina-6fb324d933b69a0756b480ddf6b755e4a0c052a2baeac2726e9e06c9af2c44838a03c7ff7da1bf5134a9c14b70524cefaedbc4689d678037a522638fdad972f0.jpg)
	}
}
.jaina .power__icon {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.rexxar .slide__info {
		background-image: url(images/game-guide/heroes/hero-slide-rexxar-2be6f62333b552bb824f50b0e4225bb3f822f0adc13d732ca313c9e46221f07a14c823dade8a3c0460509f4ca8a7ac81b05f7344f3fe244b71729a5707dbbeae.jpg)
	}
}
.rexxar .slide__desc {
	background-image: url(images/game-guide/heroes/rexxar-640x350-7496afb1b3123e277234511f6537d1fa1c04dd946ac4367d313eae125d50bd500addef44b3807c6fe3ae95d522540f0071da086f5a5edee89927d380df694082.jpg)
}
@media only screen and (min-width:40em) {
	.rexxar .slide__desc {
		background: none
	}
}
.rexxar .description:before {
	background-position: 12.5% 0
}
@media only screen and (min-width:40em) {
	.rexxar .hero-slide-thumbnail__link {
		background-image: url(images/game-guide/heroes/artwork-thumbnail-rexxar-18b0baa38d92f455e3230d22e14be4172f823283973d4e9d5530cf4c8fcc8f56752f023ad0407df157af50062ab4c50bd0ecf2c92ec25ca4a6eedf1125445b97.jpg)
	}
}
.rexxar .power__icon {
	background-position: -90px 0
}
@media only screen and (min-width:40em) {
	.uther .slide__info {
		background-image: url(images/game-guide/heroes/hero-slide-uther-f09f13272d13085863b51642cb09180e4c1c7ae02cc90f4bc4d377311275314b678daf4a6f1a6a4414d3d528efcc249c455e926ee63efefb5a21da6649098934.jpg)
	}
}
.uther .slide__desc {
	background-image: url(images/game-guide/heroes/uther-640x350-08092caecd9f86c9ecf6c3096c4c125e93467854d4ea88caf580b0d3771e4d5d5a08fec07a74468b816e145e97624ffb3f266ea8da689bc90f8f8a191253e412.jpg)
}
@media only screen and (min-width:40em) {
	.uther .slide__desc {
		background: none
	}
}
.uther .description:before {
	background-position: 25% 0
}
@media only screen and (min-width:40em) {
	.uther .hero-slide-thumbnail__link {
		background-image: url(images/game-guide/heroes/artwork-thumbnail-uther-bce3a4e5514a3fea42eea70d5b0528cb92870bee4c9f69eaec5f9dfd9392308e151dcc59750495ba8aad14504d26e8f61b647a8172f32b7e53131035ee43f77a.jpg)
	}
}
.uther .power__icon {
	background-position: -180px 0
}
@media only screen and (min-width:40em) {
	.garrosh .slide__info {
		background-image: url(images/game-guide/heroes/hero-slide-garrosh-b2712664977f637dfa5ebebe06c595c7439129813e0068e879a261bd4c7b132d9d5741301c10c3a4eccd1c2a0f4be105fc6b7dae2afaa551b50763bf2af04dde.jpg)
	}
}
.garrosh .slide__desc {
	background-image: url(images/game-guide/heroes/garrosh-640x350-cd6abac433993f108a4f168df2a377faeb04f6ff73c80ebf5bee2d7f2a0a59980957624ada6e849a8385838830bd763a79b05855328611b28bbd43ad771aaaae.jpg)
}
@media only screen and (min-width:40em) {
	.garrosh .slide__desc {
		background: none
	}
}
.garrosh .description:before {
	background-position: 37.5% 0
}
@media only screen and (min-width:40em) {
	.garrosh .hero-slide-thumbnail__link {
		background-image: url(images/game-guide/heroes/artwork-thumbnail-garrosh-6c0f2728337ed5d4fcad629f58a9056c5620e8d6f31c088880dc9deb4afbc92f773a77063b4e486af36c94bda6e569f04144b9ac2b08cd7bb4d80274e986b9dd.jpg)
	}
}
.garrosh .power__icon {
	background-position: -270px 0
}
@media only screen and (min-width:40em) {
	.malfurion .slide__info {
		background-image: url(images/game-guide/heroes/hero-slide-malfurion-37d4c81aea678792e9b3cdfb251d9dbca39e676bfe8c90c807fe6580c83a09a50765a5f48a83fa20240790cb81aacc9965ba2cf80aa7a7bbed53125c0b3210c5.jpg)
	}
}
.malfurion .slide__desc {
	background-image: url(images/game-guide/heroes/malfurion-640x350-e59da9558b723fbd2dbcea81a1ad1730c107377ce46be1c38194eadeff34cf67acc96ee71fae11dd48b979fb909c959a04f2c2b0d7e10661194b6d7e70c6886b.jpg)
}
@media only screen and (min-width:40em) {
	.malfurion .slide__desc {
		background: none
	}
}
.malfurion .description:before {
	background-position: 50% 0
}
@media only screen and (min-width:40em) {
	.malfurion .hero-slide-thumbnail__link {
		background-image: url(images/game-guide/heroes/artwork-thumbnail-malfurion-88983cc0c453dfa15c919d30095d2620bf29164a1106fae544fea0209364a668ef865bbbf54e912e61f9da1e8b80b472b6c07e593b316c63c7c5b02015cd678f.jpg)
	}
}
.malfurion .power__icon {
	background-position: -360px 0
}
@media only screen and (min-width:40em) {
	.guldan .slide__info {
		background-image: url(images/game-guide/heroes/hero-slide-guldan-8792cd210281496ab9f81dadb046f8066e0da9ae7afd175aa649fa72f73ac967a635879afbc3fada2e68c58f77719ed717b4a51ce132241af3dba5b4970ed644.jpg)
	}
}
.guldan .slide__desc {
	background-image: url(images/game-guide/heroes/guldan-640x350-dfa33296c877a4e390429ed0f8655644fb167d7eb1c1ef76da4d824c8be2cf3867ced995f10c5db0b675da5c22c5c6fb6a9889f8d1e2883cc1eae05c3bd4d9c0.jpg)
}
@media only screen and (min-width:40em) {
	.guldan .slide__desc {
		background: none
	}
}
.guldan .description:before {
	background-position: 62.5% 0
}
@media only screen and (min-width:40em) {
	.guldan .hero-slide-thumbnail__link {
		background-image: url(images/game-guide/heroes/artwork-thumbnail-guldan-c0a08e7ec257d3b34f503d0de349a373a45e0dbf4ad18040416f52502a6f5cf17bb1dcd9598a7eb1a48d9e5c85bb38181f1556c4ba354294b3c33d1aafd9576e.jpg)
	}
}
.guldan .power__icon {
	background-position: -450px 0
}
@media only screen and (min-width:40em) {
	.thrall .slide__info {
		background-image: url(images/game-guide/heroes/hero-slide-thrall-eb7ecfe1a7b3be234fc3f769bdf8ab8ba795602a2dc45079c23460993c3344ba1fa288b6363963265e97f1d2777d87e47a0dc8c5d8d6dc8c8576667c9285b893.jpg)
	}
}
.thrall .slide__desc {
	background-image: url(images/game-guide/heroes/thrall-640x350-ab544b75089ea28fa26f632f1f363afec08827990dc532bcf43aa2a9085f6c1450219767253429a39aa86fb4138728ad07061b810b282eff2c2f2cee7e7f57e0.jpg)
}
@media only screen and (min-width:40em) {
	.thrall .slide__desc {
		background: none
	}
}
.thrall .description:before {
	background-position: 75% 0
}
@media only screen and (min-width:40em) {
	.thrall .hero-slide-thumbnail__link {
		background-image: url(images/game-guide/heroes/artwork-thumbnail-thrall-1b3be6bc43d02c9afff681376308c96b945bc26bb2a257729a939463c675f855d61e3ba97308d53c9bbd767661cd264afc192368b873b028f00008c017e833ca.jpg)
	}
}
.thrall .power__icon {
	background-position: -540px 0
}
@media only screen and (min-width:40em) {
	.anduin .slide__info {
		background-image: url(images/game-guide/heroes/hero-slide-anduin-2eb6e048a31014f2e2eff1a62a3723d9ac41b6de11671bc9e8e4d480cfb7a67f27394b436accca113f994fffb8cc6dc999975e7668064b56d1969b92c5a89ffd.jpg)
	}
}
.anduin .slide__desc {
	background-image: url(images/game-guide/heroes/anduin-640x350-1da8895aaf1eec800147ec72e1a878e0971cff458df0141b562f2580120fa4184eb4ee8629416f357c31a6671b765788662b5430c4a4ff5406381b2cf12fd54e.jpg)
}
@media only screen and (min-width:40em) {
	.anduin .slide__desc {
		background: none
	}
}
.anduin .description:before {
	background-position: 87.5% 0
}
@media only screen and (min-width:40em) {
	.anduin .hero-slide-thumbnail__link {
		background-image: url(images/game-guide/heroes/artwork-thumbnail-anduin-3c0805f414e53c5c3395ecf914d696a35c5625da8cfbeb25948edec46e4504cdc14bf83dd587009e817a0ec6fa2e7414337604336678aa725f4bdb984dbb54f2.jpg)
	}
}
.anduin .power__icon {
	background-position: -630px 0
}
@media only screen and (min-width:40em) {
	.valeera .slide__info {
		background-image: url(images/game-guide/heroes/hero-slide-valeera-88ddff34876247a6a639aa7d494e3ae1af0ad81ebb80549613d619a9d3eae8528221ce9073322018c91b47564cb51ab653dc67a66a7eb51f6fe415ea38e5a6c5.jpg)
	}
}
.valeera .slide__desc {
	background-image: url(images/game-guide/heroes/valeera-640x350-12ef189ae71c88f26099c993c1b1a99f0d984d900db9abeb73f59aa8b20c69a04806c7c9be7e41021a24b300f908ec90154998b28d543d9d584cfd303243b030.jpg)
}
@media only screen and (min-width:40em) {
	.valeera .slide__desc {
		background: none
	}
}
.valeera .description:before {
	background-position: 100% 0
}
@media only screen and (min-width:40em) {
	.valeera .hero-slide-thumbnail__link {
		background-image: url(images/game-guide/heroes/artwork-thumbnail-valeera-73c7180cf6c77c7a014bd487686c2599f25aec687f2979a3a8bfb5148000bc0478ea0f0d5a6b16493c91435da386896c31026f871df8974414f7f16f02d8149e.jpg)
	}
}
.valeera .power__icon {
	background-position: -720px 0
}
.slider {
	position: relative;
	width: 100%;
	height: auto;
	margin: 2em auto;
	display: block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
@media only screen and (min-width:40em) {
	.slider {
		min-height: 673px;
		margin: 4em auto
	}
}
@media only screen and (min-width:60em) {
	.slider {
		height: 673px
	}
}
.slide-frame {
	overflow: hidden;
	white-space: nowrap
}
.slide-frame, .slide-frame li {
	position: relative;
	width: 100%;
	height: 100%
}
.slide-frame li, .slides {
	display: inline-block
}
.slides {
	width: 100%;
	height: auto;
	position: relative
}
@media only screen and (min-width:40em) {
	.slides {
		height: 100%
	}
}
.slide {
	vertical-align: top
}
.transitioning--next .is-next {
	z-index: 1
}
.transitioning--next .is-prev, .transitioning--prev .is-next {
	z-index: 10
}
.transitioning--prev .is-prev {
	z-index: 1
}
.slide__info {
	height: 100%;
	margin: 0;
	cursor: default
}
@media only screen and (min-width:40em) {
	.slide__info {
		background-repeat: no-repeat;
		background-position: center 0;
		padding: 32px 80px;
		padding: 2rem 5rem;
		background-size: cover
	}
}
@media only screen and (min-width:60em) {
	.slide__info {
		padding: 32px 0;
		padding: 2rem 0;
		min-height: 673px
	}
}
.slide__info .header {
	margin: 16px 0 0;
	margin: 1rem 0 0
}
.hero-slide {
	word-wrap: normal;
	white-space: normal;
	line-height: 1;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
@media only screen and (min-width:40em) {
	.hero-slide {
		color: #fff;
		max-width: 45em
	}
	.ja-jp .hero-slide {
		max-width: 47em
	}
}
.ko-kr .hero-slide {
	font-family: NanumMyeongjo Bold
}
.anduin .hero-slide, .malfurion .hero-slide {
	color: #000
}
.hero-slide__class {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0;
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:40em) {
	.hero-slide__class {
		padding: 0
	}
}
.slide__name {
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 24px;
	font-size: 1.5rem;
	letter-spacing: 1px;
	margin: 5px 0 16px;
	margin: 5px 0 1rem;
	padding: 0 16px;
	padding: 0 1rem;
	color: #233a6e
}
@media only screen and (min-width:40em) {
	.slide__name {
		padding: 0
	}
}
.ja-jp .slide__name {
	font-size: 17px;
	font-size: 1.1rem
}
@media only screen and (min-width:40em) {
	.ja-jp .slide__name {
		font-size: 32px;
		font-size: 2rem
	}
}
.ja-jp .slide__name br, .th-th .slide__name .th-br {
	display: none
}
@media only screen and (min-width:40em) {
	.slide__name {
		font-size: 32px;
		font-size: 2rem;
		margin: 5px 0 0;
		color: #fff
	}
	.anduin .slide__name, .malfurion .slide__name {
		color: #000
	}
}
.slide__name--adventure {
	text-align: center;
	color: #000;
	font-size: 32px;
	font-size: 2rem;
	white-space: normal
}
@media only screen and (min-width:40em) {
	.slide__name--adventure {
		color: #fff;
		text-align: left;
		font-size: 46px;
		font-size: 2.875rem
	}
}
@media only screen and (min-width:40em) {
	.slide--omnotron-defense-system .slide__name--adventure {
		font-size: 31px;
		font-size: 1.95rem
	}
}
@media only screen and (min-width:60em) {
	.slide--omnotron-defense-system .slide__name--adventure {
		font-size: 46px;
		font-size: 2.875rem
	}
}
@media only screen and (min-width:72.5em) {
	.fr-fr .slide--chieftain-scarvash .description--adventure, .ru-ru .slide--chieftain-scarvash .description--adventure {
		max-width: 17em
	}
}
@media only screen and (min-width:60em) {
	.fr-fr .slide--skelesaurus-hex .description--adventure {
		max-width: 192px;
		max-width: 12rem
	}
}
.slide__heading {
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 20px;
	font-size: 1.25rem;
	letter-spacing: 1px;
	padding-bottom: .25em;
	text-align: left
}
.slide__desc {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.6;
	padding: 0 16px;
	padding: 0 1rem;
	padding-top: 57%;
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
	margin: 0
}
@media only screen and (min-width:40em) {
	.slide__desc {
		color: #c6c6c6;
		padding: 0;
		margin: 30px 0 0
	}
}
.anduin .slide__desc, .malfurion .slide__desc {
	color: #000
}
.hero-power {
	margin: 32px 16px;
	margin: 2rem 1rem
}
@media only screen and (min-width:40em) {
	.hero-power {
		border-bottom: 1px solid #d4ba8c;
		border-bottom: 1px solid hsla(0, 0%, 100%, .1);
		margin: 32px 0;
		margin: 2rem 0
	}
}
.anduin .hero-power, .malfurion .hero-power {
	border-bottom-color: rgba(0, 0, 0, .1)
}
.hero-power__desc {
	font-size: 16px;
	font-size: 1rem;
	margin: 0;
	padding: .5em 0;
	max-width: 100%;
	display: inline-block;
	vertical-align: middle
}
@media only screen and (min-width:40em) {
	.hero-power__desc {
		color: #c6c6c6;
		max-width: 60%
	}
	.anduin .hero-power__desc, .malfurion .hero-power__desc {
		color: #000
	}
}
.power__icon {
	display: inline-block;
	vertical-align: middle;
	background: url(images/game-guide/heroes/hero-powers-5ad9ed833e0c8f0e6e5e365ba0aa6b46bf740ff8c06905e8599b6f13c516aa78f2b92bbd55585fc7d2b5a302578768ff7c10549621c7cc190a18c506f04f8f0f.png) 0 0 no-repeat;
	margin-right: 16px;
	margin-right: 1rem;
	height: 100px;
	width: 90px
}
.hero-power__title {
	border-bottom: 1px solid #d4ba8c
}
@media only screen and (min-width:40em) {
	.hero-power__title {
		border-bottom: 1px solid hsla(0, 0%, 100%, .1)
	}
}
.artwork {
	position: relative
}
.hero-slide-thumbnail {
	height: 129px;
	margin: 15px 0 0 5px;
	position: relative;
	width: 256px;
	box-shadow: 2px 2px 25px 5px rgba(0, 0, 0, .75)
}
.hero-slide-thumbnail__link {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0
}
.controls {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
@media only screen and (min-width:40em) {
	.controls {
		position: static
	}
}
.controls--heroes {
	top: 68px;
	top: 4.3rem;
	bottom: auto;
	pointer-events: none;
	padding-top: 54.7%
}
@media only screen and (min-width:40em) {
	.controls--heroes {
		top: 0;
		bottom: 0;
		padding-top: 0
	}
}
.controls--heroes .directional {
	border: none;
	cursor: pointer;
	height: 152px;
	position: absolute;
	top: 50%;
	width: 52px;
	margin-top: -76px;
	z-index: 20;
	display: block;
	background: transparent url(images/game-guide/ui/ui-directional-buttons-d9830416d1c9919b01cf7f71cb163a924bd4e2ed7627ed9fefab0a3fbffdb510f994984ee0f4c8b5cdba5341962bbbdc4388bd13677583eedd2ece5c113bb55a.png) 0 0 no-repeat;
	transition: all .15s ease-out;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	pointer-events: auto
}
.controls--heroes .directional:active.next {
	-webkit-transform: scale(.945) translateX(2px);
	-ms-transform: scale(.945) translateX(2px);
	transform: scale(.945) translateX(2px)
}
.controls--heroes .directional:active.prev {
	-webkit-transform: scale(.945) translateX(-2px);
	-ms-transform: scale(.945) translateX(-2px);
	transform: scale(.945) translateX(-2px)
}
.controls--heroes .directional:before {
	background: transparent url(images/game-guide/ui/ui-directional-buttons-d9830416d1c9919b01cf7f71cb163a924bd4e2ed7627ed9fefab0a3fbffdb510f994984ee0f4c8b5cdba5341962bbbdc4388bd13677583eedd2ece5c113bb55a.png) 0 0 no-repeat;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	transition: all .15s ease-out;
	background-position: 0 -152px
}
.controls--heroes .directional.prev {
	background-position: 0 0;
	left: 0
}
.controls--heroes .directional.prev:hover:before {
	opacity: 1
}
.controls--heroes .directional.next {
	background-position: -52px 0;
	right: 0
}
.controls--heroes .directional.next:before {
	background-position: -52px -152px
}
.controls--heroes .directional.next:hover:before {
	opacity: 1
}
.hero-power-title {
	font-weight: 700;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
@media only screen and (min-width:40em) {
	.hero-power-title {
		font-weight: 400
	}
}
@media only screen and (min-width:40em) {
	.jaina .hero-power-title, .jaina .hero-slide__class {
		color: #40e6ee
	}
	.rexxar .hero-power-title, .rexxar .hero-slide__class {
		color: #8af549
	}
	.uther .hero-power-title, .uther .hero-slide__class {
		color: #ec8ca9
	}
	.garrosh .hero-power-title, .garrosh .hero-slide__class {
		color: #feb246
	}
	.malfurion .hero-power-title, .malfurion .hero-slide__class {
		color: #c40501
	}
	.guldan .hero-power-title, .guldan .hero-slide__class {
		color: #b165ff
	}
	.thrall .hero-power-title, .thrall .hero-slide__class {
		color: #277dff
	}
	.anduin .hero-power-title, .anduin .hero-slide__class {
		color: #b001d6
	}
	.valeera .hero-power-title, .valeera .hero-slide__class {
		color: #cef549
	}
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer
}
.slick-list:focus {
	outline: none
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-tap-highlight-color: transparent
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block
}
.slick-track:after, .slick-track:before {
	content: "";
	display: table
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	float: left;
	height: auto;
	min-height: 1px;
	cursor: default;
	display: none
}
[dir=rtl] .slick-slide {
	float: right
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.heading--innkeepers-lessons:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -138px 0 no-repeat
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.heading--innkeepers-lessons:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
@media only screen and (min-width:60em) {
	.section .body-text {
		padding: 0
	}
}
.example-image {
	text-align: center;
	position: relative
}
.example-image img {
	display: block
}
.card-advantage-img-container {
	margin: 0 16px 8px;
	margin: 0 1rem .5rem
}
@media only screen and (min-width:60em) {
	.card-advantage-img-container {
		margin-bottom: 16px;
		margin-bottom: 1rem
	}
}
.card-advantage__img, .tips__img {
	display: inline-block
}
@media only screen and (min-width:40em) {
	.tips__img {
		float: right;
		width: 40%;
		margin: 0 32px 16px;
		margin: 0 2rem 1rem;
		max-width: 425px
	}
}
.subsection {
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.ko-kr .subsection {
	font-family: NanumMyeongjo Bold
}
.subsection__text {
	font-size: 1.1em;
	font-weight: 700
}
.subsection-group {
	margin: 48px 16px 0;
	margin: 3rem 1rem 0;
	position: relative;
	clear: both
}
.subsection-group+.subsection-group {
	margin-top: 0
}
@media only screen and (min-width:40em) {
	.minion-abilities, .triggered-effects {
		padding-left: 40%;
		float: right;
		width: 100%;
		margin-left: -40%
	}
}
@media only screen and (min-width:60em) {
	.minion-abilities, .triggered-effects {
		padding-left: 330px;
		margin-left: -330px
	}
}
.heading--subsection {
	color: #233a6e;
	font-size: 17px;
	font-size: 1.1rem;
	margin-top: 20px;
	margin-top: 1.25rem;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
@media only screen and (min-width:40em) {
	.heading--subsection {
		position: relative;
		margin-left: 41px
	}
	.heading--subsection:before {
		content: url(images/game-guide/icons/subsection-heading-icons-f39d78f10ecba1bd61585e94a6de85248df3bb3dd7c3b13a9b858aca8a55ffc4e158e2a3263d8ab08c7d1466751d6d85c5b043e8daa3eb83856f8e0405e5a726.png);
		display: inline-block;
		height: 41px;
		width: 38px;
		vertical-align: middle;
		margin-left: -90px;
		padding-right: 9px
	}
}
.lesson-list__item {
	padding-left: 1em;
	margin: 20px 0 0;
	margin: 1.25rem 0 0;
	font-size: 14px;
	font-size: .875rem
}
.lesson-list__item:before {
	content: url(images/game-guide/icons/list-bullet-e51826df47f1b1c0e3e967f9e59c2676d4e35a19946a78024c06c329f23672d1acb219f09a0e72919fa0cfac2e41bf87817a7e5756ea5b3acdf78a24f748fd35.png);
	vertical-align: middle;
	margin-left: -2em;
	padding-right: .7em
}
.lesson-list__item b {
	font-weight: 700;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.lesson-list--adventure {
	margin-left: 16px;
	margin-left: 1rem;
	margin-right: 16px;
	margin-right: 1rem
}
@media only screen and (min-width:60em) {
	.lesson-list--adventure {
		margin-left: 32px;
		margin-left: 2rem;
		margin-right: 0
	}
}
.effect-title {
	font-weight: 700;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.card-effects__img {
	display: block;
	margin: auto
}
@media only screen and (min-width:40em) {
	.card-effects__img {
		position: relative;
		top: -10px;
		left: -20px;
		max-width: 330px;
		width: 35%
	}
}
@media only screen and (min-width:60em) {
	.card-effects__img {
		width: 330px;
		left: -33px
	}
}
.combos {
	min-height: 400px
}
@media only screen and (min-width:40em) {
	.combos {
		padding-right: 40%;
		padding-left: 5%;
		margin-right: -40%;
		float: left;
		width: 100%
	}
}
@media only screen and (min-width:60em) {
	.combos {
		margin-right: -310px;
		padding-right: -310px
	}
}
.combos__img {
	display: block;
	margin: auto
}
@media only screen and (min-width:40em) {
	.combos__img {
		max-width: 310px;
		width: 35%
	}
}
@media only screen and (min-width:60em) {
	.combos__img {
		width: 310px
	}
}
.combos .examples+subsection__text {
	margin-top: 20px;
	margin-top: 1.25rem
}
.subsection--with-spacing {
	padding: 0 16px;
	padding: 0 1rem;
	max-width: 688px;
	max-width: 43rem
}
@media only screen and (min-width:40em) {
	.subsection--with-spacing {
		padding: 0 16px 0 51px;
		padding: 0 1rem 0 51px
	}
}
@media only screen and (min-width:72.5em) {
	.subsection--with-spacing {
		padding-left: 41px
	}
}
@media only screen and (min-width:40em) {
	.tips__body-text {
		float: left;
		width: 50%
	}
}
.dont-overextend, .wings {
	clear: left
}
.card-preview {
	margin: 20px auto 0;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	text-align: center
}
@media only screen and (min-width:60em) {
	.card-preview {
		height: 270px;
		overflow-x: visible
	}
}
.card-list {
	white-space: nowrap;
	font-size: .1px
}
@media only screen and (min-width:60em) {
	.card-list {
		display: inline-block;
		width: auto
	}
}
.card-list__item {
	display: inline-block;
	vertical-align: top;
	width: 147px;
	height: 211px
}
@media only screen and (min-width:60em) {
	.card-list__item {
		transition: .3s
	}
	.card-list__item:hover {
		-webkit-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5)
	}
}
.card-list__item+.card-list__item {
	margin-left: 16px;
	margin-left: 1rem
}
.card-list__img {
	display: block
}
.heading--naxxramas:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -207px 0 no-repeat
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.heading--naxxramas:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
@media only screen and (min-width:60em) {
	.expansions .page-body {
		padding-top: 0
	}
}
.expansions .content-section {
	max-width: none
}
.content-wrapper--expansion {
	max-width: 1160px;
	max-width: 72.5rem;
	margin: 0 auto
}
.content-wrapper--expansion-intro {
	max-width: 50em;
	min-height: 170px
}
@media only screen and (min-width:60em) {
	.content-wrapper--expansion-intro {
		padding: 32px 0;
		padding: 2rem 0;
		margin-top: 0
	}
}
.justified-list {
	font-size: .1px;
	text-align: justify
}
.justified-list:after {
	content: "";
	display: inline-block;
	width: 100%
}
.justified-list__item {
	font-size: 16px;
	font-size: 1rem
}
@media only screen and (min-width:60em) {
	.page-header-bg-chunk {
		min-height: 500px;
		position: absolute;
		left: 0;
		right: 0
	}
}
@media only screen and (min-width:60em) {
	.expansions-intro-container {
		position: relative;
		padding-bottom: 70px;
		background: url(images/expansions/header-bg-db3e7cc89183a0fb259e9f02f7b67e1e8bf4de447dda04786d17026219c8ad24f0399a0b1c75eb2a42bafa841307c5163b446e1416c86a20d7385dfe0917cbe2.png) top no-repeat;
		background-clip: content-box
	}
	.expansions-intro-container:after {
		content: "";
		background: url(images/expansions/divider-27711d098d51dd43dc7e42857e5fbd5953faee088abd783b16c9f2988701625972e602aa2e1574fa50965a4e4477a7aea1f34bb2594283ffd805a14da88efc88.png) bottom no-repeat;
		position: absolute;
		height: 210px;
		right: 0;
		bottom: 0;
		left: 0
	}
}
.expansion-list-header {
	display: none
}
@media only screen and (min-width:40em) {
	.expansion-list-header {
		display: block
	}
}
.adventure-list, .expansion-list {
	position: relative;
	margin-top: 48px;
	margin-top: 3rem
}
@media only screen and (min-width:40em) {
	.adventure-list, .expansion-list {
		margin-top: 16px;
		margin-top: 1rem
	}
}
@media only screen and (min-width:40em) {
	.adventure-list {
		right: -16px
	}
}
@media only screen and (min-width:60em) {
	.adventure-list {
		right: -32px
	}
}
@media only screen and (min-width:40em) {
	.expansion-list {
		left: -16px
	}
}
@media only screen and (min-width:60em) {
	.expansion-list {
		left: -32px
	}
}
.adventure-list__item, .expansion-list__item {
	text-align: left
}
@media only screen and (min-width:40em) {
	.adventure-list__item, .expansion-list__item {
		padding: 0 32px 32px;
		padding: 0 2rem 2rem
	}
}
@media only screen and (min-width:60em) {
	.adventure-list__item, .expansion-list__item {
		padding-bottom: 64px;
		padding-bottom: 4rem
	}
}
.adventure-list__item+.adventure-list__item, .adventure-list__item+.expansion-list__item, .expansion-list__item+.adventure-list__item, .expansion-list__item+.expansion-list__item {
	margin-top: 19px;
	margin-top: 1.2rem
}
@media only screen and (min-width:40em) {
	.adventure-list__item+.adventure-list__item, .adventure-list__item+.expansion-list__item, .expansion-list__item+.adventure-list__item, .expansion-list__item+.expansion-list__item {
		margin: 0
	}
}
@media only screen and (min-width:40em) {
	.adventure-list__item, .expansion-list__item {
		padding-right: 0;
		padding-left: 16px;
		padding-left: 1rem
	}
}
@media only screen and (min-width:60em) {
	.adventure-list__item, .expansion-list__item {
		padding-left: 32px;
		padding-left: 2rem
	}
}
@media only screen and (min-width:40em) {
	.adventure-list__item {
		text-align: right;
		padding-right: 16px;
		padding-right: 1rem;
		padding-left: 0
	}
}
@media only screen and (min-width:60em) {
	.adventure-list__item {
		text-align: right;
		padding-right: 32px;
		padding-right: 2rem
	}
}
.expansion-link {
	display: block;
	position: relative;
	text-align: center;
	margin: auto;
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	max-width: 100%;
	z-index: 5;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	overflow: hidden;
	padding-top: 60.5%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}
.expansion-link:after {
	position: absolute;
	content: "";
	z-index: 5;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .99);
	opacity: 0;
	transition: opacity .3s linear
}
.expansion-link:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}
.expansion-link:hover .expansion-link__logo {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.expansion-link:hover:after {
	opacity: .5
}
.expansion-link--goblins-vs-gnomes {
	background-image: url(images/expansions/goblins-vs-gnomes-fe6517dcaed861fe1fca6319cce686b374681e94dee414848984f0dd5697568993888cf06e672f0f27fc261f799bd379575357e8f92163b8ee816ab57153dda2.jpg)
}
.expansion-link--naxxramas {
	background-image: url(images/expansions/naxxramas-4bc495498b64e90a2acefc157fb6a37d7da31ae32b758e3745f6f82a94e7fe3763d97de2c903dbbf5fd2de8247845e865b74481c416dcd62aabd438084f51a20.jpg)
}
.expansion-link--blackrock-mountain {
	background-image: url(images/expansions/blackrock-mountain-e7a9eee7ffd2757222afb295d9dc5316f8e2d7f9c1681e02fddf72b67a20462e6aa28ae72db23d927e584f2da61165ae71d67faf1cb44334477e87706680ddb2.jpg)
}
.expansion-link--the-grand-tournament {
	background-image: url(images/expansions/the-grand-tournament-52df10a9c314061717a02c49584575ed44cec1c3f5d4e6c3270def1f3542f1e6d3f5c83f64a18c27eabf2d61807264448b965fe9650b4897cbdb47873b6cdc40.jpg)
}
.expansion-link--league-of-explorers {
	background-image: url(images/expansions/league-of-explorers-f485ee94290d40c8a200f8d97c67ab643a3a3dad43c91ad0498890e610ed77c21ba84773a75e102132da1a6697246b90392f264ee648a50b74933836b7aad534.jpg)
}
.expansion-link--whispers-of-the-old-gods {
	background-image: url(images/expansions/whispers-of-the-old-gods-e5028f97f9f9a4cb885e8190082557d881c5eb57cf384dc4253bb047306fb62e04c550677124eb88a4bc41642da9f8e14df92a44a3c5dda1ff04dd736fd6021c.jpg)
}
.expansion-link--one-night-in-karazhan {
	background-image: url(images/expansions/one-night-in-karazhan-f2a970464e0d5c14aea408d935207d574dbaa62eb6a17518697e4f249c650e62d74f2625e39ebc9fba7c78ab1d95e7f9a2f5f70791d88614b429b18f156ba3f6.jpg)
}
.expansion-link__logo {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	width: 65%;
	margin-left: -32.5%;
	margin-top: -30%;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
.expansion-link__logo--naxxramas {
	width: 82%;
	margin-left: -40%
}
.expansion-link__logo--blackrock-mountain {
	width: 88%;
	margin-left: -43%;
	margin-top: -34%
}
.expansion-link__logo--the-grand-tournament {
	margin-top: -22%;
	margin-left: -36%;
	width: 69%
}
.expansion-link__logo--league-of-explorers {
	margin-top: -21%;
	width: 75%;
	margin-left: -38%
}
.expansion-link__logo--whispers-of-the-old-gods {
	margin-top: -26%;
	margin-left: -35%;
	width: 71%
}
.expansion-link__logo--one-night-in-karazhan {
	margin-top: -26%;
	margin-left: -44%;
	width: 89%
}
.expansion-link__logo--journey-to-ungoro {
	margin-top: -28%
}
.adventure .section {
	clear: both
}
.adventure .body-text--intro {
	padding: 0 16px;
	padding: 0 1rem;
	max-width: none
}
@media only screen and (min-width:60em) {
	.adventure .body-text--intro {
		padding: 0 0 0 12.7em
	}
}
.adventure .body-text--footnote {
	display: block;
	font-style: italic;
	margin-top: 24px;
	margin-top: 1.5rem
}
@media only screen and (min-width:60em) {
	.ja-jp.naxxramas .body-text--intro {
		font-size: 18px;
		font-size: 1.125rem
	}
}
.expansion-header {
	text-align: center;
	position: relative;
	margin-top: 110px
}
@media only screen and (min-width:40em) {
	.expansion-header {
		min-height: 320px;
		margin-top: 0;
		margin-bottom: 0;
		text-align: left
	}
}
.expansion-logo-container {
	position: relative;
	z-index: 5;
	display: inline-block;
	max-width: 80%
}
.the-grand-tournament .expansion-logo-container {
	width: 360px
}
@media only screen and (min-width:40em) {
	.the-grand-tournament .expansion-logo-container {
		margin-top: 32px;
		margin-top: 2rem
	}
}
@media only screen and (min-width:60em) {
	.the-grand-tournament .expansion-logo-container {
		margin-left: -80px;
		margin-left: -5rem
	}
}
.the-grand-tournament .expansion-header {
	margin-top: 25%
}
@media only screen and (min-width:40em) {
	.the-grand-tournament .expansion-header {
		margin-top: 0
	}
}
.expansion-logo {
	display: block
}
.expansion-logo img {
	width: 100%
}
@media only screen and (min-width:40em) {
	.expansion-logo img {
		width: 350px
	}
}
.expansion-video-container {
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:40em) {
	.expansion-video-container {
		padding: 0 24px;
		padding: 0 1.5rem
	}
}
@media only screen and (min-width:60em) {
	.expansion-video-container {
		padding: 0 8px
	}
}
.expansion-video {
	margin: 16px auto;
	margin: 1rem auto;
	clear: both;
	max-width: 984px
}
@media only screen and (min-width:40em) {
	.expansion-video {
		margin: 32px auto;
		margin: 2rem auto
	}
}
@media only screen and (min-width:60em) {
	.expansion-video--goblins-vs-gnomes {
		background: url(images/goblins-vs-gnomes/video-bg-37284e12c8a99ed5e2e59c8385caaa29666ae23c5a78345cf6008b725b9c8b125ea13afee8669b2762ec4b9cf25e35f4ae23453e1827a49bb0ee4c9543540992.jpg) 50% no-repeat
	}
}
.expansion-type {
	color: #456eb8;
	font-size: 19px;
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 700
}
@media only screen and (min-width:30em) {
	.body-text--experiment {
		margin-bottom: -16px;
		margin-bottom: -1rem
	}
}
.content-container--expansion {
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:40em) {
	.content-container--expansion {
		margin-top: 0
	}
}
@media only screen and (min-width:60em) {
	.content-container--expansion {
		padding: 0 80px;
		padding: 0 5rem
	}
}
.content-container--watch {
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:60em) {
	.content-container--watch {
		padding: 0 80px;
		padding: 0 5rem
	}
}
.content-container--art {
	position: relative;
	padding: 0 16px 12px;
	padding: 0 1rem .75rem;
	z-index: 10;
	margin-top: 16px;
	margin-top: 1rem
}
@media only screen and (min-width:72.5em) {
	.content-container--art {
		margin-top: 0;
		padding: 0
	}
}
@media only screen and (min-width:72.5em) {
	.content-container--art-gvg:after {
		content: "";
		position: absolute;
		right: -5%;
		bottom: 0;
		background: url(images/goblins-vs-gnomes/pirate-bg-8159c18af5de7cd62ee98d0c131c74e662db3899da52ac26b5fe90483a47372f6af379532733bd5c830b059ac47636d955a28e1ec9142d4822be60960b6c430b.png) 100% 100% no-repeat;
		width: 250px;
		height: 372px;
		z-index: -5
	}
}
.slide-container {
	position: relative
}
.overflow-list-container {
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.horizontal-list {
	font-size: .1px;
	position: relative;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
.horizontal-list__item {
	display: inline-block;
	font-size: 16px;
	font-size: 1rem
}
.expansion-section {
	padding-top: 32px;
	padding-top: 2rem;
	padding-bottom: 16px;
	padding-bottom: 1rem
}
.expansion-section--cards {
	padding-top: 0;
	padding-bottom: 16px;
	padding-bottom: 1rem
}
@media only screen and (min-width:40em) {
	.expansion-section--cards {
		padding-top: 32px;
		padding-top: 2rem
	}
}
@media only screen and (min-width:40em) {
	.expansion-section--cards-whispers-of-the-old-gods {
		padding-top: 56px;
		padding-top: 3.5rem
	}
}
@media only screen and (min-width:60em) {
	.expansion-section--watch {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center
	}
}
.expansion-section--intro {
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	z-index: 1
}
@media only screen and (min-width:40em) {
	.expansion-section--intro {
		padding-top: 32px;
		padding-top: 2rem
	}
}
@media only screen and (min-width:60em) {
	.expansion-watch__video {
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		padding-right: 16px;
		padding-right: 1rem
	}
}
.expansion-watch__copy {
	text-align: center
}
@media only screen and (min-width:60em) {
	.expansion-watch__copy {
		text-align: left;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
		padding-left: 16px;
		padding-left: 1rem
	}
}
.expansion-watch__img {
	width: 701px;
	display: block;
	margin: auto
}
.horizontal-list__item--expansion {
	padding: 0 16px;
	padding: 0 1rem;
	width: 80%
}
@media only screen and (min-width:30em) {
	.horizontal-list__item--expansion {
		width: 50%
	}
}
@media only screen and (min-width:40em) {
	.horizontal-list__item--expansion {
		width: 33.33333333%
	}
}
@media only screen and (min-width:60em) {
	.horizontal-list__item--expansion {
		width: 25%
	}
}
@media only screen and (min-width:72.5em) {
	.horizontal-list__item--expansion {
		width: 25%
	}
}
.expansion-card__img {
	max-height: 350px
}
.beta-button--vote {
	margin-top: 8px;
	margin-top: .5rem
}
.beta-button--vote .button-content:after {
	content: "";
	background: transparent url(images/icons/white-arrows-504e593397770f83b8531c34433235b6055d98ac025714b4098a880f4f0e1778ae585ab6383d62b6b3342d08379ae38e7acf00e783b098c9b5a2367f69ca6b9b.gif) 50% no-repeat;
	display: inline-block;
	vertical-align: baseline;
	width: 7px;
	height: 13px;
	margin-left: 8px;
	margin-left: .5rem
}
.control {
	border: none;
	cursor: pointer;
	height: 40px;
	position: absolute;
	top: 50%;
	width: 58px;
	margin-top: -20px;
	z-index: 3;
	background: transparent url(images/bt-arrows-7bfc337238a53e7a91f8bfc19038332772cc80734ce87f034d380ba9033fcfa3cc83197559f1a598e1d0d92dcdf0b477e730755ad6da66354a4826d2e362700e.png) 0 0 no-repeat
}
.control--prev {
	left: -16px;
	left: -1rem
}
@media only screen and (min-width:60em) {
	.control--prev {
		left: -48px;
		left: -3rem
	}
}
.control--prev:hover {
	background-position: 0 100%
}
.control--next {
	right: -16px;
	right: -1rem;
	background-position: 100% 0
}
@media only screen and (min-width:60em) {
	.control--next {
		right: -48px;
		right: -3rem
	}
}
.control--next:hover {
	background-position: 100% 100%
}
.experiment-img {
	width: 891px
}
.media-container--expansion {
	max-width: 880px;
	max-width: 55rem;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1
}
.expansion-intro-video__title {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -92px;
	margin-left: 140px;
	padding-top: 90px;
	text-align: center;
	color: #fff;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font-size: 18px;
	font-size: 1.125rem;
	letter-spacing: 1px
}
.expansion-intro-video__title:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -50px;
	background: transparent url(images/media/play-sprite-afa7cd2884863e243ac46c9d9766a0908b9835d62fb3339c5c9fed78b5367917c628219d5162935fb7b2bf0336103f8f4cbc98d64ee55e0e06e1790abd8ea3b9.png) 0 0 no-repeat;
	width: 100px;
	height: 100px;
	z-index: 9001
}
.media-frame--gameboard {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	margin-top: 32px;
	margin-top: 2rem
}
.features-text {
	position: relative;
	padding-left: 80px;
	padding-left: 5rem;
	font-size: 14px;
	font-size: .875rem
}
@media only screen and (min-width:40em) {
	.features-text {
		padding-left: 0
	}
}
@media only screen and (min-width:40em) {
	.features-text+.features-text {
		padding-left: 16px;
		padding-left: 1rem
	}
}
.features-text:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 69px;
	width: 69px;
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -277px 0 no-repeat
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.features-text:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
@media only screen and (min-width:40em) {
	.features-text:before {
		margin: 0 auto 16px;
		margin: 0 auto 1rem;
		position: relative
	}
}
.features-text b {
	color: #233a6e;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1
}
.features-footnote {
	font-size: 12px;
	font-size: .75rem;
	font-style: italic;
	clear: both;
	padding-top: 16px;
	padding-top: 1rem;
	display: block;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.features-footnote--pirates:before {
	content: url(images/the-grand-tournament/pirate-hat-3235e4a1166fa34f3735297ddf33605ac7e424f4490430a01db412d237e08e6205d941156b0d5fefa706591b0b270aa7245f4020819803eea260eb52cb9ce809.png);
	width: 31px;
	height: 20px;
	vertical-align: middle;
	margin-right: .5em
}
.purchase-content-container {
	position: relative;
	margin: 80px auto 16px;
	margin: 5rem auto 1rem;
	max-width: 512px;
	max-width: 32rem
}
@media only screen and (min-width:30em) {
	.purchase-content-container {
		background-color: #b6a376;
		border-radius: 20px;
		margin-top: 16px;
		margin-top: 1rem;
		max-width: 800px;
		max-width: 50rem
	}
}
@media only screen and (min-width:30em) {
	.purchase-content-container__top {
		position: absolute;
		top: 0;
		right: 10px;
		left: 10px;
		height: 32px;
		background: url(images/expansions/prepurchase-top-bottom-3bb3acfb553a4459b329f5a755203fb40f38a9cfe3cbb7439882e6060d32c9a39410f7d95ba7ca5c46cec1f42e161cbaecb72e8e15d41035f4684cdabdd40ed1.png) repeat-x 0 0
	}
	.purchase-content-container__top:after, .purchase-content-container__top:before {
		content: "";
		position: absolute;
		top: 0;
		background: url(images/expansions/prepurchase-corners-e1097ef27bd9f38985c7051dee29393192e98c45bef7fdf295610de7dbebab3ca3d2a547be4329b02783afa35592480f95d829e026748bc6cc89fed705280f45.png) no-repeat 0 0;
		width: 163px;
		height: 95px
	}
	.purchase-content-container__top:before {
		left: -10px
	}
	.purchase-content-container__top:after {
		right: -10px;
		background-position: -167px 0
	}
	.purchase-content-container__sides:after, .purchase-content-container__sides:before {
		content: "";
		position: absolute;
		top: 10px;
		bottom: 10px;
		width: 32px;
		background: url(images/expansions/prepurchase-sides-1f8551d16bf08f151a697463104041df1c3acb725b3fb340b852e555b61f69cf34d8cbc08fe0effc7f1aabf7a4cfa58a65721642b68eaba1305e6ba7d0d883a0.png) repeat-y 0 0
	}
	.purchase-content-container__sides:before {
		left: 0
	}
	.purchase-content-container__sides:after {
		right: 0;
		background-position: -33px 0
	}
	.purchase-content-container__bottom {
		position: absolute;
		right: 10px;
		bottom: 0;
		left: 10px;
		height: 32px;
		background: url(images/expansions/prepurchase-top-bottom-3bb3acfb553a4459b329f5a755203fb40f38a9cfe3cbb7439882e6060d32c9a39410f7d95ba7ca5c46cec1f42e161cbaecb72e8e15d41035f4684cdabdd40ed1.png) repeat-x 0 -33px
	}
	.purchase-content-container__bottom:after, .purchase-content-container__bottom:before {
		content: "";
		position: absolute;
		bottom: 0;
		background: url(images/expansions/prepurchase-corners-e1097ef27bd9f38985c7051dee29393192e98c45bef7fdf295610de7dbebab3ca3d2a547be4329b02783afa35592480f95d829e026748bc6cc89fed705280f45.png) no-repeat -334px 0;
		width: 163px;
		height: 95px
	}
	.purchase-content-container__bottom:before {
		left: -10px
	}
	.purchase-content-container__bottom:after {
		right: -10px;
		background-position: -501px 0
	}
}
.purchase-content {
	position: relative;
	z-index: 10
}
@media only screen and (min-width:30em) {
	.purchase-content {
		padding: 50px
	}
}
.purchase-card-back {
	position: relative;
	z-index: 2;
	margin-top: -80px;
	margin-bottom: -10px
}
@media only screen and (min-width:30em) {
	.purchase-card-back {
		display: inline-block;
		vertical-align: top;
		width: 278px
	}
}
@media only screen and (min-width:40em) {
	.purchase-card-back {
		width: 42%;
		margin-bottom: -30px;
		margin-top: -30px
	}
}
@media only screen and (min-width:60em) {
	.purchase-card-back {
		margin: -80px 0 -40px
	}
}
.purchase-body {
	text-align: left;
	max-width: 384px;
	max-width: 24rem;
	margin: auto
}
@media only screen and (min-width:40em) {
	.purchase-body {
		width: 55%;
		display: inline-block;
		vertical-align: top
	}
}
.heading--prepurchase {
	text-align: center;
	font-size: 24px;
	font-size: 1.5rem;
	padding: 4px 0;
	padding: .3rem 0;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	margin-bottom: 16px;
	margin-bottom: 1rem;
	color: #fff;
	background: url(images/expansions/purchase-headline-bg-630a7cd7bad36ee935a4f5451987bfbdfb2c788deee3d301a9523a4776877765a576873849db0ae689375f186b7858ca6dd6c7f38b8ce4fa46b347c0b05e2c8f.png) 50% no-repeat
}
.fr-fr .heading--prepurchase, .pl-pl .heading--prepurchase {
	font-size: 20px;
	font-size: 1.25rem
}
@media only screen and (min-width:30em) {
	.fr-fr .heading--prepurchase, .pl-pl .heading--prepurchase {
		font-size: 24px;
		font-size: 1.5rem
	}
}
.revealed-cards {
	text-align: center;
	margin-bottom: 48px;
	margin-bottom: 3rem
}
@media only screen and (min-width:40em) {
	.revealed-cards {
		margin-top: 16px;
		margin-top: 1rem
	}
}
.card {
	position: relative;
	margin: .5%;
	display: inline-block;
	max-width: 150px;
	cursor: pointer
}
@media only screen and (min-width:40em) {
	.card {
		max-width: 200px
	}
}
@media only screen and (min-width:60em) {
	.card {
		max-width: 220px
	}
}
.card--revealed {
	vertical-align: top
}
.card--whispers-of-the-old-gods {
	margin-bottom: 32px;
	margin-bottom: 2rem
}
.card-link {
	display: inline-block;
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.view .card-link {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.expansion-button {
	letter-spacing: 2px;
	position: relative;
	background: url(images/buttons/button-expansion-center-7ce873f8fff23fb07b0b91265f96c46031d89cda63a31482046df52a3539c4e5128af7ebb2dcf082468f0aa106563e1039767f786753ea5699cb906c162ae6e4.png) 0 -39px repeat-x;
	z-index: 5;
	padding: 8px 25px;
	height: 36px
}
.expansion-button:after, .expansion-button:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 65px;
	z-index: -1;
	background: url(images/buttons/button-expansion-eb82ac5e90ce26f26c8ffb8913975404ac49c83ae4a70eaadb94627602c9c58c97f14f0282d8de248dadd14fcee74df0ee72645b85308cd462a7b80742974543.png) 0 0 no-repeat
}
.expansion-button:before {
	left: -10px;
	background-position: 0 -39px
}
.expansion-button:after {
	right: -10px;
	background-position: -83px -39px
}
.expansion-button:hover, .expansion-button:hover:before {
	background-position: 0 0
}
.expansion-button:hover:after {
	background-position: -83px 0
}
.expansion-button--new-to-hs {
	margin-top: 16px;
	margin-bottom: 16px;
	position: relative
}
@media only screen and (min-width:30em) {
	.expansion-button--new-to-hs {
		margin-top: 96px;
		margin-bottom: 40px
	}
	.expansion-button--new-to-hs .hearthstone-cta__text {
		padding-left: 32px;
		padding-left: 2rem
	}
}
@media only screen and (min-width:60em) {
	.expansion-button--new-to-hs {
		margin-top: 60px
	}
}
@media only screen and (min-width:30em) {
	.expansion-button__icon {
		background: url(images/the-grand-tournament/rocket-chicken-ba28406e25514e906493c4112c61728df7fc240e0e3cdf0b11f756dc66abb3e0945b1adb30ff59e6a69831ad72e9afe64aab666ae306e781348d8a3b55228259.png) 0 0 no-repeat;
		display: inline-block;
		position: absolute;
		top: -75px;
		left: -55px;
		width: 116px;
		height: 186px
	}
}
.card-details-slider {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	top: 0;
	overflow: visible;
	background-color: #f1d6a9;
	-webkit-transform: translate(100%);
	-ms-transform: translate(100%);
	transform: translate(100%);
	white-space: nowrap;
	padding-top: 44px;
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.slider-is-open .card-details-slider {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}
.card-details-slider .adventure-back {
	z-index: 99;
	text-align: center;
	padding: 8px 16px;
	padding: .5rem 1rem;
	border-bottom: 1px solid #d0b582
}
.card-details-slider .adventure-back .btn--adventure-back {
	padding: 0;
	font-size: 16px;
	font-size: 1rem;
	border-width: 4px
}
.card-details-slider .adventure-back .btn--adventure-back__inner {
	padding: 4px 19px;
	padding: .25rem 1.2rem;
	line-height: 1
}
.card-details-slider .slider__content {
	padding-top: 32px;
	padding-top: 2rem;
	position: relative;
	padding: 0 16px;
	padding: 0 1rem;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}
.card-details-slider .slider__content img {
	display: block;
	margin: 0 auto
}
.card-details-slider .card-details-touch {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}
.how-to-buy-link-container {
	margin: 32px 0 48px;
	margin: 2rem 0 3rem
}
@media only screen and (min-width:60em) {
	.how-to-buy-link-container {
		margin-bottom: 32px;
		margin-bottom: 2rem
	}
}
@media only screen and (min-width:72.5em) {
	.how-to-buy-link-container {
		margin-bottom: 0
	}
}
.expansion-adventure-list {
	clear: both
}
@media only screen and (max-width:39.99em) {
	.expansion-adventure-list {
		display: none
	}
}
.expansion-adventure-list>li {
	float: left;
	padding-top: 32px;
	padding-top: 2rem
}
@media only screen and (min-width:40em) {
	.expansion-list__header {
		padding-right: 0;
		padding-left: 16px;
		padding-left: 1rem
	}
}
@media only screen and (min-width:60em) {
	.expansion-list__header {
		padding-left: 32px;
		padding-left: 2rem
	}
}
@media only screen and (min-width:40em) {
	.adventure-list__header {
		padding-left: 0;
		padding-right: 16px;
		padding-right: 1rem
	}
}
@media only screen and (min-width:60em) {
	.adventure-list__header {
		padding-right: 32px;
		padding-right: 2rem
	}
}
.adventure-list__header, .expansion-list__header {
	text-align: center;
	position: relative;
	top: -16px;
	top: -1rem
}
@media only screen and (min-width:40em) {
	.adventure-list__header, .expansion-list__header {
		padding: 0 32px;
		padding: 0 2rem
	}
}
@media only screen and (min-width:40em) {
	.adventure-list__header+.adventure-list__header, .adventure-list__header+.expansion-list__header, .expansion-list__header+.adventure-list__header, .expansion-list__header+.expansion-list__header {
		margin: 0
	}
}
.expansion-adventure-mobile-list {
	clear: both;
	display: none
}
@media only screen and (max-width:39.99em) {
	.expansion-adventure-mobile-list {
		display: block;
		left: 0;
		padding: 0 16px;
		padding: 0 1rem
	}
}
#buy-expansion-packs {
	z-index: 1;
	position: relative;
	top: -4px;
	left: -2px;
	text-align: center
}
#buy-expansion-packs .hearthstone-cta__text {
	font-size: 11px;
	font-size: .7rem
}
@media only screen and (min-width:30em) {
	#buy-expansion-packs .hearthstone-cta__text {
		white-space: nowrap
	}
}
.naxxramas .page-header-bg-chunk {
	background: url(images/naxxramas/header-bg-small-f37eb1a10cf4be90021244e80416d7af6b57ce4a7597e61e68b38e724de7ba8881ade7abf2f7b3cd8be58dcff994124c6072dbfa963190b6c8ef9f0199eec94c.png) top no-repeat;
	height: 422px;
	position: absolute;
	right: 0;
	left: 0
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.naxxramas .page-header-bg-chunk {
		background-image: url(images/naxxramas/header-bg-small@2x-8175f43fb0e5beff785d101494e922883cadce36fc11f37be9e71f8b2ca5dc509eb0dc12bf542f220133ccb193a8c2bc1a1218237b14a221f7bc2b29aa0b8de3.png);
		background-size: cover
	}
}
@media only screen and (min-width:40em) {
	.naxxramas .page-header-bg-chunk {
		background-image: url(images/naxxramas/header-bg-med-6a80ef174c386ea870a56c3b5a6b8fa8f04b9d4adfb7eb65155230ab0f91b2d97ef69f4215752bd2f11e8fc96378efbbb8dfdcb022a7e628012fc181ee8e0f21.png);
		top: -47px;
		background-size: auto
	}
}
@media only screen and (min-width:60em) {
	.naxxramas .page-header-bg-chunk {
		background-image: url(images/naxxramas/header-bg-298565cbd60944f712eac47d503874d390c9269b37f3d1a43161d88cc382eaf59c657963d1b7744b7c36ace3eafdb74b233813122242347947ffae16f2be582d.png)
	}
}
.adventure-header-container {
	display: block;
	text-align: center;
	min-height: 410px;
	position: relative
}
@media only screen and (min-width:40em) {
	.adventure-header-container {
		display: inline-block;
		min-height: 355px
	}
}
@media only screen and (min-width:60em) {
	.adventure-header-container {
		margin-left: -48px;
		margin-left: -3rem
	}
}
.adventure-header-container .hearthstone-cta.show--sm {
	display: none
}
@media only screen and (min-width:40em) {
	.adventure-header-container .hearthstone-cta.show--sm {
		display: inline-block
	}
}
.adventure-header-container .hearthstone-cta__btn {
	height: auto;
	min-height: 0
}
.adventure-header-container .hearthstone-cta__text {
	padding-top: 4px;
	padding-top: .25rem;
	padding-bottom: 4px;
	padding-bottom: .25rem;
	font-size: 12px;
	font-size: .8rem
}
.adventure-sub-logo--naxxramas {
	bottom: -60px
}
@media only screen and (min-width:40em) {
	.adventure-sub-logo--naxxramas {
		margin-top: -16px;
		margin-top: -1rem
	}
}
.bordered-list {
	border-top: 1px solid #d4ba8c;
	border-bottom: 1px solid #d4ba8c;
	padding: 16px 0;
	padding: 1rem 0;
	margin: 40px 16px;
	margin: 2.5rem 1rem
}
@media only screen and (min-width:60em) {
	.bordered-list {
		margin: 40px 0;
		margin: 2.5rem 0
	}
}
@media only screen and (min-width:60em) {
	.necropolis {
		position: relative
	}
	.necropolis:after {
		content: url(images/naxxramas/spider-bb912c918216586cf38526ae577bc21ac5364fee4a9244f6a838db4677a320b906a5b2ae37ac7e6f42c7527659bf96b7e60f9860007037f10dba1916b352aa00.png);
		position: absolute;
		right: 30px;
		bottom: -40px
	}
}
.requirements-list-container {
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.ko-kr .requirements-list-container {
	font-family: NanumMyeongjo Bold
}
.requirements-list--title {
	font-size: 17px;
	font-size: 1.1rem;
	line-height: 1
}
.requirements-list {
	max-width: 45em;
	font-size: 14px;
	font-size: .875rem
}
@media only screen and (min-width:72.5em) {
	.requirements-list {
		max-width: 52.5em
	}
}
.expansions-nav {
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	border-top: 1px solid #cbb586
}
.ko-kr .expansions-nav {
	font-family: NanumMyeongjo Bold
}
@media only screen and (min-width:40em) {
	.expansions-nav {
		float: left;
		margin: 0 27px 24px 16px;
		margin: 0 1.7rem 1.5rem 1rem;
		padding: 16px;
		padding: 1rem;
		border-radius: 4px;
		width: 17.4em;
		border: 1px solid #d4ba8c;
		display: block;
		background-color: #dec79b;
		background-color: rgba(116, 50, 0, .07)
	}
	.expansions-nav--centered {
		text-align: center
	}
}
@media only screen and (min-width:60em) {
	.expansions-nav {
		margin-left: 0
	}
}
.expansions-nav__title {
	font-size: 18px;
	font-size: 1.15rem;
	text-transform: uppercase;
	padding: 9px 32px;
	padding: .6rem 2rem;
	border-bottom: 1px solid #cbb586;
	border-top: 1px solid #f8e2b3;
	background-color: #dec79b;
	background-color: rgba(116, 50, 0, .07)
}
@media only screen and (min-width:40em) {
	.expansions-nav__title {
		background: none;
		border: none;
		padding: 0
	}
}
.centered-img--sm {
	margin: auto;
	display: block
}
.all-in-the-cards__img {
	max-width: 265px;
	margin-bottom: 20px;
	margin-bottom: 1.25rem
}
@media only screen and (min-width:40em) {
	.all-in-the-cards__img {
		float: right
	}
}
.all-in-the-cards__img--league-of-explorers {
	max-width: 100%;
	width: 475px
}
@media only screen and (min-width:40em) {
	.all-in-the-cards__img--league-of-explorers {
		-webkit-shape-outside: polygon(445px 0, 125px 8px, 103px 43px, 3px 53px, 23px 257px, 459px 247px);
		shape-outside: polygon(445px 0, 125px 8px, 103px 43px, 3px 53px, 23px 257px, 459px 247px);
		margin-bottom: 0
	}
}
.all-in-the-cards__img--one-night-in-karazhan {
	max-width: 100%;
	width: 475px
}
@media only screen and (min-width:40em) {
	.all-in-the-cards__img--one-night-in-karazhan {
		-webkit-shape-outside: polygon(445px 0, 125px 8px, 103px 43px, 3px 53px, 23px 257px, 459px 247px);
		shape-outside: polygon(445px 0, 125px 8px, 103px 43px, 3px 53px, 23px 257px, 459px 247px);
		margin-bottom: 0
	}
}
@media only screen and (min-width:40em) {
	.cruising-bruising__img {
		float: left;
		margin-right: 32px;
		margin-right: 2rem;
		max-width: 220px
	}
}
.naxxramas-intro-heading {
	color: #233a6e;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 32px;
	font-size: 2rem;
	line-height: 1.25;
	margin-top: 19px;
	margin-top: 1.2rem
}
.ko-kr .naxxramas-intro-heading {
	font-family: NanumMyeongjo Bold
}
@media only screen and (min-width:40em) {
	.naxxramas-intro-heading {
		font-size: 48px;
		font-size: 3rem
	}
}
.expansions-coming-soon {
	text-align: center;
	background: url(images/naxxramas/coming-soon-divider-93b3685587d472b40210e7e2761cac830b7c952251cdee4e3bcaad42a6f90eb899ccb875fcf2ae724c398b724854be803ec58e1df99d83a7375b7520a8822315.png) top no-repeat;
	padding-top: 48px;
	padding-top: 3rem
}
@media only screen and (min-width:40em) {
	.expansions-coming-soon .heading {
		text-align: center
	}
}
.expansions-coming-soon__title {
	text-align: center
}
.expansions-coming-soon-list__item {
	display: inline-block;
	max-width: 40%;
	margin: 8px 4%;
	margin: .5rem 4%
}
@media only screen and (min-width:40em) {
	.expansions-coming-soon-list__item {
		margin: 0
	}
}
.expansions-coming-soon-list__img-container {
	position: relative
}
.expansions-coming-soon-list__img-title {
	position: absolute;
	right: 0;
	bottom: 23%;
	left: 0;
	text-align: center;
	color: #fff;
	text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font-size: 14px;
	letter-spacing: 1px
}
@media only screen and (min-width:40em) {
	.expansions-coming-soon-list__img-title {
		font-size: 16px;
		font-size: 1rem
	}
}
@media only screen and (min-width:40em) {
	.es-mx .coming-soon__construct-quarter .expansions-coming-soon-list__img-title {
		font-size: 12px;
		font-size: .75rem
	}
}
@media only screen and (min-width:60em) {
	.expansion-video--naxxramas {
		background: url(images/naxxramas/video-bg-b7f82eb51dacd77b1954de41f12b68427c044d6783a8ca16db2b8d1326a125774e52994ffbc6a416baa66a19339d6e465fe087ff9d8963dd3f151fe8cafa67ee.jpg) 50% no-repeat
	}
}
.media-content__title--expansion {
	top: auto;
	bottom: 39%;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
	font-size: 24px;
	font-size: 1.5rem
}
.ko-kr .media-content__title--expansion, .zh-tw .media-content__title--expansion {
	bottom: 35%
}
.naxxramus-list__item {
	line-height: 1.1
}
.arachnid-quarter .body-bot {
	padding-bottom: 18px
}
@media only screen and (min-width:40em) {
	.arachnid-quarter .body-bot {
		padding-bottom: 10px
	}
}
.heading--naxxramas-intro {
	margin: 16px;
	margin: 1rem;
	line-height: 1.4
}
.adventure-control-container {
	padding: 0 16px 0 32px;
	padding: 0 1rem 0 2rem;
	margin-top: 12%
}
.adventure-control {
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 12%;
	font-size: 1px;
	font-size: .1rem;
	overflow: visible
}
@media only screen and (min-width:40em) {
	.adventure-control {
		margin-bottom: 0
	}
}
.adventure-control .hearthstone-button, .adventure-control .hearthstone-button__btn, .adventure-control .hearthstone-button__inner, .adventure-control .hearthstone-button__text {
	height: 100%
}
.adventure-control .hearthstone-button {
	position: absolute;
	z-index: 1;
	left: 2%;
	width: 98%;
	display: inline-block;
	box-shadow: none
}
.adventure-control .hearthstone-button__btn {
	display: block
}
@media only screen and (min-width:40em) {
	.adventure-control .hearthstone-button__btn {
		min-height: 32px;
		min-height: 2rem
	}
}
.adventure-control .hearthstone-button__text {
	display: block;
	padding: 0
}
@media only screen and (min-width:40em) {
	.adventure-control .hearthstone-button__text {
		color: #000
	}
}
.adventure-control .hearthstone-button__text:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}
.adventure-control .button__boss-text {
	display: inline-block;
	vertical-align: middle;
	padding-left: 15%;
	width: 97%
}
@media only screen and (min-width:40em) {
	.adventure-control .button__boss-text {
		vertical-align: top;
		display: inline;
		width: auto;
		padding-left: 0
	}
}
@media only screen and (max-width:39.99em) {
	.is-active .adventure-control .hearthstone-button__text {
		color: #250600;
		background-color: #9d8f86;
		background: linear-gradient(180deg, #9d8f86, #d2c4b0 17%, #988c7b)
	}
	.is-active .adventure-control .hearthstone-button__text:hover {
		background-color: #9d8f86;
		background: linear-gradient(180deg, #9d8f86, #efe4d4 17%, #a49a8b)
	}
}
.adventure-control--anub-rekhan:before {
	background-image: url(images/naxxramas/bosses/anub-rekhan-small-3cbd69f57fe50f2814c21fbf2a8bb5b8c8099da3deceae5e39f6be1b67262fd0e9563ad78e87191566fccd3b834a8610a17a7c505f4cbd453303837fa918deab.png)
}
.adventure-control--grand-widow-faerlina:before {
	background-image: url(images/naxxramas/bosses/grand-widow-faerlina-small-f20abb658cc103021abe647109b2f204e7ce2baf450588925e2d7800cabd5a532190609f71ad2f1977b32cdc27f76a48aee0d240760ee0cde6688fafd2114056.png)
}
.adventure-control--maexxna:before {
	background-image: url(images/naxxramas/bosses/maexxna-small-5f390b1031f808f4f71031205ae29d56b2f841ac71cbaada7c784f40113130350d03effc5942db843f335e1c4fdf7cf71c0edefaed01de9e516d83f37c823671.png)
}
.adventure-control--noth:before {
	background-image: url(images/naxxramas/bosses/noth-small-5cbdbcb2d2c8773bb509cc87e3d063f45e7bbf19045a6da7f4d7d3ee7c44c9b5c4a77fb359811e04daf59006b499a2104ade38b676d6a2d96f12b726f2c3c833.png)
}
.adventure-control--heigan:before {
	background-image: url(images/naxxramas/bosses/heigan-small-9678cbc8e7e18defdb44865c37a7b4e89ff4900584fd4896121b40bc6f01e1044f22b95fc97af6dd5f579951e9f13136a745f8ec75fb07156b232c64bbfc85b6.png)
}
.adventure-control--loatheb:before {
	background-image: url(images/naxxramas/bosses/loatheb-small-eca794c17fe2bbe648311d14c61f4d0da09abff0bba711bcdab69d61298b182b34a61916f83e3d97e0a7fa78445bf70186cbb31a09eac2e117418016d168683f.png)
}
.adventure-control--instructor-razuvious:before {
	background-image: url(images/naxxramas/bosses/instructor-razuvious-small-57efea5946da79429bd930826de40811682f3f97f0006bb7573b74b4bc8ab0db0e143421d69bac4031689293c8522e4147704aa202863e54241ac9610cab62f8.png)
}
.adventure-control--gothik:before {
	background-image: url(images/naxxramas/bosses/gothik-small-165ece5bd540283e6f505d84f89d13ebc0e24c0895f24e2472bf61d256f30f9a554e5a9cc8930d22d298de91ba89637cb0b58ff413116c5cf8f33f73702baff3.png)
}
.adventure-control--four-horsemen:before {
	background-image: url(images/naxxramas/bosses/four-horsemen-small-b1c5be9091a7e066ca62e2aa651c141de9e274fcaf485eaddbec7cd596092d8b3ca073afc1d0a9f7b6eab2c47f16972d02890879a91924bffb2948fb85c1dcfc.png)
}
.adventure-control--patchwerk:before {
	background-image: url(images/naxxramas/bosses/patchwerk-small-4528c6b98f6b5293879aea7d4314ade8b11bbf053a8ad477574c9aa525903af38259bf020fba9f89f3f636d38ecceab319a48630df219bc98d2eaedd18fb072e.png)
}
.adventure-control--grobbulus:before {
	background-image: url(images/naxxramas/bosses/grobbulus-small-4b3858b7b46b8d76fc2b8e633e986cb5a3ef6ad685df4dbd4332b0ccce23ae64f9061f0aa8be2e36b2a1a2db382e17e95a1bc25334023208a01d093253f15cec.png)
}
.adventure-control--gluth:before {
	background-image: url(images/naxxramas/bosses/gluth-small-34cdebd1bb531bbf3494680b95fdb1a907d115f2e13a74dad425bc517246296e42c586147b3a988b313d7df3eb1a75bcc87498f05ae8d56c318afb6121cf5f95.png)
}
.adventure-control--thaddius:before {
	background-image: url(images/naxxramas/bosses/thaddius-small-cb2fd14619f5a3a4a2db16fa1684ad9ffb9d1cec29afee138c9b43f21b0ec01a3e76ad3be1af6282633dac1f28969607711cbd54076d78d264773b160e2181ba.png)
}
.adventure-control--sapphiron:before {
	background-image: url(images/naxxramas/bosses/sapphiron-small-b1ee7274598fc482a26c230fa95f39709e6c16fba7ac769026110a4dc5248f8c5e366181ad1655e94bec6f35b7e64e6e3703d387deb24a6a05633310ed8d4c20.png)
}
.adventure-control--kelthuzad:before {
	background-image: url(images/naxxramas/bosses/kelthuzad-small-5717e5cb158fa2eac92fd4d7fc15501d1a56f0f8efc3920d9baa1014fa481b55da7b5127d6ac4f4f928ecc3b6b783bd424a07d968e7779c4a3a519ec0aab212b.png)
}
.naxx-control__inner:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: relative;
	left: -20px;
	margin-top: -4%;
	margin-bottom: -.5%;
	width: 28%;
	padding-top: 32%;
	background-size: cover;
	z-index: 2
}
.adventure-control-text {
	vertical-align: middle;
	font-size: 20px;
	font-size: 1.25rem;
	padding-left: 48px;
	padding-left: 3rem
}
.subheading--unlocks {
	color: #427340;
	font-size: 16px;
	font-size: 1rem;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.ko-kr .subheading--unlocks {
	font-family: NanumMyeongjo Bold
}
.naxxramas-boss__heading {
	line-height: 1.2;
	margin-bottom: 16px;
	margin-bottom: 1rem
}
.th-th .naxxramas-boss__heading {
	line-height: 1.4
}
@media only screen and (min-width:40em) {
	.naxxramas-boss__heading {
		min-height: 2.5em;
		overflow: hidden
	}
}
.naxxramas-power {
	text-align: left
}
.naxxramas-boss {
	white-space: normal;
	padding-top: 16px;
	padding-top: 1rem;
	padding-bottom: 16px;
	padding-bottom: 1rem;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: middle;
	display: none;
	float: none
}
@media only screen and (min-width:40em) {
	.naxxramas-boss {
		display: inline-block;
		overflow: hidden;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}
@media only screen and (min-width:40em) {
	.naxxramas-boss+.naxxramas-boss {
		border-left: 1px solid #d4ba8c
	}
}
.naxxramas-rewards-row {
	clear: both
}
.subheading--naxxramas {
	color: #000;
	background-color: #d9be91;
	background: hsla(38, 49%, 71%, .7);
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	line-height: 1.2;
	position: relative;
	font-size: 22px;
	font-size: 1.4rem;
	text-align: left;
	white-space: normal;
	margin: 0 16px;
	margin: 0 1rem;
	padding: 4px 8px;
	padding: .25rem .5rem
}
.ko-kr .subheading--naxxramas {
	font-family: NanumMyeongjo Bold
}
@media only screen and (min-width:30em) {
	.subheading--naxxramas {
		font-size: 27px;
		font-size: 1.7rem
	}
}
@media only screen and (min-width:60em) {
	.subheading--naxxramas {
		padding-right: 0;
		padding-left: 16px;
		padding-left: 1rem;
		margin: 0
	}
}
.subheading--legendary {
	margin-bottom: 0;
	text-align: center
}
.bosses__heading {
	text-align: left
}
.naxxramas__bd {
	padding: 0 16px;
	padding: 0 1rem;
	margin: auto;
	width: 100%
}
@media only screen and (min-width:40em) {
	.naxxramas-category {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
}
@media only screen and (min-width:60em) {
	.naxxramas-category {
		margin-top: 0
	}
}
.challenge-title {
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700
}
.naxxramas-power__info {
	font-size: .1px;
	text-align: left
}
@media only screen and (min-width:40em) {
	.naxxramas-power__info {
		max-width: none
	}
}
.naxxramas-power__info+.naxxramas-power__info {
	margin-top: 16px;
	margin-top: 1rem
}
.naxxramas-power__icon {
	display: inline-block;
	width: 30%;
	vertical-align: middle;
	max-width: 96px
}
.naxxramas-power__desc {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	font-size: .8125rem;
	padding-left: 16px;
	padding-left: 1rem;
	width: 69%
}
.ko-kr .naxxramas-power__desc {
	font-family: NanumMyeongjo Bold
}
.zh-tw .naxxramas-power__desc {
	font-size: 16px;
	font-size: 1rem
}
.naxxramas-power__desc b {
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	word-wrap: break-word;
	display: inline-block;
	max-width: 100%
}
.ko-kr .naxxramas-power__desc b {
	font-family: NanumMyeongjo Bold
}
.naxxramas-rewards__img {
	width: 230px
}
.naxxramas-legendaries {
	margin: 0 16px;
	margin: 0 1rem;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	text-align: center;
	width: 100%
}
@media only screen and (min-width:40em) {
	.naxxramas-legendaries {
		margin: 0
	}
}
.slider-is-open {
	overflow: hidden
}
@media only screen and (min-width:40em) {
	.slider-is-open {
		overflow: auto
	}
}
.isShowing1 .adventure-rewards-section {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}
.isShowing1 .adventure-rewards-section .naxxramas-boss--1 {
	display: inline-block
}
.isShowing1 .section-hidden-1--sm {
	display: none
}
@media only screen and (min-width:40em) {
	.isShowing1 .section-hidden-1--sm {
		display: block
	}
}
.isShowing2 .adventure-rewards-section {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}
.isShowing2 .adventure-rewards-section .naxxramas-boss--2 {
	display: inline-block
}
.isShowing2 .section-hidden-2--sm {
	display: none
}
@media only screen and (min-width:40em) {
	.isShowing2 .section-hidden-2--sm {
		display: block
	}
}
.isShowing3 .adventure-rewards-section {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}
.isShowing3 .adventure-rewards-section .naxxramas-boss--3 {
	display: inline-block
}
.isShowing3 .section-hidden-3--sm {
	display: none
}
@media only screen and (min-width:40em) {
	.isShowing3 .section-hidden-3--sm {
		display: block
	}
}
.isShowing4 .adventure-rewards-section {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}
.isShowing4 .adventure-rewards-section .naxxramas-boss--4 {
	display: inline-block
}
.isShowing4 .section-hidden-4--sm {
	display: none
}
@media only screen and (min-width:40em) {
	.isShowing4 .section-hidden-4--sm {
		display: block
	}
}
.section--legendary {
	padding-bottom: 48px;
	padding-bottom: 3rem
}
.section--legendary-1 {
	background: url(images/naxxramas/legendary-1-card-glow-63a4626ea32fa85a5f0e46fa3c15e169fc0f71a0fc332cf2ed5e7769e1c7232e30f30711844e9cd3464b2967cc69ad8625a1cd8f7b58669feadde5e666a358ea.png) 50% no-repeat
}
@media only screen and (min-width:60em) {
	.section--legendary-1 {
		background-position: 39%
	}
}
.section--legendary-1-adventure {
	background: url(images/naxxramas/legendary-1-card-glow-63a4626ea32fa85a5f0e46fa3c15e169fc0f71a0fc332cf2ed5e7769e1c7232e30f30711844e9cd3464b2967cc69ad8625a1cd8f7b58669feadde5e666a358ea.png) 54% no-repeat;
	background-size: cover
}
@media only screen and (min-width:60em) {
	.section--legendary-1-adventure {
		background-position: 48%;
		padding-bottom: 3px
	}
}
@media only screen and (min-width:72.5em) {
	.section--legendary-1-adventure {
		background-size: contain
	}
}
.section--legendary-2, .section--legendary-2-adventure, .section--legendary-3-adventure {
	background: url(images/naxxramas/legendary-2-card-glow-e33011f73443efda463ca74d20023fa9d926ab2edd4925cb11fcde6092ca2011d53d4abec89a967e7369c85d3a67030bf4276c1d013bd8dc6c38a80c8d79365a.png) 50% no-repeat
}
@media only screen and (min-width:60em) {
	.section--legendary-2, .section--legendary-2-adventure, .section--legendary-3-adventure {
		background-position: 39%
	}
}
.section--legendary-2 .legendary-img, .section--legendary-2-adventure .legendary-img, .section--legendary-3-adventure .legendary-img {
	width: auto;
	display: block;
	max-height: 350px
}
@media only screen and (min-width:40em) {
	.section--legendary-2 .legendary-img, .section--legendary-2-adventure .legendary-img, .section--legendary-3-adventure .legendary-img {
		display: inline-block;
		max-width: 27%
	}
	.section--legendary-2 .legendary-img+.legendary-img, .section--legendary-2-adventure .legendary-img+.legendary-img, .section--legendary-3-adventure .legendary-img+.legendary-img {
		margin-left: 32px;
		margin-left: 2rem
	}
}
.section--legendary-2-adventure, .section--legendary-3-adventure {
	background-image: none
}
@media only screen and (min-width:40em) {
	.section--legendary-2-adventure, .section--legendary-3-adventure {
		background-image: url(images/naxxramas/legendary-2-card-glow-e33011f73443efda463ca74d20023fa9d926ab2edd4925cb11fcde6092ca2011d53d4abec89a967e7369c85d3a67030bf4276c1d013bd8dc6c38a80c8d79365a.png);
		background-position: 50%
	}
}
.legendary-img {
	margin: 32px auto;
	margin: 2rem auto;
	max-width: 240px;
	width: 100%;
	position: relative;
	left: -10px
}
.goblins-vs-gnomes .page-header-bg-chunk {
	background: url(images/goblins-vs-gnomes/header-bg-small-d5dfe9a613cd45799fec49e8cb76a5c62725e3698d19fd600291c03370bcbc84d8b678d61c40e48a8995de27a9d2d9090725b8c73cfef13e6f81dabde44e6a22.png) 50% no-repeat;
	height: 439px;
	position: absolute;
	top: -37px;
	right: 0;
	left: 0
}
@media only screen and (min-width:40em) {
	.goblins-vs-gnomes .page-header-bg-chunk {
		background-image: url(images/goblins-vs-gnomes/header-bg-med-a6f5298d12ff4e1ab76410634f02065e7e89093ea446bcf08db9a3c4eee3fa935fdb7550de1573c4e6d47a1a0e18f4b8460ee4a94ce646d45e1cca0a03c6b46b.png);
		top: -57px;
		min-height: 0
	}
}
@media only screen and (min-width:72.5em) {
	.goblins-vs-gnomes .page-header-bg-chunk {
		background-image: url(images/goblins-vs-gnomes/header-bg-b1a9f1c24208185e2139b4cdda69d49ba02656d1bf104051cf95b3389077f8b85fec59a0a7c3d8ac4fb0aea04d6f52dcfe70e4af311b47a10da10c4ec4185c13.png)
	}
}
.expansion .page-body>.content-section {
	max-width: none
}
.features-text--experiments {
	text-align: left
}
.features-text--experiments:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -277px 0 no-repeat
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.features-text--experiments:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.features-text--experiments-gnomes:before {
	background-position: -277px 0
}
.features-text--experiments-goblins:before {
	background-position: -348px 0
}
.features-text--experiments-mechs:before {
	background-position: -416px 0
}
.blackrock-mountain .page-header-bg-chunk {
	background: url(images/blackrock-mountain/header-intro-bg-small-12ef4c9d12cc3abe606bdfeafc00146370c75d6d7a6c0a844473cc657f04037b9c767a2918e96be7232a26d0f536a3313a0716c4489f3b0208101a31c533ffa3.png) top no-repeat;
	height: 406px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.blackrock-mountain .page-header-bg-chunk {
		background-image: url(images/blackrock-mountain/header-intro-bg-small@2x-aa7cf90b514e31298e00426307c6cfa9f1f6b0b15fbaf1477a841449575c7423449ff38d8754c4e6829bcf1ab21accd7922c5242917c0858e23e2060ae1911e5.png);
		background-size: cover
	}
}
@media only screen and (min-width:40em) {
	.blackrock-mountain .page-header-bg-chunk {
		background-image: url(images/blackrock-mountain/header-intro-bg-med-4903eb678ef393dc1289a4adaf000a0e0ec9bdf768767ee67af0431cc9a772be4c6112edbb698f806312135d2592c7bf5b42644dcc36f5134d7b474298e8a1a0.png);
		height: 437px;
		top: -47px;
		background-size: auto
	}
}
@media only screen and (min-width:72.5em) {
	.blackrock-mountain .page-header-bg-chunk {
		background-image: url(images/blackrock-mountain/header-intro-bg-779450ca0c8c7edafd7c790d23a15a712cc410d6250b5542a8f612ac3740191168b46f3cd5ea55772673cecf1c432bdc29b5502f6e23a0412ac86eb23ce5a5cc.png)
	}
}
.adventure-sub-logo {
	position: absolute;
	left: 50%;
	bottom: -30px;
	display: block;
	max-width: 90%;
	width: 400px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
@media only screen and (min-width:40em) {
	.adventure-sub-logo {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		position: static;
		max-width: none
	}
}
.adventure-header-container--blackrock-mountain {
	margin-top: -32px;
	margin-top: -2rem
}
@media only screen and (min-width:40em) {
	.adventure-header-container--blackrock-mountain {
		margin-top: 0
	}
}
@media only screen and (min-width:40em) {
	.adventure-sub-logo--blackrock-mountain {
		margin-top: -30px;
		margin-top: -1.9rem
	}
}
@media only screen and (min-width:60em) {
	.blackrock-mountain-dragons {
		position: relative
	}
	.blackrock-mountain-dragons:after {
		content: url(images/blackrock-mountain/whelp-58da4e69bf528548d4807eea546dd27b447b2133d43ab7019765bd1104823ab63a86c5d52543f1329953e4e4538c7def616a3f3f1caba215517ece3a3304bbc3.png);
		position: absolute;
		right: 30px;
		bottom: -80px;
		z-index: 5
	}
}
@media only screen and (min-width:60em) {
	.expansion-video--blackrock-mountain {
		background: url(images/blackrock-mountain/video-bg-e0e88428b02ed341db2de5b5c5f092d854e0e5e4c607b2a5419f5c1031f372460fc716c90d474502a4eb084cf36482438144a898915f87a30aa5dfdb270b41af.jpg) 50% no-repeat
	}
}
.sub-note {
	background: url(images/blackrock-mountain/divider-top-4c8c4721412ad70a4db17e7a48433a4573ad9c1066ed55a5a6ea77662699a249a76a5cf2bb1c7059548045bfe1812a0ae1edd1e3b6445b4f8856360708906242.png) top no-repeat;
	background-size: contain;
	overflow: hidden;
	padding: 16px 16px 16px 78px;
	padding: 1rem 1rem 1rem 78px;
	margin-bottom: 16px;
	margin-bottom: 1rem;
	position: relative
}
.sub-note:after {
	content: "";
	background: url(images/blackrock-mountain/divider-bottom-49ff5776ef7d978b80dd500b5e642a680378d7d88a86e6ccac4fd9827eefecc3c160bde27574391e12351e8685a49e3a38eb5aacbe5ca8627450b6a3eb004c70.png) bottom no-repeat;
	background-size: contain;
	position: absolute;
	height: 8px;
	right: 0;
	bottom: 0;
	left: 0
}
.sub-note:before {
	content: "";
	width: 66px;
	height: 68px;
	margin-left: -78px;
	position: absolute;
	top: 50%;
	margin-top: -33px;
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -140px 0 no-repeat
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.sub-note:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.sub-note p {
	margin-top: 0
}
.tavern-brawl__heading:after {
	content: "";
	position: absolute;
	left: 320px;
	left: 20rem;
	top: 16px;
	top: 1rem;
	width: 44px;
	height: 88px;
	display: inline-block;
	background: url(images/blackrock-mountain/brawl-knife-0d749715c00a21e6b98086ec3b67622892fdc989c1960f40117c70f4ef4635c59ece3fe3bbd666735c9e2f34c9e8a29bc1fa7f6a8bcac33f23b48dcc0e0901b1.png) 50% no-repeat
}
.tavern-brawl__img {
	float: left;
	margin: -16px 32px 0 -16px;
	margin: -1rem 2rem 0 -1rem
}
.adventure-awaits, .into-unknown {
	margin-bottom: 48px;
	margin-bottom: 3rem
}
.adventure--wing .content-section, .blackrock-mountain--wing .content-section {
	max-width: none
}
.adventure-wing-intro {
	padding-bottom: 50px;
	background: url(images/home/divider-bottom-small-6e483f069b401622656b7b8cae61b51928638e67e971796ec0f5c2ede36869217085e67164f4dc163e99016873cc1a2d3a36b3a0ab18823e983b40b39f915bda.jpg) bottom no-repeat
}
@media only screen and (min-width:40em) {
	.adventure-wing-intro {
		background-image: url(images/card-background-bottom-8efa668b8e25c03a174a50570eb1a9ed0364456eda376e4540acf35dd7af502d44d33861bdaf63dc24ee837742edf56e286764562df0b3f6b7b1eafc0055308a.png)
	}
}
.adventure-wing-boss-list {
	margin-top: 32px;
	margin-top: 2rem;
	padding-left: 16px;
	padding-left: 1rem
}
@media only screen and (min-width:40em) {
	.adventure-wing-boss-list {
		margin-top: 0;
		padding-left: 0;
		text-align: center
	}
}
@media only screen and (min-width:40em) {
	.adventure-wing-boss-list__item {
		display: inline-block;
		max-width: 224px;
		max-width: 14rem;
		vertical-align: top;
		width: 30%;
		margin-bottom: 32px;
		margin-bottom: 2rem
	}
	.adventure-wing-boss-list__item~.adventure-wing-boss-list__item {
		margin-left: 3%
	}
}
.adventure-wing-list__break {
	display: none
}
@media only screen and (min-width:40em) {
	.adventure-wing-list__break:nth-last-child(4) {
		display: block
	}
	.adventure-wing-list__break:nth-last-child(4)+.adventure-wing-boss-list__item {
		margin-left: 0
	}
}
@media only screen and (min-width:72.5em) {
	.adventure-wing-list__break:nth-last-child(4) {
		display: none
	}
	.adventure-wing-list__break:nth-last-child(4)+.adventure-wing-boss-list__item {
		margin-left: 3%
	}
}
.slides--adventure {
	margin-top: auto
}
@media only screen and (min-width:40em) {
	.slides--adventure {
		background: url(images/card-background-bottom-8efa668b8e25c03a174a50570eb1a9ed0364456eda376e4540acf35dd7af502d44d33861bdaf63dc24ee837742edf56e286764562df0b3f6b7b1eafc0055308a.png) bottom no-repeat;
		padding-bottom: 15px;
		margin: auto
	}
}
@media only screen and (max-width:39.99em) {
	.slide--adventure-wing {
		transition: none
	}
}
.slide--adventure-wing .header {
	margin: 0
}
@media only screen and (min-width:40em) {
	.slide--adventure-wing .header {
		margin-top: 16px;
		margin-top: 1rem
	}
}
@media only screen and (min-width:40em) {
	.slide--adventure-wing.slide--omnotron-defense-system .header {
		margin-top: 0
	}
}
@media only screen and (min-width:60em) {
	.slide--adventure-wing.slide--omnotron-defense-system .header {
		margin-top: 16px;
		margin-top: 1rem
	}
}
.adventure-control-text--brm {
	vertical-align: middle;
	font-size: 20px;
	font-size: 1.25rem;
	padding-left: 48px;
	padding-left: 3rem
}
@media only screen and (min-width:40em) {
	.adventure-control-text--brm {
		color: #000;
		width: 100%;
		padding: 0;
		padding-bottom: 4px;
		padding-bottom: .25rem;
		margin: 0;
		text-shadow: none;
		font-size: 24px;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.1
	}
}
@media only screen and (min-width:40em) {
	.es-es .adventure-control-text--brm, .es-mx .adventure-control-text--brm, .it-it .adventure-control-text--brm, .pl-pl .adventure-control-text--brm, .pt-br .adventure-control-text--brm, .pt-pt .adventure-control-text--brm {
		line-height: 1.3
	}
}
.reward-container {
	text-align: center
}
@media only screen and (min-width:40em) {
	.reward-container {
		text-align: left;
		float: left
	}
	.reward-container:only-child {
		width: 100%
	}
}
.reward__img {
	margin: 16px auto;
	margin: 1rem auto;
	display: block;
	max-height: 290px
}
@media only screen and (min-width:40em) {
	.reward__img {
		max-height: 205px;
		display: inline-block;
		margin: 0 8px 0 0;
		margin: 0 .5rem 0 0
	}
}
@media only screen and (min-width:50em) {
	.reward__img {
		max-height: 250px
	}
}
@media only screen and (min-width:60em) {
	.reward__img {
		margin-right: 40px;
		margin-right: 2.5rem;
		max-height: 260px
	}
}
@media only screen and (min-width:72.5em) {
	.reward__img {
		max-height: 290px
	}
}
.slide--omnotron-defense-system .reward__img {
	max-height: 250px
}
@media only screen and (min-width:72.5em) {
	.slide--omnotron-defense-system .reward__img {
		max-height: 290px
	}
}
@media only screen and (min-width:40em) {
	.icon-container {
		position: relative
	}
}
.icon--class {
	display: none;
	background: url(images/icons/class-badges-37-8e15c2ca8805d8c4359dfae24170d26f4ecb537c320f6c14e6e894febcbafe26a6b4b6732a1672cc82a1387a0f62769a9efb4edd5b26a92c3dd26d79903120ed.png) 0 0 no-repeat;
	height: 37px;
	width: 38px;
	vertical-align: middle
}
@media only screen and (min-width:40em) {
	.icon--class {
		display: inline-block
	}
	.icon--class:hover+.class-challenge-tooltip {
		display: block;
		opacity: 1
	}
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.icon--class {
		background-image: url(images/icons/class-badges-37@2x-6e4a42e52c261d0b88f1c274b14aa5115506039afb14c63acc358ce233b13a31f66aebf817472b3d0e80b8d7192b570abcda46b4cefb99a82fbe2f11298cfbcf.png);
		background-size: cover
	}
}
@media only screen and (min-width:40em) {
	.icon--warlock {
		background-position: 1px 0
	}
}
@media only screen and (min-width:40em) {
	.icon--priest {
		background-position: -37px 0
	}
}
@media only screen and (min-width:40em) {
	.icon--mage {
		background-position: -75px 0
	}
}
@media only screen and (min-width:40em) {
	.icon--rogue {
		background-position: -113px 0
	}
}
@media only screen and (min-width:40em) {
	.icon--druid {
		background-position: -151px 0
	}
}
@media only screen and (min-width:40em) {
	.icon--paladin {
		background-position: -189px 0
	}
}
@media only screen and (min-width:40em) {
	.icon--hunter {
		background-position: -227px 0
	}
}
@media only screen and (min-width:40em) {
	.icon--shaman {
		background-position: -265px 0
	}
}
@media only screen and (min-width:40em) {
	.icon--warrior {
		background-position: -303px 0
	}
}
.class-challenge-tooltip {
	display: none
}
@media only screen and (min-width:40em) {
	.class-challenge-tooltip {
		position: absolute;
		top: -80px;
		top: -5rem;
		left: 50%;
		min-height: 0;
		padding: 8px 16px;
		padding: .5rem 1rem;
		color: #000;
		-webkit-transform: scale(1) translateX(-50%);
		-ms-transform: scale(1) translateX(-50%);
		transform: scale(1) translateX(-50%);
		white-space: nowrap
	}
	.class-challenge-tooltip.text-balloon.on-bottom.points-straight:before {
		background: url(images/game-guide/ui/text-bubble/bot-arrow-yoimsmallnow-a7b04d39cbf5be9c705efdeebb221bb82867d6b0a098279c708658ca7945b9c8ebe433dd73426a6edd57e9e6870a5fd76fb51fabda8b5c559b436b6773395a1a.png) bottom no-repeat;
		width: 20px;
		height: 18px;
		bottom: -17px;
		margin-left: -10px
	}
}
.heading--adventure {
	color: #000;
	background-color: #d9be91;
	background: hsla(38, 49%, 71%, .7);
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	line-height: 1.2;
	position: relative;
	font-size: 22px;
	font-size: 1.4rem;
	margin: 1.5em 16px 20px;
	margin: 1.5em 1rem 1.25rem
}
.ko-kr .heading--adventure {
	font-family: NanumMyeongjo Bold
}
@media only screen and (min-width:30em) {
	.heading--adventure {
		font-size: 27px;
		font-size: 1.7rem
	}
}
.heading--adventure:before {
	content: "";
	display: inline-block;
	height: 69px;
	width: 69px;
	vertical-align: middle;
	margin: -10px 0 -10px -15px
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.heading--adventure:before {
		background-position: 0 0
	}
}
@media only screen and (min-width:60em) {
	.heading--adventure {
		margin: 24px 0;
		margin: 1.5rem 0
	}
}
.heading--adventure>span {
	vertical-align: middle;
	max-width: 80%;
	padding-left: 16px;
	padding-left: 1rem;
	display: inline-block
}
@media only screen and (min-width:40em) {
	.heading--adventure>span {
		max-width: none
	}
}
@media only screen and (min-width:40em) {
	.heading--adventure {
		padding-left: 0
	}
}
.heading--adventure:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -557px 0 no-repeat
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.heading--adventure:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.heading--adventure-wing {
	color: #000;
	background-color: #d9be91;
	background: hsla(38, 49%, 71%, .7);
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	line-height: 1.2;
	position: relative;
	font-size: 22px;
	font-size: 1.4rem;
	text-align: left;
	white-space: normal;
	margin: 0 16px;
	margin: 0 1rem;
	padding: 4px 8px;
	padding: .25rem .5rem
}
.ko-kr .heading--adventure-wing {
	font-family: NanumMyeongjo Bold
}
@media only screen and (min-width:30em) {
	.heading--adventure-wing {
		font-size: 27px;
		font-size: 1.7rem
	}
}
@media only screen and (min-width:60em) {
	.heading--adventure-wing {
		padding-right: 0;
		padding-left: 16px;
		padding-left: 1rem;
		margin: 0
	}
}
@media only screen and (min-width:40em) {
	.heading--adventure-wing {
		background: none;
		color: #fff;
		min-height: 48px;
		min-height: 3rem;
		padding-left: 0;
		margin: 0 0 12px;
		margin: 0 0 .75rem;
		border-bottom: 1px solid hsla(0, 0%, 100%, .1);
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.7
	}
}
@media only screen and (min-width:60em) {
	.heading--adventure-wing {
		font-size: 20px;
		font-size: 1.25rem;
		font-size: 1.25em
	}
}
@media only screen and (min-width:40em) {
	.slide--omnotron-defense-system .heading--adventure-wing {
		font-size: 17px;
		font-size: 1.1rem
	}
}
@media only screen and (min-width:60em) {
	.slide--omnotron-defense-system .heading--adventure-wing {
		font-size: 20px;
		font-size: 1.25rem
	}
}
@media only screen and (min-width:40em) {
	.heading--adventure-wing__title {
		vertical-align: middle
	}
}
.de-de .heading--adventure-class-challenge .heading--adventure-wing__title, .es-es .heading--adventure-class-challenge .heading--adventure-wing__title, .es-mx .heading--adventure-class-challenge .heading--adventure-wing__title, .pl-pl .heading--adventure-class-challenge .heading--adventure-wing__title, .pt-br .heading--adventure-class-challenge .heading--adventure-wing__title, .pt-pt .heading--adventure-class-challenge .heading--adventure-wing__title {
	font-size: 12px;
	font-size: .75rem
}
@media only screen and (min-width:50em) {
	.de-de .heading--adventure-class-challenge .heading--adventure-wing__title, .es-es .heading--adventure-class-challenge .heading--adventure-wing__title, .es-mx .heading--adventure-class-challenge .heading--adventure-wing__title, .pl-pl .heading--adventure-class-challenge .heading--adventure-wing__title, .pt-br .heading--adventure-class-challenge .heading--adventure-wing__title, .pt-pt .heading--adventure-class-challenge .heading--adventure-wing__title {
		font-size: 18px;
		font-size: 1.125rem
	}
}
@media only screen and (min-width:72.5em) {
	.de-de .heading--adventure-class-challenge .heading--adventure-wing__title, .es-es .heading--adventure-class-challenge .heading--adventure-wing__title, .es-mx .heading--adventure-class-challenge .heading--adventure-wing__title, .pl-pl .heading--adventure-class-challenge .heading--adventure-wing__title, .pt-br .heading--adventure-class-challenge .heading--adventure-wing__title, .pt-pt .heading--adventure-class-challenge .heading--adventure-wing__title {
		font-size: 20px;
		font-size: 1.25rem
	}
}
@media only screen and (min-width:40em) {
	.de-de .heading--brm-intro {
		font-size: 46px;
		font-size: 2.9rem
	}
}
@media only screen and (min-width:40em) {
	.subheading--legendary-brm {
		background: none;
		font-size: 40px;
		font-size: 2.5rem;
		margin-top: 25px;
		margin-top: 1.6rem
	}
}
@media only screen and (min-width:40em) {
	.adventure-control__inner .hearthstone-button, .adventure-control__inner .hearthstone-button__btn, .adventure-control__inner .hearthstone-button__inner {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none;
		position: relative;
		width: auto;
		display: inline-block;
		left: 0
	}
}
.adventure-control__img {
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: relative;
	left: -20px;
	margin-top: -4%;
	margin-bottom: -2%;
	width: 28%;
	background-size: cover;
	z-index: 2;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden
}
@media only screen and (min-width:40em) {
	.adventure-control__img {
		display: block;
		margin: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		margin-bottom: 8px;
		margin-bottom: .5rem;
		cursor: pointer
	}
	.adventure-control__img:after, .adventure-control__img:before {
		content: " ";
		display: block;
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		top: -37px;
		right: -7px;
		bottom: -30px;
		left: -7px;
		opacity: 0;
		margin-left: -4px;
		transition: opacity .3s ease-in-out
	}
	.adventure-control__img:before {
		background-image: url(images/blackrock-mountain/boss-glow-top-69d64209ae6173538405c14eb17cb69f88e41a3dc5f42fe03aef98403b225bc165e65a7da29c109afdfe16bb217cd07d637fae9e11500e2fc5fb1b71d0c7f61b.png);
		z-index: -1
	}
	.adventure-control__img:after {
		background-image: url(images/blackrock-mountain/boss-glow-bottom-82dea3f6fa000338e1b045251683d22ec25b672ef3885e26750d0f43e0dbd2d8fd3525e421604fb7ed3774cef875de635ec67ca8c201b62be317b95960723e39.png);
		z-index: -2
	}
}
.js-slide-element.is-active .adventure-control__img:after, .js-slide-element.is-active .adventure-control__img:before {
	display: block;
	opacity: 1
}
@media only screen and (min-width:40em) {
	.btn--dark__link-brm {
		background: none;
		border: none;
		margin-bottom: 4px;
		margin-bottom: .25rem
	}
	.btn--dark__link-brm:hover {
		background: none
	}
}
.power__icon--blackrock-depths {
	width: 86px;
	height: 95px;
	background-image: url(images/blackrock-mountain/blackrock-depths/boss-powers-4cbbc052af52b7c6270f74aaf369780ef1861eda02c1718482dcc5f41a0101e91a26cd19e5232504592007c9282028422c0a026530e5458a65885e4625bc762c.png)
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.power__icon--blackrock-depths {
		background-image: url(images/blackrock-mountain/blackrock-depths/boss-powers@2x-6bd5a384db843019e44cda4e146c3c899eb11ec6225ce049f192707e80eef845fd0d1b924f848d8694d3dd897db80dd3cd1d621fcedc8b8732bc03581764f2a3.png);
		background-size: auto 92px
	}
}
.power__icon--molten-core {
	width: 86px;
	height: 95px;
	background-image: url(images/blackrock-mountain/molten-core/boss-powers-405dab8ca4b8458cf7bca2f8e964ce12f96e46c1ab8ba63c0d44419236aa01d4f3f47cc917f1c006f9fb711e09d45409432a4b654cf10f07a409838b786dfde5.png)
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.power__icon--molten-core {
		background-image: url(images/blackrock-mountain/molten-core/boss-powers@2x-11456c9a5d859bb2b19953c294dd17c924d56d883cd6e3756dafba3260fd2b4f31d6cc3d156a576c659bd577aaaa042bf726a6cceff5bc2b8f87557dde6158b1.png);
		background-size: auto 92px
	}
}
.power__icon--blackrock-spire {
	width: 86px;
	height: 95px;
	background-image: url(images/blackrock-mountain/blackrock-spire/boss-powers-c8eb730b6ac9e158e74535561615d3ff7ee3d69d66114b8989c43c20bccde8175074282d493b6f112c77befed88004cbd6d6bd1e271923eb496b6068b3643002.png)
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.power__icon--blackrock-spire {
		background-image: url(images/blackrock-mountain/blackrock-spire/boss-powers@2x-5a88e8e69d879f709469607321b16b8b5d9124843183c006bc0f3b1767f688dac0e03b5c8d40b3d420e3b724a509a3bc1810182f4f54739a21cb7c430dd47674.png);
		background-size: auto 92px
	}
}
.power__icon--blackwing-lair {
	width: 86px;
	height: 95px;
	background-image: url(images/blackrock-mountain/blackwing-lair/boss-powers-2f4a08085dc3867af1b05fc86a9d10e7a21922b51286f2481a4a5fa603eaededfaed485ba2950dae30c59a822600a33f0eb4ce55afff4c9eef646747a5d90c39.png)
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.power__icon--blackwing-lair {
		background-image: url(images/blackrock-mountain/blackwing-lair/boss-powers@2x-92508d6132ab2090ed3e027410c5d6d1d8b0ffd9167b9251a51a8b344f59a7aad635aa235228dae65a0cdf67e0f3492485881103c435d68ce159d25c0beb6586.png);
		background-size: auto 92px
	}
}
.power__icon--hidden-laboratory {
	width: 86px;
	height: 95px;
	background-image: url(images/blackrock-mountain/hidden-laboratory/boss-powers-8731b372db1ee05e44a06d089e7bb78c5f5e7588206fc18601f0a7f6fd08c6fd2c9eb63c7363ea6d6c88600bf77cbf264579465713671bff535c466ae9cc4a1e.png)
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.power__icon--hidden-laboratory {
		background-image: url(images/blackrock-mountain/hidden-laboratory/boss-powers@2x-f3667b0d31f66340c7282a9cdc05da9856c5fe11eb72b390de51d1d6c58304a8418a4edc2a9321f18b830007d1ef15e8dd5d797429978c79bf7a611506bb716c.png);
		background-size: auto 92px
	}
}
.power__icon--temple-of-orsis {
	width: 86px;
	height: 95px;
	background-image: url(images/league-of-explorers/temple-of-orsis/boss-powers-69ada624401e6267c8f2be8d7b886fc89cf1adf8e7d339f23adb007d6b57c2782e1bd1d6b59684ac0ada851e1b8e6f11192a3ad853483108a7060f0d0ba362f7.png)
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.power__icon--temple-of-orsis {
		background-image: url(images/league-of-explorers/temple-of-orsis/boss-powers@2x-d935ccad280c607ad6ed5400bdc62d91f9512b97e3d979ae88b9cdb3f6e22469add3e2e3c7caf5e5610facfbca2bc3854b4d02a6786097b754abbe0a6d4a0926.png);
		background-size: auto 92px
	}
}
.power__icon--uldaman {
	width: 86px;
	height: 95px;
	background-image: url(images/league-of-explorers/uldaman/boss-powers-fa60be03977ff4c2c960b56ca70bb90bb39a114e4f174e58ae1b2ad7f7856cec4c48a0fe650faf75ee743c3882f30433aa508e9493187759ac8ae629aa29a2b4.png)
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.power__icon--uldaman {
		background-image: url(images/league-of-explorers/uldaman/boss-powers@2x-6e45c131da278727a4c4c6d5c8239b4acb5797ac9a68b2a4a6cffbe62255ee7e34017f660212babc89cfb7147927384080b200f1bbc66e14e1c8680372bfa9a6.png);
		background-size: auto 92px
	}
}
.power__icon--the-ruined-city {
	width: 86px;
	height: 95px;
	background-image: url(images/league-of-explorers/the-ruined-city/boss-powers-ade259b1c2bf815ec87b5f69e479326dad4ca3863b2efdbcdff8035706c2e9250efddab4de60a525103624010b61be473cb1fd5df05e054c38b0760fc7f19273.png)
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.power__icon--the-ruined-city {
		background-image: url(images/league-of-explorers/the-ruined-city/boss-powers@2x-9ae7d27316929532c81bac228cead0c59ead179bdb29c91fad7bb02565cf941fae107a7db93ff59730b9e81e8ca73aaf0cd9bbc8ccae524a462dcc533281ce13.png);
		background-size: auto 92px
	}
}
.power__icon--hall-of-explorers {
	width: 86px;
	height: 95px;
	background-image: url(images/league-of-explorers/hall-of-explorers/boss-powers-ed40a5795a3835517285e07c376f33b0ede9f99c14ed48283a4f5eb06c992ee30bfb4282548cbcfd2dfb90aa505e49842889a125113f4e9c1127dd74141d6be1.png)
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.power__icon--hall-of-explorers {
		background-image: url(images/league-of-explorers/hall-of-explorers/boss-powers@2x-a684af7cab86d7ce23565d7c317d200cf9ab9e5a6b19ff45d09feccff72489a6c09e3d9a0d824325585118120ce201bddf7e881b3de23a2a73743073667cd394.png);
		background-size: auto 92px
	}
}
.power__icon--the-prologue {
	width: 86px;
	height: 95px;
	background-image: url(images/one-night-in-karazhan/the-prologue/boss-powers-3e4282d15f9eae3da5bdb21b91e748fbcd9234202f9d21f8c8f22de3e213b10976e5f82f8d81ba1af561043c9a774301a5121af9f0683762f12398b264310f02.png)
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.power__icon--the-prologue {
		background-image: url(images/one-night-in-karazhan/the-prologue/boss-powers@2x-f7722a917eb97133100d9ea5d5d71eba52b52decfa3f405a337d3d0addb7b6a2a349ddd583cc76cb54a225d76e02f38ad293ee67bd6f3eb45fd74fbea4e56e31.png);
		background-size: auto 92px
	}
}
.power__icon--the-parlor {
	width: 86px;
	height: 95px;
	background-image: url(images/one-night-in-karazhan/the-parlor/boss-powers-fe6399b8c7bd965a2c47612c74e6575f5a792c91c226699b5a6b9e5cc5b48bb0c7dd6408923c8515898264647c765a31fc094f514551b7a6f5f5c47734a7bbf1.png)
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.power__icon--the-parlor {
		background-image: url(images/one-night-in-karazhan/the-parlor/boss-powers@2x-fe9f172d34a0b8f764f06cc18bb1cb2e0739d274e679d9b6d0c798818e561e4daac35446fb85a6a7d3740f60e46b7ce7976336b4647b792c8005130276da63e4.png);
		background-size: auto 92px
	}
}
.power__icon--the-opera {
	width: 86px;
	height: 95px;
	background-image: url(images/one-night-in-karazhan/the-opera/boss-powers-07fc108e96a819616630ad548c7c39a8faf31f704ee754c2f800bc1d8321ab916c9494a76a4f09b5b6e6cce8f58948981e56605d599644ddacadb08fbd6c6b09.png)
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.power__icon--the-opera {
		background-image: url(images/one-night-in-karazhan/the-opera/boss-powers@2x-c6667ecac7b752cb516706b747f4a85afe92ff6a5007d4b52440e8c5152ebd214380aba3ae8ffdb0c162f5f681819d27dd24c9973d66aeb0873adc1ba9469bf2.png);
		background-size: auto 92px
	}
}
.power__icon--the-menagerie {
	width: 86px;
	height: 95px;
	background-image: url(images/one-night-in-karazhan/the-menagerie/boss-powers-398849d8d18c75bce2c7bf9bd221986c30944d3759bcbd7d7276da8596849bbf53763b1c5ba8afd2d391e0d419aa1653eceb709efb77e0654da15ebf38e45df3.png)
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.power__icon--the-menagerie {
		background-image: url(images/one-night-in-karazhan/the-menagerie/boss-powers@2x-063f4aa8d9097988d3ddcddcecc8932d296d5e84082996c4b2173460baf74eae961968cf1a4ee38eeafcad81345693884ec2006873e401c5faf4b60f62cd4fcc.png);
		background-size: auto 92px
	}
}
.power__icon--the-spire {
	width: 86px;
	height: 95px;
	background-image: url(images/one-night-in-karazhan/the-spire/boss-powers-bbfffee2ad6483d8650f5cc1b4165070c2b141bd8aa236f26f8c1a3955ccd973c158e316c2a368918f9a641a97eb9ce634f3d499614a6eb4e88aec4a25320fc6.png)
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.power__icon--the-spire {
		background-image: url(images/one-night-in-karazhan/the-spire/boss-powers@2x-5fa3b04ef41a43ff0e2021c0085492fc6d9a55eabbca1d5d518296db8c48148ab5d3a6a88121b199b07e05d099008d5b6db3f5c1f861066ba6c0222e0c4f887e.png);
		background-size: auto 92px
	}
}
.power__icon--pile-on {
	background-position: -3px 0
}
.power__icon--jeering-crowd {
	background-position: -91px 0
}
.power__icon--firelord {
	background-position: -179px 0
}
.power__icon--magma-pulse {
	background-position: -3px 0
}
.power__icon--ignite-mana {
	background-position: -91px 0
}
.power__icon--majordomo {
	background-position: -179px 0
}
.power__icon--die-insect {
	background-position: -267px 0
}
.power__icon--me-smash {
	background-position: -3px 0
}
.power__icon--intense-gaze {
	background-position: -91px 0
}
.power__icon--open-the-gates {
	background-position: -179px 0
}
.power__icon--old-horde {
	background-position: -267px 0
}
.power__icon--blackwing {
	background-position: -355px 0
}
.power__icon--dismount {
	background-position: -443px 0
}
.power__icon--the-rookery {
	background-position: -3px 0
}
.power__icon--essence-of-the-red {
	background-position: -91px 0
}
.power__icon--brood-affliction {
	background-position: -179px 0
}
.power__icon--true-form {
	background-position: -267px 0
}
.power__icon--activate-arcanotron {
	background-position: -3px 0
}
.power__icon--activate-toxitron {
	background-position: -91px 0
}
.power__icon--activate-electron {
	background-position: -179px 0
}
.power__icon--activate-magmatron {
	background-position: -267px 0
}
.power__icon--activate {
	background-position: -355px 0
}
.power__icon--alchemist {
	background-position: -443px 0
}
.power__icon--echolocate {
	background-position: -531px 0
}
.power__icon--bone-minions {
	background-position: -619px 0
}
.power__icon--nefarian-strikes {
	background-position: -707px 0
}
.power__icon--djinns-intuition {
	background-position: 3px 0
}
.power__icon--blessings-of-the-sun {
	background-position: -85px 0
}
.power__icon--escape {
	background-position: -173px 0
}
.power__icon--trogg-hate-minions {
	background-position: 3px 0
}
.power__icon--trogg-hate-spells {
	background-position: -85px 0
}
.power__icon--flee-the-mine {
	background-position: -173px 0
}
.power__icon--stonesculpting {
	background-position: -261px 0
}
.power__icon--getting-hungry {
	background-position: 3px 0
}
.power__icon--enraged {
	background-position: -85px 0
}
.power__icon--mrglmrgl-mrgl {
	background-position: -173px 0
}
.power__icon--pearl-of-the-tides {
	background-position: -261px 0
}
.power__icon--ancient-power {
	background-position: 3px 0
}
.power__icon--platemail-armor {
	background-position: -85px 0
}
.power__icon--unstable-portal {
	background-position: -173px 0
}
.power__icon--staff-of-originiation {
	background-position: -261px 0
}
.power__icon--be-our-guest, .power__icon--legion {
	background-position: 3px 0
}
.power__icon--reflections {
	background-position: -85px 0
}
.power__icon--cheat {
	background-position: -173px 0
}
.power__icon--true-love {
	background-position: 3px 0
}
.power__icon--run-away {
	background-position: -85px 0
}
.power__icon--twister {
	background-position: -173px 0
}
.power__icon--gallery-protection {
	background-position: 3px 0
}
.power__icon--manastorm {
	background-position: -85px 0
}
.power__icon--dark-pact {
	background-position: -173px 0
}
.power__icon--ley-lines {
	background-position: 3px 0
}
.power__icon--nether-rage {
	background-position: -85px 0
}
.slide__info--adventure {
	padding-top: 20px;
	padding-top: 1.3rem;
	padding-right: 0
}
@media only screen and (min-width:60em) {
	.slide--omnotron-defense-system .content-container {
		padding: 0 32px;
		padding: 0 2rem
	}
}
@media only screen and (min-width:72.5em) {
	.slide--omnotron-defense-system .content-container {
		padding: 0 80px;
		padding: 0 5rem
	}
}
@media only screen and (min-width:40em) {
	.slide--coren-direbrew .slide__info {
		background-image: url(images/blackrock-mountain/blackrock-depths/coren-direbrew-bg-e65941d08200a180677593067082e1670cfc6c8bc24ae6931c3330100976827a920b302ce734bdf7bf2d7b776449ee119c764a4cac1b4996f2217f7c7f799c89.jpg)
	}
}
.slide--coren-direbrew .slide__desc {
	background-image: url(images/blackrock-mountain/blackrock-depths/coren-direbrew-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--coren-direbrew .slide__desc {
		background: none
	}
}
.slide--coren-direbrew .description:before {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.slide--coren-direbrew .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/blackrock-depths/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--coren-direbrew {
	background-image: url(images/blackrock-mountain/blackrock-depths/coren-direbrew-677e8333e6171f185e7a305b59a3df50a8bcae826066e52e0b59b542a85a63530990904c41a6473ca6d451c98fdfad68a3a80506af1ff374ddfd0489fe6b9ecb.png)
}
.adventure-control--coren-direbrew:before {
	background-image: url(images/blackrock-mountain/blackrock-depths/coren-direbrew-small-03fa94c9e9654e8fcfb40c57548c959efe76b36a495ea3cf5526d938346357d4d8772419d473a3f56026b0a9f88790e8263bfa8b87183dc24355e7ce283ff8e4.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--coren-direbrew:before {
		background-image: url(images/blackrock-mountain/blackrock-depths/coren-direbrew-677e8333e6171f185e7a305b59a3df50a8bcae826066e52e0b59b542a85a63530990904c41a6473ca6d451c98fdfad68a3a80506af1ff374ddfd0489fe6b9ecb.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--emperor-thaurissan .slide__info {
		background-image: url(images/blackrock-mountain/blackrock-depths/emperor-thaurissan-bg-e87a4ac48ddd4c17e5b37a21989ec6d6d871b6d6fc06cc2f04b6f69c4d9266f2b258f57aec500a36c61ed1c79ff0d513c34f0ef1b7eb1fd7be36bf8494758fc7.jpg)
	}
}
.slide--emperor-thaurissan .slide__desc {
	background-image: url(images/blackrock-mountain/blackrock-depths/emperor-thaurissan-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--emperor-thaurissan .slide__desc {
		background: none
	}
}
.slide--emperor-thaurissan .description:before {
	background-position: 12.5% 0
}
@media only screen and (min-width:40em) {
	.slide--emperor-thaurissan .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/blackrock-depths/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--emperor-thaurissan {
	background-image: url(images/blackrock-mountain/blackrock-depths/emperor-thaurissan-08e26933ae5456177e85c162c646f6446dbb6cf17286f22a2710ec784dd76c4e59d55ea15390167f5d7d517633a8b6bfeba47d0b7142b96bd971ebe35dde7553.png)
}
.adventure-control--emperor-thaurissan:before {
	background-image: url(images/blackrock-mountain/blackrock-depths/emperor-thaurissan-small-a0eed024f00d3fb9ce065d248b15cb6e0189bd6d05578cfd42a89aafd1a4cb8a20c0de88a425fe82779f30a596128377bdb1e52a1f7752a31ccd27377933d60a.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--emperor-thaurissan:before {
		background-image: url(images/blackrock-mountain/blackrock-depths/emperor-thaurissan-08e26933ae5456177e85c162c646f6446dbb6cf17286f22a2710ec784dd76c4e59d55ea15390167f5d7d517633a8b6bfeba47d0b7142b96bd971ebe35dde7553.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--high-justice-grimstone .slide__info {
		background-image: url(images/blackrock-mountain/blackrock-depths/high-justice-grimstone-bg-0a6467a5c50ae18f92d441d20b067872d10b89a3ebea61ae2d5ea79a35a437892f4e4612e7f429cefc41d11c467533b75b47c298aaf8b457523b0072502135b9.jpg)
	}
}
.slide--high-justice-grimstone .slide__desc {
	background-image: url(images/blackrock-mountain/blackrock-depths/high-justice-grimstone-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--high-justice-grimstone .slide__desc {
		background: none
	}
}
.slide--high-justice-grimstone .description:before {
	background-position: 25% 0
}
@media only screen and (min-width:40em) {
	.slide--high-justice-grimstone .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/blackrock-depths/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--high-justice-grimstone {
	background-image: url(images/blackrock-mountain/blackrock-depths/high-justice-grimstone-88e22ed27897034d34846bbc8387273c5b0d85c0b0cc2cc54cf35f7b5c0b95622e77ec01cf46f655f587778ff480c8dd8a67f93fc5b4c6ee40ed993fc0fd922a.png)
}
.adventure-control--high-justice-grimstone:before {
	background-image: url(images/blackrock-mountain/blackrock-depths/high-justice-grimstone-small-1662f257cb4293dfbb834f587d170e89c9849d80000db64fa030988399c97de77194fe2669cf96aeee32398e9d7975a4ffc8077254c5190856cab60967ae3483.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--high-justice-grimstone:before {
		background-image: url(images/blackrock-mountain/blackrock-depths/high-justice-grimstone-88e22ed27897034d34846bbc8387273c5b0d85c0b0cc2cc54cf35f7b5c0b95622e77ec01cf46f655f587778ff480c8dd8a67f93fc5b4c6ee40ed993fc0fd922a.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--garr .slide__info {
		background-image: url(images/blackrock-mountain/molten-core/garr-bg-044f057e711bbf6c389cb5c1d43d18b2bbb32cb534710ee8d970aedb1ed7fd2d516b6fc3d9b918f49eef96dc578bb7103332ea62e4a166c9e82ea949bfd87b1e.jpg)
	}
}
.slide--garr .slide__desc {
	background-image: url(images/blackrock-mountain/molten-core/garr-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--garr .slide__desc {
		background: none
	}
}
.slide--garr .description:before {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.slide--garr .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/molten-core/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--garr {
	background-image: url(images/blackrock-mountain/molten-core/garr-6eea174d5b455879258d4199f11d1976172677f68ba24a4e1e3343b1863dda05e4a8f0204fc360832c0179c25dc603a81b2e5144c459387ec39a09055c652f13.png)
}
.adventure-control--garr:before {
	background-image: url(images/blackrock-mountain/molten-core/garr-small-3b384f2b081f6d218b51d27bca9b6867573fea821375bd9685f12a0f3186d763c07425a598bfce086b64c38e7b5495253fa8f228fc1278b58937974043383cca.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--garr:before {
		background-image: url(images/blackrock-mountain/molten-core/garr-6eea174d5b455879258d4199f11d1976172677f68ba24a4e1e3343b1863dda05e4a8f0204fc360832c0179c25dc603a81b2e5144c459387ec39a09055c652f13.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--baron-geddon .slide__info {
		background-image: url(images/blackrock-mountain/molten-core/baron-geddon-bg-bd95d9ad4d39db70db7efd92854a5445a401cd79c60e35eb461209e305efc6c73bc3e7f43f174caccf1c97140db5abe311a91a48b529ba41ffea907705d57ecf.jpg)
	}
}
.slide--baron-geddon .slide__desc {
	background-image: url(images/blackrock-mountain/molten-core/baron-geddon-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--baron-geddon .slide__desc {
		background: none
	}
}
.slide--baron-geddon .description:before {
	background-position: 12.5% 0
}
@media only screen and (min-width:40em) {
	.slide--baron-geddon .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/molten-core/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--baron-geddon {
	background-image: url(images/blackrock-mountain/molten-core/baron-geddon-06f175b09892f6514cb8cd2171403ef224f5cc073ed4f008ff00af6233172277a0b8fa90497c349d87314561eeb1dc067369055f263977c737d5c52e76ac9cd1.png)
}
.adventure-control--baron-geddon:before {
	background-image: url(images/blackrock-mountain/molten-core/baron-geddon-small-9a1f1bc2ea231149aef062e2610858da7c90aadbfd3549e02781883991e491dac3456ef07f169b092a266f2a2bdef4e2f114e7372f6d2c9fa14aec55cbcec2e1.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--baron-geddon:before {
		background-image: url(images/blackrock-mountain/molten-core/baron-geddon-06f175b09892f6514cb8cd2171403ef224f5cc073ed4f008ff00af6233172277a0b8fa90497c349d87314561eeb1dc067369055f263977c737d5c52e76ac9cd1.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--majordomo-executus .slide__info {
		background-image: url(images/blackrock-mountain/molten-core/majordomo-executus-bg-35b6da4d318fd24420dcc3ad761b11da11bbcc1e2c28821aad263d1d41fdb0d1dc03f47dc79fe18aa1ad3a619e1bbeb1cace9edbd606408f81f7818bc3559d3e.jpg)
	}
}
.slide--majordomo-executus .slide__desc {
	background-image: url(images/blackrock-mountain/molten-core/majordomo-executus-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--majordomo-executus .slide__desc {
		background: none
	}
}
.slide--majordomo-executus .description:before {
	background-position: 25% 0
}
@media only screen and (min-width:40em) {
	.slide--majordomo-executus .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/molten-core/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--majordomo-executus {
	background-image: url(images/blackrock-mountain/molten-core/majordomo-executus-dd801ca48212dd7033cbd8728cbcc931a79fcf99df316ba84720c3545af65d99ab591b6a38fcb20306593121ac01f2884d239d04ecec2f724ebc563ae213cab4.png)
}
.adventure-control--majordomo-executus:before {
	background-image: url(images/blackrock-mountain/molten-core/majordomo-executus-small-c926a8ac1e511aa113401379cfca77bd05ccbcff2c42e87952c5af526c810f3416cae89e946646ef30f7aab1fc1a79541180dfb770ac20a302e7df7cbd66af38.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--majordomo-executus:before {
		background-image: url(images/blackrock-mountain/molten-core/majordomo-executus-dd801ca48212dd7033cbd8728cbcc931a79fcf99df316ba84720c3545af65d99ab591b6a38fcb20306593121ac01f2884d239d04ecec2f724ebc563ae213cab4.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--ragnaros-the-firelord .slide__info {
		background-image: url(images/blackrock-mountain/molten-core/ragnaros-the-firelord-bg-8d6a657343e545dd1f2d5ebd9a28be80ace034dad9582c3f5e0225c37ae46de52111e3a0296d32aae314d2c286b9c334c624d9049572a9f169698115cc8ea340.jpg)
	}
}
.slide--ragnaros-the-firelord .slide__desc {
	background-image: url(images/blackrock-mountain/molten-core/ragnaros-the-firelord-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--ragnaros-the-firelord .slide__desc {
		background: none
	}
}
.slide--ragnaros-the-firelord .description:before {
	background-position: 37.5% 0
}
@media only screen and (min-width:40em) {
	.slide--ragnaros-the-firelord .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/molten-core/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--ragnaros-the-firelord {
	background-image: url(images/blackrock-mountain/molten-core/ragnaros-the-firelord-f6cb5256ddc32b23b2c9368eac9b0661097e57d110513b21be8cb092636a35455940f0258a2ba7c3aeca24d426e86c98ba009558ee0c80750e5ae326f6b59921.png)
}
.adventure-control--ragnaros-the-firelord:before {
	background-image: url(images/blackrock-mountain/molten-core/ragnaros-the-firelord-small-f7157921d50f6e8c365363514155ffaba492766a289d49ea7d71975809f5b4a0d2efd2d3a8bfe1aa1e5cfb13c7bb21cbc0b05bd44928364ab885a893ffb09317.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--ragnaros-the-firelord:before {
		background-image: url(images/blackrock-mountain/molten-core/ragnaros-the-firelord-f6cb5256ddc32b23b2c9368eac9b0661097e57d110513b21be8cb092636a35455940f0258a2ba7c3aeca24d426e86c98ba009558ee0c80750e5ae326f6b59921.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--highlord-omokk .slide__info {
		background-image: url(images/blackrock-mountain/blackrock-spire/highlord-omokk-bg-4b4fcbdcd8e13f76e1e971be03b7e10c714e58742de1cc6b488ddb136d4ad3c908612bb42ebfa5003fa589ae03847a74a23678ecd0035162d4a16069b22eaaee.jpg)
	}
}
.slide--highlord-omokk .slide__desc {
	background-image: url(images/blackrock-mountain/blackrock-spire/highlord-omokk-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--highlord-omokk .slide__desc {
		background: none
	}
}
.slide--highlord-omokk .description:before {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.slide--highlord-omokk .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/blackrock-spire/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--highlord-omokk {
	background-image: url(images/blackrock-mountain/blackrock-spire/highlord-omokk-21e9ea839bdd2d04a81e2e7ded62ec15673807949f3d069d37362e99347f70498afac7f498f2fb124dbfeab89f8695173237865d5f3a4eff6409690cd041351f.png)
}
.adventure-control--highlord-omokk:before {
	background-image: url(images/blackrock-mountain/blackrock-spire/highlord-omokk-small-ca7a76403cc4e7efb604a217bd863ae5cd633ebff7a919017f0883bc993e2f533b4b89bf5e5a8ed560c1eddccf9326e274220c84b7a435590b03bb6da7089c32.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--highlord-omokk:before {
		background-image: url(images/blackrock-mountain/blackrock-spire/highlord-omokk-21e9ea839bdd2d04a81e2e7ded62ec15673807949f3d069d37362e99347f70498afac7f498f2fb124dbfeab89f8695173237865d5f3a4eff6409690cd041351f.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--general-drakkisath .slide__info {
		background-image: url(images/blackrock-mountain/blackrock-spire/general-drakkisath-bg-8a2652fd6a9f9f57451189c3d4bd9a0816fffcc9e83987417117b52ae93212d430646861f1964628a94080010d1d93ef8bb01ac61b663bc8921a3636d55ac4d8.jpg)
	}
}
.slide--general-drakkisath .slide__desc {
	background-image: url(images/blackrock-mountain/blackrock-spire/general-drakkisath-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--general-drakkisath .slide__desc {
		background: none
	}
}
.slide--general-drakkisath .description:before {
	background-position: 12.5% 0
}
@media only screen and (min-width:40em) {
	.slide--general-drakkisath .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/blackrock-spire/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--general-drakkisath {
	background-image: url(images/blackrock-mountain/blackrock-spire/general-drakkisath-7ea58db561ffb46811102e96a6e08273705c29bed64cd5d4468823b2cc6cc4cc6090631a176f2fa1801c7c829d301103f2cac36386e3fff92c57107b6c65e280.png)
}
.adventure-control--general-drakkisath:before {
	background-image: url(images/blackrock-mountain/blackrock-spire/general-drakkisath-small-ce86a6f284c86761e17edfcc40630bd6947216acd0b57e3920fd676e7dcf0123c38f53ab9e2cfb4f5604e2c339d43c55807fdc8c435f506427891e9abd0a7f51.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--general-drakkisath:before {
		background-image: url(images/blackrock-mountain/blackrock-spire/general-drakkisath-7ea58db561ffb46811102e96a6e08273705c29bed64cd5d4468823b2cc6cc4cc6090631a176f2fa1801c7c829d301103f2cac36386e3fff92c57107b6c65e280.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--rend-blackhand .slide__info {
		background-image: url(images/blackrock-mountain/blackrock-spire/rend-blackhand-bg-4d871619e80c85c691eceba8e670e18f075d27b4a0d1b1ee3298a8b92dbf76aeafde4a81df20b19b2eef2b0bdbcc8197a24c2adb4f2f2394241d5f94b8377757.jpg)
	}
}
.slide--rend-blackhand .slide__desc {
	background-image: url(images/blackrock-mountain/blackrock-spire/rend-blackhand-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--rend-blackhand .slide__desc {
		background: none
	}
}
.slide--rend-blackhand .description:before {
	background-position: 25% 0
}
@media only screen and (min-width:40em) {
	.slide--rend-blackhand .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/blackrock-spire/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--rend-blackhand {
	background-image: url(images/blackrock-mountain/blackrock-spire/rend-blackhand-dca825edc3e74d7abe43ab18c0c4ad22fd4748e3dabb19afaf88477fe21ce26eb02aa8f9b9ece30b42f12dd05678ba354542c75e8b881bff446bf6cce58dacc3.png)
}
.adventure-control--rend-blackhand:before {
	background-image: url(images/blackrock-mountain/blackrock-spire/rend-blackhand-small-d8c8b133d66aef55b8f965568433cc2e34919b696187a2c6b0fcaf4be84e13b1a4e239a0c59046413c95d00c2d878fea8920ba6242bd4975c84e9a5375e28612.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--rend-blackhand:before {
		background-image: url(images/blackrock-mountain/blackrock-spire/rend-blackhand-dca825edc3e74d7abe43ab18c0c4ad22fd4748e3dabb19afaf88477fe21ce26eb02aa8f9b9ece30b42f12dd05678ba354542c75e8b881bff446bf6cce58dacc3.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--razorgore .slide__info {
		background-image: url(images/blackrock-mountain/blackwing-lair/razorgore-bg-56b3731dd9f951560d46a583a9663e28f45ce13c759f181fb5e3e54cf5c8709abbefdaefdc1c9f4ab5ca00145b75b41e3e24ad3929f2be031b35074bbc233fb3.jpg)
	}
}
.slide--razorgore .slide__desc {
	background-image: url(images/blackrock-mountain/blackwing-lair/razorgore-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--razorgore .slide__desc {
		background: none
	}
}
.slide--razorgore .description:before {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.slide--razorgore .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/blackwing-lair/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--razorgore {
	background-image: url(images/blackrock-mountain/blackwing-lair/razorgore-818bb3c0fe8a9d00f568b1d9a171be8ecb68c48849fbafe91dd51df67453d2e99176809a64a7a6a3193db29f636f29561cd2dc88bf2a908fc10ac400d0b8b675.png)
}
.adventure-control--razorgore:before {
	background-image: url(images/blackrock-mountain/blackwing-lair/razorgore-small-52b87632e4e75cfa99a6da70d4d97224e23bbd422b7b3109a38bb3771150aceff7d4e8f8df476d9a4df45cba0ab7498f722d458455499553b83243b6e639f129.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--razorgore:before {
		background-image: url(images/blackrock-mountain/blackwing-lair/razorgore-818bb3c0fe8a9d00f568b1d9a171be8ecb68c48849fbafe91dd51df67453d2e99176809a64a7a6a3193db29f636f29561cd2dc88bf2a908fc10ac400d0b8b675.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--vaelastrasz .slide__info {
		background-image: url(images/blackrock-mountain/blackwing-lair/vaelastrasz-bg-9752cb10ca994f160b8b8693d63371796b4376670e76266848e47c766859e395338323c5c6f77bfe4207c38472ba2a584a892b26a54a2c606925cfc791e8cd8e.jpg)
	}
}
.slide--vaelastrasz .slide__desc {
	background-image: url(images/blackrock-mountain/blackwing-lair/vaelastrasz-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--vaelastrasz .slide__desc {
		background: none
	}
}
.slide--vaelastrasz .description:before {
	background-position: 12.5% 0
}
@media only screen and (min-width:40em) {
	.slide--vaelastrasz .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/blackwing-lair/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--vaelastrasz {
	background-image: url(images/blackrock-mountain/blackwing-lair/vaelastrasz-9c56ee8c324352c9acd4dabf708694f5fe50ecbb7f64369541852950496f67ac9b8afec789d7963c45023f649418223ede6f4a3a1e50357c9204fc989bd088db.png)
}
.adventure-control--vaelastrasz:before {
	background-image: url(images/blackrock-mountain/blackwing-lair/vaelastrasz-small-468eeae6138ea15738c4c3191824d0c93275f39915110aea39153362a30e00d723fde32c138bfed89c8b493bf86bd3721d7c918e65db1610d4aae4f1265f738d.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--vaelastrasz:before {
		background-image: url(images/blackrock-mountain/blackwing-lair/vaelastrasz-9c56ee8c324352c9acd4dabf708694f5fe50ecbb7f64369541852950496f67ac9b8afec789d7963c45023f649418223ede6f4a3a1e50357c9204fc989bd088db.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--chromaggus .slide__info {
		background-image: url(images/blackrock-mountain/blackwing-lair/chromaggus-bg-2f73d68475b97c2e5f38689d6f84f85128db53e079148f0bb3f0fbafc5316404f22eeec3ed951d25777bd0a38910713411068002fca10bdbd3e7afe73536c893.jpg)
	}
}
.slide--chromaggus .slide__desc {
	background-image: url(images/blackrock-mountain/blackwing-lair/chromaggus-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--chromaggus .slide__desc {
		background: none
	}
}
.slide--chromaggus .description:before {
	background-position: 25% 0
}
@media only screen and (min-width:40em) {
	.slide--chromaggus .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/blackwing-lair/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--chromaggus {
	background-image: url(images/blackrock-mountain/blackwing-lair/chromaggus-ab69192a38a7c4f81c54b14413e42324aefabc73b55183d27ffc0af7136f6c2d277b6b59fcea8a3b0ac9f36771bbb4bfa70ebc7af80ecea61e973af5814be388.png)
}
.adventure-control--chromaggus:before {
	background-image: url(images/blackrock-mountain/blackwing-lair/chromaggus-small-9e82938f472998e40c08809989e3c4e3733fe8104ced1ddd7c58f163c12cffddc1e0a3c836dce10f42f5529e82b385db81eb279c71d7c9687f387a5ee47e72e2.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--chromaggus:before {
		background-image: url(images/blackrock-mountain/blackwing-lair/chromaggus-ab69192a38a7c4f81c54b14413e42324aefabc73b55183d27ffc0af7136f6c2d277b6b59fcea8a3b0ac9f36771bbb4bfa70ebc7af80ecea61e973af5814be388.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--lord-victor-nefarius .slide__info {
		background-image: url(images/blackrock-mountain/blackwing-lair/lord-victor-nefarius-bg-b15d73a2a74bf9ff6628613fe849c876b7eaa1f8f061a351d4db39ca956d9cc3cf0a04ebcab2a041c60a369ed7969076a885d7321a0394df1aa6d054004f1ca3.jpg)
	}
}
.slide--lord-victor-nefarius .slide__desc {
	background-image: url(images/blackrock-mountain/blackwing-lair/lord-victor-nefarius-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--lord-victor-nefarius .slide__desc {
		background: none
	}
}
.slide--lord-victor-nefarius .description:before {
	background-position: 37.5% 0
}
@media only screen and (min-width:40em) {
	.slide--lord-victor-nefarius .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/blackwing-lair/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--lord-victor-nefarius {
	background-image: url(images/blackrock-mountain/blackwing-lair/lord-victor-nefarius-c12706b0f3467e92150893688564d770a4d25fd842bcbaebef1de555b5069bb8e5f7e90b0c0b3780c7d61f06ead2163005fe1b2d60e73b5258d145bf2ace8f43.png)
}
.adventure-control--lord-victor-nefarius:before {
	background-image: url(images/blackrock-mountain/blackwing-lair/lord-victor-nefarius-small-4a11386784e4c2c02031ff8885f65c3eab54d386e4549e03cfd57e361afb8581e42005ed109b2f7e65a78897b5f0e74b36d085812925f34cc784d5bd5e9b8b6f.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--lord-victor-nefarius:before {
		background-image: url(images/blackrock-mountain/blackwing-lair/lord-victor-nefarius-c12706b0f3467e92150893688564d770a4d25fd842bcbaebef1de555b5069bb8e5f7e90b0c0b3780c7d61f06ead2163005fe1b2d60e73b5258d145bf2ace8f43.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--omnotron-defense-system .slide__info {
		background-image: url(images/blackrock-mountain/hidden-laboratory/omnotron-defense-system-bg-cd0dd59b2253221fb9599a7f495db17bb324899470d78f49cb202ca8228c26548d68cb4aca37cc4c727f5d49fd40a219ebb11970986167e9ab50d41ff2192feb.jpg)
	}
}
.slide--omnotron-defense-system .slide__desc {
	background-image: url(images/blackrock-mountain/hidden-laboratory/omnotron-defense-system-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--omnotron-defense-system .slide__desc {
		background: none
	}
}
.slide--omnotron-defense-system .description:before {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.slide--omnotron-defense-system .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/hidden-laboratory/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--omnotron-defense-system {
	background-image: url(images/blackrock-mountain/hidden-laboratory/omnotron-defense-system-b29480044476492fadb24dd8e12573ae94a5134db0d90da37efcfc24b60b74f18f4a0334e8b3e127d90d014b5582da2f3be6c7d38579435a67754e833f137fd9.png)
}
.adventure-control--omnotron-defense-system:before {
	background-image: url(images/blackrock-mountain/hidden-laboratory/omnotron-defense-system-small-e0776e6a9f0b0eaa9a8f514fdb8fadd3c131623e330a4016b1f1dc7e544e44ce3c9dc9d1429600ec821bc3cb046fceb64e5750085dddbac50b63750b03f087df.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--omnotron-defense-system:before {
		background-image: url(images/blackrock-mountain/hidden-laboratory/omnotron-defense-system-b29480044476492fadb24dd8e12573ae94a5134db0d90da37efcfc24b60b74f18f4a0334e8b3e127d90d014b5582da2f3be6c7d38579435a67754e833f137fd9.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--maloriak .slide__info {
		background-image: url(images/blackrock-mountain/hidden-laboratory/maloriak-bg-8733dd12ef35ae32bd24febfbea9b77a3343c5f553aa4e058b66b2d6edcc6f0d4f67bf01ad54818b40164d2af4f39bea4622c21df36800ef0ab820054c90ef6c.jpg)
	}
}
.slide--maloriak .slide__desc {
	background-image: url(images/blackrock-mountain/hidden-laboratory/maloriak-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--maloriak .slide__desc {
		background: none
	}
}
.slide--maloriak .description:before {
	background-position: 12.5% 0
}
@media only screen and (min-width:40em) {
	.slide--maloriak .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/hidden-laboratory/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--maloriak {
	background-image: url(images/blackrock-mountain/hidden-laboratory/maloriak-703ab94ab9f3c3d38d1fe9ef37b8f820c7256a48e860baa0ac124d298c5d7465c540a8034b929cad334b2b05361321edb1bbc1cb1a5dbed4c6edbbe0f8a8412e.png)
}
.adventure-control--maloriak:before {
	background-image: url(images/blackrock-mountain/hidden-laboratory/maloriak-small-102079c462e8e8615c251180fadf9ee6edef003847a7b924b68f2d9ba3adfdfa126cfd44c616b4b0047fdf7c6dec0d4a8d8998f9f22f1929b491dc1cfccddd00.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--maloriak:before {
		background-image: url(images/blackrock-mountain/hidden-laboratory/maloriak-703ab94ab9f3c3d38d1fe9ef37b8f820c7256a48e860baa0ac124d298c5d7465c540a8034b929cad334b2b05361321edb1bbc1cb1a5dbed4c6edbbe0f8a8412e.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--atramedes .slide__info {
		background-image: url(images/blackrock-mountain/hidden-laboratory/atramedes-bg-c4b39ce26152e9c376ac5a2d6748ce741bae5a8bc41011d7ca47d5699ad63811835cf292bb609c2a5c8f2226de425dfa86ab56cbece5796361c9d8d4e95c3e3b.jpg)
	}
}
.slide--atramedes .slide__desc {
	background-image: url(images/blackrock-mountain/hidden-laboratory/atramedes-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--atramedes .slide__desc {
		background: none
	}
}
.slide--atramedes .description:before {
	background-position: 25% 0
}
@media only screen and (min-width:40em) {
	.slide--atramedes .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/hidden-laboratory/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--atramedes {
	background-image: url(images/blackrock-mountain/hidden-laboratory/atramedes-156e404b85cc6db7f050340ae520a8845d3a2c42cc0920be4635bb885eedab35933f4f531774347a5ad54530a06f36f40b4eaaf7f90079bd5daf288fa7c9e9d4.png)
}
.adventure-control--atramedes:before {
	background-image: url(images/blackrock-mountain/hidden-laboratory/atramedes-small-403d36cce22b35f51295cf85630fc8d7a71ebeb97c2c0acc14ffbad5d84b3aaf9fe32ddc0ec40495f559729254d9ad12644fa62d99ca8a2f71b8ccfebb815aa5.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--atramedes:before {
		background-image: url(images/blackrock-mountain/hidden-laboratory/atramedes-156e404b85cc6db7f050340ae520a8845d3a2c42cc0920be4635bb885eedab35933f4f531774347a5ad54530a06f36f40b4eaaf7f90079bd5daf288fa7c9e9d4.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--nefarian .slide__info {
		background-image: url(images/blackrock-mountain/hidden-laboratory/nefarian-bg-264dfd0bd82140d86dc949d4c8f4e42538a674d19762dbaa23e76518c175d4cb37fb2c9ff55c54170596a8cfa78115fd481271ea6b771b604bc6873f98879758.jpg)
	}
}
.slide--nefarian .slide__desc {
	background-image: url(images/blackrock-mountain/hidden-laboratory/nefarian-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--nefarian .slide__desc {
		background: none
	}
}
.slide--nefarian .description:before {
	background-position: 37.5% 0
}
@media only screen and (min-width:40em) {
	.slide--nefarian .hero-slide-thumbnail__link {
		background-image: url(images/blackrock-mountain/hidden-laboratory/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--nefarian {
	background-image: url(images/blackrock-mountain/hidden-laboratory/nefarian-44a6c418b22789b81131cbaf24f7c9eac2d3c4c4f9cfa9a0d56367eb3ebe4c9443318285050489bec9debc3cde5964c590aaab493803c046ffdbad379f316640.png)
}
.adventure-control--nefarian:before {
	background-image: url(images/blackrock-mountain/hidden-laboratory/nefarian-small-c67bed3f83c1a853aa62e89e69d61356f638354ef1983a7a0aba162bb87388e58c52a16fb7cfc6303696028e113643d8236353d2054ca73ca2b9f507349dd14b.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--nefarian:before {
		background-image: url(images/blackrock-mountain/hidden-laboratory/nefarian-44a6c418b22789b81131cbaf24f7c9eac2d3c4c4f9cfa9a0d56367eb3ebe4c9443318285050489bec9debc3cde5964c590aaab493803c046ffdbad379f316640.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--zinaar .slide__info {
		background-image: url(images/league-of-explorers/temple-of-orsis/zinaar-bg-c68b4b823ec7e21963553ee0145ed154a7abfbfb48fd13dd3c54fcda82dc5430c55c9c4f1d7e304513cf13ac053b3ab195f18adca4b72a6efad57bd57d88cabe.jpg)
	}
}
.slide--zinaar .slide__desc {
	background-image: url(images/league-of-explorers/temple-of-orsis/zinaar-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--zinaar .slide__desc {
		background: none
	}
}
.slide--zinaar .description:before {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.slide--zinaar .hero-slide-thumbnail__link {
		background-image: url(images/league-of-explorers/temple-of-orsis/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--zinaar {
	background-image: url(images/league-of-explorers/temple-of-orsis/zinaar-470706c6c233aefd7f1f60cdc2fa2704d41ebfbde7941ba62dfad05e34da2c9e3076c61a923c614141e27e645957ffd5f1d9e24d5ea0252189067aa5b3f6f792.png)
}
.adventure-control--zinaar:before {
	background-image: url(images/league-of-explorers/temple-of-orsis/zinaar-small-4cc830a50c2a300dbeb52abd09b88fbd3ae13cfa0dd87b048b3ddc4e55e55cc983a54a0952d72bf28e615d8f6f4abcc5e159f289ee8a00414d1ad74d4b39f92f.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--zinaar:before {
		background-image: url(images/league-of-explorers/temple-of-orsis/zinaar-470706c6c233aefd7f1f60cdc2fa2704d41ebfbde7941ba62dfad05e34da2c9e3076c61a923c614141e27e645957ffd5f1d9e24d5ea0252189067aa5b3f6f792.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--sun-raider-phaerix .slide__info {
		background-image: url(images/league-of-explorers/temple-of-orsis/sun-raider-phaerix-bg-2001d21b53937d80a932fc67868db73c60bdc3050bf747a3b3a47239a1c28c05ffbd68112ea8499e301d4d739d014e49f95811fa5ffdf8e3148018ba99b159d3.jpg)
	}
}
.slide--sun-raider-phaerix .slide__desc {
	background-image: url(images/league-of-explorers/temple-of-orsis/sun-raider-phaerix-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--sun-raider-phaerix .slide__desc {
		background: none
	}
}
.slide--sun-raider-phaerix .description:before {
	background-position: 12.5% 0
}
@media only screen and (min-width:40em) {
	.slide--sun-raider-phaerix .hero-slide-thumbnail__link {
		background-image: url(images/league-of-explorers/temple-of-orsis/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--sun-raider-phaerix {
	background-image: url(images/league-of-explorers/temple-of-orsis/sun-raider-phaerix-9f1bd764fac0e7afa245d275b08a2b80f10ca3daa9583247a72259196e7e188befb3a64d61b9dae3dd59b563d6d90bc9ed7885ca05954a72324e7b2225429f45.png)
}
.adventure-control--sun-raider-phaerix:before {
	background-image: url(images/league-of-explorers/temple-of-orsis/sun-raider-phaerix-small-a6ddb245a459cd89615730ab9a5b13f6d32e215e155ebc5ec054b0f89951bdc460fcbbd37ee6ea7f484f5ce48850918a6c8e5a767be2b7732c1deebbba3dfd1c.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--sun-raider-phaerix:before {
		background-image: url(images/league-of-explorers/temple-of-orsis/sun-raider-phaerix-9f1bd764fac0e7afa245d275b08a2b80f10ca3daa9583247a72259196e7e188befb3a64d61b9dae3dd59b563d6d90bc9ed7885ca05954a72324e7b2225429f45.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--temple-escape .slide__info {
		background-image: url(images/league-of-explorers/temple-of-orsis/temple-escape-bg-695f34aab57479a3224998911cae7f0e2c51ba513b165a54f881b3186d67ea40be342d755c7bf7e275c5a3c8ef8ee8384690050850874d900f5f5a3240541148.jpg)
	}
}
.slide--temple-escape .slide__desc {
	background-image: url(images/league-of-explorers/temple-of-orsis/temple-escape-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--temple-escape .slide__desc {
		background: none
	}
}
.slide--temple-escape .description:before {
	background-position: 25% 0
}
@media only screen and (min-width:40em) {
	.slide--temple-escape .hero-slide-thumbnail__link {
		background-image: url(images/league-of-explorers/temple-of-orsis/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--temple-escape {
	background-image: url(images/league-of-explorers/temple-of-orsis/temple-escape-43476f45a5085bc7be4ca9bc80ec6294531ee25403a613bb5ae00395d358f925b1157be201fe3f1f7899ec3ea1190b56d8e1f896a2b08e2f5c1b75531a50d6c5.png)
}
.adventure-control--temple-escape:before {
	background-image: url(images/league-of-explorers/temple-of-orsis/temple-escape-small-ff336f5762c9c4ea6ecffafda75d54c83c1c15283de58e46c4d52e4aaad31a48d640c46e972333979a703d40265233037c546ef1da3f3f1384b17a80536b2188.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--temple-escape:before {
		background-image: url(images/league-of-explorers/temple-of-orsis/temple-escape-43476f45a5085bc7be4ca9bc80ec6294531ee25403a613bb5ae00395d358f925b1157be201fe3f1f7899ec3ea1190b56d8e1f896a2b08e2f5c1b75531a50d6c5.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--chieftain-scarvash .slide__info {
		background-image: url(images/league-of-explorers/uldaman/chieftain-scarvash-bg-77cc9c50729227e95218646f14bbd065d0dd72fb008bdbadc266dcab122463d4f4777864c08e11d8c9613dcabe36ddd33135529d98f19d22942f1f58be86e1f8.jpg)
	}
}
.slide--chieftain-scarvash .slide__desc {
	background-image: url(images/league-of-explorers/uldaman/chieftain-scarvash-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--chieftain-scarvash .slide__desc {
		background: none
	}
}
.slide--chieftain-scarvash .description:before {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.slide--chieftain-scarvash .hero-slide-thumbnail__link {
		background-image: url(images/league-of-explorers/uldaman/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--chieftain-scarvash {
	background-image: url(images/league-of-explorers/uldaman/chieftain-scarvash-51903fffd85da61091c5f169dfca02114b5a6165ab94168c947cc6b04129a6dd27c8f7f250fc386196558063680f682abb90b3fff955ebfa2032f9ebc159ff24.png)
}
.adventure-control--chieftain-scarvash:before {
	background-image: url(images/league-of-explorers/uldaman/chieftain-scarvash-small-a9a403e79d1e449fe73562ef5a2ad87e97c582ea1aec811521f348244ee277b3c66dc3051307928901109ef6ed2309db4f2bdff987ac8f434e8d2249634271c3.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--chieftain-scarvash:before {
		background-image: url(images/league-of-explorers/uldaman/chieftain-scarvash-51903fffd85da61091c5f169dfca02114b5a6165ab94168c947cc6b04129a6dd27c8f7f250fc386196558063680f682abb90b3fff955ebfa2032f9ebc159ff24.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--mine-cart .slide__info {
		background-image: url(images/league-of-explorers/uldaman/mine-cart-bg-6607a06e79e28d7275a2fe3b9784bd28d757cf23b2db3b4be8818d29220e2ec989a5cd540ee2374699d4d8116baffdd30f6e9b81ef471a860cbe58f6d94d3f10.jpg)
	}
}
.slide--mine-cart .slide__desc {
	background-image: url(images/league-of-explorers/uldaman/mine-cart-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--mine-cart .slide__desc {
		background: none
	}
}
.slide--mine-cart .description:before {
	background-position: 12.5% 0
}
@media only screen and (min-width:40em) {
	.slide--mine-cart .hero-slide-thumbnail__link {
		background-image: url(images/league-of-explorers/uldaman/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--mine-cart {
	background-image: url(images/league-of-explorers/uldaman/mine-cart-456b07fc402eb0f369b052c8965af4834206f5de7c1019f6ddfe32fbf9fea5f81467d8fa7d5622ce74838ea1e3ad97e0fad44e4b27ba009b8d02270a8431357e.png)
}
.adventure-control--mine-cart:before {
	background-image: url(images/league-of-explorers/uldaman/mine-cart-small-3fb911e5b8d3e3e5521a0a33600fb4a9be7ff4295fb139d27922a9bd8d8869ea9d3ce6c41315a6b6caed8f2b38e98d3d21df862b5b365c5c98abdd0e37f33d0f.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--mine-cart:before {
		background-image: url(images/league-of-explorers/uldaman/mine-cart-456b07fc402eb0f369b052c8965af4834206f5de7c1019f6ddfe32fbf9fea5f81467d8fa7d5622ce74838ea1e3ad97e0fad44e4b27ba009b8d02270a8431357e.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--archaedas .slide__info {
		background-image: url(images/league-of-explorers/uldaman/archaedas-bg-40d72b5b66bfe3c80675b2bff9bd693f7b48e29a9f077a3c881e586739182023e5147a1f9b029475f757f299527c70f582f1dad62799d641a72454283f4e6c41.jpg)
	}
}
.slide--archaedas .slide__desc {
	background-image: url(images/league-of-explorers/uldaman/archaedas-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--archaedas .slide__desc {
		background: none
	}
}
.slide--archaedas .description:before {
	background-position: 25% 0
}
@media only screen and (min-width:40em) {
	.slide--archaedas .hero-slide-thumbnail__link {
		background-image: url(images/league-of-explorers/uldaman/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--archaedas {
	background-image: url(images/league-of-explorers/uldaman/archaedas-e7574c56d1eddae1869f36676cc2d12f911da83e813f201d17f69afab028d34dffbd84765d8969b973a1a3a9b4fadc497237a750fda278bf18f09918ebf8b1d4.png)
}
.adventure-control--archaedas:before {
	background-image: url(images/league-of-explorers/uldaman/archaedas-small-cd4b6e29c9abc84ffedb8a280c851c5d05933e3ffcc25241cf8c5fa0f1ca6533881826f6f9020e2e4265621d1380336f221dbdd87f2b8d3a3202a18fecaf3122.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--archaedas:before {
		background-image: url(images/league-of-explorers/uldaman/archaedas-e7574c56d1eddae1869f36676cc2d12f911da83e813f201d17f69afab028d34dffbd84765d8969b973a1a3a9b4fadc497237a750fda278bf18f09918ebf8b1d4.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--lord-slitherspear .slide__info {
		background-image: url(images/league-of-explorers/the-ruined-city/lord-slitherspear-bg-de2563eecf22002be61ead7e1885133d4f5af7baa425386b5385024cdd908762cca573112ceface2f07f2e3c29ca1fbc04f6767d432285af93cd01ddda5be76c.jpg)
	}
}
.slide--lord-slitherspear .slide__desc {
	background-image: url(images/league-of-explorers/the-ruined-city/lord-slitherspear-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--lord-slitherspear .slide__desc {
		background: none
	}
}
.slide--lord-slitherspear .description:before {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.slide--lord-slitherspear .hero-slide-thumbnail__link {
		background-image: url(images/league-of-explorers/the-ruined-city/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--lord-slitherspear {
	background-image: url(images/league-of-explorers/the-ruined-city/lord-slitherspear-032e4ac8d8dff9785c1e55d42f0c7e8a77dd1753e4d2d019260f4612ebf4128f2046b418ae8c72555f3d8c10f3e43fb170c12ee0d2a4d156abe0c546dbdf8a1d.png)
}
.adventure-control--lord-slitherspear:before {
	background-image: url(images/league-of-explorers/the-ruined-city/lord-slitherspear-small-f4b728770957dd137ae5a125266418c16a6b5c9531c763b9a1d97fa5391ece5baab0dbe536206e1052e8585a15ce72933242bf9ab6a772958c1dfe63f209149e.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--lord-slitherspear:before {
		background-image: url(images/league-of-explorers/the-ruined-city/lord-slitherspear-032e4ac8d8dff9785c1e55d42f0c7e8a77dd1753e4d2d019260f4612ebf4128f2046b418ae8c72555f3d8c10f3e43fb170c12ee0d2a4d156abe0c546dbdf8a1d.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--giantfin .slide__info {
		background-image: url(images/league-of-explorers/the-ruined-city/giantfin-bg-ffae8141aa8fef2898de33288a6046713ff09bc75c1b9a0919c4886233948503bd3ed3f0cfb598c8723e86ecea4f48fecc78d888f37fcfb031d0c33d0ffa4f68.jpg)
	}
}
.slide--giantfin .slide__desc {
	background-image: url(images/league-of-explorers/the-ruined-city/giantfin-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--giantfin .slide__desc {
		background: none
	}
}
.slide--giantfin .description:before {
	background-position: 12.5% 0
}
@media only screen and (min-width:40em) {
	.slide--giantfin .hero-slide-thumbnail__link {
		background-image: url(images/league-of-explorers/the-ruined-city/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--giantfin {
	background-image: url(images/league-of-explorers/the-ruined-city/giantfin-97435aee397d2b8d77e402a303b80d416cfde99be99e7f6934e8e0f505a314d8c51f8c84202a49cca5d5dff7ff8fd7e8ed103b5a3e7f58455f37970620c1a57c.png)
}
.adventure-control--giantfin:before {
	background-image: url(images/league-of-explorers/the-ruined-city/giantfin-small-19846aa75f1dd5c2c9f99f55c423c38b918636709fca4a925d96b39600185043da4f2c2b3b20f39d2e648384ab46d24710fd11f9328f324c359b6c3079a2efb3.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--giantfin:before {
		background-image: url(images/league-of-explorers/the-ruined-city/giantfin-97435aee397d2b8d77e402a303b80d416cfde99be99e7f6934e8e0f505a314d8c51f8c84202a49cca5d5dff7ff8fd7e8ed103b5a3e7f58455f37970620c1a57c.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--lady-nazjar .slide__info {
		background-image: url(images/league-of-explorers/the-ruined-city/lady-nazjar-bg-8f35cdfdfba9a295c5133dc06120c6b1d8643f258413ace95f5bc288890ee7151e5d093a9146fa4fba6ca761e63cc56e436c35ccbad35dfb9a3b26433954c577.jpg)
	}
}
.slide--lady-nazjar .slide__desc {
	background-image: url(images/league-of-explorers/the-ruined-city/lady-nazjar-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--lady-nazjar .slide__desc {
		background: none
	}
}
.slide--lady-nazjar .description:before {
	background-position: 25% 0
}
@media only screen and (min-width:40em) {
	.slide--lady-nazjar .hero-slide-thumbnail__link {
		background-image: url(images/league-of-explorers/the-ruined-city/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--lady-nazjar {
	background-image: url(images/league-of-explorers/the-ruined-city/lady-nazjar-0bed188cc5752b035a70be4d4f8df95f61053f9bf357ccd6fc8a52a28907dd20f7125d76614d3df7ac1d050d7cde7635c28689d8afa5aec8fca49d293b9ed828.png)
}
.adventure-control--lady-nazjar:before {
	background-image: url(images/league-of-explorers/the-ruined-city/lady-nazjar-small-995560a204ee043380d464c4d22217b42e8b63a3cc94748ea6044233411d588bdaa2af12a6bf7d2a5e3826a9dc48dcbf2035300d74534b98827a0c39e7f0a831.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--lady-nazjar:before {
		background-image: url(images/league-of-explorers/the-ruined-city/lady-nazjar-0bed188cc5752b035a70be4d4f8df95f61053f9bf357ccd6fc8a52a28907dd20f7125d76614d3df7ac1d050d7cde7635c28689d8afa5aec8fca49d293b9ed828.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--skelesaurus-hex .slide__info {
		background-image: url(images/league-of-explorers/hall-of-explorers/skelesaurus-hex-bg-82d5d6bd0a0c86613952dce9f734237876112c9f52ec20a4d13a908a0ad2d298228fbdb1a367e1e0d23ef962eb2aa363d92191febc6fd0954756d00829834a40.jpg)
	}
}
.slide--skelesaurus-hex .slide__desc {
	background-image: url(images/league-of-explorers/hall-of-explorers/skelesaurus-hex-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--skelesaurus-hex .slide__desc {
		background: none
	}
}
.slide--skelesaurus-hex .description:before {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.slide--skelesaurus-hex .hero-slide-thumbnail__link {
		background-image: url(images/league-of-explorers/hall-of-explorers/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--skelesaurus-hex {
	background-image: url(images/league-of-explorers/hall-of-explorers/skelesaurus-hex-4efca47a0601fa0045de9a21d6b61a773a073ebba6015df0c04f46a5f2997f95b8e550a16105e93a39f6597ef7c61867fc458471a55bdb8013c67edd6c05775c.png)
}
.adventure-control--skelesaurus-hex:before {
	background-image: url(images/league-of-explorers/hall-of-explorers/skelesaurus-hex-small-85bcca91cbe7dd6501394f489f963ea734f61fa694b5a6429f205c14a6535d2af4c372d555a7975be94da290b5a4f0bcabe8d92705d97dda4d4038319a09a8ce.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--skelesaurus-hex:before {
		background-image: url(images/league-of-explorers/hall-of-explorers/skelesaurus-hex-4efca47a0601fa0045de9a21d6b61a773a073ebba6015df0c04f46a5f2997f95b8e550a16105e93a39f6597ef7c61867fc458471a55bdb8013c67edd6c05775c.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--the-steel-sentinel .slide__info {
		background-image: url(images/league-of-explorers/hall-of-explorers/the-steel-sentinel-bg-d37b00988ce887b7cffdb95a94e9b0967775f1eda9ad8e24ceb204c09bc2bec390d10ef4091f80425f3c24867de93420a5a1f4f0b0fb6353b502f83b6b985ee8.jpg)
	}
}
.slide--the-steel-sentinel .slide__desc {
	background-image: url(images/league-of-explorers/hall-of-explorers/the-steel-sentinel-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--the-steel-sentinel .slide__desc {
		background: none
	}
}
.slide--the-steel-sentinel .description:before {
	background-position: 12.5% 0
}
@media only screen and (min-width:40em) {
	.slide--the-steel-sentinel .hero-slide-thumbnail__link {
		background-image: url(images/league-of-explorers/hall-of-explorers/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--the-steel-sentinel {
	background-image: url(images/league-of-explorers/hall-of-explorers/the-steel-sentinel-d70538d61838bf6e8958910ca247830c6656b35db5a5cda2c9b10cd8ee85a093fffeb640d0fa876d3bde11109f0614d0a2685814fc93a3953a2348bf0699c948.png)
}
.adventure-control--the-steel-sentinel:before {
	background-image: url(images/league-of-explorers/hall-of-explorers/the-steel-sentinel-small-799ce733a6b2a51172d3e400609b3949aacdd53193ad25beb84240e57119bae2afa74ab1e886421c8ceb0caee27d33228a9919589901654cec1cfd8c3060232c.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--the-steel-sentinel:before {
		background-image: url(images/league-of-explorers/hall-of-explorers/the-steel-sentinel-d70538d61838bf6e8958910ca247830c6656b35db5a5cda2c9b10cd8ee85a093fffeb640d0fa876d3bde11109f0614d0a2685814fc93a3953a2348bf0699c948.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--arch-thief-rafaam .slide__info {
		background-image: url(images/league-of-explorers/hall-of-explorers/arch-thief-rafaam-bg-899b48410879b7738a68f8ce33007a877feed0a939de2a6ecc1b3788d8b08fb91bc85e9052e4d03967651b7e063dceed64eb35b6e40e9f0f802d5290e2400bc8.jpg)
	}
}
.slide--arch-thief-rafaam .slide__desc {
	background-image: url(images/league-of-explorers/hall-of-explorers/arch-thief-rafaam-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--arch-thief-rafaam .slide__desc {
		background: none
	}
}
.slide--arch-thief-rafaam .description:before {
	background-position: 25% 0
}
@media only screen and (min-width:40em) {
	.slide--arch-thief-rafaam .hero-slide-thumbnail__link {
		background-image: url(images/league-of-explorers/hall-of-explorers/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--arch-thief-rafaam {
	background-image: url(images/league-of-explorers/hall-of-explorers/arch-thief-rafaam-bc79998b46ca0d9b2d155205e1c9b22e9a184f6ac709a831683e0d0ee2ccde7bf73b48428c1894afa528078f965edbb08fd19abaf17a9f19fdb4e0ce2e86f495.png)
}
.adventure-control--arch-thief-rafaam:before {
	background-image: url(images/league-of-explorers/hall-of-explorers/arch-thief-rafaam-small-c7fba97829467481feb9a59d743e96fe4c358e6cc72ba57d23c635caa63519e3de6b28c6e4f53c8e664741f474863c19c3b5c009991c4c88c2bb4c616c1dd87a.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--arch-thief-rafaam:before {
		background-image: url(images/league-of-explorers/hall-of-explorers/arch-thief-rafaam-bc79998b46ca0d9b2d155205e1c9b22e9a184f6ac709a831683e0d0ee2ccde7bf73b48428c1894afa528078f965edbb08fd19abaf17a9f19fdb4e0ce2e86f495.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--rafaam-unleashed .slide__info {
		background-image: url(images/league-of-explorers/hall-of-explorers/rafaam-unleashed-bg-38ca428e27ac0477063731bc15824a8bd56c12fd54d90473d18e5ee982f80609b2656c89113b1dc01bc28f94269862c62b8f812e948532ab46fe9c1520ac4f1c.jpg)
	}
}
.slide--rafaam-unleashed .slide__desc {
	background-image: url(images/league-of-explorers/hall-of-explorers/rafaam-unleashed-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--rafaam-unleashed .slide__desc {
		background: none
	}
}
.slide--rafaam-unleashed .description:before {
	background-position: 37.5% 0
}
@media only screen and (min-width:40em) {
	.slide--rafaam-unleashed .hero-slide-thumbnail__link {
		background-image: url(images/league-of-explorers/hall-of-explorers/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--rafaam-unleashed {
	background-image: url(images/league-of-explorers/hall-of-explorers/rafaam-unleashed-1ff7be8af23fb8f77d086e32faeae846dbb1b2be968eba26ca1f484b25deab041a0037017182ae206e078b6fe6671127c5acc289d0a51edd2e3bc47ccb567098.png)
}
.adventure-control--rafaam-unleashed:before {
	background-image: url(images/league-of-explorers/hall-of-explorers/rafaam-unleashed-small-2b443c394dfb3247760547ac7840b7070f4a497f60cc53c051d17a0c9f4bccdcc2525877420e3f18fa196e4d86116624d055bdc8f451ffbba6a26906095bbb4d.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--rafaam-unleashed:before {
		background-image: url(images/league-of-explorers/hall-of-explorers/rafaam-unleashed-1ff7be8af23fb8f77d086e32faeae846dbb1b2be968eba26ca1f484b25deab041a0037017182ae206e078b6fe6671127c5acc289d0a51edd2e3bc47ccb567098.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--malchezaar .slide__info {
		background-image: url(images/one-night-in-karazhan/the-prologue/malchezaar-bg-9c29482761cf95458c36e2a820ac8224d5be5f2a73b92347bdb8da125f712b6d117d496cfc11e6e47537e9a1723ecf0726e96be91ebd871ed154e977df5bdbff.jpg)
	}
}
.slide--malchezaar .slide__desc {
	background-image: url(images/one-night-in-karazhan/the-prologue/malchezaar-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--malchezaar .slide__desc {
		background: none
	}
}
.slide--malchezaar .description:before {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.slide--malchezaar .hero-slide-thumbnail__link {
		background-image: url(images/one-night-in-karazhan/the-prologue/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--malchezaar {
	background-image: url(images/one-night-in-karazhan/the-prologue/malchezaar-0de24e06b63d8a57a94c728618cb8936bb622cdbba0fba1b25aa856dc00e09839166867881458796519d41c92817cbb1be9020da31a555f38a451bdc84eba807.png)
}
.adventure-control--malchezaar:before {
	background-image: url(images/one-night-in-karazhan/the-prologue/malchezaar-small-9a684986717ffcfeb4cc986c3627a3fa232648beb0f122c42df81b3b53170ed78654afb298637bc9820c3ed0e63cd7e4ed66c3fd6ed7837189f385300ae333a8.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--malchezaar:before {
		background-image: url(images/one-night-in-karazhan/the-prologue/malchezaar-0de24e06b63d8a57a94c728618cb8936bb622cdbba0fba1b25aa856dc00e09839166867881458796519d41c92817cbb1be9020da31a555f38a451bdc84eba807.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--silverware-golem .slide__info {
		background-image: url(images/one-night-in-karazhan/the-parlor/silverware-golem-bg-d30b834dd0df38fa2fe776efac0510007b3854b23e2f1e044d2eeebb12843f1277e315660be6d64de86353e4be83ad4a355c499e0a24111fdaa10b0891af3238.jpg)
	}
}
.slide--silverware-golem .slide__desc {
	background-image: url(images/one-night-in-karazhan/the-parlor/silverware-golem-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--silverware-golem .slide__desc {
		background: none
	}
}
.slide--silverware-golem .description:before {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.slide--silverware-golem .hero-slide-thumbnail__link {
		background-image: url(images/one-night-in-karazhan/the-parlor/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--silverware-golem {
	background-image: url(images/one-night-in-karazhan/the-parlor/silverware-golem-8ef874a8b1a9ba28eaba8dba8904a9dbc27be9a22433a4723875c7283d147359e43e74f51306b4743cc2b681db1084d1b02d10ee3c01a51e9011b00104861e73.png)
}
.adventure-control--silverware-golem:before {
	background-image: url(images/one-night-in-karazhan/the-parlor/silverware-golem-small-46574a396b11ccfce29652f32bac47203c1bb7b00854faf81e5c6e442cbfbd7dd179b4c096c909b34333b8c3773b1928ee2dc3567a2adfb39c9cc2362212d807.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--silverware-golem:before {
		background-image: url(images/one-night-in-karazhan/the-parlor/silverware-golem-8ef874a8b1a9ba28eaba8dba8904a9dbc27be9a22433a4723875c7283d147359e43e74f51306b4743cc2b681db1084d1b02d10ee3c01a51e9011b00104861e73.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--magic-mirror .slide__info {
		background-image: url(images/one-night-in-karazhan/the-parlor/magic-mirror-bg-390d12c7f55f0598851c8b3073e04480899717047ff41d8d82d61f45cd74779d3302bf641e3fe7f18cc2b68b78a2146f9a2b395e1787fa6f84186233d996c657.jpg)
	}
}
.slide--magic-mirror .slide__desc {
	background-image: url(images/one-night-in-karazhan/the-parlor/magic-mirror-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--magic-mirror .slide__desc {
		background: none
	}
}
.slide--magic-mirror .description:before {
	background-position: 12.5% 0
}
@media only screen and (min-width:40em) {
	.slide--magic-mirror .hero-slide-thumbnail__link {
		background-image: url(images/one-night-in-karazhan/the-parlor/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--magic-mirror {
	background-image: url(images/one-night-in-karazhan/the-parlor/magic-mirror-eed7d2ad3f7278097bc6cdbf1be16e5258c19226323a9a35805bf310d002e7910e1ee79f53e94bca73451d6915afe15e67330cca0f82ce1ed2e80cfda6207704.png)
}
.adventure-control--magic-mirror:before {
	background-image: url(images/one-night-in-karazhan/the-parlor/magic-mirror-small-8de59366439be9fc475fa1732ce01bfa374308015ff0d0e69749d65b5c1e97e1a93da8c778e426c500a7ca9c405ada5cf574e2083d2852526a11b0fa7fdd23cf.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--magic-mirror:before {
		background-image: url(images/one-night-in-karazhan/the-parlor/magic-mirror-eed7d2ad3f7278097bc6cdbf1be16e5258c19226323a9a35805bf310d002e7910e1ee79f53e94bca73451d6915afe15e67330cca0f82ce1ed2e80cfda6207704.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--chess .slide__info {
		background-image: url(images/one-night-in-karazhan/the-parlor/chess-bg-cbe0a96778876054e99d30b4032f5c787a0e534fc1d352c597138db9bd44683b3f92bde242888bae76774061cdbc4bf652ec04c5766b9ade117286c990676fe0.jpg)
	}
}
.slide--chess .slide__desc {
	background-image: url(images/one-night-in-karazhan/the-parlor/chess-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--chess .slide__desc {
		background: none
	}
}
.slide--chess .description:before {
	background-position: 25% 0
}
@media only screen and (min-width:40em) {
	.slide--chess .hero-slide-thumbnail__link {
		background-image: url(images/one-night-in-karazhan/the-parlor/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--chess {
	background-image: url(images/one-night-in-karazhan/the-parlor/chess-04bc16a921a2de428518f181823cee40bd1f4749bf95d78546ad46bc698e6beb7eb55225ea942a2a6177a1ef752ed73f9036b16a8ae0cf8773826c04f8c1d1e9.png)
}
.adventure-control--chess:before {
	background-image: url(images/one-night-in-karazhan/the-parlor/chess-small-54a6d9085e6799ebd9f16867887fec09dd73fb23238bb2b41c451b5e2a466cb291c759fcea3c1e5ab1206398a1b2f83f4f41124c2400f9c5256b573c75dd6804.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--chess:before {
		background-image: url(images/one-night-in-karazhan/the-parlor/chess-04bc16a921a2de428518f181823cee40bd1f4749bf95d78546ad46bc698e6beb7eb55225ea942a2a6177a1ef752ed73f9036b16a8ae0cf8773826c04f8c1d1e9.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--julianne .slide__info {
		background-image: url(images/one-night-in-karazhan/the-opera/julianne-bg-803f30d92cc99942a4382c209b553cecb3f627a186061fef652bb1c23a3293ed32d13075bbd58d64d4ddd58af8d9ac8dbe047f6affcb17a151bcf2a8c35d89c1.jpg)
	}
}
.slide--julianne .slide__desc {
	background-image: url(images/one-night-in-karazhan/the-opera/julianne-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--julianne .slide__desc {
		background: none
	}
}
.slide--julianne .description:before {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.slide--julianne .hero-slide-thumbnail__link {
		background-image: url(images/one-night-in-karazhan/the-opera/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--julianne {
	background-image: url(images/one-night-in-karazhan/the-opera/julianne-1f77dcc4be1e3722aa167548bd2024d2afdb92da27059e1c9e7aa4308d74f636bf4d198d020a594c29dcf8a1564a5f72c688f9a7dea64fb21c401de771a041f3.png)
}
.adventure-control--julianne:before {
	background-image: url(images/one-night-in-karazhan/the-opera/julianne-small-7b4a06ca699835c02d673a5fa11a3ec19f1b2cc3f8a1efc00f4af443138632477ab9d2098a92dad56fca1b3de560399d7a43a6146ca4bbb69a36d834db8068bf.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--julianne:before {
		background-image: url(images/one-night-in-karazhan/the-opera/julianne-1f77dcc4be1e3722aa167548bd2024d2afdb92da27059e1c9e7aa4308d74f636bf4d198d020a594c29dcf8a1564a5f72c688f9a7dea64fb21c401de771a041f3.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--big-bad-wolf .slide__info {
		background-image: url(images/one-night-in-karazhan/the-opera/big-bad-wolf-bg-15ad85052c51765dbc456aa4ea3d8cb58c37685e9ea151f4448d7ecb268b8dea09276f245ba76c8f84b2a6e89e1877d199a6074832b7bc4186ce35bb9b0f8c87.jpg)
	}
}
.slide--big-bad-wolf .slide__desc {
	background-image: url(images/one-night-in-karazhan/the-opera/big-bad-wolf-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--big-bad-wolf .slide__desc {
		background: none
	}
}
.slide--big-bad-wolf .description:before {
	background-position: 12.5% 0
}
@media only screen and (min-width:40em) {
	.slide--big-bad-wolf .hero-slide-thumbnail__link {
		background-image: url(images/one-night-in-karazhan/the-opera/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--big-bad-wolf {
	background-image: url(images/one-night-in-karazhan/the-opera/big-bad-wolf-0614162f55091a4362f3efff5147b482afbb841b84b6fef5a9e165af83ce18983949590bd90196f63f770140db11638a1c5ba08d9a684d16e8b8086950f7a1df.png)
}
.adventure-control--big-bad-wolf:before {
	background-image: url(images/one-night-in-karazhan/the-opera/big-bad-wolf-small-c0c7f66e9b43e2e766571585e11c2dcd4d19206bb6ed2666e7356d64fd68740e706ef2379c289fd831940cc2ea5b4abc1c36283d8055ed90141614ec1afa37ba.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--big-bad-wolf:before {
		background-image: url(images/one-night-in-karazhan/the-opera/big-bad-wolf-0614162f55091a4362f3efff5147b482afbb841b84b6fef5a9e165af83ce18983949590bd90196f63f770140db11638a1c5ba08d9a684d16e8b8086950f7a1df.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--the-crone .slide__info {
		background-image: url(images/one-night-in-karazhan/the-opera/the-crone-bg-d791b9f6a23dc5f7f33ef487f988ab0020a5e21117676d84e600f243278de3fa7658b0b7b766be3123928c223152c314d9efcd1807a5e004bee81d0649a6faf7.jpg)
	}
}
.slide--the-crone .slide__desc {
	background-image: url(images/one-night-in-karazhan/the-opera/the-crone-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--the-crone .slide__desc {
		background: none
	}
}
.slide--the-crone .description:before {
	background-position: 25% 0
}
@media only screen and (min-width:40em) {
	.slide--the-crone .hero-slide-thumbnail__link {
		background-image: url(images/one-night-in-karazhan/the-opera/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--the-crone {
	background-image: url(images/one-night-in-karazhan/the-opera/the-crone-75f7032e6b9aa33903cd98ddd8fcc5b67a704da2d9207901ed76158cbd727b9af9a3ddf30a4c0a38431d7350565d6340bf83e15a91966dd5b980ed94297926f7.png)
}
.adventure-control--the-crone:before {
	background-image: url(images/one-night-in-karazhan/the-opera/the-crone-small-690a71a434058be5c2fb1345621c7d5752bbde77bcdcc7d1dc2c10ca381ef80fdef7bbe366fbd16ecb3b54f159d64edd68d587806bafeccf3fb7f0651a48c99a.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--the-crone:before {
		background-image: url(images/one-night-in-karazhan/the-opera/the-crone-75f7032e6b9aa33903cd98ddd8fcc5b67a704da2d9207901ed76158cbd727b9af9a3ddf30a4c0a38431d7350565d6340bf83e15a91966dd5b980ed94297926f7.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--curator .slide__info {
		background-image: url(images/one-night-in-karazhan/the-menagerie/curator-bg-275c0bec3231e5aca4bd078598e0f8b0c284e60602017b2bb76969cf7d655b92ff52a786f5307e3ffaa74327efa3cb07792f2a054ba290337d0729f153ce21af.jpg)
	}
}
.slide--curator .slide__desc {
	background-image: url(images/one-night-in-karazhan/the-menagerie/curator-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--curator .slide__desc {
		background: none
	}
}
.slide--curator .description:before {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.slide--curator .hero-slide-thumbnail__link {
		background-image: url(images/one-night-in-karazhan/the-menagerie/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--curator {
	background-image: url(images/one-night-in-karazhan/the-menagerie/curator-3ba0d3b8d9bc4638f5b43eb121629af1d5bea27ca8dd9ebc4582517511a55a0d1619e67537c1c6464dd8a4dee7e23108ba509e3b580f4b168046696eb867fe0f.png)
}
.adventure-control--curator:before {
	background-image: url(images/one-night-in-karazhan/the-menagerie/curator-small-2965a809885929c47abdc76a7af2af06a7d7f7b75591943fcf96dc36a41c63a052408a76e59e5834c38905a6acba037f122ae991cf85b0f9525321cb0e761ea5.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--curator:before {
		background-image: url(images/one-night-in-karazhan/the-menagerie/curator-3ba0d3b8d9bc4638f5b43eb121629af1d5bea27ca8dd9ebc4582517511a55a0d1619e67537c1c6464dd8a4dee7e23108ba509e3b580f4b168046696eb867fe0f.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--nightbane .slide__info {
		background-image: url(images/one-night-in-karazhan/the-menagerie/nightbane-bg-046649400952742729af6ff5380d4fde50b2312cd4111d469be527aa59977d25391beff6e343942fadf0f77075f63cbc10d243dfc19b793e92b1bd6e39980665.jpg)
	}
}
.slide--nightbane .slide__desc {
	background-image: url(images/one-night-in-karazhan/the-menagerie/nightbane-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--nightbane .slide__desc {
		background: none
	}
}
.slide--nightbane .description:before {
	background-position: 12.5% 0
}
@media only screen and (min-width:40em) {
	.slide--nightbane .hero-slide-thumbnail__link {
		background-image: url(images/one-night-in-karazhan/the-menagerie/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--nightbane {
	background-image: url(images/one-night-in-karazhan/the-menagerie/nightbane-9434123c6aa1f7ccb386c3fb0bc272c9b76b6ab2d29e14aa8851b9adaaf76d19056d77abd935b5dd504f5ebbd0dc9bc2f831839cf059c4112e583220c60e2798.png)
}
.adventure-control--nightbane:before {
	background-image: url(images/one-night-in-karazhan/the-menagerie/nightbane-small-b266ea6af2fca31a496a5adbc227f6bcad122aacaddb306bf775e252e7920376648340fb43de8b1792fc15b0d13b06dcfbffb6ee7397226f361a17efcd369d44.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--nightbane:before {
		background-image: url(images/one-night-in-karazhan/the-menagerie/nightbane-9434123c6aa1f7ccb386c3fb0bc272c9b76b6ab2d29e14aa8851b9adaaf76d19056d77abd935b5dd504f5ebbd0dc9bc2f831839cf059c4112e583220c60e2798.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--terestian-illhoof .slide__info {
		background-image: url(images/one-night-in-karazhan/the-menagerie/terestian-illhoof-bg-7f3a3558f46ab507b8d565713fcbd6f9dc6ab6a74a2731361b38fd9437a65b80134a5e7423af406fc9771ea24c660b4425acd08a07b0349f270027ff593ab065.jpg)
	}
}
.slide--terestian-illhoof .slide__desc {
	background-image: url(images/one-night-in-karazhan/the-menagerie/terestian-illhoof-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--terestian-illhoof .slide__desc {
		background: none
	}
}
.slide--terestian-illhoof .description:before {
	background-position: 25% 0
}
@media only screen and (min-width:40em) {
	.slide--terestian-illhoof .hero-slide-thumbnail__link {
		background-image: url(images/one-night-in-karazhan/the-menagerie/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--terestian-illhoof {
	background-image: url(images/one-night-in-karazhan/the-menagerie/terestian-illhoof-cf5494f77fa46c5b680854af3a7d86e6b84e4949c89635b21e667beed38a4d6a6ad541f78ea9fe936bf2861fbf5d25b95754e4d99adc758a3f63fe6b87c8acb8.png)
}
.adventure-control--terestian-illhoof:before {
	background-image: url(images/one-night-in-karazhan/the-menagerie/terestian-illhoof-small-14926134934676ccdb360c75e0b38ec60399e5d60c7ab4223564bb74df055c2205e20624c3988345dac3c78f2a48fc95fef89c31ecc9d7b82ee8ed475c361bc9.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--terestian-illhoof:before {
		background-image: url(images/one-night-in-karazhan/the-menagerie/terestian-illhoof-cf5494f77fa46c5b680854af3a7d86e6b84e4949c89635b21e667beed38a4d6a6ad541f78ea9fe936bf2861fbf5d25b95754e4d99adc758a3f63fe6b87c8acb8.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--shade-of-aran .slide__info {
		background-image: url(images/one-night-in-karazhan/the-spire/shade-of-aran-bg-2f162d45145d762766ee0fa55df0e8f40a3bf07a3d4001c6663d3057e054a5ac46e919a36f74fbbe0e53bdd6b586a3f4e4139312c8f7794633ae55b84794946a.jpg)
	}
}
.slide--shade-of-aran .slide__desc {
	background-image: url(images/one-night-in-karazhan/the-spire/shade-of-aran-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--shade-of-aran .slide__desc {
		background: none
	}
}
.slide--shade-of-aran .description:before {
	background-position: 0 0
}
@media only screen and (min-width:40em) {
	.slide--shade-of-aran .hero-slide-thumbnail__link {
		background-image: url(images/one-night-in-karazhan/the-spire/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--shade-of-aran {
	background-image: url(images/one-night-in-karazhan/the-spire/shade-of-aran-a72916261c1ed76b5ec62081d7cc2b3797e413d00d655e70f4e4a2ee2b0dd62d19987be3696880212e982be9c3d9e5678893ba3f7413f4fc9a166782e3eda0b5.png)
}
.adventure-control--shade-of-aran:before {
	background-image: url(images/one-night-in-karazhan/the-spire/shade-of-aran-small-ec9798df3301988e0d1c25625cca50406edbb585a601ce9e9eb14b9fa71bdbc1e2165384bed800be4ec3e52451f6db93a79f606a9d8c6e3cc6f9c79bf3454a49.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--shade-of-aran:before {
		background-image: url(images/one-night-in-karazhan/the-spire/shade-of-aran-a72916261c1ed76b5ec62081d7cc2b3797e413d00d655e70f4e4a2ee2b0dd62d19987be3696880212e982be9c3d9e5678893ba3f7413f4fc9a166782e3eda0b5.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--netherspite .slide__info {
		background-image: url(images/one-night-in-karazhan/the-spire/netherspite-bg-bb698df9e85cfef13772f1ba15cbc75db81b27547c0726594fa92a2d36277acd501d8a79c354be15389f8b67b48c53661ab9f46ef1cf30fbaa41e9dd8770d141.jpg)
	}
}
.slide--netherspite .slide__desc {
	background-image: url(images/one-night-in-karazhan/the-spire/netherspite-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--netherspite .slide__desc {
		background: none
	}
}
.slide--netherspite .description:before {
	background-position: 12.5% 0
}
@media only screen and (min-width:40em) {
	.slide--netherspite .hero-slide-thumbnail__link {
		background-image: url(images/one-night-in-karazhan/the-spire/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--netherspite {
	background-image: url(images/one-night-in-karazhan/the-spire/netherspite-8574cd54f4ed0b3146b8c201866aeca0d0a029bd6529162b0e4b688c3f96b456f9d3b4c44f02c8b8e50c5e09b1cb0b32bab8721ab6f737ffc435b6eb45230434.png)
}
.adventure-control--netherspite:before {
	background-image: url(images/one-night-in-karazhan/the-spire/netherspite-small-ecf46e951271afe65b4add121589db5c1f1968f845f3773d8e25f0655a658afb8e6177b532f261f59f6a1d2a4e22a462c6a37e948eb4f80146a04bf2418025e0.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--netherspite:before {
		background-image: url(images/one-night-in-karazhan/the-spire/netherspite-8574cd54f4ed0b3146b8c201866aeca0d0a029bd6529162b0e4b688c3f96b456f9d3b4c44f02c8b8e50c5e09b1cb0b32bab8721ab6f737ffc435b6eb45230434.png)
	}
}
@media only screen and (min-width:40em) {
	.slide--free-medivh .slide__info {
		background-image: url(images/one-night-in-karazhan/the-spire/free-medivh-bg-f34c3ce5f275619645949e2ad8b1d6d15e9bbfb5f121ee8526c519562764ae89ee2103470b0918563d96b218dd527e8a906efb0e1e313adc4a5233be5d6d4e05.jpg)
	}
}
.slide--free-medivh .slide__desc {
	background-image: url(images/one-night-in-karazhan/the-spire/free-medivh-640x350.jpg)
}
@media only screen and (min-width:40em) {
	.slide--free-medivh .slide__desc {
		background: none
	}
}
.slide--free-medivh .description:before {
	background-position: 25% 0
}
@media only screen and (min-width:40em) {
	.slide--free-medivh .hero-slide-thumbnail__link {
		background-image: url(images/one-night-in-karazhan/the-spire/artwork-thumbnail-jaina.jpg)
	}
}
.small-boss-panel--free-medivh {
	background-image: url(images/one-night-in-karazhan/the-spire/free-medivh-4a0c83963d02a58553d9ebc909e6b21bd81cff42fcd4a9f3f9df7c8b0f5887567976ed0d7c4f98fe730ebf99e547473e9386bdf9045bcf0e1b7cffe40170cfdd.png)
}
.adventure-control--free-medivh:before {
	background-image: url(images/one-night-in-karazhan/the-spire/free-medivh-small-5c82faf45472ef3a3392a9fd16e5d3bb99138ff9cc7e68c55f2a61e04d94af72c3184b45555f56d1dd7796d468bc05a2475293050793dad33c5e3edaccb12fb0.png)
}
@media only screen and (min-width:40em) {
	.adventure-control--free-medivh:before {
		background-image: url(images/one-night-in-karazhan/the-spire/free-medivh-4a0c83963d02a58553d9ebc909e6b21bd81cff42fcd4a9f3f9df7c8b0f5887567976ed0d7c4f98fe730ebf99e547473e9386bdf9045bcf0e1b7cffe40170cfdd.png)
	}
}
.description--adventure {
	white-space: normal;
	line-height: 1.3
}
@media only screen and (min-width:40em) {
	.description--adventure {
		color: #fff;
		max-width: 160px;
		max-width: 10rem;
		font-size: 13px;
		font-size: .8125rem;
		padding-right: 16px;
		padding-right: 1rem
	}
}
@media only screen and (min-width:43em) {
	.description--adventure {
		max-width: 176px;
		max-width: 11rem
	}
}
.small-boss-panel {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	width: 257px;
	height: 295px;
	margin: auto
}
.boss-heading {
	margin-bottom: 16px;
	margin-bottom: 1rem
}
.ja-jp .slide--boss, .slide--boss {
	max-width: 100%
}
.slide-power--boss {
	margin-top: 16px;
	margin-top: 1rem;
	margin-bottom: 16px;
	margin-bottom: 1rem
}
@media only screen and (min-width:40em) {
	.slide-power--boss {
		margin-top: 28px;
		margin-top: 1.75rem;
		margin-bottom: 0;
		margin-bottom: .05rem;
		padding-bottom: 12px;
		padding-bottom: .75rem;
		max-width: 864px;
		max-width: 54rem;
		border-bottom: none;
		white-space: normal;
		display: inline-block
	}
}
@media only screen and (min-width:72.5em) {
	.slide-power--boss {
		max-width: 912px;
		max-width: 57rem;
		padding-bottom: 22px;
		padding-bottom: 1.4rem
	}
}
@media only screen and (min-width:40em) {
	.slide--omnotron-defense-system .slide-power--boss {
		margin-top: 21px;
		margin-top: 1.35rem;
		margin-bottom: 3px;
		margin-bottom: .24rem;
		max-width: 832px;
		max-width: 52rem
	}
}
@media only screen and (min-width:50em) {
	.slide--omnotron-defense-system .slide-power--boss {
		max-width: 864px;
		max-width: 54rem
	}
}
@media only screen and (min-width:60em) {
	.slide--omnotron-defense-system .slide-power--boss {
		margin-top: 28px;
		margin-top: 1.75rem;
		margin-bottom: 0;
		margin-bottom: .05rem
	}
}
@media only screen and (min-width:72.5em) {
	.slide--omnotron-defense-system .slide-power--boss {
		max-width: 912px;
		max-width: 57rem
	}
}
.slide-power--boss .hero-power__desc b {
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.slide-power--boss__power {
	text-align: center
}
@media only screen and (min-width:40em) {
	.slide-power--boss__power {
		text-align: left;
		white-space: nowrap;
		display: inline-block
	}
	.slide-power--boss__power:nth-of-type(n+3) {
		margin-top: 20px;
		margin-top: 1.25rem
	}
}
.slide-power--boss__power+.slide-power--boss__power {
	margin-top: 16px;
	margin-top: 1rem
}
@media only screen and (min-width:40em) {
	.slide-power--boss__power+.slide-power--boss__power {
		margin-top: 0
	}
}
@media only screen and (min-width:50em) {
	.slide-power--boss__power:nth-of-type(2) {
		margin-right: 16px;
		margin-right: 1rem
	}
}
@media only screen and (min-width:72.5em) {
	.slide-power--boss__power:nth-of-type(2) {
		margin-right: 64px;
		margin-right: 4rem
	}
}
.slide--omnotron-defense-system .slide-power--boss__power:nth-of-type(n+3) {
	margin-top: 7px;
	margin-top: .45rem
}
@media only screen and (min-width:72.5em) {
	.slide--omnotron-defense-system .slide-power--boss__power:nth-of-type(n+3) {
		margin-top: 20px;
		margin-top: 1.25rem
	}
}
.slide-power--boss__title {
	margin-bottom: 16px;
	margin-bottom: 1rem;
	color: #000;
	background-color: #d9be91;
	background: hsla(38, 49%, 71%, .7);
	border-bottom-width: 0;
	padding: 4px 8px;
	padding: .25rem .5rem;
	font-size: 22px;
	font-size: 1.4rem;
	line-height: 1.2
}
@media only screen and (min-width:40em) {
	.slide-power--boss__title {
		font-size: 17px;
		font-size: 1.1rem;
		margin-bottom: 4px;
		margin-bottom: .25rem;
		border-bottom-width: 1px;
		background: none;
		color: #fff;
		padding: 0 0 12px;
		padding: 0 0 .75rem;
		margin-bottom: 12px;
		margin-bottom: .75rem;
		line-height: 1;
		font-size: 20px;
		font-size: 1.25rem
	}
}
@media only screen and (min-width:40em) {
	.boss-content-section {
		max-width: 1325px;
		background: url(images/blackrock-mountain/hi-imagradient-7660c10ceb5c1a68bdf33b7cd892de27af6fccf612f07d7fb7714b5ccf675c5781e7c7b79d88d03bc9af2d41f37d535b244d1619b93abd9fe1b9101423a6f42f.png) 50% 0 repeat-y;
		background: linear-gradient(90deg, rgba(163, 125, 75, .01) 0, rgba(163, 125, 75, .02) 3%, rgba(163, 125, 75, .08) 7%, rgba(163, 125, 75, .19) 10%, rgba(163, 125, 75, .22) 12%, rgba(163, 125, 75, .22) 91%, rgba(163, 125, 75, .19) 93%, rgba(163, 125, 75, .1) 94%, rgba(163, 125, 75, .03) 97%, rgba(163, 125, 75, .01) 98%, rgba(163, 125, 75, .01));
		background-size: 1325px 1px;
		margin: -22px auto 0;
		padding-top: 8px;
		padding-top: .5rem
	}
}
@media only screen and (min-width:40em) {
	.legendary-img--brm {
		margin-top: 16px;
		margin-top: 1rem;
		margin-bottom: 0;
		width: 282px
	}
}
@media only screen and (min-width:60em) {
	.legendary-img--brm {
		margin-bottom: 32px;
		margin-bottom: 2rem
	}
}
@media only screen and (min-width:50em) {
	.icon-container--class-challenge {
		margin-right: 4px;
		margin-right: .3rem
	}
}
@media only screen and (min-width:40em) {
	.icon-container--class-challenge, .reward__img--class-challenge {
		margin-left: 0
	}
}
@media only screen and (min-width:40em) {
	.icon-container--class-challenge .reward__img, .reward__img--class-challenge .reward__img {
		margin-right: 0
	}
}
.icon-container--class-challenge .challenge-title, .reward__img--class-challenge .challenge-title {
	font-size: 16px;
	font-size: 1rem;
	margin: 8px 0 16px;
	margin: .5rem 0 1rem
}
@media only screen and (min-width:40em) {
	.icon-container--class-challenge .challenge-title, .reward__img--class-challenge .challenge-title {
		display: none
	}
}
@media only screen and (min-width:40em) {
	.adventure-rewards-section--brm {
		margin-top: -3px;
		padding-top: 0
	}
}
.expansion-section--purchase {
	position: relative;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0
}
@media only screen and (min-width:40em) {
	.expansion-section--purchase {
		padding-top: 32px;
		padding-top: 2rem
	}
}
@media only screen and (min-width:60em) {
	.expansion-section--purchase {
		max-width: 1024px;
		max-width: 64rem;
		padding-top: 32px;
		padding-top: 2rem;
		padding-right: 50px;
		padding-bottom: 48px;
		padding-bottom: 3rem;
		text-align: left;
		margin: 0 auto -25px
	}
}
@media only screen and (min-width:60em) {
	.body-text--purchase {
		text-align: left
	}
}
.body-text--raise-your-banner {
	margin-bottom: -16px;
	margin-bottom: -1rem;
	margin-top: 0
}
.expansion-section--raise-your-banner {
	padding-top: 16px;
	padding-top: 1rem;
	padding-bottom: 16px;
	padding-bottom: 1rem
}
@media only screen and (min-width:60em) {
	.expansion-section--raise-your-banner {
		padding-top: 32px;
		padding-top: 2rem
	}
}
@-webkit-keyframes generalFloat {
	0%, to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	50% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
}
@keyframes generalFloat {
	0%, to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	50% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
}
.content-container--vote-now {
	position: relative;
	text-align: center;
	padding-right: 16px;
	padding-right: 1rem;
	padding-left: 16px;
	padding-left: 1rem
}
@media only screen and (min-width:30em) {
	.content-container--vote-now {
		padding-right: 0;
		padding-left: 0
	}
}
.vote-now-button {
	position: relative;
	white-space: normal;
	z-index: 5;
	margin-left: 0
}
@media only screen and (min-width:40em) {
	.vote-now-button {
		position: absolute;
		right: 32px;
		right: 2rem;
		-webkit-transform: translateY(-40%);
		-ms-transform: translateY(-40%);
		transform: translateY(-40%)
	}
}
.vote-now-button:hover {
	text-decoration: none
}
.vote-now-button a:after {
	content: url(images/the-grand-tournament/arrow-ffd99daf20490001d81f03df71f95c584b66997688de947fe04347ca724309f7f079cf98fca0b4eadb05eead30ae5c0938c3369c10bfcf5b0c1767214f9c3b24.png);
	position: absolute;
	bottom: -25px;
	right: 0;
	-webkit-animation: generalFloat 2s ease-in-out infinite;
	animation: generalFloat 2s ease-in-out infinite
}
.vote-now-button .hearthstone-cta__text {
	padding-right: 70px;
	max-width: 23em;
	line-height: 1.4
}
@media only screen and (min-width:72.5em) {
	.expansion-video-container--the-grand-tournament {
		background: url(images/the-grand-tournament/trumpets-large-8a21adc9bc395243319d79a1fea9f3228ac07cac6f6f944116c47b825f5317f2d1f4f1d4921e57296efa4ece35a69d0d4661f1e0ff460227cffe7058a1ee120f.png) 50% no-repeat
	}
}
@media only screen and (min-width:60em) {
	.expansion-video--the-grand-tournament {
		background: url(images/the-grand-tournament/video-bg-4bf243942c3a9de78c526b86e9a49247eb251be94bc9fdef270f4f240f95bc412f9d2f9a898e744ffff009234f4a9279e5986063366e35ba6531032152a8caa2.jpg) 50% no-repeat;
		margin-top: 4em
	}
}
@media only screen and (min-width:60em) {
	.expansion-video--the-grand-tournament:after {
		content: "";
		position: absolute;
		top: -5.6%;
		right: 0;
		left: 0;
		height: 38px;
		background: url(images/the-grand-tournament/snu-076a45de0bdd7efb315daabb1eda7113ad87d6043905afb371354e20012c51405be07ec037199482d7ec59acdc668ef05c5a6b58d1b6ce73157556c26dd0e663.png) top no-repeat
	}
}
.content-container--art-tgt {
	margin-top: 16px;
	margin-top: 1rem
}
@media only screen and (min-width:40em) {
	.content-container--art-tgt {
		margin-top: -32px;
		margin-top: -2rem
	}
}
@media only screen and (min-width:60em) {
	.content-container--art-tgt .media-frame--gameboard {
		margin-top: 48px;
		margin-top: 3rem
	}
}
@media only screen and (min-width:60em) {
	.content-container--art-tgt .media-frame--gameboard:after {
		content: "";
		position: absolute;
		top: -6%;
		right: 0;
		left: 0;
		height: 38px;
		background: url(images/the-grand-tournament/snu-076a45de0bdd7efb315daabb1eda7113ad87d6043905afb371354e20012c51405be07ec037199482d7ec59acdc668ef05c5a6b58d1b6ce73157556c26dd0e663.png) top no-repeat
	}
}
.raise-your-banner-img {
	display: block;
	width: 1278px;
	margin: -5% auto
}
.content-container--vote {
	position: relative;
	z-index: 10
}
@media only screen and (min-width:60em) {
	.content-container--vote {
		min-height: 670px
	}
	.content-container--vote:after, .content-container--vote:before {
		content: "";
		position: absolute;
		z-index: -1;
		background-repeat: no-repeat;
		background-position: 50%
	}
	.content-container--vote:before {
		background-image: url(images/the-grand-tournament/orc-5ed806d41592a5356a19143b86f35cb7cc235aedeee128b87b3a39f8686f03da452f99dd6afe17559a722ebd025f8055ebc66dc19951996e707153892a50a197.png);
		width: 899px;
		height: 769px;
		top: -60px;
		right: 40%
	}
	.content-container--vote:after {
		background-image: url(images/the-grand-tournament/nightelf-c87a1ee685b62d00e641171e30119616ef7ba244e4e922a7c0e957ef8736da95623599002d54391987bee865110ecb427de756164046fa77220caa4a87306e0a.png);
		width: 688px;
		height: 762px;
		left: 58%;
		top: -120px
	}
}
.recently-revealed-section {
	margin-bottom: 32px;
	margin-bottom: 2rem;
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:60em) {
	.recently-revealed-section {
		padding: 0 0 15px;
		margin-bottom: 0
	}
}
.recently-revealed-section--with-cards .recently-revealed-wrapper {
	position: relative;
	z-index: 0
}
@media only screen and (min-width:40em) {
	.recently-revealed-section--with-cards .recently-revealed-wrapper {
		background: url(images/the-grand-tournament/just-revealed-bg-29b45038a36a9f9db64a96de950a89e24364bc7323289feba2c92da7bc668bfa233500c7dd8da06eee198806bdf8c6b6972859279ed09d5fff7ee47de301fdad.png) top no-repeat;
		background: url(images/the-grand-tournament/just-revealed-bg-29b45038a36a9f9db64a96de950a89e24364bc7323289feba2c92da7bc668bfa233500c7dd8da06eee198806bdf8c6b6972859279ed09d5fff7ee47de301fdad.png) top no-repeat, url(images/the-grand-tournament/just-revealed-card-background-01adc708ec3fadf39d5044c1f96b79acb77d070c2bc0270bea30a7ab31556a19e01f1834aacfbcf8bbb4bc2a1bb56f3b76c0938b3c2a2ec098de48b8db41fc52.png) calc(50% + 390px) 60px no-repeat
	}
}
@media only screen and (min-width:40em) {
	.recently-revealed-section--with-cards .recently-revealed-wrapper--whispers-of-the-old-gods {
		background: url(images/whispers-of-the-old-gods/just-revealed-bg-beac7aa29742c1e40a109b05ac168f19ad42187e5c3ee1c68e7a9cd9fbf7a18eae3adceeb7fe7c24886a6623f4de4de52b0ba6f897c660a774d92a0dc8163c9b.png) top no-repeat
	}
}
.recently-revealed-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 32px;
	margin-bottom: 2rem
}
@media only screen and (min-width:40em) {
	.recently-revealed-container {
		display: block;
		position: relative;
		z-index: 10;
		height: 490px;
		width: 562px;
		margin: auto;
		padding-top: 90px
	}
	.recently-revealed-container:after {
		content: "";
		position: absolute;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-image: url(images/the-grand-tournament/just-revealed-card-foreground-0a03c6841bb5b00f62d6815db545bc833e835dc636eafe7c2f8610ff4e7ad44894009a51d159b24015536bf399aa9d30898abfd225cb546e0914b285d08a34f1.png);
		z-index: 5;
		right: -100px;
		bottom: -20px;
		width: 868px;
		height: 440px
	}
}
.recently-revealed-container--whispers-of-the-old-gods:after {
	display: none
}
.recently-revealed__img-container {
	display: inline-block;
	position: relative;
	z-index: 2;
	padding-bottom: 10px
}
@media only screen and (min-width:40em) {
	.recently-revealed__img-container {
		margin-top: 27px;
		margin-left: -2px
	}
}
@media only screen and (min-width:60em) {
	.recently-revealed__img-container+.recently-revealed__img-container {
		margin-left: 32px;
		margin-left: 2rem
	}
}
.recently-revealed__img {
	max-height: 330px
}
@media only screen and (min-width:40em) {
	.recently-revealed__img {
		max-height: 260px
	}
}
.recently-revealed__img+.recently-revealed__img {
	margin-top: 32px;
	margin-top: 2rem
}
@media only screen and (min-width:40em) {
	.recently-revealed__img+.recently-revealed__img {
		margin-top: 0
	}
}
.recently-revealed-card-container {
	max-width: 800px;
	margin: 0 auto 32px;
	margin: 0 auto 2rem
}
.recently-revealed__text {
	display: inline-block;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #000;
	text-align: center
}
.recently-revealed__text:hover {
	color: #e22c14;
	text-decoration: none
}
.recently-revealed__text--small {
	position: relative;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.1;
	display: inline-block;
	padding-left: 35px;
	text-align: center
}
@media only screen and (min-width:60em) {
	.recently-revealed__text--small {
		font-size: 24px;
		font-size: 1.5rem
	}
}
.recently-revealed__text--small .external-icon {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 1px
}
@media only screen and (min-width:40em) {
	.revealed-content-container {
		padding-left: 16px;
		padding-left: 1rem;
		padding-right: 16px;
		padding-right: 1rem
	}
}
.body-text--expansion-vote {
	max-width: 33em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0
}
.the-grand-tournament .page-header-bg-chunk {
	position: absolute;
	top: -32px;
	right: 0;
	left: 0;
	height: 486px;
	background: url(images/the-grand-tournament/header-intro-bg-small-3aee26539d1128eb321dc94b8380b72bcbc827e323ba4c53befc138473d0bb43c6dd3cfa23b24bd16f203f19500a16175a692bd97bc616e302975c869ad94038.png) top no-repeat;
	background-size: contain
}
@media only screen and (min-width:30em) {
	.the-grand-tournament .page-header-bg-chunk {
		top: -47px
	}
}
@media only screen and (min-width:40em) {
	.the-grand-tournament .page-header-bg-chunk {
		top: -55px;
		background-image: url(images/the-grand-tournament/header-intro-bg-d5c81597727f59bc5beb3d14f5776966c7aa1ef206554b73fdbb7595def01851064037f16e72a1cf090106330b6666746e623adc2263857bee1fb314afb45c7f.png);
		background-size: auto
	}
}
.the-grand-tournament .lightbox-wrapper {
	max-width: 80%;
	margin: auto
}
.the-grand-tournament .modal-container {
	max-width: none;
	width: auto
}
.the-grand-tournament #lightbox-container {
	background-color: #0d0804
}
.lightbox-wrapper--expansion:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: #000;
	filter: alpha(opacity=70);
	opacity: .7;
	z-index: -1
}
.lightbox-wrapper--expansion .modal-container {
	outline: none
}
.features-text__heading {
	display: block;
	margin-bottom: 8px;
	margin-bottom: .5rem
}
@media only screen and (min-width:40em) {
	.features-text--banners {
		text-align: center
	}
}
.expansion--cards #lightbox-container .control-wrapper {
	display: none
}
@media only screen and (min-width:40em) {
	.features-text--banners {
		float: left;
		width: 47%
	}
}
@media only screen and (min-width:40em) {
	.features-text--banners+.features-text--banners {
		float: right
	}
}
.features-text--banners:before {
	background-image: url(images/the-grand-tournament/sprite-4eb6163e271ab9a5d339078cea59612aaeed4fd5009e9bf75a313a47c5d3d389a9e725b07df8469704b08a7ddd67d4211c003b404eb304619b3d9b5d1be0cb00.png);
	background-position: 0 0;
	background-size: auto 100%;
	height: 66px;
	width: 66px
}
.features-text--banners-knights:before {
	background-position: -69px 0
}
.arrow-link--how-to-buy {
	float: none;
	text-align: center;
	margin-bottom: 32px;
	margin-bottom: 2rem
}
@media only screen and (min-width:60em) {
	.arrow-link--how-to-buy {
		margin-bottom: 48px;
		margin-bottom: 3rem
	}
}
.modal-container--tgt {
	background: #f1d6a9 50% 0 repeat-y;
	position: relative
}
.how-to-buy-section {
	max-width: 50em;
	margin: 16px auto;
	margin: 1rem auto;
	padding: 16px;
	padding: 1rem;
	text-align: center
}
@media only screen and (min-width:40em) {
	.how-to-buy-section {
		padding-left: 64px;
		padding-left: 4rem;
		padding-right: 64px;
		padding-right: 4rem
	}
}
.heading--how-to-buy {
	margin-bottom: 16px;
	margin-bottom: 1rem
}
@media screen and (max-height:740px) and (max-width:420px) {
	.heading--how-to-buy {
		font-size: 16px;
		font-size: 1rem;
		margin-bottom: 8px;
		margin-bottom: .5rem
	}
	.body-text--how-to-buy {
		font-size: 11px;
		font-size: .6875rem
	}
	.how-to-buy__img {
		max-width: 150px
	}
}
.body-text--how-to-buy {
	padding: 0;
	margin: 0
}
.wayin-hub-container {
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:40em) {
	.wayin-hub-container {
		padding: 0
	}
}
#expansion-the-grand-tournament-logo-container {
	margin-top: 0
}
@media only screen and (min-width:60em) {
	#expansion-the-grand-tournament-logo-container {
		position: relative;
		left: -2em
	}
}
#expansion-the-grand-tournament-logo-container .expansion-logo {
	position: relative;
	left: -1.5em
}
#buy-the-grand-tournament-packs {
	z-index: 1;
	left: -1.5em;
	position: relative;
	top: -25px;
	text-align: center
}
#buy-the-grand-tournament-packs .hearthstone-cta__text {
	font-size: 12px;
	font-size: .8rem
}
@media only screen and (min-width:30em) {
	#buy-the-grand-tournament-packs .hearthstone-cta__text {
		white-space: nowrap
	}
}
.league-of-explorers .page-header-bg-chunk {
	background: url(images/league-of-explorers/header-intro-bg-small-b339ea9a7c0cb8a499842cfc6e1e8bbf78534409794cb841a1fbcb2ac8bd2de7a7f61f8f3326409d380e65c83ca152407b6e7223dc60b8c56ec98f4482eadcc0.png) top no-repeat;
	height: 406px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.league-of-explorers .page-header-bg-chunk {
		background-image: url(images/league-of-explorers/header-intro-bg-small@2x-077073662ea2bb479f56326ccd222c9a580abd1410b1de6a45e0a031fd229e8c68258d1118869d8a881b11a90dd48bd2eafe441e6414b119a7c89686bcac210c.png);
		background-size: cover
	}
}
@media only screen and (min-width:40em) {
	.league-of-explorers .page-header-bg-chunk {
		background-image: url(images/league-of-explorers/header-intro-bg-med-00f3e6c7e474eee034b9eebbeddfe4ca74cae2a3f555449e55be940ed390b153ddef78ab560dddf37017e3a5e3224dd8b73ca9e62e3d9db562224553d427a047.png);
		height: 437px;
		top: -47px;
		background-size: auto
	}
}
@media only screen and (min-width:72.5em) {
	.league-of-explorers .page-header-bg-chunk {
		background-image: url(images/league-of-explorers/header-intro-bg-8d2a8d56ffd559b8518e7bbfbe71265b4990d3f4a4f8a2f2fdff7ea1ab2452f024e383801978267809c1a4351835806d0174a56a0eb95aef5e688c1b1df29886.png)
	}
	.es-es.league-of-explorers .page-header-bg-chunk, .es-mx.league-of-explorers .page-header-bg-chunk, .fr-fr.league-of-explorers .page-header-bg-chunk, .it-it.league-of-explorers .page-header-bg-chunk {
		background-image: url(images/league-of-explorers/header-intro-bg-alt-308057829f29dfba8f8b32567db9bee6ddf727af6354d26f80ddbab9b8ef0975ef072517fc9cdfb6188ba4ad9cdf82542d3eb3620b76fe9b385f04ed457b38d7.png)
	}
}
@media only screen and (min-width:40em) {
	.adventure-sub-logo--league-of-explorers {
		margin-top: 10px
	}
}
@media only screen and (min-width:60em) {
	.league-of-explorers-intro {
		position: relative;
		z-index: 1
	}
	.league-of-explorers-intro:after {
		content: "";
		background: url(images/league-of-explorers/boneraptor-936745b9c569e026141dbc961eff8ee0ec70d587b07d78a670f7b8a81c3fe45c702cae46ecb89233064f43db7c9e6fda04c6afbbc7ac25768881229acb0499dc.png) 50% no-repeat;
		background-size: contain;
		height: 240px;
		width: 220px;
		position: absolute;
		right: 10px;
		bottom: -110px;
		z-index: 5
	}
}
@media only screen and (min-width:60em) {
	.expansion-video-container--league-of-explorers {
		position: relative;
		z-index: -1
	}
}
.expansion-video--league-of-explorers {
	background: url(images/league-of-explorers/video-bg-6ab2c6b5704a5843dd6e19625bf4994f4713726e315524a6b27607cffd960ca7a8a7b52dce25d84c1e35fbb6523724e19cfda4fa65c9bf5caaba8ded0124443a.jpg) 50% no-repeat
}
.league-of-explorers .intro-overview__heading:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -628px 0 no-repeat
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.league-of-explorers .intro-overview__heading:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.one-night-in-karazhan .page-header-bg-chunk {
	background: url(images/one-night-in-karazhan/header-intro-bg-small-918d36d632c9502c7953ab6c54c83bba04a747c978253de1e811881da865768723db0604d6a709ba2c4e1ea42c3cb25ecf4ffbd3e740897c220525c196229164.png) top no-repeat;
	height: 406px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.one-night-in-karazhan .page-header-bg-chunk {
		background-image: url(images/one-night-in-karazhan/header-intro-bg-small@2x-795f4ab43babfc6616ff068e2ef95d0a760f7ee3b107e0ee989df025436e344f131da7eed45193b8b32d0eec383eb1d635dae501d27ff2ff36a22300ea236f18.png);
		background-size: cover
	}
}
@media only screen and (min-width:40em) {
	.one-night-in-karazhan .page-header-bg-chunk {
		background-image: url(images/one-night-in-karazhan/header-intro-bg-med-01459399c68b90656d1e60dfd0d5679f94c01cc3328942809951b276de0aa7de91aaa22ed4a043443a36d1b79eeb17d975c50e6675804f279b75a59685360635.png);
		height: 437px;
		top: -47px;
		background-size: auto
	}
}
@media only screen and (min-width:72.5em) {
	.one-night-in-karazhan .page-header-bg-chunk {
		background-image: url(images/one-night-in-karazhan/header-intro-bg-2dd32786b87353bc61c4453d0a40b44a6c02753596fa63ce38505c19220f3781d4c8104dca1db2b85bbd4a57cb022613e2f7cf06ea55a17cc1c88d6c1c8c99e0.png)
	}
}
@media only screen and (min-width:40em) {
	.adventure-sub-logo--one-night-in-karazhan {
		margin-top: 10px
	}
}
@media only screen and (min-width:60em) {
	.one-night-in-karazhan-intro {
		position: relative;
		z-index: 1
	}
	.one-night-in-karazhan-intro:after {
		content: "";
		background: url(images/one-night-in-karazhan/cutlery-55eb1371279f278ca6ebe58759657d3d8f6f61f62a1c33894ef49d6aa601e9182d7c7db9ab562db0800d387592280f9d52067a72d1728c0a9f9370f8036a499f.png) 50% no-repeat;
		background-size: contain;
		height: 240px;
		width: 220px;
		position: absolute;
		right: 10px;
		bottom: -110px;
		z-index: 5
	}
}
@media only screen and (min-width:60em) {
	.expansion-video-container--one-night-in-karazhan {
		position: relative;
		z-index: -1
	}
}
.expansion-video--one-night-in-karazhan {
	background: url(images/one-night-in-karazhan/video-bg-18a8228d01d703f4088d5af563227d4045eb4dbc3f826244ad1cd0a3d8ff2d65960b0b5c9749bad52549924c2d6e0d73ffb224f8b713437287d476b05067f035.jpg) 50% no-repeat
}
.one-night-in-karazhan .intro-overview__heading:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -697px 0 no-repeat
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.one-night-in-karazhan .intro-overview__heading:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.whispers-of-the-old-gods .page-header-bg-chunk {
	position: absolute;
	top: -18px;
	right: 0;
	left: 0;
	height: 486px;
	background: url(images/whispers-of-the-old-gods/header-intro-bg-small-4c6555367659fd948046258891ea48b0b4e8d8f1ccd525e18d26726350563cc110ecdd2f770074aeab2252e078d3872c90303b779c5d11b058a44b503873b9c8.png) top no-repeat;
	background-size: contain
}
@media only screen and (min-width:40em) {
	.whispers-of-the-old-gods .page-header-bg-chunk {
		top: -34px;
		background-image: url(images/whispers-of-the-old-gods/header-intro-bg-e63ad587bdb6def64ed7e1444578c9408fa7f97ef67f1c56e9dbde7f2e5f14807e6d3a1e7c45548305b170f2334011de722f9d8c203a500820f27d4bcf28e0b3.png);
		background-size: auto
	}
}
@media only screen and (min-width:40em) {
	.whispers-of-the-old-gods .expansion-logo-container {
		margin-top: 24px;
		margin-top: 1.5rem
	}
}
.whispers-of-the-old-gods .expansion-header {
	margin-top: 18%
}
@media only screen and (min-width:30em) {
	.whispers-of-the-old-gods .expansion-header {
		margin-top: 25%
	}
}
@media only screen and (min-width:40em) {
	.whispers-of-the-old-gods .expansion-header {
		margin-top: 0
	}
}
.whispers-of-the-old-gods .expansion-logo {
	width: 350px
}
.influencers-list {
	padding-top: 32px;
	padding-top: 2rem
}
.influencers-list__item {
	margin-bottom: 16px;
	margin-bottom: 1rem
}
@media only screen and (min-width:30em) {
	.influencers-list__item {
		width: 50%;
		display: inline-block;
		vertical-align: top;
		padding-right: 32px;
		padding-right: 2rem;
		margin-bottom: 32px;
		margin-bottom: 2rem
	}
}
@media only screen and (min-width:60em) {
	.influencers-list__item {
		width: 33.3%
	}
	.influencers-list__item:nth-of-type(3n) {
		padding-right: 0
	}
}
.arrow-link__view--influencers {
	font-size: 16px;
	font-size: 1rem
}
.arrow-link__view--influencers:after {
	margin-top: -2px
}
.arrow-link__view--card-influencers {
	font-size: 24px;
	font-size: 1.5rem
}
.influencers-list__description {
	font-style: italic;
	font-size: 14px;
	font-size: .875rem
}
.features-text--whispers-of-the-old-gods {
	vertical-align: top;
	padding-right: 32px;
	padding-right: 2rem
}
@media only screen and (min-width:40em) {
	.features-text--whispers-of-the-old-gods {
		text-align: center
	}
}
@media only screen and (min-width:40em) {
	.features-text--whispers-of-the-old-gods+.features-text--whispers-of-the-old-gods {
		padding-left: 0
	}
}
.features-text--whispers-of-the-old-gods:nth-of-type(2n) {
	padding-right: 0
}
.features-text--whispers-of-the-old-gods:before {
	background-image: url(images/whispers-of-the-old-gods/sprite-e48a0bb76fe503c60f3662e618fa5b996eb66dda16361983a37c40576ac6c06cc63353a68ffb57736f3d7a51c547384082969b7c8c99232434b918c5a7f63849.png);
	background-position: 0 0;
	background-size: auto 100%;
	height: 66px;
	width: 66px
}
.features-text--whispers-of-the-old-gods-call:before {
	background-position: -70px 0
}
.features-text--whispers-of-the-old-gods-corrupted:before {
	background-position: -139px 0
}
.features-text--whispers-of-the-old-gods-more:before {
	background-position: -209px 0
}
.all-cards, .vote-module-wrapper {
	margin-top: 16px;
	margin-top: 1rem
}
.social-wall-wrapper {
	margin-top: 32px;
	margin-top: 2rem;
	margin-bottom: 32px;
	margin-bottom: 2rem
}
@media only screen and (min-width:60em) {
	.expansion-video--whispers-of-the-old-gods {
		background: url(images/whispers-of-the-old-gods/video-bg-a1f0e0d9680d614d9d5c981564593832c554dc4f5f26ec44c055a9408491cc43aed9e2096fcefbbe6fc368d5e2e0bb1c410225638b62382d4bcc46ff106e1af8.jpg) 50% no-repeat
	}
}
@media only screen and (min-width:60em) {
	.expansion-video-container--whispers-of-the-old-gods {
		padding-top: 6px;
		padding-top: .4rem
	}
}
@media only screen and (min-width:72.5em) {
	.expansion-video-container--whispers-of-the-old-gods {
		position: relative;
		padding-top: 32px;
		padding-top: 2rem
	}
	.expansion-video-container--whispers-of-the-old-gods:after {
		content: "";
		position: absolute;
		right: 0;
		bottom: -18px;
		left: 0;
		background: url(images/whispers-of-the-old-gods/cinematic-tentacles-fd69ea712c2b91d79aec8c68e39e8781ec3f41bcede40f92d6246c47d52e5e2c0798cdc02e74c9562949d47197e74f0f3cde3f18c88177b61735c61dea4d16c7.png) 50% no-repeat;
		height: 640px
	}
}
.recently-revealed-section--whispers-of-the-old-gods {
	position: relative;
	z-index: 1
}
@media only screen and (min-width:40em) {
	.recently-revealed-section--whispers-of-the-old-gods {
		padding-left: 0;
		padding-right: 0
	}
}
@media only screen and (min-width:60em) {
	.recently-revealed-section--whispers-of-the-old-gods {
		padding-top: 16px;
		padding-top: 1rem
	}
}
.recently-revealed-section--with-cards {
	padding-top: 24px;
	padding-top: 1.5rem
}
.recently-revealed__card-img--whispers-of-the-old-gods {
	position: relative;
	z-index: -1;
	-webkit-transform: scale(1.35);
	-ms-transform: scale(1.35);
	transform: scale(1.35);
	margin-top: 5%;
	margin-bottom: -6%
}
@media only screen and (min-width:40em) {
	.recently-revealed__card-img--whispers-of-the-old-gods {
		-webkit-transform: scale(1.4);
		-ms-transform: scale(1.4);
		transform: scale(1.4);
		margin-bottom: -10%
	}
}
@media only screen and (min-width:48.75em) {
	.recently-revealed__card-img--whispers-of-the-old-gods {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		margin-top: -1%
	}
}
@media only screen and (min-width:60em) {
	.recently-revealed__card-img--whispers-of-the-old-gods {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		margin-top: -7%;
		margin-bottom: -12%;
		max-width: 1000px
	}
}
@media only screen and (min-width:60em) {
	.awaken-an-ancient-evil-details {
		margin-top: -80px;
		margin-top: -5rem
	}
}
.overflow-scroll-block {
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}
.media-content-container--expanions:after {
	display: none
}
@media only screen and (min-width:60em) {
	.media-content-container--expanions .media-content:nth-of-type(5):last-of-type {
		margin-left: 32px;
		margin-left: 2rem
	}
}
.lowered-section--vote-whispers-of-the-old-gods {
	padding-top: 50px
}
@media only screen and (min-width:40em) {
	.lowered-section--vote-whispers-of-the-old-gods {
		padding-top: 80px
	}
}
@media only screen and (min-width:72.5em) {
	.lowered-section--vote-whispers-of-the-old-gods {
		margin-top: 48px;
		margin-top: 3rem
	}
}
@media only screen and (min-width:60em) {
	.content-container--vote-whispers-of-the-old-gods {
		position: relative;
		z-index: 5;
		min-height: 500px
	}
	.content-container--vote-whispers-of-the-old-gods:after, .content-container--vote-whispers-of-the-old-gods:before {
		content: "";
		position: absolute;
		background-position: 0 0;
		background-repeat: no-repeat;
		z-index: -1
	}
	.content-container--vote-whispers-of-the-old-gods:before {
		width: 891px;
		height: 783px;
		background-image: url(images/whispers-of-the-old-gods/voting-bg-left-938862173682d2105e270af67027840eadf0e41f41b8dfbadf720b5c1b330c9ac78aece382bdae1c839261064e488116f81aeba4c873429710f3a2eca6e8514c.png);
		top: -240px;
		-webkit-transform: scale(.65);
		-ms-transform: scale(.65);
		transform: scale(.65);
		right: 37%
	}
	.content-container--vote-whispers-of-the-old-gods:after {
		width: 1029px;
		height: 787px;
		background-image: url(images/whispers-of-the-old-gods/voting-bg-right-f7ef1179ca76ab9eaf50b109597038e0a2ca8c774360464672bc1d201e34675d13865931d25b6d6e1b86d5d46027b5d82bfe9fc5c2fe51672c6a5039e09eecc4.png);
		top: -240px;
		left: 27%;
		-webkit-transform: scale(.65);
		-ms-transform: scale(.65);
		transform: scale(.65)
	}
}
@media only screen and (min-width:72.5em) {
	.content-container--vote-whispers-of-the-old-gods:before {
		top: -210px;
		right: auto;
		left: -220px;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}
@media only screen and (min-width:72.5em) {
	.content-container--vote-whispers-of-the-old-gods:after {
		top: -200px;
		right: -245px;
		left: auto;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}
.vote-head-container {
	margin-bottom: 48px;
	margin-bottom: 3rem
}
@media only screen and (min-width:72.5em) {
	.vote-head-container {
		margin-top: 32px;
		margin-top: 2rem
	}
}
.content-container--purchase {
	padding-top: 16px;
	padding-top: 1rem
}
.influencers-head-container {
	margin-top: 16px;
	margin-top: 1rem;
	margin-bottom: 16px;
	margin-bottom: 1rem
}
.media-frame--whispers-of-the-old-gods {
	position: relative;
	margin: 8px;
	z-index: 1;
	margin-top: 32px;
	margin-top: 2rem;
	margin-bottom: 24px;
	margin-bottom: 1.5rem
}
@media only screen and (min-width:40em) {
	.media-frame--whispers-of-the-old-gods {
		margin-top: 0
	}
}
.media-frame--whispers-of-the-old-gods:before {
	content: "";
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	border: 8px solid #dec79b;
	border-width: 17px 20px;
	border-image: url(images/game-guide/heroes/artwork-frameV2-e42466cbd049349b5645d045a1678ab896ed1cacea3ec4d11b99eb2184e9db9d07d3949872d14f9ee5604913e7602f143627928fc3375e785a235d24653e6c7d.png) 17 20 stretch;
	z-index: -1
}
.media-frame--whispers-of-the-old-gods img {
	display: block
}
.recently-revealed-container--whispers-of-the-old-gods {
	margin-bottom: 16px;
	margin-bottom: 1rem
}
.content-container--whispers-of-the-old-gods-cards {
	padding-top: 0
}
@media only screen and (min-width:40em) {
	.content-container--whispers-of-the-old-gods-cards {
		padding-top: 48px;
		padding-top: 3rem
	}
}
.expansion-header-container {
	margin-top: -32px;
	margin-top: -2rem
}
@media only screen and (min-width:40em) {
	.expansion-header-container {
		margin-top: 0
	}
}
#expansion-whispers-of-the-old-gods-logo-container {
	top: -10px
}
.adventure-rewards-section {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(170%);
	-ms-transform: translate(170%);
	transform: translate(170%);
	white-space: nowrap;
	background-color: #f1d6a9;
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
	padding-top: 44px;
	z-index: 100
}
@media only screen and (min-width:40em) {
	.adventure-rewards-section {
		padding-top: 0;
		position: static;
		background-color: transparent;
		width: auto;
		overflow: hidden;
		clear: both;
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.adventure-back {
	z-index: 99;
	text-align: left;
	padding: 8px 16px;
	padding: .5rem 1rem;
	border-bottom: 1px solid #d0b582
}
@media only screen and (min-width:40em) {
	.adventure-back {
		display: none
	}
}
.adventure-back .hearthstone-button {
	padding: 2px 3px
}
.adventure-back .hearthstone-button__inner {
	padding: 3px
}
.adventure-back .hearthstone-button__btn {
	min-height: 16px;
	min-height: 1rem;
	height: 28px;
	height: 1.8rem
}
.adventure-back .hearthstone-button__text {
	padding: 3px 6px;
	padding: .2rem .4rem;
	box-shadow: none;
	font-size: 16px;
	font-size: 1rem
}
.adventure-rewards-container {
	position: relative;
	overflow: hidden;
	overflow-y: auto;
	height: 100%;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid #f6e1ba;
	padding-top: 16px;
	padding-top: 1rem;
	padding-bottom: 48px;
	padding-bottom: 3rem
}
@media only screen and (min-width:40em) {
	.adventure-rewards-container {
		overflow-y: visible;
		-webkit-overflow-scrolling: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0
	}
}
.adventure-wings {
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:40em) {
	.adventure-wings {
		padding: 0
	}
}
.adventure-wing {
	font-size: 14px;
	font-size: .875rem;
	border-bottom: 1px solid #cbb586;
	border-top: 1px solid #f8e2b3
}
@media only screen and (min-width:40em) {
	.adventure-wing {
		border: none
	}
}
.adventure-wing.is-active .adventure-wing__link {
	color: #63170a;
	pointer-events: none
}
.adventure-wing.is-active .adventure-wing__link:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	height: 12px;
	width: 7px;
	background: url(images/icons/arrows4-79b38779dc07b0a0e508415f242ff12b9e884062ae4a045d674275de7421c5e668de80f639c8faf5f5acadb37a0e7d460875ab6ce72457ade7b6f62556fe2d55.png) 0 0 no-repeat
}
.adventure-wing.is-active .adventure-wing__link:hover {
	text-decoration: none
}
.adventure-wing__link, .adventure-wing__locked {
	display: block;
	padding: 9px 16px;
	padding: .6rem 1rem;
	font-size: 17px;
	font-size: 1.1rem;
	line-height: 1
}
@media only screen and (min-width:40em) {
	.adventure-wing__link, .adventure-wing__locked {
		padding: 9px 16px 9px 0;
		padding: .6rem 1rem .6rem 0
	}
}
.adventure-wing__link {
	font-weight: 700;
	position: relative
}
.adventure-wing__link:hover {
	color: #63170a;
	text-decoration: none
}
.adventure-wing__locked {
	color: #8e8267;
	line-height: 1;
	margin-top: 0;
	margin-bottom: 0
}
.adventure-wing__locked p {
	padding: 0;
	margin: 0
}
.article-contianer {
	padding: 16px;
	padding: 1rem;
	max-width: 992px;
	max-width: 62rem;
	margin: auto
}
@media only screen and (min-width:60em) {
	.article-contianer {
		padding: 32px 0;
		padding: 2rem 0;
		width: 98%;
		width: calc(100% - 2rem)
	}
}
@media only screen and (min-width:60em) {
	.article-wrapper {
		margin-right: -336px;
		margin-right: -21rem;
		float: left;
		width: 100%
	}
}
@media only screen and (min-width:60em) {
	.article-wrapper .article {
		padding-right: 368px;
		padding-right: 23rem
	}
}
.article-header {
	margin-bottom: 1em
}
.article-header .heading--small {
	font-size: 24px;
	font-size: 1.5rem
}
.ko-kr .article-content {
	font-family: Dotum
}
.header-image {
	text-align: center;
	position: relative;
	margin: 16px auto 8px;
	margin: 1rem auto .5rem
}
@media only screen and (min-width:60em) {
	.header-image {
		padding: 14px 0 19px;
		padding: .875rem 0 1.2rem
	}
}
.header-image img {
	display: block
}
.community-share {
	padding: 8px 16px;
	padding: .5rem 1rem;
	margin-top: 16px;
	margin-top: 1rem
}
.blog-article .page-body {
	padding-top: 0
}
.disabled-comments-msg {
	padding: .6em 0;
	text-align: center;
	margin-bottom: 20px
}
.content-section--featured {
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding-top: 17px;
	margin-bottom: 40px;
	margin-bottom: 2.5rem;
	position: relative
}
@media only screen and (min-width:60em) {
	.content-section--featured {
		overflow: visible
	}
}
.explore-nav-is-out .content-section--featured {
	overflow: hidden
}
.news-card-list {
	white-space: nowrap;
	font-size: .1em;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden
}
@media only screen and (min-width:60em) {
	.news-card-list {
		text-align: center;
		white-space: normal;
		margin: 0 auto;
		width: auto;
		max-width: 1160px;
		overflow: visible
	}
}
.news-card {
	width: 263px;
	padding: 20px 20px 18px;
	height: 270px;
	overflow: hidden;
	position: relative;
	z-index: 1
}
.news-card, .news-card:before {
	display: inline-block;
	background: transparent url(images/blog/featured-article-bg-e86c90a1b3e779331f348a8b695ceec76022f5ee49e8e3f0c20c927abda2a8360d1ef227d9e60921268ae5d5ee2d3bf719c7c2916c9009e3225485413ee86161.png) no-repeat;
	background-size: 100%;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden
}
.news-card:before {
	content: "";
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	transition: all .15s ease-out
}
.news-card:hover:before {
	opacity: 1
}
.news-card:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.news-card:hover .article-title a {
	color: #e22c14
}
@media only screen and (min-width:60em) {
	.news-card {
		width: 305px;
		max-width: 33%;
		height: 312px;
		padding: 23px
	}
}
.news-card+.news-card {
	margin-left: 1.4em
}
.news-card__title {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
	max-height: 2.6em;
	margin-bottom: .5em
}
.th-th .news-card__title {
	line-height: 1.35
}
.news-card__image {
	overflow: hidden
}
.news-card__image--link {
	display: block;
	position: relative;
	padding-bottom: 50%
}
.news-card__image--link img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all .15s ease-out
}
.news-card__bd {
	text-align: left;
	padding: .5em 1em;
	white-space: normal;
	font-size: 14px;
	font-size: .875rem
}
.news-card__content {
	height: 6.1em
}
@media only screen and (min-width:60em) {
	.news-card__content {
		height: 7.4em
	}
}
.news-card__summary {
	font-size: 13px
}
.news-card__meta {
	padding-top: .5em
}
.news-card-list {
	position: relative
}
@media only screen and (min-width:72.5em) {
	.news-card-list:before {
		content: "";
		position: absolute;
		height: 131px;
		width: 128px;
		background: transparent url(images/blog/frog-5bda102b7339f453d85086ae1c71ed8aa118c19657961a128abeb78643e29cc2a3f0319940a0ae684c47d149ec2ed630c531e90caf9494503e2ab536a1f01d9d.png) no-repeat;
		bottom: -39px;
		right: 19px;
		z-index: 10
	}
	.news-card-list:after {
		content: "";
		position: absolute;
		height: 21px;
		width: 42px;
		background: transparent url(images/blog/eyes-f51db4926c25cfdf02f8fbc1440f7e441237aa7bd726bfe38b3c2109beeb8ebeed34995fe9df14adff183e9b6b520f0a41dae51c7f8b912bbb25099c05b854d5.gif) no-repeat;
		bottom: 60px;
		right: 71px;
		z-index: 12
	}
}
@media only screen and (min-width:60em) {
	.articles-container {
		padding: 0 68px
	}
}
.article-list-container {
	max-width: 840px;
	max-width: 52.5rem;
	margin: 0 16px;
	margin: 0 1rem
}
@media only screen and (min-width:60em) {
	.article-list-container {
		margin: 0;
		width: 98%;
		width: calc(100% - 2rem)
	}
}
@media only screen and (min-width:40em) {
	.article-list-title {
		padding: 0 0 1em;
		background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/knight/content-separator2.png) bottom no-repeat
	}
}
.article-list__item {
	padding: 1em 0;
	clear: both
}
.article-list__item+.article-list__item {
	border-top: 1px solid #d5c29a
}
.media__image--news {
	float: left;
	width: 30%;
	max-width: 202px
}
.media__bd--news {
	padding-left: 1em
}
.blog-article .article-wrapper .article-content li {
	list-style: inherit
}
.bnet-comments {
	padding: 56px 0 0;
	padding: 3.5rem 0 0;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	clear: left
}
@media only screen and (min-width:60em) {
	.bnet-comments {
		margin-right: -336px;
		margin-right: -21rem;
		padding-right: 368px;
		padding-right: 23rem;
		width: 100%
	}
}
.bnet-comments .comments-list {
	float: left;
	width: 100%
}
.bnet-comments .comment-tile, .bnet-comments .comments-error-gate, .bnet-comments .comments-form, .bnet-comments .disabled-comments-msg {
	display: block;
	background-color: #dec79b;
	background-color: rgba(116, 50, 0, .07)
}
.bnet-comments .comment-tile--centered, .bnet-comments .comments-error-gate--centered, .bnet-comments .comments-form--centered, .bnet-comments .disabled-comments-msg--centered {
	text-align: center
}
.bnet-comments .subheader-2 {
	color: #03345f;
	font: 700 24px/38px Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	background: url(images/layout/cms/bg-comments-shadow-top-137ca9a7009fc1b20b0a6b78a104fc2844ddf79ab883f9c86e35bc221a670d2824b8e83455314b32caf960b290c29719669012583609c3c3f4370debfa99cf09.png) 50% 100% no-repeat;
	padding-bottom: 9px;
	margin-bottom: 12px
}
.bnet-comments .comments-control .clear {
	display: none !important
}
@media only screen and (max-width:39.99em) {
	.bnet-comments .comment-nested {
		padding-left: 30px
	}
}
@media only screen and (max-width:39.99em) {
	.bnet-comments .comment-nested .comment-tile, .bnet-comments .comment-tile {
		padding: 15px
	}
	.bnet-comments .comment-nested .comment-tile .bnet-avatar, .bnet-comments .comment-tile .bnet-avatar {
		position: static;
		float: left;
		margin: 0 21px 21px 0
	}
}
@media only screen and (max-width:39.99em) {
	.bnet-comments .comment-body {
		clear: left
	}
}
.bnet-comments .comments-form .input-wrapper textarea {
	width: 100%;
	border: none;
	border-radius: 5px;
	padding: 16px;
	padding: 1rem
}
.bnet-comments .moderator-controls {
	border: none;
	background: none
}
.bnet-comments span.clear {
	display: none
}
.bnet-comments .comment-tile .comment-foot .ui-button {
	visibility: visible;
	transition: opacity .3s
}
@media only screen and (min-width:60em) {
	.bnet-comments .comment-tile .comment-foot .ui-button {
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity="0")';
		filter: alpha(opacity=0)
	}
}
.bnet-comments .comment-rating {
	position: absolute;
	right: 16px;
	right: 1rem;
	top: 16px;
	top: 1rem;
	color: #811ab0
}
.bnet-comments .comment-rating+.rate-post-wrapper {
	margin-top: 32px;
	margin-top: 2rem
}
.comment-tile:hover .comment-foot .ui-button, .comment-tile:hover .rate-option, .comment-tile:hover .rate-post-login {
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity="100")';
	filter: alpha(opacity=100)
}
.blog-article .rate-option, .blog-article .rate-post-login {
	transition: opacity .3s ease-out;
	visibility: visible !important;
	float: right
}
.blog-article .rate-option .button-right, .blog-article .rate-post-login .button-right {
	color: #fff
}
@media only screen and (min-width:60em) {
	.blog-article .rate-option, .blog-article .rate-post-login {
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity="0")';
		filter: alpha(opacity=0)
	}
}
@media only screen and (min-width:60em) {
	.rate-post-login.comment-rating {
		opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity="100")';
		filter: alpha(opacity=100)
	}
}
.rate-post-wrapper {
	float: right;
	margin-top: 0;
	padding: 0;
	width: auto
}
.bnet-comments .comment-tile .comment-foot {
	margin-top: 32px;
	margin-top: 2rem
}
.tab-menu {
	padding: 0 30px;
	margin: 0 4px;
	background: url(images/ui/tab-menu-ecc7cdc17b5ab25f744be646da0c16705273c631bc1a4bae210d76cb8f6ab09476a0c4d58eff8dcfee70ae6fd2e74477f687a6010496a38617ea17e169848021.gif) transparent 0 100% repeat-x
}
.tab-menu li {
	display: inline-block;
	height: 35px;
	margin-right: 1px
}
.tab-menu li a {
	position: relative;
	top: -1px;
	display: block;
	height: 33px;
	font: normal 13px/33px Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	text-transform: uppercase;
	border: 1px solid #e0c99d;
	border-bottom: 0 !important;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}
.ko-kr .tab-menu li a {
	font-family: Dotum
}
.tab-menu li a span {
	display: inline-block;
	height: 33px;
	padding: 0 15px;
	background-color: #e0c99d;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	letter-spacing: -1px
}
.tab-menu li a:hover span {
	text-decoration: underline
}
.tab-menu li a.tab-active, .tab-menu li a.tab-active:hover {
	top: 0;
	border: 1px solid #d7c090;
	border-bottom: 0 !important
}
.tab-menu li a.tab-active {
	color: #000
}
.tab-menu li a.tab-active:hover span, .tab-menu li a.tab-active span {
	border: 1px solid #ddca9f;
	border-bottom: 0 !important;
	background-color: #ead7ac;
	height: 34px;
	text-decoration: none;
	cursor: default
}
.tab-menu li.tab-disabled a {
	color: #999898
}
.tab-menu li.tab-disabled a:hover {
	color: #999898;
	cursor: help;
	border-color: #e0c99d
}
.tab-menu li.tab-disabled a:hover span {
	text-decoration: none
}
.tab-menu li.tab-disabled a span {
	background: url(images/icons/tab-menu-disabled-b90f0511dc61b6c4c00fee01b19547dc2577d0f1090901dc6ccee280c97b355ae162ce75c81bb8b2890cbf91c293457647a41f676c78f7bc262c1b7c218cde49.gif) no-repeat scroll 82% 11px transparent;
	padding-right: 33px
}
.sidebar {
	margin-top: 32px;
	margin-top: 2rem
}
@media only screen and (min-width:60em) {
	.sidebar {
		margin-top: 0;
		width: 320px;
		width: 20rem
	}
}
.sidebar .article-list__item {
	clear: both;
	padding: 10px 7px
}
.sidebar .article-summary {
	display: none
}
.sidebar .article-meta {
	margin-bottom: 0
}
.sidebar .article-meta .comments-link {
	margin-left: 0
}
.sidebar .blog-load-more {
	margin: 8px 0;
	margin: .5rem 0;
	max-width: none
}
.sidebar .article-title {
	font-size: 13px;
	font-size: .8125rem;
	line-height: 1.3
}
.recent-articles-title {
	padding-bottom: 8px;
	margin-bottom: .875em;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/knight/content-separator2.png) 50% 100% no-repeat
}
@media only screen and (min-width:60em) {
	.recent-articles-title {
		background-image: url(images/layout/cms/bg-sidebar-shadow-top-f03764fa7c589cc23091bd7c7ac0173832dc8fc67175f79c9147667133ed977d11ba2df3bfbbec42cde3381cbcfdaf6fe677a6a26c42743cef0d24ca8b4e44a9.png)
	}
}
.on-view {
	background-color: #dec79b;
	background-color: rgba(116, 50, 0, .07);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border: 1px solid #d4ba8c
}
@media only screen and (min-width:60em) {
	.on-view {
		background-image: url(images/blog/arrow-recent-article-tab-99cbb277eeb5eec41ee535de5f68e45c0692dc0fed758e671ee231fabf0d08880275cc2b0aaed8d1ac33634f17f3a4b39f860cb331773db9553888f3ba9906d7.gif)
	}
}
.content-section--featured {
	background: transparent url(images/blog/blog-header-bg-cce5638f05e4a545fe3afc3565e6362d98b610139be3ade69516e4940565c2c9d0a64e34366c6571670aa5835f18566d71944f6ac16f56cbda5da0a7ca82f510.jpg) 50% 0 no-repeat
}
.blog .content-section {
	max-width: none
}
.blog .articles {
	max-width: 1160px;
	margin: auto
}
@media only screen and (min-width:60em) {
	.meetups-event-table {
		display: table;
		width: 100%
	}
}
.meetups-event-table--organizer {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/knight/content-separator2.png) top no-repeat, url(https://hearthstone.nosdn.127.net/3/minisite/knight/content-separator2.png) bottom no-repeat;
	padding-top: 32px;
	padding-bottom: 32px
}
.meetups-event-table__row {
	display: block
}
@media only screen and (min-width:60em) {
	.meetups-event-table__row {
		display: table-row
	}
}
.meetups-event-table__row--head {
	display: none
}
@media only screen and (min-width:60em) {
	.meetups-event-table__row--head {
		display: table-row
	}
}
@media only screen and (min-width:60em) {
	.meetups-event-table__cell {
		display: table-cell;
		box-sizing: border-box;
		vertical-align: top
	}
}
.meetups-event-table__cell--title {
	display: block
}
@media only screen and (min-width:60em) {
	.meetups-event-table__cell--title {
		display: table-cell
	}
}
.meetups-event-table__cell--time {
	display: block;
	white-space: nowrap
}
@media only screen and (min-width:60em) {
	.meetups-event-table__cell--time {
		display: table-cell
	}
}
.meetups-event-table__cell--city, .meetups-event-table__cell--country {
	text-transform: capitalize
}
.meetup-submit--disabled {
	cursor: wait
}
.fade {
	opacity: 0;
	transition: opacity .15s linear
}
.fade.in {
	opacity: 1
}
.collapse {
	display: none
}
.collapse.in {
	display: block
}
tr.collapse.in {
	display: table-row
}
tbody.collapse.in {
	display: table-row-group
}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition-property: height, visibility;
	transition-duration: .35s;
	transition-timing-function: ease
}
.fsg-form-button {
	background-color: #913a1f;
	background-position: 50%;
	background-size: 65% 65%, 100% 100%;
	background-repeat: no-repeat;
	width: 3.18em;
	height: 3.25em;
	z-index: 1;
	border-radius: .25rem;
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	cursor: pointer
}
.fsg-form-button:hover {
	background-color: #b14726
}
.fsg-form-select, .fsg-form-select--small {
	position: relative;
	height: 3.25em;
	line-height: 1;
	padding: 0
}
.fsg-form-select--small:before, .fsg-form-select:before {
	content: "";
	height: 100%;
	margin-right: 3.065em;
	display: block;
	position: relative;
	z-index: 0;
	border: .125em solid #f9f7f0;
	border-bottom-left-radius: 4px;
	border-bottom-left-radius: .25rem;
	border-top-left-radius: 4px;
	border-top-left-radius: .25rem;
	background: #fff;
	background: linear-gradient(#fffcf6, #f2eee8);
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	box-sizing: border-box
}
.fsg-form-select--small:after, .fsg-form-select:after {
	content: "";
	background: url(images/icons/fsg_input_select_dropdown_arrows@2x-90bdb169f8d502bfe4824ee9eaec177ef24b4f8196bf49705eea9686b02ea58d7b20de558d07acd33f398a66152b1b0bb2f11603740b9c19b4d45812af3dbe94.png) 50% no-repeat #913a1f;
	background: url(images/icons/fsg_input_select_dropdown_arrows@2x-90bdb169f8d502bfe4824ee9eaec177ef24b4f8196bf49705eea9686b02ea58d7b20de558d07acd33f398a66152b1b0bb2f11603740b9c19b4d45812af3dbe94.png) 50% no-repeat, url(images/fireside-gatherings/form-button-bg-10bf9ae28b5cf03a69a819cf5856a5dbf41b436433f5e5864e422339f916f25063b18a9d740474d458e76dd71f53083c5c39e2845e13d20a9252305d7d25a01b.jpg) #913a1f;
	background-size: 65% 65%, 100% 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 3.065em;
	height: 100%;
	z-index: 1;
	border-bottom-right-radius: 4px;
	border-bottom-right-radius: .25rem;
	border-top-right-radius: 4px;
	border-top-right-radius: .25rem;
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3)
}
.fsg-form-select--small select, .fsg-form-select select {
	background: transparent;
	border: 0;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 1.25em;
	color: #7c674a;
	box-sizing: border-box;
	padding: 0 3.452em 0 1em;
	vertical-align: middle
}
.fsg-form-select--small select::-ms-expand, .fsg-form-select select::-ms-expand {
	display: none
}
.fsg-form-select--small select:-moz-focusring, .fsg-form-select select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000
}
.fsg-form-select--small select:focus::-ms-value, .fsg-form-select select:focus::-ms-value {
	background: transparent;
	color: inherit
}
.fsg-form-select--small option, .fsg-form-select option {
	background: #fff;
	color: inherit;
	border: none;
	outline: none
}
.fsg-form-select--small:hover, .fsg-form-select:hover {
	cursor: pointer
}
.fsg-form-select--small:hover:after, .fsg-form-select:hover:after {
	background-color: #b14726
}
.fsg-form-select--small {
	font-size: 1em;
	height: 2.76em;
	line-height: 2.76em;
	display: inline-block;
	width: 16em;
	max-width: 100%;
	vertical-align: middle
}
@media only screen and (min-width:40em) {
	.fsg-form-select--small {
		font-size: .85em
	}
}
.fsg-form-select--small:after {
	width: 2.5em
}
.fsg-form-select--small:before {
	margin-right: 2.5em
}
.fsg-form-select--xsmall {
	width: 100%;
	display: block
}
@media only screen and (min-width:40em) {
	.fsg-form-select--xsmall {
		width: 16em
	}
}
.fsg-form-select--xsmall select {
	font-size: 1.1em
}
.fsg-form-select--xsmall optgroup {
	background-color: #fff
}
.fsg-form-select--dull {
	background: #f1d6a9
}
.fsg-form-select--dull:hover:after {
	background-color: #a0815d
}
.fsg-form-select--dull:after {
	background-color: #725a37
}
.fsg-form-select--dull:before {
	background: #f1d6a9;
	background: linear-gradient(#f5e0bf, #f1d6a9);
	border-color: #f5e0bf
}
.modal, .modal-open {
	overflow: hidden
}
.modal {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10010;
	-webkit-overflow-scrolling: touch;
	outline: 0
}
.modal.fade .modal-dialog {
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	transform: translateY(-25%);
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}
.modal-content {
	position: relative;
	background-color: #f2ebe3;
	background-clip: padding-box;
	color: #000;
	font-weight: 400;
	background: #f2ebe3;
	border-radius: .5rem;
	border: 2px solid #000;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .8);
	margin-bottom: 64px;
	margin-bottom: 4rem;
	overflow: hidden;
	outline: 0
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	background-color: #000
}
.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0)
}
.modal-backdrop.in {
	opacity: .5;
	filter: alpha(opacity=50)
}
.modal-header {
	padding: 15px 25px
}
.modal-title {
	margin: 0;
	line-height: 1.42857143
}
.modal-body {
	position: relative
}
.modal-body, .modal-footer {
	padding: 15px 25px
}
.modal-footer .btn+.btn {
	margin-left: 5px;
	margin-bottom: 0
}
.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
	margin-left: 0
}
.modal-footer .organizer-form__controls {
	text-align: center;
	margin-bottom: 0
}
@media (min-width:768px) {
	.modal-footer .organizer-form__controls {
		text-align: right
	}
}
.modal-footer .hearthstone-cta {
	vertical-align: middle
}
.modal-footer .Button {
	margin-bottom: 0
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}
@media (min-width:768px) {
	.modal-dialog {
		width: 600px;
		margin: 25vh auto
	}
	.modal-content {
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
	}
	.modal-sm {
		width: 300px
	}
}
@media (min-width:992px) {
	.modal-lg {
		width: 900px
	}
}
button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}
.close {
	position: absolute;
	top: .6em;
	right: 1em;
	width: 12px;
	height: 24px;
	overflow: hidden
}
.close:active, .close:focus, .close:hover {
	opacity: .75
}
.marked-content ol, .marked-content ul {
	padding-left: 2.5em
}
.marked-content ul, .marked-content ul li {
	list-style: disc
}
.marked-content ol, .marked-content ol li {
	list-style: decimal
}
.fsg-admin-menu {
	background: #d7bb93;
	font-family: Palatino Regular, sans-serif;
	display: none;
	width: 100%;
	left: 0
}
@media only screen and (min-width:60em) {
	.fsg-admin-menu {
		display: block;
		border: 1px solid #cbb27b;
		margin: 0 0 16px;
		margin: 0 0 1rem;
		line-height: 48px;
		line-height: 3rem;
		position: fixed;
		bottom: -16px;
		z-index: 250
	}
}
@media only screen and (min-width:60em) {
	.fsg-admin-menu__title {
		float: left;
		margin-left: 16px;
		margin-left: 1rem;
		color: #725a37
	}
}
.fsg-admin-menu__nav, .fsg-admin-menu__nav ul {
	line-height: 48px;
	line-height: 3rem
}
@media only screen and (min-width:60em) {
	.fsg-admin-menu__nav {
		margin: 0;
		padding: 0;
		float: right;
		color: #725a37
	}
	.fsg-admin-menu__nav a {
		text-decoration: none;
		color: inherit
	}
	.fsg-admin-menu__nav>li:hover {
		background-color: #c9a46e
	}
	.fsg-admin-menu__nav>li {
		float: left;
		border-left: 1px solid #cbb27b;
		position: relative
	}
	.fsg-admin-menu__nav>li>a {
		display: block;
		padding: 0 16px;
		padding: 0 1rem;
		color: inherit
	}
	.fsg-admin-menu__nav a, .fsg-admin-menu__nav li {
		white-space: nowrap
	}
	.fsg-admin-menu__nav li:hover>ul {
		display: block
	}
	.fsg-admin-menu__nav ul {
		position: absolute;
		bottom: 100%;
		right: -1px;
		background-color: #d7bb93;
		margin: 0;
		padding: 0;
		border: 1px solid #cbb27b;
		display: none;
		z-index: 1;
		box-shadow: 0 1rem 1rem rgba(0, 0, 0, .25)
	}
	.fsg-admin-menu__nav ul a {
		padding: 0 16px;
		padding: 0 1rem;
		display: block
	}
	.fsg-admin-menu__nav ul a:hover {
		background-color: #d7bb93
	}
	.fsg-admin-menu__nav ul li+li {
		border-top: 1px solid #cbb27b
	}
	.fsg-admin-menu__nav ul+span {
		display: block;
		padding: 0 16px;
		padding: 0 1rem
	}
	.fsg-admin-menu__nav .Icon:before {
		margin-left: 5px
	}
}
.fsg-table {
	display: table;
	width: 100%;
	margin-top: .75em;
	padding: 0
}
.fsg-table__row:nth-child(2n):not(.fsg-table__row--head) {
	background-color: hsla(38, 49%, 71%, .3)
}
.fsg-table__row.fsg-table__row--head--major+.fsg-table__row .fsg-table__cell {
	border-top-width: 2px
}
.fsg-table__row.fsg-table__row--head+.fsg-table__row .fsg-table__cell {
	border-top-color: #957651
}
.fsg-table__row:not(.campaign-container):first-child .fsg-table__cell {
	padding-top: .75em
}
.fsg-table__row:hover, .fsg-table__row:nth-child(2n):not(.fsg-table__row--head):hover {
	background-color: hsla(38, 49%, 71%, .5)
}
.fsg-table__row.fsg-table__row--disabled {
	opacity: .5
}
.fsg-table__row+.fsg-table__row {
	border-top: 1px solid #cbb27b
}
.fsg-table__row.fsg-admin-event-details-campaigns:first-child .fsg-table__cell {
	padding-top: 0
}
.fsg-table__row.fsg-admin-event-details-campaigns:hover, .fsg-table__row.fsg-admin-event-details-campaigns:nth-child(2n):not(.fsg-table__row--head), .fsg-table__row.fsg-admin-event-details-campaigns:nth-child(2n):not(.fsg-table__row--head):hover {
	background-color: transparent
}
.fsg-table__row.fsg-admin-event-details-campaigns+.fsg-table__row.fsg-admin-event-details-campaigns {
	border-top: none
}
.fsg-table__row.fsg-admin-event-details-campaigns+small {
	padding-top: 1em;
	display: block
}
.fsg-table__row.fsg-admin-event-details-campaigns .fsg-table__cell {
	border-top: none !important;
	padding-bottom: 0
}
.fsg-table__row.fsg-admin-event-details-campaigns .fsg-table__cell:first-child {
	padding-left: 0
}
@media (min-width:768px) {
	.fsg-table__row {
		display: table-row
	}
	.fsg-table__row+.fsg-table__row .fsg-table__cell {
		border-top: 1px solid #cbb27b
	}
}
.row-selectable:hover {
	cursor: pointer
}
.fsg-table__row--head {
	font-weight: 700;
	white-space: nowrap;
	background: none
}
.fsg-table__row--head .fsg-table__cell {
	font-size: 1.25em;
	padding: 2.25em 1em .75em
}
.fsg-table__cell {
	display: block;
	padding: 1.5em 1em;
	text-overflow: ellipsis;
	overflow: hidden
}
.fsg-table__cell.fsg-table__cell-img {
	max-width: 240px
}
.fsg-table__cell p {
	margin: 0
}
.fsg-table__cell input:hover, .fsg-table__cell label:hover {
	cursor: pointer
}
@media (max-width:767px) {
	.fsg-table__cell.fsg-table__cell-checkbox {
		position: absolute
	}
	.fsg-table__cell.fsg-table__cell-img, .fsg-table__cell.fsg-table__cell-last {
		padding: .75em 3em 1.75em
	}
	.fsg-table__cell.fsg-table__cell-img {
		padding-bottom: 0
	}
}
@media (min-width:768px) {
	.fsg-table__cell {
		display: table-cell;
		vertical-align: middle
	}
	.fsg-table__cell.cell-one-half {
		width: 50%
	}
}
.fsg-img__campaign_icon {
	max-width: 240px
}
.fsg-table__cell--label {
	font-weight: 700;
	border-right: 1px solid #cbb27b;
	vertical-align: top;
	color: #2e2e2e
}
.fsg-table__search-btn {
	width: 1em;
	height: 1em;
	background: url(images/icons/search-2be0f71a42f369621328bf54eb468e699f8dffadf61e7c6097641fa58e9c4fdab74c723c14240775b28d6fcf792484e50fe61ec688bf2659b52bc8abd63df61e.gif) 50% no-repeat;
	background-size: cover;
	outline: none;
	cursor: pointer;
	display: inline-block
}
.fsg-table-campaign-title {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700
}
.fsg-admin-intro-text {
	font-size: 1.25em;
	margin-bottom: 32px;
	margin-bottom: 2rem
}
.fsg-admin-fieldset {
	padding: 2em;
	border-color: #cbb27b;
	margin: 1em 0
}
.fsg-admin-fieldset legend {
	padding: .5em 1em;
	border: 1px solid #cbb27b
}
.fsg-admin-fieldset__textarea {
	width: 100%;
	background: hsla(38, 49%, 71%, .5);
	border: 1px solid #cbb27b;
	padding: 1em;
	margin-bottom: 1em
}
.fsg-admin-fieldset__textarea::-webkit-input-placeholder {
	color: #957651
}
.fsg-admin-fieldset__textarea:-ms-input-placeholder {
	color: #957651
}
.fsg-admin-fieldset__textarea::placeholder {
	color: #957651
}
.modal .fsg-admin-fieldset__textarea {
	background: #fff;
	border-color: #c6c6c6
}
.modal .fsg-admin-fieldset__textarea::-webkit-input-placeholder {
	color: #c6c6c6
}
.modal .fsg-admin-fieldset__textarea:-ms-input-placeholder {
	color: #c6c6c6
}
.modal .fsg-admin-fieldset__textarea::placeholder {
	color: #c6c6c6
}
.modal .fsg-admin-fieldset__textarea.emptyField {
	border: 1px solid red
}
.fsg-admin-fieldset__select {
	width: 100%;
	background: hsla(38, 49%, 71%, .5);
	border: 1px solid #cbb27b;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 1em;
	margin-bottom: 1em
}
.fsg-admin-fieldset__select option {
	background-color: #fff
}
.fsg-admin-fieldset__select.fsg-admin-selector-md, .fsg-admin-fieldset__select.fsg-admin-selector-sm, .fsg-admin-fieldset__select.fsg-campaign-status-selector {
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	appearance: menulist;
	width: 80px;
	padding: 0;
	margin-bottom: 0
}
.fsg-admin-fieldset__select.fsg-admin-selector-md {
	width: 120px;
	padding: .25em;
	background: hsla(38, 49%, 71%, .8);
	border-color: rgba(66, 39, 30, .35)
}
.modal .fsg-admin-fieldset__select {
	background: #fff;
	border-color: #c6c6c6
}
.modal .fsg-admin-fieldset__select.emptyField {
	border: 1px solid red
}
.fsg-admin-filter-row {
	text-align: right;
	padding: 1em;
	margin: 2em 0;
	font-size: 12px;
	background-color: hsla(38, 49%, 71%, .5);
	border-radius: 1em
}
.fsg-admin-filter-row .fsg-admin-select, .fsg-admin-filter-row input {
	border: 1px solid #957651;
	padding: 0 1em;
	background-color: #d9be91;
	line-height: 2em;
	color: #2e2e2e;
	max-width: 100px
}
.fsg-admin-filter-row input[type=submit] {
	background-color: #957651;
	color: #fff
}
.fsg-admin-filter-row input[type=submit]:active, .fsg-admin-filter-row input[type=submit]:focus, .fsg-admin-filter-row input[type=submit]:hover {
	background-color: #42271e
}
.fsg-admin-filter-row.fsg-admin-event-filter {
	text-align: left
}
.fsg-admin-select {
	display: inline-block
}
.fsg-admin-select select {
	background: transparent;
	line-height: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	width: 100%;
	border: 0;
	border-radius: 0;
	color: #2e2e2e
}
.fsg-admin-filter-row__section {
	display: inline-block;
	padding: .25em 0
}
.fsg-admin-filter-row__section+.fsg-admin-filter-row__section {
	border-left: 1px solid #957651;
	margin-left: 1em;
	padding-left: 1em
}
.fsg-table__cell--map {
	width: 100%
}
.fsg-table-map {
	height: 15em;
	display: block;
	width: 100%
}
.fsg-admin-page-nav {
	list-style: none;
	margin: 2em 0;
	padding: 0
}
.fsg-admin-page-nav__item {
	display: inline-block;
	border: 1px solid #cbb27b;
	box-shadow: 0 .25em .25em rgba(0, 0, 0, .05)
}
.fsg-admin-page-nav__item__link {
	display: block;
	padding: 1em 2em;
	font-weight: 700
}
.fsg-admin-page-nav__item__link:hover {
	background: hsla(0, 0%, 100%, .1)
}
.fsg-admin-disclaimer-language .organizer-form__input-wrapper .organizer-form__label, .fsg-admin-eligible-countries .organizer-form__input-wrapper .organizer-form__label {
	font-size: 1em
}
.organizer-form__input-wrapper.fsg-create-campaign-dates .jquery-datetimepicker {
	line-height: 2.1;
	font-size: 1em;
	padding: .5em
}
.fsg-admin-eligible-countries-selector {
	margin-top: 1em
}
.fsg-admin-eligible-countries-selector p {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 1em
}
.fsg-admin-eligible-countries-selector select {
	width: 100%;
	height: 250px;
	font-size: .8em;
	border: none;
	background: linear-gradient(#f2eee8, #fffcf6)
}
.fsg-admin-eligible-countries-selector button {
	width: 100px;
	color: #fff;
	margin: 13px 5px;
	padding: .5em;
	background-color: #957651;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none
}
.fsg-admin-eligible-countries-selector button:not(:disabled):active, .fsg-admin-eligible-countries-selector button:not(:disabled):focus, .fsg-admin-eligible-countries-selector button:not(:disabled):hover {
	background: #42271e
}
.fsg-admin-eligible-countries-selector button:disabled {
	opacity: .75;
	cursor: not-allowed
}
.fsg-admin-eligible-countries-selector .fsg-country-select-btns {
	text-align: center
}
@media (max-width:60em) {
	.fsg-admin-eligible-countries-selector .esports-standings__search-input, .fsg-admin-eligible-countries-selector .organizer-form__input, .fsg-admin-eligible-countries-selector .recruit__social__token__input {
		margin-bottom: 15px
	}
}
.localizable .localeFields {
	margin-top: 0 !important
}
.fsg-adming-img-preview, .localeField-disclaimer {
	display: none
}
.fsg-adming-img-preview img {
	max-width: 150px;
	margin-top: .75em
}
.fsg-grid-row {
	margin-left: -.5em;
	margin-right: -.5em;
	*zoom: 1
}
.fsg-grid-row:after, .fsg-grid-row:before {
	content: " ";
	display: table;
	visibility: hidden;
	line-height: 0
}
.fsg-grid-row:after {
	clear: both
}
[class*=fsg-grid-col-] {
	margin-top: 0;
	padding-left: .5em;
	padding-right: .5em
}
@media (max-width:60em) {
	.organizer-form__input-wrapper [class*=fsg-grid-col-]+[class*=fsg-grid-col-] {
		margin-top: 2em
	}
}
@media only screen and (min-width:40em) {
	.fsg-grid-col-25--sm {
		float: left;
		width: 25%
	}
	.fsg-grid-col-33--sm {
		float: left;
		width: 33.33%
	}
	.fsg-grid-col-50--sm {
		width: 50%;
		display: inline-block
	}
}
@media only screen and (min-width:60em) {
	.fsg-grid-col-20--md {
		float: left;
		width: 20%
	}
	.fsg-grid-col-25--md {
		float: left;
		width: 25%
	}
	.fsg-grid-col-33--md {
		float: left;
		width: 33.33%
	}
	.fsg-grid-col-40--md {
		width: 40%;
		float: left
	}
	.fsg-grid-col-50--md {
		width: 50%;
		float: left
	}
	.fsg-grid-col-60--md {
		width: 60%;
		float: left
	}
	.fsg-grid-col-66--md {
		width: 66.66%;
		float: left
	}
	.fsg-grid-col-75--md {
		width: 75%;
		float: left
	}
}
.heading--organizer-form {
	line-height: 1;
	padding-bottom: 16px;
	padding-bottom: 1rem;
	margin-bottom: 0
}
@media only screen and (min-width:60em) {
	.heading--organizer-form {
		padding-right: 32px;
		padding-right: 2rem;
		padding-top: 36px;
		padding-top: 2.25rem
	}
}
.organizer-form-opening-text {
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font-size: 1.5em;
	line-height: 1.35;
	margin: 0 0 32px;
	margin: 0 0 2rem;
	padding: 0
}
@media only screen and (min-width:60em) {
	.organizer-form-opening-text {
		font-size: 20px;
		font-size: 1.25rem
	}
}
@media only screen and (min-width:60em) {
	.grid-container--organizer-form {
		position: relative;
		clear: both
	}
}
.fsg-event .body .organizer-form__input-wrapper+h4, .fsg-event .body form {
	margin-top: 64px;
	margin-top: 4rem
}
.fsg-event .body .organizer-form__label {
	font-size: 1.25em
}
.fsg-event .body .organizer-form__input-wrapper--email {
	max-width: 100%
}
.fsg-event-create .Hero h1 {
	padding-top: 16px;
	padding-top: 1rem
}
.organizer-form {
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:60em) {
	.organizer-form {
		padding: 0
	}
}
@media only screen and (min-width:60em) {
	.organizer-form__main {
		padding-right: 32px;
		padding-right: 2rem
	}
}
.organizer-form__aside {
	display: none
}
@media only screen and (min-width:60em) {
	.organizer-form__aside {
		display: block;
		padding-left: 32px;
		padding-left: 2rem
	}
}
.organizer-form__aside .innkeeper-download:before {
	display: none
}
.organizer-form__input-wrapper+.organizer-form__input-wrapper {
	margin-top: 32px;
	margin-top: 2rem
}
.organizer-form__input-wrapper+.organizer-form__input-wrapper-secondary {
	margin-top: 16px;
	margin-top: 1rem
}
.organizer-form__input-wrapper+.heading--organizer-form--section {
	margin-top: 64px;
	margin-top: 4rem
}
.organizer-form__label {
	font-size: 1.5em;
	margin-bottom: .25em;
	display: block
}
.organizer-form__optional-content {
	color: #a58860
}
.organizer-form__additional-description {
	color: #7c674a;
	font-size: 16px;
	font-size: 1rem;
	margin-top: -4px;
	margin-top: -.3rem
}
.esports-standings__search-input, .fsg-admin-authorization__input, .organizer-form__input, .recruit__social__token__input, .search-bar__input {
	font-size: 1.25em;
	outline: none;
	padding: .5em 1em;
	width: 100%;
	border-radius: .25rem;
	background: #fff;
	background: linear-gradient(#f2eee8, #fffcf6);
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	border: .125em solid #f9f7f0;
	color: #7c674a
}
.esports-standings__search-input:focus, .organizer-form__input:focus, .recruit__social__token__input:focus {
	border-color: #fdd432
}
.esports-standings__search-input:disabled, .organizer-form__input:disabled, .recruit__social__token__input:disabled {
	box-shadow: inset 0 0 .2rem rgba(162, 123, 75, .3);
	background: hsla(41, 43%, 64%, .5);
	border-color: #cbb27b
}
.esports-standings__search-input.organizer-form__input--error, .organizer-form__input.organizer-form__input--error, .recruit__social__token__input.organizer-form__input--error {
	border-color: #d46122;
	border-width: 4px;
	border-width: .25rem;
	padding: 6px 14px;
	padding: .375rem .875rem
}
.esports-standings__search-input::-webkit-input-placeholder, .organizer-form__input::-webkit-input-placeholder, .recruit__social__token__input::-webkit-input-placeholder {
	color: #c0bbb3;
	font-style: italic
}
.esports-standings__search-input:-ms-input-placeholder, .organizer-form__input:-ms-input-placeholder, .recruit__social__token__input:-ms-input-placeholder {
	color: #c0bbb3;
	font-style: italic
}
.esports-standings__search-input::placeholder, .organizer-form__input::placeholder, .recruit__social__token__input::placeholder {
	color: #c0bbb3;
	font-style: italic
}
.organizer-form__input--select {
	position: relative;
	height: 3.25em;
	padding: 0
}
.organizer-form__input--select:before {
	content: "";
	height: 100%;
	margin-right: 3.065em;
	display: block;
	position: relative;
	z-index: 0;
	border: .125em solid #f9f7f0;
	border-bottom-left-radius: 4px;
	border-bottom-left-radius: .25rem;
	border-top-left-radius: 4px;
	border-top-left-radius: .25rem;
	background: #fff;
	background: linear-gradient(#fffcf6, #f2eee8);
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	box-sizing: border-box
}
.organizer-form__input--select:after {
	content: "";
	background: url(images/form/hs_forms_dropdown_arrows-8a53092c6c46cb964fa069400e376606e016c7085aaafa07daa1230a4ebebc69197af920ae89cd91f5a46108f7af415e5e68218e3bb3be5392b955d45db98d08.png) 50% no-repeat #913a1f;
	background: url(images/form/hs_forms_dropdown_arrows-8a53092c6c46cb964fa069400e376606e016c7085aaafa07daa1230a4ebebc69197af920ae89cd91f5a46108f7af415e5e68218e3bb3be5392b955d45db98d08.png) 50% no-repeat, url(images/fireside-gatherings/form-button-bg-10bf9ae28b5cf03a69a819cf5856a5dbf41b436433f5e5864e422339f916f25063b18a9d740474d458e76dd71f53083c5c39e2845e13d20a9252305d7d25a01b.jpg) #913a1f;
	background-size: 50% 50%, 100% 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 3.18em;
	height: 3.25em;
	z-index: 1;
	border-bottom-right-radius: 4px;
	border-bottom-right-radius: .25rem;
	border-top-right-radius: 4px;
	border-top-right-radius: .25rem;
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3)
}
.organizer-form__input--select select {
	background: transparent;
	border: 0;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 1.25em;
	color: #7c674a;
	box-sizing: border-box;
	padding: .5em 1em
}
.organizer-form__input--select select::-ms-expand {
	display: none
}
.organizer-form__input--select option {
	background: #fffcf6;
	color: inherit;
	border: none;
	outline: none
}
.organizer-form__input--select:hover {
	cursor: pointer
}
.organizer-form__input--select:hover:after {
	background-color: #b14726
}
.readonly {
	opacity: .5
}
.readonly>* {
	pointer-events: none
}
.heading--organizer-form--section {
	margin-bottom: 16px;
	margin-bottom: 1rem
}
.heading--organizer-form--section, .organizer-form__input-wrapper--email {
	max-width: 576px;
	max-width: 36rem;
	margin: 0 auto
}
.organizer-form-opening-text+.organizer-form__input-wrapper--email {
	margin-top: 64px;
	margin-top: 4rem
}
.organizer-form__controls {
	margin: 32px 0;
	margin: 2rem 0
}
.organizer-form__controls--submit {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.meetup-delete-button {
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font-size: 16px;
	font-size: 1rem
}
.organizer-form__field-error {
	display: block;
	margin-top: 8px;
	margin-top: .5rem;
	min-height: 1em;
	line-height: 1em;
	padding-left: .9em;
	color: #d46122;
	font-weight: 700;
	position: relative;
	font-size: 1.25em
}
.organizer-form__field-error:before {
	content: "";
	width: .4em;
	height: .4em;
	background-color: #d46122;
	border-radius: 50%;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -.2em
}
.organizer-form__error-notice {
	font-weight: 700;
	font-size: 1.5em;
	border-radius: .25rem;
	padding: 16px;
	padding: 1rem;
	position: relative;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	display: table
}
@media only screen and (min-width:40em) {
	.organizer-form__error-notice {
		max-width: 576px;
		max-width: 36rem;
		margin-right: auto;
		margin-left: auto
	}
}
@media only screen and (min-width:60em) {
	.organizer-form__error-notice {
		max-width: none;
		width: 100%
	}
}
.organizer-form__error-notice:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 69px;
	height: 69px;
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -138px 0 no-repeat
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.organizer-form__error-notice:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.organizer-form__error_notice__message {
	display: table-cell;
	vertical-align: middle;
	padding-left: 16px;
	padding-left: 1rem;
	font-size: 18px;
	font-size: 1.125rem
}
.organizer-form__radio-container {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-size: 1rem
}
.organizer-form__radio-container+.organizer-form__radio-container {
	margin-left: 32px;
	margin-left: 2rem
}
.organizer-form__radio-container [type=radio]:not(old) {
	visibility: hidden;
	position: absolute
}
.organizer-form__radio-container [type=radio]:not(old)~label:before {
	content: "";
	background: #fff;
	background: linear-gradient(#f2eee8, #fffcf6);
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	border: 2px solid #f9f7f0;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 4px
}
.organizer-form__radio-container [type=radio]:not(old):checked~label:before {
	background: #913a1f;
	border-width: 4px;
	height: 6px;
	width: 6px
}
.organizer-form__toggle-container {
	position: relative;
	display: inline-block
}
.organizer-form__checkbox-container {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-size: 1rem
}
.organizer-form__checkbox-container+.organizer-form__checkbox-container {
	margin-left: 32px;
	margin-left: 2rem
}
.organizer-form__checkbox-container [type=checkbox]:not(old) {
	visibility: hidden;
	position: absolute
}
.organizer-form__checkbox-container [type=checkbox]:not(old)~label:before {
	content: "";
	background: #fff;
	background: linear-gradient(#f2eee8, #fffcf6);
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	border: 2px solid #f9f7f0;
	height: 10px;
	width: 10px;
	display: inline-block;
	margin-right: 4px
}
.organizer-form__checkbox-container [type=checkbox]:not(old):checked~label:before {
	background: #913a1f;
	border-width: 3px;
	height: 8px;
	width: 8px
}
.organizer-form__checkbox {
	margin-right: 6px
}
.fsg-form-checkbox {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px
}
.fsg-table--user-admin {
	box-sizing: border-box;
	padding-right: 2em
}
.fsg-table__cell--user-admin:before {
	content: "";
	background: url(images/icons/context-6008b22cc8b804b4aada97a41d36d8cf1fbc399071367a043e31e169d207304fb5d3b94a08f56f1a767768a189eb1335332f4254fdb23ce74b8d79d8712ba128.gif) 0 0 no-repeat;
	width: 20px;
	height: 20px;
	top: 16px;
	top: 1rem;
	left: 16px;
	left: 1rem;
	display: inline-block;
	margin-right: 16px;
	margin-right: 1rem;
	vertical-align: middle
}
.ui-button--fsg-admin-authorization {
	margin-top: 16px;
	margin-top: 1rem
}
@media only screen and (min-width:60em) {
	.fsg-admin-authorization {
		background-color: #d9be91;
		padding: 24px;
		padding: 1.5rem;
		border-radius: 1rem;
		position: relative;
		text-align: center
	}
}
.fsg-admin-authorization__message, .fsg-admin-authorization__message--failure, .fsg-admin-authorization__message--success {
	padding: 16px;
	padding: 1rem;
	margin: 16px 0;
	margin: 1rem 0;
	color: #fff;
	font-weight: 700
}
.fsg-admin-authorization__message--success {
	background-color: #8e8267
}
.fsg-admin-authorization__message--failure {
	background-color: #d85c36
}
.fsg-admin-authorization__username {
	color: #63594d;
	font-size: .825em
}
.fsg-admin-authorization__input {
	text-align: center
}
.upcoming-event-header {
	clear: both
}
.upcoming-event-header__title {
	display: inline-block;
	font-size: 24px;
	font-size: 1.5rem;
	margin-right: 1em;
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:60em) {
	.upcoming-event-header__title {
		font-size: 28px;
		font-size: 1.75rem;
		padding: 0
	}
}
.upcoming-event-form {
	display: inline-block
}
.meetup-header {
	position: relative;
	z-index: 1
}
.meetup-header .card-bg {
	margin: -25% 0 -25% -25%
}
.fsg-event .content-section {
	max-width: inherit
}
.fsg-event .Hero {
	min-height: 300px;
	padding-bottom: 5em;
	background-image: url(images/fireside-gatherings/tavernTableBgMobile-bceeb053bdd2eb00ddf73e9a01bbcb96179ead88fce9a17f9d8edbb548e2831d090ac5981e5ff66bb6303454c039b7a0356d023a16e6e24830fd0359919172ae.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover
}
@media only screen and (min-width:40em) {
	.fsg-event .Hero {
		background-image: url(images/fireside-gatherings/tavernTableBg-11c0896d0c52ab0259401a864084f1729ede9a05849f4bbd526f72dddffd2c03e53fb871ad54a7a791ffb7ff0b52403fd7dacbe85407f68eda6e0be7483177cb.jpg)
	}
}
@media only screen and (min-width:60em) {
	.fsg-event .Hero {
		background-image: none
	}
}
.fsg-event .Parallax-layer--00 {
	display: none
}
@media only screen and (min-width:60em) {
	.fsg-event .Parallax-layer--00 {
		display: block;
		background-image: url(images/fireside-gatherings/tavernTableBg-11c0896d0c52ab0259401a864084f1729ede9a05849f4bbd526f72dddffd2c03e53fb871ad54a7a791ffb7ff0b52403fd7dacbe85407f68eda6e0be7483177cb.jpg);
		background-position: top
	}
}
@media only screen and (min-width:60em) {
	.fsg-event .navigation-wrapper {
		position: absolute;
		right: 0;
		bottom: 35px;
		left: 0;
		z-index: 50;
		-webkit-animation-duration: .25s;
		animation-duration: .25s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both
	}
}
@media only screen and (min-width:72.5em) {
	.fsg-event .navigation-wrapper {
		bottom: 341px
	}
}
@media only screen and (min-width:60em) {
	.homepage .fsg-event .navigation-wrapper {
		bottom: 35px
	}
}
@media only screen and (min-width:60em) {
	.fsg-event .navigation-wrapper.headroom--not-top {
		position: fixed;
		top: 0;
		right: 0;
		bottom: auto;
		left: 0;
		margin: 0 auto
	}
}
@media only screen and (min-width:60em) {
	.fsg-event .navigation-wrapper.fixed {
		-webkit-animation-name: slideDown;
		animation-name: slideDown
	}
}
@media only screen and (min-width:60em) {
	.fsg-event .navigation-wrapper.unFixed {
		-webkit-animation-name: slideUp;
		animation-name: slideUp
	}
}
.fsg-event .nav-position {
	position: absolute
}
@media only screen and (min-width:60em) {
	.fsg-event .nav-position {
		bottom: 91px
	}
}
@media only screen and (min-width:72.5em) {
	.fsg-event .nav-position {
		bottom: 616px
	}
}
.fireside {
	position: relative
}
@media only screen and (min-width:40em) {
	.fireside .page-header-bg-chunk {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: url(images/fireside-gatherings/landing-bg-e5b995cac823115f00a911a0632ea84573723a4dc04e2cf0eaa6f5f802f81a8ce98ee1d7d518019389bd4d8b8ab42177d36839fb192252316c04f74a76f45c09.png) top no-repeat
	}
}
.tavern {
	position: relative
}
@media only screen and (min-width:40em) {
	.tavern .page-header-bg-chunk {
		position: absolute;
		top: -65px;
		right: 0;
		bottom: 126px;
		bottom: 288px;
		left: 0;
		background: url(images/fireside-gatherings/tavern/signmakerHeaderBg-ae7e6bde1177849c247f287606bb69f407c2b830dea80d552d2d5b504345d6f8466271dcd65b53283b4b9b32514e54dc37badcec143b83fd2aecb909cb8f753f.png) top no-repeat;
		background-size: cover
	}
}
.body-text--fsg {
	max-width: 40em;
	margin: auto;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font-size: 18px;
	font-size: 1.125rem;
	text-align: left;
	padding: 0
}
@media only screen and (min-width:30em) {
	.body-text--fsg {
		text-align: inherit;
		padding: 0 16px;
		padding: 0 1rem
	}
}
.body-text--partner {
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	margin-bottom: 0
}
.meetup-header--index {
	text-align: center
}
@media only screen and (min-width:60em) {
	.fireside-gatherings-promo-card {
		margin-top: -50px
	}
}
.cta-button-container {
	text-align: center;
	clear: both
}
.cta-button-container--learn-more {
	margin-top: 32px;
	margin-top: 2rem;
	margin-bottom: 32px;
	margin-bottom: 2rem
}
.meetup-button-container {
	margin: 0 auto 32px;
	margin: 0 auto 2rem
}
.meetup-header--create {
	background: url(images/fireside-gatherings/hozen-201c021592464708b085bce183bc06ece33ae05b9b11a1283e741b919451517dc3f8f73e3ac312b452ccdc48736605c7684e2dc7c4bfd060dcdeda44f4f635c7.png) bottom no-repeat
}
.meetup-header--fsg-detail {
	position: relative
}
.content-container--fsg-footer {
	margin-bottom: 16px;
	margin-bottom: 1rem
}
@media only screen and (min-width:40em) {
	.content-container--fsg-footer {
		margin-top: -16px;
		margin-top: -1rem
	}
}
.meetup-header__container {
	position: relative;
	min-height: 500px
}
.meetup-header__content {
	text-align: center
}
.meetup-header__secondary {
	text-align: left;
	margin-top: 16px;
	margin-top: 1rem
}
.blog-container {
	position: relative;
	z-index: 5
}
.meetup-text {
	font: normal 16px/1.35 Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font: normal 1rem/1.35 Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif
}
.meetup-text:first-of-type {
	margin-top: 0
}
.meetup-text--learn-more, .meetup-text--learn-more-hosting {
	font-size: 18px;
	font-size: 1.125rem
}
@media only screen and (min-width:40em) {
	.meetup-text--learn-more-hosting {
		font-size: 20px;
		font-size: 1.25rem
	}
}
.separator-container {
	margin-top: -23px;
	padding-top: 4em;
	padding-bottom: 4em;
	position: relative
}
.separator-container:before {
	content: "";
	position: absolute;
	height: 68px;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	background: url(images/fireside-gatherings/swirls-top-elevated-9da025a83c7db60699e626dfdf475bf6e737f80bf971b59acb7118711915d6c0febc033ce1d047d0ef96e1fdcf5b314cc261a2ebd08a8c66442dec8c6e3f1edb.png) top no-repeat;
	visibility: visible;
	display: block
}
.separator-container--no-footer {
	background: none
}
.video-play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	background: transparent url(images/card-hover-4752fbaff4d2b020783ac60fea52d39a2640551028f26c0cf82ba6cddf3d1a41c38229408f51aaa68a125802cf4556c283e3c3020726df0328aeac8ba5b0c524.png) -279px -26px no-repeat;
	width: 100px;
	height: 100px;
	z-index: 9001
}
.intro-video-container {
	margin: 16px 0;
	margin: 1rem 0
}
@media only screen and (min-width:60em) {
	.intro-video-container {
		margin: 0
	}
}
.intro-video {
	display: none;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden
}
@media only screen and (min-width:60em) {
	.intro-video {
		display: block;
		text-align: center;
		position: relative;
		padding-top: 53.44036697%;
		margin: 0
	}
}
.intro-video-container--fsg {
	margin-top: 48px;
	margin-top: 3rem;
	margin-bottom: 48px;
	margin-bottom: 3rem
}
@media only screen and (min-width:60em) {
	.intro-video-container--fsg {
		margin: 0 32px 16px;
		margin: 0 2rem 1rem
	}
}
@media only screen and (min-width:60em) {
	.media-content__fireside {
		background: url(images/fireside-gatherings/intro-video-b13561ddaaedb3b19b69114df9d3befa85259530cf991af596b232a1afebc0d91df6497739b8d0601ffc0d9b94ab201ad4064a4fab2d560bff7d5fec87665d7e.png) 0 0 no-repeat;
		background-size: contain
	}
}
[download]:before {
	content: url(images/icons/download-560f3847b789915290a9e545764753fcee55bccc1790183e4d5a26cdf3278ab8cfa7ce8fb579c4e97bf130a7961e1a58af7b69d8027aa8c492967e7c316306c2.gif);
	vertical-align: baseline
}
.fsg-statusWrapper {
	right: 0;
	background-color: rgba(36, 31, 25, .75);
	font-size: 14px;
	padding: 1em 2em 1.3em;
	border-radius: 5px 5px 0 0
}
.fsg-statusWrapper a {
	color: #fff;
	width: 20px;
	height: 22px;
	overflow: hidden
}
@media only screen and (min-width:60em) {
	.fsg-statusWrapper a {
		width: auto;
		heigth: auto;
		overflow: auto
	}
	.fsg-statusWrapper .Icon--admin:before {
		margin-right: .75em
	}
}
.status-indicator--accepted {
	color: #b4fc9b
}
.status-indicator--pending {
	color: #5689e4
}
.status-indicator--declined {
	color: #e45656
}
.status-indicator--editing {
	color: #fff
}
.download-link {
	display: block
}
.download-link--fsg span {
	line-height: 2;
	font-size: 16px;
	font-size: 1rem
}
.download-link--fsg:before {
	content: url(images/icons/fsg-download-ab0ee0784b2f461522b2be21bb0ee27d3363ff3879c5388d9214f21f74e670d89e19ce6e2db77f54dbb2702648aa0b71dd2813ffcda1c749fdf2ef52096e38aa.png)
}
.media__image--fireside {
	width: 100px
}
@media only screen and (min-width:40em) {
	.media__image--fireside {
		width: 124px
	}
}
.hearthstone-cta--fsg .hearthstone-cta__text {
	line-height: 1.4;
	font-size: 16px;
	font-size: 1rem;
	padding: .2em 1em
}
@media only screen and (min-width:30em) {
	.hearthstone-cta--fsg .hearthstone-cta__text {
		font-size: 16px;
		font-size: 1rem;
		padding: 9px 24px;
		padding: .6rem 1.5rem
	}
}
.hearthstone-cta--fsg-edit .hearthstone-cta__text {
	white-space: nowrap
}
.heading--small-fsg {
	font-size: 28px;
	font-size: 1.75rem;
	padding-left: .1em
}
@media only screen and (min-width:40em) {
	.heading--small-fsg {
		font-size: 32px;
		font-size: 2rem
	}
}
.fireside-legal {
	padding-right: 16px;
	padding-right: 1rem;
	padding-left: 16px;
	padding-left: 1rem
}
.meetup-batch-form {
	background: hsla(37, 49%, 71%, .7);
	margin: 2em 0;
	padding: 1em
}
.meetup-batch-steps {
	list-style: decimal inside
}
.meetup-field-error {
	background: hsla(37, 49%, 71%, .7);
	padding: 1em 2em;
	display: inline-block
}
@media only screen and (max-width:59.99em) {
	.legal {
		padding: 8px 16px;
		padding: .5rem 1rem
	}
}
.fsg-admin-list {
	float: right
}
.fsg-admin-list__item {
	display: inline-block
}
.fsg-admin-list__link {
	color: blue;
	display: block;
	padding: .5em
}
.arrow-link--fsg {
	float: none;
	display: inline-block;
	margin-right: 0;
	margin-top: 8px;
	margin-top: .5rem
}
.arrow-link__view--fsg {
	font-size: 18px;
	font-size: 1.125rem
}
.arrow-link--detail {
	margin-top: 8px;
	margin-top: .5rem;
	margin-right: 0
}
.arrow-link--fsg-download {
	float: none;
	margin: 0;
	display: block
}
@media only screen and (min-width:60em) {
	.meetup-resource-container {
		text-align: center;
		margin-top: 16px;
		margin-top: 1rem;
		margin-bottom: 16px;
		margin-bottom: 1rem;
		padding-top: 32px;
		padding-top: 2rem;
		padding-top: 16px;
		padding-top: 1rem
	}
}
.meetup-resource-container__content {
	max-width: 720px;
	max-width: 45rem;
	margin: auto;
	padding-top: 16px;
	padding-top: 1rem
}
.external-link:after, [href*=liquidhearth]:after {
	padding-right: .25em;
	padding-left: .25em;
	content: url(images/icons/fsg-external-9feb4d515b0413e9ba4a62bb2d1c389f44709cc70e154933c0bcf264c69ad2a99dd8536e79cd14a07deb9770a3f0c6a603d138b96d70d7dd5158c0d0dc971414.png)
}
.meetup-logo {
	margin-top: -22px;
	margin-top: -1.4rem;
	margin-bottom: -27px;
	margin-bottom: -1.7rem;
	max-width: 100%
}
@media only screen and (min-width:60em) {
	.meetup-logo {
		margin: -16px 0 -33px -2px;
		margin: -1rem 0 -2.1rem -2px
	}
}
.heading--small-learn-more {
	margin-bottom: 11px;
	margin-bottom: .7rem;
	font-size: 28px;
	font-size: 1.75rem
}
@media only screen and (min-width:40em) {
	.heading--small-learn-more {
		font-size: 32px;
		font-size: 2rem
	}
}
.fsg-alert, .fsg-alert--danger, .fsg-alert--info, .fsg-alert--success, .fsg-event-search-warning, .organizer-form__error-notice, .recruit__social__error__alert {
	border-radius: .25rem;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .25);
	background-color: #cd9110;
	background: linear-gradient(rgba(205, 145, 16, .5), rgba(205, 145, 16, .1)), url(images/form/hs_forms_error_bg-2a9a356a0791dcbed61fe29702f6b52ec5e56d1f429da72dc06c8729e53ec679b89f3f283eaeb2ead6bcead78a8421794095b238b2fad4c992650fbd42bc2bf3.png) top no-repeat
}
.fsg-alert--danger, .organizer-form__error-notice, .recruit__social__error__alert {
	background-color: #d15900;
	background: linear-gradient(rgba(209, 89, 0, .5), rgba(209, 89, 0, .1)), url(images/form/hs_forms_error_bg-2a9a356a0791dcbed61fe29702f6b52ec5e56d1f429da72dc06c8729e53ec679b89f3f283eaeb2ead6bcead78a8421794095b238b2fad4c992650fbd42bc2bf3.png) top no-repeat
}
.fsg-alert--success {
	background-color: #38be2d;
	background: linear-gradient(rgba(56, 190, 45, .5), rgba(56, 190, 45, .1)), url(images/form/hs_forms_error_bg-2a9a356a0791dcbed61fe29702f6b52ec5e56d1f429da72dc06c8729e53ec679b89f3f283eaeb2ead6bcead78a8421794095b238b2fad4c992650fbd42bc2bf3.png) top no-repeat
}
.fsg-alert--info, .fsg-event-search-warning {
	background-color: #c6c6c6;
	background: linear-gradient(rgba(52, 124, 211, .333), rgba(52, 124, 211, .1)), url(images/form/hs_forms_error_bg-2a9a356a0791dcbed61fe29702f6b52ec5e56d1f429da72dc06c8729e53ec679b89f3f283eaeb2ead6bcead78a8421794095b238b2fad4c992650fbd42bc2bf3.png) top no-repeat
}
.event-form-section {
	border-bottom: 1px solid #d9be91;
	padding-bottom: 2em;
	margin-bottom: 2em
}
.event-label {
	display: block;
	font-weight: 700
}
.event-input-container {
	margin-bottom: .5em;
	clear: left
}
.event-input-container>div {
	position: relative;
	display: inline-block
}
.event-input-container input, .event-input-container textarea {
	border: 1px solid #d7c090;
	border-radius: 8px;
	padding: .5em 1em;
	box-sizing: border-box;
	max-width: 100%
}
.event-input-container input[maxlength="255"] {
	width: 170em
}
.event-input-container input[maxlength="100"] {
	width: 60em
}
.event-input-container input[maxlength="50"] {
	width: 35em
}
.event-input-container input[maxlength="20"] {
	width: 20em
}
.datetimepicker {
	position: absolute;
	background-color: #fff;
	display: none
}
.event-tooltip {
	position: absolute;
	left: 115%;
	top: 0;
	border: 2px solid #585447;
	z-index: 10;
	padding: 1em;
	min-width: 20em;
	max-width: 100%;
	border-radius: 8px;
	background: #f2ebe3;
	background: linear-gradient(180deg, #f2ebe3 1%, #d3c8bb 4%, #d6cabe 21%, #f3ebe4 96%, #bbb4ab);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .8);
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 700;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif
}
.event-tooltip:before {
	content: "";
	position: absolute;
	left: -22px;
	top: 50%;
	width: 41px;
	height: 30px;
	margin-top: -15px;
	background: url(images/fireside-gatherings/balloon-arrow-left-c35fd97fc504c28cf02918728e3926b13ca11631b5b3314d0bd8413523bad615ee32083d5b743e6f6ef717b4204215f9723c5c5e4ccc1407c29f1c2f4ce2a05c.png) 50% no-repeat
}
.full-width .event-tooltip {
	bottom: 115%;
	left: 0;
	top: auto
}
.event-tooltip--header {
	bottom: 1em;
	left: 2em;
	right: auto;
	top: auto;
	width: 20em
}
.event-tooltip--header:before {
	right: -22px;
	left: auto;
	background: url(images/fireside-gatherings/balloon-arrow-right-6d9385d61cf7c96411035ae478e527c0cac18ef2852977e9a3a0c443301ea35480c01297a3f238ba4b2975efe7b51feece562cf4e6ad7d5afe824f2c4cc294a2.png) 50% no-repeat
}
.event-input-tooltip:focus~.event-tooltip {
	display: inline-block;
	visibility: visible
}
.count-container {
	display: block;
	float: right
}
.event-delete-container {
	display: inline-block
}
.datetimepicker [class*=" icon-"], .datetimepicker [class^=icon-] {
	background-image: url(images/toolkit/themes/bnet/icons/sprite-16-hsorange-0515dcab39c06c62e3993c146648b264a4b870e75f44882d909b549a50c8bf58eaa0c357237a73f038c8d30ac622afda5f4d63d473017e38e6adfe812097982e.png);
	display: inline-block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	line-height: 16px;
	vertical-align: top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	transition: opacity .2s
}
.datetimepicker .icon-arrow-right {
	background-position: -96px -224px
}
.datetimepicker .icon-arrow-left {
	background-position: -112px -224px
}
.heading-fsg-sidebar, .meetup-download-header {
	font-size: 22px;
	font-size: 1.4rem;
	margin-bottom: 8px;
	margin-bottom: .5rem
}
.innkeeper-download {
	margin-top: 24px;
	margin-top: 1.5rem
}
.innkeeper-download ul {
	padding: 0
}
.innkeeper-download li {
	margin-bottom: 2em
}
.campaign-not-available-in-country, .organizer-form__shipping-information__hidden {
	display: none
}
.content-container--fsg-detail {
	padding: 0 0 1em;
	text-align: center
}
.content-container--fsg-detail .Lead {
	margin-bottom: 0
}
.content-container--fsg-detail .Lead, .content-container--fsg-detail .Lead * {
	font-style: 1em;
	color: #fff;
	font-weight: 700;
	display: inline-block
}
.content-container--fsg-detail .Lead a {
	text-decoration: underline
}
.content-container--fsg-detail .Lead a:focus, .content-container--fsg-detail .Lead a:hover {
	text-decoration: none
}
.content-container--fsg-detail .fsg-statusWrapper {
	top: -34px;
	position: absolute;
	width: 100vw;
	white-space: nowrap
}
@media only screen and (min-width:60em) {
	.content-container--fsg-detail .fsg-statusWrapper {
		top: auto;
		bottom: -25px;
		width: auto
	}
}
@media only screen and (max-width:59.99em) {
	.content-container--fsg-detail .fsg-statusWrapper {
		left: -1em;
		right: -1em;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}
@media only screen and (max-width:39.99em) {
	.content-container--fsg-detail .fsg-statusWrapper {
		text-align: center
	}
}
@media only screen and (min-width:60em) {
	.content-container--fsg-detail {
		text-align: left;
		padding: 0;
		margin-bottom: -.75em;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center
	}
	.content-container--fsg-detail .Icon--fsgLanternLg:before {
		margin-top: 1em
	}
}
body.fireside.fireside-detail .fsg-tavernSignThumb--link {
	display: block
}
body.fireside.fireside-detail .fsg-tavernSignThumb--link:active, body.fireside.fireside-detail .fsg-tavernSignThumb--link:focus, body.fireside.fireside-detail .fsg-tavernSignThumb--link:hover {
	text-decoration: none
}
body.fireside.fireside-detail .fsg-tavernSignThumb {
	width: 200px;
	height: 200px
}
@media only screen and (min-width:40em) {
	body.fireside.fireside-detail .fsg-tavernSignThumb {
		margin-top: .5em
	}
}
.location-heading {
	font-size: 24px;
	font-size: 1.5rem;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	margin-bottom: 4px;
	margin-bottom: .3rem
}
.event-status {
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	display: inline-block
}
@media only screen and (min-width:40em) {
	.event-status {
		display: inline
	}
}
.event-status .event-status-indicator {
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-right: 1em;
	margin-right: .75em
}
@media only screen and (min-width:60em) {
	.event-status .event-status-indicator {
		border-right: 1px solid #fff
	}
}
.event-type-container {
	position: relative;
	padding-top: 16px;
	padding-top: 1rem
}
.event-type {
	position: relative;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.2
}
.event-type:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprites.png) no-repeat 0 -2px;
	display: inline-block
}
.event-type--special {
	padding-left: 35px
}
.event-type--special:before {
	width: 28px;
	height: 40px;
	margin-top: -21px;
	background-position: 0 0
}
.event-type--championship {
	padding-left: 44px
}
.event-type--championship:before {
	width: 36px;
	height: 37px;
	margin-top: -19px;
	background-position: -28px 0
}
.details-section {
	position: relative;
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:60em) {
	.details-section {
		padding: 0;
		width: 48%
	}
}
.details-sidebar {
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:60em) {
	.details-sidebar {
		width: 485px
	}
}
.event-notification {
	padding: 20px 24px;
	padding: 1.25rem 1.5rem;
	color: #000;
	font-weight: 400;
	background: #f2ebe3;
	border-radius: .5rem;
	border: 2px solid #000;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .8);
	margin-bottom: 64px;
	margin-bottom: 4rem;
	overflow: hidden;
	position: relative
}
.event-notification p:last-child {
	margin-bottom: 0
}
.event-notification ol li {
	list-style-type: decimal
}
.event-notification .Icon:before {
	margin-top: -5px
}
.event-notification .Icon--checkmarkGreen:before {
	margin-left: 3px
}
.event-notification--dismiss {
	position: absolute;
	top: .6em;
	right: 1em;
	width: 12px;
	height: 24px;
	overflow: hidden
}
.event-notification--dismiss:active, .event-notification--dismiss:focus, .event-notification--dismiss:hover {
	opacity: .75
}
.Event-details h1, .Event-details h2, .Event-details h3, .Event-details h4, .Event-details h5, .Event-details h6 {
	margin-bottom: .5em
}
@media only screen and (min-width:60em) {
	.Event-details {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}
.details-content {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 2em
}
.details-content .description+.description:not(.description--secondrary) {
	margin-top: 1em
}
.details-content.campaign-details .description+.description {
	margin-top: 0
}
.location-subheading {
	font-size: 16px;
	font-size: 1rem;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.location-prizes {
	vertical-align: middle;
	max-width: 28px
}
.description--secondrary {
	margin-top: 2em
}
.location-details p:not(.jump-to-map) {
	margin-bottom: 0
}
.map-section {
	padding-top: 3em;
	margin: 32px auto 48px;
	margin: 2rem auto 3rem;
	text-align: center
}
.map-section .adr.location-address {
	text-align: center;
	margin-top: 1em
}
.map-section .adr.location-address p {
	margin: 0
}
@media only screen and (min-width:60em) {
	.map-section {
		position: relative;
		margin: 32px auto 48px;
		margin: 2rem auto 3rem;
		padding: 4em 1em 0;
		max-width: 1160px
	}
}
.map-container {
	position: relative;
	overflow: hidden
}
.map-container:after, .map-container:before {
	content: "";
	position: absolute;
	width: 110%;
	height: 20px;
	left: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	z-index: 10
}
.map-container:before {
	top: 0;
	-webkit-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%)
}
.map-container:after {
	bottom: 0;
	-webkit-transform: translate(-50%, 100%);
	-ms-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%)
}
@media only screen and (min-width:60em) {
	.map-container {
		overflow: visible
	}
	.map-container:after, .map-container:before {
		height: 83px;
		box-shadow: none;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		z-index: 10
	}
	.map-container:before {
		top: 0;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-image: url(images/fireside-gatherings/map/mapTop-5f8d25133259899503166cb71e147c0872cb4f17e033023bef06795bc622a6adf859d3ce8b210d3533d7935c77eb3a75008763ef3a344f3a841b40d7985723ee.png)
	}
	.map-container:after {
		bottom: 0;
		-webkit-transform: translate(-50%, 50%);
		-ms-transform: translate(-50%, 50%);
		transform: translate(-50%, 50%);
		background-image: url(images/fireside-gatherings/map/mapBottom-71771734518f3d4cb23edcca4d47d7896342532e91d550e9a4a484ffd131d271c7ca82ede3b4b688c7172682aa8eaa492a65dcae633671a3a5ed8d9f28af2c84.png)
	}
}
@media only screen and (min-width:60em) {
	.map-wrapper {
		margin: 0 0 1.5em;
		padding: 0 2em;
		position: relative
	}
	.map-wrapper:after, .map-wrapper:before {
		content: "";
		position: absolute;
		width: 32px;
		height: 100%;
		top: 50%;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: cover;
		z-index: 5
	}
	.map-wrapper:before {
		left: 0;
		background-image: url(images/fireside-gatherings/map/mapLeft-960bad38017c53f7eb4cb8760a38be9bfd706ab4b8d545b1da8b1206e3e2b4ec273940d4cdd8dd175db59791f11c0ad585d909344f6777fd2283bcdbc9d556e9.png)
	}
	.map-wrapper:after, .map-wrapper:before {
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	.map-wrapper:after {
		right: 0;
		background-image: url(images/fireside-gatherings/map/mapRight-f37b5ceaf7db3c4f48913839e3318766060f9a56955e7d73feb146604ca0383bd479999842db7b237045a4824162220843c90b8bb8c0dd2983a3928d7ec492ea.png)
	}
}
.map-item {
	height: 326px;
	width: 100%
}
@media only screen and (min-width:60em) {
	.map-item {
		height: 361px
	}
}
.detail-header {
	background: url(images/fireside-gatherings/detail-intro-bg-240bc638ce8ad5e753c7631ff57426431113b80f7e3fa748cb353d49f9557b294d1891bc461360f7758b2c49f6bddf9ce95af61c9c8105bb393955bccdf6dde7.png) 100% 100% no-repeat
}
.details-datetime {
	margin-bottom: 32px;
	margin-bottom: 2rem
}
.details-start-date {
	font-weight: 700;
	display: block;
	margin: 0
}
.share-links {
	background-color: transparent
}
.like-wrapper {
	max-width: 530px
}
.meetup-directions {
	text-align: center;
	margin: 8px 0 3em;
	margin: .5rem 0 3em
}
.meetup-button {
	background: #233a6e;
	display: inline-block;
	font-weight: 700;
	font-size: 16px;
	font-size: 1rem;
	padding: .5em 1em;
	border-radius: .5em
}
.meetup-button:not(.meetup-button--primary) .button-content {
	font-weight: 400
}
.meetup-button:hover {
	background: #3c63bb
}
.community-share--fsg {
	padding: 0
}
.community-share--fsg .Icon {
	display: inline-block
}
.meetup-title-container, .meetup-title-edit-container {
	vertical-align: middle;
	display: inline-block
}
@media only screen and (max-width:59.99em) {
	.meetup-title-container h1, .meetup-title-edit-container h1 {
		font-size: 2em
	}
}
@media only screen and (min-width:60em) {
	.meetup-title-container, .meetup-title-edit-container {
		margin-left: 2em
	}
}
.fsg-TavernHype {
	color: #fff;
	padding: 5em 0 6em;
	background-position: 50%;
	background-size: cover;
	margin: 30px 0
}
.fsg-TavernHype.fsg-hypeLoggedIn {
	background-image: url(images/fireside-gatherings/blackboardBg-74a27fccd16b946aff4e80ed6e52df260c4c76c76050cb399408fd08b11fd4a9acfe69cf93649f715497d96e1817283fee16f6051ae9fd1b1a2c208a301d695b.jpg)
}
.fsg-TavernHype.fsg-hypeLoggedOut {
	min-height: 455px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: url(images/fireside-gatherings/beInnkeeperBg-9b53a6ff684585c0793b160db4bd4f43a5c8c7900aeec1a88c4e377557e972360707618b320826fe2393820fc4efa8852eea0f716f44991f069671849b718223.jpg)
}
.fsg-TavernHype .u-show--md {
	display: none
}
.fsg-TavernHype .fsg-TavernHype-title {
	color: #fff
}
.fsg-TavernHype .fsg-TavernHype-content {
	position: relative;
	text-align: center;
	padding: 0 2em
}
@media only screen and (min-width:60em) {
	.fsg-TavernHype .fsg-TavernHype-content {
		padding: 0 1em
	}
}
.fsg-TavernHype .fsg-TavernHype-body {
	font-size: 18px;
	opacity: .75
}
.fsg-TavernHype .fsg-TavernHype-body a {
	color: #fff;
	text-decoration: underline
}
.fsg-TavernHype .fsg-u-padding {
	margin: 10px
}
.fsg-TavernHype .fsg-TavernHype-content.fsg-TavernHype--showRequirements {
	margin-top: 0
}
@media only screen and (min-width:60em) {
	.fsg-TavernHype .fsg-TavernHype-content.fsg-TavernHype--showRequirements {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center
	}
}
.fsg-TavernHype .fsg-TavernHype--sign {
	width: 250px;
	margin-left: -30px
}
.fsg-TavernHype .fsg-TavernHype--msg {
	-webkit-flex-grow: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	padding-right: 1em;
	margin-bottom: 2em
}
@media only screen and (min-width:60em) {
	.fsg-TavernHype .fsg-TavernHype--msg {
		text-align: left;
		margin-bottom: 10px
	}
}
.fsg-TavernHype .fsg-TavernHype--requirements {
	margin: 0 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-flex: 1 40%;
	-ms-flex: 1 40%;
	flex: 1 40%;
	position: relative
}
.fsg-TavernHype .fsg-TavernHype--requirements>* {
	-webkit-flex: 1 100%;
	-ms-flex: 1 100%;
	flex: 1 100%;
	max-width: 100%
}
.fsg-TavernHype .fsg-TavernHype--requirements .Button {
	margin-top: 1em
}
.fsg-TavernHype .fsg-TavernHype--requirements .Button.is-disabled {
	color: hsla(0, 0%, 98%, .75);
	opacity: .5;
	pointer-events: none
}
@media only screen and (min-width:60em) {
	.fsg-TavernHype .fsg-TavernHype--requirements {
		padding-left: 2em
	}
	.fsg-TavernHype .fsg-TavernHype--requirements:before {
		content: "";
		position: absolute;
		width: 100%;
		max-width: 290px;
		height: 10px;
		top: 0;
		left: 10px;
		background: url(images/fireside-gatherings/events/cmsChalkLine-426be16a2718448b5c62a0d2617e76530e58362b071007a676652c6ec2d54076877f286b569fc27dec3e7298786d6f1765c6483865ec3f2153932b9aa1ffd213.png) 50%;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left
	}
}
@media only screen and (min-width:72.5em) {
	.fsg-TavernHype .fsg-TavernHype--requirements:before {
		width: 82%;
		left: 30px
	}
}
.fsg-TavernHype .eligibilityRequirement {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: left;
	padding: 0 2em
}
.fsg-TavernHype .eligibilityRequirement .msg {
	font-size: .85em;
	max-width: 140px
}
.fsg-TavernHype .eligibilityRequirement.is-ineligible .msg {
	opacity: .5
}
.fsg-TavernHype .eligibilityRequirement.wonThreeGames {
	margin-bottom: 2em
}
@media only screen and (min-width:60em) {
	.fsg-TavernHype .eligibilityRequirement {
		padding: 0
	}
	.fsg-TavernHype .eligibilityRequirement.wonThreeGames {
		margin-bottom: 0
	}
}
.fsg-TavernHype .Icon--requirement {
	position: relative;
	padding-right: .5em;
	pointer-events: none
}
.fsg-TavernHype .Icon--checkmark {
	position: absolute;
	bottom: 0;
	right: 0
}
.body-bot {
	background-image: none
}
.lowered-section {
	padding-bottom: 0
}
.lowered-section:after, .lowered-section:before {
	background-image: none;
	height: 0
}
.DividerImage--detailed {
	margin: 5em auto
}
.ContentSection.seeMoreEvents {
	padding-bottom: 3.6em;
	border-bottom: 1px solid #cdba8f
}
.events-list-link {
	text-align: center
}
.events-list-link a, .events-list-link h4 {
	color: #000;
	display: inline-block
}
.events-list-link a:active, .events-list-link a:focus, .events-list-link a:hover, .events-list-link h4:active, .events-list-link h4:focus, .events-list-link h4:hover {
	text-decoration: underline
}
.events-list-link .Icon:before {
	margin-right: .75em;
	margin-bottom: 4px
}
.EventsCta {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 2em
}
@media only screen and (min-width:60em) {
	.EventsCta {
		margin-top: 1em
	}
}
.EventsCta--single {
	margin: 0 .25em 1em;
	width: 100%
}
.EventsCta--single .EventsCta--primary .Icon:after, .EventsCta--single .EventsCta--primary .Icon:before {
	display: none
}
@media only screen and (min-width:40em) {
	.EventsCta--single {
		width: auto;
		margin: 0 0 1em;
		-webkit-flex: 0 0 33%;
		-ms-flex: 0 0 33%;
		flex: 0 0 33%
	}
	.EventsCta--single .EventsCta--primary .Icon:after, .EventsCta--single .EventsCta--primary .Icon:before {
		display: inline-block
	}
}
.EventsCta--primary {
	color: #725a37;
	position: relative;
	z-index: 10
}
.EventsCta--primary .Icon:before {
	position: relative;
	margin-bottom: -2.3em;
	z-index: 5
}
.EventsCta--primary .PaperBtn {
	position: relative
}
.EventsCta--primary .PaperBtn:after, .EventsCta--primary .PaperBtn:before {
	content: "";
	position: absolute;
	top: 0;
	z-index: -1
}
.EventsCta--primary .PaperBtn:before {
	background-image: url(images/fireside-gatherings/events/fsg-events-sprite-3fdaa9c7f8f4c3df484c7268f9c97c73018f50c552423524ba6270d5d0bbac9b956ef46cf914c909396d3ca5374a56c7ab948c6d9d8142aefd7bcf8fc4b59fb9.png);
	background-position: -182px -80px;
	width: 325px;
	height: 75px;
	width: calc(100% - 31px);
	left: 0
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.EventsCta--primary .PaperBtn:before {
		background-image: url(images/fireside-gatherings/events/fsg-events-sprite@2x-9f062b41530f1ff1dea7f4fb9ff17544c202e3a0d681f7746fbfe1f44ccb20787e03398fd01e8f0abeb23df910c39c2142e0eca3b1ea1328122052705bfc4cbd.png);
		background-size: 716px 388px
	}
}
.EventsCta--primary .PaperBtn:after {
	content: "";
	position: absolute;
	top: 0;
	right: 2px;
	background-image: url(images/fireside-gatherings/events/fsg-events-sprite-3fdaa9c7f8f4c3df484c7268f9c97c73018f50c552423524ba6270d5d0bbac9b956ef46cf914c909396d3ca5374a56c7ab948c6d9d8142aefd7bcf8fc4b59fb9.png);
	background-position: -327px -233px;
	width: 31px;
	height: 75px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.EventsCta--primary .PaperBtn:after {
		background-image: url(images/fireside-gatherings/events/fsg-events-sprite@2x-9f062b41530f1ff1dea7f4fb9ff17544c202e3a0d681f7746fbfe1f44ccb20787e03398fd01e8f0abeb23df910c39c2142e0eca3b1ea1328122052705bfc4cbd.png);
		background-size: 716px 388px
	}
}
.EventsCta--primary .PaperBtn .PaperBtn--inner {
	position: relative;
	padding: 1.5em 5px .9em 36px;
	margin-right: 31px;
	min-width: 175px;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 1.25em;
	white-space: nowrap
}
.EventsCta--primary .PaperBtn .PaperBtn--inner:after, .EventsCta--primary .PaperBtn .PaperBtn--inner:before {
	content: "";
	position: absolute;
	top: 0;
	opacity: 0;
	z-index: -1;
	transition: all .15s
}
.EventsCta--primary .PaperBtn .PaperBtn--inner:before {
	background-image: url(images/fireside-gatherings/events/fsg-events-sprite-3fdaa9c7f8f4c3df484c7268f9c97c73018f50c552423524ba6270d5d0bbac9b956ef46cf914c909396d3ca5374a56c7ab948c6d9d8142aefd7bcf8fc4b59fb9.png);
	background-position: 0 -233px;
	width: 325px;
	height: 75px;
	width: 100%;
	left: 0
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.EventsCta--primary .PaperBtn .PaperBtn--inner:before {
		background-image: url(images/fireside-gatherings/events/fsg-events-sprite@2x-9f062b41530f1ff1dea7f4fb9ff17544c202e3a0d681f7746fbfe1f44ccb20787e03398fd01e8f0abeb23df910c39c2142e0eca3b1ea1328122052705bfc4cbd.png);
		background-size: 716px 388px
	}
}
.EventsCta--primary .PaperBtn .PaperBtn--inner:after {
	right: -29px;
	background-image: url(images/fireside-gatherings/events/fsg-events-sprite-3fdaa9c7f8f4c3df484c7268f9c97c73018f50c552423524ba6270d5d0bbac9b956ef46cf914c909396d3ca5374a56c7ab948c6d9d8142aefd7bcf8fc4b59fb9.png);
	background-position: -360px -233px;
	width: 31px;
	height: 75px;
	z-index: 0
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.EventsCta--primary .PaperBtn .PaperBtn--inner:after {
		background-image: url(images/fireside-gatherings/events/fsg-events-sprite@2x-9f062b41530f1ff1dea7f4fb9ff17544c202e3a0d681f7746fbfe1f44ccb20787e03398fd01e8f0abeb23df910c39c2142e0eca3b1ea1328122052705bfc4cbd.png);
		background-size: 716px 388px
	}
}
.EventsCta--primary:active, .EventsCta--primary:focus, .EventsCta--primary:hover {
	text-decoration: none
}
.EventsCta--primary:active .PaperBtn--inner:after, .EventsCta--primary:active .PaperBtn--inner:before, .EventsCta--primary:focus .PaperBtn--inner:after, .EventsCta--primary:focus .PaperBtn--inner:before, .EventsCta--primary:hover .PaperBtn--inner:after, .EventsCta--primary:hover .PaperBtn--inner:before {
	opacity: 1
}
@media only screen and (min-width:60em) {
	.EventsCta--primary .Icon:before {
		margin-bottom: -2em
	}
	.EventsCta--primary .PaperBtn .PaperBtn--inner {
		padding-top: 1.15em
	}
}
.EventsCta--secondary {
	color: #fff;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-weight: 400;
	text-align: center;
	background-image: url(images/fireside-gatherings/events/fsg-events-sprite-3fdaa9c7f8f4c3df484c7268f9c97c73018f50c552423524ba6270d5d0bbac9b956ef46cf914c909396d3ca5374a56c7ab948c6d9d8142aefd7bcf8fc4b59fb9.png);
	background-position: 0 -80px;
	width: 180px;
	height: 151px;
	display: block;
	height: auto;
	margin: -1em auto 40px;
	padding-top: .5em;
	position: relative;
	line-height: 1.2;
	text-shadow: 0 0 0 #000;
	transition: all .15s
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.EventsCta--secondary {
		background-image: url(images/fireside-gatherings/events/fsg-events-sprite@2x-9f062b41530f1ff1dea7f4fb9ff17544c202e3a0d681f7746fbfe1f44ccb20787e03398fd01e8f0abeb23df910c39c2142e0eca3b1ea1328122052705bfc4cbd.png);
		background-size: 716px 388px
	}
}
.EventsCta--secondary:before {
	display: block
}
.EventsCta--secondary:after {
	content: "";
	display: block;
	background-image: url(images/fireside-gatherings/events/fsg-events-sprite-3fdaa9c7f8f4c3df484c7268f9c97c73018f50c552423524ba6270d5d0bbac9b956ef46cf914c909396d3ca5374a56c7ab948c6d9d8142aefd7bcf8fc4b59fb9.png);
	background-position: -509px -80px;
	width: 180px;
	height: 40px;
	position: absolute;
	bottom: -40px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.EventsCta--secondary:after {
		background-image: url(images/fireside-gatherings/events/fsg-events-sprite@2x-9f062b41530f1ff1dea7f4fb9ff17544c202e3a0d681f7746fbfe1f44ccb20787e03398fd01e8f0abeb23df910c39c2142e0eca3b1ea1328122052705bfc4cbd.png);
		background-size: 716px 388px
	}
}
.EventsCta--secondary .EventsCta--secondaryCopy {
	padding: 0 2.5em
}
.EventsCta--secondary:active, .EventsCta--secondary:focus, .EventsCta--secondary:hover {
	text-decoration: none;
	text-shadow: 0 0 5px #000
}
.EventsCta--secondary:active .Icon:after, .EventsCta--secondary:focus .Icon:after, .EventsCta--secondary:hover .Icon:after {
	opacity: 1
}
@media only screen and (min-width:60em) {
	.EventsCta--secondary {
		margin-top: -1.1em
	}
}
.event-container {
	position: relative;
	margin-bottom: 2em;
	margin-top: 2em;
	z-index: 10;
	clear: both
}
@media only screen and (min-width:60em) {
	.event-container {
		margin-bottom: 5em
	}
}
.events-list__item {
	box-shadow: 0 .5em .5em -.5em rgba(0, 0, 0, .3), 0 -.5em .5em -.5em rgba(0, 0, 0, .3)
}
.events-list__item+.events-list__item {
	margin-top: 3px;
	box-shadow: 0 .5em .5em -.5em rgba(0, 0, 0, .3)
}
@media only screen and (min-width:60em) {
	.events-list__item {
		width: 100%;
		padding: 0 .5em
	}
}
.event-item-link {
	color: #000;
	padding: 1em;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.event-item-link:hover {
	text-decoration: none;
	background-color: #947a4a;
	background-color: rgba(148, 122, 74, .1)
}
.event-item-link:hover .event-item-name {
	color: #e22c14
}
.event-item-link:hover .event-item-counter {
	background-position: 0 -30px
}
.event-item-counter {
	text-align: center;
	line-height: 29px;
	font-size: 10px;
	color: #fff;
	background: url(images/fireside-gatherings/list-counter-bg-dd837d99a6c5d3535cc026484e465794b663fabb1228845378e3e87999b2309159003c5754407071129682bd5f06dbc8580139ac7dedb882393911afc82aa10a.png) 0 0 no-repeat;
	display: inline-block;
	width: 29px;
	height: 29px;
	vertical-align: top;
	margin-right: .5em
}
.event-item-block {
	width: 75%;
	display: inline-block
}
@media only screen and (min-width:60em) {
	.event-item-block {
		width: 42%
	}
}
.events-item-position {
	width: 4em;
	text-align: center
}
.event-item-name {
	font-size: 19px;
	font-size: 1.2rem;
	display: inline-block;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 85%;
	vertical-align: bottom
}
.event-item-time {
	width: 20%;
	color: #233a6e;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: bottom
}
.event-item-secondary {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	margin-left: 36px;
	margin-left: 2.3rem;
	width: 100%;
	width: calc(100% - 2.3rem);
	vertical-align: bottom
}
@media only screen and (min-width:60em) {
	.event-item-secondary {
		width: 37%;
		text-align: right;
		display: inline-block;
		margin-left: 0
	}
}
.event-item-region {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-right: .6em
}
.meetup-pagination-wrapper {
	margin-bottom: 5em;
	text-align: right
}
.upcoming-event-header {
	position: relative
}
.upcoming-event-header .hearthstone-dropdown {
	width: 100%;
	margin-top: 16px;
	margin-top: 1rem;
	padding: 0 16px;
	padding: 0 1rem;
	text-align: center
}
@media only screen and (min-width:40em) {
	.upcoming-event-header .hearthstone-dropdown {
		text-align: left;
		width: 60%
	}
}
@media only screen and (min-width:60em) {
	.upcoming-event-header .hearthstone-dropdown {
		position: absolute;
		top: -12px;
		right: 80px;
		width: 35%
	}
}
@media only screen and (min-width:72.5em) {
	.upcoming-event-header .hearthstone-dropdown {
		width: 30%
	}
}
.fsg-admin-event-list-tabs {
	margin: 1em 0 2em;
	border-bottom: 1px solid #957651
}
.fsg-admin-event-list-tabs li {
	font-size: 1.2em;
	display: inline-block;
	margin: 0 -2px -1px 0
}
.fsg-admin-event-list-tabs a {
	padding: .35em .75em;
	display: block;
	background-color: #957651;
	color: #fff;
	text-decoration: none
}
.fsg-admin-event-list-tabs a.current, .fsg-admin-event-list-tabs a:active, .fsg-admin-event-list-tabs a:focus, .fsg-admin-event-list-tabs a:hover {
	background-color: #42271e
}
.fsg-events-pagination-wrapper {
	text-align: right;
	padding-right: 16px;
	padding-right: 1rem;
	margin: 32px 0;
	margin: 2rem 0
}
@media only screen and (min-width:60em) {
	.fsg-events-pagination-wrapper {
		padding-right: 0
	}
}
.fsg-event-duplicate-list-wrapper {
	display: none;
	padding: 16px;
	padding: 1rem;
	background: hsla(38, 49%, 71%, .5);
	margin-bottom: 16px;
	margin-bottom: 1rem;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	font-size: 1.125em
}
.fsg-event-duplicate-list__item {
	padding: .5em 1.5em;
	color: #e22c14
}
.fsg-event-duplicate-list__item:hover {
	text-decoration: underline;
	cursor: pointer
}
.fsg-event-toggle-container {
	margin-top: 16px;
	margin-top: 1rem
}
@media only screen and (min-width:40em) {
	.fsg-event-toggle-container {
		margin-top: 0;
		margin-left: 32px;
		margin-left: 2rem
	}
}
.meetups-event-table {
	font-size: 1.25em;
	margin: 16px 0;
	margin: 1rem 0;
	border-bottom: 1px solid #d9be91
}
@media only screen and (min-width:60em) {
	.meetups-event-table {
		table-layout: fixed
	}
}
.meetups-event-table--esports-schedule+.meetups-event-table--esports-schedule {
	margin-top: 48px;
	margin-top: 3rem
}
.meetups-event-table__row {
	color: inherit;
	padding: 16px;
	padding: 1rem;
	padding-left: 53px;
	position: relative
}
:not(.meetups-event-table__row--head)+.meetups-event-table__row {
	border-top: 1px solid #d9be91
}
@media only screen and (min-width:60em) {
	.meetups-event-table__row {
		padding-left: 16px;
		padding-left: 1rem
	}
	.meetups-event-table__row+.meetups-event-table__row .meetups-event-table__cell {
		border-top: 1px solid #d9be91
	}
}
a.meetups-event-table__row:hover {
	text-decoration: none;
	background-color: hsla(38, 49%, 71%, .25);
	cursor: pointer
}
.meetups-event-table--today .meetups-event-table__row--schedule-type {
	background-color: #743200;
	background-color: rgba(116, 50, 0, .07)
}
.meetups-event-table__row--head {
	font-weight: 700;
	color: #725a37;
	padding-left: 0
}
@media only screen and (min-width:30em) {
	.meetups-event-table__row--head {
		white-space: nowrap
	}
}
.meetups-event-table__row--head .meetups-event-table__cell {
	padding: 0 32px 8px 0;
	padding: 0 2rem .5rem 0
}
.meetups-event-table__row--head-pending {
	display: block;
	padding-left: 16px;
	padding-left: 1rem
}
@media only screen and (min-width:60em) {
	.meetups-event-table__row--head-pending {
		display: table-row
	}
}
.meetups-event-table__row--head-pending .meetups-event-table__cell--head {
	padding-left: 0
}
.meetups-event-table__cell--head {
	vertical-align: baseline
}
@media only screen and (min-width:60em) {
	.meetups-event-table__cell--head--name {
		width: 50%
	}
}
.meetups-event-table__cell--head--location, .meetups-event-table__cell--head--time, .meetups-event-table__cell--head-prize-pool {
	display: none
}
@media only screen and (min-width:60em) {
	.meetups-event-table__cell--head--location, .meetups-event-table__cell--head--time, .meetups-event-table__cell--head-prize-pool {
		display: table-cell
	}
}
@media only screen and (min-width:60em) {
	.meetups-event-table__cell--head--time, .meetups-event-table__cell--time {
		text-align: center
	}
}
@media only screen and (min-width:60em) {
	.meetups-event-table__cell {
		padding: 12px 32px;
		padding: .8rem 2rem
	}
}
.meetups-event-table__cell--name {
	position: relative
}
.meetups-event-table__cell--name:before {
	content: "";
	display: inline-block;
	vertical-align: middle
}
@media only screen and (min-width:60em) {
	.meetups-event-table__cell--special:before {
		width: 27px;
		height: 43px;
		background: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprites.png) no-repeat 0 -2px;
		margin-right: 10px
	}
}
@media only screen and (min-width:60em) {
	.meetups-event-table__cell--championship:before {
		width: 36px;
		height: 43px;
		background: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprites.png) no-repeat -28px 0;
		margin-right: 6px
	}
}
.meetups-event-table__cell--location, .meetups-event-table__cell--prize-pool {
	font-size: 16px;
	font-size: 1rem
}
@media only screen and (min-width:60em) {
	.meetups-event-table__cell--location, .meetups-event-table__cell--prize-pool {
		padding-left: 0
	}
}
.meetups-event-table__cell__name {
	font-size: 1.3em;
	display: block;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif
}
.meetups-event-table__cell__name-schedule {
	font-size: 1.2em
}
.meetups-event-table__cell__distance {
	color: #725a37
}
@media only screen and (min-width:60em) {
	.meetups-event-table__cell__state:not(:empty):after {
		content: ", "
	}
}
.meetups-event-table__cell__country {
	display: none
}
.meetups-event-table__cell__city, .meetups-event-table__cell__country {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.meetups-event-table__cell--time {
	font-size: 13px;
	font-size: .85rem;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif
}
@media only screen and (min-width:60em) {
	.meetups-event-table__cell--time {
		font-size: 16px;
		font-size: 1rem
	}
}
.meetups-event-table__cell--time-schedule {
	color: #000
}
@media only screen and (min-width:60em) {
	.meetups-event-table__cell--time-schedule {
		padding-top: 24px;
		padding-top: 1.5rem;
		padding-bottom: 24px;
		padding-bottom: 1.5rem
	}
}
.meetups-event-table__cell__distance_ {
	font-size: 13px;
	font-size: .85rem
}
@media only screen and (min-width:60em) {
	.meetups-event-table__cell__distance_ {
		font-size: 16px;
		font-size: 1rem
	}
}
.fsg-event-search-nearby-button {
	background-color: #913a1f;
	background-position: 50%;
	background-size: 65% 65%, 100% 100%;
	background-repeat: no-repeat;
	width: 3.18em;
	height: 3.25em;
	z-index: 1;
	border-radius: .25rem;
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	cursor: pointer;
	float: left;
	background-image: url(images/icons/fsg_input_button_search_loc_icon@2x-72bda340f651849d6c80e77e59e6c25026080ccc276b6e7d84fce173814a2eca75915d20564a2f20ca3e724ec7f21ec181b71bc9b23d7b0c4f02c94a8e6d7a14.png);
	background-image: url(images/icons/fsg_input_button_search_loc_icon@2x-72bda340f651849d6c80e77e59e6c25026080ccc276b6e7d84fce173814a2eca75915d20564a2f20ca3e724ec7f21ec181b71bc9b23d7b0c4f02c94a8e6d7a14.png), url(images/fireside-gatherings/form-button-bg-10bf9ae28b5cf03a69a819cf5856a5dbf41b436433f5e5864e422339f916f25063b18a9d740474d458e76dd71f53083c5c39e2845e13d20a9252305d7d25a01b.jpg);
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icons/fsg_input_button_search_loc_icon@2x.png', sizingMethod='scale')"
}
.fsg-event-search-nearby-button:hover {
	background-color: #b14726
}
.fsg-event-search-input-wrapper {
	margin-left: 48px
}
@media only screen and (min-width:60em) {
	.fsg-event-search-input-wrapper {
		margin-left: 55px
	}
}
.content-container--event-search {
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:60em) {
	.content-container--event-search {
		padding-right: 80px;
		padding-right: 5rem;
		padding-left: 80px;
		padding-left: 5rem
	}
}
.content-container--fsg-event-options {
	text-align: center;
	margin-bottom: 32px;
	margin-bottom: 2rem
}
.fsg-event-warning {
	text-align: center;
	padding: 16px;
	padding: 1rem
}
@media only screen and (min-width:72.5em) {
	.fsg-event-warning {
		background: url(images/fireside-gatherings/fsg_index_search_error-75712e69b57e690d2143ee7be1509e1ebf4edfb1efc8c8b0e5781b26c936f6dd05f33211fc69887d3f715ec4dfa295dd92bd77874d47e9e5e944693fead9a8bf.png) 100% no-repeat;
		background-size: auto 100%;
		height: 20em;
		line-height: 20em;
		text-align: left;
		padding: 0
	}
}
.fsg-event-warning__text {
	display: inline-block;
	line-height: normal;
	margin-top: 15px
}
@media only screen and (min-width:40em) {
	.fsg-event-warning__text {
		margin-top: 0
	}
}
.fsg-event-warning__text__details {
	font-size: 1.5em
}
.fsg-event-sort-wrapper {
	margin: 16px 32px 0 16px;
	margin: 1rem 2rem 0 1rem;
	display: inline-block;
	min-width: 10em
}
@media only screen and (min-width:60em) {
	.fsg-event-sort-wrapper {
		margin-bottom: 25px;
		margin-left: 0
	}
}
@media only screen and (min-width:40em) {
	.fsg-event-toggle-container {
		display: inline-block;
		vertical-align: middle
	}
}
.fsg-form-select--event-sort~.fsg-event-sort-label {
	margin-top: 16px;
	margin-top: 1rem
}
@media only screen and (min-width:40em) {
	.fsg-form-select--event-sort {
		display: inline-block;
		vertical-align: middle
	}
}
.fsg-event-sort-label {
	color: #725a37;
	display: block;
	margin-bottom: 8px;
	margin-bottom: .5rem;
	font-size: 16px
}
@media only screen and (min-width:40em) {
	.fsg-event-sort-label {
		font-size: 1em;
		margin-bottom: 0;
		margin-right: 8px;
		margin-right: .5rem;
		display: inline-block
	}
}
.fsg-event-search-type-heading {
	font-size: 1.25em;
	margin: 4px 0 8px;
	margin: .3rem 0 .5rem
}
.fsg-event-search-type-heading--country {
	margin-top: 20px;
	margin-top: 1.3rem
}
@media only screen and (min-width:60em) {
	.fsg-event-search-type-heading--country {
		margin-top: 4px;
		margin-top: .3rem
	}
}
.fsg-event-search-warning {
	clear: both;
	text-align: center;
	padding: 1em;
	margin-top: 2em;
	font-weight: 700
}
.fsg-events-status-table .fsg-table__cell {
	vertical-align: top
}
@media (min-width:40em) {
	.fsg-admin-select-md, .fsg-admin-select-sm {
		white-space: nowrap
	}
}
.fsg-admin-select-md small, .fsg-admin-select-sm small {
	padding-top: 1em;
	display: block
}
.fsg-admin-selector-md, .fsg-admin-selector-sm {
	display: inline-block;
	text-align: center;
	margin: 0 3px;
	font-size: .9em
}
.fsg-admin-selector-md:first-child, .fsg-admin-selector-sm:first-child {
	margin-left: 0
}
.fsg-admin-selector-md input, .fsg-admin-selector-sm input {
	vertical-align: top
}
.fsg-admin-selector-md {
	font-size: 1em
}
.fsg-event-campaign-row:not(:last-child) {
	margin-bottom: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.fsg-admin-filter-row input.fsg-event-update, input.fsg-event-update {
	border: 1px solid #42271e;
	padding: .25em 1em;
	background-color: #42271e;
	line-height: 2em;
	color: #fff;
	max-width: 100%
}
.fsg-admin-filter-row input.fsg-event-update:active, .fsg-admin-filter-row input.fsg-event-update:focus, .fsg-admin-filter-row input.fsg-event-update:hover, input.fsg-event-update:active, input.fsg-event-update:focus, input.fsg-event-update:hover {
	border-color: #957651;
	background-color: #957651
}
.fsg-event-update-error:after {
	content: "\02190";
	color: #e22c14;
	font-size: 3.5em;
	font-weight: 700;
	line-height: 0;
	position: relative;
	top: 4px;
	height: 10px;
	display: inline-block;
	vertical-align: middle
}
.meetups-event-table__cell--head-date {
	color: #233a6e
}
.schedule-date {
	font-size: 46px;
	line-height: 1;
	margin-right: 16px;
	margin-right: 1rem;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	letter-spacing: 0;
	font-weight: 100;
	letter-spacing: 1px
}
.schedule-days-container {
	line-height: 1.2;
	display: inline-block
}
.schedule-day {
	display: block;
	text-transform: uppercase;
	font-size: 18px;
	font-size: 1.125rem
}
.schedule-today {
	font-size: 12px;
	font-size: .75rem;
	margin-left: 8px;
	margin-left: .5rem
}
.schedule-year {
	font-size: 16px;
	font-size: 1rem;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-weight: 100
}
.play-icon-container {
	position: absolute;
	top: 50%;
	right: 10px
}
@media only screen and (min-width:60em) {
	.play-icon-container {
		margin-top: -16px;
		left: 16px;
		right: auto
	}
}
.play-icon {
	background: url(images/esports/small-play-31a549a05b688d0601c9d9defb2fc1f73ffd5e1e116ba73e300109d4479fe1eb3d8e97823696d1a19b4632f7461969e09e7a291bf906bfe3e0d2cad6e069b69b.png) -8px -11px no-repeat;
	height: 33px
}
.external-icon, .play-icon {
	display: inline-block;
	width: 33px;
	vertical-align: middle
}
.external-icon {
	background: url(images/icons/external-link-47761dc0a9ff3b6e143afb96cf0f1c100c2617430bf932535a2764c35a76bc47df0b9717acac4acdaa506c3d1e03d3daecbc72ab78797ddbcf4527dc78f2db89.png) 0 0 no-repeat;
	height: 34px;
	margin-right: 6px;
	margin-top: -9px
}
.play-icon-link-container:hover .play-icon {
	background-position: -8px -49px
}
.external-icon-link-container:hover .external-icon {
	background-position: -35px 0
}
.xdsoft_datetimepicker .xdsoft_timepicker {
	width: auto;
	min-width: 58px
}
.faq-list {
	position: relative;
	z-index: 5
}
.faq-list__item {
	font-size: 16px;
	font-size: 1rem
}
.faq-list__item.js-loaded .faq-answer {
	max-height: 0
}
.faq-list__item.isOpen .faq-answer {
	max-height: 20em
}
.faq-list__item.isOpen .view-more--faq {
	background-position: 0 0
}
.faq-list__item.isOpen:hover .view-more--faq {
	background-position: 0 -72px
}
.faq-list__item .view-more--faq {
	background-image: url(images/faq/collapse-button-noswirl-cffc62a2674470ea30b47c10225ab25ece33ade0f5924366489a87a0a63ab6d2415602d6ba048ba781fc48799c2a31ff93a03c5117cdec3ab4f23892ee88f9b0.png);
	background-position: 0 -36px;
	display: block;
	width: 28px;
	height: 28px;
	float: right
}
.heading--faq:before {
	content: url(images/faq/icon-8541f2e658ff5b7c0b134ca51f4082e8c17f517cdd6a74b1b7fc8a27e75dd1741973588d2fa1df8d0b30ee6a273ee797c2e98f9d2a62d0ae8a719ea9963785b4.png);
	width: 60px;
	height: 60px;
	vertical-align: middle
}
.faq-answer {
	transition: max-height .3s linear;
	overflow: hidden;
	padding: 0 1em;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.faq-answer .ko-kr {
	font-family: NanumMyeongjo Bold
}
.faq-answer p {
	padding-bottom: .75em
}
.faq-answer a {
	word-break: break-word
}
.faq-question__link {
	color: #000;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	display: block;
	padding: .5em 1em;
	font-weight: 700;
	color: #233a6e;
	font-size: 17px;
	font-size: 1.1rem
}
.faq-question__link:hover {
	color: #e22c14
}
@media only screen and (min-width:60em) {
	.faq-question__link {
		font-size: 16px;
		font-size: 1rem
	}
}
.faq-question__link .ko-kr {
	font-family: Dotum
}
.faq-question__link:hover {
	text-decoration: none;
	background-color: #947a4a;
	background-color: rgba(148, 122, 74, .1)
}
.faq-question__link:hover .view-more--faq {
	background-position: 0 -108px
}
.faq-question__link:hover .event-item-counter {
	background-position: 0 -30px
}
.faq-category--general .faq-question__link:hover {
	color: #233a6e;
	background-color: transparent
}
.faq-question__counter {
	color: #000
}
.faq-question__title {
	margin-right: -30px;
	width: 100%;
	float: left
}
@media only screen and (min-width:60em) {
	.faq-question__title {
		max-width: 90%;
		display: inline-block
	}
	.ja-jp .faq-question__title {
		max-width: 93%
	}
}
.faq-question__title__inner {
	padding-right: 35px;
	float: left
}
.faq .event-item-counter {
	vertical-align: middle
}
@media only screen and (min-width:60em) {
	.faq .page-header {
		height: 226px;
		position: relative
	}
	.faq .page-header:after {
		content: "";
		background-image: url(images/faq/horseman-e6a44cddf7630c80232c49098ab67810311484732bce69d68d68183e71961cb3e90883a651671f71586514d50de70d4ca8a96c7cd11a2cd21fd4ea9d3f47d8fa.png);
		display: block;
		position: absolute;
		top: -56px;
		right: -180px;
		z-index: 1;
		width: 607px;
		height: 461px;
		background-size: contain
	}
}
@media only screen and (min-width:60em) {
	.faq .body-top {
		background: transparent url(images/faq/bg-ab91a1e76b675b68b4a411bd5e7c5f63bb3acc3156b32778c799029f364b385244f1c2b74c11676a99ead4c61349bf2bfb416c1c65ab7a523425402f5f5892c6.png) 50% 0 no-repeat
	}
}
.faq .events-list__item {
	box-shadow: 0 .5em .5em -.5em rgba(0, 0, 0, .3);
	margin: 0 -.5em;
	padding: 0 .5em
}
@media only screen and (min-width:60em) {
	.faq .events-list__item {
		margin: 0;
		padding: 0
	}
}
.apple-msg {
	font-size: 11px;
	color: #666;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	margin-top: 2em;
	padding: .5em 1em
}
.ko-kr .apple-msg {
	font-style: normal;
	font-family: Dotum
}
.body-text--esports {
	max-width: none
}
.esports-text {
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1rem
}
.esports-text--road {
	margin-bottom: 16px;
	margin-bottom: 1rem;
	max-width: 800px;
	max-width: 50rem
}
.esports-text--road a {
	font-weight: 700
}
.esports-bracket {
	margin: 16px 0;
	margin: 1rem 0
}
.heading--small-esports {
	font-size: 17px;
	font-size: 1.1rem;
	color: #233a6e;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.jeweled-list {
	font-size: 16px;
	font-size: 1rem;
	text-align: left
}
.jeweled-list__item {
	margin: 16px 0 0;
	margin: 1rem 0 0;
	line-height: 2
}
.jeweled-list__item b {
	font-weight: 700;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.jeweled-list__item b:before {
	content: url(images/game-guide/icons/list-bullet-e51826df47f1b1c0e3e967f9e59c2676d4e35a19946a78024c06c329f23672d1acb219f09a0e72919fa0cfac2e41bf87817a7e5756ea5b3acdf78a24f748fd35.png);
	vertical-align: middle;
	padding-right: .7em
}
.esports-region-select {
	margin-bottom: 32px;
	margin-bottom: 2rem;
	margin-top: 32px;
	margin-top: 2rem
}
@media only screen and (min-width:30em) {
	.esports-region-select {
		margin-top: 0
	}
}
@media only screen and (min-width:40em) {
	.esports-region-select {
		width: 50%
	}
}
.esports-sort {
	font-size: 14px;
	font-size: .875rem;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-left: 16px;
	margin-left: 1rem;
	margin-bottom: 4px;
	margin-bottom: .25rem;
	display: inline-block
}
.events-list--esports {
	font-size: 16px;
	font-size: 1rem
}
@media only screen and (min-width:40em) {
	.events-list--esports {
		-webkit-columns: 2;
		columns: 2
	}
}
.esports-road__list {
	text-align: center
}
@media only screen and (min-width:60em) {
	.esports-road__list {
		text-align: left
	}
}
.event-item-counter--esports {
	float: left;
	margin-top: -.25em
}
.esports-standings__title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
	color: #233a6e
}
.esports-standings__score, .esports-standings__title {
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font-weight: 700
}
.esports-standings__score {
	float: right
}
.button--learn-more {
	margin-left: 9px;
	margin-left: .6rem;
	margin-top: 32px;
	margin-top: 2rem;
	text-align: center
}
@media only screen and (min-width:60em) {
	.button--learn-more {
		text-align: left
	}
}
.events-list__item--esports {
	padding: 8px;
	padding: .5rem;
	margin-bottom: 8px
}
.events-list__item--esports:first-of-type {
	box-shadow: 0 .5em .5em -.5em rgba(0, 0, 0, .3)
}
.content-container--esports {
	padding: 16px 16px 0;
	padding: 1rem 1rem 0
}
@media only screen and (min-width:60em) {
	.content-container--esports {
		padding-left: 0;
		padding-right: 0
	}
}
.content-container--road {
	position: relative;
	padding-top: 32px;
	padding-top: 2rem;
	z-index: 10
}
@media only screen and (min-width:60em) {
	.content-container--road {
		background: url(images/esports/samurai-mech-small-3ee9145b281aaff11e13aea5262963b8aea69c22b636f89d9bd29ea5e6274294026d8665eaa5d456f89a7e39f28f5582ae2182956a850e9515f8549115bb1571.png) 100% 100% no-repeat;
		padding-bottom: 16px;
		padding-bottom: 1rem;
		padding-right: 390px;
		min-height: 550px
	}
}
.content-container--leaderboard {
	padding-top: 0
}
@media only screen and (min-width:60em) {
	.content-container--leaderboard {
		margin-top: -24px
	}
}
@media only screen and (min-width:60em) {
	.esports-road__list {
		padding-bottom: 16px;
		padding-bottom: 1rem
	}
}
.standings-footnote {
	margin: 16px;
	margin: 1rem;
	float: left
}
.standings-footnote p {
	margin-top: 0
}
@media only screen and (min-width:60em) {
	.standings-footnote {
		margin-bottom: 32px;
		margin-bottom: 2rem
	}
}
.arrow-link__view--standings {
	margin-bottom: 16px;
	margin-bottom: 1rem
}
.heading--standings {
	margin-left: 12px;
	margin-left: .75rem;
	margin-right: 0
}
.heading--standings:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -488px 0 no-repeat
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.heading--standings:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
@media only screen and (min-width:60em) {
	.heading--standings {
		margin-left: 0
	}
}
.hidden {
	display: none
}
.schedule .page-header-bg-chunk {
	position: absolute;
	height: 440px;
	max-width: 1442px;
	margin: auto;
	width: 100%
}
@media only screen and (min-width:40em) {
	.schedule .page-header-bg-chunk {
		top: -45px;
		background: transparent url(images/esports/esports-schedule-header-bg-5ca9624ba4cc71627e65aa7371969d9de903d4f27dbcaa3f3eb03de09f56a5751ffa59071ef2f18bb6b97f49e321c575d8dbe49365f85bfe26467b2ded02454a.png) center -6px no-repeat
	}
}
.schedule header {
	position: relative
}
@media only screen and (min-width:60em) {
	.schedule header:after {
		content: "";
		background: url(images/esports/schedule/characters-beb224c494e86d80251a7372c671220467fe4f5259ce2984c2bced0d2f8242821fb4f407b851b25f56bed5774383d00c6777bc31a0c4813fe447ff6a80b42b4f.png) 0 0 no-repeat;
		display: block;
		position: absolute;
		top: 0;
		left: 460px;
		z-index: 0;
		width: 586px;
		height: 358px;
		background-size: contain
	}
}
.schedule .header-container-with-bg {
	min-height: 160px;
	margin-bottom: 64px;
	margin-bottom: 4rem;
	padding: 0 16px;
	padding: 0 1rem;
	position: relative;
	z-index: 1
}
.schedule .header-container-with-bg:after {
	content: "";
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 345px;
	background: transparent url(images/esports/esports-schedule-header-bg-small-07aece452816a46bfaf60d1628f3ff56047e8e0ce095a9210bf87a133cda4087047d3793cd1eddbcb5bd64313788db7b795f4be2727962959fafd09f55629d98.png) bottom no-repeat;
	z-index: -1
}
@media only screen and (min-width:40em) {
	.schedule .header-container-with-bg:after {
		background: none
	}
}
@media only screen and (min-width:40em) {
	.schedule .header-container-with-bg {
		min-height: 276px
	}
}
.schedule .schedule--heading {
	padding-top: .4em
}
@media only screen and (min-width:40em) {
	.schedule .schedule--heading {
		padding-top: 1.4em
	}
}
@media only screen and (min-width:60em) {
	.schedule .schedule--heading {
		max-width: 480px
	}
}
.schedule .header-container-vertical-center {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
.schedule .load-more-wrapper {
	position: relative;
	min-height: 1.6em
}
.schedule .back-to-top-container {
	position: absolute;
	top: -10%;
	right: 0;
	z-index: 5;
	margin-top: -10px;
	cursor: pointer
}
.schedule .schedule-registration {
	cursor: pointer;
	color: #233a6e;
	position: absolute;
	bottom: .8em;
	right: .6em
}
.schedule .schedule-registration.external-link:after {
	content: url(images/esports/schedule/external_compete-e0cae0d023151955eadfc801f8a8d65afdfd99145567ae7909a0a8f2eea6d1329620f84e248f90173481295359ae5a4172989633d3a0892359cdcf1883e22815.png)
}
@media only screen and (min-width:60em) {
	.schedule .schedule-registration {
		position: static
	}
}
.schedule .back-to-top-icon {
	background: url(images/buttons/back-to-top-4d3841cfdf10cb1dd638e5957aa8cf6de33df8f232844dea242073f6e7a164c14469a599b74dc59e6a00d3174261f1ec44cdd4495a7e7f1c9cb0397e1ad536b6.png) no-repeat 0 0;
	width: 90px;
	height: 95px;
	display: inline-block
}
.schedule .back-to-top-icon:hover {
	background-position: 0 -101px
}
.schedule .schedule-filter optgroup {
	background: #eee
}
.schedule .schedule-filters {
	margin-bottom: 8px;
	margin-bottom: .5rem;
	width: 100%
}
.schedule .schedule-filters .fsg-event-sort-label:last-of-type {
	margin-right: 0
}
@media only screen and (min-width:40em) {
	.schedule .schedule-filters {
		margin-bottom: 24px;
		margin-bottom: 1.5rem
	}
}
.schedule .schedule-error {
	text-align: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.schedule .meetups-event-table__row--head-schedule {
	display: table-row
}
.schedule .meetups-event-table__row--head-schedule .meetups-event-table__row {
	border-top: 1px solid #d9be91
}
.schedule .meetups-event-table__row--head-schedule .meetups-event-table__cell--head:first-of-type {
	margin-left: 8px;
	margin-left: .5rem
}
.schedule .meetups-event-table__cell {
	display: block;
	margin-right: 56px;
	vertical-align: middle
}
.schedule .meetups-event-table__cell.meetups-event-table__cell--head-date {
	padding-left: 8px;
	padding-left: .5rem;
	display: table-cell
}
@media only screen and (min-width:60em) {
	.schedule .meetups-event-table__cell {
		margin-right: 0;
		display: table-cell;
		padding: 12px 16px;
		padding: .8rem 1rem;
		word-break: break-word
	}
	.schedule .meetups-event-table__cell.meetups-event-table__cell--head {
		padding: 0 32px 8px 0;
		padding: 0 2rem .5rem 0
	}
}
.schedule .meetups-event-table__cell--head--location, .schedule .meetups-event-table__cell--head--region, .schedule .meetups-event-table__cell--head--time, .schedule .meetups-event-table__cell--head--type, .schedule .meetups-event-table__cell--head-prize-pool {
	display: none
}
@media only screen and (min-width:60em) {
	.schedule .meetups-event-table__cell--head--location, .schedule .meetups-event-table__cell--head--region, .schedule .meetups-event-table__cell--head--time, .schedule .meetups-event-table__cell--head--type, .schedule .meetups-event-table__cell--head-prize-pool {
		display: table-cell;
		visibility: hidden
	}
}
@media only screen and (min-width:60em) {
	.schedule .meetups-event-table--esports-schedule:first-of-type .meetups-event-table__cell--head--location, .schedule .meetups-event-table--esports-schedule:first-of-type .meetups-event-table__cell--head--region, .schedule .meetups-event-table--esports-schedule:first-of-type .meetups-event-table__cell--head--time, .schedule .meetups-event-table--esports-schedule:first-of-type .meetups-event-table__cell--head--type, .schedule .meetups-event-table--esports-schedule:first-of-type .meetups-event-table__cell--head-prize-pool {
		visibility: visible
	}
}
.schedule .meetups-event-table__cell--head--name {
	margin-right: 0
}
@media only screen and (min-width:40em) {
	.schedule .meetups-event-table__cell--head--name {
		width: 35%
	}
}
.schedule .meetups-event-table__cell--head--location, .schedule .meetups-event-table__cell--head--region, .schedule .meetups-event-table__cell--head--type {
	width: 18%
}
.schedule .meetups-event-table__cell--name {
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
	position: static
}
@media only screen and (min-width:60em) {
	.schedule .meetups-event-table__cell--name {
		position: relative
	}
}
.schedule .meetups-event-table-row--context--watch .meetups-event-table__row {
	padding-left: 63px
}
.schedule .meetups-event-table-row--context--watch .meetups-event-table__row.meetups-event-table__row--head {
	padding-left: 1.2em
}
@media only screen and (min-width:60em) {
	.schedule .meetups-event-table-row--context--watch .meetups-event-table__row .meetups-event-table__cell--name {
		padding-left: 63px
	}
}
.schedule .meetups-event-table__row .meetups-event-table__cell--time {
	-webkit-order: 5;
	-ms-flex-order: 5;
	order: 5;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000
}
@media only screen and (min-width:60em) {
	.schedule .meetups-event-table__row .meetups-event-table__cell--time {
		font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif
	}
}
@media only screen and (min-width:60em) {
	.schedule .meetups-event-table--esports-schedule .meetups-event-table__row {
		border-top: 1px solid #d9be91
	}
}
.schedule .meetups-event-table--today .meetups-event-table__row--schedule-type {
	background-color: #feeac9;
	opacity: 1
}
@media only screen and (min-width:60em) {
	.schedule .meetups-event-table--today .meetups-event-table__row--schedule-type {
		background-color: #fbe2ba
	}
}
.schedule .meetups-event-table__cell--time-schedule {
	color: #80826d;
	font-size: 14px;
	font-size: .9rem
}
@media only screen and (min-width:60em) {
	.schedule .meetups-event-table__cell--time-schedule {
		color: #000;
		font-size: 16px;
		font-size: 1rem
	}
}
.schedule .meetups-event-table__cell__name {
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px
}
@media only screen and (min-width:40em) {
	.schedule .meetups-event-table__cell__name {
		font-size: 18px
	}
}
.schedule .meetups-event-table__cell__name-schedule {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
@media only screen and (min-width:60em) {
	.schedule .meetups-event-table__cell__name-schedule {
		overflow: visible;
		white-space: normal;
		text-overflow: clip
	}
}
@media only screen and (min-width:60em) {
	.schedule .meetups-event-table__cell--location {
		padding-left: 0
	}
}
.schedule .meetups-event-table__row--schedule-type {
	background-color: #feeac9;
	opacity: 1
}
@media only screen and (min-width:60em) {
	.schedule .meetups-event-table__row--schedule-type {
		background-color: #f8dbb3
	}
}
.schedule .meetups-event-table__cell--region, .schedule .meetups-event-table__cell--type {
	padding-left: 0
}
.schedule .top-label {
	margin-bottom: 5px;
	margin-bottom: .35rem;
	font-size: 17px;
	font-size: 1.1rem
}
@media only screen and (max-width:59.99em) {
	.schedule .meetups-event-table__cell--schedule {
		display: block
	}
}
.schedule .btn {
	display: inline-block;
	border: 1px solid #e4bc8f;
	padding: 1em .5em;
	background-color: #fcdcb6
}
.schedule .btn-trigger:checked+.btn {
	background-color: #910f0a;
	color: #fff
}
.schedule .btn-group {
	width: 100%
}
.schedule .btn-group .btn {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	font-weight: 700;
	border-radius: .5rem;
	margin-top: 6px;
	margin-top: .4rem;
	width: 50%;
	text-align: center
}
.schedule .btn-group .btn+.btn {
	border-left: none
}
.schedule .btn-group .btn:nth-of-type(odd) {
	border-radius: .5rem 0 0 .5rem
}
.schedule .btn-group .btn:nth-of-type(2n+2) {
	border-radius: 0 .5rem .5rem 0
}
.schedule .btn-group .btn:last-of-type {
	border-top-right-radius: 8px;
	border-top-right-radius: .5rem;
	border-bottom-right-radius: 8px;
	border-bottom-right-radius: .5rem
}
@media only screen and (min-width:60em) {
	.schedule .btn-group .btn {
		width: auto;
		border-radius: 0;
		margin-right: 0;
		margin-top: 0;
		padding-left: 1.5em;
		padding-right: 1.5em
	}
	.schedule .btn-group .btn:nth-of-type(2n+2), .schedule .btn-group .btn:nth-of-type(odd) {
		border-radius: 0
	}
	.schedule .btn-group .btn:first-of-type {
		border-radius: .5rem 0 0 .5rem
	}
	.schedule .btn-group .btn:last-of-type {
		border-radius: 0 .5rem .5rem 0
	}
}
.schedule .toggle-group {
	margin-left: 40px;
	position: absolute;
	bottom: -81px
}
@media only screen and (min-width:40em) {
	.schedule .toggle-group {
		bottom: -47px;
		margin-left: 54px
	}
}
.schedule .toggle-button--wrapper {
	display: inline-block
}
.schedule .toggle-button--wrapper:last-of-type .toggle-group-button {
	margin-right: 0
}
.schedule .meetups-event-table__row {
	width: 100%;
	padding: .8em .6em .8em 1.2em;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
@media only screen and (min-width:60em) {
	.schedule .meetups-event-table__row {
		display: table-row;
		padding-left: 53px
	}
}
.schedule .toggle-group-button {
	min-width: 20px;
	text-align: center;
	background-color: transparent;
	background-image: url(images/esports/schedule/tabs/off_mid-20dfaae0f6bf184d448f7ff4c9eb79650226ca9b6fc969dbb1a8902bae630ec2a2051c6c893f813b39784f725d49e0134d7235079013793f3a3215035896c65e.png);
	background-repeat: repeat-x;
	background-position: top;
	min-height: 87px;
	border: none;
	margin-right: 115px;
	margin-right: 7.2rem;
	position: relative;
	padding: 0;
	padding-bottom: 36px;
	font-size: 1.3em;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-weight: 100;
	display: inline-block;
	cursor: pointer
}
@media only screen and (min-width:40em) {
	.schedule .toggle-group-button {
		min-width: 60px;
		margin-right: 6.2em;
		font-size: 1.5em
	}
}
.schedule .toggle-group-button .toggle-button--label {
	position: absolute;
	top: .7em;
	left: -30px;
	text-align: center;
	right: -34px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #7d5730;
	z-index: 2
}
.schedule .toggle-group-button:before {
	height: 86px;
	width: 55px;
	background-image: url(images/esports/schedule/tabs/off_left-7258ec2b7ec84155e2fa50709b50966fb602385eaffdfee178f2c504bbe6bd4a671d2bcd73413b019cf8e1e43541821f6bb1a2e4d6ca3d5b31e30f72f7887c94.png);
	left: -55px
}
.schedule .toggle-group-button:after, .schedule .toggle-group-button:before {
	content: "";
	background-repeat: no-repeat;
	display: inline-block;
	position: absolute;
	top: 0;
	z-index: 1
}
.schedule .toggle-group-button:after {
	height: 84px;
	width: 59px;
	background-image: url(images/esports/schedule/tabs/off_right-d947e659155e5ee568d945d37e6e9a53b53baa40a76a895e21ee8891baa2b43cb672cada1343ce47880a2838a67df5bdbf9fdd9b927b02b48937d0b2ace6839e.png);
	right: -59px
}
.schedule .toggle-group-button.active {
	background-image: url(images/esports/schedule/tabs/on_mid-51fff1e259f064376552f754e1b03dda3711595effd03980634fd760df653cedc29be71af76c08cdc450db1c2e351317e1c81118ae7128ccaf38d5ea05bf1b3b.png);
	top: -4px
}
.schedule .toggle-group-button.active .toggle-button--label {
	top: 15px;
	color: #9c2112
}
.schedule .toggle-group-button.active:before {
	background-image: url(images/esports/schedule/tabs/on_left-ce4b225765a50cb74b231490bacc48b955a60cb95d21970395a9f9cb026a5736595ccdd645199b4657ebc558f5cbbb1dd31d5679aed6715bb8010206ffbe96c2.png)
}
.schedule .toggle-group-button.active:after {
	background-image: url(images/esports/schedule/tabs/on_right-8e5b7686c48db5cfe89fc25a3cf4f950d731d3b064bccc0bed3b95ae5cfe95f7372a21358ab28552a30bd05c111bd9579866f355c72af8fe7c592c01ef5f6284.png)
}
.schedule .meetups-event-table {
	font-size: 1em
}
.schedule .checkbox-group-wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex: 1 0;
	-ms-flex: 1 0;
	flex: 1 0;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 1px solid #bb9e6d;
	border-radius: 1em;
	background-color: rgba(116, 50, 0, .07);
	padding: 1.6em 1.6em 0;
	box-shadow: 1px 1px 3px hsla(0, 0%, 100%, .4), inset 1px 1px 3px hsla(38, 36%, 58%, .6)
}
.schedule .checkbox-group {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-bottom: 1.8em
}
@media only screen and (min-width:40em) {
	.schedule .checkbox-group {
		margin-right: 3em
	}
}
.schedule .button-expander {
	background: url(images/icons/yellow-arrows-a04877c65688530cfe4029450afe9cdaf958ac2ea77c7abfb501c2a167db436802039675ec52683ccd4b4fa4be54e70a367f6a5b0edfde8eda860e855a45a209.gif) 50% no-repeat;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
	width: 6px;
	height: 12px;
	position: relative;
	margin-left: 6px;
	margin-right: 6px
}
.schedule .button-expander.open {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.schedule .button-expander.closed {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
@media only screen and (min-width:40em) {
	.schedule .button-expander {
		margin-left: 7px;
		margin-right: 8px;
		top: 1px
	}
}
.schedule .row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex: 1 0;
	-ms-flex: 1 0;
	flex: 1 0;
	margin-bottom: 1.6em
}
.schedule .btn-esports {
	background: url(images/fireside-gatherings/form-button-bg-10bf9ae28b5cf03a69a819cf5856a5dbf41b436433f5e5864e422339f916f25063b18a9d740474d458e76dd71f53083c5c39e2845e13d20a9252305d7d25a01b.jpg) 50% no-repeat #913a1f;
	background-size: 100% 100%;
	color: #fcd144;
	border-radius: 4px;
	border-radius: .25rem;
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	border: none;
	padding-left: .8em;
	font-size: .9em
}
@media only screen and (min-width:40em) {
	.schedule .btn-esports {
		padding-left: 1.2;
		font-size: 1.1em
	}
}
.schedule .toggle-box {
	transition: max-height .2s linear, opacity .2s ease-in-out;
	max-height: 1000px;
	overflow: hidden;
	padding: 4px;
	margin: -4px
}
.schedule .toggle-box.closed {
	max-height: 0;
	opacity: 0
}
.schedule .toggle-box.open {
	opacity: 1
}
.schedule .filters {
	padding: 0 1em
}
@media only screen and (min-width:60em) {
	.schedule .filters {
		padding: 0
	}
}
.schedule .schedule-filter {
	margin-right: 1em
}
.schedule .play-icon--large {
	width: 42px;
	height: 43px;
	background-image: url(images/esports/schedule/play_button-bac4081ed5dd9b50925f64f6f3d3a2628765be818d3361c2aec5a63cfd7abe41796f10fae1e28db13af4020fa1331442a0cee1ca11fd00c19e51e70460bc73e4.png);
	background-repeat: no-repeat;
	display: inline-block
}
.schedule .play-icon--large:hover {
	background-position: 0 -43px
}
.schedule .play-icon-container {
	position: absolute;
	right: auto;
	top: 50%;
	margin-top: -28px;
	left: 10px;
	background-color: transparent;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}
.schedule .play-icon-container.future-broadcast {
	cursor: default;
	pointer-events: none
}
.schedule .play-icon-container.future-broadcast .play-icon--large {
	background-position: 0 -86px
}
@media only screen and (min-width:60em) {
	.schedule .play-icon-container {
		margin-top: -20px
	}
	.schedule .play-icon-container .label {
		display: none
	}
}
.schedule .schedule-filter .esports-form-select {
	height: 44px
}
.schedule .schedule-filter .esports-form-select:before {
	margin-right: 3.6em
}
.schedule .schedule-filter .esports-form-select:after {
	width: 3.6em;
	background: url(images/icons/yellow-arrows-rotate-bb62890612acde09de13518bcd25d4a4e5bbef6773623f64074efebc63f93f367b997f2dcb6895078928500b10e9ed17a8fa9a78c97e0f156a0b743e2f3853a8.gif) 50% no-repeat, url(images/fireside-gatherings/form-button-bg-10bf9ae28b5cf03a69a819cf5856a5dbf41b436433f5e5864e422339f916f25063b18a9d740474d458e76dd71f53083c5c39e2845e13d20a9252305d7d25a01b.jpg) 50% no-repeat #913a1f
}
.schedule .schedule-filter .fsg-form-select--small {
	width: 13em
}
@media only screen and (min-width:40em) {
	.schedule .schedule-filter .fsg-form-select--small {
		width: 16em
	}
}
.schedule .meetups-event-table__row--blizzard-event {
	position: relative
}
.schedule .meetups-event-table__row--blizzard-event:after {
	content: "";
	display: inline-block;
	width: 65px;
	height: 61px;
	background-image: url(images/esports/schedule/blizz_icon-421aa33bf3f978e656021fd6998e90ae1835a096ee42b43ea086cf88aa38e913cea785a228a9a7f51bd97a3ea31677b0c7258cca035ae56db7ca62f86b403b87.png);
	top: 0;
	right: 0;
	position: absolute
}
@media only screen and (min-width:60em) {
	.schedule .meetups-event-table__row--blizzard-event:after {
		display: none
	}
	.schedule .meetups-event-table__row--blizzard-event .meetups-event-table__cell--location {
		width: 100%;
		position: relative;
		padding-right: 42px
	}
	.schedule .meetups-event-table__row--blizzard-event .meetups-event-table__cell--location:before {
		content: "";
		display: block;
		width: 42px;
		height: 39px;
		background-image: url(images/esports/schedule/blizz_icon-421aa33bf3f978e656021fd6998e90ae1835a096ee42b43ea086cf88aa38e913cea785a228a9a7f51bd97a3ea31677b0c7258cca035ae56db7ca62f86b403b87.png);
		background-size: cover;
		margin-top: -14px;
		margin-right: -18px;
		position: absolute;
		right: 1.2em
	}
}
@media only screen and (min-width:60em) {
	.schedule .schedule-date {
		float: left
	}
}
.schedule .schedule-days-container {
	position: relative;
	top: -.6em
}
@media only screen and (min-width:60em) {
	.schedule .schedule-days-container {
		top: 0;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		float: left;
		height: 46px
	}
}
.schedule a.schedule-information {
	color: #000
}
.schedule a.schedule-information:hover {
	text-decoration: underline
}
.Icon-Standings {
	width: 35px;
	height: 35px;
	display: inline-block;
	float: left;
	background: url(images/esports/brackets/schedule/Standing-f3443be583a6c19c5e2e9989ca24e5eb4786ce2c45d69586ff0d617f95ee43628e5a11b1ed7366d3102f7e878ec7da3d814bbbee5a9016e0c0319e5f6cf9952f.png) 50% no-repeat;
	margin-right: 10px;
	position: relative;
	top: -2px
}
.esports-standings__list-header-container {
	margin: 40px 16px 8px;
	margin: 2.5rem 1rem .5rem
}
a.esports-standings__list-header__clear-button {
	background: url(images/esports/standings/x_icon-5d2c2e4bc77f65e233c56132bb04abb5de2231706eaaeaf6010f97faae789e5d1ad89fe5587479e4d20442d8c487b9e67eddc3b573daa3ed2e244da305ecf600.png) 100% no-repeat;
	background-size: .5em .5em;
	padding-right: .75em;
	font-size: 16px;
	font-size: 1rem;
	margin-left: 1em;
	color: #957651;
	text-transform: lowercase;
	cursor: pointer;
	text-decoration: none
}
.esports-standings__last-modified {
	font-style: italic;
	margin-top: 8px;
	margin-top: .5rem;
	color: #957651
}
.esports-standings__list-heading-container {
	background-color: #fbe2ba;
	padding: 16px;
	padding: 1rem
}
@media only screen and (min-width:40em) {
	.esports-standings__list-heading-container {
		-webkit-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 5rem;
		column-gap: 5rem
	}
}
.esports-standings__list-heading {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row;
	-ms-flex-flow: row;
	flex-flow: row;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #957651
}
.esports-standings__list-heading+.esports-standings__list-heading {
	display: none
}
@media only screen and (min-width:40em) {
	.esports-standings__list-heading+.esports-standings__list-heading {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
}
.esports-standings__list-heading__col, .esports-standings__list-heading__col--player, .esports-standings__list-heading__col--rank, .esports-standings__list-heading__col--score {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.esports-standings__list-heading__col--rank {
	width: 4em
}
.esports-standings__list-heading__col--player {
	-webkit-flex-grow: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	padding: 0 1em
}
.esports-standings__list-heading__col--region {
	padding-left: 1em
}
.esports-standings__list {
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	*zoom: 1;
	padding: 0 16px;
	padding: 0 1rem;
	background-color: #fbe2ba
}
@media only screen and (min-width:40em) {
	.esports-standings__list {
		-webkit-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 5rem;
		column-gap: 5rem
	}
}
.esports-standings__list:after, .esports-standings__list:before {
	content: " ";
	display: table;
	visibility: hidden;
	line-height: 0
}
.esports-standings__list:after {
	clear: both
}
.esports-standings__list__item {
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
	padding: 1em 0;
	font-size: 1.25em;
	line-height: 1.25em;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-top: 1px solid #d9be91
}
.esports-standings__list__item__name {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.esports-standings__list__item__region {
	padding-left: 1em;
	color: #4c4565
}
.esports-standings__list__item__rank {
	display: inline-block;
	font-weight: 700;
	background-color: #d9be91;
	vertical-align: middle;
	padding: .5em 0;
	width: 4em;
	text-align: center;
	margin-right: 1em;
	font-size: .85em;
	border-radius: .25em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.esports-standings__list__item__score {
	color: #4c4565;
	margin-left: 1em;
	font-weight: 700
}
.esports-standings__qualifiers__header-container {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 3;
	top: -18px
}
@media only screen and (min-width:60em) {
	.esports-standings__qualifiers__header-container {
		top: 24px
	}
}
.esports-standings__qualifiers__header__frame {
	position: relative;
	display: inline-block;
	height: 48px;
	line-height: 48px;
	background: url(images/esports/standings/titleframe/mid_s-9031ef0887a3b2e29d5a654aab38673949e2c91ca65adf3cf928159bffe64bc795bdcf69ca92b18f8d6788a9bcd614b6598332ab5085a023a6a8ffef5d4c6a19.png) center 2px repeat-x
}
.esports-standings__qualifiers__header__frame:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 91px;
	left: -45px;
	background: url(images/esports/standings/titleframe/left_s-e8397bacb8105f4c602997baba54973b409b0d4257cefae84ad4f0a4acbb6acdc4a72a7e58cd722a9211aaba168d184aa62ec22892168c605af4927c53086d65.png) left 2px no-repeat
}
.esports-standings__qualifiers__header__frame:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 91px;
	right: -45px;
	background: url(images/esports/standings/titleframe/right_s-41670b47c8bb9a0f29f638d01e9df9a4f2bc6f5d502b2368a3d7994a593e6319d139267e0aa4133c8c60895f618f40c65709fd69e83bb707f955361355c3732a.png) right 2px no-repeat
}
@media only screen and (min-width:60em) {
	.esports-standings__qualifiers__header__frame {
		height: 58px;
		line-height: 58px;
		background: url(images/esports/standings/titleframe/mid-ef577d8da3e8da9de0fdf7d95c9545e13f3b206d3c6c4e639734cfac715027c93f32b0c9d3fde73b32aa1b34f3c55ae440eec3a491bd2341676aa342adc05adc.png) center 2px repeat-x
	}
	.esports-standings__qualifiers__header__frame:before {
		background: url(images/esports/standings/titleframe/left-a8f35e8df0c6f07ccad569626c5b2fee5e018d1b5e609bdb0c7e831ff7493a640c15ae046ee5b8ec6826aad0383ff9f39a8d2381fb3d95f31b48a412480d5ff2.png) left 2px no-repeat
	}
	.esports-standings__qualifiers__header__frame:after {
		background: url(images/esports/standings/titleframe/right-67a7dc6d9367d2b34dcbc81b208709b8020ee51946f0d5c7b86acdc024824085b84da9c0de227b9626441d9bf6debe92166f161b555bbdb55656832b500a4220.png) right 2px no-repeat
	}
}
.esports-standings__qualifiers__header__text {
	display: inline-block;
	font-family: Bliz Quadrata Bold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	color: #473e38;
	font-size: 18px;
	z-index: 1;
	position: relative;
	padding: 0 1em
}
@media only screen and (min-width:60em) {
	.esports-standings__qualifiers__header__text {
		font-size: 22px
	}
}
.esports-standings__qualifiers-container {
	position: relative;
	padding: 15px 0;
	background: url(images/esports/standings/boxframe/bottom_piece-f044f291c9dae5004bd76e9595a1058f1428cab897582c935a249178c467382cd96fee139dc560a40b9a3f189fb98959d6e5500f1649850b692ff3e36993b2fd.png) bottom no-repeat, url(images/esports/standings/boxframe/bottom_edge-076134088ed214668f44023c0387bdbc4e519e5e7795fd633c9133b7398985b2de788a4d788253f899e3b7fe31811feb486fd7c2445ff57b3d8de23a7d80513f.png) bottom repeat-x, url(images/esports/standings/boxframe/top_edge-2134326a3d98afc66bae4ae4b0bae2e002560856372bec8d1c8d7e5f553779749a07bd09f1b21a4e04b6935869a54bafefb395ab72e3c8b3623cfe60e143591d.png) top repeat-x, #9b7752;
	min-height: 17em;
	margin-top: 32px;
	margin-top: 2rem;
	font-size: 0;
	text-align: center;
	-webkit-columns: 2;
	columns: 2
}
.esports-standings__qualifiers-container:before {
	content: "";
	position: absolute;
	top: -16px;
	left: 0;
	width: 100%;
	height: 47px;
	background: url(images/esports/standings/boxframe/top_piece-7f25aeff40f268489bc119fa1997645a7acef3ebbc0d42dca399f6a30fe278cafb0507dd9540551e497cf383b1f33cfd6a63108039c72680dcf19c8ec7349d67.png) top no-repeat;
	z-index: 1
}
@media only screen and (min-width:40em) {
	.esports-standings__qualifiers-container {
		-webkit-columns: 1;
		columns: 1;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
}
@media only screen and (min-width:60em) {
	.esports-standings__qualifiers-container {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 0;
		background: url(images/esports/standings/boxframe/boxframe_lrg-0e3388a11f69c70fb459105fb7376ee9f517e5f49b7b68e2782fec9239a1ba7b565bfcf6969ba4cc49674d5e0e0c2a8ab1bb2109551521632c7be3ca26ead0e1.png) bottom no-repeat;
		height: 356px;
		padding: 0
	}
	.esports-standings__qualifiers-container:before {
		display: none
	}
}
.esports-standings__qualifiers__item-wrapper {
	display: inline-block;
	max-width: 100%;
	width: 208px;
	width: 13rem;
	font-size: 16px;
	font-size: 1rem
}
@media only screen and (min-width:60em) {
	.esports-standings__qualifiers__item-wrapper {
		width: 220px;
		margin-bottom: -18px
	}
	.esports-standings__qualifiers__item-wrapper+.esports-standings__qualifiers__item-wrapper {
		margin-left: -20px
	}
}
.esports-standings__qualifiers__item, .esports-standings__qualifiers__item--last-call, .esports-standings__qualifiers__item--spring, .esports-standings__qualifiers__item--summer, .esports-standings__qualifiers__item--winter {
	z-index: 2;
	padding-bottom: 143.636%;
	width: 100%;
	position: relative
}
.esports-standings__qualifiers__item--last-call:before, .esports-standings__qualifiers__item--spring:before, .esports-standings__qualifiers__item--summer:before, .esports-standings__qualifiers__item--winter:before, .esports-standings__qualifiers__item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2
}
.esports-standings__qualifiers__item__portrait {
	position: absolute;
	height: 47.468%;
	width: 68.182%;
	left: 15.909%;
	top: 28%;
	z-index: 1;
	background: url(images/esports/standings/boxframe/placeholder-38975f4e6a4a6d2cdda6631264b8234eecc2b8f84a1ceb73b811c7bfaf782567c0c2ad025483cf28f2c4b44ec0e45c152cbe0d77859698812e20e586ee7416e4.png) 50% no-repeat #64635e;
	background-size: cover
}
.esports-standings__qualifiers__item__season {
	top: 22%;
	-webkit-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	font-size: 1em
}
.esports-standings__qualifiers__item__season, .esports-standings__qualifiers__item__username {
	color: #fff;
	font-weight: 700;
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	z-index: 2;
	text-shadow: 0 .25em .25em #000
}
.esports-standings__qualifiers__item__username {
	bottom: 12.5%;
	font-size: .85em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 22.727%
}
.esports-standings__qualifiers__item--winter:before {
	background-image: url(images/esports/standings/boxframe/winter-519c1d6107d1d25aa4115d956644fb0ff5a65cfa0cc28cc38f6c511370a4b6dcdff317c7ece921181745da72aaf2de26bd214f550828c5b705f20c67ed675884.png)
}
.esports-standings__qualifiers__item--spring:before {
	background-image: url(images/esports/standings/boxframe/spring-46a1f157cf08da6f54175f7300435feffd0fce087cfa1e8f88cc0191512d38027111bdb16fc84dcef5f6b6ecc98a7f88b25f873388206991810b51ab738aa4b0.png)
}
.esports-standings__qualifiers__item--summer:before {
	background-image: url(images/esports/standings/boxframe/summer-c66cf0957afd356b4d03a700e1dab131a835e6258e80d3d5f8d5d5a234239346938036543da1c5f763b793c653d60faacad049b20bbd82216736a449a8590ccd.png)
}
.esports-standings__qualifiers__item--last-call:before {
	background-image: url(images/esports/standings/boxframe/last_call-3d0898b2ed8311adb6a157757a88676758e2cff25f5a4e7be1b5c38a6bc86fbbf7a7a4e775b7bcce381f3c9cfc2ed4312daa119dfeb1731a16821c65fd8d37a3.png)
}
.esports-standings__controls-container {
	margin-bottom: 32px;
	margin-bottom: 2rem;
	padding: 16px;
	padding: 1rem
}
@media only screen and (min-width:40em) {
	.esports-standings__controls-container {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		padding: 0
	}
}
.esport-standings__control+.esport-standings__control {
	margin-top: 1em
}
@media only screen and (min-width:40em) {
	.esport-standings__control {
		-webkit-flex-basis: 33.33%;
		-ms-flex-preferred-size: 33.33%;
		flex-basis: 33.33%;
		padding: 0 1em
	}
	.esport-standings__control+.esport-standings__control {
		margin-top: 0
	}
}
@media only screen and (min-width:60em) {
	.esport-standings__control {
		-webkit-flex-basis: 25%;
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%
	}
}
@media only screen and (min-width:60em) {
	.esport-standings__control--search {
		-webkit-flex-grow: 2;
		-ms-flex-positive: 2;
		flex-grow: 2
	}
}
.esport-standings__control--placeholder {
	display: none
}
@media only screen and (min-width:60em) {
	.esport-standings__control--placeholder {
		display: block
	}
}
.esports-standings__pagination-container {
	text-align: center
}
.esports-standings__pagination-button {
	display: inline-block
}
.esports-standings__search-input {
	background: url(images/esports/standings/search_icon-6c9a3e6e2337c49c3dbac2e857cbc77582c8f2ca1e35aaf6897eae486f25557df820cdc5e8ffea0ec43c1e87f65faea797bf39bb90c5f020399e65b0e717a916.png) right .5em center no-repeat, linear-gradient(#f2eee8, #fffcf6);
	background-size: auto 50%, auto
}
.esports-standings__search-input:focus {
	background: linear-gradient(#f2eee8, #fffcf6)
}
.esports-standings__list-no-results {
	background: #fbe2ba;
	font-size: 1.25em;
	text-align: center;
	color: #4c4565;
	padding: 32px 16px;
	padding: 2rem 1rem
}
.esports-standings__pagination-wrapper {
	display: inline-block;
	margin: 32px 0;
	margin: 2rem 0
}
.esports-standings__back-to-top-wrapper {
	position: relative;
	text-align: center;
	margin: 1em 0
}
.esports-standings__back-to-top__link {
	display: inline-block
}
@media only screen and (min-width:30em) {
	.esports-standings__back-to-top__link {
		position: absolute;
		right: 0;
		top: 0
	}
}
.esports-standings__back-to-top__icon {
	display: block;
	background: url(images/buttons/back-to-top-4d3841cfdf10cb1dd638e5957aa8cf6de33df8f232844dea242073f6e7a164c14469a599b74dc59e6a00d3174261f1ec44cdd4495a7e7f1c9cb0397e1ad536b6.png) no-repeat 0 0;
	width: 90px;
	height: 95px
}
.esports-standings__back-to-top__icon:hover {
	background-position: 0 -101px
}
.esports-standings__intro {
	font-size: 1.25em;
	margin: 16px;
	margin: 1rem
}
@media only screen and (min-width:60em) {
	.esports-standings__intro {
		width: 80%;
		margin: 16px auto;
		margin: 1rem auto
	}
}
.esports-standings-body .content-section {
	max-width: none
}
.bracket {

	/*! Gray v1.5.0 (https://github.com/karlhorky/gray) | MIT */
}
.bracket .content-container--social {
	padding-left: 0;
	padding-right: 0
}
.bracket .Parallax {
	position: relative;
	width: 100%;
	top: 0;
	overflow: hidden;
	z-index: 0
}
.bracket .Parallax-layer {
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 0;
	position: static;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover
}
@media only screen and (min-width:60em) {
	.bracket .Parallax-layer {
		display: block;
		position: absolute
	}
}
@media only screen and (max-width:59.99em) {
	.bracket .Parallax-layer {
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important
	}
}
.bracket .cards {
	content: "";
	position: absolute;
	margin: auto;
	width: 100%;
	height: 46px;
	background: transparent;
	background-size: cover;
	left: 0;
	top: -13px;
	z-index: 7;
	pointer-events: none
}
@media only screen and (min-width:60em) {
	.bracket .cards {
		display: block;
		background: url(images/ui/cards-dc2b126015ede72dd7f844007ec0931315688db05287a1c5ab746a58aa2dabeb40141b84430655fd8f239ba371391a28797ad8d3b686908549fb630a2dbc2269.png) 50% no-repeat;
		max-width: 1327px;
		height: 189px;
		top: -80px;
		left: 0;
		right: 0
	}
}
.bracket .hero {
	color: #fff;
	text-align: center;
	position: relative;
	background: #000 url(images/esports/brackets/bg-temp-1ca90a161bed050204cbb44858168ea2b0f545eef7ce7ce074c9f144c30aea619920fc8f8517d64c5eec160cae97965a43ca4862bfefcb2dd62b1852fba89ccd.jpg) top no-repeat;
	background-size: cover
}
@media only screen and (min-width:60em) {
	.bracket .hero {
		background: none;
		padding-top: 8em;
		padding-bottom: 8em;
		min-height: 710px;
		width: 100%;
		background: #000;
		z-index: auto !important
	}
}
.bracket .hero .background {
	background: #000 url(images/esports/brackets/bg-mobile-ee59d78812dcae784ea4337c85a1689d9a5a3690ce727b42e9688586e03f1a478ccf473fce2ca2941a6f637c8607973325cb074afa353492e6c733396336c2e6.jpg) top no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none
}
@media only screen and (min-width:40em) {
	.bracket .hero .background {
		display: block;
		background: #000 url(images/esports/brackets/bg-temp-1ca90a161bed050204cbb44858168ea2b0f545eef7ce7ce074c9f144c30aea619920fc8f8517d64c5eec160cae97965a43ca4862bfefcb2dd62b1852fba89ccd.jpg) top no-repeat;
		background-size: cover
	}
}
.bracket .hero .logo {
	margin-top: 0;
	margin-bottom: 35px;
	display: inline-block;
	position: relative;
	margin-bottom: -65px
}
@media only screen and (min-width:60em) {
	.bracket .hero .logo {
		margin-top: 125px
	}
}
.bracket .hero .logo img {
	max-width: 350px;
	width: 100%;
	position: relative;
	z-index: 1
}
@media only screen and (min-width:60em) {
	.bracket .hero .logo img {
		max-width: 410px;
		width: 100%
	}
}
.bracket .hero .hero-text {
	margin-top: -5px;
	margin-bottom: 7em;
	color: #fff;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	position: relative;
	z-index: 6;
	padding-left: 25px;
	padding-right: 25px;
	max-width: 750px
}
@media only screen and (min-width:60em) {
	.bracket .hero .hero-text {
		margin-bottom: 35px;
		margin-top: 15px;
		padding-left: 0;
		padding-right: 0
	}
}
.bracket .hero .hero-text .emphasis {
	text-decoration: underline;
	font-family: Bliz Quadrata Bold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif
}
.bracket .hero .hero-text h1 {
	margin: .35em 0;
	font-size: 48px;
	line-height: 1.15em
}
.bracket .hero .hero-text h4 {
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font-weight: 200;
	font-size: 17px
}
.bracket .hero .hero-text h4 a {
	color: #fff;
	text-decoration: underline;
	display: inline-block;
	margin-top: 15px
}
.bracket .page-divider-stages {
	background: url(images/card-background-top-9da025a83c7db60699e626dfdf475bf6e737f80bf971b59acb7118711915d6c0febc033ce1d047d0ef96e1fdcf5b314cc261a2ebd08a8c66442dec8c6e3f1edb.png) 50% no-repeat;
	content: "";
	display: inline-block;
	height: 129px;
	position: relative;
	width: 200%;
	left: -52%;
	bottom: 0;
	margin-bottom: -45px
}
.bracket .bracket_header {
	display: inline-block;
	position: relative;
	margin-left: 0;
	text-align: center;
	margin-top: 4em;
	width: 100%;
	z-index: 15
}
.bracket .bracket_header:before {
	content: "";
	display: none;
	width: 100%;
	height: 387px;
	position: absolute;
	top: -66px;
	left: 390px;
	z-index: 15;
	-webkit-transform: scaleX(-1) rotate(-30deg);
	-ms-transform: scaleX(-1) rotate(-30deg);
	transform: scaleX(-1) rotate(-30deg)
}
@media only screen and (min-width:60em) {
	.bracket .bracket_header:before {
		display: block
	}
}
.bracket .bracket_header:after {
	position: absolute;
	bottom: -50px;
	z-index: -1;
	top: 0
}
.bracket .bracket_header .bracket_header-container-with-bg {
	max-width: 100%
}
@media only screen and (min-width:60em) {
	.bracket .bracket_header .bracket_header-container-with-bg {
		max-width: none
	}
}
.bracket .bracket_header .bracket_header-container-with-bg .bracket_header-dates, .bracket .bracket_header .bracket_header-container-with-bg .bracket_header-location, .bracket .bracket_header .bracket_header-container-with-bg .bracket_header-prize {
	font-size: 24px;
	color: #123c72;
	text-shadow: 0 2px 5px #f5e1b3;
	font-weight: 700;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	white-space: nowrap
}
.bracket .bracket_header .bracket_header-container-with-bg .bracket_header-detail {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	width: 100%;
	display: inline-block;
	padding-top: 15px;
	padding-bottom: 25px
}
.bracket .bracket_header .bracket_header-container-with-bg .bracket_header-text-wrapper {
	display: block;
	width: 600px;
	max-width: 90vw;
	top: 0;
	position: relative;
	margin: 0 auto;
	margin-top: -20px
}
@media only screen and (min-width:60em) {
	.bracket .bracket_header .bracket_header-container-with-bg .bracket_header-text-wrapper {
		margin-top: -86px;
		top: 0
	}
}
.bracket .bracket_header .bracket_header-container-with-bg .bracket_header-video-wrapper {
	display: block;
	width: 100%;
	max-width: 90vw;
	top: 0;
	position: relative;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px
}
@media only screen and (min-width:60em) {
	.bracket .bracket_header .bracket_header-container-with-bg .bracket_header-video-wrapper {
		margin-top: 50px;
		margin-bottom: 50px;
		top: 0
	}
}
.bracket .bracket_header .bracket_header-container-with-bg>.bracket_header-banner {
	z-index: 10;
	position: relative;
	left: 0;
	top: -60px;
	width: 100%;
	border-left: 0;
	border-right: 0;
	margin: 0;
	padding: 10px 1.5em;
	display: inline-block
}
.bracket .bracket_header .bracket_header-container-with-bg>.bracket_header-banner .bracket_header-text {
	letter-spacing: 2px;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 5px #000;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 1.8em;
	font-weight: 700
}
@media only screen and (min-width:60em) {
	.bracket .bracket_header .bracket_header-container-with-bg>.bracket_header-banner .bracket_header-text {
		width: 640px;
		display: inline-block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}
}
@media only screen and (min-width:60em) {
	.bracket .bracket_header .bracket_header-container-with-bg>.bracket_header-banner {
		width: 860px;
		top: -85px;
		padding: 45px 0 50px
	}
}
.bracket .bracket_info-button {
	width: 21px;
	height: 25px;
	top: 21px;
	position: absolute;
	left: 146px;
	z-index: 25;
	cursor: pointer
}
.bracket .bracket_info-popup-bottom {
	background-image: url(images/esports/brackets/info-modal-bottom-3df32c54728c6ea3ffd2117ade58b4cf535a79076dca7d23be7ee0c6c0d13ae723a192c307e04d2d5e403284f77ff4e8410212b00bff86b31b11b1e2744f65ec.png);
	width: 388px;
	height: 108px;
	position: absolute;
	bottom: 0
}
.bracket #lightbox-container, .bracket #lightbox-container_bracket {
	width: 95%;
	max-width: 347px;
	height: auto;
	display: block
}
@media only screen and (min-width:40em) {
	.bracket #lightbox-container, .bracket #lightbox-container_bracket {
		width: 100%
	}
}
.bracket #lightbox-container #lb-border-bottom, .bracket #lightbox-container #lb-border-top, .bracket #lightbox-container_bracket #lb-border-bottom, .bracket #lightbox-container_bracket #lb-border-top {
	max-width: 347px;
	width: 100%
}
@media only screen and (min-width:40em) {
	.bracket #lightbox-container #lb-border-bottom, .bracket #lightbox-container #lb-border-top, .bracket #lightbox-container_bracket #lb-border-bottom, .bracket #lightbox-container_bracket #lb-border-top {
		max-width: 387px
	}
}
.bracket .bracket_modal {
	text-align: center;
	color: #fff;
	position: relative;
	-webkit-transform: translateY(2.5%);
	-ms-transform: translateY(2.5%);
	transform: translateY(2.5%);
	width: 387px;
	height: 584px;
	margin: 0 auto;
	background: url(images/esports/brackets/modal-texture-a01a8cd829d008275b878cdd49e36940c47fb97590d4e2cd287f3ef8403b9ec7f434e653225ef34e59dbb7b398d0f72b92f9ebc94ea6aa5e03ec0fa7d6ffdd1c.png) 0 0 no-repeat;
	max-width: 100%;
	max-height: 100%;
	box-shadow: 20px 23px 50px 23px rgba(0, 0, 0, .3);
	top: 50px
}
@media only screen and (min-width:40em) {
	.bracket .bracket_modal {
		top: 0
	}
}
@media (min-height:660px) {
	.bracket .bracket_modal {
		-webkit-transform: translateY(10vh);
		-ms-transform: translateY(10vh);
		transform: translateY(10vh)
	}
}
@media (min-height:769px) {
	.bracket .bracket_modal {
		-webkit-transform: translateY(13vh);
		-ms-transform: translateY(13vh);
		transform: translateY(13vh)
	}
}
.bracket .bracket_modal .bracket_close-button {
	display: block;
	position: absolute;
	float: right;
	right: -9px;
	top: -7px;
	width: 46px;
	height: 46px;
	border: none;
	outline: none;
	cursor: pointer;
	line-height: 46px
}
.bracket #lightbox-container {
	z-index: 2
}
.bracket #lightbox-container .button1 .button-left {
	height: 36px;
	border-radius: 0 0 0 7px
}
.bracket #lightbox-container .button1 .button-right {
	height: 36px;
	border-radius: 0 0 7px 0
}
.bracket .bracket_modal-container {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .75);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: auto
}
@media only screen and (min-width:40em) {
	.bracket .bracket_modal-container {
		z-index: 100
	}
}
.bracket .bracket_modal-container #lightbox-container {
	background-color: transparent
}
.bracket .bracket_modal-container .button1 {
	height: 35px;
	overflow: hidden
}
.bracket .bracket_modal-container .button1 .button-left, .bracket .bracket_modal-container .button1 .button-right {
	height: 35px;
	border-radius: 0 0 7px 7px
}
.bracket .bracket_modal-container .button1 .button-left {
	border-radius: 0 0 0 7px;
	height: 37px
}
.bracket .bracket_modal-container .button1 .button-right {
	border-radius: 0 0 7px 0
}
.bracket .bracket_modal-container .closeArea {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent
}
.bracket .bracket_modal-container #lb-border-left, .bracket .bracket_modal-container #lb-border-right {
	height: 100%
}
.bracket .bracket_swipe-indicator {
	width: 100%;
	text-align: center;
	z-index: 20;
	position: relative
}
.bracket .bracket_swipe-background {
	background-image: url(images/esports/brackets/swipe-background-df363f57673d3f7670facd5f5e7a9e146dce6b672655000991517960869d0221867a9976cc9afb82a6702f19bf6f9c192e93ac7273d87caa27b802d910483bea.png);
	display: inline-block;
	width: 305px;
	height: 44px;
	text-align: center
}
.bracket .bracket_swipe-icon {
	background-image: url(images/esports/brackets/swipe-icon-8f479a4551458dcedb3391f6167217554ac582b81e0d1cddf207e99449da8437c2799571c7ce1711848cbfef76a358057291b47d07a6f13d0fadd07d77079c08.png);
	display: inline-block;
	width: 19px;
	height: 31px;
	margin: 6px
}
.bracket .bracket_swipe-text {
	color: #fff;
	font-size: 20px;
	top: -13px;
	position: relative
}
.bracket .bracket_hide-swipe {
	transition: opacity 3s;
	opacity: 0;
	display: block
}
@media only screen and (min-width:60em) {
	.bracket .bracket_hide-swipe {
		display: none
	}
}
.bracket .bracket_stream-link-container {
	display: inline-block;
	position: relative;
	margin-bottom: 35px
}
.bracket .bracket_stream-link-container .bracket_stream-link {
	display: inline-block;
	position: relative;
	z-index: 15;
	margin: 10px
}
.bracket .bracket_stream-video-container {
	z-index: 15;
	display: inline-block;
	position: relative;
	margin-bottom: 35px;
	width: 100%
}
.bracket .bracket_stream-video-container .MediaContent--video {
	width: 320px;
	height: 180px
}
@media only screen and (min-width:40em) {
	.bracket .bracket_stream-video-container .MediaContent--video {
		width: 500px;
		height: 281px
	}
}
@media only screen and (min-width:60em) {
	.bracket .bracket_stream-video-container .MediaContent--video {
		width: 640px;
		height: 360px
	}
}
@media only screen and (min-width:72.5em) {
	.bracket .bracket_stream-video-container .MediaContent--video {
		width: 800px;
		height: 450px
	}
}
@media only screen and (max-width:39.99em) {
	.bracket .bracket_stream-video-container .MediaContent--video {
		max-width: 320px;
		width: 100%
	}
}
.bracket .bracket_blizzcon-banner {
	position: relative;
	max-width: 100%;
	text-align: left;
	background: none;
	padding: 0 24px;
	padding: 0 1.5rem
}
@media only screen and (min-width:60em) {
	.bracket .bracket_blizzcon-banner {
		background: url(images/esports/brackets/logo-winter-final-c7eac5665e31ff695b2d6606582fe718b51c52c754b39ce419753c09de8561719d78d9b6dc10f230147c8acb78d19c44f50c916777a743570055ae7f1c25bc0c.png) 100% 0 no-repeat;
		background-size: contain;
		margin-top: 0;
		padding: 0 80px;
		padding: 0 5rem
	}
}
@media only screen and (min-width:72.5em) {
	.bracket .bracket_blizzcon-banner {
		background: url(images/esports/brackets/logo-winter-final-c7eac5665e31ff695b2d6606582fe718b51c52c754b39ce419753c09de8561719d78d9b6dc10f230147c8acb78d19c44f50c916777a743570055ae7f1c25bc0c.png) right 0 no-repeat;
		background-size: contain
	}
}
@media only screen and (min-width:60em) {
	.bracket .bracket_blizzcon-banner.bracket_blizzcon-banner--tcs-hearthstone-national-championships-2017 {
		background: url(images/esports/brackets/logo-tcs-championships-f2474e43047fc705a1965ab33c90754aa11ed9e8826d822c392dc5c250cf95bfff80d4436b41d888a8aa625dddfd8f7efedf618c47e8e30fe50b29f4e254a529.png) 100% 0 no-repeat;
		background-size: contain
	}
}
@media only screen and (min-width:72.5em) {
	.bracket .bracket_blizzcon-banner.bracket_blizzcon-banner--tcs-hearthstone-national-championships-2017 {
		background: url(images/esports/brackets/logo-tcs-championships-f2474e43047fc705a1965ab33c90754aa11ed9e8826d822c392dc5c250cf95bfff80d4436b41d888a8aa625dddfd8f7efedf618c47e8e30fe50b29f4e254a529.png) right 0 no-repeat;
		background-size: contain
	}
}
@media only screen and (min-width:60em) {
	.bracket .bracket_blizzcon-banner.bracket_blizzcon-banner--hct-spring-championship-2017 {
		background-image: url(images/esports/brackets/logo-spring-championship-d1539d2cea92dc364bf1a889489c15404236c9d2561165098866cc5965179f6c2448d9f297f6213cfe4a03e20930e82b4417c3f58e7aa36544c52d7eb8fd91cb.png)
	}
}
@media only screen and (min-width:72.5em) {
	.bracket .bracket_blizzcon-banner.bracket_blizzcon-banner--hct-spring-championship-2017 {
		background-image: url(images/esports/brackets/logo-spring-championship-d1539d2cea92dc364bf1a889489c15404236c9d2561165098866cc5965179f6c2448d9f297f6213cfe4a03e20930e82b4417c3f58e7aa36544c52d7eb8fd91cb.png)
	}
}
.bracket .bracket_blizzcon-banner-text-wrapper {
	position: relative;
	top: 21px;
	z-index: 1;
	display: inline-block;
	margin-left: 0;
	margin-top: 10px;
	width: 100%
}
.bracket .bracket_blizzcon-banner:before {
	content: "";
	position: absolute;
	background: url(images/card-background-top-9da025a83c7db60699e626dfdf475bf6e737f80bf971b59acb7118711915d6c0febc033ce1d047d0ef96e1fdcf5b314cc261a2ebd08a8c66442dec8c6e3f1edb.png) 50% no-repeat;
	width: 200%;
	height: 68px;
	left: -52%;
	display: block;
	top: -25px
}
.bracket .bracket_blizzcon-banner:after {
	content: "";
	position: relative;
	background: url(images/card-background-bottom-8efa668b8e25c03a174a50570eb1a9ed0364456eda376e4540acf35dd7af502d44d33861bdaf63dc24ee837742edf56e286764562df0b3f6b7b1eafc0055308a.png) 50% no-repeat;
	width: 200%;
	height: 68px;
	left: -52%;
	display: block;
	top: 30px;
	margin-bottom: -30px
}
.bracket .bracket_blizzcon-sub-title {
	text-transform: uppercase
}
.bracket .esports-tournament {
	position: relative;
	top: 50px;
	padding: 30px 0 0;
	margin-bottom: 50px;
	background: url(images/card-background-top-9da025a83c7db60699e626dfdf475bf6e737f80bf971b59acb7118711915d6c0febc033ce1d047d0ef96e1fdcf5b314cc261a2ebd08a8c66442dec8c6e3f1edb.png) top no-repeat;
	z-index: 11
}
.bracket .esports-tournament .StageContainer {
	margin-top: 80px
}
.bracket .bracket_header+.esports-tournament {
	top: -25px;
	background: none;
	padding-top: 20px
}
.bracket .bracket_header+.esports-tournament:before {
	content: "";
	position: absolute;
	top: 0;
	height: 100px;
	background: url(images/card-background-top-9da025a83c7db60699e626dfdf475bf6e737f80bf971b59acb7118711915d6c0febc033ce1d047d0ef96e1fdcf5b314cc261a2ebd08a8c66442dec8c6e3f1edb.png) top no-repeat;
	width: 200%;
	-webkit-transform: translateX(-25%);
	-ms-transform: translateX(-25%);
	transform: translateX(-25%)
}
@media only screen and (min-width:60em) {
	.bracket .bracket_header+.esports-tournament {
		top: -20px
	}
}
.bracket .bracket_blizzcon-banner+.esports-tournament {
	padding: 0;
	background: none
}
.bracket .cyc_selected-champion+.esports-tournament {
	background: none
}
@media only screen and (min-width:60em) {
	.bracket .cyc_selected-champion+.esports-tournament {
		top: -50px
	}
}
.bracket #lightbox-content, .bracket #lightbox-content_bracket {
	background-color: transparent;
	padding-top: 30px
}
.bracket #lightbox-anchor {
	z-index: 40;
	top: 0;
	position: static;
	margin: 25px auto;
	width: 90%
}
@media only screen and (min-width:40em) {
	.bracket #lightbox-anchor {
		width: 100%
	}
}
.bracket .cyc_modal-top-text {
	position: static;
	margin-bottom: 15px
}
.bracket #lightbox-anchor .cyc_item, .bracket #lightbox-anchor_bracket .cyc_item {
	position: relative;
	width: 203px;
	margin-bottom: 15px
}
.bracket .cyc_modal-body-1 {
	position: static;
	max-width: 300px;
	margin: 0 auto;
	margin-bottom: 15px
}
.bracket .cyc_modal-body-2 {
	position: static
}
.bracket .cyc_modal-button {
	position: static;
	margin-top: 15px;
	margin-bottom: 30px
}
.bracket .cyc_header {
	position: relative;
	min-height: 285px;
	padding-top: 30px
}
.bracket .cyc_body, .bracket .cyc_sub-title, .bracket .cyc_title {
	z-index: 10;
	position: relative
}
.bracket .cyc_title {
	color: #03345f;
	font-size: 3em;
	font-weight: 700
}
@media only screen and (min-width:40em) {
	.bracket .cyc_title {
		font-size: 3em
	}
}
.bracket .cyc_sub-title {
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #347cd3;
	font-size: 20px;
	font-weight: 700;
	margin-top: 1em;
	margin-bottom: 0;
	text-transform: uppercase
}
.bracket .cyc_body {
	padding-left: 0;
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 0;
	overflow: hidden
}
.bracket .cyc_body P a {
	color: #725a37;
	text-decoration: underline;
	font-weight: 700;
	transition: all .3s ease
}
.bracket .cyc_body P a:hover {
	color: #e22c14
}
.bracket .cyc_body span {
	display: inline-block
}
.bracket .cyc_body .headline {
	margin-bottom: 15px;
	max-width: 800px
}
.bracket .cyc_body .intro {
	width: 100%;
	font-size: 16px;
	font-size: 1rem;
	color: #03345f
}
.bracket .cyc_body .timeBlock {
	width: 100%;
	padding: 15px
}
.bracket .cyc_body .timeBlock .start {
	color: #000;
	font-size: 16px;
	font-size: 1rem;
	margin-top: 3px;
	width: 100%
}
@media only screen and (min-width:40em) {
	.bracket .bracket_blizzcon-banner-text-wrapper:before {
		left: -166px;
		top: 0;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}
.bracket .cyc_selected-champion {
	position: relative;
	padding: 0 1.5em;
	text-align: center;
	padding-top: 4em;
	margin-bottom: -15px;
	z-index: 10
}
@media only screen and (min-width:60em) {
	.bracket .cyc_selected-champion {
		text-align: left;
		margin-bottom: -125px;
		padding-top: 1em;
		margin-top: -1em
	}
}
.bracket .cyc_selected-champion:after {
	content: "";
	display: block;
	background: url(images/card-background-bottom-8efa668b8e25c03a174a50570eb1a9ed0364456eda376e4540acf35dd7af502d44d33861bdaf63dc24ee837742edf56e286764562df0b3f6b7b1eafc0055308a.png) 50% no-repeat;
	width: 200%;
	left: -50%;
	height: 68px;
	position: absolute;
	bottom: -85px
}
@media only screen and (min-width:60em) {
	.bracket .cyc_selected-champion {
		text-align: left;
		margin-bottom: -100px;
		padding-top: 1em;
		margin-top: -1em
	}
	.bracket .cyc_selected-champion:after {
		display: none
	}
}
.bracket .cyc_selected-champion:before {
	content: "";
	display: block;
	background: url(images/card-background-top-9da025a83c7db60699e626dfdf475bf6e737f80bf971b59acb7118711915d6c0febc033ce1d047d0ef96e1fdcf5b314cc261a2ebd08a8c66442dec8c6e3f1edb.png) 50% no-repeat;
	width: 200%;
	left: -50%;
	height: 68px;
	position: relative;
	top: -75px
}
@media only screen and (min-width:60em) {
	.bracket .cyc_selected-champion:before {
		height: 661px;
		top: 0;
		background: url(images/esports/brackets/chosen-bg-6b59ad53316e80986a6d7000facf3fe8a3c04af363718649ebed29e9a00cf32fe813b6be16df8a9df831663bad5c27bcb7d6fa380b60abef7cb3fb7278916a18.png) 50% no-repeat
	}
}
@media only screen and (min-width:60em) {
	.bracket .cyc_selected-text-wrapper {
		margin-left: 340px;
		top: 26%;
		position: absolute;
		z-index: 1
	}
}
.bracket .cyc_item {
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	position: relative;
	margin: 0 8px 18px;
	width: 225px;
	height: 274px;
	display: inline-block
}
@media only screen and (min-width:40em) {
	.bracket .cyc_item {
		margin: 18px
	}
}
.bracket .cyc_listing-container #lightbox-anchor {
	top: 50px
}
@media only screen and (min-width:60em) {
	.bracket .cyc_listing-container #lightbox-anchor {
		position: absolute
	}
}
.bracket .cyc_listing-modal--disabled .cyc_listing-disabled-overlay+.cyc_listing-container {
	height: auto
}
@media only screen and (min-width:60em) {
	.bracket .cyc_listing-modal--disabled .cyc_listing-disabled-overlay+.cyc_listing-container {
		height: auto;
		margin-top: 40px
	}
}
.bracket .cyc_listing-modal--ended .cyc_listing-disabled-overlay+.cyc_listing-container {
	height: auto
}
.bracket .cyc_winner-box-simple {
	background: url(images/esports/brackets/frame-basic-ea02095e1cbda71edd282ddd820641c7b6f4d87d93612d4246b7aecf7ed5f89e530c476620badbab4e53fd19a8cc4d9b9f8d0b511d99960c5d2e0d63b392f7e1.png) 50% no-repeat;
	width: 290px;
	height: 345px;
	display: inline-block;
	margin: -40px 0 -40px -40px
}
.bracket .cyc_winner-box-enabled.clickable:hover {
	background: url(images/esports/brackets/frame-basic-hover-6d5f6b3421657c3920bf2a94daa9ac486293f5db292fcc67d3c425046033e7c994270915a4124df697ba2281abcef0d44c16b63b3c9c9045e7f30cea7014578b.png) 50% no-repeat;
	position: relative;
	left: -1px
}
.bracket .cyc_winner-box {
	background: url(images/esports/brackets/frame-champion-56864b1fddf5cf640e83070bb6126deb662dba66123d8cda87e2e0a76e8afd2d6f32ffd415f9db5d66104d9152f6bece03d3bf4bb970fe16819eb8e70dc4aea5.png) 50% no-repeat;
	width: 461px;
	height: 493px;
	display: inline-block;
	margin: -20px
}
.bracket .cyc_winner-box-portrait {
	display: block;
	width: 204px;
	height: 204px;
	position: absolute;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat
}
.bracket .cyc_winner-box-no-portrait {
	background: url(images/esports/brackets/champion-silhouette-caa5abd5babc1ff31cc29ab160556946cbf3b6b75ac90d2c1526a7d070b78245c3395b4c905268bdb4de278ee35e0812fa1ba1b91998c73c2c3b0ff05046cf8b.png) 50% no-repeat;
	display: block;
	width: 204px;
	height: 204px;
	position: absolute
}
.bracket .cyc_winner-box-flag, .bracket .cyc_winner-box-simple-flag {
	display: inline-block;
	width: 48px;
	height: 47px;
	position: absolute;
	left: 82px;
	z-index: 2;
	pointer-events: none
}
.bracket .cyc_winner-box-simple-flag {
	top: 219px
}
.bracket .cyc_winner-box-flag {
	top: 195px
}
.bracket .cyc_selected-champion .cyc_item {
	margin: 0 auto;
	left: 0;
	right: 0
}
@media only screen and (min-width:60em) {
	.bracket .cyc_selected-champion .cyc_item {
		position: absolute;
		top: 175px;
		left: 80px;
		right: auto
	}
}
.bracket .cyc_winner-box-name {
	position: absolute;
	left: 28px;
	top: 197px;
	width: 195px;
	display: inline-block;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 5px #000;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: -20px 0 0 -20px;
	height: 30px;
	z-index: 15
}
.bracket .cyc_champion-simple .cyc_winner-box-name {
	top: 215px
}
.bracket .cyc_selected-champion-banner {
	position: absolute;
	top: -14px;
	left: 15px;
	width: 163px;
	display: inline-block;
	-ms-transform: rotate(-6deg);
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 5px #000;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 20
}
.bracket .cyc_champion-simple .cyc_winner-box-name {
	bottom: 58px
}
.bracket .cyc_winner-box {
	top: -180px;
	position: relative;
	left: -110px;
	z-index: 1
}
.bracket .bracket_blizzcon-banner .cyc_button {
	position: static;
	z-index: 1;
	left: 0;
	margin-top: 25px
}
.bracket .max-width-600 {
	max-width: 600px
}
.bracket .cyc_winner-box-disabled {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: .6
}
.bracket .button1 {
	z-index: 1;
	position: relative
}
.bracket .pointer-events-none {
	pointer-events: none
}
@media only screen and (min-width:60em) {
	.bracket .cyc_listing-disabled-overlay:after {
		content: "";
		width: 200%;
		height: 100%;
		background: radial-gradient(ellipse at center, #f1d3a6 0, hsla(36, 73%, 80%, .75) 39%, hsla(36, 73%, 80%, 0) 75%);
		z-index: 30;
		position: absolute;
		display: block;
		top: 0;
		left: -52%
	}
}
.bracket .position-relative {
	position: relative
}
.bracket .cyc_listing-disabled {
	z-index: 40;
	color: #fff
}
.bracket .stage {
	display: inline-block;
	width: 100%;
	position: relative
}
.bracket .brackets_group-play {
	background: url(images/esports/brackets/brackets-background-c7c8331fc8f2cad15fd0bf0cc2724ad50352b9b98d2e5f954e769f1ddd344e1756203aa5d41eaff7dafdfe3127b3272592f85794d3b6a8f6df40adc370635203.png);
	border-image: url(images/esports/brackets/brackets-frame-7d159655ae28561ff7d4609af3f742c42589943658e81e6dfb2ed0882d1e1bcc4f1b7608f63b5b5998242cacfe5e1e52eaef08059c7130b71b964517e3ad52b6.png) 2 repeat;
	display: inline-block;
	width: 96%;
	margin: 1%;
	border-style: solid;
	border-width: 2px;
	color: #fff;
	padding: 5px;
	vertical-align: top
}
@media only screen and (min-width:60em) {
	.bracket .brackets_group-play {
		width: 48%
	}
}
.bracket .brackets_group-results {
	overflow: hidden;
	background: url(images/esports/brackets/row-dark-bca7903c4384fbb44494b3d96f0211448398cac88d539ba8ebb1b30bb244c8a799aa3537175385ce1588e0bb6cb776373b39e0df71b3bd64b5a826587418ca70.png);
	position: relative;
	display: table;
	width: 100%;
	min-height: 50px;
	padding: 5px
}
.bracket .brackets_group-results-title {
	font-size: 1.25em;
	font-weight: 700;
	color: #ffcf26;
	padding-left: 10px;
	width: 50%;
	height: 100%;
	vertical-align: middle;
	display: table-cell;
	float: none
}
@media only screen and (min-width:60em) {
	.bracket .brackets_group-results-title {
		width: 60%
	}
}
.bracket .matchScore, .bracket .totalScore {
	width: 25%;
	height: 100%;
	float: none;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3em;
	text-align: center;
	background: url(images/esports/brackets/row-dark-bca7903c4384fbb44494b3d96f0211448398cac88d539ba8ebb1b30bb244c8a799aa3537175385ce1588e0bb6cb776373b39e0df71b3bd64b5a826587418ca70.png);
	color: #e7bb85;
	display: table-cell;
	vertical-align: middle
}
@media only screen and (min-width:60em) {
	.bracket .matchScore, .bracket .totalScore {
		width: 20%
	}
}
.bracket .brackets_competitor-name {
	background: url(images/esports/brackets/row-light-3ace51e8501dd7efb9e457f6af5db75faf048e001e33a1b9c0aad43099e9532598df64db1fb991f2def228fc2af71249709fc6a8c24f2ac6be972670d822e9e1.png);
	display: inline-block;
	width: 50%;
	border-top: 1px;
	border-color: #bf9156;
	border-style: solid;
	padding: 0 0 0 10px
}
@media only screen and (min-width:60em) {
	.bracket .brackets_competitor-name {
		width: 60%
	}
}
.bracket .brackets_competitor-scores {
	background: url(images/esports/brackets/brown-bg-bfb4a92dc3daf281cfc5a61bcbdc8d1f5458876eac9595430190136e51c50974de67650f464c7a805eba1765ba51407a167366316115059de7f0061851d36f06.png);
	display: inline-block;
	width: 25%;
	border-top: 1px;
	border-left: 1px;
	border-color: #bf9156;
	border-style: solid;
	text-align: center
}
@media only screen and (min-width:60em) {
	.bracket .brackets_competitor-scores {
		width: 20%
	}
}
.bracket .brackets_competitor-row {
	line-height: 35px;
	position: relative
}
.bracket .brackets_competitor-row.advanced {
	color: #fff
}
.bracket .brackets_competitor-row.advanced:after {
	content: "";
	background-image: url(images/esports/brackets/winner-crown-817cf2a8810b024bb85d6999f0dc00738a4d7482ece89bac159b771044af336cdde06658201fc38f9aa7cd67151349c29b839086c80943c0dd8d44f30358b704.png);
	display: inline-block;
	width: 29px;
	height: 19px;
	position: absolute;
	top: -6px;
	left: -10px;
	-webkit-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	transform: rotate(-15deg)
}
.bracket .brackets_competitor-row.eliminated {
	color: #e7bb85
}
.bracket .brackets_competitor-row.eliminated:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	opacity: .35;
	background-color: #000;
	z-index: 2;
	width: 100%;
	height: 100%
}
.bracket .brackets_group-results-dropdown-button {
	background: url(images/esports/brackets/brackets-dropdown-04837015a99613bc553f959a120aa581b3b6cde686e55a5dc277011c6bb5fd40349e1f0f91a97eb2ff967e711f1a8b767de53612f2032c795994982df0bb8291.png) 100% 0 no-repeat;
	height: 22px;
	background-size: contain;
	display: inline-block;
	width: 30px;
	position: absolute;
	top: 6px;
	margin-left: 7px
}
.bracket .invert-image {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.bracket .brackets_group-results-dropdown-button:hover {
	background: url(images/esports/brackets/brackets-dropdown-hover-3b76785f27a2bc7444fe61fe07fb9520833408360d3cd49e5da1db0c89cb47cb5b1cbe5ea451348b8da491e3a0531a115bb778f9fd6cd392e8d149096502f387.png) 100% 0 no-repeat;
	background-size: contain
}
.bracket .brackets_group-results-dropdown {
	position: relative;
	height: 35px;
	margin-bottom: 7px;
	top: 3px
}
.bracket .brackets_group-results-label {
	height: 22px;
	color: #4e2c0c;
	text-align: center;
	font-weight: 600;
	margin: 6px 0;
	line-height: 35px;
	left: -16px;
	position: relative;
	top: 0
}
.bracket .brackets_match-name {
	display: inline-block;
	width: 35%;
	padding: 0 2px 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: bottom
}
@media only screen and (min-width:30em) {
	.bracket .brackets_match-name {
		width: 40%
	}
}
.bracket .brackets_match-score {
	display: inline-block;
	width: 15%;
	text-align: center
}
@media only screen and (min-width:30em) {
	.bracket .brackets_match-score {
		width: 10%
	}
}
.bracket .brackets_match-row {
	line-height: 35px;
	position: relative
}
.bracket .brackets_match-row .matchDetailButton {
	background: url(images/esports/brackets/InformationButton_HoverPressed-0fdb2bd01236006e90604f164dfefe7040fe5d73eede1e187343dd0d4038eb93cfa36e4835cfdb512c79a1eeaa417e3bc3a3638e304d33d4fce53eda13e01baa.png);
	width: 21px;
	height: 25px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: .95;
	-webkit-transform: scale(.65);
	-ms-transform: scale(.65);
	transform: scale(.65)
}
@media only screen and (min-width:30em) {
	.bracket .brackets_match-row .matchDetailButton {
		background: url(images/esports/brackets/InformationButton_normal-749d9141814d8842618c3ce699445b6008d4a356c707c369cb26f33d4c585c3137912ba69ba488ace9f464ecaf23df21afcab9953023827d407786fccf09dc18.png);
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}
.bracket .brackets_match-row .matchDetailButton:before {
	content: "";
	background: url(images/esports/brackets/InformationButton_HoverPressed-0fdb2bd01236006e90604f164dfefe7040fe5d73eede1e187343dd0d4038eb93cfa36e4835cfdb512c79a1eeaa417e3bc3a3638e304d33d4fce53eda13e01baa.png);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity .15s ease-out
}
.bracket .brackets_match-row .matchDetailButton:hover {
	cursor: pointer
}
.bracket .brackets_match-row .matchDetailButton:hover:before {
	opacity: 1
}
.bracket .groupMatchDetails {
	margin-top: 10px
}
.bracket .brackets_match-row:nth-child(odd) .brackets_match-name {
	background: url(images/esports/brackets/row-dark-bca7903c4384fbb44494b3d96f0211448398cac88d539ba8ebb1b30bb244c8a799aa3537175385ce1588e0bb6cb776373b39e0df71b3bd64b5a826587418ca70.png)
}
.bracket .brackets_match-row:nth-child(odd) .brackets_match-score {
	background: url(images/esports/brackets/red-bg-5316ed4d32fbca4094403c61fed41233a199119bb5340e9e651ca3e546706584b4a80c40729aa0449d897eb5a321b95e608cce48a026842ea422401ac1706640.png)
}
.bracket .brackets_match-row:nth-child(2n) .brackets_match-name {
	background: url(images/esports/brackets/row-light-3ace51e8501dd7efb9e457f6af5db75faf048e001e33a1b9c0aad43099e9532598df64db1fb991f2def228fc2af71249709fc6a8c24f2ac6be972670d822e9e1.png)
}
.bracket .brackets_match-row:nth-child(2n) .brackets_match-score {
	background: url(images/esports/brackets/brown-bg-bfb4a92dc3daf281cfc5a61bcbdc8d1f5458876eac9595430190136e51c50974de67650f464c7a805eba1765ba51407a167366316115059de7f0061851d36f06.png)
}
.bracket .brackets_match-row {
	margin-bottom: 1px
}
.bracket .brackets_match-row span.brackets_match-name.winner {
	color: #fff;
	font-weight: 700
}
.bracket .brackets_match-row span.brackets_match-name, .bracket .brackets_match-row span.brackets_match-score {
	position: relative;
	color: #e7bb85
}
.bracket .brackets_match-row span.brackets_match-name.winner, .bracket .brackets_match-row span.brackets_match-score.winner {
	color: #fff
}
.bracket .brackets_match-row span.brackets_match-name.winner.cyc_follow-champion, .bracket .brackets_match-row span.brackets_match-score.winner.cyc_follow-champion {
	color: gold
}
.bracket .brackets_match-row span.brackets_match-name.loser:after, .bracket .brackets_match-row span.brackets_match-score.loser:after {
	content: "";
	background-color: #000;
	opacity: .35;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	position: absolute
}
.bracket .brackets_match-score:nth-child(2n) {
	border-right: 1px solid #bf9156
}
.bracket .cyc_fine-print {
	position: relative;
	opacity: .5;
	padding: 3.125em 0;
	font-size: 11px
}
.bracket .cyc_rewards+.cyc_fine-print {
	padding: 1.25em 0 3.125em
}
.bracket .body-bot {
	background-image: none;
	padding-bottom: 0
}
.bracket .cyc_follow-champion, .bracket .cyc_follow-champion span {
	color: gold
}
.bracket .cyc_flag-NZ {
	background: url(images/esports/brackets/flags/new-zealand-29c2c81fdce2c5538eea1d271bb234fd7f2d23e339fa02fc93ef6f3ab8be8c13581aab29f567d67829a944d18a697b14c673c14476665b7d2af829bc72c0193a.png) 50% no-repeat
}
.bracket .cyc_flag-AU {
	background: url(images/esports/brackets/flags/australia-81ff5d649cdcd7ce31252751fbbe18aea423ba53536fc546e7b040f66c14391a8fdff29185069de6df71512896eac5f67a9a31087aac338f8b7f82071fd52165.png) 50% no-repeat
}
.bracket .cyc_flag-BR {
	background: url(images/esports/brackets/flags/brazil-40b4f962bbc1501d189c62d5efd0a3505d54c932ddf41c2b28528be9b328f8725e0941c760ca62a5ae3394d36b69757c1f237fc4c6bc0963020c8c733eb4b774.png) 50% no-repeat
}
.bracket .cyc_flag-CA {
	background: url(images/esports/brackets/flags/canada-529c0c909155f38f34241dfb261647f6011dfc50c04b074cac329458cf89012dcd22008d145643af89355c3a096fd551ae6ef7f8e147157c4819455a5ea26073.png) 50% no-repeat
}
.bracket .cyc_flag-CN {
	background: url(images/esports/brackets/flags/china-418df6e96d22b7268c5fb4dec1a77c5ea20c858db59093a76dc72b4ae4196782f11019df647dba1c881057a6728a1a1c30d99eedb17fc92c98f58d5168d6ba6f.png) 50% no-repeat
}
.bracket .cyc_flag-CZ {
	background: url(images/esports/brackets/flags/czech-rep-ee41fc79325c454ad445c723e3e0839803ea7007778e2d1ca49bfda3060452d00c7371456d58f9d8c180ed6d66ca18d6ddfe36ba923e469424189c5f4a2bd181.png) 50% no-repeat
}
.bracket .cyc_flag-DK {
	background: url(images/esports/brackets/flags/denmark-9f642be3bc58868829a443010db354ead8fb85fcc68a2caf8813a89bb42fbe4a092b25e263cd1850e4045c950ff03af71552596aa913030d8c33d69ffe009836.png) 50% no-repeat
}
.bracket .cyc_flag-FR {
	background: url(images/esports/brackets/flags/france-791db09993f8ab124cd78413229393c0dc25619282e67f8d65d669c68a4048e1867261d252cf6f161c904ce934c6f530edf50d399e6d403832accde425c5b0f5.png) 50% no-repeat
}
.bracket .cyc_flag-DE {
	background: url(images/esports/brackets/flags/germany-4fe8fda2888953cf38c047b618cbd49a9415e8a99bc0b8f38e2b31820aec01486f713f3934e3f08b35bca0fa7e629523a85155032322c3e9a02ac4443c550067.png) 50% no-repeat
}
.bracket .cyc_flag-HK {
	background: url(images/esports/brackets/flags/hong-kong-a390ea4675fea10153d95bcbc8bf78c29791a5e76da697630c71e39d9ffe2ef692b026e603ccc4fa65490473ec0474cf4ddfb457e845ae733fd59375e06d1fc5.png) 50% no-repeat
}
.bracket .cyc_flag-IT {
	background: url(images/esports/brackets/flags/italy-462d510af9d087c449f1ec73beab2b9c6935d20960593b5a49a808afe969d3f98f799f3144bdd1c4993bcab707e2df4075a4401ff0b141f0e127c2a6e95c95cf.png) 50% no-repeat
}
.bracket .cyc_flag-JP {
	background: url(images/esports/brackets/flags/japan-9e0db17d8feebf75035a305b7cd7e1977dfb8d5123de2912af0f32d95b230f72d87d6e1b49f459584d2f0b8541b1ce4e238b752753354b0f277df22bd45b3a03.png) 50% no-repeat
}
.bracket .cyc_flag-KZ {
	background: url(images/esports/brackets/flags/kazakhstan-215fae3cc246422ab198d9a9a2dffd0abdcc5713bb89832ebaaa624b525b951a7bc891d2329dc893be2b3e4f4ee6c1500f09ff25fbd933872122947a1a10bcb0.png) 50% no-repeat
}
.bracket .cyc_flag-NL {
	background: url(images/esports/brackets/flags/netherlands-54f8e7f86255f8c7cc827d474cce24096f04b66d954118a798623551cd6382a1ec3139bad4c9690a4cee2042231ac2d6afccb576b4b10080c6b7493fb7844388.png) 50% no-repeat
}
.bracket .cyc_flag-NO {
	background: url(images/esports/brackets/flags/norway-c53764f9005b4eb9af5e3f0dcec64125e5acd58feb58da795c5f95ede44cdd3f9c614f56be39989d674fc93560c9d8dec095efa74d1c9f2f04bcd72daafb710b.png) 50% no-repeat
}
.bracket .cyc_flag-PE {
	background: url(images/esports/brackets/flags/peru-2b5cc6285a177d5b5e0d04eb5c662949106a03e81ba8e8906fb7ed79c3ce2ccf15bb7fd0c508776c4d1d1f8777a57dbe3c8a719499857e39cd05a0cff2401c93.png) 50% no-repeat
}
.bracket .cyc_flag-RO {
	background: url(images/esports/brackets/flags/romania-225afe4e0de898e3fcda54666b279f41e3db045f6088e588b31cae405ccd3ec0f37d9b771c08630fc3da0c913e526c5fb638db5a1f9553b3135929a6c0139b40.png) 50% no-repeat
}
.bracket .cyc_flag-RU {
	background: url(images/esports/brackets/flags/russia-87f10e9c3b27d1c80cfa1a53be69702d686a4b2145d644f4f155424e4b48892bd4f0dcf380a025e3d10158d4ae592e21ccefcdfe22a7a008f0c63ff016ca31eb.png) 50% no-repeat
}
.bracket .cyc_flag-SG {
	background: url(images/esports/brackets/flags/singapore-6279e69ff1d25339d772f51cc95f34e69b6e23d7b02218a8cb1994d5afa4029dfc4f3a2fcf166139c91d015543dac76571f3b7f118d481f532831adf822a44d3.png) 50% no-repeat
}
.bracket .cyc_flag-ZA {
	background: url(images/esports/brackets/flags/south-africa-15aa41b91f4a65a36d7dbf9da598985449c5d460331572a8d3e71d0f55f95135448b489a2e4665e9f2c925349be6a2f7ec5b4dd712f2385307b3216ef7ae6945.png) 50% no-repeat
}
.bracket .cyc_flag-KR {
	background: url(images/esports/brackets/flags/south-korea-66a50e6533197fc76491e97ad2caf020c4f85c93b8b67529073ec3f316678632942a51b8beaf7097e0a3cafaa9d81bf92824f1f9eb55be7ec542dcfe038db712.png) 50% no-repeat
}
.bracket .cyc_flag-SE {
	background: url(images/esports/brackets/flags/sweden-141680bf9f893405f645ddd2e0fff698f048e8d144059029f00ecd5d9462a885024c34a0e01145aad098fdd86165ef9b8328dba9e087ce10bf3e64f806276a20.png) 50% no-repeat
}
.bracket .cyc_flag-TW {
	background: url(images/esports/brackets/flags/taiwan-7e8f3d7ff12bc34ab1aa1c70d57ce8957f976ecdd74b7b3d7a2cc2e6066ae0c89e40836e11cdcf4deac2c6bf93f38afdb69b8d626629dce31a56bd1229ac3c44.png) 50% no-repeat
}
.bracket .cyc_flag-GB {
	background: url(images/esports/brackets/flags/uk-09ad0c8d79db69310fc64d622aace9b7e24f5762fa3ed438a6adfac896ea5011a896835dcfc661c7956a33aa8e271af1a29a43b4740623d74c78e26821f9cafc.png) 50% no-repeat
}
.bracket .cyc_flag-UA {
	background: url(images/esports/brackets/flags/ukraine-0f8191edba6eea59b17174412afe27d02def49bf0298abcc9aa9e2ca5fea61b6ce0b44e33310643c39b808d4c02f359bc3f001fd7c167c228c4b3223600f6216.png) 50% no-repeat
}
.bracket .cyc_flag-US {
	background: url(images/esports/brackets/flags/usa-537840b0d871bbff407a27540414046eddb882c652b683bd31588c3e9629f546f7915a30b385b8b6e6133e77f4cd4ca5fc75ea090a5053d960b7bdf38eb943c5.png) 50% no-repeat
}
.bracket .sprite-classes {
	background-image: url(images/esports/brackets/class-sprite-58e6f5e05927266c006785160551332bbf53947b15ae770d7e99b6b3bf441ae564cc78266cd58e3b0111d3a30f4cbac97846f87e1e4fbb25782f9e1d6d818720.png);
	background-repeat: no-repeat;
	display: block
}
.bracket .sprite-class-druid {
	width: 54px;
	height: 54px;
	background-position: -5px -5px
}
.bracket .sprite-class-hunter {
	width: 54px;
	height: 54px;
	background-position: -69px -5px
}
.bracket .sprite-class-mage {
	width: 54px;
	height: 54px;
	background-position: -133px -5px
}
.bracket .sprite-class-paladin {
	width: 54px;
	height: 54px;
	background-position: -5px -69px
}
.bracket .sprite-class-priest {
	width: 54px;
	height: 54px;
	background-position: -69px -69px
}
.bracket .sprite-class-rogue {
	width: 54px;
	height: 54px;
	background-position: -133px -69px
}
.bracket .sprite-class-shaman {
	width: 54px;
	height: 54px;
	background-position: -5px -133px
}
.bracket .sprite-class-warlock {
	width: 54px;
	height: 54px;
	background-position: -69px -133px
}
.bracket .sprite-class-warrior {
	width: 54px;
	height: 54px;
	background-position: -133px -133px
}
.bracket .sprite-class-blank, .bracket .sprite-class-unknown {
	width: 54px;
	height: 57px;
	background-image: none;
	background: url(images/esports/brackets/countdown-circle-bbc7e6ee600a53756a29de39692a90f5928bc39590303fa062682cfdcf5a42f2149c67d97572c80895d7d6346e6b885ef4a7eb70f0f651892a0b540dd775a75c.png) 50% 50% no-repeat !important
}
.bracket .sprite-class-unknown {
	text-align: center
}
.bracket .sprite-class-unknown.victory:after {
	top: 0
}
.bracket .sprite-class-unknown:after {
	content: "?";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	font-size: 36px;
	color: #fff;
	text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000
}
.bracket .grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=!string!><filter id=!string!><feColorMatrix type=!string!values=!string!/></filter></svg>#grayscale");
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-filter: gray;
	filter: gray
}
.bracket .grayscale.grayscale-fade {
	transition: -webkit-filter .5s;
	transition: filter .5s;
	transition: filter .5s, -webkit-filter .5s
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.bracket .grayscale.grayscale-fade {
		transition: -webkit-filter .5s
	}
}
.bracket .grayscale.grayscale-fade:hover, .bracket .grayscale.grayscale-off {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}
.bracket .grayscale.grayscale-replaced {
	-webkit-filter: none;
	filter: none
}
.bracket .grayscale.grayscale-replaced>svg {
	transition: opacity .5s ease;
	opacity: 1
}
.bracket .grayscale.grayscale-replaced.grayscale-fade:hover>svg, .bracket .grayscale.grayscale-replaced.grayscale-off>svg {
	opacity: 0
}
.single-elimination-bracket.bracket_single-2 {
	position: relative;
	left: 10px
}
.single-elimination-bracket.bracket_single-2 .competitor__score-name-wrapper {
	position: relative
}
.single-elimination-bracket.bracket_single-2 .competitor__score-name-wrapper .match__competitor--name-wrapper {
	position: relative;
	width: 110px;
	height: 30px;
	padding: 5px;
	z-index: 10;
	left: 1px;
	top: 0
}
.single-elimination-bracket.bracket_single-2 .competitor__score-name-wrapper .match__competitor--name-wrapper span {
	width: 110px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block
}
.single-elimination-bracket.bracket_single-2 .competitor__score-name-wrapper .match__competitor--score-wrapper {
	position: absolute;
	text-align: center;
	width: 34px;
	height: 30px;
	padding: 3px;
	left: 115px;
	top: 2px;
	z-index: 10
}
.single-elimination-bracket.bracket_single-2 .bracket_box {
	width: 190px;
	height: 67px;
	margin-bottom: 30px;
	left: 0;
	z-index: 10;
	position: relative;
	top: 0;
	padding: 3px 0
}
.single-elimination-bracket.bracket_single-8, .single-elimination-bracket.bracket_single-16 {
	position: relative;
	transition: left 1s;
	height: 500px;
	overflow: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	margin: 2em 0;
	padding: 0 2em
}
@media only screen and (min-width:40em) {
	.single-elimination-bracket.bracket_single-8, .single-elimination-bracket.bracket_single-16 {
		margin: 2em auto;
		padding: 0 5em;
		overflow: auto
	}
}
.single-elimination-bracket.bracket_single-8 .competitor__score-name-wrapper, .single-elimination-bracket.bracket_single-16 .competitor__score-name-wrapper {
	position: relative
}
.single-elimination-bracket.bracket_single-8 .competitor__score-name-wrapper .match__competitor--name-wrapper, .single-elimination-bracket.bracket_single-16 .competitor__score-name-wrapper .match__competitor--name-wrapper {
	position: relative;
	width: 150px;
	height: 30px;
	padding: 5px;
	z-index: 10;
	left: 2px;
	top: 0
}
.single-elimination-bracket.bracket_single-8 .competitor__score-name-wrapper .match__competitor--name-wrapper span, .single-elimination-bracket.bracket_single-16 .competitor__score-name-wrapper .match__competitor--name-wrapper span {
	width: 110px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	padding: 0 3px
}
.single-elimination-bracket.bracket_single-8 .competitor__score-name-wrapper .match__competitor--score-wrapper, .single-elimination-bracket.bracket_single-16 .competitor__score-name-wrapper .match__competitor--score-wrapper {
	position: absolute;
	text-align: center;
	width: 34px;
	height: 30px;
	padding: 3px;
	left: 155px;
	top: 2px
}
.single-elimination-bracket.bracket_single-8 .round, .single-elimination-bracket.bracket_single-16 .round {
	position: relative;
	width: 220px;
	display: inline-block;
	vertical-align: top
}
.single-elimination-bracket.bracket_single-8 .bracket_box, .single-elimination-bracket.bracket_single-16 .bracket_box {
	transition-property: left, top;
	transition-duration: 1s;
	width: 190px;
	height: 68px;
	margin-bottom: 30px;
	left: 10px;
	z-index: 10;
	position: relative;
	top: 0;
	padding: 3px 0
}
.single-elimination-bracket.bracket_single-8 .bracket_winner-box-container, .single-elimination-bracket.bracket_single-16 .bracket_winner-box-container {
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	transition-property: left, top;
	transition-duration: 1s;
	width: 384px;
	height: 278px;
	margin-bottom: 30px;
	z-index: 10;
	padding: 3px 0;
	position: absolute;
	top: -110px
}
.single-elimination-bracket.bracket_single-8 .bracket_winner-box-portrait, .single-elimination-bracket.bracket_single-16 .bracket_winner-box-portrait {
	position: relative;
	width: 384px;
	height: 418px;
	z-index: 15
}
.single-elimination-bracket.bracket_single-8 .bracket_winner-box-no-portrait, .single-elimination-bracket.bracket_single-16 .bracket_winner-box-no-portrait {
	position: relative;
	width: 384px;
	height: 278px;
	z-index: 15
}
.single-elimination-bracket.bracket_single-8 .bracket_winner-box, .single-elimination-bracket.bracket_single-16 .bracket_winner-box {
	position: relative;
	width: 232px;
	height: 194px;
	left: 78px;
	top: -40px;
	z-index: 5
}
.single-elimination-bracket.bracket_single-8 .bracket_winner-box .bracket_box, .single-elimination-bracket.bracket_single-16 .bracket_winner-box .bracket_box {
	left: 20px
}
.single-elimination-bracket.bracket_single-8 .bracket_winner-box:before, .single-elimination-bracket.bracket_single-16 .bracket_winner-box:before {
	content: 'http://www.w3.org/2000/svg';
	border-width: 2px 0 0;
	border-style: solid;
	width: 123px;
	height: 100px;
	position: relative;
	left: -123px;
	display: block;
	border-bottom: 0;
	border-right: 0;
	border-left: 0;
	top: 93px
}
.single-elimination-bracket.bracket_single-8 .bracket_winner-box-champion, .single-elimination-bracket.bracket_single-16 .bracket_winner-box-champion {
	position: relative;
	top: 160px;
	left: 110px;
	width: 163px;
	display: inline-block;
	-webkit-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	transform: rotate(-6deg);
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 5px #000;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis
}
.single-elimination-bracket.bracket_single-8 .bracket_winner-box-name, .single-elimination-bracket.bracket_single-16 .bracket_winner-box-name {
	position: relative;
	left: -41px;
	width: 139px;
	display: inline-block;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 5px #000;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.single-elimination-bracket.bracket_single-8 .bracket_winner-box-no-portrait .bracket_winner-box-name, .single-elimination-bracket.bracket_single-16 .bracket_winner-box-no-portrait .bracket_winner-box-name {
	top: 209px
}
.single-elimination-bracket.bracket_single-8 .bracket_winner-box-portrait .bracket_winner-box-name, .single-elimination-bracket.bracket_single-16 .bracket_winner-box-portrait .bracket_winner-box-name {
	top: 340px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-1-1, .single-elimination-bracket.bracket_single-16 .bracket_box-1-1 {
	top: 1px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-2-1, .single-elimination-bracket.bracket_single-8 .bracket_box-2-2, .single-elimination-bracket.bracket_single-8 .bracket_box-2-3, .single-elimination-bracket.bracket_single-8 .bracket_box-2-4, .single-elimination-bracket.bracket_single-16 .bracket_box-2-1, .single-elimination-bracket.bracket_single-16 .bracket_box-2-2, .single-elimination-bracket.bracket_single-16 .bracket_box-2-3, .single-elimination-bracket.bracket_single-16 .bracket_box-2-4 {
	position: absolute;
	left: 105px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-2-1, .single-elimination-bracket.bracket_single-16 .bracket_box-2-1 {
	top: 50px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-2-2, .single-elimination-bracket.bracket_single-16 .bracket_box-2-2 {
	top: 240px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-2-3, .single-elimination-bracket.bracket_single-16 .bracket_box-2-3 {
	top: 430px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-2-4, .single-elimination-bracket.bracket_single-16 .bracket_box-2-4 {
	top: 620px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-3-1, .single-elimination-bracket.bracket_single-8 .bracket_box-3-2, .single-elimination-bracket.bracket_single-8 .bracket_box-3-3, .single-elimination-bracket.bracket_single-8 .bracket_box-3-4, .single-elimination-bracket.bracket_single-16 .bracket_box-3-1, .single-elimination-bracket.bracket_single-16 .bracket_box-3-2, .single-elimination-bracket.bracket_single-16 .bracket_box-3-3, .single-elimination-bracket.bracket_single-16 .bracket_box-3-4 {
	position: absolute;
	left: 140px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-3-1, .single-elimination-bracket.bracket_single-16 .bracket_box-3-1 {
	top: 140px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-3-2, .single-elimination-bracket.bracket_single-16 .bracket_box-3-2 {
	top: 520px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-2-2:before, .single-elimination-bracket.bracket_single-8 .bracket_box-2-3:before, .single-elimination-bracket.bracket_single-8 .bracket_box-3-2:before, .single-elimination-bracket.bracket_single-16 .bracket_box-2-2:before, .single-elimination-bracket.bracket_single-16 .bracket_box-2-3:before, .single-elimination-bracket.bracket_single-16 .bracket_box-3-2:before {
	content: 'grayscale';
	position: absolute;
	z-index: 1;
	border-width: 2px 0;
	border-style: solid
}
.single-elimination-bracket.bracket_single-8 .bracket_box-1-2:after, .single-elimination-bracket.bracket_single-8 .bracket_box-1-4:after, .single-elimination-bracket.bracket_single-8 .bracket_box-1-6:after, .single-elimination-bracket.bracket_single-8 .bracket_box-1-8:after, .single-elimination-bracket.bracket_single-8 .bracket_box-2-2:after, .single-elimination-bracket.bracket_single-8 .bracket_box-2-4:after, .single-elimination-bracket.bracket_single-8 .bracket_box-3-2:after, .single-elimination-bracket.bracket_single-16 .bracket_box-1-2:after, .single-elimination-bracket.bracket_single-16 .bracket_box-1-4:after, .single-elimination-bracket.bracket_single-16 .bracket_box-1-6:after, .single-elimination-bracket.bracket_single-16 .bracket_box-1-8:after, .single-elimination-bracket.bracket_single-16 .bracket_box-2-2:after, .single-elimination-bracket.bracket_single-16 .bracket_box-2-4:after, .single-elimination-bracket.bracket_single-16 .bracket_box-3-2:after {
	content: 'saturate';
	position: absolute;
	z-index: 1;
	border-width: 2px 2px 2px 0;
	border-style: solid
}
.single-elimination-bracket.bracket_single-8 .bracket_winner-box-3-1:after, .single-elimination-bracket.bracket_single-16 .bracket_winner-box-3-1:after {
	content: '0';
	position: absolute;
	z-index: 1;
	border-width: 2px 0 0;
	border-style: solid;
	top: 33px;
	left: -30px;
	width: 30px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-1-2:after, .single-elimination-bracket.bracket_single-8 .bracket_box-1-4:after, .single-elimination-bracket.bracket_single-8 .bracket_box-1-6:after, .single-elimination-bracket.bracket_single-8 .bracket_box-1-8:after, .single-elimination-bracket.bracket_single-16 .bracket_box-1-2:after, .single-elimination-bracket.bracket_single-16 .bracket_box-1-4:after, .single-elimination-bracket.bracket_single-16 .bracket_box-1-6:after, .single-elimination-bracket.bracket_single-16 .bracket_box-1-8:after {
	width: 18px;
	height: 95px;
	left: 190px;
	top: -64px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-2-2:after, .single-elimination-bracket.bracket_single-16 .bracket_box-2-2:after {
	width: 18px;
	height: 188px;
	left: 190px;
	top: -157px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-2-4:after, .single-elimination-bracket.bracket_single-16 .bracket_box-2-4:after {
	width: 18px;
	height: 188px;
	left: 190px;
	top: -157px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-2-2:before, .single-elimination-bracket.bracket_single-8 .bracket_box-2-3:before, .single-elimination-bracket.bracket_single-16 .bracket_box-2-2:before, .single-elimination-bracket.bracket_single-16 .bracket_box-2-3:before {
	width: 105px;
	height: 194px;
	left: -105px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-3-2:before, .single-elimination-bracket.bracket_single-16 .bracket_box-3-2:before {
	width: 46px;
	height: 378px;
	left: -45px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-2-2:before, .single-elimination-bracket.bracket_single-16 .bracket_box-2-2:before {
	top: -159px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-3-2:before, .single-elimination-bracket.bracket_single-16 .bracket_box-3-2:before {
	top: -347px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-2-3:before, .single-elimination-bracket.bracket_single-16 .bracket_box-2-3:before {
	top: 33px
}
.single-elimination-bracket.bracket_single-8 .bracket_box-3-2:after, .single-elimination-bracket.bracket_single-16 .bracket_box-3-2:after {
	width: 18px;
	height: 378px;
	left: 190px;
	top: -347px
}
.single-elimination-bracket.bracket_single-8[data-bracket-page=""], .single-elimination-bracket.bracket_single-16[data-bracket-page=""] {
	left: -220px
}
.single-elimination-bracket.bracket_single-8[data-bracket-page=""] .bracket_box-1-1, .single-elimination-bracket.bracket_single-16[data-bracket-page=""] .bracket_box-1-1 {
	top: 1px
}
.single-elimination-bracket.bracket_single-8[data-bracket-page="2"] .bracket_box-2-1, .single-elimination-bracket.bracket_single-16[data-bracket-page="2"] .bracket_box-2-1 {
	top: 0
}
.single-elimination-bracket.bracket_single-8[data-bracket-page="2"] .bracket_box-2-2, .single-elimination-bracket.bracket_single-16[data-bracket-page="2"] .bracket_box-2-2 {
	top: 193px
}
.single-elimination-bracket.bracket_single-8[data-bracket-page="2"] .bracket_winner-box-3-1, .single-elimination-bracket.bracket_single-16[data-bracket-page="2"] .bracket_winner-box-3-1 {
	top: 90px
}
.single-elimination-bracket.bracket_single-8[data-bracket-page="2"], .single-elimination-bracket.bracket_single-16[data-bracket-page="2"] {
	left: -600px
}
.single-elimination-bracket.bracket_single-8[data-bracket-page="2"] .bracket_box-2-1, .single-elimination-bracket.bracket_single-16[data-bracket-page="2"] .bracket_box-2-1 {
	top: 0
}
.single-elimination-bracket.bracket_single-8[data-bracket-page="3"] .bracket_box-2-2, .single-elimination-bracket.bracket_single-16[data-bracket-page="3"] .bracket_box-2-2 {
	top: 192px
}
.single-elimination-bracket.bracket_single-8[data-bracket-page="3"] .bracket_winner-box-3-1, .single-elimination-bracket.bracket_single-16[data-bracket-page="3"] .bracket_winner-box-3-1 {
	top: 90px
}
.single-elimination-bracket.bracket_single-8 .round-title, .single-elimination-bracket.bracket_single-16 .round-title {
	position: absolute;
	color: #825e38;
	white-space: nowrap;
	border-width: 1px;
	border-style: solid;
	padding: 2px 20px;
	z-index: 15;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
.single-elimination-bracket.bracket_single-8 .round-title:after, .single-elimination-bracket.bracket_single-16 .round-title:after {
	content: "3";
	position: absolute;
	display: block;
	border-width: 0 0 0 1px;
	border-style: solid;
	height: 40px;
	left: 50%;
	top: 23px
}
.single-elimination-bracket.bracket_single-8 .round-title-1, .single-elimination-bracket.bracket_single-16 .round-title-1 {
	left: 105px
}
.single-elimination-bracket.bracket_single-8 .round-title-1:after, .single-elimination-bracket.bracket_single-16 .round-title-1:after {
	height: 52px
}
.single-elimination-bracket.bracket_single-8 .round-title-2, .single-elimination-bracket.bracket_single-16 .round-title-2 {
	left: 195px
}
.single-elimination-bracket.bracket_single-8 .round-title-2:after, .single-elimination-bracket.bracket_single-16 .round-title-2:after {
	height: 100px
}
.single-elimination-bracket.bracket_single-8 .round-title-3, .single-elimination-bracket.bracket_single-16 .round-title-3 {
	left: 330px
}
.single-elimination-bracket.bracket_single-8 .round-title-4, .single-elimination-bracket.bracket_single-16 .round-title-4 {
	left: 235px
}
.single-elimination-bracket.bracket_single-8 .bracket_matches, .single-elimination-bracket.bracket_single-16 .bracket_matches {
	margin-top: 74px;
	position: relative
}
.single-elimination-bracket.bracket_single-8 .bracket .bracket_stream-link:before, .single-elimination-bracket.bracket_single-16 .bracket .bracket_stream-link:before {
	height: auto
}
.single-elimination-bracket.bracket_single-8 .bracket-winner-image, .single-elimination-bracket.bracket_single-16 .bracket-winner-image {
	position: absolute;
	width: 127px;
	height: 144px;
	top: 173px;
	left: 129px;
	z-index: 1
}
.single-elimination-bracket.bracket_single-8 .bracket_winner-box-container {
	left: 140px
}
.single-elimination-bracket.bracket_single-16 .bracket_winner-box-container {
	left: 175px
}
.single-elimination-bracket.bracket_single-8 .bracket_winner-box .bracket_box {
	top: 58px
}
.single-elimination-bracket.bracket_single-16 .bracket_winner-box .bracket_box {
	top: -44px
}
.single-elimination-bracket.bracket_single-16 .round-title-3 {
	left: 230px
}
.single-elimination-bracket.bracket_single-16 .round-title-4 {
	left: 365px
}
.bracket .single-elimination-bracket.bracket_single-2 .competitor__score-name-wrapper .match__competitor--name-wrapper, .bracket .single-elimination-bracket.bracket_single-2 .competitor__score-name-wrapper .match__competitor--score-wrapper {
	color: #fff
}
.bracket .single-elimination-bracket.bracket_single-2 .bracket_box {
	background-image: url(images/esports/brackets/bracket-box-big-226baa850262d7312b57b3bf4c6dc31effab886f96a5daf0a56784e46bdb05ec652a16a0a79bf9a5aa0859706be2f79e85e19ff9d16f2ede07c414ca9df33ddc.png)
}
.bracket .single-elimination-bracket.bracket_single-2 .bracket_box-1-1:after {
	border-style: solid;
	border-width: 2px;
	border-image: url(images/esports/brackets/line-eed2c379e71663f65918c4db4114e95ad292721e032727bca511a99957f394055883da6fa1cbb65d7e32235e804f7ae2fe661cc88b857ad6e0aedac314745cdb.png) 2 round
}
.bracket .single-elimination-bracket.bracket_single-8 .competitor__score-name-wrapper .match__competitor--name-wrapper, .bracket .single-elimination-bracket.bracket_single-8 .competitor__score-name-wrapper .match__competitor--name-wrapper .winner, .bracket .single-elimination-bracket.bracket_single-8 .competitor__score-name-wrapper .match__competitor--score-wrapper, .bracket .single-elimination-bracket.bracket_single-8 .competitor__score-name-wrapper .match__competitor--score-wrapper .winner, .bracket .single-elimination-bracket.bracket_single-16 .competitor__score-name-wrapper .match__competitor--name-wrapper, .bracket .single-elimination-bracket.bracket_single-16 .competitor__score-name-wrapper .match__competitor--name-wrapper .winner, .bracket .single-elimination-bracket.bracket_single-16 .competitor__score-name-wrapper .match__competitor--score-wrapper, .bracket .single-elimination-bracket.bracket_single-16 .competitor__score-name-wrapper .match__competitor--score-wrapper .winner {
	color: #fff
}
.bracket .single-elimination-bracket.bracket_single-8 .competitor__score-name-wrapper .match__competitor--name-wrapper .winner:after, .bracket .single-elimination-bracket.bracket_single-8 .competitor__score-name-wrapper .match__competitor--score-wrapper .winner:after, .bracket .single-elimination-bracket.bracket_single-16 .competitor__score-name-wrapper .match__competitor--name-wrapper .winner:after, .bracket .single-elimination-bracket.bracket_single-16 .competitor__score-name-wrapper .match__competitor--score-wrapper .winner:after {
	content: "3";
	background-image: url(images/esports/brackets/winner-crown-817cf2a8810b024bb85d6999f0dc00738a4d7482ece89bac159b771044af336cdde06658201fc38f9aa7cd67151349c29b839086c80943c0dd8d44f30358b704.png);
	display: inline-block;
	width: 29px;
	height: 19px;
	position: relative;
	top: -15px;
	left: -124px;
	-webkit-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	transform: rotate(-15deg)
}
.bracket .single-elimination-bracket.bracket_single-8 .competitor__score-name-wrapper .match__competitor--name-wrapper .loser:after, .bracket .single-elimination-bracket.bracket_single-8 .competitor__score-name-wrapper .match__competitor--score-wrapper .loser:after, .bracket .single-elimination-bracket.bracket_single-16 .competitor__score-name-wrapper .match__competitor--name-wrapper .loser:after, .bracket .single-elimination-bracket.bracket_single-16 .competitor__score-name-wrapper .match__competitor--score-wrapper .loser:after {
	content: "3";
	background-color: #000;
	opacity: .35;
	width: 178px;
	height: 27px;
	display: inherit;
	top: 2px;
	left: 4px;
	position: absolute
}
.bracket .single-elimination-bracket.bracket_single-8 .bracket_box, .bracket .single-elimination-bracket.bracket_single-16 .bracket_box {
	background-image: url(images/esports/brackets/bracket-box-big-226baa850262d7312b57b3bf4c6dc31effab886f96a5daf0a56784e46bdb05ec652a16a0a79bf9a5aa0859706be2f79e85e19ff9d16f2ede07c414ca9df33ddc.png)
}
.bracket .single-elimination-bracket.bracket_single-8 .bracket_box-1-2:after, .bracket .single-elimination-bracket.bracket_single-8 .bracket_box-1-4:after, .bracket .single-elimination-bracket.bracket_single-8 .bracket_box-1-6:after, .bracket .single-elimination-bracket.bracket_single-8 .bracket_box-1-8:after, .bracket .single-elimination-bracket.bracket_single-8 .bracket_box-2-2:after, .bracket .single-elimination-bracket.bracket_single-8 .bracket_box-2-2:before, .bracket .single-elimination-bracket.bracket_single-8 .bracket_box-2-3:before, .bracket .single-elimination-bracket.bracket_single-8 .bracket_box-2-4:after, .bracket .single-elimination-bracket.bracket_single-8 .bracket_box-2-4:before, .bracket .single-elimination-bracket.bracket_single-8 .bracket_box-3-2:after, .bracket .single-elimination-bracket.bracket_single-8 .bracket_box-3-2:before, .bracket .single-elimination-bracket.bracket_single-8 .bracket_winner-box-3-1:after, .bracket .single-elimination-bracket.bracket_single-8 .bracket_winner-box:before, .bracket .single-elimination-bracket.bracket_single-16 .bracket_box-1-2:after, .bracket .single-elimination-bracket.bracket_single-16 .bracket_box-1-4:after, .bracket .single-elimination-bracket.bracket_single-16 .bracket_box-1-6:after, .bracket .single-elimination-bracket.bracket_single-16 .bracket_box-1-8:after, .bracket .single-elimination-bracket.bracket_single-16 .bracket_box-2-2:after, .bracket .single-elimination-bracket.bracket_single-16 .bracket_box-2-2:before, .bracket .single-elimination-bracket.bracket_single-16 .bracket_box-2-3:before, .bracket .single-elimination-bracket.bracket_single-16 .bracket_box-2-4:after, .bracket .single-elimination-bracket.bracket_single-16 .bracket_box-2-4:before, .bracket .single-elimination-bracket.bracket_single-16 .bracket_box-3-2:after, .bracket .single-elimination-bracket.bracket_single-16 .bracket_box-3-2:before, .bracket .single-elimination-bracket.bracket_single-16 .bracket_winner-box-3-1:after, .bracket .single-elimination-bracket.bracket_single-16 .bracket_winner-box:before {
	border-image: url(images/esports/brackets/line-eed2c379e71663f65918c4db4114e95ad292721e032727bca511a99957f394055883da6fa1cbb65d7e32235e804f7ae2fe661cc88b857ad6e0aedac314745cdb.png) 2 round
}
.bracket .bracket_header:after {
	content: "3";
	background: url(images/esports/brackets/header-image-shadow-a16044ad6574f20a100d9759bbf96e2dbd44765bde28be413223b10ac1ea288b324a41769d4bf814f065fab95a26bc52effac24f663d8ab9eb0e4e4a931677a8.png) center 30px no-repeat;
	width: 200%;
	left: -52%;
	height: 100%;
	background-size: cover;
	display: block
}
@media only screen and (min-width:40em) {
	.bracket .bracket_header:after {
		background: url(images/esports/brackets/header-image-shadow-a16044ad6574f20a100d9759bbf96e2dbd44765bde28be413223b10ac1ea288b324a41769d4bf814f065fab95a26bc52effac24f663d8ab9eb0e4e4a931677a8.png) top no-repeat;
		border: 0;
		background-size: auto
	}
}
.bracket .bracket_winner-box {
	background: url(images/esports/brackets/bracket-box-final-71e041fc805c8fc8c8d301594401acac68dd5da797bec14d0283f4b47539c616b0ddcf9e3ea363b36f818c7858fd1beec49e6cabe8c2bf3f5e9a17d193d9306b.png) 0 0 no-repeat
}
.bracket .bracket_header-container-with-bg>.bracket_header-banner {
	background: url(images/esports/brackets/mobile-banner-806ec2bca1ac23ff76002cb1cbd72687f54e3a110d4084d1c4a37152293f97195b7bc385f9d00e2e4102a7c13f354fa23c861634574080261509f2b982cf5957.png) 0 0 no-repeat;
	background-size: cover;
	border: 5px solid #d2a751
}
@media only screen and (min-width:60em) {
	.bracket .bracket_header-container-with-bg>.bracket_header-banner {
		background: url(images/esports/brackets/header-banner-1677e8f19cf02ca5876f8f9e0298f601e1b4a27a3bd22dacc05d4f47e9e0f82e5ceedf57651d865a608ff0db14523004156ad49b16beab294df0a56c35143625.png) 0 0 no-repeat;
		border: 0
	}
}
.bracket .bracket_winner-box-portrait {
	background-image: url(images/esports/brackets/winner-plate_portrait.png)
}
.bracket .bracket_winner-box-no-portrait {
	background-image: url(images/esports/brackets/winner-plate_no-portrait-dd1ce4e578daefb690539211e52fd9230a90e1cb5867c2f1286cf0b6d962b96767c3cbbe4e81daa47ad1dc438878f9dd716302a7a5ad578d6c67d5420a164883.png)
}
.bracket .bracket_info-button {
	background-image: url(images/esports/brackets/info-button-normal-749d9141814d8842618c3ce699445b6008d4a356c707c369cb26f33d4c585c3137912ba69ba488ace9f464ecaf23df21afcab9953023827d407786fccf09dc18.png)
}
.bracket .bracket_info-button:hover {
	background-image: url(images/esports/brackets/info-button-pressed-0fdb2bd01236006e90604f164dfefe7040fe5d73eede1e187343dd0d4038eb93cfa36e4835cfdb512c79a1eeaa417e3bc3a3638e304d33d4fce53eda13e01baa.png)
}
.bracket .bracket_modal:before {
	border-image: url(images/game-guide/heroes/artwork-frameV2-e42466cbd049349b5645d045a1678ab896ed1cacea3ec4d11b99eb2184e9db9d07d3949872d14f9ee5604913e7602f143627928fc3375e785a235d24653e6c7d.png) 17 20 stretch
}
.bracket .bracket_modal-title-bar {
	background: transparent url(images/ui/lightbox-title-e592417b9e169f98fff63ccec3de96d731960436782dbc400cd1a240e015806fae0559bec71a387f35d5d1d69c395997072b968d9731719ce6a05d38b9017335.jpg)
}
.bracket .bracket_close-button {
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) -84px 0 no-repeat
}
.bracket .bracket_close-button:hover {
	background-position: -128px 0
}
.bracket .round-title {
	border-color: #a47640;
	background-color: #d7b88c;
	border-radius: 4px
}
.bracket .round-title:after {
	border-color: rgba(164, 118, 64, .5)
}
.bracket .bracket_stream-link:before {
	content: "";
	background-image: url(images/esports/brackets/play-button_normal-7d7ad72067a1b23de766cd62c099cc4a9afa57111051059e816506d1a90d16b534c3ac414513376dc61de068e78d4243a2d5f4e6aa0a1854caeec58ac24ba81a.png);
	width: 27px;
	height: 27px;
	display: block;
	position: absolute;
	left: 18px;
	top: 5px;
	z-index: 5;
	pointer-events: none
}
.bracket .bracket_stream-link:hover:before {
	background-image: url(images/esports/brackets/play-button_hover-41644f37106f4d4860d5e078b5477bf588e77f62f046e7274fca86c0518dcfd0941b3398eff2322a8ec1cd017a383e6cd6b650cbde8d52db350a7340afac0d25.png)
}
.bracket .bracket_stream-link.disabled:before {
	content: ""
}
.bracket .bracket_stream-link.disabled:before, .bracket .bracket_stream-link.disabled:hover:before {
	background-image: url(images/esports/brackets/play-button_disabled-491eef50c5429b08d686ffd3788e7c8ad528ccd9aa6163552592d8a55706c4df7f194b6bd4b99f74542a402abfb1a88bcd516016943b5a966220fc027d93536e.png)
}
.bracket .bracket_stream-link .button-right {
	padding-left: 20px
}
.ps-container {
	-ms-touch-action: none;
	touch-action: none;
	overflow: hidden !important;
	-ms-overflow-style: none
}
@supports (-ms-overflow-style:none) {
	.ps-container {
		overflow: auto !important
	}
}
@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
	.ps-container {
		overflow: auto !important
	}
}
.ps-container.ps-active-x>.ps-scrollbar-x-rail, .ps-container.ps-active-y>.ps-scrollbar-y-rail {
	display: block;
	background-color: transparent
}
.ps-container.ps-in-scrolling {
	pointer-events: none
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
	background-color: rgba(163, 125, 75, .5);
	opacity: .9
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
	background-color: #4e3e25
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
	background-color: rgba(163, 125, 75, .5);
	opacity: .9
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	background-color: #4e3e25
}
.ps-container>.ps-scrollbar-x-rail {
	display: none;
	position: absolute;
	z-index: 100;
	opacity: 0;
	transition: background-color .2s linear, opacity .2s linear;
	bottom: 0;
	height: 15px
}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
	position: absolute;
	background-color: #4e3e25;
	border-radius: 6px;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
	bottom: 2px;
	height: 6px
}
.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x, .ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
	height: 11px
}
.ps-container>.ps-scrollbar-y-rail {
	display: none;
	position: absolute;
	z-index: 100;
	opacity: 0;
	transition: background-color .2s linear, opacity .2s linear;
	right: 0;
	width: 15px
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	position: absolute;
	background-color: #4e3e25;
	border-radius: 6px;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
	right: 2px;
	width: 6px
}
.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y, .ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
	width: 11px
}
.ps-container:hover.ps-in-scrolling {
	pointer-events: none
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
	background-color: rgba(163, 125, 75, .5);
	opacity: .9
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
	background-color: #4e3e25
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
	background-color: rgba(163, 125, 75, .5);
	opacity: .9
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	background-color: #4e3e25
}
.ps-container:hover>.ps-scrollbar-x-rail, .ps-container:hover>.ps-scrollbar-y-rail {
	opacity: .6
}
.ps-container:hover>.ps-scrollbar-x-rail:hover {
	background-color: rgba(163, 125, 75, .5);
	opacity: .9
}
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
	background-color: #4e3e25
}
.ps-container:hover>.ps-scrollbar-y-rail:hover {
	background-color: rgba(163, 125, 75, .5);
	opacity: .9
}
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
	background-color: #4e3e25
}
.bracket.tournamentData, .bracket.tournamentData .stage {
	padding: 0
}
.bracket .roundRobin-results-matches {
	width: 100%;
	margin-top: 50px;
	overflow: hidden
}
@media only screen and (min-width:40em) {
	.bracket .roundRobin-results-matches {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto
	}
}
@media only screen and (min-width:60em) {
	.bracket .roundRobin-results-matches {
		max-width: none;
		float: left;
		margin-left: 15px;
		margin-top: 0;
		width: calc(50% - 15px);
		-webkit-flex: 1 50%;
		-ms-flex: 1 50%;
		flex: 1 50%
	}
}
@media only screen and (min-width:72.5em) {
	.bracket .roundRobin-results-matches {
		width: calc(40% - 15px);
		-webkit-flex: 1 40%;
		-ms-flex: 1 40%;
		flex: 1 40%
	}
}
.bracket .roundRobin-results-matches .MatchDetails {
	position: relative;
	padding-bottom: 15px
}
.bracket .roundRobin-results-matches .MatchDetails-round.slick-active {
	z-index: 5
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row {
	background: url(images/esports/brackets/roundRobin/match_detail/match_bg_repeat-612861c71ba01f0ad3610fd93e8fc3447e0f196e7fa69f4dab71ef32daeff5b5de2631488af5f662c7163de1ab695fa62baeb2ba9e9f7259b612791c4ce0d523.png) 50% repeat;
	width: calc(100% - 10px);
	margin-left: 5px;
	margin-right: 5px;
	height: 150px;
	margin-bottom: 10px;
	padding-top: 50px;
	box-shadow: 0 3.5px 15px -2px rgba(0, 0, 0, .55);
	position: relative
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchDetailBg {
	background-image: url(images/esports/brackets/roundRobin/match_detail/matchBg_sprite-4b5051118ec98ec72db017d39443cc02f107b568e7e348dc6c57528c5008aebef263bb89ea02ca7eaed96a5ac46cf8d9297f3117be7e23741258b1d15c7a91ab.png);
	display: block;
	position: absolute;
	z-index: 0
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchDetailBg.matchBg_borderDown {
	background-image: url(images/esports/brackets/roundRobin/match_detail/matchBg_borderDown-a3811f14bcf34beee0525734a1855e0ff19190861ff281abf252851a65e1094ee4da239a939f24eb7d7ca6aa639b1c074a2b4b0894e44c0ab3cf28972024efa0.png);
	width: 100%;
	height: 25px;
	background-repeat: repeat-x;
	bottom: 0;
	left: 0
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchDetailBg.matchBg_borderLeft {
	background-image: url(images/esports/brackets/roundRobin/match_detail/matchBg_borderLeft-90bb55d9640c898775f9c983a0b88f0464f4afede8fe22b22cb9476bdcf0e20bbf902356b85a2348268f2a7bd083a942f830d2fb70e9dd699e566804374b15b9.png);
	width: 25px;
	height: 100%;
	background-repeat: repeat-y;
	left: 0;
	top: 0
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchDetailBg.matchBg_borderRight {
	background-image: url(images/esports/brackets/roundRobin/match_detail/matchBg_borderRight-70a8b2ae4ea2fe42254275aa122fdd78c20a4ab47404b2bada7ad3dc481820ee96711bfac0126ab1da4d64c17d1f0b04791b981ff7872b0861df0bebfaa9ec47.png);
	width: 25px;
	height: 100%;
	background-repeat: repeat-y;
	right: 0;
	top: 0
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchDetailBg.matchBg_borderUp {
	background-image: url(images/esports/brackets/roundRobin/match_detail/matchBg_borderUp-c664ff7fb752db8bdb066fd9d69f1607c9a0d400955530daa0ec5d66456782ecf2e215f7d41f09da150020f06f4520e04db011f2db5ffdcff25fbd56d9957aed.png);
	width: 100%;
	height: 25px;
	background-repeat: repeat-x;
	top: 0;
	left: 0
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchDetailBg.matchBg_leftDown {
	background-image: url(images/esports/brackets/roundRobin/match_detail/matchBg_leftDown-862a3b24f25c7331fc9e1b9ea9b30b130e3e03787989a532a7b1e46f3239b7686b0d46fc493edd9bcf4ccb49b98a5a4e37c0e893f8029e9d280121e47a595a1c.png);
	width: 67px;
	height: 67px;
	bottom: 0;
	left: 0
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchDetailBg.matchBg_leftUp {
	background-image: url(images/esports/brackets/roundRobin/match_detail/matchBg_leftUp-5f8cbbd708ec49f0cd2f6e63098c7a4a07f2d5474a9d10fc8fb507ce91957fba858ff0b61bdcc6a18a3eae7ec7a4ccdd4910dd64183f058cc844b57f76c3bc25.png);
	width: 67px;
	height: 67px;
	top: 0;
	left: 0
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchDetailBg.matchBg_rightDown {
	background-image: url(images/esports/brackets/roundRobin/match_detail/matchBg_rightDown-ad465666111ee6a63a371aa3be27ce87258784022fd82f3e70b97920f033796db09e4570f01f3ae9e8892f698f48ba45219d4424a592d1799d532ed83c67d78f.png);
	width: 67px;
	height: 67px;
	right: 0;
	bottom: 0
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchDetailBg.matchBg_rightUp {
	background-image: url(images/esports/brackets/roundRobin/match_detail/matchBg_rightUp-0188e392f3c653225ba7794a5e55561167769d3203e2b65c01e49152de9ff0bb3c6335bc84014653c2295e05a0261b9edd08ae84eaec5c1ef61e52f5b38345ca.png);
	width: 67px;
	height: 67px;
	right: 0;
	top: 0
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .brackets_match-name, .bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .brackets_match-score {
	background: none;
	color: #725a37;
	border: none;
	vertical-align: top
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .brackets_match-name:after, .bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .brackets_match-score:after {
	display: none !important
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .date {
	position: absolute;
	width: 100%;
	top: 3px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 8
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .topLine {
	height: 19px;
	top: 10px;
	z-index: 0
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .bottomLine, .bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .topLine {
	background: url(images/esports/brackets/roundRobin/match_detail/match_texture_repeat-e94e50f57fecad8185ae6d6bb6d978661900e2e7ba58362e6efc3a91cb26b1680b5d9d9ba7e70f3cf470c26cffbee6acf0b40d4edb43637e1054e803939e3058.png) 50% repeat-x;
	width: 90%;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .bottomLine {
	height: 4px;
	bottom: 15px;
	z-index: 1
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .bottomSection {
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 100%;
	z-index: 8
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchButton {
	font-size: 12px;
	text-transform: uppercase;
	transition: all .15s ease-out;
	margin: 0 10px;
	position: relative;
	z-index: 3;
	color: #725a37;
	cursor: pointer;
	padding: 4px 25px
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchButton:hover {
	color: #725a37;
	text-decoration: none
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchButton:hover:before {
	background: #d1b57b
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchButton:active {
	-webkit-transform: scale(.98);
	-ms-transform: scale(.98);
	transform: scale(.98);
	text-decoration: none
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchButton:focus {
	text-decoration: none
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchButton:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #d5bb86;
	border-radius: 30px
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchButton:after {
	content: "";
	position: absolute;
	width: 120%;
	background: url(images/esports/brackets/roundRobin/match_detail/match_bg_repeat-612861c71ba01f0ad3610fd93e8fc3447e0f196e7fa69f4dab71ef32daeff5b5de2631488af5f662c7163de1ab695fa62baeb2ba9e9f7259b612791c4ce0d523.png) 0 0 repeat;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -10%;
	z-index: -2
}
@-webkit-keyframes blink {
	0% {
		opacity: 1
	}
	35% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	65% {
		opacity: 1
	}
	to {
		opacity: 1
	}
}
@keyframes blink {
	0% {
		opacity: 1
	}
	35% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	65% {
		opacity: 1
	}
	to {
		opacity: 1
	}
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchButton span {
	background-image: url(images/esports/brackets/roundRobin/match_icons-0f19603bc28dadd20c7e03219bedd701677b0e868d39164cffe1aad214572e8a41e9063055f608b3fa120d68f0b87f271357afa7923a9925f9200a4f60d0774b.png);
	background-repeat: no-repeat;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 1px
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchButton span.inProgress {
	background-position: -10px -10px;
	width: 12px;
	height: 12px;
	-webkit-animation: blink normal 4s infinite ease-out;
	animation: blink normal 4s infinite ease-out
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchButton span.soon {
	background-position: -42px -10px;
	width: 12px;
	height: 12px
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .matchButton span.watch {
	background-position: -10px -42px;
	width: 12px;
	height: 12px
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .dateText {
	display: inline-block;
	padding: 0 15px;
	background: url(images/esports/brackets/roundRobin/match_Bg-d8170ded1fa04d8e626b5a79e6b1fac7d7f4c607027e00fa62f25666a5aa763fd08f1fb6aab1158444a6e4ad84fdb21683f91446c219143890d5625eb01e0db0.png) 50% no-repeat;
	font-size: 12px;
	position: relative;
	z-index: 2
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .dateText.live, .bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .dateText.today {
	color: #fff;
	font-family: Bliz Quadrata Bold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
	font-size: 14px
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .MatchDetails-player {
	width: 50%;
	float: left;
	text-align: right;
	padding-right: 16%;
	padding-top: 8px
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .MatchDetails-player:nth-child(2n) {
	text-align: left;
	padding-left: 16%;
	padding-right: 0
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .MatchDetails-player .brackets_match-name {
	padding: 3px 10px 0;
	width: auto;
	font-size: 14px
}
@media only screen and (min-width:40em) {
	.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .MatchDetails-player .brackets_match-name {
		max-width: 65%
	}
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .MatchDetails-scores {
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transform: translateY(-55%);
	-ms-transform: translateY(-55%);
	transform: translateY(-55%);
	background: url(images/esports/brackets/roundRobin/score_unselect-9ca0317adf33ad7e8f62a32ddde83145181a6883b86b0dee434af364a82f4e74fe4a3da169a623389553d8c74657837dc0eb45b47f5d9fb313078143066fef05.png) 50% no-repeat;
	width: 103px;
	height: 58px;
	cursor: pointer;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .MatchDetails-scores.disabled:hover {
	cursor: default
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .MatchDetails-scores.disabled:hover:before {
	opacity: 0
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .MatchDetails-scores:before {
	background: url(images/esports/brackets/roundRobin/score_select-f6e5015dd2490682277d0c6bddfef70fce61482be470118fb37819877a438299d63b552c794d8ed9256c7dc4244b78450250349257bdefd8c567a8db217448b1.png) 50% no-repeat;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	top: 0;
	left: 0;
	transition: all .15s ease-out
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .MatchDetails-scores:hover:before {
	opacity: 1;
	z-index: 0
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .MatchDetails-scores .brackets_match-score {
	color: #fff;
	font-family: Bliz Quadrata Bold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	margin: 0 7px;
	display: inline;
	font-size: 22px;
	text-align: center;
	z-index: 2;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
	position: relative;
	top: 2px
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .MatchDetails-scores .brackets_match-score.dash {
	margin: 0 8px;
	font-size: 20px;
	vertical-align: middle;
	top: -3px
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .MatchDetails-scores .colon {
	color: #fff;
	font-family: Bliz Quadrata Bold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 22px;
	position: relative;
	top: 0;
	z-index: 2;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .headshot {
	display: none;
	position: relative;
	width: 37px;
	height: 30px;
	top: 5px;
	background: #725a37;
	border-radius: 3px
}
@media only screen and (min-width:30em) {
	.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .headshot {
		display: inline-block
	}
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .headshot:before {
	background: url(images/esports/brackets/roundRobin/match_glow-0560360efc44a23de0862d8884959911c177c22b754fb554c72f3bc57995b831ca5df101c1d51af013ecee811333f71ab096f238873147179552a18f24981c0c.png) 50% no-repeat;
	content: "";
	position: absolute;
	z-index: 1;
	width: 103px;
	height: 103px;
	left: -32.5px;
	top: -36px;
	opacity: 0;
	transition: all .15s ease-out
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .headshot:after {
	background: url(images/esports/brackets/roundRobin/green_checkmark-f3378080b6d6d0b1a5b6ddcfed68849aa7c3d7325680e4cbec0df501b494bc5c23c1f77624a1e723e4afb0852042000d061c86ac7097ac82abc6f2d28256a609.png) 50% no-repeat;
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: -10px;
	left: 5.5px;
	right: 0;
	margin: 0 auto;
	z-index: 2;
	opacity: 0;
	transition: all .15s ease-out
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .headshot.winner:after, .bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .headshot.winner:before {
	opacity: 1
}
.bracket .roundRobin-results-matches .MatchDetails .brackets_match-row .headshot img {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 3px;
	border: 2px solid #725a37
}
.bracket .roundRobin-results-matches .MatchDetails-roundName {
	margin-top: 5px;
	margin-bottom: 20px
}
.bracket .StageContainer {
	text-align: center;
	width: 100%
}
.bracket .StageContainer .container .stage {
	padding: 0;
	margin: 0;
	position: relative
}
@media only screen and (min-width:40em) {
	.bracket .StageContainer .container .stage {
		margin-left: -15px;
		margin-right: -15px;
		left: 0;
		width: 100%
	}
}
.bracket .StageContainer .container .ReactTabs__TabPanel {
	width: calc(100% + 40px);
	left: -20px;
	position: relative
}
@media only screen and (min-width:40em) {
	.bracket .StageContainer .container .ReactTabs__TabPanel {
		width: 100%;
		left: 0
	}
}
@-webkit-keyframes fade-out-animation {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
@keyframes fade-out-animation {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
.bracket .TabLabels {
	box-shadow: none;
	padding: 0;
	width: 100%
}
.bracket .tabBar {
	content: "";
	background: #c9b68b;
	width: 100%;
	height: 2px;
	position: relative;
	text-align: center;
	top: 68px;
	left: 0;
	display: block
}
@media only screen and (min-width:40em) {
	.bracket .tabBar {
		top: 33px
	}
}
.bracket .hideScores {
	position: relative;
	right: 15px;
	display: block;
	z-index: 5;
	cursor: pointer;
	color: #233a6e;
	font-size: 16px;
	text-align: center
}
.bracket .hideScores:hover p {
	text-decoration: underline
}
@media only screen and (min-width:60em) {
	.bracket .hideScores {
		position: absolute;
		top: 33px;
		right: 15px
	}
}
.bracket .hideScores .Icon {
	display: inline-block;
	margin-right: 15px;
	top: -2px;
	-webkit-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	transform: translateY(-1px)
}
.bracket .hideScores p {
	display: inline-block
}
.bracket .hideScores p, .bracket .TabGroups {
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif
}
.bracket .TabGroups {
	padding-top: 35px;
	margin-bottom: 25px;
	padding-bottom: 25px;
	padding-left: 0;
	text-align: left;
	font-size: 16px;
	overflow: auto;
	white-space: nowrap
}
@media only screen and (min-width:40em) {
	.bracket .TabGroups {
		margin-bottom: 35px;
		padding-bottom: 5px;
		padding-top: 0;
		width: calc(100% - 130px)
	}
}
.bracket .TabGroups .group {
	position: relative;
	display: inline-block;
	margin-right: 30px;
	padding-left: 5px;
	text-align: center;
	transition: all .15s ease-out;
	cursor: pointer;
	color: #947548
}
.bracket .TabGroups .group:hover {
	color: #836a3d
}
.bracket .TabGroups .group:after {
	content: "";
	width: 100%;
	position: absolute;
	height: 2px;
	left: 0;
	bottom: -5px;
	padding: 0 5px 0 0;
	display: inline-block;
	background: #233a6e;
	opacity: 0;
	transition: all .15s ease-out;
	z-index: 1
}
@media only screen and (min-width:40em) {
	.bracket .TabGroups .group:after {
		bottom: -5px
	}
}
.bracket .TabGroups .group.Group--active {
	color: #725c35
}
.bracket .TabGroups .group.Group--active:after {
	opacity: 1
}
.bracket .Timeline {
	width: 100%;
	position: relative
}
.bracket .Timeline .Timeline-banner {
	transition: all .15s ease-out;
	position: absolute;
	padding: 5px;
	height: auto;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	top: auto;
	bottom: 45px;
	font-family: Bliz Quadrata Bold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 16px
}
.bracket .Timeline .Timeline-banner--top {
	background: url(images/esports/brackets/roundRobin/timeline/timelineBg_up-59aa75f85494db2239b52e24677190921d423096697af3a8cecdac652ea0a5cc805a32e0945c469ab5283805f359ca3411e73b86d8b0aa4b7b0650a634cc09de.png);
	width: 101px;
	height: 8px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto
}
.bracket .Timeline .Timeline-banner--bottom {
	background: url(images/esports/brackets/roundRobin/timeline/timelineBg_down-8865238950d5a1fb9c230eb682d3c73680f88797260da511d57eb13e301448aad2f84552efbbcc0070bf6fb535b6c103e04cc57c039e2133a091f57caffa012a.png);
	width: 101px;
	height: 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}
.bracket .Timeline .Timeline-banner P {
	margin: 0
}
.bracket .Timeline .Timeline-banner .Timeline-banner--abbreviated {
	display: block
}
.bracket .Timeline .Timeline-banner .Timeline-banner--full {
	display: inline-block;
	opacity: 0;
	color: #725a37
}
.bracket .Timeline .Timeline-banner.upcoming {
	bottom: 17px;
	z-index: 6;
	color: #725a37
}
.bracket .Timeline .Timeline-banner.upcoming .Timeline-banner--abbreviated {
	font-size: 12px;
	display: block;
	position: absolute;
	bottom: 4px;
	left: 0;
	right: 0;
	margin: auto
}
.bracket .Timeline .Timeline-banner.upcoming .Timeline-banner--full {
	font-size: 16px
}
.bracket .Timeline .Timeline-banner.concluded .Timeline-banner--abbreviated {
	display: none
}
.bracket .Timeline .Timeline-banner.concluded .Timeline-banner--full {
	display: inline-block;
	opacity: 1;
	background: hsla(35, 46%, 71%, .65)
}
.bracket .Timeline .Timeline-banner.current {
	max-width: 145px;
	width: 100%
}
.bracket .Timeline .Timeline-banner.current .stage-title {
	opacity: 1
}
.bracket .Timeline .Timeline-banner.current .Timeline-banner--abbreviated {
	display: none
}
.bracket .Timeline .Timeline-banner.current .Timeline-banner--full {
	display: inline-block;
	color: #241f19;
	opacity: 1
}
.bracket .Timeline .Timeline-banner.active {
	color: #fff
}
.bracket .Timeline .Timeline-banner.active .Timeline-banner--full {
	color: #fff;
	background: transparent;
	text-shadow: #000 2px 0 0, #000 1.75517px .958851px 0, #000 1.0806px 1.68294px 0, #000 .141474px 1.99499px 0, #000 -.832294px 1.81859px 0, #000 -1.60229px 1.19694px 0, #000 -1.97998px .28224px 0, #000 -1.87291px -.701566px 0, #000 -1.30729px -1.5136px 0, #000 -.421592px -1.95506px 0, #000 .567324px -1.91785px 0, #000 1.41734px -1.41108px 0, #000 1.92034px -.558831px 0
}
.bracket .Timeline .Timeline-banner .Timeline-banner--full {
	margin: 0;
	position: relative;
	padding: 8px 20px;
	background: transparent;
	border-radius: 5px;
	line-height: 1.15em;
	transition: all .15s ease-out
}
.bracket .Timeline .Timeline-banner .Timeline-banner--full.smallerFont {
	font-size: 12px;
	padding: 10px 14px;
	line-height: 1.4em
}
.bracket .Timeline .Timeline-banner .Timeline-banner--full span {
	position: absolute
}
.bracket .Timeline .stage-title {
	background-image: url(images/esports/brackets/roundRobin/timeline/timeline-titles-80d012a81126809c7bb1afb0b25b176fb0f5aee52c208d57b796264d5eb35c8290197203ae6285bfd273050cdfcee9c0a6753ee0124a70042776d6fd052c7af4.png);
	display: block;
	position: absolute;
	opacity: .7
}
.bracket .Timeline .stage-title.stage-title-timelineBg_down {
	background-image: url(images/esports/brackets/roundRobin/timeline/tiimelineBg_down-8865238950d5a1fb9c230eb682d3c73680f88797260da511d57eb13e301448aad2f84552efbbcc0070bf6fb535b6c103e04cc57c039e2133a091f57caffa012a.png);
	background-repeat: repeat-x;
	width: calc(100% - 16px);
	height: 8px;
	bottom: 0;
	left: 8px
}
.bracket .Timeline .stage-title.stage-title-timelineBg_left {
	background-image: url(images/esports/brackets/roundRobin/timeline/tiimelineBg_left-8838b366121bc4398cc0df6b5b11ef3808be04f1a9572f64d90c69486173b0646930d9ec647f0425ed3de09c5dfa25d5ccf33eb996c8245f29de6ccbb5fbd4a2.png);
	background-repeat: repeat-y;
	width: 8px;
	height: calc(100% - 16px);
	top: 8px;
	left: 0
}
.bracket .Timeline .stage-title.stage-title-timelineBg_right {
	background-image: url(images/esports/brackets/roundRobin/timeline/tiimelineBg_right-4bca91ca76c36f07c5bf0846b109722a8ebf0abc21953de9aa49bb8de046dda2a636bde1b4b826b44c427d7d69c18dc561a26a8402e815540dde6a56b6ab4d1c.png);
	background-repeat: repeat-y;
	width: 8px;
	height: calc(100% - 16px);
	top: 8px;
	right: 0
}
.bracket .Timeline .stage-title.stage-title-timelineBg_up {
	background-image: url(images/esports/brackets/roundRobin/timeline/tiimelineBg_up-59aa75f85494db2239b52e24677190921d423096697af3a8cecdac652ea0a5cc805a32e0945c469ab5283805f359ca3411e73b86d8b0aa4b7b0650a634cc09de.png);
	background-repeat: repeat-x;
	width: calc(100% - 16px);
	height: 8px;
	top: 0;
	left: 8px
}
.bracket .Timeline .stage-title.stage-title-timelineBg_rightdown {
	background-position: -243px -10px;
	width: 8px;
	height: 8px;
	bottom: 0;
	right: 0
}
.bracket .Timeline .stage-title.stage-title-timelineBg_rightup {
	background-position: -271px -10px;
	width: 8px;
	height: 8px;
	top: 0;
	right: 0
}
.bracket .Timeline .stage-title.stage-title-timelineBg_leftdown {
	background-position: -159px -10px;
	width: 8px;
	height: 8px;
	bottom: 0;
	left: 0
}
.bracket .Timeline .stage-title.stage-title-timelineBg_leftup {
	background-position: -187px -10px;
	width: 8px;
	height: 8px;
	top: 0;
	left: 0
}
.bracket .Timeline.adjustSpacing {
	-webkit-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px)
}
.bracket .Timeline .slick-slider {
	width: 100%;
	position: relative
}
.bracket .Timeline .slick-slider .slick-track {
	transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out
}
.bracket .Timeline .slick-slider .slick-list {
	margin-top: -50px !important;
	padding-top: 50px !important
}
.bracket .Timeline .slick-slider .GoldArrow {
	top: auto;
	bottom: -8px;
	-webkit-transform: scale(.75);
	-ms-transform: scale(.75);
	transform: scale(.75);
	transition: all .15s ease-out
}
.bracket .Timeline .slick-slider .GoldArrow.adjustSpacing {
	bottom: -4px
}
.bracket .Timeline .slick-slider .GoldArrow:hover:active {
	-webkit-transform: scale(.7);
	-ms-transform: scale(.7);
	transform: scale(.7)
}
.bracket .Timeline .slick-slider .GoldArrow--prev {
	left: 10px
}
.bracket .Timeline .slick-slider .GoldArrow--prev:hover {
	-webkit-transform: scale(.75) translateX(-5px);
	-ms-transform: scale(.75) translateX(-5px);
	transform: scale(.75) translateX(-5px)
}
@media only screen and (min-width:40em) {
	.bracket .Timeline .slick-slider .GoldArrow--prev {
		left: -5px
	}
}
@media only screen and (min-width:72.5em) {
	.bracket .Timeline .slick-slider .GoldArrow--prev {
		left: -35px
	}
}
.bracket .Timeline .slick-slider .GoldArrow--next {
	right: 10px
}
.bracket .Timeline .slick-slider .GoldArrow--next:hover {
	-webkit-transform: scale(.75) translateX(5px);
	-ms-transform: scale(.75) translateX(5px);
	transform: scale(.75) translateX(5px)
}
@media only screen and (min-width:40em) {
	.bracket .Timeline .slick-slider .GoldArrow--next {
		right: -5px
	}
}
@media only screen and (min-width:72.5em) {
	.bracket .Timeline .slick-slider .GoldArrow--next {
		right: -35px
	}
}
.bracket .Timeline .slick-slider .GoldArrow.slick-disabled {
	opacity: 0
}
@media only screen and (min-width:72.5em) {
	.bracket .Timeline {
		width: 100%;
		margin-bottom: 45px;
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px
	}
}
.bracket .Timeline-line {
	width: 100%;
	max-width: 1149px;
	height: 13px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: url(images/esports/brackets/roundRobin/timeline/timeline_progressBar_container-6d9b6d0e73379a013a472fabc9822de67933e5b73d9f7fd91e382ccd4081611d6c51f79c74c19ed64c3056122b81935f8fc6c0cde13c238949f3bb530b07eb0d.png) 0 0 no-repeat
}
.bracket .Timeline-progress {
	width: 100%;
	max-width: 1141px;
	height: 9px;
	position: absolute;
	top: 2px;
	left: 0;
	background: url(images/esports/brackets/roundRobin/timeline/timeline_progressBar_fill-131e606ff44242258424dee9c85855d304bc1460007ea62fab2ca67cbdbe8ad5376803355a01463f0a45362ac7d27b2adf9e75bfbe7c683e29cfe285d7e3948b.png) 0 0 no-repeat;
	-webkit-transform: translate(-100%);
	-ms-transform: translate(-100%);
	transform: translate(-100%)
}
.bracket .TabLabels {
	width: calc(100% + 30px);
	margin: 0 -15px;
	margin-bottom: 25px;
	margin-top: 10px
}
@media only screen and (min-width:72.5em) {
	.bracket .TabLabels {
		width: 100%;
		margin: 0
	}
}
.bracket .TabLabels .Timeline-icon {
	float: left;
	height: 115px;
	position: relative;
	background: url(images/esports/brackets/roundRobin/timeline/timeline-5cfb6c70ad2d49b17f2ea878a829c137cb795729f79cd4496ee5dacdafdbf5911148bdca759bc59fa9ae95bd78548091a411edd55c6de2c4764e6fae3c8a5dfe.png) 0 79px repeat-x;
	bottom: 4px
}
.bracket .TabLabels .Timeline-icon.addHeight {
	height: 130px;
	background-position: 0 94px
}
.bracket .TabLabels .Timeline-icon .Timeline-tip {
	position: absolute;
	top: auto;
	bottom: 25px;
	right: 28%;
	margin: auto;
	background: url(images/esports/brackets/roundRobin/timeline/fill-tip-8f428eb4501515ca5d0471e55cbc3416fdce4dc872195a177216f989801220cc1282ad12d132a88522c62bf2c410e59d1e5d8679f9beb95d377dc34400c01058.png) 0 0 no-repeat;
	width: 50%;
	max-width: 30px;
	height: 9px;
	z-index: 2
}
@media only screen and (min-width:800px) {
	.bracket .TabLabels .Timeline-icon .Timeline-tip {
		right: 0
	}
}
.bracket .TabLabels .Timeline-icon:before {
	content: "";
	height: 13px;
	width: 50%;
	left: 0;
	top: auto;
	bottom: 25px;
	margin: auto;
	position: absolute
}
.bracket .TabLabels .Timeline-icon:after {
	content: "";
	height: 20px;
	width: 50%;
	right: 0;
	top: auto;
	bottom: 25px;
	margin: auto;
	position: absolute
}
.bracket .TabLabels .Timeline-icon.current:after {
	width: calc(35% - 10px);
	margin-right: 10px;
	right: 28%
}
@media only screen and (min-width:800px) {
	.bracket .TabLabels .Timeline-icon.current:after {
		width: calc(50% - 10px);
		right: 0
	}
}
.bracket .TabLabels .Timeline-icon.finals {
	background-size: 50% 13px;
	background-repeat: no-repeat
}
.bracket .TabLabels .Timeline-icon.finals .Timeline-content.active .upcoming.Timeline-banner, .bracket .TabLabels .Timeline-icon.finals .Timeline-content:hover .upcoming.Timeline-banner {
	-webkit-transform: scale(1.04) translateY(-35px);
	-ms-transform: scale(1.04) translateY(-35px);
	transform: scale(1.04) translateY(-35px)
}
.bracket .TabLabels .Timeline-icon.finals .Timeline-tip, .bracket .TabLabels .Timeline-icon.finals:after {
	display: none
}
.bracket .TabLabels .Timeline-icon:first-child {
	background-size: 50% 13px;
	background-repeat: no-repeat;
	background-position: 100% 79px
}
.bracket .TabLabels .Timeline-icon:first-child.addHeight {
	background-position: 100% 94px
}
.bracket .TabLabels .Timeline-icon:first-child:before {
	display: none
}
@media only screen and (min-width:0) and (max-width:800px) {
	.bracket .TabLabels .Timeline-icon:first-child.current:after {
		left: 50%;
		right: auto;
		width: calc(25% - 30px)
	}
}
.bracket .TabLabels .Timeline-icon:nth-last-child(2) .Timeline-content.active .upcoming.Timeline-banner, .bracket .TabLabels .Timeline-icon:nth-last-child(2) .Timeline-content:hover .upcoming.Timeline-banner {
	-webkit-transform: scale(1.04) translateY(-35px);
	-ms-transform: scale(1.04) translateY(-35px);
	transform: scale(1.04) translateY(-35px)
}
.bracket .TabLabels .Timeline-icon:nth-last-child(2) .Timeline-icon--image.concluded {
	background-position: 0 100%;
	background-size: 296.923077%
}
.bracket .TabLabels .Timeline-icon:nth-last-child(2) .Timeline-icon--image.current, .bracket .TabLabels .Timeline-icon:nth-last-child(2) .Timeline-icon--image:after {
	background-position: 0 48.818898%;
	background-size: 247.435897%
}
.bracket .TabLabels .Timeline-icon:nth-last-child(2) .Timeline-icon--image.current:after {
	top: 0;
	left: 0
}
.bracket .TabLabels .Timeline-icon:nth-last-child(3) .Timeline-icon--image.concluded {
	background-position: 0 83.225806%;
	background-size: 296.923077%
}
.bracket .TabLabels .Timeline-icon:nth-last-child(3) .Timeline-icon--image.current, .bracket .TabLabels .Timeline-icon:nth-last-child(3) .Timeline-icon--image:after {
	background-position: 0 18.110236%;
	background-size: 247.435897%
}
.bracket .TabLabels .Timeline-icon:nth-last-child(3) .Timeline-icon--image.current:after {
	top: 0;
	left: 0
}
.bracket .TabLabels .Timeline-icon:nth-last-child(4) .Timeline-icon--image.concluded {
	background-position: 0 91.612903%;
	background-size: 296.923077%
}
.bracket .TabLabels .Timeline-icon:nth-last-child(4) .Timeline-icon--image.current, .bracket .TabLabels .Timeline-icon:nth-last-child(4) .Timeline-icon--image:after {
	background-position: 0 28.346457%;
	background-size: 247.435897%
}
.bracket .TabLabels .Timeline-icon .Tooltip.Soon {
	white-space: pre;
	word-break: normal;
	opacity: 0;
	display: inline-block;
	transition-delay: .2s
}
@media only screen and (min-width:0) and (max-width:799px) {
	.bracket .TabLabels .Timeline-icon .Tooltip.Soon {
		-webkit-transform: translateY(-98%);
		-ms-transform: translateY(-98%);
		transform: translateY(-98%);
		opacity: 1;
		visibility: visible;
		display: inline-block;
		padding: 3px 15px;
		width: auto;
		top: 0;
		transition-delay: .5s
	}
}
@media only screen and (min-width:799px) {
	.bracket .TabLabels .Timeline-icon .Tooltip.Soon {
		width: auto;
		padding: 3px 15px;
		-webkit-transform: translateY(-67%);
		-ms-transform: translateY(-67%);
		transform: translateY(-67%)
	}
}
@media only screen and (min-width:0) and (max-width:799px) {
	.bracket .TabLabels .Timeline-icon.slick-active .Timeline-content .Soon {
		opacity: 1;
		transition-delay: .5s
	}
	.bracket .TabLabels .Timeline-icon.slick-active .Timeline-content .Timeline-icon--image {
		z-index: 8
	}
	.bracket .TabLabels .Timeline-icon.slick-active .Timeline-content .Timeline-icon--image:after {
		opacity: 1;
		-webkit-transform: scale(1.08);
		-ms-transform: scale(1.08);
		transform: scale(1.08)
	}
	.bracket .TabLabels .Timeline-icon.slick-active .Timeline-content .Timeline-icon--image.finals:after {
		-webkit-transform: scale(1.08) translateY(-1px);
		-ms-transform: scale(1.08) translateY(-1px);
		transform: scale(1.08) translateY(-1px)
	}
	.bracket .TabLabels .Timeline-icon.slick-active .Timeline-content .concluded, .bracket .TabLabels .Timeline-icon.slick-active .Timeline-content .current {
		cursor: pointer
	}
	.bracket .TabLabels .Timeline-icon.slick-active .Timeline-content .concluded.Timeline-banner, .bracket .TabLabels .Timeline-icon.slick-active .Timeline-content .current.Timeline-banner {
		-webkit-transform: scale(1.04) translateY(-5px);
		-ms-transform: scale(1.04) translateY(-5px);
		transform: scale(1.04) translateY(-5px)
	}
	.bracket .TabLabels .Timeline-icon.slick-active .Timeline-content .upcoming {
		background: none
	}
	.bracket .TabLabels .Timeline-icon.slick-active .Timeline-content .upcoming.Timeline-banner {
		-webkit-transform: scale(1.04) translateY(-33px);
		-ms-transform: scale(1.04) translateY(-33px);
		transform: scale(1.04) translateY(-33px)
	}
	.bracket .TabLabels .Timeline-icon.slick-active .Timeline-content .upcoming .Timeline-banner--full {
		display: inline-block;
		opacity: 1
	}
	.bracket .TabLabels .Timeline-icon.slick-active .Timeline-content .upcoming .Timeline-banner--abbreviated {
		display: none
	}
}
.bracket .TabLabels .Timeline-icon .Timeline-content {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	z-index: 2
}
@media only screen and (min-width:72.5em) {
	.bracket .TabLabels .Timeline-icon .Timeline-content {
		width: 65%
	}
}
.bracket .TabLabels .Timeline-icon .Timeline-content.extendWidth {
	width: 90%
}
@media only screen and (min-width:799px) {
	.bracket .TabLabels .Timeline-icon .Timeline-content.active .Soon, .bracket .TabLabels .Timeline-icon .Timeline-content:hover .Soon {
		opacity: 1
	}
	.bracket .TabLabels .Timeline-icon .Timeline-content.active .Timeline-icon--image, .bracket .TabLabels .Timeline-icon .Timeline-content:hover .Timeline-icon--image {
		z-index: 8
	}
	.bracket .TabLabels .Timeline-icon .Timeline-content.active .Timeline-icon--image:after, .bracket .TabLabels .Timeline-icon .Timeline-content:hover .Timeline-icon--image:after {
		opacity: 1;
		-webkit-transform: scale(1.08);
		-ms-transform: scale(1.08);
		transform: scale(1.08)
	}
	.bracket .TabLabels .Timeline-icon .Timeline-content.active .Timeline-icon--image.finals:after, .bracket .TabLabels .Timeline-icon .Timeline-content:hover .Timeline-icon--image.finals:after {
		-webkit-transform: scale(1.08) translateY(-1px);
		-ms-transform: scale(1.08) translateY(-1px);
		transform: scale(1.08) translateY(-1px)
	}
	.bracket .TabLabels .Timeline-icon .Timeline-content.active .concluded, .bracket .TabLabels .Timeline-icon .Timeline-content.active .current, .bracket .TabLabels .Timeline-icon .Timeline-content:hover .concluded, .bracket .TabLabels .Timeline-icon .Timeline-content:hover .current {
		cursor: pointer
	}
	.bracket .TabLabels .Timeline-icon .Timeline-content.active .concluded.Timeline-banner, .bracket .TabLabels .Timeline-icon .Timeline-content.active .current.Timeline-banner, .bracket .TabLabels .Timeline-icon .Timeline-content:hover .concluded.Timeline-banner, .bracket .TabLabels .Timeline-icon .Timeline-content:hover .current.Timeline-banner {
		-webkit-transform: scale(1.04) translateY(-5px);
		-ms-transform: scale(1.04) translateY(-5px);
		transform: scale(1.04) translateY(-5px)
	}
	.bracket .TabLabels .Timeline-icon .Timeline-content.active .upcoming, .bracket .TabLabels .Timeline-icon .Timeline-content:hover .upcoming {
		background: none
	}
	.bracket .TabLabels .Timeline-icon .Timeline-content.active .upcoming.Timeline-banner, .bracket .TabLabels .Timeline-icon .Timeline-content:hover .upcoming.Timeline-banner {
		-webkit-transform: scale(1.04) translateY(-33px);
		-ms-transform: scale(1.04) translateY(-33px);
		transform: scale(1.04) translateY(-33px)
	}
	.bracket .TabLabels .Timeline-icon .Timeline-content.active .upcoming .Timeline-banner--full, .bracket .TabLabels .Timeline-icon .Timeline-content:hover .upcoming .Timeline-banner--full {
		display: inline-block;
		opacity: 1
	}
	.bracket .TabLabels .Timeline-icon .Timeline-content.active .upcoming .Timeline-banner--abbreviated, .bracket .TabLabels .Timeline-icon .Timeline-content:hover .upcoming .Timeline-banner--abbreviated {
		display: none
	}
}
.bracket .TabLabels .Timeline-icon.concluded, .bracket .TabLabels .Timeline-icon.current {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	transition: all .15s ease-out
}
.bracket .TabLabels .Timeline-icon.concluded:after, .bracket .TabLabels .Timeline-icon.concluded:before, .bracket .TabLabels .Timeline-icon.current:after, .bracket .TabLabels .Timeline-icon.current:before {
	background: url(images/esports/brackets/roundRobin/timeline/fill-16ba3159e90e4721dec60e635ed95bf305b72cae30d778f4002cee07477aa8f08275f6421d2210717f3218e4022394f385bd209ab6328f47e6fd9120d8d2bba6.png) 0 85% repeat-x;
	height: 9px;
	top: auto
}
.bracket .Timeline-icon--image {
	bottom: 0;
	margin: auto;
	z-index: 4;
	background-position: 0 74.83871%;
	background-size: 296.923077%;
	width: 60px;
	height: 60px;
	transition: -webkit-transform .15s ease-out;
	transition: transform .15s ease-out;
	transition: transform .15s ease-out, -webkit-transform .15s ease-out;
	cursor: pointer
}
.bracket .Timeline-icon--image, .bracket .Timeline-icon--image:after {
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	max-width: 100%;
	background-image: url(images/esports/brackets/roundRobin/timeline/icons-b96de0be1ab8599080014915866ae747c9a902c40915c8b0e0d60b75659ebe96b6970ee0cdf6496319a1c599d66223d41a634b3501bbfc1d0666249f22d7fee0.png)
}
.bracket .Timeline-icon--image:after {
	content: "";
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	display: block;
	background-position: 0 38.582677%;
	background-size: 247.435897%;
	transition: all .15s ease-out
}
.bracket .Timeline-icon--image.upcoming {
	background-position: 0 58.064516%;
	background-size: 296.923077%;
	width: 65px;
	max-height: 65px;
	cursor: default
}
.bracket .Timeline-icon--image.current {
	background-position: 0 38.582677%;
	background-size: 247.435897%
}
.bracket .Timeline-icon--image.concluded:after {
	top: 1px;
	left: -2px
}
.bracket .Timeline-icon--image.finals {
	background-position: 0 66.051613%;
	background-size: 296.923077%;
	top: auto;
	left: 1px;
	bottom: 0
}
.bracket .Timeline-icon--image.finals:after {
	background-position: 0 7.874016%;
	background-size: 247.435897%;
	-webkit-transform: scale(1) translateY(-4px);
	-ms-transform: scale(1) translateY(-4px);
	transform: scale(1) translateY(-4px)
}
.bracket .Timeline-icon--image.finals.current {
	background-position: 0 7.874016%;
	background-size: 247.435897%;
	bottom: 5px
}
.bracket .roundRobin {
	background: url(images/esports/brackets/roundRobin/map/orangeShadow_mobile2-0e05b26c4a83ff112072fed8a6a8a1f2e5a08e2bf1f07b577dd23cb8382dc3a3b90ffd8724b784ba6b1299fdd0afc90c76699877103c0b11b5f1f7223d70582c.png) top no-repeat;
	background-size: auto
}
@media only screen and (min-width:60em) {
	.bracket .roundRobin {
		background: url(images/esports/brackets/roundRobin/map/orangeShadow-ea2c60fdf34738f466f83504864dd16ddb098d1bca896652eb98df685538e2f2b0666d7bc9f3956decd9fab653c8c7e7a4d4f2a0d12cbb961fddf34a67817f5c.png) bottom no-repeat;
		background-size: cover
	}
}
.bracket .roundRobin .roundRobin-container {
	color: #725a37;
	font-size: 16px;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	padding: 0;
	overflow: hidden;
	display: block
}
@media only screen and (min-width:60em) {
	.bracket .roundRobin .roundRobin-container {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
}
.bracket .roundRobin .roundRobin-container .brackets_competitor-name, .bracket .roundRobin .roundRobin-container .brackets_competitor-scores {
	background: none;
	border: none
}
.bracket .roundRobin .roundRobin-container .brackets_competitor-name {
	width: 45%;
	text-align: left;
	padding-left: 2.5%
}
.bracket .roundRobin .roundRobin-container .brackets_competitor-scores {
	width: 25%
}
@media only screen and (min-width:40em) {
	.bracket .roundRobin .roundRobin-container .brackets_competitor-scores {
		width: 20%
	}
}
.bracket .roundRobin .roundRobin-container .brackets_competitor-row {
	margin-left: 2%;
	margin-right: 2%;
	padding: 8.05px 0;
	position: relative;
	z-index: 3;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
@media only screen and (min-width:40em) {
	.bracket .roundRobin .roundRobin-container .brackets_competitor-row {
		font-size: 16px;
		padding: 5.4px 0
	}
}
@media only screen and (min-width:72.5em) {
	.bracket .roundRobin .roundRobin-container .brackets_competitor-row {
		padding: 9px 0;
		margin-left: 9%;
		margin-right: 9%
	}
}
.bracket .roundRobin .roundRobin-container .brackets_competitor-row:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #ceb073;
	position: absolute;
	bottom: 0;
	left: 0
}
.bracket .roundRobin .roundRobin-container .brackets_competitor-row:nth-child(odd) {
	background: hsla(37, 36%, 61%, .15)
}
.bracket .roundRobin .roundRobin-container .brackets_competitor-row.eliminated {
	opacity: .55;
	color: #725a37
}
.bracket .roundRobin .roundRobin-container .brackets_competitor-row.eliminated .rank-number {
	color: #725a37;
	text-shadow: none
}
.bracket .roundRobin .roundRobin-container .brackets_competitor-row.eliminated:after {
	display: none
}
.bracket .roundRobin .roundRobin-container .brackets_competitor-row.advanced {
	color: #725a37
}
.bracket .roundRobin .roundRobin-container .brackets_competitor-row.advanced:after {
	display: none
}
.bracket .roundRobin .roundRobin-container .brackets_competitor-row .rank-number {
	display: inline-block;
	width: 5%;
	color: #fff;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000
}
.bracket .roundRobin .roundRobin-container .brackets_competitor-row .headshot {
	width: 37px;
	height: 30px;
	display: none;
	text-align: right;
	position: relative;
	background: #725a37;
	border-radius: 3px;
	margin: auto
}
@media only screen and (min-width:30em) {
	.bracket .roundRobin .roundRobin-container .brackets_competitor-row .headshot {
		display: inline-block
	}
}
.bracket .roundRobin .roundRobin-container .brackets_competitor-row .headshot img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 3px;
	border: 2px solid #725a37
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-header {
	background: url(images/esports/brackets/roundRobin/ranking_textureLine-a77cca8e1d5220159173ff9b35e038e6e42a894e9a00bf65b1eba8ab54629cfa512737b4b2107ae4924cf93109bb53efd652c504740a6efdb45405f9b091e2d6.png) bottom no-repeat;
	background-size: 100%;
	padding-top: 50px;
	padding-bottom: 30px;
	margin-left: 2.5%;
	margin-right: 2.5%;
	margin-bottom: 0;
	position: relative;
	z-index: 2;
	font-size: 12px;
	transition: all .15s ease-out
}
@media only screen and (min-width:30em) {
	.bracket .roundRobin .roundRobin-container .roundRobin-results-header {
		font-size: 14px
	}
}
@media only screen and (min-width:72.5em) {
	.bracket .roundRobin .roundRobin-container .roundRobin-results-header {
		margin-left: 9%;
		margin-right: 9%;
		margin-bottom: -15px;
		font-size: 16px
	}
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-header.hiddenScores {
	opacity: .75
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-header .brackets_competitor-name {
	width: 50%;
	padding-left: calc(5% + 15px)
}
@media only screen and (min-width:30em) {
	.bracket .roundRobin .roundRobin-container .roundRobin-results-header .brackets_competitor-name {
		width: 53%
	}
}
@media only screen and (min-width:40em) {
	.bracket .roundRobin .roundRobin-container .roundRobin-results-header .brackets_competitor-name {
		width: 60%
	}
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-header .brackets_competitor-scores {
	width: 25%
}
@media only screen and (min-width:30em) {
	.bracket .roundRobin .roundRobin-container .roundRobin-results-header .brackets_competitor-scores {
		width: 23%
	}
}
@media only screen and (min-width:40em) {
	.bracket .roundRobin .roundRobin-container .roundRobin-results-header .brackets_competitor-scores {
		width: 20%
	}
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings {
	width: 100%;
	background: url(images/esports/brackets/roundRobin/paper_repeat-db0a4ad3ca632567e7aa0e34ca17f73506e3999add8618c71b2a524dbb5d9155695a2f6b0122a44d976650b283fcbe4e694807e8104726a4d75d8a2c2a0751bd.png) 50% repeat;
	position: relative;
	padding-bottom: 50px;
	box-shadow: 0 3.5px 15px -2px rgba(0, 0, 0, .55);
	margin-top: 75px
}
@media only screen and (min-width:40em) {
	.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings {
		max-width: 600px;
		margin: 100px auto 0
	}
}
@media only screen and (min-width:60em) {
	.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings {
		max-width: none;
		width: 50%;
		float: left;
		margin-top: 50px;
		-webkit-flex: 1 50%;
		-ms-flex: 1 50%;
		flex: 1 50%;
		margin-bottom: 10px
	}
}
@media only screen and (min-width:72.5em) {
	.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings {
		-webkit-flex: 1 60%;
		-ms-flex: 1 60%;
		flex: 1 60%;
		width: 60%;
		float: left
	}
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings .inner-rankings {
	position: relative
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings .scoresHidden {
	position: absolute;
	right: 0;
	left: 0;
	margin: 75px auto auto;
	z-index: 4;
	display: block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings .scoresHidden a {
	color: #233a6e;
	cursor: pointer
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings .innerRows {
	transition: all .15s ease-out;
	opacity: 1
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings .innerRows.hiddenScores {
	opacity: 0
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings:after, .bracket .roundRobin .roundRobin-container .roundRobin-results-rankings:before {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings:after {
	background: url(images/esports/brackets/roundRobin/ranking_paper_top-b4141e27246ae0f7804f4ee5ea6507c613718ebb55667c00f27767e522e9f457e67da6d5f4e6d428fe58fac8564dd5a6df6dea03e61d9527cfb56e1e3eafb4ff.png) 50% repeat-y;
	height: 25px;
	top: 0
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings:before {
	background: url(images/esports/brackets/roundRobin/ranking_paper_bottom-d2154f284cb459f7e90e366b9ccc3bcfa79380369ef25c6efd66c706df94188aa7749e89f323ae5443775304df55cbaaee4385f6fe389775f92bb91eefa978fa.png) 50% repeat-y;
	height: 25px;
	bottom: 0
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings .MatchDetails-navigation {
	top: -50px
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings .rankings-leftBorder {
	position: absolute;
	background: url(images/esports/brackets/roundRobin/ranking_border_left-5e0785adbab735548659ef1c9801b77538ef1737b85d82c02cd9402f0777e8f436c1a1fa2922cd773f67062f66c655f68f5bcaaefa8ed8ba174b8343aaaef746.png) 50% repeat-y;
	height: 100%;
	width: 25px;
	left: 0;
	top: 0;
	z-index: 1
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings .rankings-rightBorder {
	position: absolute;
	background: url(images/esports/brackets/roundRobin/ranking_border_right-0559a28b720835a81d1b982bfc33b07f8a02f5d3faa27340a57f1fd4b4edeff1b9040c75d49800483e200a2d03b59e1da13e4071918c58223c8250e9c96f895f.png) 50% repeat-y;
	height: 100%;
	width: 25px;
	right: 0;
	top: 0;
	z-index: 1
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings .rankings-rightCorner--top {
	position: absolute;
	background: url(images/esports/brackets/roundRobin/ranking_corner_rightUp-c013de3e61c2c468c926e5b7297d782837f9b2f150142b2a61c0a3d55c6155562f6b4a1e34b0ee311386f100f7ea8cc6f2e365f92e78c236fba80795b1fe663c.png) 50% no-repeat;
	top: 0;
	right: 0;
	z-index: 2;
	width: 67px;
	height: 67px
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings .rankings-rightCorner--bottom {
	position: absolute;
	background: url(images/esports/brackets/roundRobin/ranking_corner_rightDown-ce21d837f1d17a247683d522dd62d3e5ac06fa08745a7aaf4deda854096681e388c2001c34d7767391d7b1ba685124c84cec3671c3e8cd1c503971f8a7906a0b.png) 50% no-repeat;
	bottom: 0;
	right: 0;
	z-index: 2;
	width: 67px;
	height: 67px
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings .rankings-leftCorner--top {
	position: absolute;
	background: url(images/esports/brackets/roundRobin/ranking_corner_leftUp-4792d2af2e321d168d51f08ae843015e9f84ad7e1fd096abc81d6e1f15dcbcb92c238bf95f3d8f2fb26a8f1ede9c583fd50dc88d0bf63ff013980e1744e5291d.png) 50% no-repeat;
	top: 0;
	left: 0;
	z-index: 2;
	width: 67px;
	height: 67px
}
.bracket .roundRobin .roundRobin-container .roundRobin-results-rankings .rankings-leftCorner--bottom {
	position: absolute;
	background: url(images/esports/brackets/roundRobin/ranking_corner_leftDown-8b2a16c4acfb2fafda42745827e5e76c56a10f00940fccda74c9dfc81eae5f1ca8e18d0febbeae94dbecd19b772c37e39186403e64fa4ce94e83b0e58db6ba64.png) 50% no-repeat;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 67px;
	height: 67px
}
.bracket .MatchDetails-navigation {
	width: 288px;
	height: 34px;
	margin: 0 auto;
	background: url(images/esports/brackets/roundRobin/match_titleTexture-69ca3785b7ca0a594aa411dde01b4ec1a2666db2a1b5366f743aa4c081df7efdc0b8c7ddd00fbd8f3f74236b910c63c66c36b03d2ea588ea548cdcb65ea00a47.png) 50% no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 3;
	padding-top: 5px
}
.roundRobin-results-rankings .bracket .MatchDetails-navigation {
	top: -50px
}
.bracket .MatchDetails-navigation-arrow {
	position: absolute;
	z-index: 3;
	top: -2px;
	width: 23px;
	height: 23px;
	cursor: pointer;
	transition: all .15s ease-out;
	padding: 20px
}
@media only screen and (min-width:40em) {
	.bracket .MatchDetails-navigation-arrow {
		top: 5px;
		padding: 5px
	}
}
.bracket .MatchDetails-navigation-arrow--prev {
	background: url(images/esports/brackets/schedule/Arrow_purple-00dc7f0c6999363b8c9d5c42e387d67c163c2bc48b767136b2a64f5ae208b4f7c272e108ef19f2cd0b09136b0be617b6124dbe2a47c063bbb12e204ffabe450b.png) 50% no-repeat;
	right: 165px;
	left: 0;
	margin: auto
}
.bracket .MatchDetails-navigation-arrow--prev:hover {
	-webkit-transform: translate(-2px);
	-ms-transform: translate(-2px);
	transform: translate(-2px)
}
.bracket .MatchDetails-navigation-arrow--prev:hover:active {
	-webkit-transform: translate(-2px) scale(.9);
	-ms-transform: translate(-2px) scale(.9);
	transform: translate(-2px) scale(.9)
}
.bracket .MatchDetails-navigation-arrow--next {
	background: url(images/esports/brackets/schedule/Arrow_purple-00dc7f0c6999363b8c9d5c42e387d67c163c2bc48b767136b2a64f5ae208b4f7c272e108ef19f2cd0b09136b0be617b6124dbe2a47c063bbb12e204ffabe450b.png) 50% no-repeat;
	left: 165px;
	right: 0;
	margin: auto;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	top: -3px
}
@media only screen and (min-width:40em) {
	.bracket .MatchDetails-navigation-arrow--next {
		top: 5px
	}
}
.bracket .MatchDetails-navigation-arrow--next:hover {
	-webkit-transform: rotate(180deg) translate(-2px);
	-ms-transform: rotate(180deg) translate(-2px);
	transform: rotate(180deg) translate(-2px)
}
.bracket .MatchDetails-navigation-arrow--next:hover:active {
	-webkit-transform: rotate(180deg) translate(-2px) scale(.9);
	-ms-transform: rotate(180deg) translate(-2px) scale(.9);
	transform: rotate(180deg) translate(-2px) scale(.9)
}
.Tournament-Schedule {
	margin-bottom: 50px;
	margin-top: 50px
}
@media only screen and (min-width:40em) {
	.Tournament-Schedule {
		margin-bottom: 75px;
		margin-top: 75px
	}
}
.Tournament-Schedule .slick-slider {
	position: relative;
	left: -15px;
	width: calc(100% + 30px)
}
@media only screen and (min-width:40em) {
	.Tournament-Schedule .slick-slider {
		max-width: 100%;
		left: 0;
		width: 100%
	}
}
.Tournament-Schedule .slick-track {
	height: auto
}
.Tournament-Schedule .slick-track .slick-active {
	z-index: 5
}
.Tournament-Schedule h2 {
	margin-bottom: 35px
}
@media only screen and (min-width:40em) {
	.Tournament-Schedule h2 {
		margin-bottom: 0
	}
}
.Tournament-Schedule h4, .Tournament-Schedule h5 {
	color: #725a37;
	padding: 0 30px
}
@media only screen and (min-width:40em) {
	.Tournament-Schedule h4, .Tournament-Schedule h5 {
		padding: 0
	}
}
.Tournament-Schedule p {
	color: #241f19;
	padding: 0 30px
}
@media only screen and (min-width:40em) {
	.Tournament-Schedule p {
		padding: 0
	}
}
.Tournament-Schedule .Icon-Schedule {
	width: 35px;
	height: 35px;
	display: inline-block;
	float: left;
	background: url(images/esports/brackets/schedule/Schedule-bcecc8e64681b966d38a1469ad5cc88b5e04c483a88cf183581f43479d18b19d3fd61c0f3316801cc003edf1c7e26e30786f1dd14fa154557eb78bb0f2c9eeae.png) 50% no-repeat;
	margin-right: 10px;
	position: relative;
	top: -2px
}
.Tournament-Schedule .WeekSlide-TopSection {
	position: relative
}
.Tournament-Schedule .WeekSlide-TopSection:after, .Tournament-Schedule .WeekSlide-TopSection:before {
	top: 20px;
	width: 34%;
	position: absolute;
	display: none
}
@media only screen and (min-width:40em) {
	.Tournament-Schedule .WeekSlide-TopSection:after, .Tournament-Schedule .WeekSlide-TopSection:before {
		width: 27%;
		display: block
	}
}
@media only screen and (min-width:60em) {
	.Tournament-Schedule .WeekSlide-TopSection:after, .Tournament-Schedule .WeekSlide-TopSection:before {
		width: 32%
	}
}
@media only screen and (min-width:72.5em) {
	.Tournament-Schedule .WeekSlide-TopSection:after, .Tournament-Schedule .WeekSlide-TopSection:before {
		width: 34%
	}
}
.Tournament-Schedule .WeekSlide-TopSection:before {
	content: "";
	background: #c9b68b;
	height: 2px;
	left: 0;
	display: none
}
@media only screen and (min-width:30em) {
	.Tournament-Schedule .WeekSlide-TopSection:before {
		display: block
	}
}
.Tournament-Schedule .WeekSlide-TopSection:after {
	content: "";
	background: #c9b68b;
	height: 2px;
	right: 0;
	display: none
}
@media only screen and (min-width:30em) {
	.Tournament-Schedule .WeekSlide-TopSection:after {
		display: block
	}
}
.Tournament-Schedule .WeekSlide-Title {
	padding: 11px 0 10px;
	font-size: 1em;
	font-weight: 500;
	background: url(images/esports/brackets/roundRobin/match_titleTexture-69ca3785b7ca0a594aa411dde01b4ec1a2666db2a1b5366f743aa4c081df7efdc0b8c7ddd00fbd8f3f74236b910c63c66c36b03d2ea588ea548cdcb65ea00a47.png) 50% no-repeat
}
.Tournament-Schedule .MatchDetails-navigation-arrow {
	background: url(images/esports/brackets/schedule/Arrow_purple-00dc7f0c6999363b8c9d5c42e387d67c163c2bc48b767136b2a64f5ae208b4f7c272e108ef19f2cd0b09136b0be617b6124dbe2a47c063bbb12e204ffabe450b.png) 50% no-repeat
}
.Tournament-Schedule .MatchDetails-navigation-arrow--prev {
	top: 3px;
	right: 165px
}
@media only screen and (min-width:40em) {
	.Tournament-Schedule .MatchDetails-navigation-arrow--prev {
		top: 10px
	}
}
.Tournament-Schedule .MatchDetails-navigation-arrow--prev:hover {
	-webkit-transform: translate(-2px);
	-ms-transform: translate(-2px);
	transform: translate(-2px)
}
.Tournament-Schedule .MatchDetails-navigation-arrow--prev:hover:active {
	-webkit-transform: translate(-2px) scale(.9);
	-ms-transform: translate(-2px) scale(.9);
	transform: translate(-2px) scale(.9)
}
.Tournament-Schedule .MatchDetails-navigation-arrow--next {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	top: 2px;
	left: 165px
}
@media only screen and (min-width:40em) {
	.Tournament-Schedule .MatchDetails-navigation-arrow--next {
		top: 10px
	}
}
.Tournament-Schedule .MatchDetails-navigation-arrow--next:hover {
	-webkit-transform: rotate(180deg) translate(-2px);
	-ms-transform: rotate(180deg) translate(-2px);
	transform: rotate(180deg) translate(-2px)
}
.Tournament-Schedule .MatchDetails-navigation-arrow--next:hover:active {
	-webkit-transform: rotate(180deg) translate(-2px) scale(.9);
	-ms-transform: rotate(180deg) translate(-2px) scale(.9);
	transform: rotate(180deg) translate(-2px) scale(.9)
}
.Tournament-Schedule--day {
	margin-top: 35px;
	padding: 0;
	text-align: center
}
@media only screen and (min-width:40em) {
	.Tournament-Schedule--day {
		margin-top: 70px;
		padding: 0 15px
	}
}
.Tournament-Schedule .Tournament-Day {
	font-size: 1.2em;
	margin-bottom: 10px
}
.Tournament-Schedule .MatchDetails-Row {
	border-top: 1px solid rgba(161, 130, 80, .4);
	position: relative;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400
}
.Tournament-Schedule .MatchDetails-Row:nth-child(2n) {
	background: hsla(35, 46%, 71%, .55)
}
.Tournament-Schedule .MatchDetails-Row:last-child {
	border-bottom: 1px solid rgba(161, 130, 80, .4)
}
.Tournament-Schedule .MatchDetails-playerInfo {
	position: relative;
	overflow: hidden
}
.Tournament-Schedule .MatchDetails-scores {
	position: absolute;
	width: 75px;
	left: 0;
	right: 0;
	top: 11px;
	margin: auto;
	color: #fff;
	font-family: Bliz Quadrata Bold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 1.1em;
	text-shadow: #000 1px 0 0, #000 .540302px .841471px 0, #000 -.416147px .909297px 0, #000 -.989992px .14112px 0, #000 -.653644px -.756802px 0, #000 .283662px -.958924px 0, #000 .96017px -.279415px 0
}
.Tournament-Schedule .MatchDetails-scores .brackets_match-score {
	display: inline;
	margin: 0 4px
}
.Tournament-Schedule .MatchDetails-player {
	width: 50%;
	float: left;
	text-align: right;
	padding-right: 10%;
	padding-top: 5px;
	padding-bottom: 8px
}
.Tournament-Schedule .MatchDetails-player .brackets_match-name {
	padding: 5px 10px 0 5px;
	vertical-align: sub;
	color: #725a37;
	width: 50%;
	font-size: .8em;
	position: relative;
	top: -3px
}
@media only screen and (min-width:40em) {
	.Tournament-Schedule .MatchDetails-player .brackets_match-name {
		font-size: 1em;
		top: 0
	}
}
.Tournament-Schedule .MatchDetails-player:nth-child(2n) {
	padding-right: 0;
	padding-left: 10%;
	text-align: left
}
.Tournament-Schedule .MatchDetails-player:nth-child(2n) .brackets_match-name {
	padding: 5px 5px 0 10px
}
.Tournament-Schedule .headshot {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 31px;
	top: 5px;
	background: none;
	border: 2px solid #725a37;
	border-radius: 3px
}
.Tournament-Schedule .headshot.Headshot-Player {
	width: 30px;
	height: 30px
}
.Tournament-Schedule .headshot img {
	width: 100%;
	height: 100%
}
.StageContainer h2, .Tournament-Schedule h2 {
	margin-top: 0;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 28px;
	line-height: 1;
	color: #233a6e;
	font-weight: 700;
	text-transform: none;
	text-align: left
}
.StageContainer p, .Tournament-Schedule p {
	line-height: 1.3em;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1em
}
.currentStageText {
	margin-top: 35px;
	margin-bottom: 35px;
	position: relative;
	text-align: center
}
@media only screen and (min-width:40em) {
	.currentStageText {
		text-align: left
	}
}
.currentStageText h2 {
	font-size: 2em;
	line-height: 1;
	color: #233a6e;
	font-weight: 700;
	text-align: center
}
@media only screen and (min-width:40em) {
	.currentStageText h2 {
		text-align: left
	}
}
#lightbox-container.detail_bracket_modal, #lightbox-container_bracket.detail_bracket_modal {
	height: auto;
	background-size: cover;
	max-width: 375px
}
#lightbox-container.detail_bracket_modal #lb-border-left, #lightbox-container.detail_bracket_modal #lb-border-right, #lightbox-container_bracket.detail_bracket_modal #lb-border-left, #lightbox-container_bracket.detail_bracket_modal #lb-border-right {
	height: 100%
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box {
	position: relative;
	height: 100%
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text {
	top: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	overflow: hidden
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .seperator, #lightbox-container.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text h2, #lightbox-container.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text h3, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .seperator, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text h2, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text h3, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .seperator, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text h2, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text h3, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .seperator, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text h2, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text h3 {
	display: inline-block;
	font-weight: 700;
	color: #fff;
	text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .seperator, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .seperator, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .seperator, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .seperator {
	font-size: 22px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 30px
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score {
	width: 50%;
	text-align: left;
	float: left;
	position: relative;
	padding-left: 25px
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score h2, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score h2, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score h2, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score h2 {
	margin: 15px 0 0;
	font-size: 28px
}
@media only screen and (min-width:30em) {
	#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score h2, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score h2, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score h2, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score h2 {
		margin: 0 5px
	}
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score h3, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score h3, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score h3, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score h3 {
	width: 100%;
	font-size: 14px;
	position: absolute;
	margin: 0;
	left: 25px;
	right: auto
}
@media only screen and (min-width:30em) {
	#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score h3, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score h3, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score h3, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score h3 {
		position: static;
		width: auto;
		margin: 0 0 0 10px;
		text-align: left
	}
}
@media only screen and (min-width:30em) {
	#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score {
		padding-left: 10px;
		text-align: left
	}
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score:first-child, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score:first-child, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score:first-child, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score:first-child {
	text-align: right;
	padding-left: 0;
	padding-right: 25px
}
@media only screen and (min-width:30em) {
	#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score:first-child, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score:first-child, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score:first-child, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score:first-child {
		padding-right: 10px;
		text-align: right
	}
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score:first-child h3, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score:first-child h3, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score:first-child h3, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score:first-child h3 {
	left: auto;
	right: 25px
}
@media only screen and (min-width:30em) {
	#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score:first-child h3, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score:first-child h3, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .cyc_modal-top-text .score:first-child h3, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .cyc_modal-top-text .score:first-child h3 {
		position: static;
		right: auto;
		text-align: right;
		margin: 0 10px 0 0
	}
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .matchResultSection, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .matchResultSection, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .matchResultSection, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .matchResultSection {
	max-width: none;
	width: 100%;
	padding: 0 15px;
	padding-bottom: 25px;
	overflow: hidden
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow {
	position: relative;
	width: 100%;
	display: table;
	margin: 10px 0
}
@media only screen and (min-width:60em) {
	#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow {
		margin: 0
	}
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass {
	width: 50%;
	height: 100%;
	position: relative;
	vertical-align: middle;
	display: table-cell;
	transition: all .85s ease-out;
	font-size: 13px
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass:before, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass:before {
	content: "";
	position: absolute;
	width: 149px;
	height: 36px;
	top: 48%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -2;
	background: url(images/esports/brackets/info-default-bg-f996e2f12e919f36f16e2a5a7f87447601636747aedb59e62ca0ce10d4dae31e2686d2f14f12876ed7f1efbd82d5be6383fe6867da753ef4a0bc8eefe988b23b.png) 0 0 no-repeat
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass span, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass span, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass span, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass span {
	font-size: .9em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 50%;
	margin-top: 25px;
	display: inline-block
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass .tie:before, #lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.victory:before, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass .tie:before, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.victory:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass .tie:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.victory:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass .tie:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.victory:before {
	background: url(images/esports/brackets/info-winner-bg-cd2a39b08441e843de7ceb5187e487b7d3d408fecae368b79db9a69910d125a3c0c6aec070f2a17051f38492da92e435565c8788fea03fdbf37f55b7e2d49a4b.png) 0 0 no-repeat;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all .85s ease-out
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass .tie .sprite-classes:before, #lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.victory .sprite-classes:before, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass .tie .sprite-classes:before, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.victory .sprite-classes:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass .tie .sprite-classes:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.victory .sprite-classes:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass .tie .sprite-classes:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.victory .sprite-classes:before {
	content: "";
	background: url(images/esports/brackets/green_glow-88257f79e68988ecbb0a4093bdfd93a4aef65e37fcda3f6c6328c05030db5fe94975cff149a84d80ed92f42719d05491b676db342656cded9a915afcc2b76ffa.png) 0 0 no-repeat;
	position: absolute;
	top: -13px;
	left: -13px;
	z-index: -1;
	background-size: cover;
	width: 80px;
	height: 80px;
	opacity: 0;
	trasnform: scale(.55);
	transition: all .85s ease-out
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass .tie.animate:before, #lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.victory.animate:before, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass .tie.animate:before, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.victory.animate:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass .tie.animate:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.victory.animate:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass .tie.animate:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.victory.animate:before {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass .tie.animate .sprite-classes:before, #lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.victory.animate .sprite-classes:before, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass .tie.animate .sprite-classes:before, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.victory.animate .sprite-classes:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass .tie.animate .sprite-classes:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.victory.animate .sprite-classes:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass .tie.animate .sprite-classes:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.victory.animate .sprite-classes:before {
	opacity: 1;
	-webkit-transform: scale(.92);
	-ms-transform: scale(.92);
	transform: scale(.92)
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.tie .sprite-classes:before, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.tie .sprite-classes:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.tie .sprite-classes:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.tie .sprite-classes:before {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.lost, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.lost, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.lost, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.lost {
	opacity: 1;
	transition: opacity .85s ease-out
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.lost.animate, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.lost.animate, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.lost.animate, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.lost.animate {
	opacity: .5
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.lost.animate .sprite-classes, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.lost.animate .sprite-classes, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.lost.animate .sprite-classes, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.lost.animate .sprite-classes {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.bans span, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.bans span, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.bans span, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.bans span {
	vertical-align: middle;
	display: inline-block;
	color: #646464;
	overflow: hidden;
	max-width: 50%;
	font-size: .9em;
	margin-top: 0;
	word-break: break-all;
	white-space: normal
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.bans span h5, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.bans span h5, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.bans span h5, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.bans span h5 {
	color: #e7bb85;
	display: inline
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.bans:before, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.bans:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.bans:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.bans:before {
	display: none
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.bans .sprite-classes, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.bans .sprite-classes, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.bans .sprite-classes, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.bans .sprite-classes {
	opacity: .5
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.bans .sprite-classes:after, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.bans .sprite-classes:after, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.bans .sprite-classes:after, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.bans .sprite-classes:after {
	font-size: 18px;
	top: 7px
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.bans .sprite-classes:before, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.bans .sprite-classes:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.bans .sprite-classes:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.bans .sprite-classes:before {
	content: "";
	background: url(images/esports/brackets/ban-icon-e25626d7a538ddd0edcefef17167ac1a4a5419147adeedcf4dcc8bab559d92033b53109294e64113081ebf2176322184f6e91ac1e190d8a1152ca6673c9f48c8.png) bottom no-repeat;
	width: 36px;
	height: 37px;
	z-index: 2;
	position: absolute;
	top: 30px;
	left: 3px;
	right: 0;
	margin: 0 auto;
	text-align: center
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass .sprite-classes, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass .sprite-classes, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass .sprite-classes, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass .sprite-classes {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 3;
	transition: all .85s ease-out
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.playerAClass, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.playerAClass, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.playerAClass, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.playerAClass {
	text-align: right;
	padding-right: 7px
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.playerAClass:before, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.playerAClass:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.playerAClass:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.playerAClass:before {
	right: 35px
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.playerAClass .sprite-classes, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.playerAClass .sprite-classes, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.playerAClass .sprite-classes, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.playerAClass .sprite-classes {
	margin-left: 20px
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.playerBClass, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.playerBClass, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.playerBClass, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.playerBClass {
	text-align: left;
	padding-left: 7px
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.playerBClass:before, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.playerBClass:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.playerBClass:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.playerBClass:before {
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
	left: 35px
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.playerBClass .sprite-classes, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.playerBClass .sprite-classes, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.playerBClass .sprite-classes, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.playerBClass .sprite-classes {
	margin-right: 20px
}
@media (max-width:400px) {
	#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.bans span, #lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass:before, #lightbox-container.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass span, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.bans span, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass:before, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass span, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass.bans span, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .detailMatchRow .playerClass span, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass.bans span, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass:before, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .detailMatchRow .playerClass span {
		display: none
	}
}
#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .banSection, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .banSection, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .banSection, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .banSection {
	background: url(images/esports/brackets/infor-bottom-bg-6ed80c977d0cd7c9943fb5a9dcd80b614f40f5387789ba5504df9c23e50ac9befc46f67d11cbd760f4013f3e17e4f0b9017856695426e22e0cfd459c139038ff.png) 0 0 no-repeat;
	background-size: cover;
	width: 100%;
	height: 150px;
	position: relative;
	bottom: 0;
	padding-top: 60px;
	margin-top: -55px;
	max-width: 387px
}
@media only screen and (min-width:40em) {
	#lightbox-container.detail_bracket_modal #lightbox-content.detail-box .banSection, #lightbox-container.detail_bracket_modal #lightbox-content_bracket.detail-box .banSection, #lightbox-container_bracket.detail_bracket_modal #lightbox-content.detail-box .banSection, #lightbox-container_bracket.detail_bracket_modal #lightbox-content_bracket.detail-box .banSection {
		padding-top: 70px
	}
}
.tournament-stream-player {
	width: 320px;
	height: 180px
}
@media only screen and (min-width:40em) {
	.tournament-stream-player {
		width: 500px;
		height: 281px
	}
}
@media only screen and (min-width:60em) {
	.tournament-stream-player {
		width: 640px;
		height: 360px
	}
}
@media only screen and (min-width:72.5em) {
	.tournament-stream-player {
		width: 800px;
		height: 450px
	}
}
.Tournament-Wrapper {
	position: relative
}
.Tournament-Wrapper .Card {
	transition: all .45s ease-out
}
.Tournament-Wrapper .Card.spring {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
.Tournament-Wrapper .Card-Left {
	position: absolute;
	top: -75px;
	left: -245px;
	width: 478px;
	height: 478px;
	z-index: 1;
	display: none;
	background: url(images/esports/brackets/cardBack_left-52e5a147bd7e5b09643851ee5deb206dfb5a3a23fd74dfa5bb60c4c514b619edd68c4fb8cbe530f890ea357d5e6bb38eb5042c72631af9cb006ac4c89e2aea0a.png) 0 0 no-repeat;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}
@media only screen and (min-width:72.5em) {
	.Tournament-Wrapper .Card-Left {
		display: block;
		left: -350px
	}
}
@media only screen and (min-width:1565px) {
	.Tournament-Wrapper .Card-Left {
		left: -245px
	}
}
.Tournament-Wrapper .Card-Right {
	position: absolute;
	top: 320px;
	right: -245px;
	width: 478px;
	height: 478px;
	z-index: 1;
	display: none;
	background: url(images/esports/brackets/cardBack_right-18974fae1dec21476d91ac9af214fa0ab66b7e84fdc084988ba924a2958fa4b49f79df5523a6df567a0b1a93d5e3a1336b2b47075619f3367265de25f4dabf36.png) 0 0 no-repeat;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}
@media only screen and (min-width:72.5em) {
	.Tournament-Wrapper .Card-Right {
		display: block;
		right: -350px
	}
}
@media only screen and (min-width:1565px) {
	.Tournament-Wrapper .Card-Right {
		right: -245px
	}
}
.EsportsHub {
	overflow-x: hidden;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif
}
.EsportsHub #livestream {
	background: url(images/esports/global-games/stream/bg_dark-7479dca4377545be4bf2ddcf72b1bd9e14a7f0375b018db4e626bd08fb481429085fd72ff02c8725bd1651a09bef02402868db4f5ba8cda2c8c05b83ffbca6e0.png) top repeat-x;
	height: auto;
	padding-bottom: 160px;
	width: 100%
}
@media only screen and (min-width:60em) {
	.EsportsHub #livestream {
		height: 552px;
		padding-bottom: 0
	}
}
.EsportsHub .bracket_stream-video-container {
	text-align: center
}
.EsportsHub .tournament-stream-player {
	margin: 0 auto;
	position: relative;
	z-index: 1;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	width: 320px;
	height: 180px
}
@media only screen and (min-width:40em) {
	.EsportsHub .tournament-stream-player {
		width: 500px;
		height: 281px
	}
}
@media only screen and (min-width:60em) {
	.EsportsHub .tournament-stream-player {
		width: 640px;
		height: 360px
	}
}
@media only screen and (min-width:72.5em) {
	.EsportsHub .tournament-stream-player {
		width: 800px;
		height: 450px
	}
}
@media only screen and (max-width:39.99em) {
	.EsportsHub .tournament-stream-player {
		max-width: 320px;
		width: 100%
	}
}
@media only screen and (min-width:60em) {
	.EsportsHub .tournament-stream-player {
		-webkit-transform: translateY(50px);
		-ms-transform: translateY(50px);
		transform: translateY(50px)
	}
}
@media only screen and (min-width:72.5em) {
	.EsportsHub .tournament-stream-player {
		-webkit-transform: translateY(-35px);
		-ms-transform: translateY(-35px);
		transform: translateY(-35px)
	}
}
.EsportsHub .tournament-stream-player .AspectRatio--16x9 {
	background: #000
}
.EsportsHub .tournament-stream-player .MediaFrame {
	position: relative
}
.EsportsHub .tournament-stream-player .MediaFrame:after {
	content: "";
	position: absolute;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
	z-index: -2;
	box-shadow: 0 7px 70px 5px rgba(0, 0, 0, .75);
	top: 7px;
	left: 7px
}
@media only screen and (min-width:60em) {
	.EsportsHub .tournament-stream-player .MediaFrame {
		padding: 16px
	}
	.EsportsHub .tournament-stream-player .MediaFrame:before {
		border-image: url(images/ui/artwork-frameV3-dac4c0c25cf0f5a3d3a9dec4da0aef714bb526182fb53e2d34433d1e44e7d51fad4b888588d4971b8c314b1ebfb6b229ecf86a5e478151aac4b1fb8c7c85cdda.png) 17 20 stretch
	}
}
.EsportsHub .tournament-stream-player.spring:after, .EsportsHub .tournament-stream-player.spring:before {
	opacity: 1
}
.EsportsHub .tournament-stream-player:after, .EsportsHub .tournament-stream-player:before {
	content: "";
	max-width: 100%;
	background-size: 100%;
	background-image: url(images/esports/global-games/stream/flags-fa408463ba0369ab0b04d03e6c474b2f819bb2d1a86bbf65e44f1b50f0f4e88796881cad0f3e748e38362ef6633b43656bbd340e8ff6ec86b0f55d486e513727.png);
	position: absolute;
	top: -60px;
	z-index: 0;
	display: none;
	transition: all .25s ease-out;
	opacity: 0
}
@media only screen and (min-width:40em) {
	.EsportsHub .tournament-stream-player:after, .EsportsHub .tournament-stream-player:before {
		width: 171px;
		height: 524px;
		top: -25px;
		display: block
	}
}
.EsportsHub .tournament-stream-player:before {
	background-position: 0 0;
	background-size: 100%;
	left: -123px;
	-webkit-transform: translate(90%, 30px) scale(.85);
	-ms-transform: translate(90%, 30px) scale(.85);
	transform: translate(90%, 30px) scale(.85)
}
@media only screen and (min-width:60em) {
	.EsportsHub .tournament-stream-player:before {
		left: -171px;
		-webkit-transform: translate(100%);
		-ms-transform: translate(100%);
		transform: translate(100%)
	}
}
.EsportsHub .tournament-stream-player.spring:before {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}
@media only screen and (min-width:40em) {
	.EsportsHub .tournament-stream-player.spring:before {
		-webkit-transform: translate(0) scale(.65);
		-ms-transform: translate(0) scale(.65);
		transform: translate(0) scale(.65);
		left: -139px;
		top: -140px
	}
}
@media only screen and (min-width:60em) {
	.EsportsHub .tournament-stream-player.spring:before {
		-webkit-transform: translate(0) scale(.85);
		-ms-transform: translate(0) scale(.85);
		transform: translate(0) scale(.85);
		left: -150px;
		top: -75px
	}
}
@media only screen and (min-width:72.5em) {
	.EsportsHub .tournament-stream-player.spring:before {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
		left: -171px;
		top: -25px
	}
}
.EsportsHub .tournament-stream-player.spring:after {
	-webkit-transform: translate(0) scale(.5);
	-ms-transform: translate(0) scale(.5);
	transform: translate(0) scale(.5);
	right: -139px;
	top: -140px
}
@media only screen and (min-width:40em) {
	.EsportsHub .tournament-stream-player.spring:after {
		-webkit-transform: translate(0) scale(.65);
		-ms-transform: translate(0) scale(.65);
		transform: translate(0) scale(.65);
		right: -139px;
		top: -140px
	}
}
@media only screen and (min-width:60em) {
	.EsportsHub .tournament-stream-player.spring:after {
		-webkit-transform: translate(0) scale(.85);
		-ms-transform: translate(0) scale(.85);
		transform: translate(0) scale(.85);
		right: -150px;
		top: -75px
	}
}
@media only screen and (min-width:72.5em) {
	.EsportsHub .tournament-stream-player.spring:after {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
		right: -171px;
		top: -25px
	}
}
.EsportsHub .tournament-stream-player:after {
	background-position: 0 100%;
	background-size: 100%;
	right: -123px;
	-webkit-transform: translate(-90%, 30px) scale(.85);
	-ms-transform: translate(-90%, 30px) scale(.85);
	transform: translate(-90%, 30px) scale(.85)
}
@media only screen and (min-width:60em) {
	.EsportsHub .tournament-stream-player:after {
		right: -171px;
		-webkit-transform: translate(-100%);
		-ms-transform: translate(-100%);
		transform: translate(-100%)
	}
}
@media only screen and (min-width:72.5em) {
	.EsportsHub .tournament-stream-player:after {
		right: -171px;
		-webkit-transform: translate(-100%);
		-ms-transform: translate(-100%);
		transform: translate(-100%)
	}
}
@media only screen and (min-width:60em) {
	.EsportsHub .Hero {
		padding-top: 6em
	}
}
.EsportsHub .Hero--mobile {
	padding-top: 1px
}
.EsportsHub .Hero--desktop {
	height: 705px
}
@media only screen and (min-width:72.5em) {
	.EsportsHub .bracket_stream-video-container {
		background: url(images/esports/hub-hype-adornment-glow-dce8e4731ca47db8fcd103901ad8b6c1e536a6633dc323ee966a9f6c410805ac0526c9a9ed22b3ae014c62b8203d1d034a40967d31b1be5dc87d97443383297d.png) bottom no-repeat
	}
}
.EsportsHub .bracket_stream-video-container .tournament-stream-player:after, .EsportsHub .bracket_stream-video-container .tournament-stream-player:before {
	background-repeat: no-repeat
}
.EsportsHub .bracket_stream-video-container .tournament-stream-player:before {
	background-image: url(images/esports/hub-hype-adornment-left-f2762871b3da0bf74e26de561c84981b4e1c0fdf02c120d5e158149b244a8c28dedc421c58a63f3facce8f484212b4acedb683f10a0ff4098dfa834c041a6926.png);
	left: -130px;
	top: 60px
}
.EsportsHub .bracket_stream-video-container .tournament-stream-player:after {
	background-image: url(images/esports/hub-hype-adornment-right-e1ef0974089252af95f19725a2164f45915c9af9e9a5419d460fd25c75967bee0a81ce649b7df5834c60fa796fa4a4cece9a3f743562efb992f8eb2a76687b20.png);
	top: -180px;
	right: -103px
}
.EsportsHub .PageDivider--top.is-folded {
	margin-bottom: -66px
}
.EsportsHub .DividerImage.DividerImage--doubleDetailed {
	max-width: 1160px
}
.EsportsHub .media-content__title {
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	top: auto;
	bottom: 1.5em;
	font-size: 24px;
	font-size: 1.5rem
}
.EsportsHub .media-content__item--video {
	position: absolute;
	background-size: contain;
	z-index: 10
}
.EsportsHub .article-container {
	width: 90%;
	margin: 40px 15px 0;
	position: relative;
	z-index: 1
}
@media only screen and (min-width:40em) {
	.EsportsHub .article-container {
		margin: 55px auto 0
	}
}
@media only screen and (min-width:72.5em) {
	.EsportsHub .article-container {
		min-height: 430px
	}
	.EsportsHub .article-container:before {
		content: "";
		background: url(images/esports/hub/article-container-bg-323fb65d1229feed603d1dc85569e9ec722502a7f3458b29bc4e0900b4422c5071f4e4ed2f04213ed8a764213b309e740d9dc5ccf8cc837d2b9b197ea5b6f68d.png) 40% 27px no-repeat;
		position: absolute;
		height: 100%;
		width: 100%;
		padding-left: 3000px;
		margin-left: -3000px;
		padding-right: 3000px;
		margin-right: -3000px;
		z-index: -1
	}
}
.EsportsHub .article-container h2 {
	text-align: left;
	margin-bottom: 17px
}
.EsportsHub .article-container .featured-news-container {
	float: none;
	max-width: 100%;
	margin-bottom: 6%;
	background: none;
	min-height: 265px
}
.EsportsHub .article-container .featured-news-container .featured-news {
	margin: 0
}
@media only screen and (min-width:30em) {
	.EsportsHub .article-container .featured-news-container .featured-news li {
		width: 25%
	}
}
.EsportsHub.ru-ru .featured-content-wrapper:nth-child(2) .InfoFooter-featuredContentTitle {
	font-size: 19px;
	font-size: 1.2rem;
	margin-top: 16px;
	margin-top: 1rem
}
.EsportsHub.de-de .featured-content-wrapper:nth-child(2) .InfoFooter-featuredContentTitle, .EsportsHub.fr-fr .featured-content-wrapper:nth-child(2) .InfoFooter-featuredContentTitle, .EsportsHub.it-it .featured-content-wrapper:nth-child(2) .InfoFooter-featuredContentTitle, .EsportsHub.pl-pl .featured-content-wrapper .InfoFooter-featuredContentTitle, .EsportsHub.pt-br .featured-content-wrapper .InfoFooter-featuredContentTitle, .EsportsHub.pt-br .featured-content-wrapper:nth-child(2) .InfoFooter-featuredContentTitle, .EsportsHub.pt-br .featured-content-wrapper:nth-child(3) .InfoFooter-featuredContentTitle, .EsportsHub.pt-pt .featured-content-wrapper:nth-child(2) .InfoFooter-featuredContentTitle, .EsportsHub.pt-pt .featured-content-wrapper:nth-child(3) .InfoFooter-featuredContentTitle, .EsportsHub.ru-ru .featured-content-wrapper:first-child .InfoFooter-featuredContentTitle {
	margin-top: 24px;
	margin-top: 1.5rem
}
.EsportsHub.es-mx .featured-content-wrapper:first-child, .EsportsHub.ja-jp .featured-content-wrapper:first-child, .EsportsHub.ko-kr .featured-content-wrapper:first-child, .EsportsHub.pt-br .featured-content-wrapper:first-child, .EsportsHub.zh-cn .featured-content-wrapper:first-child, .EsportsHub.zh-tw .featured-content-wrapper:first-child {
	display: none
}
.EsportsHub.en-gb .featured-content-wrapper:first-child .InfoFooter-featuredContentTitle, .EsportsHub.en-us .featured-content-wrapper:first-child .InfoFooter-featuredContentTitle, .EsportsHub.pl-pl .featured-content-wrapper:first-child .InfoFooter-featuredContentTitle, .EsportsHub.th-th .featured-content-wrapper:first-child .InfoFooter-featuredContentTitle {
	margin-top: 48px;
	margin-top: 3rem
}
.EsportsHub .PointsTable table {
	background: transparent
}
.EsportsHub-contentSeparator {
	height: 68px;
	background: url(images/esports/hub/divider-esports-45ca6b0298e38e967face29f2a5d760c90f2fbb35a2ce6289faeefbb64b796c0bf9024fbfd35482d6f49919836df5d30d1c2ca67a4c57bb97ccc761f05d22d31.png) 50% no-repeat
}
.EsportsHubHeader-headerContent {
	text-align: center;
	margin: 0 15px;
	overflow: auto
}
@media only screen and (min-width:30em) {
	.EsportsHubHeader-headerContent {
		margin: auto;
		width: 90%
	}
}
@media only screen and (min-width:60em) {
	.EsportsHubHeader-headerContent {
		min-height: 850px;
		overflow: auto;
		width: 85%
	}
}
.EsportsHubHeader-championIcon {
	display: block;
	height: 165px;
	margin: 15% auto
}
@media only screen and (min-width:30em) {
	.EsportsHubHeader-championIcon {
		height: 200px
	}
}
@media only screen and (min-width:40em) {
	.EsportsHubHeader-championIcon {
		height: 275px;
		margin: 15% auto 20%
	}
}
@media only screen and (min-width:60em) {
	.EsportsHubHeader-championIcon {
		margin: -25px auto 150px
	}
}
.EsportsHubHeader-container {
	position: relative;
	text-align: center;
	min-height: 500px
}
@media only screen and (min-width:60em) {
	.EsportsHubHeader-container {
		min-height: 390px
	}
}
.EsportsHubHeader-textBlock {
	display: inline-block
}
@media only screen and (min-width:40em) {
	.EsportsHubHeader-textBlock {
		display: inline-block;
		margin: auto
	}
}
@media only screen and (min-width:60em) {
	.EsportsHubHeader-textBlock {
		width: 50%;
		position: absolute;
		left: 0
	}
}
@media only screen and (min-width:60em) {
	.EsportsHubHeader-textBlock .hearthstone-cta {
		float: left;
		min-width: 50%
	}
}
.EsportsHubHeader-videoBlock {
	display: block;
	margin: 0 auto
}
@media only screen and (min-width:40em) {
	.EsportsHubHeader-videoBlock {
		width: 50%;
		margin: 5% auto
	}
}
@media only screen and (min-width:60em) {
	.EsportsHubHeader-videoBlock {
		position: absolute;
		max-width: 40%;
		min-width: 380px;
		top: 15%;
		right: 0;
		margin: 0
	}
}
.EsportsHubHeader-textBlockHeader {
	font-size: 1.7em;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 1em;
	font-weight: 400
}
@media only screen and (min-width:60em) {
	.EsportsHubHeader-textBlockHeader {
		text-align: left;
		width: 50%;
		font-size: 37px;
		margin-bottom: 0
	}
}
.EsportsHubHeader-textBlockText {
	color: #e8ede9;
	font-size: 1.2em;
	margin: 1em 0 1.5em
}
@media only screen and (min-width:60em) {
	.EsportsHubHeader-textBlockText {
		text-align: left;
		font-size: 1.4em;
		width: 90%
	}
}
.ContentSeparator {
	margin: 0;
	text-align: center;
	font-size: 2.4em
}
.DataContainer--esports-hub {
	text-align: center
}
@media only screen and (min-width:60em) {
	.DataContainer--esports-hub {
		background: url(images/esports/hub/kraken_bg-b5a67d9a3a229262c6a972f3e565000abb969b977d762ebd5382dbca1737c18f050f54f544322eb3c80b0049d9b8fb53c5f197a1fdd05ec62b3f5c311caca7c3.png) 100% 115% no-repeat;
		margin-top: 50px
	}
}
.DataContainer--esports-hub-content-column {
	position: relative;
	z-index: 1;
	text-align: center;
	margin: 0 15px 23px
}
@media only screen and (min-width:40em) {
	.DataContainer--esports-hub-content-column {
		min-width: 500px;
		max-width: 500px;
		margin: 0 auto 23px
	}
}
@media only screen and (min-width:60em) {
	.DataContainer--esports-hub-content-column {
		width: 46%;
		min-width: 46%;
		margin: 0 2% 60px;
		display: inline-block
	}
}
.hub-header-video {
	height: 101%
}
.RankingTable {
	width: 100%;
	height: 100%
}
.RankingTable-rankingDataRow {
	border-top: 1px solid #ddc199;
	height: 16.66%;
	font-weight: 700;
	font-size: 1.2em
}
.RankingTable-rankContainer {
	background-color: #725938;
	height: 30px;
	width: 50px;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	border-radius: 3px
}
.RankingTable-ranking {
	margin: 0;
	color: #e2c9a2;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.RankingTable-tableHeader {
	text-align: left;
	height: 16.66%;
	color: #725938
}
.RankingTable-playerPointsHeader, .RankingTable-rankHeader {
	text-align: center;
	width: 15%
}
.RankingTable-rankCell {
	text-align: center;
	width: 25%
}
@media only screen and (min-width:40em) {
	.RankingTable-rankCell {
		width: 20%
	}
}
.RankingTable-rankingPointsCell {
	text-align: center;
	width: 25%;
	color: #233a6e
}
@media only screen and (min-width:40em) {
	.RankingTable-rankingPointsCell {
		width: 20%
	}
}
.PointsTable {
	width: 100%;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	margin: 15px 0 25px;
	display: inline-block;
	padding: 0
}
.PointsTable:last-child {
	margin-bottom: 35px
}
@media only screen and (min-width:40em) {
	.PointsTable {
		max-width: none
	}
}
@media only screen and (min-width:60em) {
	.PointsTable {
		width: 50%;
		padding: 0 30px 0 0;
		margin: 25px 0 35px
	}
}
@media only screen and (min-width:72.5em) {
	.PointsTable {
		max-width: 220px;
		padding: 0
	}
	.PointsTable:nth-child(2n) {
		margin-left: 80px
	}
}
.PointsTable table {
	width: 100%
}
.PointsTable-event {
	width: 100%;
	font-size: 18px;
	color: #725a37;
	font-weight: 700;
	text-align: left
}
.PointsTable-subHead {
	width: 100%;
	overflow: hidden;
	padding-top: 8px
}
.PointsTable-eventSubHead {
	width: 75%;
	text-align: left;
	float: left;
	font-family: Bliz Quadrata Bold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif
}
.PointsTable-eventSubHead:last-child {
	text-align: right;
	width: 25%
}
.PointsTable-rankingDataRow {
	border-top: 1px solid #d7bb93;
	padding: 10px 0;
	font-weight: 400;
	font-size: 16px
}
.PointsTable-points {
	width: 25%;
	text-align: right;
	font-family: Bliz Quadrata Bold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif
}
.PointsTable-rankCell {
	text-align: left;
	width: 75%;
	padding: 8px 0
}
.emptyRank {
	display: table;
	height: 100%;
	text-align: center;
	padding: 1em;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.3em;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.emptyRank span {
	display: table-cell;
	vertical-align: middle
}
.FeaturedEvents {
	height: 100%;
	text-align: left;
	overflow-y: auto
}
.FeaturedEvents-featuredEventRow {
	height: 70px;
	position: relative;
	border-top: 1px solid #ddc199
}
.FeaturedEvents-featuredEventRow:first-of-type {
	border-top: none
}
.FeaturedEvents-featuredEventsInfoRow {
	display: inline-block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: 50px;
	width: 85%
}
.FeaturedEvents-featuredEventsTitle {
	width: 100%;
	display: block;
	font-weight: 700;
	font-size: 1.2em
}
.FeaturedEvents-featuredEventsInfo {
	display: inline-block;
	vertical-align: top;
	width: auto;
	margin-right: 15px;
	white-space: nowrap
}
.details {
	display: inline-block;
	float: right
}
.FeaturedEvents-featuredEventsInfo_rightAlignedSmall {
	width: auto;
	float: left;
	display: none
}
@media only screen and (min-width:40em) {
	.FeaturedEvents-featuredEventsInfo_rightAlignedSmall {
		display: inline-block
	}
	.FeaturedEvents-featuredEventsInfo_rightAlignedSmall:first-child {
		margin-right: 15px
	}
}
.FeaturedEvents-featuredEventsInfo--rightAligned {
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	white-space: nowrap;
	width: auto;
	float: right;
	display: none
}
@media only screen and (min-width:40em) {
	.FeaturedEvents-featuredEventsInfo--rightAligned {
		display: inline-block;
		margin-left: 0;
		width: auto
	}
}
.FeaturedEvents-featuredEventsInfo--rightAlignedSmall {
	display: none
}
@media only screen and (min-width:40em) {
	.FeaturedEvents-featuredEventsInfo--rightAlignedSmall {
		vertical-align: top;
		margin-right: 15px;
		white-space: nowrap;
		display: none;
		width: auto;
		float: right;
		display: inline-block
	}
}
@media only screen and (min-width:40em) and only screen and (min-width:40em) {
	.FeaturedEvents-featuredEventsInfo--rightAlignedSmall {
		display: inline-block;
		margin-left: 0;
		width: auto
	}
}
.FeaturedEvents-playIconContainer {
	position: absolute;
	margin-top: 20px
}
.FeaturedEvents-futureBroadcast {
	cursor: default
}
.FeaturedEvents-futureBroadcast .FeaturedEvents-playIcon--large, .FeaturedEvents-futureBroadcast .FeaturedEvents-playIcon--large:hover {
	background-position: 0 -86px
}
.FeaturedEvents-futureBroadcast .FeaturedEvents-playIcon--large:hover .FeaturedEvents-playIconTooltip {
	visibility: visible;
	opacity: 1
}
.FeaturedEvents-playIconTooltip {
	visibility: hidden;
	width: 140px;
	height: 70px;
	padding: 12px 0 0;
	background: url(images/esports/hub/tooltip-arrow-2ffef51f50b60ab672efcfc2046666927fd89d975a4b1dcbcce52b3413407094db37304bd69aed0f07470ade280a02172e836052408bb03945cf08462e2840d0.png) 0 0 no-repeat;
	background-size: contain;
	color: #000;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	pointer-events: none;
	opacity: 0;
	transition: opacity .5s, visibility .5s;
	position: absolute;
	z-index: 1
}
@media only screen and (max-width:39.99em) {
	.FeaturedEvents-playIconTooltip {
		display: none;
		top: -10px;
		left: 90%;
		padding: 20px 0;
		background-image: url(images/esports/hub/tooltip-base-f78bcb105178ce720f59021ccbe5566f619c4f1752e8a21abda68b22774e3bfed67902b890afce2e72bd1f70e3ab15cff24ccba8a171211a8700c3980ce477b2.png)
	}
}
@media only screen and (min-width:40em) {
	.FeaturedEvents-playIconTooltip {
		margin-left: -70px
	}
}
.ko-kr .FeaturedEvents-playIconTooltip {
	width: 200px;
	height: 90px;
	line-height: 43px
}
@media only screen and (max-width:39.99em) {
	.ko-kr .FeaturedEvents-playIconTooltip {
		top: -18px
	}
}
@media only screen and (min-width:40em) {
	.ko-kr .FeaturedEvents-playIconTooltip {
		bottom: 15%;
		left: 47%;
		margin-left: -100px;
		background-image: url(images/esports/hub/tooltip-arrow-kr-a9818edbb316d3c698dc1658a2ff88f2ab781dc1f758831af6de1456591863faec95bed9da219817d4f0ab7bbe0861d9f0ecaa0d60313bbe7acabf9aefa3a327.png)
	}
}
.FeaturedEvents-playIcon--large {
	position: absolute;
	left: 0;
	width: 42px;
	height: 43px;
	background: url(images/esports/schedule/play_button-bac4081ed5dd9b50925f64f6f3d3a2628765be818d3361c2aec5a63cfd7abe41796f10fae1e28db13af4020fa1331442a0cee1ca11fd00c19e51e70460bc73e4.png) no-repeat;
	display: inline-block
}
.FeaturedEvents-playIcon--large:hover {
	background-position: 0 -43px
}
.WorldTourHighlights {
	height: auto;
	text-align: center;
	padding-top: 15px
}
@media only screen and (min-width:40em) {
	.WorldTourHighlights {
		background: url(images/esports/hub/highlights-background-f15cae3392948912ccd32729aa86b8a2a302349c7b21e45d53003523d77afec823b90ef3d826e4757e21704e5c2ac98e1a40d1d550938cba9789ffe2145f5af7.png) center -80px no-repeat;
		height: 380px;
		padding-top: 0;
		margin-top: -90px
	}
}
.WorldTourHighlights-header {
	text-align: center;
	margin: 0 15px 25px
}
@media only screen and (min-width:40em) {
	.WorldTourHighlights-header {
		margin: 25px 15px 50px
	}
}
.worldTourHighlights-container {
	padding: 0;
	max-width: 260px;
	margin: 0 auto 25px;
	text-align: center;
	display: block
}
@media only screen and (min-width:40em) {
	.worldTourHighlights-container {
		max-width: 864px;
		max-width: 54rem;
		margin-bottom: 0;
		padding: 0 15px
	}
}
@media only screen and (min-width:60em) {
	.worldTourHighlights-container {
		padding: 0
	}
}
.worldTourHighlights-container .WorldTourHighlights-highlightVideo {
	display: inline-block;
	max-width: 260px;
	float: left;
	margin: 5px auto;
	width: 100%;
	overflow: hidden;
	clear: both;
	cursor: pointer;
	padding: 8px
}
.worldTourHighlights-container .WorldTourHighlights-highlightVideo:hover .WorldTourHighlights-bgImage {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
@media only screen and (min-width:40em) {
	.worldTourHighlights-container .WorldTourHighlights-highlightVideo {
		float: none;
		width: 32.333333%;
		margin: 0 .5%;
		clear: none
	}
}
@media only screen and (min-width:60em) {
	.worldTourHighlights-container .WorldTourHighlights-highlightVideo {
		margin: 0 10px
	}
}
.worldTourHighlights-container .WorldTourHighlights-highlightVideo:before {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	height: calc(100% - 34px);
	z-index: -1
}
.worldTourHighlights-container .WorldTourHighlights-highlightVideo a {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	text-decoration: none
}
.WorldTourHighlights-bgImage {
	max-height: 100%;
	width: 100%;
	transition: all .15s ease-out
}
.WorldTourHighlights-mediaTitleBackground {
	max-width: 260px;
	width: 100%;
	height: 70px;
	background-color: #dec79b;
	background: url(images/esports/hub/background-frame-0c685a5d66aae31da3b1a9c5c1a89d03b85b8b0b6a805d6169de7c90b2b14cbdfac153d10ba4a2827538c300279b7ba126666fd1cbb549636d64a8f700549fdc.jpg) 50% no-repeat;
	background-size: cover;
	text-align: center;
	padding: 0 15px;
	display: table;
	position: relative;
	z-index: 2;
	white-space: normal
}
@media only screen and (min-width:30em) {
	.WorldTourHighlights-mediaTitleBackground {
		padding: 0 15px
	}
}
.WorldTourHighlights-mediaContentTitle {
	color: #000;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 17px;
	font-size: 1.1rem;
	line-height: 16px;
	line-height: 1rem;
	margin: auto;
	display: table-cell;
	text-align: center;
	height: 100%;
	width: 100%;
	vertical-align: middle
}
@media only screen and (min-width:60em) {
	.WorldTourHighlights-mediaContentTitle {
		font-size: 16px;
		font-size: 1rem;
		line-height: 19px;
		line-height: 1.2rem
	}
}
#InfoFooter {
	padding: 0
}
.InfoFooter-container {
	width: 90%;
	margin: 20px auto
}
@media only screen and (min-width:60em) {
	.InfoFooter-container {
		border: 10px solid transparent;
		border-image: url(images/esports/hub/esports-info-border-1f3df9236594173c774ad08cce57f350d64deaf473dd41c6f4573e5e5d0a4597497c7a3ebc1e965165c35a539d09118eff15e36c1be7dfad7946f6469e3ab2e9.png) 10 round;
		padding: 40px;
		min-height: 700px
	}
}
@media only screen and (min-width:72.5em) {
	.InfoFooter-container {
		position: relative;
		z-index: 1
	}
	.InfoFooter-container:before {
		content: "";
		background: url(images/esports/hub/info-container-bg-5980f10eca2c37f886ddb931507f21ecc564fabbd788b7f3a3f4b799233ee57750c6994019317a21c7ab7d9b125ca4b33ffa7e587e15085b6abecf981520a841.png) 61.5% 0 no-repeat;
		position: absolute;
		height: 100%;
		width: 100%;
		padding-left: 3000px;
		margin-left: -3000px;
		padding-right: 3000px;
		margin-right: -3000px;
		max-height: 650px;
		z-index: -1
	}
}
.InfoFooter-container p {
	margin: .5em 0 1.5em;
	font-size: 14px
}
.InfoFooter-container ul {
	margin: 1em 0;
	padding-left: 40px
}
.InfoFooter-container li {
	list-style-type: disc
}
.InfoFooter-contentHeader {
	font-size: 2em;
	color: #725938;
	text-align: left
}
.InfoFooter-earningPointsTextContainer {
	display: inline-block;
	vertical-align: top
}
@media only screen and (min-width:40em) {
	.InfoFooter-earningPointsTextContainer {
		width: 60%
	}
}
.InfoFooter-earningPointsButtonContainer {
	display: inline-block;
	vertical-align: top;
	text-align: center
}
@media only screen and (min-width:40em) {
	.InfoFooter-earningPointsButtonContainer {
		max-width: 40%
	}
}
@media only screen and (min-width:60em) {
	.InfoFooter-earningPointsButtonContainer {
		float: right
	}
}
.InfoFooter-earningPointsButtonContainer .featured-content-wrapper {
	display: inline-block;
	padding: 0;
	background: none
}
@media only screen and (min-width:60em) {
	.InfoFooter-earningPointsButtonContainer .featured-content-wrapper {
		width: 100%
	}
}
.InfoFooter-featuredContentTitle {
	margin-top: 40px;
	margin-top: 2.5rem
}
.InfoFooter-featuredContentTitle, .InfoFooter-featuredContentTitle--noMargin {
	color: #f2e4e4;
	font-size: 22px;
	font-size: 1.4125rem;
	display: inline-block;
	padding-left: .25em;
	width: 60%;
	z-index: 11
}
.InfoFooter-featuredContentTitle--noMargin {
	margin-top: 40px;
	margin-top: 2.5rem;
	margin: 0
}
.InfoFooter-header {
	text-align: center;
	margin-bottom: 0;
	padding-bottom: .67em
}
.InfoFooter-hideButton {
	display: block;
	margin: 30px auto;
	background-color: transparent;
	text-decoration: none;
	border: none;
	font-weight: 700;
	text-transform: uppercase
}
.InfoFooter-navContainer {
	list-style-type: none
}
@media only screen and (min-width:60em) {
	.InfoFooter-navContainer {
		background: url(images/esports/hub/wood_bar-c6aa80fd24aaede1ee080f62e9fe0b85b3276e4b66b4ae360f1511376243670f9df348adf05e0c4b46327bb366e1d594cf6d2328d9a85662c67c4dff36df30a7.png) 50%;
		height: 145px
	}
}
.InfoFooter-buttonContainer {
	display: inline-block;
	list-style-type: none;
	width: 100%;
	padding: 0
}
@media only screen and (min-width:60em) {
	.InfoFooter-buttonContainer {
		background: url(images/esports/hub/hub-info-nav-bar-308b7de34201e6980557c875c8df76c208145fd8cea40d1d9d55fa02f099fa56cfa05fd198507b4692de486635ec25441f8729305bc6ca67554dcfd2c76fd072.png) no-repeat 50%;
		background-size: 100% 100%;
		width: 98%;
		height: 70%;
		margin: 25px 1%;
		padding: 0 50px
	}
}
.InfoFooter-navItem {
	position: relative;
	height: 88px;
	padding: 10px 5% 0;
	list-style-type: none;
	word-wrap: break-word;
	background: url(images/esports/hub/hub-info-button-middle-container-49473855932f3a66539f9f68754371dd430d9bc95727a4979ab19a8d31acf358efa0a68027fe4e9d6ca12fa151bb8e11d6f6c9b1f98c81cecb2ce98f192dba8c.png) repeat-x 50%;
	z-index: 1
}
.InfoFooter-navItem:after, .InfoFooter-navItem:before {
	content: "";
	position: absolute;
	top: 0;
	width: 5%;
	height: 100%;
	z-index: -1
}
@media only screen and (min-width:60em) {
	.InfoFooter-navItem:after, .InfoFooter-navItem:before {
		display: none
	}
}
.InfoFooter-navItem:before {
	left: 0;
	background: url(images/esports/hub/hub-info-button-left-container-b75967113fef5de136bd437d0af2f3927bfb514da89eda0c091298eaae80e782b1083addb0c90d6d9cb0d0abdfef167cb64a6fef83284bbf14c2cb7d751e87a0.png) no-repeat 50%
}
.InfoFooter-navItem:after {
	right: 0;
	background: url(images/esports/hub/hub-info-button-right-container-06a1c7a45f9b8f95f32e3854fae2ed20e5c583256de013d266863af2a0ac01accc5baad95e1a30c5eb34fa7be1a315ccb41485235b08d0008dc40d90dcc51442.png) no-repeat 50%
}
@media only screen and (min-width:60em) {
	.InfoFooter-navItem {
		width: 19.5%;
		margin: 1.5% .25%;
		float: left;
		padding: 0;
		background: none;
		height: 66px
	}
}
.InfoFooter-navButton {
	padding: 0 20px;
	text-align: left;
	position: relative;
	color: #372f2b;
	line-height: 16px;
	font-size: 20px;
	font-weight: 900;
	height: 66px;
	white-space: normal;
	border: 0;
	background: url(images/esports/hub/hub-info-button-middle-5b8009744a44b4b3ee92e93d492cd029a994d4139da73c6e4b16c754659cd55796ae4aae6559e154739c23f3d07067403f5ae70e3241d6fc5a226e621876a3fa.png) repeat-x 50%;
	vertical-align: top;
	width: 100%;
	z-index: 1
}
.InfoFooter-navButton:after, .InfoFooter-navButton:before {
	position: absolute;
	top: 0;
	content: "";
	width: 60px;
	height: 100%;
	z-index: -1
}
@media only screen and (min-width:60em) {
	.InfoFooter-navButton:after, .InfoFooter-navButton:before {
		display: none
	}
}
.InfoFooter-navButton:before {
	left: 0;
	background: url(images/esports/hub/hub-info-button-left-aee53eec50ca4935138f46ff38311dd188c1361909babec4e30045e769c625f1dca7467946b30794eb5131520d7f75e00cd198f6f29fe9990bda283e3dfd6340.png) no-repeat 50%
}
.InfoFooter-navButton:after {
	right: 0;
	background: url(images/esports/hub/hub-info-button-right-19608654c31fc1d52e15a320f02a246b400862bc96d1965224548cc1f97ffee7d0fa2fe24c20e6427fc886f4a56d7839e329266fb222b70fc32e5e2c0b4951a3.png) no-repeat 50%
}
.InfoFooter-navButton:hover {
	background: url(images/esports/hub/hub-info-button-middle-selected-abe00d758c0509ccc1f6dc04da08fe0922f17a17b542d21dfafe9341d6e4d069354941d216a3b121965a9bb07d67d04468b26e4cb35aa2c463d7476233bcbe7a.png) repeat-x 50%
}
.InfoFooter-navButton:hover:before {
	background: url(images/esports/hub/hub-info-button-left-selected-e86f72823b37e59ce3049687c388703ac4111159e22d9e926a58bb99c1db7f276ddf8ada79432032746cd4bcfda43f5f833648c284141359d4461a877416af07.png) no-repeat 50%
}
.InfoFooter-navButton:hover:after {
	background: url(images/esports/hub/hub-info-button-right-selected-29e4df043aa7184d4ce7ff33f1ec58c9b88ce9d177420c425549b2afaad6ffe5802232849a28a566892e429cd64df53d1a048e0e1f0ce0ece7d4910ef0d5878f.png) no-repeat 50%
}
@media only screen and (min-width:60em) {
	.InfoFooter-navButton:hover {
		background: url(images/esports/hub/hub-info-button-selected-a448ce93af80c5220aa7d3b0cf4acb8feee7a631bdddaf8412d95a92a3250ecf7b8d95417b1dfec102d0808bbb1c3aadf3944a1a4696d06584fdc36c279427c0.png) no-repeat 50%;
		background-size: 100% 100%
	}
}
@media only screen and (min-width:60em) {
	.InfoFooter-navButton {
		background: url(images/esports/hub/hub-info-button-7e091b83bf93c702a9ff1725f7dda771b760d2a1afc0c560e2704738df7feab677e1ceaf4b594ea02245b501f1d1bb04ff251bd7630b9841edd0adeaf280cf41.png) no-repeat 50%;
		background-size: 100% 100%;
		width: 100%;
		font-size: 13px;
		font-weight: 700;
		text-align: center
	}
}
.InfoFooter-navButton--selected {
	background: url(images/esports/hub/hub-info-button-middle-selected-abe00d758c0509ccc1f6dc04da08fe0922f17a17b542d21dfafe9341d6e4d069354941d216a3b121965a9bb07d67d04468b26e4cb35aa2c463d7476233bcbe7a.png) repeat-x 50%
}
.InfoFooter-navButton--selected .InfoFooter-navButtonIcon {
	background-position: 0 -8px
}
.InfoFooter-navButton--selected:before {
	background: url(images/esports/hub/hub-info-button-left-selected-e86f72823b37e59ce3049687c388703ac4111159e22d9e926a58bb99c1db7f276ddf8ada79432032746cd4bcfda43f5f833648c284141359d4461a877416af07.png) no-repeat 50%
}
.InfoFooter-navButton--selected:after {
	background: url(images/esports/hub/hub-info-button-right-selected-29e4df043aa7184d4ce7ff33f1ec58c9b88ce9d177420c425549b2afaad6ffe5802232849a28a566892e429cd64df53d1a048e0e1f0ce0ece7d4910ef0d5878f.png) no-repeat 50%
}
@media only screen and (min-width:60em) {
	.InfoFooter-navButton--selected {
		background: url(images/esports/hub/hub-info-button-selected-a448ce93af80c5220aa7d3b0cf4acb8feee7a631bdddaf8412d95a92a3250ecf7b8d95417b1dfec102d0808bbb1c3aadf3944a1a4696d06584fdc36c279427c0.png) no-repeat 50%;
		background-size: 100% 100%
	}
}
.InfoFooter-navButtonText {
	display: inline-block;
	width: 90%
}
.InfoFooter-navButtonIcon {
	position: absolute;
	right: 20px;
	top: 30px;
	width: 13px;
	height: 8px;
	background: url(images/esports/hub/more-info-accordion-icon-c150d05a01a47587bfd2d5cca8cea07c8957adeb9c2a40357e0af47ff3997696118537da77b1d02f57f9131153a36a16701af6c2debf270c5cace1f056f0606e.png) no-repeat
}
@media only screen and (min-width:40em) {
	.search .page-body {
		background: transparent url(images/subpage-body-bg-cedb8571126e7b165d35239b92bcf58c8ae30e6059c88ef8443da1b9d27c4911a762ffeab2ed143d33d00f676c11f77dad1ae864972862007102ad4fa368df08.png) 50% 0 no-repeat
	}
}
.search .content-section {
	padding-bottom: 52px;
	background: transparent url(images/search-bottom-bg-c2b8329128698cf528d20a5e28ed8401c416aafffcc299de9e0c8aa2b2ca94fa22810457f8734556d13ed5224f5bc2e76fef8f22ba910c2070e3c7cbda5f6fae.png) 50% bottom no-repeat
}
.search .search-container .summary {
	margin: 0 20px
}
.search .search-container .summary .grid {
	width: 100%
}
@media only screen and (min-width:40em) {
	.search .search-container .summary .grid {
		width: 33.33%
	}
}
.search .search-container .summary .grid+.grid {
	margin-top: 8px;
	margin-top: .5rem
}
@media only screen and (min-width:40em) {
	.search .search-container .summary .grid+.grid {
		margin-top: 0
	}
}
.search .search-container .summary .grid .article strong {
	display: block;
	height: 3em;
	overflow: hidden
}
.search .search-container .summary .grid .article br {
	display: none
}
.search .search-container .result {
	margin: 0
}
.search .search-container .result+.result {
	margin-top: 20px;
	margin-top: 1.25rem
}
.search .search-container .result .content, .search .search-container .result .meta {
	width: auto
}
.search .search-container .result .content>a, .search .search-container .result .meta>a {
	color: #a81a07
}
.search .search-container .result .meta {
	color: #666
}
.search .search-container .result .header-3, .search .search-container .result .subheader-3 {
	text-transform: none
}
.search .search-container .result .header-3>a, .search .search-container .result .subheader-3>a {
	color: #e22c14;
	text-decoration: none
}
.search .search-container .result .header-3 .small, .search .search-container .result .subheader-3 .small {
	display: block;
	color: #113d63
}
@media only screen and (min-width:40em) {
	.search .search-container .result .header-3 .small, .search .search-container .result .subheader-3 .small {
		display: inline-block
	}
}
.search .search-container .results {
	padding: 0
}
.search .search-container .results+.results {
	padding: 27px 0 0
}
.search .search-container .results .header-3, .search .search-container .results .subheader-3 {
	margin-bottom: 10px
}
.search .search-container .helpers {
	margin: 0 20px
}
.search .search-container .helpers .subheader-2 {
	padding-right: 0
}
.search .search-container .helpers .subheader-2 span {
	color: #5a376a
}
.search .search-container .helpers .sort-active {
	color: #000;
	font-weight: 700;
	pointer-events: none;
	cursor: default
}
.search .body-bot {
	padding-bottom: 48px;
	padding-bottom: 3rem;
	margin-bottom: 16px;
	margin-bottom: 1rem
}
.search #menu-search {
	margin: 0 0 16px;
	margin: 0 0 1rem
}
.search .search-header {
	margin: 16px;
	margin: 1rem
}
.search-wrapper {
	max-width: 1008px;
	max-width: 63rem;
	margin: auto
}
@media only screen and (min-width:72.5em) {
	.search-wrapper {
		max-width: 1072px;
		max-width: 67rem
	}
}
.search-container {
	position: relative;
	height: 100%;
	padding-bottom: 32px;
	padding-bottom: 2rem
}
@media only screen and (min-width:60em) {
	.search-container {
		background: transparent url(images/search-separator-bg-4f87e86ed8501f7ebf1ad402b05a8aea5815496f093f18f3c9846900233dbe38df845e68ff0c8fe835ee866974400a66c083a5ec11922d3e747ee2993df71c2e.png) right 0 repeat-y;
		padding-top: 16px;
		padding-top: 1rem;
		padding-right: 32px;
		padding-right: 2rem;
		min-height: 500px;
		width: 75%
	}
	.search-container:after {
		content: "";
		background: url(images/search-bg-1d6a0cc8161d87f06139bc141596f93559e59b6fc47a80cf48f1f8519eb0d3e04f52d43e4db07cb1ee6156863c6feb8f83c182a04863d268912e0793367b230a.png) 50% no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		left: 90%;
		padding-top: 52%;
		width: 327px
	}
}
.form--search {
	position: relative;
	margin-bottom: 16px;
	margin-bottom: 1rem;
	max-width: 100%;
	width: 400px
}
.form--search input[type=search] {
	padding: 8px;
	padding: .5rem;
	color: #666;
	border-radius: .5rem;
	border: 1px solid #d4ba8c;
	font-size: 20px;
	font-size: 1.25rem;
	box-sizing: border-box;
	width: 100%
}
.search-button--alt {
	background: transparent url(images/icons/search-results-c2f16da488c034113590014f855c97660b011bddaa32b3080dc9a4c2c7dc21c893ec521616e6ff611da7b2aebad6e5e4d794727c869316b0a45e1d14ad1a51dc.gif) 50% no-repeat;
	width: 22px;
	height: 22px;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 8px;
	right: .5rem;
	margin-top: -11px;
	border: none
}
.suggested-links:empty {
	display: none
}
.article-thumbnail span {
	width: 56px !important;
	height: 56px !important
}
.data-options {
	height: auto;
	line-height: 25px;
	padding: 13px 30px 10px;
	background: repeat-x
}
.data-options .option {
	float: right;
	height: 25px
}
.data-options .option .ui-pagination {
	margin-top: -2px
}
.data-options strong {
	color: #03345f
}
.dynamic-menu li {
	margin-bottom: 8px;
	margin-bottom: .5rem;
	font-size: 16px;
	font-size: 1rem
}
@media only screen and (min-width:40em) {
	.dynamic-menu li {
		display: inline-block;
		margin-bottom: 0
	}
	.dynamic-menu li+li {
		margin-left: 8px;
		margin-left: .5rem
	}
}
.dynamic-menu li a {
	padding: 8px 16px;
	padding: .5rem 1rem;
	border-radius: .5rem;
	display: block;
	background-color: #dec79b;
	background-color: rgba(116, 50, 0, .07)
}
.dynamic-menu li a--centered {
	text-align: center
}
.dynamic-menu li a:hover {
	color: #fff;
	background-color: rgba(0, 0, 0, .5)
}
.dynamic-menu li.item-active a {
	color: #fff;
	background-color: rgba(0, 0, 0, .25);
	pointer-events: none;
	cursor: default
}
.ui-pagination {
	overflow: visible;
	height: 24px
}
.ui-pagination li {
	margin-left: 4px;
	float: left
}
.ui-pagination li a {
	display: inline-block;
	padding: 0;
	background-color: #ac7f5b;
	border: 3px solid #ceb288;
	border-radius: 3px
}
.ui-pagination li a span {
	display: inline-block;
	margin: 0;
	padding: 0 6px;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	color: #fff
}
.ie6 .ui-pagination li a, .ie6 .ui-pagination li a span {
	display: block;
	float: left
}
.ui-pagination li.current a, .ui-pagination li a:hover {
	background-color: #885633
}
.ui-pagination li a:hover span {
	color: #daac55
}
.ui-pagination li.current a span {
	color: #f3e6d0 !important;
	font-weight: 700
}
.ui-pagination li.cap-item a, .ui-pagination li.first-item a, .ui-pagination li.last-item a {
	padding: 0
}

.icon-twitter {
	font-family: twitter-youtube;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-twitter:before {
	content: ""
}
.icon-youtube {
	font-family: twitter-youtube;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-youtube:before {
	content: " "
}
@media only screen and (min-width:40em) {
	.anniversary .content-section {
		margin-top: -47px
	}
}
@media only screen and (min-width:60em) {
	.anniversary .blog-load-more {
		max-width: 248px;
		max-width: 15.5rem;
		margin: 0 auto
	}
}
@media only screen and (min-width:40em) {
	.anniversary .page-header-bg-chunk {
		height: 422px;
		margin-top: -47px;
		background: url(images/anniversary/first/header-bg-med-bcab062897924ba7782d3f4f0ac0d15e468ae67f569b09d0298e76c556c5d37b10f0f3285765e35ba4e823dc28022ce36287840d14a9da4ee0a9d4df34ad608e.png) top no-repeat
	}
}
@media only screen and (min-width:60em) {
	.anniversary .page-header-bg-chunk {
		background-image: url(images/anniversary/first/header-bg-f67559dcefbacd7496c10cbb31082f11bc129f0414b4286f8cfc2235dcd9b30acd530222f63022329739a2945b8bd221110ba7c3c434ddc6a666dd6ba83cf3e5.png)
	}
}
.heading--anniversary {
	margin-left: 0;
	margin-right: 0
}
.heading--anniversary>span {
	max-width: 75%
}
.content-container--anniversary {
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:60em) {
	.content-container--anniversary {
		padding: 0 80px;
		padding: 0 5rem
	}
}
.anniversary-intro {
	text-align: center
}
.panels-list {
	font-size: .1px;
	text-align: justify
}
.panels-list:after {
	content: " ";
	display: inline-block;
	width: 100%
}
.panels-list__item {
	display: inline-block;
	float: none
}
.panels-list__item.invisible.invisible {
	padding: 0;
	margin: 0 8px
}
@media only screen and (min-width:30em) {
	.panels-list__item {
		width: 47%
	}
}
@media only screen and (min-width:60em) {
	.panels-list__item {
		width: 24%
	}
}
.anniversary-video-section .panels-list__item {
	position: relative;
	margin: 8px;
	z-index: 1;
	padding: 0
}
.anniversary-video-section .panels-list__item:before {
	content: "";
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	border: 8px solid #dec79b;
	border-width: 17px 20px;
	border-image: url(images/game-guide/heroes/artwork-frameV2-e42466cbd049349b5645d045a1678ab896ed1cacea3ec4d11b99eb2184e9db9d07d3949872d14f9ee5604913e7602f143627928fc3375e785a235d24653e6c7d.png) 17 20 stretch;
	z-index: -1
}
.anniversary-video-section .panels-list__item img {
	display: block
}
@media only screen and (min-width:60em) {
	.anniversary-video-section .panels-list__item {
		width: 22%
	}
}
.anniversary-video-section .panels-list__item .panel-item__play-button {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	background: transparent url(images/media/play-sprite-afa7cd2884863e243ac46c9d9766a0908b9835d62fb3339c5c9fed78b5367917c628219d5162935fb7b2bf0336103f8f4cbc98d64ee55e0e06e1790abd8ea3b9.png) 0 0 no-repeat;
	width: 100px;
	height: 100px;
	z-index: 9001
}
.anniversary-video-section .panels-list__item .panel-item__image {
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out
}
.anniversary-video-section .panels-list__item .panel-item__image:after {
	content: "\f099";
	position: absolute;
	top: 0;
	right: -1px;
	bottom: 0;
	left: 0;
	z-index: 5;
	background-color: rgba(0, 0, 0, .99);
	opacity: 0;
	transition: opacity .3s ease-out
}
.anniversary-video-section .panels-list__item:hover .panel-item__image {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.anniversary-video-section .panels-list__item:hover .panel-item__image:after {
	opacity: .5
}
.anniversary-video-section .panels-list__item .panel-item__play-button:hover {
	background-position: 0 -100px
}
.anniversary-video-section .panel-item__text {
	padding: 12px;
	padding: .75rem;
	min-height: 64px;
	min-height: 4rem
}
.anniversary-video-section .panel-item__title {
	height: 40px;
	height: 2.5rem;
	overflow: hidden
}
.panels-list__item--twitter .panel-item__summary {
	color: #000
}
.panels-list__item--twitter .panel-item__icon {
	font-family: twitter-youtube;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #f1d6a9
}
.panels-list__item--twitter .panel-item__icon:before {
	content: "\f167"
}
.panel-item__twitter-author, .panel-item__twitter-handle {
	color: #e22c14
}
.panels-list .panels-list__item {
	margin-bottom: 24px;
	margin-bottom: 1.5rem
}
.panel-item__date {
	display: none
}
.panel-item__icon {
	display: block;
	position: absolute;
	top: 8px;
	top: .5rem;
	left: 8px;
	left: .5rem;
	font-size: 32px;
	font-size: 2rem;
	color: #fff
}
.supplemental-section {
	text-align: center;
	padding-top: 9%;
	padding-bottom: 7%;
	background: url(images/anniversary/first/card-background-top-9da025a83c7db60699e626dfdf475bf6e737f80bf971b59acb7118711915d6c0febc033ce1d047d0ef96e1fdcf5b314cc261a2ebd08a8c66442dec8c6e3f1edb.png) top no-repeat;
	background-size: contain
}
@media only screen and (min-width:40em) {
	.supplemental-section {
		padding-bottom: 0
	}
}
.server-error .content-section, .unauthorized-error .content-section {
	text-align: center;
	min-height: 686px;
	background: transparent url(images/error-bg-8a9424b4646175e901d4263e523419ebd658619be8425cf19d6bf3a1a78f648b6137579cbc87b5a7123519d6010e6093cb76872a30f853f426b581c2ff8fe7db.png) center 120px no-repeat
}
.ko-kr .server-error .content-section, .ko-kr .unauthorized-error .content-section {
	font-family: Dotum
}
.server-error .content-section p, .unauthorized-error .content-section p {
	font: 700 14px/24px Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	max-width: 600px;
	margin: auto
}
.server-error .page-header, .unauthorized-error .page-header {
	font: 700 16px/1 Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	margin-bottom: 16px;
	letter-spacing: -1.5px
}
.server-error .page-header h2, .server-error .page-header h3, .unauthorized-error .page-header h2, .unauthorized-error .page-header h3 {
	color: #76169b
}
.server-error .page-header h2, .unauthorized-error .page-header h2 {
	font-size: 72px
}
.server-error .page-header h3, .unauthorized-error .page-header h3 {
	font-size: 22px
}
.recruit-a-friend .page-body>.content-section {
	max-width: none
}
.recruit-section {
	margin: 0 16px;
	margin: 0 1rem;
	padding: 64px 0;
	padding: 4rem 0
}
@media only screen and (min-width:72.5em) {
	.recruit-section {
		margin: 0
	}
}
.recruit-a-friend .page-header-bg-chunk {
	background: url(images/recruit-a-friend/header-intro-bg-mobile-a4409e6ab143b0d1eebccbb30c5b5655f034575f4d3f306495ea1576449e8d8d99fad4c25a0a7ff0cb6a0bf2cb96d5c3c1800c535c1ed2096e160de92c89b6e2.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 456px;
	width: 100%
}
@media only screen and (min-width:30em) {
	.recruit-a-friend .page-header-bg-chunk {
		background-position-x: right
	}
}
@media only screen and (min-width:40em) {
	.recruit-a-friend .page-header-bg-chunk {
		background: url(images/recruit-a-friend/header-intro-bg-a28d7858f3d300bf7e019ec0199273f4d3b4f977d28fe33aff6dd61471bab3252c6fd89ba6ca86abb83e1aade45336ea9b6fbcaceda8b339fd2c69c7bb5c051a.png) top no-repeat;
		min-height: 432px;
		top: -50px
	}
}
@media only screen and (min-width:40em) {
	.content-section--recruit__header {
		margin-bottom: 10px
	}
}
.recruit__morgl {
	display: none
}
@media only screen and (min-width:40em) {
	.recruit__morgl {
		position: absolute;
		display: block;
		top: -50px;
		width: 656px;
		height: 510px;
		background: url(images/recruit-a-friend/header-morgl-2875d7567a820477635512dd6506804e9b4fee3969785827b144110dd6d7a129959da88ff66048d772b8598933654a6998a707f73a2c0f7f0974a92d1cf5341c.png) 0 0 no-repeat;
		right: -250px
	}
}
@media only screen and (min-width:72.5em) {
	.recruit__morgl {
		right: -84px
	}
}
.recruit__header {
	height: 375px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:30em) {
	.recruit__header {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-right: 210px
	}
}
@media only screen and (min-width:40em) {
	.recruit__header {
		height: 310px;
		margin-right: 380px
	}
}
@media only screen and (min-width:72.5em) {
	.recruit__header {
		margin-right: 546px
	}
}
.heading--recruit__header__title {
	margin: 0 0 16px;
	margin: 0 0 1rem;
	font-size: 2.6em;
	line-height: 1em;
	white-space: nowrap
}
@media only screen and (min-width:60em) {
	.heading--recruit__header__title {
		font-size: 3.2em
	}
}
.recruit__header__intro {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	width: 100%
}
.recruit__header__intro+.recruit__header__intro {
	margin-top: 16px;
	margin-top: 1rem
}
.recruit__header__intro--small {
	font-size: 1em
}
@media only screen and (min-width:40em) {
	.recruit__header__intro--small {
		display: none
	}
}
@media only screen and (min-width:60em) {
	.recruit__header__intro--small {
		display: block
	}
}
.recruit__header__cta {
	margin-top: 16px;
	margin-top: 1rem;
	white-space: nowrap
}
.recruit__social {
	margin: 0 16px;
	margin: 0 1rem;
	padding: 64px 0;
	padding: 4rem 0;
	text-align: center
}
@media only screen and (min-width:72.5em) {
	.recruit__social {
		margin: 0
	}
}
.heading--recruit__social__title {
	font-size: 2.2em
}
.recruit__social__intro {
	font-size: 1.2em
}
.recruit__social__token {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 32px;
	margin-top: 2rem
}
@media only screen and (min-width:60em) {
	.recruit__social__token {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}
.recruit__social__token__input {
	-webkit-flex-grow: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	min-width: 0
}
@media only screen and (min-width:60em) {
	.recruit__social__token__input {
		max-width: 30em
	}
}
.hearthstone-cta--recruit__social__token {
	white-space: nowrap;
	margin-right: 16px;
	margin-right: 1rem;
	vertical-align: center;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}
.hearthstone-cta--recruit__social__token .hearthstone-cta__text {
	font-weight: 400
}
.hearthstone-cta--recruit__social__share {
	display: block;
	margin-top: 24px;
	margin-top: 1.5rem
}
.hearthstone-cta--recruit__social__share .hearthstone-cta__text {
	font-size: 1em
}
@media only screen and (min-width:60em) {
	.hearthstone-cta--recruit__social__share {
		display: inline-block
	}
	.hearthstone-cta--recruit__social__share+.hearthstone-cta--recruit__social__share {
		margin-left: 16px;
		margin-left: 1rem
	}
}
.hearthstone-cta.hearthstone-cta--facebook .hearthstone-cta__btn {
	background: #1f3f81;
	background: linear-gradient(180deg, #3b5998 5%, #1f3f81 95%)
}
.hearthstone-cta.hearthstone-cta--facebook .hearthstone-cta__text {
	background: radial-gradient(circle, #3b5998 25%, #1f3f81 75%)
}
.hearthstone-cta.hearthstone-cta--facebook .hearthstone-cta__text:before {
	background: radial-gradient(circle, #4c70ba 25%, #2953aa 75%)
}
.hearthstone-cta.hearthstone-cta--twitter .hearthstone-cta__btn {
	background: #2c87cd;
	background: linear-gradient(180deg, #55acee 5%, #2c87cd 95%)
}
.hearthstone-cta.hearthstone-cta--twitter .hearthstone-cta__text {
	background: radial-gradient(circle, #55acee 25%, #2c87cd 75%)
}
.hearthstone-cta.hearthstone-cta--twitter .hearthstone-cta__text:before {
	background: radial-gradient(circle, #83c3f3 25%, #529fda 75%)
}
.hearthstone-cta.hearthstone-cta--vk .hearthstone-cta__btn {
	background: #1e4473;
	background: linear-gradient(180deg, #45668e 5%, #1e4473 95%)
}
.hearthstone-cta.hearthstone-cta--vk .hearthstone-cta__text {
	background: radial-gradient(circle, #45668e 25%, #1e4473 75%)
}
.hearthstone-cta.hearthstone-cta--vk .hearthstone-cta__text:before {
	background: radial-gradient(circle, #587fae 25%, #295c9b 75%)
}
.recruit__social__region {
	margin-top: 16px;
	margin-top: 1rem;
	font-size: 1.1em
}
.recruit__social__region__select-wrapper {
	display: inline-block;
	position: relative;
	padding-right: 1em;
	background: url(images/recruit-a-friend/region-dropdown-arrow-9ce02d059ff2a2ebbb99285b4318344f91a77146b49f10c71a03ebc6a933673f00cdc834364333f599fcadc1e677dbce072befbffa71b750a7b5dbab2b8991a5.png) 100% no-repeat transparent;
	font-family: Bliz Quadrata Bold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	text-decoration: underline;
	margin: 0 .5em;
	text-transform: capitalize
}
.recruit__social__region__select {
	position: absolute;
	z-index: 1;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.recruit__social__region__select option {
	background-color: #fff;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	text-decoration: none
}
.recruit__social__explain {
	color: #347cd3;
	font-size: .8em
}
.recruit__strong {
	display: inline;
	font-family: Bliz Quadrata Bold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif
}
.recruit__how {
	margin: 0 16px;
	margin: 0 1rem;
	padding: 64px 0;
	padding: 4rem 0;
	text-align: center
}
@media only screen and (min-width:72.5em) {
	.recruit__how {
		margin: 0
	}
}
.heading--recruit__how {
	font-size: 2.8em;
	margin: 0 0 32px;
	margin: 0 0 2rem;
	line-height: 1em
}
@media only screen and (min-width:60em) {
	.heading--recruit__how {
		font-size: 3.2em
	}
}
.recruit__how__heading {
	text-transform: uppercase;
	color: #347cd3;
	font-size: 1.5em;
	margin: 0 0 8px;
	margin: 0 0 .5rem;
	line-height: 1em
}
.media-frame--recruit__how__splash {
	margin: 16px 0;
	margin: 1rem 0
}
@media only screen and (min-width:40em) {
	.media-frame--recruit__how__splash {
		margin: 16px 9px;
		margin: 1rem 9px
	}
}
@media only screen and (min-width:60em) {
	.media-frame--recruit__how__splash {
		max-width: 944px;
		margin: 32px auto;
		margin: 2rem auto
	}
}
@media only screen and (min-width:72.5em) {
	.media-frame--recruit__how__splash {
		margin: -90px 0 -70px;
		background: url(images/recruit-a-friend/how-it-works-art-expanded-f722a25b4a3fb53ecc4f45580b98bbddc845b29f3757a63938d09d299f360d47e029f1c2a80893debf83c1e6c4e1c04670633549c2f7cc1e2b1b074d3633d995.png) 50% no-repeat;
		min-height: 842px;
		max-width: none
	}
	.media-frame--recruit__how__splash:before {
		display: none
	}
}
.recruit__how__splash__inner {
	padding-bottom: 55.51%;
	background: url(images/recruit-a-friend/how-it-works-art-cropped-80b955d4748f9a490dd333b88eabcd69acc9e3abd760911bfe017f264a2344ee4e7d9a755f21934b4d8e0c3fd4faaca460015ce2fcd07d60096d806f92974db0.jpg) 50% no-repeat;
	background-size: cover
}
@media only screen and (min-width:72.5em) {
	.recruit__how__splash__inner {
		display: none
	}
}
.recruit__how__guide {
	margin-top: 32px;
	margin-top: 2rem;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: column;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
@media only screen and (min-width:30em) {
	.recruit__how__guide {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}
@media only screen and (min-width:40em) {
	.recruit__how__guide {
		max-width: 66.6%;
		margin: 64px auto 0;
		margin: 4rem auto 0
	}
}
@media only screen and (min-width:72.5em) {
	.recruit__how__guide {
		max-width: none;
		margin: 64px 0 0;
		margin: 4rem 0 0;
		-webkit-flex-flow: row;
		-ms-flex-flow: row;
		flex-flow: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
}
.recruit__how__guide__step {
	font-size: 1.15em;
	padding: 0;
	margin: 0
}
.recruit__how__guide__step+.recruit__how__guide__step {
	margin-top: 32px;
	margin-top: 2rem
}
.recruit__how__guide__step:before {
	content: "";
	display: block;
	width: 6em;
	height: 6em;
	margin: 0 auto 16px;
	margin: 0 auto 1rem;
	background: url(images/recruit-a-friend/icon-circles-e105223a9d4b56405a8cfd21c4e86a709da4ec859179da6789b96dac591194d309702629ffaaad2ebf0039cdfcd4fae80f5039afe530f7a82b4ccf6001afddbc.png) 0 0 no-repeat;
	background-size: auto 100%
}
@media only screen and (min-width:30em) {
	.recruit__how__guide__step {
		text-align: left;
		padding-left: 7em;
		position: relative;
		min-height: 6em;
		width: 100%
	}
	.recruit__how__guide__step:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 6em;
		height: 6em;
		margin-bottom: 0
	}
}
@media only screen and (min-width:72.5em) {
	.recruit__how__guide__step {
		max-width: unset;
		min-height: unset;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		text-align: center;
		padding: 0 16px;
		padding: 0 1rem
	}
	.recruit__how__guide__step+.recruit__how__guide__step {
		margin-top: 0
	}
	.recruit__how__guide__step:before {
		position: static;
		width: 113px;
		height: 113px;
		margin-bottom: 16px;
		margin-bottom: 1rem
	}
}
.recruit__how__guide__step--2:before {
	background-position: -6em top
}
@media only screen and (min-width:72.5em) {
	.recruit__how__guide__step--2:before {
		background-position: -113px top
	}
}
.recruit__how__guide__step--3:before {
	background-position: -12em top
}
@media only screen and (min-width:72.5em) {
	.recruit__how__guide__step--3:before {
		background-position: -226px top
	}
}
.recruit__how__guide__step__title {
	display: block;
	font-size: 1.5em;
	color: #233a6e;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif
}
.ko-kr .recruit__how__guide__step__title {
	font-family: NanumMyeongjo Bold
}
.lowered-section--recruit__rewards {
	padding: 13px 0;
	margin: -4px auto
}
@media only screen and (min-width:40em) {
	.lowered-section--recruit__rewards {
		padding: 45px 0;
		margin: -35px auto
	}
}
.recruit__rewards {
	margin: 0 16px;
	margin: 0 1rem;
	padding: 64px 0;
	padding: 4rem 0
}
@media only screen and (min-width:72.5em) {
	.recruit__rewards {
		margin: 0
	}
}
.heading--adventure--recruit__rewards {
	margin: 0 0 0 8px;
	margin: 0 0 0 .5rem
}
.heading--adventure--recruit__rewards:before {
	background: url(images/recruit-a-friend/icon-circles-e105223a9d4b56405a8cfd21c4e86a709da4ec859179da6789b96dac591194d309702629ffaaad2ebf0039cdfcd4fae80f5039afe530f7a82b4ccf6001afddbc.png) 100% 0 no-repeat;
	background-size: auto 137.805%;
	width: 64px;
	width: 4rem;
	height: 64px;
	height: 4rem
}
@media only screen and (min-width:30em) {
	.heading--adventure--recruit__rewards:before {
		width: 82px;
		height: 82px
	}
}
@media only screen and (min-width:40em) {
	.recruit__rewards__reward-container {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		margin: auto
	}
}
.recruit__rewards__reward {
	width: 100%;
	text-align: center
}
.recruit__rewards__reward+.recruit__rewards__reward {
	margin-top: 32px;
	margin-top: 2rem
}
@media only screen and (min-width:40em) {
	.recruit__rewards__reward+.recruit__rewards__reward {
		margin-top: 0
	}
	.recruit__rewards__reward:first-child {
		margin-right: 16px;
		margin-right: 1rem
	}
	.recruit__rewards__reward:last-child {
		margin-left: 16px;
		margin-left: 1rem
	}
}
.recruit__rewards__reward__inner {
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	padding-bottom: 71.186%
}
.recruit__rewards__reward--morgl .recruit__rewards__reward__inner {
	display: none
}
@media only screen and (min-width:40em) {
	.recruit__rewards__reward--morgl .recruit__rewards__reward__inner {
		position: relative;
		display: block;
		background-image: url(images/recruit-a-friend/rewards-morgl-3a8b0ad165404775dcbd80279b5a8414ae04bd716719356d79db30ab0370979c34568da9639a61f3b676136610d30ba120cb55c24b21f1982d35eba543740655.png)
	}
	.recruit__rewards__reward--morgl .recruit__rewards__reward__inner:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -50px;
		margin-left: -50px;
		background: url(images/media/play-sprite-afa7cd2884863e243ac46c9d9766a0908b9835d62fb3339c5c9fed78b5367917c628219d5162935fb7b2bf0336103f8f4cbc98d64ee55e0e06e1790abd8ea3b9.png) 0 0 no-repeat;
		z-index: 1;
		width: 100px;
		height: 100px
	}
}
.recruit__rewards__reward--cardpacks .recruit__rewards__reward__inner {
	background-image: url(images/recruit-a-friend/rewards-cardpacks-c29c4b223e2dc9b7b9c7eee7a3528803912a596db6edaeaf550e297ea246e8bd2e943392e57a06451e0b453ae26ac2b2cc12de57bcb5a9c28192bb2f503b7aaa.png)
}
.heading--recruit__rewards__reward {
	font-size: 1.5em;
	margin: 0
}
.recruit__rewards__intro {
	font-size: 1.15em;
	margin: 32px 0;
	margin: 2rem 0
}
.recruit__rewards__reward__desc {
	font-size: 1.15em
}
.recruit__rewards__reward__video-container {
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
	margin-bottom: 9%
}
@media only screen and (min-width:40em) {
	.recruit__rewards__reward__video-container {
		margin-bottom: 0;
		display: none
	}
}
#ytplayer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
ul.recruit__terms {
	margin: 0 16px;
	margin: 0 1rem;
	padding: 64px 0;
	padding: 4rem 0
}
@media only screen and (min-width:72.5em) {
	ul.recruit__terms {
		margin: 0
	}
}
@-webkit-keyframes recruit-flash {
	0% {
		background: none
	}
	20% {
		background: hsla(0, 0%, 100%, .6)
	}
	80% {
		background: hsla(0, 0%, 100%, .6)
	}
	to {
		background: none
	}
}
@keyframes recruit-flash {
	0% {
		background: none
	}
	20% {
		background: hsla(0, 0%, 100%, .6)
	}
	80% {
		background: hsla(0, 0%, 100%, .6)
	}
	to {
		background: none
	}
}
.recruit__terms--flash .recruit__terms__term:last-child {
	-webkit-animation-name: recruit-flash;
	animation-name: recruit-flash;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	border-radius: .5em
}
.recruit__terms__term {
	margin-left: 16px;
	margin-left: 1rem;
	list-style-type: disc;
	list-style-position: outside
}
.recruit__terms__term+.recruit__terms__term {
	margin-top: 16px;
	margin-top: 1rem
}
.recruit__rewards__login {
	margin: 64px 0 16px;
	margin: 4rem 0 1rem;
	text-align: center
}
.hearthstone-cta--recruit__rewards__login--large {
	display: none
}
@media only screen and (min-width:40em) {
	.hearthstone-cta--recruit__rewards__login--large {
		display: inline-block
	}
}
.hearthstone-cta--recruit__rewards__login--small {
	display: block
}
@media only screen and (min-width:40em) {
	.hearthstone-cta--recruit__rewards__login--small {
		display: none
	}
}
.recruit__social__error .hearthstone-cta--recruit__social__share .hearthstone-cta__btn, .recruit__social__error .hearthstone-cta--recruit__social__token .hearthstone-cta__btn {
	background: #837f73;
	background: linear-gradient(180deg, #b7ad90 5%, #837f73 95%)
}
.recruit__social__error .hearthstone-cta--recruit__social__share .hearthstone-cta__text, .recruit__social__error .hearthstone-cta--recruit__social__token .hearthstone-cta__text {
	background: radial-gradient(circle, #b7ad90 25%, #837f73 75%)
}
.recruit__social__error .hearthstone-cta--recruit__social__share .hearthstone-cta__text:before, .recruit__social__error .hearthstone-cta--recruit__social__token .hearthstone-cta__text:before {
	background: radial-gradient(circle, #cbc4af 25%, #9b988e 75%)
}
.recruit__social__error .hearthstone-cta--recruit__social__share .hearthstone-cta__btn, .recruit__social__error .hearthstone-cta--recruit__social__token .hearthstone-cta__btn {
	cursor: not-allowed
}
.recruit__social__error .hearthstone-cta--recruit__social__share .hearthstone-cta__text, .recruit__social__error .hearthstone-cta--recruit__social__share:hover .hearthstone-cta__text, .recruit__social__error .hearthstone-cta--recruit__social__token .hearthstone-cta__text, .recruit__social__error .hearthstone-cta--recruit__social__token:hover .hearthstone-cta__text {
	color: #ddd
}
.recruit__social__error__alert {
	margin: 48px 0;
	margin: 3rem 0;
	padding: 32px;
	padding: 2rem;
	font-size: 1.25em;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left
}
@media only screen and (min-width:60em) {
	.recruit__social__error__alert {
		margin: 48px auto;
		margin: 3rem auto;
		max-width: 640px;
		max-width: 40rem
	}
}
.recruit__social__error__alert__title {
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	display: block;
	margin-bottom: 16px;
	margin-bottom: 1rem;
	background: url(images/form/hs_forms_x-ad95bbef329fa9e1d124d4ef4c8012441de042f506b1347b8bac29a37e6f2f92eb8afbe32f1f9f3530dde69d175d6338f349c8adcf61a1e9d1c0b17c726729c2.png) 0 no-repeat;
	background-size: 1em 1em;
	padding-left: 1.25em;
	line-height: 1em
}
.header-2 {
	text-transform: uppercase;
	font-size: 16px;
	font-size: 1rem
}
.form-title .header-3 {
	font-size: 20px;
	font-size: 1.25rem
}
.quote-button {
	z-index: 10
}
.forums-home .page-header-bg-chunk {
	position: absolute;
	width: 100%;
	height: 205px
}
@media only screen and (min-width:60em) {
	.forums-home .page-header-bg-chunk {
		top: -45px;
		height: 440px;
		background: transparent url(images/forum-header-bg-88e0ee31b7af4556dc17ee1f328596bb694e422cf26c717ef8ee5fab60d1bbe5537573c6a849f3e6f48aea241e574cad24a917ccf344d41c2750930f33c53add.png) center -6px no-repeat
	}
}
#blizz-tracker-lite {
	margin-bottom: 16px;
	margin-bottom: 1rem
}
@media only screen and (min-width:60em) {
	#blizz-tracker-lite {
		height: 280px;
		position: relative;
		margin-bottom: 64px;
		margin-bottom: 4rem
	}
}
#blizz-tracker-lite .header-2 {
	margin-left: 16px;
	margin-left: 1rem;
	text-align: left;
	margin-bottom: 8px;
	margin-bottom: .5rem
}
@media only screen and (min-width:60em) {
	#blizz-tracker-lite .header-2 {
		position: absolute;
		left: 32px;
		left: 2rem;
		top: 48px;
		top: 3rem;
		padding-left: 64px;
		padding-left: 4rem;
		margin-left: 0
	}
}
@media only screen and (min-width:72.5em) {
	#blizz-tracker-lite .header-2 {
		left: 80px;
		left: 5rem
	}
}
@media only screen and (min-width:60em) {
	#blizz-tracker-lite .header-2:before {
		content: "";
		width: 55px;
		height: 55px;
		background: url(images/blizz-button-95c40cfdf53eb098ef21c0a773ecdae1d47ff9a475a0f0877cf88873f48ea0e3f162042578ffce495259ce583a79e88282db3450ec118b2a086116330a6c0183.png) 0 0 no-repeat;
		position: absolute;
		top: -16px;
		top: -1rem;
		left: 0
	}
}
#blizz-tracker-lite .header-2 a {
	display: inline;
	text-transform: none;
	font-size: 13px;
	font-size: .8125rem;
	white-space: nowrap
}
.blizzard-posts .mask-wrapper {
	overflow: hidden;
	overflow-x: auto;
	width: 100%;
	white-space: nowrap;
	height: 198px;
	height: 12.4rem;
	-webkit-overflow-scrolling: touch;
	background: url(images/forums/blue-tracker-widget-sm-cf5c188386b3a85b56c8329d7989d2c7957da510668a586f48db455ac6f676f2faab5f13cf65d71acfd775c4cf65bb1991246a18370183748c72aa44eca1fb53.jpg) 50% 0 no-repeat
}
@media only screen and (min-width:60em) {
	.blizzard-posts .mask-wrapper {
		position: absolute;
		left: 0;
		height: 180px;
		height: 11.3rem;
		right: 0;
		bottom: 0;
		max-width: 900px;
		max-width: 56.25rem;
		margin: auto;
		overflow: hidden;
		background: transparent
	}
}
.explore-nav-is-out .blizzard-posts .mask-wrapper {
	overflow: hidden
}
.blizzard-posts .mask {
	margin-top: 17px;
	margin-top: 1.1rem
}
@media only screen and (min-width:60em) {
	.blizzard-posts .mask {
		margin-top: 0
	}
}
.blizzard-posts .mask .holder {
	width: 4000px;
	width: 250rem;
	left: 0
}
@media only screen and (min-width:60em) {
	.blizzard-posts .mask .holder {
		position: absolute
	}
}
.blizzard-posts .holder .set {
	display: inline-block;
	white-space: normal;
	float: left
}
.tracked-blizzard-post {
	background: url(images/bt-background-a5b990e380320702bfefe3aa1104915e58b339c0eb978fc81252e86a670643438dd984243e735fd8347c936cd4f2f1a0254eb8643b6e4ab08a6b56ad57e90165.png) 0 0 no-repeat;
	width: 283px;
	height: 181px;
	display: inline-block;
	position: relative;
	float: left;
	margin: 0 12px
}
.tracked-blizzard-post:hover {
	text-decoration: none
}
.tracked-blizzard-post .desc {
	color: #004e8a;
	padding: 35px 35px 0;
	word-break: break-word;
	display: block;
	max-height: 112px;
	max-height: 7rem;
	overflow: hidden
}
.tracked-blizzard-post .info {
	position: absolute;
	white-space: normal;
	top: 114px;
	font-size: 10px;
	left: 35px;
	color: #613916;
	width: 227px;
	line-height: 150%;
	margin-left: -5px
}
.tracked-blizzard-post .employee-icon {
	float: left;
	position: relative;
	top: 2px;
	margin-right: 2px
}
.blizzard-posts .paging-arrow {
	background-image: url(images/bt-arrows-7bfc337238a53e7a91f8bfc19038332772cc80734ce87f034d380ba9033fcfa3cc83197559f1a598e1d0d92dcdf0b477e730755ad6da66354a4826d2e362700e.png)
}
.blizzard-posts .paging-arrow.arrow-left {
	background-position: 0 0
}
.blizzard-posts .paging-arrow.arrow-left:hover {
	background-position: 0 100%
}
.blizzard-posts .paging-arrow.arrow-right {
	background-position: 100% 0
}
.blizzard-posts .paging-arrow.arrow-right:hover {
	background-position: 100% 100%
}
.blizzard-posts .paging-arrow {
	position: absolute;
	top: 146px;
	z-index: 3;
	width: 58px;
	height: 40px
}
@media only screen and (max-width:59.99em) {
	.blizzard-posts .paging-arrow {
		display: none !important
	}
}
.blizzard-posts .paging-arrow.arrow-left {
	display: none;
	left: 10px
}
.blizzard-posts .paging-arrow.arrow-right {
	display: none;
	right: 10px
}
@media only screen and (min-width:60em) {
	.blizzard-posts .paging-arrow.arrow-right {
		display: block
	}
}
.blizzard-posts .mask-wrapper .mask-edge.mask-left {
	background-position: 0 0
}
.blizzard-posts .mask-wrapper .mask-edge.mask-right {
	background-position: 100% 0
}
.blizz-tracker .last-post-cell {
	display: none
}
@media only screen and (min-width:72.5em) {
	.blizz-tracker .last-post-cell {
		display: table-cell
	}
}
.blizz-tracker .last-poster-column {
	padding-left: 0
}
.blizz-tracker .content a {
	color: #000;
	font-weight: 700
}
.blizz-tracker .desc a {
	color: #666
}
.blizz-tracker .forum-actions-top .paging-wrapper {
	margin-top: 16px;
	margin-top: 1rem
}
#station-content {
	max-width: 1024px;
	margin: auto
}
.station-content-wrapper {
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:40em) {
	.station-content-wrapper {
		padding: 0 32px;
		padding: 0 2rem
	}
}
.forum-group {
	margin-bottom: 16px;
	margin-bottom: 1rem
}
.forum-group .header-2 {
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	background: transparent url(images/forums/left-shadow-977c68407177963b645cdc449fa43b0df4ff541071b3604aedae044f8dc0db6ffe297cb2d1ad637a41f4512bafea9f0c043a10de6d0e47429fdd60dff5b881b9.png) -15px 30px no-repeat;
	height: 35px;
	margin-bottom: 12px;
	margin-bottom: .75rem
}
.child-forums {
	font-size: .1px
}
@media only screen and (min-width:40em) {
	.child-forums {
		text-align: justify
	}
}
.child-forum {
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 4px;
	margin-bottom: .25rem;
	width: 100%
}
@media only screen and (min-width:40em) {
	.child-forum {
		width: 49.75%
	}
}
@media only screen and (min-width:60em) {
	.child-forum {
		width: 33%
	}
}
.child-forum .forum-link {
	font-size: 14px;
	font-size: .875rem;
	min-height: 128px;
	min-height: 8rem;
	padding: 16px;
	padding: 1rem;
	display: block;
	background-color: #dec79b;
	position: relative;
	background-color: rgba(116, 50, 0, .07);
	overflow: hidden
}
@media only screen and (min-width:40em) {
	.child-forum .forum-link {
		font-size: 12px;
		font-size: .75rem;
		max-height: 128px;
		max-height: 8rem
	}
}
.child-forum .forum-link:hover {
	text-decoration: none;
	background-color: rgba(116, 50, 0, .07)
}
@media only screen and (min-width:40em) {
	.child-forums .clear {
		display: inline-block;
		width: 100%
	}
}
.forum-group .forum-icon {
	text-align: center;
	display: block
}
@media only screen and (min-width:40em) {
	.forum-group .forum-icon {
		text-align: left;
		position: absolute
	}
}
.forum-group .forum-details {
	text-align: center
}
@media only screen and (min-width:40em) {
	.forum-group .forum-details {
		*zoom: 1;
		text-align: left;
		display: block;
		padding-left: 48px;
		padding-left: 3rem;
		max-height: 96px;
		max-height: 6rem;
		overflow: hidden;
		text-overflow: ellipsis
	}
	.forum-group .forum-details:after, .forum-group .forum-details:before {
		content: "\f099";
		display: table;
		visibility: hidden;
		line-height: 0
	}
	.forum-group .forum-details:after {
		clear: both
	}
}
.forum-group .forum-title {
	font-size: 16px;
	font-size: 1rem;
	display: block
}
@media only screen and (min-width:40em) {
	.forum-group .forum-title {
		font-size: 14px;
		font-size: .875rem
	}
}
.forum-group .forum-desc {
	color: #000;
	display: block
}
.forum-group .group-header {
	line-height: 30px;
	margin-top: 20px;
	padding: 0;
	background: url(images/collapse-button-890984d7b32c02349522270c84930f6b4bec7725f64f062bedd43b95bbd6f6ce2b92b3f93b8ab8aad5811c7d393ecd01dafb9bcab739004d554d00b785fc4396.png) right 0 no-repeat;
	height: 35px;
	clear: both;
	display: block
}
.forum-group .group-header:hover {
	background-position: right -72px
}
.forum-group .group-header.collapsed {
	background-position: right -36px
}
.forum-group .group-header.collapsed:hover {
	background-position: right -108px
}
.forums-home .code-of-conduct {
	padding: 12px;
	padding: .75rem;
	text-transform: uppercase;
	text-align: center;
	display: block;
	margin-bottom: 16px;
	margin-bottom: 1rem;
	background-color: #dec79b;
	background-color: rgba(116, 50, 0, .07);
	border-radius: 10px;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size: .875rem
}
.forums-home .code-of-conduct:hover {
	text-decoration: none
}
.topics-wrapper {
	max-width: 1056px;
	max-width: 66rem;
	margin: auto
}
.topic-header-wrapper .subheader-2, .topics-wrapper .subheader-2 {
	font-size: 25px;
	font-size: 1.6rem;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #03345f;
	font-weight: 700;
	text-align: center;
	clear: both
}
@media only screen and (min-width:30em) {
	.topic-header-wrapper .subheader-2, .topics-wrapper .subheader-2 {
		text-align: left
	}
}
@media only screen and (min-width:40em) {
	.topic-header-wrapper .subheader-2, .topics-wrapper .subheader-2 {
		font-size: 32px;
		font-size: 2rem;
		clear: none
	}
}
.create-button-wrapper {
	text-align: center;
	margin: 28px 0 16px;
	margin: 1.8rem 0 1rem;
	clear: both
}
@media only screen and (min-width:30em) {
	.create-button-wrapper {
		float: left;
		text-align: left
	}
}
@media only screen and (min-width:40em) {
	.create-button-wrapper {
		margin-top: 24px;
		margin-top: 1.5rem
	}
}
@media only screen and (min-width:30em) {
	.forum-actions-bottom .create-button-wrapper {
		margin: 0;
		margin-top: -8px;
		margin-top: -.5rem
	}
}
@media only screen and (min-width:60em) {
	.forum-actions-bottom .create-button-wrapper {
		margin-top: 0
	}
}
.forum-actions {
	position: relative;
	padding: 16px 16px 0;
	padding: 1rem 1rem 0
}
.forum-actions-bottom {
	background: transparent url(images/search-bottom-bg-c2b8329128698cf528d20a5e28ed8401c416aafffcc299de9e0c8aa2b2ca94fa22810457f8734556d13ed5224f5bc2e76fef8f22ba910c2070e3c7cbda5f6fae.png) 50% top no-repeat;
	min-height: 56px;
	min-height: 3.5rem
}
@media only screen and (min-width:60em) {
	.forum-actions-bottom {
		background: transparent url(images/layout/cms/bg-topic-list-d88fb114c8cfcda88105e649bdfbb9a768cb6d7816c5e9ca2659dee795a2249ac3259a776b950bc27cfd24c4cdaac50231227fedb186647f465fbd916bc3c8e3.png) 50% 0 no-repeat;
		-ms-background-position-x: 0
	}
}
.forum-actions-bottom .actions-right {
	*zoom: 1
}
.forum-actions-bottom .actions-right:after, .forum-actions-bottom .actions-right:before {
	content: "";
	display: table;
	visibility: hidden;
	line-height: 0
}
.forum-actions-bottom .actions-right:after {
	clear: both
}
@media only screen and (min-width:40em) {
	.forum-actions-bottom .actions-right {
		margin-right: 32px;
		margin-right: 2rem
	}
}
.forum-actions-bottom .paging-wrapper, .forum-actions-top .paging-wrapper {
	text-align: center
}
@media only screen and (min-width:30em) {
	.forum-actions-top .paging-wrapper {
		margin-top: 20px;
		margin-top: 1.3rem
	}
}
@media only screen and (min-width:40em) {
	.forum-actions-top .paging-wrapper {
		margin-top: 46px;
		margin-top: 2.9rem;
		float: none;
		position: absolute;
		right: 16px;
		right: 1rem
	}
}
.view-forum .forum-actions-bottom .paging-wrapper {
	min-height: 24px;
	min-height: 1.5rem
}
@media only screen and (min-width:30em) {
	.paging-wrapper {
		position: absolute;
		right: 16px;
		right: 1rem;
		float: none
	}
}
.ui-pagination {
	*zoom: 1;
	height: auto
}
.ui-pagination:after, .ui-pagination:before {
	content: "";
	display: table;
	visibility: hidden;
	line-height: 0
}
.ui-pagination:after {
	clear: both
}
.ui-pagination li {
	float: none
}
.ui-pagination li a:hover {
	text-decoration: none
}
.pages-wrapper .ui-pagination li a {
	float: none;
	height: auto
}
.pages-wrapper .ui-pagination li a span {
	font-size: inherit;
	height: auto;
	line-height: inherit
}
@media only screen and (min-width:40em) {
	.pages-wrapper {
		float: right;
		display: inline-block
	}
}
.pages-wrapper .ui-pagination {
	margin: auto
}
.pages-wrapper .ui-pagination a {
	background: none;
	border: none
}
@media only screen and (max-width:59.99em) {
	.pages-wrapper .ui-pagination a {
		padding: 0 4px;
		padding: 0 .25rem
	}
}
.pages-wrapper .ui-pagination a span {
	background: none;
	padding: 0;
	color: inherit
}
@media only screen and (min-width:40em) {
	.inner-search-wrapper {
		margin-top: 8px;
		margin-top: .5rem;
		float: right
	}
}
@media only screen and (min-width:60em) {
	.inner-search-wrapper {
		float: right
	}
}
.inner-search-form {
	margin-bottom: 16px;
	margin-bottom: 1rem;
	min-width: 240px;
	min-width: 15rem
}
.inner-search-form fieldset {
	padding: 0;
	border: none
}
.inner-search-submit {
	display: none
}
#inner-search-field {
	padding: 5px;
	color: #666;
	width: 100%;
	border-radius: 5px;
	background-color: #f8f3e5;
	border: 1px solid #d1ba96
}
.forum-topics {
	width: 100%;
	padding: 16px 0;
	padding: 1rem 0;
	margin-bottom: 16px;
	margin-bottom: 1rem
}
@media only screen and (min-width:60em) {
	.forum-topics {
		margin-bottom: 0
	}
}
.forum-topics th {
	padding-top: 12px;
	padding-top: .8rem;
	padding-bottom: 4px;
	padding-bottom: .3rem;
	font-size: 9px;
	font-size: .6125rem;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font-weight: 400;
	text-transform: uppercase
}
.forum-topics thead tr {
	height: 24px;
	height: 1.5rem;
	background: transparent url(images/layout/cms/bg-topic-list-title-ae0d6fa2f02318a901c6b451c160dd1b76a8a8957b9d29c565eadee0a9d2b855c8aecc9e70db75e3bfd87e0bb5fa879e92c1c0289ce0660c336a22ae1b3e90cc.png) 50% 0 no-repeat;
	-ms-background-position-x: 0
}
.forum-topics tbody td {
	padding-top: 12px;
	padding-top: .75rem;
	padding-bottom: 12px;
	padding-bottom: .75rem
}
.forum-topics tbody tr {
	padding: 0 8px;
	padding: 0 .5rem
}
@media only screen and (min-width:60em) {
	.forum-topics tbody tr {
		background: transparent url(images/layout/cms/bg-topic-list-d88fb114c8cfcda88105e649bdfbb9a768cb6d7816c5e9ca2659dee795a2249ac3259a776b950bc27cfd24c4cdaac50231227fedb186647f465fbd916bc3c8e3.png) 50% 0 no-repeat;
		-ms-background-position-x: 0
	}
}
@media only screen and (max-width:59.99em) {
	.forum-topics tbody tr:nth-child(odd) {
		background-color: rgba(116, 50, 0, .07)
	}
}
.forum-topics .icon-cell {
	position: relative;
	width: 48px;
	width: 3rem;
	vertical-align: top
}
@media only screen and (min-width:30em) {
	.forum-topics .icon-cell {
		width: 64px;
		width: 4rem
	}
}
.forum-topics .topic-icon {
	background: url(images/icons/forum-landing-e321dfa8eae88dfb64482e497cef3a3f19ea0663c61bf894eaa8e2e07876509e784f59c74626f8a8765f027b9b4d219427067ca108d53cdc2558601060fa568d.png) 0 0 no-repeat;
	position: relative;
	z-index: 1;
	left: 8px;
	left: .5rem;
	display: block;
	width: 34px;
	height: 26px
}
@media only screen and (min-width:30em) {
	.forum-topics .topic-icon {
		left: 24px;
		left: 1.5rem
	}
}
.forum-topics .employee-icon {
	position: absolute;
	z-index: 2;
	margin-left: 4px;
	margin-left: .25rem;
	top: -2px
}
.topic-icon-wrapper {
	display: block;
	position: relative
}
.topic-icon-wrapper .employee-icon {
	top: 15px;
	left: 0
}
@media only screen and (min-width:30em) {
	.topic-icon-wrapper .employee-icon {
		left: 15px
	}
}
.author-wrapper {
	position: relative;
	top: 2px
}
.author-wrapper .employee-icon {
	display: inline-block;
	position: relative
}
.author-wrapper .author-name {
	max-width: 80px;
	max-width: 5rem;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis
}
@media only screen and (min-width:40em) {
	.author-wrapper .author-name {
		max-width: 80px;
		max-width: 5rem
	}
}
.topic-title {
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	word-break: break-word;
	display: inline-block
}
@media only screen and (min-width:40em) {
	.topic-title {
		float: left
	}
}
.locked .topic-title:after {
	display: inline-block;
	content: "";
	position: relative;
	top: 2px;
	left: 3px;
	width: 12px;
	height: 16px;
	background: url(images/icons/forum-landing-e321dfa8eae88dfb64482e497cef3a3f19ea0663c61bf894eaa8e2e07876509e784f59c74626f8a8765f027b9b4d219427067ca108d53cdc2558601060fa568d.png) -68px 0 no-repeat
}
.subject-column, .title-cell {
	text-align: left;
	position: relative;
	padding-left: 8px;
	padding-left: .5rem;
	padding-right: 16px;
	padding-right: 1rem
}
.reply-cell, .reply-column {
	text-align: center;
	padding-right: 16px;
	padding-right: 1rem
}
@media only screen and (min-width:30em) {
	.reply-cell, .reply-column {
		padding-right: 0
	}
}
.view-cell, .view-column {
	display: none;
	text-align: center
}
@media only screen and (min-width:60em) {
	.view-cell, .view-column {
		display: table-cell
	}
}
.last-post-time-cell, .last-poster-column {
	display: none;
	text-align: left;
	padding-left: 32px;
	padding-left: 2rem
}
@media only screen and (min-width:72.5em) {
	.last-post-time-cell, .last-poster-column {
		display: table-cell
	}
}
.last-post-author-cell {
	display: none
}
@media only screen and (min-width:72.5em) {
	.last-post-author-cell {
		display: table-cell;
		max-width: 176px;
		max-width: 11rem;
		text-overflow: ellipsis;
		text-align: right
	}
}
.author-cell, .author-column {
	display: none;
	position: relative;
	max-width: 112px;
	max-width: 7rem;
	text-overflow: ellipsis;
	overflow: hidden
}
@media only screen and (min-width:40em) {
	.author-cell, .author-column {
		display: table-cell;
		text-align: left
	}
}
.author-cell.last-post-cell {
	display: none
}
@media only screen and (min-width:72.5em) {
	.author-cell.last-post-cell {
		display: table-cell;
		text-align: right
	}
}
.forums .ui-tooltip {
	opacity: 0;
	margin-top: -16px;
	margin-top: -1rem;
	pointer-events: none;
	transition: opacity .3s ease-out, margin-top .2s ease-out;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0)
}
.forums .ui-tooltip.mouse, .forums .ui-tooltip.topCenter, .forums .ui-tooltip.topLeft, .forums .ui-tooltip.topRight {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	margin-top: 0
}
.topic-tooltip .topic-detail {
	display: block;
	padding-bottom: 8px;
	padding-bottom: .5rem;
	font-weight: 700;
	word-wrap: break-word;
	max-width: 288px;
	max-width: 18rem
}
.topic-tooltip .created, .topic-tooltip .info {
	display: block;
	font-size: 10px;
	font-size: .625rem;
	color: #957651
}
.view-forum .body-bot {
	min-height: inherit
}
.status-text {
	color: #e22c14
}
.last-post-time, .reply-cell, .view-cell {
	color: #666
}
.last-post-cell .author-name {
	color: #000
}
.author-name.blizzard-post, .last-post-link .author-name.blizzard-post {
	color: #0055ab
}
.last-post-cell .author-wrapper {
	padding-right: 32px;
	padding-right: 2rem
}
.last-post-link .author-name {
	color: #000
}
.forum-topics .read .topic-title {
	color: #666;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.forum-topics .read .topic-title:hover {
	color: #e22c14
}
.ko-kr .forum-topics .read .topic-title {
	font-family: Dotum
}
.forum-topics .read .topic-icon {
	background-position: -34px 0
}
.last-read-page {
	display: inline-block;
	padding: 0 8px;
	padding: 0 .5rem;
	position: relative
}
@media only screen and (min-width:40em) {
	.last-read-page {
		float: left;
		top: 4px;
		top: .25rem
	}
}
.last-read-arrow {
	display: block;
	background: url(images/icons/forum-landing-e321dfa8eae88dfb64482e497cef3a3f19ea0663c61bf894eaa8e2e07876509e784f59c74626f8a8765f027b9b4d219427067ca108d53cdc2558601060fa568d.png) -82px 0 no-repeat;
	height: 10px;
	width: 6px
}
@media only screen and (min-width:60em) {
	.view-topic .page-body {
		background: transparent url(images/subpage-body-bg-cedb8571126e7b165d35239b92bcf58c8ae30e6059c88ef8443da1b9d27c4911a762ffeab2ed143d33d00f676c11f77dad1ae864972862007102ad4fa368df08.png) 50% 0 no-repeat
	}
}
.view-topic .topic-title {
	font-family: inherit;
	line-height: 1.1;
	color: #03345f;
	white-space: normal;
	max-width: 784px;
	max-width: 49rem
}
.view-topic .topic-header .topic-status {
	display: block;
	clear: both;
	text-align: center;
	margin-bottom: 16px;
	margin-bottom: 1rem
}
@media only screen and (min-width:30em) {
	.view-topic .topic-header .topic-status {
		text-align: left;
		margin-bottom: 0
	}
}
.forum-wrapper {
	max-width: 1056px;
	max-width: 66rem;
	margin: auto
}
.topic-header-wrapper {
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:40em) {
	.topic-header-wrapper {
		padding: 0 32px;
		padding: 0 2rem
	}
}
.view-topic .forum-actions-top .reply-button-wrapper {
	display: none
}
@media only screen and (min-width:30em) {
	.view-topic .forum-actions-top .reply-button-wrapper {
		display: block;
		margin: 0;
		float: left;
		margin-top: 16px;
		margin-top: 1rem
	}
}
.view-topic .reply-button-wrapper {
	margin: 16px 0;
	margin: 1rem 0
}
@media only screen and (min-width:30em) {
	.view-topic .forum-actions-top .ui-pagination {
		position: absolute;
		bottom: 0;
		right: 16px;
		right: 1rem
	}
}
@media only screen and (min-width:40em) {
	.view-topic .forum-actions-top .ui-pagination {
		right: 32px;
		right: 2rem
	}
}
.view-topic .forum-actions-bottom .ui-pagination {
	position: relative;
	z-index: 10;
	display: inline-block
}
.topic-header-wrapper .topic-header {
	float: left;
	width: 100%
}
@media only screen and (min-width:60em) {
	.topic-header-wrapper .topic-header {
		margin-top: 16px;
		margin-top: 1rem;
		margin-bottom: 32px;
		margin-bottom: 2rem
	}
}
.topic-header-wrapper .next-blizz-post {
	float: none;
	display: inline-block;
	margin-left: 16px;
	margin-left: 1rem;
	position: relative;
	top: 6px;
	top: .4rem
}
.post-info .next-blizz-post {
	margin-top: 8px;
	margin-top: .5rem
}
.topic-status-buttons {
	text-align: center
}
@media only screen and (min-width:30em) {
	.topic-status-buttons {
		float: left
	}
}
@media only screen and (min-width:40em) {
	.topic-status-buttons {
		float: right
	}
}
.request-sticky {
	display: inline-block
}
.topic-post {
	*zoom: 1;
	padding: 16px;
	padding: 1rem;
	position: relative;
	z-index: 2
}
.topic-post:after, .topic-post:before {
	content: " ";
	display: table;
	visibility: hidden;
	line-height: 0
}
.topic-post:after {
	clear: both
}
@media only screen and (min-width:40em) {
	.topic-post {
		padding: 32px;
		padding: 2rem
	}
}
@media only screen and (min-width:56em) {
	.topic-post {
		min-height: 288px;
		min-height: 18rem
	}
}
@media only screen and (min-width:60em) {
	.topic-post {
		background: url(images/layout/cms/bg-thread-9df57d74392564fac10fb6aae63c66eab3459426dbf42588ad75d8bf0a3b51b24a366a05db3ce868fff5c06a5fc778446c4658fa3e0156be356f5704cd95d1e7.png) 50% 0 no-repeat;
		padding: 32px 32px 16px;
		padding: 2rem 2rem 1rem;
		margin-bottom: -16px;
		margin-bottom: -1rem
	}
}
.topic-post.blizzard {
	background: url(images/layout/cms/bg-thread-blizzard-4b3ae6b72163c57351588c79269979df5ea471d463d83bace56c9170b55f73440446876a822947e1686aa5a9acbc966867751eef11ad9455773282d1b2627dd5.png) 0 -20px no-repeat
}
@media only screen and (min-width:60em) {
	.topic-post.blizzard {
		background: url(images/layout/cms/bg-thread-blizzard-4b3ae6b72163c57351588c79269979df5ea471d463d83bace56c9170b55f73440446876a822947e1686aa5a9acbc966867751eef11ad9455773282d1b2627dd5.png) 50% 0 no-repeat
	}
}
@media only screen and (max-width:59.99em) {
	.topic-post:nth-child(odd) {
		background-color: rgba(116, 50, 0, .07)
	}
}
@media only screen and (min-width:60em) {
	.topic-post.hidden {
		min-height: 0
	}
}
@media only screen and (min-width:60em) {
	.topic-post .post-options {
		position: absolute;
		bottom: 32px;
		bottom: 2rem;
		right: 32px;
		right: 2rem
	}
}
.topic-post .button2 .icon-quote {
	background-position: -76px -38px !important;
	font-size: .1px;
	height: 15px;
	width: 16px;
	position: relative;
	top: -1px;
	padding: 0;
	background: url(images/layout/cms/view-topic-b35d79f450b4820c432f9426c4061c487c47526912555e871f3db3fcad098f099a207548786464e0516f385222ecea8a47c2f39761989a02813983a448f044ff.gif) -76px -37px no-repeat;
	text-indent: -9999px;
	display: inline-block
}
.ff .th-th .topic-post .button2 .icon-quote {
	line-height: normal
}
.forum-title {
	clear: both
}
.bnet-username {
	position: relative
}
.forum-title.admin-title, .topic-post.blizzard .post-content {
	color: #004e8a
}
.forum-title.mvp-title, .topic-post.mvp .post-content {
	color: #038515
}
.post-list {
	margin: 24px 0 32px;
	margin: 1.5rem 0 2rem;
	position: relative
}
.post-list:before {
	content: " ";
	width: 100%;
	position: absolute;
	top: -24px;
	top: -1.5rem;
	height: 24px;
	height: 1.5rem;
	background: transparent url(images/layout/cms/bg-topic-list-title-ae0d6fa2f02318a901c6b451c160dd1b76a8a8957b9d29c565eadee0a9d2b855c8aecc9e70db75e3bfd87e0bb5fa879e92c1c0289ce0660c336a22ae1b3e90cc.png) 50% 0 no-repeat
}
@media only screen and (min-width:60em) {
	.post-list:before {
		display: none
	}
}
.post-list:after {
	content: " ";
	width: 100%;
	position: absolute;
	background: url(images/home/divider-small-6aac52be7a2e8051beb6ebac3eb169a29bf52dc15ad565dc4b39f7b00f569ee3928ae9b8b332384354290745c4fd75471b5070a42c54726e15f8e66a52e4450e.jpg) bottom repeat-x;
	bottom: -16px;
	bottom: -1rem;
	height: 24px;
	height: 1.5rem
}
@media only screen and (min-width:60em) {
	.post-list:after {
		display: none
	}
}
.forum-avatar {
	float: left
}
.user-details {
	padding-left: 16px;
	padding-left: 1rem;
	float: left;
	max-width: 160px;
	max-width: 10rem
}
.user-details .context-link {
	float: left;
	word-break: break-word;
	max-width: 144px;
	max-width: 9rem
}
@media only screen and (min-width:30em) {
	.user-details .context-link {
		max-width: none
	}
}
@media only screen and (min-width:56em) {
	.user-details .context-link {
		max-width: 144px;
		max-width: 9rem
	}
}
.user-details .post-count {
	clear: left
}
@media only screen and (min-width:56em) {
	.topic-post .post-character {
		position: absolute;
		top: 48px;
		top: 3rem;
		left: 32px;
		left: 2rem;
		max-width: 240px;
		max-width: 15rem
	}
}
.topic-post .ui-context {
	left: -12px;
	left: -.75rem;
	top: -9px;
	top: -.6rem
}
.topic-post .post-content {
	padding: 32px 0;
	padding: 2rem 0
}
@media only screen and (min-width:56em) {
	.topic-post .post-content {
		width: 100%;
		padding: 16px 0 32px;
		padding: 1rem 0 2rem;
		padding-left: 256px;
		padding-left: 16rem
	}
}
.topic-post .post-detail {
	min-height: 48px;
	min-height: 3rem;
	word-wrap: break-word;
	font-size: 14px;
	font-size: .875rem
}
@media only screen and (max-width:59.99em) {
	.topic-post .post-detail {
		font-size: 15px;
		font-size: .9375rem
	}
}
@media only screen and (min-width:56em) {
	.topic-post .post-detail {
		max-width: 464px;
		max-width: 29rem
	}
}
@media only screen and (min-width:60em) {
	.topic-post .post-detail {
		max-width: 512px;
		max-width: 32rem
	}
}
@media only screen and (min-width:72.5em) {
	.topic-post .post-detail {
		max-width: 560px;
		max-width: 35rem
	}
}
.topic-post .post-info-wrapper {
	position: absolute;
	top: 16px;
	top: 1rem;
	right: 16px;
	right: 1rem;
	text-align: right
}
@media only screen and (min-width:40em) {
	.topic-post .post-info-wrapper {
		top: 32px;
		top: 2rem;
		right: 32px;
		right: 2rem
	}
}
.topic-post .post-options {
	text-align: right
}
.reply-button-wrapper {
	text-align: center
}
.bottom-reply-wrapper {
	margin: 32px 0;
	margin: 2rem 0
}
.view-topic .forum-actions-bottom .ui-breadcrumb {
	position: absolute;
	top: -28px;
	top: -1.8rem
}
@media only screen and (min-width:60em) {
	.view-topic .forum-actions-bottom .ui-breadcrumb {
		top: 12px;
		top: .8rem
	}
}
.forums .avatar-outer {
	border: 2px solid #f9eb63;
	border-image: linear-gradient(#f9eb63, #4c2e1a 80%, #ad7531) 1;
	box-shadow: 0 0 3px #4e3e25
}
@media only screen and (min-width:30em) {
	.forums .avatar-outer {
		border: none;
		border-image: none;
		background: url(images/layout/cms/avatar-frame-733fe245ad42d13969dea54466346ccb0d49f63805ed96f675bf92e71da1276b9512d51ebe1975836b1739699ebc4cb14d08e1cc1b5ddd65db769d70303e4169.png);
		width: 78px;
		height: 88px;
		box-shadow: none
	}
}
.avatar-outer img {
	display: block
}
@media only screen and (min-width:30em) {
	.avatar-outer a {
		width: 64px;
		height: 64px;
		position: relative;
		top: 7px;
		left: 7px;
		overflow: hidden;
		display: block;
		background-color: #000
	}
}
.break-down {
	display: block
}
.post-rating {
	font-size: 17px;
	font-size: 1.1rem
}
.post-info-wrapper .date {
	color: #666;
	font-size: 11px;
	font-size: .6875rem
}
.forum-title, .post-count {
	font-size: 11px
}
.next-blizz-post {
	display: block;
	float: right;
	height: 24px;
	width: 48px;
	background: url(images/layout/cms/next-blizz-65ea6bd885200f1c9a4d6397470635856a0301a5ee5cf0bc6af32fee304936ae5490dfee5b21bbc024d43dfbd5c147f6d26973c629464636c3bc043dd0c84fd2.gif) -2px -2px repeat
}
.view-topic .forum-actions-top {
	*zoom: 1;
	position: relative;
	text-align: center
}
.view-topic .forum-actions-top:after, .view-topic .forum-actions-top:before {
	content: "";
	display: table;
	visibility: hidden;
	line-height: 0
}
.view-topic .forum-actions-top:after {
	clear: both
}
@media only screen and (min-width:40em) {
	.view-topic .forum-actions-top {
		padding: 0 32px;
		padding: 0 2rem
	}
}
.view-topic .forum-actions-bottom {
	padding: 16px 0;
	padding: 1rem 0;
	text-align: center;
	height: 52px;
	height: 3.3rem;
	background: transparent url(images/search-bottom-bg-c2b8329128698cf528d20a5e28ed8401c416aafffcc299de9e0c8aa2b2ca94fa22810457f8734556d13ed5224f5bc2e76fef8f22ba910c2070e3c7cbda5f6fae.png) 50% bottom no-repeat
}
@media only screen and (min-width:40em) {
	.view-topic .forum-actions-bottom {
		text-align: left
	}
}
@media only screen and (max-width:59.99em) {
	.view-topic .forum-actions-bottom.no-pagination {
		background: transparent;
		height: 0;
		min-height: 0;
		padding: 0
	}
}
@media only screen and (min-width:40em) {
	.view-topic .forum-actions-bottom .actions-right {
		text-align: right
	}
}
.report-violation {
	padding: 16px;
	padding: 1rem;
	background: url(images/layout/cms/code-bg-e813aa50140943fa9246b5e24fc0ae8aaef122140dbe8c19788f6e7bcd0f065329b0b1053905eed82fd12e2d9cafc53f4a21876a0d0df39ac375d36729bd0a31.gif) 0 0
}
@media only screen and (min-width:40em) {
	.report-violation {
		padding-top: 48px;
		padding-top: 3rem;
		padding-bottom: 48px;
		padding-bottom: 3rem
	}
}
@media only screen and (min-width:40em) {
	.report-violation-inner {
		margin: auto;
		position: relative;
		max-width: 720px;
		max-width: 45rem
	}
}
@media only screen and (min-width:40em) {
	.report-violation-icon {
		position: absolute;
		left: 16px;
		left: 1rem;
		width: 67px;
		height: 60px;
		background: url(images/layout/cms/view-topic-b35d79f450b4820c432f9426c4061c487c47526912555e871f3db3fcad098f099a207548786464e0516f385222ecea8a47c2f39761989a02813983a448f044ff.gif) 0 0 no-repeat
	}
}
@media only screen and (min-width:40em) {
	.report-violation-details {
		padding-left: 96px;
		padding-left: 6rem;
		max-width: 704px;
		max-width: 44rem
	}
}
.post-detail blockquote {
	border: 1px solid #bea671;
	border-bottom-width: 3px;
	margin: 16px 0 5px 25px;
	margin: 1rem 0 5px 25px;
	padding: 10px;
	border-radius: 5px
}
.post-detail blockquote>ul {
	padding-left: 20px
}
.post-detail blockquote div {
	padding-bottom: 5px;
	margin-bottom: 5px
}
.post-detail blockquote .bml-quote-date {
	float: right;
	font-size: 11px
}
.post-detail blockquote.quote-public {
	border-color: #4e3e25 !important;
	color: #000 !important
}
.post-detail blockquote.quote-public strong {
	color: #000
}
.post-detail blockquote.quote-public .underline {
	border-bottom: 1px solid #000
}
.post-detail blockquote.quote-public .underline strong, .post-detail blockquote.quote-public strong .underline {
	border-bottom: 1px solid #a59677
}
.post-detail blockquote.quote-public blockquote {
	color: #a59677;
	border-color: #4e3e25
}
.post-detail blockquote.quote-blizzard {
	border-color: #bea671 !important;
	color: #0055ab !important
}
.post-detail blockquote.quote-blizzard strong {
	color: #0055ab
}
.post-detail blockquote.quote-blizzard .underline strong, .post-detail blockquote.quote-blizzard strong .underline {
	border-bottom: 1px solid #0055ab
}
.post-detail blockquote.quote-mvp {
	border-color: #038515 !important;
	border-bottom-color: #038515 !important;
	color: #038515 !important
}
.post-detail blockquote.quote-mvp .underline {
	border-color: #038515
}
.post-detail blockquote.quote-mvp strong {
	color: #038515
}
.post-detail blockquote.quote-mvp .underline strong, .post-detail blockquote.quote-mvp strong .underline {
	border-bottom: 1px solid #038515
}
.hidden-post-wrapper, .hidden .post-interior {
	display: none
}
.hidden .hidden-post-wrapper {
	display: block
}
.hidden-post-wrapper .post-character {
	display: table-cell;
	position: static
}
@media only screen and (min-width:30em) {
	.hidden-post-wrapper .post-character {
		position: absolute
	}
}
@media only screen and (min-width:40em) {
	.hidden-post-wrapper .post-character {
		top: 32px;
		top: 2rem
	}
}
.hidden .user-details {
	padding-left: 0
}
.hidden .post-content {
	padding-bottom: 0;
	padding-top: 16px;
	padding-top: 1rem
}
@media only screen and (min-width:30em) {
	.hidden .post-content {
		text-align: center;
		padding-top: 0
	}
}
@media only screen and (min-width:60em) {
	.hidden .post-content {
		text-align: left
	}
}
.hidden .post-detail {
	min-height: 32px;
	min-height: 2rem
}
.forums .ui-overlay {
	width: 100%;
	max-width: 547px;
	color: #fff
}
.forums .ui-overlay:before {
	background-color: #e6d3a8;
	content: " ";
	position: absolute;
	top: 64px;
	top: 4rem;
	left: 0;
	bottom: 240px;
	bottom: 15rem;
	right: 0
}
.forums .overlay-close, .forums .ui-overlay {
	background: url(images/ui/overlay-3145368d7bdde765165a0c4ae27e7204d069dfccd15118206708125f809a49d211047a5e65980a004ff85c524dac508365badad231e06b67bbe8a24667750867.png) 50% 50% no-repeat
}
.forums .ui-overlay .overlay-top {
	padding-top: 26px;
	position: relative;
	background: url(images/ui/overlay-top-0a74e0e7d1f40ef168168c3008e0d32e83e528ad8a6a00960c573954e48f9df449ddae579e0479067874520861dc74654905e99363fb2e293cea3d010d4222ee.png) 50% 1px no-repeat
}
.forums .ui-overlay .overlay-bottom {
	padding-bottom: 223px;
	background-position: -548px 100%
}
.forums .ui-overlay .overlay-middle {
	padding: 0 60px 10px;
	text-align: center;
	color: #500a70;
	font-size: 22px;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif
}
.forums .ui-overlay .overlay-close {
	top: 27px;
	top: 1.7rem;
	right: 16px;
	right: 1rem;
	width: 31px;
	height: 29px;
	background-position: -174px -201px
}
@media only screen and (min-width:30em) {
	.forums .ui-overlay .overlay-close {
		right: 27px;
		right: 1.7rem
	}
}
.forums .ui-overlay .overlay-close:hover {
	background-position: -218px -201px
}
.posting-status-message {
	text-align: center;
	padding: 32px;
	padding: 2rem;
	font-size: 16px;
	font-size: 1rem;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif
}
.post-edited {
	margin-top: 16px;
	margin-top: 1rem
}
.no-posts-found {
	text-align: center
}
.ui-context .context .close {
	width: 16px;
	width: 1rem;
	height: 16px;
	height: 1rem;
	z-index: 10;
	padding: 16px;
	padding: 1rem;
	top: 0;
	right: 0;
	background-position: 0 -164px
}
.ui-context .context .close:hover {
	background-position: 0 -188px
}
.ui-context .context-user {
	max-width: 80px;
	max-width: 5rem
}
.view-topic .post-detail ul {
	display: block;
	list-style-position: outside;
	padding: 0;
	margin: 0
}
.view-topic .post-detail>ul {
	padding-left: 19px;
	padding-left: 1.2rem
}
.view-topic .post-detail li {
	display: list-item;
	list-style-position: outside;
	margin-left: 16px;
	margin-left: 1rem;
	padding-left: 4px;
	padding-left: .25rem;
	list-style-type: disc;
	text-align: left
}
.view-topic .post-detail li ul {
	padding-left: 20px
}
.view-topic .post-detail li+ul {
	padding-left: 40px
}
.view-topic .post-detail b, .view-topic .post-detail strong {
	font-weight: 700
}
.forums .rate-post-wrapper {
	position: relative;
	white-space: nowrap;
	margin-top: 4px;
	margin-top: .3rem;
	top: 0;
	float: left
}
.forums .rate-post-wrapper.rate-post-login {
	visibility: visible !important;
	max-width: 160px;
	max-width: 10rem;
	white-space: normal;
	margin-top: 0
}
.forums .rate-post-wrapper .rate-up {
	float: right;
	margin-left: 5px;
	color: #fff;
	visibility: visible !important;
	text-decoration: none
}
.rate-post-wrapper .rate-up .button-left, .rate-post-wrapper .rate-up .button-right {
	display: block;
	height: 27px;
	line-height: 27px;
	background: url(images/layout/cms/icon-rating-6b844df74c219616ba15af3dd858a887e697981e50f5f709ca00353f4ca0c85015b2f27c1317c704fb197131f948e75533a288785fa6ee2b65c8fbcd344b5e63.png) no-repeat
}
.rate-post-wrapper .rate-up .button-left {
	background-position: 0 -29px;
	padding-left: 23px
}
.rate-post-wrapper .rate-up .button-right {
	background-position: 100% -118px;
	padding-right: 10px
}
.rate-post-wrapper .rate-up:hover .button-left {
	background-position: 0 -59px
}
.rate-post-wrapper .rate-up:hover .button-right {
	background-position: 100% -148px
}
.rate-post-wrapper .downvote-wrapper {
	position: relative;
	float: right
}
.rate-post-wrapper .rate-down {
	display: block;
	width: 44px;
	height: 27px;
	visibility: visible !important;
	background: url(images/layout/cms/icon-rating-6b844df74c219616ba15af3dd858a887e697981e50f5f709ca00353f4ca0c85015b2f27c1317c704fb197131f948e75533a288785fa6ee2b65c8fbcd344b5e63.png) no-repeat
}
.rate-post-wrapper .rate-down:hover {
	background-position: -44px 0
}
.rate-post-wrapper .downvote-menu {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 12px
}
.rate-post-wrapper .downvote-menu .ui-dropdown {
	width: auto;
	min-width: 87px
}
.rate-post-wrapper .downvote-menu .ui-dropdown .dropdown-wrapper {
	border-radius: 5px;
	box-shadow: 0 0 3px #666;
	width: auto;
	min-width: 87px;
	background-color: #f5e9c8;
	border: 1px solid #c29f68;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.ie6 .rate-post-wrapper .downvote-menu .ui-dropdown .dropdown-wrapper {
	width: 117px;
	zoom: 1
}
.rate-post-wrapper .downvote-menu a {
	padding: 5px 12px 0 10px;
	display: block;
	text-align: right
}
.rate-post-wrapper .downvote-menu a:hover {
	text-decoration: underline
}
.rate-post-wrapper .downvote-menu .report-comment {
	border-radius: 0 0 5px 5px;
	border-top: 1px solid #ddc79f;
	padding: 2px 0 7px;
	margin-top: 8px;
	background-color: #e5d5b5
}
.rate-post-wrapper .downvote-menu .report-comment a {
	color: #e22c14;
	line-height: 17px
}
.rate-post-wrapper .downvote-menu .report-comment a:hover {
	text-decoration: underline
}
.rate-post-wrapper .downvote-menu .report-comment a:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 17px;
	background: url(images/layout/cms/view-topic-b35d79f450b4820c432f9426c4061c487c47526912555e871f3db3fcad098f099a207548786464e0516f385222ecea8a47c2f39761989a02813983a448f044ff.gif) -67px 0 no-repeat
}
.rate-post-wrapper .downvote-menu .report-comment a:hover:before {
	opacity: .9
}
.rate-post-wrapper.downvoted .rate-down, .rate-post-wrapper.downvoted .rate-down:hover {
	background-position: -88px 0
}
.rate-option {
	text-decoration: none
}
.rate-post-wrapper.upvoted .rate-up .button-left, .rate-post-wrapper.upvoted .rate-up:hover .button-left {
	background-position: 0 -89px
}
.rate-post-wrapper.upvoted .rate-up .button-right, .rate-post-wrapper.upvoted .rate-up:hover .button-right {
	background-position: 100% -178px;
	color: #6b4f3d;
	cursor: default;
	text-decoration: none
}
.rating-label {
	display: none
}
@media only screen and (min-width:40em) {
	.rating-label {
		display: inline
	}
}
.break-down .up {
	color: #038515;
	margin-right: .25em
}
.break-down .up:before {
	content: ""
}
.break-down .down {
	color: #a81a07;
	margin-left: .25em
}
.break-down .down:before {
	content: " "
}
.topic-form {
	padding: 16px;
	padding: 1rem;
	position: relative
}
@media only screen and (min-width:60em) {
	.topic-form {
		margin: 16px 0;
		margin: 1rem 0;
		background-color: rgba(116, 50, 0, .07);
		border-radius: 5px
	}
}
.bml-toolbar {
	*zoom: 1;
	text-align: center;
	margin-bottom: 40px;
	margin-bottom: 2.5rem
}
.bml-toolbar:after, .bml-toolbar:before {
	content: "";
	display: table;
	visibility: hidden;
	line-height: 0
}
.bml-toolbar:after {
	clear: both
}
@media only screen and (min-width:40em) {
	.bml-toolbar {
		float: left;
		text-align: left;
		margin-bottom: 0
	}
}
.bml-toolbar button {
	background: url(images/icons/bml-e637301d0f090b08642d3581f331b502ebc3436a902579fa6c3704449f2d80df9ba4796ee505dc970d54dfc5f814a3445e9c00709c2ab5eb43fc364382ebfc43.gif)
}
.bml-url {
	display: none
}
@media only screen and (min-width:56em) {
	.topic-form .form-left-col {
		position: absolute;
		max-width: 224px;
		max-width: 14rem;
		top: 0;
		left: 32px;
		left: 2rem
	}
}
.topic-form .form-left-col .form-title {
	margin: 16px 0;
	margin: 1rem 0;
	text-align: center
}
.topic-form fieldset {
	border: none;
	padding: 0
}
.post-editor {
	width: 100%;
	border: none;
	padding: 16px;
	padding: 1rem;
	border-radius: 5px;
	min-height: 224px;
	min-height: 14rem
}
@media only screen and (max-width:59.99em) {
	.post-editor {
		font-size: 16px;
		font-size: 1rem
	}
}
@media only screen and (min-width:56em) {
	.post-editor {
		max-width: 592px;
		max-width: 37rem
	}
}
.topic-form-wrapper {
	margin-top: 16px;
	margin-top: 1rem
}
@media only screen and (min-width:56em) {
	.topic-form-wrapper {
		margin-top: 0;
		padding-left: 256px;
		padding-left: 16rem
	}
}
.submit-post {
	margin: 16px auto;
	margin: 1rem auto
}
@media only screen and (min-width:56em) {
	.submit-post {
		max-width: 592px;
		max-width: 37rem;
		text-align: right;
		width: 100%;
		margin: 16px 0;
		margin: 1rem 0
	}
}
.topic-form-controls {
	*zoom: 1;
	text-align: center;
	margin: 16px 0;
	margin: 1rem 0;
	font-size: .1px
}
.topic-form-controls:after, .topic-form-controls:before {
	content: "";
	display: table;
	visibility: hidden;
	line-height: 0
}
.topic-form-controls:after {
	clear: both
}
@media only screen and (min-width:40em) {
	.topic-form-controls {
		margin: 0;
		text-align: right
	}
}
@media only screen and (min-width:56em) {
	.topic-form-controls {
		max-width: 592px;
		max-width: 37rem
	}
}
.control-button {
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font-size: 14px;
	position: relative;
	color: #fff;
	background-color: #a0815d;
	border-radius: 5px;
	display: inline-block;
	width: 49.9%;
	text-align: center;
	border: 1px solid #d6c09a;
	padding: 4px 0;
	padding: .25rem 0;
	box-shadow: inset -1px 1px 0 0 #c09a6f, inset 1px -1px 0 0 #8c7151, 0 0 0 2px #c4ae89
}
.control-button.selected {
	background-color: #725a37;
	cursor: default;
	color: #daac55;
	box-shadow: inset -1px 1px 0 0 #61452a, inset 1px -1px 0 0 #946b41, 0 0 0 2px #c4ae89
}
.control-button:hover {
	text-decoration: none
}
@media only screen and (min-width:40em) {
	.control-button {
		max-width: 80px;
		max-width: 5rem;
		margin-left: 16px;
		margin-left: 1rem
	}
}
@media only screen and (min-width:40em) {
	.ru-ru .control-button {
		max-width: 128px;
		max-width: 8rem
	}
}
.control-button.selected:after {
	content: "+";
	position: absolute;
	bottom: -10px;
	left: 50%;
	border-width: 8px 8px 0;
	border-style: solid;
	border-color: #a59677 transparent;
	display: block;
	width: 0;
	margin-left: -7px
}
@media only screen and (min-width:40em) {
	#post-edit {
		margin-top: -22px;
		margin-top: -1.4rem
	}
}
#post-preview {
	padding: 16px;
	padding: 1rem;
	max-width: 592px;
	max-width: 37rem
}
.topic-form-wrapper .post-detail {
	clear: both;
	min-height: 224px;
	min-height: 14rem;
	display: none
}
@media only screen and (max-width:59.99em) {
	.topic-form-wrapper .post-detail {
		font-size: 16px;
		font-size: 1rem
	}
}
.underline {
	text-decoration: underline
}
.topic-form.blizzard, .topic-form.blizzard .post-editor {
	color: #004e8a
}
.topic-form.blizzard .bml-toolbar .bml-url {
	display: inline-block
}
.post-subject {
	display: block;
	clear: both;
	margin-bottom: 8px;
	margin-bottom: .5rem;
	width: 100%
}
@media only screen and (min-width:56em) {
	.post-subject {
		max-width: 592px;
		max-width: 37rem
	}
}
.post-detail code, .post-detail pre {
	border: 1px solid #c29f68;
	background-color: hsla(0, 0%, 100%, .2);
	margin: 8px 0;
	margin: .5rem 0;
	max-height: 1000px;
	max-height: 62.5rem;
	white-space: pre;
	display: block;
	border-radius: 5px;
	padding: 16px;
	padding: 1rem;
	overflow: auto;
	font-size: 16px;
	font-size: 1rem
}
.topic-form-errors {
	text-align: center;
	color: red;
	font-weight: 700
}
@media only screen and (min-width:56em) {
	.topic-form-errors {
		text-align: left;
		padding-left: 256px;
		padding-left: 16rem
	}
}
.no-battletag-wrapper {
	text-align: center;
	max-width: 384px;
	max-width: 24rem;
	margin: 0 auto
}
@media only screen and (min-width:56em) {
	.no-battletag-wrapper {
		text-align: left;
		margin: 0
	}
}
.no-battletag-wrapper p {
	color: red;
	font-weight: 700
}
.topic-moderator-options {
	margin: 16px 0 0;
	margin: 1rem 0 0;
	padding: 12px;
	padding: .75rem
}
@media only screen and (min-width:40em) {
	.topic-moderator-options {
		margin: 16px 32px 0;
		margin: 1rem 2rem 0
	}
}
.create-topic .topic-moderator-options {
	text-align: left
}
@media only screen and (min-width:30em) {
	.create-topic .topic-moderator-options {
		margin: 0;
		padding: 0;
		max-width: 208px;
		max-width: 13rem
	}
}
@media only screen and (min-width:40em) {
	.create-topic .topic-moderator-options label {
		display: block
	}
}
.create-topic .topic-moderator-options .form-inner {
	padding: 16px;
	padding: 1rem
}
@media only screen and (min-width:40em) {
	.create-topic #pollId {
		width: 100%
	}
}
.topic-moderator-options.mod-details {
	margin: 0
}
.mod-details .user-details {
	*zoom: 1;
	float: none;
	padding-left: 0
}
.mod-details .user-details:after, .mod-details .user-details:before {
	content: "-";
	display: table;
	visibility: hidden;
	line-height: 0
}
.mod-details .user-details:after {
	clear: both
}
.mod-details .user-email {
	display: inline
}
.mod-details .user-email:after {
	content: " ";
	display: block
}
.mod-actions input {
	margin-right: 12px;
	margin-right: .75rem
}
.mod-details .mod-actions {
	*zoom: 1;
	display: block
}
.mod-details .mod-actions:after, .mod-details .mod-actions:before {
	content: " ";
	display: table;
	visibility: hidden;
	line-height: 0
}
.mod-details .mod-actions:after {
	clear: both
}
.admin-icon:before {
	display: inline-block;
	content: "";
	width: 16px;
	width: 1rem;
	height: 16px;
	height: 1rem;
	margin-right: 4px;
	margin-right: .25rem;
	background: url(images/icons/modactions-1451ca094abc18ceac426b600650094bd72c177e8f041fead461b9a3082bef5bcd32563fff65e4327aff3f5885bfaf6baca77d2de57cebf2259ebc8ac217fcf6.png) no-repeat
}
.admin-icon.edit-post:before {
	background-position: -2px -92px
}
.admin-icon.edit-post:hover:before {
	background-position: -2px -117px
}
.admin-icon.delete-post:before {
	background-position: -2px -139px
}
.admin-icon.delete-post:hover:before {
	background-position: -2px -164px
}
.admin-icon.delete-post.disabled:before, .admin-icon.delete-post.disabled:hover:before {
	background-position: -2px -300px;
	cursor: default
}
.admin-icon.freeze-post:before {
	background-position: -2px -326px
}
.admin-icon.freeze-post:hover:before {
	background-position: -2px -349px
}
.admin-icon.unfreeze-post:before, .admin-icon.unfreeze-post:hover:before {
	background-position: -4px -449px
}
.admin-icon.hide-post:before {
	background-position: -3px -371px
}
.admin-icon.hide-post:hover:before {
	background-position: -3px -409px
}
.admin-icon.unhide-post:before {
	background-position: -3px -390px
}
.admin-icon.unhide-post:hover:before {
	background-position: -3px -409px
}
.admin-icon.hide-post.disabled:before, .admin-icon.hide-post.disabled:hover:before, .admin-icon.unhide-post.disabled:before, .admin-icon.unhide-post.disabled:hover:before {
	background-position: -3px -428px;
	cursor: default
}
.admin-icon.more-options:before {
	background-position: 0 -184px
}
.admin-icon.more-options.active:before, .admin-icon.more-options:hover:before {
	background-position: 0 -209px
}
.admin-icon.more-options.active {
	color: #fff
}
.admin-actions a {
	display: block
}
.footer-mass-select {
	padding: 16px;
	padding: 1rem;
	margin: 16px 32px;
	margin: 1rem 2rem
}
.footer-mass-select label {
	margin-right: 32px;
	margin-right: 2rem
}
.topic-moderator-options .subheader-3 {
	margin-bottom: 12px;
	margin-bottom: .75rem
}
.button-mod {
	margin: 4px;
	margin: .25rem
}
.forum-mod-tools {
	background-color: #dec79b;
	padding: 16px;
	padding: 1rem;
	margin-top: 16px;
	margin-top: 1rem
}
.forum-mod-tools .sort-options {
	margin: 8px 0;
	margin: .5rem 0
}
.view-forum .forum-topics .forum-mod {
	display: none
}
.mass-select-cell {
	padding-left: 16px;
	padding-left: 1rem
}
.delete-selected-topics {
	margin-right: 8px;
	margin-right: .5rem
}
.view-forum .forum-topics .featured-topics .reorder-stickies-cell .drag-handle:before {
	display: none
}
.view-forum .forum-topics .featured-topics .reorder-stickies-cell .drag-handle:before, .view-forum .forum-topics .regular-topics .reorder-stickies-cell .drag-handle:before {
	background: none;
	background-repeat: no-repeat;
	background-position: 0 50%
}
.view-forum .forum-topics .reorder-stickies-cell {
	padding-left: 16px;
	padding-left: 1rem;
	position: relative
}
.view-forum .forum-topics .reorder-stickies-cell .drag-handle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	float: left;
	width: 64px;
	width: 4rem;
	height: 100%;
	cursor: ns-resize;
	z-index: 10
}
@media only screen and (min-width:40em) {
	.view-forum .forum-topics .reorder-stickies-cell .drag-handle {
		width: 32px;
		width: 2rem
	}
}
.view-forum .forum-topics .reorder-stickies-cell .drag-handle:before {
	content: " ";
	position: absolute;
	top: 50%;
	display: inline;
	left: 4px;
	left: .25rem;
	width: 16px;
	width: 1rem;
	height: 22px;
	height: 1.4rem;
	margin-top: -11px;
	margin-top: -.7rem;
	border-left: 3px dotted #333;
	background: url(cms-overlay/images/layout/cms/move.png) no-repeat 0 50%
}
.view-forum .forum-topics .ui-sortable-helper .forum-mod.reorder-stickies-cell .drag-handle {
	cursor: ns-resize
}
.view-forum .forum-topics .sticky-remove .reorder-stickies-cell .drag-handle:before {
	background-image: url(cms-overlay/images/layout/cms/sticky-remove.png)
}
.view-forum .forum-topics .sticky-add .reorder-stickies-cell .drag-handle:before {
	background-image: url(cms-overlay/images/layout/cms/sticky-add.png)
}
.view-forum .forum-topics .featured-topics .drag-handle {
	display: none
}
.view-forum .forum-topics .regular-topics .drag-handle {
	background: transparent
}
@media only screen and (min-width:56em) {
	.view-topic .post-history-wrapper {
		margin-left: 256px;
		margin-left: 16rem;
		padding-left: 16px;
		padding-left: 1rem;
		max-width: 544px;
		max-width: 34rem
	}
}
.mod-details .user-details {
	margin-bottom: 16px;
	margin-bottom: 1rem
}
.mod-details .mod-actions a {
	padding: 2px;
	padding: .15rem
}
.view-topic .post-character .topic-moderator-options .user-email {
	color: #000
}
.view-topic .post-character .topic-moderator-options .user-email.permanent {
	color: red
}
.view-topic .post-character .topic-moderator-options .user-email.suspension {
	color: #ff0
}
.topic-form input[type=text] {
	border-radius: 5px;
	border: none;
	font-size: 18px;
	font-size: 1.125rem;
	padding: 4px 16px;
	padding: .3rem 1rem
}
.create-topic {
	padding: 0
}
.create-topic .topic-form {
	margin: 0;
	padding: 0 16px;
	padding: 0 1rem
}
@media only screen and (min-width:40em) {
	.create-topic .topic-form-wrapper {
		padding-top: 16px;
		padding-top: 1rem;
		padding-bottom: 16px;
		padding-bottom: 1rem
	}
}
#report-table {
	padding: 16px;
	padding: 1rem;
	position: relative
}
@media only screen and (min-width:60em) {
	#report-table {
		background-color: #dec79b
	}
}
#report-reason {
	font-size: 16px;
	font-size: 1rem
}
.report-detail {
	margin-bottom: 16px;
	margin-bottom: 1rem
}
@media only screen and (min-width:56em) {
	.report-detail {
		width: 100%;
		padding-left: 256px;
		padding-left: 16rem
	}
}
@media only screen and (min-width:56em) {
	.report-desc {
		position: absolute;
		left: 0;
		text-align: right;
		width: 256px;
		width: 16rem
	}
}
@media only screen and (min-width:56em) {
	.report-submit-wrapper {
		width: 100%;
		padding-left: 256px;
		padding-left: 16rem
	}
}
.report-post .report-submit {
	margin-right: 16px;
	margin-right: 1rem
}
.post-list .post-reported-icon {
	display: block;
	float: right;
	width: 21px;
	height: 20px;
	margin-left: 8px;
	margin-left: .5rem;
	background: url(images/layout/cms/view-topic-b35d79f450b4820c432f9426c4061c487c47526912555e871f3db3fcad098f099a207548786464e0516f385222ecea8a47c2f39761989a02813983a448f044ff.gif) -67px -17px no-repeat
}
.report-success {
	text-align: center;
	padding: 16px;
	padding: 1rem
}
.report-success .header-3 {
	font-size: 21px;
	font-size: 1.3125rem
}
.view-topic .poll {
	padding: 16px;
	padding: 1rem;
	max-width: 480px;
	max-width: 30rem;
	border-radius: 5px;
	margin: 16px;
	margin: 1rem;
	border: 1px solid #d4ba8c;
	box-shadow: 0 .25rem 0 #d4ba8c
}
.poll-interior .results table {
	width: 100%
}
.result-bar {
	width: 70%
}
.result-bar .result {
	background-color: #500a70;
	height: 16px;
	height: 1rem
}
.poll.results-only .poll-options {
	display: none
}
.poll.results-only .results {
	display: block
}
.poll.results-only .poll-actions {
	margin-bottom: 16px;
	margin-bottom: 1rem
}
.poll-interior .results {
	display: none;
	margin: 16px 0;
	margin: 1rem 0
}
.poll .poll-options {
	margin-bottom: 16px;
	margin-bottom: 1rem
}
.poll .poll-option {
	display: block;
	margin: 4px 0;
	margin: .25rem 0
}
.result-label {
	display: block
}
@media only screen and (min-width:40em) {
	.result-label {
		display: table-cell
	}
}
.result-bar {
	display: block;
	margin-bottom: 8px;
	margin-bottom: .5rem
}
@media only screen and (min-width:40em) {
	.result-bar {
		display: table-cell
	}
}
#post-revisions, .ban-user #ban-table {
	color: #2e2e2e !important
}
.page-body.ban-user thead {
	text-align: left
}
#breakpoint {
	display: none !important;
	z-index: 0;
	position: relative
}
@media only screen and (min-width:30em) {
	#breakpoint {
		z-index: 1
	}
}
@media only screen and (min-width:40em) {
	#breakpoint {
		z-index: 2
	}
}
@media only screen and (min-width:60em) {
	#breakpoint {
		z-index: 3
	}
}
@media only screen and (min-width:72.5em) {
	#breakpoint {
		z-index: 4
	}
}
@media only screen and (min-width:80em) {
	#breakpoint {
		z-index: 5
	}
}