body {
	background-color: #f2f5f8;
	font-size: 15px;
}

.clr {
	clear: both;
}

ul {
	margin: 0;
}

a {
	color: #1976D2;
}

.bra {
	border-radius: 4px;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

pre{
	font-size: inherit;
	font-family: inherit;
}

input:-webkit-autofill{
	background-color: transparent !important;
}

.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.fixplayer {
	min-width: 270px;
	height: 60px;
	background-color: #212121;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 20;
	border-radius: 4px 4px 0 0;
}

ul.fixplayer-left, ul.fixplayer-right {
	display: block;
	position: absolute;
	top: 0;
	z-index: 1;
	margin: 0;
}

ul.fixplayer-right {
	margin: 15px 0;
}

.fixplayer-left li {
	display: inline-block;
	float: left;
}

ul.fixplayer-left {
	left: 0;
	padding-left: 10px;
	padding-top: 17px;
}

ul.fixplayer-right {
	width: 190px;
	right: 0;
	top: 7px;
}

a.fixplayer-back,a.fixplayer-play,a.fixplayer-pause,a.fixplayer-next,a.fixplayer-fav,a.fixplayer-favdel,a.fixplayer-download,a.fixplayer-lyrics {
	height: 50px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

a.fixplayer-back {
	width: 33px;
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC40ODggMjUwLjQ4OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjQ4OCAyNTAuNDg4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJQcmV2aW91c190cmFjayI+Cgk8cGF0aCBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7IiBkPSJNMjM3LjQ4NCwyMi41ODdjLTMuMjY2LDAtNy41OTEtMC40MDEtMTEuMDcyLDIuMDA1bC05Mi4yNjQsNzcuOTFWMzcuMjUyICAgYzAtMi41MDcsMC4wNTctMTQuNjY2LTEzLjAwNC0xNC42NjZjLTMuMjY1LDAtNy41OS0wLjQwMS0xMS4wNzIsMi4wMDVMOC4xMDcsMTEwLjY5M2MtOS42NjksNi42NzQtNy45OTcsMTQuNTUxLTcuOTk3LDE0LjU1MSAgIHMtMS42NzEsNy44NzgsNy45OTcsMTQuNTUxbDEwMS45NjUsODYuMTAyYzMuNDgyLDIuNDA1LDcuODA3LDIuMDA0LDExLjA3MiwyLjAwNGMxMy4wNjIsMCwxMy4wMDQtMTEuNywxMy4wMDQtMTQuNjY2di02NS4yNDkgICBsOTIuMjY0LDc3LjkxMWMzLjQ4MiwyLjQwNSw3LjgwNywyLjAwNCwxMS4wNzIsMi4wMDRjMTMuMDYyLDAsMTMuMDA0LTExLjcsMTMuMDA0LTE0LjY2NlYzNy4yNTIgICBDMjUwLjQ4OCwzNC43NDYsMjUwLjU0NiwyMi41ODcsMjM3LjQ4NCwyMi41ODd6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
	background-repeat: no-repeat;
	background-position: 8px 4px;
	opacity: 0.7;
}

a.fixplayer-play {
	width: 33px;
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1NC44NDggMjU0Ljg0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjU0Ljg0OCAyNTQuODQ4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0yMDAuNzMyLDExNi4yNjhsLTAuNjY3LTAuMzgxTDc5LjEwMSw0LjY0OGMtNi44MDEtNi4xOTgtMTcuODYyLTYuMTk4LTI0LjY2MywwbC0wLjA5NSwwLjIyMiAgICAgYy0zLjI0MiwyLjg2LTUuMzA4LDYuODY1LTUuMzA4LDExLjM0NnYyMjIuNDc3YzAsNC41NDUsMi4xNjEsOC41ODEsNS40OTgsMTEuNDQybC0wLjA2NCwwLjA2NCAgICAgYzYuODMzLDYuMTk4LDE3Ljg2Miw2LjE5OCwyNC42NjMsMGwxMjEuNjMyLTExMS40OTNDMjA3LjUwMiwxMzIuNTczLDIwNy41MDIsMTIyLjQ5OCwyMDAuNzMyLDExNi4yNjh6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
	background-repeat: no-repeat;
	background-position: 6px 0;
	opacity: 0.7;
}

a.fixplayer-pause {
	width: 33px;
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ1Ljk3NSA0NS45NzUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1Ljk3NSA0NS45NzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTMuOTg3LDBjLTIuNzYyLDAtNSwyLjIzOS01LDV2MzUuOTc1YzAsMi43NjMsMi4yMzgsNSw1LDVzNS0yLjIzOCw1LTVWNUMxOC45ODcsMi4yMzgsMTYuNzUsMCwxMy45ODcsMHoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNMzEuOTg3LDBjLTIuNzYyLDAtNSwyLjIzOS01LDV2MzUuOTc1YzAsMi43NjIsMi4yMzgsNSw1LDVzNS0yLjIzOCw1LTVWNUMzNi45ODcsMi4yMzksMzQuNzQ5LDAsMzEuOTg3LDB6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
	background-repeat: no-repeat;
	background-position: 5px 0;
	opacity: 0.7;
}

a.fixplayer-next {
	width: 33px;
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC40ODggMjUwLjQ4OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjQ4OCAyNTAuNDg4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJOZXh0X3RyYWNrXzIiPgoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTI0Mi4zODEsMTEwLjY5M0wxNDAuNDE1LDI0LjU5MWMtMy40OC0yLjQwNi03LjgwNS0yLjAwNS0xMS4wNzEtMi4wMDUgICBjLTEzLjA2MSwwLTEzLjAwMywxMS43LTEzLjAwMywxNC42NjZ2NjUuMjQ5bC05Mi4yNjUtNzcuOTFjLTMuNDgyLTIuNDA2LTcuODA3LTIuMDA1LTExLjA3Mi0yLjAwNSAgIEMtMC4wNTcsMjIuNTg3LDAsMzQuMjg3LDAsMzcuMjUydjE3NS45ODNjMCwyLjUwNy0wLjA1NywxNC42NjYsMTMuMDA0LDE0LjY2NmMzLjI2NSwwLDcuNTksMC40MDEsMTEuMDcyLTIuMDA1bDkyLjI2NS03Ny45MSAgIHY2NS4yNDljMCwyLjUwNy0wLjA1OCwxNC42NjYsMTMuMDAzLDE0LjY2NmMzLjI2NiwwLDcuNTkxLDAuNDAxLDExLjA3MS0yLjAwNWwxMDEuOTY2LTg2LjEwMSAgIGM5LjY2OC02LjY3NSw3Ljk5Ny0xNC41NTEsNy45OTctMTQuNTUxUzI1Mi4wNDksMTE3LjM2NywyNDIuMzgxLDExMC42OTN6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
	background-repeat: no-repeat;
	background-position: 9px 4px;
	opacity: 0.7;
}

a.fixplayer-back:hover, a.fixplayer-back:active, a.fixplayer-play:hover, a.fixplayer-play:active, a.fixplayer-pause:hover, a.fixplayer-pause:active, a.fixplayer-next:hover, a.fixplayer-next:active, a.fixplayer-download:hover, a.fixplayer-download:active, a.fixplayer-sound-icon:hover {
	opacity: 1;
}

a.fixplayer-download {
	width: 33px;
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2IDI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNiAyNiIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CiAgPGc+CiAgICA8cGF0aCBkPSJtMjUsMTdoLTJjLTAuNiwwLTEsMC40LTEsMXYyLjVjMCwwLjMtMC4yLDAuNS0wLjUsMC41aC0xN2MtMC4zLDAtMC41LTAuMi0wLjUtMC41di0yLjVjMC0wLjYtMC40LTEtMS0xaC0yYy0wLjYsMC0xLDAuNC0xLDF2NmMwLDAuNiAwLjQsMSAxLDFoMjRjMC42LDAgMS0wLjQgMS0xdi02YzAtMC42LTAuNC0xLTEtMXoiIGZpbGw9IiNGRkZGRkYiLz4KICAgIDxwYXRoIGQ9Im0xMi4zLDE2LjdjMC4yLDAuMiAwLjUsMC4zIDAuNywwLjNzMC41LTAuMSAwLjctMC4zbDYtNmMwLjItMC4yIDAuMy0wLjQgMC4zLTAuN3MtMC4xLTAuNS0wLjMtMC43bC0xLjQtMS40Yy0wLjItMC4yLTAuNC0wLjMtMC43LTAuMy0wLjMsMC0wLjUsMC4xLTAuNywwLjNsLTEsMWMtMC4zLDAuMy0wLjksMC4xLTAuOS0wLjR2LTYuNWMwLTAuNi0wLjQtMS0xLTFoLTJjLTAuNiwwLTEsMC40LTEsMXY2LjZjMCwwLjQtMC41LDAuNy0wLjksMC40bC0xLTFjLTAuMi0wLjItMC40LTAuMy0wLjctMC4zLTAuMywwLTAuNSwwLjEtMC43LDAuM2wtMS40LDEuNGMtMC4yLDAuMi0wLjMsMC40LTAuMywwLjdzMC4xLDAuNSAwLjMsMC43bDYsNS45eiIgZmlsbD0iI0ZGRkZGRiIvPgogIDwvZz4KPC9zdmc+Cg==");
	background-repeat: no-repeat;
	background-position: 0 0;
	opacity: 0.7;
}

/* весь фон полосы прокрутки */
.fixplayer-prok {
	height: 8px;
	overflow: hidden;
	position: absolute;
	top: 15px;
	left: 120px;
	right: 210px;
	border-radius: 10px;
	cursor: pointer;
}

/* текущая загрузка время */
.ui-slider-range-min {
	background-color: #FF3D00;
}

.fixplayer-prok.fixplayer-prok-fav_true {
	right: 47px;
}

.fixplayer-prok-loaded {
	height: 100%;
	background-color: red;
	position: absolute;
	top: 0;
	left: 0;
}

.loaded {
	width: 5%;
	height: 100%;
	background-color: #424242;
	position: absolute;
	top: 0;
	left: 0;
}   

#play_progress .ui-slider-range,
.fixplayer-prok-pr {
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
}
.fixplayer-tit {
	z-index: 1000;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 11px;
	padding-left: 10px;
	position: absolute;
	top: 30px;
	left: 90px;
	right: 195px;
	opacity: 0.7;
}

.fixplayer-tit .time {
	color: #fff;
	font-size: 12px;
	margin-right: 15px;
	display: block;
	float: right;
}

.fixplayer-tit span {
	margin-left: 10px;
}

.fixplayer-tit-text {
	position: absolute;
	display: block;
	float: left;
	font-weight: normal;
	font-size: 14px;
	overflow: hidden;
	margin-right: 120px;
	height: 20px;
}

.fixplayer-tit-text b {
	display: block;
	height: 50px;
	overflow: hidden;
	font-weight: normal}
.fixplayer-sound {
	position: absolute;
	top: 0;
	left: 33px;
	width: 72px;
	height: 15px;
	display: block;
}

a.fixplayer-sound-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
	width: 33px;
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ2Ni43NTMgNDY2Ljc1MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDY2Ljc1MyA0NjYuNzUzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTM0NC4zNjEsMzUyLjY1N2MtNi4zOTgsMC0xMi43OTUtMi40MzktMTcuNjc4LTcuMzIxYy05Ljc2NC05Ljc2NC05Ljc2NC0yNS41OTEsMC0zNS4zNTQgICBjNDIuMjM5LTQyLjIzOCw0Mi4yMzktMTEwLjk2NywwLTE1My4yMDZjLTkuNzY0LTkuNzY0LTkuNzY0LTI1LjU5MywwLTM1LjM1NWM5Ljc2NC05Ljc2MiwyNS41OTMtOS43NjIsMzUuMzU1LDAgICBjNjEuNzM0LDYxLjczNSw2MS43MzQsMTYyLjE4NCwwLDIyMy45MTdDMzU3LjE1OCwzNTAuMjE4LDM1MC43NTksMzUyLjY1NywzNDQuMzYxLDM1Mi42NTd6IE0yNjcuNDQxLDcuNjgzICAgYzEzLjM2OC0xMy4zNjksMjQuMzA2LTguODM3LDI0LjMwNiwxMC4wNjl2NDMxLjI0OWMwLDE4LjkwNy0xMC45MzgsMjMuNDM4LTI0LjMwNiwxMC4wNjlMMTQxLjc0NywzMzMuMzc2SDU4LjQxNFYxMzMuMzc3aDgzLjMzMyAgIEwyNjcuNDQxLDcuNjgzeiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
	background-repeat: no-repeat;
	background-position: 0 0;
	opacity: 0.7;
	cursor: pointer;
}

.fixplayer-sound-prok {
	width: 70px;
	height: 5px;
	background-color: #424242;
	position: absolute;
	top: 6px;
	left: 20px;
	cursor: pointer;
	border-radius: 10px;
}

#play_volume .jp-volume-bar-value,
.fixplayer-sound-prok i,
.jp-play-bar {
	height: 5px;
	display: block;
	background-color: #ff3d00;
	border-radius: 10px;
}
.jp-play-bar{
	height: 8px;
}
.fixplayer-settings {
	position: absolute;
	right: 20px;
	top: 0;
	width: 28px;
	height: 22px;
	text-align: center;
}

.fixplayer-settings span.s-btn {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0;
	text-align: left;
	cursor: pointer;
}

.fixplayer-settings span.s-btn span {
	display: block;
	width: 33px;
	height: 33px;
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4OS42ODggNDg5LjY4OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg5LjY4OCA0ODkuNjg4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ4NS42NSw4NC4yOTRsLTExMS45LTc1LjNjLTYuMS00LjEtMTQuMywwLjMtMTQuMyw3LjZ2NDAuN0g0MC42NWMtMTkuMSwwLTM0LjYsMTUuNS0zNC42LDM0LjZ2MTgzLjloNjkuMnYtMTQ5LjJoMjg0LjEgICAgdjQwLjhjMCw3LjQsOC4yLDExLjcsMTQuMyw3LjZsMTExLjktNzUuNEM0OTEuMDUsOTUuOTk0LDQ5MS4wNSw4Ny45OTQsNDg1LjY1LDg0LjI5NHoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNNDE0LjQ1LDM2Mi45OTRoLTI4NC4xdi00MC43YzAtNy40LTguMi0xMS43LTE0LjMtNy42bC0xMTIsNzUuM2MtNS40LDMuNi01LjQsMTEuNiwwLDE1LjNsMTExLjksNzUuNCAgICBjNi4xLDQuMSwxNC4zLTAuMywxNC4zLTcuNnYtNDAuOGgzMTguN2MxOS4xLDAsMzQuNi0xNS41LDM0LjYtMzQuNnYtMTgzLjloLTY5LjJ2MTQ5LjJINDE0LjQ1eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
	background-repeat: no-repeat;
	background-position: 0 0;
	opacity: 0.5;
	cursor: pointer;
}
	
span.s-btn .fixplayer-mode.line {
	opacity: 0.5;
}
span.s-btn .fixplayer-mode.repeat {
	opacity: 1;
}

/* песня в списке */

.playitem {
	position: relative;
	padding-left: 10px;
	transition: all 0.1s ease;
	margin: 7px 0;
	border-radius: 4px;
	display: flex;
}

	.playitem:hover {
		 background-color: #f7f9fb;
	}

	.playitem:hover .start-play::before{
		 opacity: 1;
	}

	.playitem:hover .start-play::after{
		 opacity: 1;
	}
	

	.playitem .button {
		 display: inline-block;
		 float: left;
		 width: 50px;
		 padding: 5px 0 0 10px;
		 position: relative;
	}

	.playitem .name {
		 overflow: hidden;
		 font-size: 14px;
	}

		 .playitem .name a {
			  color: #424242;
		 }

		 .playitem .name a:hover {
			  text-decoration: underline !important;
		 }

		 .playitem .info .time {
			  color: #9E9E9E;
			  font-size: 13px;
			  margin: 0 10px;
		 }

	.playitem.play {
		 background-color: #f2f5f8;
	}

.start-play{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding-top: 4px;
	padding-left: 1px;
	background-size: contain;
}

.start-play::before{
	position: relative;
	z-index: 10;
	opacity: 0;
	transition: .3s;
	content: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDEyNC41MTIgMTI0LjUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI0LjUxMiAxMjQuNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTExMy45NTYsNTcuMDA2bC05Ny40LTU2LjJjLTQtMi4zLTksMC42LTksNS4ydjExMi41YzAsNC42LDUsNy41LDksNS4ybDk3LjQtNTYuMiAgIEMxMTcuOTU2LDY1LjEwNSwxMTcuOTU2LDU5LjMwNiwxMTMuOTU2LDU3LjAwNnoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
}

._is-unavailable .start-play::before {
	content: "\f05e";
	opacity: 1;
	font: normal normal normal 30px/1 FontAwesome;
}

.start-play::after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: .3s;
	content: '';
	background-color: rgba(10, 10, 10, 0.7);
}

.btn {
	width: 38px;
	height: 38px;
	background-color: #03A9F4;
	border-radius: 20px;
	border: 0;
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDEyNC41MTIgMTI0LjUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI0LjUxMiAxMjQuNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTExMy45NTYsNTcuMDA2bC05Ny40LTU2LjJjLTQtMi4zLTksMC42LTksNS4ydjExMi41YzAsNC42LDUsNy41LDksNS4ybDk3LjQtNTYuMiAgIEMxMTcuOTU2LDY1LjEwNSwxMTcuOTU2LDU5LjMwNiwxMTMuOTU2LDU3LjAwNnoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
	background-repeat: no-repeat;
	background-position: 13px 11px;
	outline: none;
	cursor: pointer;
	opacity: 0.5;
	transition: all 0.15s ease;
}

	.btn:hover {
		 opacity: 1;
	}

.btn_download {
	border-radius: 0;
	background-color: transparent;
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2IDI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNiAyNiIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CiAgPGc+CiAgICA8cGF0aCBkPSJtMjUsMTdoLTJjLTAuNiwwLTEsMC40LTEsMXYyLjVjMCwwLjMtMC4yLDAuNS0wLjUsMC41aC0xN2MtMC4zLDAtMC41LTAuMi0wLjUtMC41di0yLjVjMC0wLjYtMC40LTEtMS0xaC0yYy0wLjYsMC0xLDAuNC0xLDF2NmMwLDAuNiAwLjQsMSAxLDFoMjRjMC42LDAgMS0wLjQgMS0xdi02YzAtMC42LTAuNC0xLTEtMXoiIGZpbGw9IiNmZjZmMDAiLz4KICAgIDxwYXRoIGQ9Im0xMi4zLDE2LjdjMC4yLDAuMiAwLjUsMC4zIDAuNywwLjNzMC41LTAuMSAwLjctMC4zbDYtNmMwLjItMC4yIDAuMy0wLjQgMC4zLTAuN3MtMC4xLTAuNS0wLjMtMC43bC0xLjQtMS40Yy0wLjItMC4yLTAuNC0wLjMtMC43LTAuMy0wLjMsMC0wLjUsMC4xLTAuNywwLjNsLTEsMWMtMC4zLDAuMy0wLjksMC4xLTAuOS0wLjR2LTYuNWMwLTAuNi0wLjQtMS0xLTFoLTJjLTAuNiwwLTEsMC40LTEsMXY2LjZjMCwwLjQtMC41LDAuNy0wLjksMC40bC0xLTFjLTAuMi0wLjItMC40LTAuMy0wLjctMC4zLTAuMywwLTAuNSwwLjEtMC43LDAuM2wtMS40LDEuNGMtMC4yLDAuMi0wLjMsMC40LTAuMywwLjdzMC4xLDAuNSAwLjMsMC43bDYsNS45eiIgZmlsbD0iI2ZmNmYwMCIvPgogIDwvZz4KPC9zdmc+Cg==");
	background-position: 5px 6px;
}

.playitem.play .start-play::before {
	opacity: 1;
	content: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzNS41NzggNTM1LjU3OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTM1LjU3OCA1MzUuNTc4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0yMzEuNiw1MTYuMjc4YzAsMTAuNjU4LTguNjQxLDE5LjMtMTkuMywxOS4zSDEwNi4xNWMtMTAuNjU5LDAtMTkuMy04LjY0MS0xOS4zLTE5LjNWMTkuMyAgICAgYzAtMTAuNjU5LDguNjQxLTE5LjMsMTkuMy0xOS4zaDEwNi4xNWMxMC42NTksMCwxOS4zLDguNjQxLDE5LjMsMTkuM1Y1MTYuMjc4eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cGF0aCBkPSJNNDQ4LjcyOCw1MTYuMjc4YzAsMTAuNjU4LTguNjQxLDE5LjMtMTkuMywxOS4zaC0xMDYuMTVjLTEwLjY1OSwwLTE5LjMtOC42NDEtMTkuMy0xOS4zVjE5LjMgICAgIGMwLTEwLjY1OSw4LjY0MS0xOS4zLDE5LjMtMTkuM2gxMDYuMTVjMTAuNjU5LDAsMTkuMyw4LjY0MSwxOS4zLDE5LjNWNTE2LjI3OHoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8L2c+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
}
.playitem.play .start-play::after{
	opacity: 1;
}
.notify{
	background-color: #f2f5f8;
	padding: 16px 20px;
	line-height: 1.5;
	color: #616161;
	font-size: 15px;
}
.genre-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.genre-list__item{
	width: 48%;
	position: relative;
}
.genre-list__item img{
	max-width: 100%;
}
.genre-list__title{
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
		 display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	letter-spacing: 1px;
	text-align: center;
}
.ispol{
	margin: 10px 0;
}
.jp-repeat-off{
	opacity: 1 !important;
}

.flex-row{
	display: flex;
}

.sidebar{
	width: 30%;
}

.content-column{
	width: 70%;
}

@media (max-width: 767px) {
.container { width: 100% !important; padding-right: 10px; padding-left: 10px; }
}

@media (min-width: 768px) {
.container { width: 100%; }
}

@media (min-width: 993px) {
.container { width: 100%; }
}

@media (min-width: 1200px) {
.container { width: 1170px; }
}

@media (min-width: 1300px) {
.container { width: 1280px; }
}

.col {
	padding: 0 !important;
}

.row {
	margin: 0 !important;
}

.maincont {
	position: relative;
	background-color: #fff;
	padding-bottom: 70px;
}

h1, h2, h3, h4 {
	font-family: 'Open Sans Condensed';
	margin-top: 0;
	color: #444;
}

.sidebar {
	padding-top: 23px !important;
	padding-right: 20px !important;
}
@media (max-width: 768px){
	.track-item__share{
		display: none;
	}
	.playitem .info{
		width: 90px;
	}
}


/* исполнители */
.ispol {
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ3LjUgNDcuNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDcuNSA0Ny41OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik00NC4xNTksMy4zNDFDNDEuOTMyLDEuMTE1LDM5LjAxMywwLDM2LjA5MywwYy0yLjkxOSwwLTUuODM4LDEuMTE0LTguMDY0LDMuMzQxYy00LjQ1NCw0LjQ1NC00LjQ1NCwxMS42NzcsMCwxNi4xMzEgICAgIGMyLjIyNywyLjIyNyw1LjE0NiwzLjM0MSw4LjA2NCwzLjM0MXM1LjgzOS0xLjExNCw4LjA2Ni0zLjM0MUM0OC42MTMsMTUuMDE5LDQ4LjYxMyw3Ljc5Niw0NC4xNTksMy4zNDF6IiBmaWxsPSIjMDNhOWY0Ii8+CgkJCTxwYXRoIGQ9Ik0yMi4xNjEsMTQuOTk5TDAuNjQ2LDM5LjE2MWMtMC45LDEuMDExLTAuODU0LDIuNjA0LDAuMTAzLDMuNTYybDEuMTMyLDEuMTMzTDEuMTU4LDQ0LjU4ICAgICBjLTAuNDc3LDAuNDc3LTAuNDc3LDEuMjU2LDAsMS43MzFsMC4xMDgsMC4xMDhjMC40NzcsMC40NzgsMS4yNTYsMC40NzgsMS43MzMsMGwwLjcyMy0wLjcyNGwxLjA1NSwxLjA1NSAgICAgYzAuOTU3LDAuOTU3LDIuNTUyLDEuMDAzLDMuNTYzLDAuMTA0bDI0LjE1NS0yMS41MDljLTIuNDY5LTAuNjMzLTQuNzM5LTEuOTAyLTYuNTg5LTMuNzUyICAgICBDMjQuMDE5LDE5LjcwNiwyMi43NzksMTcuNDE2LDIyLjE2MSwxNC45OTl6IE0yMS4wMiwyOS4yNjhsLTUuMTQ1LDUuMTQ2Yy0wLjc3LDAuNzcxLTIuMDE4LDAuNzcxLTIuNzg3LDAgICAgIGMtMC43NjktMC43NzEtMC43Ny0yLjAyLDAtMi43ODdsNS4xNDUtNS4xNDZjMC43Ny0wLjc3MSwyLjAxOC0wLjc3MSwyLjc4NywwQzIxLjc4OSwyNy4yNTEsMjEuNzksMjguNDk5LDIxLjAyLDI5LjI2OHoiIGZpbGw9IiMwM2E5ZjQiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
	background-repeat: no-repeat;
	background-position: 20px 24px;
	background-color: #f2f5f8;
	padding: 20px;
	margin-bottom: 20px;
}

.music_styles {
	text-align: justify;
	margin-top: 20px;
	padding-right: 0px;
}

	.music_styles li {
		display: inline-block;
		font-size: 14px;
		margin: 0;
	}

	.music_styles li a {
		display: inline-block;
		padding: 4px 7px;
		border-radius: 3px;
		transition: all 0.1s ease;
		text-decoration: underline;
	}

		.music_styles li a:hover {
			text-decoration: none;
			color: #FF5722;
			background-color: #fff;
		}

.genre {
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ0My40NDIgNDQzLjQ0MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQzLjQ0MiA0NDMuNDQyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQzNi4wODMsMTkwLjM3NmwtMTE1LjUyLDgzLjkyN2w0NC4xMywxMzUuODAxYzIuMzg4LDcuMzUzLTAuMjM2LDE1LjQwMy02LjQ3OSwxOS45NTQgICBjLTMuMTM5LDIuMjcxLTYuODEsMy40MDUtMTAuNDk4LDMuNDA1Yy0zLjY4MiwwLTcuMzY0LTEuMTM1LTEwLjQ3OS0zLjQwNWwtMTE1LjUxNC04My45MzNsLTExNS41MDgsODMuOTIxICAgYy02LjI2Niw0LjU1Mi0xNC43MzMsNC41NTItMjAuOTg2LDBjLTYuMjM5LTQuNTM5LTguODY2LTEyLjU5LTYuNDc1LTE5Ljk0Mmw0NC4xMTgtMTM1LjgwN0w3LjM2NCwxOTAuMzc2ICAgYy02LjI1NC00LjU0NS04Ljg4MS0xMi41OTMtNi40OS0xOS45NDhjMi4zOTctNy4zNTQsOS4yNTYtMTIuMzMsMTYuOTc5LTEyLjMzaDE0Mi43OGw0NC4xMTgtMTM1Ljc5MSAgIGMyLjM5MS03LjM1Myw5LjI0NS0xMi4zMjcsMTYuOTc5LTEyLjMyN3MxNC41NzYsNC45NzQsMTYuOTY0LDEyLjMyN2w0NC4xMTgsMTM1Ljc5MWgxNDIuNzkyYzcuNzIsMCwxNC41NzYsNC45NzcsMTYuOTc2LDEyLjMzICAgQzQ0NC45NSwxNzcuNzgzLDQ0Mi4zMiwxODUuODMxLDQzNi4wODMsMTkwLjM3NnoiIGZpbGw9IiNmZmEwMDAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
	background-repeat: no-repeat;
	background-position: 20px 23px;
	border: 1px solid #f2f5f8;
	padding: 20px 20px 15px;
}

.categ {
	margin-top: 20px;
}

	.categ a {
		display: inline-block;
		margin-bottom: 10px;
		border-bottom: 1px solid #BBDEFB;
		transition: all 0.2s ease;
	}

		.categ a:hover {
			color: #FF5722;
			border-color: #FFECB3;
		}

.cloud {
	padding-top: 20px;
	padding-bottom: 15px;
	text-align: center;
}

.cloud span {
	padding: 0;
	margin: 0;
	display: inline-block;
}

	.cloud a {
		display: inline-block;
		border: 1px solid #e5e5e5;
		padding: 3px 9px;
		border-radius: 20px;
		color: #757575;
		font-size: 11px;
		margin: 0 3px 7px 0;
		transition: all 0.1s ease;
	}

	.cloud a:hover {
		border-color: #f2f5f8;
		background-color: #f2f5f8;
	}

.opisanie {
	background-color:  #f2f5f8;
	padding: 16px 20px 16px 70px;
	line-height: 1.5;
	color: #616161;
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1LjY4NSAyNS42ODUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1LjY4NSAyNS42ODU7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8cGF0aCBkPSJNMjIuMDgsMC4wOThMMTAuOTcsMy40OTdDOS42MjQsMy44ODEsOC41MzMsNS4yODUsOC41MzMsNi42MzF2MTEuNTU3YzAsMCwwLDAuMTU4LDAsMC4xNjIgICBjMCwwLTAuODA1LTAuNTQzLTIuNTk4LTAuMjg5Yy0yLjYzMywwLjM3NC00Ljc2OCwyLjM5NS00Ljc2OCw0LjUxNXMyLjEzNSwzLjQxOSw0Ljc2OCwzLjA0NWMyLjYzNS0wLjM3Miw0LjU2Ni0yLjMzMSw0LjU2Ni00LjQ1MiAgIGMwLDAsMC05LjA2NiwwLTEwLjAwNnMxLjEzLTEuMzQzLDEuMTMtMS4zNDNsOS44MjMtMy4wNzljMCwwLDEuMDg3LTAuMzY1LDEuMDg3LDAuNjQxczAsOC4wMzEsMCw4LjAzMXMwLDAuMDAyLDAsMC4wMDYgICBjMCwwLTEuMDAxLTAuNTc2LTIuNzk0LTAuMzU4Yy0yLjYzMywwLjMxOS00Ljc2OCwyLjI5OC00Ljc2OCw0LjQxN2MwLDIuMTIxLDIuMTM1LDMuNDYzLDQuNzY4LDMuMTQzICAgYzIuNjM1LTAuMzE5LDQuNzctMi4yOTcsNC43Ny00LjQxOFYxLjg0QzI0LjUxNywwLjQ5NCwyMy40MjUtMC4yODYsMjIuMDgsMC4wOTh6IiBmaWxsPSIjY2ZkOGRjIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 25px;
}

.mainsearch {
	position: relative;
	padding: 10px;
	background-color: #fff;
    background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU2Ljk2NiA1Ni45NjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2Ljk2NiA1Ni45NjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPHBhdGggZD0iTTU1LjE0Niw1MS44ODdMNDEuNTg4LDM3Ljc4NmMzLjQ4Ni00LjE0NCw1LjM5Ni05LjM1OCw1LjM5Ni0xNC43ODZjMC0xMi42ODItMTAuMzE4LTIzLTIzLTIzcy0yMywxMC4zMTgtMjMsMjMgIHMxMC4zMTgsMjMsMjMsMjNjNC43NjEsMCw5LjI5OC0xLjQzNiwxMy4xNzctNC4xNjJsMTMuNjYxLDE0LjIwOGMwLjU3MSwwLjU5MywxLjMzOSwwLjkyLDIuMTYyLDAuOTIgIGMwLjc3OSwwLDEuNTE4LTAuMjk3LDIuMDc5LTAuODM3QzU2LjI1NSw1NC45ODIsNTYuMjkzLDUzLjA4LDU1LjE0Niw1MS44ODd6IE0yMy45ODQsNmM5LjM3NCwwLDE3LDcuNjI2LDE3LDE3cy03LjYyNiwxNy0xNywxNyAgcy0xNy03LjYyNi0xNy0xN1MxNC42MSw2LDIzLjk4NCw2eiIgZmlsbD0iIzAwMDAwMCIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: 15px 11px;
    border-radius: 20px;
}

	#search {
		width: 100%;
		padding-right: 70px;
		padding-left: 35px;
	}

	#i_search {
		width: 100%;
		outline: none;
		border: 0;
		background-color: transparent;
	}

	.btnsearch {
		position: absolute;
		right: 0;
		top: 0;
	}

	#s_search {
		background-color: #FFD54F;
		color: #fff;
		border-radius: 0 20px 20px 0;
		border: 0;
		font-size: 16px;
		padding: 11px 20px 10px 15px;
		display: inline-block;
		outline: none;
		transition: all 0.1s ease;
	}

		#s_search:hover {
			background-color: #FFA000;
		}

/* шапка */
.header {
	background-color: #03A9F4;
	padding: 12px 10px 12px;
}

.logo {
	display: inline-block;
}

.mainh {
	margin-top: 20px;
	letter-spacing: 1px;
}

h1 {
	font-size: 25px;
	line-height: 1.3;
}

h2 {
	font-size: 23px;
	line-height: 1.3;
}

.song-header {
	margin-bottom: 20px;
}

.wait h1, .radio h1 {
	text-align: center;
}

#download_message, #download_link {
	padding: 50px 0;
	text-align: center;
}

.button_1 {
	display: inline-block;
	background-color: #29B6F6;
	padding: 10px 15px 10px 42px;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
    background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2IDI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNiAyNiIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CiAgPGc+CiAgICA8cGF0aCBkPSJtMjUsMTdoLTJjLTAuNiwwLTEsMC40LTEsMXYyLjVjMCwwLjMtMC4yLDAuNS0wLjUsMC41aC0xN2MtMC4zLDAtMC41LTAuMi0wLjUtMC41di0yLjVjMC0wLjYtMC40LTEtMS0xaC0yYy0wLjYsMC0xLDAuNC0xLDF2NmMwLDAuNiAwLjQsMSAxLDFoMjRjMC42LDAgMS0wLjQgMS0xdi02YzAtMC42LTAuNC0xLTEtMXoiIGZpbGw9IiNGRkZGRkYiLz4KICAgIDxwYXRoIGQ9Im0xMi4zLDE2LjdjMC4yLDAuMiAwLjUsMC4zIDAuNywwLjNzMC41LTAuMSAwLjctMC4zbDYtNmMwLjItMC4yIDAuMy0wLjQgMC4zLTAuN3MtMC4xLTAuNS0wLjMtMC43bC0xLjQtMS40Yy0wLjItMC4yLTAuNC0wLjMtMC43LTAuMy0wLjMsMC0wLjUsMC4xLTAuNywwLjNsLTEsMWMtMC4zLDAuMy0wLjksMC4xLTAuOS0wLjR2LTYuNWMwLTAuNi0wLjQtMS0xLTFoLTJjLTAuNiwwLTEsMC40LTEsMXY2LjZjMCwwLjQtMC41LDAuNy0wLjksMC40bC0xLTFjLTAuMi0wLjItMC40LTAuMy0wLjctMC4zLTAuMywwLTAuNSwwLjEtMC43LDAuM2wtMS40LDEuNGMtMC4yLDAuMi0wLjMsMC40LTAuMywwLjdzMC4xLDAuNSAwLjMsMC43bDYsNS45eiIgZmlsbD0iI0ZGRkZGRiIvPgogIDwvZz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: 15px 10px;
    transition: all 0.15s ease;
}

	.button_1:hover {
		background-color: #FF8F00;
	}

#download_message .timing {
	color: #FF8F00;
	font-size: 20px;
}

.razd {
	padding-bottom: 20px;
}

.razd li {
	width: 23%;
	display: inline-block;
	text-align: center;
	opacity: 0.4;
	transition: all 0.20s ease;
}

	.razd li a {
		padding-top: 40px;
		display: block;
		font-size: 14px;
		color: #212121;
	}

	.razd li:hover {
		opacity: 0.8;
	}

	.razd .music {
		background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ny4yMTYgNDc3LjIxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc3LjIxNiA0NzcuMjE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPHBhdGggZD0iTTQ1My44NTgsMTA1LjExNnYtOTEuNmMwLTQuMy0yLjEtOC40LTUuNS0xMC45Yy0zLjUtMi41LTgtMy4zLTEyLjEtMmwtMjcyLjksODYuN2MtNS42LDEuOC05LjQsNy05LjQsMTIuOXY5MS43djAuMXYxNzUuMyAgIGMtMTQuMy05LjktMzIuNi0xNS4zLTUxLjgtMTUuM2MtMjAuMywwLTM5LjYsNi4xLTU0LjMsMTcuMWMtMTUuOCwxMS45LTI0LjUsMjgtMjQuNSw0NS41czguNywzMy42LDI0LjUsNDUuNSAgIGMxNC43LDExLDMzLjksMTcuMSw1NC4zLDE3LjFzMzkuNi02LjEsNTQuMy0xNy4xYzE1LjgtMTEuOSwyNC41LTI4LDI0LjUtNDUuNXYtMjEyLjhsMjQ1LjktNzguMnYxNTYuNiAgIGMtMTQuMy05LjktMzIuNi0xNS4zLTUxLjgtMTUuM2MtMjAuMywwLTM5LjYsNi4xLTU0LjMsMTcuMWMtMTUuOCwxMS45LTI0LjUsMjgtMjQuNSw0NS41czguNywzMy42LDI0LjUsNDUuNSAgIGMxNC43LDExLDMzLjksMTcuMSw1NC4zLDE3LjFzMzkuNi02LjEsNTQuMy0xNy4xYzE1LjgtMTEuOSwyNC41LTI4LDI0LjUtNDUuNXYtMjIyLjMgICBDNDUzLjg1OCwxMDUuMTE2LDQ1My44NTgsMTA1LjExNiw0NTMuODU4LDEwNS4xMTZ6IE0xMDIuMTU4LDQ1MC4yMTZjLTI4LjEsMC01MS44LTE2LjMtNTEuOC0zNS42YzAtMTkuMywyMy43LTM1LjYsNTEuOC0zNS42ICAgczUxLjgsMTYuMyw1MS44LDM1LjZDMTUzLjk1OCw0MzQuMDE2LDEzMC4yNTgsNDUwLjIxNiwxMDIuMTU4LDQ1MC4yMTZ6IE0xODAuOTU4LDE3My40MTZ2LTYzLjRsMjQ1LjktNzguMXY2My40TDE4MC45NTgsMTczLjQxNnogICAgTTM3NS4xNTgsMzYzLjExNmMtMjguMSwwLTUxLjgtMTYuMy01MS44LTM1LjZjMC0xOS4zLDIzLjctMzUuNiw1MS44LTM1LjZzNTEuOCwxNi4zLDUxLjgsMzUuNiAgIEM0MjYuODU4LDM0Ni44MTYsNDAzLjE1OCwzNjMuMTE2LDM3NS4xNTgsMzYzLjExNnoiIGZpbGw9IiMwMDAwMDAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
		background-repeat: no-repeat;
		background-position: center top;
	}

	.razd .radio {
		background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ny44IDQ3Ny44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NzcuOCA0NzcuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBkPSJNMzIzLjcsMjQ1LjY1Yy00NC45LDAtODEuOSwzNy4xLTgxLjksODEuOWMwLDQ0LjksMzcuMSw4MS45LDgxLjksODEuOWM0NS44LDAsODEuOS0zNy4xLDgxLjktODEuOSAgICAgUzM2OC42LDI0NS42NSwzMjMuNywyNDUuNjV6IE0zMjMuNywzNzAuNDVjLTIzLjQsMC00Mi45LTE5LjUtNDIuOS00Mi45czE5LjUtNDIuOSw0Mi45LTQyLjljMjQuNCwwLDQyLjksMTkuNSw0Mi45LDQyLjkgICAgIFMzNDcuMSwzNzAuNDUsMzIzLjcsMzcwLjQ1eiIgZmlsbD0iIzAwMDAwMCIvPgoJCQk8cGF0aCBkPSJNNDA2LjIsMTI5LjM1TDEzNS41LDI2Ljc1Yy0zLjktMTUuNC0xOC40LTI2LjctMzUtMjYuN2MtMTkuNSwwLTM1LjEsMTYuNi0zNS4xLDM2LjFzMTUuNiwzNS4xLDM1LjEsMzUuMSAgICAgYzgsMCwxNS41LTIuOCwyMS41LTcuNGwxNzIuNyw2NC45SDgxLjljLTQ0LjksMC04MS45LDM3LjEtODEuOSw4MS45djE4NS4yYzAsNDQuOSwzNy4xLDgxLjksODEuOSw4MS45aDMxNCAgICAgYzQ0LjksMCw4MS45LTM3LjEsODEuOS04MS45di0xODUuM0M0NzcuOCwxNjkuMjUsNDQ2LjMsMTM0LjU1LDQwNi4yLDEyOS4zNXogTTQzOC44LDM5NS44NWMwLDIzLjQtMTkuNSw0Mi45LTQyLjksNDIuOWgtMzE0ICAgICBjLTIzLjQsMC00Mi45LTE5LjUtNDIuOS00Mi45di0xODUuM2MwLTIzLjQsMTkuNS00Mi45LDQyLjktNDIuOWgzMTRjMjMuNCwwLDQyLjksMTkuNSw0Mi45LDQyLjlWMzk1Ljg1eiIgZmlsbD0iIzAwMDAwMCIvPgoJCQk8cGF0aCBkPSJNMjQ3LjcsMjMyLjA1YzAtMTAuNy04LjgtMTkuNS0xOS41LTE5LjVIODIuOWMtMTAuNywwLTE5LjUsOC44LTE5LjUsMTkuNXM4LjgsMTkuNSwxOS41LDE5LjVoMTQ0LjMgICAgIEMyMzcuOSwyNTEuNTUsMjQ3LjcsMjQyLjc1LDI0Ny43LDIzMi4wNXoiIGZpbGw9IiMwMDAwMDAiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
		background-repeat: no-repeat;
		background-position: center top;
	}

	.razd .top {
		background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4OC4wMjIgNDg4LjAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg4LjAyMiA0ODguMDIyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPHBhdGggZD0iTTQ3MS41NjMsMTczLjc3OGwtMTQ1LjUtMjAuOGwtNjQuNC0xMzJjLTgtMTUuNC0zMC0xMi4yLTM1LjMsMGwtNjQuNCwxMzJsLTE0NS42LDIwLjhjLTE2LjQsMS0yMS42LDIwLjktMTAuNCwzMy4yICAgbDEwNSwxMDIuOWwtMjUsMTQ0LjVjLTIuOSwxNy44LDE2LjcsMjcuOCwyOC4xLDIwLjhsMTI5LjktNjguNmwxMjkuOSw2Ny42YzEzLjYsNywyOS44LTIuOCwyOC4xLTE5LjdsLTI1LTE0NC42bDEwNS0xMDIuOSAgIEM0OTQuNjYzLDE5My40NzgsNDg1LjU2MywxNzUuNDc4LDQ3MS41NjMsMTczLjc3OHogTTM0Mi42NjMsMjg4LjA3OGMtNC4yLDUuMi02LjIsMTEuNC01LjIsMTcuN2wxOS43LDExNi40bC0xMDMuOS01NS4xICAgYy02LjctMi44LTEzLTIuOC0xOC43LDBsLTEwMy45LDU1LjFsMTkuNy0xMTYuNGMxLTcuMy0xLTEzLjUtNS4yLTE3LjdsLTg0LjEtODIuMWwxMTYuNC0xNi42YzYuMi0xLDExLjQtNC4yLDE0LjYtMTAuNGw1Mi0xMDUgICBsNTIsMTA1YzMuMSw1LjIsOC4zLDkuNCwxNC42LDEwLjRsMTE2LjIsMTYuNkwzNDIuNjYzLDI4OC4wNzh6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
		background-repeat: no-repeat;
		background-position: center top;
	}

	.razd .feed {
		background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4My4zIDQ4My4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODMuMyA0ODMuMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00MjQuMyw1Ny43NUg1OS4xYy0zMi42LDAtNTkuMSwyNi41LTU5LjEsNTkuMXYyNDkuNmMwLDMyLjYsMjYuNSw1OS4xLDU5LjEsNTkuMWgzNjUuMWMzMi42LDAsNTkuMS0yNi41LDU5LjEtNTkuMSAgICB2LTI0OS41QzQ4My40LDg0LjM1LDQ1Ni45LDU3Ljc1LDQyNC4zLDU3Ljc1eiBNNDU2LjQsMzY2LjQ1YzAsMTcuNy0xNC40LDMyLjEtMzIuMSwzMi4xSDU5LjFjLTE3LjcsMC0zMi4xLTE0LjQtMzIuMS0zMi4xdi0yNDkuNSAgICBjMC0xNy43LDE0LjQtMzIuMSwzMi4xLTMyLjFoMzY1LjFjMTcuNywwLDMyLjEsMTQuNCwzMi4xLDMyLjF2MjQ5LjVINDU2LjR6IiBmaWxsPSIjMDAwMDAwIi8+CgkJPHBhdGggZD0iTTMwNC44LDIzOC41NWwxMTguMi0xMDZjNS41LTUsNi0xMy41LDEtMTkuMWMtNS01LjUtMTMuNS02LTE5LjEtMWwtMTYzLDE0Ni4zbC0zMS44LTI4LjRjLTAuMS0wLjEtMC4yLTAuMi0wLjItMC4zICAgIGMtMC43LTAuNy0xLjQtMS4zLTIuMi0xLjlMNzguMywxMTIuMzVjLTUuNi01LTE0LjEtNC41LTE5LjEsMS4xYy01LDUuNi00LjUsMTQuMSwxLjEsMTkuMWwxMTkuNiwxMDYuOUw2MC44LDM1MC45NSAgICBjLTUuNCw1LjEtNS43LDEzLjYtMC42LDE5LjFjMi43LDIuOCw2LjMsNC4zLDkuOSw0LjNjMy4zLDAsNi42LTEuMiw5LjItMy42bDEyMC45LTExMy4xbDMyLjgsMjkuM2MyLjYsMi4zLDUuOCwzLjQsOSwzLjQgICAgYzMuMiwwLDYuNS0xLjIsOS0zLjVsMzMuNy0zMC4ybDEyMC4yLDExNC4yYzIuNiwyLjUsNiwzLjcsOS4zLDMuN2MzLjYsMCw3LjEtMS40LDkuOC00LjJjNS4xLTUuNCw0LjktMTQtMC41LTE5LjFMMzA0LjgsMjM4LjU1eiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
		background-repeat: no-repeat;
		background-position: center top;
	}

.top100 h1, .feedback h1 {
	padding: 0;
}

	.top100 .item a, .other a {
		display: inline-block;
		padding: 5px 0;
		text-decoration: underline;
	}

	.top100 .item a:hover, .other a:hover {
		color: #FF5722;
		text-decoration: none;
	}

	.top100 .num {
		display: inline-block;
		width: 35px;
		font-size: 13px;
		color: #90A4AE;
	}

	.other .pages li {
		display: inline-block;
		margin-right: 20px;
	}

	.other .pages li a {
		color: #FF5722;
	}


@media (max-width: 1200px){
	.genre-list__title{
		padding: 5px;
		font-size: 15px;
		text-align: center;
	}
}
@media (max-width: 992px){
	.fixplayer-sound{
		display: none;
	}
	ul.fixplayer-right{
		width: 80px;
	}
	.fixplayer-prok{
		right: 110px;
	}
	h2{
		font-size: 20px;
	}
	.genre{
		padding-left: 7px;
		padding-right: 7px;
		background-position: 10px 21px;
	}
}
@media (max-width: 910px){
	.mobile-reverse{
		flex-direction: column-reverse;
	}

	.content-column{
		width: 100%;
	}

	.sidebar{
		width: 100%;
	}

	.side-box__item._flex{
		width: 31% !important;
	}

	.track-list{
		margin-bottom: 30px;
	}
}

@media (max-width: 768px){
	.h-mse-search{
		width: 100% !important;
	}
	.h-logo{
		width: 100% !important;
		text-align: center;
    	margin-bottom: 10px;
	}
	.genre-list__item{
		width: 48%;
	}
	.jp-title{
		display: none !important;
	}
	.categ{
		display: flex;
    	flex-wrap: wrap;
	}
	.categ li{
		width: 50%;
	}
	.fixplayer-tit{
		right: 100px;
	}
	.sidebar{
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.h-logo__link{
		justify-content: center;
	}
	.opisanie{
		background-image: none;
		padding: 15px 20px;
	}
}
.radio-content__play-wrap {
    display: flex;
    justify-content: center;
    margin: 10px 0 30px;
}
	.radio-content__play-btn {
    width: 100px;
    height: 100px;
    background-color: #29b6f6;
    border-radius: 50%;
    opacity: .8;
    transition: .3s;
    background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDEyNC41MTIgMTI0LjUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI0LjUxMiAxMjQuNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTExMy45NTYsNTcuMDA2bC05Ny40LTU2LjJjLTQtMi4zLTksMC42LTksNS4ydjExMi41YzAsNC42LDUsNy41LDksNS4ybDk3LjQtNTYuMiAgIEMxMTcuOTU2LDY1LjEwNSwxMTcuOTU2LDU5LjMwNiwxMTMuOTU2LDU3LjAwNnoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42%;
    cursor: pointer;
}
	.radio-content__play-text {
    display: flex;
    align-items: center;
    margin-left: 16px;
    font-size: 25px;
}
	.radio-content__play-btn.play{
	background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzNS41NzggNTM1LjU3OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTM1LjU3OCA1MzUuNTc4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0yMzEuNiw1MTYuMjc4YzAsMTAuNjU4LTguNjQxLDE5LjMtMTkuMywxOS4zSDEwNi4xNWMtMTAuNjU5LDAtMTkuMy04LjY0MS0xOS4zLTE5LjNWMTkuMyAgICAgYzAtMTAuNjU5LDguNjQxLTE5LjMsMTkuMy0xOS4zaDEwNi4xNWMxMC42NTksMCwxOS4zLDguNjQxLDE5LjMsMTkuM1Y1MTYuMjc4eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cGF0aCBkPSJNNDQ4LjcyOCw1MTYuMjc4YzAsMTAuNjU4LTguNjQxLDE5LjMtMTkuMywxOS4zaC0xMDYuMTVjLTEwLjY1OSwwLTE5LjMtOC42NDEtMTkuMy0xOS4zVjE5LjMgICAgIGMwLTEwLjY1OSw4LjY0MS0xOS4zLDE5LjMtMTkuM2gxMDYuMTVjMTAuNjU5LDAsMTkuMyw4LjY0MSwxOS4zLDE5LjNWNTE2LjI3OHoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8L2c+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==');
}
.radio-content__play-btn:hover{
	opacity: 1;
}
.radio-content img{
	max-width: 100%;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}
.main-poster{
	width: 100%;
}
.more-track{
	position: relative;
	z-index: 10;
	background-color: #59c4ff;
	color: #fff;
	padding: 10px 0;
	margin: 20px auto;
	width: 130px;
	display: block;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	transition: opacity .3s
}

.more-track:hover{
	opacity: .7;
}

.more-track._disabled {
	opacity: .4;
	cursor: default;
}

.popup__title{
	text-align: center;
}
.track-item__share{
	margin-right: 7px;
	outline: 0;
	color: #03A9F4;
	opacity: 0.5;
	transition: all 0.15s ease;
}
.track-item__share:hover{
	opacity: 1;
}

/* Скачивание трека */
.track-download__content{
	text-align: center;
}
.track-download__timer{
	font-size: 35px;
	border: 1px solid;
	padding: 15px;
	border-radius: 50%;
	color: red;
	display: flex;
	width: 70px;
	height: 70px;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0 auto;
}
.track-download__link{
	background-color: #03A9F4;
	color: #fff;
	line-height: 38px;
	display: inline-block;
	padding: 0 20px;
	border-radius: 3px;
	opacity: .7;
	transition: opacity .3s;
}
.track-download__link:hover{
	opacity: 1;
}
.h-logo__link{
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 25px;
	text-transform: uppercase;
}
.h-logo__link img{
	margin-right: 10px;
}
.track-item__poster{
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	margin-top: 5px;
	margin-right: 10px;
	flex-shrink: 0;
	background-image: url('/uploads/noalbum.png');
   background-size: contain;
   background-position: 0 0;
}

.track-item__poster-img{
	width: 100%;
}

.track-list{
	position: relative;
	padding-bottom: 20px;
}

.track-list__bg-poster{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: .08;
	filter: blur(4px) grayscale(100%);
}

@media (max-width: 992px){
	.track-list__bg-poster{
		display: none;
	}
}
.base-form__group{
	position: relative;
	display: flex;
	border: 0;
   padding: 0;
}

.base-form__label{
	font-size: 14px;
   margin-bottom: 5px;
   color: #454242;
   outline: 0;
}

.base-form__input{
	outline: 0;
   background-color: #fff;
   border: 1px solid #e3e3e3;
   border-radius: 2px;
   color: #767575;
   height: 32px;
   line-height: 32px;
   box-sizing: border-box;
   padding: 0 10px;
	margin-bottom: 15px;
	width: 100%;
}
.base-form__area{
	outline: 0;
   background-color: #fff;
   border: 1px solid #e3e3e3;
   border-radius: 2px;
   color: #767575;
   box-sizing: border-box;
   padding: 7px;
   margin-bottom: 15px;
   width: 100%;
   max-width: 100%;
   line-height: 20px;
}

.base-form__submit{
	border: 0;
   outline: 0;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   border-radius: 2px;
   transition: opacity,background .3s;
	font-weight: 100;
	background-color: #FFD54F;
	color: #fff;
	line-height: 38px;
   font-size: 16px;
   padding: 0 16px;
}

.base-form__submit:hover{
	background-color: #FFA000;
}

.required{
	color: red;
}

.albums__content{
	display: flex;
   flex-wrap: wrap;
	margin-bottom: 30px;
}

.albums__item{
	width: 20%;
	outline: 0;
	padding: 5px;
}

@media (max-width: 450px){
	.albums__item{
		width: 50%;
	}
	.side-box__item._flex{
		width: 48% !important;
	}
}

.albums__item-poster-wrap{
	position: relative;
	max-width: 100%;
	height: 0;
	padding-top: 100%;
}

.albums__item-poster{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	background-image: url('/uploads/noalbum.png');
	background-size: contain;
}

.albums__item-poster-info{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 6px;
	font-size: 12px;
	opacity: 0;
	transition: opacity .3s;
   background-color: rgba(0, 0, 0, 0.68);
   color: #fff;
}

.albums__item:hover .albums__item-poster-info{
	opacity: 1;
}

.albums__item-poster-img{
	height: auto;
	vertical-align: middle;
	width: 100%;
}

.base-text{
	font-size: 15px;
   line-height: 21px;
}

.side-box{
	margin-bottom: 30px;
}

.side-box.bg-enable{
	background-color: #f2f5f8;
   padding: 15px 20px;
   border-radius: 3px;
}

.side-box__title{
	margin: 0;
	margin-bottom: 15px;
	letter-spacing: 1px;
}

.side-box.bg-enable .side-box__title{
	border-bottom: 1px solid #e8ebef;
	padding-bottom: 15px;
}

.side-box__title._star-icon{
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ0My40NDIgNDQzLjQ0MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQzLjQ0MiA0NDMuNDQyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQzNi4wODMsMTkwLjM3NmwtMTE1LjUyLDgzLjkyN2w0NC4xMywxMzUuODAxYzIuMzg4LDcuMzUzLTAuMjM2LDE1LjQwMy02LjQ3OSwxOS45NTQgICBjLTMuMTM5LDIuMjcxLTYuODEsMy40MDUtMTAuNDk4LDMuNDA1Yy0zLjY4MiwwLTcuMzY0LTEuMTM1LTEwLjQ3OS0zLjQwNWwtMTE1LjUxNC04My45MzNsLTExNS41MDgsODMuOTIxICAgYy02LjI2Niw0LjU1Mi0xNC43MzMsNC41NTItMjAuOTg2LDBjLTYuMjM5LTQuNTM5LTguODY2LTEyLjU5LTYuNDc1LTE5Ljk0Mmw0NC4xMTgtMTM1LjgwN0w3LjM2NCwxOTAuMzc2ICAgYy02LjI1NC00LjU0NS04Ljg4MS0xMi41OTMtNi40OS0xOS45NDhjMi4zOTctNy4zNTQsOS4yNTYtMTIuMzMsMTYuOTc5LTEyLjMzaDE0Mi43OGw0NC4xMTgtMTM1Ljc5MSAgIGMyLjM5MS03LjM1Myw5LjI0NS0xMi4zMjcsMTYuOTc5LTEyLjMyN3MxNC41NzYsNC45NzQsMTYuOTY0LDEyLjMyN2w0NC4xMTgsMTM1Ljc5MWgxNDIuNzkyYzcuNzIsMCwxNC41NzYsNC45NzcsMTYuOTc2LDEyLjMzICAgQzQ0NC45NSwxNzcuNzgzLDQ0Mi4zMiwxODUuODMxLDQzNi4wODMsMTkwLjM3NnoiIGZpbGw9IiNmZmEwMDAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
}

.side-box__title._microphone-icon{
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ3LjUgNDcuNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDcuNSA0Ny41OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik00NC4xNTksMy4zNDFDNDEuOTMyLDEuMTE1LDM5LjAxMywwLDM2LjA5MywwYy0yLjkxOSwwLTUuODM4LDEuMTE0LTguMDY0LDMuMzQxYy00LjQ1NCw0LjQ1NC00LjQ1NCwxMS42NzcsMCwxNi4xMzEgICAgIGMyLjIyNywyLjIyNyw1LjE0NiwzLjM0MSw4LjA2NCwzLjM0MXM1LjgzOS0xLjExNCw4LjA2Ni0zLjM0MUM0OC42MTMsMTUuMDE5LDQ4LjYxMyw3Ljc5Niw0NC4xNTksMy4zNDF6IiBmaWxsPSIjMDNhOWY0Ii8+CgkJCTxwYXRoIGQ9Ik0yMi4xNjEsMTQuOTk5TDAuNjQ2LDM5LjE2MWMtMC45LDEuMDExLTAuODU0LDIuNjA0LDAuMTAzLDMuNTYybDEuMTMyLDEuMTMzTDEuMTU4LDQ0LjU4ICAgICBjLTAuNDc3LDAuNDc3LTAuNDc3LDEuMjU2LDAsMS43MzFsMC4xMDgsMC4xMDhjMC40NzcsMC40NzgsMS4yNTYsMC40NzgsMS43MzMsMGwwLjcyMy0wLjcyNGwxLjA1NSwxLjA1NSAgICAgYzAuOTU3LDAuOTU3LDIuNTUyLDEuMDAzLDMuNTYzLDAuMTA0bDI0LjE1NS0yMS41MDljLTIuNDY5LTAuNjMzLTQuNzM5LTEuOTAyLTYuNTg5LTMuNzUyICAgICBDMjQuMDE5LDE5LjcwNiwyMi43NzksMTcuNDE2LDIyLjE2MSwxNC45OTl6IE0yMS4wMiwyOS4yNjhsLTUuMTQ1LDUuMTQ2Yy0wLjc3LDAuNzcxLTIuMDE4LDAuNzcxLTIuNzg3LDAgICAgIGMtMC43NjktMC43NzEtMC43Ny0yLjAyLDAtMi43ODdsNS4xNDUtNS4xNDZjMC43Ny0wLjc3MSwyLjAxOC0wLjc3MSwyLjc4NywwQzIxLjc4OSwyNy4yNTEsMjEuNzksMjguNDk5LDIxLjAyLDI5LjI2OHoiIGZpbGw9IiMwM2E5ZjQiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 40px;
}

.side-box__nav{
	display: flex;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
	align-items: baseline;
}

.side-box__nav._list{
	flex-direction: column;
}

.side-box__item._flex{
	position: relative;
	width: 48%;
	margin: 1%;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	opacity: .8;
	transition: opacity .5s;
}

.side-box__item._link{
	margin-bottom: 15px;
	font-size: 16px;
	color: #333;
}

.side-box__item._link:hover{
	text-decoration: underline;
}

.side-box__item._flex::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}

.side-box__item-title{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
}

.side-box__item-img{
	opacity: .5;
	transition: filter .5s;
	filter: blur(2px);
}

.side-box__item:hover {
	opacity: 1;
}

.side-box__item:hover .side-box__item-img{
	opacity: .9;
	filter: blur(1px);
}

.index-box{
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #e8ebef;
	padding: 15px 0;
}

.index-box__item{
	margin-right: 6px;
	margin-bottom: 6px;
	padding: 5px;
	font-size: 13px;
	background-color: #f2f5f8;
	color: #444;
	border-radius: 2px;
}

.index-box__item:hover{
	color: #fff;
	background-color: #ffa000;
}

.abc__list{
	margin: 0;
	padding: 0 20px;
}

.abc__item{
	margin-bottom: 10px;
	color: #FFB74D
}

.abc__link{
	color: #5f7d8a;
}

.full-track__top{
	display: flex;
}

.full-track__poster{
	margin-right: 15px;
}

.full-track__poster-img{
	box-shadow: 1px 1px 19px rgba(0, 0, 0, 0.48);
}

.full-track__info{
	display: flex;
	flex-direction: column;
	flex: 1;
}

.full-track__info-item{
	height: 32px;
	line-height: 32px;
}

.full-track__info-item{
	width: 100%;
	padding: 0 15px;
}

.full-track__info-item-name{
	width: 150px;
   display: inline-flex;
}

.full-track__info-item:nth-child(2n+1){
	background-color: #f2f5f8;
}

.full-track__text{
	padding: 15px 0;
	line-height: 24px;
}

.full-track__action{
	margin: 10px 0 20px;
}

.full-track__share{
	display: flex;
   justify-content: space-around;
   align-items: center;
	flex-wrap: wrap;
	padding: 15px;
	margin: 10px 0 30px;
	background-color: #f2f5f8;
}

.full-track__share-btns{
	padding: 7px;
}

.full-track__action-item{
	display: inline-flex;
	align-items: center;
	height: 50px;
	padding: 0 20px;
	background-color: #333;
	color: #fff;
	line-height: 50px;
	cursor: pointer;
	border-radius: 3px;
	transition: opacity .3s;
	user-select: none;
}

.full-track__action-item-icon{
	display: flex !important;
   width: 30px;
   height: 30px;
   align-items: center;
	justify-content: center;
	margin-right: 10px;
   border: 2px solid #ff4600;
   border-radius: 50%;
}

.full-track__action-item .full-track__action-item-icon._play{
	font: normal normal normal 14px/1 FontAwesome;
   padding-left: 5px;
}

.full-track__action .full-track__action-item-icon._play::before{
	content: "\f04b";
}

.full-track__action.play .full-track__action-item-icon._play{
	padding-left: 0;
}

.full-track__action.play .full-track__action-item-icon._play::before{
	content: "\f04c";
}

.full-track__action-item:hover{
	opacity: .7;
}

.full-track__video-container{
	margin: 15px 0;
}

.full-track__video{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56%;
	background-color: #000;
	box-shadow: 1px 1px 19px rgba(0, 0, 0, 0.48);
}

.full-track__video-frame{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0;
}



.full-track__action-item{
	display: inline-flex;
	align-items: center;
	height: 50px;
	padding: 0 20px;
	background-color: #333;
	color: #fff;
	line-height: 50px;
	cursor: pointer;
	border-radius: 3px;
	transition: opacity .3s;
	user-select: none;
}

.full-track__action-item-icon{
	display: flex !important;
   width: 30px;
   height: 30px;
   align-items: center;
	justify-content: center;
	margin-right: 10px;
   border: 2px solid #ff4600;
   border-radius: 50%;
}

.full-track__action-item:hover{
	opacity: .7;
}

.full-track__video-container{
	margin: 15px 0;
}

.full-track__video{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56%;
	background-color: #000;
	box-shadow: 1px 1px 19px rgba(0, 0, 0, 0.48);
}

.full-track__video-frame{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

@media (max-width: 576px){
	.full-track__top{
		flex-direction: column;
		align-items: center;
	}

	.full-track__poster{
		margin-bottom: 15px;
		margin-right: 0;
	}

	._hide-to-mobile{
		display: none;
	}

	.full-track__info-item-content._artist{
		color: #f34e00;
		font-size: 20px;
	}

	.full-track__info-item{
		height: auto;
		line-height: 24px;
		text-align: center;
	}

	.full-track__info-item:nth-child(2n+1){
		background-color: transparent;
	}

	.full-track__action{
		display: flex;
		flex-direction: column;
	}

	.full-track__action-item{
		margin-bottom: 10px;
	}
}

.track-item__content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
}

.track-item__track-info{
	margin-top: 5px;
	font-size: 13px;
	color: rgb(136, 136, 136);
}

@media(max-width: 576px){
	.track-item__track-info{
		display: none;
	}
}

.track-item__info{
	display: flex;
	align-items: center;
}

.track-item__info-time{
	color: #9E9E9E;
   font-size: 13px;
   margin: 0 7px;
}

.track-item__play_count{
	margin-left: 7px;
}

.loader{
	display: flex;
	width: 70px;
	height: 70px;
	align-items: center;
	justify-content: center;
}

.loader__item{
	width: 4px;
	height: 100%;
	margin-right: 3px;
	background: #ffda5a;
	animation: equalizer .5s forwards ease-in-out infinite;
	animation-direction: alternate;
}

.loader__item:last-child{
	margin-right: 0;
}

.loader__item:nth-child(1) {
	animation-duration: 2s;
}

.loader__item:nth-child(2) {
	animation-duration: 1.6s;
}

.loader__item:nth-child(3) {
	animation-duration: 1.9s;
}

.loader__item:nth-child(4) {
	animation-duration: 1.5s;
}

.loader__item:nth-child(5) {
	animation-duration: 1.7s;
}

@keyframes equalizer {
	0% {
		height: 5%;
	}

	12% {
		height: 10%;
	}

	24% {
		height: 60%;
	}

	36% {
		height: 25%;
	}

	48% {
		height: 35%;
	}

	60% {
		height: 20%;
	}

	72% {
		height: 30%;
	}

	84% {
		height: 55%;
	}

	100% {
		height: 5%;
	}
}

.mse-loading {
	top: 0 !important;
}

.index-footer {
	display: flex;
	justify-content: center;
	padding: 10px 0;
}

.index-footer__link {
	display: inline-block;
	margin: 0 10px;
	padding: 0 10px;
	line-height: 36px;
	color: #fff;
	background-color: rgba(3, 169, 244, 0.52);
	user-select: none;
	transition: all 0.2s ease;
}

.index-footer__link:hover {
	background-color: #03A9F4
}

._loading .track-item__loader{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: block;
	width: 49px;
	height: 49px;
	margin: 0 auto;
	border: 3px solid #fff;
	border-radius: 50%;
	border-left-color: transparent;
	border-right-color: transparent;
	animation: cssload-spin 575ms infinite linear;
}

@keyframes cssload-spin {
	100%{ transform: rotate(360deg); transform: rotate(360deg); }
}