/*
		http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/
	*/

	body {
        #background: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/mainbg.jpg);		
	}
	
	.page ul {
		list-style-image: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/icon.png);
	}

	#fullmainbg {
		background: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/mainbg.jpg) no-repeat center center fixed;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	
	#header {
		height: 110px !important;
		background: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/menubg.jpg);		
	}
	#header_sub {
		top: 0px;
	}
	#main_menu {
		margin-top: 0px;
	}
/*	
		#main_menu li a {
			background-image: none;
			width: calc(100% - 1px);
			color: rgba(255, 255, 255, 0.8);
			text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
			line-height: 63px;
		}
		#main_menu li a:hover {
			background-image: none;
			background-color: rgba(0,0,0,0.1);
			color: rgba(255, 255, 255, 1);
		}	
		#main_menu li.active a {
			background-image: none;
		}
		#main_menu li.active a:hover {
			background-image: none;
		}
*/
	.stagesponsor {
		position: absolute;
		bottom: -102px;
		left: calc( 50% + 110px );
	}
	.stagesponsor img {
		height: 86px;
	}
	.stagesponsor img.secondary {
		height: 58px;
	}
	.stagesponsor.left {
		bottom: 27px;
		left: calc( 50% - 753px );
	}
	.stagesponsor.right {
		bottom: 27px;
		left: calc( 50% + 350px );
	}


	
.stage_logo.small {
top: -98px;
width: 343px;
height: 250px;
}

.stage_logo.medium {
top: -120px;
width: 584px;
height: 426px;
left: calc(50% - 64%);
}

.stage_logo.big {
top: -98px;
width: 343px;
height: 250px;
}

.stage_logo.mega {
top: -60px;
width: 206px;
height: 150px;
}

	
#header_submenu {
position: absolute;
right: 0px;
top: 87px;
}	

#header_submenu li a {
text-shadow: none;
text-align: right;
padding: 5px 10px 5px 20px;
font-family: "Palatino Linotype", "Times", serif;
font-size: 15px;
color: rgba(255, 255, 255, 0.8);
}
#header_submenu li a:hover {
#	background-color: rgba(0,0,0,0.3);
}

/*
#main_menu {
width: calc(100% + 2px);
margin-left: -1px;
height: 60px;
margin-top: 0px;
}
	*/
	/*
	#main_menu li {
		font-family: "Palatino Linotype", "Times", serif;
		text-decoration: none;
		font-size: 22px;
		text-transform: uppercase;
		z-index: 100;
		line-height: 45px;
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 62px;
	}
	*/
	/*
	#main_menu li:after {
		content: ' ';
		width: 1px;
		height: 100%;
		float: left;
		background-repeat: no-repeat;
		background-position: top center;
		background-image: none;
	}
	*/
	.partner_logos_container {
		display: none;
	}
	
	
	.contentbox_center {
		background: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/contentbg.jpg);		
		padding: 20px;
		width: calc(100% - 40px);
		font-family: "Palatino Linotype", "Times", serif;
	}

	.contentbox_center_ad {
		background: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/contentbg.jpg);		
		padding: 20px;
		width: calc(100% - 40px);
		font-family: "Palatino Linotype", "Times", serif;
	}
	
	.contentbox_inner         { color: #000; }

	#superbanner_above_content {
		#display: none;
		background: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/contentbg.jpg);
		background-position: bottom;
		font-family: "Palatino Linotype", "Times", serif;		
		width: 1100px;
		margin: 0 auto;
		min-width: 1100px;
		max-width: 1100px;
		position: relative;
		display: block;
		text-align: center;		
	}
	#superbanner_above_content span {
		margin: 10px 10px 10px 10px;
		display: inline-block;
	}
	
    .contentbox_container, #header {
        width: 1100px !important;
        margin: 0 auto;
        min-width: 1100px !important;
        max-width: 1100px !important;
        position: relative;
		left: 65px !important;
    }
	.contentbox_container, .connector_container, #superbanner_above_content {
		left: 65px !important;
	}	

@media (min-width: 1400px) {
.contentbox_container, .connector_container, .contentbox_container, #header, #superbanner_above_content {
left: 0px !important;
}	



}
	
	.connector_container {
		height: 31px;
        width: 1108px;
        margin: 0 auto;
		background: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/connector_bg.jpg);
	}
	
	#main {
		margin-top: 0px;
	}

.contentbox_container h2, .contentbox_container h3 {
font-family: "Palatino Linotype", "Times", serif;
text-transform: none;
text-decoration: none;
font-size: 40px;
line-height: 100%;
position: relative;
top: 0px;
left: 0px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
height: auto;
width: auto;
max-width: 800px;
color: #303c48;
font-weight: bold;
/* background-color: rgba(13, 28, 51, 1); */
padding: 0px;
text-shadow: 0px 0px 3px #EADDB9
}
	

	.stage.big, .stage.medium, .stage.small, .stage.mega  {
		background-image: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/stage_bg_1.jpg);
		background-position: center -390px;
	}  
	.stage.small  {
		background-position: center -680px;
	}  
	.stage.big  {
		background-position: center -310px;
	}  
	.stage.mega  {
		background-position: center 750px;
	}  

	.stage_logo {
		background-image: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/stage_logo.png);
		z-index: 500;
	}
	.stage.medium {
		height: 440px;
	}
	
	.stage_gamegfx {
		display: none;
	}
    .stage_gamegfx_top {
        background-image: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/stagegamegfx_top.png);
	}
    .stage_gamegfx_main {
        background-image: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/stagegamegfx_main.jpg);        

	}
    .stage_gamegfx_bottom {
        background-image: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/stagegamegfx_bottom.png);
	}
	
	
		
	
	.players_list1_container {
		width: 100%;
		margin: 0 auto;
		overflow: visible;
	}
	
	.players_list1_flag {
		width: 16px;
		height: 12px;
		position: absolute;
		top: 224px;
		right: 110px;
	}
	.players_list1_name {
		margin: 0;
		z-index: 170;
		position: absolute;
		bottom: 82px;
		left: 0;
		right: 0;
		color: #fff;
		
        font-family: 'open-sans-condensed', times;
		font-size: 20px;
		font-weight: 500;
		
		text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.45);
		
	}
	
	
	.schedule_week {
		width: 100%;
		border-left: 1px dashed #46779c;
	}
	.schedule_week .tr-0 td {
		border-bottom: 1px solid #333;
	}
	.schedule_week .tr-0 td {
        font-family: 'open-sans-condensed', times;
		font-size: 20px;
		font-weight: 500;
        color: #00ccfc;
	}
	.schedule_week td {
		width: 14%;
		padding: 10px;
		vertical-align: top;
		border-right: 1px dashed #46779c;
	}
	
	.keyfacts  {
		margin-top: 30px;
	}
	.keyfacts li {
        font-family: 'open-sans', times;
		font-size: 24px;
		font-weight: 200;
        color: #fff;
		margin-left: 100px;
		color: #00ccfc;
	}
	.keyfacts li span {
		color: #fff;
	}
	
	
	
	
	.textwall {
		font-size: 19px;
		line-height: 30px;
		padding-left: 40px;
        padding-right: 50px;
	}
	.textwall p {
		margin-bottom: 10px;
	}
	
	.textwall .infobox {
		float: right;
		margin: 10px 20px 10px 20px;;
		background-color: rgba(187, 131, 59, 0.45);
		border: 2px dashed rgba(0, 0, 0, 0.17);
		padding: 20px;
		width: 35%;
	}
	.textwall .infobox .money {
		float: right;
		font-weight: bold;
	}
	.textwall .infobox .money.total {
		border-top: 1px solid rgba(0,0,0,0.2);
	}
		
.contentbox_container h4 {
font-family: "Palatino Linotype", "Times", serif;
text-transform: none;
text-decoration: none;
font-size: 34px;
line-height: 100%;
position: relative;
top: 0px;
left: 0px;
margin: 30px 0px 10px 0px;
padding: 0px 0px 0px 10px;
height: auto;
width: auto;
color: rgba(0, 0, 0, 0.61);
font-size: 30px;
/* text-decoration: underline; */
border-left: 3px solid #074564;
font-weight: bold;
border-bottom: 0px;
text-align: left;
}

.contentbox_container h5 {
font-family: "Palatino Linotype", "Times", serif;
text-transform: none;
text-decoration: none;
font-size: 34px;
line-height: 100%;
position: relative;
top: 0px;
left: 0px;
margin: 30px 0px 10px 0px;
padding: 0px 0px 0px 0px;
height: auto;
width: auto;
color: #074564;
font-size: 18px;
/* text-decoration: underline; */
border-left: 0px solid #074564;
text-align: left;
font-weight: bold;
border-bottom: 1px solid rgba(87, 62, 0, 0.16);
}


.infobox h3 {
	margin: 0px 0px 10px 0px;
	border: 0px;
	font-weight: normal;
	font-size: 26px;
}
	
.textwall h4 {
font-family: "Palatino Linotype", "Times", serif;
text-transform: none;
text-decoration: none;

line-height: 100%;
position: relative;
top: 0px;
left: 0px;
margin: 30px 0px 5px 0px;
padding: 0px 0px 0px 0px;
height: auto;
width: auto;
color: #000;
font-size: 20px;
text-align: left;
font-weight: bold;
border: 0;
}	

.textwall h4:before {
	content: ' ';
	width: 16px;
	height: 16px;
	margin-top: 1px;
	margin-right: 6px;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/icon.png)
}

		
.corner {
	background-image: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/corners.png);
}

    
    a { color:#2C61A8; text-decoration:none; font-weight: bold;
	}
    a:visited  { color:#2C61A8; text-decoration:none; font-weight: bold;  }
    

.contentbox_center a {
padding: 0 3px;
border-bottom: 1px dashed #2C61A8;
padding-bottom: 2px;
}

.contentbox_center a:hover { background-color: rgba(0,0,0,0.5);	 }


	.photoframe_container {
		overflow: hidden;
		text-align: center;
	}
	.photoframe {
		margin: 30px 30px;
		position: relative;
		display: inline-block;
	}
	.photoframe.medium {
		width: 400px;
		height: 269px;
	}
	.photoframe img {
		width: 83%;
		top: 10%;
		position: relative;
	}
	.photoframe:after {
		content: ' ';
		position: absolute;
		top: 0;
		z-index: 100;
		left: 0px;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
		background-image: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/photoframe.png);
		background-repeat: no-repeat;
		background-position: top center;
	}

    
#social_container {
right: 20px;
left: auto;
top: 9px;
width: 260px;
height: 60px;
position: absolute;
z-index: 100;
}

#social_container #follow_us {
    position: absolute;
left: -74px;
bottom: -30px;
}

.social_button {
width: 60px;
height: 60px;
margin-left: 6px;
float: right;
background-size: 100% 100%;
background-position: center;
}

    .social_button a {
        width: 100%;
        height: 100%;
        display: block;
        border: 0;
    }
    .social_button a:hover {
        border: 0;
        background: none;
    }
    
    #social_twitter {   background-image: url(http://cdn2.esl.tv/images/icons/social/1/twitter_passive.png);   }
    #social_twitter:hover { background-image: url(http://cdn2.esl.tv/images/icons/social/1/twitter.png);  }
    #social_facebook {   background-image: url(http://cdn2.esl.tv/images/icons/social/1/facebook_passive.png);   }
    #social_facebook:hover { background-image: url(http://cdn2.esl.tv/images/icons/social/1/facebook.png); }
    #social_youtube {   background-image: url(http://cdn2.esl.tv/images/icons/social/1/youtube_passive.png);   }
    #social_youtube:hover { background-image: url(http://cdn2.esl.tv/images/icons/social/1/youtube.png); }
 

    .centerimage {
		text-align: center;
	}
	
	
	#breakme {
position: absolute;
width: 40px;
height: 95px;
bottom: 211px;
right: 45px;
cursor: pointer;
	}
	
	
	
.dropit {
   -webkit-animation-duration: 3s; 
   animation-duration: 3s; 
   -webkit-animation-fill-mode: both; 
   animation-fill-mode: both; 
    -webkit-animation-name: hinge; 
    animation-name: hinge; } 

@-webkit-keyframes hinge { 
    0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 
    20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 
    40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 
    80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 
    100% { -webkit-transform: translateY(700px); opacity: 0; } 
} 
@keyframes hinge { 
    0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 
    20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 
    40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 
    80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 
    100% { transform: translateY(700px); opacity: 0; } 
} 
.hinge { 

}
	.players_list1_item img {
		#width: 80% !important;
		#height: auto !important;
		#left: 10% !important;
		#top: 8% !important;
		#mask: url(http://cdn2.esl.tv/fileadmin/templates/propage2/hearthstone/legendary/images/player_mask.png);
	}
	
	
.playersheet_layout1_overlay {
background-image: url(/fileadmin/templates/propage2/hearthstone/legendary/images/playerlist_overlay.png);
width: 235px;
height: 313px;
background-size: 235px 313px;
position: absolute;
top: 6px;
left: 9px;
z-index: 30;
background-repeat: no-repeat;
}	


.competition_bracket.bracket_8se .contestant .competition_bracket_winner {
font-weight: 300;
color: #fff;
text-shadow: 0px 0px 6px #DABC7F;
}


.news_detail_container .news-single-img {
margin: 12px 40px 0px 0px;
}




.youtube_videos_list {

}
.youtube_videos_list img {
	display: inline-block;
	height: 40px;
	vertical-align: middle;
}
.youtube_videos_list li {
	list-style: none;
	display: inline-block;
	width: calc(50% - 30px);
}
.youtube_videos_list .title {
	display: inline-block;
	width: 80%;
	height: 30px;
	top: 0px;
	position: relative;
}
.youtube_videos_list li a, .youtube_videos_list li a:hover {
	color: #000;
	border: 0;
	height: 100%;
	display: block;
}
.youtube_videos_list li a:hover {
	background-color: rgba(0, 0, 0, 0.13);
}


.decklisting table {
	width: 100%;
	margin: 0 auto;
}

.decklisting tr {
	border-bottom: 1px solid #000;
}
.decklisting td {
width: 20%;
border-top: 1px solid rgba(0, 0, 0, 0.21);
padding: 5px 4px;
margin: 1px;
background-color: rgba(255, 255, 255, 0.38);
}
.decklisting td a, .decklisting td a:hover {
	border: 0;
}
.decklisting td.eventtitle { 	width: 10%;	font-weight: bold;	}
.decklisting td.playername {	width: 20%;	}
.decklisting td.datatype {		width: 20%;	}
.decklisting td.tactictitle {	width: 30%;		}
.decklisting td.show {			width: 20%;	}

.decklisting tr:hover {
	background-color: rgba(0, 0, 0, 0.13);
}



.matches_layout1_team a {
	border: 0 !important;
}
.matches_layout1_team a:hover {
	border: 0 !important;
	background-color: transparent;
}
.matches_layout1_item_inner {
	border: 1px solid rgba(0, 0, 0, 0.12);
	background-color: rgba(35, 35, 35, 0.2);
}
.matches_layout1_time {
	color: #000;
}

.matches_layout1_team {
	height: 175px;
}
.matches_layout1_team_overlay {
background-image: url(/fileadmin/templates/propage2/hearthstone/legendary/images/playerlist_overlay.png);
width: 149px;
height: 198px;
display: block;
position: absolute;
top: -9px;
left: -14px;
background-size: 100%;
z-index: 10;
}
.playermatches_layout1_logo img {
width: 145px;
height: 202px;
margin: -5px 0px 0px 0px;
top: -2px;
left: -22px;
position: relative;
z-index: 0;
}
.matches_layout1_name {
color: #FFF;
bottom: 17px;
position: absolute;
left: 7px;
text-align: center;
width: 110px;
font-size: 14px;
z-index: 10;
}

.matches_layout1_score {
font-family: 'open-sans-condensed', times;
font-size: 23px;
font-weight: 600;
color: #000;
top: -20px;
}

.matches_layout1_container li {
margin: 0 0 0px 0;
}

.matches_layout1_matchname {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.matches_layout1_time {
text-align: center;
margin-top: 0px;
}









    .mainpage_teaser_container {
        width: calc( 100% + 10px );
        padding: 0px;
    }
    .mainpage_teaser {
        /* width: calc( 50% - 25px ); */
		width: 98%;
        float: left;
        position: relative;
        margin-bottom: 20px;
        margin-right: 20px;
        
        border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		/* background-color: rgba(32, 39, 46, 1); */
    }
    .mainpage_teaser a, .mainpage_teaser a:hover {
    	border: 0;
    }
    .mainpage_teaser:hover {
        #border-left: 5px solid #eee;
		#border-right: 5px solid #eee;
		background-color: rgba(43, 52, 61, 0.3);
    }
    .mainpage_teaser_image {
        width: 50%;
    }
    .mainpage_teaser_image img {
        width: 100%;
        height: auto;
        border: 1px solid #292929;
    }
    .mainpage_teaser_image img:hover {
        
    }
	.mainpage_teaser_subheader {
		float: right;
		width: 47%;
		margin-right: 20px;
		color: #000;
	}
	.mainpage_teaser_subheader .more {
		float: right;
	}
	.mainpage_teaser_subheader .more:hover {
		text-decoration: underline;
		color: #1d9dd4;
	}
    
    .mainpage_teaser_title {
        #position: absolute;
bottom: 1px;
left: 1px;
font-family: times;
font-weight: 200;
font-style: none;
font-size: 25px;
padding: 15px 30px 15px 0px;
padding: 5px 29px 45px 0px;
#background-color: rgba(0, 0, 0, 0.8);
width: calc(100% - 20px);
line-height: 26px;
height: 35px;
text-overflow: ellipsis;
#white-space: nowrap;
    color: #000;
    #border-bottom: 1px solid #292929;
    }
    .mainpage_teaser_title:hover {
        color: #000;
    }
	
	
    
    .mainpage_teaser_date {
        font-family: 'open-sans', times;
		font-weight: 600;
		background-color: #2C7892;
		width: 120px;
		position: absolute;
		bottom: 1px;
		left: 1px;
		height: 39px;
		text-align: center;
		padding-top: 11px;
		font-size: 24px;
		color: #fff;
		line-height: 30px;
		overflow: hidden;
    }
    










.propage .competition_group.header {
background-color: rgba(54, 41, 32, 0.54);
}

.propage .competition_group td {
padding: 3px 10px;
border-left: 1px solid rgba(255, 255, 255, 0.18);
border-bottom: 1px solid rgba(51, 51, 51, 0.3);
border-right: 0px solid #333;
background-color: rgba(57, 36, 23, 0.75);
}

.groupstagematchesicon {
	display: inline-block;
	width: 80px;
	height: 10px;
	margin-right: 5px;
}

.groupstagematchesicon.win {
	background-color: #76AA76;
}
.groupstagematchesicon.loss {
	background-color: #A26161;
}
.groupstagematchesicon.unplayed {
	background-color: rgba(0, 0, 0, 0.4);
}


.bracketslegend {
  color: #000;
  position: relative;
  top: -30px;
  text-align: center;
}

.timeline_title {
    top: 12px;
      width: calc( 100% - 7px );
}