.audiojs audio { position: absolute; left: -1px; }
.audiojs {
	width: 100%;
	height: 36px;
	background: #404040;
	overflow: hidden;
	font-family: monospace;
	font-size: 12px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
	background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
	-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}
.audiojs .play-pause { 
width: 40px; height: 40px; padding: 0; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #000; 
}         
.audiojs p { display: none; width: 40px; height: 40px; margin: 0px; cursor: pointer; }         
.audiojs .play { display: block; }         
.audiojs .scrubber { 
position: relative; float: left; 
width: 425px; 
background: #5a5a5a; height: 14px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden; 
}        
.audiojs .progress { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #ccc; z-index: 1;           background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));           background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }         
.audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000;           background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));           background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }         
.audiojs .time { 
	float: left; 
	height: 36px; 
	line-height: 36px; 
	margin: 0px 0px 0px 6px; 
	padding: 0px 6px 0px 12px; 
	border-left: 1px solid #000; 
	color: #ddd; 
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); 
}
.audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; }         
.audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }         
.audiojs .volume {
	float: left;
	height: 36px;
	line-height: 36px;
	margin: 0 15px 0 6px;
	padding: 7px 0px 0px 0px;
	border-left: 1px solid #000; 
	color: #ddd; 
	width: 35px;
	position: absolute;
	right: 0;
	text-align: center;
}
.audiojs .volume .enable-disable {
	display: inline-block;
    background-image: url(/music/music-icons.png);
    background-position: -574px -81px;
    background-repeat: no-repeat;
    width: 25px;
    height: 20px;
    cursor: pointer;
}
.audiojs .volume .range {
	position: absolute;
	bottom: 36px;
	left: -1px;
	width: 35px;
	height: 85px;
	background-color: #404040;
	display: none;
}
.audiojs .volume input {
	-webkit-transform: rotate(-90deg);
  	-moz-transform: rotate(-90deg);
  	-ms-transform: rotate(-90deg);
  	-o-transform: rotate(-90deg);
  	transform: rotate(-90deg);
  	background-color: blue;
  	position: absolute;
  	bottom: -50px;
    right: -24px;
    width: 80px;
}
.audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff;           text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }         
.audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }                 
.audiojs .play { background: url("/music/player-graphics.gif") 5px 5px no-repeat; }         
.audiojs .loading { background: url("/music/player-graphics.gif") 5px -26px no-repeat; }         
.audiojs .error { background: url("/music/player-graphics.gif") 5px -56px no-repeat; }         
.audiojs .pause { background: url("/music/player-graphics.gif") 5px -86px no-repeat; }                 
.playing .play, .playing .loading, .playing .error { display: none; }         
.playing .pause { display: block; }                 
.loading .play, .loading .pause, .loading .error { display: none; }         
.loading .loading { display: block; }                 
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }         
.error .error { display: block; }         
.error .play-pause p { cursor: auto; }         
.error .error-message { display: block; }
h1 em { font-style: normal; color: #999; }
a { color: #888; text-decoration: none; }
#wrapper {  
	margin: 0 auto; 
}

ul.playlist { 
	padding: 0px; 
	margin: 0 0 15px 0; 
	list-style: none; 
	color: #ccc; 
	width: 100%; 
	font-size: 0.9em; 
}
ul.playlist li { 
	position: relative; margin: 0px; padding: 9px 2px 10px; border-bottom: 1px solid #ccc;
}
ul.playlist li a { 
	display: inline-block; 
	padding: 0; 
}
ul.playlist li.playing { 
	color: #aaa; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); 
}
ul.playlist li.playing a { color: #000; }
/* li.playing:before { content: '♬'; width: 14px; height: 14px; padding: 3px; line-height: 14px; margin: 0px; position: absolute; left: -4px; top: 9px; color: #000; font-size: 13px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); } */

#shortcuts {
	width: 100%; 
	color: #666; 
	font-size: 0.9em; 
	padding: 20px 10px 15px; 
	background: #f3f3f3; 
	background: rgba(240, 240, 240, 0.7); 
	border-radius: 5px;
	margin-top:15px;
}
#shortcuts div {
	margin: 0; 
}
#shortcuts h5 { 
	margin: 0px 12px 15px; 
	font-size: 17px;
}
#shortcuts p { margin: 0px 0px 18px; }
#shortcuts em { font-style: normal; background: #d3d3d3; padding: 3px 9px; position: relative; left: -3px;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }

.nav {
	margin-bottom: 20px;
}
.audio_el_block {
	margin-bottom:15px;
	z-index:15;
}
.music_search_block {
	border:1px solid #dedede;
	height:49px;
	border-radius: 26px;
}
.music_search_block_label {
	margin-bottom: 15px;
}
.music_search_block form {
	margin:0;
	padding:0;
	border:none;
	position: relative;
}
.music_search_block input {
	display: inline-block;
	margin:0;
	padding:0;
	width: 100%;
	height:47px;
	border:none;
	padding-left:20px;
	font-size:15px;
	border-radius: 26px 0 0 26px;
}
.music_search_block input:focus {
    outline: none !important;
}
.music_search_block button {
	display: inline-block;
	border-radius: 0 26px 26px 0;
	width:43px;
	margin:0;
	padding:0;
	height:47px;
	border:none;
	border-left: 1px solid #dedede;
	float:right;
	background-image: url("/music/music-icons.png");
	background-position: -101px -64px;
	background-repeat: no-repeat;
	background-size: 976px 300px;
    cursor: pointer;
}

.music_search_block a img {
	height:17px;
	opacity: .2;
}
.music_search_block a:hover img {
	height:17px;
	opacity: .4;
}
.music_names_autocomplete {
	background-color: white;
	position: absolute;
	top:32px;
	width:100%;
	z-index:1;
	font-size: 13px;
	border:1px solid #dedede;
	border-top:none;
	display: none;
}
.music_names_autocomplete div {
	padding: 4px 15px;
	cursor: pointer;
}
.music_names_autocomplete div:hover {
	background-color: #dfe6ed;
}
.mob_nav {
	display: none;
	margin-top:20px;
	font-size:13px;
}
.text_music {
	display: inline-block;
	margin-right:5px;
}
.left_panel {
	position: relative;
	padding-top: 19px;
}
.music_text_web_shower {
	position: absolute;
	top:63px;
	left:0;
	width: 100%;
	z-index: 1;
	display: none;
	font-size: 15px;
}
.music_text_web_shower > div > div {
	background: white;
	min-height: 500px;
	border:1px solid #ececec;
	background:#ececec;
	overflow-y: auto;
}
.music_text_web_shower .x {
	position: absolute;
	top:10px;
	right:10px;
	font-size: 16px;
	cursor: pointer;
}
.music_text_block {
	font-size: 14px;
}
.music_text {
	font-family: 'Arial';
	margin-top:40px;
	margin-bottom:40px;
}
#pagination span, #pagination a {
	border: 0px solid #ececec;
	padding: 3px 10px;
	display: inline-block;
	font-size: 16px;
	border-radius: 3px;
	background-color: #fff;
	margin-bottom:5px;
	text-decoration: none;
	margin-right: 5px;
	color: black;
}

#pagination a {
	background-color: #f4f6f8;
	color: black;
}

#pagination a:hover{
	background-color: #b8daea;
}

.top_header h1 small {
	color:white;
}
a.button13 {
	display: block;
	width: 15em;
	font-size: 60%;
	color: rgba(255,255,255,.9);
	text-shadow: #2e7ebd 0 1px 2px;
	text-decoration: none;
	text-align: center;
	line-height: 1.1;
	white-space: pre-line;
	padding: .7em 0;
	border: 1px solid;
	border-color: #60a3d8 #2970a9 #2970a9 #60a3d8;
	border-radius: 6px;
	outline: none;
	background: #60a3d8 linear-gradient(#89bbe2, #60a3d8 50%, #378bce);
	box-shadow: inset rgba(255,255,255,.5) 1px 1px;
}
a.button13:first-line{
	font-size: 170%;
	font-weight: 700;
}
a.button13:hover {
	color: rgb(255,255,255);
	background-image: linear-gradient(#9dc7e7, #74afdd 50%, #378bce);
}
a.button13:active {
	color: rgb(255,255,255);
	border-color: #2970a9;
	background-image: linear-gradient(#5796c8, #6aa2ce);
	box-shadow: none;
}
.sweb_vk, .smob_vk {
	margin-bottom: 20px;
	display: inline-block;
}
a.smob_vk {
	display: none;
}
.trgr_bar {
	margin-bottom:20px;
}
.another_author_musics {
	margin-bottom: 20px;
}
.audio_youtube {
	height: 350px;
}
.music_minus span {
	font-size: 12px;
	color:#999999;
	font-style: italic;
}
.music_minus a {
	font-size: 15px;
	color: #2a6496;

}
.all_authors {
	text-align: center;
	display: block;
	padding:7px 0 12px 0;
}
#wrapper.music_playlist {
	margin-top: 28px;
}
.music_author_one, .music_style_one {
	position: relative;
	margin-bottom: 10px;
}
.music_author_one:hover, .music_style_one:hover {
	cursor: pointer;
}
.music_author_one img, .music_style_one img {
	border-radius: 5px;
	max-height: 180px;
}
.author_label, .style_name {
	position: absolute;
	font-size:13px;
	bottom:0;
	left:0;
	width: 100%;
	text-align: center;
	background: rgba(0,0,0,.7);
	color: white;
	padding: 3px 0;
	border-radius: 0 0 5px 5px;
}
.author_bg {
	background-size: cover;
	height:230px;
	position: relative;
	border-radius: 5px;
    margin: 0 0 20px; 
    background-position: center;
}
.bg_opacity {
	position: absolute;
	top:0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.65);
	border-radius: 5px;
}
.list_author_avatar {
	background-size: 100%;
	width: 100px;
	height:100px;
	position: absolute;
	top:50px;
	left:50px;
	border-radius: 2px;
	background-position: center;
}
.author_bg2 .list_author_avatar {
	width: 75px;
	height:75px;
}
.list_author_label {
	position: absolute;
	top: 50px;
	left: 175px;
	color: white;
	font-weight: bold;
	margin-top:0;
	font-size: 20px;
}
.author_bg2 .list_author_label {
	left: 150px;
}
.list_author_description {
	position: absolute;
	top: 85px;
	left: 175px;
	color: white;
	padding-right: 25px;
	font-size: 15px;
}
.author_bg2 .list_author_description {
	left: 150px;
	font-size: 14px;
}
.list_author_vk {
	position: absolute;
	top:160px;
	left:50px;
}
.list_author_inst {
	position: absolute;
	top:183px;
	left:50px;
}
.author_bg2 .list_author_vk {
	left:38px;
	top:135px;
	font-size: 14px;
}
.author_bg2 .list_author_inst {
	left:38px;
	top:158px;
	font-size: 14px;
}
.list_author_vk a, .list_author_inst a {
	color:white;
}
.list_author_vk a:hover, .list_author_inst a:hover {
	text-decoration: none;
	color:#5273ba;
}
.list_author_vk img, .list_author_inst img {
	margin-top:-2px;
}
.filters {
	text-align: right;
	display: inline-block;
}
.sort {
	margin-bottom:20px;
	display: inline-block;
}
.sort select {
	padding:5px 10px;
	border:1px solid #ddd;
	border-radius:3px;
}
.sort select:focus {
	outline: none;
}
.sort select option {
	
}
.add_author {
	display: inline-block;
	font-size: 13px;
	border: 1px solid #ececec;
    padding: 9px 10px 6px 10px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #efefef;
}

.audio_status {
	background-image: url("/music/music-icons.png");
	/*  background-image: url("/music/player-graphics.gif"); */
	background-position: -200px -189px;
	background-repeat: no-repeat;
	width: 40px;
    height: 40px;
    cursor: pointer;
}
.audio_status:hover, .audio_status_hover {
	background-position: -246px -189px;
}

/* .audio_info:hover .audio_status{
	background-position: -246px -189px;
} */

li.playing .audio_info .audio_status {
	background-position: -292px -189px
}

.audio_author {
	font-size: 12px;
}
.music_download {
	text-align: right;
	margin-bottom:15px;
}
.music_download a {
	padding:5px 10px;
	background-color: #5273ba;
	color:white;
	border-radius: 3px;
	font-size:14px;
}
.music_download a:hover, .music_download a:focus {
	text-decoration: none;
	background-color: #6485cc;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.music_text .add_button {
	color: #4571c0;
}
.music_text .add_button:hover {
	border-bottom: 1px solid #4571c0;
	cursor: pointer;
}
.add_music_text {
	display: none;
	margin-bottom: 40px;
}
.add_music_text .cancel {
	cursor: pointer;
}
.add_music_text .cancel:hover {
	text-decoration: underline;
}
.add_music_text textarea {
	width: 100%;
	height: 100px;
	resize: vertical;
}
.add_music_text button {
	margin-top: 10px;
    border: 0;
    padding: 5px 10px;
    background-color: #5273ba;
    color: white;
    border-radius: 3px;
    font-size: 14px;
}
.add_music_text button:hover {
    background-color: #6485cc;
}
.download-text-timer {
	text-align: center;
	font-size: 20px;
	padding: 30px 0;
}
.u_label_question > div {
	padding: 20px 10px;
	margin-top: 20px;
	font-size: 14px;
	border: 1px solid #ececec;
	transition: 0.5s;
}
.u_label_question:hover {
	text-decoration: none;
}
.u_label_question:hover > div {
	background-color: #fdfdfd;
	transition: 0.5s;
}
.u_label_question h4 {
	font-size: 24px;
}
.music_icons {
	background-image: url('/music/img/icons.png');
	display: inline-block;
	background-repeat: no-repeat;
}
.music_icons.music_icons_list {
	width: 40px;
    height: 30px;
    background-position: -882px -167px;
    margin: 0 5px -10px -5px;
}
.music_icons.music_icons_avatar {
	width: 30px;
    height: 40px;
    background-position: -828px -162px;
    margin: 0 5px -13px -5px;
}
.music_icons.music_icons_mark {
	width: 23px;
    height: 23px;
    background-position: -827px -218px;
    margin: 0 7px -5px 0px;
}
.music_icons.music_icons_vk {
	width: 25px;
    height: 15px;
    background-position: -862px -224px;
    margin: 0 7px -2px 0px;
}
.music_icons.music_icons_inst {
	width: 24px;
    height: 24px;
    background-position: -901px -219px;
    margin: 0 7px -5px 0px;
}
.music_icons.music_icons_rocket {
	width: 138px;
    height: 138px;
    background-position: -667px -133px;
}
.music_icons.music_icons_chart {
	width: 138px;
    height: 138px;
    background-position: -522px -133px;
}
.u_label_chart_block {
	border: 1px solid #cde5f1;
	padding: 30px 0;
	margin-bottom: 20px;
}
.u_label_chart_block .header, .u_label_chart_block ul {
	padding-left: 75px;
	padding-right: 75px;
}
.u_label_chart_block ul {
	list-style-type: none;
}
.u_label_chart_block ul li {
	margin-bottom: 10px;
}
.advantages_block ul {
	list-style-type: none;
}
.advantages_block ul li {
	margin-bottom: 10px;
}
.advantages_block .header  {
	margin-bottom:40px;
}
.advantages_block .sub_header, .u_label_chart_block .header {
	font-weight: bold;
	color: #b8daea;
	font-size: 17px;
	margin: 30px 0 15px 0;
}
.link_to_lk_block a {
	display: inline-block;
	padding: 12px 25px;
	margin-top: 30px;
	background-color: #5273ba;
	color: white;
	border-radius: 25px;
	font-size: 18px;
	font-weight: bold;
}
@media screen and (max-width: 769px) {

}
@media screen and (max-width: 480px) {
	#wrapper { position: relative;}
	li.playing:before {left: -14px;}
	#shortcuts { display: none; }
	.audiojs .scrubber {
		max-width: 42%;
		margin: 18px;
	}
	.audiojs .volume {
		line-height: 46px;
		height: 46px;
		width: 46px;
		margin: 6px 0 0 0;
	}
	.audiojs .volume .range {
		bottom: 46px;
		width: 46px;
	}
	.audiojs .volume input {
		right: -19px;
	}
	.vk_gr_block {
		display: none;
	}
	#ya_rek_in_right_music {
		display: none;
	}
	body {
		margin-bottom:36px;
	}
	#wrapper.music_playlist {
		margin-top: 0;
	}
	.audio_el_block {
		margin-bottom:0px;
		position: fixed;
		bottom:0;
		left:0;
		width: 100%;
	}

	.mob_nav {
		display: block;
	}
	.styles_block h2 {
		display: none;
	}
	.authors_block h2 {
		display: none;
	}
	.vk_gr_block {
		display: none;
	}
	.music_playlist {
		margin-top:10px;
	}
	#mobTabContent .tab-pane {
		display: none;
	}
	#mobTabContent .tab-pane.active {
		display: block;
	}
	.audio_play {
		font-size: 13px;
	}
	a.smob_vk {
		display: block;
	}
	a.sweb_vk {
		display: none;
	}
	a.button13 {
		font-size: 50%;
	}
	.audio_youtube {
		height: 200px;
	}
	.audiojs, .audiojs .time, .audiojs .play-pause, .audio_el_block, .audiojs p {
		height: 50px;
	}
	.audiojs .play-pause, .audiojs p {
		width:50px;
	}
	.audiojs .play, .audiojs .pause, .audiojs .loading, .audiojs .error {
    	background-size: 85%;
	}
	.audiojs .pause {
	 	background-position-y: -80px;
	}
	.audiojs .loading {
	 	background-position-y: -21px;
	}
	.audiojs .error {
	 	background-position-y: -51px;
	}
	.audiojs .time {
		padding-top:2px;
		line-height: 46px;
	}
	.author_bg {
		height: 165px;
	}
	.list_author_label, .author_bg2 .list_author_label {
		top: 20px;
		left: 120px;
	}
	.list_author_description, .author_bg2 .list_author_description {
		top: 45px;
		left: 120px;
		font-size: 12px;
		padding-right: 20px;
	}
	.list_author_avatar, .author_bg2 .list_author_avatar {
		top:20px;
		left:20px;
		width:75px;
		height: 75px;
	}
	.list_author_vk, .author_bg2 .list_author_vk {
		top: 105px;
		left:7px;
		font-size: 14px;
	}
	.list_author_inst, .author_bg2 .list_author_inst {
		top: 130px;
		left:7px;
		font-size: 14px;
	}
	.text_music {
		margin-right: 10px;
	}
	.music_text {
		font-size: 14px;
		margin-top: 20px;
	}
	.u_label_chart_block .header, .u_label_chart_block ul {
		padding-left: 35px;
		padding-right: 35px;
	}
	.advantages_block ul {
		padding-inline-start: 5px;
	}
	.advantages_block ul ul {
		padding-inline-start: 20px;
	}
	.advantages_block .sub_header, .u_label_chart_block .header {
		font-size: 16px;
	}
	.left_panel {
		padding-top: 0;
	}
}
@media screen and (max-width: 400px) {
	.audiojs .scrubber {
		max-width: 38%;
	}
}
@media screen and (max-width: 376px) {
	.audiojs .scrubber {
		max-width: 36%;
	}
}
@media screen and (max-width: 320px) {
	.audio_play {
		font-size: 12px;
	}
	.audio_youtube {
		height: 165px;
	}
	.list_author_avatar {
		width:50px;
		height: 50px;
	}
	.list_author_label {
		left: 90px;
	}
	.list_author_description {
		top: 45px;
		left: 90px;
		font-size: 13px;
		padding-right: 10px;
	}
	.author_bg {
		height: 180px;
	}
	.list_author_vk {
		top: 80px;
		font-size: 11px;
	}

	.list_author_inst {
		top: 103px;
		font-size: 11px;
	}
	.list_author_vk img {
		width: 15px;
	}
}