@charset "UTF-8";

.Tab-nav {
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-pack: justify;
	-ms-flex-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center
}

.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
}
.h1, .h2, .h3, .h4, .h5, .h6, .Modal-title, .u-pullLeft, .u-pullRight, h1, h2, h3, h4, h5, h6 {
	*zoom: 1
}
.h1:after, .h1:before, .h2:after, .h2:before, .h3:after, .h3:before, .h4:after, .h4:before, .h5:after, .h5:before, .h6:after, .h6:before, .Modal-title:after, .Modal-title:before, .u-pullLeft:after, .u-pullLeft:before, .u-pullRight:after, .u-pullRight:before, h1:after, h1:before, h2:after, h2:before, h3:after, h3:before, h4:after, h4:before, h5:after, h5:before, h6:after, h6:before {
	display: table;
	content: "";
	line-height: 0
}
.h1:after, .h2:after, .h3:after, .h4:after, .h5:after, .h6:after, .Modal-title:after, .u-pullLeft:after, .u-pullRight:after, h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
	clear: both
}
b, strong {
	font-weight: 700
}
.Breadcrumb-item--last a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.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
}
* {
	box-sizing: border-box
}
body {
	min-width: 0;
	color: #000;
	font: 14px/1.5 Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #f1d6a9
}
@media (min-width:60em) {
	body {
		font-size: 16px;
		background: #071122;
		background-size: auto
	}
}
.wrapper {
	overflow-x: hidden;
	min-height: 100%;
	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 (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 (min-width:60em) {
	.explore-nav-is-out .main-container {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
@media (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: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 (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 (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 (min-width:40em) {
	.hide-video--sm {
		display: none
	}
}
.is-fullscreen .hide-video--sm {
	display: block !important
}
.gradient-border {
	background-image: linear-gradient(180deg, #622f15, #a4630d);
	padding: 2px
}
.oh {
	overflow: hidden
}
.invisible {
	visibility: hidden !important
}
.footnote {
	font-style: italic;
	font-size: 80%
}
.unstyled-button {
	background: none;
	border: none;
	padding: 0;
	margin: 0
}
.extendFull, .extendFull--md, .extendLeft {
	padding-left: 720px;
	margin-left: -720px
}
.extendFull, .extendFull--md, .extendRight {
	padding-right: 720px;
	margin-right: -720px
}
.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
}
.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
}
.FullContentWrapper {
	width: 100%;
	overflow: hidden
}
.FullContentWrapper.FullContentWrapper--screenshots {
	padding-bottom: 22px;
	margin-bottom: -22px
}
.ContentSection {
	position: relative;
	margin: 0 auto;
	padding: 0 1em;
	max-width: 986px
}
@media (min-width:72.5em) {
	.ContentSection {
		max-width: 1160px
	}
}
@media (min-width:60em) {
	.ContentSection--narrow {
		padding: 0 80px;
		padding: 0 5rem
	}
}
hr {
	margin: 1.5em 0;
	overflow: hidden;
	background-color: rgba(114, 90, 55, .3);
	height: 1px;
	border: 0 none;
	width: 100%;
	margin: 24px auto;
	margin: 1.5rem auto
}
.DividerImage {
	position: relative;
	background-repeat: repeat-x;
	background-position: top;
	background-size: initial;
	background-color: transparent
}
.DividerImage--double {
	width: 100%;
	height: 15px;
	opacity: .3;
	background-image: url(images/ui/dividers/content-separator-02-379f0809e006333a3c744f41c3e0b219984d72364d338d676cfb2ab0d11130244ae88030cdb51935813d144b10df6585195b60849b321cda277da93869e4c472.png);
	border-radius: 12px 12px 0 0
}
.DividerImage--detailed {
	width: 100%;
	height: 12px;
	background-image: url(images/ui/dividers/divider-detailed-f0bd63f5883922867c1aa2bf24d7a099a4515bbec3db0ab8e1067ac660cfdab97ed1619874299fd9eca190b6c85bd94ee6b9dc197100c3c4d593426eabbd4bf5.png)
}
@media (min-width:40em) {
	.DividerImage--detailed {
		background-size: contain
	}
}
.DividerImage--doubleDetailed {
	width: 100%;
	height: 34px;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/divider-double-detailed.png)
}
@media (min-width:40em) {
	.DividerImage--doubleDetailed {
		background-size: contain
	}
}
.DividerImage--doubleHS {
	width: 100%;
	height: 41px;
	background-image: url(images/ui/dividers/divider-hs-f1b9bc5c9fcb02c6ab97752735aa46c8b0e65d63753d40d4c46fcf885217595e396539b0d3d206f96a7c7ba0d327e447c2c3a5a49062f8275c542f9f83811b7a.png)
}
@media (min-width:40em) {
	.DividerImage--doubleHS {
		background-size: contain
	}
}
.DividerImage--pageDivider {
	height: 68px;
	width: 200%;
	-webkit-transform: translateX(-26.075%);
	-ms-transform: translateX(-26.075%);
	transform: translateX(-26.075%);
	background-image: url(images/ui/dividers/card-background-top-9da025a83c7db60699e626dfdf475bf6e737f80bf971b59acb7118711915d6c0febc033ce1d047d0ef96e1fdcf5b314cc261a2ebd08a8c66442dec8c6e3f1edb.png);
	background-repeat: no-repeat
}
.DividerImage--pageDivider.is-flipped {
	-webkit-transform: rotate(180deg) translateX(23.915%);
	-ms-transform: rotate(180deg) translateX(23.915%);
	transform: rotate(180deg) translateX(23.915%)
}
.DividerImage--fadedSmall {
	height: 21px;
	width: 200%;
	background-image: url(images/ui/dividers/faded-divider-small-22da551c088a48a9dc2f2a5489cfb28ae69e44e3864326df85586d6257b4d88225a9c768c7e05473942deecd4b5fd6ff6ec14ef244d74e882bd51a91979691e2.png);
	background-repeat: no-repeat
}
.DividerImage--fadedSmall, .DividerImage--selectorDivider {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
.DividerImage--selectorDivider {
	height: 11px;
	width: 100%;
	background-image: url(images/ui/dividers/selectorDivider-e226f3d2c234b678a25bca65fcfa257e6df98812c7bce2b874e6591e59ebdd44f75cbf9940e1bd61f6e35e1aedd5d2826f0c0f47beab534c81dd8dbece79361c.png)
}
.PageDivider {
	width: 100%;
	height: 96px;
	position: relative;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/backgroundDividers2.png);
	background-position: center -2px
}
.PageDivider--top {
	height: 96px;
	margin-bottom: -58px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.PageDivider--top.is-folded {
	width: calc(100% - 20px - 75px);
	margin-left: 20px
}
.PageDivider--top.is-folded:after, .PageDivider--top.is-folded:before {
	content: "";
	top: 0;
	height: 100%;
	position: absolute;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/backgroundDividers2.png)
}
.PageDivider--top.is-folded:before {
	left: -20px;
	width: 60px;
	background-position: left -106px
}
.PageDivider--top.is-folded:after {
	right: -75px;
	width: 120px;
	background-position: right -106px
}
@media (min-width:60em) {
	.PageDivider--top {
		margin-bottom: -54px
	}
}
.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
}
.PageDivider--bottom.is-folded {
	width: calc(100% - 20px);
	margin-left: 20px
}
.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/ui/dividers/backgroundDividers2-2fd3b0661eb41afcf8e2482249ba6585ee588c25ae760de42ab20cfcc65523815b35624ff88df1815982971adb8c567a3fc6b3f8a170cdb192b313e24d7bbbc2.png);
	background-position: left -106px
}
.h1, h1 {
	font-size: 3em;
	line-height: 1;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	color: #233a6e;
	font-weight: 700
}
.h1, .h1 .small, .h1 small, .h2, h1, h1 .small, h1 small, h2 {
	text-transform: none
}
.h2, h2 {
	font-size: 2em;
	line-height: 1;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	color: #233a6e;
	font-weight: 700
}
.h2 .small, .h2 small, .h3, h2 .small, h2 small, h3 {
	text-transform: none
}
.h3, h3 {
	font-size: 1.75em;
	line-height: 1;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	color: #233a6e;
	font-weight: 700
}
.h3 .small, .h3 small, h3 .small, h3 small {
	text-transform: none
}
.h4, .Modal-title, h4 {
	font-size: 1.375em;
	line-height: 1;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	color: #233a6e;
	font-weight: 700;
	text-transform: none
}
.h4 .small, .h4 small, .h5, .Modal-title .small, .Modal-title small, h4 .small, h4 small, h5 {
	text-transform: none
}
.h5, h5 {
	font-size: 1.125em;
	line-height: 1;
	color: #233a6e;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-weight: 700
}
.h5 .small, .h5 small, .h6, h5 .small, h5 small, h6 {
	text-transform: none
}
.h6, h6 {
	font-size: 1.125em;
	line-height: 1;
	color: #233a6e;
	font-weight: 700
}
.h6 .small, .h6 small, h6 .small, h6 small {
	text-transform: none
}
.h1, .h2, .h3, .h4, .h5, .h6, .Modal-title, h1, h2, h3, h4, h5, h6 {
	margin-top: .15em;
	margin-bottom: .15em;
	display: block
}
.h1 .Heading--small, .h1 small, .h2 .Heading--small, .h2 small, .h3 .Heading--small, .h3 small, .h4 .Heading--small, .h4 small, .h5 .Heading--small, .h5 small, .h6 .Heading--small, .h6 small, .Modal-title .Heading--small, .Modal-title small, h1 .Heading--small, h1 small, h2 .Heading--small, h2 small, h3 .Heading--small, h3 small, h4 .Heading--small, h4 small, h5 .Heading--small, h5 small, h6 .Heading--small, h6 small {
	color: #725a37;
	font-size: 75%;
	display: block
}
.h1.Heading--bulleted, .h2.Heading--bulleted, .h3.Heading--bulleted, .h4.Heading--bulleted, .h5.Heading--bulleted, .h6.Heading--bulleted, .Heading--bulleted.Modal-title, h1.Heading--bulleted, h2.Heading--bulleted, h3.Heading--bulleted, h4.Heading--bulleted, h5.Heading--bulleted, h6.Heading--bulleted {
	padding: 0 0 0 1.2em;
	background: url(images/icons/list-bullet-47ba97e0da58d8e30ad19d3c507e07652ba07cddcb3ff4e0ac5e958fdc8f81b51daf01b791838202cdcb55aa2b0889a02ba526d3a58792172b409e59156c5b8e.png) no-repeat 0;
	background-size: contain
}
.h1.Heading--bulleted, h1.Heading--bulleted {
	padding-left: 1em;
	background-size: 38px
}
.Heading--underlined {
	padding-bottom: .25em;
	border-bottom: 1px solid rgba(114, 90, 55, .3)
}
code {
	font-family: Menlo, Monaco, Consolas, Courier New, monospace;
	background-color: rgba(116, 50, 0, .1);
	padding: 2px 4px;
	font-size: .8em;
	border-radius: 3px;
	margin: 0 2px
}
code, mark {
	color: #000
}
mark {
	background-color: #d7bb93;
	padding: 0 .5em
}
em, i {
	font-style: italic
}
@media (min-width:60em) {
	abbr[title] {
		border-bottom: 1px dotted rgba(0, 0, 0, .7);
		cursor: help
	}
}
abbr[title]:after {
	font-size: 75%;
	color: rgba(0, 0, 0, .7);
	content: "("attr(title) ") "
}
@media (min-width:60em) {
	abbr[title]:after {
		content: ""
	}
}
sup {
	vertical-align: super
}
sub, sup {
	color: rgba(0, 0, 0, .7);
	font-size: 75%
}
sub {
	vertical-align: baseline
}
a {
	color: #e22c14;
	font-weight: 700;
	text-decoration: none
}
a:active, a:focus, a:hover {
	text-decoration: underline;
	outline: 0 none;
	outline-offset: 0
}
a.Button.is-disabled, fieldset[disabled] a.Button {
	pointer-events: none
}
.Navbar a, .NavbarFooter a {
	font-weight: 400
}
ol, ul {
	padding-left: 24px;
	padding-left: 1.5rem;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	margin-top: 0;
	font-size: 14px;
	line-height: 1.75
}
ol ol, ol ul, ul ol, ul ul {
	margin-bottom: 0
}
ol ol, ul ol {
	list-style: lower-roman
}
ul {
	list-style: none;
}
ol {
	list-style: decimal
}
ol ul, ul ul {
	list-style-type: circle
}
.List--inline, .List--unstyled {
	padding-left: 0;
	list-style: none
}
.List--inline {
	margin-left: -5px
}
.List--inline>li {
	position: relative;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px
}
.List--image {
	padding-left: 0;
	list-style: none
}
.List--image li {
	position: relative;
	padding-left: 1.35em;
	display: block
}
.List--image li:before {
	content: " ";
	display: inline-block;
	text-indent: -9999px
}
.List--image ul {
	list-style: disc;
	padding-left: 1.75em
}
.List--image ul li {
	display: list-item;
	padding: 0
}
.List--image ul li:before {
	display: none
}
.List--mana li:before {
	position: absolute;
	top: 6px;
	left: 0;
	width: 13px;
	height: 13px;
	background: url(images/icons/list-bullet-47ba97e0da58d8e30ad19d3c507e07652ba07cddcb3ff4e0ac5e958fdc8f81b51daf01b791838202cdcb55aa2b0889a02ba526d3a58792172b409e59156c5b8e.png) no-repeat 0 0;
	background-size: contain
}
p {
	margin-top: 0;
	margin-bottom: 24px;
	margin-bottom: 1.5rem
}
p.Lead {
	font-size: 1.125em;
	line-height: 1.5;
	font-family: Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font-weight: 200;
	color: inherit
}
.organizer-form__input {
	font-size: 1.25em;
	outline: none;
	padding: .5em 1em;
	width: 100%;
	height: 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
}
.organizer-form__input:focus {
	border-color: #fdd432
}
.organizer-form__input:disabled {
	box-shadow: inset 0 0 .2rem rgba(162, 123, 75, .3);
	background: fade(#cbb27b, 50%);
	border-color: #cbb27b
}
.organizer-form__input.organizer-form__input--error {
	border-color: #d46122;
	border-width: 4px;
	border-width: .25rem;
	padding: 6px 14px;
	padding: .375rem .875rem
}
.organizer-form__input::-webkit-input-placeholder {
	color: #c0bbb3;
	font-style: italic
}
.organizer-form__input:-ms-input-placeholder {
	color: #c0bbb3;
	font-style: italic
}
.organizer-form__input::placeholder {
	color: #c0bbb3;
	font-style: italic
}
.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-type {
	text-rendering: optimizeLegibility;
	line-height: 1;
	margin-top: 0
}
.u-textUppercase {
	text-transform: uppercase
}
.u-textLowercase {
	text-transform: lowercase
}
.u-textCapitalize {
	text-transform: capitalize
}
.u-textReset {
	text-transform: none
}
.u-textLeft {
	text-align: left
}
.u-textRight {
	text-align: right
}
.u-textCenter {
	text-align: center
}
.u-textJustify {
	text-align: justify
}
.u-textNowrap {
	white-space: nowrap
}
.u-centerBlock, .u-pullLeft, .u-pullRight {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.u-centerBlock img, .u-pullLeft img, .u-pullRight img {
	width: 100%;
	margin-left: auto;
	margin-right: auto
}
.u-pullLeft {
	float: none
}
@media (min-width:40em) {
	.u-pullLeft {
		*zoom: 1;
		margin: 0 24px 0 0;
		margin: 0 1.5rem 0 0;
		float: left;
		display: inline
	}
	.u-pullLeft:after, .u-pullLeft:before {
		display: table;
		content: "";
		line-height: 0
	}
	.u-pullLeft:after {
		clear: both
	}
}
.u-pullRight {
	float: none
}
@media (min-width:40em) {
	.u-pullRight {
		*zoom: 1;
		margin: 0 0 0 24px;
		margin: 0 0 0 1.5rem;
		float: right;
		display: inline
	}
	.u-pullRight:after, .u-pullRight:before {
		display: table;
		content: "";
		line-height: 0
	}
	.u-pullRight:after {
		clear: both
	}
}
@media (min-width:40em) {
	.pull-left--sm {
		float: left
	}
	.pull-right--sm {
		float: right
	}
}
@media (min-width:60em) {
	.pull-left--md {
		float: left
	}
	.pull-right--md {
		float: right
	}
}
[class*=u-vertical] {
	display: inline-block
}
.u-verticalTop {
	vertical-align: top
}
.u-verticalBottom {
	vertical-align: bottom
}
.u-verticalMiddle {
	vertical-align: middle
}
.u-noBorder {
	border: 0 none !important
}
.u-noShadow {
	box-shadow: none !important
}
.u-noMarginTop {
	margin-top: 0 !important
}
.u-noMarginLeft {
	margin-left: 0 !important
}
.u-noMarginright {
	margin-right: 0 !important
}
.u-noMarginBottom {
	margin-bottom: 0 !important
}
.u-hide {
	display: none
}
[class*=u-show--] {
	display: none !important
}
@media (min-width:25em) {
	.u-show--xxs {
		display: block !important
	}
	table.u-show--xxs {
		display: table !important
	}
	tr.u-show--xxs {
		display: table-row !important
	}
	td.u-show--xxs, th.u-show--xxs {
		display: table-cell !important
	}
}
@media (min-width:25em) {
	.u-hide--xxs {
		display: none !important
	}
}
@media (min-width:30em) {
	.u-show--xs {
		display: block !important
	}
	table.u-show--xs {
		display: table !important
	}
	tr.u-show--xs {
		display: table-row !important
	}
	td.u-show--xs, th.u-show--xs {
		display: table-cell !important
	}
}
@media (min-width:30em) {
	.u-hide--xs {
		display: none !important
	}
}
@media (max-width:39.99em) {
	.u-show--xs-only {
		display: block !important
	}
	table.u-show--xs-only {
		display: table !important
	}
	tr.u-show--xs-only {
		display: table-row !important
	}
	td.u-show--xs-only, th.u-show--xs-only {
		display: table-cell !important
	}
}
@media (max-width:39.99em) {
	.u-hide--xs-only {
		display: none !important
	}
}
@media (min-width:40em) {
	.u-show--sm {
		display: block !important
	}
	table.u-show--sm {
		display: table !important
	}
	tr.u-show--sm {
		display: table-row !important
	}
	td.u-show--sm, th.u-show--sm {
		display: table-cell !important
	}
}
@media (min-width:40em) {
	.u-hide--sm {
		display: none !important
	}
}
@media (max-width:59.99em) {
	.u-show--sm-only {
		display: block !important
	}
	table.u-show--sm-only {
		display: table !important
	}
	tr.u-show--sm-only {
		display: table-row !important
	}
	td.u-show--sm-only, th.u-show--sm-only {
		display: table-cell !important
	}
}
@media (max-width:59.99em) {
	.u-hide--sm-only {
		display: none !important
	}
}
@media (min-width:60em) {
	.u-show--md {
		display: block !important
	}
	table.u-show--md {
		display: table !important
	}
	tr.u-show--md {
		display: table-row !important
	}
	td.u-show--md, th.u-show--md {
		display: table-cell !important
	}
}
@media (min-width:60em) {
	.u-hide--md {
		display: none !important
	}
}
@media (max-width:72.49em) {
	.u-show--md-only {
		display: block !important
	}
	table.u-show--md-only {
		display: table !important
	}
	tr.u-show--md-only {
		display: table-row !important
	}
	td.u-show--md-only, th.u-show--md-only {
		display: table-cell !important
	}
}
@media (max-width:72.49em) {
	.u-hide--md-only {
		display: none !important
	}
}
@media (min-width:72.5em) {
	.u-show--lg {
		display: block !important
	}
	table.u-show--lg {
		display: table !important
	}
	tr.u-show--lg {
		display: table-row !important
	}
	td.u-show--lg, th.u-show--lg {
		display: table-cell !important
	}
}
@media (min-width:72.5em) {
	.u-hide--lg {
		display: none !important
	}
}
.Icon:before {
	content: "";
	display: inline-block;
	vertical-align: middle
}
.Icon.no-hover {
	pointer-events: none
}
.Icon.is-rotated--left:before {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.Icon.is-rotated--right:before {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.Icon.is-rotated--180:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.Icon.is-animated--up {
	transition: all .15s ease-out
}
.Icon.is-animated--up:hover {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px)
}
.Icon.is-animated--down {
	transition: all .15s ease-out
}
.Icon.is-animated--down:hover {
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px)
}
.Icon.is-animated--left {
	transition: all .15s ease-out
}
.Icon.is-animated--left:hover {
	-webkit-transform: translateX(-2px);
	-ms-transform: translateX(-2px);
	transform: translateX(-2px)
}
.Icon.is-animated--right {
	transition: all .15s ease-out
}
.Icon.is-animated--right:hover {
	-webkit-transform: translateX(2px);
	-ms-transform: translateX(2px);
	transform: translateX(2px)
}
.Icon--arrowBlack:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -187px;
	width: 12px;
	height: 12px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowBlack:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--arrowDarkBlue:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -229px;
	width: 12px;
	height: 12px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowDarkBlue:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--arrowDarkBrown:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -201px;
	width: 12px;
	height: 12px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowDarkBrown:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--arrowDarkPurple:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -215px;
	width: 12px;
	height: 12px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowDarkPurple:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--arrowLightBlue:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -243px;
	width: 12px;
	height: 12px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowLightBlue:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--arrowLightBrown:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -89px;
	width: 12px;
	height: 12px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowLightBrown:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--arrowLightPurple:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -103px;
	width: 12px;
	height: 12px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowLightPurple:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--arrowMediumBrown:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -117px;
	width: 12px;
	height: 12px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowMediumBrown:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--arrowOrange:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -131px;
	width: 12px;
	height: 12px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowOrange:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--arrowRed:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -145px;
	width: 12px;
	height: 12px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowRed:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--arrowWhite:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -159px;
	width: 12px;
	height: 12px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowWhite:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--arrowYellow:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -173px;
	width: 12px;
	height: 12px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--arrowYellow:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--checkmarkGreen:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -266px -220px;
	width: 30px;
	height: 30px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--checkmarkGreen:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--downloadLightBrown:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -44px;
	width: 13px;
	height: 13px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--downloadLightBrown:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--downloadRed:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -59px;
	width: 13px;
	height: 13px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--downloadRed:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--downloadWhite:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -74px;
	width: 13px;
	height: 13px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--downloadWhite:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hideBlack:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -233px -204px;
	width: 26px;
	height: 26px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hideBlack:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hideDarkBlue:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -158px -164px;
	width: 26px;
	height: 26px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hideDarkBlue:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hideDarkBrown:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -130px -164px;
	width: 26px;
	height: 26px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hideDarkBrown:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hideLightBrown:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -102px -164px;
	width: 26px;
	height: 26px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hideLightBrown:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hideLightGrey:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -164px -130px;
	width: 26px;
	height: 26px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hideLightGrey:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hideMediumBrown:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -164px -102px;
	width: 26px;
	height: 26px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hideMediumBrown:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hideWhite:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -56px -266px;
	width: 26px;
	height: 26px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hideWhite:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hsCheckGreen:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -124px -204px;
	width: 60px;
	height: 60px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCheckGreen:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hsCheckGreenHover:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -62px -204px;
	width: 60px;
	height: 60px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCheckGreenHover:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hsCheckGrey:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: 0 -204px;
	width: 60px;
	height: 60px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCheckGrey:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hsCircle:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: 0 0;
	width: 100px;
	height: 100px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCircle:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hsCircleGrey:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: 0 -102px;
	width: 100px;
	height: 100px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCircleGrey:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hsCircleHover:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -102px 0;
	width: 100px;
	height: 100px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCircleHover:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hsFsgRose:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -204px 0;
	width: 60px;
	height: 60px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsFsgRose:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hsFsgRoseHover:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -102px -102px;
	width: 60px;
	height: 60px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsFsgRoseHover:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hsSecret:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -204px -124px;
	width: 60px;
	height: 60px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsSecret:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hsSecretHover:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -204px -62px;
	width: 60px;
	height: 60px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsSecretHover:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--pencilBlack:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px 0;
	width: 20px;
	height: 20px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--pencilBlack:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--pencilDarkBrown:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -290px -266px;
	width: 20px;
	height: 20px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--pencilDarkBrown:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--pencilLightBrown:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -268px -266px;
	width: 20px;
	height: 20px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--pencilLightBrown:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--pencilLightGrey:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -246px -266px;
	width: 20px;
	height: 20px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--pencilLightGrey:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--pencilMediumBrown:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -22px;
	width: 20px;
	height: 20px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--pencilMediumBrown:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--pencilWhite:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -224px -266px;
	width: 20px;
	height: 20px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--pencilWhite:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--showBlack:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -112px -266px;
	width: 26px;
	height: 26px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--showBlack:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--showDarkBlue:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -140px -266px;
	width: 26px;
	height: 26px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--showDarkBlue:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--showDarkBrown:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -168px -266px;
	width: 26px;
	height: 26px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--showDarkBrown:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--showLightBrown:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -196px -266px;
	width: 26px;
	height: 26px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--showLightBrown:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--showLightGrey:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -84px -266px;
	width: 26px;
	height: 26px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--showLightGrey:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--showMediumBrown:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -28px -266px;
	width: 26px;
	height: 26px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--showMediumBrown:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--showWhite:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: 0 -266px;
	width: 26px;
	height: 26px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--showWhite:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--socialIconFb:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -266px -141px;
	width: 45px;
	height: 45px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--socialIconFb:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--socialIconGPlus:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -266px -94px;
	width: 45px;
	height: 45px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--socialIconGPlus:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--socialIconReddit:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -266px -47px;
	width: 45px;
	height: 45px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--socialIconReddit:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--socialIconTwitter:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -266px 0;
	width: 45px;
	height: 45px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--socialIconTwitter:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--socialIconVK:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -186px -204px;
	width: 45px;
	height: 45px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--socialIconVK:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--x2Red:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -266px -188px;
	width: 30px;
	height: 30px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--x2Red:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--xRed:before {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -257px;
	width: 12px;
	height: 12px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--xRed:before {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hsCheckGreen {
	position: relative;
	display: inline-block
}
.Icon--hsCheckGreen:after {
	content: "";
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -62px -204px;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCheckGreen:after {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hsCheckGreen:active:after, .Icon--hsCheckGreen:focus:after, .Icon--hsCheckGreen:hover:after {
	opacity: 1
}
.Icon--hsCircle {
	position: relative;
	display: inline-block
}
.Icon--hsCircle:after {
	content: "";
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -102px 0;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsCircle:after {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hsCircle:active:after, .Icon--hsCircle:focus:after, .Icon--hsCircle:hover:after {
	opacity: 1
}
.Icon--hsFsgRose {
	position: relative;
	display: inline-block
}
.Icon--hsFsgRose:after {
	content: "";
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -102px -102px;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsFsgRose:after {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hsFsgRose:active:after, .Icon--hsFsgRose:focus:after, .Icon--hsFsgRose:hover:after {
	opacity: 1
}
.Icon--hsSecret {
	position: relative;
	display: inline-block
}
.Icon--hsSecret:after {
	content: "";
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -204px -62px;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--hsSecret:after {
		background-image: url(images/icons/global-sprite@2x-ad1acd762a40ce1e3d707c49aa3099850cf5fd16bf7fc053b8bb129361c924c84d6b904d5c5fb8c8f07f38f6a45bc8537072c563d3f43102dc343c16bfb26a2c.png);
		background-size: 333px 292px
	}
}
.Icon--hsSecret:active:after, .Icon--hsSecret:focus:after, .Icon--hsSecret:hover:after {
	opacity: 1
}
.Icon--portrait:before {
	width: 69px;
	height: 69px
}
.Icon--heading-icon-1:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) 0 top 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) {
	.Icon--heading-icon-1:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.Icon--heading-icon-2:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -69.45px top 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) {
	.Icon--heading-icon-2:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.Icon--heading-icon-3:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -138.9px top 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) {
	.Icon--heading-icon-3:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.Icon--heading-icon-4:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -208.35px top 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) {
	.Icon--heading-icon-4:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.Icon--heading-icon-5:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -277.8px top 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) {
	.Icon--heading-icon-5:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.Icon--heading-icon-6:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -347.25px top 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) {
	.Icon--heading-icon-6:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.Icon--heading-icon-7:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -416.7px top 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) {
	.Icon--heading-icon-7:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.Icon--heading-icon-8:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -486.15px top 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) {
	.Icon--heading-icon-8:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.Icon--heading-icon-9:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -555.6px top 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) {
	.Icon--heading-icon-9:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.Icon--heading-icon-10:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -625.05px top 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) {
	.Icon--heading-icon-10:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.Icon--heading-icon-11:before {
	background: url(images/icons/section-heading-icons-f54df60022ba7d3ce55be5772ff16e899b23c9a4e84471e42f4a630c2b8a1db575596b89497ca84d6ecede37c78f068f15481c4f8f5ba7777d34010b7680b7bf.png) -694.5px top 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) {
	.Icon--heading-icon-11:before {
		background-image: url(images/icons/section-heading-icons@2x-ea922ecdb7f33bd2cea87ad2f4573a9201597492badb9e8ff5022cd9ee4d3d14711987deb5a9167991fe1eb201f450dd53a4f7975eb26f6f6684e079a85d7cc0.png);
		background-size: cover
	}
}
.Icon--power:before {
	width: 84px;
	height: 92px
}
.Icon--depths-icon-1:before {
	background: url(images/expansions/blackrock-mountain/blackrock-depths/boss-powers-f31da05d28cb7b1e5e4369155809655b19bb611cbe67cedbcccc981b745261bfff7c4869ebe8db5a6b1e06ec8d73ea06d7331f3a047d62254c9a31abe01dac83.png) 0 top 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) {
	.Icon--depths-icon-1:before {
		background-image: url(images/expansions/blackrock-mountain/blackrock-depths/boss-powers@2x-14dfa8704a8f50a49849e3f191b8c141913c1bc82c653c437026ab42608cd74a83f1e8bb7ff18f854d2ec8556bb803f61870968289a03d8603dabcb58b612e64.png);
		background-size: cover
	}
}
.Icon--depths-icon-2:before {
	background: url(images/expansions/blackrock-mountain/blackrock-depths/boss-powers-f31da05d28cb7b1e5e4369155809655b19bb611cbe67cedbcccc981b745261bfff7c4869ebe8db5a6b1e06ec8d73ea06d7331f3a047d62254c9a31abe01dac83.png) -87.3px top 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) {
	.Icon--depths-icon-2:before {
		background-image: url(images/expansions/blackrock-mountain/blackrock-depths/boss-powers@2x-14dfa8704a8f50a49849e3f191b8c141913c1bc82c653c437026ab42608cd74a83f1e8bb7ff18f854d2ec8556bb803f61870968289a03d8603dabcb58b612e64.png);
		background-size: cover
	}
}
.Icon--depths-icon-3:before {
	background: url(images/expansions/blackrock-mountain/blackrock-depths/boss-powers-f31da05d28cb7b1e5e4369155809655b19bb611cbe67cedbcccc981b745261bfff7c4869ebe8db5a6b1e06ec8d73ea06d7331f3a047d62254c9a31abe01dac83.png) -174.6px top 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) {
	.Icon--depths-icon-3:before {
		background-image: url(images/expansions/blackrock-mountain/blackrock-depths/boss-powers@2x-14dfa8704a8f50a49849e3f191b8c141913c1bc82c653c437026ab42608cd74a83f1e8bb7ff18f854d2ec8556bb803f61870968289a03d8603dabcb58b612e64.png);
		background-size: cover
	}
}
.Icon--fsgInnkeeper:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -421px -142px;
	width: 100px;
	height: 100px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgInnkeeper:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--fsgInnkeeperHover:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -408px -401px;
	width: 100px;
	height: 100px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgInnkeeperHover:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--fsgLantern-med:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -421px 0;
	width: 140px;
	height: 140px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgLantern-med:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--fsgLantern:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -102px -401px;
	width: 100px;
	height: 100px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgLantern:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--fsgLanternGrey:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -204px -401px;
	width: 100px;
	height: 100px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgLanternGrey:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--fsgLanternHover:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -306px -401px;
	width: 100px;
	height: 100px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgLanternHover:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--fsgLanternLg:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: 0 0;
	width: 205px;
	height: 205px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgLanternLg:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--fsgTavern:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -421px -244px;
	width: 100px;
	height: 100px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgTavern:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--fsgTavernHover:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: 0 -401px;
	width: 100px;
	height: 100px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--fsgTavernHover:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--snowPile1:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: 0 -359px;
	width: 256px;
	height: 40px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--snowPile1:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--snowPile2:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -258px -359px;
	width: 220px;
	height: 40px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--snowPile2:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--collapseUp:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -523px -142px;
	width: 37px;
	height: 37px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--collapseUp:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--expandDown:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -523px -181px;
	width: 37px;
	height: 37px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--expandDown:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--landingDesignSign:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -207px 0;
	width: 212px;
	height: 150px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--landingDesignSign:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--landingFindPatrons:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -162px -207px;
	width: 160px;
	height: 150px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--landingFindPatrons:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--landingHostGathering:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: 0 -207px;
	width: 160px;
	height: 150px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--landingHostGathering:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--randomizer:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -324px -207px;
	width: 92px;
	height: 92px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--randomizer:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--randomizerHover:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -563px 0;
	width: 92px;
	height: 92px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--randomizerHover:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--tavernCreatorBackground:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -563px -238px;
	width: 56px;
	height: 62px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorBackground:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--tavernCreatorElementBg:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -563px -166px;
	width: 70px;
	height: 70px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorElementBg:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--tavernCreatorElementBgGlow:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -563px -94px;
	width: 70px;
	height: 70px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorElementBgGlow:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--tavernCreatorFrame:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -563px -430px;
	width: 56px;
	height: 62px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorFrame:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--tavernCreatorGlowOrb:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -635px -94px;
	width: 16px;
	height: 16px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorGlowOrb:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--tavernCreatorMajorInsignia:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -58px -503px;
	width: 56px;
	height: 62px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorMajorInsignia:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--tavernCreatorMinorInsignia:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: 0 -503px;
	width: 56px;
	height: 62px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorMinorInsignia:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--tavernCreatorName:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -563px -366px;
	width: 56px;
	height: 62px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorName:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--tavernCreatorRandomizer:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -563px -302px;
	width: 56px;
	height: 62px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.Icon--tavernCreatorRandomizer:before {
		background-image: url(images/icons/fsg-sprite@2x-9fdf426cdd372427aa9cd82a498d767c74c15cad90cf59142a4904133534955223aeeec7abc963f13b001dfbfba3d243349e298751cc1c0548784da652df5fa2.png);
		background-size: 655px 565px
	}
}
.Icon--fsgLanternLg.is-animated:before {
	background: url(../images/icons/fsg/fsgLantern.gif) 0 no-repeat
}
.Icon--fsgInnkeeper {
	position: relative;
	display: inline-block
}
.Icon--fsgInnkeeper:after {
	content: "";
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -408px -401px;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.Icon--fsgInnkeeper:active:after, .Icon--fsgInnkeeper:focus:after, .Icon--fsgInnkeeper:hover:after {
	opacity: 1
}
.Icon--fsgLantern {
	position: relative;
	display: inline-block
}
.Icon--fsgLantern:after {
	content: "";
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -306px -401px;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.Icon--fsgLantern:active:after, .Icon--fsgLantern:focus:after, .Icon--fsgLantern:hover:after {
	opacity: 1
}
.Icon--fsgTavern {
	position: relative;
	display: inline-block
}
.Icon--fsgTavern:after {
	content: "";
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: 0 -401px;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.Icon--fsgTavern:active:after, .Icon--fsgTavern:focus:after, .Icon--fsgTavern:hover:after {
	opacity: 1
}
.Icon--randomizer {
	position: relative;
	display: inline-block
}
.Icon--randomizer:after {
	content: "";
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/fsg-sprite.png);
	background-position: -563px 0;
	width: 92px;
	height: 92px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: all .15s;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.Icon--randomizer:active:after, .Icon--randomizer:focus:after, .Icon--randomizer:hover:after {
	opacity: 1
}
.Heading--mediaSection {
	margin: 0 0 8px;
	margin: 0 0 .5rem;
	padding-top: 16px;
	padding-top: 1rem
}
.GoldArrow {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/knight/navArrows-gold.png) 50% no-repeat;
	position: absolute;
	top: 51%;
	width: 78px;
	height: 69px;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: all .1s ease-out;
	z-index: 4;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.GoldArrow.GoldArrow--prev {
	left: 12px;
	background-position: -2px -3px
}
.GoldArrow.GoldArrow--prev:hover {
	-webkit-transform: translate(-3px, -50%);
	-ms-transform: translate(-3px, -50%);
	transform: translate(-3px, -50%)
}
.GoldArrow.GoldArrow--prev:active {
	-webkit-transform: translate(-3px, -50%) scale(.97);
	-ms-transform: translate(-3px, -50%) scale(.97);
	transform: translate(-3px, -50%) scale(.97)
}
.GoldArrow.GoldArrow--next {
	right: 12px;
	background-position: -102px -3px
}
.GoldArrow.GoldArrow--next:hover {
	-webkit-transform: translate(3px, -50%);
	-ms-transform: translate(3px, -50%);
	transform: translate(3px, -50%)
}
.GoldArrow.GoldArrow--next:active {
	-webkit-transform: translate(3px, -50%) scale(.97);
	-ms-transform: translate(3px, -50%) scale(.97);
	transform: translate(3px, -50%) scale(.97)
}
.ContentTrail {
	margin: 0 auto 8px;
	margin: 0 auto .5rem;
	max-width: 1160px;
	max-width: 72.5rem;
	height: 36px;
	position: relative;
	z-index: 1
}
@media (min-width:60em) {
	.ContentTrail {
		margin-top: -32px;
		margin-top: -2rem;
		padding: 0 80px;
		padding: 0 5rem
	}
}
@media (min-width:72.5em) {
	.ContentTrail {
		margin-top: -24px;
		margin-top: -1.5rem
	}
}
.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
}
.zh-tw .Breadcrumb {
	font-family: none
}
.Breadcrumb-item {
	padding-right: 0;
	margin-right: 0;
	display: inline-block;
	float: none
}
.Breadcrumb-item a {
	color: #e22c14;
	display: inline-block;
	line-height: 1.5;
	vertical-align: middle
}
.Breadcrumb-item a.opened {
	text-decoration: underline
}
.Breadcrumb-item--last {
	padding: 0
}
.Breadcrumb-item--last a {
	color: #233a6e;
	border-bottom: 1px dotted #233a6e;
	max-width: 180px;
	display: inline-block
}
.Breadcrumb-item--last a:active, .Breadcrumb-item--last a:focus, .Breadcrumb-item--last a:hover {
	text-decoration: none
}
.Breadcrumb.has-children .Breadcrumb-text {
	border-bottom: 1px dotted #aaa
}
.ko-kr .Breadcrumb.has-children .Breadcrumb-text {
	font-family: Dotum;
	font-size: 11px
}
.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
}
.ie67 .Breadcrumb-arrow {
	margin-right: 10px
}
.Breadcrumb.Breadcrumb--canScroll {
	overflow-x: auto
}
.Button {
	color: #fff;
	text-transform: uppercase;
	/*font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;*/
	font-weight: 700;
	letter-spacing: 2px;
	padding: 1em 1.75em;
	border: none;
	border-radius: 5px;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .35);
	text-shadow: 0 0 4px #000, 0 0 8px #000;
	font-size: 1em;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	transition: all .2s ease-in;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 1
}
.Button:active, .Button:focus, .Button:hover {
	text-decoration: none
}
.Button:after, .Button:before {
	content: "";
	position: absolute;
	z-index: -1
}
.Button:before {
	text-decoration: none;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border-radius: 3px
}
.Button:after {
	background: gray;
	background-position: 50%;
	background-repeat: repeat-y;
	background-size: contain;
	box-shadow: 0 2px 6px 0 #331e0b;
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	transition: all .2s ease-in;
	border: 3px solid;
	border-radius: 2px
}
.Button.block {
	margin: 0 auto 24px;
	margin: 0 auto 1.5rem;
	display: block
}
.Button.is-disabled {
	opacity: .5;
	pointer-events: none
}
.Button.Button--primary {
	background-color: #bc22c7;
	background: linear-gradient(180deg, #ad9a90, #1c140d)
}
.Button.Button--primary:before {
	background-color: #6f5742;
	background: linear-gradient(180deg, #6f5742, #81615d)
}
.Button.Button--primary:after {
	background-image: url(images/ui/btn-cta-bg-0c578d2119094914bc050221d2d78e1de6818a29f4f96031949240a87ab1aa8e808029ad8ed6abbb8dab0a04aabd969c66284db4474c2275529e53d19c3ec757.png);
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANsAAAABCAIAAADYRExeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUQ0RDNCMUFBRDAyMTFFNjk1QTNGMkIwRTAwQjA3MTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUQ0RDNCMUJBRDAyMTFFNjk1QTNGMkIwRTAwQjA3MTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRDREM0IxOEFEMDIxMUU2OTVBM0YyQjBFMDBCMDcxMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRDREM0IxOUFEMDIxMUU2OTVBM0YyQjBFMDBCMDcxMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlJgqloAAACnSURBVHjazJCBFYMgEEMTNuiCHavblvQSRUAXKCrHy8/lVL5fHwINtdRIynvOoFBHQnSNruiIPujQGSds9pnNRrSq8n6i0p0/aXJCPf1B3TXpnuyB8e85mRL/lpzeNW368QdLdfmn9iqqheOup4s3RaKi4PB39UroTih3fdhQHr3WJ71yFuqcGz2mJHmZclG/ARnKjuB8jFMQPbSKdW70e3ZlD/0JMAB1DqoGNYybhQAAAABJRU5ErkJggg==");
	border-image: linear-gradient(180deg, #f756fe, #661f91) 1;
	border-top-color: #f756fe;
	border-bottom-color: #661f91
}
.Button.Button--primary:active:after, .Button.Button--primary:focus:after, .Button.Button--primary:hover:after {
	background-image: url(images/ui/btn-cta-bg-hover-437d66e7c2369008f4870ebe2030d6a1e85fb9fb69583772b21abb2c5883cd4b2fa54c41e4af51e4a3c3d35a2cc638692132c64e4042214361b207a9ee6e98e7.png);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANsAAAABCAIAAADYRExeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEE4QUUxM0RBRDAzMTFFNjhFMDRCNUZGQUY3NTFCMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEE4QUUxM0VBRDAzMTFFNjhFMDRCNUZGQUY3NTFCMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQThBRTEzQkFEMDMxMUU2OEUwNEI1RkZBRjc1MUIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQThBRTEzQ0FEMDMxMUU2OEUwNEI1RkZBRjc1MUIxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjdlBcYAAACSSURBVHjavE5bDgQhCCvcYy++B9nj2VUeCjGZz9EEa6Gl8v38AKgICJnHC42Bf7DIgI7hdFGlFk1lzhoMXWVMUS0mVLqxnl259zicvT15c7jSbqw3X33w4uG8EHIkxuAMAfIBs/Kz0vBqpI9hU8FnxsYjVQgVt4N1e5LiwKYyT8kZ90RzyAyRtu4d0bTnmvwLMABZL5ltpZKYvwAAAABJRU5ErkJggg==)
}
.Button.Button--alternate, .Button.Button--default {
	background-color: #7b7473;
	background: linear-gradient(180deg, #ddd, #2f2e2d)
}
.Button.Button--alternate:before, .Button.Button--default:before {
	background-color: #7b7473;
	background: linear-gradient(180deg, #877e7c, #6f6b69)
}
.Button.Button--alternate:after, .Button.Button--default:after {
	border: 3px solid;
	border-image: linear-gradient(180deg, #888, #3f3f3f) 1;
	border-top-color: #888;
	border-bottom-color: #3f3f3f;
	background-color: #3f3f3f;
	background-image: url(images/ui/btn-alt-bg-983912989ef501f51f9f111af18a8aa65b563f5f3081ae0253d608e79adf1039da4d55e3f069a344cdd1b37997fc528a22c2cdaff78ae22826955327c17d983f.png);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApEAAAABCAIAAAAJsGL2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTBFMUM0MjRBREQxMTFFNjhEQUJEQTM3NjNFOEZGNkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTBFMUM0MjVBREQxMTFFNjhEQUJEQTM3NjNFOEZGNkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMEUxQzQyMkFERDExMUU2OERBQkRBMzc2M0U4RkY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMEUxQzQyM0FERDExMUU2OERBQkRBMzc2M0U4RkY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjJPQgIAAADSSURBVHjapJXRDcQgDEPj7tGBrvvPU98nQcpTwh1fBYxjHKPqeT6xhqIea10AEWxoB7VnlU/orK5Ur9sB/CDN2yQGItYnwL3dkRxX3wrq0JUVr8NXJvKgFE9KDzXAo8+hNifZT+swb8Q5Wo/eN5G3h2+BIkb8G8Txa2icSU0YaqnLvOXHlvmVmmfQsHPWIgzXtScXqLURPmOMgoDG7Hqnea+bAwd1yZP37SDYX9phm916niuP+iX/UZc8r9dfG/I28aEO6P4bgZ6O3uDauO/7K8AAdWJtN0cRGOQAAAAASUVORK5CYII=)
}
.Button.Button--alternate:active:after, .Button.Button--alternate:focus:after, .Button.Button--alternate:hover:after, .Button.Button--default:active:after, .Button.Button--default:focus:after, .Button.Button--default:hover:after {
	background-color: #5a5a5a;
	background-image: url(images/ui/btn-alt-bg-hover-42e73ee53d9c0cf16cc8154bce81251dc43b038d06ce26f6793862f8f068227a2d1bbc159b038ea63bf9add8f69ca3b3156459d1d5da545c1b9d0c079a34b001.png);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAAABCAIAAADfBpJLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjBBQ0RFQzdBREQzMTFFNkE0QjFDQUE4MzI0M0E3QTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjBBQ0RFQzhBREQzMTFFNkE0QjFDQUE4MzI0M0E3QTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMEFDREVDNUFERDMxMUU2QTRCMUNBQTgzMjQzQTdBMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMEFDREVDNkFERDMxMUU2QTRCMUNBQTgzMjQzQTdBMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk/ObhsAAACXSURBVHjaZE8BFsUgCAIP2f1PIj8lt/W+eysEwuJaC39Fcq/BqJ1VpvgU6iuZEVFq8K4Imxy1EQT7ZgYoO3rgM5UvAY8pStN87CcAr/+CtGQPbDx4Sv3vdAmqEaoDQsMiNqRsUwUJeTNo2/QfsreRKwc2OhzK7vpdypz7nAjXRnlgusvujyU709KcdMa+pdW+1/vanwADAEk6hANe8naWAAAAAElFTkSuQmCC)
}
.Button.Button--alternate.Button--small:after, .Button.Button--alternate.Button--xsmall:after, .Button.Button--default.Button--small:after, .Button.Button--default.Button--xsmall:after {
	border: 2px solid;
	border-image: linear-gradient(180deg, #888, #3f3f3f) 1;
	border-top-color: #888;
	border-bottom-color: #3f3f3f
}
.Button--link {
	color: #e22c14;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: normal;
	box-shadow: none;
	text-shadow: none
}
.Button--link:after, .Button--link:before {
	display: none
}
.Button--link:active, .Button--link:focus, .Button--link:hover {
	color: #e22c14;
	text-decoration: underline
}
.Button--link.is-underlined {
	text-decoration: underline
}
.Button--link.is-underlined:active, .Button--link.is-underlined:focus, .Button--link.is-underlined:hover {
	text-decoration: none
}
.Button--small:before, .Button--xsmall:before {
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px
}
.Button--small:after, .Button--xsmall:after {
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px
}
.Button--xsmall {
	font-size: .7em
}
.Button--small {
	font-size: .8em
}
.Button--large {
	font-size: 1.2em
}
.Button--xlarge {
	font-size: 1.3em
}
.StoreButton-container {
	display: none
}
.StoreButton {
	position: relative;
	z-index: 10
}
@media (min-width:30em) {
	.StoreButton {
		margin-top: -32px;
		margin-top: -2rem
	}
}
@media (min-width:30em) {
	.zh-tw .AppStoreButton {
		margin-top: 0
	}
}
@media (min-width:40em) {
	.zh-tw .AppStoreButton {
		margin-top: -32px;
		margin-top: -2rem
	}
}
.homepage .AppStoreButton {
	margin-top: 0
}
@media (min-width:30em) {
	.zh-tw .AndroidButtons {
		margin-top: 0
	}
}
@media (min-width:40em) {
	.zh-tw .AndroidButtons {
		margin-top: -32px;
		margin-top: -2rem
	}
}
.homepage .AndroidButtons {
	margin-top: 4px;
	margin-top: .25rem
}
@media (min-width:30em) {
	.homepage .AndroidButtons {
		margin-top: 16px;
		margin-top: 1rem
	}
}
.AndroidButtons .StoreButton:not(:first-child) {
	margin-left: 8px;
	margin-left: .5rem
}
.AndroidButtons .StoreButton-image {
	height: 40px
}
.Download {
	background: transparent url(images/icons/download-560f3847b789915290a9e545764753fcee55bccc1790183e4d5a26cdf3278ab8cfa7ce8fb579c4e97bf130a7961e1a58af7b69d8027aa8c492967e7c316306c2.gif) 0 50% no-repeat;
	padding-left: 16px;
	margin-left: 1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	color: #e22c14;
	text-decoration: none;
	font-weight: 400;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.FeatureBox {
	text-align: left;
	margin-bottom: 1.5em
}
.FeatureBox p {
	font-size: 14px;
	font-size: .875rem;
	margin-bottom: .5em
}
.FeatureBox--with-icon {
	position: relative;
	padding-left: 80px;
	padding-left: 5rem
}
.FeatureBox--with-icon:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
@media (min-width:40em) {
	.FeatureBox--with-icon {
		padding-left: 0
	}
	.FeatureBox--with-icon:before {
		margin: 0 auto 16px;
		margin: 0 auto 1rem;
		position: relative
	}
}
.FeatureBox-heading {
	font-weight: 700;
	font-size: 20px;
	font-size: 1.25rem;
	color: #233a6e
}
.FeatureBox-heading.FeatureBox-heading--centered {
	display: block;
	margin-bottom: 8px;
	margin-bottom: .5rem
}
@media (min-width:40em) {
	.FeatureBox-heading.FeatureBox-heading--centered {
		text-align: center
	}
}
@media (min-width:40em) {
	.FeatureBox-Group {
		display: -webkit-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.FeatureBox-Group .FeatureBox {
		padding-left: 1em;
		padding-right: 1em
	}
}
.Dropdown-hearthstone:after, .Dropdown-hearthstone:before, .endcap {
	height: 43px;
	content: "";
	display: inline-block
}
.Dropdown-hearthstone {
	font-family: Helvetica, Arial, sans-serif;
	display: block;
	position: relative;
	white-space: nowrap
}
.Dropdown-hearthstone:before {
	width: 35px;
	background: url(images/buttons/hearthstone-dropdown-cdcc72b4c0f1ff2bba90694807b33bc44e31c3a0146a915ea5174ffb07ddbc75e2f2248f5805744d420460d67aded8181c051d62ee12133753d22b7513451468.png) 0 0 no-repeat
}
.Dropdown-hearthstone:after {
	width: 70px;
	background: url(images/buttons/hearthstone-dropdown-cdcc72b4c0f1ff2bba90694807b33bc44e31c3a0146a915ea5174ffb07ddbc75e2f2248f5805744d420460d67aded8181c051d62ee12133753d22b7513451468.png) 0 -45px no-repeat;
	margin-left: -5px
}
.Dropdown-hearthstone:hover {
	cursor: pointer
}
.Dropdown-hearthstone:hover:after {
	background-position: 0 -90px
}
.Dropdown-hearthstone 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
}
.Dropdown-hearthstone select:hover {
	cursor: pointer
}
.Dropdown-border, .dropdown-fullwidth, .MediaContentBlock--wallpaper .Dropdown-border {
	width: calc(100% - 105px)
}
.Dropdown-border {
	vertical-align: top;
	width: 64%;
	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 (min-width:40em) {
	.Dropdown-border {
		width: 68%
	}
}
.Dropdown-wrapper {
	background-color: #3b3732;
	padding: 4px;
	display: block
}
.Dropdown-selectedOption {
	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-selectedOption {
	background: #eadbb5 url(images/buttons/hearthstone-dropdown-cdcc72b4c0f1ff2bba90694807b33bc44e31c3a0146a915ea5174ffb07ddbc75e2f2248f5805744d420460d67aded8181c051d62ee12133753d22b7513451468.png) 0 -140px no-repeat;
	padding-left: 32px;
	padding-left: 2rem
}
.has-open-modal, .Modal {
	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 {
	opacity: 0;
	transition: opacity .3s ease-out
}
.Modal.in {
	opacity: 1
}
.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)
}
.has-open-modal .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
}
.Modal-backdrop.in {
	opacity: .5
}
.Modal-header {
	padding: 15px 25px
}
.Modal-title {
	margin: 0;
	line-height: 1.42857
}
.Modal-body {
	position: relative;
	padding: 15px 25px
}
.Modal-body>:last-child {
	margin-bottom: 0
}
.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:40em) {
	.Modal-footer .organizer-form__controls {
		text-align: right
	}
}
.Modal-footer .hearthstone-cta {
	vertical-align: middle
}
.Modal-footer .Button {
	margin-bottom: 0
}
.Modal-scrollbarMeasure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}
@media (min-width:40em) {
	.Modal-dialog {
		width: 90%;
		max-width: 986px;
		margin: 5vh auto
	}
	.Modal--small .Modal-dialog {
		max-width: 300px
	}
	.Modal-content {
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
	}
}
@media (min-width:60em) {
	.Modal-dialog {
		margin: 15vh auto
	}
	.Modal--large .Modal-dialog {
		max-width: 1160px
	}
}
button.Modal-close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}
.Modal-close {
	background-image: url(images/icons/global-sprite-187ff98a0cffde0621f3b5f33b4a013ebff87a26479c162a774bc64d5f0f72b7663e1365c5eab6e34b9270932faf5bb6de0f2bcf5fa9519df58e3c044bfe6ae6.png);
	background-position: -313px -257px;
	width: 12px;
	height: 12px;
	position: absolute;
	top: .6em;
	right: .6em;
	overflow: hidden;
	z-index: 100;
	text-indent: -9999px
}
.Modal-close:active, .Modal-close:focus, .Modal-close:hover {
	opacity: .75
}
.Modal--framed .Modal-dialog:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	box-shadow: 0 5px 40px 5px #000;
	z-index: -1
}
.Modal--framed .Modal-content {
	background: transparent;
	box-shadow: none;
	border: 13px solid transparent;
	border-right-width: 12px;
	border-left-width: 12px;
	border-image-slice: 46 46 46 46 fill;
	border-image-width: 46px 46px 46px 46px;
	border-image-outset: 0 0 0 0;
	border-image-repeat: round;
	border-image-source: url(images/ui/modalFrame-eb97618d53658210e5b3a6133ef75eb825d90fdc7cd3440ddadfb9bbf743d0592e714fd82a7d3a2b23680c71904a27c8c88dd1d36d5b980063eafbc0184d54d5.png)
}
.Modal--framed .Modal-body, .Modal--framed .Modal-footer, .Modal--framed .Modal-title {
	color: #fff;
	text-shadow: 0 1px 5px #000
}
.Modal--framed .Modal-header {
	text-align: center;
	padding: 33px 25px 18px;
	border-width: 0 0 1px;
	border-style: solid;
	border-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .35), transparent) 1
}
.Modal--framed .Modal-header+.Modal-body {
	border-width: 1px 0 0;
	border-style: solid;
	border-image: linear-gradient(90deg, transparent, hsla(0, 0%, 98%, .15), transparent) 1
}
.Modal--framed .Modal-body {
	padding: 22px 35px
}
.Modal--framed .Modal-footer {
	margin: 5px 4px 7px;
	border: 10px solid transparent;
	border-image-slice: 22 15 27 15 fill;
	border-image-width: 22px 10px 22px 10px;
	border-image-outset: 10px 0 0 0;
	border-image-repeat: stretch;
	border-image-source: url(https://hearthstone.nosdn.127.net/3/minisite/knight/modalFooter.png)
}
.Modal--framed .Modal-close {
	background-position: 0 0;
	right: 0
}
.Modal--framed .Modal-close, .Modal--framed .Modal-close:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/ui-components-sprite.png);
	width: 44px;
	height: 42px;
	top: 0
}
.Modal--framed .Modal-close:before {
	background-position: -46px 0;
	content: "";
	position: absolute;
	left: 0;
	opacity: 0;
	transition: all .15s ease-in
}
.Modal--framed .Modal-close:active, .Modal--framed .Modal-close:active:before, .Modal--framed .Modal-close:focus, .Modal--framed .Modal-close:focus:before, .Modal--framed .Modal-close:hover, .Modal--framed .Modal-close:hover:before {
	opacity: 1
}
.PaperBtn {
	position: relative;
	display: inline-block;
	text-align: center;
	color: #725a37
}
.PaperBtn:after, .PaperBtn:before {
	content: "";
	position: absolute;
	top: 0;
	z-index: -1
}
.PaperBtn:before {
	background-image: url(images/buttons/buttons-sprite-4f2c72987a676bb746dd2aa4e1fbbb46d75c65174b993824074a093f6d4ef0594d8d39ab01958fb7b46a8c66f33b64c7efb9cac1499f6abbd89ac4304600606f.png);
	background-position: 0 -77px;
	width: 325px;
	height: 75px;
	width: calc(100% - 31px);
	left: 0
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.PaperBtn:before {
		background-image: url(images/buttons/buttons-sprite@2x-6a8a607de1baf683bad09d43c7231c411ba01d36d02f2d3a7db6c6b83b9a2b229c24febfca91c300874a06a0543a1f8884c1e2370a2c8d92a6854fe565045499.png);
		background-size: 325px 229px
	}
}
.PaperBtn:after {
	content: "";
	position: absolute;
	top: 0;
	right: 2px;
	background-image: url(images/buttons/buttons-sprite-4f2c72987a676bb746dd2aa4e1fbbb46d75c65174b993824074a093f6d4ef0594d8d39ab01958fb7b46a8c66f33b64c7efb9cac1499f6abbd89ac4304600606f.png);
	background-position: -33px -154px;
	width: 31px;
	height: 75px
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.PaperBtn:after {
		background-image: url(images/buttons/buttons-sprite@2x-6a8a607de1baf683bad09d43c7231c411ba01d36d02f2d3a7db6c6b83b9a2b229c24febfca91c300874a06a0543a1f8884c1e2370a2c8d92a6854fe565045499.png);
		background-size: 325px 229px
	}
}
.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
}
.PaperBtn .PaperBtn--inner:after, .PaperBtn .PaperBtn--inner:before {
	content: "";
	position: absolute;
	top: 0;
	opacity: 0;
	z-index: -1;
	transition: all .15s
}
.PaperBtn .PaperBtn--inner:before {
	background-image: url(images/buttons/buttons-sprite-4f2c72987a676bb746dd2aa4e1fbbb46d75c65174b993824074a093f6d4ef0594d8d39ab01958fb7b46a8c66f33b64c7efb9cac1499f6abbd89ac4304600606f.png);
	background-position: 0 0;
	width: 325px;
	height: 75px;
	width: 100%;
	left: 0
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.PaperBtn .PaperBtn--inner:before {
		background-image: url(images/buttons/buttons-sprite@2x-6a8a607de1baf683bad09d43c7231c411ba01d36d02f2d3a7db6c6b83b9a2b229c24febfca91c300874a06a0543a1f8884c1e2370a2c8d92a6854fe565045499.png);
		background-size: 325px 229px
	}
}
.PaperBtn .PaperBtn--inner:after {
	right: -29px;
	background-image: url(images/buttons/buttons-sprite-4f2c72987a676bb746dd2aa4e1fbbb46d75c65174b993824074a093f6d4ef0594d8d39ab01958fb7b46a8c66f33b64c7efb9cac1499f6abbd89ac4304600606f.png);
	background-position: 0 -154px;
	width: 31px;
	height: 75px;
	z-index: 0
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.PaperBtn .PaperBtn--inner:after {
		background-image: url(images/buttons/buttons-sprite@2x-6a8a607de1baf683bad09d43c7231c411ba01d36d02f2d3a7db6c6b83b9a2b229c24febfca91c300874a06a0543a1f8884c1e2370a2c8d92a6854fe565045499.png);
		background-size: 325px 229px
	}
}
@media (min-width:60em) {
	.PaperBtn .PaperBtn--inner {
		padding-top: 1.15em
	}
}
a.PaperBtn:active, a.PaperBtn:focus, a.PaperBtn:hover {
	text-decoration: none
}
a.PaperBtn:active .PaperBtn--inner:after, a.PaperBtn:active .PaperBtn--inner:before, a.PaperBtn:focus .PaperBtn--inner:after, a.PaperBtn:focus .PaperBtn--inner:before, a.PaperBtn:hover .PaperBtn--inner:after, a.PaperBtn:hover .PaperBtn--inner:before {
	opacity: 1
}
.Tile {
	position: relative;
	display: block;
	width: 100%;
	height: 200px
}
@media (min-width:60em) {
	.Tile {
		height: auto
	}
}
.Tile:before {
	display: block;
	content: "";
	width: 100%
}
.Tile-images {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0
}
@media (min-width:60em) {
	.Tile-images {
		overflow: visible
	}
}
.Tile-content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}
.Tile--hasBackground .Tile-images {
	background-position: 50%
}
@media (min-width:60em) {
	.Tile--hasBackground .Tile-images {
		background-repeat: no-repeat
	}
}
.Tile--hasBackground .Tile-images:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}
@media (min-width:60em) {
	.Tile--hasBackground .Tile-images:before {
		background-clip: content-box
	}
}
.Tile--hasBackground .Tile-images:after {
	display: none;
	content: "";
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: contain
}
@media (min-width:60em) {
	.Tile--hasBackground .Tile-images:after {
		overflow: visible;
		z-index: 0
	}
}
.Tile--fullWidth {
	max-width: 2600px;
	max-height: 663px
}
.Tile--fullWidth:before {
	padding-top: 25.5%
}
.Tile--fullWidth .Tile-content {
	padding: .51% .765%
}
@media (min-width:60em) {
	.Tile--fullWidth .Tile-content {
		padding: 2.193% 3.213%
	}
}
.Tile--fullWidth .Tile-images {
	background-size: cover
}
@media (min-width:60em) {
	.Tile--fullWidth .Tile-images {
		background-size: 98%
	}
}
@media (min-width:60em) {
	.Tile--fullWidth .Tile-images:before {
		background-image: url(images/ui/tile/big-frame-588569e15db5272c0b8f9db3994ede4c01c519dbe750e3d45d4cf3d77f6d8b6f7df4d16f0c6b04954bd438bd563d43eec25f24918fc109c34125a28760148f94.png)
	}
}
.Tile--halfWidth {
	max-width: 1300px;
	max-height: 660px
}
@media (min-width:60em) {
	.Tile--halfWidth {
		display: inline-block;
		width: 50%
	}
}
.Tile--halfWidth:before {
	padding-top: 50.76923%
}
.Tile--halfWidth .Tile-content {
	padding: .50769% 1.01538%
}
@media (min-width:60em) {
	.Tile--halfWidth .Tile-content {
		padding: 4.06154% 6.09231%
	}
}
.Tile--halfWidth .Tile-images {
	background-size: cover
}
@media (min-width:60em) {
	.Tile--halfWidth .Tile-images {
		background-size: 96%
	}
}
@media (min-width:60em) {
	.Tile--halfWidth .Tile-images:before {
		background-image: url(images/ui/tile/frame-7dd4fa0df145ea981860cc7694e4de44ff9f538bdc53abc49c6990399b150faaf8f7a050d485d67e464f651d0b3ce5da3b0db6bd0b8625597d226df3a7978bca.png)
	}
}
.Tile--murloc .Tile-images {
	background-image: url(images/ui/tile/bg/murloc-d191b807a05e0011f4a0b76c360cf9fe5c2a31ce59b837f0641c603fb65d206ab063aa14668f567b40205bd7736590c187359fb20e96293e2a25bc2bf8b90dab.jpg)
}
.Tile--murloc .Tile-images:after {
	display: block;
	background-image: url(images/ui/tile/bg/murloc-flower-01ca7207a7e9324d5f372c4fc806f534578f582dbaa75720d7e4713f034c6f0c64734b2276916db470b98eaa54bcde2dccb664f7fe143a2cb84a0657e9db8c64.png);
	max-height: 624px;
	width: 100%;
	height: 115%;
	right: 0;
	bottom: -20%;
	background-position-y: 0;
	background-position-x: 70%
}
@media (min-width:60em) {
	.Tile--murloc .Tile-images:after {
		bottom: -14.4%
	}
}
.Tile--book .Tile-images {
	background-image: url(images/ui/tile/bg/book-c09d51a975b6046cc5a14121da3c22930400efdc3c7196c6d72dd6cd33b4676ea0b2eaeccf6550b179d273e2a44e60e5be0b87afd36a1106591119dbbfbaa42c.jpg)
}
.Tile--karazhan .Tile-images {
	background-image: url(images/ui/tile/bg/karazhan-a56abcba6ef354677510c4de851a036b454fe8c013c40ad8aa2b7fc4b1f4d9cf47d24671ad6d40bba2dabc27132751675b6ca7b52f2d7bcd4daf2cf9a3dab0b2.jpg)
}
.Tile--karazhan .Tile-images:after {
	display: block;
	background-image: url(images/ui/tile/bg/medivh-099ac2f7c5045f77aaac5966d688a88bf45ba2a124b3f9cfd1d6a4f8ad8b6cbcd88eb85e6fc8f5f975ed8d4f9b3fd32bd029731aed0ffb682fea85be94846b1c.png);
	max-width: 1091px;
	max-height: 991px;
	width: 66%;
	right: 50px;
	bottom: 0;
	background-position: bottom
}
@media (min-width:60em) {
	.Tile--karazhan .Tile-images:after {
		bottom: 5.7%
	}
}
.has-tooltip {
	position: relative;
	display: inline-block
}
.has-tooltip:active .Tooltip, .has-tooltip:focus .Tooltip, .has-tooltip:hover .Tooltip {
	opacity: 1;
	visibility: visible
}
.has-tooltip:active .Tooltip.on-top, .has-tooltip:focus .Tooltip.on-top, .has-tooltip:hover .Tooltip.on-top {
	top: -1em
}
.has-tooltip:active .Tooltip.on-bottom, .has-tooltip:focus .Tooltip.on-bottom, .has-tooltip:hover .Tooltip.on-bottom {
	bottom: -1em
}
.Tooltip {
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 50%;
	padding: 8px 16px;
	padding: .5rem 1rem;
	color: #000;
	font-weight: 400;
	text-align: center;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width: 500px;
	z-index: 6;
	background: #f2ebe3;
	border-radius: .5rem;
	border: 1px solid #b18758;
	transition: all .15s ease-out .15s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .3)
}
@media (min-width:40em) {
	.Tooltip {
		display: block
	}
}
.Tooltip:before {
	margin-left: -12px;
	border-top: 12px solid #f2ebe3;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	z-index: 1
}
.Tooltip:after, .Tooltip:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 50%
}
.Tooltip:after {
	margin-left: -13px;
	border-top: 13px solid #b18758;
	border-right: 13px solid transparent;
	border-left: 13px solid transparent;
	z-index: 0
}
.Tooltip.on-top {
	top: 0;
	-webkit-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%)
}
.Tooltip.on-top:before {
	bottom: -12px
}
.Tooltip.on-top:after {
	bottom: -13px
}
.Tooltip.on-bottom {
	bottom: 0;
	-webkit-transform: translate(-50%, 100%);
	-ms-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%)
}
.Tooltip.on-bottom:before {
	top: -12px
}
.Tooltip.on-bottom:after, .Tooltip.on-bottom:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.Tooltip.on-bottom:after {
	top: -13px
}
.Tooltip.no-wrap {
	white-space: nowrap;
	max-width: none
}
.Tooltip p {
	padding: .5em;
	margin: 0
}
.Tooltip .quote:before {
	background: url(images/ui/quotes-01cc624ff4e0027a1df0379c0bbd2ae24c5c9f55383f3f1a42ea85dfadcbf5f0bb8840865b3f4b9484540172200c9dd907e068c0d00b54fc76084bf7fc6146b2.png) 0 0 no-repeat;
	top: 15px;
	left: 15px
}
.Tooltip .quote:after, .Tooltip .quote:before {
	content: "";
	width: 13px;
	height: 11px;
	position: absolute
}
.Tooltip .quote:after {
	background: url(images/ui/quotes-01cc624ff4e0027a1df0379c0bbd2ae24c5c9f55383f3f1a42ea85dfadcbf5f0bb8840865b3f4b9484540172200c9dd907e068c0d00b54fc76084bf7fc6146b2.png) -16px 0 no-repeat;
	bottom: 15px;
	right: 15px
}
.Tooltip .quote+p {
	padding: .5em 1.5em
}
.Tooltip--small {
	width: 250px
}
.Tooltip--medium {
	width: 400px
}
.Tooltip--large {
	width: 600px
}
.Tooltip--balloon {
	font: 700 16px/1.4 Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font: 700 1.05rem/1.4 Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	border: 2px solid #000;
	white-space: normal;
	cursor: auto;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .8)
}
.th-th .Tooltip--balloon, .th-th .Tooltip--balloon b {
	font-weight: 400
}
.Tooltip--balloon:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/ui-components-sprite.png);
	background-position: 0 -44px;
	width: 34px;
	height: 16px;
	left: 50%;
	margin-left: -16px;
	border: none
}
.Tooltip--balloon:after {
	display: none
}
.Tooltip--balloon.on-top:before {
	bottom: -15px
}
.Tooltip--balloon.on-top.points-right:before {
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1)
}
.Tooltip--balloon.on-bottom:before {
	top: -15px
}
.Tooltip--balloon.on-bottom.points-left:before {
	-webkit-transform: rotate(180deg) scaleX(-1);
	-ms-transform: rotate(180deg) scaleX(-1);
	transform: rotate(180deg) scaleX(-1)
}
.Tooltip--balloon.pin-left {
	left: 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}
.Tooltip--balloon.pin-left:before {
	left: 30px
}
.Tooltip--balloon.pin-right {
	right: 0;
	left: auto;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}
.Tooltip--balloon.pin-right:before {
	right: 30px;
	left: auto
}
.Navigation-container {
	position: absolute;
	top: -51px;
	right: 100%;
	bottom: -51px;
	width: 70%;
	-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 (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 (min-width:72.5em) {
	.Navigation-container {
		width: 1160px;
		height: 65px
	}
}
@media (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 (min-width:72.5em) {
	.Navigation-wrapper {
		bottom: 26px
	}
}
@media (min-width:60em) {
	.homepage .Navigation-wrapper {
		bottom: 35px
	}
}
@media (min-width:60em) {
	.Navigation-wrapper.headroom--not-top {
		position: fixed;
		top: -2px;
		right: 0;
		bottom: auto;
		left: 0;
		margin: 0 auto
	}
}
@media (min-width:60em) {
	.Navigation-wrapper.fixed {
		-webkit-animation-name: Nav--slideDown;
		animation-name: Nav--slideDown
	}
}
@media (min-width:60em) {
	.Navigation-wrapper.unFixed {
		-webkit-animation-name: Nav--slideUp;
		animation-name: Nav--slideUp
	}
}
@-webkit-keyframes Nav--slideDown {
	0% {
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%)
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
@keyframes Nav--slideDown {
	0% {
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%)
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
@-webkit-keyframes Nav--slideUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	to {
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%)
	}
}
@keyframes Nav--slideUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	to {
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%)
	}
}
@media (min-width:60em) {
	.Navigation {
		height: 56px;
		padding-top: 8px;
		padding-bottom: 13px;
		background: transparent url(images/nav/nav-bg-568030fb11e247885e5fdbb69b72d0c605184be4e1ef34d271113f12a58cce5db6fb719e73b93a492eab52cd137545909bb8abd355199f6aab724b6215a33e69.png) bottom no-repeat;
		background-size: cover;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
}
@media (min-width:72.5em) {
	.Navigation {
		height: 66px;
		padding-top: 10px;
		padding-bottom: 14px
	}
}
@media (max-width:59.99em) {
	.Navigation {
		display: none
	}
}
.Menu-cta, .Menu-roseLogo {
	position: relative;
	overflow: hidden;
	color: transparent;
	z-index: 10;
	opacity: 1;
	transition: opacity .15s
}
.Menu-cta:after, .Menu-cta:before, .Menu-roseLogo:after, .Menu-roseLogo:before {
	content: "";
	left: 0;
	position: absolute;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.Menu-cta:after, .Menu-roseLogo:after {
	opacity: 0;
	transition: all .15s linear
}
.Menu-cta:active, .Menu-cta:hover, .Menu-roseLogo:active, .Menu-roseLogo:hover {
	color: #fff
}
.Menu-cta:active:after, .Menu-cta:hover:after, .Menu-roseLogo:active:after, .Menu-roseLogo:hover:after {
	opacity: 1
}
.Searching .Menu-cta, .Searching .Menu-roseLogo {
	opacity: 0
}
.Menu-roseLogo {
	top: -2px;
	-webkit-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	transform: translateY(-30%);
	text-indent: -9999px
}
.Menu-roseLogo, .Menu-roseLogo:after, .Menu-roseLogo:before {
	width: 99px;
	height: 100px
}
.Menu-roseLogo:before {
	background: url(images/nav/nav-sprite-d6a343d99ea6bade23ea3c7fe5d0c0c2a463a8654e3417ed8a88e61ee2e54cd5b002d69109429c217ae34a7130f2ebdf142bcbf44791c7b8af7e374a57074e5f.png) no-repeat 0 100%
}
.Menu-roseLogo:after {
	background: url(images/nav/nav-sprite-d6a343d99ea6bade23ea3c7fe5d0c0c2a463a8654e3417ed8a88e61ee2e54cd5b002d69109429c217ae34a7130f2ebdf142bcbf44791c7b8af7e374a57074e5f.png) no-repeat -101px bottom
}
@media (min-width:72.5em) {
	.Menu-roseLogo {
		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 (min-width:72.5em) {
	.Menu-cta {
		top: -46%
	}
	.Menu-cta span {
		padding-top: 28px;
		font-size: 16px
	}
}
@media (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
}
.NavPosition {
	position: absolute
}
@media (min-width:60em) {
	.NavPosition {
		bottom: 91px
	}
}
@media (min-width:72.5em) {
	.NavPosition {
		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-dropdownLink:active, .Menu#mobileMenu .Menu-dropdownLink:hover {
	background-color: rgba(0, 0, 0, .15)
}
@media (max-width:59.99em) {
	.Menu {
		color: #fcd144
	}
}
@media (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
	}
}
.Menu-item {
	list-style: none
}
@media (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-dropdownLink {
		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 (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:first-child {
		border-left: none
	}
	.Menu-item:first-child .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 (min-width:72.5em) {
	.Menu-item:first-child .Menu-link {
		padding-left: 1em
	}
}
@media (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 (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
}
.Menu-link {
	color: #fcd144;
	display: block;
	padding: 10px 16px;
	padding: .625rem 1rem
}
@media (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
	}
}
@media (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 (min-width:60em) {
	.ko-kr .Menu-link span {
		font-family: NanumMyeongjo Bold;
		font-size: 18px
	}
}
@media (min-width:60em) {
	.Menu-link--is-active {
		color: #fff;
		text-decoration: none;
		background-color: rgba(60, 15, 3, .5)
	}
}
.Menu-wrapper {
	overflow: hidden
}
@media (max-width:59.99em) {
	.Menu-wrapper {
		max-height: 0;
		transition: max-height .3s ease-in-out
	}
}
@media (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, .8)
}
@media (min-width:60em) {
	.Menu-dropdown {
		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 (min-width:60em) {
	.Menu-dropdownList {
		display: block;
		text-align: left
	}
	.Menu-dropdownList:first-of-type {
		padding-top: 10px
	}
	.Menu-dropdownList:last-of-type {
		padding-bottom: 17px
	}
}
@media (min-width:60em) {
	.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-dropdownLink {
	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 (min-width:60em) {
	.Menu-dropdownLink {
		color: #fff;
		font-size: 16px;
		font-size: 1rem;
		padding: 14px 32px 14px 16px;
		padding: .875rem 2rem .875rem 1rem
	}
}
.Menu-dropdownLink:active, .Menu-dropdownLink:hover {
	color: #fff;
	text-decoration: none;
	background-color: #2c0903
}
@media (min-width:60em) {
	.Menu-dropdownLink:active, .Menu-dropdownLink:hover {
		background-color: #81120c
	}
}
.ie8 .Menu-link--is-active, .ie8 .Menu-link:hover {
	background: none
}
#MenuArrow-container {
	position: absolute;
	height: 65px;
	width: 101px;
	z-index: 100
}
#MenuArrow-container.broken {
	-webkit-animation: arrow-broken 2s forwards;
	animation: arrow-broken 2s forwards
}
#MenuArrow-container.broken #MenuArrow-arrow {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
#MenuArrow-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
}
#MenuArrow-screw.loose {
	-webkit-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	transform: rotate(-40deg)
}
#MenuArrow-screw.looser {
	-webkit-transform: rotate(-110deg);
	-ms-transform: rotate(-110deg);
	transform: rotate(-110deg)
}
#MenuArrow-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
}
#MenuArrow-arrow:hover {
	-webkit-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	transform: rotate(-6deg)
}
#MenuArrow-arrow.loose {
	-webkit-animation: arrow-loose .2s forwards;
	animation: arrow-loose .2s forwards
}
#MenuArrow-arrow.unhinged {
	-webkit-animation: arrow-unhinged 1s forwards;
	animation: arrow-unhinged 1s forwards
}
@media (min-width:60em) {
	.searching #MenuArrow-arrow {
		background-image: url(images/nav/arrow-back-68f11bba5c095e2a3193f2ce81e35bef3ff381d2775e4a3fcdf79c5e77b43fb4a3593138665eed2860ec3d15e496a511eda44fd966a1bd8ab70c854e802f5adb.png)
	}
}
@media (min-width:60em) {
	.searching.arrow-unhinged #MenuArrow-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
	}
}
#NavigationMenu-rightSide {
	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 #NavigationMenu-rightSide {
	display: none
}
table {
	background-color: #f5e0be;
	font-size: 1em
}
caption {
	padding-top: .5em;
	padding-bottom: .5em
}
caption, th {
	text-align: left
}
th {
	text-transform: capitalize;
	color: #233a6e
}
.Table tr.u-textLeft, .Table tr.u-textLeft td, .Table tr.u-textLeft th {
	text-align: left
}
.Table tr.u-textCenter, .Table tr.u-textCenter td, .Table tr.u-textCenter th {
	text-align: center
}
.Table tr.u-textRight, .Table tr.u-textRight td, .Table tr.u-textRight th {
	text-align: right
}
.Table.u-textLeft td, .Table.u-textLeft th {
	text-align: left
}
.Table.u-textRight td, .Table.u-textRight th {
	text-align: right
}
.Table.u-textCenter td, .Table.u-textCenter th {
	text-align: center
}
.Table {
	border-collapse: collapse
}
.Table tr.u-verticalTop, .Table tr.u-verticalTop td, .Table tr.u-verticalTop th {
	vertical-align: top
}
.Table tr.u-verticalBottom, .Table tr.u-verticalBottom td, .Table tr.u-verticalBottom th {
	vertical-align: bottom
}
.Table tr.u-verticalMiddle, .Table tr.u-verticalMiddle td, .Table tr.u-verticalMiddle th {
	vertical-align: middle
}
.Table.u-verticalTop td, .Table.u-verticalTop th {
	vertical-align: top
}
.Table.u-verticalBottom td, .Table.u-verticalBottom th {
	vertical-align: bottom
}
.Table.u-verticalMiddle td, .Table.u-verticalMiddle th {
	vertical-align: middle
}
.Table {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	width: 100%;
	max-width: 100%
}
.Table>tbody>tr>td, .Table>tbody>tr>th, .Table>tfoot>tr>td, .Table>tfoot>tr>th, .Table>thead>tr>td, .Table>thead>tr>th {
	padding: .5em;
	line-height: 1.5;
	border-top: 1px solid #ddc199
}
.Table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddc199
}
.Table>caption+thead>tr:first-child>td, .Table>caption+thead>tr:first-child>th, .Table>colgroup+thead>tr:first-child>td, .Table>colgroup+thead>tr:first-child>th, .Table>thead:first-child>tr:first-child>td, .Table>thead:first-child>tr:first-child>th {
	border-top: 0
}
.Table>tbody+tbody {
	border-top: 1px solid #ddc199
}
.Table .Table {
	background-color: #f5e0be
}
.Table--condensed>tbody>tr>td, .Table--condensed>tbody>tr>th, .Table--condensed>tfoot>tr>td, .Table--condensed>tfoot>tr>th, .Table--condensed>thead>tr>td, .Table--condensed>thead>tr>th {
	padding: .4em
}
.Table--bordered, .Table--bordered>tbody>tr>td, .Table--bordered>tbody>tr>th, .Table--bordered>tfoot>tr>td, .Table--bordered>tfoot>tr>th, .Table--bordered>thead>tr>td, .Table--bordered>thead>tr>th {
	border: 1px solid #ddc199
}
.Table--bordered>thead>tr>td, .Table--bordered>thead>tr>th {
	border-bottom-width: 1px
}
.Table--striped>tbody>tr:nth-of-type(odd) {
	background-color: #f9e5c4
}
.Table--hover>tbody>tr:hover {
	background-color: rgba(116, 50, 0, .03)
}
table col[class*=col-] {
	position: static;
	float: none;
	display: table-column
}
table td[class*=col-], table th[class*=col-] {
	position: static;
	float: none;
	display: table-cell
}
.Table--responsive {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	overflow-x: auto;
	min-height: .01%
}
.Table--responsive .Table {
	margin-bottom: 0
}
@media screen and (max-width:768px) {
	.Table--responsive {
		margin-bottom: 18px;
		margin-bottom: 1.125rem;
		width: 100%;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	.Table--responsive .Table {
		margin-bottom: 0
	}
	.Table--responsive .Table>tbody>tr>td, .Table--responsive .Table>tbody>tr>th, .Table--responsive .Table>tfoot>tr>td, .Table--responsive .Table>tfoot>tr>th, .Table--responsive .Table>thead>tr>td, .Table--responsive .Table>thead>tr>th {
		white-space: nowrap
	}
	.Table--responsive>.Table--bordered {
		border: 0
	}
	.Table--responsive>.Table--bordered>tbody>tr>td:first-child, .Table--responsive>.Table--bordered>tbody>tr>th:first-child, .Table--responsive>.Table--bordered>tfoot>tr>td:first-child, .Table--responsive>.Table--bordered>tfoot>tr>th:first-child, .Table--responsive>.Table--bordered>thead>tr>td:first-child, .Table--responsive>.Table--bordered>thead>tr>th:first-child {
		border-left: 0
	}
	.Table--responsive>.Table--bordered>tbody>tr>td:last-child, .Table--responsive>.Table--bordered>tbody>tr>th:last-child, .Table--responsive>.Table--bordered>tfoot>tr>td:last-child, .Table--responsive>.Table--bordered>tfoot>tr>th:last-child, .Table--responsive>.Table--bordered>thead>tr>td:last-child, .Table--responsive>.Table--bordered>thead>tr>th:last-child {
		border-right: 0
	}
	.Table--responsive>.Table--bordered>tbody>tr:last-child>td, .Table--responsive>.Table--bordered>tbody>tr:last-child>th, .Table--responsive>.Table--bordered>tfoot>tr:last-child>td, .Table--responsive>.Table--bordered>tfoot>tr:last-child>th {
		border-bottom: 0
	}
}
.Table--stack {
	margin: 24px 0;
	margin: 1.5rem 0
}
@media (min-width:25em) {
	.Table--stack thead {
		display: none
	}
	.Table--stack tr td {
		display: -webkit-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-items: center;
		margin-left: auto
	}
	.Table--stack tr td:before {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-weight: 200;
		text-align: right;
		color: #233a6e;
		padding-right: 1em;
		width: 40%;
		content: attr(data-heading);
		display: inline-block
	}
}
.Tab-nav {
	padding-left: 0;
	list-style: none;
	background-color: #f9e5c4;
	border: 1px solid rgba(0, 0, 0, .08);
	margin-bottom: 0;
	overflow-x: auto
}
.Tab-nav>li {
	width: 100%
}
.Tab-nav>li>a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-width: 0 0 4px;
	border-color: transparent;
	padding: 1em 1em .5em;
	color: #725a37;
	text-decoration: none;
	display: block;
	border-style: solid;
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.Tab-nav>li>a:active, .Tab-nav>li>a:focus, .Tab-nav>li>a:hover {
	outline: none !important;
	border-width: 0 0 4px;
	border-color: transparent;
	color: #233a6e;
	border-image: linear-gradient(#233a6e, #233a6e) 1;
	background-color: #f3debc
}
.Tab-nav>li:active, .Tab-nav>li:focus, .Tab-nav>li:hover {
	background-color: #f3debc
}
.Tab-nav>li.active>a:active, .Tab-nav>li.active>a:focus, .Tab-nav>li.active>a:hover, .Tab-nav>li:active>a, .Tab-nav>li:focus>a, .Tab-nav>li:hover>a {
	outline: none !important;
	border-width: 0 0 4px;
	background-color: #f3debc;
	color: #233a6e;
	border-image: linear-gradient(#233a6e, #233a6e) 1
}
.Tab-content {
	background-color: #f9e5c4;
	margin-bottom: 1em;
	padding: 1em;
	border-width: 0 1px 1px;
	border-color: rgba(0, 0, 0, .08);
	border-style: solid;
	margin-top: -1px
}
.Tab-content .Tab-pane {
	display: none
}
.Tab-content .Tab-pane.active {
	display: block
}
.Tabs-responsive .Tab-nav {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}
.Tabs-responsive .Tab-nav li {
	white-space: nowrap
}
.Media {
	clear: both;
	margin-top: 0
}
.MediaContainer {
	white-space: nowrap
}
@media (min-width:60em) {
	.MediaContainer {
		white-space: normal;
		max-width: 960px;
		max-width: 60rem;
		text-align: center;
		margin: auto
	}
}
.MediaContentBlock {
	max-height: 1200px;
	overflow: hidden;
	transition: max-height .25s linear;
	padding: 16px;
	padding: 1rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}
@media (min-width:60em) {
	.MediaContentBlock {
		overflow-x: visible
	}
}
.AspectRatio {
	width: 100%;
	position: relative
}
.AspectRatio>* {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1
}
.AspectRatio iframe {
	width: 100%;
	height: 100%
}
.AspectRatio--16x9 {
	padding-bottom: 56.25%
}
.MediaContainer--audio ul {
	padding: 0
}
.MediaContainer--audio li {
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: .25em
}
.MediaContainer--audio audio {
	display: none
}
.MediaContentBlock--audio {
	max-width: 496px;
	max-width: 31rem;
	margin: 0 auto
}
.AudioTrackContainer {
	font-size: .95em;
	font-weight: 400
}
.AudioButton {
	width: 46px;
	height: 27px;
	margin-right: 10px;
	background: transparent url(images/buttons/audio-controls-9405534c2d3694f5bdef2bd25829f12582e0874145f8cd73aad22c30790bd1d00b9ed0fc5d576ffaae30319ffc07c6eedf67eea7d92d23395e511db305275402.png) 0 0 no-repeat;
	cursor: pointer;
	float: left;
	display: none;
	transition: none
}
@media (min-width:30em) {
	.AudioButton {
		display: inline-block
	}
}
.AudioButton--play:active, .AudioButton--play:focus, .AudioButton--play:hover {
	background-position: -46px 0
}
.AudioButton--stop {
	display: none;
	background-position: -92px
}
.AudioButton--stop:active, .AudioButton--stop:focus, .AudioButton--stop:hover {
	background-position: -138px 0
}
.TrackName {
	margin-left: 0;
	float: left;
	max-width: 59vw;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.Download--track {
	float: right
}
.Carousel {
	position: relative;
	display: block;
	text-align: center;
	z-index: 1;
	margin: auto
}
.Carousel-indicators {
	margin-top: 17px;
	margin-top: 1.1rem
}
@media (min-width:60em) {
	.Carousel-indicators {
		margin-top: 32px;
		margin-top: 2rem
	}
}
@media (min-width:40em) {
	.Carousel--playing-hearthstone .Screen {
		max-width: none
	}
}
@media (min-width:60em) {
	.Carousel--playing-hearthstone .Screen {
		padding-bottom: 32px;
		padding-bottom: 2rem;
		min-height: 880px;
		min-height: 55rem
	}
}
.Carousel--home {
	max-width: 757px
}
.Carousel--home.active-6 .Carousel-list {
	-webkit-transform: translate(-500%);
	-ms-transform: translate(-500%);
	transform: translate(-500%)
}
@media (min-width:60em) {
	.Carousel--home.active-6 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--home.active-5 .Carousel-list {
	-webkit-transform: translate(-400%);
	-ms-transform: translate(-400%);
	transform: translate(-400%)
}
@media (min-width:60em) {
	.Carousel--home.active-5 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--home.active-4 .Carousel-list {
	-webkit-transform: translate(-300%);
	-ms-transform: translate(-300%);
	transform: translate(-300%)
}
@media (min-width:60em) {
	.Carousel--home.active-4 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--home.active-3 .Carousel-list {
	-webkit-transform: translate(-200%);
	-ms-transform: translate(-200%);
	transform: translate(-200%)
}
@media (min-width:60em) {
	.Carousel--home.active-3 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--home.active-2 .Carousel-list {
	-webkit-transform: translate(-100%);
	-ms-transform: translate(-100%);
	transform: translate(-100%)
}
@media (min-width:60em) {
	.Carousel--home.active-2 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--home.active-1 .Carousel-list {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}
@media (min-width:60em) {
	.Carousel--home.active-1 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
@media (min-width:40em) {
	.Carousel--home {
		background: url(images/screenshot-frame-bg-14661bf350f0a55dd8da1ad7bf9279932edb3eed73329d138df197977ae0313b8ddf8a147b862ba11cdbb8aab9bd84a4f79c445072ef34459936dd58301fa116.png) top no-repeat;
		background-size: contain;
		max-width: 837px;
		margin-top: 64px;
		margin-top: 4rem;
		width: 100%
	}
}
@media (min-width:40em) {
	.Carousel--home .Screen {
		width: 86%;
		top: -7px;
		border-radius: 7px
	}
}
@media (min-width:60em) {
	.Carousel--home .Screen {
		z-index: 2;
		padding-bottom: 0;
		margin: auto;
		width: auto;
		top: auto;
		border-radius: 0
	}
}
.Carousel--wallpaper.active-12 .Carousel-list {
	-webkit-transform: translate(-1100%);
	-ms-transform: translate(-1100%);
	transform: translate(-1100%)
}
@media (min-width:60em) {
	.Carousel--wallpaper.active-12 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--wallpaper.active-11 .Carousel-list {
	-webkit-transform: translate(-1000%);
	-ms-transform: translate(-1000%);
	transform: translate(-1000%)
}
@media (min-width:60em) {
	.Carousel--wallpaper.active-11 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--wallpaper.active-10 .Carousel-list {
	-webkit-transform: translate(-900%);
	-ms-transform: translate(-900%);
	transform: translate(-900%)
}
@media (min-width:60em) {
	.Carousel--wallpaper.active-10 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--wallpaper.active-9 .Carousel-list {
	-webkit-transform: translate(-800%);
	-ms-transform: translate(-800%);
	transform: translate(-800%)
}
@media (min-width:60em) {
	.Carousel--wallpaper.active-9 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--wallpaper.active-8 .Carousel-list {
	-webkit-transform: translate(-700%);
	-ms-transform: translate(-700%);
	transform: translate(-700%)
}
@media (min-width:60em) {
	.Carousel--wallpaper.active-8 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--wallpaper.active-7 .Carousel-list {
	-webkit-transform: translate(-600%);
	-ms-transform: translate(-600%);
	transform: translate(-600%)
}
@media (min-width:60em) {
	.Carousel--wallpaper.active-7 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--wallpaper.active-6 .Carousel-list {
	-webkit-transform: translate(-500%);
	-ms-transform: translate(-500%);
	transform: translate(-500%)
}
@media (min-width:60em) {
	.Carousel--wallpaper.active-6 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--wallpaper.active-5 .Carousel-list {
	-webkit-transform: translate(-400%);
	-ms-transform: translate(-400%);
	transform: translate(-400%)
}
@media (min-width:60em) {
	.Carousel--wallpaper.active-5 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--wallpaper.active-4 .Carousel-list {
	-webkit-transform: translate(-300%);
	-ms-transform: translate(-300%);
	transform: translate(-300%)
}
@media (min-width:60em) {
	.Carousel--wallpaper.active-4 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--wallpaper.active-3 .Carousel-list {
	-webkit-transform: translate(-200%);
	-ms-transform: translate(-200%);
	transform: translate(-200%)
}
@media (min-width:60em) {
	.Carousel--wallpaper.active-3 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--wallpaper.active-2 .Carousel-list {
	-webkit-transform: translate(-100%);
	-ms-transform: translate(-100%);
	transform: translate(-100%)
}
@media (min-width:60em) {
	.Carousel--wallpaper.active-2 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Carousel--wallpaper.active-1 .Carousel-list {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0)
}
@media (min-width:60em) {
	.Carousel--wallpaper.active-1 .Carousel-list {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}
.Screen {
	max-width: 720px;
	position: relative;
	overflow: hidden;
	margin: 0 auto
}
@media (min-width:60em) {
	.Screen {
		z-index: 2;
		padding-bottom: 0;
		margin: auto;
		top: auto
	}
}
.Carousel-list {
	white-space: nowrap;
	font-size: .1px;
	transition: -webkit-transform .3s linear;
	transition: transform .3s linear;
	transition: transform .3s linear, -webkit-transform .3s linear;
	padding: 0;
	margin-bottom: 0
}
@media (min-width:60em) {
	.Carousel-list {
		width: 100%;
		transition: none
	}
}
.Carousel-item {
	max-width: 100%;
	display: inline-block;
	vertical-align: top
}
@media (min-width:40em) {
	.Carousel-item {
		background: none;
		padding: 0
	}
}
.Carousel-item--wallpaper {
	width: 720px
}
@media (min-width:60em) {
	.Carousel-item {
		float: none;
		opacity: 0;
		transition: opacity .5s ease-in-out;
		max-width: 100%;
		position: absolute;
		top: 0
	}
}
.Carousel-item.active {
	z-index: 1;
	opacity: 1;
	position: relative
}
@media (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-image {
	width: 100%;
	display: block
}
@media (min-width:60em) {
	.Carousel--home .Carousel-image {
		margin-top: -3px;
		border-radius: 10px
	}
}
.Carousel-indicator {
	height: 28px;
	width: 28px;
	background: transparent url(images/buttons/screenshot-overlay-243c5208fc979cda6e668d6e5f5183f2f6fc1376c8b2432e4205f1707ae45e6cce8ba35f699c7669a17853ecda06f13c5c19bc00a9f35f44e19815cd407b4518.png) -325px -262px no-repeat;
	display: inline-block
}
.Carousel-indicator:active, .Carousel-indicator:focus, .Carousel-indicator:hover {
	cursor: pointer;
	background-position: -355px -262px
}
.Carousel-indicator.active {
	background-position: -385px -262px
}
.Carousel-homeHeading {
	max-width: 720px;
	max-width: 45rem;
	text-align: left
}
@media (min-width:40em) {
	.Carousel-homeHeading {
		font-size: 16px;
		font-size: 1rem;
		font-family: Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
		text-align: center;
		color: #fff;
		height: 40px;
		max-width: none;
		margin-bottom: 0;
		padding-top: 12px;
		padding-top: .75rem;
		padding-bottom: 0;
		border-bottom: none;
		text-transform: uppercase;
		text-shadow: 0 0 4px #000, 0 0 8px #000
	}
}
@media (min-width:60em) {
	.Carousel-homeHeading {
		font-size: 17px;
		font-size: 1.1rem;
		padding-top: 16px;
		padding-top: 1.025rem
	}
}
.CarouselOverlay-container {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding-top: 57%
}
.CarouselOverlay-controls {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3
}
.CarouselOverlay-controls--playing-hearthstone {
	right: 16px;
	right: 1rem;
	left: 16px;
	left: 1rem
}
@media (min-width:60em) {
	.CarouselOverlay-controls--playing-hearthstone {
		right: 8px;
		left: 8px
	}
}
.CarouselOverlay-controls:hover .CarouselOverlay-control {
	background-image: url(images/buttons/screenshot-overlay-243c5208fc979cda6e668d6e5f5183f2f6fc1376c8b2432e4205f1707ae45e6cce8ba35f699c7669a17853ecda06f13c5c19bc00a9f35f44e19815cd407b4518.png);
	background-repeat: no-repeat
}
.ie8 .CarouselOverlay-controls {
	background: url(images/layout/blank-2b9c34be3c86965d0c33a589279630ed6ad674642b08d42cdf1d70408f836db34dbaa394a2727a9910f12a364114096837f74e10e92512bff40934fb6a3d0d48.gif)
}
.CarouselOverlay-control {
	position: absolute;
	top: 50%;
	width: 33%;
	margin-top: -46px;
	height: 92px;
	max-width: 100px;
	z-index: 4;
	background-repeat: no-repeat
}
.CarouselOverlay-control.prev {
	background-position: -329px 0;
	left: 0
}
.CarouselOverlay-control.prev:hover {
	background-position: -429px 0;
	cursor: pointer
}
.CarouselOverlay-control.next {
	background-position: -492px 0;
	right: 0
}
.CarouselOverlay-control.next:hover {
	background-position: -592px 0;
	cursor: pointer
}
.CarouselOverlay-control.zoom {
	background-position: 227px 192px;
	left: 100px;
	right: 100px;
	width: auto;
	max-width: none
}
.CarouselOverlay-control.zoom:hover {
	background-position: 227px -73px;
	cursor: pointer
}
.MediaFrame {
	position: relative;
	padding: 8px;
	z-index: 1
}
.MediaFrame:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 8px solid #dec79b;
	border-width: 17px 20px;
	border-image: url(https://hearthstone.nosdn.127.net/3/minisite/knight/artwork-frameV2.png) 17 20 stretch;
	z-index: -1
}
.MediaFrame img {
	display: block
}
.MediaFrame--thumb {
	display: inline-block
}
.MediaFrame--wideFrame {
	padding: 15px 16px
}
.MediaFrame--wideFrame:before {
	top: -2px;
	right: -1px;
	bottom: -2px;
	left: -1px;
	border-width: 17px 19px;
	border-image: url(images/ui/artwork-frameV3-dac4c0c25cf0f5a3d3a9dec4da0aef714bb526182fb53e2d34433d1e44e7d51fad4b888588d4971b8c314b1ebfb6b229ecf86a5e478151aac4b1fb8c7c85cdda.png) 17 20 stretch;
	z-index: -1
}
.MediaContent-container__title {
	font-size: 16px;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #233a6e;
	font-family: Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	border-bottom: 1px solid #d4ba8c;
	margin: 0 16px;
	margin: 0 1rem
}
@media (min-width:40em) {
	.MediaContent-container__title {
		padding-left: 16px;
		padding-left: 1rem;
		border-bottom: none
	}
}
@media (min-width:72.5em) {
	.MediaContent-container__title {
		padding: 0 72px;
		padding: 0 4.5rem
	}
}
.Media--link {
	display: block;
	color: #000
}
.Media--link:active, .Media--link:focus, .Media--link:hover {
	text-decoration: none;
	color: #e22c14
}
.ImageGallery .MediaContainer {
	overflow-x: auto
}
@media (min-width:60em) {
	.ImageGallery .MediaContainer {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}
.ImageGallery-item {
	max-width: 32%;
	display: inline-block;
	margin-left: 8px
}
.ImageGallery-item:first-child {
	margin-left: 0
}
@media (min-width:60em) {
	.ImageGallery-item {
		margin-left: 0;
		margin-bottom: 32px;
		margin-bottom: 2rem
	}
}
.Media-overlay {
	display: block;
	max-height: 100%;
	position: relative;
	text-decoration: none
}
@media (min-width:60em) {
	.Media-overlay:before {
		content: "";
		opacity: 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, .5) url(https://hearthstone.nosdn.127.net/3/minisite/knight/artwork-zoom.png) 50% no-repeat;
		transition: opacity .3s
	}
	.Media-overlay:active:before, .Media-overlay:focus:before, .Media-overlay:hover:before {
		opacity: 1
	}
}
@media (min-width:40em) {
	.Page--media .body-top {
		background: transparent url(images/media/bg-header-34291f0671168d7dc199ffdb334b863416698bc2d9dd3d1fcfe48ee8dce88025b601bc826b9837aedcef0ee15cc3da9d7dfb4c5fc0122fc079250791df2832af.png) 50% 0 no-repeat
	}
}
.MediaContainer--videos {
	position: relative
}
@media (min-width:40em) {
	.MediaContainer--videos {
		height: 343px;
		margin-bottom: 25px;
		padding-top: 30px
	}
}
@media (min-width:72.5em) {
	.MediaContainer--videos:after, .MediaContainer--videos:before {
		content: "";
		display: block;
		position: absolute;
		z-index: 5
	}
	.MediaContainer--videos:before {
		width: 405px;
		height: 263px;
		background: url(images/media/bg-worgen-74e66818366defb8d4ce5b05a0a8caf1b29dfcb728f0d5c01dcee4fbe34d88000556ae2e92ebe7a1f12d13b9d08c0f52b39ba8c281f74e38fd0dfb18e30849d4.png) 0 0 no-repeat;
		bottom: -56px;
		left: -120px
	}
	.MediaContainer--videos:after {
		width: 210px;
		height: 237px;
		background: url(images/media/bg-goblin-ef399cd7ec2c676f292fa6e6628fd35fa652422f71480f4ef5a0671d3e96460c36c7e3aaf8cbb7895101b501c11d10eef7241934cb7e7445fb7eee9f4fa7721b.png) 0 0 no-repeat;
		right: -24px;
		bottom: -26px
	}
}
.MediaContent--video {
	display: block;
	margin-left: 16px;
	margin-left: 1rem;
	margin-right: 16px;
	margin-right: 1rem
}
@media (min-width:30em) {
	.MediaContent--video {
		display: inline-block;
		width: 412px;
		max-width: 66vw
	}
}
.MediaContent--video+.MediaContent--video {
	margin-top: 32px;
	margin-top: 2rem
}
@media (min-width:30em) {
	.MediaContent--video+.MediaContent--video {
		margin-top: 0
	}
}
@media (min-width:40em) {
	.MediaContent--video+.MediaContent--video {
		margin-top: 8px
	}
}
@media (min-width:60em) {
	.MediaContent--video+.MediaContent--video {
		margin-left: 32px;
		margin-left: 2rem
	}
}
.MediaContent-itemTitle {
	position: absolute;
	top: 1em;
	right: 0;
	left: 0;
	color: #fff;
	font-size: 16px;
	font-size: 1rem;
	font-family: Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	text-align: center
}
.ko-kr .MediaContent-itemTitle {
	font-family: NanumMyeongjo Bold
}
.MediaContent-itemTitle--expansion {
	top: auto;
	bottom: 50%;
	-webkit-transform: translateY(63px);
	-ms-transform: translateY(63px);
	transform: translateY(63px);
	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 .MediaContent-itemTitle--expansion, .zh-tw .MediaContent-itemTitle--expansion {
	-webkit-transform: translateY(68px);
	-ms-transform: translateY(68px);
	transform: translateY(68px)
}
.MediaContent-header {
	color: #000;
	font-size: 16px;
	font-size: 1rem;
	font-family: Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	text-align: center;
	margin: 0 0 .75em
}
.ko-kr .MediaContent-header {
	font-family: NanumMyeongjo Bold
}
@media (min-width:60em) {
	.MediaContent-header {
		display: none
	}
}
@media (min-width:60em) {
	.MediaContent-item--withPlayButton {
		position: relative
	}
	.MediaContent-item--withPlayButton:after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -50px;
		margin-left: -50px;
		background: transparent url(images/buttons/play-sprite-afa7cd2884863e243ac46c9d9766a0908b9835d62fb3339c5c9fed78b5367917c628219d5162935fb7b2bf0336103f8f4cbc98d64ee55e0e06e1790abd8ea3b9.png) 0 0 no-repeat;
		width: 100px;
		height: 100px;
		z-index: 9001
	}
	.MediaContent-item--withPlayButton:active:after, .MediaContent-item--withPlayButton:focus:after, .MediaContent-item--withPlayButton:hover:after {
		background-position: 0 -100px
	}
}
.MediaContent-item--video {
	position: absolute;
	background-size: contain
}
@media (min-width:40em) {
	.MediaContentBlock--video {
		background: none;
		padding-top: 0;
		margin-top: 0
	}
}
@media (min-width:60em) {
	.MediaContentBlock--video {
		padding-top: 16px;
		padding-top: 1rem
	}
}
.MediaContentBlock--wallpaper .Dropdown-hearthstone {
	text-align: center
}
@media (min-width:30em) {
	.MediaContentBlock--wallpaper .Dropdown-border {
		width: 77%
	}
}
@media (min-width:40em) {
	.MediaContentBlock--wallpaper .Dropdown-border {
		width: 83%
	}
}
@media (min-width:60em) {
	.MediaContentBlock--wallpaper .Dropdown-border {
		width: 85%
	}
}
.WallpaperDownload-title {
	font-weight: 400;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.ContentSection--screenshots {
	position: relative
}
.Resolutions {
	margin: 0 16px;
	margin: 0 1rem;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	max-width: 720px;
	text-align: left
}
@media (min-width:40em) {
	.Resolutions {
		margin: auto
	}
}
.Resolutions option {
	font-size: 16px;
	font-size: 1rem
}
.MediaContainer-hub {
	display: inline-block;
	position: relative;
	white-space: nowrap;
	max-width: 1000px;
	transition: left 1s;
	width: 100%
}
@media (min-width:60em) {
	.MediaContainer-hub {
		white-space: normal;
		max-width: 960px;
		max-width: 60rem;
		text-align: left;
		margin: auto
	}
}
.Media--fireside {
	clear: both
}
.Media--fireside+.Media--fireside {
	margin-top: 1em
}
.MediaContentBlock--gvg {
	background-image: none
}
.is-folded .MediaContentBlock {
	max-height: 165px
}
.is-folded .view-more {
	background-position: right -36px
}
.is-folded .view-more:hover {
	background-position: right -108px
}
.view-more {
	display: none
}
@media (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
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 10000;
	-webkit-text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	outline: none
}
.pswp * {
	box-sizing: border-box
}
.pswp img {
	max-width: none
}
.pswp--animate_opacity {
	opacity: .001;
	will-change: opacity;
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--open {
	display: block
}
.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}
.pswp--zoomed-in .pswp__img {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab
}
.pswp--dragging .pswp__img {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing
}
.pswp__bg {
	background: rgba(0, 0, 0, .9);
	opacity: 0;
	-webkit-backface-visibility: hidden
}
.pswp__bg, .pswp__scroll-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.pswp__scroll-wrap {
	overflow: hidden
}
.pswp__container, .pswp__zoom-wrap {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}
.pswp__container, .pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}
.pswp__zoom-wrap {
	position: absolute;
	width: 100%;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
	transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
	transition: transform 333ms cubic-bezier(.4, 0, .22, 1), -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp__bg {
	will-change: opacity;
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
	transition: none
}
.pswp__container, .pswp__zoom-wrap {
	-webkit-backface-visibility: hidden
}
.pswp__item {
	right: 0;
	bottom: 0;
	overflow: hidden
}
.pswp__img, .pswp__item {
	position: absolute;
	left: 0;
	top: 0
}
.pswp__img {
	width: auto;
	height: auto
}
.pswp__img--placeholder {
	-webkit-backface-visibility: hidden
}
.pswp__img--placeholder--blank {
	background: #222
}
.pswp--ie .pswp__img {
	width: 100% !important;
	height: auto !important;
	left: 0;
	top: 0
}
.pswp__error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: #ccc
}
.pswp__error-msg a {
	color: #ccc;
	text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
	width: 44px;
	height: 44px;
	position: relative;
	background: none;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: .75;
	transition: opacity .2s;
	box-shadow: none
}
.pswp__button:focus, .pswp__button:hover {
	opacity: 1
}
.pswp__button:active {
	outline: none;
	opacity: .9
}
.pswp__button::-moz-focus-inner {
	padding: 0;
	border: 0
}
.pswp__ui--over-close .pswp__button--close {
	opacity: 1
}
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
	background: url(images/ui/photoswipe/purple-skin-ab695af545bd122f0cc359ef9126bc03ab229244ed0daaa71c9852c97d8307cfffa6edab7b2552901e240903ad64964746567b9d08df989098e66ecf189a8672.png) 0 0 no-repeat;
	background-size: 264px 88px;
	width: 44px;
	height: 44px
}
@media (-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:1.1dppx), (min-resolution:105dpi) {
	.pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
		background-image: url(images/ui/photoswipe/purple-skin-61aa2df59ea7023fdd2008d8871f850221b84b79f945fa3bc6a90e9e83256082ef2b7a80ea72b2b4c97cde7b3181543e578e043674adb539b92d30272e00d4c4.svg)
	}
	.pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
		background: none
	}
}
.pswp__button--close {
	background-position: 0 -44px
}
.pswp__button--share {
	background-position: -44px -44px
}
.pswp__button--fs {
	display: none
}
.pswp--supports-fs .pswp__button--fs {
	display: block
}
.pswp--fs .pswp__button--fs {
	background-position: -44px 0
}
.pswp__button--zoom {
	display: none;
	background-position: -88px 0
}
.pswp--zoom-allowed .pswp__button--zoom {
	display: block
}
.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0
}
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
	visibility: hidden
}
.pswp__button--arrow--left, .pswp__button--arrow--right {
	background: none;
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	position: absolute
}
.pswp__button--arrow--left {
	left: 20px
}
.pswp__button--arrow--right {
	right: 20px
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
	content: "";
	top: 35px;
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) 0 0 no-repeat;
	position: absolute
}
.pswp__button--arrow--left:before {
	left: 6px;
	background-position: 0 0
}
.pswp__button--arrow--right:before {
	right: 6px;
	background-position: -40px 0
}
.pswp__counter, .pswp__share-modal {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.pswp__share-modal {
	display: block;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	z-index: 1600;
	opacity: 0;
	transition: opacity .25s ease-out;
	-webkit-backface-visibility: hidden;
	will-change: opacity
}
.pswp__share-modal--hidden {
	display: none
}
.pswp__share-tooltip {
	z-index: 1620;
	position: absolute;
	background: #fff;
	top: 56px;
	border-radius: 2px;
	display: block;
	width: auto;
	right: 44px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	transition: -webkit-transform .25s;
	transition: transform .25s;
	transition: transform .25s, -webkit-transform .25s;
	-webkit-backface-visibility: hidden;
	will-change: transform
}
.pswp__share-tooltip a {
	display: block;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 18px
}
.pswp__share-tooltip a, .pswp__share-tooltip a:hover {
	color: #000;
	text-decoration: none
}
.pswp__share-tooltip a:first-child {
	border-radius: 2px 2px 0 0
}
.pswp__share-tooltip a:last-child {
	border-radius: 0 0 2px 2px
}
.pswp__share-modal--fade-in {
	opacity: 1
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}
.pswp--touch .pswp__share-tooltip a {
	padding: 16px 12px
}
a.pswp__share--facebook:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -12px;
	right: 15px;
	border: 6px solid transparent;
	border-bottom-color: #fff;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none
}
a.pswp__share--facebook:hover {
	background: #3e5c9a;
	color: #fff
}
a.pswp__share--facebook:hover:before {
	border-bottom-color: #3e5c9a
}
a.pswp__share--twitter:hover {
	background: #55acee;
	color: #fff
}
a.pswp__share--pinterest:hover {
	background: #ccc;
	color: #ce272d
}
a.pswp__share--download:hover {
	background: #ddd
}
.pswp__counter {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	font-size: 13px;
	line-height: 44px;
	color: #fff;
	opacity: .75;
	padding: 0 10px
}
.pswp__caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 44px
}
.pswp__caption small {
	font-size: 11px;
	color: #bbb
}
.pswp__caption__center {
	text-align: left;
	max-width: 420px;
	margin: 0 auto;
	font-size: 13px;
	padding: 10px;
	line-height: 20px;
	color: #ccc
}
.pswp__caption--empty {
	display: none
}
.pswp__caption--fake {
	visibility: hidden
}
.pswp__preloader {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	transition: opacity .25s ease-out;
	will-change: opacity;
	direction: ltr
}
.pswp__preloader__icn {
	width: 20px;
	height: 20px;
	margin: 12px
}
.pswp__preloader--active {
	opacity: 1
}
.pswp__preloader--active .pswp__preloader__icn {
	background: url(../images/ui/photoswipte/preloader.gif) 0 0 no-repeat
}
.pswp--css_animation .pswp__preloader--active {
	opacity: 1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
	-webkit-animation: clockwise .5s linear infinite;
	animation: clockwise .5s linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
	-webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
	animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
	background: none;
	opacity: .75;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 15px;
	top: 15px;
	margin: 0
}
.pswp--css_animation .pswp__preloader__cut {
	position: relative;
	width: 7px;
	height: 14px;
	overflow: hidden
}
.pswp--css_animation .pswp__preloader__donut {
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	margin: 0
}
@media screen and (max-width:1024px) {
	.pswp__preloader {
		position: relative;
		left: auto;
		top: auto;
		margin: 0;
		float: right
	}
}
@-webkit-keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}
@keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}
@-webkit-keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg)
	}
	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}
@keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg)
	}
	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}
.pswp__ui {
	-webkit-font-smoothing: auto;
	visibility: visible;
	opacity: 1;
	z-index: 1550
}
.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: 100%
}
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar {
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
	visibility: visible
}
.pswp__caption, .pswp__top-bar {
	background-color: rgba(0, 0, 0, .5)
}
.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
	background-color: rgba(0, 0, 0, .3)
}
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right, .pswp__ui--idle .pswp__top-bar {
	opacity: 0
}
.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar {
	opacity: .001
}
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
	display: none
}
.pswp__element--disabled {
	display: none !important
}
.pswp--minimal--dark .pswp__top-bar {
	background: none
}
.pswp__zoom-wrap {
	text-align: center
}
.pswp__zoom-wrap:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}
.pswp__video_wrapper {
	line-height: 0;
	width: 100%;
	max-width: 900px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}
.pswp__video_wrapper .pswp__video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	width: 100%
}
.pswp__video_wrapper .pswp__video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.Hero {
	color: #fff;
	min-height: 500px;
	padding: 3em 0 5em;
	background: #071122;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}
.Hero h1 {
	margin-bottom: .5em
}
.Hero h1, .Hero p {
	color: #fff;
	margin-top: 0;
	text-shadow: -1px 1px 5px rgba(0, 0, 0, .5)
}
@media (min-width:60em) {
	.Hero {
		padding-top: 8em;
		background-image: none
	}
	.Hero.Parallax--standard {
		background-image: none !important
	}
}
.Header-logo {
	display: block;
	margin: 2em auto 0;
	position: relative
}
.Parallax {
	position: relative;
	overflow: hidden
}
.Parallax, .Parallax-layer {
	width: 100%;
	top: 0;
	z-index: 0
}
.Parallax-layer {
	display: none;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover
}
@media (min-width:60em) {
	.Parallax-layer {
		display: block
	}
}
.ContentContainer--social {
	position: relative;
	z-index: 5;
	clear: both;
	padding-top: 20px;
	padding-top: 1.25rem
}
.SocialLinks {
	display: block;
	margin: auto
}
.SocialLinks-title {
	text-align: center;
	font: 700 normal 20px/1 Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	font: 700 normal 1.25rem/1 Palatino Linotype, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #500a70;
	margin: 0 0 .5em
}
.ko-kr .SocialLinks-title {
	font-family: Dotum;
	font-size: 12px
}
.SocialCards {
	text-align: center
}
.SocialCard {
	display: inline-block;
	height: 71px;
	width: 99px;
	vertical-align: bottom;
/*	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/knight/social-cards.png) 0 0 no-repeat;*/
	transition: none;
	margin: 0 -20px
}
@media (min-width:40em) {
	.SocialCard {
		margin: 0 -15px
	}
}
.SocialCard--facebook {
	background-position: 0 0
}
.SocialCard--facebook:active, .SocialCard--facebook:hover {
	background-position: 0 -77px
}
.SocialCard--twitter {
	background-position: -99px 0
}
.SocialCard--twitter:active, .SocialCard--twitter:hover {
	background-position: -99px -77px
}
.SocialCard--youtube {
	background-position: -198px 0
}
.SocialCard--youtube:active, .SocialCard--youtube:hover {
	background-position: -198px -77px
}
.SocialCard--reddit {
	background-position: -297px 0
}
.SocialCard--reddit:active, .SocialCard--reddit:hover {
	background-position: -297px -77px
}
.SocialCard--googleplus {
	background-position: -396px 0
}
.SocialCard--googleplus:active, .SocialCard--googleplus:hover {
	background-position: -396px -77px
}
.SocialCard--vkontakte {
	background-position: -491px 0
}
.SocialCard--vkontakte:active, .SocialCard--vkontakte:hover {
	background-position: -491px -77px
}
.SocialCard--instagram {
	background-position: -587px 0
}
.SocialCard--instagram:active, .SocialCard--instagram:hover {
	background-position: -587px -77px
}