/*---------FONTS--------------*/
/*HelveticaNeueCyr Bold*/
@font-face {
    font-family: 'HelveticNeueCyrB';
    src: url('../fonts/helvetica/neue_cyr/bold/helveticaneuecyr-bold-webfont.eot');
    src: url('../fonts/helvetica/neue_cyr/bold/helveticaneuecyr-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica/neue_cyr/bold/helveticaneuecyr-bold-webfont.woff') format('woff'),
         url('../fonts/helvetica/neue_cyr/bold/helveticaneuecyr-bold-webfont.ttf') format('truetype'),
         url('../fonts/helvetica/neue_cyr/bold/helveticaneuecyr-bold-webfont.svg#helveticaneuecyrbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*HelveticaNeueCyr Roman*/
@font-face {
    font-family: 'HelveticNeueCyrRom';
    src: url('../fonts/helvetica/neue_cyr/roman/helveticaneuecyr-roman-webfont-webfont.eot');
    src: url('../fonts/helvetica/neue_cyr/roman/helveticaneuecyr-roman-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica/neue_cyr/roman/helveticaneuecyr-roman-webfont-webfont.woff') format('woff'),
         url('../fonts/helvetica/neue_cyr/roman/helveticaneuecyr-roman-webfont-webfont.ttf') format('truetype'),
         url('../fonts/helvetica/neue_cyr/roman/helveticaneuecyr-roman-webfont-webfont.svg#helveticaneuecyrroman') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Sansus Webissimo Regular*/
@font-face {
    font-family: 'SansusWebR';
    src: url('../fonts/sansus_webissimo/regular/sansus_webissimo-regular-webfont.eot');
    src: url('../fonts/sansus_webissimo/regular/sansus_webissimo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansus_webissimo/regular/sansus_webissimo-regular-webfont.woff') format('woff'),
         url('../fonts/sansus_webissimo/regular/sansus_webissimo-regular-webfont.ttf') format('truetype'),
         url('../fonts/sansus_webissimo/regular/sansus_webissimo-regular-webfont.svg#sansus_webissimoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Roboto Bold Condensed*/
@font-face {
    font-family: 'RobotoBC';
    src: url('../fonts/roboto/bold_condensed/gmyiispz-webfont.eot');
    src: url('../fonts/roboto/bold_condensed/gmyiispz-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/bold_condensed/gmyiispz-webfont.woff') format('woff'),
         url('../fonts/roboto/bold_condensed/gmyiispz-webfont.ttf') format('truetype'),
         url('../fonts/roboto/bold_condensed/gmyiispz-webfont.svg#robotobold_condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*---------FONTS END----------*/

/*TYPOGRAPHY STYLE */
html {	
	height:100%;	
	overflow:auto;
}
body {	
	height:100%;	
	font-family: Arial, Tahoma, Verdana, sans-serif;	
	line-height:2.076;	
	font-size:13px;	
	min-width:1000px;
	background:#fff;
	color:#585858;
}

h1, h2, h3, h4, h5, h6{	
	color:#000;
	font-family: Arial, Tahoma, Verdana, sans-serif;	
	font-size:28px;
	font-weight:normal;
	font-style:normal;
	line-height:1.2;
	padding:0 0 15px;
}
h1{
	
}
h2{
	font-size:20px;
	line-height:1.3;
}
h3{
	font-size:18px;
	line-height:1.25;
}
h4{
	font-size:16px;
	line-height:1.24;
}
h5{
	font-size:14px;
	line-height:1.4;
}

.title,
.information h2,
.wrap-album h2,
.search-info h2,
.tags h2,
.top-songs h2{
	color:#2a2b2d;
	font: normal normal 24px/26px 'RobotoBC';
	padding:0 0 21px;
}

p {	
	padding: 0 0 27px;
}

ol, ul{	
	list-style:decimal outside;
	padding:0 0 10px 25px;
}
ul {
	list-style:square outside;
}
ol li,
ul li{
	padding:0 0 5px;
}

a {	
	color:#1989eb;	
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

blockquote{
	color: #666;
	font: normal normal 13px/19px  Arial, Tahoma, Verdana, sans-serif;    
    margin:10px 0px 20px;
    padding: 20px 45px 15px 47px;
	min-height:50px;
    position: relative;
	text-align:justify;	
}

blockquote:before,
blockquote:after,
blockquote s,
blockquote u{
	position: absolute;
	font: italic normal 60px/68px Tahoma, Verdana, Arial, sans-serif;
	color:#666;
	text-decoration:none;
	overflow:hidden;
	width:41px;
	height:71px;
}
blockquote:before,
blockquote s{	
    left: 0px;   
    top: 0px;
}
blockquote:before{
	content: "{"; 	  
}
blockquote:after,
blockquote u {
	bottom: 0px;      
    right: 7px;
}
blockquote:after{
	content: "}"; 	
}

hr{
	height:0px;
	display:block;
	margin-bottom:17px;
	background:none;	
	outline:none;
	border:none;
	border-bottom:1px dotted #b8bdc3;
}

.default-table{
	width:100%;
	margin:0 0 36px;
}
.default-table tbody{}
.default-table tbody tr.even td{
	background:#f7f7f7;
}
.default-table th,
.default-table td{
	vertical-align:top;	
	 padding: 9px 0 4px 30px;
	font-style:normal;
	font-weight:normal;
	text-align:left;	
	color:#191516;
	line-height:18px;
	border:1px solid #d1d0d0;	
	font: normal normal 12px/16px Arial, Tahoma, Verdana, 'sans-serif';
}
.default-table th{
	font-weight:bold;
}
.default-table tr th:first-child,
.default-table tr td:first-child{		
	padding-left:21px;
}
.default-table td{
	color:#464646;
}
/*TYPOGRAPHY STYLE END */

/*BASIC BLOCKS MARKUP*/
.wrapper {	
	height: auto !important;
    min-height: 100%;      
}

/* Header
-----------------------------------------------------------------------------*/
.header {	
	position:relative;
	z-index:4;
}

/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 0px 0 10px;
}

/* Footer
-----------------------------------------------------------------------------*/
.footer {	
	background:#2a2b2d;
	color:#fff;
	position: relative;
	/*height: 101px;*/
    margin: -101px auto 0;
	z-index:5;
}
.footer-spacer{
	height:101px;
}
/*BASIC BLOCKS MARKUP END*/

/*----------GENERIC CLASSES------------*/ 

/*RESET AND CHANGE THE CLASS BEGIN*/
.none{
	display:none !important;
}
.hidden{
	display:none;
}

.logo {
	float:left;
	display:block;
}
.logo,	
.logo a{	
	text-decoration:none;
}
.logo:hover,
.logo a:hover{
	text-decoration:none;
}

/*DECORATIVE CLASSES*/
.all-transition,
.show-playlist a i,
.tabs-head-list a{
	transition: all 0.1s linear;	
	-o-transition: all 0.1s linear;	
	-moz-transition: all 0.1s linear;	
	-webkit-transition: all 0.1s linear;	
}

.all-transition-4{
	transition: all 0.4s linear;	
	-o-transition: all 0.4s linear;	
	-moz-transition: all 0.4s linear;	
	-webkit-transition: all 0.4s linear;	
}

.shadow-none,
.btn.disabled{	
	-moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.radius-3,
.share span{	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;	
}

.radius-10,
.player .wrap-volume{	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;	
}

.radius-13-5,
.btn,
.pagination li a,
.pagination li span,
.up-page span,
.player-wrap-nav a {	
	border-radius:13.5px;
	-moz-border-radius:13.5px;
	-webkit-border-radius:13.5px;
	-khtml-border-radius:13.5px;	
}

.radius-20,
.song-list>li,
.drop-player,
.playlist .jp-playlist-item{	
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;	
}

/*DECORATIVE CLASSES END*/

.clear{
	clear:both;
}
.clearbar{
	clear:both;
    height:0;
    overflow:hidden;  
}
.clearfix:before,
.clearfix:after,
.rubric:before,
.rubric:after,
.tabs-head:before,
.tabs-head:after,
.song-list>li:before,
.song-list>li:after,
article:before,
article:after,
.buttons:before,
.buttons:after,
.album-head:before,
.album-head:after,
.container:before,
.container:after,
.frow:before,
.frow:after{
	content: "";
	display: table;
}
.clearfix:after,
.rubric:after,
.tabs-head:after,
.song-list>li:after,
article:after,
.buttons:after,
.album-head:after,
.container:after,
.frow:after{
	clear: both;
}

.inl-block,
.wrap-side,
.arrow,
.ico,
.btn,
.btn i,
.btn.download span,
.b-img,
.share,
.share i,
.sorting li a,
.sorting li i,
.pagination ul,
.show-playlist a,
.up-page a,
.up-page span,
.drop-player .jp-volume-bar-value div,
.mplayer,
.play-status-nav .prev,
.play-status-nav .next{	
	display:-moz-inline-stack;
	display:inline-block;		
	vertical-align:top;
}

.ov-h,
.col-md,
hr,
.top-banner,
.msearch,
.copyright,
.top-songs li,
.top-songs div,
.sorting,
.song-list h4,
.article div,
.tabs-head-list,
.top-content h1,
.information-descr,
.wrap-head-slider,
.head-slider,
.head-slider h2,
.player,
.player .jp-volume-bar,
.player .holder-volume,
.player .jp-time-holder,
.player  .player-holder-nav,
.player-wrap-nav a,
.player .jp-title,
.drop-player .jp-time-holder,
.drop-player .wrap-jp-volume-bar,
.drop-player .wrap-controls,
.mplayer .jp-jplayer,
.play-status,
.play-status figure,
.play-status p,
.playlist .jp-playlist-item,
.playlist li span,
.playlist li strong,
.playlist li div{
	overflow:hidden;	
}

.reset-l,
.share,
.share li,
.footer-nav,
.footer-nav>li,
.top-songs ul,
.top-songs li,
.sorting ul,
.sorting li,
.song-list,
.song-list>li,
.pagination ul,
.pagination li,
.tabs-head-list,
.tabs-head-list li, 
.tabs-cont,
.tabs-cont>li,
.rubric,
.rubric li,
.tags ul,
.tags li,
.player ul,
.player li,
.drop-player ul,
.drop-player li,
.mplayer ul,
.mplayer li,
.playlist ul,
.playlist li{	
	list-style:none;
	margin:0;
	padding:0;
	background:none;
}

/*Arrows*/
.arrow,
.sorting li i,
.head-slider .prev,
.head-slider .next {
	background:url("../img/sp_arrows.png") no-repeat 0% 0px;
	width: 11px;
	height: 7px;
}
/*Arrows end*/

/*Icons*/
.ico,
.btn i,
.share i,
.play-status-nav .prev,
.play-status-nav .next,
.player .jp-mute {
	background:url("../img/sp_ico.png") no-repeat 0% 0px;	
	width: 9px;
	height: 9px;
}
/*Icons end*/

/*Corners*/
.corn,
.show-playlist a i{
	background:url("../img/sp_corners.png") no-repeat 0% 0px;	
	position:absolute;
	width: 9px;
	height: 9px;
}
/*Corners end*/

/*===BUTTONS=== */
/*global bts classes*/
.btn.disabled{
	background: #e5e5e5 !important; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #bbbbbb 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#bbbbbb)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#bbbbbb 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#bbbbbb 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#bbbbbb 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#bbbbbb 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#bbbbbb',GradientType=0 ) !important; /* IE6-8 */
	border-color:#dedede #c6c6c6 #a6a6a6 !important;
	color:#8d8d8d !important;
	cursor:default !important;	
	text-shadow:none !important;
}

.btn input,
.upload input[type=file]{
	position:absolute;
	top:0px;
	left:0px;
	border:none;
	background:none;
	opacity: 0;	
	background:url('../img/empty.png') repeat 0 0;	
	text-indent:-9999px;
	width:100%;
	height:100%;
	padding:0;
	cursor:pointer;	
	z-index:10;
	color:transparent;
}
.btn-upload,
.upload input[type=file]{
	width:0px;
	height:0px;
	left:-99999px;
	z-index:0;
}

.btn.disabled input{
	display:none !important;	
}

/*custom buttons*/
/*global core*/
.btn{
	cursor:pointer;	
	border:none;	
	text-decoration:none;	
	position:relative;		
	text-align:center;
	color:#fff;	
	font: normal bold 11px/14px  Arial, Tahoma, Verdana, 'sans-serif';	
}
/*global core end*/

.btn:hover{
	color:#fff;
	text-decoration:none;
}
/*GRAY BACKGROUND*/
/*btn1  (default play, height 27px )*/
.btn.play,
.btn.download,
.btn.add-playlist,
.btn.delete-playlist,
.up-page span{
	min-width:9px;
	padding:6px 9px 3px;
	min-height:18px;
}

.btn.play,
.pagination li.active span,
.player-wrap-nav a{
	background: rgb(196,196,196); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0YzRjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2I3YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(196,196,196,1) 0%, rgba(183,183,183,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,196,196,1)), color-stop(100%,rgba(183,183,183,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(183,183,183,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(183,183,183,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(183,183,183,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(196,196,196,1) 0%,rgba(183,183,183,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-8 */	
}

.btn.play:hover,
.pagination li a:hover,
.player-wrap-nav a:hover{
	background: rgb(163,163,163); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzYTNhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(163,163,163,1) 0%, rgba(214,214,214,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(163,163,163,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(163,163,163,1) 0%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(163,163,163,1) 0%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(163,163,163,1) 0%,rgba(214,214,214,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(163,163,163,1) 0%,rgba(214,214,214,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-8 */
}
.btn.play:after,
.btn.play i,
.player-wrap-nav a:after,
.player-wrap-nav a i{
	content:"";
	background:url("../img/sp_ico.png") no-repeat 0 -43px; 
	width: 9px; 
	height: 12px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-6px;
	margin-left:-3px;
}
/*type pause*/
.btn.play.pause:after,
.btn.play.pause i,
.player-wrap-nav a.jp-pause:after,
.player-wrap-nav a.jp-pause i,
.mplayer .jp-pause.btn.play:after,
.mplayer .jp-pause.btn.play i,
.mplayer  .jp-playlist-current .btn.play:after,
.mplayer  .jp-playlist-current .btn.play i{
	background-position: 0 -65px; 
	height: 11px;
	margin-left: -4.5px;
}



/*type blue*/
.btn.play.i-blue,
.song-list>li.active .btn.play,
.play-status .btn.play,
.playlist .btn.play,
.up-page a span{
	background: rgb(28,149,237); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFjOTVlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzdkZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(28,149,237,1) 0%, rgba(23,125,233,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(28,149,237,1)), color-stop(100%,rgba(23,125,233,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(28,149,237,1) 0%,rgba(23,125,233,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(28,149,237,1) 0%,rgba(23,125,233,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(28,149,237,1) 0%,rgba(23,125,233,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(28,149,237,1) 0%,rgba(23,125,233,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c95ed', endColorstr='#177de9',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow:  0px 1px 1px 0px rgba(0,0,0,0.2), inset 0px 2px 2px -2px rgba(255,255,255,0.99);
	-moz-box-shadow:  0px 1px 1px 0px rgba(0,0,0,0.2), inset 0px 2px 2px -2px rgba(255,255,255,0.99);
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2), inset 0px 2px 2px -2px rgba(255,255,255,0.99);	
}
.btn.play.i-blue:hover,
.song-list>li.active .btn.play:hover,
.play-status .btn.play:hover,
.playlist .btn.play:hover,
.up-page a:hover span,
.playlist .jp-playlist-item:hover .btn.play{
	background: rgb(22,125,233); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE2N2RlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjk1ZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(22,125,233,1) 0%, rgba(27,149,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,125,233,1)), color-stop(100%,rgba(27,149,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(22,125,233,1) 0%,rgba(27,149,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(22,125,233,1) 0%,rgba(27,149,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(22,125,233,1) 0%,rgba(27,149,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(22,125,233,1) 0%,rgba(27,149,237,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#167de9', endColorstr='#1b95ed',GradientType=0 ); /* IE6-8 */
}
.btn.play.i-blue:active,
.song-list>li.active .btn.play:active,
.play-status .btn.play:active,
.playlist .btn.play:active,
.up-page a:active span,
.playlist .jp-playlist-item:active .btn.play{
	background: rgb(31,110,193); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmNmVjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTg2Y2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(31,110,193,1) 0%, rgba(37,134,205,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,110,193,1)), color-stop(100%,rgba(37,134,205,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(31,110,193,1) 0%,rgba(37,134,205,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(31,110,193,1) 0%,rgba(37,134,205,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(31,110,193,1) 0%,rgba(37,134,205,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(31,110,193,1) 0%,rgba(37,134,205,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f6ec1', endColorstr='#2586cd',GradientType=0 ); /* IE6-8 */
}
/*GRAY BACKGROUND END*/

/*BLACK BACKGROUND*/
.btn.download,
.btn.add-playlist,
.btn.delete-playlist {
	background: rgb(46,47,50); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlMmYzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjI3MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(46,47,50,1) 0%, rgba(38,39,41,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,47,50,1)), color-stop(100%,rgba(38,39,41,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(46,47,50,1) 0%,rgba(38,39,41,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(46,47,50,1) 0%,rgba(38,39,41,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(46,47,50,1) 0%,rgba(38,39,41,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(46,47,50,1) 0%,rgba(38,39,41,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2f32', endColorstr='#262729',GradientType=0 ); /* IE6-8 */	
}

.btn.add-playlist.active {
	background: #3FAF36;
}

.btn.download span{	
	padding:0px 24px 0 6px;
}

.btn.download:after,
.btn.download i{
	content:"";
	background:url("../img/sp_ico.png") no-repeat 0 -175px; 
	width: 9px;
	height: 10px; 
	position:absolute;
	top:50%;
	right:9px;
	margin-top:-5px;
}
/*BLACK BACKGROUND END*/
/*===BUTTONS END===*/

/*-------CLASSES PAGE LAYOUT ----*/
.container{
	width:960px;
	margin:0 auto;
	position:relative;
}
.b-l,
.col-l,
.side-l{
	float:left;
	min-height:1px;
}
.b-r,
.col-r,
.side-r{
	float:right;
	min-height:1px;
}
.col-md{
	display:block;
	min-height:1px;
}
/*wrap sidebar block */
.wrap-side{	
	width:100%;
	padding:20px 0px 18px;
}
.side-container{
	float:left;
	width:100%;	
}
.side-content{
	min-height:1px;
}

.side-l,
.side-r{
	position:relative;
	float:left;
	min-height:1px;
}

/*sidebar left */
.side-l{
	margin-left:-100%;	
}

/*type1, width 290px*/
.grid-l-180 .side-l {
	width:180px;
}
.grid-l-180 .side-content{
	padding-left:195px;
}
/*sidebar left end*/

/*sidebar right */
/*type1, width 350px*/
.grid-r-260 .side-r,
.top-content .side-r{
	width:260px;
	margin-left:-260px;
}

.grid-r-260 .side-content{
	padding-right:285px;
}

.grid-r-0 .side-content {
	padding-right:0;
}

.top-content .side-r {
	margin:0;
	position:absolute;
	top:0px;
	right:0px;
}
/*sidebar right end*/
/*wrap sidebar block end*/
/*-------CLASSES PAGE LAYOUT END-------*/

/*HEADER STYLE */
.header-inner{
	background:#2a2b2d;	
	padding: 36px 0 40px;
}

/*top banner bl */
.top-banner{
	position:relative;	
}
.top-banner .inner{
	position:relative;
	width:1920px;
	left:50%;
	text-align:center;
	margin:0px 0px 0px -960px;
}
/*top banner bl end */

/*share bl */
.header .share{
	float:right;
	padding:0px 0px 0px 21px;
}
.share li{
	color:#fff;
	float:left;	
	padding:0px 0px 0px 12px;
}
.share li:first-child{
	padding-left:0px;
}
.share li,
.share b{
	font: normal normal 11.57px/13px 'HelveticNeueCyrB';
}
.share a{
	color:#fff;
	float:left;
}
.share a,
.share a:hover{
	text-decoration:none;
}
.share b{	
	border:1px solid #43474f;
	color:#fff;
	text-align:center;	
	float:left;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25), inset 0px 2px 2px -2px rgba(255,255,255,0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25), inset 0px 2px 2px -2px rgba(255,255,255,0.2);
	box-shadow:  0px 1px 1px 0px rgba(0,0,0,0.25), inset 0px 2px 2px -2px rgba(255,255,255,0.2);	
	height: 18px;
    margin: 0 4px 0 0;
    min-width: 50px;
    padding: 5px 2px 0;
}
.share b:hover{
	text-decoration:underline;
}
.share .i-vk b{
	background: rgb(90,126,161); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVhN2VhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTZlOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(90,126,161,1) 0%, rgba(78,110,147,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(90,126,161,1)), color-stop(100%,rgba(78,110,147,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(90,126,161,1) 0%,rgba(78,110,147,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(90,126,161,1) 0%,rgba(78,110,147,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(90,126,161,1) 0%,rgba(78,110,147,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(90,126,161,1) 0%,rgba(78,110,147,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a7ea1', endColorstr='#4e6e93',GradientType=0 ); /* IE6-8 */	
}
.share .i-tw b{
	background: rgb(103,175,238); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3YWZlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YWEzZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(103,175,238,1) 0%, rgba(90,163,236,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(103,175,238,1)), color-stop(100%,rgba(90,163,236,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(103,175,238,1) 0%,rgba(90,163,236,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(103,175,238,1) 0%,rgba(90,163,236,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(103,175,238,1) 0%,rgba(90,163,236,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(103,175,238,1) 0%,rgba(90,163,236,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67afee', endColorstr='#5aa3ec',GradientType=0 ); /* IE6-8 */
}
.share .i-fb b{
	background: rgb(76,95,156); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNWY5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjUzOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(76,95,156,1) 0%, rgba(66,83,142,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,95,156,1)), color-stop(100%,rgba(66,83,142,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(76,95,156,1) 0%,rgba(66,83,142,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(76,95,156,1) 0%,rgba(66,83,142,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(76,95,156,1) 0%,rgba(66,83,142,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(76,95,156,1) 0%,rgba(66,83,142,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5f9c', endColorstr='#42538e',GradientType=0 ); /* IE6-8 */	
}
.share .i-google b{
	background: rgb(85,86,89); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTY1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTRiNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(85,86,89,1) 0%, rgba(74,75,77,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,86,89,1)), color-stop(100%,rgba(74,75,77,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(85,86,89,1) 0%,rgba(74,75,77,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(85,86,89,1) 0%,rgba(74,75,77,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(85,86,89,1) 0%,rgba(74,75,77,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(85,86,89,1) 0%,rgba(74,75,77,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555659', endColorstr='#4a4b4d',GradientType=0 ); /* IE6-8 */	
}
.share i{	
	background-position: 0 -25px;
	margin:3px 0px 0px 3px;
}
.share span{
	background:#313336;
	border:1px solid #4a4b4e;
	position:relative;
	float:left;
	-webkit-box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.08);
	box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.08);	
	min-width:24px;
	margin:4px 0 4;
	padding:1px 0 1px 4px;	
}
.share span:after,
.share span s{
	content:"";
	background:url('../img/sp_corners.png') no-repeat 0 0;
	width: 4px;
	height: 4px;
	left:-4px;
	top:50%;
	margin-top:-1px;	
	position:absolute;	
}
/*share bl end */

/*main search bl*/
.msearch{
	/*width: 281px;*/
	background: #fff;
	position: relative;
	padding: 0px 40px 0px 0;
	flex: 1;
}

.d-flex.align-content-center {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 520px) {
	.d-flex.align-content-center {
		flex-direction: column;
	}
}


.msearch input[type=text]{
	padding:4px 10px 5px;
	border:none;	
	background:url('../img/empty.png') repeat;
	height:25px;
	display:block;
	width:100%;
	font: normal normal 13px/19px Arial, Tahoma, Verdana, 'sans-serif';
	color:#000;
}
.msearch .btn{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	padding:0;
	margin:0;
	width:32px;
}
.msearch .btn i{	
	width: 15px;
	height: 15px;
	margin:9px 0px 0px;
}
/*main search bl end*/

/*header logo bl */
.header .logo{
	padding: 4px 21px 0 0;
}
/*header logo bl end */

/*Авторизация в верхней части сайта*/
.header .enter {
	position: absolute;
	top: -32px;
	right:0;
}

.header .enter .auth {
	width: 94px;
	padding-top: 28px;
	float: left;
}

.header .enter .auth a {
	height: 40px;
	line-height: 40px;
}

.header .enter .social-auth {
	width: 165px;
	float: left;
	color: #888888;
}

.header .enter .social-auth ul {
	margin-top: 2px;
	padding: 0;
	list-style: none;
}

.header .enter .social-auth ul li {
	width: 40px;
	height: 40px;
	padding: 0;
	margin-right: 1px;
	float: left;
}

.header .enter .social-auth ul li a {
	display: block;
	width: 40px;
	height: 40px;
	background: url('../img/social.png') no-repeat #404040;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.header .enter .social-auth ul li a:hover {
	background-color: #1871bf;
}

.header .enter .social-auth ul li a.vkontakte-button {
	background-position: 0 0;
}

.header .enter .social-auth ul li a.facebook-button {
	background-position: -41px 0;
}

.header .enter .social-auth ul li a.odnoklassniki-button {
	background-position: -82px 0;
}

.header .enter .social-auth ul li a.mymailru-button {
	background-position: -123px 0;
}

/*Профиль в верхней части сайта*/
.header .profile {
	position: absolute;
	top: -10px;
	left: 504px;
}

.header .profile .image {
	width: 50px;
	margin-right: 6px;
	float: left;
}

.header .profile .image img {
	width: 50px;
	border: 1px solid #ffffff;
}

.header .profile .menu {
	width: 390px;
	float: left;
}

.header .profile .menu ul {
	margin-top: 17px;
	padding: 0;
	list-style: none;
}

.header .profile .menu ul li {
	margin-left: 9px;
	padding: 0;
	float: left;

	font: bold 14px/16px Arial;
	color: #ffffff;
}

.header .profile .menu ul li a {
	font: normal 13px/16px Arial;
	color: #1871bf;
}

/*HEADER STYLE END */

/*FOOTER STYLE */
.footer .container{
	padding:40px 0;
}
.footer-nav{
	float:right;
}
.footer-nav>li,
.copyright{
	text-transform:uppercase;
	font: normal normal 13px/24px 'SansusWebR';
}
.footer-nav>li{
	float:left;
	padding:0px 0px 0px 23px;
}
.footer-nav a{
	color:#fff;
	text-decoration:none;
}
.footer-nav a:hover{
	text-decoration:underline;
}

/*.footer .copyright {
	display:block;	
	padding:0px 0px 5px;
}*/
.footer_topline {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding-bottom: 10px;
}
.footer .copyright {
    display: flex;
    align-items: center;
}
.footer .copyright a {
	margin-left: 10px;
}

.admin_mob {
	display: none;
}

@media screen and (max-width: 520px) {
	ul.rubric {
	    display: flex;
	    flex-flow: row wrap;
	    justify-content: center;
        padding-top: 10px;
	}
	ul.rubric li {
		width: unset;
		padding: 0 15px;
	}
	.footer_topline {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.footer .copyright {
	    display: flex;
	    justify-content: center;
	}
	.footer_c_bottom {
	    font-size: 12px;
	    line-height: 1.7;
	    padding: 0 10px;
	}
	.admin_mob {
		display: block;
	}
	.admin_desktop {
		display: none;
	}
}

.footer .admin{
	float: right;
	margin-left:-100px;
	margin-top:-2px;
}

.footer .wap clic{
	position: absolute;
	left: 150px;
}

.footer .liveinternet{
	position: absolute;
	top: 35px;
	right: -50px;
}


.footer .counters {
	position: absolute;
	top: 35px;
	left: 220px;
}

.footer .counters a {
	text-decoration: none;
}

.footer .counters a:hover {
	text-decoration: none;
}

.footer .counters .link {
	text-decoration: underline;
	color:#666;
	line-height: 31px;
}


/*FOOTER STYLE END */

/*CONTENT STYLE */
/*top songs bl */
.top-songs{
	 padding: 0 0 26px;
}
.top-songs h2{		
	padding:0 0 46px;
}
.top-songs li{	
	padding:0 0 19px;
}
.top-songs figure{
	float:left;
	padding:0px 19px 0px 0px;
}
.top-songs div{	
	padding:8px 0 0;
	font-size:14px;
	line-height:16px;
}
.top-songs span{
	color:#434343;	
}
.top-songs h4{
	font: normal bold 14px/16px Arial;
	color:#1989eb;
	padding:1px 0 5px;
}
.top-songs h4 a{
	text-decoration:none;
}
.top-songs h4 a:hover{
	text-decoration:underline;
}
/*top songs bl end */

/*sorting bl */
.sorting{	
	padding:0 0 5px;
	font: italic normal 11px/14px Arial;
}
.sorting span{
	float:left;
	padding:0px 11px 0px 0px;
}
.sorting ul{
	float:left;
}
.sorting li{
	float:left;
	padding:0px 12px 4px 0px;
}
.sorting li a{	
	text-decoration:none;
	border-bottom:1px dashed #1989eb;
}
.sorting li a:hover,
.sorting li.active a{
	border-bottom-color:transparent;
	text-decoration:none;
}
.sorting li i{
	background-position: 0 -30px;	
	margin:5px 0 0 6px;	
}
/*sorting bl end */

/*song list bl */
.song-list{
	margin: 0 0 0 0px;
    padding: 0 0 0px;
}
.song-list>li{	
	position:relative;	
	margin:0 0 3px;
	padding:6px 7px 5px;
}
/*.song-list>li.active,
.song-list>li:hover{
	background:#f1f1f1;	
}*/
.song-list .btn.play{
	float:left;
	margin:0px 15px 0px 0px;
}

.song-list .btn.download,
.song-list .btn.add-playlist,
.song-list .btn.delete-playlist {
	float:right;
	visibility:hidden;
	margin:0px 0px 0px 5px;
}


.song-list>li.active .btn.download,
.song-list>li:hover .btn.download,
.song-list>li.active .btn.add-playlist,
.song-list>li:hover .btn.add-playlist,
.song-list>li.active .btn.delete-playlist,
.song-list>li:hover .btn.delete-playlist {
	visibility:visible;
}

.song-list h4{
	display:block;
	color:#424242;
	font: normal normal 14px/16px Arial;	
	white-space:nowrap;
	text-overflow:ellipsis;
	padding:6px 0 3px;
}
.song-list h4 strong{
	color:#1989eb;
}
.song-list h4 a{
	text-decoration:none;
}
.song-list h4 a:hover{
	text-decoration:underline;
}
/*song list bl end */

/*pagination bl*/
.pagination {
	display: inline-block;
	font-family: "Tahoma", Arial, sans-serif;
	line-height: 18px;
	text-decoration: none;
}

.pagination .dots {
	bottom: -6px;
	color: #606060;
	position: relative;
}

.pagination a, .pagination .dots {
	display: inline-block;
	margin-right: 2px;
	padding: 2px 8px;
}
div.pagination a {
text-decoration:none !important;
}
div.pagination a:hover {
	color: #1987e7;
}

div.pagination a:active {
	color: #1987e7;
}

.pagination a.number {
	border: 1px solid #ddd;	
	
	/* CURVED CORNERS */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

.pagination a.number:hover {
	border-color: #d0d0d0;
	
	/* DROP SHADOWS */
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	text-decoration:none;
}

.pagination a.number.current {
	color: #fff;
}

.pagination a.number.current:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.pagination a.number.current:active {
	/* INNER SHADOWS */
	-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
}
.item-wrap p {
font-size:11px;
font-weight:bold;
margin-bottom:10px !important;
}

.item-wrap {
border-bottom:1px solid #E0E0E0;
padding:20px 20px 10px;
}

/*                   white */
.pagination.white, .pagination.white a {
	color: #606060; 
}

.pagination.white a.number.current {
	background-color: #e0e0e0;
	border-color: #ddd #d8d8d8 #c4c4c4;
	color: #606060;
	text-shadow: 0px 1px 0px #fff;
	
	background: -moz-linear-gradient(top,
		#fff,
		#f4f4f4 50%,
		#e0e0e0
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.5, #f4f4f4),
		to(#e0e0e0)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f4f4f4', EndColorStr='#e0e0e0');
}

.pagination.white a.number.current:hover {
	background-color: #ebebeb;
	border-color: #dbdbdb #d4d4d4 #c0c0c0;
	
	background: -moz-linear-gradient(top,
		#fff,
		#f8f8f8 65%,
		#ebebeb
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.65, #f8f8f8),
		to(#ebebeb)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f8f8f8', EndColorStr='#ebebeb');
}

.pagination.white a.number.current:active {
	border-color: #c0c0c0 #d4d4d4 #dbdbdb;
	text-shadow: 0px -1px 0px #fff;
	
	background: -moz-linear-gradient(top,
		#ebebeb,
		#f4f4f4 50%,
		#fff
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#ebebeb),
		color-stop(0.5, #f4f4f4),
		to(#fff)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f4f4f4', EndColorStr='#ffffff');
}
/*pagination bl end*/
/*banner bl*/

.banner-center{
	position:relative;
	padding:50px 0px 30px -50px;
        width:600px;
        

}



.banner{
	position:relative;
	padding:50px 0px 39px -50px;
        
}
.banner img{
	max-width:100%;
}
.banner p{
	color:#979797;
	padding:9px 0px 2px;
	text-align:right;
}
.banner-180x160{
	 padding: 0 0 233px;
}
.banner-160x450{
	padding: 0 0 225px;
}
.banner-260x300{}
.banner_center{
	padding: 0 0 225px;
}
/*banner bl end*/

/*info bl */
.info{
	padding:67px 0 6px;
}
.info h2{
	font: normal bold 13px/20px  Arial;
	padding:0 0 16px;
}
.info h2 a{
	text-decoration:none;
}
.info h2 a:hover{
	text-decoration:underline;
}
/*info bl end */

/*article bl */
.article{
	padding:0 260px 20px 0;
}
.article img{
	float:left;
	margin:8px 58px 0 0;
}
/*article bl end */

/*tabs bl */
.tabs-head{	
	position:relative;
}
.tabs-head-list{
	display:block;
	background:#2a2b2d;	
}
.tabs-head-list li{
	border-right:1px solid #555557;
	font: normal normal 13px/15px 'HelveticNeueCyrB';
	float:left;
}
.tabs-head-list li.active{
	border-color:#fff;
}
.tabs-head-list a{
	float:left;
	 height: 25px;
    padding: 12px 22px 0;
	text-decoration:none;
	color:#fff;
}
.tabs-head-list a:hover{
	background:#1987e7;
}
.tabs-head-list li.active a{
	background:#fff;
	color:#1989eb;
	cursor:default;
	text-decoration:none;
} 
.tabs-cont{
	background:#fff;
	padding:0px 260px 0px 0px;
	position:relative;	
}
.tabs-cont>li{
	display:none;
	padding:23px 24px 1px;
}
/*tabs bl end */

/*rubric list bl */
.rubric li{
	border:1px solid #bdbdbd;
	border-width:0 1px;
	margin: 0 -1px 19px 0;
    padding: 0 17px 0 16px;
	font: normal normal 13px/14px 'HelveticNeueCyrRom', Arial;
	float:left;	
	position:relative;
}
/*rubric list bl end */

/*show playlist bl */
.show-playlist{
	text-align:right;
	height:0px;
	position:relative;
	z-index:100;
	padding:0px 260px 0px 0px;
}
.show-playlist a{
	background:#1987e7;	
	width:36px;
	height:36px;
	position:relative;
}
.show-playlist a:active{
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.45);
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.45);	
}
.show-playlist a i{
	background-position: 0 -33px;
	position:absolute;			
}
.show-playlist a i,
.show-playlist a:active i{
	left:8px;
	bottom:8px;
}
.show-playlist a:hover i{
	left:4px;
	bottom:4px;
}
.show-playlist.i-open i{	
	left:auto !important;
	bottom:auto !important;
	background-position: 0 -14px; 
}
.show-playlist.i-open i,
.show-playlist.i-open a:active i{	
	right:8px;
	top:8px;
}
.show-playlist.i-open a:hover i{
	right:4px;
	top:4px;
}
/*show playlist bl end */


/*up-page bl */
.up-page{
	width: 110px;
	height: 30px;
	margin-left: -480px;
	position: fixed;
	bottom: 150px;
	left: 50%;
	z-index: 300;
}
.up-page a {
	font: normal normal 20px/22px 'RobotoBC';
	text-decoration:none;
	padding:3px 0 0;
    margin-left: -120px;
}
.up-page span{	
	position:relative;	
	margin: -3px 10px 0 0;
}
.up-page a{
	color:#2a2b2d;
	text-transform:uppercase;
}
.up-page a:hover{
	text-decoration:underline;
}
.up-page span:after,
.up-page i{
	content:"";
	background:url("../img/sp_arrows.png") no-repeat  0 0;
	width: 9px;
	height: 5px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-4.5px;
	margin-top:-4px;
}
/*up-page bl end */

/*management playlist */
.top-content{
	background:url('../img/bg-decor.jpg') no-repeat 50% 100%;
	padding:28px 0px 0px;
	min-height:37px;	
	position:relative;
	z-index:20;
}
.top-content.i-open{
	padding-bottom:29px;
}
.top-content h1{
	display:block;
	color:#fff;
	padding:0;	
	text-overflow:ellipsis;
	white-space:nowrap;
	font: normal normal 36px/37px 'RobotoBC';
}
.tabs-head-list,
.tabs-cont{
	/*display:none;*/
}
.top-content.i-open .tabs-head-list,
.top-content.i-open .tabs-cont{
	/*display:block;*/
}
/*management playlist end */

/*information bl */
.information {
	margin-bottom: 31px;
}

.information.artist {
	margin-bottom: 0;
}

.information .desc {
	height: 400px;
	padding: 20px 0 20px 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #C7C7C7;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.information .desc:after {
	content: "";
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0)), color-stop(70%,#FFF), color-stop(100%,#FFF));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,#FFF 70%,#FFF 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,#FFF 70%,#FFF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.information .desc.open:after {
	display: none;
}

.information .show {
	display: inline-block;
	zoom: 1;
	padding: 0 25px 0 10px;
	margin-left: -75px;
	height: 16px;
	background: url('../img/arrows.png') right 2px no-repeat #FFF;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
	position: relative;
	top: -44px;
	left: 50%;
	z-index: 301;
	cursor: pointer;
}

.information .show.close {
	background-position: right -12px;
}

.information .song-image {
	width: 250px;
	margin: 0 15px 15px 0;
	float: left;
}

.information.artist .song-image {
	width: 100%;
	margin: 0 0 15px 0;
	float: none;
}

.information.artist .song-image img {
	width: 100%;
}

.information .song-image img {
	width: 250px;
}

.information .song-description {
	width: 380px;
	margin-bottom: 15px;
	float: left;
}

.information figure {
	float:left;
	width:207px;
	position:relative;
	margin:0px 57px 0px 0px;
}
.information figure img{
	width:100%;
}
.information figure:after,
.information figure i{
	content:"";
	background:url("../img/sp_corners.png") no-repeat 0 -52px;
	width: 6px;
	height: 12px; 
	position:absolute;
	top:50%;
	left:100%;
	margin-top:-6px;
}
.information p{
	color:#2a2b2d;
	line-height:24px;
	padding:0 0 20px;
}
.information h2 strong{
	display:block;
	color:#1989eb;
	font: normal bold 13px/24px  Arial;
	padding: 2px 0 0;
}
.information h2 strong a{
	text-decoration:none;
}
.information h2 strong a:hover{
	text-decoration:underline;
}
.information-descr{
	padding: 8px 0 0 0;
}
.details{
	position:relative;
	margin: 0 0 18px;
    padding: 0 0 0 0;
}
.details p{
	color:#797979;
	padding:0 0 10px;
	line-height:26px;
}
.details .btn.download{
	 bottom: 10px;
    position: absolute;
    right: 0;
}

.details .btn.add-playlist,
.details .btn.delete-playlist {
	position: absolute;
	right: 140px;
	bottom: 10px;
}
/*information bl end */

/*album bl */
/*.wrap-album{
	padding:0 0 30px 73px;
}*/
.wrap-album .sorting { 
    padding: 0 0 12px 12px;
}
/*.wrap-album .song-list,
.wrap-album .pagination{
	padding-left:101px;	
	margin:0;
}*/
.wrap-album .pagination{
	margin:0 0 0 7px; 
}
.album-head .btn.download{
	float:left;
	margin:5px 57px 0 0;
}
.head-slider{	
	padding:0 0 13px;
}
.head-slider div{
	float:left;
	width:280px;
	text-align:center;
	margin:0 20px;
}
.head-slider h2{
	padding:0 0 4px;
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;	
}
.head-slider .prev,
.head-slider .next{
	background-position: 0 -47px; 
	width: 9px;
	height: 16px;
	float:left;
	margin:7px 0px 0px;
}
.head-slider .next{
	background-position: 0 -73px; 
}
/*album bl end */

/*search info bl */
.search-info{
	padding:0 0 20px;
}
.search-info .sorting{
	padding: 0 0 20px;
}
.search-info .song-list{
	margin: 0 0 0 -7px;
}
.search-info .pagination{
	margin: 0;
}
/*search info bl end */

/*tags bl */
.tags{
	padding:35px 0 20px 177px;
}
.tags ul{
	text-align:center;
	padding: 18px 5px 0;
}
.tags li{
	display:inline;
	color:#424242;
	line-height:31px;
	font-size:12px;
}
.tags li.bold{
	font-weight:bold;
}
.tags li.xx-small{
	font-size:13px;
}
.tags li.x-small{
	font-size:14px;
}
.tags li.small{
	font-size:16px;
}
.tags li.medium{
	font-size:18px;
}
.tags li.large{
	font-size:20px;
}
.tags li.x-large{
	font-size:24px;
}
.tags li.xx-large{
	font-size:30px;
}
.tags li a{
	color:#424242;
	text-decoration:none;
}
.tags li a:hover{
	text-decoration:underline;
}
.tags .color-vinous,
.tags .color-vinous a{
	color:#4e3d3d;
}
.tags .color-green,
.tags .color-green a{
	color:#425245;
}
.tags .color-black,
.tags .color-black a{
	color:#2b2f31;
}
.tags .color-gray,
.tags .color-gray a{
	color:#3d4348;
}
/*tags bl end */

/*player bl */
.player{
	position:relative;		
}
.information-descr .player{
	 margin: 0 0 0 0;
    padding: 2px 0 10px;
}
.player .jp-progress{	
	cursor:pointer;
	padding:0 0 10px;
}
.player .jp-seek-bar{
	background:#e9e9e9;
	height:4px;
}
.player .jp-play-bar,
.player .jp-volume-bar-value{
	background:#1989eb;
	height:100%;
}
.player .jp-volume-bar{
	background:#fff;
	height:3px;	
	cursor:pointer;
}
.player .jp-mute{
	display:block !important;
	float:left;
	background-position: 0 -124px;
	margin:-2px 6px 0 0;
}
.player .wrap-volume{
	background:#f1f1f1;
	float:right;
	 padding: 9px 10px 0;
    width: 82px;
	height:13px;	
}
.player .jp-time-holder{
	color:#4b4b4b;	
	font: italic normal 11px/18px  Arial;
	padding:1px 13px 0 0;
}
.player .jp-current-time{
	float:left;
}
.player .jp-duration{
	float:right;
	min-width:35px;
}
.player  .player-holder-nav{	
	position:relative;
	padding:0 0 5px;
}
.player-wrap-nav{
	float:right;
}
.player-wrap-nav a{
	float:left;	
	margin:0 3px 0 0;	
	color:transparent;
	width:27px;
	height:27px;
	white-space:nowrap;
	position:relative;
}
.player-wrap-nav a.jp-play,
.player-wrap-nav a.jp-pause{
	margin-right:12px;
}
.player-wrap-nav a.jp-previous:after,
.player-wrap-nav a.jp-previous i,
.player-wrap-nav a.jp-next:after,
.player-wrap-nav a.jp-next i{
	background-position: 0 -86px;
	margin-top:-5px;
	margin-left:-3.5px;
}
.player-wrap-nav a.jp-next:after,
.player-wrap-nav a.jp-next i{
	background-position: 0 -105px; 
}
.player .jp-title{	
	white-space:nowrap;
	text-overflow:ellipsis;
	margin:0px 10px 0px 0px;
	padding:3px 0;
	font: normal normal 14px/18px Arial;
	color:#424242;
}
.player .jp-title strong{
	color:#1989eb;
	padding:0 3px 0 0;
}
.player .jp-title strong a{
	text-decoration:none;
}
.player .jp-title strong a:hover{
	text-decoration:underline;
}
/*player bl end */

/*drop player bl */
.drop-player-holder{
	position:absolute;
	left:0px;
	top:0px;
	display:none;
	padding:0px 13px 0px 0px;
	top:0px;
	z-index:500;
}

.drop-player{
	background:#f1f1f1;	
	width:134px;
	padding:9px 15px 5px;
}
.drop-player .jp-progress{
	padding:0 0 1px;
}
.drop-player .jp-seek-bar{
	cursor:pointer;
	background:#2b2c2e;
	height:5px;
}
.drop-player .jp-play-bar{
	background:#1989eb;
	height:100%;
}
.drop-player .jp-time-holder{	
	color:#606060;
	font: normal normal 11px/14px  Arial;
	padding:2px 0px;
}
.drop-player .jp-current-time{
	float:left;
	width:30px;
}
.drop-player .jp-duration{
	float:right;
	width:30px;
	text-align:right;
}
.drop-player .wrap-jp-volume-bar{		
	padding:3px;
}
.drop-player .jp-volume-bar{
	background:url('../img/line.png') repeat-x 0 0;
	height:7px;
	cursor:pointer;
}
.drop-player .jp-volume-bar-value{
	height:100%;
	text-align:right;
}
.drop-player .jp-volume-bar-value div{
	background:#1989eb;
	height:100%;
	width:5px;
	margin:0px -3px;	
}
.drop-player .wrap-controls{
	width:0px;
	height:0px;	
	position:absolute;
	left:-999px;
}
/*drop player bl end */

.drop-player-holder.drop-player-new {
	position: static;
	display: block;
    padding: 0;
    margin-top: 10px;
}

.drop-player-holder.drop-player-new .drop-player {
	width: 100%;
	background: none;
    padding: 0;
    border-radius: unset;
}


element.style {
    width: 100%;
}

.drop-player-holder.drop-player-new .jp-volume-bar,
.drop-player-holder.drop-player-new .jp-seek-bar {
	background: #e3e3e3;
}

.drop-player-holder.drop-player-new .jp-play-bar {
	position: relative;
	overflow: visible!important;
}

.drop-player-holder.drop-player-new .jp-volume-bar-value {
	position: relative;
}

.drop-player-holder.drop-player-new .jp-volume-bar-value div {
	display: none;
}

.drop-player-holder.drop-player-new .jp-volume-bar-value:after,
.drop-player-holder.drop-player-new .jp-play-bar:after {
    content: '';
    position: absolute;
    right: -12px;
    top: -4px;
    width: 12px;
    height: 12px;
    background-color: #1a81f6;
    border-radius: 50%;
}

.drop-player-holder.drop-player-new .jp-controls {
	display: flex;
	gap: 5px;
}

.drop-player-holder.drop-player-new .jp-progress {
	flex: 1;
    display: flex;
    align-items: center;
}

.drop-player-holder.drop-player-new .jp-time-wrap {
	flex-basis: 25%;
	display: flex;
	align-items: center;
	gap: 7px;
}

.drop-player-holder.drop-player-new .jp-time-wrap .jp-time-holder {
	flex: 1;
	overflow: visible;
}

.drop-player-holder.drop-player-new .wrap-jp-volume-bar {
	padding: 0;
	overflow: visible;
}

.drop-player-holder.drop-player-new .jp-volume-bar-value {
	background-color: #88c0ff;
}

.drop-player-holder.drop-player-new .jp-seek-bar,
.drop-player-holder.drop-player-new .jp-volume-bar {
	height: 4px;
}

.drop-player-holder.drop-player-new .jp-time-wrap .icon_volume {
    /*position: absolute;*/
    /*left: -25px;*/
    /*top: -1px;*/
    opacity: .8;
    cursor: pointer;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDQ1OSA0NTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1OSA0NTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0idm9sdW1lLXVwIj4KCQk8cGF0aCBkPSJNMCwxNTN2MTUzaDEwMmwxMjcuNSwxMjcuNXYtNDA4TDEwMiwxNTNIMHogTTM0NC4yNSwyMjkuNWMwLTQ1LjktMjUuNS04NC4xNS02My43NS0xMDJ2MjA0ICAgIEMzMTguNzUsMzEzLjY1LDM0NC4yNSwyNzUuNCwzNDQuMjUsMjI5LjV6IE0yODAuNSw1LjF2NTMuNTVDMzU0LjQ1LDgxLjYsNDA4LDE0Ny44OTksNDA4LDIyOS41UzM1NC40NSwzNzcuNCwyODAuNSw0MDAuMzVWNDUzLjkgICAgQzM4Mi41LDQzMC45NDksNDU5LDMzOS4xNSw0NTksMjI5LjVDNDU5LDExOS44NSwzODIuNSwyOC4wNDksMjgwLjUsNS4xeiIgZmlsbD0iIzMzMzMzMyIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)
}

.drop-player-holder.drop-player-new .jp-current-time,
.drop-player-holder.drop-player-new .jp-duration {
	display: none;
}

.song-list>li .btn.play {
	padding: 0;
	width: 28px;
	height: 28px;
}

li.active .btn.play:after {
	background-position: 0 -65px;
    margin: 0;
    transform: translate(-50%, -50%);
    height: 11px;
}

li.active .btn.play.pause:after {
	background-position: 0 -43px;
    margin-left: 1px;
}

.song-list>li {
	margin: 0;
	padding-bottom: 5px;
	padding-top: 5px;
    border-bottom: 1px solid #eee;
}
.song-list>li:last-child {
	border-bottom: none;
}

@media screen and (max-width: 520px) {
	.drop-player-holder.drop-player-new .jp-time-wrap {
		display: none;
	}
	.drop-player-holder.drop-player-new {
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
}

/*main player bl */
.mplayer{
	position:relative;	
	margin:0px 0px 66px;	
	width:100%;
}
.mplayer .jp-free-media{
	display:none;
}
/*main player bl end */

/*play status bl */
.play-status{
	background:#1871bf;		
}
.play-status figure{
	float:left;
	height:37px;
	width:39px;	
	position:relative;
}
.play-status img{
	width:100%;	
}
.play-status p{
	display:block;
	color:#fff;	
	text-overflow:ellipsis;
	white-space:nowrap;
	font: normal bold 13px/16px Arial;
	padding:11px 0 6px 8px;
}
.play-status-nav{
	background:#27394a;
	width:86px;
	height:37px;
	text-align:center;
	float:right;
	position:relative;	
}
.play-status-nav .prev,
.play-status-nav .next{	
	background-position: 0 -143px;
	width: 8px;
	margin:15px 0px 0px;
}
.play-status-nav .next{
	background-position: 0 -159px;
}
.play-status-nav .btn.play{
	margin:5px 7px 0px;
}
/*play status bl end */

/*play list bl */
.playlist{
	background:url('../img/bg-playlist.jpg') no-repeat 0 0 #0c0a09;
	padding:17px 19px 10px;
}
.playlist li{	
	margin:0 0 8px;	
}
.playlist .jp-playlist-item{
	display:block;		
	background:url('../img/bg-black.png') repeat;	
	padding:6px 9px 7px;
	
	color:#fff;
}

.playlist .btn.play{
	float:left;
	margin:1px 10px 0 0;
}
.playlist li span,
.playlist li strong{
	display:block;
	font-size:11px;
	line-height:13px;	
	text-overflow:ellipsis;
	padding-left:10px;
}
.playlist li strong{
	font-size:12px;
	letter-spacing: 0.03em;
}
.playlist li div{
	padding:1px 0px 0px;
}
.playlist li a,
.playlist li a:hover{
	color:#fff;
	text-decoration:none;
}
/*play list bl end */
/*CONTENT STYLE END */

.last-added {
	width: 100%;
	margin-bottom: 40px;
}	.last-added .label {
		display: block;
		height: 37px;
		line-height: 37px;
		background-color: #1871bf;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
	}
	.last-added .songs-list {
		margin: 0;
		list-style: none;
		padding: 17px 0 10px 15px;
	}	.last-added .songs-list li {
			margin-bottom: 8px;
		}	.last-added .songs-list li a {
				text-decoration: none;
				color: #fff;
				display: block;
				background: url('../img/bg-black.png') repeat;
				padding: 6px 9px 7px 20px;
				color: #fff;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				line-height: 100%;
			}
			.last-added .songs-list li a:hover {
				text-decoration: underline;
			}
			.last-added .songs-list li span {
				display: block;
			}
			.last-added .songs-list li span.artist-name {
				white-space: nowrap;
				font-size: 11px;
				line-height: 13px;
				text-overflow: ellipsis;
			}
			.last-added .songs-list li span.song-name {
				font-size: 12px;
				letter-spacing: 0.03em;
				font-weight: bold;
			}

.last-added .scroll {
	height: 450px;
	background: url('../img/bg-playlist.jpg') no-repeat 0 0 #0c0a09;
	overflow: hidden;
}

/*Черные кнопки на сайте*/
.b-button {
	display: inline-block;
	height: 47px;
	padding: 0 15px;
	background: #404040;
	font: bold 18px/47px Arial;
	color: #ffffff;
	text-decoration: none;
	border: 0;
	outline: none;

	text-shadow: 1px 0 2px #000201;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.b-button:hover {
	background: #1871bf;
}

/*Страница авторизации*/
.auth-page {
	width: 665px;
}

.auth-page table.default-table {
	margin-bottom: 0;
}

.auth-page table.default-table tr.even td {
	background: transparent;
}

.auth-page .default-table tr th:first-child, .auth-page .default-table tr td:first-child {
	padding-left: 8px;
}

.auth-page table.default-table td {
	padding: 4px 4px 20px 4px;
	border: 0;
	font: normal 14px/16px Arial;
	color: #000;
}

.auth-page table.default-table td.form-label {
	width: 50px;
	padding: 4px 8px;
	vertical-align: middle;
}

.auth-page .default-table .form-input {
	width: 424px;
	margin-top: 12px;
}

.auth-page table.default-table td.remember {
	font-size: 13px;
	color: #888888;
}

.auth-page table td.remember input[type=checkbox] {
	position: relative;
	top: -1px;
}

.auth-page .captcha {
	margin-bottom: 40px;
	padding: 7px 0;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.auth-page .captcha .desc {
	width: 115px;
	margin-right: 30px;
	float: left;
	font: normal 14px/16px Arial;
	color: #e8e8e8;
}

.auth-page .captcha .image {
	width: 180px;
	margin-right: 30px;
	padding-top: 5px;
	float: left;
}

.auth-page .captcha .input-desc {
	width: 110px;
	padding-top: 7px;
	float: left;
	font: normal 14px/16px Arial;
	color: #888888;
}

.auth-page .captcha .input {
	width: 200px;
	float: left;
}

.auth-page .captcha .input input[type=text].form-input {
	width: 178px;
	margin-top: 3px;
}

.auth-page .enter {
	margin-bottom: 20px;
	padding-bottom: 28px;
	border-bottom: 1px solid #e8e8e8;
}

.auth-page .enter .button {
	width: 260px;
	margin-right: 10px;
	float: left;
}

.auth-page .enter .button .b-button {
	width: 240px;
}

.auth-page .enter .social-desc {
	width: 70px;
	margin-right: 10px;
	padding-top: 7px;
	float: left;
	font: normal 14px/16px Arial;
	color: #888888;
}

.auth-page .enter .social {
	width: 300px;
	padding-top: 3px;
	float: left;
}

.auth-page .enter .social ul {
	padding: 0;
	list-style: none;
}

.auth-page .enter .social ul li {
	width: 40px;
	height: 40px;
	padding: 0;
	margin-right: 1px;
	float: left;
}

.auth-page .enter .social ul li a {
	display: block;
	width: 40px;
	height: 40px;
	background: url('../img/social.png') no-repeat #404040;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.auth-page .enter .social ul li a:hover {
	background-color: #1871bf;
}

.auth-page .enter .social ul li a.vkontakte-button {
	background-position: 0 0;
}

.auth-page .enter .social ul li a.facebook-button {
	background-position: -41px 0;
}

.auth-page .enter .social ul li a.odnoklassniki-button {
	background-position: -82px 0;
}

.auth-page .enter .social ul li a.mymailru-button {
	background-position: -123px 0;
}

.auth-page .register {
	padding-bottom: 30px;
	border-bottom: 1px solid #e8e8e8;
	font: bold 18px/30px Arial;
	color: #000000;
	text-align: center;
}

.auth-page .register a {
	color: #038dd6;
	text-transform: uppercase;
}

/*Страница регистрации*/
.register-page {
	width: 665px;
}

.register-page table.default-table {
	margin-bottom: 0;
}

.register-page table.default-table tr.even td {
	background: transparent;
}

.register-page .default-table tr th:first-child, .auth-page .default-table tr td:first-child {
	padding-left: 8px;
}

.register-page table.default-table td {
	padding: 4px 4px 20px 4px;
	border: 0;
	font: normal 14px/16px Arial;
	color: #000;
}

.register-page table.default-table td.form-label {
	width: 50px;
	padding: 4px 8px;
	vertical-align: middle;
}

.register-page .default-table .form-input {
	width: 424px;
	margin-top: 12px;
}

.register-page table.default-table td.agree {
	font-size: 13px;
	color: #888888;
}

.register-page table td.agree input[type=checkbox] {
	position: relative;
	top: -1px;
}

.register-page .captcha {
	margin-bottom: 40px;
	padding: 7px 0;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.register-page .captcha .desc {
	width: 115px;
	margin-right: 30px;
	float: left;
	font: normal 14px/16px Arial;
	color: #e8e8e8;
}

.register-page .captcha .image {
	width: 180px;
	margin-right: 30px;
	padding-top: 5px;
	float: left;
}

.register-page .captcha .input-desc {
	width: 110px;
	padding-top: 7px;
	float: left;
	font: normal 14px/16px Arial;
	color: #888888;
}

.register-page .captcha .input {
	width: 200px;
	float: left;
}

.register-page .captcha .input input[type=text].form-input {
	width: 178px;
	margin-top: 3px;
}


.register-page .enter {
	margin-bottom: 20px;
	padding-bottom: 28px;
	border-bottom: 1px solid #e8e8e8;
}

.register-page .enter .button {
	width: 260px;
	margin-right: 10px;
	float: left;
}

.register-page .enter .button .b-button {
	width: 240px;
}

.register-page .enter .social-desc {
	width: 70px;
	margin-right: 10px;
	padding-top: 7px;
	float: left;
	font: normal 14px/16px Arial;
	color: #888888;
}

.register-page .enter .social {
	width: 300px;
	padding-top: 3px;
	float: left;
}

.register-page .enter .social ul {
	padding: 0;
	list-style: none;
}

.register-page .enter .social ul li {
	width: 40px;
	height: 40px;
	padding: 0;
	margin-right: 1px;
	float: left;
}

.register-page .enter .social ul li a {
	display: block;
	width: 40px;
	height: 40px;
	background: url('../img/social.png') no-repeat #404040;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.register-page .enter .social ul li a:hover {
	background-color: #1871bf;
}

.register-page .enter .social ul li a.vkontakte-button {
	background-position: 0 0;
}

.register-page .enter .social ul li a.facebook-button {
	background-position: -41px 0;
}

.register-page .enter .social ul li a.odnoklassniki-button {
	background-position: -82px 0;
}

.register-page .enter .social ul li a.mymailru-button {
	background-position: -123px 0;
}

/*Страница добавления/редактирования песни*/
.songs-add-page {
	width: 665px;
}

.songs-add-page table.default-table {
	margin-bottom: 10px;
}

.songs-add-page table.default-table tr.even td {
	background: transparent;
}

.songs-add-page .default-table tr th:first-child, .auth-page .default-table tr td:first-child {
	padding-left: 8px;
}

.songs-add-page table.default-table td {
	padding: 4px 4px 20px 4px;
	border: 0;
	font: normal 14px/16px Arial;
	color: #000;
}

.songs-add-page table.default-table td.form-label {
	width: 105px;
	padding: 4px 8px;
	vertical-align: middle;
}

.songs-add-page .default-table .form-input {
	width: 350px;
	margin-top: 12px;
}

.songs-add-page .default-table .input[type=file] {
	margin-top: 12px;
}

.songs-add-page .artist {
	display: none;
	margin-left: 10px;
	position: relative;
	top: 5px;
}

.songs-add-page .file-desc {
	margin-top: 10px;
	font: normal 13px/15px Arial;
	color: #949494;
}

.songs-add-page .file-desc .delete {
	margin-bottom: 10px;
}

.songs-add-page .add {
	padding: 20px 0 0 100px;
	border-top: 1px solid #e8e8e8;
}

.songs-add-page .add p {
	padding: 15px 0 35px 0;
	color: #949494;
}

.songs-add-page .add .buttons input[type=submit] {
	float: left;
	margin-right: 20px;
}

/*Страница Мои песни*/
.songs-list-page {
	width: 655px;
}

.songs-list-page .add {
	text-align: right;
	margin-top: -75px;
	margin-bottom: 20px;
}

.songs-list-page table.default-table {
	margin-bottom: 10px;
}

.songs-list-page table.default-table tr.even td {
	background: transparent;
}

.songs-list-page .default-table tr th:first-child, .auth-page .default-table tr td:first-child {
	padding-left: 8px;
}

.songs-list-page table.default-table td {
	padding: 4px 4px 20px 4px;
	border: 0;
	font: normal 14px/16px Arial;
	color: #000;
}

.songs-list-page table.default-table tr {
	border-bottom: 1px solid #888888;
}

.songs-list-page table.default-table td {
	min-height: 56px;
	font: normal 12px/18px Arial;
	color: #888888;
}

.songs-list-page table.default-table td.form-name {
	width: 314px;
	padding: 7px 8px;
	vertical-align: middle;
}

.songs-list-page table.default-table td.form-name a {
	font: bold 14px/18px Arial;
	color: #1871bf;
}

.songs-list-page table.default-table td.form-data {
	width: 139px;
	padding: 7px 8px 7px 25px;
	vertical-align: middle;
}

.songs-list-page table.default-table td.form-actions {
	padding: 7px 8px 7px 0;
	vertical-align: middle;
	text-align: right;
}

.songs-list-page table.default-table td.form-actions .status {
	color: #d24a43;
}

.songs-list-page table.default-table td.form-actions .status.active {
	color: #9dc02e;
}

.songs-list-page table.default-table td.form-name .block,
.songs-list-page table.default-table td.form-data .block {
	min-height: 32px;
	padding: 12px 0;
	border-right: 1px solid #ebebeb;
}

.songs-list-page .success-msg p {
	padding: 0;
}

/*Заголовок страницы*/
.page-title {
	margin-bottom: 15px;
	border-bottom: 2px solid #008aef;
	font: normal 24px/50px Arial;
	color: #000000;
}

/*Стили для форм*/
.form-errors {
	min-height: 26px;
	margin: 13px 0 13px 62px;
	padding-left: 28px;
	background: url('../img/error-icon.png') left 4px no-repeat;
	font: normal 14px/26px Arial;
	color: #ff0000;
}

input[type=text].form-input,
input[type=password].form-input {
	height: 34px;
	padding: 4px 10px;
	border: 1px solid #dcdcdc;
	background: #f8fbfd;
}

.starrequired {
	color: #ff0000;
}

/*Стиль автозаполнения*/
.autocomplete-suggestions {
	margin-top: -1px;
	border: 1px solid #DCDCDC;
	background: #FFF;
	overflow: auto;

	-webkit-box-shadow: 5px 4px 4px -4px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px 4px 4px -4px rgba(0,0,0,0.3);
	box-shadow: 5px 4px 4px -4px rgba(0,0,0,0.3);
}

.autocomplete-suggestion {
	height: 32px;
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
	font: normal 14px/36px Arial;
	color: #000000;
	cursor: pointer;
}

.autocomplete-selected {
	background: #dcdcdc;
}

.autocomplete-suggestions strong {
	font-weight: normal;
	color: #3399FF;
}

.autocomplete-group {
	height: 32px;
	padding: 2px 5px;
	font: normal 14px/36px Arial;
	color: #000000;
}
.autocomplete-group strong {
	display: block;
	border-bottom: 1px solid #000;
}

#bx-composite-banner {
	margin-top: 20px;
	text-align: center;
}
.mobile-menu, #sidebar-toggle{display: none;}

/*Для мобильных*/

@media only screen and (max-width : 1000px) {
.up-page a {
        margin-left: unset;
}
body{min-width: 100%;}
.header-inner{padding: 36px 1% 40px;}
.container{width: 100%;}
.header .logo{padding: 4px 11px 0 0;}
.tabs-cont > li{padding: 23px 2% 1px;}
.grid-r-260 .side-content{padding-right: 275px;}
.grid-r-260 .side-content .side-content{padding-right: 0px;}
.grid-l-180 .side-content{padding-left: 2%;}
.info{padding: 0;}
.article{padding: 0 260px 20px 2%;}
.article img{margin: 8px 18px 0 0;}
.song-list .btn.play{margin: 0px 15px 0px 0px;}
.footer .copyright{padding: 0px 0 5px;}
.footer .container{padding: 15px 0;}
.footer .wap.clic {padding: 0 2%;}
.footer .counters{top: 45px;left: 1%;}
.footer-nav{padding-right: 60px;}
.footer .liveinternet{top: 10px;right: 1%;}
.footer .admin{margin-left: 0;margin-right: 1%;margin-top:0px;}
#vk_comments{width: 63% ! important; padding-left: 2%;}
#vk_comments iframe{width: 100% ! important;}
.side-content #vk_comments{width: 100% ! important;}
.grid-r-260 .side-content{padding-left: 2%;}
.tags{padding: 35px 0 20px 2%;}
.wrap-album{padding: 0 0 30px 0;}
.wrap-album .song-list, .wrap-album .pagination{padding-left: 0;}
}

@media only screen and (max-width : 768px) {
.header-inner{padding: 20px 1% 20px;}
.header .logo{width: 50%;padding: 0;z-index: 10;}
.header .logo img{width:100%;height: auto;}
/*.msearch{width: 50%;float: right;margin-right: 1%;}*/

.header-inner .msearch {
    width: calc(100% - 80px);
    float: none;
    margin: 0;
    position: absolute;
    background: none;
    display: flex;
    top: 17px;
    right: 20px;
}
.header-inner .msearch form {
	width: 100%;
}
.msearch .btn {
	/*background-color: white;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.msearch .btn i {
    background-size: 100%;
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px;
}
.msearch input[type="text"] {
    font-size: 1.5em;
    width: 0;
    padding-left: 0;
    padding-right: 0;
    transition: all .2s;
    background-color: #fff;
    margin-left: auto;
}

.msearch input[type="text"]:focus,
.msearch input[type="text"]:active {
	width: 90%;
	position: relative;
	z-index: 12;
	padding-left: 10px;
    padding-right: 10px;
}


.header .enter{position: static;float: right;padding-right: 1%;}
.msearch input[type="text"]{font-size: 1.5em;}
.top-content{padding: 0px 0px 0px;}
.tabs-head-list li{width: 100%;border-right: none;border-bottom: 1px solid #555557;}
.tabs-head-list a{padding: 10px 12px 0;font-size: 1.3em;}
.tabs-cont{padding:0px;}
.tabs-cont > li{padding: 0px 2% 1px;}
.rubric li{padding: 0 10px 0 10px;}
.rubric li a {font-size: 1.3em;line-height: 120%;}
.top-content .side-r{position: static;padding: 0 2%;width: 96%;float: none;}
.last-added .label{font-size: 18px;}
.last-added .songs-list li span.artist-name{font-size: 13px;}
.last-added .songs-list li span.song-name{font-size: 14px;}
.last-added{margin-bottom: 20px;}
.banner{margin: 0 auto;width: 260px;}
.top-content.i-open{padding-bottom: 0px;}
.top-content{background: none;}
.show-playlist, .footer .counters, .footer-spacer{display: none;}
.wrap-side{padding: 22px 0px 18px;}
.grid-r-260 .side-content{padding-right: 2%;font-size:1.2em;}
.item-wrap{padding: 20px 0px 10px;}
.item-wrap p{padding: 0 0 0px;}
div.pagination a{font-size: 1.2em;}
.article{padding: 0 2% 0px 2%;font-size: 1.2em;line-height: 150%;}
.article img{width: 40%;}
#vk_comments{width: 96% ! important;padding-left:0;}
.footer{height: auto;margin: 0px auto 0;}
.footer .container{padding: 35px 0;}
.footer-nav{float: none;}
.footer .copyright{padding: 5px 0 5px 0;}
.footer .liveinternet{right: 23px;}
.footer .admin{margin-right: 23px;font-size: 1.1em;}
.auth-page, .auth-page .enter .button .b-button, .register-page, .register-page .enter .button .b-button{width:100%;}
.auth-page .default-table .form-input, .register-page .default-table .form-input{width: 90%;}
.auth-page .enter .button, .register-page .enter .button{width: 40%;}
.auth-page .enter .social, .register-page .enter .social{width: 164px;}
.register-page .captcha .desc, .register-page .captcha .input-desc{width: 100%;float: none;text-align: center;}
.register-page .captcha .image, .register-page .captcha .input{float: none;margin: 10px auto;}
.b-button{font: bold 15px/47px Arial;padding: 0 12px;}
.grid-l-180 .side-l{display: none;}
.mfeedback{font-size:1.2em;}
.mfeedback input{width: 100%;height: 30px;line-height: 30px;font-size: 1.2em;}
.mfeedback textarea{width: 100%;height: 80px;}
.mfeedback .btn.download{margin: 10px 0px !important;height: 50px;}
.banner-center, .top-banner .inner{display: none;}
body{overflow-x:hidden;}
.sorting span{font-size: 1.2em;}
.sorting li{font-size: 1.3em;}
/*.wrap {position: relative;width: 100%;left: 0;-webkit-transition:  left 0.4s ease-in-out;-moz-transition:  left 0.4s ease-in-out;-ms-transition:  left 0.4s ease-in-out;-o-transition:  left 0.4s ease-in-out;transition:  left 0.4s ease-in-out;}
.wrap.open-sidebar {left: 100%;}
.tabs {position: absolute;width: 100%;height: auto;left: -100%;box-sizing: border-box;-moz-box-sizing: border-box;display: block;top: -200px;}
.menu-content {width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;position: relative;}
.menu-content .content{box-sizing: border-box;-moz-box-sizing: border-box;padding-left: 60px;width: 100%;}
.menu-content #sidebar-toggle {display: block;padding: 10px 0;width: 96%;background-color: #1871bf;margin: 0 2% 20px;}
.menu-content #sidebar-toggle .bar{
     display: block;
    width: 18px;
    margin-bottom: 3px;
    height: 2px;
    background-color: #fff;
    border-radius: 1px;
}
.bars{float: left;} 
.menu-content #sidebar-toggle .bar:last-child{margin-bottom: 0;}
.Mtext{line-height: 100%;color: #fff;font-weight: bold;text-transform: uppercase;text-align: center;font-size: 18px;display: block;}
.Mclose{display: none;}
.open-sidebar .menu-content .Mtext{display: none;}
.open-sidebar .menu-content .Mclose{line-height: 100%;color: #fff;font-weight: bold;text-transform: uppercase;text-align: center;font-size: 18px;display: block;}
.open-sidebar .menu-content {top: -200px;left: -100%;}
.wrap.open-sidebar  #sidebar-toggle{width: 100%;margin: 0;top: 68px;position: absolute;left: 0px;}
.wrap.open-sidebar{height:auto;}
.wrap.open-sidebar .tabs {position: absolute;width: 100%;height: auto;left: -100%;box-sizing: border-box;-moz-box-sizing: border-box;display: block;top: -132px;padding-top:38px;}*/
.mobile-menu{display: block;}
.new{display:none;}
.mobile-menu{display: block;height: 37px;line-height: 37px;background-color: #2a2b2d;color: #fff;font-size: 14px;font-weight: bold;text-transform: uppercase;text-align: center;text-decoration:none;}
.last-added .label{display: none;}
body > div.drop-player-holder.middle.right{position:absolute;left:0px !important;top:inherit !important;bottom:0px;padding: 0px;width:100%;}
.drop-player .jp-volume-bar, .drop-player .jp-volume-bar-value{display: block !important;}
.drop-player{width: 94%;padding: 2% 3% 1%;}
.radius-20, .song-list>li, .drop-player, .playlist .jp-playlist-item{border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;}
.enter, .banner, .tabs-head-list li:nth-child(1), .tabs-head-list li:nth-child(2), .tabs-head-list li:nth-child(4), .side-r, .details p{display: none !important;}
.drop-player .jp-seek-bar{height: 10px;}
.details{padding:0px 0 18px 0px;}
.details hr{padding-top: 37px;margin-bottom:0px;}
.details .btn.download, .details .btn.add-playlist, .details .btn.delete-playlist{bottom:30px;}
.top-content h1{color: #2a2b2d;font-size: 18px;padding: 0 2%;}
}

@media only screen and (max-width : 480px) {
.player .wrap-volume {
	display: none;
}
	.information .song-image {
		width: 100%;
		margin: 0 0 15px 0;
		float: unset;
	}

.information .song-image img {
	width: 100%;
}
.header-inner{padding: 10px 1% 10px;}
.header .logos{width: 129px;margin: 0 auto;float: none;margin-bottom:10px;}
.msearch{width: 80%;float: none;margin: 0 auto 10px;}
.header .enter{float: none;padding-right: 0;margin: 0 auto;width: 260px;}
.tabs-head-list{text-align: center;}
.tabs-head-list a{padding: 10px 0 0;width: 100%;}
.rubric li{padding: 0;width: 100%;border: none;vertical-align: text-bottom;margin-bottom: 0px;float: none;}
.rubric li a{display: block;height: 40px;text-align: center;line-height: 40px;}
.pagination{text-align: center;}
.pagination a, .pagination .dots{display: inline-block;margin: 5px;padding: 8px 0px;width: 38px;text-align: center;}
.pagination a.first, .pagination a.last, .pagination a.next, .pagination a.prev{width:40%;}
.footer{text-align: center;}
.footer-nav{width: 100%;}
.footer-nav > li{float: none;padding: 0px 8px 0px 8px;display: inline-block;}
.footer .copyright{padding: 0px;width: 100%;float: none;}
.footer .admin, .footer .liveinternet{display: none;}
.information .song-description{width: 100%;float: none;}
.auth-page .enter .button, .register-page .enter .button{width: 100%;}

}


/******* Social block *******/

.social-btn__bar{
  display: flex;
  padding: 20px 0 40px;
}
.social-btn__bar .btn-ico{
  width: 30px;
  height: 30px;
  margin: auto;
  margin-right: 5px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}	

.social-btn__bar .icon__vk{ background-image: url('/bitrix/templates/main/img/icon__vkk.png'); }
.social-btn__bar .icon__fb{ background-image: url('/bitrix/templates/main/img/icon__fb.svg'); }
.social-btn__bar .icon__tw{ background-image: url('/bitrix/templates/main/img/icon__tw.svg'); }
.social-btn__bar .icon__ok{ background-image: url('/bitrix/templates/main/img/icon__odk.png'); }
.social-btn__bar .icon__tg{ background-image: url('/bitrix/templates/main/img/icon__tgr.png'); }
.social-btn__bar .icon__wa{ background-image: url('/bitrix/templates/main/img/icon__wat.png'); }




/*.janr_p_wrapper {
    width: calc(100% - 260px);
    position: relative;
    height: 327px;
    overflow: hidden;
}*/

.janr_p_wrapper {
    width: calc(100% - 320px);
    position: relative;
    height: 180px;
    overflow: hidden;
}

.janr_p_wrapper img {
	/*position: absolute;*/
	object-fit: cover;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 768px) {
	.janr_p_wrapper {
		width: 100%;
		height: 200px;
	}
}


.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}

.posr {
    position: relative;
}

.df {
	display: flex;
}

.aifs {
	align-items: flex-start;
}

.artist-slider-wrapper {
	margin-top: 20px;
}

.artist-item__content {
    position: absolute;
    bottom: 12px;
    left: 15px;
    width: calc(100% - 30px);
    z-index: 2;
    color: white;
    line-height: 1.2;
}

.artist-item__name {
    font-weight: bold;
}

.artist-slider .swiper-slide {
	width: 120px;
	border-radius: 7px;
	overflow: hidden;
}

.artist-slider .swiper-slide .img {
	width: 100%;
	height: 100%;
}

.artist-slider .swiper-slide a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
}

.artist-item__text {
	margin-top: 0.3em;
}

.slider-arrow {
	position: absolute;
	width: 30px;
	height: 30px;
	top: calc(50% - 15px);
	background: url('../img/slider-arrow.svg') no-repeat 50% 50%;
	background-size: contain;
	cursor: pointer;
	display: none;
}

.slider-prev {
	left: -30px;
	transform: rotate(180deg);
}

.slider-next {
	right: calc(260px + 5px);
}

.swiper-button-disabled {
	opacity: 0.15;
	pointer-events: none;
}

.artists_main .artist-slider-wrapper {
	margin-top: 0;
	margin-bottom: 30px;
}


.sorting {
	display: flex;
	font-style: normal;
	margin-bottom: 7px;
}

.sorting .sort_list {
	display: flex;
	flex-flow: row wrap;
    max-width: 90%;
}

.sorting .sort_list li {
	float: unset;
    padding-bottom: 7px;
}

.icon-sort {
    display: block;
    height: 2px;
    background-color: #999;
    width: 12px;
    position: relative;
    left: 0;
    top: 2px;
    margin-right: 10px
}

.icon-sort::before {
    display: block;
    height: 2px;
    background-color: #999;
    width: 9px;
    content: '';
    position: absolute;
    top: 4px
}

.icon-sort::after {
    display: block;
    height: 2px;
    background-color: #999;
    width: 6px;
    content: '';
    position: absolute;
    top: 8px
}


@media screen and (min-width: 769px) {
	.slider-arrow {
		display: block;
	}
	.artist-slider .swiper-slide {
		width: 150px;
	}
	.artist-slider-wrapper {
		margin-top: 40px;
	}
	.artist-slider {
        width: calc(100% - 260px - 30px);
	    margin-left: 0;
	    margin-right: auto;
	}
	
	/*.artists_main .artist-slider {
		width: 100%;
	}
	.artists_main .slider-next {
		right: -25px;
	}*/
}