.Container, .Content
{
    margin-left: auto;
    margin-right: auto;
    background-position: top center;
    background-repeat: no-repeat;
}

.Content
{
    position: relative;
    width: 1000px;
}

body
{
    font-family: 'Radiance', Verdana;
    -webkit-text-stroke: 0.2px;
    min-width: 1000px;
}

#BG1
{
    height: 2035px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/bg1.jpg);
    margin-top: -190px;
}

.BG1Top
{
    display: block;
    position: relative;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    color: #86acd4;
    letter-spacing: 2px;
    z-index: 32;
}

#BG1 H1
{
    text-shadow: 5px 2px 9px rgba(0, 0, 0, 0.75);
    font-size: 55pt;
    text-align: center;
    text-transform: uppercase;
    padding-top: 830px;
    color: #abd8dd;
    letter-spacing: 1px;
    -webkit-text-stroke: 0.0px;
    text-shadow: 0px 0px 30px #420fff;
    z-index: 31;
}

.BG1TextBlock
{
    position: relative;
    width: 680px;
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
    color: #999999;
    line-height: 38px;
    margin-left: auto;
    margin-right: auto;
    z-index: 22;
}

#BG1PurchaseButton
{
    text-align: center;
    font-size: 30px;
    letter-spacing: 6px;
    padding-top: 12px;
    color: #e7e7e8;
    width: 255px;
    height: 55px;
    position: absolute;
    top: 1700px;
    left: 369px;
    font-weight: bold;
    -webkit-text-stroke: 0.0px;
}

#BG1PurchaseButton:hover
{
    color: #FFFFFF;
    text-shadow: 0px 0px 15px #8fc4d5, 0px 0px 15px #8fc4d5;
}

#BG2
{
    height: 1793px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/bg2.jpg);
    background-color: #0a0e1b;
}

#BG2 H1
{
    text-shadow: 0px 0px 15px #0f53ff, 0px 0px 30px #0f53ff;
    font-size: 36pt;
    text-align: center;
    text-transform: uppercase;
    padding-top: 555px;
    color: #abcef3;
    letter-spacing: 1px;
    -webkit-text-stroke: 0.0px;
}

.BG2BotInfo
{
    width: 610px;
    text-align: center;
    font-size: 16px;
    color: #999999;
    line-height: 26px;
    margin-top: 1030px;
    margin-left: auto;
    margin-right: auto;
}

.QuestRewardsHeader
{
    margin-top:20px;
    font-family:goudy_trajan_mediummedium;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    width: 340px;
    padding-left: 5px;
    margin-left: 11px;
    margin-right: 11px;
    display: inline-block;
    line-height: 26px;
    color: #cad2d8;
    text-shadow: 0px 0px 15px #000000, 0px 0px 30px #000000;
    -webkit-text-stroke: 0.0px;
    vertical-align: middle;
}

.QuestRewardsType
{
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    width: 340px;
    padding-left: 5px;
    margin-left: 11px;
    margin-right: 11px;
    display: inline-block;
    line-height: 26px;
    vertical-align: top;
    color: #89acbf;
    letter-spacing: 2px;
    -webkit-text-stroke: 0.0px;
}

.QuestRewardsBlueFont
{
    color: #86acd4;
}

#BG3
{
    height: 1331px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/bg3.jpg);
    background-color: #0a0e1b;
}

.ShowUnlock
{
    border-style: solid;
    border-width: 1px;
    border-color: #547ca8;
    padding: 5px 12px 4px 15px;
    text-align: center;
    display: inline-block;
    width: auto;
    font-size: 16px;
    cursor: pointer;
    color: #98c5e2;
    text-shadow: 0px 0px 10px #547ca8, 0px 0px 20px #1665dc, 0px 0px 30px #547ca8, 0px 0px 30px #547ca8, 0px 0px 40px #547ca8, 0px 0px 40px #547ca8;
}

.ShowUnlock:hover
{
    color: #c2d4e9;
    text-shadow: 0px 0px 30px #c2d4e9, 0px 0px 40px #c2d4e9;
}

#BG4
{
    height: 2148px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/bg4.jpg);
    background-color: #160f16;
}

#BG4 H1
{
    text-shadow: 0px 0px 30px #ff0f0f;
    font-size: 36pt;
    text-align: center;
    text-transform: uppercase;
    color: #f4d3b5;
    letter-spacing: 1px;
    -webkit-text-stroke: 0.0px;
}

.HowItWorksText
{
    color: #86acd4;
    text-transform: uppercase;
    font-size: 18px;
    font-style: italic;
    display: block;
    position: absolute;
    top: 605px;
    left: 30px;
    z-index: 10;
    -webkit-text-stroke: 0.0px;
}

#WageringStepsContainer
{
    width: 1020px;
    display: block;
    position: relative;
    padding-top: 780px;
    padding-left: 18px;
    padding-right: 10px;
}

.WageringSteps
{
    vertical-align: top;
    display: inline-block;
    width: 235px;
    padding-left: 5px;
    padding-right: 10px;
    margin-left: 4px;
    margin-right: 4px;
    position: relative;
    text-align: left;
    line-height: 22px;
    font-size: 17px;
}

.WageringSteps H2
{
    color: #86acd4;
    font-size: 36px;
    text-align: left;
    margin-bottom: 10px;
}

#BG5
{
    height: 701px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/bg5.jpg);
    background-color: #0c1310;
}

#BG5 H1
{
    text-shadow: 0px 0px 30px #0f5eff;
    font-size: 36pt;
    text-align: center;
    text-transform: uppercase;
    padding-top: 130px;
    color: #b4eccd;
    letter-spacing: 1px;
    -webkit-text-stroke: 0.0px;
}

#BG6
{
    height: 2096px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/bg6.jpg);
    background-color: #071018;
}

#BG6 H1
{
    text-shadow: 0px 0px 15px #580fff, 0px 0px 30px #580fff;
    font-size: 34pt;
    text-transform: uppercase;
    padding-right: 250px;
    padding-top: 133px;
    color: #bce3ff;
    letter-spacing: 1px;
    text-align: right;
}

#BG7
{
    height: 5148px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/bg7.jpg);
    background-color: #130d17;
}

#BG7 H1
{
    text-shadow: 0px 0px 30px #0f86ff;
    font-size: 36pt;
    text-align: center;
    text-transform: uppercase;
    padding-top: 118px;
    margin-left: -25px;
    color: #dad2fb;
    letter-spacing: 1px;
    -webkit-text-stroke: 0.0px;
}

#BG8
{
    height: 1560px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/bg8.jpg);
    background-color: #081116;
}

#BG8 H1
{
    text-shadow: 0px 0px 30px #0fffa7;
    font-size: 36pt;
    text-align: center;
    text-transform: uppercase;
    padding-top: 115px;
    color: #c2ebed;
    letter-spacing: 1px;
    -webkit-text-stroke: 0.0px;
}

#BG9
{
    height: 1962px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/bg9.jpg);
    background-color: #050912;
}

#BG9 H1
{
    text-shadow: 0px 0px 30px #0ffff1;
    font-size: 26pt;
    text-align: center;
    text-transform: uppercase;
    padding-top: 230px;
    color: #b0eaff;
    letter-spacing: 1px;
    -webkit-text-stroke: 0.0px;
}

.BG9Header
{
    width: 655px;
    text-align: center;
    font-size: 18px;
    color: #5b99c5;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    letter-spacing: 1px;
}

#BG10
{
    height: 1227px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/bg10.jpg);
    background-color: #000000;
}

.BattleRewardsDesc
{
    width: 655px;
    text-align: center;
    font-size: 18px;
    color: #999999;
    line-height: 26px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 85px;
    letter-spacing: 1px;
}

.BattleRewardsDescBot
{
    color: #dad2fb;
    padding-top: 20px;
    text-transform: uppercase;
    -webkit-text-stroke: 0.0px;
    text-shadow: 0px 0px 10px #0f86ff, 0px 0px 20px #0f86ff;
}

.BattleRewardsInfo
{
    width: 650px;
    text-align: center;
    font-size: 16px;
    color: #999999;
    line-height: 26px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1030px;
}

.RewardsBottomDescText
{
    display: block;
    position: relative;
    padding-top: 1020px;
    text-align: center;
    z-index: 39;
}

.RewardsBottomInfoBlock
{
    width: 720px;
    position: relative;
    text-align: center;
    font-size: 16px;
    color: #999999;
    line-height: 26px;
    z-index: 2;
    padding-top: 970px;
    margin-left: auto;
    margin-right: auto;
}

.InfoBlock
{
    width: 425px;
    position: absolute;
    text-align: left;
    font-size: 16px;
    color: #999999;
    line-height: 26px;
    padding-left: 25px;
    padding-right: 5px;
    z-index: 48;
}

.WhiteInfoHeaderText
{
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 20px;
    color: #FFFFFF;
}


.BG2HeaderText
{
    text-transform: uppercase;
    font-size: 24px;
    color: #abcef3;
    margin-bottom: 20px;
    text-shadow: 0px 0px 10px #0f53ff, 0px 0px 20px #0f53ff;
}

.BG6HeaderText
{
    text-transform: uppercase;
    font-size: 24px;
    color: #bce3ff;
    margin-bottom: 20px;
    text-shadow: 0px 0px 10px #580fff, 0px 0px 20px #580fff, 0px 0px 30px #580fff;
}

.LighterBlueInfoHeaderText
{
    text-transform: uppercase;
    font-size: 24px;
    color: #95e2ff;
    margin-bottom: 20px;
    text-shadow: 0px 0px 10px #629ac3, 0px 0px 20px #629ac3;
}

.BG3HeaderText
{
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 20px;
    color: #f4d3b5;
    text-shadow: 0px 0px 10px #ff0f0f, 0px 0px 20px #ff0f0f;
}

.BG5HeaderText
{
    text-transform: uppercase;
    font-size: 24px;
    color: #b4eccd;
    margin-bottom: 20px;
    text-shadow: 0px 0px 10px #0f5eff, 0px 0px 20px #0f5eff;
}

.LightGreenInfoHeaderText
{
    text-transform: uppercase;
    font-size: 24px;
    color: #c2ebed;
    margin-bottom: 20px;
    text-shadow: 0px 0px 20px #0fffa7;
}

.LightPurpleInfoHeaderText
{
    text-transform: uppercase;
    font-size: 24px;
    color: #dad2fb;
    margin-bottom: 20px;
    text-shadow: 0px 0px 10px #0f86ff, 0px 0px 20px #0f86ff;
}

.PurpleInfoHeaderText
{
    text-transform: uppercase;
    font-size: 24px;
    color: #5c59cc;
    margin-bottom: 20px;
}

#WinterCycler
{
    width: 800px;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 90px;
    z-index: 3;
    -webkit-box-shadow: 5px 5px 15px 10px rgba(0,0,0,0.25);
    -moz-box-shadow: 5px 5px 15px 10px rgba(0,0,0,0.25);
    box-shadow: 5px 5px 15px 10px rgba(0,0,0,0.25);
}

#WinterOverlay
{
    position: absolute;
    width: 686px;
    height: 669px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/winter-overlay.png);
    top: 265px;
    left: -235px;
    z-index: 4;
}

#HeroReward1
{
    position: absolute;
    top: 120px;
    left: -250px;
    width: 564px;
    height: 746px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/lichmodel.png);
}

#HeroRewardAlt1
{
    position: absolute;
    top: 90px;
    left: -175px;
    width: 493px;
    height: 745px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/lichaltmodel.png);
    display: none;
}

#HeroReward2
{
    position: absolute;
    top: 110px;
    left: 295px;
    width: 489px;
    height: 675px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/linamodel.png);
}

#HeroRewardAlt2
{
    position: absolute;
    top: 110px;
    left: 275px;
    width: 491px;
    height: 674px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/linaaltmodel.png);
    display: none;
}

#HeroReward3
{
    position: absolute;
    top: 135px;
    left: 640px;
    width: 433px;
    height: 611px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/dkmodel.png);
}

#HeroRewardAlt3
{
    position: absolute;
    top: 125px;
    left: 620px;
    width: 465px;
    height: 673px;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/dkaltmodel.png);
    display: none;
}

.languages
{
    padding-top: 100px;
    text-align: center;
}

.ProgressBarWrapper
{
    width: 152px;
    height: 24px;
    display: inline-block;
    position: relative;
    text-align: center;
    overflow: hidden;
    padding-top: 4px;
}

.ProgressBarOuter
{
    display: block;
    text-align: left;
    position: relative;
    width: 152px;
    height: 16px;
    border-style: solid;
    border-width: 1px;
    border-color: #425974;
    padding: 2px 2px 2px 2px;
}

.ProgressBarInner
{
    display: inline-block;
    background: #5d87bc; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#919ba9, #3e6fad); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#919ba9, #3e6fad); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#919ba9, #3e6fad); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#919ba9, #3e6fad); /* Standard syntax */
    height: 10px;
    z-index: 12;
    text-align: right;
    overflow: visible;
}

.ProgressBarGlow
{
    width: 68px;
    display: inline-block;
    position: relative;
    float: right;
    margin-right: -5px;
    margin-top: -13px;
    z-index: 13;
    overflow: visible;
}

.BattlePassLogo
{
    position: relative;
    height: 115px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    z-index: 2;
}

.BattlePassLogo img
{
    z-index: 3;
}

.CommunityGoalText
{
    font-size: 10px;
    display: block;
    position: relative;
}

.TokenCaptionText
{
    text-transform: uppercase;
    color: #86acd4;
}

#TopVideoDiv
{
    position: absolute;
    display: block;
    min-width: 1000px;
    height: 1300px;
    z-index: 1;
    top: 279px;
    left: -150px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.TopVideo
{
    display: block;
    min-width: 1000px;
    height: 1300px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#courier1
{
    width: 700px;
    height: 654px;
    position: absolute;
    display: block;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/courier/1.png);
    top: 2525px;
    left: 400px;
}

#courier2
{
    width: 689px;
    height: 563px;
    position: absolute;
    display: none;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/courier/2.png);
    top: 2525px;
    left: 400px;
}

#courier3
{
    width: 670px;
    height: 580px;
    position: absolute;
    display: none;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/courier/3.png);
    top: 2550px;
    left: 400px;
}

#courier4
{
    width: 613px;
    height: 527px;
    position: absolute;
    display: none;
    background-image:url(https://cdn.steamstatic.com/apps/dota2/images/battlepass/courier/4.png);
    top: 2565px;
    left: 400px;
}