@import url(https://fonts.googleapis.com/css?family=Neuton:400,700,400italic&subset=latin,latin-ext);

@font-face {
    font-family: 'Radiance';
    src: url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot' );
    src: url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix') format('embedded-opentype'),
         url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff') format('woff'),
         url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf') format('truetype'),
         url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance.svg#ywftsvg') format('svg' );
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Radiance-SemiBold';
    src: url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot' );
    src: url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix') format('embedded-opentype'),
         url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff') format('woff'),
         url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf') format('truetype'),
         url( 'https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.svg#ywftsvg') format('svg' );
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #000000;
    padding: 0;
    margin: 0;
    text-align: left;
    color: black;
    overflow-x: hidden;
}

.Body {
    font-size: 19px;
    line-height: 26px;
    font-family: 'Radiance', Verdana;
    text-shadow: 1px 1px 2px #000000;
    -webkit-text-stroke-width: 0.3px;
    text-stroke-width: 0.3px;
}

.Body strong {
    font-size: 19px;
    line-height:26px;
    font-family: 'Radiance', Verdana;
    text-shadow: 1px 1px 2px #000000, 0px 0px 3px #000000, 0px 0px 2px #000000;
    font-weight: normal;
}

.Container {
    background-position: top center;
    background-repeat: repeat-y;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.Content {
    background-position: top center;
    background-repeat: repeat-y;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 1600px;
}

ul {
    margin: 0px;
    color: #817b77;
    font-size: 16px;
}

li {
    font-family: 'Radiance', Verdana;
    margin-left: -22px;
}

p, span {
    margin: 0;
    font-family: 'Radiance', Verdana;
    color: #99938F;
    font-size: 16px;
    line-height: 22px;
}

a {
    font-family: 'Radiance', Verdana;
    font-size: 16px;
}

.Copy {
    width: 760px;
    padding: 0px;
}

#Container_Main, #Container_Title {
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -800px;
    width: 1600px;
}

#Container_SectionA {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//techies/bg_02.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 1130px;
}

#Container_SectionB {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//techies/bg_03.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 258px;
}

#Container_SectionC {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//techies/bg_04.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 746px;
}

#Container_SectionD {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//techies/bg_05.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 1098px;
}

#Container_SectionE {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//techies/bg_06.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 470px;
}

#Container_SectionF {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//techies/bg_07.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 566px;
}

#Container_SectionG {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//techies/bg_08.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 738px;
}

#Container_SectionH {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//techies/bg_09.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 490px;
}

#Container_SectionI {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//techies/bg_10.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 445px;
}

#Container_SectionJ {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//techies/bg_11.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 643px;
}

#Container_SectionK {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//techies/bg_12.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 467px;
}

#Container_SectionL {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//techies/bg_13.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 629px;
}

#Container_SectionM {
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images//techies/bg_14.jpg' );
    background-position: top center;
    background-repeat: no-repeat;
    height: 537px;
}

#Body_SectionB {
    width: 650px;
    text-align: center;
    padding-top: 28px;
    margin-left: 485px;
}

#Body_SectionB h2 {
    font-size: 23px;
    color: #CCB69B;
    font-family: 'Neuton', serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-shadow: 0px 0px 18px #C54708, 0px 0px 18px #C54708;
    margin-top: 0px;
    margin-bottom: 5px;
    line-height: 32px;
}

#Body_SectionB p {
    padding-top: 5px;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 24px;
}

#Container_SectionC p {
    line-height: 24px;
}

#Container_SectionC b {
    font-family: 'Radiance', Verdana;
    color: #DBD7D3;
    font-weight: normal;
}

#Body_SectionC_1 {
    position: absolute;
    top: 148px;
    left: 610px;
    width: 480px;
}

#Body_SectionC_2 {
    position: absolute;
    top: 259px;
    left: 610px;
    width: 480px;
}

#Body_SectionC_3 {
    position: absolute;
    top: 346px;
    left: 610px;
    width: 480px;
}

#Body_SectionC_4 {
    position: absolute;
    top: 468px;
    left: 610px;
    width: 480px;
}

#Body_SectionC_LearnMore {
    position: absolute;
    bottom: 44px;
    left: 784px;
    text-align: center;
    width: 200px;
    display: table;
}

#Body_SectionC_LearnMore a {
    display: table-cell;
    line-height: 26px;
    height: 90px;
    font-size: 23px;
    color: #CCB69B;
    font-family: 'Neuton', serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 4px;
    text-shadow: 0px 0px 18px #C54708, 0px 0px 18px #C54708;
    margin-top: 0px;
    margin-bottom: 5px;
    vertical-align: middle;
}

#Body_SectionC_LearnMore a:hover {
    font-size: 23px;
    color: white;
}

#Body_SectionE {
    text-align: center;
    width: 800px;
    margin-left: 400px;
}

#Body_SectionE h2 {
    font-size: 28px;
    color: #DAC3A8;
    font-family: 'Neuton', serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 6px;
    text-shadow: 0px 0px 60px #FFC93F, 3px 2px 1px rgba(70, 64, 56, 1.0), 0px 3px 1px rgba(70, 64, 56, 1.0), -3px -3px 2px #232019;
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 32px;
}

#Body_SectionE b {
    font-size: 18px;
    color: #ACB29D;
    font-family: 'Neuton', serif;
    line-height: 24px;
    letter-spacing: 3px;
    font-weight: normal;
    font-style: italic;
}

#Body_SectionE small {
    font-size: 16px;
    color: #ACB29D;
    font-family: 'Neuton', serif;
    line-height: 24px;
    letter-spacing: 3px;
    font-weight: normal;
    font-style: italic;
}

#Body_SectionE i {
    margin: 0;
    font-family: 'Radiance', Verdana;
    color: #B0BBA0;
    font-size: 15px;
    line-height: 33px;
    font-style: normal;
}

#Body_SectionE p {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    color: #ACB29D;
}

#Body_SectionE_Left {
    float: left;
    padding-left: 50px;
    width: 350px;
    height: 500px;
}

#Body_SectionE_Right {
    float: right;
    width: 350px;
    padding-right: 50px;
    height: 500px;
}

#Body_SectionE_BuyNow {
    position: absolute;
    text-align: center;
    width: 230px;
    left: 708px;
    bottom: 24px;
    display: table;
}

#Body_SectionE_BuyNow a {
    display: table-cell;
    line-height: 26px;
    height: 70px;
    font-size: 23px;
    color: #CCB69B;
    font-family: 'Neuton', serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 4px;
    text-shadow: 0px 0px 18px #C54708, 0px 0px 18px #C54708;
    margin-top: 0px;
    margin-bottom: 5px;
    vertical-align: middle;
}

#Body_SectionE_BuyNow a:hover {
    font-size: 23px;
    color: white;
}

#Body_SectionF {
    position: absolute;
    width: 380px;
    left: 435px;
    top: 105px;
}

#Body_SectionF h2 {
    line-height: 26px;
    font-size: 22px;
    color: #CCB69B;
    font-family: 'Neuton', serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-shadow: 0px 0px 18px #C54708;
    margin-top: 0px;
    margin-bottom: 18px;
}

#Body_SectionF_BuyNow {
    position: absolute;
    text-align: center;
    width: 230px;
    left: 708px;
    bottom: 84px;
    display: table;
}

#Body_SectionF_BuyNow a {
    display: table-cell;
    line-height: 26px;
    height: 70px;
    font-size: 23px;
    color: #CCB69B;
    font-family: 'Neuton', serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 4px;
    text-shadow: 0px 0px 18px #C54708, 0px 0px 18px #C54708;
    margin-top: 0px;
    margin-bottom: 5px;
    vertical-align: middle;
}

#Body_SectionF_BuyNow a:hover {
    font-size: 23px;
    color: white;
}

#Body_SectionG_Header {
    position: absolute;
    top: 84px;
    text-align: center;
    width: 100%;
}

#Body_SectionG_Header h2 {
    margin: 0;
    font-family: 'Radiance', Verdana;
    color: silver;
    font-size: 40px;
    letter-spacing: 7px;
    text-shadow: 0px 0px 32px #1C4764;
}

h2.SectionOrange {
    margin: 0;
    margin-bottom: 15px;
    color: #eacdaa;
    font-family: 'Radiance', Verdana;
    font-size: 20px;
    letter-spacing: 5px;
    text-shadow: 0px 0px 18px #702B09, 0px 0px 18px #C54708;
}

#Body_SectionG {
    position: absolute;
    top: 235px;
    left: 500px;
    text-align: center;
    width: 600px;
}


#Body_SectionH {
    position: absolute;
    left: 432px;
    top: 38px;
    width: 370px;
}

#Body_SectionI {
    position: absolute;
    left: 810px;
    top: 42px;
    width: 360px;
}

#Body_SectionJ {
    position: absolute;
    left: 435px;
    top: 234px;
    width: 360px;
}

#Body_SectionK_Header {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 16px;
}

#Body_SectionK_Header h2 {
    position: absolute;
    margin: 0;
    top: 16px;
    left: 590px;
    font-family: 'Radiance', Verdana;
    color: rgb(185, 187, 201);
    font-size: 40px;
    letter-spacing: 7px;
    text-shadow: 0px 0px 32px #471C64;
}

#Body_SectionK_Header h3 {
    font-family: 'Radiance', Verdana;
    color: #ccb69b;
    font-size: 12px;
    padding-top: 82px;
    letter-spacing: 3px;
    width: 500px;
    margin-left: 550px;
    line-height: 17px;
}

h2.SectionPurple {
    margin: 0;
    margin-bottom: 15px;
    color: #eacdaa;
    font-family: 'Radiance', Verdana;
    font-size: 20px;
    letter-spacing: 5px;
    text-shadow: 0px 0px 18px #AE83E4, 0px 0px 18px #AE83E4;
}

#Body_SectionK {
    position: absolute;
    left: 805px;
    top: 40px;
    width: 390px;
}

#Body_SectionL {
    position: absolute;
    left: 405px;
    top: 14px;
    width: 390px;
}

#Body_SectionM {
    position: absolute;
    text-align: center;
    left: 450px;
    top: 65px;
    width: 700px;
}

#Body_SectionM_BTS {
    position: absolute;
    text-align: center;
    top: 367px;
    width: 400px;
    left: 600px;
}

#Body_SectionM_BTS p {
    color: #AA9376;
    font-family: 'Radiance', Verdana;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1px;
}

#BTSLink {
    display: block;
    position: absolute;
    width: 265px;
    height: 156px;
    bottom: 175px;
    left: 665px;
}

#BTSLink:hover {
    background-color: #AE83E4;
    opacity: 0.1;
}

#Container_ChangeNotesHeader {
    margin-top: 20px;
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images//newbloom/03/bg_07.jpg');
    height:123px;
}

#Container_ChangeNotes {
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images//newbloom/03/bg_08.png');
    background-repeat: repeat-y;
    padding-top: 20px;
}

#Container_ChangeNotesFooter {
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images//newbloom/03/bg_09.png');
    height: 300px;
}

#Body_ChangeNotesHeader {
    padding-top: 41px;
    text-align: center;
    width: 100%;
}

#Body_ChangeNotesHeader h1 {
    font-family: 'Radiance', Verdana;
    color: rgb(239, 228, 201);
    font-size: 24px;
    height: 29px;
    letter-spacing: 5px;
    text-shadow: rgba(194, 177, 159, 0.511765) 1px 1px 6px;
}

#Body_ChangeNotes {
    width: 860px;
    margin-left: 370px;
}

#Body_ChangeNotes {
    width: 860px;
    margin-left: 370px;
    font-family: 'Radiance', Verdana;
    color: rgb(204, 204, 204);
    font-size: 17px;
    line-height: 24px;
}

#Body_ChangeNotes h2 {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #eacdaa;
    font-family: 'Radiance', Verdana;
    font-size: 16px;
    letter-spacing: 4px;
    text-shadow: 1px 1px 0px #000000;
}