
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 5, 2013 */
@font-face {
	font-family: 'goudy_trajan_boldbold';
	src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot');
	src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.eot?#iefix') format('embedded-opentype'),
			url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.woff') format('woff'),
			url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.ttf') format('truetype'),
			url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-bold-pro-webfont.svg#goudy_trajan_boldbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'goudy_trajan_mediummedium';
	src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot');
	src: url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.eot?#iefix') format('embedded-opentype'),
			url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.woff') format('woff'),
			url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.ttf') format('truetype'),
			url('https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/goudytrajan-medium-pro-webfont.svg#goudy_trajan_mediummedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Quattrocento:400&subset=latin,latin-ext');

.Container
{
	min-width: 1050px;
}

.SubContainer
{
	width: 100%;
	position: relative;
}

body
{
	font-family: 'Radiance';
	background-color: #000000;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #999999;
}

*
{
	font-family: 'Radiance';
}

p, h1, h2, h3, h4, ul
{
	margin: 0 0 0 0;
}

div.Container
{
	width: 100%;
	position: relative;
}

div.Container .Inner
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1050px;
}

div.Container, div.Container .Inner
{
	background-position: top center;
	background-repeat: no-repeat;
}

div.Container.RepeatY, div.Container.RepeatY .Inner
{
	background-repeat: repeat-y;
}

ul, li
{
	font-family: 'Radiance';
	color: #999999;
	font-size: 18px;
	line-height: 30px;
}

li.Bold
{
	font-weight: normal;
	color: #FFFFFF;
}

figure
{
	font-family: 'Radiance';
	color: #999999;
	font-size: 18px;
	line-height: 30px;
	display: block;
	width: 949px;
	background-color: rgba( 0, 0, 0, 0.5 );
	padding: 42px 50px 42px 50px;
	margin: 0px 0px 2px 0px;
}

figure ul
{
	padding-left: 18px;
}

figure h1
{
	display: block;
	color: #FFFFFF;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
	padding-top: 15px;
	padding-bottom: 5px;
}

figure .Reworked
{
	padding-left: 5px;
	color: #FF5307;
}

figure .NewItem
{
	padding-left: 5px;
	color: #36D15E;
}

figure .Scepter
{
	padding-left: 5px;
	color: #00CCFF;
}

figure .Captains
{
	padding-left: 5px;
	color: #36D15E;
}

em, em del, ins
{
	/* Reset */
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-style: normal;
	text-decoration: none;
}

em
{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	margin-right: 5px;
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/700/gameplay/question_mark.png' );
}

em del
{
	display: block;
	visibility: hidden;
	width: 860px;
	background-color: #261E1C;
	color: #9f7e73;
	text-align: left;
	padding: 10px 15px 10px 15px;
	border: 1px solid black;
	position: absolute;
	margin-top: 17px;
	left: 92px;
	right: 0px;
	z-index: 1;
}

em:hover del
{
	visibility: visible;
}

ins
{
	display: inline-block;
	color: #BF9E93;
}

ins:hover
{
	color: #FFFFFF;
}

ins table
{
	display: block;
	visibility: hidden;
	background-color: #261E1C;
	color: #9f7e73;
	text-align: left;
	padding: 10px 15px 10px 15px;
	border: 1px solid black;
	position: absolute;
	top: 15px; /* margin-top: -150px; */
	right: 15px;
	z-index: 1;
	font-size: 14px;
	line-height: 18px;
}

ins table.Lefter
{
	right: 400px;
}

ins table td
{
	font-family: 'Inconsolata';
	font-size: 14px;
	padding-right: 10px;
	text-align: right;
}

ins table td b
{
	font-family: 'Inconsolata';
	font-size: 14px;
	font-weight: normal;
	color: #EFCEC3;
}

ins:hover table
{
	visibility: visible;
}

h2.OrangeBoxHeader
{
	display: table;
	font-family: 'Radiance';
	font-weight: normal;
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 2.2px;
	padding: 11px 19px 11px 19px;
	color: #FFFFFF;
	background: rgba(237,59,28,0.56);
	background: -moz-linear-gradient(left,  rgba(255,102,0,0.56) 0%, rgba(255,102,0,0.56) 1%, rgba(237,59,28,0.56) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,102,0,0.56) 0%,rgba(255,102,0,0.56) 1%,rgba(237,59,28,0.56) 100%);
	background: linear-gradient(to right,  rgba(255,102,0,0.56) 0%,rgba(255,102,0,0.56) 1%,rgba(237,59,28,0.56) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fff661c', endColorstr='#8fed3b1c',GradientType=1 );
}

h2.OrangeBoxHeader b
{
	color: #FF9249;
	font-weight: normal;
}

.Container:not(.BGRepeater) h2.OrangeBoxHeader
{
	margin-bottom: 25px;
}

#BG2, #BG2 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_02.jpg' );
	background-color: #000000;
	height: 1184px;
}

#BG2
{
	margin-top: -5px;
}

#BG2 .Inner.VideoInner, #BG2 .Inner.VideoMask
{
	padding-top: 0px;
	padding-left: 0px;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

#BG2 .KeyArt
{
	width: 100%;
	max-width: 1600px;
	height: 1184px;
	z-index: 0;
	display: inline-block;
	object-fit: cover;
	background-color: transparent;
}

#BG2 .Inner.VideoMask
{
	position: relative;
	top: -1184px;
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/keyart_mask.png' );
	background-color: transparent;
}

#BG3, #BG3 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_03.jpg' );
	background-color: #0b1017;
	height: 380px;
}

#BG3 h1
{
	width: 100%;
	padding-top: 112px;
	text-align: center;
}

#BG4, #BG4 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_04.jpg' );
	background-color: #291a1f;
	height: 972px;
}

#BG4 .Inner.VideoInner, #BG4 .Inner.VideoMask
{
	padding-top: 0px;
	padding-left: 0px;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

#BG4 .KeyArt
{
	width: 100%;
	max-width: 1600px;
	height: 972px;
	z-index: 0;
	display: inline-block;
	object-fit: cover;
	background-color: transparent;
}

#BG4 .Inner.VideoMask
{
	position: relative;
	top: -972px;
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo_mask.png' );
	background-color: transparent;
}

#BG4 .Inner.Overlay
{
	background: none;
	position: relative;
	top: -1944px;
	z-index: 100;
	pointer-events: none;
}

#BG4 h1
{
	font-size: 88px;
	font-family: 'Radiance-Bold';
	color: #ffffff;
	text-transform: uppercase;
	position: absolute;
	top: 360px;
	left: 390px;
	letter-spacing: 4px;
}

#BG5, #BG5 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_05.jpg' );
	background-color: #04060f;
	height: 832px;
}

#BG5 h2.OrangeGradient
{
	position: absolute;
	text-align: center;
	top: 77px;
	width: 100%;
}

#BG5 h3
{
	color: #999999;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 3px;
	padding-top: 11px;
	position: absolute;
	top: 131px;
	width: 100%;
	text-align: center;
}

#BG5 h3 img
{
	vertical-align: -2px;
}

#BG5 h3 i
{
	display: inline-block;
	width: 20px;
}

#BG5 h3 b
{
	color: #FFFFFF;
	font-weight: normal;
}

#BG5 p
{
	display: block;
	width: 780px;
	text-align: center;
	margin-left: 135px;
	color: #999999;
	font-size: 22px;
	position: absolute;
	top: 184px;
	line-height: 36px;
}

#BG6, #BG6 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_06.jpg' );
	background-color: #100907;
	height: 580px;
}

#BG6 h1
{
	font-family: goudy_trajan_mediummedium;
	font-size: 34px;
	font-weight: normal;
	color: #CCAF82;
	text-shadow: 2px 2px 2px #000000;
	margin-left: 125px;
	display: block;
	text-align: center;
	line-height: 42px;
	padding-top: 80px;
	width: 800px;
}

#BG6 p
{
	font-family: 'Quattrocento', Georgia, serif;
	color: #CCAF82;
	text-shadow: 2px 2px 2px #000000;
	margin-left: 125px;
	display: block;
	text-align: center;
	padding-top: 36px;
	font-size: 20px;
	line-height: 36px;
	width: 800px;
}

#BG7, #BG7 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_07.jpg' );
	background-color: #00070d;
	height: 956px;
}

#BG7 h2.OrangeGradient
{
	position: absolute;
	text-align: center;
	top: 76px;
	width: 100%;
}


.AbilityVideoContainer video
{
	position: absolute;
	top: 170px;
	left: 124px;
	visibility: collapse;
}

.AbilityVideoContainer .ButtonIconContainer
{
	position: absolute;
	top: 626px;
	left: 323px;
}

.AbilityVideoContainer a.ButtonIcon
{
	display: block;
	width: 58px;
	height: 58px;
	float: left;
	margin-right: 11px;
}

.AbilityVideoContainer .LargeIcon
{
	position: absolute;
	top: 733px;
	left: 198px;
	width: 111px;
	height: 111px;
}

.AbilityVideoContainer h2:not(.OrangeGradient)
{
	position: absolute;
	top: 743px;
	left: 327px;
	font-family: 'Radiance-Bold';
	font-size: 24px;
	color: #D8E6DC;
	text-transform: uppercase;
	letter-spacing: 3.6px;
	text-shadow: 0px 0px 25px rgba( 253, 255, 107, 0.62 );
	visibility: collapse;
}

.AbilityVideoContainer p
{
	position: absolute;
	top: 774px;
	left: 327px;
	width: 525px;
	font-size: 18px;
	line-height: 28px;
	visibility: collapse;
}

#BG7 .ButtonIconContainer
{
	position: absolute;
	top: 626px;
	left: 392px;
}

#BG7.ArmadilloSwashbuckleActive .ButtonIcon.ArmadilloSwashbuckle { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/small_1.png' ); cursor: default; }
#BG7.ArmadilloTailThumpActive .ButtonIcon.ArmadilloTailThump { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/small_2.png' ); cursor: default; }
#BG7.ArmadilloHeartpiercerActive .ButtonIcon.ArmadilloHeartpiercer { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/small_3.png' ); cursor: default; }
#BG7.ArmadilloGyroshellActive .ButtonIcon.ArmadilloGyroshell { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/small_4.png' ); cursor: default; }

#BG7:not(.ArmadilloSwashbuckleActive) .ButtonIcon:hover.ArmadilloSwashbuckle { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/hover_1.png' ); }
#BG7:not(.ArmadilloTailThumpActive) .ButtonIcon:hover.ArmadilloTailThump { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/hover_2.png' ); }
#BG7:not(.ArmadilloHeartpiercerActive) .ButtonIcon:hover.ArmadilloHeartpiercer { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/hover_3.png' ); }
#BG7:not(.ArmadilloGyroshellActive) .ButtonIcon:hover.ArmadilloGyroshell { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/hover_4.png' ); }

#BG7:not(.ArmadilloSwashbuckleActive) .ButtonIcon:not(:hover).ArmadilloSwashbuckle { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/dark_1.png' ); box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.5 ); }
#BG7:not(.ArmadilloTailThumpActive) .ButtonIcon:not(:hover).ArmadilloTailThump { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/dark_2.png' ); box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.5 ); }
#BG7:not(.ArmadilloHeartpiercerActive) .ButtonIcon:not(:hover).ArmadilloHeartpiercer { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/dark_3.png' ); box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.5 ); }
#BG7:not(.ArmadilloGyroshellActive) .ButtonIcon:not(:hover).ArmadilloGyroshell { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/dark_4.png' ); box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.5 ); }

#BG7.ArmadilloSwashbuckleActive .LargeIcon { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/icon_1.png' ); }
#BG7.ArmadilloTailThumpActive .LargeIcon { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/icon_2.png' ); }
#BG7.ArmadilloHeartpiercerActive .LargeIcon { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/icon_3.png' ); }
#BG7.ArmadilloGyroshellActive .LargeIcon { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/armadillo/icon_4.png' ); }

#BG7.ArmadilloSwashbuckleActive video.ArmadilloSwashbuckle { visibility: visible; }
#BG7.ArmadilloTailThumpActive video.ArmadilloTailThump { visibility: visible; }
#BG7.ArmadilloHeartpiercerActive video.ArmadilloHeartpiercer { visibility: visible; }
#BG7.ArmadilloGyroshellActive video.ArmadilloGyroshell { visibility: visible; }

#BG7.ArmadilloSwashbuckleActive h2.ArmadilloSwashbuckle { visibility: visible; }
#BG7.ArmadilloTailThumpActive h2.ArmadilloTailThump { visibility: visible; }
#BG7.ArmadilloHeartpiercerActive h2.ArmadilloHeartpiercer { visibility: visible; }
#BG7.ArmadilloGyroshellActive h2.ArmadilloGyroshell { visibility: visible; }

#BG7.ArmadilloSwashbuckleActive p.ArmadilloSwashbuckle { visibility: visible; }
#BG7.ArmadilloTailThumpActive p.ArmadilloTailThump { visibility: visible; }
#BG7.ArmadilloHeartpiercerActive p.ArmadilloHeartpiercer { visibility: visible; }
#BG7.ArmadilloGyroshellActive p.ArmadilloGyroshell { visibility: visible; }

#BG8, #BG8 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_08.jpg' );
	background-color: #040405;
	height: 972px;
}

#BG8 .Inner.VideoInner, #BG8 .Inner.VideoMask
{
	padding-top: 0px;
	padding-left: 0px;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

#BG8 .KeyArt
{
	width: 100%;
	max-width: 1600px;
	height: 972px;
	z-index: 0;
	display: inline-block;
	object-fit: cover;
	background-color: transparent;
}

#BG8 .Inner.VideoMask
{
	position: relative;
	top: -972px;
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy_mask.png' );
	background-color: transparent;
}

#BG8 .Inner.Overlay
{
	background: none;
	position: relative;
	top: -1944px;
	z-index: 100;
	pointer-events: none;
}

#BG8 h1
{
	font-size: 88px;
	font-family: 'Radiance-Bold';
	color: #FFFFFF;
	text-transform: uppercase;
	position: absolute;
	top: 660px;
	left: 370px;
	letter-spacing: 4px;
}

#BG9, #BG9 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_09.jpg' );
	background-color: #020410;
	height: 832px;
}

#BG9 h2.OrangeGradient
{
	position: absolute;
	text-align: center;
	top: 78px;
	width: 100%;
}

#BG9 h3
{
	color: #999999;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 3px;
	padding-top: 11px;
	position: absolute;
	top: 132px;
	width: 100%;
	text-align: center;
}

#BG9 h3 img
{
	vertical-align: -2px;
}

#BG9 h3 i
{
	display: inline-block;
	width: 20px;
}

#BG9 h3 b
{
	color: #FFFFFF;
	font-weight: normal;
}

#BG9 p
{
	display: block;
	width: 780px;
	text-align: center;
	margin-left: 135px;
	color: #999999;
	font-size: 22px;
	position: absolute;
	top: 185px;
	line-height: 36px;
}

#BG10, #BG10 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_10.jpg' );
	background-color: #060d16;
	height: 580px;
}

#BG10 h1
{
	font-family: goudy_trajan_mediummedium;
	font-size: 34px;
	font-weight: normal;
	color: #A2A2A2;
	text-shadow: 2px 2px 2px #000000;
	margin-left: 125px;
	display: block;
	text-align: center;
	line-height: 42px;
	padding-top: 80px;
	width: 800px;
}

#BG10 p
{
	font-family: 'Quattrocento', Georgia, serif;
	color: #A2A2A2;
	text-shadow: 2px 2px 2px #000000;
	margin-left: 125px;
	display: block;
	text-align: center;
	padding-top: 36px;
	font-size: 20px;
	line-height: 36px;
	width: 800px;
}

#BG11, #BG11 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_11.jpg' );
	background-color: #000612;
	height: 956px;
}

#BG11 h2.OrangeGradient
{
	position: absolute;
	text-align: center;
	top: 76px;
	width: 100%;
}

#BG11 video
{
	top: 171px;
	left: 124px;
}

#BG11 .ButtonIconContainer
{
	position: absolute;
	top: 626px;
	left: 358px;
}

#BG11.FairyBloodthornBrambleActive .ButtonIcon.FairyBloodthornBramble { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/small_1.png' ); cursor: default; }
#BG11.FairyShadowRealmActive .ButtonIcon.FairyShadowRealm { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/small_2.png' ); cursor: default; }
#BG11.FairyLeyConduitActive .ButtonIcon.FairyLeyConduit { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/small_3.png' ); cursor: default; }
#BG11.FairyWillOWispStrikeActive .ButtonIcon.FairyWillOWispStrike { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/small_4.png' ); cursor: default; }
#BG11.FairyWillOWispFearActive .ButtonIcon.FairyWillOWispFear { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/small_5.png' ); cursor: default; }

#BG11:not(.FairyBloodthornBrambleActive) .ButtonIcon:hover.FairyBloodthornBramble { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/hover_1.png' ); }
#BG11:not(.FairyShadowRealmActive) .ButtonIcon:hover.FairyShadowRealm { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/hover_2.png' ); }
#BG11:not(.FairyLeyConduitActive) .ButtonIcon:hover.FairyLeyConduit { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/hover_3.png' ); }
#BG11:not(.FairyWillOWispStrikeActive) .ButtonIcon:hover.FairyWillOWispStrike { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/hover_4.png' ); }
#BG11:not(.FairyWillOWispFearActive) .ButtonIcon:hover.FairyWillOWispFear { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/hover_5.png' ); }

#BG11:not(.FairyBloodthornBrambleActive) .ButtonIcon:not(:hover).FairyBloodthornBramble { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/dark_1.png' ); box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.5 ); }
#BG11:not(.FairyShadowRealmActive) .ButtonIcon:not(:hover).FairyShadowRealm { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/dark_2.png' ); box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.5 ); }
#BG11:not(.FairyLeyConduitActive) .ButtonIcon:not(:hover).FairyLeyConduit { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/dark_3.png' ); box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.5 ); }
#BG11:not(.FairyWillOWispStrikeActive) .ButtonIcon:not(:hover).FairyWillOWispStrike { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/dark_4.png' ); box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.5 ); }
#BG11:not(.FairyWillOWispFearActive) .ButtonIcon:not(:hover).FairyWillOWispFear { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/dark_5.png' ); box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.5 ); }

#BG11.FairyBloodthornBrambleActive .LargeIcon { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/icon_1.png' ); }
#BG11.FairyShadowRealmActive .LargeIcon { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/icon_2.png' ); }
#BG11.FairyLeyConduitActive .LargeIcon { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/icon_3.png' ); }
#BG11.FairyWillOWispStrikeActive .LargeIcon { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/icon_4.png' ); }
#BG11.FairyWillOWispFearActive .LargeIcon { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/fairy/icon_5.png' ); }

#BG11.FairyBloodthornBrambleActive video.FairyBloodthornBramble { visibility: visible; }
#BG11.FairyShadowRealmActive video.FairyShadowRealm { visibility: visible; }
#BG11.FairyLeyConduitActive video.FairyLeyConduit { visibility: visible; }
#BG11.FairyWillOWispStrikeActive video.FairyWillOWispStrike { visibility: visible; }
#BG11.FairyWillOWispFearActive video.FairyWillOWispFear { visibility: visible; }

#BG11.FairyBloodthornBrambleActive h2.FairyBloodthornBramble { visibility: visible; }
#BG11.FairyShadowRealmActive h2.FairyShadowRealm { visibility: visible; }
#BG11.FairyLeyConduitActive h2.FairyLeyConduit { visibility: visible; }
#BG11.FairyWillOWispStrikeActive h2.FairyWillOWispStrike { visibility: visible; }
#BG11.FairyWillOWispFearActive h2.FairyWillOWispFear { visibility: visible; }

#BG11.FairyBloodthornBrambleActive p.FairyBloodthornBramble { visibility: visible; }
#BG11.FairyShadowRealmActive p.FairyShadowRealm { visibility: visible; }
#BG11.FairyLeyConduitActive p.FairyLeyConduit { visibility: visible; }
#BG11.FairyWillOWispStrikeActive p.FairyWillOWispStrike { visibility: visible; }
#BG11.FairyWillOWispFearActive p.FairyWillOWispFear { visibility: visible; }

#BG12, #BG12 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_12.jpg' );
	background-color: #0b1017;
	height: 320px;
}

#BG12 h1
{
	width: 100%;
	padding-top: 121px;
	text-align: center;
}

#BG13, #BG13 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_13.jpg' );
	background-color: #040c1f;
	height: 774px;
}


#BG14, #BG14 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_14.jpg' );
	background-color: #040c1f;
	height: 862px;
}

#BG14 h2.OrangeGradient
{
	position: absolute;
	text-align: center;
	top: 13px;
	width: 100%;
}

#BG14 .AbilityVideoContainer h3.GraySubTitle
{
	position: absolute;
	top: 62px;
	width: 100%;
	text-align: center;
	font-size: 22px;
	color: #999999;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: normal;
	visibility: visible;
}

#BG14 video
{
	top: 135px;
	left: 129px;
}

#BG14.BundleArmadilloActive .ButtonIcon.BundleArmadillo { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/small_1.png' ); cursor: default; }
#BG14.BundleFairyActive .ButtonIcon.BundleFairy { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/small_2.png' ); cursor: default; }
#BG14.BundleWardActive .ButtonIcon.BundleWard { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/small_3.png' ); cursor: default; }
#BG14.BundleCourierActive .ButtonIcon.BundleCourier { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/small_4.png' ); cursor: default; }
#BG14.BundleTauntsActive .ButtonIcon.BundleTaunts { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/small_5.png' ); cursor: default; }

#BG14:not(.BundleArmadilloActive) .ButtonIcon:hover.BundleArmadillo { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/hover_1.png' ); }
#BG14:not(.BundleFairyActive) .ButtonIcon:hover.BundleFairy { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/hover_2.png' ); }
#BG14:not(.BundleWardActive) .ButtonIcon:hover.BundleWard { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/hover_3.png' ); }
#BG14:not(.BundleCourierActive) .ButtonIcon:hover.BundleCourier { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/hover_4.png' ); }
#BG14:not(.BundleTauntsActive) .ButtonIcon:hover.BundleTaunts { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/hover_5.png' ); }

#BG14:not(.BundleArmadilloActive) .ButtonIcon:not(:hover).BundleArmadillo { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/dark_1.png' ); box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.5 ); }
#BG14:not(.BundleFairyActive) .ButtonIcon:not(:hover).BundleFairy { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/dark_2.png' ); box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.5 ); }
#BG14:not(.BundleWardActive) .ButtonIcon:not(:hover).BundleWard { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/dark_3.png' ); box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.5 ); }
#BG14:not(.BundleCourierActive) .ButtonIcon:not(:hover).BundleCourier { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/dark_4.png' ); box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.5 ); }
#BG14:not(.BundleTauntsActive) .ButtonIcon:not(:hover).BundleTaunts { background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/dark_5.png' ); box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.5 ); }

#BG14.BundleArmadilloActive video.BundleArmadillo { visibility: visible; }
#BG14.BundleFairyActive video.BundleFairy { visibility: visible; }
#BG14.BundleWardActive video.BundleWard { visibility: visible; }
#BG14.BundleCourierActive video.BundleCourier { visibility: visible; }
#BG14.BundleTauntsActive video.BundleTaunts { visibility: visible; }

#BG14.BundleArmadilloActive h3.BundleArmadillo { visibility: visible; }
#BG14.BundleFairyActive h3.BundleFairy { visibility: visible; }
#BG14.BundleWardActive h3.BundleWard { visibility: visible; }
#BG14.BundleCourierActive h3.BundleCourier { visibility: visible; }
#BG14.BundleTauntsActive h3.BundleTaunts { visibility: visible; }

#BG14.BundleArmadilloActive h4.BundleArmadillo { visibility: visible; }
#BG14.BundleFairyActive h4.BundleFairy { visibility: visible; }
#BG14.BundleWardActive h4.BundleWard { visibility: visible; }
#BG14.BundleCourierActive h4.BundleCourier { visibility: visible; }
#BG14.BundleTauntsActive h4.BundleTaunts { visibility: visible; }

.VideoOverlay
{
	position: absolute;
	z-index: 300000;
}

#BG14.BundleArmadilloActive .VideoOverlay.BundleArmadillo {
	bottom: 280px;
	left: 676px;
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/overlay_1.png' );
	width: 662px;
	height: 346px;
}

#BG14.BundleFairyActive .VideoOverlay.BundleFairy {
	bottom: 410px;
	right: 720px;
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/overlay_2.png' );
	width: 438px;
	height: 500px;
}

#BG14.BundleWardActive .VideoOverlay.BundleWard {
	bottom: 500px;
	right: 780px;
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/overlay_3.png' );
	width: 294px;
	height: 348px;
}

#BG14.BundleCourierActive .VideoOverlay.BundleCourier {
	bottom: 500px;
	left: 840px;
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bundle/overlay_4.png' );
	width: 389px;
	height: 333px;
}


#BG14 .AbilityVideoContainer .ButtonIconContainer
{
	top: 646px;
	left: 393px;
}

#BG14 .AbilityVideoContainer a.ButtonIcon
{
	width: 48px;
	height: 48px;
	margin-right: 8px;
}


#BG14 .AbilityVideoContainer h3,
#BG14 .AbilityVideoContainer h4
{
	position: absolute;
	top: 570px;
	width: 100%;
	text-align: center;
	font-size: 22px;
	color: #D5D7D6;
	text-transform: uppercase;
	letter-spacing: 3px;
	visibility: collapse;
	font-family: Radiance-Semibold;
	font-weight: normal;
}

#BG14 .AbilityVideoContainer h4
{
	top: 600px;
	color: #999999;
	font-size: 18px;
	letter-spacing: 0px;
	text-transform: none;
	font-weight: normal;
}

#BG14 .BuyButton
{
	position: absolute;
	display: block;
	min-width: 338px;
	height: 62px;
	margin-left: 356px;
	text-align: center;
	top: 730px;
	font-size: 22px;
	letter-spacing: 2px;
	padding-top: 16px;
	color: #D5D7D6;
	text-transform: uppercase;
	text-shadow: none;
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/buynow.png' );

	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

#BG14 .BuyButton s
{
	color: #858786;
}

div.BuyButtonSubText
{
	position: absolute;
	display: block;
	top: 804px;
	font-size: 16px;
	text-align: center;
	width: 100%;
	color: #666666;
	letter-spacing: 1px;
}

#BG14 .BuyButton:hover
{
	color: #FFFFFF;
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/buynow_hover.png' );

	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

#BG15, #BG15 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_15.jpg' );
	background-color: #020a1c;
	height: 1040px;
}


#BG16, #BG16 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_16.jpg' );
	background-color: #0a1424;
	height: 520px;
}


#BG17, #BG17 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_17.jpg' );
	background-color: #050d19;
	height: 521px;
}


#BG18, #BG18 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_18.jpg' );
	background-color: #0a1424;
	height: 520px;
}

#BG19, #BG19 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_19.jpg' );
	background-color: #000e28;
	height: 520px;
}


#BG20, #BG20 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_20.jpg' );
	background-color: #0a1424;
	height: 520px;
}


#BG21, #BG21 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_21.jpg' );
	background-color: #0e1621;
	height: 520px;
}


#BG22, #BG22 .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/duelingfates/bg_22.jpg' );
	background-color: #0b1017;
	height: 320px;
}

#BG22 h1
{
	width: 100%;
	padding-top: 122px;
	text-align: center;
}


h1.OrangeGradient, h2.OrangeGradient, h3.OrangeGradient, h4.OrangeGradient
{
	display: table;
	font-weight: normal;
	text-transform: uppercase;
	color: #ff6600;
}

@supports ( background-image: -webkit-linear-gradient(left, #ff6600, #ed3b1c) )
{
	h1.OrangeGradient, h2.OrangeGradient, h3.OrangeGradient, h4.OrangeGradient
	{
		background-image: -webkit-linear-gradient(left, #ff6600, #ed3b1c);
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
	}
}

@supports ( background-image: -moz-linear-gradient(left, #ff6600, #ed3b1c) )
{
	h1.OrangeGradient, h2.OrangeGradient, h3.OrangeGradient, h4.OrangeGradient
	{
		background-image: -moz-linear-gradient(left, #ff6600, #ed3b1c);
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
	}
}

@supports ( background-image: -ms-linear-gradient(left, #ff6600, #ed3b1c) )
{
	h1.OrangeGradient, h2.OrangeGradient, h3.OrangeGradient, h4.OrangeGradient
	{
		background-image: -ms-linear-gradient(left, #ff6600, #ed3b1c);
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		-ms-background-clip: text;
	}
}

@supports ( background-image: -o-linear-gradient(left, #ff6600, #ed3b1c) )
{
	h1.OrangeGradient, h2.OrangeGradient, h3.OrangeGradient, h4.OrangeGradient
	{
		background-image: -o-linear-gradient(left, #ff6600, #ed3b1c);
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
	}
}

@supports ( background-image: linear-gradient(left, #ff6600, #ed3b1c) )
{
	h1.OrangeGradient, h2.OrangeGradient, h3.OrangeGradient, h4.OrangeGradient
	{
		background-image: linear-gradient(left, #ff6600, #ed3b1c);
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
	}
}

/* Why the hell does Edge say it @supports background-image linear-gradient, and
	also says it @supports background-clip text, but fails to do the right thing?!
	So now I have this terrible hack that hopefully lasts for long enough... */
@supports ( -ms-ime-align: auto ) {
	h1.OrangeGradient, h2.OrangeGradient, h3.OrangeGradient, h4.OrangeGradient
	{
		color: #ff6600;
	}
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{
	@media
	{
		h1.OrangeGradient, h2.OrangeGradient, h3.OrangeGradient, h4.OrangeGradient
		{ 
			color: #ff6600;
		}
	}
}

h1.OrangeGradient
{
	font-family: 'Radiance-Bold';
	font-size: 63px;
	letter-spacing: 3.5px;

}

h2.OrangeGradient
{
	font-family: 'Radiance';
	font-size: 42px;
	letter-spacing: 4px;
}

h3.OrangeGradient
{
	font-family: 'Radiance';
	font-size: 30px;
	letter-spacing: 0px;
	-webkit-text-stroke: 0.2px;
	-moz-text-stroke: 0.2px;
	text-stroke: 0.2px;
}

h4.OrangeGradient
{
	font-family: 'Radiance';
	font-size: 24px;
	letter-spacing: 2.4px;
	-webkit-text-stroke: 0.2px;
	-moz-text-stroke: 0.2px;
	text-stroke: 0.2px;
}

h1.Callout
{
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 5.4px;
	font-size: 36px;
	font-weight: normal;
	width: 510px;
	padding-top: 112px;
	margin-left: 54px;
	display: block;
}

p.Callout
{
	width: 460px;
	padding-top: 10px;
	margin-left: 55px;
	font-size: 18px;
	color: #999999;
	line-height: 30px;
	display: block;
}

h1.Callout.Right
{
	margin-left: 540px;
}

p.Callout.Right
{
	margin-left: 540px;
}


.BGRepeater
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/700/gameplay/bg_repeater.jpg' );
	background-repeat: repeat-y !important;
	background-color: #141517;
}

#BGGameplay
{
	background-repeat: no-repeat;
	background-position: top center;
}

#BGGameplay .Inner
{
	padding-top: 100px;
	padding-left: 50px;
	padding-bottom: 75px;
}

#BGGameplay h2
{
	margin-bottom: 22px;
}

#BGRegen
{
	background-repeat: no-repeat;
	background-position: top center;
}

#BGRegen .Inner
{
	padding-left: 50px;
	padding-bottom: 75px;
}

#BGRegen h2
{
	margin-bottom: 22px;
}

#BGStat
{
	background-repeat: no-repeat;
	background-position: top center;
}

#BGStat .Inner
{
	padding-left: 50px;
	padding-bottom: 75px;
}

#BGStat h2
{
	margin-bottom: 22px;
}

#BGOtherstuff
{
	background-repeat: no-repeat;
	background-position: top center;
}

#BGOtherstuff .Inner
{
	padding-left: 50px;
	padding-bottom: 75px;
}

#BGOtherstuff h2
{
	margin-bottom: 22px;
}

#BGItems
{
	background-repeat: no-repeat;
	background-position: top center;
}

#BGItems .Inner
{
	padding-left: 50px;
	padding-bottom: 75px;
}

#BGItems h2
{
	margin-bottom: 22px;
}

#BGItems figure img
{
	width: 85px;
	height: 64px;
}

#BGHeroes
{
	background-repeat: no-repeat;
	background-position: top center;
}

#BGHeroes .Inner
{
	padding-left: 50px;
	padding-bottom: 100px;
}

#BGHeroes h2
{
	margin-bottom: 22px;
}

#BGHeroes figure ol
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/700/gameplay/hero_tree_icon.png' );
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 80px;
	margin: 10px 0px 0px 0px;
	list-style-type: none;
}

#BGHeroes figure ol b
{
	display: inline-block;
	padding: 0px 15px;
	font-weight: normal;
	color: #FFFFFF;
}

#BGHeroes figure img
{
	width: 113px;
	height: 64px;
}

#Footer, #Footer .Inner
{
	background-image: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/images/700/footer.jpg' );
	background-color: #000000;
	height: 287px;
}

#Otherstuff a:not(:hover)
{
	color: #B39165;
}