*{
    background:0 0;
    margin:0;
    padding:0;
    outline:0;
    border:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
input,select{
    vertical-align:middle
}
article,aside,figure,figure img,footer,header,hgroup,main,nav,section{
    display:block
}
img{
    max-width:100%
}

.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: auto;
  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%);
}

.numberxit {
  font-weight: 500;
  margin-left: -2px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
  color: #456690;
  font-size: 13px;
}

.fmtext {
  max-width: 100%;
font-size: 13px;
margin-top: 15px;
color: #5c5c5c;
padding: 3px;

}

.clr{
    clear:both
}
.clearfix:after{
    content:"";
    display:table;
    clear:both
}
.seoo{
    padding:10px
}
.seoo a{
    color:#00f
}
.panel-heading{
    background:#f0f8ff;
    padding:6px;
    margin-bottom:10px;
    font-size:18px
}
.seoo font{
    font-weight:700
}
.seoo li{
    margin-left:2px;
    font-size:16px
}
body{
    font:16px 'Inter',sans-serif;
    line-height:normal;
    padding:0;
    margin:0;
    color:#000000;background-color: #d4f5ff;
    min-height:100%;
    width:100%;
    font-weight:400
	
}
a{
    color:#010101;
    text-decoration:none
}
a:focus,a:hover{
    color:#4a8ddb;
    text-decoration:none
}
h1,h2,h3,h4,h5{
    font-weight:700;
    font-size:24px
}
button,input[type=password],input[type=text],textarea{
    appearance:none;
    -webkit-appearance:none;
    font-size:16px;
    font-family:'Inter'!important
}
.btn,.button,.meta-fav a,.pagi-load a,.qq-upload-button,.up-second li a,.usp-btn a,.usp-edit a,button:not(.color-btn):not([class*=fr]),html input[type=button],input[type=reset],input[type=submit]{
    display:inline-block;
    text-align:center;
    padding:0 20px;
    height:40px;
    line-height:40px;
    border-radius:3px;
    cursor:pointer;
    color:#fff;
    background-color:#4a8ddb;
    font-size:14px
}
.btn:hover,.button:hover,.meta-fav a:hover,.pagi-load a:hover,.qq-upload-button:hover,.up-second li a:hover,.usp-btn a:hover,.usp-edit a:hover,button:not(.color-btn):hover,html input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{
    background-color:#4834d4;
    color:#fff;
    box-shadow:0 10px 20px 0 transparent
}
button:active,input[type=button]:active,input[type=submit]:active{
    box-shadow:inset 0 1px 4px 0 rgba(0,0,0,.1)
}
input[type=password],input[type=text]{
    height:40px;
    line-height:40px;
    border-radius:4px;
    border:0;
    padding:0 15px
}
select{
    height:40px;
    border:0;
    padding:0 15px
}
textarea{
    padding:15px;
    overflow:auto;
    vertical-align:top;
    resize:vertical
}
input[type=password],input[type=text],select,textarea{
    width:100%;
    background-color:#fff;
    color:#000;
    box-shadow:inset 0 0 0 1px #e3e3e3,inset 1px 2px 5px rgba(0,0,0,.1)
}

.seo-text {
    margin-top: 20px;
    padding: 15px;
    background: #ebf3f9;
    border-radius: 3px;
    font-size: 13px;
    color: #647c84; 
    line-height: 1.6;
  margin-bottom: 20px;
}

.sborniki {
  flex-wrap: wrap;
  width: 100%;
  overflow: scroll;
  flex-direction: column;
  height: 141px;
  scrollbar-width: none;
  text-align: center;
  display: flex;
}

.sborblock {
  margin-left: -15px;
  margin-right: -15px;
  overflow: scroll;
  scrollbar-width: none;
  position: relative;
}

.sbor-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;
}

.sbor-imgs {
  height: 120px;
  width: 120px;
  display: block;
  border-radius: 5px;
}

.name-sborniki {
  padding-top: 5px;
  display: block;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  font-weight: 500;
  font-size: 13px;
  color: #333;
}
.hrs {
  margin-top: 10px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 15px;
  box-shadow: 0 2px 3px 0 rgb(9 10 10/10%);
}

.sublnk {
  height: 22px;
  line-height: 22px;
  white-space: nowrap;
  font-weight: 500;
  color: #314865;
  font-size: 13px;
  background: #9e9e9e30;
  padding: 0 5px;
  border-radius: 5px;
}

select{
    width:auto
}
input[type=password]:focus,input[type=text]:focus,textarea:focus{
    box-shadow:inset 0 0 0 1px #3498db,inset 1px 2px 5px rgba(0,0,0,.1)
}
input::placeholder,textarea::placeholder{
    color:#000;
    opacity:.5;
    font-size:14px
}
input:focus::placeholder,textarea:focus::placeholder{
    color:transparent
}
.img-box,.img-fit,.img-resp,.img-resp-sq,.img-resp-vert,.img-square,.img-wide{
    overflow:hidden;
    position:relative
}
.img-resp{
    padding-top:60%
}
.img-resp-vert{
    padding-top:124%
}
.img-resp-sq{
    padding-top:100%
}
.img-box img,.img-resp img,.img-resp-sq img,.img-resp-vert img,.img-square img{
    width:100%;
    min-height:100%;
    display:block
}
.img-resp img,.img-resp-sq img,.img-resp-vert img{
    position:absolute;
    left:0;
    top:0
}
.img-wide img{
    width:100%;
    display:block
}
.img-fit img{
    width:100%;
    height:100%;
    object-fit:cover
}
.nowrap{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
#dle-content,.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-col{
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column
}
.fx-center{
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center
}
.fx-middle{
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
.fx-start{
    -webkit-justify-content:flex-start;
    justify-content:flex-start
}
.fx-first{
    -ms-flex-order:-1;
    -webkit-order:-1;
    order:-1
}
.fx-last{
    -ms-flex-order:10;
    -webkit-order:10;
    order:10
}
.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
}
.fx-between{
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between
}
.fw700,b,h1,h2,h3,h4,h5,strong{
    font-weight:600
}
.icon-left .fa,.icon-left .icon{
    margin-right:10px
}
.icon-right .fa,.icon-right .icon{
    margin-left:10px
}
#dofullsearch,.hidden{
    display:none
}
.anim{
    transition:color .3s,background-color .3s,opacity .3s
}
.anim-all{
    transition:all .3s
}
.form-wrap h1,.mtitle,.sub-title h1{
    margin-bottom:30px;
    font-size:24px;
    font-weight:700
}
#dle-content>:not(.album-item):not(.artist-item):not(.collection-item){
    width:100%
}
.wrap{
    min-width:320px;
    position:relative;
    min-height:100vh;
    overflow:hidden;
    padding-top: 50px;
}
.wrap-center{
    max-width:1170px;
    margin:0 auto;
    position:relative;
    z-index:20
}
.wrap-main{
    background-color:#fff;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
}
.col-side{
    width:260px;
    padding-top:30px;
	border-left: 3px solid #f6f6f6;
}
.col-main{
    min-height:100vh;
    padding:0 30px
}
.topline{
    padding:15px 0;
    position:relative;
    border-bottom:3px solid #f6f6f6
}
.content{
    padding:0 0 30px 0
}
.content{
    padding:20px 0
}
.footer{
	font-size: 14px;
    padding:20px 30px;
    line-height:1.6;
    text-align:center;
    color:#000;
    background-color: #f6f6f6;
}
.logo{
    display:block;
    width:300px;
    height:70px
}
.share{
    width:225px;
    height:36px;
    white-space:nowrap;
    position:absolute;
    top:32px;
    right:-275px
}
.share a{
    display:inline-block;
    vertical-align:top;
    width:36px;
    height:36px;
    border-radius:50%;
    margin-right:10px;
    box-shadow:5px 5px 16px 0 rgba(0,0,0,.1);
    background:url(/images/share.png) -2px -1px no-repeat
}

.newdown {
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  border-radius: 5px;
  background: #9e9e9e30;
  margin-left: 20px;
  color: #4a8ddb;
  padding-top: 5px;
line-height: 20px;
}

/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {line-height:40px; text-align:center; padding-bottom: 20px;}
.pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:46px; text-align:center;}
.navigation {text-align:center;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 10px; 
background-color:#fff; margin:5px 2px 0 2px; border-radius:4px; font-weight: 600; min-width: 40px;}
.navigation span, .pagi-nav a:hover {background-color:#b564d9; color:#fff;}
.navigation span.nav_ext {background-color:#fff; color:#939393;}

/* PAGE SELECTOR
----------------------------------------------- */
.catPages1{padding:0!important;margin:0!important}
.swchItemA,.swchItem,.swchItemA1,.swchItem1{color:#FFF;display:inline-block;width:40px;text-align:center;text-decoration:none;font-weight:400;border-radius:5px}
.swchItem,.swchItem1{color:#fff;background:#96c1cb}
.swchItem:hover,.swchItem1:hover{background:#6282bc;color:#fff;text-decoration:none}
.swchItemA,.swchItemA1{background:#6877a2}
.catPages1,.catPages2{padding:10px 0}
.pagesBlock2{margin-top:10px!important;display:block}

.search-wrap{
    margin-left:30px
}
.search-box{
    position:relative
}
.search-box input,.search-box input:focus{
    padding:0 50px 0 10px;
    box-shadow:none;
    background-color:#eee;
    color:#000;
    border-radius:3px;
    border:0
}
.search-box input:not(:focus)::placeholder{
    color:#000;
    opacity:.4;
    font-size:14px
}
.search-box button{
    position:absolute;
    right:0;
    top:0;
    z-index:10;
    width:40px;
    background-color:transparent!important;
    color:#bbb!important;
    font-size:16px!important;
    padding:0!important
}
.sect{
    margin-bottom:32px
}
.sect:last-child{
    margin-bottom:0
}
.sect-header{
    margin-bottom:20px
}
.sect-title{
    font-size:18px;
    font-weight:700
}
.sect-title-small{
    font-size:18px
}
.sect-title span{
    color:#4a8ddb
}
.sect-link{
    display:inline-block;
    font-size:14px;
    color:#4a8ddb;
    border-bottom:1px dotted #4a8ddb;
    margin-left:10px
}
.sect-col{
    width:100%
}
.mb-remove{
    margin-bottom: 32px
}
.mb-remove-2{
    margin-bottom:-10px
}
#dle-speedbar a{
    color:#000
}
#dle-speedbar{
    background:#7a7ed7;
    width:100%;
    display:block;
    padding:5px;
    color:#fff
}
#dle-speedbar span{
    color:#fff
}
.mobs{
    background:#f0f8ff;
    padding:5px;
    margin-bottom:5px
}
.mobs a{
    font-weight:700
}
.track-item{
    background-color:#f8f8f8;
    border-radius:3px;
    padding:8px 10px;
    position:relative;
    margin-bottom:8px
}
.track-item:nth-child(2n){
    background-color:#fafbfc
}
.track-img{
    width:40px;
    height:40px;
    border-radius:3px;
    margin-right:10px
}
.track-time{
    font-size:12px;
    margin-left:15px;
    color:#888
}
.track-dl{
    margin-left:20px;
    color:#4a8ddb
}
.track-subtitle{
    font-size:14px;
    margin-top:5px;
    color:#838993;
}
.track-play{
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border-radius:20px;
    margin-right:10px;
    color:#6877a2;
    box-shadow:inset 0 0 0 3px #6877a2;
    font-size:16px;
    padding-left:3px;
    cursor:pointer
}
.speedbar {
  margin-bottom: 10px;
  font-size: 12px;
  color: #737B95;
}
.speedbar .fa {
  font-size: 11px;
  margin: 0px 5px;
}
.show-player .track-play{
    padding-left:0
}
.show-player .track-play,.track-play:hover{
    background-color:#6877a2;
    color:#fff
}
.side-box{
    margin-bottom:30px;
    padding:0 30px
}
.side-box+.side-box{
    border-top: 3px solid #f6f6f6;
    padding-top:20px
}
.side-bt{
    font-size:16px;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:20px
}
.tt{
    font-size:14px
}
.tt .track-img{
    width:30px;
    height:30px
}
.tt+.tt{
    margin-top:10px
}
.tt .track-subtitle{
    margin:0;
    font-weight:300;
    font-size:12px
}

.track-title {
	font-size: 14px;
}
.side-nav{
    padding-left:26px
}
.side-nav li a{
    margin-bottom:15px;
    position:relative;
    display:block;
    font-size:15px
}
.side-nav a:before{
    content:"\f367";
    font-family:'Font Awesome 5 Pro';
    color:#4a8ddb;
    font-size: 13px;
    position:absolute;
    left:-26px;
    top:1px
}

.side-top{
    padding-left:26px
}
.side-top li a{
    margin-bottom:15px;
    position:relative;
    display:block;
    font-size:14px;
}
.side-top a:before{
    content:"\f001";
    font-family:'Font Awesome 5 Pro';
    color:#4a8ddb;
    font-size: 13px;
    position:absolute;
    left:-26px;
    top:1px
}

.side-tags ul{
    margin-right:-6px;
    margin-bottom:-6px
}
.side-tags li{
    display:inline-block;
    vertical-align:top;
    margin:0 6px 6px 0
}
.side-tags li a{
    padding:0 6px;
    height:26px;
    line-height:26px;
    border-radius:3px;
    display:block;
    white-space:nowrap;
    background-color:#fff;
    font-size:12px;
    font-weight:300;
    box-shadow:0 1px 3px rgba(0,0,0,.1)
}


.site-desc{
    line-height:1.6;
    font-size:14px;
    font-weight:400;
    background-color:#ebf3f9;
    color:#000;
    padding:20px 30px;
    opacity:.7
      
}
.site-desc h1,.site-desc h2{
    font-size:18px;
    text-transform:uppercase;
    font-weight:400;
    margin-bottom:10px
}
.site-desc li{
    list-style-type:disc;
    margin-left:40px
}
.site-desc a{
    color:#4a8ddb;
    text-decoration:underline
}
.site-desc > * {margin-bottom: 10px;}
.ft-menu{
    margin-top:20px
}
.ft-one a{
    margin:0 15px;
    margin-bottom:10px;
    color:#4a8ddb;
    border-bottom:1px dotted #4a8ddb;
    display:inline-block
}
.ft-two{
    font-size:14px;
    color:#838993
}
.bottom-nav{
    padding-top:30px
}
.navigation a,.navigation span,.pnext a,.pnext>span,.pprev a,.pprev>span{
    display:inline-block;
    padding:0 10px;
    margin:2px 5px 0 0;
    line-height:40px;
    min-width:40px;
    text-align:center;
    font-size:18px;
    box-shadow:inset 0 0 0 1px #e3e3e3
}
.navigation a:hover,.navigation span:not(.nav_ext){
    background-color:#4a8ddb;
    color:#fff
}
.item-player{
    width:100%;
    position:fixed;
    left:0;
    bottom:0;
    z-index:997;
    background-color:#f6f6f6;
}
.zfix .item-player{
    z-index:10;
    opacity:0
}
.audioplayer{
    max-width:1100px;
    width:calc(100% - 30px);
    margin:0 auto;
    padding:10px 30px
}
.audioplayer audio{
    display:none
}
.audioplayer-bar{
    position:absolute;
    left:0;
    right:0;
    bottom:100%;
    height:15px;
    background-color:#ebf3f9
}
.audioplayer-bar-loaded{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    background-color:rgba(0,0,0,.05)
}
.audioplayer-bar-played{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    z-index:10;
    background-color:#4a8ddb
}
.audioplayer-time{
    position:absolute;
    z-index:20;
    font-size:12px;
    bottom:100%;
    pointer-events:none;
    color:#000
}
.audioplayer-time-current{
    left:10px
}
.audioplayer-time-duration{
    right:10px
}
.audioplayer-playpause,.audioplayer-volume-adjust,.audioplayer-volume-button{
    display:inline-block;
    vertical-align:middle
}
.ap-dl,.audioplayer-playpause a,.audioplayer-volume-button a{
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border-radius:50%;
    cursor:pointer;
    background-color:#fff;
    color:#4a8ddb;
    display:block;
    font-size:16px;
    box-shadow:inset 0 0 0 1px #4a8ddb
}
.audioplayer-playpause a{
    background-color:#4a8ddb;
    color:#fff;
    box-shadow:inset 0 0 0 1px #4a8ddb
}
.audioplayer-stopped .audioplayer-playpause a{
    padding-left:2px
}
.audioplayer-muted .fa-volume-up:before{
    content:'\f026'
}
.audioplayer-volume-adjust{
    margin-left:10px
}
.audioplayer-volume-adjust>div{
    width:50px;
    height:10px;
    border-radius:5px;
    position:relative;
    cursor:pointer;
    background-color:#cacaca;
    overflow:hidden
}
.audioplayer-volume-adjust>div>div{
    height:100%!important;
    background-color:#4a8ddb;
    position:absolute;
    left:0;
    bottom:0;
    z-index:10
}
.ap-desc{
    padding:0 20px
}
.ap-img{
    width:40px;
    height:40px;
    margin-right:10px;
    overflow:hidden
}
.ap-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.ap-title{
    font-size:14px;
    margin-top:3px;
    color:#888
}
.ap-dl{
    background-color:transparent;
    box-shadow:inset 0 0 0 1px #4a8ddb;
    margin-right:10px;
    font-size:14px;
    width:30px;
    height:30px;
    line-height:30px
}
.ap-next,.ap-prev{
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    border-radius:50%;
    cursor:pointer;
    color:#4a8ddb;
    background:#fff;
    display:block;
    font-size:12px;
    margin-right:10px;
    box-shadow:inset 0 0 0 1px #4a8ddb
}
.ap-next{
    margin-right:0;
    margin-left:10px
}
.ap-dl:hover,.ap-next:hover,.ap-prev:hover,.audioplayer-playpause a:hover,.audioplayer-volume-button a:hover{
    background-color:#4a8ddb;
    color:#fff
}
.full .sect{
    margin-bottom:20px
}

.title {
    background:#eee;
    padding: 10px;
    margin-top: 10px;
    color: #000
}
.title span{
    color:#000
}
.ftitle{
    margin-bottom:20px
}
.fcaption{
    font-size:14px;
    font-weight:300;
    line-height:1.5;
    margin-bottom:20px;
    background-color:#ebf3f9;
    color:#647c84;
    padding:10px;
    border-radius:3px
}

.fleft{
    width:140px;
    margin-right:20px
}
.fimg{
    width:140px;
    height:140px;
    border-radius:5px;
}
.fright{
    width:240px;
    margin-left:40px
}
.finfo{
    line-height:1.5;
    font-size:14px
}
.finfo li>span:first-child{
    color:#888
}
.finfo a{
    color:#4a8ddb;
    border-bottom:1px dotted #4a8ddb
}
.finfo li+li{
    margin-top:5px
}
.frate{
    width:120px
}
.frate [class*=myicon]{
    font-size:24px;
    margin-right:10px;
    line-height:40px;
    height:40px;
    width:60px;
    text-align:center;
    background-color:rgba(0,0,0,.2);
    display:inline-block;
    vertical-align:top
}
.frate a{
    height:40px;
    line-height:40px;
    display:block;
    border-radius:3px;
    background-color:#4a8ddb;
    color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,.2);
    padding:0 15px 0 0;
    display:flex;
    justify-content:space-between
}
.frate a+a{
    background-color:#eb4d4b;
    margin-top:10px
}
.frate-dislikes,.frate-likes{
    display:inline-block
}
.frate a:hover{
    opacity:.8
}
.fctrl>*{
    width:100%;
    cursor:pointer;
    box-shadow:0 2px 5px rgba(0,0,0,.2)
}
.fbtn{
    height:60px;
    display:block;
    padding:10px 15px 0 70px;
    position:relative;
    border-radius:3px;
    overflow:hidden;
    font-size:14px
}
.fbtn-icon{
    width:60px;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0,0,0,.1);
    font-size:18px;
    text-align:center
}
.fbtn-capt{
    font-size:15px;
    margin-bottom:4px
}
.fplay{
    background-color:#4a8ddb;
    color:#fff
}
.fbtn-desc {line-height: 60px;}
.fdl{
    background-color:#e35285;
    color:#fff!important;
    padding-top:0;
	font-weight: 600;
    line-height:60px;
    margin-top:10px
}
.fdl .fbtn-icon{
    font-size:18px
}
.fplay:hover{
    background-color:#6f82b7
}
.ftext{
    max-height:200px;
    overflow-x:hidden;
    overflow-y:auto;
    margin-top:-15px; 
   margin-top: -1px;
  border: 1px dashed #a0a09e;
  border-radius: 4px;
  padding: 2px 2px 2px 10px;
}

.mejs-container{
    max-width:100%!important
}
.full-text{
    line-height:1.7;
	font-size: 15px;
    font-weight:300
}
.full-text img:not(.emoji){
    max-width:100%;
    margin:10px 0
}
.full-text>.highslide img[style*=left],.full-text>img[style*=left]{
    margin:0 10px 10px 0
}
.full-text>.highslide img[style*=right],.full-text>img[style*=right]{
    margin:0 0 10px 10px
}
.full-text a{
    text-decoration:underline;
    color:#4a8ddb
}
.full-text a:hover{
    text-decoration:none
}
.full-text h2,.full-text h3,.full-text h4,.full-text h5{
    margin:10px 0;
    font-size:24px;
    font-weight:300
}
.full-text p{
    margin-bottom:10px
}
.full-text ol,.full-text ul{
    margin:0
}
.full-text ul li{
    list-style:disc;
    margin-left:40px
}
.full-text ol li{
    list-style:decimal;
    margin-left:40px
}
.list-group1 li{
    background:#7a7ed7;
    margin-bottom:6px;
    color:#fff;
    padding:9px
}
.list-group1 a{
    color:#fff;
    text-decoration:none
}
.full-taglist a{
    color:#0669a0
}
.full-taglist{
    margin-top:20px
}
.full-taglist span:not(.fa):not(:last-child):after{
    content:",";
    display:inline
}
.ac-submit{
    margin-left:15px
}
.ac-textarea textarea{
    height:80px;
    margin-bottom:15px
}
.ac-protect,.ac-textarea .bb-editor+br{
    display:none
}
.btn-menu{
    display:none
}
.side-panel{
    width:280px;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    background-color:#ffffff;
    padding:20px 0;
    z-index:9999;
    position:fixed;
    left:-320px;
    top:0;
    transition:left .4s;
    -webkit-transition:left .4s
}
.side-panel.active{
    left:0
}
.close-overlay{
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5);
    position:fixed;
    left:0;
    top:0;
    z-index:9998;
    display:none
}
.btn-close{
    cursor:pointer;
    display:block;
    left:280px;
    top:-40px;
    position:fixed;
    z-index:9999;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:18px;
    background-color:#e84e36;
    color:#fff;
    transition:top .4s;
    -webkit-transition:top .4s
}
.btn-close.active{
    top:0
}
body.opened-menu{
    overflow:hidden;
    width:100%;
    height:100%
}
@media screen and (max-width:1220px){
    .wrap-center{
        max-width:1000px
    }
    .wrap{
        padding:0
    }
    .col-side,.share{
        display:none
    }
    .btn-menu{
        height:40px;
        width:40px;
        line-height:40px;
        text-align:center;
        font-size:18px;
        cursor:pointer;
        background-color:#6877a2;
        color:#fff;
        display:block;
        border-radius:50%
    }
    .search-wrap{
        min-width:100%;
        margin:0
    }
    .topline{
        padding-top:0
    }
}
@media screen and (max-width:950px){
    .wrap-center{
        max-width:768px
    }
    .col-main,.footer,.site-desc{
        padding-left:15px;
        padding-right:15px
    }
    .fright{
        margin-left:10px
    }
    .add-comms,.full-comms{
        width:100%
    }
    .full-comms{
        margin-top:0
    }
    .show-comms{
        position:static;
        margin-top:15px;
        display:inline-block
    }
}
@media screen and (max-width:760px){
    .wrap-center{
        max-width:640px
    }
    .album-item{
        width:31%
    }
    .collection-item{
        width:48%
    }
    .sect-col{
        width:100%;
        margin-bottom:20px
    }
    .sect-col:last-child{
        margin:0
    }
    .audioplayer{
        padding-left:10px;
        padding-right:10px
    }
    .fright{
        width:100%;
        margin:20px 0 0 0
    }
    .dcont button{
        font-size:12px;
        padding:0 15px!important
    }
    .comments-tree-list .comments-tree-list{
        padding-left:0!important
    }
    .comments-tree-list .comments-tree-list:before{
        display:none
    }
    .mass_comments_action{
        display:none
    }
}
@media screen and (max-width:590px){
    .wrap-center{
        max-width:480px
    }
    .album-item{
        width:48%
    }
    .collection-item{
        width:100%
    }
    .fleft{
        width:120px;
        margin-right:15px
    }
    .fimg{
        width:120px;
        height:120px
    }
    .finfo li+li{
        margin-top:2px
    }
    .frate{
        width:100%;
        margin-top:15px;
        display:flex;
        justify-content:space-between
    }
    .frate a{
        width:48%;
        margin:0!important
    }
    .fdl,.fplay-wr{
        width:100%
    }
    .ac-inputs input{
        width:100%
    }
    .video-box embed,.video-box frame,.video-box iframe,.video-box object,.video-box video{
        height:300px
    }
    .ui-dialog{
        width:100%!important
    }
    .upop-left,.upop-right{
        float:none!important;
        width:100%!important;
        margin:0;
        padding:0 20px
    }
    .upop-left{
        margin-bottom:10px;
        text-align:center
    }
    .ui-dialog-buttonset button{
        display:block;
        margin:0 0 5px 0;
        width:100%
    }
    #dofullsearch,#searchsuggestions span.seperator{
        display:none!important
    }
    .attach .download-link{
        margin:0 -15px 0 0;
        float:none;
        display:block;
        padding:0 10px
    }
.sublnk {
  height: 20px;
  line-height: 20px;
font-size: 12px;}

    .attach-info{
        float:none
    }
}
@media screen and (max-width:470px){
    .wrap-center22{
        max-width:360px
    }
    .logo{
        -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;
        margin-right:30px;
        position:relative;
		margin: 12px 0px;
		width: 250px !important;
    }
    .logo img{
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
        max-width:100%
    }
    .mp .album-item:nth-child(5n),.mp .artist-item:nth-child(7n){
        display:none
    }
    .ap-img,.ap-info,.track-item .track-img{
        display:none
    }
    .ap-desc{
        min-width:5px
    }
    .video-box embed,.video-box frame,.video-box iframe,.video-box object,.video-box video{
        height:250px
    }
}