@import url(http://fast.fonts.net/t/1.css?apiType=css&projectid=181b8fef-103a-41ca-967b-e884bc747e47);
@font-face {
	font-family: "Beaufort for LOL";
	src: url(../fonts/08d8a109-b262-427e-9844-ea04439ac77f.eot?#iefix);
	src: url(../fonts/08d8a109-b262-427e-9844-ea04439ac77f.eot?#iefix) format("eot"), url(../fonts/000b34fd-14a6-4945-9706-4b089895ad8a.woff) format("woff"), url(../fonts/cb6dc873-7d45-4fdc-8d38-3b85bb6cdc3d.ttf) format("truetype"), url(../fonts/e2c82893-0b47-45a6-9375-5648baafe2f9.svg#e2c82893-0b47-45a6-9375-5648baafe2f9) format("svg")
}
@font-face {
	font-family: "Beaufort for LOL1309308";
	src: url(../fonts/0d3fa5b2-303f-4246-a122-f4b3af658eca.eot?#iefix);
	src: url(../fonts/0d3fa5b2-303f-4246-a122-f4b3af658eca.eot?#iefix) format("eot"), url(../fonts/774a4da2-929d-4c4e-a0a3-c594a9375008.woff) format("woff"), url(../fonts/837596fe-24f5-4bd2-ac86-74ea1f5dd294.ttf) format("truetype"), url(../fonts/b1feff00-9c09-4b05-9302-270a8e9e0f41.svg#b1feff00-9c09-4b05-9302-270a8e9e0f41) format("svg")
}
@font-face {
	font-family: "Beaufort for LOL Medium";
	src: url(../fonts/5413c8b0-c5a0-4296-bec1-136fff99823f.eot?#iefix);
	src: url(../fonts/5413c8b0-c5a0-4296-bec1-136fff99823f.eot?#iefix) format("eot"), url(../fonts/fa3cd6ec-d347-4964-b4bd-828de8797c9f.woff) format("woff"), url(../fonts/2317e497-45f3-4149-bf13-bbff52926137.ttf) format("truetype"), url(../fonts/e27795b7-7d8f-43f0-bedb-43def04059ab.svg#e27795b7-7d8f-43f0-bedb-43def04059ab) format("svg")
}

@font-face {
  font-family: "Beaufort for LOL1309320";
  src: url("../fonts/8f801bb3-339b-4994-9cc1-9e47b5bf73ae.eot?#iefix");
  src: url("../fonts/8f801bb3-339b-4994-9cc1-9e47b5bf73ae.eot?#iefix") format("eot"), url("../fonts/27279201-3cd9-4945-9cef-7af110543647.woff") format("woff"), url("../fonts/e029a83f-5e26-40b7-8cd8-274b1a73ed50.ttf") format("truetype"), url("../fonts/6de9328b-7801-4c00-809c-0c5c008404f4.svg#6de9328b-7801-4c00-809c-0c5c008404f4") format("svg");
}


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

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

#nd-backdrop {
	background: transparent url('../img/nd-bg3.jpg') top center no-repeat;
	height: 1213px;
	position: relative;
	top: -22px;
	right: 16px;
	width: 972px;

	}

#bts-backdrop {
	background: transparent url('../img/nd-bg2.png') top center no-repeat;
	width: 972px;
	height: 701px;
	position: relative;
	top: -311px;
	left: -16px;
	z-index: 4;
	margin-top:116px;
}

.nd-teaser {
	font-family: 'Beaufort for LOL1309308';
	color: #af8440;
	font-size: 33px;
	line-height: 32px;
	margin-left:12%;
	margin-right:15%;
}

.nd-featured-text {
	font-family: 'Beaufort for LOL1309320';
	font-size: 20px;
	line-height:24px;
}

.nd-headline {
	font-family: "Beaufort for LOL";
	text-transform: uppercase;
	font-size: 51px;
	text-align:center;
	padding-top:127px;
	padding-bottom:37px;
}

.nd-title {
	background: transparent url('../img/titles/nd-title.png') top center no-repeat;
	width: 700px;
	height: 93px;	
	position: relative;
	left: 120px;
	top: 36px;
}


.i18n-de .nd-title {
	background: transparent url('../img/titles/nd-title-de.png') top center no-repeat !important;
	width:755px;
	left:111px;
}


.i18n-es .nd-title {
	background: transparent url('../img/titles/nd-title-es.png') top center no-repeat !important;
}


.i18n-fr .nd-title {
	background: transparent url('../img/titles/nd-title-fr.png') top center no-repeat !important;
	width:854px;
	left:56px;
}


.i18n-it .nd-title {
	background: transparent url('../img/titles/nd-title-it.png') top center no-repeat !important;
}


.i18n-pl .nd-title {
	background: transparent url('../img/titles/nd-title-pl.png') top center no-repeat !important;
}


.i18n-ro .nd-title {
	background: transparent url('../img/titles/nd-title-ro.png') top center no-repeat !important;
}


.i18n-el .nd-title {
	background: transparent url('../img/titles/nd-title-el.png') top center no-repeat !important;
}

.i18n-pt .nd-title {
	background: transparent url('../img/titles/nd-title-br.png') top center no-repeat !important;
}


.i18n-tr .nd-title {
	background: transparent url('../img/titles/nd-title-tr.png') top center no-repeat !important;
}


.i18n-ru .nd-title {
	background: transparent url('../img/titles/nd-title-ru.png') top center no-repeat !important;
}

.i18n-es .nd-title {
	background: transparent url('../img/titles/nd-title-latam.png') top center no-repeat !important;
}

.i18n-es .nd-title {
	background: transparent url('../img/titles/nd-title-latam.png') top center no-repeat !important;
	width:866px;
	left:60px;
}

.i18n-cs .nd-title {
	background: transparent url('../img/titles/nd-title-cz.png') top center no-repeat !important;
}

.i18n-hu .nd-title {
	background: transparent url('../img/titles/nd-title-hu.png') top center no-repeat !important;
}

.nd-downloadlarge {
	background: transparent url('../img/Download_large.png') top center no-repeat;
	z-index:1;
	width: 94px;
	height: 94px;	
	opacity:0;	
	margin-left:395px;
	margin-top:175px;
	position:absolute;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.nd-downloadsmall {
	background: transparent url('../img/Download_small.png') top center no-repeat;
	position:absolute;
	z-index:1;
	width: 72px;
	height: 72px;
	opacity:0;	
	margin-left:110px;
	margin-top:45px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med1 {
		background: transparent url('../media/Media_Concept_Ahri.jpg') top center no-repeat;
		width:889px;
		height:500px;
}

.med2 {
		background: transparent url('../media/Media_Concept_Darius.jpg') top center no-repeat;
		width:889px;
		height:500px;
}
.med3 {
		background: transparent url('../media/Media_Concept_Draven.jpg') top center no-repeat;
		width:889px;
		height:500px;
}
.med4 {
		background: transparent url('../media/Media_Concept_Graves.jpg') top center no-repeat;
		width:889px;
		height:500px;
}
.med5 {
		background: transparent url('../media/Media_Concept_Rengar.jpg') top center no-repeat;
		width:889px;
		height:500px;
}
.med6 {
		background: transparent url('../media/Media_Concept_Zyra.jpg') top center no-repeat;
		width:889px;
		height:500px;
}

.med7 {
		background: transparent url('../media/Wallpaper_AhriFallen.jpg') top center no-repeat;
		width:889px;
		height:500px;
}

.med8 {
		background: transparent url('../media/Wallpaper_AhriLeona.jpg') top center no-repeat;
		width:889px;
		height:500px;
}

.med9 {
		background: transparent url('../media/Wallpaper_AhriUlt.jpg') top center no-repeat;
		width:889px;
		height:500px;
}

.med10 {
		background: transparent url('../media/Wallpaper_DariusBlock.jpg') top center no-repeat;
		width:889px;
		height:500px;
}

.med11 {
		background: transparent url('../media/Wallpaper_GravesSmokeBomb.jpg') top center no-repeat;
		width:889px;
		height:500px;
}

.med12 {
		background: transparent url('../media/Wallpaper_JaxFlame.jpg') top center no-repeat;
		width:889px;
		height:500px;
}

.med13 {
		background: transparent url('../media/Wallpaper_Katarina.jpg') top center no-repeat;
		width:889px;
		height:500px;
}

.med14 {
		background: transparent url('../media/Wallpaper_NautSmoke.jpg') top center no-repeat;
		width:889px;
		height:500px;
}

.med15 {
		background: transparent url('../media/Wallpaper_Rengar-x-Kat.jpg') top center no-repeat;
		width:889px;
		height:500px;
}

.med16 {
		background: transparent url('../media/Wallpaper_RengarCU.jpg') top center no-repeat;
		width:889px;
		height:500px;
}

.med17 {
		background: transparent url('../media/Wallpaper_Zyra.jpg') top center no-repeat;
		width:889px;
		height:500px;
}


.med1:hover .nd-downloadlarge {
	opacity: 1;
	-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med2:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med3:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med4:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med5:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opa4city .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med6:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med7:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med8:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med9:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med10:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med11:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med12:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med13:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med14:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med15:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med16:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.med17:hover .nd-downloadlarge {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.wp1 {
		background: transparent url('../media/ND-TD-WP.jpg') top center no-repeat;
		width:290px;
		height:171px;
		background-size: cover;
}

.wp2 {
		background: transparent url('../media/ND-TG-WP.jpg') top center no-repeat;
		width:290px;
		height:171px;
		background-size: cover;
}

.wp3 {
		background: transparent url('../media/ND-BG-WP.jpg') top center no-repeat;
		width:290px;
		height:171px;
		background-size: cover;
}

.wptext {
	width:290px;
	height:171px;
	opacity:0;
	text-align:center;
	color:white;
	padding-top:122px;
	z-index:1;
	position:relative;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;

}

.wpbg {
	width:290px;
	height:171px;
	background:black;
	opacity:0;
	margin-top:-171px;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.wp1:hover .wpbg {
	opacity:.6;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.wp1:hover .wptext {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.wp1:hover .nd-downloadsmall {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.wp2:hover .wpbg {
	opacity:.6;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.wp2:hover .wptext {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.wp2:hover .nd-downloadsmall {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.wp3:hover .wpbg {
	opacity:.6;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.wp3:hover .wptext {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}

.wp3:hover .nd-downloadsmall {
	opacity: 1;
		-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-tansition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}


#nd-mediaselect {
	background: transparent url('../img/media-select.png') top center no-repeat;
	width: 16px;
	height: 16px;	
	margin: -30px -16px;
}

#nd-mediaunselect {
	background: transparent url('../img/media-unselect.png') top center no-repeat;
	width: 16px;
	height: 16px;	
	margin: -30px -16px;
}


.news-teaser {
	border-bottom: 2px solid #a29785;
	border-top: 22px solid #a29785;
	width: 972px;
	margin: -16px;
	margin-bottom: 30px;
	margin-top:-270px;
}

.article {
	box-sizing: border-box;
	background: #efebe6;
	color: #333132;
	width: auto;
	position: relative
}

.teaser-content {
	margin-top: 5px;
	cursor: pointer
}
.teaser-content p {
	font-family: 'Beaufort for LOL1309320';
	font-size: 20px;
	line-height:24px;
}

.article .read-more {
	opacity: 1;
	display: block;
	margin: 25px 0
}
.article .read-less {
	opacity: 0;
	display: none
}
.article h2 {
	font-family: "Beaufort for LOL";
	text-transform: uppercase;
	font-size: 43px;
	text-align:center;
	color: #af8028;
	cursor: pointer;
	padding-top: 65px;
	margin-bottom: 10px
}
.article:hover {
	background: #fff
}
.article:hover h2 {
	font-family: "Beaufort for LOL";
	text-transform: uppercase;
	font-size: 43px;
	text-align:center;
	color: #af8028;
	cursor: pointer;
	padding-top: 65px;
	margin-bottom: 10px
}
.article.active {
	background:#fff;
}
.article.active .read-more {
	opacity: 0;
	display: none
}
.article.active .read-less {
	opacity: 1;
	display: block
}
.article.active .article-body {
	max-height: 8000px
}
.article.active .teaser-content {
	pointer-events: none;
	cursor: none
}
.article.active h2 {
	cursor: pointer;
	color: #af8028 !important
}
.article.first .article-image.close img, .first .article-image img {
	width: 100%
}
.article.first .article-image.close {
	max-height: 545px;
	width: 100%;
	opacity: 1;
	pointer-events: initial
}
.article.first {
	margin-top: 22px
}
.i18n-en .article.first {
	margin-top: 32px
}
.article-triangle {
	position: relative;
	border-left: 0 solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #a29785;
	top: 0;
	left: 20px;
	padding-left: 0;
	padding-top: 0
}
.article-body {
	margin-top: 20px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	max-height: 0;
	overflow: hidden
}
.article-body hr {
	margin-top: 50px
}
.article .article-body .blockquote {
	display: none
}
.article.active .article-body .blockquote, .article.active section.question .answer {
	display: block
}

.article .active {
	opacity: 1;
	max-height: 361px;
	pointer-events: initial
}
.article-accent {
	position: relative;
	border-left: 0 solid transparent;
	border-right: 50px solid transparent;
	border-top: 50px solid #3b3b3b;
	top: 46px
}
.article-info {
	text-transform: uppercase;
	color: #565656;
	padding: 5px;
	font-size: 12px
}
.article-misc {
	margin-top: 40px;
	position: relative;
	z-index: 2
}

.read-more p {
	position: relative;
	z-index: 99;
	cursor: pointer;
	text-align: center;
	margin: 0 auto;
	color: #ae8029
}
.read-less {
	position: relative;
	top: -10px;
	padding-top: 115px
}
.read-less p {
	position: relative;
	z-index: 99;
	cursor: pointer;
	text-align: center;
	margin: 0 auto;
	color: #ae8029;
	top: -65px
}