@charset "utf-8";

*, html, body, td
{
	font-family: 'Radiance';
	color: #999999;
}

p
{
	font-size: 18px;
	line-height: 28px;
}

.Outer
{
	background-color: #000;
}

#BG9, #BG10, #BG11, #BG12
{
	background-color: #000;
}

#BG13
{
	background-color: #000;
}

#BG14
{
	background-color: #000000;
}

.Outer, .Inner
{
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	background-repeat: no-repeat;
}

.Inner
{
	position: relative;
	width: 1024px;
}

#BG1, #BG1 .Inner
{
	background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/bg_1.png' );
	height: 1381px;
}

#BG1
{
    background-color: #000;
    text-align: center;
    line-height: 80px;
}

#BG1 #Header1
{
	padding-top: 740px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 24px;
	color: white;
	line-height: 36px;
	font-weight: bold;
  	background: linear-gradient(to bottom, #50a7a7 96%, #fff 99%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 18px #00000080;
}

#BG1 #Header3
{
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: bold;
	color: white;
	font-size: 24px;
	margin-top: -40px;
	margin-bottom: 0px;
	background: linear-gradient(to bottom, #50a7a7 28%, #fff 48%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 18px #00000090;
}

#BG1 #Header4
{
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: bold;
  	background: linear-gradient(to right, transparent 05%, #3d626a, transparent 95%);
	color: #fff;
	font-size: 18px;
	line-height: 48px;
	text-shadow: 0 0 12px #58cbc2;
}


#FrostivusLogo
{
	background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/frosthavenLogo.png' );
	width: 100%;
	height: 190px;
	margin-top: -4px;
	background-size: 1024px 210px;
	background-repeat: no-repeat;
	background-position: center;

			background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/frosthavenLogo.png' );
	}

#BG2, #BG2 .Inner
{
	height: 872px;
}

#BG2
{
	background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/bg_2.png' );
}

#BG2 .Inner
{
}

#BG2 h1,
#BG2 h2
{
	font-family: 'PT Serif', serif;
	color: #4a3316;
}

#BG2 p
{
	color: #4a3316;
}

#BG2 h1
{
	width: 100%;
	text-align: center;
	font-size: 32px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 3px;
}

.FrosthavenExplain h3
{
	color: #38316c;
	font-family: 'PT Serif', serif;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;

	margin-bottom: 40px;
	margin-top: 12px;
}

.Column1, .Column2, .Column3
{
	width:33%;
    float:left;
    padding-left: 16px;
}

#AboutImage,
#ConsumablesImage,
#RewardsImage
{
	width: 100%;
	height: 180px;
	background-color: red;
	border: 8px solid #c8b8a1;
}

#AboutImage
{
	background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/about_thumbnail.png' );
}

#ConsumablesImage
{
	background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/consumables_thumbnail.png' );
}

#RewardsImage
{
	background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/rewards_thumbnail.png' );
}

.FrosthavenExplain h2,
.GingerbreadRoshan h2,
.ImmortalBundle h2
{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;

	margin-top: 21px;
}

.Frosthaven_Description
{
	text-align: center;
	width: 800px;
	margin: 0 auto;
}

.FrosthavenExplain p,
.GingerbreadRoshan p,
.ImmortalBundle h2
{
	font-size: 16px;
	line-height: 24px;

	margin-top: 10px;
}

.GingerbreadRoshan
{
	position: relative;
	top: 124px;
	margin-left: 300px;
	margin-right: 80px;
}


#BG3 .ArcanaVideo
{
	margin-top: 80px;
}

#BG3 #ArcanaBig
{
	width: 431;
	height: 798;

	margin-left: 750px;
	margin-top: -500px;
	margin-right: -80px;

	position: relative;
	display: block;
}

#BG3
{
	height: 1357px;
	text-align: center;
	background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/bg_3.png' );
}

#BG3 .Inner
{
	top: 400px;
}

#BG3 #RubickArcanaLogo
{
	background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/magusCypher.png' );
	width: 92%;
	height: 190px;
	right: 30px;
	background-size: contain;
	background-repeat: no-repeat;

			background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/magusCypher.png' );
	}

#BG3 h2
{
	font-weight: bold;
	font-size: 21px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-top: -20px;
	padding-bottom: 20px;
	color: white;
	background: linear-gradient(to bottom, #02a0df 40%, #004073 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 24px #02a0df;
}

.videoOverlay
{
	position: absolute;
	background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/Rubick_overlay.png' );
	width: 1485px;
	height: 1075px;
	top: 0px;
	left: -200px;
	z-index: 9001;
}


#BG4, #BG4 .Inner
{
	height: 665px;
}

#BG4
{
    background-color: #000;
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/bg_4.png' );
}

#BG4 h1
{
	margin-left: auto;
	margin-right: auto;

	text-align: center;

	color: #ddbc44;

	text-transform: uppercase;
	font-size: 30px;
	letter-spacing: 2px;
	font-weight: bold;

	padding-top: 150px;
}

#BG4 h2
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;

	color: #fff;

	width: 840px;
	line-height:42px;
	font-size: 20px;
	font-weight: 100;

	margin-top: 40px;
}

.ArcanaVideo
{
	margin-left: auto;
	margin-right: auto;

	width: 944px;
	height: 472px;

	margin-top: 0px;
	position: relative;
	top: 0px;

	display: inline-block;

    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
}

#BG5
{
	background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/bg_5.png' );
	height: 1760px;
	background-color: #000;
}

#BG5 #GameHeader
{
	padding-top: 100px;
	font-size: 40px;
	font-weight: bold;
	color: white;
	text-shadow: 0px 0px 20px #28ff40, 0px 0px 20px #28ff40;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 4px;
	line-height: 54px;
}

#BG5 #GameHeader b
{
	font-weight: bold;
	padding-top: 100px;
	font-size: 40px;
	color: #28ff40;
	text-shadow: 0px 0px 20px #28ff40, 0px 0px 20px #28ff40;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 54px;
}

#BG5 #GameCopy
{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	padding-top: 20px;
	color: white;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
}

#SpellCount
{
	margin-top: 60px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: bold;
	color: #28ff40;
	font-size: 18px;
	line-height: 48px;
	text-shadow: 0 0 12px #28ff40;
}

#SpellList
{
	margin-top: -40px;
}

#UnlockArtwork
{
	z-index: -1;
	overflow: hidden;
}

.activeSlide img
{
	border: none;
}

#ItemEffectsContainer
{
	margin-top: -130px;
}

.ItemEffectsImageContainer.activeSlide 
{ 
	padding: 12px;
}

.ItemEffectsImageContainer.activeSlide .ItemEffectOverlay
{
	width: 100%;
	height: 100%;
	opacity: 0.8;

	position: absolute;
	bottom: 2px;
	right: 0px;

	background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/spell_border.png' );
	background-size: cover;
	background-repeat: no-repeat;
}

.ItemEffectsImageContainer
{
	margin: 6px;
}

.ItemEffectImage
{
    cursor: pointer;
}

#ItemEffectsSelectorWrapper
{
    width: 1060px;
    display: block;
    position: relative;
    top: 0px;
    margin-right: auto;
    margin-left: auto;
}

#ItemEffectsNav
{
    display: inline-block;
    position: relative;
    margin-right: 60px;
}

.ItemEffectsNavLevel
{
	display: none;
}

#BGI, #BGI .Inner
{
	height: 955px;
}

#BGI
{
	background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/bg_i.png' );
	height: 812px;
}

.ImmortalVideo
{
	margin-left: 42px;
	margin-right: auto;

	width: 944px;
	height: 472px;

	margin-top: 0px;
	position: relative;
	top: 0px;

	display: inline-block;

    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
}

.ImmortalBundle
{
	border-top: 1px solid #d39b3690;
	width: 944px;
	margin-left: 42px;
	padding-top: 20px;
	padding-bottom: 40px;
	text-align: left;
	background: linear-gradient(0deg, #d39b3610 0%, #d39b3620 35%, #d39b3633 100%);

}

#ImmortalOverlay
{
	position: absolute;
	width: 260px;
	height: 380px;
	top: 350px;
	left: 20px;
	z-index: 9001;
}

.ImmortalBundle h2 
{
	margin-bottom: 4px;
	color: white;
}

.ImmortalBundle h2,
.ImmortalBundle p
{
	padding-left: 220px;
	padding-right: 40px;
}

#BG6, #BG6 .Inner
{
	background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/bg_6.png' );
	height: 848px;
	background-color: #000;
}

#BG6 #StyleHeader
{
	padding-left: 500px;
	padding-top: 340px;
	font-size: 24px;
	text-transform: uppercase;
	color: white;
	letter-spacing: 3px;
}

#BG6 #StyleName
{
	padding-left: 500px;
	font-size: 40px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-shadow: 0px 0px 20px #97f9b8, 0px 0px 20px #97f9b8;
	color: white;
}

#BG6 #StyleCopy
{
	padding-left: 500px;
	padding-top: 20px;
	color: #999999;
	font-size: 18px;
	width: 900px;
	line-height: 30px;
	text-shadow: 0px 0px 40px black;

}

#BG6 .ArcanaVideo
{
	margin-top: 400px;
	margin-left: 40px;
	margin-right: 40px;
}

.ArcanaVideo
{
	background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/rubick_arcana/rubcik_arcana_01.png' );
}


#BG6 #IncludesHeader
{
	color: #97f9b8;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	font-size: 24px;
}

#BG6 #IncludesHeaderSub
{
	color: #585858;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 40px;
	font-size: 17px;
	font-weight: bold;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	line-height: 24px;
}

#BG6 #IncludesBullets
{
	font-family: Radiance;
	text-align: center;
	font-size: 22px;
	line-height: 32px;
	padding-top: 30px;
	padding-left: 70px;
	padding-right: 70px;
}

#BG6 #BuyNow
{
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #DDDDDD;
	font-size: 24px;
	text-align: center;
	margin-top: 64px;
	padding-top: 16px;
	cursor: pointer;
	width: 250px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	transition: color 0.1s ease-in-out, text-shadow 0.1s ease-in-out, border 0.1s ease-in-out, background-color 0.1s ease-in-out;

	border: 1px solid #62a380;
	background-color: #010e15;

	-webkit-box-shadow: 
	0px 0px 200px #3e6751, 
	inset 0 0 32px #3e6751;
	-moz-box-shadow: 
	0px 0px 200px #3e6751, 
	inset 0 0 32px #3e6751;
	-o-box-shadow: 
	0px 0px 200px #3e6751, 
	inset 0 0 32px #3e6751;
	box-shadow: 
	0px 0px 200px #3e6751, 
	inset 0 0 32px #3e6751;
}

#BG6 #BuyNow:hover
{
	color: white;
	text-shadow: 0px 0px 10px #97f9b8;
	border: 1px solid #3e6751;
	background-color: #010e15;

}

#Footer
{
    background-color: black;
}

#Footer .Inner
{
    height: 267px;
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/bladeform_legacy/footer.jpg' );
}