.top-wrap-overlay {
	position: absolute !important;
	top: -2px !important;
	z-index: 2 !important;
	background-position: 50% -114px !important;
}

.backdrop {
	background-image: url('../img/endofseasonrewards_BG.jpg');
}

.header-section {
	background: transparent url('../img/endofseason-topheader.jpg') top center no-repeat;
	position: relative;
    top: -22px;
    right: 16px;
    width: 972px;
    height: 341px;
    z-index: -2;
    padding-top: 105px;
    padding-left: 50px;
}

.header-section p {
	font-family: "Beaufort for LOL";
    font-weight: 400;
    font-style: italic;
    color: white;
    font-size: 25px;
}

.header-divider {
	background: transparent url('../img/Header_Divider.png') top center no-repeat;
    width: 974px;
    height:4px;
    margin-left: -18px;
    margin-top: -22px;    
}

.header-section .header-text {
    font-family: "Beaufort for LOL";
    font-weight: 700;
    font-style: normal;
    color: #dfc588;
    font-size: 85px;
    text-transform: uppercase;
    background: -webkit-repeating-linear-gradient(#dfc588, #dfc588, #a98b57, #7e5e30);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: -10px;	
}

.header-text:before {
	background: none;
    content: attr(data-text-content);
    z-index: -1;
    position: absolute;
	text-shadow: 2px 2px 3px #000;
}

.main-content-section, .faq-section {
	width:705px;
	margin:45px auto 0 auto;
}

.main-content-section p, .main-content-section li {
	font-family:"Beaufort for LOL";
	font-weight: 400;
	font-style: normal;
    font-size: 20px;
    line-height:24px;	
}

.eos-rankedrewardsimg {
    background: transparent url('../img/rankedrewards_baseimage_bg.jpg') -102px -45px no-repeat;
    margin: 82px 0px 20px 0px;
    width: 941px;
    height: 246px;
}

.eos-rewardssectionimg {
	margin:0px 0px 0px -25px;
    position: relative;
    height: 215px;
    overflow: hidden;
}

.main-content-section h3, .faq-section h3 {
	font-family:"Beaufort for LOL";
	font-weight:700;
	font-style: normal;
	font-size: 32px;
    line-height: 32px;
    color:#94724d;
    text-transform:uppercase;
}

.main-content-section h4 {
	font-family:"Beaufort for LOL";
	font-weight:700;
	font-style: normal;
	font-size:20px;
    color:#94724d;
    text-transform:uppercase;
}

.rewardssection p {
	font-size:20px;
	font-family:"Beaufort for LOL";
	font-weight: 400;
	font-style: normal;
	line-height:24px;
	margin-top:8px;
}

.teamrewards-img {
	background: transparent url('../img/rankedteamrewards_image.jpg') 20px -3px no-repeat;
	margin:50px 0px 0px -130px;
	padding-left:130px;
}

.teamrewards-img .gs-container {
	margin-left:-130px;
	padding-left:130px;
}

.teamrewards-text {
	margin:40px 0px 0px -40px;
}

.teamrewards-text p {
	font-family:"Beaufort for LOL";
	font-weight: 400;
	font-style: italic;
	font-size:25px;
	line-height:30px;
}

.eos-gallery {
	width:380px;
	height:305px;
	margin:-30px 0px 0px -60px;
}


.eos-warddot {
	background: transparent url('../img/Media_button_deselect.png') center bottom no-repeat;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 240px;
	left:-50px;
	z-index:1;
	cursor:pointer;
}

.eos-warddot2 {
	background: transparent url('../img/Media_button_deselect.png') center bottom no-repeat;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 240px;
	left:120px;
	z-index:1;
	cursor:pointer;
}

.eos-warddot3 {
	background: transparent url('../img/Media_button_deselect.png') center bottom no-repeat;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 240px;
	left:268px;
	z-index:1;
	cursor:pointer;
}

.reward1 {
		background: transparent url('../img/teamrewards_ward1.png') top center no-repeat;
	    width: 160px;
	    height: 249px;
	    margin: 0px 0px 0px 92px;
		position:absolute;
		visibility:hidden;
}

.reward2 {
		background: transparent url('../img/teamrewards_ward2.png') top center no-repeat;
	    width: 202px;
	    height: 258px;
	    margin: -8px 0px 0px 68px;
		position:absolute;
		visibility:hidden;
}

.reward3 {
		background: transparent url('../img/teamrewards_ward3.png') top center no-repeat;
	    width: 205px;
	    height: 255px;
	    margin: -6px 0px 0px 66px;
		position:absolute;
		visibility:hidden;
}

.reward1.active{
	visibility:visible;
}

.reward2.active{
	visibility:visible;
}

.reward3.active{
	visibility:visible;
}

.eos-warddot.active {
	background: transparent url('../img/Media_button_select.png') center bottom no-repeat;
}

.eos-warddot2.active {
	background: transparent url('../img/Media_button_select.png') center bottom no-repeat;
}

.eos-warddot3.active {
	background: transparent url('../img/Media_button_select.png') center bottom no-repeat;
}

.eos-dot.active {
	background: transparent url('../img/Media_button_deselect.png') center bottom no-repeat;
}


.eos-bronze {
	left: 14px;
	width:97px;
}
.eos-bronze .small-crest {
	background: transparent url('../img/rewards_crests_BRONZE_deselect.png') center bottom no-repeat;
	background-size: 100%;
	width:97px;
}
.eos-bronze .small-crest + .eos-flag {
	background: transparent url('../img/rewards_crests_BRONZE_flag.png') center bottom no-repeat;
	width: 97px;
	background-size: 100%;
	left: -2px;
}

.eos-silver {
	left: 97px;
	width:106px;
}
.eos-silver .small-crest {
	background: transparent url('../img/rewards_crests_SILVER_deselect.png') center bottom no-repeat;
	background-size: 100%;
	width:106px;
}
.eos-silver .small-crest + .eos-flag {
	background: transparent url('../img/rewards_crests_SILVER_flag.png') center bottom no-repeat;
	background-size: 100%;
	width:106px;
}

.eos-gold {
	left: 185px;
	width:109px;
}
.eos-gold .small-crest {
	background: transparent url('../img/rewards_crests_GOLD_deselect.png') center bottom no-repeat;
	background-size: 100%;
	width:109px;
}
.eos-gold .small-crest + .eos-flag {
	background: transparent url('../img/rewards_crests_GOLD_flag.png') center bottom no-repeat;
	background-size: 100%;
	width:109px;
}

.eos-platinum {
	left: 277px;
	width:110px;
}
.eos-platinum .small-crest {
	background: transparent url('../img/rewards_crests_PLATINUM_deselect.png') center bottom no-repeat;
	background-size: 100%;
	width:110px;
}
.eos-platinum .small-crest + .eos-flag {
	background: transparent url('../img/rewards_crests_plat_flag.png') center bottom no-repeat;
	background-size: 100%;
	width:110px;
}

.eos-diamond {
	left: 366px;
	width:118px;
}
.eos-diamond .small-crest {
	background: transparent url('../img/rewards_crests_DIAMOND_deselect.png') center bottom no-repeat;
	background-size: 100%;
	width:118px;
}
.eos-diamond .small-crest + .eos-flag {
	background: transparent url('../img/rewards_crests_DIAMOND_flag.png') center bottom no-repeat;
	background-size: 100%;
	width:118px;
}

.eos-master {
	left: 466px;
	width:132px;
}
.eos-master .small-crest {
	background: transparent url('../img/rewards_crests_MASTER_deselect.png') center bottom no-repeat;
	background-size: 100%;
	width:132px;
}
.eos-master .small-crest + .eos-flag {
	background: transparent url('../img/rewards_crests_MASTER_flag.png') center bottom no-repeat;
	background-size: 100%;
	width:132px;
}

.eos-challenger {
	left: 590px;
	width:154px;
}
.eos-challenger .small-crest {
	background: transparent url('../img/rewards_crests_CHALLENGER_deselect.png') center bottom no-repeat;
	background-size: 100%;
	width:154px;
}
.eos-challenger .small-crest + .eos-flag {
	background: transparent url('../img/rewards_crests_CHALLENGER_flag.png') center bottom no-repeat;
	background-size: 100%;
	width:154px;
}

.small-crest, .eos-flag {
	height:210px;
	position: absolute;
}

.eos-white-bar {
	height: 5px;
	width: 703px;
	background-color: #dedede;
	position: absolute;
	bottom: 0px;
	z-index: 500;
	left: 24px;
}

.eos-flag {
	-ms-transform: translate(0px,7px); /* IE 9 */
	-webkit-transform: translate(0px,7px); /* Chrome, Safari, Opera */
	transform: translate(0px,7px);
	-webkit-transition: all .3s ease-in-out .1s;
      -moz-transition: all .3s ease-in-out .1s;
      -ms-transition: all .3s ease-in-out .1s;
       transition: all .3s ease-in-out .1s;
}
.eos-crest.active .eos-flag {
	opacity:1;
	-ms-transform: translate(0px,-193px); /* IE 9 */
	-webkit-transform: translate(0px,-193px); /* Chrome, Safari, Opera */
	transform: translate(0px,-193px);
	-webkit-transition: all .3s ease-in-out 0s;
      -moz-transition: all .3s ease-in-out 0s;
      -ms-transition: all .3s ease-in-out 0s;
       transition: all .3s ease-in-out 0s;
}
.small-crest {
	background-position: center bottom;
	-webkit-transition: all .2s ease-in-out 0s;
      -moz-transition: all .2s ease-in-out 0s;
      -ms-transition: all .2s ease-in-out 0s;
       transition: all .2s ease-in-out 0s;
}
.eos-crest.active .small-crest {
	background-position: 0 60px;
	-webkit-transition: all .2s ease-in-out .1s;
      -moz-transition: all .2s ease-in-out .1s;
      -ms-transition: all .2s ease-in-out .1s;
       transition: all .2s ease-in-out .1s;
}

.eos-bronze .small-crest {
	background-position: center bottom;
}

.eos-bronze.active .small-crest{
	background-position: 0 70px;
}

.eos-gold .small-crest {
	background-position: center bottom;
}

.eos-gold.active .small-crest {
	background-position: 0 50px;
}

.eos-platinum .small-crest {
	background-position: center bottom;
}

.eos-platinum.active .small-crest{
	background-position: 0 40px;
}

.eos-diamond .small-crest {
	background-position: center bottom;
}

.eos-diamond.active  .small-crest {
	background-position: 0 30px;
}

.eos-master .small-crest {
	background-position: center bottom;
}

.eos-master.active .small-crest{
	background-position: 0 10px;
}

.eos-challenger .small-crest {
	background-position: center bottom;
}

.eos-challenger.active .small-crest {
	background-position: 0 -20px;
}


.eos-bronze .eos-tier {
	left: 30px;
}

.eos-silver .eos-tier {
	left: 38px;
}

.eos-gold .eos-tier {
	left: 40px;
}

.eos-platinum .eos-tier {
	left: 28px;
}

.i18n-pt .eos-platinum .eos-tier {
	left:31px;
}

.i18n-tr .eos-platinum .eos-tier {
	left:38px;
}

.eos-diamond .eos-tier {
	left: 34px;
}

.i18n-tr .eos-diamond .eos-tier {
	left:44px;
}

.eos-master .eos-tier {
	left: 42px;
	font-size: 0.8em;
	bottom: 25px;
}

.i18n-tr .eos-master .eos-tier {
	left:44px;
	font-size:0.7em;
	bottom:20px;
}

.i18n-tr .eos-master .eos-tier {
	left:41px;
	bottom:20px;
}

.eos-challenger .eos-tier {
	left: 40px;
	font-size: 0.8em;
	bottom: 25px;
}

.i18n-pt .eos-challenger .eos-tier {
	left:50px;
}

.i18n-es-MX .eos-challenger .eos-tier, .i18n-es-AR .eos-challenger .eos-tier {
	left:50px;
}

.teamrewards-img .eos-points {
	width:80px;
	margin:17px 0px 0px -15px;
	font-size:15px;
	cursor:pointer;
	color:#94724d;;
}

.main-content-section .eos-link {
	color:#247272;
	text-decoration:none;
}

.victorious-img {
	background: transparent url('../img/VictoriousTeaser.jpg') center bottom no-repeat;
	width: 972px;
    height: 611px;
	margin-left:-16px;
	margin-top:60px;
	position:relative;
	z-index:1;
}

.eos-brass1 {
	background: transparent url('../img/brass.png') -1px -5px no-repeat;
	width:981px;
	height:18px;
}

.eos-brass2 {
	background: transparent url('../img/brass.png') -1px -5px no-repeat;
	width:981px;
	height:18px;
	margin-top:590px;
}

.victorious-img .victorious-text {
    font-family: "Beaufort for LOL";
    font-weight: 700;
    font-style: normal;
    color: #929292;
    font-size: 66px;
    text-transform: uppercase;
    background: -webkit-repeating-linear-gradient(#ffffff, #ffffff, #9b9b9b, #929292);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position:absolute;
	top: 529px;
    width: 750px;
    text-align: right;    
}

.i18n-ru .victorious-img .victorious-text {
	font-size:55px;
}

.victorious-text:before {
	background: none;
    content: attr(data-text-content);
    z-index: -1;
    position: absolute;
	text-shadow: 2px 2px 3px #000;
}

.faq-section h3 {
	text-align:center;
	margin-bottom:35px;
}

.faq-section h4 {
	font-family:"Beaufort for LOL";
	font-weight: 700;
	font-style: normal;
	font-size:15px;
	text-transform:uppercase;
	color:#94724d;
	cursor:pointer;
}

.faq-section .eos-clickedlink {
	color:#cab5a2;
	text-decoration:underline;
}

.faq-section ul {
	margin-top:20px;
	padding-bottom:10px;
	border-top: 1px solid #b7b7b7;
}

.faq-section .answer ul {
	border-top:0px;
}

.eos-tier {
	color: #c1ae9f;
	position: absolute;
	bottom: 23px;
	font-family:"Beaufort for LOL";
	font-weight: 400;
	font-style: normal;
	font-size: 0.7em;
	text-transform:uppercase;
}

.eos-crest {
	position: absolute;
	height: 210px;
}

.small-crest {
	z-index: 999;
}

.eos-flag {
	z-index: 100;
	top: 200px;
	opacity:0;
}

.eos-dot {
	background: transparent url('../img/Media_button_deselect.png') center bottom no-repeat;
	position: relative;
	width: 16px;
	height: 16px;
	margin: auto;
	top: 200px;
}

section.question header {
	font-size: 24px;
	font-family:"Beaufort for LOL";
	font-weight: 400;
	font-style: normal;
}

.grid-list>li>* {
	border-left: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #b7b7b7;
	background-color: transparent;
	padding: 20px;
}

.eos-downloadwall {
	position:absolute;
	width:194px;
	height:42px;
	margin-top:-110px;
	margin-left:755px;
}

.i18n-pt .eos-downloadwall {
	margin-top:-120px;
}

.eos-downloadfull {
	position:absolute;
	width:194px;
	height:42px;
	margin-top:-67px;
	margin-left:755px;
}

.i18n-pt .eos-downloadfull {
	margin-top:-70px;
}


.eos-downloadtext {
	color:white;
	width:165px;
	opacity:.7;
	margin-left:50px;
	margin-top:-31px;
}

.eos-downloadwall img, .eos-downloadfull img {
	visibility:hidden;
}

.eos-downloadwall:hover img, .eos-downloadtext:hover, .eos-downloadfull:hover img{
	visibility:visible;
	opacity:1;
}

.eos-downloadwall a, .eos-downloadfull a {
	text-decoration:none;
}