.perf_timing_area {
	width: 100%;
}

 .pagecontain {
	 overflow-x: hidden;
 }


 a, a:active, a:visited, a:focus {
	 color: #ffffff; !important
 }

@media only screen and (min-width: 70em) { /* 960px */
    .container {
        width: 75%;
		max-width: 90rem;
    }
}

#MobileNav {
	width: 100%;
	background-color: #222222;
	border-bottom: 1px solid #444444;
	box-shadow: 2px 2px 15px #000000;
	z-index: 1000;
	display: none;
	padding: 10px 20px 6px 20px;
	min-height: 56px;
}

#MobileNavLogo {
	margin: 0 auto;
	float: left;
	max-width: 120px;

}

#MobileNavLogo Image {
	max-width: 100px;
}

.logo-mobile {
	max-width: 150px;
	padding-top: 3px;
}

#BackToDota {
	font-size: 12px;
	color: #999999;
	float: right;
	margin-top: 5px;
	text-shadow: none;
	text-decoration: underline;
}

#BacktoDota a:hover {
	color: #999999; !important
}


@media only screen and (max-width: 900px) {
	#navBarBGRepeat {
		display: none;
	}

	#MobileNav {
		display: block;
	}
}


*{
	font-family: 'Noto Sans', sans-serif;
}


.fullwidth {
	width: 100%;
}

.fullwidth-video {
	position: relative;
	top: 0;
	left: 50%;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	transform: translateX(-50%) translateY(0%);
	z-index: 1;
	overflow-x: hidden;
}

.aegis-video {
	max-width: 2000px;
}

.small-video {
	max-width: 1050px;
	box-shadow: 0 12px 36px #000;
}

.justify-text {
	text-align: justify;
}

.fullwidth-content-bottom {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0;
	margin: 0 auto;
	bottom: 0px;
	width: 100%;
	z-index: 300;
}

.fullwidth-content-top {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	margin: 0 auto;
	bottom: 0px;
	width: 100%;
	z-index: 300;
}

.uppercase {
	text-transform: uppercase;
	letter-spacing: 2px;
}

.row {
	z-index: 10;
}

.prize_pool_headline {
	font-size: 80px;
	line-height: 84px;
	font-weight: 700;
	letter-spacing: 6px;
	text-transform: uppercase;
	color: #fff;
	position: relative;
	background: linear-gradient(to bottom, #fff 0%, #fff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
}

.section_headline {
	font-size: 64px;
	line-height: 68px;
	font-weight: bold;
	letter-spacing: 5px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 20px;
	position: relative;
	background: linear-gradient(to bottom, #fff 0%, #fff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.block_headline {
	font-size: 54px;
	line-height: 68px;
	font-weight: 700;
	letter-spacing: 5px;
	text-transform: uppercase;
	color: #F9ECFF;
	position:relative;
	background: linear-gradient(to bottom, #F8E8B9 10%, #fff 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.section_headline:before,
.prize_pool_headline:before,
.block_headline:before {
	content:attr(data-text);
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	text-shadow: 0px 2px 6px #000, 0px 0px 18px #C79123, 0px 0px 60px #C79123;
	z-index:-1;
}

.block_headline-sm {
	font-size: 32px;
	line-height: 38px;
	font-weight: normal;
	text-shadow: 0px 0px 2px rgba(0,0,0,100);
	letter-spacing: 5px;
	text-shadow: 0px 0px 36px #000, 0px 0px 36px #000, 0px 0px 8px #c9a2ff;
	color: #fff;
	text-transform: uppercase;
}

.small_headline {
	font-size: 34px;
	letter-spacing: 2px;
	font-weight: medium;
	line-height: 32px;
}

.body-xs {
	font-size: 14px;
	line-height: 200%;
	max-width: 720px;
	text-shadow: 0px 2px 6px #000,
				 0px 2px 6px #000;
}

.body-ms {
	font-size: 16px;
	line-height: 36px;
	max-width: 840px;
	color: #bbbbbb;
	text-shadow: 0px 2px 6px #000,
				 0px 2px 6px #000;
}

.body-sm {
	font-size: 18px;
	line-height: 36px;
	max-width: 920px;
	color: #ebebeb;
	text-shadow: 0px 2px 6px #000,
				 0px 2px 6px #000;
}

.body-md {
	font-size: 18px;
	line-height: 200%;
	color: #ebebeb;
	max-width: 720px;
	text-shadow: 0px 2px 6px #000,
				 0px 2px 6px #000;
}

.body-lg {
	font-size: 24px;
	line-height: 40px;
	color: #ebebeb;
	text-shadow: 0px 2px 6px #000,
				 0px 2px 6px #000;
}

.label-sm {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: #d8baff;
	text-shadow: 0px 2px 4px #00000050,
				 0px 2px 4px #00000050;
}

.label-ms {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: #d8baff;
	text-shadow: 0px 2px 6px #000,
				 0px 2px 6px #000;
}

.label-xs {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 170%;
	text-transform: uppercase;
	color: #AFC1E0	;
	text-shadow: 0px 2px 6px #000,
}

.label-md {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #E4C269;
	line-height: 125%;
	text-shadow: 0px 2px 2px #000;
}

.label-md-thin {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: #BCCEEA;
	line-height: 200%;
	text-shadow: 0px 2px 6px #000;
}

.spacer-sm {
	margin-top: 20px;
}

.spacer-md {
	margin-top: 50px;
}

.spacer-lg {
	margin-top: 100px;
}

.spacer-xl {
	margin-top: 150px;
}

.spacer-xxl {
	margin-top: 250px;
}

.padding-sm {
	padding: 20px 0px;
}

.padding-md {
	padding: 50px 0px;
}

.padding-lg {
	padding: 100px 0px;
}

.padding-xl {
	padding: 150px 0px;
}

.padding-xxl {
	padding: 250px 0px;
}
	
.video {
	width: 100%;
}

.padding-top-sm {
	padding-top: 20px;
}

.padding-top-md {
	padding-top: 70px;
}

.padding-top-lg {
	padding-top: 100px;
}

.padding-top-xl {
	padding-top: 150px;
}

.padding-bottom-sm {
	padding-bottom: 20px;
}

.padding-bottom-md {
	padding-bottom: 50px;
}

.padding-bottom-lg {
	padding-bottom: 100px;
}

.padding-bottom-xl {
	padding-bottom: 150px;
}

.spacer-bottom-sm {
	margin-bottom: 20px;
}

.spacer-bottom-md {
	margin-bottom: 50px;
}

.spacer-bottom-lg {
	margin-bottom: 100px;
}

.spacer-bottom-xl {
	margin-bottom: 150px;
}

.spacer-bottom-xxl {
	margin-bottom: 250px;
}

.bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.footer-glow {
	height: 150px;
	opacity: 0.5;
}

.limited {
	color: #9862E9;
	font-size: 14px;
	line-height: 200%;
	max-width: 720px;
	padding-bottom: 20px;
}

.empty {
	height: 300px;
}


.slick_arrow {
	z-index: 200;
}

.slick-prev {
	float: left;
	/*position: absolute;*/
	/*left: -30px;*/
	/*top: 35%;*/
	z-index: 1000;
}

.slick-next {
	float: right;
	/*position: absolute;*/
	/*right: -30px;*/
	/*top: 35%;*/
	z-index: 1000;
}

/*.other_features {*/
	/*top: 30%;*/
/*}*/

.river_vials .slick-arrow {
	top: 45%;
}

.seasonal_effects .slick-arrow {
	top: 45%;
}

.consumables .slick-prev {
	left: 0px;
}


.shadow {
	-moz-box-shadow:    inset 0 0 300px #000000;
	-webkit-box-shadow: inset 0 0 300px #000000;
	box-shadow:         inset 0 0 300px #000000;
	width: 100%;
}

#Rule {
	background-image: url("../../../images/international2019/global/gradient_rule.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 2px;
	z-index: 9999;
}

#BpLogo {
	margin-top: 3vw;;
	max-width: 780px;
	z-index: 2;
}

#HeroTop {
	width: 100%;
	background-image: url("../../../images/international2019/hero/hero_bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	background-color: #020006;
	overflow: hidden;

}

#HeroTop .empty {
	top: 0;
	height: 45vw;
}

#HeroAegis {
	/*width: 150%;*/
	/*height: auto;*/
	/*z-index: 100;*/
	/*position: absolute;*/
	/*overflow: hidden;*/
	/*left: -25%;*/
	/*!*top: -25%;*!*/
	/*top: -100px;*/
	/*transform: translate(0, 0);*/

	width: 100%;
	height: auto;
	z-index: 100;
	position: absolute;
	overflow: hidden;
	top: 0px;
	transform: translate(0, 0);

	z-index: 1;
	opacity: 0;
	animation: 1s ease-out fadeInVideo;
	animation-fill-mode: forwards;
	animation-delay: 0.5s;
}


@keyframes fadeInVideo {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.aegis_hero_fg {
	position: absolute;
	top: 180px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	max-width: 1050px;
}


#PrizePool
{
	height: 100%;
	z-index: 3;
}

.prize-pool-desc {
	max-width: 780px;
	line-height: 220%;
}

#BuyBlock {
	position: relative;
	z-index: 100;
	/*max-width: 1050px;*/
	/*background-image: url("https://cdn.cloudflare.steamstatic.com/apps/dota2/../../../images/international2019/hero/buy_bg_fade.png");*/
	/*background-size: 100%;*/
	/*background-position: 100% 80%;*/
	/*background-repeat: no-repeat;*/
}

.BP-logo-sm {
	max-width: 250px;
	margin-top: 10px;
}

.sparkles {
	width: 300px;
	top: 105px;
	right: -95px;
	position: absolute;
	z-index: 1;
	pointer-events: none;
}

.sparkles-left {
	width: 300px;
	top: 65px;
	left: -95px;
	position: absolute;
	z-index: 1;
	pointer-events: none;
}


#PurchaseBlock {
	background-image: url("../../../images/international2019/hero/buyblock_bg2.png");
	background-size: cover;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

#BattlePassBuyButtons {
	margin-bottom: 10px;
}

.buy-contain {
	display: table;
	height: 100%;
}

#BuyButton {
	padding: 20px;
	width: 31%;
	float: left;
	display: table-cell;
}

#BuyButtonFull {
    padding: 20px;
    width: 100%;
    display: table-cell;
}

#BuyButtonText {

}

.BattlePassButton {
	width: 100%;
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-shadow: 1px 1px #000000;
	cursor: pointer;
	margin-top: 20px;
	display: block;
	box-shadow: 0px 4px 8px #00000020;
}

.custom-desc {
	font-size: 24px;
	line-height: 200%;
	color: #F9ECFF;
	margin-bottom: 15px;
	text-shadow: 0px 0px 10px #7836d6, 0px 2px 3px #000000;
	max-width: 960px;
	letter-spacing: 1px;
}

.buy_button {
	padding: 12px 20px;
	background: -webkit-linear-gradient(top, #7836D6, #552F9A);
	background: linear-gradient(top, #7836D6, #552F9A);
	border-top: 1px solid #B685F7;
	width: 100%;
	max-width: 350px;
	font-size: 18px;
	margin-top: 30px;
	font-weight: 600;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: 2px 0px 8px 10 rgb(0, 54, 54);
	box-shadow: 2px 2px 10px #000000;
	text-align: center;
	margin-top: 20px;
	opacity: 1;
	border-radius: 3px;
	margin: 0 auto;
	position: inline-block;
	cursor: pointer;

	transition-duration: .2s;
	transition-timing-function: ease-in-out;
}

.buy_button:hover {
	color: #ffffff;
	text-shadow: 0px 0px 10px #d8baff,  0px 0px 10px #d8baff;
	background: -webkit-linear-gradient(top, #9036ee, #773cca);
	background: linear-gradient(top, #9036ee, #773cca);
	/*box-shadow: 0px 0px 20px #d8baff;*/
	box-shadow: 2px 2px 30px #000000;
}

.fullheight {
	height: 100%;
}

/*.tier1-space {*/
	/*height: 37px;*/
/*}*/

.tier1-bg {
	background-image: url("../../../images/international2019/hero/buy_1.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	/*box-shadow: 0px -2px #8490A3;*/
	margin-right: 1.5%;
	border-top: 2px solid #8390af;
	box-shadow: 0px 6px 48px #00000060;
}

.tier1-btn {
	background: #3E324F;
	background: linear-gradient(270deg, #5a6278 0%, #3a4358 100%);
	box-shadow: 2px 2px 3px #000000;
	/*box-shadow: 0px -1px #846BA4;*/
	/*border-left: 1px solid #4c5062;*/
	/*border-right: 1px solid #1f212f;*/
	/*border-top: 1px solid #8d909f;*/
	/*border-bottom: 1px solid #393e54;*/
	margin-top: 83px;
}


/*.tier1-space {*/
	/*height: 35px;*/
	/*width: 100%;*/
/*}*/


.tier2-bg {
	background: linear-gradient(180deg, #608ab2 0%, #341f48 100%);
	background-image: url("../../../images/international2019/hero/buy_50.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin: 0 1.5%;
	border-top: 2px solid #8dbadc;
	box-shadow: 0px 6px 48px #00000060;
}

.tier2-btn {
	background-color: #2A54A1;
	background: linear-gradient(270deg, #69a1cb 0%, #576ad7 100%);
	box-shadow: 2px 2px 3px #000000;
	/*border-left: 1px solid #5c94b9;*/
	/*border-right: 1px solid #252c55;*/
	/*border-top: 1px solid #96abd0;*/
	/*border-bottom: 1px solid #273b5a;*/

}


.tier2-btn:hover {
	background: linear-gradient(180deg, rgba(109,158,250,1) 0%, rgba(42,82,161,0.6) 100%);
}

.tier3-bg {
	background: linear-gradient(270deg, #7344bb 0%, #2c1a39 100%);
	background-image: url("../../../images/international2019/hero/buy_100.png");
	background-size: 100% 100%;
	margin-left: 1.5%;
	border-top: 2px solid #ddbff7;
	box-shadow: 0px 6px 48px #00000060;
}

.tier3-btn {
	background-color: #925AE5;
	background: linear-gradient(90deg, #bc51ee 0%, #d287f2 100%);
	box-shadow: 2px 2px 3px #000000;
	/*border-left: 1px solid #a272eb;*/
	/*border-right: 1px solid #2b184f;*/
	/*border-top: 1px solid #ad93d9;*/
	/*border-bottom: 1px solid #482e71;*/

}

.tier3-btn:hover {
	background: linear-gradient(180deg, rgba(179,129,255,1) 0%, rgba(135,57,247,0.6) 100%);
	-webkit-transition: background 1000ms linear;
	-ms-transition: background 1000ms linear;
	transition: background 1000ms linear;
}

.tier4-bg {
	background: linear-gradient(90deg,#9561e600 0%, #56309b 50%, #9561e600 100%);
	box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
	padding: 20px 10px;
	margin-top: 10px;
}

.BattlePassButton:hover {
	background: linear-gradient(90deg, #366345 0%, #539f42 100%);
	/*border-left: 1px solid #65a955;*/
	/*border-right: 1px solid #1b3124;*/
	/*border-top: 1px solid #99c392;*/
	/*border-bottom: 1px solid #213e22;*/
	/*box-shadow: 0px 0px 15px #4f9a4b;*/
	box-shadow: 2px 2px 3px #000000;
}

.levels-add {
	margin-top: 10px;
}



.levels-btn {
	color: #cdcdcf;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
	letter-spacing: 4px;
}

.buy-levels-label {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: #d8baff;
	font-weight: normal;
	margin-bottom: 3px;
}

.buy-position {
	position: relative;
	overflow: visible;
	padding-bottom: 200px;
}

.buy-block-img {
	position: absolute;
	right: -150px;
	top: -300px;
}

.BuyFlowersLeft {
	top: 380px;
	left: -130px;
	position: absolute;
	z-index: 100;
	pointer-events: none;
}

.BuyFlowersRight {
	top: 380px;
	right: -130px;
	position: absolute;
	z-index: 100;
	pointer-events: none;
}

.BuyBlockBackground {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	bottom: 0px;
}

.btn-buy-title {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 3px;
	text-shadow: 0px 1px 3px #00000060;
	margin-bottom: 5px;
}

.btn-buy-desc {
	font-size: 15px;
	letter-spacing: 0.5px;
	text-shadow: 0px 1px 24px #000;
    color: #c5c5c5;
    margin-bottom: 30px;
}

.btn-buy-disc {
	color: #8FED31;
	text-shadow: 0px 0px 7.9194px rgba(143, 237, 49, 0.7);
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}

.save-text {
	color: #8FED31;
	text-shadow: 0px 0px 7.9194px rgba(143, 237, 49, 0.7);
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}

.btn-buy-arrow {
	background-image: url("../../../images/international2019/global/btn-arrow.png");
	width: 14px;
	height: 14px;
	float: right;
	background-repeat: no-repeat;
}

#LevelFlag {
	width: 318px;
	height: 145px;
	background-image: url("../../../images/international2019/global/flag_bg.png");
	background-size: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

#LevelFlagLong {
	width: 410px;
	height: 145px;
	background-image: url("../../../images/international2019/global/flag_bg_long.png");
	background-size: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

#LevelFlagText {
	position: absolute;
	top: 62px;
	left: 124px;
	line-height: 200%;
}

#LevelFlagTextLong {
	position: absolute;
	top: 62px;
	left: 124px;
}

.returning-small {
	text-transform: none;
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 200%;
	font-size: 20px;
	letter-spacing: 0.5px;
	color: #dedede;
}

.returning-small::first-line {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 3px;
	color: #BCCEEA;
}

#PlaySFX {
	width: 42px;
	height: 42px;
	float: left;
	margin-top: 8px;
	margin-right: 8px;
	background-image: url("../../../images/international2019/global/icn_play_sound.png");
	background-size: 100%;
}

#PlaySFX:hover
{
	filter: brightness(150%);
}

#PlaySFX.JustPlayed
{
	filter: brightness(50%);
}

/*
let cameronc know if you care about having a style when a sound is playing
#PlaySFX.SoundPlaying
{
	background-color: green;
}
*/

#TauntHero {
	width: inherit;
	float: left;
	margin-top: 8px;
}

.taunthero {
	width: 100%;
}

/*.taunts-left {*/
	/*transform: translatex(100px);*/
/*}*/

/*.taunts-right {*/
	/*transform: translatex(-100px);*/
/*}*/

#SmallContent {
	float: left;
	margin-bottom: 30px;
	/* margin-left: 10px; */
	vertical-align: middle;
	min-height: 46px;
	position: relative;
}

#Taunts #SmallContent {
	min-height: 48px;
}

#Taunts #SmallTitle {
	font-size: 14px;
}

#SmallTitle {
	font-size: 16px;
	line-height: 100%;
	margin-bottom: 0px;
}

#LevelFlagSm {
	background-image: url("../../../images/international2019/global/flag_bg_sm.png");
	border-left: 2px solid #9862e9;
	width: 100%;
	height: 22px;
	background: -moz-linear-gradient(left, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 60%, rgba(255,255,255,0.0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.1) 60%,rgba(255,255,255,0.0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.1) 60%,rgba(255,255,255,0.0) 100%);
	position: absolute;
	bottom: 0px;
}

#LevelFlagSmCenter {
	background-image: url("../../../images/international2019/global/flag_bg_sm.png");
	/* border-top: 2px solid #9862e9; */
	width: 100%;
	height: 28px;
	margin-top: 6px;
	background: -moz-linear-gradient(left, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 60%, rgba(255,255,255,0.0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.1) 60%,rgba(255,255,255,0.0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.2) 60%,rgba(255,255,255,0.0) 100%);
}

.LevelCenter {
	margin: 0 auto; 
	display: inline-block;
	margin-top: 4px;
}

#LevelFlagShieldSm {
	background-image: url("../../../images/international2019/global/shield_bg_sm.png");
	width: 12px;
	height: 14px;
	float: left;
	margin: 5px 8px;
}

#LevelFlagTextSm {
	float: left;
	font-size: 12px;
	letter-spacing: 2px;
	padding-top: 2px;
	text-transform: uppercase;
}

#SectionLg {
	width: 100%;
	height: 378px;
	padding: 30px 0px;
	background-image: url("../../../images/international2019/global/section_bg_lg.png");
	background-position: center;
	background-repeat: repeat-x;
	background-size: auto 100%;
	position: relative;
	z-index: 80;
	box-shadow: 0px 0px 40px #000000;
}

#SectionSm {
	width: 100%;
	height: 180px;
	padding: 30px 0px;
	background-image: url("../../../images/international2019/global/section_bg_sm.png");
	background-position: center;
	background-repeat: repeat-x;
	background-size: auto 100%;
	position: relative;
	z-index: 80;
	box-shadow: 0px 0px 40px #000000;
}

#FlowerLeft {
	position: absolute;
	top: -94px;
	left: 0px;
}

#FlowerRight {
	position: absolute;
	top: -175px;
	right: 0px;

}

	
#FlowerLeftLg {
	position: absolute;
	top: -60px;
	left: 0px;
}

#GradientOverlayBottom {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65)));
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	top: 0px;
}

#GradientOverlayTop {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(59%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	top: 0px;

}

#CustomGame {
	padding: 30px 0px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65))), url(../../../images/international2019/sections/custom_game_bg.jpg);
    /* background-image: url(https://cdn.beta.steampowered.com/apps/dota2/../../../images/international2019/sections/custom_game_bg.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #222222;
    min-height: 1180px;
	position: relative;
}


@keyframes float {
	0% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(-10px, -20px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}

#DarkWillow {
	position: absolute;
	top: 400px;
	left: 0;
	right: 0;
	margin: 0 auto;
	/* margin-left: 0; */
	/* margin-right: 0; */
	z-index: 1;
	max-width: 800px;
	animation-name: Float;
	animation-duration: 10.0s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation: float 6s ease-in-out infinite;
}




.custom-game-bullets {
	margin-top: 600px;
}

.custom-game-bullets img {
	box-shadow: 0 12px 24px #0000005e;
}

#JungleExpedition {
	background-image: url("../../../images/international2019/sections/jungle_expedition_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.JungleExpeditionLogo {
	max-width: 460px;
	position: absolute;
	z-index: 100;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#Coaching {
	background-image: url("../../../images/international2019/sections/coaching_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: auto;
}

.coaching-fg {
	transform: translateX(400px);
}

#VersusScreen {
	/* background-image: url("https://cdn.cloudflare.steamstatic.com/apps/dota2/../../../images/international2019/sections/versus_bg.jpg"); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	height: 1000px;
}
/* 
#VersusScreen video {
	z-index: 1;
} */

.versus-fg {
	position: absolute;
	bottom: 100px;
	right: 0;
	z-index: 100;
	width: 100%;
	max-width: 900px;
}

#CustomTowers {
	background-image: url("../../../images/international2019/sections/custom_towers_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.customtowers-fg {
	position: absolute;
	top: 45%;
    transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 100;
	width: 80%;
	max-width: 1600px;
}

#MvpVote {
	background-image: url("../../../images/international2019/sections/mvp_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	max-height: 1200px;
}

#PartyAvoid {
	background-image: url("../../../images/international2019/sections/party_avoid_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.avoid-player-fg {
	transform: translateX(0px);
}

#Consumables {
	background-image: url("../../../images/international2019/sections/consumables_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.consumables-fg {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	transform: translate(-200px, 20px);
	pointer-events: none;
}

#HighFiveAvatarFlag {
	background-image: url("../../../images/international2019/sections/highfive_avatarflags_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

/*.highfive-fg {*/
	/*max-width: 800px;*/
	/*position: absolute;*/
	/*bottom: 0;*/
	/*left: 250px;*/
/*}*/
.highfive-fg {
	bottom: 0;
	max-width: 960px;
}

/*.avatar-fg {*/
	/*position: absolute;*/
	/*top: 0;*/
	/*right: 100px;*/
	/*max-width: 850px;*/
	/*transform: translate(0px, 0px);*/
/*}*/

.avatar-fg {
	/*position: absolute;*/
	top: 0;
	max-width: 850px;
}

#OtherFeatures {
	background-image: url("../../../images/international2019/sections/other_features_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

#ReturningFeatures {
	background-image: url("../../../images/international2019/sections/returning_features_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
}

#ReturningFeatures img {
	box-shadow: 0 12px 48px #00000070;
}

#ReturningFeatures .body-sm {
	max-width: 560px;
}

#FeatureImmortals {
	background-image: url("../../../images/international2019/sections/immortals_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

#FeatureImmortals .body-sm {
	line-height: 30px;
}

#Terrain {
	/* background-image: url("https://cdn.cloudflare.steamstatic.com/apps/dota2/../../../images/international2019/sections/terrain_bg.jpg"); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	height: 1000px;
}

#TinyPrestige {
	background-image: url("../../../images/international2019/sections/tiny-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 880px;
}

#TinyPrestige1 {
	background-image: url("../../../images/international2019/sections/tiny-bg1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 880px;
}

#TinyPrestige2 {
	background-image: url("../../../images/international2019/sections/tiny-bg2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 880px;
}

#TinyPrestige3 {
	background-image: url("../../../images/international2019/sections/tiny-bg3.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 880px;
}

#TinyPrestige4 {
	background-image: url("../../../images/international2019/sections/tiny-bg4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 880px;
}

.tiny-fg {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -20px;
	min-width: 1800px;
}

#KidInvoker {
	background-image: url("../../../images/international2019/sections/kidinvoker_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	min-height: 880px;
}

#EarthShakerArcana {
	background-image: url("../../../images/international2019/sections/earthshaker_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	min-height: 880px;
}

#AxeExclusive {
	background-image: url("../../../images/international2019/sections/axe_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}

.axe-fg {
	position: absolute;
	top: 120px;
	left: 0;
	right: 400px;
	z-index: 100;
	width: 80%;
	max-width: 1600px;
}

#CustomCreep {
	background-image: url("../../../images/international2019/sections/custom_creep_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 880px;
}

.custom_creep_fg {
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	max-width: 1100px;
}

#SeasonalChatWheel {
	background-image: url("../../../images/international2019/sections/seasonal_chatwheel_bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	overflow: hidden;
}

.seasonal_chatwheel_fg {
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	margin: 0 auto;
	/*margin-left: 0;*/
	/*margin-right: 0;*/
	z-index: 1;
	max-width: 1500px;
}

#EvolvingChatWheel {
	background-image: url("../../../images/international2019/sections/evolving-chatwheel-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 880px;
}


.evolving_chatwheel_fg {
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	max-width: 1200px;
}

#Taunts {
	background-image: url("../../../images/international2019/sections/taunts_bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

#Footer {
	background-image: url("../../../images/international2019/sections/footer_bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.taunts_fg {
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	max-width: 1200px;
}

#Courier {
	background-image: url("../../../images/international2019/sections/courier_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.courier-fg {
	position: absolute;
	top: 60%;
    transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 100;
	width: 80%;
	max-width: 1300px;
}

#Emblem {
	background-image: url("../../../images/international2019/sections/emblem_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 880px;
}

.emblem_fg {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	max-width: 1100px;
}

#Announcer {
	background-image: url("../../../images/international2019/sections/announcer_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 900px;
}

.announcer_fg {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	max-width: 900px;
}

#Music {
	background-image: url("../../../images/international2019/sections/music_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 880px;
}

.music_fg {
	position: absolute;
	top: 130px;
	left: -50px;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	max-width: 1100px;
}

#AttackFx {
	background-image: url("../../../images/international2019/sections/attack_fx_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 880px;
}

.attackfx_fg {
	position: absolute;
	top: 170px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	max-width: 1400px;
}

.attackfx_fg {
	position: absolute;
	top: 70%;
	transform: translateY(-50%);
	left: -30%;
	right: 0;
	margin: 0 auto;
	z-index: 100;
	width: 80%;
	max-width: 1300px;
}

#Benefactor {
	background-image: url("../../../images/international2019/sections/benefactor_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 880px;
}

.benefactor_fg {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	max-width: 700px;
}

.BenefactorLink {
	font-size: 12px;
	text-decoration: underline;
	letter-spacing: 2px;
	opacity: 0.6;
	text-transform: uppercase;
	margin-top: 10px;
}

.BenefactorLink:hover {
	opacity: 0.8;
}

#SpecialSeasonalEffects {
	background-image: url("../../../images/international2019/sections/seasonal_effects_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}

#RiverVials {
	background-image: url("../../../images/international2019/sections/river_vials_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}

.river_vials img {
	box-shadow: 0 18px 24px #00000050;
	margin-bottom: 40px;
}

#Tribute {
	background-image: url("../../../images/international2019/sections/benefactor_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 880px;
}

.tribute_fg {
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	max-width: 1200px;
}

#NewSprays {
	background-image: url("../../../images/international2019/sections/plus_reward_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 880px;
}

.new-sprays-fg {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	max-width: 1200px;
}

#Ward {
	background-image: url("../../../images/international2019/sections/ward_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	min-height: 880px;
}

.ward_fg {
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	max-width: 1200px;
}

.buy_bg {
	position: absolute;
	bottom: -550px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
}

.buy_bg_bottom {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
}


#Collectors {
	background-image: url("../../../images/international2019/sections/collectors_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: visible;
	z-index: 1000;
}


#FullRewardListButton
{
    top: 296px;
    width: 400px;
    left: 276px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    padding: 16px;
    border: 1px solid #333333;
}

#FullRewardList
{
    display: none;
}

#FullRewardList .Content
{
    text-align: left;
    border: 1px solid #333333;
    color: #707070;
    line-height: 32px;
    font-size: 16px;
    width: 600px;
    padding: 35px;
    padding-left: 20px;
}

#FullRewardList.Visible
{
    display: block;
}






/*CAROUSEL*/

.left {
    float: left;
}
.right {
    float: right;
}
.group:after {
    content: "";
    display: table;
    clear: both;
}
.pointer {
    cursor: pointer;
}
.wrapper {
    position: relative;
    margin: 0 auto;
}
.pad {
    padding: 1em;
}

/* Slider ----------- */
#content {
    margin: 5em 0;
}
.slider-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.slider-wrap img {
    max-height: 200px;
}
.slider {
    width: 9999em;
    position: relative;
    left: 0;
}
.slide {
    position: relative;
    width: 60em;
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background: #eee;
    border-right: 3px solid #aaa;
    border-left: 3px solid #aaa;
    float: left;
}
.slider-wrap .arrow {
    position: absolute;
    top: 40%;
    z-index: 3;
    background: rgba(0,0,0,.3);
    border-radius: 50px;
    padding: .5em 1em;
    color: #fff;
    margin: 1em;
    -webkit-transition: all .3s ease;
    display: none;
}
.arrow:hover {
    background: rgba(0,0,0,.5);
    -webkit-transition: all .3s ease;
}
.a-right {
    right: 0;
}
.slider-wrap > ul {
    position: absolute;
    z-index: 9999;
   bottom: 5%;
    left: 50%;
}
.slider-wrap > ul li {
    float: left;
    width: 15px;
    height: 15px;
    padding: 1px;
    margin: 0 .5em;
    border: 2px solid rgba(0,0,0,.3);
    border-radius: 50px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
}
.slider-wrap > ul li:hover {
    -webkit-transition: all .3s ease;
    border-color: rgba(0,0,0,.5);
}

.circle {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    border-radius: 50px;
    -webkit-transition: all .3s ease;
}
.circle:hover {
    -webkit-transition: all .3s ease;
    background: rgba(0,0,0,.5);
}

/* Treasures Container and sliders */
#TreasureWrapper {
	position: relative;
	padding-bottom: 100px;
}
#TreasureNames {
	text-align:center;
	align-content: center;
	display: flex;
	z-index: 99;
	margin-top: 50px;
	width: 600px;
}

@media only screen and (max-width: 60em) {  /* 960px */
	#TreasureNames {
		margin-top: 0;
		width: 100%;
	}
}

.TreasureNamesText
{
	cursor: pointer;
}

.TreasureNamesText
{
	color:#d8baff;
	text-transform:uppercase;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: 2px;
	position: relative;
	display: inline;
	z-index: 99;
}

.TreasureNamesTextDisabled
{
	color:#7d7170;
	text-transform:uppercase;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: 2px;
	position: relative;
	display: inline;
	z-index: 99;
}

.TreasureNamesText img,
.TreasureNamesTextDisabled img,
{
	padding-left: 5px;
	padding-right: 5px;
}

.TreasureNamesTextDisabled img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.TreasureNamesTextDisabled {
	opacity: 0.7;
}

.TreasureSelected:hover
{
	color:#ffffff;
}

.TreasureSelected
{
	opacity: 1.0;
	color:#ece6e0;
}

.TreasureDivider
{
	color: #7d7170;
	font-size: 18px;
}

#TreasureContainer
{
	text-align:center;
	align-content: center;
	vertical-align: bottom;
	width: 100%;
	position: relative;
	transition: all 1.0s ease-in-out;
	overflow-Y: visible;
	z-index: 1;
	height: 730px;
	margin-top: 20px;
}

@media only screen and (max-width: 60em) {  /* 960px */
	#TreasureContainer
	{
		height: 60vw;

	}
}
@media only screen and (max-width: 45em) {  /* 720px */
	#TreasureContainer
	{
		height: 75vw;
		margin-top: 10vw;

	}
}
@media only screen and (max-width: 23.75em) {  /* 380px */
	#TreasureContainer
	{
		height: 80vw;
	}
}
.TreasureContent
{
	text-align:center;
	align-content: center;
	width: 100%;
	-webkit-transition: all 1.0s ease-in-out;
	-moz-transition: all 1.0s ease-in-out;
	-o-transition: all 1.0s ease-in-out;
	transition: all 1.0s ease-in-out;
	top: 0;
	display: inline-block;
	z-index: 99;
	position: absolute;
	margin-top: 3vw;
}

#TreasureContent video
{
	height: 400px;
}

.TreasureDivSelected
{
	left: 0px !important;
	opacity: 1.0 !important;
}

#TreasureTextContainer {
	position: relative;
	padding-bottom: 50px;
}

.SlideOut
{
	transition: opacity .5s ease-in-out, left .5s ease;
	-moz-transition: opacity .5s ease-in-out, left .5s ease;
	-webkit-transition: opacity .5s ease-in-out, left .5s ease;
	opacity: 0;
}

.SlideIn
{
	left: 0px !important;
	transition: opacity .5s ease-in-out, left .5s ease;
	-moz-transition: opacity .5s ease-in-out, left .5s ease;
	-webkit-transition: opacity .5s ease-in-out, left .5s ease;
	opacity: 1.0;
}

.OffPageLeft
{
	left: -2000px !important;
}

.OffPageRight
{
	left: 2000px !important;
}

.OffPageLeftItem
{
	left: -800px !important;
}

.OffPageRightItem
{
	left: 800px !important;
}

.HeroContent
{
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	opacity: 0;
}

.HeroDivSelected
{
	left: 0px !important;
	display: block !important;
	opacity: 1.0 !important;
}

.RewardHeroImage
{
	position: absolute;
	top: 0;
	left: calc(50% - 1400px);
	width: 800px;
	height: 800px;
	z-index: 20;
	margin-left: auto;
	margin-right: auto;
	pointer-events: none;
}

@media only screen and (max-width: 60em) {  /* 960px */
	.RewardHeroImage
	{
		display: none;
	}
}

.RewardHeroImage img
{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	z-index: 3;
	width: 100%;
}

.HeroTreasureVideo
{
	height: 500px;
	width: 1000px;
	box-shadow: 10px 10px 20px #000000;
}

@media only screen and (max-width: 60em) {  /* 960px */
	.HeroTreasureVideo
	{
		height: 40vw;
		width: 80vw;
	}
}

.GoalRewardTitle
{
	padding-top: 40px;
	z-index: 91;
	font-size: 30px;
	position: relative;
	line-height: 100%;
}

.GoalRewardDesc
{
	text-transform: none;
	margin-right:auto;
	z-index: 90;
	position: relative;
}

#TreasureHeroSelector
{
	text-align:center;
	vertical-align: top;
	color:#ba9e88;
	text-transform:uppercase;
	font-size:22px;
	z-index: 997;
	overflow: visible;
	height: auto;
	display: flex;
	width: 960px;
}

@media only screen and (max-width: 60em) {  /* 960px */
	#TreasureHeroSelector
	{
		width: 100%;
	}
}

#TreasureHeroSelector img
{
	cursor: pointer;
}

#TreasureHeroSelector .TreasureHeroArrow
{
	cursor: pointer;
	display: inline;
	z-index: 9999;
	margin: 0 30px;
	margin-top: 6px;
	height: auto;
}
@media only screen and (max-width: 60em) {  /* 960px */
	#TreasureHeroSelector .TreasureHeroArrow
	{
		display: none;
	}
}

#TreasureHeroSelectorInnerContainer
{
	position: relative;
	color:#ba9e88;
	text-transform:uppercase;
	width: 90%;
	height: 50px;
    overflow: visible;
}
@media only screen and (max-width: 60em) {  /* 960px */
	#TreasureHeroSelectorInnerContainer
	{
		height: 32vw;
		width: 80%;
	}
}
@media only screen and (max-width: 23.75em) {  /* 380px */
	#TreasureHeroSelectorInnerContainer
	{
		height: 45vw;
		width: 80%;
	}
}


.TreasureHeroSelectorInner
{
	position: absolute;
	top: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: flex-start;
	vertical-align: top;
	color: #ba9e88;
	text-transform: uppercase;
	font-size: 22px;
	justify-content: space-between;
    overflow: visible;
}
@media only screen and (max-width: 60em) {  /* 960px */
	.TreasureHeroSelectorInner
	{
		justify-content: center;
	}
}

.TreasureHeroSelectorInner img
{
	vertical-align: middle;
	padding: 2px;
}

.HeroSelectorIcon
{
	display: block;
	height: 37px;
	width: 63px;
	text-align: center;
	position: relative;
	margin: 0;
    overflow: visible;
}
@media only screen and (max-width: 60em) {  /* 960px */
	.HeroSelectorIcon
	{
		width: 20%;
		margin: 0 2% 2vw;
		height: auto;
	}
}

.HeroSelectorIcon img
{
	width: 100%;
	height: auto;
}

.HeroSelectorIcon:hover .HeroSelectorTooltip
{
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.heroSelected
{
	border-width: 2px;
	border-color: #485677;
	border-style: solid;
	padding: 0px !important;
}

.heroNotSelected
{
	border-width: 0px !important;
	border-style: none !important;
}

.HeroSelectorTooltip
{
	/* background-image: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/../../../images/international2017/battlepass/tooltip.png'); */
	background-size: contain;
	background-position:top center;
	background-repeat:no-repeat;
	position: absolute;
	opacity: 0;
	min-width: 200px;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 400;
	z-index: 99;
	margin-top: 8px;
	margin-left: -85px;
	/*padding-top: 20px;*/
	/*padding-left: 40px;*/
	/*padding-right: 40px;*/
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	pointer-events:none;
	color: #7C8FB6;
	overflow: visible;
	background: linear-gradient(180deg, rgba(39, 52, 76, 0.795) 2%, #0B0119 100%), #162034;
	border: 2px solid #27344C;
	box-sizing: border-box;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	text-transform: uppercase;
	padding: 12px;
}

.HeroSelectorIcon:hover .HeroSelectorTooltip
{
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.RareHeroSelected
{
	background: linear-gradient(-45deg, rgba(127,180,64,1) 0%, rgba(56,81,38,1) 49%, rgba(127,180,64,1) 100%);
}

.VeryRareHeroSelected
{
	background: linear-gradient(-45deg, rgba(84,57,38,1) 0%, rgba(180,148,105,1) 49%, rgba(84,57,38,1) 100%);
}

.RareGoldHeroSelected
{
	background: linear-gradient(-45deg, rgba(161,81,19,1) 0%, rgba(247,202,78,1) 49%, rgba(161,81,19,1) 100%);
}

.PurpleHeroSelected
{
	background: linear-gradient(-45deg, rgba(88,46,165,1) 0%, rgba(136,71,255,1) 49%, rgba(88,46,165,1) 100%);
}

.treasureNotUnlocked
{
	color: #6a6969;
	cursor: default;
}




/*MODAL*/

.modal {
	/* This way it could be display flex or grid or whatever also. */
	display: block;

	/* Probably need media queries here */
	width: 100%;
	max-width: 1000px;
	height: 100%;
	max-height: 600px;


	position: fixed;

	z-index: 1000;

	left: 50%;
	top: 50%;

	padding: 25px;

	/* Use this for centering if unknown width/height */
	transform: translate(-50%, -50%);

	/* If known, negative margins are probably better (less chance of blurry text). */
	/* margin: -200px 0 0 -200px; */

	/*  background-image: url(img/global/modal-bg.png);*/
	background-color: #111111;
	background-size: 100%;
	box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.9);
}

.closed {
	display: none;
}

.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 900;

	background: rgba(0, 0, 0, 0.6);
}

.modal-guts {
	width: 100%;
	height: 100%;
	overflow: auto;
	color: #ffffff;
	padding: 20px;
}

.modal-benefactor-list {
	margin-top: 3px;
	font-size: 16px;
	color: #999999;
}

.modal .close-button {
	position: absolute;

	/* don't need to go crazy with z-index here, just sits over .modal-guts */
	z-index: 1;

	top: 20px;

	/* needs to look OK with or without scrollbar */
	right: 20px;

	padding: 10px;
	font-size: 1.3rem;
	background-image: url("../../../images/international2019/global/close.png");
	background-size: 100%;
	background-repeat: no-repeat;

	height: 20px;
	width: 20px;
}

.modal .close-button:hover {
	opacity: 0.6;
}

#open-button {
	cursor: pointer;
	/* 	background-color: #333333;*/
	width: 100%;
	height: 53px;
	border-radius: 10px;
	padding: 5px 5px 8px 8px;
	/* border: 1px solid #000000; */
	transition: 0.2s ease;
}

#open-button:hover {
	transform: translateY(-2px);
}

.modal-list {
	margin-top: 20px;
}

.modal-list-item {
	margin-top: 5px;
}

.modal-sfx {
	width: 20px;
	height: 20px;
	float: left;
	background-image: url("../../../images/international2019/global/icn_play_sound.png");
	background-size: 100%;
	margin-top: 4px;
	margin-right: 10px;
}


/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	min-width: 350px;
	/*width: 300px;*/
	/*height: 100%;*/
	background-color: #222222;
	color: #fff;
	text-align: left;
	padding: 15px;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #000000;
	font-size: 12px;
	color: #999999;

	/* Position the tooltip text - see examples below! */
	position: absolute;
	margin: 0 auto;
	/*left: 50%;*/
	/*transform: translateX(-50%);*/
	right: 0px;
	z-index: 100;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
	visibility: visible;
}

.tooltip-line {
	font-size: 12px;
	color: #999999;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.tooltip-icn {
	width: 12px;
	height: 12px;
	transform: translateY(2px);
}

#ShippingInfo {
	margin-top: 10px;
}

#PageFooter {
	width: 100%;
	background-color: #000000;
	padding: 30px 0px;

}

.footer-logo {
	height: 30px;
	width: auto;
	margin: 0px 20px;
}

#footer-logo {
	width: 100%;
}

.footer-line {
	font-size: 13px;
	line-height: 20px;
	color: #666666;
	margin-top: 10px;
}






.sfx-title {
	padding-top: 3px;
}


/*RIVER VIALS & SEASONAL EFFECTS & OTHER FEATURES CAROUSELS*/

.carousel{
	/*width:90%;*/
	margin:0px auto;
}
.slick-slide{
	margin: 6px;
}
.slick-slide img {
	width: 100%;
}

.slick-track {
	overflow: hidden;
	width: 100%;
}


.slick-list {
	overflow: hidden;
}

#SlideTitle,
#SlideDesc {
	text-align: center;
	z-index: 51;
}

#SlideTitle {
	margin-top: 10px;
}


.seasonal-effects-title {
	color: #d8baff;
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.river-vials-title {
	color: #d8baff;
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.other-features-title {
	color: #d8baff;
	margin-top: 50px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.other-features-desc {
	color: #fff;
	margin-top: 12px;
	font-size: 16px;
	line-height: 200%;
	max-width: 720px;
	text-shadow: 0px 1px 8px #000;
}

.seasonal-number-title {
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
	color: #d8baff;
}

.seasonal_effect {
	max-width: 1000px;
}

.seasonal_effects_nav .slick-list
{
	overflow: visible;
}

.seasonal_effects_nav .slick-current {
	transform: translateY(-10px);
}

.seasonal_effects_nav .slick-current img {
	border: 2px solid #9862e9;
	box-shadow: 0 0 18px #9862e9;
}

/*.seasonal_effects_nav {*/
	/*margin-top: 20px;*/
	/*height: 100px;*/
/*}*/

.seasonal_effect_thumb {
	min-width: 36px;
}


.seasonal_effect .small-video {
	margin-bottom: 30px;
	width: 1050px;
	margin: 0 auto;
}

.river_vials_nav {
	margin: 0 auto;
	text-align: center;
	height: 100px;
}

.river_vials_nav .slick-current {
	filter: brightness(150%);
}

.river_vial_thumb {
	display: inline-block;
	width: 100px;
}

.other_features_nav {
	/*text-align: center;*/
	/*width: 100%;*/
	max-width: 550px;
}

.other_features_nav .slick-current {
}

.other_features_thumb {
    width: 86px;
	height: 86px;
	filter: brightness(40%) saturate(0%);
}

.other_features_thumb:hover {
   filter: brightness(80%) saturate(0%);
}

.consumables_nav {
	margin: 0 auto;
	text-align: center;
	 /*transform: translateY(16px);*/
	transform: translateX(5%);
}

.consumables_nav .slick-current {
}

.tribute-numbers {
	z-index: 5;
	margin-bottom: 50px;
	max-width: 1200px;
}

.tribute-flags {
	transform: translateY(-120px);
	/*background-image: url("https://cdn.cloudflare.steamstatic.com/apps/dota2/../../../images/international2019/rewardline/tribute_flag_bg.png");*/
	/*background-size: 100%;*/
	/*background-repeat: no-repeat;*/
	/*background-position: 50% 120%;*/
	z-index: 1;
}

.consumables_thumb {
	 max-width: 128px;
	 filter: brightness(40%) saturate(0%);
}

.consumables_thumb:hover {
	filter: brightness(80%) saturate(0%);
}

.hidden {
	opacity: 0;
}


.shovel {
	background-image: url("../../../images/international2019/sections/consumables/shovel_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.slick-current.shovel {
	background-image: url("../../../images/international2019/sections/consumables/shovel_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
	filter: brightness(100%);
}

.monkey {
	background-image: url("../../../images/international2019/sections/consumables/monkey_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
	
}

.slick-current.monkey {
	background-image: url("../../../images/international2019/sections/consumables/monkey_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
	filter: brightness(100%);
}

.drum {
	background-image: url("../../../images/international2019/sections/consumables/drum_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.slick-current.drum {
	background-image: url("../../../images/international2019/sections/consumables/drum_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
	filter: brightness(100%);
}

.balloon {
	background-image: url("../../../images/international2019/sections/consumables/balloon_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.slick-current.balloon {
	background-image: url("../../../images/international2019/sections/consumables/balloon_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
	filter: brightness(100%);
}

.consumables {
	transform: translateY(-36px);
}

.emoticon {
	background-image: url("../../../images/international2019/sections/otherfeatures/emoticon_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.slick-current.emoticon {
	background-image: url("../../../images/international2019/sections/otherfeatures/emoticon_icon_active.png");
	background-size: contain;
	background-repeat: no-repeat;
	filter: brightness(100%);
}

.herosuggestor {
	background-image: url("../../../images/international2019/sections/otherfeatures/herosuggestor_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.slick-current.herosuggestor {
	background-image: url("../../../images/international2019/sections/otherfeatures/herosuggestor_icon_active.png");
	background-size: contain;
	background-repeat: no-repeat;
	filter: brightness(100%);
}

.summary_stats {
	background-image: url("../../../images/international2019/sections/otherfeatures/summary_stats_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.slick-current.summary_stats {
	background-image: url("../../../images/international2019/sections/otherfeatures/summary_stats_icon_active.png");
	background-size: contain;
	background-repeat: no-repeat;
	filter: brightness(100%);
}

.ward {
	background-image: url("../../../images/international2019/sections/otherfeatures/ward_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.slick-current.ward {
	background-image: url("../../../images/international2019/sections/otherfeatures/ward_icon_active.png");
	background-size: contain;
	background-repeat: no-repeat;
	filter: brightness(100%);
}

.camp_suggestor {
	background-image: url("../../../images/international2019/sections/otherfeatures/campsuggestor_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.slick-current.camp_suggestor {
	background-image: url("../../../images/international2019/sections/otherfeatures/campsuggestor_icon_active.png");
	background-size: contain;
	background-repeat: no-repeat;
	filter: brightness(100%);
}


@media only screen and (max-width: 600px) {

	
	body {
		width: 100vw;
		overflow-x: hidden;
	}

	#HeroAegis {
		top: 0px;
		width: 200%;
		left: -50%;
	}

	#HeroTop .empty {
		height: 60vw;
	}

	.buy-position {
		padding-bottom: 100px;
	}

	.block_headline {
		font-size: 26px;
		line-height: 32px;
		font-weight: 700;
		letter-spacing: 5px;
		text-transform: uppercase;
		color: #F9ECFF;
		position:relative;
		background: linear-gradient(to bottom, #fff 0%, #c9a2ff 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.section_headline {
		font-size: 34px;
		line-height: 36px;
		font-weight: 700;
		letter-spacing: 5px;
		text-transform: uppercase;
		color: #F9ECFF;
		position:relative;
		background: linear-gradient(to bottom, #fff 0%, #c9a2ff 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin-top: 0px;
	}

	.section_headline:before,
	.prize_pool_headline:before,
	.block_headline:before {
		content:attr(data-text);
		position:absolute;
		top:0;
		right:0;
		left:0;
		bottom:0;
		text-shadow: 0px 2px 6px #000, 0px 0px 18px #c9a2ff, 0px 0px 60px #c9a2ffb6;
		z-index:-1;
	}

	.block_headline-sm {
		font-size: 32px;
		line-height: 38px;
		font-weight: normal;
		text-shadow: 0px 0px 2px rgba(0,0,0,100);
		letter-spacing: 5px;
		text-shadow: 0px 0px 2px #c9a2ff, 0px 0px 20px #000000;
		color: #fff;
		text-transform: uppercase;
	}

	#CustomGame {
		padding: 10px 0;
	}

	#DarkWillow {
		display: none;
	}

	.slick-prev, .slick-next {
		top: 25%
	}

	.slick-next {
		display: none;
	}

	.body-sm {
		font-size: 14px;
		line-height: 24px;
		text-shadow: 0px 2px 6px #000,
		0px 2px 6px #000;
		max-width: 720px;
	}

	.body-md {
		font-size: 16px;
		line-height: 30px;
		color: #ffffff;
		text-shadow: 0px 2px 6px #000,
		0px 2px 6px #000;
	}

	.body-lg {
		font-size: 20px;
		line-height: 36px;
		color: #ffffff;
		text-shadow: 0px 2px 6px #000,
		0px 2px 6px #000;
	}

	.label-sm {
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 4px;
		text-transform: uppercase;
		color: #d8baff;
		text-shadow: 0px 2px 6px #000,
		0px 2px 6px #000;
	}

	.label-md {
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 3px;
		color: #d8baff;
		line-height: 200%;
		text-shadow: 0px 2px 6px #000;
	}

	#SeasonalChatWheel .padding-lg {
		padding: 10px;
	}
	
	#SeasonalChatWheel .empty,
	#SeasonalChatWheel .col-1 {
		display: none;
	}

	#SeasonalChatWheel .spacer-sm {
		margin-top: 0;
	}

	#SeasonalChatWheel #SmallContent {
		margin-bottom: 30px;
		/*width: 190px;*/
	}
	
	#SeasonalChatwheel #SmallTitle {
		margin-bottom: 24px;
	}

	#Courier .body-sm {
		margin-top: 20px;
	}

	#Courier .col-1 {
		display: none;
	}

	#Terrain {
		height: 880px;
	}

	#Terrain .col-10 {
		padding-top: 20px;
	}

	#AxeExclusive .spacer-md {
		margin-top: 0px;
	}

	#AxeExclusive .col-1 {
		display: none;
	}

	.prize_pool_headline {
		font-size: 44px;
	}

	.consumables {
		z-index: 2;
		transform: translateY(-36px);
	}

	.baby-roshan {
		display: none;
		z-index: 50px;
	}

	.set-index {
		z-index: 100;
	}

	.consumables_thumb {
		max-width: 60px;
		max-height: 60px;
	}

	.consumables_thumb img {
		max-width: 60px;
		max-height: 60px;
	.consumables_thumb {
		max-width: 60px;
		max-height: 60px;
	}

	.consumables_thumb img {
		max-width: 60px;
		max-height: 60px;
	}

	}

	#LevelFlag {
		width: 247px;
		height: 94px;
		background-image: url("../../../images/international2019/global/flag_bg.png");
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 100;
	}

	#LevelFlagLong {
		width: 266px;
		height: 94px;
		background-image: url("../../../images/international2019/global/flag_bg_long.png");
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 100;
	}

	.buy-block-img {
		position: absolute;
		right: -150px;
		top: -200px;
		width: 100%;
	}

	.fullwidth-video {
		position: relative;
		top: 50%;
		left: 50%;
		width: auto;
		min-width: 100%;
		height: auto;
		min-height: 100%;
		transform: translateX(-50%) translateY(-50%);
		z-index: 1;
		overflow: hidden;
	}

	.mobile-hidden {
		display: none;
	}


	#LevelFlagText {
		position: absolute;
		top: 48px;
		left: 100px;
	}

	#LevelFlagTextLong {
		font-size: 14px;
		position: absolute;
		top: 38px;
		left: 80px;
	}

	#SectionLg {
		width: 100%;
		height: 418px;
		padding: 0px 0px;
		background-image: url("../../../images/international2019/global/section_bg_lg.png");
		background-position: center;
		background-repeat: repeat-x;
		background-size: auto 100%;
		position: relative;
		box-shadow: 0px 0px 40px #000000;
	}

	#SectionSm {
		width: 100%;
		height: 110px;
		padding: 3vh 0px;
		background-image: url("../../../images/international2019/global/section_bg_sm.png");
		background-position: center;
		background-repeat: repeat-x;
		background-size: auto 100%;
		position: relative;
		box-shadow: 0px 0px 40px #000000;
	}

	#SectionSm.returning-features-headline {
		height: 144px;
	}

	#FlowerLeft {
		position: absolute;
		top: 0px;
		left: 0px;
		display: none;
	}

	#FlowerRight {
		position: absolute;
		top: -175px;
		right: 0px;
		display: none;

	}

	#CustomCreep {
		min-height: 740px;
	}

	.custom_creep_fg {
		min-width: 600px;
		left: -100px;
		margin-top: 50px;
	}

	#FlowerLeftLg {
		position: absolute;
		top: -60px;
		left: 0px;
		width: 300px;
		display: none;
	}

	.versus-fg {
		display: none;
	}

	#SmallContent {
		float: left;
		/* margin-left: 10px; */
		vertical-align: middle;
		min-height: 40px;
		position: relative;
	}

	#SpecialSeasonalEffects .padding-lg {
		padding: 20px;
	}
	.custom-game-bullets {
		margin-top: 200px;
	}

	#CustomTowers .padding-top-lg {
		padding-top: 30px;
	}

	.customtowers-fg {
		display: none;
	}

	/* #CustomTowers .spacer-md {
		margin-top: 0px;
	} */

	#CustomTowers .padding-top-lg {
		padding-top: 0px;
	}

	#CustomTowers .col-1 {
		display: none;
	}

	#Coaching {
		background-position: 40% 50%;
		background-image: url("../../../images/international2019/sections/coaching-bg-mobile.jpg");
	}

	#Coaching img {
		padding-bottom: 30px;
	}

	#AxeExclusive {
		background-position: 40% 50%;
		background-image: url("../../../images/international2019/sections/axe_bg-mobile.jpg");
	}

	.seasonal_effects_nav .slick-list {
		min-height: 300px;
		/*background-color: red;*/
	}



	#HighFiveAvatarFlag {
		padding-bottom: 80px;
	}

	#MvpVote {
		height: 500px;
		background-image: none;
	}

	#VersusScreen {
		height: 500px;
		background-image: none;
		overflow: hidden;
	}

	#EvolvingChatWheel {
		min-height: 540px;
	}

	#Announcer {
		min-height: 540px;
	}

	#Announcer .padding-lg {
		padding: 20px 0px;
	}

	.announcer_fg {
		top: 150px;
	}

	#AttackFx {
		min-height: 340px;
	}

	#AttackFx .padding-lg {
		padding: 20px;
	}

	#AttackFx {
		padding-top: 40px;
	}

	#Music {
		min-height: 440px;
	}

	.music_fg {
		top: 180px;
	}

	.evolving_chatwheel_fg {
		bottom: 0;
		top: auto;
	}

	#VersusScreen .col-10,
	#MvpVote .col-10 {
		margin-top: 0px;
	}

	.fullwidth-mobile {
		width: 100%;
	}

	.avatar-fg {
		position: relative;
	}

	.axe-fg {
		display: none;
	}

	.courier-fg {
		display: none;
	}

	.highfive-fg {
		position: relative;
		margin-bottom: 0px;
	}

	.custom_creep_fg {
		top: 190px;
	}

	.seasonal_chatwheel_fg {
		top: 150px;
		left: -150px;
		margin: 0 auto;
		position: absolute;
		width: 900px;
	}

	.buy-block-img {
		right -200px;
	}

	.spacer-sm {
		margin-top: 20px;
	}

	.spacer-md {
		margin-top: 30px;
	}

	.spacer-lg {
		margin-top: 60px;
	}

	.padding-sm {
		padding: 20px 0px;
	}

	.padding-md {
		padding: 30px 0px;
	}

	.padding-lg {
		padding: 60px 0px;
	}

	.padding-xl {
		padding: 80px 0px;
	}

	.tiny-fg {
		position: absolute;
		left: -600px;
		right: 0;
		top: -20px;
		min-width: 1800px;
	}

	.taunts_fg {
		top: 90px;
	}

	#Emblem {
		min-height: 480px;
	}

	.emblem_fg {
		top: 200px;
	}

	#Benefactor {
		min-height: 540px;
	}

	.benefactor_fg {
		top: 150px;
	}

	#Footer .col-2 {
		display: none;
	}

	#NewSprays {
		min-height: 440px;
	}

	#AttackFx .spacer-md {
		margin: 0;
	}

	.attackfx_fg {
		display: none;
	}

	#Tribute {
		min-height: 680px;
	}

	#Tribute .spacer-md {
		margin-top: 20px;
	}

	#Tribute .padding-md {
		padding-bottom: 0px;
	}

	#Tribute .col-1 {
		display: none;
	}

	#Tribute .bottom {
		bottom: auto;
	}

	.tribute_fg {
		top: 200px;
	}

	.plus_reward_fg {
		top: 200px;
	}

	#Ward {
		min-height: 540px;
	}

	.ward_fg {
		top: 250px;
	}

	#RiverVials .padding-lg {
		padding: 10px;
	}

	#RiverVials .padding-bottom-sm {
		padding-bottom: 0px;
	}

	#RiverVials .col-2 {
		display: none;
	}

	#Taunts #SmallContent {
		min-height: 60px;
	}

	.custom-desc {
		font-size: 20px;
		line-height: 30px;
		color: #ebebeb;
		margin-bottom: 15px;
		text-shadow: 0px 0px 10px #C79123;
	}


	.buy_bg {
		display: none;
	}

	.buy_bg_bottom {
		display: none;
	}

	.footer-glow {
		height: 150px;
		opacity: 0.5;
		max-width: 100%;
	}

	.sparkles {
		display: none;
	}

	.seasonal_chatwheel_fg {
		display: none;
	}

	.JungleExpeditionLogo {
		max-width: 100%;
	}

	.seasonal_effects {
		max-height: 300px;
	}

	#JungleExpedition .spacer-lg {
		margin-top: 90px;
	}

	.consumable video {
		max-height: 400px;
	}

	.footer-logo {
		margin-bottom: 40px;
	}

	#Footer .footer-glow {
		height: 60px;
	}
}


@media only screen and (max-width: 800px) {


	#BuyButton {
		width: 100%;
		margin-bottom: 20px;
	}

	.buy-contain {
		display: block;
	}


	.BuyFlowersLeft {
		display: none;
	}

	.BuyFlowersRight {
		display: none;
	}

}