body {
	background-color: #f8f8f8;
	color: #212121;
}

a {
	color: #212121;
}

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

.clr {
	clear: both;
}

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

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

@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; }
}

/*

NEW PLAYER

*/

.newplayer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #00bcd4;
	box-shadow: 0 -12px 5px 0 rgba(0,0,0,0.12);
}

.topper {
	position: relative;
	height: 50px;
}

	.sett {
		position: relative;
	}

.loaded {
    width: 100%;
    height: 10px;
    background-color: #4cd0e1;
    width: 100%;
    height: 100%;
	transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	position: absolute;
	top: 0;
}

#play_progress {
	position: relative;
    width: 100%;
    height: 10px;
    background-color: #4cd0e1;
    overflow: hidden;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    background-image: url(/img/bestbit/load.png);
    background-position: 0 0;
    -webkit-animation: loading_animation 300ms linear infinite;
    -o-animation: loading_animation 300ms linear infinite;
    animation: loading_animation 300ms linear infinite;
    cursor: pointer;
}

	.ui-slider-range {
		background-color: #FFD600;
		height: 10px;
    	position: absolute;
    	top: 0;
    	z-index: 1000;
	}

.fixplayer-sound-prok {
	position: relative;
    width: 100px;
    height: 4px;
    background-color: #4cd0e1;
    cursor: pointer;
    overflow: hidden;
    margin-top: 13px;
    float: left;
}

#play_trackname {
	display: block;
	height: 19px;
	line-height: 19px;
	overflow: hidden;
	z-index: 1005;
	position: absolute;
	top: 15px;
	left: 320px;
	right: 0;
	color: #fff;
	font-size: 14px;
}

#player .down {
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	font-size: 10px;
}

.jp-duration, .jp-current-time {
	position: absolute;
	top: -1px;
	right: 10px;
	z-index: 1005;
	color: #fff;
	opacity: 0.8;
}

.jp-current-time {
	right: auto;
	left: 10px;
}

.uileft {
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 1001;
}

	.uileft a:hover {
		opacity: 0.4;
	}

	#ui-icon-seek-prev, #ui-icon-play, #ui-icon-pause, #ui-icon-seek-next, #play_mode, .volume {
		display: inline-block;
		float: left;
		width: 30px;
		height: 30px;
		margin-right: 10px;
		cursor: pointer !important;
		transition: all 0.1s ease;
	}

	#ui-icon-seek-prev {
		background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ0Ni4yNSA0NDYuMjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ0Ni4yNSA0NDYuMjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iZmFzdC1yZXdpbmQiPgoJCTxwYXRoIGQ9Ik0yMTYuNzUsMzc2LjEyNXYtMzA2TDAsMjIzLjEyNUwyMTYuNzUsMzc2LjEyNXogTTIyOS41LDIyMy4xMjVsMjE2Ljc1LDE1M3YtMzA2TDIyOS41LDIyMy4xMjV6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
		background-repeat: no-repeat;
		background-position: 6px 7px;
	}

	#ui-icon-play {
		background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDM1NyAzNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1NyAzNTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0icGxheS1hcnJvdyI+CgkJPHBvbHlnb24gcG9pbnRzPSIzOC4yNSwwIDM4LjI1LDM1NyAzMTguNzUsMTc4LjUgICAiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
		background-repeat: no-repeat;
		background-position: 3px 3px;
	}

	#ui-icon-pause {
		background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnIGlkPSJwYXVzZSI+CgkJPGc+CgkJCTxyZWN0IHg9IjQiIHdpZHRoPSI4IiBoZWlnaHQ9IjMyIiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjIwIiB3aWR0aD0iOCIgaGVpZ2h0PSIzMiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
		background-repeat: no-repeat;
		background-position: 2px 3px;
	}

	#ui-icon-seek-next {
		background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ0Ni4yNSA0NDYuMjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ0Ni4yNSA0NDYuMjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iZmFzdC1mb3J3YXJkIj4KCQk8cGF0aCBkPSJNMCwzNzYuMTI1bDIxNi43NS0xNTNMMCw3MC4xMjVWMzc2LjEyNXogTTIyOS41LDcwLjEyNXYzMDZsMjE2Ljc1LTE1M0wyMjkuNSw3MC4xMjV6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
		background-repeat: no-repeat;
		background-position: 8px 7px;
	}

	#play_mode {
		background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM4NC45NyAzODQuOTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM4NC45NyAzODQuOTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBpZD0iTG9vcCIgZD0iTTM2MC45MDksMTcuOTM0SDI0LjA2MUMxMC43NjcsMTcuOTM0LDAsMjguNzEzLDAsNDEuOTk1VjI1OC41NGMwLDEzLjI5MywxMC43NjcsMjQuMDYxLDI0LjA2MSwyNC4wNjFoNjAuMTUyICAgYzcuNzExLDAsMTIuMDMtNS40NSwxMi4wMy0xMi4wM2MwLTYuNTgxLTQuMDktMTIuMTg3LTEyLjAzLTEyLjE4N0gzOC43MzhjLTguMDM2LDAtMTQuNTU3LTYuNTItMTQuNTU3LTE0LjU1N1Y1Ny4wOTMgICBjMC04LjAzNiw2LjUyLTE0LjU1NywxNC41NTctMTQuNTU3bDMwNy42MjctMC4zNzNjOC4wMzYsMCwxNC41NTcsNi41MiwxNC41NTcsMTQuNTU3djE4Ny4xMDdjMCw4LjAzNi02LjUyLDE0LjU1Ny0xNC41NTcsMTQuNTU3ICAgSDIwOS41NTZsNjIuNDEzLTYzLjMwM2M0LjY5Mi00Ljc1Miw0LjY5Mi0xMi40MzksMC0xNy4xOTFjLTQuNzA0LTQuNzQtMTIuMzE5LTQuNzQtMTcuMDExLDBsLTgzLjAwOSw4NC4yICAgYy00LjY5Miw0Ljc0LTQuNjkyLDEyLjQzOSwwLDE3LjE5MWMwLDAsMCwwLDAuMDEyLDBsODIuOTk3LDg0LjJjNC42OTIsNC43NCwxMi4zMTksNC43NCwxNy4wMTEsMCAgIGM0LjY5Mi00Ljc1Miw0LjY5Mi0xMi40MzksMC0xNy4xNzlsLTYyLjc3NC02My42ODhoMTUxLjcxNGMxMy4yOTMsMCwyNC4wNjEtMTAuNzY3LDI0LjA2MS0yNC4wNjFWNDIuMDA3ICAgQzM4NC45NywyOC43MTMsMzc0LjIwMywxNy45MzQsMzYwLjkwOSwxNy45MzR6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
		background-repeat: no-repeat;
		background-position: 7px 9px;
	}

	.fixplayer-mode.line {
		opacity: 0.4;
	}

	.fixplayer-mode.line.repeat {
		opacity: 1;
	}

	.volume {
		background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwOC41MTQgNTA4LjUxNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTA4LjUxNCA1MDguNTE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0yNzEuNDgzLDAuMTA5Yy01Ljc4NC0wLjU0LTEyLjU1NCwwLjg1OC0yMC41MzEsNS42ODljMCwwLTEzMi41MzMsMTE1LjYyNS0xMzguMjg2LDEyMS4zMTQgICAgIEgzOS43MjVjLTE3LjU0NCwwLjAzMi0zMS43ODIsMTQuMjctMzEuNzgyLDMxLjgxNHYxOTQuNzMxYzAsMTcuNjA3LDE0LjIzOSwzMS43ODIsMzEuNzgyLDMxLjc4Mmg3Mi45NDEgICAgIGM1Ljc1Myw1Ljc1MywxMzguMjg2LDExNy4yNzcsMTM4LjI4NiwxMTcuMjc3YzcuOTc3LDQuNzk5LDE0Ljc0Nyw2LjIyOSwyMC41MzEsNS42ODljMTEuNzYtMS4xMTIsMjAuMDIzLTEwLjk2NSwyMi41MzQtMjEuMzU4ICAgICBjMC4xMjctMS4wMTcsMC4xMjctNDY0LjUzMy0wLjAzMi00NjUuNTVDMjkxLjUwNiwxMS4wNzQsMjgzLjIxMSwxLjIyMiwyNzEuNDgzLDAuMTA5eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cGF0aCBkPSJNMzQyLjk2MiwzMDkuNzk4Yy03Ljg1LDMuOTczLTEwLjk5NywxMy41MDgtNy4wODcsMjEuMzU4YzIuODI5LDUuNTMsOC40MjIsOC43NCwxNC4yMDcsOC43NCAgICAgYzIuMzg0LDAsNC43OTktMC41NzIsNy4xNTEtMS42ODRjMzIuMTMyLTE2LjIwOSw1Mi4wOTEtNDguMzQxLDUyLjA5MS04My45MzhzLTE5Ljk1OS02Ny43MjgtNTIuMDkxLTgzLjkzOCAgICAgYy03Ljg1LTMuOTczLTE3LjM4NS0wLjc5NS0yMS4zNTgsNy4wNTZjLTMuOTA5LDcuODUtMC43NjMsMTcuMzg1LDcuMDg3LDIxLjM1OGMyMS4zMjYsMTAuNzQzLDM0LjU3OSwzMi4wMDUsMzQuNTc5LDU1LjUyNCAgICAgUzM2NC4yODgsMjk5LjA1NSwzNDIuOTYyLDMwOS43OTh6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwYXRoIGQ9Ik0zMzkuNzIsNTkuMzJjLTguNDg2LTEuNzE2LTE3LjAwNCwzLjk0MS0xOC41OTMsMTIuNTIyYy0xLjcxNiw4LjY0NSwzLjkwOSwxNy4wMDQsMTIuNTIyLDE4LjY4OCAgICAgYzc4LjMxMiwxNS4yNTYsMTM1LjEzOSw4NC4xMjgsMTM1LjEzOSwxNjMuNzQzUzQxMS45NjIsNDAyLjc2MSwzMzMuNjUsNDE4LjAxN2MtOC42MTMsMS42ODQtMTQuMjM5LDEwLjAxMS0xMi41NTQsMTguNjU2ICAgICBjMS40OTQsNy41OTYsOC4xMzYsMTIuODQsMTUuNTQyLDEyLjg0bDMuMDgzLTAuMzE4YzkzLjIxOC0xOC4xNDgsMTYwLjg1MS0xMDAuMTQ3LDE2MC44NTEtMTk0LjkyMlM0MzIuOTM4LDc3LjUsMzM5LjcyLDU5LjMyeiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
		background-repeat: no-repeat;
		background-position: 7px 7px;
	}

	.volume.volume_0 {
		background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwOC41MjggNTA4LjUyOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTA4LjUyOCA1MDguNTI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0yNjMuNTQsMC4xMTZjLTUuNzg0LTAuNTQtMTIuNTU0LDAuODU4LTIwLjUzMSw1LjY4OWMwLDAtMTMyLjUzMywxMTUuNjI1LTEzOC4zMTcsMTIxLjMxNEgzMS43ODIgICAgIEMxNC4yMzksMTI3LjE1LDAsMTQxLjM4OSwwLDE1OC45MzN2MTk0LjczMWMwLDE3LjYwNywxNC4yMzksMzEuNzgyLDMxLjc4MiwzMS43ODJoNzIuOTQxICAgICBjNS43ODQsNS43NTMsMTM4LjMxNywxMTcuMjc3LDEzOC4zMTcsMTE3LjI3N2M3Ljk3Nyw0Ljc5OSwxNC43NDcsNi4yMjksMjAuNTMxLDUuNjg5YzExLjc2LTEuMTEyLDIwLjAyMy0xMC45NjUsMjIuNTM0LTIxLjM1OCAgICAgYzAuMDk1LTEuMDE3LDAuMDk1LTQ2NC41MzMtMC4wNjQtNDY1LjU1QzI4My41NjMsMTEuMDgxLDI3NS4yNjgsMS4yMjgsMjYzLjU0LDAuMTE2eiIgZmlsbD0iI2ZmM2QwMCIvPgoJCQk8cGF0aCBkPSJNNDQ3Ljk3NCwyNTQuMjhsNTQuODU3LTU0Ljg1N2M3LjU5Ni03LjU2NCw3LjU5Ni0xOS44NjQsMC0yNy40MjggICAgIGMtNy41NjQtNy41NjQtMTkuODY0LTcuNTY0LTI3LjQyOCwwbC01NC44NTcsNTQuODg4bC01NC44ODgtNTQuODg4Yy03LjUzMi03LjU2NC0xOS44NjQtNy41NjQtMjcuMzk3LDAgICAgIGMtNy41NjQsNy41NjQtNy41NjQsMTkuODY0LDAsMjcuNDI4bDU0Ljg1Nyw1NC44NTdsLTU0Ljg1Nyw1NC44ODhjLTcuNTY0LDcuNTMyLTcuNTY0LDE5Ljg2NCwwLDI3LjM5NiAgICAgYzcuNTMyLDcuNTY0LDE5Ljg2NCw3LjU2NCwyNy4zOTYsMGw1NC44ODgtNTQuODU3bDU0Ljg1Nyw1NC44NTdjNy41NjQsNy41NjQsMTkuODY0LDcuNTY0LDI3LjQyOCwwICAgICBjNy41NjQtNy41MzIsNy41NjQtMTkuODY0LDAtMjcuMzk2TDQ0Ny45NzQsMjU0LjI4eiIgZmlsbD0iI2ZmM2QwMCIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
	}

.search {
	position: relative;
}

.mainsearch {
	position: relative;
	background-color: #4cd0e1;
	padding: 7px;
	border-radius: 4px;
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU2Ljk2NiA1Ni45NjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2Ljk2NiA1Ni45NjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPHBhdGggZD0iTTU1LjE0Niw1MS44ODdMNDEuNTg4LDM3Ljc4NmMzLjQ4Ni00LjE0NCw1LjM5Ni05LjM1OCw1LjM5Ni0xNC43ODZjMC0xMi42ODItMTAuMzE4LTIzLTIzLTIzcy0yMywxMC4zMTgtMjMsMjMgIHMxMC4zMTgsMjMsMjMsMjNjNC43NjEsMCw5LjI5OC0xLjQzNiwxMy4xNzctNC4xNjJsMTMuNjYxLDE0LjIwOGMwLjU3MSwwLjU5MywxLjMzOSwwLjkyLDIuMTYyLDAuOTIgIGMwLjc3OSwwLDEuNTE4LTAuMjk3LDIuMDc5LTAuODM3QzU2LjI1NSw1NC45ODIsNTYuMjkzLDUzLjA4LDU1LjE0Niw1MS44ODd6IE0yMy45ODQsNmM5LjM3NCwwLDE3LDcuNjI2LDE3LDE3cy03LjYyNiwxNy0xNywxNyAgcy0xNy03LjYyNi0xNy0xN1MxNC42MSw2LDIzLjk4NCw2eiIgZmlsbD0iI0ZGRkZGRiIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
	background-repeat: no-repeat;
	background-position: 10px 10px;
	margin-right: 80px;
}

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

#search {
	margin-left: 30px;
}

	#search input {
		background-color: #4cd0e1;
		outline: none;
		width: 100%;
		font-size: 17px;
		color: #fff;
		border: 0;

	}

	#search input::-webkit-input-placeholder {color:#e3f6f9;}
	#search input::-moz-placeholder          {color:#e3f6f9;}
	#search input:-moz-placeholder           {color:#e3f6f9;}
	#search input:-ms-input-placeholder      {color:#e3f6f9;}

#s_search {
	background-color: #FFD600;
	padding: 9px 12px;
	border: 0;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
	color: #fff;
	transition: all 0.15s ease;
}

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

.categ {
	background-color: #03a9f4;
	padding: 14px 14px 7px 14px !important;
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}

	.categ ul {

	}

	.categ a {
		display: inline-block;
		margin: 0 7px 7px 0;
		transition: all 0.1s ease;
		background-color: #35baf6;
		color: #fff;
		padding: 5px 8px;
		border-radius: 3px;
		float: left;
		font-size: 15px;
	}

		.categ a:hover {
			color: #fff;
			background-color: #FFD600;
		}

@-webkit-keyframes loading_animation {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 18px 0
    }
}
@-o-keyframes loading_animation {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 18px 0
    }
}
@keyframes loading_animation {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 18px 0
    }
}

.content {
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	padding: 15px 20px 20px 20px;
	border-radius: 2px;
}

.mainmenu {
	margin-bottom: 20px;
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	border-radius: 2px;
}

.menu {
	margin: 0;
}

.menu li {
	display: block;
	border-bottom: 1px solid #e0e0e0;
}

	.menu li:last-child {
		border-bottom: 0;
	}

	.menu li a {
		display: block;
		transition: all 0.2s ease;
		padding: 14px 10px 14px 65px;
		background-repeat: no-repeat;
		background-position: 20px 12px;
		color: #444;
	}

	.menu li.music a {
		background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ4LjAxNSA0OC4wMTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4LjAxNSA0OC4wMTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTUuNzM0LDguNDF2NC44NHY1LjA1OHYxNC4yMzZjLTEuMjY4LTAuNzc3LTIuNzU0LTEuMjMzLTQuMzUtMS4yMzNjLTQuNjEyLDAtOC4zNTMsMy43NC04LjM1Myw4LjM1MSAgICBjMCw0LjYxMywzLjc0LDguMzU0LDguMzUzLDguMzU0YzQuNjEsMCw4LjM0OS0zLjczNyw4LjM1LTguMzUybDAsMFYxNy4xNTlsMjEuMjUtNi4xMDl2MTQuMjg4ICAgIGMtMS4yNjktMC43NzctMi43NTQtMS4yMzMtNC4zNTEtMS4yMzNjLTQuNjEzLDAtOC4zNTQsMy43MzktOC4zNTQsOC4zNDdjMCw0LjYxMywzLjczOSw4LjM1NCw4LjM1NCw4LjM1NCAgICBjNC4zNDUsMCw3LjkxNC0zLjMyNCw4LjMxMS03LjU2OGgwLjA0VjkuOVY2LjMxNFYwTDE1LjczNCw4LjQxeiIgZmlsbD0iIzQ0NDQ0NCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
	}

	.menu li.radio a {
		background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwMS4yMDMgMjAxLjIwMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAxLjIwMyAyMDEuMjAzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPHBhdGggZD0iTTUyLjAxLDEyLjgwNmMyLjkyOS0yLjkyOSwyLjkyOS03LjY3OC0wLjAwMS0xMC42MDdjLTIuOTI4LTIuOTI4LTcuNjc3LTIuOTI5LTEwLjYwNiwwLjAwMSAgIEM4Ljc3NSwzNC44MzEsOC43NzUsODcuOTIyLDQxLjQwMSwxMjAuNTVjMS40NjUsMS40NjUsMy4zODQsMi4xOTcsNS4zMDQsMi4xOTdjMS45MTksMCwzLjgzOS0wLjczMiw1LjMwMy0yLjE5NiAgIGMyLjkzLTIuOTI5LDIuOTMtNy42NzgsMC4wMDEtMTAuNjA2QzI1LjIyOSw4My4xNjQsMjUuMjMsMzkuNTg4LDUyLjAxLDEyLjgwNnoiIGZpbGw9IiM0NDQ0NDQiLz4KCTxwYXRoIGQ9Ik0xNTkuNzYsMi4xOTZjLTIuOTMtMi45MjgtNy42NzgtMi45MjgtMTAuNjA3LDBjLTIuOTI5LDIuOTMtMi45MjksNy42NzgsMCwxMC42MDcgICBjMTIuOTc1LDEyLjk3NCwyMC4xMTksMzAuMjIzLDIwLjExOCw0OC41N2MwLDE4LjM0OC03LjE0NiwzNS41OTctMjAuMTIxLDQ4LjU3Yy0yLjkzLDIuOTI5LTIuOTMsNy42NzgtMC4wMDEsMTAuNjA2ICAgYzEuNDY1LDEuNDY1LDMuMzg0LDIuMTk3LDUuMzA0LDIuMTk3YzEuOTE5LDAsMy44MzktMC43MzIsNS4zMDMtMi4xOTZjMTUuODA5LTE1LjgwNywyNC41MTYtMzYuODIzLDI0LjUxNi01OS4xNzggICBDMTg0LjI3MiwzOS4wMiwxNzUuNTY3LDE4LjAwMywxNTkuNzYsMi4xOTZ6IiBmaWxsPSIjNDQ0NDQ0Ii8+Cgk8cGF0aCBkPSJNNjEuNjA2LDEwMC4zNDljMS40NjUsMS40NjUsMy4zODQsMi4xOTcsNS4zMDQsMi4xOTdjMS45MTksMCwzLjgzOS0wLjczMiw1LjMwMy0yLjE5NmMyLjkzLTIuOTI5LDIuOTMtNy42NzgsMC4wMDEtMTAuNjA2ICAgYy0xNS42NDEtMTUuNjQzLTE1LjY0MS00MS4wOTYsMC01Ni43MzhjMi45MjktMi45MjksMi45MjktNy42NzgtMC4wMDEtMTAuNjA3Yy0yLjkzLTIuOTMtNy42NzktMi45MjktMTAuNjA2LDAuMDAxICAgQzQwLjExOSw0My44OSw0MC4xMTksNzguODU5LDYxLjYwNiwxMDAuMzQ5eiIgZmlsbD0iIzQ0NDQ0NCIvPgoJPHBhdGggZD0iTTEyOC45NDksMTAwLjM1YzEuNDY0LDEuNDY0LDMuMzg0LDIuMTk2LDUuMzAzLDIuMTk2YzEuOTE5LDAsMy44MzktMC43MzIsNS4zMDQtMi4xOTcgICBDMTQ5Ljk2Niw4OS45MzgsMTU1LjcsNzYuMDk1LDE1NS43LDYxLjM3M2MwLTE0LjcyNC01LjczMy0yOC41NjUtMTYuMTQ2LTM4Ljk3NmMtMi45MjgtMi45MjgtNy42NzctMi45MjktMTAuNjA2LDAuMDAxICAgYy0yLjkyOSwyLjkyOS0yLjkyOSw3LjY3OCwwLjAwMSwxMC42MDZjNy41NzgsNy41NzcsMTEuNzUxLDE3LjY1MSwxMS43NTEsMjguMzY4cy00LjE3NCwyMC43OTItMTEuNzUyLDI4LjM3MSAgIEMxMjYuMDE5LDkyLjY3MiwxMjYuMDE5LDk3LjQyMSwxMjguOTQ5LDEwMC4zNXoiIGZpbGw9IiM0NDQ0NDQiLz4KCTxwYXRoIGQ9Ik0xMDAuNTc5LDgwLjQyMWMxMC41MjMsMCwxOS4wNDktOC41MjksMTkuMDQ5LTE5LjA0OWMwLTEwLjUyLTguNTI1LTE5LjA0Ny0xOS4wNDktMTkuMDQ3ICAgYy0xMC41MjEsMC0xOS4wNDksOC41MjctMTkuMDQ5LDE5LjA0N0M4MS41MzEsNzEuODkyLDkwLjA1OCw4MC40MjEsMTAwLjU3OSw4MC40MjF6IiBmaWxsPSIjNDQ0NDQ0Ii8+Cgk8cGF0aCBkPSJNMTA3LjcxMyw5MS4wMDhjLTEuMDAyLTMuMDkzLTMuODgzLTUuMTg4LTcuMTM1LTUuMTg4Yy0zLjI1MiwwLTYuMTMzLDIuMDk2LTcuMTM1LDUuMTg4TDYwLjkyOCwxOTEuMzg5ICAgYy0xLjI3NiwzLjk0LDAuODgzLDguMTcsNC44MjMsOS40NDZjMC43NjksMC4yNDksMS41NDcsMC4zNjcsMi4zMTMsMC4zNjdjMy4xNjMsMCw2LjEwNS0yLjAxOCw3LjEzMy01LjE5bDMuOTYyLTEyLjIzMWg0Mi44MzkgICBsMy45NjIsMTIuMjMxYzEuMjc2LDMuOTQsNS41MDQsNi4wOTksOS40NDYsNC44MjNjMy45NC0xLjI3Niw2LjEtNS41MDYsNC44MjMtOS40NDZMMTA3LjcxMyw5MS4wMDh6IE0xMDAuNTc5LDExNy42NTggICBsNi4yNzksMTkuMzg1SDk0LjI5OUwxMDAuNTc5LDExNy42NTh6IE04NC4wMTksMTY4Ljc4MWw1LjQyMi0xNi43MzhoMjIuMjc2bDUuNDIyLDE2LjczOEg4NC4wMTl6IiBmaWxsPSIjNDQ0NDQ0Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
	}

	.menu li.top a {
		background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE5LjQ4MSAxOS40ODEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5LjQ4MSAxOS40ODEiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgogIDxnPgogICAgPHBhdGggZD0ibTEwLjIwMSwuNzU4bDIuNDc4LDUuODY1IDYuMzQ0LC41NDVjMC40NCwwLjAzOCAwLjYxOSwwLjU4NyAwLjI4NSwwLjg3NmwtNC44MTIsNC4xNjkgMS40NDIsNi4yMDJjMC4xLDAuNDMxLTAuMzY3LDAuNzctMC43NDUsMC41NDFsLTUuNDUyLTMuMjg4LTUuNDUyLDMuMjg4Yy0wLjM3OSwwLjIyOC0wLjg0NS0wLjExMS0wLjc0NS0wLjU0MWwxLjQ0Mi02LjIwMi00LjgxMy00LjE3Yy0wLjMzNC0wLjI4OS0wLjE1Ni0wLjgzOCAwLjI4NS0wLjg3Nmw2LjM0NC0uNTQ1IDIuNDc4LTUuODY0YzAuMTcyLTAuNDA4IDAuNzQ5LTAuNDA4IDAuOTIxLDB6IiBmaWxsPSIjNDQ0NDQ0Ii8+CiAgPC9nPgo8L3N2Zz4K");
	}

	.menu li.feed a {
		background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIzNy4wMiAyMzcuMDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIzNy4wMiAyMzcuMDI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8cGF0aCBkPSJNMjI5LjUyLDkuODM0SDcuNWMtNC4xNDIsMC03LjUsMy4zNTgtNy41LDcuNXYxNTMuODVjMCw0LjE0MiwzLjM1OCw3LjUsNy41LDcuNWg1NS40OTJjNC4xNDIsMCw3LjUtMy4zNTgsNy41LTcuNSAgIGMwLTQuMTQyLTMuMzU4LTcuNS03LjUtNy41SDE1VjI0LjgzNGgyMDcuMDJ2MTM4Ljg1aC04OS4wNjJjLTEuNTI3LDAtMy4wMTgsMC40NjYtNC4yNzMsMS4zMzdsLTY5Ljk2Niw0OC41MDIgICBjLTMuNDA0LDIuMzU5LTQuMjUsNy4wMzItMS44OTEsMTAuNDM3YzEuNDU2LDIuMTAxLDMuNzkzLDMuMjI4LDYuMTcxLDMuMjI4YzEuNDc0LDAsMi45NjMtMC40MzMsNC4yNjYtMS4zMzdsNjguMDM4LTQ3LjE2Nmg5NC4yMTYgICBjNC4xNDIsMCw3LjUtMy4zNTgsNy41LTcuNVYxNy4zMzRDMjM3LjAyLDEzLjE5MiwyMzMuNjYyLDkuODM0LDIyOS41Miw5LjgzNHoiIGZpbGw9IiM0NDQ0NDQiLz4KCTxwYXRoIGQ9Ik0xNDYuMjY1LDY5LjQ1MWM0LjE0MiwwLDcuNS0zLjM1OCw3LjUtNy41cy0zLjM1OC03LjUtNy41LTcuNUg5MC43NTljLTQuMTQyLDAtNy41LDMuMzU4LTcuNSw3LjVzMy4zNTgsNy41LDcuNSw3LjUgICBIMTQ2LjI2NXoiIGZpbGw9IiM0NDQ0NDQiLz4KCTxwYXRoIGQ9Ik01NS41MDcsOTQuMjZjMCw0LjE0MiwzLjM1OCw3LjUsNy41LDcuNWgxMTEuMDFjNC4xNDIsMCw3LjUtMy4zNTgsNy41LTcuNWMwLTQuMTQyLTMuMzU4LTcuNS03LjUtNy41SDYzLjAwNyAgIEM1OC44NjUsODYuNzYsNTUuNTA3LDkwLjExNyw1NS41MDcsOTQuMjZ6IiBmaWxsPSIjNDQ0NDQ0Ii8+Cgk8cGF0aCBkPSJNNjMuMDA3LDEzNC4wNjZoMTExLjAxYzQuMTQyLDAsNy41LTMuMzU4LDcuNS03LjVjMC00LjE0Mi0zLjM1OC03LjUtNy41LTcuNUg2My4wMDdjLTQuMTQyLDAtNy41LDMuMzU4LTcuNSw3LjUgICBDNTUuNTA3LDEzMC43MDgsNTguODY1LDEzNC4wNjYsNjMuMDA3LDEzNC4wNjZ6IiBmaWxsPSIjNDQ0NDQ0Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
	}

	.menu li a:hover {
		background-color: #f5f5f5;
	}

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

.ispol {
	margin-bottom: 20px;
	padding: 12px 20px 2px 20px;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	color: #444;
}

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

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

	.music_styles li a {
		display: inline-block;
		padding: 5px 8px;
		border-radius: 3px;
		transition: all 0.1s ease;
		background-color: #ebebeb;
		color: #444;
	}

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









.playitem {
    position: relative;
    line-height: 50px;
    height: 50px;
    transition: all 0.15s ease;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
}

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

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

    .playitem .name {
        overflow: hidden;
        padding-right: 100px;
        height: 50px;
        font-size: 14px;
    }

        .playitem .name a {
            
        }

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

    .playitem .info {
        position: absolute;
        right: 0;
        top: 0;
        width: 100px;
    }

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

    .playitem.active {
        background-color: #e5e5e5;
    }

        .playitem.active a {
            
        }

.btn {
    position: absolute;
    top: 6px;
    right: 15px;
    width: 38px;
    height: 38px;
    border: 0;
    background-color: #03a9f4;
    background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDM1NyAzNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1NyAzNTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0icGxheS1hcnJvdyI+CgkJPHBvbHlnb24gcG9pbnRzPSIzOC4yNSwwIDM4LjI1LDM1NyAzMTguNzUsMTc4LjUgICAiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: 13px 11px;
    outline: none;
    cursor: pointer;
    transition: all 0.1s ease;
    border-radius: 40px;
}

.btn_download {
    margin-left: 10px !important;
    border-radius: 2px;
    border: 0;
    right: 6px;
    background-color: transparent;
    background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQzMy41IDQzMy41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MzMuNSA0MzMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnIGlkPSJmaWxlLWRvd25sb2FkIj4KCQk8cGF0aCBkPSJNMzk1LjI1LDE1M2gtMTAyVjBoLTE1M3YxNTNoLTEwMmwxNzguNSwxNzguNUwzOTUuMjUsMTUzeiBNMzguMjUsMzgyLjV2NTFoMzU3di01MUgzOC4yNXoiIGZpbGw9IiMwM2E5ZjQiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
    background-position: 7px 6px;
}

.btn_pause {
    background-position: 11px 11px;
    background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDM1NyAzNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1NyAzNTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0icGF1c2UiPgoJCTxwYXRoIGQ9Ik0yNS41LDM1N2gxMDJWMGgtMTAyVjM1N3ogTTIyOS41LDB2MzU3aDEwMlYwSDIyOS41eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
}


.header {
	background-color: #00bcd4;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	padding: 10px 0;
}

	.header .row {
		margin-bottom: 0;
	}

.opisanie {
	line-height: 1.5;
	margin-bottom: 20px;
	padding: 12px 20px;
	background-color: #FFA726;
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	color: #fff;
}

.cloud {
	margin-bottom: 70px;
	text-align: center;
}

	.cloud a {
		display: inline-block;
		font-size: 12px;
		padding: 3px 6px;
		background-color: #ebebeb;
		color: #797979;
		margin: 0 3px 5px 0;
		transition: all 0.2s ease;
	}

		.cloud a:hover {
			box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
			background-color: #4cd0e1;
			color: #fff;
		}

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

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

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

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

	.other .pages li a {
		color: #03a9f4;
	}

#download_message {
	text-align: left !important;
}

#seconds_left {
	font-size: 20px;
	color: #FF3D00;
}

.button_1 {
	background-color: #FFD600;
	padding: 10px 15px 10px 40px;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 19px;
	background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDUzNy43OTQgNTM3Ljc5NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTM3Ljc5NCA1MzcuNzk1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ2My4wOTEsNDY2LjExNEg3NC44NTRjLTExLjg1NywwLTIxLjQ5Nyw5LjcxNi0yMS40OTcsMjEuNDk3djI4LjY4OGMwLDExLjg1Nyw5LjcxNiwyMS40OTYsMjEuNDk3LDIxLjQ5NmgzODguMDg0ICAgIGMxMS44NTcsMCwyMS40OTYtOS43MTYsMjEuNDk2LTIxLjQ5NnYtMjguNjg4QzQ4NC42NjUsNDc1LjY3Nyw0NzQuOTQ5LDQ2Ni4xMTQsNDYzLjA5MSw0NjYuMTE0eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik0yNTMuOTQsNDI3LjYzNWM0LjIwOCw0LjIwOCw5LjcxNiw2LjM1LDE1LjE0Nyw2LjM1YzUuNTA4LDAsMTEuMDE2LTIuMTQyLDE1LjE0Ny02LjM1bDE0Ny4wMzMtMTQ3LjAzMyAgICBjOC4zMzktOC4zMzgsOC4zMzktMjEuOTU1LDAtMzAuNDQ3bC0yMC4zNDktMjAuMzQ5Yy04LjMzOS04LjMzOS0yMS45NTYtOC4zMzktMzAuNDQ3LDBsLTc1LjU4Miw3NS42NTlWMjEuNDk3ICAgIEMzMDQuODg5LDkuNjM5LDI5NS4xNzMsMCwyODMuMzkzLDBoLTI4LjY4OGMtMTEuODU3LDAtMjEuNDk3LDkuNTYyLTIxLjQ5NywyMS40OTd2Mjg0LjA0NGwtNzUuNjU4LTc1LjY1OSAgICBjLTguMzM5LTguMzM4LTIyLjAzMi04LjMzOC0zMC40NDcsMGwtMjAuMzQ5LDIwLjM0OWMtOC4zMzgsOC4zMzgtOC4zMzgsMjIuMDMyLDAsMzAuNDQ3TDI1My45NCw0MjcuNjM1eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
	background-repeat: no-repeat;
	background-position: 10px 9px;
	transition: all 0.15s ease;
}

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

/* Feedback form */

.feedback-form{
    max-width: 450px;
}
.feedback-form ul{
    padding:0;
    margin:0;
    list-style:none;
}
.feedback-form ul li{
    display: block;
    margin-bottom: 10px;
    min-height: 35px;
}
.feedback-form .text-danger {
    color: red;
    font-size: 15px;
    padding-bottom: 10px;
}
.feedback-form .text-success {
    color: green;
    font-size: 15px;
    padding-bottom: 10px;
}
.feedback-form ul li  .field-style{
    box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    padding: 8px;
    outline: none;
    border: 1px solid #B0CFE0;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;

}.feedback-form ul li  .field-style:focus{
    box-shadow: 0 0 5px #B0CFE0;
    border:1px solid #B0CFE0;
}
.feedback-form ul li .field-split{
    width: 49%;
}
.feedback-form ul li .field-full{
    width: 100%;
}
.feedback-form ul li input.align-left{
    float:left;
}
.feedback-form ul li input.align-right{
    float:right;
}
.feedback-form ul li textarea{
    width: 100%;
    height: 100px;
}
.feedback-form ul li input[type="button"], 
.feedback-form ul li input[type="submit"] {
    -moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
    box-shadow: inset 0px 1px 0px 0px #3985B1;
    background-color: #216288;
    border: 1px solid #17445E;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 8px 18px;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
}
.feedback-form ul li input[type="button"]:hover, 
.feedback-form ul li input[type="submit"]:hover {
    background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
    background-color: #28739E;
}