@charset "UTF-8";

@-webkit-keyframes Navbar-dropdown-drop-in-delayed {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

}

@-webkit-keyframes Navbar-site-menu-in {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

}

@-webkit-keyframes Navbar-site-menu-out {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}

}

@-webkit-keyframes Navbar-account-menu-in {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

}

@-webkit-keyframes Navbar-account-menu-out {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}

}

@-webkit-keyframes Navbar-promotion-in {
	0% {
		-webkit-transform: translateY(110%);
		transform: translateY(110%)
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

}

@-webkit-keyframes Navbar-promotion-out {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}

}

@-webkit-keyframes fade-in-up {
	0% {
		top: 40px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}

}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}

}

li, ol, ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}
body {
	-webkit-font-smoothing: antialiased
}

.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
	}

}

.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
}

.align-center {
	text-align: center
}

.hide {
	display: none
}

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

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




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

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

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

.SubPage {
	padding-top: 0
}

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

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

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

.SubPage .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;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	max-width: 100%;
	z-index: 5;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	overflow: hidden;
	padding-top: 60.5%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.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;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear
}

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

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

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

.ExpansionLink--goblins-vs-gnomes {
	background-image: url(images/expansions/goblins-vs-gnomes-fe6517dcaed861fe1fca6319cce686b374681e94dee414848984f0dd5697568993888cf06e672f0f27fc261f799bd379575357e8f92163b8ee816ab57153dda2.jpg)
}

.ExpansionLink--naxxramas {
	background-image: url(images/expansions/naxxramas-4bc495498b64e90a2acefc157fb6a37d7da31ae32b758e3745f6f82a94e7fe3763d97de2c903dbbf5fd2de8247845e865b74481c416dcd62aabd438084f51a20.jpg)
}

.ExpansionLink--blackrock-mountain {
	background-image: url(images/expansions/blackrock-mountain-e7a9eee7ffd2757222afb295d9dc5316f8e2d7f9c1681e02fddf72b67a20462e6aa28ae72db23d927e584f2da61165ae71d67faf1cb44334477e87706680ddb2.jpg)
}

.ExpansionLink--the-grand-tournament {
	background-image: url(images/expansions/the-grand-tournament-52df10a9c314061717a02c49584575ed44cec1c3f5d4e6c3270def1f3542f1e6d3f5c83f64a18c27eabf2d61807264448b965fe9650b4897cbdb47873b6cdc40.jpg)
}

.ExpansionLink--league-of-explorers {
	background-image: url(images/expansions/league-of-explorers-f485ee94290d40c8a200f8d97c67ab643a3a3dad43c91ad0498890e610ed77c21ba84773a75e102132da1a6697246b90392f264ee648a50b74933836b7aad534.jpg)
}

.ExpansionLink--whispers-of-the-old-gods {
	background-image: url(images/expansions/whispers-of-the-old-gods-e5028f97f9f9a4cb885e8190082557d881c5eb57cf384dc4253bb047306fb62e04c550677124eb88a4bc41642da9f8e14df92a44a3c5dda1ff04dd736fd6021c.jpg)
}

.ExpansionLink--one-night-in-karazhan {
	background-image: url(images/expansions/one-night-in-karazhan-f2a970464e0d5c14aea408d935207d574dbaa62eb6a17518697e4f249c650e62d74f2625e39ebc9fba7c78ab1d95e7f9a2f5f70791d88614b429b18f156ba3f6.jpg)
}

.ExpansionLink--mean-streets-of-gadgetzan {
	background-image: url(images/expansions/mean-streets-of-gadgetzan-b572a3d7563b9f9a85dbd8877d26c864159ea6f7ceaf6ee60e761ccbbbffbc28f23c0d9d3eaf42cfe04a2b854c767ea4a91b3da825b63a48330b18c0178a02ac.jpg)
}

.ExpansionLink--journey-to-ungoro {
	background-image: url(images/expansions/journey-to-ungoro-c1aae2b5cd15d23e379bd511a69b48fcd452ab4678b03a66e2873d359e34c129b0b058ed096dac2c2db7419bf09d4849eddd67188b64ae990bfeb7ac6ae8dd4c.jpg)
}

.ExpansionLink--knights-of-the-frozen-throne {
	background-image: url(images/expansions/knights-of-the-frozen-throne-0c028b60a086a83cc1b0e458e12b713dea8150162af4d919b7fbbd70931438ecc92ebcfde85701e72418ddcc20f09e5520e554d72ac4b6c3ddb57efda8921ba7.jpg)
}

.ExpansionLink--kobolds-and-catacombs {
	background-image: url(images/expansions/kobolds-and-catacombs-51062802afb54589139edb5378eb404ce3f4261ad921db4d38230d7a9f8792bf445c11510be00f8f2e95ea5ede772ff090895eef7d885c94c0c7e9f4854883ac.jpg)
}

.ExpansionLink--the-witchwood {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/expansions/the-witchwood-6202007b60513412e56aeba022e5c9c3a6c2ddbc20510f7b75b6662a81898d3b9028f0e0fa903f5bdbfae2fc3a30af4b0e9c387c83ef558ce660aa3bcc782583.jpg)
}

.ExpansionLink--the-boomsday-project {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/expansions/the-boomsday-project-cbf9e460956891e33569b2167b23b26af18ca5047e99dcdb16e138f645e519e94f1268aebad888cae4776b73410b7da4dfbfb4133702f717968d313120b268f3.jpg)
}

.ExpansionLink-logo {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	width: 65%;
	margin-left: -32.5%;
	margin-top: -30%;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-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%
}

.ExpansionLink-logo--the-boomsday-project {
	top: 65%;
	left: 45%;
	width: 75%
}

button {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit
}

.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;
	-webkit-box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	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 {
	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: -webkit-gradient(linear, left top, left bottom, from(#fffcf6), to(#f2eee8));
	background: linear-gradient(#fffcf6, #f2eee8);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.fsg-form-select--small:after, .fsg-form-select--small:before, .fsg-form-select:after, .fsg-form-select:before {
	content: "";
	height: 100%;
	-webkit-box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3)
}

.fsg-form-select--small:after, .fsg-form-select:after {
	background: url(images/icons/fsg_input_select_dropdown_arrows@2x-90bdb169f8d502bfe4824ee9eaec177ef24b4f8196bf49705eea9686b02ea58d7b20de558d07acd33f398a66152b1b0bb2f11603740b9c19b4d45812af3dbe94.png) 50% no-repeat #913a1f;
	background: url(images/icons/fsg_input_select_dropdown_arrows@2x-90bdb169f8d502bfe4824ee9eaec177ef24b4f8196bf49705eea9686b02ea58d7b20de558d07acd33f398a66152b1b0bb2f11603740b9c19b4d45812af3dbe94.png) 50% no-repeat, url(https://d2q63o9r0h0ohi.cloudfront.net/images/fireside-gatherings/form-button-bg-10bf9ae28b5cf03a69a819cf5856a5dbf41b436433f5e5864e422339f916f25063b18a9d740474d458e76dd71f53083c5c39e2845e13d20a9252305d7d25a01b.jpg) #913a1f;
	background-size: 65% 65%, 100% 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 3.065em;
	z-index: 1;
	border-bottom-right-radius: .25rem;
	border-top-right-radius: .25rem
}

.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;
	-webkit-box-sizing: border-box;
	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: -webkit-gradient(linear, left top, left bottom, from(#f5e0bf), to(#f1d6a9));
	background: linear-gradient(#f5e0bf, #f1d6a9);
	border-color: #f5e0bf
}

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

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

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

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

#lightbox-title {
	position: relative;
	background: transparent url(images/ui/lightbox-title-e592417b9e169f98fff63ccec3de96d731960436782dbc400cd1a240e015806fae0559bec71a387f35d5d1d69c395997072b968d9731719ce6a05d38b9017335.jpg);
	height: 26px;
	color: #fff;
	padding-left: 20px;
	text-transform: uppercase;
	margin: 0
}

.ko-kr #lightbox-title {
}

#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/rastakhans-rumble/vote/lightbox.png) -84px 0 repeat-x;
	z-index: 9007;
	-webkit-transition: none;
	transition: none
}

#lightbox-container .lightbox-close:before, .modal-container .lightbox-close:before {
	content: "";
	background: url(https://hearthstone.nosdn.127.net/3/minisite/rastakhans-rumble/vote/lightbox.png) -128px 0 repeat-x;
	z-index: -1;
	position: absolute;
	display: block;
	opacity: 0;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity .15s ease-out;
	transition: opacity .15s ease-out
}

#lightbox-container .lightbox-close:hover:before, .modal-container .lightbox-close:hover:before {
	opacity: 1
}

#lightbox-container .lightbox-close:active, .modal-container .lightbox-close:active {
	-webkit-transform: scale(.98);
	-ms-transform: scale(.98);
	transform: scale(.98)
}

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

#lightbox-container #lb-border-top, .modal-container #lb-border-top {
	height: 18px;
	top: -18px;
	left: 0;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/rastakhans-rumble/vote/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/rastakhans-rumble/vote/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/rastakhans-rumble/vote/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/rastakhans-rumble/vote/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/rastakhans-rumble/vote/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(images/ui/lightbox-controls-bg-c4c8e9d33c6f20d458f70fbf7c0471fddc34465188f9b62ccda7977e69d3841d1b8e1b313c419788407afdc5bd0972f65715d889ff17cfa818d7f7b3b4c496d6.jpg) no-repeat
}

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

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

#lightbox-container .control-wrapper a, .modal-container .control-wrapper a {
	display: block;
	height: 47px;
	float: left;
	position: relative;
	z-index: 1;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out
}

#lightbox-container .control-wrapper a:before, .modal-container .control-wrapper a:before {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/rastakhans-rumble/vote/lightbox.png) 0 5px no-repeat;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: -1;
	opacity: 0;
	-webkit-transition: opacity .15s ease-out;
	transition: opacity .15s ease-out
}

#lightbox-container .control-wrapper a:active, .modal-container .control-wrapper a:active {
	-webkit-transform: scale(.989);
	-ms-transform: scale(.989);
	transform: scale(.989)
}

#lightbox-container .control-wrapper a:hover:before, .modal-container .control-wrapper a:hover:before {
	opacity: 1
}

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

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

#lightbox-container .control-wrapper a.gallery-view, .modal-container .control-wrapper a.gallery-view {
	width: 76px;
	background-position: -84px -8px
}

#lightbox-container .control-wrapper a.gallery-view:hover, .modal-container .control-wrapper a.gallery-view:hover {
	background-position: -84px -58px
}

#lightbox-container .control-wrapper a.next, .modal-container .control-wrapper a.next {
	width: 37px;
	background-position: -46px 5px;
	float: right;
	margin-right: 10px
}

#lightbox-container .control-wrapper a.next:before, .modal-container .control-wrapper a.next:before {
	background-position: -46px -40px
}

#lightbox-container .control-wrapper.no-paging .lightbox-controls, .modal-container .control-wrapper.no-paging .lightbox-controls {
	height: 47px
}

#lightbox-container .control-wrapper.no-paging a.gallery-view, .modal-container .control-wrapper.no-paging a.gallery-view {
	margin: 0
}

#lightbox-container .control-wrapper.no-paging a.next, #lightbox-container .control-wrapper.no-paging a.previous, .modal-container .control-wrapper.no-paging a.next, .modal-container .control-wrapper.no-paging a.previous {
	display: none
}

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

#lightbox-container .control-wrapper.no-gallery a.gallery-view, .modal-container .control-wrapper.no-gallery a.gallery-view {
	display: none
}

#lightbox-container .control-wrapper.no-gallery.no-paging, .modal-container .control-wrapper.no-gallery.no-paging {
	height: 47px
}

#lightbox-container .lightbox-error, .modal-container .lightbox-error {
	text-align: center;
	font-size: 16px;
	background: #000;
	vertical-align: text-bottom;
	line-height: 550px
}

.ie6 #lightbox-container #lb-border-left, .ie6 #lightbox-container #lb-border-right, .ie6 #lightbox-container .corner, .ie6 #lightbox-container .ui-element {
	background-image: url(images/ui/lightbox-035bae8fdab0539466eacceb982db34834ff5e902492413be3dd5f06d3e233cd4f4d287b861e4ee92f298185bb041fcd4b909c184312ab898474a73c87734b26.gif)
}

.ie6 #lightbox-container {
	zoom: 1
}

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

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

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

.DataContainer-frame {
	position: relative;
	margin-bottom: 17px;
	padding: 7%;
	height: 365px;
	text-align: left;
	background: url(images/containers/data-container-frame-bg-b7e71e19509953fc5ab31bd39f690673d2a7a6b75a9e12fe6b7869f0b2bddd5387ccf3ca85210802638f334c3b968a01353a2c1b082d951fee302bd2a7fed46f.png) top no-repeat;
	background-size: 100% 100%
}

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

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

}

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

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

}

.DataContainer-buttonTrim {
	display: none
}

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

}

.DataContainer-buttonLeft {
	float: left;
	background: url(/images/containers/data-container-cta-trim-left.png) top no-repeat;
	background-size: contain
}

.DataContainer-buttonRight {
	float: right;
	background: url(/images/containers/data-container-cta-trim-right.png) top no-repeat;
	background-size: contain
}

.EventTable {
	margin: 0 0 .625em
}

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

}

.EventTable a {
	font-weight: 400
}

.EventTable--organizer {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/content-separator2-119d6c5164e4612135baf28e535d4ad9a8dd7464947dc726e819674edb8e8f0e6fa0a859a04a906e1c56c53eaee9ad20013efa66ab3500b0154d1d7deeec42e0.png) top no-repeat, url(https://d2q63o9r0h0ohi.cloudfront.net/images/content-separator2-119d6c5164e4612135baf28e535d4ad9a8dd7464947dc726e819674edb8e8f0e6fa0a859a04a906e1c56c53eaee9ad20013efa66ab3500b0154d1d7deeec42e0.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;
	font-weight: 700;
	color: #725a37;
	padding-left: 0
}

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

}

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

}

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

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

}

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

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

}

.EventTable-cell--time {
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	white-space: nowrap;
	font-size: .85rem;
}

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

}

.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 {
	-webkit-box-shadow: 0 .5em .5em -.5em rgba(0, 0, 0, .3), 0 -.5em .5em -.5em rgba(0, 0, 0, .3);
	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;
	-webkit-box-shadow: 0 .5em .5em -.5em rgba(0, 0, 0, .3);
	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://d2q63o9r0h0ohi.cloudfront.net/images/fireside-gatherings/list-counter-bg-dd837d99a6c5d3535cc026484e465794b663fabb1228845378e3e87999b2309159003c5754407071129682bd5f06dbc8580139ac7dedb882393911afc82aa10a.png) 0 0 no-repeat;
	display: inline-block;
	width: 29px;
	height: 29px;
	vertical-align: top;
	margin-right: .5em
}

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

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

}

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

.event-item-name {
	font-size: 1.2rem;
	display: inline-block;
	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;
		display: inline-block;
		vertical-align: middle
	}

}

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

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

.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
	}

}

.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://d2q63o9r0h0ohi.cloudfront.net/images/icons/fsg-sprites-1c07a7d0fb7c02fbd12d257296cf334edcbc4883c7e0818c8753c1846668e0472e145a29014f31d87c9dfe03f0a80b2bc272eed6c8d6a78e3b984b108ed9b8b3.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://d2q63o9r0h0ohi.cloudfront.net/images/icons/fsg-sprites-1c07a7d0fb7c02fbd12d257296cf334edcbc4883c7e0818c8753c1846668e0472e145a29014f31d87c9dfe03f0a80b2bc272eed6c8d6a78e3b984b108ed9b8b3.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;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.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://d2q63o9r0h0ohi.cloudfront.net/images/icons/fsg_input_button_search_loc_icon@2x-72bda340f651849d6c80e77e59e6c25026080ccc276b6e7d84fce173814a2eca75915d20564a2f20ca3e724ec7f21ec181b71bc9b23d7b0c4f02c94a8e6d7a14.png), url(https://d2q63o9r0h0ohi.cloudfront.net/images/fireside-gatherings/form-button-bg-10bf9ae28b5cf03a69a819cf5856a5dbf41b436433f5e5864e422339f916f25063b18a9d740474d458e76dd71f53083c5c39e2845e13d20a9252305d7d25a01b.jpg);
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/fsg_input_button_search_loc_icon@2x.png', sizingMethod='scale')"
}

.fsg-event-search-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://d2q63o9r0h0ohi.cloudfront.net/images/fireside-gatherings/fsg_index_search_error-75712e69b57e690d2143ee7be1509e1ebf4edfb1efc8c8b0e5781b26c936f6dd05f33211fc69887d3f715ec4dfa295dd92bd77874d47e9e5e944693fead9a8bf.png) 100% no-repeat;
		background-size: auto 100%;
		height: 20em;
		line-height: 20em;
		text-align: left;
		padding: 0
	}

}

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

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

}

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

.fsg-event-sort-wrapper {
	margin: 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
	}

}

.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 {
	font-size: 46px;
	line-height: 1;
	margin-right: 1rem;
	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-weight: 100
}

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

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

}

.play-icon {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/small-play-31a549a05b688d0601c9d9defb2fc1f73ffd5e1e116ba73e300109d4479fe1eb3d8e97823696d1a19b4632f7461969e09e7a291bf906bfe3e0d2cad6e069b69b.png) -8px -11px no-repeat;
	height: 33px
}

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

.external-icon {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/icons/external-link-47761dc0a9ff3b6e143afb96cf0f1c100c2617430bf932535a2764c35a76bc47df0b9717acac4acdaa506c3d1e03d3daecbc72ab78797ddbcf4527dc78f2db89.png) 0 0 no-repeat;
	height: 34px;
	margin-right: 6px;
	margin-top: -9px
}

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

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

.HeaderModule--one {
	min-height: 500px;
	min-height: 85vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.HeaderModule--one .Background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.HeaderModule--one .HeaderBackground {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: top
}

.HeaderModule--one .HeaderBackground--video video {
	height: 100.01%;
	min-width: 100%;
	max-width: inherit;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.HeaderModule--one .Logo {
	width: 753px;
	max-width: 90%;
	margin: 0 auto;
	display: block;
	-webkit-animation: fade-in 1.5s .5s forwards ease-out;
	animation: fade-in 1.5s .5s forwards ease-out;
	position: relative;
	opacity: 0
}

.HeaderModule--one .Logo.Logo--hs {
	height: 180px;
	margin: 0 auto -3em;
	background: url(images/logos/logo-c66376ed06cce60a01849443a90be276dfcf2cebfda477fff2b90bd66397210229adf8c9ba9243fb30bf4299ec267633d17a14fb73e80177a0a8109b15cf74c3.png) 50% no-repeat;
	background-size: contain
}

@media only screen and (min-width:40em) {
	.HeaderModule--one .Logo.Logo--hs {
		height: 250px
	}

}

@media only screen and (min-width:60em) {
	.HeaderModule--one .Logo.Logo--hs {
		height: 280px
	}

}

.HeaderModule--one .HeaderCopy {
	opacity: 0;
	margin: 0 auto;
	max-width: 700px;
	padding: 0 2em;
	position: relative;
	top: 40px;
	-webkit-animation: fade-in-up .5s 1.5s forwards ease-out;
	animation: fade-in-up .5s 1.5s forwards ease-out
}

@media only screen and (min-width:60em) {
	.HeaderModule--one .HeaderCopy {
		padding: 0
	}

}

.HeaderModule--one p {
	font-weight: 700
}

.HeaderModule--one .Hero {
	background: none;
	margin: 0
}

@media only screen and (max-width:39.99em) {
	.HeaderModule--one .Hero h1 {
		font-size: 2.5em
	}

}

@media only screen and (min-width:60em) {
	.HeaderModule--one .Hero {
		padding-top: 0
	}

}

.Navbar+.HeaderModule--one .Hero {
	padding: 4em 0 5em
}

.HeaderModule--one .VideoSection {
	margin: 0 auto;
	padding: 0 1em;
	width: 65%;
	max-width: 400px;
	-webkit-animation: fade-in-up .5s 1.75s forwards ease-out;
	animation: fade-in-up .5s 1.75s forwards ease-out;
	position: relative;
	top: 40px;
	opacity: 0
}

.HeaderModule--one .VideoSlide-video {
	margin: 2em auto .5em;
	display: inline-block
}

@media only screen and (max-width:59.99em) {
	.HeaderModule--one .VideoSlide-video {
		width: 100%
	}

}

.HeaderModule--one .VideoSlide-subtitle p {
	margin: 0
}

@keyframes fade-in-up {
	0% {
		top: 40px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}

}

@keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}

}

.News {
	text-align: center;
	font-weight: 400;
	max-width: 1630px;
	padding: 0;
	margin: 0 auto
}

@media only screen and (min-width:30em) {
	.News {
		padding: 0 5%
	}

}

@media only screen and (min-width:1630px) {
	.News {
		padding: 0 30px
	}

}

.News .slick-list, .News .slick-slider, .News .slick-track {
	width: 100%
}

.News-titleContainer, .News .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.News-titleContainer {
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.News-line {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/line_part1-f3196f43eb761a5a390272ae8eb72854793c3abcc039f3df797ac6aa4782b50b9a499e1402ea652c17ea71e520c12b575dc6af552df314704f7f878ea19195e1.svg) 0 0 repeat-x;
	height: 2px;
	vertical-align: middle;
	position: relative;
	margin-right: 20px;
	opacity: .6;
	display: none
}

@media only screen and (min-width:30em) {
	.News-line {
		display: block;
		margin-bottom: 10px
	}

}

.News-line:before {
	content: "";
	position: absolute;
	top: -17px;
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/line_part2-363534a680b04413fe282d695c7d07a13bf671a9c8a3276b070ce8dd7e806bbc2fafce7c6e4f61b4a06dd5d13cdef35814f0d7cd049a6d8f7cfaba5e6b51d963.svg) 0 0 no-repeat;
	width: 20px;
	height: 19px;
	right: auto;
	left: -20px;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1)
}

.News-line:first-child {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: calc(100% - 40px);
	margin: 0 auto 10px
}

.News-line:first-child:before {
	display: none
}

@media only screen and (min-width:30em) {
	.News-line:first-child {
		margin-left: 20px;
		margin-right: 0;
		position: relative;
		top: auto;
		right: auto;
		width: auto
	}

	.News-line:first-child:before {
		display: block
	}

}

.News-title {
	position: relative;
	display: inline-block;
	padding: 60px 15px 35px;
	height: 64px
}

@media only screen and (min-width:30em) {
	.News-title {
		margin-bottom: 10px;
		padding: 16px 15px 0
	}

}

@media only screen and (min-width:40em) {
	.News-title {
		padding: 16px 35px 0
	}

}

.News-title h1 {
	font-size: 24px;
	color: #614326;
	letter-spacing: -.03px;
	font-weight: 400
}

@media only screen and (min-width:60em) {
	.News-title {
		margin-left: 80px;
		margin-right: 80px
	}

	.News-title:after, .News-title:before {
		content: "";
		opacity: .5
	}

	.News-title:before {
		background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/title_01_a-5dfaae72718b2f20416dd149a09584a62f91cdf234d3bb5aed81f3ddead2c6b0ae312f837f78eaf7a920c97fd9b251b1f0880e1e81c5d6b6611f5c2f4488a814.svg) 0 0 no-repeat;
		left: -54px
	}

	.News-title:after, .News-title:before {
		height: 63px;
		width: 64px;
		position: absolute;
		top: 0
	}

	.News-title:after {
		background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/title_01_d-2b09d4e90f84a6f7b6717826e5cb14adbf7068fd79d0318353565772f60bc438b3cc43ce38868e46b07bad599838ad65eba469df7999564e2ab3100d9fd3c1ac.svg) 0 0 no-repeat;
		right: -54px
	}

	.News-title--background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-style: solid;
		border-width: 5px 1px 6px 0;
		-o-border-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/title_01_b-e4b960d3b3128b748017032b0fd8cc74f89124cb27182ebef86df57005bfd4b99fe66b15f6726f4ced649c9c440b10b468a54e108f7c09cd62e2cca971b63ea4.svg) 5 1 6 0 stretch;
		border-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/title_01_b-e4b960d3b3128b748017032b0fd8cc74f89124cb27182ebef86df57005bfd4b99fe66b15f6726f4ced649c9c440b10b468a54e108f7c09cd62e2cca971b63ea4.svg) 5 1 6 0 fill stretch;
		opacity: .5
	}

}

.News .News-topBar {
	width: 100%;
	display: inline-block;
	padding: 0 5%
}

@media only screen and (min-width:30em) {
	.News .News-topBar {
		padding: 0
	}

}

.News .News-topBar a {
	font-size: 16px;
	text-decoration: none;
	font-weight: 400
}

.News .News-topBar .TopBar-rightAlign {
	float: right;
	display: inline-block
}

.News .News-topBar .TopBar-rightAlign a {
	display: inline-block;
	padding-top: 1px;
	-webkit-transition: color .15s ease-out;
	transition: color .15s ease-out
}

.News .News-topBar .TopBar-rightAlign a:hover {
	color: #456eb8
}

.News .News-topBar .TopBar-rightAlign a:hover .Icon-arrow--blue {
	-webkit-transform: translate3d(2px, 0, 0);
	transform: translate3d(2px, 0, 0)
}

.News .News-topBar .TopBar-rightAlign a:hover .Icon-arrow--blue g {
	stroke: #456eb8
}

.News .News-topBar .TopBar-rightAlign .Icon-arrow--blue {
	width: 16px;
	position: relative;
	top: 3px;
	display: inline-block;
	margin-left: 5px
}

.News .News-topBar .TopBar-rightAlign .Icon-arrow--blue, .News .News-topBar .TopBar-rightAlign .Icon-arrow--blue g {
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out
}

.News .News-topBar .TopBar-leftAlign {
	padding: 0 25px 0 0;
	height: 25px;
	float: left;
	position: relative;
	margin: 0
}

@media only screen and (min-width:40em) {
	.News .News-topBar .TopBar-leftAlign {
		padding-left: 25px;
		margin: 0 0 0 45px
	}

	.News .News-topBar .TopBar-leftAlign--background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-style: solid;
		border-width: 0 9px;
		-o-border-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/title_02_c-8c882d7fb1b3a5d11b272638075fdbdbb9b899477b7135040e985c5d3263c9fdf524ec0724177172983347344d4f418c3027f1d15b3503c22c31e54f04433b0a.svg) 0 9 0 9 stretch;
		border-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/title_02_c-8c882d7fb1b3a5d11b272638075fdbdbb9b899477b7135040e985c5d3263c9fdf524ec0724177172983347344d4f418c3027f1d15b3503c22c31e54f04433b0a.svg) 0 9 0 9 fill stretch;
		z-index: 0;
		opacity: .5
	}

	.News .News-topBar .TopBar-leftAlign:after, .News .News-topBar .TopBar-leftAlign:before {
		content: "";
		top: -6px;
		position: absolute;
		height: 40px;
		width: 50px;
		opacity: .5
	}

	.News .News-topBar .TopBar-leftAlign:before {
		background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/title_02_a-2d3682c5eb2066a75732b86ad5eadb6b7d5a7b952a3579303529f4e45dc26a938deb1c864e1dc1e63bddd683f4a4f7a6337fe75ed29b2125cd16a747a0fbb30c.svg) 0 0 no-repeat;
		left: -45px
	}

	.News .News-topBar .TopBar-leftAlign:after {
		background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/title_02_b-ab565e8bf802b7bcb247c24e680ad2853fab79ab4a770e37c58279de027597722c28b681f9ed246f5f2ff08fe4d2e18494f6dd75d18deea1e673446389e71442.svg) 0 0 no-repeat;
		right: -45px
	}

}

.News .News-topBar .TopBar-leftAlign h4 {
	font-size: 18px;
	font-weight: 400;
	color: #614326;
	font-family: Belwe Bold, BlizzBanguiat, PSL Asadong Pro, Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif, Tahoma, Sans-serif;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	line-height: 15px;
	top: 5px
}

.News .News-articles {
	margin: 15px 0;
	display: inline-block;
	width: 100%
}

@media only screen and (min-width:30em) {
	.News .News-articles {
		margin: 15px -7.5px 35px;
		width: calc(100% + 15px);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

}

@media only screen and (min-width:40em) {
	.News .News-articles {
		margin: 15px -15px 35px
	}

}

@media only screen and (min-width:72.5em) {
	.News .News-articles {
		margin: 15px -15px 50px;
		width: calc(100% + 30px)
	}

}

@media only screen and (min-width:30em) {
	.News .News-articles:only-child, .News .News-articles div:only-child {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: calc(100% + 7.5px)
	}

}

@media only screen and (min-width:40em) {
	.News .News-articles:only-child, .News .News-articles div:only-child {
		width: calc(100% + 15px)
	}

}

.News .News-articles .Article {
	width: 100%;
	float: left;
	vertical-align: top;
	margin-bottom: 15px;
	padding: 0 3.5px;
	display: block
}

@media only screen and (min-width:30em) {
	.News .News-articles .Article {
		width: 50%;
		padding: 0 7.5px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

}

@media only screen and (min-width:40em) {
	.News .News-articles .Article {
		padding: 0 15px
	}

}

@media only screen and (min-width:72.5em) {
	.News .News-articles .Article {
		width: 25%;
		margin-bottom: 0;
		padding: 0 15px
	}

}

.News .News-articles .Article a {
	height: 100%
}

.News .News-articles .Article a:focus, .News .News-articles .Article a:hover {
	text-decoration: none
}

.News .News-articles .Article-content {
	border-radius: 8px;
	position: relative;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media only screen and (min-width:40em) {
	.News .News-articles .Article-content {
		height: 274px
	}

}

.News .News-articles .Article-content:hover:before {
	-webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .3), 0 3px 15px 1px rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .3), 0 3px 15px 1px rgba(0, 0, 0, .5)
}

.News .News-articles .Article-content:hover img {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.News .News-articles .Article-content:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 99%;
	background: rgba(185, 146, 83, .5);
	-webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .3), 0 3px 4px 1px rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .3), 0 3px 4px 1px rgba(0, 0, 0, .3);
	border-radius: 5px;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out
}

@media only screen and (min-width:40em) {
	.News .News-articles .Article-content.ready {
		height: 100%
	}

}

.News .News-articles .Article-content.ready .Article-copyContainer {
	border-style: solid;
	border-width: 28px 20px 30px;
	-o-border-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news_paper-2c2b12e83c7f15fd561d449daff466720ae2a9456078732a8a67b6e069d20bb4b5e98b8e7726afc753daf96fbe13b4a0a7a76256fa55be7dbf901e8a192c09fa.png) 28 20 30 repeat;
	border-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news_paper-2c2b12e83c7f15fd561d449daff466720ae2a9456078732a8a67b6e069d20bb4b5e98b8e7726afc753daf96fbe13b4a0a7a76256fa55be7dbf901e8a192c09fa.png) 28 20 30 fill repeat
}

.News .News-articles .Article-image {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
	border-radius: 6px 6px 0 0
}

.News .News-articles .Article-image .placeholder {
	padding-bottom: 50%
}

.News .News-articles .Article-image .LoadedImage, .News .News-articles .Article-image .LoadingImage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.News .News-articles .Article-image .LoadedImage {
	z-index: 1;
	opacity: 0
}

.News .News-articles .Article-image img {
	display: block;
	max-width: 100%;
	width: 100%;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.News .News-articles .Article-image.ready .LoadedImage {
	opacity: 1
}

.News .News-articles .Article-copyContainer {
	width: 100%;
	border: none;
	margin-top: -9px;
	line-height: 1.2em;
	position: relative;
	z-index: 1;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}

.News .News-articles .Article-title {
	padding: 0
}

.News .News-articles .Article-title h4 {
	margin: 0;
	font-size: 18px;
	font-weight: 400
}

.News .News-articles .Article-bodyCopy {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
	text-align: left
}

.News .News-articles .Article-bodyCopy p {
	margin: 0;
	font-size: 15px
}

.News .News-articles .Article-bodyCopy p, .News .News-articles .Article-timestamp {
	font-weight: 400
}

.News .News-articles .Article-timestamp {
	font-size: 14px;
	opacity: .7;
	color: #614326;
	position: absolute;
	bottom: -10px;
	left: 0
}

.ScheduleBackground {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/tournament/Event_BottomBG_MatchSchedule-bff52de73fe62eddcf109c32a9552ccab110f6d03121f4e902cc5f0368508972b08d35776e80ae4690cd0b90be81b40dbee9e059354e91c0817b95e6dfcc46b3.png) bottom no-repeat;
	position: absolute;
	bottom: 0;
	height: 557px;
	width: 100%;
	opacity: .2;
	z-index: 2
}

@media only screen and (max-width:61.9375em) {
	.ScheduleBackground {
		background-size: 1437px
	}

}

@media only screen and (max-width:29.9375em) {
	.ScheduleBackground {
		background-size: 958px
	}

}

.InformationalFooter {
	position: relative
}

@media only screen and (min-width:80em) {
	.InformationalFooter {
		left: calc(-5% - 13px);
		width: calc(110% + 26px)
	}

}

.InformationalFooter .Graphic {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/tournament/Event_BottomBG_Players-99ff1c38795e99830bbfef1dbe11a28763b49bc31d88fcfe974e14fa8a92b8fba370b7429444ae7da648d8abe4e406be579d02051bf5b9d79178aed74d4afa6d.png) bottom no-repeat;
	position: relative;
	z-index: 2;
	height: 800px;
	margin-top: -800px;
	opacity: .15
}

.InformationalFooter .Graphic.PlayersBackground {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/tournament/Event_BottomBG_Players-99ff1c38795e99830bbfef1dbe11a28763b49bc31d88fcfe974e14fa8a92b8fba370b7429444ae7da648d8abe4e406be579d02051bf5b9d79178aed74d4afa6d.png)
}

.InformationalFooter .Graphic.BracketsBackground {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/tournament/Event_BottomBG_Brackets-4260d28d1d19d76f484109475bb56ff23721d6ea21404b6fc270ef508c7aa52345ad29fbc43de93631b52c3d0a84444d71dc32c20960f138c61cfad33aeadc2c.png)
}

.InformationalFooter .Graphic.MatchScheduleBackground {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/tournament/Event_BottomBG_MatchSchedule-bff52de73fe62eddcf109c32a9552ccab110f6d03121f4e902cc5f0368508972b08d35776e80ae4690cd0b90be81b40dbee9e059354e91c0817b95e6dfcc46b3.png)
}

@media only screen and (max-width:61.9375em) {
	.InformationalFooter .Graphic {
		background-size: 1437px
	}

}

@media only screen and (max-width:29.9375em) {
	.InformationalFooter .Graphic {
		background-size: 958px
	}

}

.InformationalFooter .PageTransition {
	height: 243px;
	margin-top: -197px;
	margin-bottom: -31px;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/rastakhans-rumble/vote/Event_Parchment_Bottom.png) bottom repeat-x;
	position: relative;
	z-index: 1
}

.InformationalFooter .Container {
	padding: 50px 60px;
	position: relative;
	z-index: 0;
	margin-bottom: -40px
}

.InformationalFooter .Container.lazyloaded {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/rastakhans-rumble/vote/wood.jpg) 50%
}

.InformationalFooter .Content {
	max-width: 72.5em;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	min-height: 229px
}

@media only screen and (max-width:47.9375em) {
	.InformationalFooter .Content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

}

.InformationalFooter .Explanation {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding-right: 80px;
	padding-top: 40px
}

@media only screen and (min-width:48em) {
	.InformationalFooter .Explanation {
		width: calc(100% - 300px)
	}

}

@media only screen and (max-width:47.9375em) {
	.InformationalFooter .Explanation {
		text-align: center;
		padding: unset
	}

}

.InformationalFooter .Explanation .Header {
	color: #fff;
	margin-bottom: 20px
}

.InformationalFooter .Explanation .Text {
	color: #fff
}

.InformationalFooter .Logo {
	width: 292px;
	height: 229px
}

.InformationalFooter .Logo.lazyloaded {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/tournament/Logo_HCT_Evergreen-29f70810de3fba54109c0d0b043a751ca0672727cd0c76bdde7ee0619292e1a3e2b73c84ff2a43464ef98b617a5dbd553a95b2b49db78e369606fa212142a222.png) bottom no-repeat;
	background-size: cover
}

@media only screen and (max-width:47.9375em) {
	.InformationalFooter .Logo {
		margin-bottom: 20px
	}

}

.InformationalFooter .BottomTransition {
	height: 201px;
	bottom: -196px;
	position: absolute;
	width: 100%;
	background: url(https://hearthstone.nosdn.127.net/3/minisite/rastakhans-rumble/vote/Event_Parchment_Top.png) top repeat-x;
	pointer-events: none
}

.InformationalFooter .footerLink {
	text-decoration: none;
	color: #fcd144;
}

.InformationalFooter .footerLink:link {
	color: #fcd144
}

.InformationalFooter .footerLink:link line, .InformationalFooter .footerLink:link polyline {
	stroke: #fcd144
}

.InformationalFooter .footerLink:visited {
	color: #fcd144
}

.InformationalFooter .footerLink:visited line, .InformationalFooter .footerLink:visited polyline {
	stroke: #fcd144
}

.InformationalFooter .footerLink:hover {
	color: #fff
}

.InformationalFooter .footerLink:hover line, .InformationalFooter .footerLink:hover polyline {
	stroke: #fff
}

.InformationalFooter .footerLink:active {
	color: #fff
}

.InformationalFooter .footerLink:active line, .InformationalFooter .footerLink:active polyline {
	stroke: #fff
}

.InformationalFooter .footerLink--arrow {
	position: relative;
	top: 3px;
	left: 5px
}

.Vote .Cyc-Hero {
	padding-top: 0;
	padding-bottom: 0;
	color: #fff;
	text-align: center;
	position: relative;
	background: #000 url(https://hearthstone.nosdn.127.net/3/minisite/rastakhans-rumble/vote/bg_top.jpg) top no-repeat;
	background-size: cover
}

@media only screen and (min-width:60em) {
	.Vote .Cyc-Hero {
		padding-top: 8em;
		padding-bottom: 8em;
		min-height: 710px;
		width: 100%;
		background: #000;
		z-index: auto !important
	}

}

.Vote .Cyc-Hero .Background {
	background: #000 url(https://hearthstone.nosdn.127.net/3/minisite/rastakhans-rumble/vote/bg_top.jpg) top no-repeat;
	background-size: cover
}

.Vote .Cyc-Hero .Parallax-layer {
	display: block;
	position: relative
}

@media only screen and (min-width:60em) {
	.Vote .Cyc-Hero .Parallax-layer {
		position: absolute
	}

}

.Vote .Cyc-Hero .logo {
	display: inline-block;
	position: relative;
	margin-bottom: -65px;
	margin-top: 60px
}

@media only screen and (min-width:60em) {
	.Vote .Cyc-Hero .logo {
		margin-top: 135px
	}

}

.Vote .Cyc-Hero .logo img {
	max-width: 100%
}

@media only screen and (min-width:60em) {
	.Vote .Cyc-Hero .logo img {
		max-width: 225px;
		width: 100%
	}

}

.Vote .Cyc-Hero .Dwarf img {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1910px;
	max-width: none
}

.Vote .Cyc-Hero .hero-text {
	max-width: 700px;
	margin-bottom: 25px
}

.Vote .Cyc-Hero .hero-text h1 {
	margin-top: 1em
}

.Vote .MediaSection {
	width: 100%;
	max-width: 1856px;
	margin: 0 auto;
	height: 482px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 1
}

.Vote .MediaSection.lazyloaded {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/rastakhans-rumble/vote/bg_animation_series.png) top no-repeat
}

.Vote .MediaSection-Title {
	text-align: center;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 410px;
	width: 100%;
	padding: 0 15px
}

@media only screen and (min-width:60em) {
	.Vote .MediaSection-Title {
		padding: 0
	}

}

.Vote .MediaSection-Title h3 {
	color: #fff;
	text-shadow: -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, 0 -1px 0 #000, 0 0 0 #000, 0 1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000;
	width: 100%;
	height: 40px;
	font-size: 1.5em;
}

@media only screen and (min-width:60em) {
	.Vote .MediaSection-Title h3 {
		font-size: 1.75em;
	}

}

.Vote .MediaSection .MediaBoxes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	margin: 70px 0 0
}

@media only screen and (min-width:60em) {
	.Vote .MediaSection .MediaBoxes {
		margin: 70px 15px 0
	}

}

@media only screen and (min-width:72.5em) {
	.Vote .MediaSection .MediaBoxes {
		margin: 70px 70px 0
	}

}

.Vote .MediaSection .MediaBoxes .MediaBox {
	text-align: center;
	position: relative;
	-webkit-transition: -webkit-transform .15s ease-out;
	transition: -webkit-transform .15s ease-out;
	transition: transform .15s ease-out;
	transition: transform .15s ease-out, -webkit-transform .15s ease-out
}

.Vote .MediaSection .MediaBoxes .MediaBox:active, .Vote .MediaSection .MediaBoxes .MediaBox:focus, .Vote .MediaSection .MediaBoxes .MediaBox:hover {
	text-decoration: none;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.Vote .MediaSection .MediaBoxes .MediaBox:active .MediaBox-thumbnail:before, .Vote .MediaSection .MediaBoxes .MediaBox:focus .MediaBox-thumbnail:before, .Vote .MediaSection .MediaBoxes .MediaBox:hover .MediaBox-thumbnail:before {
	opacity: 1
}

.Vote .MediaSection .MediaBoxes .MediaBox h5 {
	color: #fff;
	text-shadow: -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, 0 -1px 0 #000, 0 0 0 #000, 0 1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000
}

.Vote .MediaSection .MediaBoxes .MediaBox .MediaBox-thumbnail {
	position: relative;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
	margin: 0 10px;
	width:13em;
	height: 8.6em;	
}

@media only screen and (min-width:60em) {
	.Vote .MediaSection .MediaBoxes .MediaBox .MediaBox-thumbnail {
		margin: 0 36px;
		width:268px;
		height: 178px;
	}

}

.Vote .MediaSection .MediaBoxes .MediaBox .MediaBox-thumbnail.shown {
	opacity: 1
}

.Vote .MediaSection .MediaBoxes .MediaBox .MediaBox-thumbnail.locked:after {
	display: none
}

.Vote .MediaSection .MediaBoxes .MediaBox .MediaBox-thumbnail .frame {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-box-shadow: none;
	box-shadow: none
}

.Vote .MediaSection .MediaBoxes .MediaBox .MediaBox-thumbnail .thumbnail {
	height: 100%;
	display: block;
	margin: auto
}

.Vote .MediaSection .MediaBoxes .MediaBox .MediaBox-thumbnail img {
	-webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .45);
	box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .45)
}

.Vote .MediaSection .MediaBoxes .MediaBox .MediaBox-thumbnail:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/rastakhans-rumble/vote/animation_frame-b44d2b47e82c6e3ed8a89373913f006cf1a3b700845069edb2fa3c17fbbe3b6cb94fda32d1a1de952462c26740f23c19a064684f9beb075d6df251f26e76c399.png) top no-repeat;
	background-size: cover;
	z-index: 2;
	display: none
}

.Vote .MediaSection .MediaBoxes .MediaBox .MediaBox-text {
	margin-top: 10px
}

.Vote .ContentSection {
	position: relative;
	z-index: 3
}

.Vote .ContentSection.competitorSelected {
	padding: 0
}

.Vote .NotLoggedIn {
	margin: 100px auto;
	text-align: center
}

.Vote .VoteSelectionListTitle {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 25px
}
.Vote .VoteSelectionListTitle h2{
	padding-bottom: 0.15rem;
}
.Vote .VoteSelectionListTitle h2, .Vote .VoteSelectionListTitle p {
	color: #614326
}

.Vote .SelectedView, .Vote .VoteSelectionList {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 50px;
	position: relative
}

.Vote .SelectedView, .Vote .SelectedView.SelectedView, .Vote .VoteSelectionList, .Vote .VoteSelectionList.SelectedView {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.Vote .SelectedView.SelectedView, .Vote .VoteSelectionList.SelectedView {
	max-width: 900px;
	width: 100%;
	margin: 50px auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

@media only screen and (min-width:60em) {
	.Vote .SelectedView.SelectedView, .Vote .VoteSelectionList.SelectedView {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}

}

.Vote .SelectedView.SelectedView .VoteSelection, .Vote .VoteSelectionList.SelectedView .VoteSelection {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: default;
	width: 100%
}

@media only screen and (min-width:60em) {
	.Vote .SelectedView.SelectedView .VoteSelection, .Vote .VoteSelectionList.SelectedView .VoteSelection {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

}

.Vote .SelectedView.SelectedView .VoteSelection:active, .Vote .VoteSelectionList.SelectedView .VoteSelection:active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.Vote .SelectedView.SelectedView .VoteSelection:after, .Vote .VoteSelectionList.SelectedView .VoteSelection:after {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	right: 0;
	left: -6px;
	margin: auto;
	max-width: 421px;
	width: 100%
}

@media only screen and (min-width:60em) {
	.Vote .SelectedView.SelectedView .VoteSelection:after, .Vote .VoteSelectionList.SelectedView .VoteSelection:after {
		left: -90px;
		top: -82px;
		width: 421px
	}

}

.Vote .SelectedView.SelectedView .VoteSelection .VoteSelection-Image img, .Vote .VoteSelectionList.SelectedView .VoteSelection .VoteSelection-Image img {
	max-width: 250px
}

.Vote .SelectedView.SelectedView .VoteSelection .VoteSelection, .Vote .VoteSelectionList.SelectedView .VoteSelection .VoteSelection {
	cursor: default
}

.Vote .SelectedView.SelectedView .SelectedView-Text, .Vote .VoteSelectionList.SelectedView .SelectedView-Text {
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}

@media only screen and (min-width:60em) {
	.Vote .SelectedView.SelectedView .SelectedView-Text, .Vote .VoteSelectionList.SelectedView .SelectedView-Text {
		margin-left: 35px;
		margin-top: 70px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		text-align: left
	}

}

.Vote .SelectedView.SelectedView .SelectedView-Text h3, .Vote .SelectedView.SelectedView .SelectedView-Text p, .Vote .VoteSelectionList.SelectedView .SelectedView-Text h3, .Vote .VoteSelectionList.SelectedView .SelectedView-Text p {
	color: #614326
}

.Vote .SelectedView.SelectedView .SelectedView-Text .Legal, .Vote .VoteSelectionList.SelectedView .SelectedView-Text .Legal {
	padding-left: 15px;
	padding-right: 15px
}

.Vote .SelectedView.SelectedView .SocialIcon, .Vote .VoteSelectionList.SelectedView .SocialIcon {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/global-games/social-33018269b95d175676ee3242467a102180ea1e1a1d3b0d56c4c43966a7afdd9b6ea9bb9b19580f89045c5dfcc6d4450ca5b5925b236038b76d2f5c6923f4c032.png) 0 0 no-repeat;
	width: 56px;
	height: 56px;
	display: inline-block;
	margin: 0 5px;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out
}

.Vote .SelectedView.SelectedView .SocialIcon:hover, .Vote .VoteSelectionList.SelectedView .SocialIcon:hover {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px)
}

.Vote .SelectedView.SelectedView .SocialIcon.SocialIcon--twitter, .Vote .VoteSelectionList.SelectedView .SocialIcon.SocialIcon--twitter {
	background-position: -60px 0
}

.Vote .SelectedView.SelectedView .SocialIcon.SocialIcon--reddit, .Vote .VoteSelectionList.SelectedView .SocialIcon.SocialIcon--reddit {
	background-position: -120px 0
}

.Vote .SelectedView .VoteSelection, .Vote .VoteSelectionList .VoteSelection {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 30%;
	flex: 1 1 30%;
	margin-bottom: 25px;
	text-align: center;
	position: relative;
	cursor: pointer;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 0
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.Vote .SelectedView .VoteSelection.shown, .Vote .VoteSelectionList .VoteSelection.shown {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.Vote .SelectedView .VoteSelection.votingEnded, .Vote .VoteSelectionList .VoteSelection.votingEnded {
	cursor: default
}

.Vote .SelectedView .VoteSelection.activeTooltip .Tooltip, .Vote .VoteSelectionList .VoteSelection.activeTooltip .Tooltip {
	display: inline-block;
	opacity: 1;
	visibility: visible;
	top: -1em
}

.Vote .SelectedView .VoteSelection .Tooltip, .Vote .VoteSelectionList .VoteSelection .Tooltip {
	display: none
}

@media only screen and (min-width:72.5em) {
	.Vote .SelectedView .VoteSelection .Tooltip, .Vote .VoteSelectionList .VoteSelection .Tooltip {
		display: inline-block
	}

}

.Vote .SelectedView .VoteSelection .Tooltip--balloon.pin-left, .Vote .VoteSelectionList .VoteSelection .Tooltip--balloon.pin-left {
	left: 50%;
	-webkit-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	width: 100%
}

@media only screen and (min-width:72.5em) {
	.Vote .SelectedView .VoteSelection .Tooltip--balloon.pin-left, .Vote .VoteSelectionList .VoteSelection .Tooltip--balloon.pin-left {
		left: 0;
		-webkit-transform: translate(40%, -100%);
		-ms-transform: translate(40%, -100%);
		transform: translate(40%, -100%);
		width: 300px
	}

}

.Vote .SelectedView .VoteSelection .Tooltip--balloon.pin-left:before, .Vote .VoteSelectionList .VoteSelection .Tooltip--balloon.pin-left:before {
	left: 65%
}

@media only screen and (min-width:72.5em) {
	.Vote .SelectedView .VoteSelection .Tooltip--balloon.pin-left:before, .Vote .VoteSelectionList .VoteSelection .Tooltip--balloon.pin-left:before {
		left: 30px
	}

}

.Vote .SelectedView .VoteSelection:after, .Vote .VoteSelectionList .VoteSelection:after {
	content: "";
	background: url(https://hearthstone.nosdn.127.net/3/minisite/rastakhans-rumble/vote/loa_hover_selected.png) top no-repeat;
	position: absolute;
	top: -82px;
	left: -27px;
	width: 421px;
	height: 481px;
	z-index: 3;
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	pointer-events: none
}
.Vote .SelectedView .VoteSelection.selected:after, .Vote .VoteSelectionList .VoteSelection.selected:after{
	opacity: 1;
}
@media only screen and (min-width:72.5em) {
	.Vote .SelectedView .VoteSelection:hover:after, .Vote .VoteSelectionList .VoteSelection:hover:after {
		opacity: 1
	}

}

.Vote .SelectedView .VoteSelection .MobileTooltip, .Vote .VoteSelectionList .VoteSelection .MobileTooltip {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/rastakhans-rumble/vote/icon_bubble@2x-578d52793f86167d0e067bf515e403ae15d8222c27933fb709016e787f9a3871429a1d1a704bb724d9815f2f1edf0733fc078008a7336e62c0b77180fe774d01.png) top no-repeat;
	width: 52.5px;
	height: 44px;
	position: absolute;
	top: 0;
	right: 56%;
	-webkit-transform: translateX(150px);
	-ms-transform: translateX(150px);
	transform: translateX(150px);
	display: block;
	cursor: pointer;
	background-size: cover;
	z-index: 4
}

.Vote .SelectedView .VoteSelection .MobileTooltip.hidden, .Vote .VoteSelectionList .VoteSelection .MobileTooltip.hidden {
	opacity: 0;
	pointer-events: none
}

@media only screen and (min-width:40em) {
	.Vote .SelectedView .VoteSelection .MobileTooltip, .Vote .VoteSelectionList .VoteSelection .MobileTooltip {
		right: 60%
	}

}

@media only screen and (min-width:72.5em) {
	.Vote .SelectedView .VoteSelection .MobileTooltip, .Vote .VoteSelectionList .VoteSelection .MobileTooltip {
		display: none
	}

}

.Vote .SelectedView .VoteSelection-Image, .Vote .VoteSelectionList .VoteSelection-Image {
	position: relative;
	text-align: center;
	z-index: 2
}

.Vote .SelectedView .VoteSelection-Image img, .Vote .VoteSelectionList .VoteSelection-Image .photo img {
	width: 194px;
    position: relative;
    top: 19px;
    background: #fff;
}
.Vote .SelectedView .VoteSelection-Image img, .Vote .VoteSelectionList .VoteSelection-Image .photo{
	width: 236px;
	height: 288px;
	position: relative;
}
.Vote .SelectedView .VoteSelection-Image img, .Vote .VoteSelectionList .VoteSelection-Image .photo:before{
   content: "";
   display: block;
   width: 196px;
   height: 176px;
   position: absolute;
   top: 19px;
   left: 19px;
   z-index: 2;
   box-shadow: 0 0 20px rgba(0,0,0,0.6) inset;
}
.Vote .SelectedView .VoteSelection-Image img, .Vote .VoteSelectionList .VoteSelection-Image .photo:after{
   content: "";
   display: block;
   position: absolute;
   width: 236px;
   height: 288px;
   background: url("https://hearthstone.nosdn.127.net/3/minisite/player/hct-world-championship-2019/border.png") no-repeat 0 0;
   left: 0;
   top: 0;
}
.Vote .SelectedView .VoteSelection-ImageText, .Vote .VoteSelectionList .VoteSelection-ImageText {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 170px;
	height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.Vote .SelectedView .VoteSelection-ImageText p, .Vote .VoteSelectionList .VoteSelection-ImageText p {
	color: #fff;
	margin: 0;
	text-shadow: -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, 0 -1px 0 #000, 0 0 0 #000, 0 1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000;
	white-space: nowrap
}

.Vote .Legal {
	margin-top: 35px;
	text-align: center;
	padding: 0 15px
}

.Vote .BottomImage {
	background: url(https://hearthstone.nosdn.127.net/3/minisite/rastakhans-rumble/vote/bg_loa_bottom.png) bottom no-repeat;
	width: 1906px;
	height: 507px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	right: 0;
	margin: auto;
	z-index: 15555;
	top: -309px;
	opacity: .2;
	pointer-events: none;
	display: none
}

@media only screen and (min-width:40em) {
	.Vote .BottomImage {
		display: block
	}

}

.Vote .InformationalFooter {
	position: relative;
	z-index: 1;
	margin-top: 50px
}

.Vote .InformationalFooter .Logo {
	width: auto;
	height: 229px;
	position: relative;
	top: -63px
}

.Vote .InformationalFooter .Logo img {
	min-width: 500px
}

.Vote #Lightbox-anchor {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: -10;
	background: rgba(0, 0, 0, .5);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	min-height: 300px;
	-ms-flex-line-pack: center;
	align-content: center;
	position: fixed;
	overflow: auto
}

@media only screen and (min-width:72.5em) {
	.Vote #Lightbox-anchor {
		overflow: hidden
	}
}

.Vote #Lightbox-anchor.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 99
}

.Vote #Lightbox-anchor.active #lightbox-container {
	display: block;
	opacity: 1;

}

.Vote #Lightbox-anchor #lightbox-container {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	z-index: 5;
	width: auto;
	height: auto;
	opacity: 0;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
	display: block;
	/* height: 90%; */
}

.Vote #Lightbox-anchor #lightbox-container #lightbox-content {
	height: 100%;
	padding: 0;
	color: #fff;
	text-align: center;
	/* background: url(https://hearthstone.nosdn.127.net/3/minisite/rastakhans-rumble/vote/bg_dark.png) top no-repeat; */
	background-size: cover
}

@media only screen and (min-width:60em) {
	.Vote #Lightbox-anchor #lightbox-container #lightbox-content {
		padding: 25px 45px
	}	
	.Vote #Lightbox-anchor #lightbox-container {
		height: auto;
		width: 320px;
	}
}

.Vote #Lightbox-anchor #lightbox-container #lightbox-content .ConfirmImage {
	position: relative;
	margin-bottom: 20px;
	display: inline-block
}

.Vote #Lightbox-anchor #lightbox-container #lightbox-content .ConfirmImage:after {
	content: "";
	background: url(https://hearthstone.nosdn.127.net/3/minisite/rastakhans-rumble/vote/loa_hover_selected.png) top no-repeat;
	position: absolute;
	top: -81px;
	left: -90px;
	width: 421px;
	height: 481px;
	z-index: 3;
	opacity: 1;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	pointer-events: none
}
.Vote #Lightbox-anchor #lightbox-container #lightbox-content .ConfirmImage .photo{
	width: 236px;
	height: 288px;
	position: relative;
}
.Vote #Lightbox-anchor #lightbox-container #lightbox-content .ConfirmImage .photo img {
	width: 194px;
    position: relative;
    top: 19px;
    background: #fff;
}
.Vote #Lightbox-anchor #lightbox-container #lightbox-content .ConfirmImage .photo:before{
   content: "";
   display: block;
   width: 196px;
   height: 176px;
   position: absolute;
   top: 19px;
   left: 19px;
   z-index: 2;
   box-shadow: 0 0 20px rgba(0,0,0,0.6) inset;
}
.Vote #Lightbox-anchor #lightbox-container #lightbox-content .ConfirmImage .photo:after{
   content: "";
   display: block;
   position: absolute;
   width: 236px;
   height: 288px;
   background: url("https://hearthstone.nosdn.127.net/3/minisite/player/hct-world-championship-2019/border.png") no-repeat 0 0;
   left: 0;
   top: 0;
}
.Vote #Lightbox-anchor #lightbox-container #lightbox-content h3, .Vote #Lightbox-anchor #lightbox-container #lightbox-content p {
	text-shadow: -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, 0 -1px 0 #000, 0 0 0 #000, 0 1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000;
	max-width: 300px;
	margin-bottom: 0.5em;
}

.Vote #Lightbox-anchor #lightbox-container #lightbox-content h3 {
	color: #fff;
	margin: 5px 0 30px;	
}

.Vote #Lightbox-anchor #lightbox-container #lightbox-content #lightbox-competitorName {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 5.5% auto 0;
	left: 0;
	right: 0;
	width: 65%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center
}

.Vote #Lightbox-anchor #lightbox-container #lightbox-content #lightbox-competitorName p {
	color: #fff;
	margin: 0;
	text-shadow: -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, 0 -1px 0 #000, 0 0 0 #000, 0 1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000;
	white-space: nowrap;
	height: 100%
}

.Vote #Lightbox-anchor #lightbox-container #lightbox-content .lightboxImage {
	width: 250px;
	max-width: 250px
}

.Vote #Lightbox-anchor .hiddenInput {
	opacity: 0;
	visibility: hidden
}

.Vote #lb-border-bottom, .Vote #lb-border-top {
	width: 100%
}

.Vote #lb-border-left, .Vote #lb-border-right {
	height: 100%
}
#hsoa-link,#app,#weibo,#gotop{
	display: none!important;
}

.SelectedView-Text{
    color: #614326;
    display: none;
}
.SelectedView-Text h3{
	color: #614326;	
}
@media only screen and (min-width:60em) {
	.SelectedView-Text{
	    position: absolute;
	    display: none;
	    top: 45px;
	    left: 385px;
	}
	.Vote #Lightbox-anchor #lightbox-container #lightbox-content p{
		margin-bottom: 1.5em;
	}	
}

.NotLoggedIn{
	display: none;
}

.MediaBoxVideo{
	width: 18em;
}
.lightbox-video{
	padding: 1.2em;
}

@media only screen and (min-width:60em) {
	.MediaBoxVideo{
		width: 960px;
	}
	.Lightbox-anchor-video #lightbox-container{
		width: 960px!important;
	}
}