blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
li,
ol,
p,
pre,
ul {
 margin:0;
 padding:0;
 -webkit-text-size-adjust:none;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
html {
 font-family:Roboto,sans-serif;
 font-size:14px;
 overflow-y:scroll
;

background-size: 100% 100%;
background-position: 0px 0px;
background-image: linear-gradient(90deg, #C495E2FF 0%, #7C7C7CFF 100%);
}
body { margin:0;
 line-height:1.42857143;
 color:#333
}
.content {
 position:relative;
 background:#fff
}
.col-md-8,
.col-md-4 {
 background:#fff
}
h1,
h2,
h3,
h4,
h5 {
 font-weight:700;
 font-size:18px;
 color:#455a64
}
b,
strong {
 font-weight:500
}
@media(max-width:991px) {
 h2 .longe {
  display:none
 }
 h2 .shorts {
  display:inline-block
 }
}
@media(min-width:992px) {
 h2 .shorts {
  display:none
 }
 h2 .longe {
  display:inline-block
 }
}
@media(max-width:991px) {
 #hrs {
  margin-bottom:10px;
  margin-top:10px;
  border-bottom:3px solid #e5e5e5;
  margin-left:-15px;
  margin-right:-15px
 }
}	#fixed-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    background: rgba(250,250,250,0.9);
    width: 100%;
    z-index: 10;
    border-top: 1px solid #eee;
    text-align: center;
    padding: 6px;
}#fixed-footer .container {
    
    text-align: center;
}
.mobhrs {
 margin-top:10px;
 margin-left:-15px;
 margin-right:-15px
}
.bighrs {
 margin-top:10px;
 margin-left:-15px;
 margin-right:-15px;
 margin-bottom:15px;
 box-shadow:0 2px 3px 0 rgb(9 10 10/10%)
}
@media(max-width:991px) {
 .btm-brdr {
  border-bottom:0!important
 }
 .input-button a {
  width:100%!important;
  text-align:center;
  margin-bottom:5px
 }
}
a {
 color:#455a64;
 text-decoration:none
}
a:focus,
a:hover {
 text-decoration:none
}
a img {
 border:0
}
textarea {
 resize:vertical
}
a,
a:hover,
button,
button:hover,
input,
select,
textarea {
 outline:0
}
p {
 line-height:1.5
}
hr {
 height:1px;
 padding:0;
 border:0 solid;
 background-color:#e5e5e5
}
ul {
 margin:0;
 list-style:disc outside
}
li {
 list-style-type:none
}
.center-block {
 display:block;
 margin-right:auto;
 margin-left:auto
}
.track-desc a {
 color:#333
}
.btnall {
 color:#337ab7;
 background:#eee;
 width:100%;
 border-radius:5px;
 margin-top:5px;
 text-align:center;
 padding:10px;
 border:1px solid #337ab7
}
.btnall:hover {
 color:#fff;
 background:#337ab7;
 border:1px solid #eee
}
.menu-list li {
 position:relative;
 list-style:none;
 padding:5px 20px;
 cursor:pointer
}
.menu-list li a {
 display:block;
 width:100%;
 text-decoration:none;
 font-size:15px;
 font-weight:500
}
.menu-list li:hover a {
 color:#fff
}
.btm-brdr {
 border-bottom:10px solid #f5f5f5
}
.menu-list li:hover {
 background-color:#337ab7
}
.sublnk {
height: 24px;
line-height: 20px;
white-space: nowrap;
font-weight: 500;
color: #333;
font-size: 13px;
background: #d0d0d02e;
padding: 0 5px;
border-radius: 5px;
border: 1px solid #ddd;
}
.music-title {
 font-size:18px;
 font-weight:700;
 margin-bottom:10px;
 margin-top:10px;
 color:#333;
 display:inline-block;
 cursor:default
}
#custom-search-input {
 margin-top:10px;
 position:relative;
 border:1px solid #eee;
 border-radius:5px 0 0 5px;
 padding:0;
 color:#000;
 background:#f6f6f8
}
#custom-search-input input {
 border:0;
 border-radius:0;
 box-shadow:none;
 background:0;
 color:#333;
 font-weight:400;
 font-family:Roboto,sans-serif;
 height:45px;
 width:100%;
 padding:10px
}
#footer {
 height:81px;
 background:#fff;
 margin-top:5px
}
#number {
 border-radius:50px;
 border:1px solid #000
}
input:focus::-webkit-input-placeholder {
 color:#ccc
}
.input-button i {
 margin-right:5px;
 float:left;
 margin-top:1px
}
.input-button a:hover {
 transition:.5s;
 background:#337ab7;
 color:#fff
}
.input-button {
 font-size:13px;
 padding:10px 0
}
.input-button a {
 line-height:15px;
 background:#eee;
 border:1px solid #337ab7;
 padding:10px 11px;
 text-decoration:none;
 display:inline-block;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 border-radius:5px
}
.input-button a:active {
 transition:.5s;
 border:1px solid #337ab7;
 background:#fff;
 color:#000
}
.music_info {
 padding-left:20px;
 font-size:12px
}
select {
 font-size:13px
}
input,
textarea {
 font-size:14px
}
.col-logo {
 margin-top:15px
}
#headerbg {
 height:70px;
 background:#fff
}
@media(max-width:991px) {
 #headerbg {
  display:none
 }
}
.btn-lg {
background: #313131;
height: 50px;
margin-top: 10px;
border: none;
border-radius: 0 5px 5px 0;
color: #fff;
}
.btn {
 border:0
}
.btn:active {
 color:#fff;
 background:#337ab7;
 border:0;
 border-radius:0 0 5px 5px
}
.btn:hover {
 color:#fff;
 background:#337ab7;
 border:0;
 border-radius:0 0 5px 5px
}
.btn:hover:last-child {
 border-radius:0 0 5px 5px
}
.btn a {
 padding:0!important;
 margin:0!important;
 border:0!important
}
.btn-group {
 border-radius:0 0 5px 5px;
 -webkit-box-shadow:0 0 45px 0 rgba(0,0,0,.2);
 -moz-box-shadow:0 0 45px 0 rgba(0,0,0,.2);
 box-shadow:0 0 45px 0 rgba(0,0,0,.2);
 padding-left:5px;
 padding-right:5px;
 width:100%;
 background:#fff
}
.headlink {
 color:#000;
 float:left;
 margin:0;
 padding:0;
 padding-left:1px
}
.catPages1,
.catPages2,
.pagesBlock1,
.pagesBlock2,
.pagesBlockuz1,
.pagesBlockuz2 {
 white-space:normal
}
span.catPages1,
span.catPages2,
span.pagesBlock1,
span.pagesBlock2,
span.pagesBlockuz1,
span.pagesBlockuz2 {
 display:inline-block
}
.catPages1 a,
.catPages1 b,
.catPages2 a,
.catPages2 b,
.pagesBlock1 a,
.pagesBlock1 b,
.pagesBlock2 a,
.pagesBlock2 b,
.pagesBlockuz1 a,
.pagesBlockuz1 b,
.pagesBlockuz2 a,
.pagesBlockuz2 b {
 margin-right:5px;
 line-height:40px;
 padding:7px 12px;
 border-radius:5px;
 color:#333;
 border:2px solid #eee
}
.catPages1 b,
.catPages2 b,
.pagesBlock1 b,
.pagesBlock2 b,
.pagesBlockuz1 b,
.pagesBlockuz2 b {
 color:#333;
 border:2px solid #455a64;
 font-weight:700
}
.catPages1 a:hover,
.catPages2 a:hover,
.pagesBlock1 a:hover,
.pagesBlock2 a:hover,
.pagesBlockuz1 a:hover,
.pagesBlockuz2 a:hover {
 background:#f5f5f5
}
.swchItemDots {
 letter-spacing:1px;
 color:#333;
 font-size:12px
}
input,
select,
textarea {
 border-radius:5px;
 -webkit-border-radius:5px;
 padding:5px;
 margin:3px;
 border:1px solid #eee;
 background:#fafafa
}
.play-cell {
 position:relative;
 left:10px
}
.grid>* {
 -webkit-box-flex:1 1 100%;
 -webkit-flex:1 1 100%;
 -ms-flex:1 1 100%;
 flex:1 1 100%;
 min-width:0
}
.grid-vert-center {
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center
}
.grid-space-center {
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 -ms-flex-pack:center;
 justify-content:center
}
.grid {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 margin:0 auto;
 padding:0;
 max-width:1340px
}
.lasthr div:last-child {
 border-bottom:0;
 padding-bottom:0
}
.d-explicit-mark {
 display:inline-block;
 vertical-align:baseline;
 width:11px;
 height:11px;
 background:url(/dsgn/img/e.svg) left top no-repeat;
 background-size:11px 11px
}
.d-video-mark {
 display:inline-block;
 vertical-align:baseline;
 width:11px;
 height:9px;
 background:url(/dsgn/img/klip.svg) left top no-repeat;
 background-size:11px 11px
}
.music-title2 {
 text-transform:none;
 font-size:11px;
 font-weight:500
}
#chat-btn h3 {
 color:#fff
}
#chat-btn {
 color:#ddd;
 font-size:12px
}
.namesong {
 position:relative;
 white-space:nowrap;
 overflow:hidden
}
.namesong::after {
 content:'';
 position:absolute;
 right:0;
 top:0;
 width:40px;
 height:100%;
 background:-moz-linear-gradient(left,rgba(255,255,255,.2),#fff 100%);
 background:-webkit-linear-gradient(left,rgba(255,255,255,.2),#fff 100%);
 background:-o-linear-gradient(left,rgba(255,255,255,.2),#fff 100%);
 background:-ms-linear-gradient(left,rgba(255,255,255,.2),#fff 100%);
 background:linear-gradient(to right,rgba(255,255,255,.2),#fff 100%)
}
.namesong a:hover {
 border-bottom:1px solid #337ab7
}
.nameads a:hover {
 border-bottom:1px solid #337ab7
}
nav {
 position:relative;
 z-index:1;
background: #313131;
 display:flex;
 justify-content:center;
 align-items:center;
 width:100%;
 overflow:hidden
}
.menu {
 display:flex
}
.menu a {
 color:#fff
}
.menu li {
 display:flex;
 height:40px;
 white-space:nowrap
}
.menu li a {
 display:flex;
 padding:0 10px;
 justify-content:center;
 align-items:center;
 flex-flow:column nowrap;
 color:#fff;
 text-decoration:none;
 margin:0 10px
}
.menu li:hover>a {
 background-color:rgba(255,255,255,.2)
}
.mobile-menu {
 display:none;
 width:100%;
 padding:15px;
 color:#fff!important;
 text-transform:uppercase;
background: #313131;
}
.mobile-menu:hover {
 text-decoration:none
}
ul.menu {
 z-index:9999;
 height:calc(100%*2);
 width:100%;
 justify-content:space-around
}
@media(max-width:991px) {
 .menu {
  display:none
 }
 .mobile-menu {
  display:block
 }
 nav {
  margin:0;
  border-radius:0
 }
 .menu li {
  margin:0
 }
 .menu li a {
  padding-left:15px;
  color:#fff;
  transition:none;
  text-transform:uppercase;
  width:100%;
  align-items:flex-start;
  margin:0;
  border-bottom: 1px solid #292929;
 }
}
.side-img {
 vertical-align:middle;
 display:inline-block;
 width:60px;
 height:60px;
 border-radius:100%;
 margin-right:10px;
 overflow:hidden
}
.side-img img {
 height:100%
}
.num {
 position:absolute;
 top:15px;
 left:2px;
 width:24px;
 height:24px;
 border-radius:100%;
 background:#f90000;
 color:#fff;
 text-align:center;
 line-height:26px;
 font-size:12px
}
.fa,
.fab,
.fal,
.far,
.fas {
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased;
 display:inline-block;
 font-style:normal;
 font-variant:normal;
 text-rendering:auto;
 line-height:1
}
.fa-lg {
 font-size:1.33333em;
 line-height:.75em;
 vertical-align:-.0667em
}
.fa-xs {
 font-size:.75em
}
.fa-sm {
 font-size:.875em
}
.fa-1x {
 font-size:1em
}
.fa-2x {
 font-size:2em
}
.fa-3x {
 font-size:3em
}
.fa-4x {
 font-size:4em
}
.fa-5x {
 font-size:5em
}
.fa-6x {
 font-size:6em
}
.fa-7x {
 font-size:7em
}
.fa-8x {
 font-size:8em
}
.fa-9x {
 font-size:9em
}
.fa-10x {
 font-size:10em
}
.fa-fw {
 text-align:center;
 width:1.25em
}
.fa-ul {
 list-style-type:none;
 margin-left:2.5em;
 padding-left:0
}
.fa-ul>li {
 position:relative
}
.fa-li {
 left:-2em;
 position:absolute;
 text-align:center;
 width:2em;
 line-height:inherit
}
.fa-border {
 border:.08em solid #eee;
 border-radius:.1em;
 padding:.2em .25em .15em
}
.fa-pull-left {
 float:left
}
.fa-pull-right {
 float:right
}
.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
 margin-right:.3em
}
.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
 margin-left:.3em
}
.fa-spin {
 animation:a 2s infinite linear
}
.fa-pulse {
 animation:a 1s infinite steps(8)
}
@keyframes a {
 0% {
  transform:rotate(0)
 }
 to {
  transform:rotate(1turn)
 }
}
.fa-rotate-90 {
 transform:rotate(90deg)
}
.fa-rotate-180 {
 transform:rotate(180deg)
}
.fa-rotate-270 {
 transform:rotate(270deg)
}
.fa-flip-horizontal {
 transform:scaleX(-1)
}
.fa-flip-vertical {
 transform:scaleY(-1)
}
.fa-flip-horizontal.fa-flip-vertical {
 transform:scale(-1)
}
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
 -webkit-filter:none;
 filter:none
}
.fa-stack {
 display:inline-block;
 height:2em;
 line-height:2em;
 position:relative;
 vertical-align:middle;
 width:2em
}
.fa-stack-1x,
.fa-stack-2x {
 left:0;
 position:absolute;
 text-align:center;
 width:100%
}
.fa-stack-1x {
 line-height:inherit
}
.fa-stack-2x {
 font-size:2em
}
.fa-inverse {
 color:#fff
}
.sr-only {
 border:0;
 clip:rect(0,0,0,0);
 height:1px;
 margin:-1px;
 overflow:hidden;
 padding:0;
 position:absolute;
 width:1px
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
 clip:auto;
 height:auto;
 margin:0;
 overflow:visible;
 position:static;
 width:auto
}
@media(max-width:991px) {
 #block_search {
  background:#6f6f6f;
  border-bottom:1px solid #ffffff2b;
  padding-bottom:10px
 }
 .topmenu {
  margin-bottom:0!important
 }
 #ftrtxt2 {
  display:none!important
 }
}
@media(min-width:992px) {
 .btn-group {
  border-radius:0!important
 }
 #ftrtxt1 {
  display:none!important
 }
}
@media(min-width:992px) {
 .music-content {
  display:block!important
 }
 .linkganre i {
  padding-right:5px
 }
}
@media(max-width:991px) {
 .linkganre i {
  float:right;
  margin-top:-2px
 }
 #plstbotton {
  text-align:center
 }
 .music-title {
  display:block;
  position:relative
 }
 div.music-title.music-dropdown {
  padding:5px 0
 }
 .music-dropdown:after {
  content:'';
  width:13px;
  height:13px;
  border-left:2px solid #333;
  border-bottom:2px solid #333;
  position:absolute;
  right:5px;
  transform:rotate(-45deg);
  transition:.5s
 }
 .music-open.music-dropdown:after {
  transform:rotate(-225deg)
 }
 .music-content {
  display:none
 }
}
#plstbotton a:active {
 background:#fff!important;
 color:#000!important
}
.plst-bottom,
.plst-button {
 font-size:11px;
 padding:10px 0
}
.plst-button a:hover {
 background:#337ab7!important;
 color:#fff!important
}
.plst-button a,
.plst-button a:hover {
 transition:.5s;
 border:1px solid #4f6eae;
 background:#eee;
 text-transform:uppercase;
 margin-bottom:5px;
 margin-right:5px;
 padding:4px 7px;
 text-decoration:none;
 display:inline-block;
 border-radius:5px
}
* {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
:after,
:before {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.container {
 background:#fff;
 padding-right:15px;
 padding-left:15px;
 margin-right:auto;
 margin-left:auto
}
@media(min-width:992px) {
 .container {
  width:970px
 }
 .content {
  border-radius:5px 5px 0 0
 }
 #hrs {
  display:none!important
 }
}
@media(min-width:1200px) {
 .container {
  width:1190px
 }
}
.col-md-8 {
 border-right:10px solid #f5f5f5
}
@media(max-width:991px) {
 .col-md-8 {
  border-right:0!important
 }
}
.row {
 background:#fff;
 margin-right:-15px;
 margin-left:-15px
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
 position:relative;
 min-height:1px;
 padding-right:15px;
 padding-left:15px
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
 float:left
}
.col-xs-12 {
 width:100%
}
.col-xs-11 {
 width:91.66666667%
}
.col-xs-10 {
 width:83.33333333%
}
.col-xs-9 {
 width:75%
}
.col-xs-8 {
 width:66.66666667%
}
.col-xs-7 {
 width:58.33333333%
}
.col-xs-6 {
 width:50%
}
.col-xs-5 {
 width:41.66666667%
}
.col-xs-4 {
 width:33.33333333%
}
.col-xs-3 {
 width:25%
}
.col-xs-2 {
 width:16.66666667%
}
.col-xs-1 {
 width:8.33333333%
}
@media(min-width:768px) {
 .col-sm-1,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9 {
  float:left
 }
 .col-sm-12 {
  width:100%
 }
 .col-sm-11 {
  width:91.66666667%
 }
 .col-sm-10 {
  width:83.33333333%
 }
 .col-sm-9 {
  width:75%
 }
 .col-sm-8 {
  width:66.66666667%
 }
 .col-sm-7 {
  width:58.33333333%
 }
 .col-sm-6 {
  width:50%
 }
 .col-sm-5 {
  width:41.66666667%
 }
 .col-sm-4 {
  width:33.33333333%
 }
 .col-sm-3 {
  width:25%
 }
 .col-sm-2 {
  width:16.66666667%
 }
 .col-sm-1 {
  width:8.33333333%
 }
}
@media(min-width:992px) {
 .col-md-1,
 .col-md-10,
 .col-md-11,
 .col-md-12,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9 {
  float:left
 }
 .col-md-12 {
  width:100%
 }
 .col-md-11 {
  width:91.66666667%
 }
 .col-md-10 {
  width:83.33333333%
 }
 .col-md-9 {
  width:75%
 }
 .col-md-8 {
  width:70%
 }
 .col-md-7 {
  width:58.33333333%
 }
 .col-md-6 {
  width:50%
 }
 .col-md-5 {
  width:41.66666667%
 }
 .col-md-4 {
  width:30%
 }
 .col-md-3 {
  width:25%
 }
 .col-md-2 {
  width:16.66666667%
 }
 .col-md-1 {
  width:8.33333333%
 }
}
@media(min-width:1200px) {
 .col-lg-1,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9 {
  float:left
 }
 .col-lg-12 {
  width:100%
 }
 .col-lg-11 {
  width:91.66666667%
 }
 .col-lg-10 {
  width:83.33333333%
 }
 .col-lg-9 {
  width:75%
 }
 .col-lg-8 {
  width:66.66666667%
 }
 .col-lg-7 {
  width:58.33333333%
 }
 .col-lg-6 {
  width:50%
 }
 .col-lg-5 {
  width:41.66666667%
 }
 .col-lg-4 {
  width:33.33333333%
 }
 .col-lg-3 {
  width:25%
 }
 .col-lg-2 {
  width:16.66666667%
 }
 .col-lg-1 {
  width:8.33333333%
 }
}
.btn-lg {
 height:50px;
 width:50px;
 cursor:pointer;
 padding:10px 15px;
 line-height:1.3333333;
 font-size:18px
}
.input-lg {
 height:46px;
 padding:10px 16px;
 line-height:1.3333333;
 border-radius:5px
}
.input-group {
 position:relative;
 display:table;
 border-collapse:separate
}
.input-group[class*=col-] {
 float:none;
 padding-right:0;
 padding-left:0
}
.input-group .form-control {
 position:relative;
 z-index:2;
 float:left;
 width:100%;
 margin-bottom:0
}
.input-group .form-control:focus {
 z-index:3
}
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
 height:46px;
 padding:10px 16px;
 line-height:1.3333333;
 border-radius:5px
}
select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
 height:46px;
 line-height:46px
}
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn,
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
 height:auto
}
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
 height:30px;
 padding:5px 10px;
 font-size:12px;
 line-height:1.5;
 border-radius:5px
}
select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
 height:30px;
 line-height:30px
}
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn,
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
 height:auto
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
 display:table-cell
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
 border-radius:0
}
.input-group-addon,
.input-group-btn {
 width:1%;
 white-space:nowrap;
 vertical-align:middle
}
.input-group-addon {
 padding:6px 12px;
 font-size:14px;
 font-weight:400;
 line-height:1;
 color:#555;
 text-align:center;
 background-color:#eee;
 border:1px solid #ccc;
 border-radius:5px
}
.input-group-addon.input-sm {
 padding:5px 10px;
 font-size:12px;
 border-radius:5px
}
.input-group-addon.input-lg {
 padding:10px 16px;
 border-radius:5px
}
.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
 margin-top:0
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
 border-top-right-radius:0;
 border-bottom-right-radius:0
}
.input-group-addon:first-child {
 border-right:0
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
 border-top-left-radius:0;
 border-bottom-left-radius:0
}
.input-group-addon:last-child {
 border-left:0
}
.input-group-btn {
 position:relative;
 font-size:0;
 white-space:nowrap
}
.input-group-btn>.btn {
 position:relative
}
.input-group-btn>.btn+.btn {
 margin-left:-1px
}
.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
 z-index:2
}
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
 margin-right:-1px
}
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
 z-index:2;
 margin-left:-1px
}
.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.clearfix:after,
.clearfix:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
 display:table;
 content:" "
}
.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
 clear:both
}
.allnewbtn {
 color:#fff!important;
 background:#455a64;
 display:inline-block;
 margin-top:3px;
 padding:5px 20px;
 border-radius:5px
}
#poisk2 a:hover {
 background:#eee;
 color:#000!important
}
#poisk2 {
 box-shadow:0 1px 2px rgb(0 0 0/16%),0 1px 2px rgb(0 0 0/23%);
 padding:5px;
 background:#fff;
 border-radius:5px;
 position:absolute;
 margin-left:0;
 margin-top:15px;
 display:none;
 width:92%;
 z-index:7
}
#poisk2::after {
 border-bottom:8px solid transparent;
 border-left:0 solid transparent;
 border-right:8px solid #eee;
 border-top:8px solid transparent;
 content:"";
 left:20px;
 position:absolute;
 top:-13px;
 transform:rotate(90deg)
}
#poisk2 i {
 float:right;
 color:#9298a8!important
}
#poisk2 input {
 -webkit-appearance:none;
 background:#fff!important;
 border:0!important;
 cursor:pointer;
 height:30px;
 line-height:23px;
 width:100%!important;
 margin:0;
 color:#000!important
}
#poisk2 a {
 border-bottom:1px solid #e5e5e5;
 color:#000!important;
 text-decoration:none;
 white-space:nowrap;
 display:block;
 padding:5px 10px;
 height:auto;
 overflow:hidden;
 text-overflow:ellipsis;
 margin-left:-5px;
 margin-right:-5px
}
#poisk2 span {
 color:#444!important;
 border-radius:5px;
 display:block;
 padding:8px
}
.music-title3 {
 overflow:hidden;
 position:relative;
 cursor:default;
 margin-bottom:15px;
 margin-top:15px;
 display:flex;
 justify-content:space-between
}
.music-title3 h2 {
 font-size:18px;
 line-height:24px
}
.music-title3 h1 {
 line-height:24px;
 font-size:20px
}
.music-title3 h2,
h1 {
 font-weight:700;
 color:#333
}
@media(max-width:991px) {
 .allnewbtn {
  width:100%;
  padding:10px;
  text-align:center
 }
 .music-title3 {
  margin-left:-15px;
  margin-right:-15px;
  padding-left:15px;
  padding-right:15px
 }
}
@media(max-width:1199px) {
 .col-logo {
  display:none;
  margin-top:-15px
 }
 .btn-lg {
  margin-top:10px
 }
}
.mobile-menu {
 height:51px;
 border-bottom:1px solid #ffffff2b
}
.logo {
 display:flex;
 width:135px;
 height:40px
}
.logobtn {
 margin-top:-15px;
 box-sizing:border-box;
 display:inline-block;
 margin-left:-15px;
 padding-left:15px;
 height:50px;
 width:100%;
 max-width:130px;
 padding-top:7px
}
.logobtn svg {
 width:100%;
 max-width:100px
}
.txtlogo {
 padding-right:5px;
 padding-left:5px;
 color:#fff!important;
 font-weight:700;
 line-height:50px;
 margin-top:-15px;
 font-size:20px;
 float:right
}
.txtlogo:active {
 background:rgba(205,214,219,.2)
}
#touch-menu {
 margin-right:-15px;
 padding-right:20px;
 padding-left:10px
}
@media(max-width:991px) {
 .input-lg {
  font-size:16px
 }
 #block_search {
  display:none
 }
 .input-group[class*=col-] {
  width:100%
 }
}
.b_main_menu ul li a {
 display:flex;
 flex-wrap:nowrap;
 align-items:center;
 padding:5px 0;
 font-size:14px;
 color:#333;
 transition:all ease-in-out .3s
}
.b_main_menu ul li a:hover {
 background:#4b737817;
 margin-left:-15px;
 padding-left:15px;
 margin-right:-15px;
 padding-right:15px
}
.item_icon {
 width:28px;
 height:28px;
 display:inline-flex;
 align-items:center;
 line-height:14px;
 justify-content:center;
 border-radius:5px;
 margin-right:10px
}
.item_icon i {
 color:#fff
}
.item_icon.novinki {
 background-color:#86cbf6
}
.item_icon.albums {
 background-color:#455a64
}
.item_icon.genre {
 background-color:#95b8c5
}
.item_icon.popular {
 background-color:#78cbc4
}
.item_icon.trand {
 background-color:#7bc993
}
.item_icon.sborniki {
 background-color:#ff7d8d
}
.item_icon.ringtons {
 background-color:#6faedb
}
.item_icon.cool {
 background-color:#455a64
}
.item_icon.best {
 background-color:#a2c57e;
 color:#333;
 font-size:12px
}
.item_icon.top {
 background-color:#455a64
}
.item_icon.tiktok {
 background-color:#333
}
.item_icon.newyaer {
 background-color:#455a64
}
.item_icon.artist {
 background-color:#ff967b
}
.fa-profil-menu:before {
 content:"\f007";
 line-height:50px;
 padding-left:5px;
 padding-right:5px
}
.fa-profil:before {
 content:"\f007"
}
.fa-poiski-menu:before {
 content:"\f002";
 padding-left:5px;
 padding-right:5px
}
.fa-poiski:before {
 content:"\f002"
}
.fa-menu:before {
 content:"\f0c9"
}
.fa-homes:before {
 content:"\f015"
}
.fa-novinki:before {
 content:"\f001"
}
.fa-populars:before {
 content:"\f005"
}
.fa-trandmusic:before {
 content:"\f0e7"
}
.fa-compilation:before {
 content:"\f2d2"
}
.fa-login:before {
 content:"\f2f6"
}
.fa-music-genre:before {
 content:"\f07b"
}
.fa-music-artist:before {
 content:"\f0c0"
}
.fa-music-best:before {
 content:"\f521"
}
.fa-music-summer:before {
 content:"\f51f"
}
.fa-music-rington:before {
 content:"\f3cd"
}
.fa-music-playlist:before {
 content:"\f02e"
}
.fa-coolmusic:before {
 content:"\f51f"
}
.fa-heart:before {
 content:"\f004"
}
.fa-hottrack:before {
 content:"\f06d";
 color:#ff8c00
}
.fa-listen:before {
 content:"\f025"
}
.footer_cont {
 display:flex;
 justify-content:space-between;
 align-items:center
}
.footer_left {
 cursor:default
}
.footer_left,
.footer_right {
 display:flex;
 align-items:center
}
.footer_right {
 justify-content:flex-end
}
img.lazyload,
img.lazyloading {
 opacity:0!important
}
img.lazyloaded {
 opacity:1;
 transition:opacity .3s cubic-bezier(.4,.2,0,1)
}
@mixin flexbox() {
 display:-webkit-box;
 display:-moz-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex
}
@media(prefers-color-scheme:dark) {
 nav {
  background:#222;
  background:linear-gradient(0deg,#222,#1a2932)
 }
 body {
  
  background-color:#303030;
 font-size: 14px;
 }
 .music-title,
 .hlnk,
 .music-title3 h2,
 h1 {
  color:#333!important
 }
 .pagesBlockuz1 a {
  background:#e2e2e2;
  border:2px solid #e2e2e2
 }
 .c-genre-select {
  color:#ff9292!important
 }
 .activ_tiktok,
 .btn-lg,
 .nght,
 .size_btn {
  background:#222!important
 }
 .darr {
  background:#222!important
 }
 .darrk {
  background:#222!important;
  color:#fff!important
 }
 .item_icon {
  background-color:#333;
  background:#333!important
 }
 .item_icon.best {
  color:#fff
 }
 .mobile-menu,
 nav {
  background:#222;
  background:linear-gradient(0deg,#222,#1a2932)
 }
 .input-button a {
  background:#222;
  color:#fff!important
 }
 .pagesBlockuz1 b {
  background:#222;
  border:1px solid #222;
  color:#fff
 }
 .swchItem:first-child,
 .swchItem:last-child {
  background:#222!important
 }
 .sublnk {
  color:#fff;
  background:#222
 }
}
@font-face {
 font-family:Roboto;
 font-style:normal;
 font-display:swap;
 font-weight:400;
 src:url(/css/font/roboto-regular.eot);
 src:local(''),
 url(/css/font/roboto-regular.eot?#iefix) format('embedded-opentype'),
 url(/css/font/roboto-regular.woff2) format('woff2'),
 url(/css/font/roboto-regular.woff) format('woff'),
 url(/css/font/roboto-regular.ttf) format('truetype'),
 url(/css/font/roboto-regular.svg#Roboto) format('svg')
}
@font-face {
 font-family:Roboto;
 font-style:normal;
 font-display:swap;
 font-weight:500;
 src:url(/css/font/roboto-500.eot);
 src:local(''),
 url(/css/font/roboto-500.eot?#iefix) format('embedded-opentype'),
 url(/css/font/roboto-500.woff2) format('woff2'),
 url(/css/font/roboto-500.woff) format('woff'),
 url(/css/font/roboto-500.ttf) format('truetype'),
 url(/css/font/roboto-500.svg#Roboto) format('svg')
}
@font-face {
 font-family:Roboto;
 font-style:normal;
 font-display:swap;
 font-weight:700;
 src:url(/css/font/roboto-700.eot);
 src:local(''),
 url(/css/font/roboto-700.eot?#iefix) format('embedded-opentype'),
 url(/css/font/roboto-700.woff2) format('woff2'),
 url(/css/font/roboto-700.woff) format('woff'),
 url(/css/font/roboto-700.ttf) format('truetype'),
 url(/css/font/roboto-700.svg#Roboto) format('svg')
}
@font-face {
 font-family:"font awesome 5 free";
 font-style:normal;
 font-display:swap;
 font-weight:900;
 src:url(/css/font/fa-solid-900.eot);
 src:url(/css/font/fa-solid-900.eot?#iefix) format("embedded-opentype"),
 url(/css/font/fa-solid-900.woff2) format("woff2"),
 url(/css/font/fa-solid-900.woff) format("woff"),
 url(/css/font/fa-solid-900.ttf) format("truetype"),
 url(/css/font/fa-solid-900.svg#fontawesome) format("svg")
}
.fa,
.far,
.fas {
 font-family:"font awesome 5 free"
}
.fa,
.fas {
 font-weight:900
}
.audioplayer-time-current {
 position:absolute;
 left:15px;
 top:-17px;
 font-size:10px;
 z-index:9999;
 bottom:100%;
 pointer-events:none;
 font-weight:700
}
.audioplayer-time-duration {
 position:absolute;
 right:15px;
 top:-17px;
 font-size:10px;
 z-index:9999;
 bottom:100%;
 pointer-events:none;
 font-weight:700
}
.ap-prev:active,
.ap-next:active {
 background:#d3d9de9e;
 border-radius:5px;
 padding:1px
}
.opacity-fon {
 z-index:10000;
 box-sizing:border-box;
 position:absolute;
 left:0;
 right:0;
 bottom:100%;
 top:-30px;
 height:10px
}
.catSortLink {
 text-transform:uppercase;
 font-size:13px;
 font-weight:500;
 background:#fafafa;
 border:1px solid #eee;
 padding:5px;
 border-radius:5px;
 color:#000!important
}
.cortm {
 margin-top:5px;
 margin-bottom:15px;
 position:relative;
 display:inline-block;
 font-size:0
}
.darr {
 border-radius:5px;
 color:#fff!important;
 background:#455a64
}
.firsttrack {
 line-height:40px;
 background:url(/dsgn/icon/svg/crown.svg) center top 2px/auto no-repeat
}
.numbrat {
 font-weight:500;
 margin-left:-10px;
 margin-right:5px;
 text-align:center;
 width:20px;
 color:#455a64;
 font-size:13px
}
.fa-random:before {
 content:"\f074"
}
.fa-arrow-left:before {
 content:"\f053"
}
.fa-arrow-right:before {
 content:"\f054"
}
.fa-downmp3:before {
 content:"\f063"
}
.fa-backward:before {
 content:"\f04a"
}
.fa-forward:before {
 content:"\f04e"
}
.fa-pause:before {
 content:"\f04c"
}
.fa-play:before {
 content:"\f04b"
}
.fa-volume-up:before {
 content:"\f028"
}
.fx-row {
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -ms-flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
 -ms-flex-pack:justify;
 -webkit-justify-content:space-between;
 justify-content:space-between
}
.fx-middle {
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center
}
.fx-1 {
 -ms-flex-preferred-size:0;
 flex-basis:0;
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 max-width:100%;
 min-width:50px
}
.hidden {
 display:none
}
.grad,
.hmenu a:before {
 background-color:inherit;
 color:#fff
}
.audioplayer-bar-played,
.audioplayer-playpause a {
 color:#333
}
.track-itemss {
 height:70px
}
.track-itemss.fx-row.fx-middle.js-item.show-player {
 background:#f5f5f5;
 margin-left:-15px;
 margin-right:-15px;
 padding:0 15px
}
.show-player a.track-fav {
 background:#455a64;
 color:#fff!important
}
.opacity-fon {
 z-index:10000;
 box-sizing:border-box;
 position:absolute;
 left:0;
 right:0;
 bottom:100%;
 top:-30px;
 height:10px
}
.track-plays-img {
 width:55px;
 height:55px;
 margin-right:10px;
 text-align:center;
 border-radius:5px;
 box-shadow:0 1px 2px rgb(0 0 0/16%),0 1px 2px rgb(0 0 0/23%)
}
.songinfo {
 color:#41555e;
 font-size:12px
}
.track-title {
 font-size:14px;
 font-weight:700
}
.song {
 font-size:14px;
 color:#333;
 font-weight:400
}
.track-time {
 color:#999;
 font-size:12px;
 width:35px;
 text-align:center
}
.track-fav:hover {
 background:#455a642b
}
.track-fav {
 width:32px;
 height:32px;
 line-height:32px;
 text-align:center;
 font-size:15px;
 border-radius:5px;
 background:#9e9e9e30;
 margin-left:5px;
 color:#333
}
.track-fav span {
 text-indent:100%;
 display:flex;
 white-space:nowrap;
 overflow:hidden;
 width:0
}
.track-desc {
 color:#000!important;
 line-height:20px
}
.track-fav a {
 color:#337ab7
}
.track-play {
 position:absolute;
 z-index:5;
 left:0;
 top:0;
 width:100%;
 height:100%;
 opacity:0;
 cursor:pointer
}
.track-play .fa {
 width:55px;
 height:55px;
 background-color:rgba(0,0,0,.1);
 line-height:55px;
 font-size:20px;
 border-radius:5px
}
.album-in:hover,
.track-desc:hover .song,
.track-desc:hover .track-title {
 color:#000
}
.show-player .track-fav,
.show-player .track-play,
.track-itemss .track-fav,
.track-itemss .track-play {
 opacity:1
}
.show-player .track-time,
.track-itemss:hover .track-time {
 color:#999
}
.track-play .fa-play {
 padding-left:3px
}
.js-paused .fa:before {
 content:'\f04b';
 padding-left:3px
}
@media screen and (min-width:950px) {
 .frels .track-desc {
  display:flex;
  justify-content:space-between
 }
 .frels .track-subtitle,
 .frels .track-title {
  width:46%
 }
}
@media screen and (min-width:950px) {
 .frels .track-desc {
  display:flex;
  justify-content:space-between
 }
 .frels .track-subtitle,
 .frels .track-title {
  width:46%
 }
}
.item-player {
 z-index:9999;
 width:100%;
 position:fixed;
 left:0;
 bottom:0;
 background:#fff
}
.audioplayer {
 max-width:1135px;
 width:calc(100% - 30px);
 margin:0 auto;
 height:60px;
 color:#333
}
.audioplayer audio {
 display:none
}
.audioplayer-bar {
 z-index:9999;
 box-sizing:border-box;
 cursor:pointer;
 position:absolute;
 left:0;
 right:0;
 bottom:100%;
 top:-20px;
 height:20px;
 background-color:#e7e8ec
}
.audioplayer-bar-loaded {
 transition:width .6s ease;
 z-index:9;
 position:absolute;
 left:0;
 height:20px;
 background-color:#d3d9de
}
.audioplayer-bar-played {
 position:absolute;
 transition:width .3s ease;
 left:0;
 top:0;
 height:20px;
 z-index:10;
 background-color:#ffb541
}
.audioplayer-volume {
 position:absolute;
 z-index:10000;
 left:50%;
 top:50%;
 margin-left:100px;
 margin-top:-15px
}
.audioplayer-muted .fa-volume-up:before {
 content:'\f026'
}
.audioplayer-volume-button a {
 color:#333;
 display:block;
 width:30px;
 height:30px;
 line-height:30px;
 text-align:center
}
.audioplayer-volume-adjust {
 position:absolute;
 left:0;
 border-radius:5px;
 bottom:30px;
 width:30px;
 height:100px;
 background-color:#f4f1ee;
 box-shadow:0 0 10px rgba(0,0,0,.5);
 padding:10px;
 display:none
}
.audioplayer-volume-adjust>div {
 width:10px;
 height:80px;
 border-radius:5px;
 position:relative;
 cursor:pointer;
 background-color:#fff;
 overflow:hidden
}
.audioplayer-volume-adjust>div>div {
 width:100%!important;
 background-color:#2c1835;
 position:absolute;
 left:0;
 bottom:0;
 z-index:10
}
.audioplayer-volume:hover .audioplayer-volume-adjust {
 display:block
}
.audioplayer-time-current:after {
 display:inline;
 margin:0 6px
}
.ap-img {
 box-shadow:0 1px 2px rgb(0 0 0/16%),0 1px 2px rgb(0 0 0/23%);
 background:#eee;
 border-radius:5px;
 width:40px;
 height:40px;
 margin-right:10px;
 overflow:hidden
}
.ap-img img {
 border-radius:5px;
 width:100%;
 height:100%;
 object-fit:cover
}
.ap-artist {
 font-size:12px;
 color:#585858
}
.ap-title {
 color:#000;
 font-weight:500
}
.ap-btns {
 width:130px;
 position:absolute;
 left:50%;
 margin:0 0 0 -65px
}
.audioplayer-playpause a {
 width:40px;
 height:40px;
 line-height:40px;
 text-align:center;
 display:block;
 font-size:22px;
 position:relative
}
.ap-prev:active {
 background:#d3d9de
}
.ap-next:active {
 background:#d3d9de
}
.ap-next,
.ap-prev,
.audioplayer-playpause {
 width:40px;
 text-align:center;
 font-size:22px;
 cursor:pointer;
 height:40px;
 line-height:40px
}
.first-reveal .ap-next,
.first-reveal .ap-prev {
 pointer-events:none;
 color:#ccc
}
.first-reveal .audioplayer-playpause .fa:before {
 content:'\f04b';
 padding-left:3px
}
.ap-play-pseudo {
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0;
 z-index:10;
 cursor:pointer
}
.btn-menu {
 display:none
}
@media screen and (max-width:1220px) {
 .wrap {
  padding:0
 }
 .btn-menu {
  display:block;
  font-size:24px;
  color:#fff;
  cursor:pointer
 }
 .hmenu {
  display:none;
  width:100%;
  padding:0
 }
 .hmenu li a {
  margin:0 0 20px;
  text-align:center
 }
}
@media screen and (max-width:991px) {
 .audioplayer {
  height:55px
 }
 .ap-btns {
  width:120px;
  height:40px;
  margin-left:10px;
  left:0
 }
 .audioplayer-playpause a {
  width:40px;
  height:40px;
  line-height:40px
 }
 .audioplayer-volume {
  left:auto;
  right:15px;
  margin-right:0
 }
 .ap-title {
  font-size:14px;
  width:110px
 }
 .ap-title span {
  display:none
 }
 .item-player .ap-info {
  display:none
 }
}
.first-reveal .audioplayer-bar {
 pointer-events:none;
 top:-5px;
 height:5px
}
.first-reveal .ap-time {
 display:none
}
.first-reveal .opacity-fon {
 top:-15px
}
@media screen and (max-width:470px) {
 .track-title {
  color:#333;
  font-size:15px
 }
 .album-in {
  padding-top:80%
 }
}
.img-box,
.img-fit {
 overflow:hidden;
 position:relative
}
.img-box img {
 width:100%;
 min-height:100%;
 display:block
}
.img-fit img {
 width:100%;
 height:100%;
 object-fit:cover
}
.nowrap {
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.ap-artist.nowrap {
 text-transform:uppercase;
 font-size:10px
}
.hottrack,
.newtrack {
 font-size:10px;
 margin-left:10px;
 padding-left:5px;
 border-radius:5px;
 padding-right:5px;
 border:1px dashed #ff8c00
}
.matuki {
 margin-left:5px;
 font-size:10px;
 padding:1px;
 border-radius:5px;
 padding-left:3px;
 background:#eee;
 padding-right:3px
}
.musicdop {
 border-radius:5px;
 color:#0d0d0db5;
 background:#9e9e9e30;
 padding:1px 5px;
 margin-right:.5rem
}
@media(prefers-color-scheme:dark) {
 .ap-time {
  color:#fff
 }
 .show-player a.track-fav {
  background:#333!important
 }
 .track-fav {
  color:#222!important
 }
 .audioplayer-bar-played {
  background-color:#222
 }
}
.track-play>.fa-pause:before {
 animation:pulse 1s infinite
}
@keyframes pulse {
 0% {
  opacity:1
 }
 50% {
  opacity:.7
 }
 100% {
  opacity:1
 }
}
.js-paused span {
 background-color:#ffb5417a!important
}
.js-stop span {
 background-color:#ffb5417a!important
}
.artistblock {
 margin-left:-15px;
 margin-right:-15px;
 overflow:scroll;
 scrollbar-width:none;
 position:relative
}
.artists {
 flex-wrap:wrap;
 width:100%;
 overflow:scroll;
 flex-direction:column;
 height:141px;
 scrollbar-width:none;
 text-align:center;
 display:flex
}
.artists::-webkit-scrollbar {
 display:none
}
.artistblock::-webkit-scrollbar {
 display:none
}
.artists-block {
 width:120px;
 -webkit-box-pack:center;
 -webkit-box-align:center;
 overflow:hidden;
 margin-left:15px;
 padding:0;
 display:flex;
 flex-wrap:wrap;
 flex-direction:row
}
.name-artist {
 padding-top:5px;
 display:block;
 overflow:hidden;
 text-align:center;
 white-space:nowrap;
 font-weight:500;
 font-size:13px;
 color:#333
}
.artist-imgs {
 height:120px;
 width:120px;
 display:block;
 box-shadow:0 1px 2px rgb(0 0 0/16%),0 1px 2px rgb(0 0 0/23%);
 border-radius:5px
}
.artists:after {
 content:'\00a0';
 padding-right:12px
}
@media(min-width:992px) {
 .container {
  margin-top:50px
 }
}
@media(max-width:991px) {
 #branding {
  padding-bottom:30%
 }
}
.fa-trash-alt:before {
 content:"\f2ed"
}
.fa-sharedown:before {
 content:"\f078"
}
.fright {
 display:flex;
 align-items:center;
 padding:0
}
.fright span {
 cursor:pointer;
 width:24px;
 height:24px;
 text-align:center;
 border-radius:5px;
 margin-left:5px
}
.fright span:hover {
 opacity:.8
}
.fright svg {
 height:24px
}
.fa.fa1 {
 background-color:#5075a5
}
.fa.fa2 {
 background-color:#4b6baf
}
.fa.fa3 {
 background-color:#694088
}
.fa.fa4 {
 background-color:#2daae1
}
@media(max-width:991px) {
 .mobhr {
  margin-left:-15px;
  margin-right:-15px
 }
}
.dsc {
 color:#949494;
 font-size:13px
}
#marbtm {
 margin-bottom:5px;
 display:inline-block;
 border-bottom:1px dotted;
 cursor:pointer;
 color:#949494
}
@media(min-width:992px) {
 .container {
  margin-top:50px
 }
}
@media(max-width:991px) {
 #branding {
  padding-bottom:30%
 }
}
@media(min-width:992px) {
 .container {
  margin-top:50px
 }
}
@media(max-width:991px) {
 .branding_head {
  padding-bottom:30%
 }
}
.ganri {
 margin-top:15px;
 position:relative;
 display:block;
 width:100%;
 box-sizing:border-box;
 text-align:justify
}
.ganri-text {
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#333;
 margin-bottom:5px;
 text-transform:uppercase;
 font-size:12px;
 font-weight:700
}
.ganri img:hover {
 opacity:.8
}
.ganri img {
 border-radius:5px;
 width:100%;
 height:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 overflow:hidden;
 background-color:#f5f5f5
}
.ganri>ul>li {
 position:relative;
 display:inline-block;
 width:22%;
 height:auto;
 box-sizing:border-box;
 text-align:left;
 vertical-align:top;
 text-align:center;
 line-height:30px
}
@media(max-width:475px) {
 .ganri>ul>li {
  width:47%
 }
}
.ganri>ul:after {
 position:relative;
 display:inline-block;
 width:100%;
 height:auto;
 box-sizing:border-box;
 vertical-align:top;
 content:''
}
.imgld {
 box-shadow:0 1px 2px rgb(0 0 0/16%),0 1px 2px rgb(0 0 0/23%);
 border-radius:5px;
 color:transparent;
 background:#eceff1;
 background:linear-gradient(100deg,#eceff1 30%,#f6f7f8 50%,#eceff1 70%);
 background-size:400%;
 animation:loading 1.2s ease-in-out infinite
}
@keyframes loading {
 0% {
  background-position:100% 50%
 }
 100% {
  background-position:0 50%
 }
}
.ganrebox {
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(100px,1fr));
 grid-gap:10px
}
.boxganre:hover {
 background:#455a64;
 color:#fff;
 line-height:12px
}
.boxganre {
 font-size:12px;
 color:#333;
 border-radius:5px;
 line-height:14px;
 min-width:36px;
 padding:8px 5px;
 text-align:center;
 position:relative;
 background-color:#eee
}
.social-block .title {
 padding-top:1px;
 cursor:pointer;
 user-select:none;
 text-transform:uppercase;
 font-size:11px;
 height:24px;
 line-height:24px;
 display:flex;
 align-items:baseline
}
.social-block .title>i {
 width:10px;
 height:10px;
 margin-left:5px;
 -webkit-transition:-webkit-transform .1s ease-out;
 transition:transform .1s ease-out,-webkit-transform .1s ease-out
}
.social-block.active .title>i {
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.social-block-content {
 display:flex;
 opacity:1;
 z-index:100;
 position:absolute;
 right:0;
 top:30px;
 justify-content:center;
 align-items:center;
 width:158px;
 padding:10px;
 border:1px solid #e5e5e5;
 background-color:#fff;
 border-radius:5px;
 box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)
}
@media(max-width:991px) {
 .social-block-content {
  right:15px
 }
}
.social-block:not(.active) .social-block-content {
 opacity:0;
 z-index:-1
}
.music-title3 {
 overflow:visible
}
#containerdesc {
 margin-top:10px;
 display:flex;
 justify-content:flex-start;
 align-items:flex-start
}
.imagedesc {
 min-width:90px;
 width:90px;
 height:90px;
 margin-right:15px;
 background:#eceff1;
 background:linear-gradient(100deg,#eceff1 30%,#f6f7f8 50%,#eceff1 70%);
 background-size:400%;
 animation:loading 1.2s ease-in-out infinite;
 border-radius:50%
}
.imagedesc img {
 width:90px;
 height:90px;
 border-radius:50%;
 box-shadow:0 1px 2px rgb(0 0 0/16%),0 1px 2px rgb(0 0 0/23%)
}
.textdesc {
 max-width:100%
}
.lowercase {
 text-transform:lowercase
}
.modContainer {
 margin:-15px;
 padding:15px;
 background:#fafafa
}
.trckdesc {
 font-size:12px;
 margin-bottom:13px;
 color:#585858
}
.loadmusic {
 margin-top:10px;
 cursor:pointer;
 text-align:center;
 padding:10px 12px;
 border-radius:5px;
 background:#455a64;
 color:#fff
}
.loadmusic:hover {
 background:#283236;
 color:#fff
}
.adddata {
 font-size:12px;
 padding-top:5px
}
@media(max-width:767px) {
 .music-title3 h1 {
  font-size:19px
 }
}



	.muzati-action-bar{margin-top:12px;display:flex;justify-content:space-around}@media(max-width:991px){.muzati-action-bar{justify-content:space-between}}.muzati-action-bar button{font-family:Roboto,sans-serif;color:#333;background:none;border:0;overflow:hidden;cursor:pointer}.muzati-action-bar b{font-weight:700}.muzati-action-bar i{font-size:24px;color:#000;margin-bottom:3px}.button-text{min-height:2em;line-height:2em;font-weight:500;font-size:12px;}@media(max-width:991px){.button-text{font-size:10px;text-transform: uppercase;}}.muzati-action-bar .button-text{display:grid;font-family:Roboto,sans-serif;}
.m-dlt-collapsed{-webkit-mask:linear-gradient(rgb(0, 0, 0) 0%, transparent)}.bar{display:block;height:5px;margin:0 0 15px 0;width:44px;background:#455a64;border-radius:5px;transition:all .5s ease}.truncated-copy{color:#333;margin-bottom:10px;height:105px;overflow:hidden}.toggle:link{text-decoration:none}.toggle{font-size:12px;border-radius:5px;padding:10px;text-align:center;border:1px solid #eee;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;background:#fff}.m-plus-minus{float:left;width:12px;height:12px;top:3px;display:inline-block;position:relative;transition:all 1s ease}.m-line1{position:absolute;display:block;width:100%;height:2px;margin-top:5px;background-color:#717171;transition:all .5s ease}.m-line2{position:absolute;display:block;width:2px;height:100%;margin-left:5px;background-color:#717171;transition:all .5s ease}.m-link-label{display:inline-block;}.size_btn{cursor:pointer;background:#455a64;border:0;border-radius:5px;}
.genrelist {margin-left: -15px;display: flex;align-items: flex-start;margin-right: -15px;position: relative; height: 37px; overflow: hidden;margin-bottom:4px;}.genred {padding-left:15px;font-size:0px;height: calc(100% + 40px);width:100%;overflow:hidden;overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling: touch;}
.likeokno{font-size:13px;text-align:center;padding:10px;position:fixed;top:-100px;left:15px;z-index:999;border-radius:5px;}.ochenili{background:#0A5961;color:#EDFCA1;}.ucheOchenili{background:#220709;color:#e99119;}
.btnnw i{float:left;padding:3px;}.btnnw:hover{background:#283236}.btnnw{font-weight: 500;font-size:15px;margin-top:10px;color:#fff!important;background:#455a64;text-align:center;padding:10px;border-radius:5px;width:100%;box-shadow: 0 1px 2px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%);}@media (prefers-color-scheme:dark){.btnnw, .btnnww, .item, .btnnwww, #socblock {background:#222!important;}}@media(max-width:991px){.genrelist{margin-bottom:0}.mobhr{margin-left:-15px;margin-right:-15px;}}
.cvr{margin-top:4px;width:105px;height:105px;box-shadow: 0 1px 2px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%); border-radius: 5px; color: transparent; background: #eceff1; background: linear-gradient(100deg,#eceff1 30%,#f6f7f8 50%,#eceff1 70%); background-size: 400%; animation: loading 1.2s ease-in-out infinite;}.hlnk{color:#455a64;line-height:24px}.fa-artist-list:before{content:"\f054"}.fa-trash-alt:before{content:"\f2ed"}.fa-check-circle:before{content:"\f058";color:green}.fa-add-music:before{content:"\f078";}@media(max-width:991px){.allnewbtn i{float:left;line-height:20px;}}@media(min-width:992px){.allnewbtn i{display:none}}
.trackinfo{display:flex;justify-content:space-between;align-items:flex-start;}.trackinfo img{border-radius:5px;}.trackinfo-left ul li{margin: 0 0 10px 0;}.trackinfo-left ul li:last-child{margin-bottom:3px}
.youtube-player{box-shadow:0 1px 2px rgb(0 0 0 / 16%),0 1px 2px rgb(0 0 0 / 23%);border-radius:5px;display:block;position:relative;cursor:pointer;max-height:350px;height:100%;width:100%;overflow:hidden;padding-bottom:56.25%;margin-bottom:10px}.placeholderytb{display:block;left:0;margin:auto;max-width:100%;width:100%;height:auto;position:absolute;right:0;border-radius:5px}.play-button{height:52px;width:52px;left:50%;top:50%;margin-left:-26px;margin-top:-26px;position:absolute;z-index:1}
@media(min-width:992px){.container{margin-top:50px}}@media(max-width:991px){#branding{padding-bottom:30%}}
.artist-block-all{display:flex;align-items:center;margin-top:10px}.artist-img-block{width:42px;height:42px;margin-right:10px}.artist-img-block img{border-radius:50px;box-shadow: 0 1px 2px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%)}.artist-track-descr{line-height:19px}.artist-track-name{font-weight:700;font-size:17px}.artist-track-title{font-weight:400;font-size:13px;}.artist-block-all>.track-fav{background:none}
.track-info{height:55px;}.track-info .track-plays-img{width:42px;height:42px;}.track-info .nght{color:#fff;background:#455a64;font-size:17px;line-height:42px;height:42px;width:42px;}.track-info .song{font-weight:700;font-size:16px;}.track-info .track-title{font-weight:400;font-size:14px;}.track-info .track-fav{margin-left:5px;font-size:20px;background:none}.track-info .musicmat{cursor:default;font-size:12px;color:#455a64;}
.muzati-action-bar button:active{transform: translateY(2px);}.allcatss{margin-top:5px;margin-bottom:15px;}.allcats {font-size:0;}.allcats .entAllCats{margin-right:5px;font-size:14px;text-transform: lowercase;border-bottom:1px solid;}.allcats a:nth-child(n+1) {margin-left:5px;}.allcats a:nth-child(n+5) {display:none;font-size:0;}

.pagesBlockuz1{cursor:default}.swchItem:first-child:hover, .swchItem:last-child:hover{background:#283236}@media(max-width:991px){.swchItem:first-child, .swchItem:last-child{display:none}}.swchItem:first-child, .swchItem:last-child {background:#455a64;color:#fff;border:1px solid #455a64;}.fa-loadmusic:before{content:"\f110"}.catSortLink {font-size: 15px;font-weight:500;padding: 5px 10px 5px;border-radius:5px;margin-right:5px;color:#333;background:#eee}.cortm {height:30px;line-height:32px;position:relative;display:inline-block;font-size:0px;}.darr {background-color:#455a64;border-radius:5px;color:#fff;padding:5px 10px 5px;border:0}
.hlnk{color:#455a64;line-height:24px}.fa-down:before{content:"\f078"}.fa-up:before{content:"\f077"}@media(max-width:991px){.mobhr{margin-left:-15px;margin-right:-15px;}}#marbtm{border-bottom:1px dotted;cursor:pointer;color:#949494;}.nument {color:#949494;float:right;line-height:27px;font-weight:400;font-size:13px;}
.track-desc a{color:#333}
.tiktok_link{text-transform:uppercase;font-size:13px;font-weight:500;background:#fafafa;padding:5px;border-radius:5px;color:#000!important;border:1px solid #eee}.activ_tiktok{color:#fff!important;background:#455a64}@media(max-width:767px){.tiktok_link{font-size:12px;}}
.fa-spinner:before{content:"\f110"}.numstrmat{margin-left:-15px;margin-right:-15px;display:block;margin-bottom:10px;margin-top:10px;text-align:center;overflow:hidden;color:#9298a8}.numstrmat:after,.numstrmat:before{content:"";display:inline-block;vertical-align:middle;width:100%;height:1px;background-color:#e5e5e5;position:relative}.numstrmat:before{margin-left:-100%;left:-15px}.numstrmat:after{margin-right:-100%;right:-15px}