@font-face {
	font-family: "MyriadProRegular";
	src: url("fnt/MyriadProRegular/MyriadProRegular.eot");
	src: url("fnt/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
	url("fnt/MyriadProRegular/MyriadProRegular.woff") format("woff"),
	url("fnt/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "MyriadProItalic";
	src: url("fnt/MyriadProItalic/MyriadProItalic.eot");
	src: url("fnt/MyriadProItalic/MyriadProItalic.eot?#iefix")format("embedded-opentype"),
	url("fnt/MyriadProItalic/MyriadProItalic.woff") format("woff"),
	url("fnt/MyriadProItalic/MyriadProItalic.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "MyriadProBold";
	src: url("fnt/MyriadProBold/MyriadProBold.eot");
	src: url("fnt/MyriadProBold/MyriadProBold.eot?#iefix")format("embedded-opentype"),
	url("fnt/MyriadProBold/MyriadProBold.woff") format("woff"),
	url("fnt/MyriadProBold/MyriadProBold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "MyriadProBoldItalic";
	src: url("fnt/MyriadProBoldItalic/MyriadProBoldItalic.eot");
	src: url("fnt/MyriadProBoldItalic/MyriadProBoldItalic.eot?#iefix")format("embedded-opentype"),
	url("fnt/MyriadProBoldItalic/MyriadProBoldItalic.woff") format("woff"),
	url("fnt/MyriadProBoldItalic/MyriadProBoldItalic.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
   @font-face {
	font-family: "MyriadProSemiBold";
	src: url("fnt/MyriadProSemiBold/MyriadProSemiBold.eot");
	src: url("fnt/MyriadProSemiBold/MyriadProSemiBold.eot?#iefix")format("embedded-opentype"),
	url("fnt/MyriadProSemiBold/MyriadProSemiBold.woff") format("woff"),
	url("fnt/MyriadProSemiBold/MyriadProSemiBold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
   @font-face {
	font-family: "MyriadProSemiBoldItalic";
	src: url("fnt/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot");
	src: url("fnt/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
	url("fnt/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.woff") format("woff"),
	url("fnt/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: "Magnetob";
	src: url(fnt/MAGNETOB.TTF);
	font-style: normal;
	font-weight: normal;
}
.sla{
	position:fixed;
	text-align:center;
	background: linear-gradient(to top, #1f1d21, #323038);
	left:0px;
	min-height: 15vh;
	width:100%;
	font-family:MyriadProSemiBoldItalic;
	min-width:325px;
}
.slb{
	position:fixed;
	text-align:center;
	background: linear-gradient(to bottom, #1f1d21, #323038);
	top:15vh;
	left:0px;
	min-height: 85vh;
	width:100%;
	min-width:325px;
}

.bckgrnd{
	position:relative;
	text-align:center;
	background:radial-gradient(at top, #1f1d21, #323038);
	top:15vh;
	left:0px;
	min-height: 85vh;
	width:100%;
}
.fndmain{
	height: 10vh;
	padding:10vh 0 0 0;
}
.frnthdrfnd{
		color:#BBB9BA;
	}
.headrresult{
	position:relative;
	height:50px;
	font-weight:bold;
	padding: 15px 0 0 0;
}
.cellresult{
	display:inline-block;
	position:relative;
	vertical-align:middle;
	padding:5px 0 0 0;
	margin: 0 0 0 5px;
}
.bodyrresult{
	position:relative;
	min-height:50px;
	margin: 5px 0 5px 0;
}
.bodyrresult:hover{
	background-color: rgba(82,40,82,0.5);
}
@media (min-width: 768px){
	.hdrfnd{
		position:relative;
		font-family:Magnetob;
		font-size:3vw;
		line-height:1;
		text-align:center;
	}
	.inpfnd{
		font-size:2.5vw;
		line-height:1;
		width:70vw;
		height:6vh;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		padding:10px 5px;
		margin:20px 0;
	}
	.allvisbl{
		width:12vw;
	}
	.notvisblsmart{
		width:10vw;
	}
	.icoplay{
		width:2vw;
		margin: 0 0 0 1vw;
	}
	.icodown{
		width:2vw;
	}
}
@media (max-width: 768px){
	.hdrfnd{
		position:relative;
		font-family:Magnetob;
		font-size:5.5vw;
		line-height:1;
		text-align:center;
	}

	.inpfnd{
		font-size:4vh;
		width:80vw;
		height:5vh;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		padding:10px 5px;
		margin:20px 0;

	}
	.allvisbl{
		width:40vw;
	}
	.notvisblsmart{		
		display:none;
	}
	.icoplay{
		display:none;
	}
	.icodown{
		display:none;
	}
}
.cntnt{
	position:relative;
	bottom:0;
	margin-top:45vh;
}
.blvnk{
	display: inline-block;
	height:9vh;
	width:16vh;
	margin:30px 10px;
	opacity:0.6;
	position:relative;
}
.blvnk:hover{
	opacity:1;
}
.blvnk:hover .msk{
	opacity:1;
}
.blvnk:hover img{
	-webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
}
.blvnk img{
	-webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}
.msk{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	margin-top:80%;
	opacity:0;
	text-shadow:0 0 20px #C50F6E;
	text-transform: uppercase;
	font-family:MyriadProSemiBoldItalic;
	font-size:150%;
}
.lnk{
	display: inline-block;
	padding:5vh 0 0 0;
}
.lnk:hover{
	cursor: pointer;
}
.lnk:hover .bks{
	color:#CFCDCE;
}
.lnk:hover .lsk{
	color:#CFCDCE;
}
.lnk:hover .rghhd{
	color:#CFCDCE;
}
.bks{
	font-size:6vh;
	color:#472347;
}
.lsk{
	color:#625763;
	font-size:3vh;
}
.lfthd{
	display: inline-block;	
	text-align:right;
	line-height:0.7;
}
.rghhd{
	font-size:10vh;
	display: inline-block;	
	text-align:left;
	color:black;
}

.rslt{
	color:#CFCDCE;
}
.ofcldlc{
	background-color: rgba(71,30,48,0.5);
}
.ofcldlc:hover::after{
	content:"Официальное, платное DLC если хотите чтобы его сыграли, подарите его стримеру. (Paid DLC. To play, you have to give it to the streamer.)";
	padding:10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:absolute;
	border:1px solid #71139A;
	top:60px;
	left:8vw;
	min-width:20vw;
	background:#323038;
	z-index:1;
}
.ofcldlc:hover::before{
	content:"";
	z-index:2;
	position:absolute;
	top:40px;
	left:9vw;
	width:0;
	height:0;
	border: 10px solid transparent;
	border-bottom:10px solid #71139A;
}
.ofclbuydlc{
	background-color: rgba(98,87,99,0.5);
}
.ofclbuydlc:hover::after{
	content:"Официальное купленное DLC, вы можете его заказать. (The bought official DLC , you can request it.) ";
	padding:10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:absolute;
	border:1px solid #71139A;
	top:60px;
	left:8vw;
	min-width:20vw;
	background:#323038;
	z-index:1;
}
.ofclbuydlc:hover::before{
	content:"";
	z-index:2;
	position:absolute;
	top:40px;
	left:9vw;
	width:0;
	height:0;
	border: 10px solid transparent;
	border-bottom:10px solid #71139A;
}
.blackdlc{
	background-color:rgba(100,0,0,0.5);
}
.blackdlc:hover::after{
	content:"Эта песня в чёрном списке, скорей всего её не сыграют (This song in the black list, most likely it will not play)";
	padding:10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:absolute;
	border:1px solid #71139A;
	top:60px;
	left:8vw;
	min-width:20vw;
	background:#323038;
	z-index:1;
}
.blackdlc:hover::before{
	content:"";
	z-index:2;
	position:absolute;
	top:40px;
	left:9vw;
	width:0;
	height:0;
	border: 10px solid transparent;
	border-bottom:10px solid #71139A;
}
.crashdlc{
	background-color:rgba(117,117,82,0.5);
}
.crashdlc:hover::after{
	content:"Проблемное  DLC (возможно в этом DLC нельзя подстроить бас или оно не строит / better not to request)";
	padding:10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position:absolute;
	border:1px solid #71139A;
	top:60px;
	left:8vw;
	min-width:20vw;
	background:#323038;
	z-index:1;
}
.crashdlc:hover::before{
	content:"";
	z-index:2;
	position:absolute;
	top:40px;
	left:9vw;
	width:0;
	height:0;
	border: 10px solid transparent;
	border-bottom:10px solid #71139A;
}
.rc{
	color:rgba(249,198,80,1);
}
.clp{
	color:rgba(141,180,210,0.9);
}
.int{
	/*нет текста*/
}
.crs{
	color:rgba(248,174,55,0.9);
}
.ins{
	color:rgba(211,197,168,0.9);
}
.vk{
	color:rgba(90,127,165,0.9);
}
.ytb{
	color:rgba(221,47,47,0.9);
}
.gg{
	color:rgba(43,60,125,0.9);
}
.tw{
	color:rgba(99,66,160,0.9);
}