@charset "UTF-8";

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
}



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

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

	to {
		top: 0;
		opacity: 1
	}

}

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

	to {
		top: 0;
		opacity: 1
	}

}

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

	to {
		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;
	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
}

body {
	font-size: 16px
}

.Bracket .PageDivider .cards, .Vote .PageDivider .cards {
	content: "";
	position: absolute;
	margin: auto;
	width: 100%;
	height: 46px;
	background: transparent;
	background-size: cover;
	left: 0;
	top: -13px;
	z-index: 7;
	pointer-events: none
}

.Bracket .cyc, .Vote .cyc {
	text-align: center
}

.Bracket .cyc .page-divider, .Vote .cyc .page-divider {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-background-top-9da025a83c7db60699e626dfdf475bf6e737f80bf971b59acb7118711915d6c0febc033ce1d047d0ef96e1fdcf5b314cc261a2ebd08a8c66442dec8c6e3f1edb.png) bottom no-repeat;
	content: "";
	display: inline-block;
	height: 68px;
	position: absolute;
	width: 200%;
	left: -52%;
	bottom: 0;
	z-index: 10;
	margin: 0
}

@media only screen and (min-width:60em) {
	.Bracket .cyc, .Vote .cyc {
		padding: 0 15px;
		text-align: left
	}

}

.Bracket .cyc .login-btn, .Vote .cyc .login-btn {
	text-align: center;
	margin: 60px 0 20px
}

.Bracket .cyc_listing-container, .Vote .cyc_listing-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
	margin: 40px auto 0
}

@media only screen and (min-width:30em) {
	.Bracket .cyc_listing-container, .Vote .cyc_listing-container {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

}

@media only screen and (min-width:40em) {
	.Bracket .cyc_listing-container, .Vote .cyc_listing-container {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: auto;
		min-height: 610px
	}

}

@media only screen and (min-width:60em) {
	.Bracket .cyc_listing-container, .Vote .cyc_listing-container {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: auto
	}

}

@media only screen and (min-width:40em) {
	.Bracket .cyc_listing-container #Lightbox-anchor, .Vote .cyc_listing-container #Lightbox-anchor {
		position: absolute;
		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;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
		min-height: 300px
	}

	.Bracket .cyc_listing-container #Lightbox-anchor #lightbox-container, .Vote .cyc_listing-container #Lightbox-anchor #lightbox-container {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

}

.cyc_listing-disabled-overlay+.Bracket .cyc_listing-container, .cyc_listing-disabled-overlay+.Vote .cyc_listing-container {
	height: 550px
}

@media only screen and (min-width:40em) {
	.cyc_listing-disabled-overlay+.Bracket .cyc_listing-container, .cyc_listing-disabled-overlay+.Vote .cyc_listing-container {
		height: auto
	}

}

.Bracket .cyc_listing-container .cyc_item, .Vote .cyc_listing-container .cyc_item {
	-webkit-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
	width: 112.5px;
	height: 137px;
	display: inline-block;
	cursor: pointer
}

@media only screen and (min-width:40em) {
	.Bracket .cyc_listing-container .cyc_item, .Vote .cyc_listing-container .cyc_item {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		width: 225px;
		height: 274px
	}

}

.Bracket .cyc_listing-container .cyc_item .cyc_winner-box-name, .Vote .cyc_listing-container .cyc_item .cyc_winner-box-name {
	font-size: 20px
}

@media only screen and (min-width:40em) {
	.Bracket .cyc_listing-container .cyc_item .cyc_winner-box-name, .Vote .cyc_listing-container .cyc_item .cyc_winner-box-name {
		font-size: 16px
	}

}

.Bracket .cyc_header, .Vote .cyc_header {
	min-height: 385px
}

.Bracket .cyc_header .cyc_header-cols:after, .Vote .cyc_header .cyc_header-cols:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/brackets/top-image-e2a6f5b1bbcd74a6bd999683f0ada9eae2dd64e37eb4f17a99e559a4b863591738a55bcb06af4a9f55c54a0ebd84b5eb82009918bed34435390343566ec4cd8c.png) top no-repeat;
	width: 200%;
	left: -52%;
	min-height: 285px;
	opacity: .5
}

@media only screen and (min-width:60em) {
	.Bracket .cyc_header, .Vote .cyc_header {
		margin-left: 100px
	}

	.Bracket .cyc_header .cyc_header-cols, .Vote .cyc_header .cyc_header-cols {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}

}

.Bracket .cyc_header .login-btn, .Vote .cyc_header .login-btn {
	margin-top: 2em
}

.Bracket .cyc_header .page-divider, .Vote .cyc_header .page-divider {
	position: absolute
}

.Bracket .cyc_header-content, .Vote .cyc_header-content {
	padding-bottom: 4em
}

@media only screen and (min-width:60em) {
	.Bracket .cyc_header-content, .Vote .cyc_header-content {
		width: 65%;
		max-width: 650px
	}

}

.Bracket .cyc_header-image, .Vote .cyc_header-image {
	height: 331px;
	position: relative
}

.Bracket .cyc_header-image:after, .Vote .cyc_header-image:after {
	content: "";
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/brackets/logo-winter-final-c7eac5665e31ff695b2d6606582fe718b51c52c754b39ce419753c09de8561719d78d9b6dc10f230147c8acb78d19c44f50c916777a743570055ae7f1c25bc0c.png) 50% no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	margin: 0 auto -2em;
	width: 351px;
	height: 331px;
	z-index: 1;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

@media only screen and (min-width:60em) {
	.Bracket .cyc_header-image:after, .Vote .cyc_header-image:after {
		float: right;
		position: relative;
		width: 318px;
		height: 316px;
		margin: -1em 1em 0 5em
	}

}

.Bracket .cyc_header-image.cyc_header-image--tcs-hearthstone-national-championships-2017:after, .Vote .cyc_header-image.cyc_header-image--tcs-hearthstone-national-championships-2017:after {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/brackets/logo-tcs-championships-f2474e43047fc705a1965ab33c90754aa11ed9e8826d822c392dc5c250cf95bfff80d4436b41d888a8aa625dddfd8f7efedf618c47e8e30fe50b29f4e254a529.png) 50% no-repeat;
	width: 250px
}

.Bracket .cyc_header-image.cyc_header-image--hct-spring-championship-2017:after, .Vote .cyc_header-image.cyc_header-image--hct-spring-championship-2017:after {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/brackets/logo-spring-championship-d1539d2cea92dc364bf1a889489c15404236c9d2561165098866cc5965179f6c2448d9f297f6213cfe4a03e20930e82b4417c3f58e7aa36544c52d7eb8fd91cb.png) 50% no-repeat
}

.Bracket .cyc_header-image.cyc_header-image--hct-summer-championship-2017:after, .Vote .cyc_header-image.cyc_header-image--hct-summer-championship-2017:after {
	background: url(images/esports/brackets/hct-summer-championship-2017-logo.png) 50% no-repeat;
	background-size: cover
}

.Bracket .cyc_header-image.cyc_header-image--hgg-finals-2017:after, .Vote .cyc_header-image.cyc_header-image--hgg-finals-2017:after {
	background: url(images/esports/global-games/globalGames-2905cf1d0e4f1aaea4d8891bab0ae9bf59cd10b85af882e89940fc60add9630999d3d360d41aee28d175db9928b1f7156c7171df805207b1360199a0f9b02291.png) 50% no-repeat;
	background-size: contain
}

.Bracket .cyc_header-image.cyc_header-image--hct-summer-championship-2018:after, .Vote .cyc_header-image.cyc_header-image--hct-summer-championship-2018:after {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/hct/logo-summer-final-9d1b47407a9995552ba167c0be15d4d85c2d9c863fabe2798acd1d113621280bd71609c56a1b536a79e4b99a182d5dfef39918b20012d1af4163ccdfbb2b5232.png) 50% no-repeat
}

.Bracket .cyc_header:after, .Vote .cyc_header:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/brackets/top-image-e2a6f5b1bbcd74a6bd999683f0ada9eae2dd64e37eb4f17a99e559a4b863591738a55bcb06af4a9f55c54a0ebd84b5eb82009918bed34435390343566ec4cd8c.png) top no-repeat;
	width: 200%;
	left: -52%;
	min-height: 285px
}

.Bracket .max-width-800, .Vote .max-width-800 {
	max-width: 800px
}

.Bracket .centered-block, .Vote .centered-block {
	margin: 0 auto
}

.Bracket .inline-block, .Vote .inline-block {
	display: inline-block
}

.Bracket .cyc_key-art, .Vote .cyc_key-art {
	width: 120%;
	margin-left: -11%;
	padding: 2em 0
}

@media only screen and (min-width:72.5em) {
	.Bracket .cyc_key-art, .Vote .cyc_key-art {
		padding: 5em 0 3em
	}

}

.Bracket .cyc_key-art:after, .Vote .cyc_key-art:after {
	content: "";
	position: relative;
	display: inline-block;
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/brackets/how-it-works-art-cropped-705e9a7837c9a43a9991da8c18dfc34b08727deb7ee4ca87bb7ad2113434d88e2b22e5bc6ef5c2c70e5a1d80af2bf8216b37f34ebf5c76107a941ec0a524dbcd.jpg) 50% no-repeat;
	background-size: cover;
	width: 100%;
	left: 0;
	padding-bottom: 55%
}

@media only screen and (min-width:72.5em) {
	.Bracket .cyc_key-art:after, .Vote .cyc_key-art:after {
		background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/brackets/how-it-works-art-expanded-7ca777e9b4f0fab4afd5e350c7741d12dd6b1fe62f35b5bfcddf1e3742fc62acc48e2f8214ada409c9c99dba1865cc28389ee6cb1b9031a6e05e91e33ce2f491.png) 50% no-repeat;
		left: -50%;
		padding-bottom: 0;
		height: 842px;
		width: 200%;
		margin: -80px 0
	}

}

.Bracket .cyc_how-it-works, .Vote .cyc_how-it-works {
	width: 100%;
	padding-bottom: 3em
}

.Bracket .how-it-works-bullet, .Vote .how-it-works-bullet {
	max-width: 500px;
	margin: 0 auto 2em
}

.Bracket .how-it-works-bullet:last-child, .Vote .how-it-works-bullet:last-child {
	margin-bottom: 0
}

@media only screen and (min-width:60em) {
	.Bracket .how-it-works-bullet, .Vote .how-it-works-bullet {
		float: left;
		width: 33%;
		margin-bottom: 0
	}

}

.Bracket .how-it-works-image, .Vote .how-it-works-image {
	display: inline-block;
	width: 99px;
	height: 103px
}

.Bracket .how-it-works-title, .Vote .how-it-works-title {
	color: #03345f;
	font-size: 22px;
	font-weight: 700;
	margin-top: .5em
}

.Bracket .how-it-works-body, .Vote .how-it-works-body {
	font-size: 1em;
	padding: 0 2em;
	font-weight: 700
}

.Bracket .cyc_how-it-works-wrapper, .Vote .cyc_how-it-works-wrapper {
	position: relative;
	z-index: 15
}

.Bracket .cyc_rewards:before, .Vote .cyc_rewards:before {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-background-top-9da025a83c7db60699e626dfdf475bf6e737f80bf971b59acb7118711915d6c0febc033ce1d047d0ef96e1fdcf5b314cc261a2ebd08a8c66442dec8c6e3f1edb.png) top no-repeat;
	position: absolute;
	content: "";
	display: block;
	width: 200%;
	height: 70px;
	left: -52%;
	top: 0
}

.Bracket .cyc_rewards, .Vote .cyc_rewards {
	position: relative;
	min-height: 330px;
	padding-top: 5em
}

.Bracket .cyc_rewards .cyc_footer, .Vote .cyc_rewards .cyc_footer {
	margin-top: .75em;
	font-size: 11px
}

@media only screen and (min-width:60em) {
	.Bracket .cyc_rewards, .Vote .cyc_rewards {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.Bracket .cyc_rewards .CYC-body, .Vote .cyc_rewards .CYC-body {
		max-width: 600px
	}

}

.Bracket .cyc_rewards-content, .Vote .cyc_rewards-content {
	padding-bottom: 4em;
	margin-right: 1em
}

.Bracket .cyc_rewards-image, .Vote .cyc_rewards-image {
	display: block;
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/brackets/gadgetzan-packs-6f6f8c32328a3575fe5690e2782ae9dba8f05e8e91625521d7616764e694c872ab67b31cf61d9cfd30510097309a9d992d3eac1cff1665f7571aace04adbfdcd.png) 50% no-repeat;
	background-size: contain;
	width: 100%;
	height: 177px;
	margin: 0 auto 3em
}

@media only screen and (min-width:40em) {
	.Bracket .cyc_rewards-image, .Vote .cyc_rewards-image {
		height: 287px
	}

}

@media only screen and (min-width:60em) {
	.Bracket .cyc_rewards-image, .Vote .cyc_rewards-image {
		width: 468px;
		margin: 2em 0 3em auto
	}

}

.Bracket .cyc_rewards-image.cyc_rewards-image--hct-summer-championship-2017, .Bracket .cyc_rewards-image.cyc_rewards-image--hgg-finals-2017, .Vote .cyc_rewards-image.cyc_rewards-image--hct-summer-championship-2017, .Vote .cyc_rewards-image.cyc_rewards-image--hgg-finals-2017 {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/brackets/koft-packs-309c7a7d064d38247ce7ffb1a0ab5c00d0f75a1b1214bbb46688eb02b3e3a11f6e01563b5adadb1f083059b3386ed75a292781f4193d39b52b5daa66303dcfbc.png) 50% no-repeat;
	background-size: contain
}

.Bracket .cyc_rewards-image.cyc_rewards-image--hct-spring-championship-2017, .Vote .cyc_rewards-image.cyc_rewards-image--hct-spring-championship-2017 {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/brackets/ungoro-packs-fe5bbe7618364854211753858d81061f8c24cbf585842ea7c003a9fe883edbf0b594e7daf5cab1f1531eea3835aee14280e6d60b6812fbc2b00babeceecbc9e3.png) 50% no-repeat;
	background-size: contain
}

.Bracket .cyc_rewards-image.cyc_rewards-image--hct-summer-championship-2018, .Vote .cyc_rewards-image.cyc_rewards-image--hct-summer-championship-2018 {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/hct/packs-witchwood-274bd12b9c8c99fa99635c88489aec58196d04e75fed9c4bc4efe1ff12d53cc158278135c538a3588ca81aaddc873192b38bf0c66e4636d569d1921673c3171c.png) 50% no-repeat;
	background-size: contain
}

.Bracket .cyc_select-champion, .Vote .cyc_select-champion {
	padding-top: 20px
}

.Bracket .bracket .cyc .cyc_selected-champion, .Vote .bracket .cyc .cyc_selected-champion {
	margin-top: -36px;
	margin-bottom: 100px
}

.Bracket .bracket .cyc .cyc_selected-champion:before, .Vote .bracket .cyc .cyc_selected-champion:before {
	opacity: 0
}

@media only screen and (min-width:60em) {
	.Bracket .bracket .cyc .cyc_selected-champion, .Vote .bracket .cyc .cyc_selected-champion {
		margin-top: -48px;
		margin-bottom: -100px
	}

	.Bracket .bracket .cyc .cyc_selected-champion:before, .Vote .bracket .cyc .cyc_selected-champion:before {
		opacity: 1
	}

	.Bracket .bracket .cyc .cyc_selected-champion .cyc_item, .Vote .bracket .cyc .cyc_selected-champion .cyc_item {
		top: 185px
	}

	.Bracket .bracket .cyc .cyc_selected-champion .cyc_selected-text-wrapper, .Vote .bracket .cyc .cyc_selected-champion .cyc_selected-text-wrapper {
		top: 20%
	}

}

.Bracket .cyc_header-text-wrapper:after, .Vote .cyc_header-text-wrapper:after {
	bottom: 0
}

.Bracket .CYC-button, .Vote .CYC-button {
	position: relative;
	margin: 30px 0
}

.Bracket .text-shadow, .Vote .text-shadow {
	text-shadow: 0 2px 5px #f5e1b3
}

.Bracket .cyc_listing-disabled-modal-body, .Bracket .cyc_listing-disabled-modal-header, .Bracket .cyc_listing-ended-modal-body, .Bracket .cyc_listing-ended-modal-header, .Bracket .cyc_timer-number, .Bracket .cyc_timer-units, .Vote .cyc_listing-disabled-modal-body, .Vote .cyc_listing-disabled-modal-header, .Vote .cyc_listing-ended-modal-body, .Vote .cyc_listing-ended-modal-header, .Vote .cyc_timer-number, .Vote .cyc_timer-units {
	text-shadow: 0 2px 5px #000
}

.Bracket .cyc_listing-disabled-modal-footer, .Bracket .cyc_listing-ended-modal-footer, .Vote .cyc_listing-disabled-modal-footer, .Vote .cyc_listing-ended-modal-footer {
	color: #696766
}

.Bracket .cyc_timer-number, .Vote .cyc_timer-number {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/brackets/countdown-circle-bbc7e6ee600a53756a29de39692a90f5928bc39590303fa062682cfdcf5a42f2149c67d97572c80895d7d6346e6b885ef4a7eb70f0f651892a0b540dd775a75c.png) 50% no-repeat;
	width: 60px;
	height: 57px;
	text-align: center;
	font-size: 2em;
	display: inline-block;
	line-height: 57px;
	color: #ffd296
}

.Bracket .cyc_timer-separator, .Vote .cyc_timer-separator {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/brackets/dots-bdd22273ec85fd1096af0d324e143794f9a3b8c8a530833e456ffcdb1343249a61d98719d6fe5427dd8353093efdaa7ce47d4ff0a2e51b2f45e3bfd1aecadf1b.png) 50% no-repeat;
	width: 12px;
	height: 28px;
	display: inline-block;
	margin: -4px 4px
}

.Bracket .cyc_timer-units, .Vote .cyc_timer-units {
	display: inline-block;
	position: absolute;
	top: 65px;
	left: 0;
	width: 60px;
	text-align: center
}

.Bracket .cyc_timer-number-wrapper, .Vote .cyc_timer-number-wrapper {
	position: relative;
	display: inline-block
}

.Bracket .cyc_timer-seconds, .Vote .cyc_timer-seconds {
	display: none
}

@media only screen and (min-width:30em) {
	.Bracket .cyc_timer-seconds, .Vote .cyc_timer-seconds {
		display: inline-block
	}

}

.Bracket .cyc_timer-minutes, .Vote .cyc_timer-minutes {
	display: none
}

@media only screen and (min-width:30em) {
	.Bracket .cyc_timer-minutes, .Vote .cyc_timer-minutes {
		display: inline-block
	}

}

.Bracket .cyc_listing-disabled-modal, .Vote .cyc_listing-disabled-modal {
	text-align: center;
	color: #fff;
	position: relative;
	max-width: 387px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/brackets/infor-bg-6cfca9b24e1937374ad842ac490e5553e2dd01b4dcf73a08398949ba11fc433e6b9178987018e84cfbaa14371f7bacd6ef3918eeec1b125c71db3906c9dbfe1a.jpg) 0 0 no-repeat;
	max-height: 100%
}

@media only screen and (min-width:60em) {
	.Bracket .cyc_listing-disabled-modal, .Vote .cyc_listing-disabled-modal {
		-webkit-transform: translateY(36%);
		-ms-transform: translateY(36%);
		transform: translateY(36%)
	}

}

@media only screen and (min-width:72.5em) {
	.Bracket .cyc_listing-disabled-modal, .Vote .cyc_listing-disabled-modal {
		-webkit-transform: translateY(70%);
		-ms-transform: translateY(70%);
		transform: translateY(70%)
	}

}

.Bracket .cyc_listing-disabled-modal #lightbox-content, .Bracket .cyc_listing-disabled-modal #lightbox-content_bracket, .Vote .cyc_listing-disabled-modal #lightbox-content, .Vote .cyc_listing-disabled-modal #lightbox-content_bracket {
	margin: 0 auto;
	width: 100%;
	padding: 30px 5px 0
}

.Bracket .cyc_listing-disabled-modal .cyc_listing-disabled-modal-body, .Vote .cyc_listing-disabled-modal .cyc_listing-disabled-modal-body {
	position: relative;
	top: 90px;
	display: inline-block
}

.Bracket .cyc_listing-disabled-modal .cyc_listing-disabled-modal-body div:not(:last-child), .Vote .cyc_listing-disabled-modal .cyc_listing-disabled-modal-body div:not(:last-child) {
	margin-bottom: 1em
}

.Bracket .cyc_listing-disabled-modal .cyc_listing-disabled-modal-footer, .Vote .cyc_listing-disabled-modal .cyc_listing-disabled-modal-footer {
	position: relative;
	top: 145px
}

@media only screen and (min-width:30em) {
	.Bracket .cyc_listing-disabled-modal .cyc_listing-disabled-modal-footer, .Vote .cyc_listing-disabled-modal .cyc_listing-disabled-modal-footer {
		top: 175px
	}

}

.Bracket .cyc_listing-disabled-modal .cyc_listing-disabled-modal-timer, .Vote .cyc_listing-disabled-modal .cyc_listing-disabled-modal-timer {
	position: relative;
	margin-top: 30px;
	padding-bottom: 60px;
	width: 100%
}

.Bracket .cyc_listing-disabled-modal .cyc_listing-disabled-modal-button, .Vote .cyc_listing-disabled-modal .cyc_listing-disabled-modal-button {
	position: absolute;
	bottom: 25px;
	display: inline-block;
	left: 0;
	right: 0
}

.Bracket .cyc_listing-disabled-modal .cyc_listing-disabled-modal-bottom, .Vote .cyc_listing-disabled-modal .cyc_listing-disabled-modal-bottom {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/brackets/infor-bottom-bg-6ed80c977d0cd7c9943fb5a9dcd80b614f40f5387789ba5504df9c23e50ac9befc46f67d11cbd760f4013f3e17e4f0b9017856695426e22e0cfd459c139038ff.png) 0 0 no-repeat;
	width: 100%;
	height: 150px;
	position: absolute;
	bottom: 0;
	background-size: cover
}

.Bracket .cyc_listing-disabled-modal .cyc_listing-ended-modal-header, .Vote .cyc_listing-disabled-modal .cyc_listing-ended-modal-header {
	padding: 0 15px
}

.Bracket .cyc_listing-disabled-modal .cyc_listing-ended-modal-body, .Vote .cyc_listing-disabled-modal .cyc_listing-ended-modal-body {
	margin-top: 50px;
	margin-bottom: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 15px
}

.Bracket .cyc_listing-disabled-modal .cyc_listing-ended-modal-body div, .Vote .cyc_listing-disabled-modal .cyc_listing-ended-modal-body div {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}

.Bracket .cyc_listing-disabled-modal .cyc_listing-ended-modal-body div:not(:last-child), .Vote .cyc_listing-disabled-modal .cyc_listing-ended-modal-body div:not(:last-child) {
	margin-bottom: 1em
}

.Bracket .cyc_listing-disabled-modal .cyc_listing-ended-modal-footer, .Vote .cyc_listing-disabled-modal .cyc_listing-ended-modal-footer {
	position: relative;
	top: 145px
}

@media only screen and (min-width:30em) {
	.Bracket .cyc_listing-disabled-modal .cyc_listing-ended-modal-footer, .Vote .cyc_listing-disabled-modal .cyc_listing-ended-modal-footer {
		top: 175px
	}

}

.Bracket .cyc_listing-disabled-modal .cyc_listing-ended-modal-button, .Vote .cyc_listing-disabled-modal .cyc_listing-ended-modal-button {
	display: inline-block;
	margin: 50px 10px -5px
}

.Bracket .cyc_listing-disabled-modal .cyc_listing-ended-modal-button .ui-button, .Vote .cyc_listing-disabled-modal .cyc_listing-ended-modal-button .ui-button {
	white-space: normal
}

.Bracket .cyc_listing-modal--disabled #lightbox-container.cyc_listing-disabled-modal #lb-border-left, .Bracket .cyc_listing-modal--disabled #lightbox-container.cyc_listing-disabled-modal #lb-border-right, .Bracket .cyc_listing-modal--ended #lightbox-container.cyc_listing-disabled-modal #lb-border-left, .Bracket .cyc_listing-modal--ended #lightbox-container.cyc_listing-disabled-modal #lb-border-right, .Bracket .cyc_listing-modal--ended #lightbox-container_bracket.cyc_listing-disabled-modal #lb-border-left, .Bracket .cyc_listing-modal--ended #lightbox-container_bracket.cyc_listing-disabled-modal #lb-border-right, .Vote .cyc_listing-modal--disabled #lightbox-container.cyc_listing-disabled-modal #lb-border-left, .Vote .cyc_listing-modal--disabled #lightbox-container.cyc_listing-disabled-modal #lb-border-right, .Vote .cyc_listing-modal--ended #lightbox-container.cyc_listing-disabled-modal #lb-border-left, .Vote .cyc_listing-modal--ended #lightbox-container.cyc_listing-disabled-modal #lb-border-right, .Vote .cyc_listing-modal--ended #lightbox-container_bracket.cyc_listing-disabled-modal #lb-border-left, .Vote .cyc_listing-modal--ended #lightbox-container_bracket.cyc_listing-disabled-modal #lb-border-right {
	height: 100%
}

.Bracket .HowItWorks, .Vote .HowItWorks {
	text-align: center;
	margin-bottom: 50px
}

.Bracket .HowItWorks h2, .Vote .HowItWorks h2 {
	color: #614326
}

.Bracket .InfoPods, .Vote .InfoPods {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-bottom: 50px
}

@media only screen and (max-width:47.9375em) {
	.Bracket .InfoPods, .Vote .InfoPods {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		display: block
	}

}

.Bracket .InfoPods .InfoPod, .Vote .InfoPods .InfoPod {
	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-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 2.5%;
	text-align: center;
	word-break: break-word;
	margin-top: 15px
}

@media only screen and (max-width:47.9375em) {
	.Bracket .InfoPods .InfoPod, .Vote .InfoPods .InfoPod {
		width: 100%;
		margin-top: 0
	}

}

.Bracket .InfoPods .InfoPod h4, .Vote .InfoPods .InfoPod h4 {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #614326
}

.Bracket .InfoPods .InfoPod p, .Vote .InfoPods .InfoPod p {
	width: 100%
}

.Bracket .InfoPods .InfoPod img, .Vote .InfoPods .InfoPod img {
	max-width: 240px;
	width: 100%
}

.Bracket .Dwarf, .Vote .Dwarf {
	display: none
}

@media only screen and (min-width:60em) {
	.Bracket .Dwarf, .Vote .Dwarf {
		display: block
	}

}

.Bracket .Dwarf img, .Vote .Dwarf img {
	display: none;
	position: absolute;
	left: -85%;
	top: 140px;
	right: 0;
	margin: auto
}

@media only screen and (min-width:60em) {
	.Bracket .Dwarf img, .Vote .Dwarf img {
		display: block
	}

}

@media only screen and (min-width:72.5em) {
	.Bracket .Dwarf img, .Vote .Dwarf img {
		left: -75%
	}

}

@media only screen and (min-width:80em) {
	.Bracket .Dwarf img, .Vote .Dwarf img {
		left: -65%
	}

}

.Bracket .Cards, .Vote .Cards {
	width: 100%;
	height: 924px;
	z-index: 9;
	position: absolute;
	pointer-events: none;
	-webkit-transform: translateY(-700px);
	-ms-transform: translateY(-700px);
	transform: translateY(-700px)
}

.Bracket .Cards .Card, .Vote .Cards .Card {
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out
}

.Bracket .Cards--slow img, .Vote .Cards--slow img {
	position: absolute;
	right: 0;
	margin: auto;
	bottom: 200px;
	left: 0
}

.Bracket .Cards--medium img, .Vote .Cards--medium img {
	position: absolute;
	bottom: 210px;
	left: 5px;
	display: none
}

@media only screen and (min-width:80em) {
	.Bracket .Cards--medium img, .Vote .Cards--medium img {
		display: block
	}

}

.Bracket .Cards--fast img, .Vote .Cards--fast img {
	position: absolute;
	bottom: 15px;
	right: -100px;
	display: none
}

@media only screen and (min-width:80em) {
	.Bracket .Cards--fast img, .Vote .Cards--fast img {
		display: block
	}

}

.Bracket .Cyc-Hero, .Vote .Cyc-Hero {
	padding-top: 0;
	padding-bottom: 0;
	color: #fff;
	text-align: center;
	position: relative;
	background: #000 url(images/bg-temp.jpg) top no-repeat;
	background-size: cover
}

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

}

.Bracket .Cyc-Hero .Background, .Vote .Cyc-Hero .Background {
	background: #000 url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/cyc/CYC_2018_ImageAssetsheader_BG-f8673abfdd2e081e30b4578a32f0e8d6d6982c8d70e51769477522fbb8d71eee882d841d0af4a470f8bf344fafb5d5fef7b10b1c994c37e5ba198f41fe7ed0c1.jpg) top no-repeat;
	background-size: cover
}

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

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

}

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

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

}

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

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

}

.Bracket .Cyc-Hero .hero-text, .Vote .Cyc-Hero .hero-text {
	color: #fff;
	position: relative;
	z-index: 6;
	padding-left: 25px;
	padding-right: 25px;
	max-width: 650px;
	text-align: center;
	margin: -5px auto 2em;
	top: -50px
}

@media only screen and (min-width:60em) {
	.Bracket .Cyc-Hero .hero-text, .Vote .Cyc-Hero .hero-text {
		margin-bottom: 35px;
		padding-left: 0;
		padding-right: 0
	}

}

.Bracket .Cyc-Hero .hero-text h1, .Bracket .Cyc-Hero .hero-text h4, .Vote .Cyc-Hero .hero-text h1, .Vote .Cyc-Hero .hero-text h4 {
	color: #fff;
	margin: .35em 0;
	font-size: 48px;
	line-height: 1.15em
}

.Bracket .Cyc-Hero .hero-text h1, .Vote .Cyc-Hero .hero-text h1 {
	margin-bottom: 0
}

.Bracket .Cyc-Hero .hero-text h4, .Vote .Cyc-Hero .hero-text h4 {
	color: #fff;
	font-size: 17px;
	line-height: 1.5em
}

.Bracket .Cyc-Hero .hero-text .HeroButton, .Vote .Cyc-Hero .hero-text .HeroButton {
	margin-top: 25px
}

.Bracket .CYC-title, .Vote .CYC-title {
	color: #614326;
	margin-top: 40px
}

.Bracket .cyc_fine-print, .Vote .cyc_fine-print {
	position: relative;
	opacity: .5;
	padding: 3.125em 0;
	font-size: 11px
}


/*分享*/
.top-nav {
	width: 1000px;
	margin-left: -414px;
	left: 50%;
	position: absolute;
	z-index: 1000;
	top: 60px;
}

.top-nav p {
	background: url('https://hearthstone.nosdn.127.net/3/minisite/tgt/sprite.png') no-repeat -610px -572px;
	width: 247px;
	height: 51px;
	color: #584734;
	font-size: 0.875rem;
	padding: 9px 0 0 50px;
	position: absolute;
	right: 0;
	top: 5px;
	text-align: left;
}

.top-nav p a {
	color: #584734;
	padding: 0 8px;
	text-shadow: 0.7px 0.7px 0 #d9bd8d;
}

.top-nav p a:hover {
	color: #fff;
	text-decoration: none;
}

.share {
	width: 253px;
	position: absolute;
	right: -18px;
	top: 59px;
}
.share li {
	margin-right: 4px;
	color: #fff;
}

.share li a {
	background: rgba(0, 0, 0, 0) url("https://hearthstone.nosdn.127.net/3/minisite/mobile-hs/sprite2.png") no-repeat scroll -999em -999em;
	height: 25px;
	width: 25px;
}

.share li a.bds_button_tsina {
	background-position: -67px -375px;
}

.share li a.bds_button_tqq {
	background-position: -6px -375px;
}

.share li a.bds_button_tieba {
	background-position: -160px -375px;
}

.share li a.bds_button_qzone {
	background-position: -98px -375px;
}

.share li a.bds_button_yixin {
	background-position: -37px -375px;
}

.share li a.bds_button_weixin {
	background-position: -129px -375px;
}

.share li a.bds_button_tsina:hover {
	background-position: -67px -413px;
}

.share li a.bds_button_tqq:hover {
	background-position: -6px -413px;
}

.share li a.bds_button_tieba:hover {
	background-position: -160px -413px;
}

.share li a.bds_button_qzone:hover {
	background-position: -98px -413px;
}

.share li a.bds_button_yixin:hover {
	background-position: -37px -413px;
}

.share li a.bds_button_weixin:hover {
	background-position: -129px -413px;
}