@charset "UTF-8";


.body-bot {
	position: relative;
	min-height: 500px;
	padding-bottom: 22px;
	max-width: 2600px;
	margin: auto
}

@media only screen and (min-width:40em) {
	.body-bot {
		padding-bottom: 40px
	}

}

.ContentContainer {
	margin: auto;
	padding: 0 1rem;
	max-width: 81.5rem
}

@media only screen and (min-width:60em) {
	.ContentContainer {
		padding: 0 5rem
	}

}










































































































.MobileSearchBar {
	background: linear-gradient(90deg, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05) 90%, transparent);
	height: 44px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.MobileSearchBar:after, .MobileSearchBar:before {
	content: "";
	height: 1px;
	background: linear-gradient(90deg, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 90%, transparent)
}

.MobileSearchBarIcon {
	position: absolute;
	top: 15px;
	left: 15px;
	height: 15px;
	width: 15px;
	pointer-events: none;
	display: inline-block;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/mobile-search-icon.png) 50% no-repeat;
	background-size: contain
}

.MobileSearchBarInput {
	width: 100%;
	padding-left: 40px;
	height: 44px;
	background: linear-gradient(90deg, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05) 90%, transparent);
	color: #fff;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	border: none
}

.eu-cookie-compliance:not(.hide) {
	display: initial
}

.Navbar-container .Navbar-mobile {
	top: 0;
	width: 100%;
	position: fixed;
	transition: transform .25s ease-out;
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.is-unFixed .Navbar-container .Navbar-mobile {
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

#Page-footer {
	clear: left;
	padding-top: 65px;
	padding-bottom: 60px;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/footer-bg-mobile-7be2d60f0a1fd865a94ab464da15cd37c364018affd2d696d238de047b296881b4f37e590f03cff9b312a17afe25b2bff215e56e66df7408d823a9380599a55e.png), linear-gradient(180deg, #352204, #241404);
	background-position: center -1px;
	background-repeat: repeat-x;
	position: relative
}

@media only screen and (min-width:60em) {
	#Page-footer {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/footer-bg-3e553c41c117780e46d0ba6293f1d5c579657d8eb69c431b966282cfba793e1a640efc03389348efbde38711c9bce3f1825950dc0c1fba32aab033addc7925c6.png);
		padding-top: 80px;
		padding-bottom: 44px
	}

}

#Page-footer a {
	font-weight: 400
}

.SubPage {
	padding-top: 0
}

.SubPage .body {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/parchment.jpg) 50% #f1d4ab
}

.SubPage .head {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/parchment.jpg);
	height: auto
}

.SubPage .Navigation-wrapper, .SubPage .NavPosition {
	bottom: auto;
	top: 83px
}

.SubPage #Navigation-wrapper.headroom--not-top .Navigation-wrapper {
	top: -2px
}

.SubPage .expansion-header {
	margin-top: 0
}

@media only screen and (min-width:40em) {
	.SubPage .expansion-header {
		padding-top: 85px
	}

}

@media only screen and (min-width:72.5em) {
	.SubPage .expansion-header {
		padding-top: 125px
	}

}

.ExpansionsIntro {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 2
}

.ExpansionsIntro .ExpansionsIntro-subheader {
	max-width: 850px;
	margin: 0 auto;
	padding: 0;
	color: #fff
}

@media only screen and (min-width:72.5em) {
	.ExpansionsIntro .ExpansionsIntro-subheader {
		max-width: 980px
	}

}

.ExpansionAdventureLists {
	clear: both;
	max-width: 72.5rem;
	margin: 0 auto
}

@media only screen and (max-width:39.99em) {
	.ExpansionAdventureLists {
		display: none
	}

}

.ExpansionAdventureLists>li {
	float: left
}

.AdventureList, .ExpansionList {
	position: relative;
	margin-top: 3rem
}

@media only screen and (min-width:40em) {
	.AdventureList, .ExpansionList {
		margin-top: 1rem
	}

}

@media only screen and (min-width:40em) {
	.AdventureList {
		right: -16px
	}

}

@media only screen and (min-width:60em) {
	.AdventureList {
		right: -32px
	}

}

@media only screen and (min-width:40em) {
	.ExpansionList {
		left: -16px
	}

}

@media only screen and (min-width:60em) {
	.ExpansionList {
		left: -32px
	}

}

.AdventureList-item, .ExpansionList-item {
	text-align: left
}

@media only screen and (min-width:40em) {
	.AdventureList-item, .ExpansionList-item {
		padding: 0 2rem 2rem
	}

}

@media only screen and (min-width:60em) {
	.AdventureList-item, .ExpansionList-item {
		padding-bottom: 4rem
	}

}

.AdventureList-item+.AdventureList-item, .AdventureList-item+.ExpansionList-item, .ExpansionList-item+.AdventureList-item, .ExpansionList-item+.ExpansionList-item {
	margin-top: 1.2rem
}

@media only screen and (min-width:40em) {
	.AdventureList-item+.AdventureList-item, .AdventureList-item+.ExpansionList-item, .ExpansionList-item+.AdventureList-item, .ExpansionList-item+.ExpansionList-item {
		margin: 0
	}

}

@media only screen and (min-width:40em) {
	.AdventureList-item, .ExpansionList-item {
		padding-right: 0;
		padding-left: 1rem
	}

}

@media only screen and (min-width:60em) {
	.AdventureList-item, .ExpansionList-item {
		padding-left: 2rem
	}

}

@media only screen and (min-width:40em) {
	.AdventureList-item {
		text-align: right;
		padding-right: 1rem;
		padding-left: 0
	}

}

@media only screen and (min-width:60em) {
	.AdventureList-item {
		text-align: right;
		padding-right: 2rem
	}

}

@media only screen and (min-width:40em) {
	.ExpansionList-header {
		padding-right: 0;
		padding-left: 1rem
	}

}

@media only screen and (min-width:60em) {
	.ExpansionList-header {
		padding-left: 2rem
	}

}

@media only screen and (min-width:40em) {
	.AdventureList-header {
		padding-left: 0;
		padding-right: 1rem
	}

}

@media only screen and (min-width:60em) {
	.AdventureList-header {
		padding-right: 2rem
	}

}

.AdventureList-header, .ExpansionList-header {
	text-align: center;
	position: relative;
	top: -1rem
}

@media only screen and (min-width:40em) {
	.AdventureList-header, .ExpansionList-header {
		padding: 0 2rem
	}

}

@media only screen and (min-width:40em) {
	.AdventureList-header+.AdventureList-header, .AdventureList-header+.ExpansionList-header, .ExpansionList-header+.AdventureList-header, .ExpansionList-header+.ExpansionList-header {
		margin: 0
	}

}

.ExpansionAdventureList--mobile {
	clear: both;
	display: none
}

@media only screen and (max-width:39.99em) {
	.ExpansionAdventureList--mobile {
		display: block;
		left: 0;
		padding: 0 1rem
	}

}

.ExpansionLink {
	display: block;
	position: relative;
	text-align: center;
	margin: auto;
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	max-width: 100%;
	z-index: 5;
	transition: transform .3s;
	overflow: hidden;
	padding-top: 60.5%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.ExpansionLink:after {
	position: absolute;
	content: "";
	z-index: 5;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .99);
	opacity: 0;
	transition: opacity .3s linear
}

.ExpansionLink:hover {
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.ExpansionLink:hover .ExpansionLink-Logo {
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.ExpansionLink:hover:after {
	opacity: .5
}

.ExpansionLink--goblins-vs-gnomes {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/goblins-vs-gnomes.jpg)
}

.ExpansionLink--naxxramas {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/naxxramas-4bc495498b64e90a2acefc157fb6a37d7da31ae32b758e3745f6f82a94e7fe3763d97de2c903dbbf5fd2de8247845e865b74481c416dcd62aabd438084f51a20.jpg)
}

.ExpansionLink--blackrock-mountain {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/blackrock-mountain-e7a9eee7ffd2757222afb295d9dc5316f8e2d7f9c1681e02fddf72b67a20462e6aa28ae72db23d927e584f2da61165ae71d67faf1cb44334477e87706680ddb2.jpg)
}

.ExpansionLink--the-grand-tournament {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/the-grand-tournament-52df10a9c314061717a02c49584575ed44cec1c3f5d4e6c3270def1f3542f1e6d3f5c83f64a18c27eabf2d61807264448b965fe9650b4897cbdb47873b6cdc40.jpg)
}

.ExpansionLink--league-of-explorers {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/league-of-explorers-f485ee94290d40c8a200f8d97c67ab643a3a3dad43c91ad0498890e610ed77c21ba84773a75e102132da1a6697246b90392f264ee648a50b74933836b7aad534.jpg)
}

.ExpansionLink--whispers-of-the-old-gods {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/whispers-of-the-old-gods.jpg)
}

.ExpansionLink--one-night-in-karazhan {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/one-night-in-karazhan-f2a970464e0d5c14aea408d935207d574dbaa62eb6a17518697e4f249c650e62d74f2625e39ebc9fba7c78ab1d95e7f9a2f5f70791d88614b429b18f156ba3f6.jpg)
}

.ExpansionLink--mean-streets-of-gadgetzan {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/mean-streets-of-gadgetzan-b572a3d7563b9f9a85dbd8877d26c864159ea6f7ceaf6ee60e761ccbbbffbc28f23c0d9d3eaf42cfe04a2b854c767ea4a91b3da825b63a48330b18c0178a02ac.jpg)
}

.ExpansionLink--journey-to-ungoro {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/journey-to-ungoro-c1aae2b5cd15d23e379bd511a69b48fcd452ab4678b03a66e2873d359e34c129b0b058ed096dac2c2db7419bf09d4849eddd67188b64ae990bfeb7ac6ae8dd4c.jpg)
}

.ExpansionLink--knights-of-the-frozen-throne {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/knights-of-the-frozen-throne-0c028b60a086a83cc1b0e458e12b713dea8150162af4d919b7fbbd70931438ecc92ebcfde85701e72418ddcc20f09e5520e554d72ac4b6c3ddb57efda8921ba7.jpg)
}

.ExpansionLink--the-witchwood {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/the-witchwood.jpg)
}

.ExpansionLink-logo {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	width: 65%;
	margin-left: -32.5%;
	margin-top: -30%;
	transition: transform .3s
}

.ExpansionLink-logo--naxxramas {
	width: 82%;
	margin-left: -40%
}

.ExpansionLink-logo--blackrock-mountain {
	width: 88%;
	margin-left: -43%;
	margin-top: -34%
}

.ExpansionLink-logo--the-grand-tournament {
	margin-top: -22%;
	margin-left: -36%;
	width: 69%
}

.ExpansionLink-logo--league-of-explorers {
	margin-top: -21%;
	width: 75%;
	margin-left: -38%
}

.ExpansionLink-logo--whispers-of-the-old-gods {
	margin-top: -26%;
	margin-left: -35%;
	width: 71%
}

.ExpansionLink-logo--one-night-in-karazhan {
	margin-top: -26%;
	margin-left: -44%;
	width: 89%
}

.ExpansionLink-logo--journey-to-ungoro {
	margin-top: -28%
}

.fsg-form-button {
	background-color: #913a1f;
	background-position: 50%;
	background-size: 65% 65%, 100% 100%;
	background-repeat: no-repeat;
	width: 3.18em;
	height: 3.25em;
	z-index: 1;
	border-radius: .25rem;
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	cursor: pointer
}

.fsg-form-button:hover {
	background-color: #b14726
}

.fsg-form-select, .fsg-form-select--small {
	position: relative;
	height: 3.25em;
	line-height: 1;
	padding: 0
}

.fsg-form-select--small:before, .fsg-form-select:before {
	content: "";
	height: 100%;
	margin-right: 3.065em;
	display: block;
	position: relative;
	z-index: 0;
	border: .125em solid #f9f7f0;
	border-bottom-left-radius: .25rem;
	border-top-left-radius: .25rem;
	background: #fff;
	background: linear-gradient(#fffcf6, #f2eee8);
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	box-sizing: border-box
}

.fsg-form-select--small:after, .fsg-form-select:after {
	content: "";
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fsg_input_select_dropdown_arrows@2x.png) 50% no-repeat #913a1f;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fsg_input_select_dropdown_arrows@2x.png) 50% no-repeat, url(https://d2q63o9r0h0ohi.cloudfront.net/images/fireside-gatherings/form-button-bg.jpg) #913a1f;
	background-size: 65% 65%, 100% 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 3.065em;
	height: 100%;
	z-index: 1;
	border-bottom-right-radius: .25rem;
	border-top-right-radius: .25rem;
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3)
}

.fsg-form-select--small select, .fsg-form-select select {
	background: transparent;
	border: 0;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 1.25em;
	color: #7c674a;
	box-sizing: border-box;
	padding: 0 3.452em 0 1em;
	vertical-align: middle
}

.fsg-form-select--small select::-ms-expand, .fsg-form-select select::-ms-expand {
	display: none
}

.fsg-form-select--small select:-moz-focusring, .fsg-form-select select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000
}

.fsg-form-select--small select:focus::-ms-value, .fsg-form-select select:focus::-ms-value {
	background: transparent;
	color: inherit
}

.fsg-form-select--small option, .fsg-form-select option {
	background: #fff;
	color: inherit;
	border: none;
	outline: none
}

.fsg-form-select--small:hover, .fsg-form-select:hover {
	cursor: pointer
}

.fsg-form-select--small:hover:after, .fsg-form-select:hover:after {
	background-color: #b14726
}

.fsg-form-select--small {
	font-size: 1em;
	height: 2.76em;
	line-height: 2.76em;
	display: inline-block;
	width: 16em;
	max-width: 100%;
	vertical-align: middle
}

@media only screen and (min-width:40em) {
	.fsg-form-select--small {
		font-size: .85em
	}

}

.fsg-form-select--small:after {
	width: 2.5em
}

.fsg-form-select--small:before {
	margin-right: 2.5em
}

.fsg-form-select--xsmall {
	width: 100%;
	display: block
}

@media only screen and (min-width:40em) {
	.fsg-form-select--xsmall {
		width: 16em
	}

}

.fsg-form-select--xsmall select {
	font-size: 1.1em
}

.fsg-form-select--xsmall optgroup {
	background-color: #fff
}

.fsg-form-select--dull {
	background: #f1d6a9
}

.fsg-form-select--dull:hover:after {
	background-color: #a0815d
}

.fsg-form-select--dull:after {
	background-color: #725a37
}

.fsg-form-select--dull:before {
	background: #f1d6a9;
	background: linear-gradient(#f5e0bf, #f1d6a9);
	border-color: #f5e0bf
}

.DataContainer-widthLimit {
	max-width: 1160px;
	margin: 0 auto
}

.DataContainer-headingContainer {
	margin: auto auto 10px 5px
}

.DataContainer-disclaimer {
	text-align: left;
	margin-left: 5px;
	font-style: italic;
	font-size: 13px;
	height: 15px;
	color: #666
}

.DataContainer-frame {
	position: relative;
	margin-bottom: 17px;
	padding: 7%;
	height: 365px;
	text-align: left;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/data-container-frame-bg.png) top no-repeat;
	background-size: 100% 100%
}

.DataContainer-cta {
	background: no-repeat 50%;
	height: 50px;
	margin: 0 auto;
	width: 98%
}

@media only screen and (min-width:40em) {
	.DataContainer-cta {
		width: 90%
	}

}

.DataContainer-cta .hearthstone-cta {
	width: 100%
}

@media only screen and (min-width:40em) {
	.DataContainer-cta .hearthstone-cta {
		width: 60%
	}

}

.DataContainer-buttonTrim {
	display: none
}

@media only screen and (min-width:40em) {
	.DataContainer-buttonTrim {
		width: 19%;
		height: 100%;
		display: initial
	}

}

.DataContainer-buttonLeft {
	float: left;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/data-container-cta-trim-left.png) top no-repeat;
	background-size: contain
}

.DataContainer-buttonRight {
	float: right;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/data-container-cta-trim-right.png) top no-repeat;
	background-size: contain
}

@media only screen and (min-width:60em) {
	.EventTable {
		display: table;
		width: 100%
	}

}

.EventTable a {
	font-weight: 400
}

.EventTable--organizer {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/content-separator2.png) top no-repeat, url(images/content-separator2.png) bottom no-repeat;
	padding-top: 32px;
	padding-bottom: 32px
}

.EventTable-row {
	display: block
}

@media only screen and (min-width:60em) {
	.EventTable-row {
		display: table-row
	}

}

.EventTable-row--head {
	display: none
}

@media only screen and (min-width:60em) {
	.EventTable-row--head {
		display: table-row
	}

}

@media only screen and (min-width:60em) {
	.EventTable-cell {
		display: table-cell;
		box-sizing: border-box;
		vertical-align: top
	}

}

.EventTable-cell--title {
	display: block
}

@media only screen and (min-width:60em) {
	.EventTable-cell--title {
		display: table-cell
	}

}

.EventTable-cell--time {
	display: block;
	white-space: nowrap
}

@media only screen and (min-width:60em) {
	.EventTable-cell--time {
		display: table-cell
	}

}

.EventTable-cell--city, .EventTable-cell--country {
	text-transform: capitalize
}

.meetup-submit--disabled {
	cursor: wait
}

.event-container {
	position: relative;
	margin-bottom: 2em;
	margin-top: 2em;
	z-index: 10;
	clear: both
}

@media only screen and (min-width:60em) {
	.event-container {
		margin-bottom: 5em
	}

}

.events-list__item {
	box-shadow: 0 .5em .5em -.5em rgba(0, 0, 0, .3), 0 -.5em .5em -.5em rgba(0, 0, 0, .3)
}

.events-list__item+.events-list__item {
	margin-top: 3px;
	box-shadow: 0 .5em .5em -.5em rgba(0, 0, 0, .3)
}

@media only screen and (min-width:60em) {
	.events-list__item {
		width: 100%;
		padding: 0 .5em
	}

}

.event-item-link {
	color: #000;
	padding: 1em;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.event-item-link:hover {
	text-decoration: none;
	background-color: #947a4a;
	background-color: rgba(148, 122, 74, .1)
}

.event-item-link:hover .event-item-name {
	color: #e22c14
}

.event-item-link:hover .event-item-counter {
	background-position: 0 -30px
}

.event-item-counter {
	text-align: center;
	line-height: 29px;
	font-size: 10px;
	color: #fff;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/list-counter-bg.png) 0 0 no-repeat;
	display: inline-block;
	width: 29px;
	height: 29px;
	vertical-align: top;
	margin-right: .5em
}

.event-item-block {
	width: 75%;
	display: inline-block
}

@media only screen and (min-width:60em) {
	.event-item-block {
		width: 42%
	}

}

.events-item-position {
	width: 4em;
	text-align: center
}

.event-item-name {
	font-size: 1.2rem;
	display: inline-block;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 85%;
	vertical-align: bottom
}

.event-item-time {
	width: 20%;
	color: #233a6e;
	font-size: 1rem;
	vertical-align: bottom
}

.event-item-secondary {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	margin-left: 2.3rem;
	width: 100%;
	width: calc(100% - 2.3rem);
	vertical-align: bottom
}

@media only screen and (min-width:60em) {
	.event-item-secondary {
		width: 37%;
		text-align: right;
		display: inline-block;
		margin-left: 0
	}

}

.event-item-region {
	font-size: 1rem;
	font-weight: 700;
	margin-right: .6em
}

.meetup-pagination-wrapper {
	margin-bottom: 5em;
	text-align: right
}

.upcoming-event-header {
	position: relative
}

.upcoming-event-header .hearthstone-dropdown {
	width: 100%;
	margin-top: 1rem;
	padding: 0 1rem;
	text-align: center
}

@media only screen and (min-width:40em) {
	.upcoming-event-header .hearthstone-dropdown {
		text-align: left;
		width: 60%
	}

}

@media only screen and (min-width:60em) {
	.upcoming-event-header .hearthstone-dropdown {
		position: absolute;
		top: -12px;
		right: 80px;
		width: 35%
	}

}

@media only screen and (min-width:72.5em) {
	.upcoming-event-header .hearthstone-dropdown {
		width: 30%
	}

}

.fsg-admin-event-list-tabs {
	margin: 1em 0 2em;
	border-bottom: 1px solid #957651
}

.fsg-admin-event-list-tabs li {
	font-size: 1.2em;
	display: inline-block;
	margin: 0 -2px -1px 0
}

.fsg-admin-event-list-tabs a {
	padding: .35em .75em;
	display: block;
	background-color: #957651;
	color: #fff;
	text-decoration: none
}

.fsg-admin-event-list-tabs a.current, .fsg-admin-event-list-tabs a:active, .fsg-admin-event-list-tabs a:focus, .fsg-admin-event-list-tabs a:hover {
	background-color: #42271e
}

.fsg-events-pagination-wrapper {
	text-align: right;
	padding-right: 1rem;
	margin: 2rem 0
}

@media only screen and (min-width:60em) {
	.fsg-events-pagination-wrapper {
		padding-right: 0
	}

}

.fsg-event-duplicate-list-wrapper {
	display: none;
	padding: 1rem;
	background: fade(#d9be91, 50%);
	margin-bottom: 1rem;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	font-size: 1.125em
}

.fsg-event-duplicate-list__item {
	padding: .5em 1.5em;
	color: #e22c14
}

.fsg-event-duplicate-list__item:hover {
	text-decoration: underline;
	cursor: pointer
}

.fsg-event-toggle-container {
	margin-top: 1rem
}

@media only screen and (min-width:40em) {
	.fsg-event-toggle-container {
		margin-top: 0;
		margin-left: 2rem
	}

}

.EventTable {
	font-size: 1.25em;
	margin: 1rem 0;
	border-bottom: 1px solid #d9be91
}

@media only screen and (min-width:60em) {
	.EventTable {
		table-layout: fixed
	}

}

.EventTable--esports-schedule+.EventTable--esports-schedule {
	margin-top: 3rem
}

.EventTable-row {
	color: inherit;
	padding: 1rem;
	padding-left: 53px;
	position: relative
}

:not(.EventTable-row--head)+.EventTable-row {
	border-top: 1px solid #d9be91
}

@media only screen and (min-width:60em) {
	.EventTable-row {
		padding-left: 1rem
	}

	.EventTable-row+.EventTable-row .EventTable-cell {
		border-top: 1px solid #d9be91
	}

}

a.EventTable-row:hover {
	text-decoration: none;
	background-color: fade(#d9be91, 25%);
	cursor: pointer
}

.EventTable--today .EventTable-row--schedule-type {
	background-color: #743200;
	background-color: fade(#743200, 7%)
}

.EventTable-row--head {
	font-weight: 700;
	color: #725a37;
	padding-left: 0
}

@media only screen and (min-width:30em) {
	.EventTable-row--head {
		white-space: nowrap
	}

}

.EventTable-row--head .EventTable-cell {
	padding: 0 2rem .5rem 0
}

.EventTable-row--head-pending {
	display: block;
	padding-left: 1rem
}

@media only screen and (min-width:60em) {
	.EventTable-row--head-pending {
		display: table-row
	}

}

.EventTable-row--head-pending .EventTable-cell--head {
	padding-left: 0
}

.EventTable-cell--head {
	vertical-align: baseline
}

@media only screen and (min-width:60em) {
	.EventTable-cell--head--name {
		width: 50%
	}

}

.EventTable-cell--head--location, .EventTable-cell--head--time, .EventTable-cell--head-prize-pool {
	display: none
}

@media only screen and (min-width:60em) {
	.EventTable-cell--head--location, .EventTable-cell--head--time, .EventTable-cell--head-prize-pool {
		display: table-cell
	}

}

@media only screen and (min-width:60em) {
	.EventTable-cell--head--time, .EventTable-cell--time {
		text-align: center
	}

}

@media only screen and (min-width:60em) {
	.EventTable-cell {
		padding: .8rem 2rem
	}

}

.EventTable-cell--name {
	position: relative
}

.EventTable-cell--name:before {
	content: "";
	display: inline-block;
	vertical-align: middle
}

@media only screen and (min-width:60em) {
	.EventTable-cell--special:before {
		width: 27px;
		height: 43px;
		background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fsg-sprites.png) no-repeat 0 -2px;
		margin-right: 10px
	}

}

@media only screen and (min-width:60em) {
	.EventTable-cell--championship:before {
		width: 36px;
		height: 43px;
		background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fsg-sprites.png) no-repeat -28px 0;
		margin-right: 6px
	}

}

.EventTable-cell--location, .EventTable-cell--prize-pool {
	font-size: 1rem
}

@media only screen and (min-width:60em) {
	.EventTable-cell--location, .EventTable-cell--prize-pool {
		padding-left: 0
	}

}

.EventTable-cell__name {
	font-size: 1.3em;
	display: block
}

.EventTable-cell__name-schedule {
	font-size: 1.2em
}

.EventTable-cell__distance {
	color: #725a37
}

@media only screen and (min-width:60em) {
	.EventTable-cell__state:not(:empty):after {
		content: ", "
	}

}

.EventTable-cell__country {
	display: none
}

.EventTable-cell__city, .EventTable-cell__country {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.EventTable-cell--time {
	font-size: .85rem;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif
}

@media only screen and (min-width:60em) {
	.EventTable-cell--time {
		font-size: 1rem
	}

}

.EventTable-cell--time-schedule {
	color: #000
}

@media only screen and (min-width:60em) {
	.EventTable-cell--time-schedule {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem
	}

}

.EventTable-cell__distance_ {
	font-size: .85rem
}

@media only screen and (min-width:60em) {
	.EventTable-cell__distance_ {
		font-size: 1rem
	}

}

.fsg-event-search-nearby-button {
	float: left;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fsg_input_button_search_loc_icon@2x.png), url(https://d2q63o9r0h0ohi.cloudfront.net/images/fireside-gatherings/form-button-bg.jpg);
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/fsg_input_button_search_loc_icon@2x.png', sizingMethod='scale')"
}

.fsg-event-search-input-wrapper {
	margin-left: 48px
}

@media only screen and (min-width:60em) {
	.fsg-event-search-input-wrapper {
		margin-left: 55px
	}

}

.content-container--event-search {
	padding: 0 1rem
}

@media only screen and (min-width:60em) {
	.content-container--event-search {
		padding-right: 5rem;
		padding-left: 5rem
	}

}

.content-container--fsg-event-options {
	text-align: center;
	margin-bottom: 2rem
}

.fsg-event-warning {
	text-align: center;
	padding: 1rem
}

@media only screen and (min-width:72.5em) {
	.fsg-event-warning {
		background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fsg_index_search_error.png) 100% no-repeat;
		background-size: auto 100%;
		height: 20em;
		line-height: 20em;
		text-align: left;
		padding: 0
	}

}

.fsg-event-warning__text {
	display: inline-block;
	line-height: normal;
	margin-top: 15px
}

@media only screen and (min-width:40em) {
	.fsg-event-warning__text {
		margin-top: 0
	}

}

.fsg-event-warning__text__details {
	font-size: 1.5em
}

.fsg-event-sort-wrapper {
	margin: 1rem 2rem 0 1rem;
	display: inline-block;
	min-width: 10em
}

@media only screen and (min-width:60em) {
	.fsg-event-sort-wrapper {
		margin-bottom: 25px;
		margin-left: 0
	}

}

@media only screen and (min-width:40em) {
	.fsg-event-toggle-container {
		display: inline-block;
		vertical-align: middle
	}

}

.fsg-form-select--event-sort~.fsg-event-sort-label {
	margin-top: 1rem
}

@media only screen and (min-width:40em) {
	.fsg-form-select--event-sort {
		display: inline-block;
		vertical-align: middle
	}

}

.fsg-event-sort-label {
	color: #725a37;
	display: block;
	margin-bottom: .5rem;
	font-size: 16px
}

@media only screen and (min-width:40em) {
	.fsg-event-sort-label {
		font-size: 1em;
		margin-bottom: 0;
		margin-right: .5rem;
		display: inline-block
	}

}

.fsg-event-search-type-heading {
	font-size: 1.25em;
	margin: .3rem 0 .5rem
}

.fsg-event-search-type-heading--country {
	margin-top: 1.3rem
}

@media only screen and (min-width:60em) {
	.fsg-event-search-type-heading--country {
		margin-top: .3rem
	}

}

.fsg-event-search-warning {
	clear: both;
	text-align: center;
	padding: 1em;
	margin-top: 2em;
	font-weight: 700
}

.fsg-events-status-table .fsg-table-cell {
	vertical-align: top
}

@media only screen and (max-width:59.99em) {
	.fsg-admin-select-md, .fsg-admin-select-sm {
		white-space: nowrap
	}

}

.fsg-admin-select-md small, .fsg-admin-select-sm small {
	padding-top: 1em;
	display: block
}

.fsg-admin-selector-md, .fsg-admin-selector-sm {
	display: inline-block;
	text-align: center;
	margin: 0 3px;
	font-size: .9em
}

.fsg-admin-selector-md:first-child, .fsg-admin-selector-sm:first-child {
	margin-left: 0
}

.fsg-admin-selector-md input, .fsg-admin-selector-sm input {
	vertical-align: top
}

.fsg-admin-selector-md {
	font-size: 1em
}

.fsg-event-campaign-row:not(:last-child) {
	margin-bottom: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.fsg-admin-filter-row input.fsg-event-update, input.fsg-event-update {
	border: 1px solid #42271e;
	padding: .25em 1em;
	background-color: #42271e;
	line-height: 2em;
	color: #fff;
	max-width: 100%
}

.fsg-admin-filter-row input.fsg-event-update:active, .fsg-admin-filter-row input.fsg-event-update:focus, .fsg-admin-filter-row input.fsg-event-update:hover, input.fsg-event-update:active, input.fsg-event-update:focus, input.fsg-event-update:hover {
	border-color: #957651;
	background-color: #957651
}

.fsg-event-update-error:after {
	content: "\02190";
	color: #e22c14;
	font-size: 3.5em;
	font-weight: 700;
	line-height: 0;
	position: relative;
	top: 4px;
	height: 10px;
	display: inline-block;
	vertical-align: middle
}

.EventTable-cell--head-date {
	color: #233a6e
}

.Schedule-date {
	letter-spacing: 0
}

.play-icon-container {
	position: absolute;
	top: 50%;
	right: 10px
}

@media only screen and (min-width:60em) {
	.play-icon-container {
		margin-top: -16px;
		left: 16px;
		right: auto
	}

}

.play-icon {
	/*background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/small-play.png) -8px -11px no-repeat;
	height: 33px*/
}

.external-icon, .play-icon {
	display: inline-block;
	width: 33px;
	vertical-align: middle
}

.external-icon {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/external-link.png) 0 0 no-repeat;
	height: 34px;
	margin-right: 6px;
	margin-top: -9px
}

.play-icon-link-container:hover .play-icon {
	background-position: -8px -49px
}

.external-icon-link-container:hover .external-icon {
	background-position: -35px 0
}

.EsportsSchedule {
	font-size: 14px
}

.EsportsSchedule hr {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/content-separator2.png) 50% no-repeat;
	height: 15px
}

.EsportsSchedule .page-header-bg-chunk {
	position: absolute;
	height: 440px;
	margin: auto;
	width: 100%
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .page-header-bg-chunk {
		top: -45px;
		background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/esports-schedule-header-bg.png) center -6px no-repeat
	}

}

.EsportsSchedule header {
	position: relative
}

@media only screen and (min-width:60em) {
	.EsportsSchedule header:after {
		content: "";
		background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/characters-beb224c494e86d80251a7372c671220467fe4f5259ce2984c2bced0d2f8242821fb4f407b851b25f56bed5774383d00c6777bc31a0c4813fe447ff6a80b42b4f.png) 0 0 no-repeat;
		display: block;
		position: absolute;
		top: 0;
		left: 460px;
		z-index: 0;
		width: 586px;
		height: 358px;
		background-size: contain
	}

}

.EsportsSchedule .ContentSection {
	padding: 0
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .ContentSection {
		padding: 0 1em
	}

}

.EsportsSchedule .header-container--withBg {
	min-height: 160px;
	margin-bottom: 4rem;
	padding: 0 1rem;
	position: relative;
	z-index: 1
}

.EsportsSchedule .header-container--withBg:after {
	content: "";
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 345px;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/esports-schedule-header-bg-small.png) bottom no-repeat;
	z-index: -1
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .header-container--withBg:after {
		background: none
	}

}

@media only screen and (min-width:40em) {
	.EsportsSchedule .header-container--withBg {
		min-height: 276px
	}

}

.EsportsSchedule .Schedule--heading {
	padding-top: .4em
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .Schedule--heading {
		padding-top: 1.4em
	}

}

@media only screen and (min-width:60em) {
	.EsportsSchedule .Schedule--heading {
		max-width: 480px
	}

}

.EsportsSchedule .header-container-vertical-center {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center
}

.EsportsSchedule .load-more-wrapper {
	position: relative;
	min-height: 1.6em
}

.EsportsSchedule .back-to-top-container {
	position: absolute;
	top: -10%;
	right: 0;
	z-index: 5;
	margin-top: -10px;
	cursor: pointer
}

.EsportsSchedule .Schedule-registration {
	cursor: pointer;
	color: #233a6e;
	position: absolute;
	bottom: .8em;
	right: .6em
}

.EsportsSchedule .Schedule-registration.ExternalLink:after {
	padding-left: 4px;
	content: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/schedule/external_compete-e0cae0d023151955eadfc801f8a8d65afdfd99145567ae7909a0a8f2eea6d1329620f84e248f90173481295359ae5a4172989633d3a0892359cdcf1883e22815.png)
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .Schedule-registration {
		position: static
	}

}

.EsportsSchedule .back-to-top-icon {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/back-to-top.png) no-repeat 0 0;
	width: 90px;
	height: 95px;
	display: inline-block
}

.EsportsSchedule .back-to-top-icon:hover {
	background-position: 0 -101px
}

.EsportsSchedule .Schedule-filter optgroup {
	background: #eee
}

.EsportsSchedule .Schedule-filters {
	margin-bottom: .5rem;
	width: 100%
}

.EsportsSchedule .Schedule-filters .fsg-event-sort-label:last-of-type {
	margin-right: 0
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .Schedule-filters {
		margin-bottom: 1.5rem
	}

}

.EsportsSchedule .Schedule-error {
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.EsportsSchedule .EventTable-row--head-schedule {
	display: table-row;
	font-weight: 700;
	color: #725a37
}

.EsportsSchedule .EventTable-row--head-schedule .EventTable-row {
	border-top: 1px solid #d9be91
}

.EsportsSchedule .EventTable-row--head-schedule .EventTable-cell--head:first-of-type {
	margin-left: .5rem
}

.EsportsSchedule .EventTable-cell {
	display: block;
	margin-right: 56px;
	vertical-align: middle
}

.EsportsSchedule .EventTable-cell.EventTable-cell--head-date {
	padding-left: .5rem;
	display: table-cell;
	color: #233a6e
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .EventTable-cell {
		margin-right: 0;
		display: table-cell;
		padding: 1rem;
		word-break: break-word
	}

	.EsportsSchedule .EventTable-cell.EventTable-cell--head {
		padding: 0 2rem .5rem 0
	}

}

.EsportsSchedule .EventTable-cell--head--location, .EsportsSchedule .EventTable-cell--head--region, .EsportsSchedule .EventTable-cell--head--time, .EsportsSchedule .EventTable-cell--head--type, .EsportsSchedule .EventTable-cell--head-prize-pool {
	display: none
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .EventTable-cell--head--location, .EsportsSchedule .EventTable-cell--head--region, .EsportsSchedule .EventTable-cell--head--time, .EsportsSchedule .EventTable-cell--head--type, .EsportsSchedule .EventTable-cell--head-prize-pool {
		display: table-cell;
		visibility: hidden
	}

}

@media only screen and (min-width:60em) {
	.EsportsSchedule .EventTable--esports-schedule:first-of-type .EventTable-cell--head--location, .EsportsSchedule .EventTable--esports-schedule:first-of-type .EventTable-cell--head--region, .EsportsSchedule .EventTable--esports-schedule:first-of-type .EventTable-cell--head--time, .EsportsSchedule .EventTable--esports-schedule:first-of-type .EventTable-cell--head--type, .EsportsSchedule .EventTable--esports-schedule:first-of-type .EventTable-cell--head-prize-pool {
		visibility: visible
	}

}

.EsportsSchedule .EventTable-cell--head--name {
	margin-right: 0
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .EventTable-cell--head--name {
		width: 35%
	}

}

.EsportsSchedule .EventTable-cell--head--location, .EsportsSchedule .EventTable-cell--head--region, .EsportsSchedule .EventTable-cell--head--type {
	width: 18%
}

.EsportsSchedule .EventTable-cell--name {
	-ms-flex-order: -1;
	order: -1;
	position: static
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .EventTable-cell--name {
		border-bottom: 1px solid #d9be91;
		position: relative
	}

}

.EsportsSchedule .EventTable-row--context--watch .EventTable-row.EventTable-row--head {
	padding-left: 1.2em
}

.EsportsSchedule .EventTable-row {
	border-bottom: 1px solid #d9be91;
	position: relative
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .EventTable-row {
		border: none
	}

}

.EsportsSchedule .EventTable-row .EventTable-cell--time {
	-ms-flex-order: 5;
	order: 5;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .EventTable-row .EventTable-cell--time {
		font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif
	}

}

@media only screen and (min-width:60em) {
	.EsportsSchedule .EventTable--esports-schedule .EventTable-row {
		border-top: 1px solid #d9be91
	}

}

.EsportsSchedule .EventTable--today .EventTable-row--schedule-type {
	background-color: #feeac9;
	opacity: 1
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .EventTable--today .EventTable-row--schedule-type {
		background-color: #fbe2ba
	}

}

.EsportsSchedule .EventTable-cell--time-schedule {
	color: #80826d;
	font-size: .9rem
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .EventTable-cell--time-schedule {
		color: #000;
		font-size: 1rem;
		border-bottom: 1px solid #d9be91
	}

}

.EsportsSchedule .EventTable-cell__name {
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .EventTable-cell__name {
		font-size: 18px
	}

}

.EsportsSchedule .EventTable-cell__name-schedule {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	float: left
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .EventTable-cell__name-schedule {
		overflow: visible;
		white-space: normal;
		text-overflow: clip
	}

}

@media only screen and (min-width:60em) {
	.EsportsSchedule .EventTable-cell--location {
		padding-left: 0
	}

}

.EsportsSchedule .EventTable-row--schedule-type {
	background-color: #feeac9;
	opacity: 1
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .EventTable-row--schedule-type {
		background-color: #f8dbb3
	}

}

.EsportsSchedule .EventTable-cell--region, .EsportsSchedule .EventTable-cell--type {
	padding-left: 0
}

.EsportsSchedule .top-label {
	margin-bottom: .35rem;
	font-size: 1.1rem
}

@media only screen and (max-width:59.99em) {
	.EsportsSchedule .EventTable-cell--schedule {
		display: block
	}

}

.EsportsSchedule .btn {
	display: inline-block;
	border: 1px solid #e4bc8f;
	padding: 1em .5em;
	background-color: #fcdcb6
}

.EsportsSchedule .btn-trigger:checked+.btn {
	background-color: #910f0a;
	color: #fff
}

.EsportsSchedule .btn-group {
	width: 100%
}

.EsportsSchedule .btn-group .btn {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	font-weight: 700;
	border-radius: .5rem;
	margin-top: .4rem;
	width: 50%;
	text-align: center
}

.EsportsSchedule .btn-group .btn+.btn {
	border-left: none
}

.EsportsSchedule .btn-group .btn:nth-of-type(odd) {
	border-radius: .5rem 0 0 .5rem
}

.EsportsSchedule .btn-group .btn:nth-of-type(2n+2) {
	border-radius: 0 .5rem .5rem 0
}

.EsportsSchedule .btn-group .btn:last-of-type {
	border-top-right-radius: .5rem;
	border-bottom-right-radius: .5rem
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .btn-group .btn {
		width: auto;
		border-radius: 0;
		margin-right: 0;
		margin-top: 0;
		padding-left: 1.5em;
		padding-right: 1.5em
	}

	.EsportsSchedule .btn-group .btn:nth-of-type(2n+2), .EsportsSchedule .btn-group .btn:nth-of-type(odd) {
		border-radius: 0
	}

	.EsportsSchedule .btn-group .btn:first-of-type {
		border-radius: .5rem 0 0 .5rem
	}

	.EsportsSchedule .btn-group .btn:last-of-type {
		border-radius: 0 .5rem .5rem 0
	}

}

.EsportsSchedule .toggle-group {
	margin-left: 0;
	position: absolute;
	bottom: -56px;
	width: 100%;
	padding-left: 52px;
	left: 0;
	overflow-x: auto;
	white-space: nowrap
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .toggle-group {
		bottom: -47px;
		left: auto
	}

}

.EsportsSchedule .toggle-button--wrapper {
	display: inline-block
}

.EsportsSchedule .toggle-button--wrapper:last-of-type .toggle-group-button {
	margin-right: 0
}

.EsportsSchedule .EventTable-row {
	width: 100%;
	padding: .8em .6em .8em 1.2em;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .EventTable-row {
		display: table-row
	}

}

.EsportsSchedule .toggle-group-button {
	min-width: 20px;
	text-align: center;
	background-color: transparent;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/off_mid.png);
	background-repeat: repeat-x;
	background-position: top;
	min-height: 62px;
	border: none;
	margin-right: 7.2rem;
	position: relative;
	padding: 0;
	padding-bottom: 36px;
	font-size: 1.3em;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-weight: 100;
	display: inline-block;
	cursor: pointer
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .toggle-group-button {
		min-width: 60px;
		min-height: 87px;
		margin-right: 6.2em;
		font-size: 1.5em
	}

}

.EsportsSchedule .toggle-group-button .toggle-button--label {
	position: absolute;
	top: .7em;
	left: -30px;
	text-align: center;
	right: -34px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #7d5730;
	z-index: 2
}

.EsportsSchedule .toggle-group-button:before {
	content: "";
	height: 62px;
	width: 55px;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/off_left4.png);
	background-repeat: no-repeat;
	display: inline-block;
	position: absolute;
	top: 0;
	left: -55px;
	z-index: 1
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .toggle-group-button:before {
		height: 86px
	}

}

.EsportsSchedule .toggle-group-button:after {
	content: "";
	height: 62px;
	width: 59px;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/off_right.png);
	background-repeat: no-repeat;
	display: inline-block;
	position: absolute;
	top: 0;
	right: -59px;
	z-index: 1
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .toggle-group-button:after {
		height: 84px
	}

}

.EsportsSchedule .toggle-group-button.active {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/on_mid.png);
	top: -4px
}

.EsportsSchedule .toggle-group-button.active .toggle-button--label {
	top: 15px;
	color: #9c2112
}

.EsportsSchedule .toggle-group-button.active:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/on_left.png)
}

.EsportsSchedule .toggle-group-button.active:after {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/on_right.png)
}

.EsportsSchedule .EventTable {
	font-size: 1em;
	margin-bottom: 3em;
	display: table;
	table-layout: fixed;
	width: 100%
}

.EsportsSchedule .checkbox-group-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1 0;
	flex: 1 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 1px solid #bb9e6d;
	border-radius: 1em;
	background-color: rgba(116, 50, 0, .07);
	padding: 1.6em 1.6em 0;
	box-shadow: 1px 1px 3px hsla(0, 0%, 100%, .4), inset 1px 1px 3px hsla(38, 36%, 58%, .6)
}

.EsportsSchedule .checkbox-group {
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-bottom: 1.8em
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .checkbox-group {
		margin-right: 3em
	}

}

.EsportsSchedule .ButtonExpander {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/yellow-arrows.gif) 50% no-repeat;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	transition: transform .2s;
	width: 6px;
	height: 12px;
	position: relative;
	margin-left: 6px;
	margin-right: 6px
}

.EsportsSchedule .ButtonExpander.open {
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.EsportsSchedule .ButtonExpander.closed {
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .ButtonExpander {
		margin-left: 7px;
		margin-right: 8px;
		top: 1px
	}

}

.EsportsSchedule .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1 0;
	flex: 1 0;
	margin-bottom: 1.6em
}

.EsportsSchedule .btn-esports {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/form-button-bg.jpg) 50% no-repeat #913a1f;
	background-size: 100% 100%;
	color: #fcd144;
	border-radius: 4px;
	border-radius: .25rem;
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	border: none;
	padding-left: .8em;
	font-size: .9em
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .btn-esports {
		padding-left: 1.2em;
		font-size: 1.1em
	}

}

.EsportsSchedule .toggle-box {
	transition: max-height .2s linear, opacity .2s ease-in-out;
	max-height: 1000px;
	overflow: hidden;
	padding: 4px;
	margin: -4px
}

.EsportsSchedule .toggle-box.closed {
	max-height: 0;
	opacity: 0
}

.EsportsSchedule .toggle-box.open {
	opacity: 1
}

.EsportsSchedule .filters {
	padding: 27px 1em 0
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .filters {
		padding: 0 1em
	}

}

@media only screen and (min-width:60em) {
	.EsportsSchedule .filters {
		padding: 0
	}

}

.EsportsSchedule .Schedule-filter {
	margin-right: 1em
}

.EsportsSchedule .play-icon--large {
	width: 42px;
	height: 43px;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/play_button.png);
	background-repeat: no-repeat;
	display: inline-block
}

.EsportsSchedule .play-icon--large:hover {
	background-position: 0 -43px
}

.EsportsSchedule .play-icon-container {
	position: absolute;
	right: auto;
	top: 50%;
	margin-top: -28px;
	left: 10px;
	background-color: transparent;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}

.EsportsSchedule .play-icon-container.future-broadcast {
	cursor: default;
	pointer-events: none
}

.EsportsSchedule .play-icon-container.future-broadcast .play-icon--large {
	background-position: 0 -86px
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .play-icon-container {
		margin-top: -20px
	}

	.EsportsSchedule .play-icon-container .label {
		display: none
	}

}

.EsportsSchedule .Schedule-filter .esports-form-select {
	height: 44px
}

.EsportsSchedule .Schedule-filter .esports-form-select:before {
	margin-right: 3.6em
}

.EsportsSchedule .Schedule-filter .esports-form-select:after {
	width: 3.6em;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/yellow-arrows-rotate.gif) 50% no-repeat, url(https://d2q63o9r0h0ohi.cloudfront.net/images/fireside-gatherings/form-button-bg.jpg) 50% no-repeat #913a1f
}

.EsportsSchedule .Schedule-filter .fsg-form-select--small {
	width: 13em
}

@media only screen and (min-width:40em) {
	.EsportsSchedule .Schedule-filter .fsg-form-select--small {
		width: 16em
	}

}

.EsportsSchedule .EventTable-row--blizzard-event {
	position: relative
}

.EsportsSchedule .EventTable-row--blizzard-event:after {
	content: "";
	display: inline-block;
	width: 65px;
	height: 61px;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/blizz_icon-421aa33bf3f978e656021fd6998e90ae1835a096ee42b43ea086cf88aa38e913cea785a228a9a7f51bd97a3ea31677b0c7258cca035ae56db7ca62f86b403b87.png);
	top: 0;
	right: 0;
	position: absolute
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .EventTable-row--blizzard-event:after {
		display: none
	}

	.EsportsSchedule .EventTable-row--blizzard-event .EventTable-cell--location {
		width: 100%;
		position: relative;
		padding-right: 42px
	}

	.EsportsSchedule .EventTable-row--blizzard-event .EventTable-cell--location:before {
		content: "";
		display: block;
		width: 42px;
		height: 39px;
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/blizz_icon-421aa33bf3f978e656021fd6998e90ae1835a096ee42b43ea086cf88aa38e913cea785a228a9a7f51bd97a3ea31677b0c7258cca035ae56db7ca62f86b403b87.png);
		background-size: cover;
		margin-top: -14px;
		margin-right: -18px;
		position: absolute;
		right: 1.2em
	}

}

.EsportsSchedule .Schedule-date {
	font-size: 46px;
	line-height: 1;
	margin-right: 16px;
	margin-right: 1rem;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	letter-spacing: 0;
	font-weight: 100;
	letter-spacing: 1px
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .Schedule-date {
		float: left
	}

}

.EsportsSchedule .Schedule-days-container {
	position: relative;
	top: -.6em
}

@media only screen and (min-width:60em) {
	.EsportsSchedule .Schedule-days-container {
		top: 0;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-direction: column;
		flex-direction: column;
		float: left;
		height: 46px
	}

}

.EsportsSchedule a.Schedule-information {
	color: #000
}

.EsportsSchedule a.Schedule-information:hover {
	text-decoration: underline
}

.Schedule-date {
	font-size: 46px;
	line-height: 1;
	margin-right: 1rem;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-weight: 100;
	letter-spacing: 1px
}

.Schedule-days-container {
	line-height: 1.2;
	display: inline-block
}

.Schedule-day {
	display: block;
	text-transform: uppercase;
	font-size: 1.125rem
}

.Schedule-today {
	font-size: .75rem;
	margin-left: .5rem
}

.Schedule-year {
	font-size: 1rem;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-weight: 100
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}

audio, canvas, video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden], template {
	display: none
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body, html {
	height: auto
}

body {
	margin: 0
}

blockquote, body, caption, dd, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, label, legend, li, object, ol, p, pre, span, strong, table, tbody, td, tfoot, th, thead, tr, ul {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
}

a {
	background: transparent
}

a:active, a:focus, a:hover {
	outline: 0
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b, strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

hr {
	box-sizing: content-box;
	height: 0
}

mark {
	background: #ff0;
	color: #000
}

code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em
}

pre {
	white-space: pre-wrap
}

q {
	quotes: "“" "”" "‘" "’"
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}

button, input {
	line-height: normal
}

button, select {
	text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled], html input[disabled] {
	cursor: default
}

input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}


.explore-nav-is-out .hack-stock-android-overflow {
	overflow: hidden
}

body>iframe[width="0"][height="0"], body>object[width="1"][height="1"] {
	display: block
}

.main-container {
	position: relative;
	transition: transform .2s ease;
	overflow: hidden
}

.mobile-nav-is-out .main-container {
	-ms-transform: translate(70%);
	transform: translate(70%)
}

@media only screen and (min-width:60em) {
	.mobile-nav-is-out .main-container {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.explore-nav-is-out .main-container {
	-ms-transform: translate(-70%);
	transform: translate(-70%)
}

@media only screen and (min-width:60em) {
	.explore-nav-is-out .main-container {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

@media only screen and (min-width:60em) {
	.main-container .nav-client .nav-mobile-menu-wrap {
		display: none
	}

}

.main-container .nav-client .nav-mobile-menu-wrap.right {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%)
}

.main-container .nav-client .nav-mobile-menu-wrap.left {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%)
}

.main-container .nav-client .nav-mobile-menu-wrap.left .nav-remove-icon {
	background-size: auto
}

.main-container .nav-client .nav-mobile-menu-wrap.out {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0)
}

a {
	color: #e22c14;
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

.grid-container {
	padding: 0
}

.announcement-bar .announcement-bar-inner {
	max-width: 995px;
	width: 100%
}

.full-width {
	width: 100%
}

.grid-50 {
	width: 50%;
	display: inline-block
}

@media only screen and (min-width:40em) {
	.grid-20--sm {
		float: left;
		width: 20%
	}

	.grid-25--sm {
		float: left;
		width: 25%
	}

	.grid-33--sm {
		float: left;
		width: 33.33%
	}

	.grid-50--sm {
		width: 50%;
		display: inline-block
	}

}

@media only screen and (min-width:60em) {
	.grid-25--md {
		float: left;
		width: 25%
	}

	.grid-33--md {
		float: left;
		width: 33.33%
	}

	.grid-40--md {
		width: 40%;
		float: left
	}

	.grid-50--md {
		width: 50%;
		float: left
	}

	.grid-60--md {
		width: 60%;
		float: left
	}

	.grid-66--md {
		width: 66.66%;
		float: left
	}

	.grid-75--md {
		width: 75%;
		float: left
	}

}

.dark-link {
	color: #000
}

.dark-link:hover {
	color: #e22c14
}

.hidden {
	display: none
}

@media only screen and (min-width:40em) {
	.hide--sm, .hide-video--sm {
		display: none
	}

}

.is-fullscreen .hide-video--sm {
	display: block !important
}

.show--xs {
	display: none
}

@media only screen and (min-width:30em) {
	.show--xs {
		display: inline-block
	}

}

.show--sm {
	display: none
}

@media only screen and (min-width:40em) {
	.show--sm {
		display: inline-block
	}

}

.show--md {
	display: none
}

@media only screen and (min-width:60em) {
	.show--md {
		display: inline-block
	}

}

@media only screen and (min-width:60em) {
	.hide--md {
		display: none
	}

}

.show--lg {
	display: none
}

@media only screen and (min-width:72.5em) {
	.show--lg {
		display: block
	}

}

@media only screen and (min-width:72.5em) {
	.hide--lg {
		display: none
	}

}

@media only screen and (min-width:40em) {
	.pull-left--sm {
		float: left
	}

	.pull-right--sm {
		float: right
	}

}

.gradient-border {
	background-image: linear-gradient(180deg, #622f15, #a4630d);
	padding: 2px
}

@media only screen and (min-width:60em) {
	.pull-left--md {
		float: left
	}

	.pull-right--md {
		float: right
	}

}

.sixteen-nine {
	position: relative;
	padding-top: 56.25%
}

.sixteen-nine__media {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

@media only screen and (min-width:60em) {
	.sixteen-nine--media {
		padding-top: 51.5%
	}

}

.align-center {
	text-align: center
}

@media only screen and (min-width:40em) {
	.align-center--sm {
		text-align: center
	}

}

.oh {
	overflow: hidden
}

.invisible {
	visibility: hidden !important
}

.footnote {
	font-style: italic;
	font-size: 80%
}

.unstyled-button {
	background: none;
	border: none;
	padding: 0;
	margin: 0
}

.extendLeft {
	padding-left: 720px;
	margin-left: -720px
}

.extendFull, .extendRight {
	padding-right: 720px;
	margin-right: -720px
}

.extendFull {
	padding-left: 720px;
	margin-left: -720px
}

@media only screen and (min-width:60em) {
	.extendFull--md {
		padding-left: 720px;
		margin-left: -720px;
		padding-right: 720px;
		margin-right: -720px
	}

}

.content-container {
	margin: auto;
	padding: 0 1rem;
	max-width: 81.5rem
}

@media only screen and (min-width:60em) {
	.content-container {
		padding: 0 5rem
	}

}

.blog-article .page-body, .esports .page-body, .expansions .page-body {
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/subpage-body-bg.png) 50% 0 no-repeat;
	padding-top: 2rem
}

.content-wrapper {
	padding: 0 1rem
}

.visually-hidden {
	position: absolute;
	visibility: hidden
}

.clearfix {
	*zoom: 1
}

.clearfix:after, .clearfix:before {
	content: " ";
	display: table;
	visibility: hidden;
	line-height: 0
}

.clearfix:after {
	clear: both
}

.hide {
	display: none
}

li, ol, ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.page-body {
	margin: 0 auto
}

.full-content-wrapper {
	width: 100%;
	overflow: hidden
}

.full-content-wrapper.screenshot-section {
	padding-bottom: 22px;
	margin-bottom: -22px
}

.content-section {
	position: relative;
	margin: 0 auto;
	max-width: 1160px
}

.raised-section {
	padding-top: 50px;
	padding-bottom: 50px;
	max-width: 1500px;
	margin: auto;
	position: relative
}

.raised-section:after, .raised-section:before {
	content: "";
	background-position: 50% 0;
	position: absolute;
	right: 0;
	left: 0;
	background-position: center 0;
	background-repeat: no-repeat;
	height: 33px
}

@media only screen and (min-width:40em) {
	.raised-section:after, .raised-section:before {
		height: 68px
	}

}

.raised-section:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/divider-top-small.jpg)
}

@media only screen and (min-width:40em) {
	.raised-section:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-background-top.png)
	}

}

.raised-section:after {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/divider-bottom-small.jpg)
}

@media only screen and (min-width:40em) {
	.raised-section:after {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-background-bottom.png)
	}

}

.raised-section:before {
	top: 0
}

.raised-section:after {
	bottom: 0
}

.lowered-section {
	padding-top: 80px;
	padding-bottom: 80px;
	max-width: 1500px;
	margin: auto;
	position: relative
}

.lowered-section:after, .lowered-section:before {
	content: "";
	background-position: 50% 0;
	position: absolute;
	right: 0;
	left: 0;
	background-position: center 0;
	background-repeat: no-repeat;
	height: 33px
}

@media only screen and (min-width:40em) {
	.lowered-section:after, .lowered-section:before {
		height: 68px
	}

}

.lowered-section:before {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/divider-top-small.jpg)
}

@media only screen and (min-width:40em) {
	.lowered-section:before {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-background-top.png)
	}

}

.lowered-section:after {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/divider-bottom-small.jpg)
}

@media only screen and (min-width:40em) {
	.lowered-section:after {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-background-bottom.png)
	}

}

.lowered-section:before {
	bottom: 0
}

.lowered-section:after {
	top: 0
}

.lowered-section--meetups {
	margin-top: 1rem;
	padding-top: 15px;
	padding-bottom: 5px
}

@media only screen and (min-width:40em) {
	.lowered-section--meetups {
		margin-top: 0;
		padding-top: 60px;
		padding-bottom: 50px
	}

}

@media only screen and (min-width:60em) {
	.lowered-section--meetups {
		padding-top: 70px;
		padding-bottom: 70px
	}

}

.raised-section--top-only {
	padding-bottom: 0
}

.raised-section--top-only:after {
	display: none
}

.raised-section--bottom-only {
	padding-top: 0
}

.raised-section--bottom-only:before {
	display: none
}

.lowered-section--top-only {
	padding-bottom: 0
}

.lowered-section--top-only:before {
	display: none
}

.lowered-section--bottom-only {
	padding-top: 0
}

.lowered-section--bottom-only:after {
	display: none
}

.organizer-form__input, .search-bar__input {
	font-size: 1.25em;
	outline: none;
	padding: .5em 1em;
	width: 100%;
	border-radius: .25rem;
	background: #fff;
	background: linear-gradient(#f2eee8, #fffcf6);
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	border: .125em solid #f9f7f0;
	color: #7c674a
}

.organizer-form__input:focus {
	border-color: #fdd432
}

.organizer-form__input:disabled {
	box-shadow: inset 0 0 .2rem rgba(162, 123, 75, .3);
	background: hsla(41, 43%, 64%, .5);
	border-color: #cbb27b
}

.organizer-form__input.organizer-form__input--error {
	border-color: #d46122;
	border-width: .25rem;
	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
}

.button-content {
	color: #fff;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	text-shadow: 0 0 4px #000, 0 0 8px #000;
	overflow: hidden;
	text-transform: uppercase
}

.ko-kr .button-content {
	font-family: NanumMyeongjo Bold
}

.beta-button--home {
	height: 51px;
	margin-left: 10px;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/button1-top-small.png) 100% -102px no-repeat;
	padding-right: 25px
}

.beta-button--home .button-content {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/button1-top-small.png);
	padding-left: 25px;
	font-size: 17px;
	line-height: 50px;
	letter-spacing: 1px;
	min-width: 130px;
	margin-left: -10px;
	height: 51px
}

.ie9 .zh-tw .beta-button--home .button-content {
	min-width: 0
}

@media only screen and (min-width:72.5em) {
	.beta-button--home {
		height: 71px;
		margin: 1.5rem 0 .6rem 10px;
		background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/button1-top-0c4b25330368c084e9e16f0a9ecc9db0ed201d4a9d0837d029fab9d358b395f778c972fbf84a668980621694c2816f295eaddb3d56f19012d4443cee7973526c.png) 100% -142px no-repeat;
		padding-right: 35px
	}

}

@media only screen and (min-width:72.5em) {
	.beta-button--home .button-content {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/button1-top-0c4b25330368c084e9e16f0a9ecc9db0ed201d4a9d0837d029fab9d358b395f778c972fbf84a668980621694c2816f295eaddb3d56f19012d4443cee7973526c.png);
		padding-left: 35px;
		font-size: 1.5rem;
		line-height: 67px;
		min-width: 175px;
		height: 71px
	}

}

.ko-kr .beta-button--home .button-content {
	font-size: 18px
}

.beta-button--home:hover {
	background-position: 100% -153px;
	box-shadow: 0 11px 10px -12px #ff0
}

@media only screen and (min-width:72.5em) {
	.beta-button--home:hover {
		background-position: 100% -213px
	}

}

.beta-button--home:hover .button-content {
	background-position: 0 -51px
}

@media only screen and (min-width:72.5em) {
	.beta-button--home:hover .button-content {
		background-position: 0 -71px
	}

}

.beta-button-row {
	margin: -1em auto -2em;
	text-align: center
}

@media only screen and (min-width:40em) {
	.beta-button-row {
		margin: 1em auto
	}

}

.beta-button__text {
	display: block;
	font: 700 1.15em Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #2e2e2e;
	margin-top: .5em
}

.beta-button--sub {
	display: inline-block;
	height: 72px;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/button1-top-sub.png) 100% -160px no-repeat;
	padding-right: 50px;
	z-index: 10;
	position: relative;
	margin-top: -1rem
}

.beta-button--sub:hover {
	background-position: 100% -237px
}

.beta-button--sub:hover .button-content {
	background-position: 0 -84px
}

.beta-button--sub .button-content {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/button1-top-sub.png);
	padding-left: 50px;
	font-size: 18px;
	line-height: 86px;
	min-width: 150px;
	margin-left: -30px;
	height: 72px;
	z-index: 2
}

.ko-kr .beta-button--sub .button-content {
	font-size: 16px
}

.ie9 .beta-button--sub .button-content {
	min-width: 0
}

@media only screen and (min-width:40em) {
	.beta-button--sub .button-content {
		height: 76px
	}

}

@media only screen and (min-width:40em) {
	.beta-button--sub {
		margin-top: 0;
		height: 78px
	}

}

.appstore-button {
	position: relative;
	z-index: 10
}

@media only screen and (min-width:30em) {
	.appstore-button {
		margin-top: -2rem
	}

}

@media only screen and (min-width:30em) {
	.zh-tw .appstore-button {
		margin-top: 0
	}

}

@media only screen and (min-width:40em) {
	.zh-tw .appstore-button {
		margin-top: -2rem
	}

}

.homepage .appstore-button {
	margin-top: 0
}

.store-button {
	height: 40px
}

.android-container {
	position: relative;
	z-index: 10
}

@media only screen and (min-width:30em) {
	.android-container {
		margin-top: -2rem
	}

}

@media only screen and (min-width:30em) {
	.zh-tw .android-container {
		margin-top: 0
	}

}

@media only screen and (min-width:40em) {
	.zh-tw .android-container {
		margin-top: -2rem
	}

}

.homepage .android-container {
	margin-top: .25rem
}

@media only screen and (min-width:30em) {
	.homepage .android-container {
		margin-top: 1rem
	}

}

.android-container .ui-button {
	margin-left: .5rem
}

.android-container .ui-button:first-child {
	margin-left: 0
}

.hearthstone-cta__inner {
	padding: 4px;
	background-color: #6f5742;
	background: linear-gradient(180deg, #6f5742, #81615d);
	border-radius: 3px;
	border: 0;
	display: block
}

.hearthstone-cta {
	cursor: pointer;
	padding: 0 2px;
	background-color: #c1b3b0;
	background: linear-gradient(180deg, #c1b3b0, #c1b3b0 9%, #4a3424 93%, #1c140d);
	border-top: 2px solid #ad9a90;
	border-bottom: 2px solid #1c140d;
	border-right: none;
	border-left: none;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .35);
	border-radius: 5px;
	display: inline-block;
	height: auto
}

.hearthstone-cta .hearthstone-cta__btn {
	background-color: #bc22c7;
	background: linear-gradient(180deg, #f756fe, #c84bd6 5%, #7305ae 59%, #661f91);
	box-shadow: 0 2px 6px 0 #331e0b;
	display: table;
	padding: 3px;
	color: #fff;
	text-decoration: none;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	text-shadow: 1px 1px #000;
	font-size: 1.1rem;
	line-height: 1;
	letter-spacing: 1px;
	text-align: center;
	border-radius: 2px;
	height: 2.2rem;
	min-height: 2.2rem;
	width: 100%
}

.hearthstone-cta .hearthstone-cta__text {
	background: radial-gradient(circle, #bc22c7 25%, #7c1693 75%, #5c1096);
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	color: #fff;
	padding: .6rem 1.5rem;
	text-transform: uppercase;
	font-weight: 700;
	text-shadow: 0 0 4px #000, 0 0 8px #000;
	font-size: 1.25rem;
	letter-spacing: 2px
}

@media only screen and (min-width:72.5em) {
	.hearthstone-cta .hearthstone-cta__text {
		font-size: 1.4rem;
		padding: .7rem 1.7rem
	}

}

.hearthstone-cta .hearthstone-cta__text:hover {
	text-decoration: none
}

.hearthstone-cta:not([disabled]):hover {
	background-position: inherit
}

.hearthstone-cta:not([disabled]):hover .hearthstone-cta__inner {
	text-decoration: none
}

.hearthstone-cta:not([disabled]):hover .hearthstone-cta__text {
	background: radial-gradient(circle, #e235ee 22%, #981cb4)
}

.hearthstone-cta--small .hearthstone-cta__text {
	font-size: 1.25rem;
	padding: .6rem 1.5rem
}

.hearthstone-cta--xsmall .hearthstone-cta__text {
	padding-top: .25rem;
	padding-bottom: .25rem;
	font-size: .8rem
}

.hearthstone-cta--xsmall .hearthstone-cta__btn {
	height: auto;
	min-height: 0
}

.is-active .hearthstone-cta__text {
	background: radial-gradient(circle, #e235ee 25%, #981cb4 75%, #600f9e);
	box-shadow: inset 0 0 16px 0 #f34bff
}

.hearthstone-button__inner {
	padding: 4px;
	background-color: #47413d;
	background: linear-gradient(180deg, #47413d, #302a27);
	border: 0;
	display: block
}

.hearthstone-button--reset {
	box-shadow: none;
	border-radius: 0;
	background: none;
	padding: 0;
	border: none
}

.hearthstone-button {
	padding: 4px 5px;
	background-color: #bda160;
	background: linear-gradient(180deg, #bda160, #e3c165 4%, #e5d591 5%, #8d7546 12%, #533827 95%, #30241d);
	border-top: 1px solid #bda160;
	border-bottom: 1px solid #30241d;
	border-right: none;
	border-left: none;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .35);
	border-radius: 5px;
	display: block
}

@media only screen and (min-width:40em) {
	.hearthstone-button {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.hearthstone-button .hearthstone-button__btn {
	background-color: #64614e;
	background: linear-gradient(180deg, #6b6356, #585350 5%, #5d5a53 93%, #343231);
	display: table;
	padding: 3px;
	color: #fff;
	text-decoration: none;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 1.125rem;
	line-height: 1;
	letter-spacing: 1px;
	text-align: center;
	border-radius: 3px;
	height: 2.5rem;
	min-height: 2.5rem;
	width: 100%
}

@media only screen and (min-width:40em) {
	.hearthstone-button .hearthstone-button__btn {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.hearthstone-button .hearthstone-button__text {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	color: #250600;
	background-color: #9d8f86;
	background: linear-gradient(180deg, #9d8f86, #d2c4b0 17%, #988c7b);
	border-radius: 2px;
	font-weight: 700;
	padding: .5rem
}

.hearthstone-button .hearthstone-button__text:hover {
	text-decoration: none
}

@media only screen and (min-width:40em) {
	.hearthstone-button .hearthstone-button__text {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.hearthstone-button:hover {
	background-color: #d1aa32;
	background: linear-gradient(180deg, #d1aa32, #f0d852 5%, #fef5c5 8%, #c0a618 12%, #976a1b 95%, #534120);
	border-top-color: #d1aa32;
	border-bottom-color: #534120;
	text-decoration: none
}

@media only screen and (min-width:40em) {
	.hearthstone-button:hover {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.hearthstone-button:hover .hearthstone-button__inner {
	text-decoration: none
}

.hearthstone-button:hover .hearthstone-button__text {
	background-color: #9d8f86;
	background: linear-gradient(180deg, #9d8f86, #efe4d4 17%, #a49a8b);
	color: #250600
}

@media only screen and (min-width:40em) {
	.hearthstone-button:hover .hearthstone-button__text {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.hearthstone-button.is-active {
	background-color: #d1aa32;
	background: linear-gradient(180deg, #d1aa32, #f0d852 5%, #fef5c5 8%, #c0a618 12%, #976a1b 95%, #534120);
	border-top-color: #d1aa32;
	border-bottom-color: #534120;
	text-decoration: none
}

@media only screen and (min-width:40em) {
	.hearthstone-button.is-active {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.hearthstone-button.is-active .hearthstone-button__text {
	background-color: #4c3f25;
	background: linear-gradient(180deg, #4c3f25, #5b4d30 17%, #463a21);
	color: #edddc2
}

@media only screen and (min-width:40em) {
	.hearthstone-button.is-active .hearthstone-button__text {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.is-active .hearthstone-button {
	background-color: #d1aa32;
	background: linear-gradient(180deg, #d1aa32, #f0d852 5%, #fef5c5 8%, #c0a618 12%, #976a1b 95%, #534120);
	border-top-color: #d1aa32;
	border-bottom-color: #534120;
	text-decoration: none
}

@media only screen and (min-width:40em) {
	.is-active .hearthstone-button {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.is-active .hearthstone-button__text {
	background-color: #4c3f25;
	background: linear-gradient(180deg, #4c3f25, #5b4d30 17%, #463a21);
	color: #edddc2
}

@media only screen and (min-width:40em) {
	.is-active .hearthstone-button__text {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

.hearthstone-cta--disabled {
	opacity: .5;
	cursor: not-allowed
}

.button1 {
	height: 38px
}

.button1 .button-left, .button1 .button-right {
	height: 38px;
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/button4.png)
}

.button1 .button-left {
	padding-left: 34px;
	background-position: 0 0
}

.button1 .button-right {
	padding-right: 36px;
	background-position: 100% -114px;
	height: 38px;
	line-height: 35px;
	font-size: 13px;
	color: #fefefe;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	text-shadow: 0 0 5px #dd3400;
	text-transform: uppercase;
	overflow: hidden
}

.ko-kr .button1 .button-right {
	font-family: Dotum
}

.button1:hover .button-left {
	background-position: 0 -38px
}

.button1:hover .button-right {
	color: #fff;
	background-position: 100% -152px
}

.button1.disabled .button-left, .button1.processing .button-left {
	background-position: 0 -76px;
	cursor: default
}

.button1.disabled .button-right, .button1.processing .button-right {
	color: #a79fa0;
	text-shadow: 0 0 5px #000;
	background-position: 100% -190px;
	cursor: default
}

.button2 span {
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/button2.png) 0 0;
	line-height: 25px;
	height: 27px;
	padding: 0 0 0 21px;
	font-size: 11px
}

.button2 span span {
	padding: 0 23px 0 0;
	background-position: 100% -81px;
	color: #fff
}

.button2.hover span, .button2:hover span {
	background-position: 0 -27px
}

.button2.hover span span, .button2:hover span span {
	background-position: 100% -108px
}

.button2.disabled .button-left, .button2.processing .button-left {
	background-position: 0 -54px;
	cursor: default
}

.button2.disabled .button-right, .button2.processing .button-right {
	color: #bbb;
	background-position: 100% -135px;
	cursor: default
}

.button3 span {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/button3.png);
	padding: 0 0 0 13px;
	background-position: 0 0
}

.button3 span span {
	padding: 0 13px 0 0;
	background-position: 100% -48px;
	color: #fff
}

.button3.hover span, .button3:hover span {
	background-position: 0 -24px
}

.button3.hover span span, .button3:hover span span {
	background-position: 100% -72px;
	color: #daac55
}

.btn-bar {
	display: block;
	background-color: #dec79b;
	background-color: rgba(116, 50, 0, .07)
}

.btn--dark, .btn-bar--centered {
	text-align: center
}

.btn--dark {
	display: block;
	margin: .5rem 1rem
}

.btn--dark--vertical {
	margin: 0
}

.btn--dark--vertical+.btn--dark--vertical {
	margin-top: .5rem
}

.btn--dark--full-width {
	width: 100%
}

.btn--dark__link {
	border-radius: .25rem;
	display: block;
	background-color: #a0815d;
	border: 6px solid #c6b38a;
	color: #fff;
	text-decoration: none;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	text-shadow: 1px 1px #000;
	font-size: 1.125rem;
	letter-spacing: 1px
}

.btn--dark__link--full-width {
	width: 100%;
	max-width: 30rem;
	margin: auto
}

.btn--dark__link:hover {
	background-color: #725a37;
	text-decoration: none
}

.btn--dark__inner {
	padding: .25em 0;
	display: block;
	box-shadow: 0 1px 1px #725a37
}

.endcap {
	height: 43px;
	content: "";
	display: inline-block
}

.hearthstone-dropdown {
	font-family: Helvetica, Arial, sans-serif;
	display: block;
	position: relative;
	white-space: nowrap
}

.hearthstone-dropdown:before {
	height: 43px;
	content: "";
	display: inline-block;
	width: 35px;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/hearthstone-dropdown.png) 0 0 no-repeat
}

.hearthstone-dropdown:after {
	height: 43px;
	content: "";
	display: inline-block;
	width: 70px;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/hearthstone-dropdown.png) 0 -45px no-repeat;
	margin-left: -5px
}

.hearthstone-dropdown:hover {
	cursor: pointer
}

.hearthstone-dropdown:hover:after {
	background-position: 0 -90px
}

.hearthstone-dropdown select {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	position: absolute;
	top: 0;
	left: 35px;
	width: 90%;
	display: block;
	min-height: 41px;
	height: 41px
}

.hearthstone-dropdown select:hover {
	cursor: pointer
}

.dropdown-fullwidth {
	width: calc(100% - 105px)
}

.dropdown__border {
	vertical-align: top;
	width: 64%;
	width: calc(100% - 105px);
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	background-color: #8b867a;
	background-image: linear-gradient(#8b867a, #0e100e);
	padding: 3px 0;
	border: none;
	margin-left: -6px
}

@media only screen and (min-width:40em) {
	.dropdown__border {
		width: 68%;
		width: calc(100% - 105px)
	}

}

.dropdown__wrapper {
	background-color: #3b3732;
	padding: 4px;
	display: block
}

.dropdown__selected {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	border: 2px solid #7b766d;
	border-radius: 3px;
	height: 27px;
	text-align: left;
	padding-left: .5rem;
	font-weight: 700;
	text-transform: none;
	font-size: 1rem;
	background-color: #eadbb5
}

.location .dropdown__selected {
	background: #eadbb5 url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/hearthstone-dropdown.png) 0 -140px no-repeat;
	padding-left: 2rem
}

.menu-search {
	max-width: 3rem
}

@media only screen and (min-width:60em) {
	.menu-search {
		width: 4%;
		padding: 0;
		vertical-align: middle;
		text-align: center
	}

}

@media only screen and (min-width:60em) {
	.search-bar {
		margin-right: 36px;
		margin-left: 38px;
		height: 100%;
		padding-bottom: 1px
	}

}

@media only screen and (min-width:72.5em) {
	.search-bar {
		margin-right: 43px;
		margin-left: 46px;
		padding-bottom: 2px
	}

}

.search-bar .search-bar__input {
	box-sizing: border-box;
	border: none;
	box-shadow: inset 1px 1px 5px rgba(0, 0, 0, .4), inset -1px -1px 5px rgba(0, 0, 0, .4)
}

.search-bar .search-bar__input::-webkit-input-placeholder {
	color: #c0bbb3;
	font-style: italic
}

.search-bar .search-bar__input:-ms-input-placeholder {
	color: #c0bbb3;
	font-style: italic
}

.search-bar .search-bar__input::placeholder {
	color: #c0bbb3;
	font-style: italic
}

.ko-kr .search-bar .search-bar__input {
	font-family: Dotum
}

.main-nav-search-button {
	display: inline-block;
	width: 35px;
	height: 36px;
	vertical-align: middle;
	border: none;
	background: none;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/search.png) 50% no-repeat;
	background-size: contain
}

@media only screen and (min-width:72.5em) {
	.main-nav-search-button {
		margin-top: 2px
	}

}

.main-search-close {
	border: none;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/close-brown.png) 50% no-repeat;
	background-size: contain;
	position: absolute;
	top: 45%;
	right: 52px;
	width: 19px;
	height: 19px;
	margin-top: -10px;
	display: none
}

@media only screen and (min-width:72.5em) {
	.main-search-close {
		right: 60px
	}

}

.navigation--search {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.search-button {
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/search-results.gif) 50% no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 4px;
	right: 4px;
	border: none;
	cursor: pointer
}

@media only screen and (min-width:72.5em) {
	.search-button {
		right: 2px;
		top: 2px
	}

}

@keyframes flipInX {
	0% {
		transform: perspective(900px) rotateX(180deg)
	}

	40% {
		transform: perspective(900px) rotateX(-5deg)
	}

	70% {
		transform: perspective(900px) rotateX(5deg)
	}

	to {
		transform: perspective(900px) rotateX(0deg)
	}

}

@keyframes flipOutX {
	0% {
		transform: perspective(900px) rotateX(0deg)
	}

	40% {
		transform: perspective(900px) rotateX(185deg)
	}

	70% {
		transform: perspective(900px) rotateX(175deg)
	}

	to {
		transform: perspective(900px) rotateX(180deg)
	}

}

@media only screen and (min-width:60em) {
	.navigation {
		height: 56px;
		padding-top: 8px;
		padding-bottom: 13px;
		background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/nav-bg.png) bottom no-repeat;
		background-size: cover
	}

}

@media only screen and (min-width:72.5em) {
	.navigation {
		height: 66px;
		padding-top: 10px;
		padding-bottom: 14px
	}

}

.navigation--search {
	display: none
}

.searching .navigation--search {
	display: block;
	z-index: 5
}

@media only screen and (min-width:60em) {
	.searching .navigation--search {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/nav-bg-back.png)
	}

}

@media only screen and (min-width:60em) {
	.searching.broken-arrow .navigation--search {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/nav-bg-back-hole.png)
	}

}

.searching #right-menu, .searching .menu {
	display: none
}

.searching .main-search-close {
	display: inline-block
}

.preserve3d .navigation {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-style: preserve-3d
}

.preserve3d .flip-forward {
	animation: flipInX .5s forwards
}

.preserve3d .flip-backward {
	animation: flipOutX .5s forwards
}

.preserve3d .searching .menu {
	display: table
}

@media only screen and (min-width:72.5em) {
	.preserve3d #right-menu {
		display: block
	}

}

.preserve3d .navigation--search {
	transform: rotateX(180deg);
	display: block
}

.heading {
	color: #233a6e;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 3rem
}

.ko-kr .heading {
	font-family: NanumMyeongjo Bold
}

@media only screen and (min-width:60em) {
	.heading {
		margin: 0
	}

}

.heading a {
	color: #000
}

.heading a:hover {
	color: #e22c14
}

.heading--black {
	color: #000;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 2rem
}

.ko-kr .heading--black {
	font-family: NanumMyeongjo Bold
}

.heading--small {
	color: #233a6e;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 2rem;
	line-height: 1.25
}

.ko-kr .heading--small {
	font-family: NanumMyeongjo Bold
}

.heading--small-no-margin {
	margin-top: 0;
	margin-bottom: 0
}

.heading--extra-small {
	color: #233a6e;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 1.5rem;
	line-height: 1.25
}

.ko-kr .heading--extra-small {
	font-family: NanumMyeongjo Bold
}

.heading--medium {
	font-size: 2.25rem
}

.heading--small-aniversary {
	display: inline-block;
	max-width: 48rem;
	line-height: 1.2
}

.heading--article, .heading--search {
	text-transform: none
}

.heading--article {
	line-height: 1.2
}

.heading--border {
	border-bottom: 1px solid #d4ba8c;
	line-height: 1;
	padding-bottom: .25em
}

@media only screen and (min-width:40em) {
	.heading--border {
		border: none
	}

}

.heading-subtitle {
	font-size: 95%;
	font-style: italic;
	margin-top: .5rem;
	display: inline-block
}

.heading--sample-cards {
	font-size: 1.375rem;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-top: 1rem
}

@media only screen and (min-width:40em) {
	.heading--sample-cards {
		margin-bottom: 0
	}

}

.sample-cards--body {
	font-size: .875rem;
	margin: .5rem auto 0;
	max-width: 40rem
}

.heading--border--spacing {
	border-bottom: 1px solid #d4ba8c;
	line-height: 1;
	padding-bottom: .25em;
	margin: 0 1rem 1rem;
	padding-bottom: .5rem
}

@media only screen and (min-width:40em) {
	.heading--border--spacing {
		border: none
	}

}

.heading--sidebar {
	font-weight: 700;
	font-size: 1rem;
	text-transform: uppercase
}

.heading--artwork span {
	display: inline-block;
	margin-right: .2em
}

.heading--expansion {
	margin-bottom: 0;
	margin-top: 0;
	line-height: 1
}

.heading--expansion .trademark {
	font-size: 50%;
	vertical-align: super;
	font-weight: 400
}

.heading--subnote {
	color: #233a6e;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-size: 1.1rem
}

.ko-kr .heading--subnote {
	font-family: NanumMyeongjo Bold
}

.report-post {
	display: none
}

.subheader-2 {
	color: #233a6e;
	font-weight: 400;
	font-size: 1.4rem;
	color: #000
}

.header-3, .subheader-2, .subheader-3 {
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif
}

.header-3, .subheader-3 {
	font-weight: 700;
	font-size: 1rem;
	text-transform: uppercase
}

.header-3 a, .subheader-3 a {
	color: #000
}

.header-3 a:hover, .subheader-3 a:hover {
	color: #e22c14
}

.small-italic {
	font-style: italic;
	font-size: .75rem;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif
}

.heading__subtext {
	float: right;
	padding: 1rem 1rem 0 0;
	display: inline-block
}

#right-arrow-container {
	position: absolute;
	height: 65px;
	width: 101px;
	z-index: 100
}

#right-arrow-container.broken {
	animation: arrow-broken 2s forwards
}

#right-arrow-container.broken #right-arrow {
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

#right-screw {
	position: absolute;
	top: 21px;
	right: 18px;
	height: 13px;
	width: 13px;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/nav-right-under-screw.png) 100% 0 no-repeat
}

#right-screw.loose {
	-ms-transform: rotate(-40deg);
	transform: rotate(-40deg)
}

#right-screw.looser {
	-ms-transform: rotate(-110deg);
	transform: rotate(-110deg)
}

#right-arrow {
	position: absolute;
	top: 2px;
	right: 6px;
	height: 61px;
	width: 77px;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/nav-right-under-arrow.png) 100% 0 no-repeat;
	-ms-transform-origin: 58px 25px;
	transform-origin: 58px 25px;
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

#right-arrow:hover {
	-ms-transform: rotate(-6deg);
	transform: rotate(-6deg)
}

#right-arrow.loose {
	animation: arrow-loose .2s forwards
}

#right-arrow.unhinged {
	animation: arrow-unhinged 1s forwards
}

@media only screen and (min-width:60em) {
	.searching #right-arrow {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/arrow-back.png)
	}

}

@media only screen and (min-width:60em) {
	.searching.arrow-unhinged #right-arrow {
		animation-name: arrow-unhinged-back
	}

}

@keyframes arrow-loose {
	0% {
		transform: rotate(-6deg)
	}

	to {
		transform: rotate(-30deg)
	}

}

@keyframes arrow-unhinged {
	0% {
		transform: rotate(-30deg)
	}

	30% {
		transform: rotate(-120deg)
	}

	50% {
		transform: rotate(-70deg)
	}

	70% {
		transform: rotate(-100deg)
	}

	90% {
		transform: rotate(-85deg)
	}

	to {
		transform: rotate(-90deg)
	}

}

@keyframes arrow-unhinged-back {
	0% {
		transform: rotate(-90deg)
	}

	30% {
		transform: rotate(130deg)
	}

	50% {
		transform: rotate(60deg)
	}

	70% {
		transform: rotate(110deg)
	}

	90% {
		transform: rotate(85deg)
	}

	to {
		transform: rotate(90deg)
	}

}

@keyframes arrow-broken {
	0% {
		transform: translateY(0)
	}

	99% {
		transform: translateY(3000px)
	}

	to {
		transform: translateY(-10000px);
		opacity: 0
	}

}

#right-menu {
	position: absolute;
	right: 0;
	top: 0;
	height: 65px;
	width: 100px;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/nav-right-under.png) 100% 0 no-repeat
}

.no-csstransforms #right-menu {
	display: none
}

.content-trail {
	margin: .5rem auto;
	max-width: 72.5rem;
	height: 36px;
	position: relative;
	z-index: 1
}

@media only screen and (min-width:60em) {
	.content-trail {
		margin-top: -2rem;
		padding: 0 5rem
	}

}

@media only screen and (min-width:72.5em) {
	.content-trail {
		margin-top: -1.5rem
	}

}

.ui-breadcrumb {
	font: 700 11px/28px Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	padding: 0 1rem
}

.ui-breadcrumb li {
	padding-right: 0;
	margin-right: 0;
	display: inline-block;
	float: none
}

.ui-breadcrumb li.last {
	padding: 0
}

.ui-breadcrumb li.last a {
	color: #233a6e;
	border-bottom: 1px dotted #233a6e;
	max-width: 180px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block
}

.ui-breadcrumb li.last a:hover {
	text-decoration: none
}

.ui-breadcrumb li.children .breadcrumb-text {
	border-bottom: 1px dotted #aaa
}

.ui-breadcrumb li a {
	display: inline-block;
	line-height: 1.5;
	vertical-align: middle
}

.ui-breadcrumb li a.opened {
	text-decoration: underline
}

.ui-breadcrumb li .breadcrumb-arrow:after {
	border: 0;
	content: "";
	display: inline-block;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/arrows.gif) no-repeat 0 -103px;
	width: 12px;
	height: 10px;
	margin: 0 7px 0 0;
	vertical-align: middle
}

.ui-breadcrumb.breadcrumb-can-scroll {
	overflow-x: auto
}

.explore-nav-is-out .ui-breadcrumb.breadcrumb-can-scroll {
	overflow: hidden
}

.zh-tw .ui-breadcrumb {
	font-family: none
}

.ko-kr .ui-breadcrumb li .breadcrumb-text {
	font-family: Dotum;
	font-size: 11px
}

.ie67 .ui-breadcrumb li .breadcrumb-arrow {
	margin-right: 10px
}

.screenshot-carousel {
	position: relative;
	display: block;
	text-align: center;
	z-index: 1;
	margin: auto
}

.screenshot-carousel.active-6 .carousel-list {
	-ms-transform: translate(-500%);
	transform: translate(-500%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel.active-6 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel.active-5 .carousel-list {
	-ms-transform: translate(-400%);
	transform: translate(-400%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel.active-5 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel.active-4 .carousel-list {
	-ms-transform: translate(-300%);
	transform: translate(-300%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel.active-4 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel.active-3 .carousel-list {
	-ms-transform: translate(-200%);
	transform: translate(-200%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel.active-3 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel.active-2 .carousel-list {
	-ms-transform: translate(-100%);
	transform: translate(-100%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel.active-2 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel.active-1 .carousel-list {
	-ms-transform: translate(0);
	transform: translate(0)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel.active-1 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel .indicators {
	margin-top: 1.1rem
}

@media only screen and (min-width:60em) {
	.screenshot-carousel .indicators {
		margin-top: 2rem
	}

}

@media only screen and (min-width:40em) {
	.screenshot-carousel--playing-hearthstone .screen {
		max-width: none
	}

}

@media only screen and (min-width:60em) {
	.screenshot-carousel--playing-hearthstone .screen {
		padding-bottom: 2rem;
		min-height: 55rem
	}

}

.screenshot-carousel--home {
	max-width: 757px
}

@media only screen and (min-width:60em) {
	.screenshot-carousel--home {
		background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/screenshot-frame-bg.png) top no-repeat;
		background-size: contain;
		max-width: 837px;
		margin-top: 4rem
	}

}

.screenshot-carousel--wallpaper.active-12 .carousel-list {
	-ms-transform: translate(-1100%);
	transform: translate(-1100%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-12 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel--wallpaper.active-11 .carousel-list {
	-ms-transform: translate(-1000%);
	transform: translate(-1000%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-11 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel--wallpaper.active-10 .carousel-list {
	-ms-transform: translate(-900%);
	transform: translate(-900%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-10 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel--wallpaper.active-9 .carousel-list {
	-ms-transform: translate(-800%);
	transform: translate(-800%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-9 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel--wallpaper.active-8 .carousel-list {
	-ms-transform: translate(-700%);
	transform: translate(-700%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-8 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel--wallpaper.active-7 .carousel-list {
	-ms-transform: translate(-600%);
	transform: translate(-600%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-7 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel--wallpaper.active-6 .carousel-list {
	-ms-transform: translate(-500%);
	transform: translate(-500%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-6 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel--wallpaper.active-5 .carousel-list {
	-ms-transform: translate(-400%);
	transform: translate(-400%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-5 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel--wallpaper.active-4 .carousel-list {
	-ms-transform: translate(-300%);
	transform: translate(-300%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-4 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel--wallpaper.active-3 .carousel-list {
	-ms-transform: translate(-200%);
	transform: translate(-200%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-3 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel--wallpaper.active-2 .carousel-list {
	-ms-transform: translate(-100%);
	transform: translate(-100%)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-2 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screenshot-carousel--wallpaper.active-1 .carousel-list {
	-ms-transform: translate(0);
	transform: translate(0)
}

@media only screen and (min-width:60em) {
	.screenshot-carousel--wallpaper.active-1 .carousel-list {
		-ms-transform: translate(0);
		transform: translate(0)
	}

}

.screen {
	max-width: 720px;
	position: relative;
	overflow: hidden;
	margin: 0 1rem
}

@media only screen and (min-width:60em) {
	.screen {
		z-index: 2;
		padding-bottom: 0;
		margin: auto
	}

}

.screen-carousel-container {
	position: relative
}

.carousel-list {
	white-space: nowrap;
	font-size: .1px;
	transition: transform .3s linear
}

@media only screen and (min-width:60em) {
	.carousel-list {
		width: 100%;
		transition: none
	}

}

.carousel__item {
	max-width: 100%;
	display: inline-block;
	vertical-align: top
}

@media only screen and (min-width:40em) {
	.carousel__item {
		background: none;
		padding: 0
	}

}

.carousel__item--wallpaper {
	width: 720px
}

@media only screen and (min-width:60em) {
	.carousel__item {
		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 only screen and (min-width:40em) {
	.carousel__item--playing-hearthstone {
		padding: 8px
	}

}

.carousel__item--playing-hearthstone .media-frame {
	margin: 0
}

.carousel__item--playing-hearthstone .active {
	position: absolute
}

.carousel__img {
	display: block
}

@media only screen and (min-width:60em) {
	.carousel__img--home {
		margin-top: -3px;
		border-radius: 10px
	}

}

.screenshot-indicator {
	height: 28px;
	width: 28px;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/screenshot-overlay.png) -325px -262px no-repeat;
	display: inline-block
}

.screenshot-indicator:hover {
	cursor: pointer;
	background-position: -355px -262px
}

.screenshot-indicator.active {
	background-position: -385px -262px
}

.heading--carousel {
	max-width: 45rem;
	text-align: left
}

@media only screen and (min-width:40em) {
	.heading--carousel {
		font-size: 1.125rem;
		font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
		text-align: center;
		color: #fff;
		line-height: 40px;
		text-shadow: 0 0 4px #000, 0 0 8px #000;
		top: .25em;
		margin-bottom: 0;
		border-bottom: none;
		max-width: none;
		text-transform: uppercase;
		padding-bottom: 0
	}

}

.overlay-control-container {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding-top: 57%
}

.overlay-controls {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3
}

.overlay-controls--playing-hearthstone {
	right: 1rem;
	left: 1rem
}

@media only screen and (min-width:60em) {
	.overlay-controls--playing-hearthstone {
		right: 8px;
		left: 8px
	}

}

.overlay-controls:hover .overlay__control {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/screenshot-overlay.png);
	background-repeat: no-repeat
}

.ie8 .overlay-controls {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/blank.gif)
}

.overlay__control {
	position: absolute;
	top: 50%;
	width: 33%;
	margin-top: -46px;
	height: 92px;
	max-width: 100px;
	z-index: 4;
	background-repeat: no-repeat
}

.overlay__control.prev {
	background-position: -329px 0;
	left: 0
}

.overlay__control.prev:hover {
	background-position: -429px 0;
	cursor: pointer
}

.overlay__control.next {
	background-position: -492px 0;
	right: 0
}

.overlay__control.next:hover {
	background-position: -592px 0;
	cursor: pointer
}

.overlay__control.zoom {
	background-position: 227px 192px;
	left: 100px;
	right: 100px;
	width: auto;
	max-width: none
}

.overlay__control.zoom:hover {
	background-position: 227px -73px;
	cursor: pointer
}

#lightbox-anchor {
	position: absolute;
	top: 10%;
	left: 0;
	z-index: 45;
	width: 100%
}

#lightbox-container {
/*	width: 890px;
	height: 641px;*/
	position: relative;
	display: none;
	margin: 0 auto;
	background-color: #000;
/*	padding: 0 15px*/
}

#lightbox-container .ui-element {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/lightbox.png) no-repeat
}

#lightbox-content {
	background: #0d0804;
	z-index: 9005;
	position: relative
}

#lightbox-title {
	position: relative;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/lightbox-title.jpg);
	height: 26px;
	font: normal 13px/26px Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #fff;
	padding-left: 20px;
	text-transform: uppercase;
	margin: 0
}

.ko-kr #lightbox-title {
	font-family: NanumMyeongjo Bold
}

#lightbox-container .control-wrapper.no-paging, #lightbox-title:empty {
	/*display: none*/
}

#lightbox-container .lightbox-close, .modal-container .lightbox-close {
	display: block;
	cursor: pointer;
	position: absolute;
	float: right;
	right: -9px;
	top: -7px;
	width: 45px;
	height: 46px;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/lightbox.png) -84px 0 repeat-x;
	z-index: 9007
}

#lightbox-container .lightbox-close:hover, .modal-container .lightbox-close:hover {
	background-position: -128px 0
}

#lightbox-container .border, .modal-container .border {
	position: absolute;
	float: left;
	z-index: 9006
}

#lightbox-container #lb-border-top, .modal-container #lb-border-top {
	height: 18px;
	top: -18px;
	left: 0;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/lightbox-frame.png) 50% 0 repeat-x;
	padding-right: 12px
}

#lightbox-container #lb-border-right, .modal-container #lb-border-right {
	width: 18px;
	top: 0;
	right: -18px;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/lightbox.png) -272px 0 repeat-y;
	padding-bottom: 9px
}

#lightbox-container #lb-border-bottom, .modal-container #lb-border-bottom {
	height: 18px;
	bottom: -18px;
	left: 0;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/lightbox-frame.png) 50% -19px repeat-x;
	padding-right: 12px
}

#lightbox-container #lb-border-left, .modal-container #lb-border-left {
	width: 18px;
	top: 0;
	left: -18px;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/lightbox.png) -254px 0 repeat-y;
	padding-bottom: 9px
}

#lightbox-container .corner, .modal-container .corner {
	position: absolute;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/lightbox.png) no-repeat;
	width: 38px;
	height: 38px;
	float: left;
	z-index: 9007
}

#lightbox-container .corner-top-left, .modal-container .corner-top-left {
	background-position: -176px 0;
	top: -18px;
	left: -16px
}

#lightbox-container .corner-bottom-left, .modal-container .corner-bottom-left {
	background-position: -174px -39px;
	bottom: -18px;
	left: -18px
}

#lightbox-container .corner-top-right, .modal-container .corner-top-right {
	background-position: -214px 0;
	top: -18px;
	right: -18px
}

#lightbox-container .corner-bottom-right, .modal-container .corner-bottom-right {
	background-position: -214px -39px;
	bottom: -18px;
	right: -18px
}

#lightbox-container .control-wrapper, .modal-container .control-wrapper {
	height: 47px;
	position: relative;
	width: 100%;
	z-index: 9006;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/lightbox-controls-bg.jpg) no-repeat
}

#lightbox-container .control-wrapper .lightbox-controls, .modal-container .control-wrapper .lightbox-controls {
	height: 47px;
	margin: 0 auto;
	position: relative
}

#lightbox-container .control-wrapper .lightbox-controls.ui-element, .modal-container .control-wrapper .lightbox-controls.ui-element {
	background: none
}

#lightbox-container .control-wrapper a, .modal-container .control-wrapper a {
	display: block;
	height: 47px;
	float: left
}

#lightbox-container .control-wrapper a.previous, .modal-container .control-wrapper a.previous {
	width: 37px;
	background-position: 0 5px;
	margin-left: 10px
}

#lightbox-container .control-wrapper a.previous:hover, .modal-container .control-wrapper a.previous:hover {
	background-position: 0 -40px
}

#lightbox-container .control-wrapper a.gallery-view, .modal-container .control-wrapper a.gallery-view {
	width: 76px;
	background-position: -84px -8px
}

#lightbox-container .control-wrapper a.gallery-view:hover, .modal-container .control-wrapper a.gallery-view:hover {
	background-position: -84px -58px
}

#lightbox-container .control-wrapper a.next, .modal-container .control-wrapper a.next {
	width: 37px;
	background-position: -46px 5px;
	float: right;
	margin-right: 10px
}

#lightbox-container .control-wrapper a.next:hover, .modal-container .control-wrapper a.next:hover {
	background-position: -46px -40px
}

#lightbox-container .control-wrapper.no-paging .lightbox-controls, .modal-container .control-wrapper.no-paging .lightbox-controls {
	height: 47px
}

#lightbox-container .control-wrapper.no-paging a.gallery-view, .modal-container .control-wrapper.no-paging a.gallery-view {
	margin: 0
}

#lightbox-container .control-wrapper.no-paging a.next, #lightbox-container .control-wrapper.no-paging a.previous, .modal-container .control-wrapper.no-paging a.next, .modal-container .control-wrapper.no-paging a.previous {
	display: none
}

#lightbox-container .control-wrapper.no-gallery .lightbox-controls.ui-element, .modal-container .control-wrapper.no-gallery .lightbox-controls.ui-element {
	background: none
}

#lightbox-container .control-wrapper.no-gallery a.gallery-view, .modal-container .control-wrapper.no-gallery a.gallery-view {
	display: none
}

#lightbox-container .control-wrapper.no-gallery.no-paging, .modal-container .control-wrapper.no-gallery.no-paging {
/*	height: 47px*/
}

#lightbox-container .lightbox-error, .modal-container .lightbox-error {
	text-align: center;
	font-size: 16px;
	background: #000;
	vertical-align: text-bottom;
	line-height: 550px
}

.ie6 #lightbox-container #lb-border-left, .ie6 #lightbox-container #lb-border-right, .ie6 #lightbox-container .corner, .ie6 #lightbox-container .ui-element {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/lightbox.gif)
}

.ie6 #lightbox-container {
	zoom: 1
}

.home-coming-soon {
	opacity: .85;
	padding: 0 10px;
	display: inline-block;
	margin-top: 23px;
	color: #7a03b3;
	font: normal 700 35px/67px Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: 0 0 4px #c892ce, 0 0 8px #f596ff;
	overflow: hidden
}

.ko-kr .home-coming-soon {
	font-family: NanumMyeongjo Bold;
	font-size: 1.5rem
}

.home-text {
	font-weight: 700;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #2e2e2e;
	text-align: center;
	margin: 1.5rem 0;
	font-size: 1.45rem;
	padding: 0 .5em
}

.ko-kr .home-text {
	font-family: NanumMyeongjo Bold
}

@media only screen and (min-width:40em) {
	.home-text {
		font-size: 1.5rem;
		padding: 0 4rem;
		margin: 1.5rem auto
	}

}

.home-text b {
	color: #233a6e
}

@media only screen and (min-width:40em) {
	.home-text b {
		font-size: 1.875rem
	}

}

.video-background {
	position: absolute;
	z-index: 0;
	left: 50%;
	opacity: 0;
	margin-left: -651px;
	transition: opacity 1s linear;
	display: none
}

.video-background.loaded {
	opacity: 1
}

@media only screen and (min-width:72.5em) {
	.video-background {
		display: block;
		max-width: none;
		margin-left: -1300px
	}

}

.video-cards {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 200px;
	text-align: center;
	z-index: 5;
	display: none
}

@media only screen and (min-width:40em) {
	.video-cards {
		display: block
	}

}

@media only screen and (min-width:60em) {
	.video-cards {
		bottom: 98px
	}

}

@media only screen and (min-width:72.5em) {
	.video-cards {
		bottom: 134px
	}

}

.video-cards a {
	display: inline-block;
	vertical-align: top;
	text-shadow: 0 0 4px #000, 0 0 8px #000;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-hover-s-79e0a785d2e1b674663a0e2404cade2d107c95cf72bfa2db754a8d6a2e9301a04996e4449fa15459b9b5df10e708507471689bd0924b71528de5dbb652f5cf7d.png) 100% 0 no-repeat;
	width: 151px;
	height: 142px;
	margin-top: 23px
}

@media only screen and (min-width:72.5em) {
	.video-cards a {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-hover-4752fbaff4d2b020783ac60fea52d39a2640551028f26c0cf82ba6cddf3d1a41c38229408f51aaa68a125802cf4556c283e3c3020726df0328aeac8ba5b0c524.png);
		width: 193px;
		height: 175px;
		margin-top: 25px
	}

}

.video-cards a.card1 {
	background-position: 0 -9px
}

@media only screen and (min-width:60em) {
	.video-cards a.card1 {
		background-position: 0 -20px
	}

}

@media only screen and (min-width:72.5em) {
	.video-cards a.card1 {
		background-position: -29px -25px
	}

}

.video-cards a.card1:hover {
	text-decoration: none;
	background-position: 0 -178px
}

@media only screen and (min-width:60em) {
	.video-cards a.card1:hover {
		background-position: 0 -189px
	}

}

@media only screen and (min-width:72.5em) {
	.video-cards a.card1:hover {
		background-position: -29px -224px
	}

}

.video-cards a.card1 span {
	padding-left: 20px
}

.video-cards a.card2 {
	height: 167px;
	width: 172px;
	margin-top: 0;
	background-position: -153px 13px
}

@media only screen and (min-width:60em) {
	.video-cards a.card2 {
		background-position: -153px 4px
	}

}

@media only screen and (min-width:72.5em) {
	.video-cards a.card2 {
		height: 199px;
		width: 219px;
		background-position: -222px 0
	}

}

.video-cards a.card2:hover {
	text-decoration: none;
	background-position: -153px -156px
}

@media only screen and (min-width:60em) {
	.video-cards a.card2:hover {
		background-position: -153px -165px
	}

}

@media only screen and (min-width:72.5em) {
	.video-cards a.card2:hover {
		background-position: -222px -199px
	}

}

.video-cards a.card2 span {
	font-size: 14px;
	padding: 0 20px 0 15px
}

@media only screen and (min-width:72.5em) {
	.video-cards a.card2 span {
		font-size: 17px;
		padding-right: 15px;
		max-width: 98%;
		margin-left: auto;
		margin-right: auto
	}

}

.video-cards a.card3 {
	background-position: -327px -9px
}

@media only screen and (min-width:60em) {
	.video-cards a.card3 {
		background-position: -327px -20px
	}

}

@media only screen and (min-width:72.5em) {
	.video-cards a.card3 {
		background-position: -439px -25px
	}

}

.video-cards a.card3:hover {
	text-decoration: none;
	background-position: -327px -178px
}

@media only screen and (min-width:60em) {
	.video-cards a.card3:hover {
		background-position: -327px -189px
	}

}

@media only screen and (min-width:72.5em) {
	.video-cards a.card3:hover {
		background-position: -440px -224px
	}

}

.video-cards a.card3 span {
	padding-right: 40px
}

.video-cards a span {
	display: block;
	color: #fff;
	font: 700 normal 13px Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	text-shadow: 0 0 4px #000, 0 0 8px #000;
	margin-top: 100px;
	line-height: 1.2
}

@media only screen and (min-width:72.5em) {
	.video-cards a span {
		font-size: 1rem;
		margin-top: 119px
	}

}

.ko-kr .video-cards a span {
	font-size: 1rem;
	font-family: NanumMyeongjo Bold
}

.ko-kr .video-cards a.card2 span {
	font-size: 1.35rem
}

.game-overview-container {
	margin-bottom: 2rem;
	margin-top: .6em;
	padding: 0 1rem
}

.game-overview-container .hearthstone-button {
	margin-top: .5rem
}

.game-overview__video {
	margin: 0 0 .5rem
}

.learnMore-expansion {
	text-align: center;
	width: 640px;
	height: 30px;
	bottom: 14px;
	left: 50%;
	z-index: 10;
	position: absolute;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.learnMore-expansion:after, .learnMore-expansion:before, .learnMore-expansion a:after, .learnMore-expansion a:before, .learnMore-expansion span:after, .learnMore-expansion span:before {
	content: "";
	bottom: 0;
	z-index: -1;
	position: absolute;
	pointer-events: none;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/learnmore-sprite.png) no-repeat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.learnMore-expansion a:after, .learnMore-expansion a:before, .learnMore-expansion span:after, .learnMore-expansion span:before {
	bottom: -8px;
	height: 66px;
	position: absolute
}

.learnMore-expansion a:before, .learnMore-expansion span:before {
	width: 100%;
	left: 0
}

.learnMore-expansion a:after, .learnMore-expansion span:after {
	width: 48px;
	right: -48px
}

.learnMore-expansion a {
	color: #6b4f3d;
	position: relative;
	display: inline-block;
	margin-right: 48px
}

.learnMore-expansion a:before {
	background-position: -11px -43px
}

.learnMore-expansion a:after {
	background-position: -442px -43px
}

.learnMore-expansion a:active, .learnMore-expansion a:focus, .learnMore-expansion a:hover {
	color: #4e3e25
}

.learnMore-expansion a:active span:after, .learnMore-expansion a:active span:before, .learnMore-expansion a:focus span:after, .learnMore-expansion a:focus span:before, .learnMore-expansion a:hover span:after, .learnMore-expansion a:hover span:before {
	opacity: 1
}

.learnMore-expansion span {
	font-weight: 700;
	font-size: 1rem;
	font-family: Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	display: inline-block;
	padding: .5em 0 .5em 3em;
	height: 100%;
	transition: color .35s ease
}

.learnMore-expansion span:after, .learnMore-expansion span:before {
	opacity: 0;
	z-index: 10;
	transition: opacity .35s ease
}

.learnMore-expansion span:before {
	background-position: -12px -97px
}

.learnMore-expansion span:after {
	background-position: -441px -97px
}

.learnMore-expansion .learnMore-expansion--desktop {
	display: none
}

@media only screen and (min-width:40em) {
	.learnMore-expansion {
		bottom: 10px
	}

	.learnMore-expansion .learnMore-expansion--mobile {
		display: none
	}

	.learnMore-expansion .learnMore-expansion--desktop {
		display: inline-block
	}

}

@media only screen and (min-width:60em) {
	.learnMore-expansion {
		bottom: 116px
	}

	.learnMore-expansion:before {
		width: 135px;
		height: 66px;
		left: 50%;
		background-position: -153px bottom;
		-ms-transform: translateX(-51%);
		transform: translateX(-51%);
		bottom: 10px
	}

}

@media only screen and (min-width:72.5em) {
	.learnMore-expansion:before {
		width: 205px
	}

}

.ContentSection--homeFeatured {
	max-width: 61.625rem
}

.featured-news-container {
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif
}

@media only screen and (min-width:40em) {
	.featured-news-container {
		max-width: 75%;
		float: left;
		width: 100%;
		padding: 0;
		background: none
	}

}

.ko-kr .featured-news-container {
	font-family: Dotum
}

.featured-news {
	margin: 0 1rem;
	padding: 0
}

@media only screen and (min-width:30em) {
	.featured-news {
		overflow: hidden;
		border-radius: .7em;
		background-color: #dec79b;
		background-color: rgba(116, 50, 0, .07);
		border-top: 1px solid #d4ba8c;
		border-bottom: 1px solid #d4ba8c
	}

}

@media only screen and (min-width:40em) {
	.featured-news {
		margin: 0 0 0 1rem
	}

}

@media only screen and (min-width:60em) {
	.featured-news {
		margin: 0
	}

}

.featured-news li {
	text-align: left;
	vertical-align: bottom;
	padding-bottom: 1rem
}

@media only screen and (min-width:30em) {
	.featured-news li {
		padding: 1em;
		float: left;
		width: 33.3333%
	}

}

@media only screen and (min-width:30em) {
	.featured-news li+li {
		border-left: 1px solid #d4ba8c
	}

}

.featured-news-link:hover {
	text-decoration: none
}

.featured-news-link:hover .article-title {
	color: #e22c14
}

.featured-news .article-title {
	margin-top: .5rem;
	min-height: 2.5rem
}

.media__image {
	box-shadow: 0 2px 7px rgba(0, 0, 0, .5);
	display: inline-block;
	float: left;
	width: 124px;
	position: relative;
	overflow: hidden
}

@media only screen and (min-width:30em) {
	.media__image--home {
		float: none;
		width: 100%;
		max-width: 260px
	}

}

.media__image img {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.media__image--link {
	position: relative;
	overflow: hidden
}

.media__image--container, .media__image--link {
	display: block;
	padding-bottom: 50%
}

.media__bd {
	overflow: hidden;
	padding-left: 1rem;
	text-align: left;
	white-space: normal
}

@media only screen and (min-width:30em) {
	.media__bd--home {
		padding-left: 0
	}

}

.featured-news-title {
	width: 100%;
	position: relative;
	margin-bottom: 25px
}

@media only screen and (min-width:40em) {
	.featured-news-title {
		max-width: 75%;
		margin-bottom: 0
	}

}

.featured-news-title--title {
	border-bottom: 2px solid #d4ba8c;
	padding-bottom: 5px
}

.featured-news-title .arrow-link {
	position: absolute;
	margin-top: 0;
	top: 5px;
	right: 0
}

.featured-news-title .arrow-link a {
	color: #233a6e;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif
}

.featured-news-title .arrow-link a:after {
	display: none
}

.featured-section {
	position: relative
}

@media only screen and (min-width:40em) {
	.featured-section {
		margin-top: 35px
	}

}

.featured-content-wrapper {
	padding: 1rem;
	text-align: center
}

@media only screen and (min-width:40em) {
	.featured-content-wrapper {
		padding-top: 0;
		padding-bottom: 0;
		background: none
	}

}

@media only screen and (min-width:60em) {
	.featured-content-wrapper {
		padding-right: 0
	}

	.featured-content-wrapper+.featured-content-wrapper {
		padding-top: 1rem
	}

}

@media only screen and (min-width:40em) {
	.featured-wrapper {
		position: absolute;
		max-width: 25%;
		width: 225px;
		top: 0;
		right: 0;
		bottom: 2rem;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}

}

@media only screen and (min-width:60em) {
	.featured-wrapper {
		display: block;
		width: 250px
	}

}

.featured-content-wrapper--standings {
	padding-bottom: 0
}

@media only screen and (min-width:40em) {
	.featured-content-wrapper--fsg {
		margin-bottom: -7%
	}

}

@media only screen and (min-width:60em) {
	.featured-content-wrapper--fsg {
		margin-top: 5px
	}

}

.featured-content-container {
	width: 275px;
	max-width: 100%;
	display: inline-block
}

.featured-content {
	position: relative
}

.featured-content--standings {
	padding-top: 42.85714286%;
	text-align: center
}

.featured-content--gear {
	padding-top: 49.530612%;
	text-align: center;
	margin: -4%
}

.featured-content--fsg {
	padding-top: 49.4%
}

@media only screen and (min-width:40em) {
	.featured-content--fsg {
		padding-top: 45.78313253%
	}

}

.featured-content__link {
	color: #fff;
	background-position: 0 0;
	display: block;
	margin: auto;
	border-radius: 10px;
	transition: transform .3s linear;
	-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .5));
	filter: drop-shadow(0 0 3px rgba(0, 0, 0, .5))
}

.featured-content__link, .featured-content__link:after {
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.featured-content__link:after {
	content: "";
	border-radius: inherit;
	transition: -webkit-filter .3s linear;
	transition: filter .3s linear;
	transition: filter .3s linear, -webkit-filter .3s linear
}

.featured-content__link:hover {
	text-decoration: none
}

.featured-content__link:hover .featured-content__img--standings {
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.featured-content__link:hover .featured-content__img--fsg {
	animation: tada 1s both
}

.featured-content__link:hover .featured-content__img--chest, .featured-content__link:hover .featured-content__img--cyc, .featured-content__link:hover .featured-content__img--gear {
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

@keyframes tada {
	0% {
		transform: scaleX(1)
	}

	10%, 20% {
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%, 50%, 70%, 90% {
		transform: scale3d(1.2, 1.2, 1.2) rotate(3deg)
	}

	40%, 60%, 80% {
		transform: scale3d(1.2, 1.2, 1.2) rotate(-3deg)
	}

	to {
		transform: scaleX(1)
	}

}

.featured-content__link--standings {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/standings-bg-c4ddb20a86e8d9284b574c0887aa074d12b6dea2eaf613e1028fd3294f28ad6050e00fae25fc50f7fe408144a754c53a341a48daead45d5eb51209264d30bf47.png);
	text-align: center;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5)
}

.featured-content__link--fsg {
	padding-left: 1.4rem;
	padding-top: 4px;
	text-align: left;
	margin-left: -7px
}

@media only screen and (min-width:40em) {
	.featured-content__link--fsg {
		margin-top: -12px
	}

}

.featured-content__link--fsg:after {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-bg.png)
}

.featured-content__link--fsg:hover:after {
	opacity: .95;
	-webkit-filter: brightness(70%);
	filter: brightness(70%)
}

.featured-content__link--cyc {
	padding-left: 1.4rem;
	padding-top: 4px;
	text-align: left;
	margin-left: -7px;
	letter-spacing: 0
}

@media only screen and (min-width:40em) {
	.featured-content__link--cyc {
		margin-top: -12px
	}

}

.featured-content__link--cyc:after {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-bg.png)
}

.featured-content__link--cyc:hover:after {
	opacity: .95;
	-webkit-filter: brightness(70%);
	filter: brightness(70%)
}

.featured-content__link--cyc:after {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/cyc-homepage-bg.png)
}

@media only screen and (min-width:40em) {
	.featured-content__link--cyc {
		padding-left: .8rem
	}

}

@media only screen and (min-width:60em) {
	.featured-content__link--cyc {
		padding-left: 1.4rem
	}

}

.featured-content__link--rules {
	padding-left: 1.4rem;
	padding-top: 4px;
	text-align: left;
	margin-left: -7px
}

@media only screen and (min-width:40em) {
	.featured-content__link--rules {
		margin-top: -12px
	}

}

.featured-content__link--rules:after {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-bg.png)
}

.featured-content__link--rules:hover:after {
	opacity: .95;
	-webkit-filter: brightness(70%);
	filter: brightness(70%)
}

.featured-content__link--rules:after {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/rules-button-bg.png)
}

.featured-content__link--host {
	padding-left: 1.4rem;
	padding-top: 4px;
	text-align: left;
	margin-left: -7px
}

@media only screen and (min-width:40em) {
	.featured-content__link--host {
		margin-top: -12px
	}

}

.featured-content__link--host:after {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-bg.png)
}

.featured-content__link--host:hover:after {
	opacity: .95;
	-webkit-filter: brightness(70%);
	filter: brightness(70%)
}

.featured-content__link--host:after {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/host-button-bg.png)
}

.featured-content__link--gear {
	text-align: center
}

.featured-content__link--gear:after {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/gear-store-bg.png)
}

.featured-content__img {
	position: relative;
	z-index: 10
}

.featured-content__img--standings {
	max-height: 115%;
	display: inline-block;
	transition: transform .3s linear;
	margin-top: -7px
}

.featured-content__img--fsg {
	position: absolute;
	top: 21%;
	right: -4%;
	width: 26%
}

.featured-content__img--chest {
	position: absolute;
	top: 15%;
	right: -3%;
	width: 47%;
	transition: transform .3s linear
}

.featured-content__img--cyc {
	position: absolute;
	top: 10%;
	right: -15%;
	width: 50%;
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);
	transition: transform .3s linear
}

@media only screen and (min-width:40em) {
	.featured-content__img--cyc {
		top: 7%;
		right: 23%;
		width: 50%
	}

}

@media only screen and (min-width:60em) {
	.featured-content__img--cyc {
		top: 10%;
		right: -15%;
		width: 47%
	}

}

.featured-content__img--gear {
	transition: transform .3s linear;
	width: 58%;
	-ms-transform: scale(.95);
	transform: scale(.95);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -18%;
	margin-left: -28%
}

.featured-content__title {
	font-size: 1.25rem;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-weight: 700;
	padding-left: 1rem;
	line-height: 1.2;
	letter-spacing: .1em;
	z-index: 15;
	position: relative
}

.featured-content__title--cyc {
	font-family: Belwe-Bold, Serif, serif;
	text-align: left;
	padding: 0;
	top: 25%;
	font-size: 1.5rem;
	letter-spacing: 0;
	display: block;
	max-width: 185px;
	font-weight: 400
}

@media only screen and (min-width:40em) {
	.featured-content__title--cyc {
		display: none
	}

}

@media only screen and (min-width:60em) {
	.featured-content__title--cyc {
		display: block;
		font-size: 1.25rem;
		top: 25%;
		max-width: 150px
	}

}

.featured-content__title--fsg {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-e50ce713b971ec711f158afe4e0fa2d7ce3ddb62ca67b068a63ffaa67d5b6ddf425b5dbb59df07b28368d28971464d5bd507cffee6a9445d538b2b4b1645d1bc.png) 0 no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: inline-block;
	height: 100%;
	max-width: 115px;
	width: 54%;
	background-size: contain
}

.de-de .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-de-de-5f7f9a4d9d6290271116eb20bf8f6d750bac6b8e36a512d58b6a23b1b45991465ac38590a706033141a986ac222877e2e658b124e41db6f98153c9327cc3c240.png)
}

.en-gb .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-en-gb-e50ce713b971ec711f158afe4e0fa2d7ce3ddb62ca67b068a63ffaa67d5b6ddf425b5dbb59df07b28368d28971464d5bd507cffee6a9445d538b2b4b1645d1bc.png)
}

.en-us .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-en-us-e50ce713b971ec711f158afe4e0fa2d7ce3ddb62ca67b068a63ffaa67d5b6ddf425b5dbb59df07b28368d28971464d5bd507cffee6a9445d538b2b4b1645d1bc.png)
}

.es-es .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-es-es-220f07a78806feb3c6aa6c02c8de7337ac8b7dc18776c70caececeed7520b1ed9739e22392bac2fe4b3fbc0b942c2a58497736accdc7b897fe0e76c880e35fed.png)
}

.es-mx .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-es-mx-0f27952e7b89e43bb729a6e920985a161428521da148727a242debc110059cf4af935e04f7f714865fcfa1514cee542909428edb850a9abe136fcdd5c87096fe.png)
}

.fr-fr .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-fr-fr-cf6e849ff79a9ad0da194d3a39a1ece0bcca41c828c44a9d50587d958e1608cf4b3e26cf04768c46d5c2075fb3831b5e8604cc84ef8c7ccddfe9aca6bdea5187.png)
}

.it-it .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-it-it-7c753a49f36c0f39cf9e5beea561101ef3267ee3781b3ae603822b285547a083db577b16aebaa9f9c2b9f761ed4e39b5b21e2bcf6b674edb77abb025e68990fd.png)
}

.ja-jp .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-ja-jp-f6ffd4a0c0f75f5d0fbf577b4ec6e4c2eab1d0142a6c45dfb668b0bfa835402402b86e5b4189de26c5815b3fb88501845afe836591df6ec24a0c300a562ea8b2.png)
}

.ko-kr .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-ko-kr-1c803929e4d6c1162ee14a35fca91a621028da2b8fc7876ae33d0396bc904ad2a6e3253a2a15a997b016516552c73ec5fccc6207f266c2cd6697682e24ebc488.png)
}

.pl-pl .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-pl-pl-f97e94a7a0c152212d8edb75eb497869e2be1f9cbdbbf93c1028f68e0aa257ac1d3ab7a855849e65b9320f77008e1a94269251a43a98323d6af004cbc2357b1d.png)
}

.pt-br .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-pt-br-7ab5ce6b6b830094486d6dc18a2f85a6a3206eb0d74082d7bbb8b6d7c200db286941ad31c355ff03f7d8e217128acb2d2aed08286e9c2b526147bee78fe68216.png)
}

.pt-pt .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-pt-pt-7ab5ce6b6b830094486d6dc18a2f85a6a3206eb0d74082d7bbb8b6d7c200db286941ad31c355ff03f7d8e217128acb2d2aed08286e9c2b526147bee78fe68216.png)
}

.ru-ru .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-ru-ru-e704bd209c7301c10354275e56fde21adfc37ec76df7d08704cd46652b01521acedaa0787dc07ca0789eb8ff9e5d380aa633bf4e6dd498f79fc70f26c4afe906.png)
}

.th-th .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-th-th-e50ce713b971ec711f158afe4e0fa2d7ce3ddb62ca67b068a63ffaa67d5b6ddf425b5dbb59df07b28368d28971464d5bd507cffee6a9445d538b2b4b1645d1bc.png)
}

.zh-cn .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-zh-cn.png)
}

.zh-tw .featured-content__title--fsg {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/fireside-text-zh-tw-280e3c01acd7370275becf89ed50b38a093072bc01ea43f401b0ac969070df40220f97d36b337c7417ffe648124b715a6e9cc81e426a8928afe2806ce50be804.png)
}

body.fireside .article-title {
	font-weight: 700
}

.article-title {
	font-size: 1rem;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	max-height: 2.5em;
	overflow: hidden;
	line-height: 1.2
}

.ko-kr .article-title {
	font-family: Dotum
}

.article-title a {
	color: #000
}

.article-title a:hover {
	text-decoration: none;
	color: #e22c14
}

.article-title--featured {
	font-size: .875rem;
	height: 3em
}

.article-summary {
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	max-height: 4.3em;
	overflow: hidden
}

.ko-kr .article-summary {
	font-family: Dotum
}

.article-meta {
	color: #666;
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-top: 1em
}

@media only screen and (min-width:60em) {
	.article-meta {
		padding-top: .5em
	}

}

.ko-kr .article-meta {
	font-family: Dotum
}

header .article-meta {
	padding-top: .5em
}

.comments-link {
	padding-left: 1rem;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/comment-count.gif) 0 4px no-repeat
}

.comments-link:hover {
	background-position: 0 -13px;
	text-decoration: underline
}

.ko-kr .comments-link {
	background-position: 0 1px
}

.comments-link--featured {
	margin-left: 0
}

.blog-article .comments-link {
	margin-left: 1rem
}

.publish-date {
	margin-left: 1em;
	font-size: .8rem
}

.arrow-link {
	margin: 1rem 1rem 0 0;
	padding: 0;
	float: right;
	text-align: left
}

@media only screen and (min-width:40em) {
	.arrow-link:hover {
		text-decoration: underline;
		background-position: 100% -33px
	}

}

@media only screen and (min-width:40em) {
	.arrow-link--news {
		margin-right: 0
	}

}

.arrow-link--events {
	margin-right: 0
}

.arrow-link__view {
	color: #e22c14;
	border: 0;
	border-radius: 0;
	text-shadow: none;
	display: inline-block;
	letter-spacing: normal;
	font: 700 .875rem/1.3 Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif
}

.arrow-link__view:after {
	content: "";
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/arrows2.gif) right -1px no-repeat;
	width: 7px;
	height: 13px;
	vertical-align: middle;
	display: inline-block;
	margin-left: 4px
}

.arrow-link__view:hover:after {
	background-position: right -34px
}

.blog-load-more {
	margin: .5rem 1rem 1rem
}

@media only screen and (min-width:40em) {
	.blog-load-more {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none;
		display: block;
		margin: .5rem 1rem;
		margin-left: 0;
		margin-right: 0;
		padding: .5em 0;
		white-space: nowrap;
		text-align: center;
		max-width: 52.5rem;
		clear: both
	}

	.blog-load-more--vertical {
		margin: 0
	}

	.blog-load-more--vertical+.blog-load-more--vertical {
		margin-top: .5rem
	}

	.blog-load-more--full-width {
		width: 100%
	}

}

@media only screen and (min-width:40em) {
	.blog-load-more:hover {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none;
		padding: .5em 0
	}

}

@media only screen and (min-width:40em) {
	.blog-load-more .hearthstone-button__inner {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none
	}

}

@media only screen and (min-width:40em) {
	.blog-load-more .load-more {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		display: block;
		background-color: #dec79b;
		background-color: rgba(116, 50, 0, .07);
		padding: .25em 0;
		border: none;
		color: #e22c14;
		font-size: .875rem;
		text-shadow: none;
		font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0;
		padding: .6em 0;
		border-radius: .25rem
	}

	.blog-load-more .load-more--centered {
		text-align: center
	}

	.blog-load-more .load-more:hover {
		background-color: #dec79b;
		background-color: rgba(116, 50, 0, .07)
	}

}

.blog-load-more .load-more.loading {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/loading-sm.gif), linear-gradient(180deg, #944ca0, #581b7f);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -9999px
}

@media only screen and (min-width:40em) {
	.blog-load-more .load-more.loading {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/loading.gif);
		background-size: initial
	}

}

@media only screen and (min-width:40em) {
	.blog-load-more .load-more .hearthstone-button__text {
		box-shadow: none;
		border-radius: 0;
		background: none;
		padding: 0;
		border: none;
		line-height: 2;
		display: inline-block;
		text-align: center;
		color: #e22c14
	}

}

.blog-load-more--full-width {
	max-width: none
}

.keyword-list {
	margin: 10px 0 0 1rem;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: .75rem
}

.card-carousel, .screenshot-section {
	position: relative
}

.card-carousel {
	max-width: 1008px;
	width: 100%;
	margin: auto
}

@media only screen and (min-width:60em) {
	.card-carousel {
		padding: 0 1rem
	}

}

.card-carousel .home-text {
	margin-bottom: 0
}

@media only screen and (min-width:60em) {
	.card-carousel .home-text {
		padding: 10% 0;
		text-align: left
	}

}

.card-carousel__cards {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-4a3b90d161c2a6668d038650efc0b319c422172074a4e2f58f5e616c66d09ed99ce11808c133c661a63b12ce87a32a3ee2626d263481728150495ea02861fcf6.png) center 0 no-repeat;
	height: 445px;
	margin-top: 2em
}

.de-de .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-de-de-269d9de837a1c02b0d361f3fc69061e76179a9df5631ba17eeb10c7a4b9cd94e19773414c060b257ff2e578db729e448638ddb482af596310629b3e80b6f2f50.png)
}

@media only screen and (min-width:40em) {
	.de-de .card-carousel__cards {
		background: none
	}

}

.en-gb .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-en-gb-4a3b90d161c2a6668d038650efc0b319c422172074a4e2f58f5e616c66d09ed99ce11808c133c661a63b12ce87a32a3ee2626d263481728150495ea02861fcf6.png)
}

@media only screen and (min-width:40em) {
	.en-gb .card-carousel__cards {
		background: none
	}

}

.en-us .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-en-us-4a3b90d161c2a6668d038650efc0b319c422172074a4e2f58f5e616c66d09ed99ce11808c133c661a63b12ce87a32a3ee2626d263481728150495ea02861fcf6.png)
}

@media only screen and (min-width:40em) {
	.en-us .card-carousel__cards {
		background: none
	}

}

.es-es .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-es-es-b33c6e6e63b8ec24d5e303b86237ddba92dc311fe72950852b577523e97c599f943236812f82d05c94f50a2b4db0b4bc280dd45832d1b1f7013345dcad8a9ad0.png)
}

@media only screen and (min-width:40em) {
	.es-es .card-carousel__cards {
		background: none
	}

}

.es-mx .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-es-mx-d2366520d053dcddb31fe25bdaf9243046bef056999f8835615a9c56abbf1316ac1ca6dcbef65aed4c244aafee2b9798c80bba20c549d032b522ee7b19a74324.png)
}

@media only screen and (min-width:40em) {
	.es-mx .card-carousel__cards {
		background: none
	}

}

.fr-fr .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-fr-fr-9e57329b466da137670201dd8ee3580d1942cdbc2c38fc361a794654e64376350a81ec9ba4f6693a483e3ae7684a9106177db3491b77dbd95acabd758690f449.png)
}

@media only screen and (min-width:40em) {
	.fr-fr .card-carousel__cards {
		background: none
	}

}

.it-it .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-it-it-89838981ae4ccbb44122ebbcdde1eb67155a3bbf150a2926243926d170ddead2adb068454d5142f316250f88e94961b39e575b7311521eb81c12c054e3ce6f02.png)
}

@media only screen and (min-width:40em) {
	.it-it .card-carousel__cards {
		background: none
	}

}

.ja-jp .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-ja-jp-8abd9aad40d704538e50b1d9e234a8e10bc8e608dcfe45bdf96c33f9794c90c933bf56693dc406f1886827986448abf1283abd7bff8924e53a8093753e7429f9.png)
}

@media only screen and (min-width:40em) {
	.ja-jp .card-carousel__cards {
		background: none
	}

}

.ko-kr .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-ko-kr-b45cbc3f974fa4d09223a9763ad0248e070c46711c2d61c4605c92c5d69d34d4414c2299038cd9892c31c7c9b8d2efc9d6975aa943e811dfab5d8bd9bcf5b032.png)
}

@media only screen and (min-width:40em) {
	.ko-kr .card-carousel__cards {
		background: none
	}

}

.pl-pl .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-pl-pl-d17e41becf39591709baf1e02dcc0b10b773e46a1d2f3207caf3f2a9f96309926f26ccd5e132d72e987cb16217e4c55cb6f00190476221b0581c2435c58140fb.png)
}

@media only screen and (min-width:40em) {
	.pl-pl .card-carousel__cards {
		background: none
	}

}

.pt-br .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-pt-br-a4847987f1b8e3eb639bef88848e3a4f9397b322a4d9137136c005648245ce7755e38e5fd1939bf953e9a4c1ecaf31b4ca2648797bca246aeda124dd7c687bae.png)
}

@media only screen and (min-width:40em) {
	.pt-br .card-carousel__cards {
		background: none
	}

}

.pt-pt .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-pt-pt-a4847987f1b8e3eb639bef88848e3a4f9397b322a4d9137136c005648245ce7755e38e5fd1939bf953e9a4c1ecaf31b4ca2648797bca246aeda124dd7c687bae.png)
}

@media only screen and (min-width:40em) {
	.pt-pt .card-carousel__cards {
		background: none
	}

}

.ru-ru .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-ru-ru-0950ec1e82fd182d95698101ec08ac99db33a9ba40efdf204ee7d0206a4bb881726c5b38c1935654d13e3b312570233662bee1c7bc4373e36b16e804a12c2d7e.png)
}

@media only screen and (min-width:40em) {
	.ru-ru .card-carousel__cards {
		background: none
	}

}

.th-th .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-th-th-9fdcb2a1fa6e349e7957c6c51e02fcc7cea81b18491a5c436269909b9b28a5c991ba57349f70df04a80575b068601fb01c12206f5cd9612683ef90f587a82e46.png)
}

@media only screen and (min-width:40em) {
	.th-th .card-carousel__cards {
		background: none
	}

}

.zh-cn .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-zh-cn-cee22ee926749ffc46fbd431d7eb6811810ad4c26b039908ee74a2ec3474d0785ab64c4c90f54f8d15fc6b425600610149c2efc032e77b0f6de43834787e6217.png)
}

@media only screen and (min-width:40em) {
	.zh-cn .card-carousel__cards {
		background: none
	}

}

.zh-tw .card-carousel__cards {
	background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-small-zh-tw-075dd882f38145cf5007a054c2add25472b6167c1ff90e2769d06b1f44c82441115a64d6e78bad91d0b779798428c0d005454bcd846668c92fb0326316613fda.png)
}

@media only screen and (min-width:40em) {
	.zh-tw .card-carousel__cards {
		background: none
	}

}

@media only screen and (min-width:40em) {
	.card-carousel__cards {
		height: 475px;
		margin-top: -2em;
		width: 640px
	}

}

.card-carousel__item {
	position: absolute;
	z-index: 0;
	left: 160px;
	visibility: hidden;
	height: 484px;
	width: 311px;
	transition: all .5s ease;
	-ms-transform: scale(.75);
	transform: scale(.75)
}

@media only screen and (min-width:40em) {
	.card-carousel__item {
		background-color: transparent;
		background-position: 0 0;
		background-repeat: no-repeat
	}

	.de-de .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-de-de-090f142c2bcb11d7a8724c4e2180697cdfad156d870d3599fe90a0a0c5e62aad0caee452f68b494efe66b3fc1d1e252e22a2ae65f77188dfa2ca7fd5102b7a15.png)
	}

	.en-gb .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-en-gb-cdee56f084d531f4c728081e430ebf7469cdf92f3e51faaca6821507f4cfb7a2401c8d40c02ab6d9a5ab6f6a7a49d9dcc546ada5a81411d1e553c6f93f143593.png)
	}

	.en-us .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-en-us-cdee56f084d531f4c728081e430ebf7469cdf92f3e51faaca6821507f4cfb7a2401c8d40c02ab6d9a5ab6f6a7a49d9dcc546ada5a81411d1e553c6f93f143593.png)
	}

	.es-es .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-es-es-e6dede4feb02d623c752f7b193f3131fcfeaa13906b1ebc8cf829dc022a2b12b3d7d7a63ad8b16631d838b04673db9d0dcfe3a15da5a4e55154b50e2004cc4ec.png)
	}

	.es-mx .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-es-mx-e1b7dfd6e9aea8647613c83774cca82877f2d9bb7d75ea024810b84b1ac513c32801d734bd022c61c2ec7216d42b166187f1d30ed54f5729371629c77de9d682.png)
	}

	.fr-fr .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-fr-fr-09a8ad44cf56f38f29356eb3a0e3018d2f755526676bcf807fdcf390b65105e0d1f82c7b7263a9dfb42fdae9f53cbdaa890642365a49dbdc3ec0c2ef8f9c2f51.png)
	}

	.it-it .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-it-it-0b85cb71364128deaf8a7d36f3b219829c75ee3043275fbb5a0d152a99c3e54ecd03e435b318a98c51824625aaa55b92f563302e36adbce35163c2917ab105a4.png)
	}

	.ja-jp .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-ja-jp-9e2d61d03f6a9a4e044c162fab7169ce42161e8e46d56fb5c359271b0ca1a77c06b5ffe38693a18beeac72d050427af5b221afa0817ae456ea8a4ac4e3560d1b.png)
	}

	.ko-kr .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-ko-kr-7ca242f90712905ada243581cecf84d15075f94ee274d6f3424bf9f606f1021006e16a29ffbeded280a1561c15f17f6f9514181be52da21b3bed3d5ff9b9040b.png)
	}

	.pl-pl .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-pl-pl-aa9dec358ba875bbedcf437549b943f6a5b3a5083b2a08ef0ca3934329ee56a2ed913ec4b3facf6a422fb8a6f3b3425d20dd541e0795796c16fe65c3812b9b8a.png)
	}

	.pt-br .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-pt-br-d97f719bde8d8057004a16b91c1f74d3dec0b224a8fba442e06939fcc360ef85e0b98f6f9c4359cb4d35f63c89a1887314348eebb892bde5835f93b67e32fd6c.png)
	}

	.pt-pt .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-pt-pt-d97f719bde8d8057004a16b91c1f74d3dec0b224a8fba442e06939fcc360ef85e0b98f6f9c4359cb4d35f63c89a1887314348eebb892bde5835f93b67e32fd6c.png)
	}

	.ru-ru .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-ru-ru-b3ebf613f23fc48896a6bcf723ae0d586773403e6a71190d613a9647e6e3f59962e73ad6216ddcc65f4ab22fdd1b24a33882562791b7a4c6e8e841efd74935b7.png)
	}

	.th-th .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-th-th-a567c67936db8681540e79a5c509a579cb6dbc75b81559171e6859ca06a914797e76f680c80f7e98adc30362c68de216161bf5002be6df3ad2ed8202da1038d2.png)
	}

	.zh-cn .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-zh-cn.png)
	}

	.zh-tw .card-carousel__item {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/card-sprite-zh-tw-a0ca5ca40e48d6f9a6d4aa3cd5c6301ac8e7615e37f935c9a9a120091d77f48b4e0e8737de48c029a9c63749d7891c7e719a74529196c55854f771f179a300f8.png)
	}

	.card-carousel__item.card1 {
		background-position: -3px 0
	}

	.card-carousel__item.card2 {
		background-position: -314px 0
	}

	.card-carousel__item.card3 {
		background-position: -625px 0
	}

	.card-carousel__item.card4 {
		background-position: -936px 0
	}

	.card-carousel__item.card5 {
		background-position: -1247px 0
	}

}

@media only screen and (min-width:40em) {
	.card-carousel__item {
		transition: all .3s ease
	}

	.card-carousel__item.deck-left {
		left: -38px
	}

	.card-carousel__item.deck-right {
		left: 55%
	}

	.card-carousel__item.deck-left, .card-carousel__item.deck-right {
		z-index: 10;
		cursor: pointer;
		visibility: visible
	}

	.card-carousel__item.deck-center {
		left: 50%;
		margin-left: -155px;
		z-index: 20;
		-ms-transform: scale(1);
		transform: scale(1);
		visibility: visible
	}

	.card-carousel .indicators {
		height: 28px;
		margin: -50px auto 0;
		position: relative;
		bottom: 10px;
		text-align: center;
		z-index: 20
	}

	.card-indicator {
		height: 28px;
		width: 28px;
		background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/screenshot-overlay.png) -325px -262px no-repeat;
		display: inline-block
	}

	.card-indicator:hover {
		cursor: pointer;
		background-position: -355px -262px
	}

	.card-indicator.active {
		background-position: -385px -262px
	}

}

.content-section--heroes {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/heroes-640x610-3bbb05ecc2ced131aa8892a88c66d9f01ad5e62b0878914a9caa26eb0eeea43ed5c0d04b108bf3dcd25515365498e237a6aa489aa68040d6c8863c98a0c3ef44.jpg) bottom no-repeat;
	height: 845px
}

@media only screen and (min-width:30em) {
	.content-section--heroes {
		height: 736px
	}

}

@media only screen and (min-width:40em) {
	.content-section--heroes {
		background-image: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/heroes-c4f55285fff33a9975c26ac40534eeac0aa70bf673b51659b7b74c0e97f58dde2986d98baf544e842f4371de0b432c510b8d3c27a71aacd2240e72f37a6e8e50.png);
		max-width: 2160px
	}

}

.home-text--heroes {
	max-width: 52rem
}

.artwork-row .view-media {
	margin-left: 340px !important
}

@media only screen and (min-width:72.5em) {
	.artwork-row .view-media {
		margin-left: 435px !important
	}

}

.content-section--artwork {
	max-width: none
}

.artwork-row {
	position: relative;
	margin: 0 auto;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/media-row-bg.png) 50% 0 no-repeat;
	max-width: 2600px;
	text-align: center;
	overflow: hidden;
	display: none
}

.artwork-row h3 {
	font: 700 16px/45px Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #fff;
	text-shadow: 0 0 4px #000, 0 0 8px #000;
	position: relative;
	top: 18px;
	margin: 0;
	text-transform: uppercase
}

.ko-kr .artwork-row h3 {
	font-family: NanumMyeongjo Bold
}

@media only screen and (min-width:72.5em) {
	.artwork-row {
		display: block
	}

}

.artwork-row .arrow-link.view-media {
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: 490px
}

.artwork-row .thumbnails {
	position: relative;
	top: 45px;
	height: 235px;
	padding: 0;
	white-space: nowrap;
	overflow: hidden
}

.artwork-row .thumbnails .artwork-item, .artwork-row .thumbnails .artwork-wallpaper {
	margin: 0 15px;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/artwork-item-bg.png) no-repeat;
	width: 210px;
	height: 118px;
	display: inline-block;
	padding: 5px;
	vertical-align: top;
	cursor: pointer;
	position: relative
}

.artwork-wallpaper:hover {
	text-decoration: none
}

.artwork-item .overlay, .artwork-wallpaper .overlay {
	display: none;
	position: absolute;
	background: rgba(0, 0, 0, .5) url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/artwork-zoom.png) 50% no-repeat;
	height: 107px;
	width: 199px;
	top: 5px;
	left: 6px;
	border-radius: 5px
}

.artwork-item:hover .overlay, .artwork-wallpaper:hover .overlay {
	display: block
}

.artwork-row .thumbnails .item {
	margin-left: 1px
}

.tabard {
	display: block;
	width: 154px;
	height: 69px;
	background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/wallpaper-tabard.png) no-repeat;
	margin: -5px auto 0;
	font: 700 14px/1 Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #fff;
	text-shadow: 0 0 3px #000, 0 0 5px #000;
	padding-top: 10px
}

.ko-kr .tabard {
	font-family: Dotum;
	font-size: 12px
}

.artwork-container {
	display: inline-block;
	position: relative;
	max-width: 100%
}

.arrow-link--media {
	position: absolute;
	bottom: 100%;
	right: 0
}

.arrow-link--standings {
	margin-right: .5rem
}

.ContentSection.ContentSection--widthOverride {
	max-width: 1160px;
	padding: 0
}

@media only screen and (min-width:60em) {
	.AnimatedCharacter--left {
		position: absolute;
		bottom: -22px;
		left: -73px;
		background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/murloc-9d061040fa22af2246de07fff28e0780194d67f3427fd3aeb55889237379da07859070e064ab39d822b3938e51328adef3d47fc137c793fc1eaf260d362c0d25.png) 0 390px no-repeat;
		width: 390px;
		height: 390px;
		opacity: 0
	}

	.AnimatedCharacter--left.static {
		background-position: 0 75px;
		opacity: 1
	}

	.AnimatedCharacter--left.spring {
		animation: spring-left .8s ease 0s 1 forwards
	}

}

@media only screen and (min-width:60em) {
	.AnimatedCharacter--right {
		position: absolute;
		top: -80px;
		right: -145px;
		background: transparent url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/troll.png) 0 240px no-repeat;
		width: 460px;
		height: 650px;
		opacity: 0
	}

	.AnimatedCharacter--right.static {
		background-position: 0 55px;
		opacity: 1
	}

	.AnimatedCharacter--right.spring {
		animation: spring-right .8s ease 0s 1 forwards
	}

}

@keyframes spring-right {
	0% {
		opacity: 0;
		transform: scale(.8);
		background-position: -150px 240px
	}

	60% {
		opacity: .8;
		transform: scale(1);
		background-position: 0 30px
	}

	to {
		opacity: 1;
		transform: scale(1);
		background-position: 0 55px
	}

}

@keyframes spring-left {
	0% {
		opacity: 0;
		transform: scale(.8);
		background-position: 0 390px
	}

	60% {
		opacity: .8;
		transform: scale(1);
		background-position: 0 40px
	}

	to {
		opacity: 1;
		transform: scale(1);
		background-position: 0 75px
	}

}

.lightbox-wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	text-align: center
}

.lightbox-wrapper:before {
	content: "";
	height: 100%;
	margin-right: -.25em
}

.lightbox-wrapper:before, .modal-container {
	display: inline-block;
	vertical-align: middle
}

.modal-container {
	max-width: 853px;
	width: 80%;
	outline: 9999px solid rgba(0, 0, 0, .75);
	text-align: left;
	background-color: #3a240f;
	position: relative
}

.modal-container.media-frame:before {
	content: "";
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	border: 8px solid #dec79b;
	border-width: 17px 20px;
	-o-border-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/game-guide/heroes/artwork-frameV2-e42466cbd049349b5645d045a1678ab896ed1cacea3ec4d11b99eb2184e9db9d07d3949872d14f9ee5604913e7602f143627928fc3375e785a235d24653e6c7d.png) 17 20 stretch;
	border-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/game-guide/heroes/artwork-frameV2-e42466cbd049349b5645d045a1678ab896ed1cacea3ec4d11b99eb2184e9db9d07d3949872d14f9ee5604913e7602f143627928fc3375e785a235d24653e6c7d.png) 17 20 stretch;
	z-index: 0
}

.modal-container .lightbox-close {
	display: block;
	position: absolute;
	float: right;
	right: -9px;
	top: -7px;
	width: 45px;
	height: 46px;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/wd3rrew/lightbox.png) -84px 0 no-repeat;
	border: none;
	outline: none
}

.modal-container #lightbox-title {
	height: auto;
	margin: 0;
	padding: .5em 1rem
}

#breakpoint {
	display: none !important;
	z-index: 0;
	position: relative
}

@media only screen and (min-width:30em) {
	#breakpoint {
		z-index: 1
	}

}

@media only screen and (min-width:40em) {
	#breakpoint {
		z-index: 2
	}

}

@media only screen and (min-width:60em) {
	#breakpoint {
		z-index: 3
	}

}

@media only screen and (min-width:72.5em) {
	#breakpoint {
		z-index: 4
	}

}

@media only screen and (min-width:80em) {
	#breakpoint {
		z-index: 5
	}

}