body{margin:0;padding:0;font-weight:700;font-size:14px;color:#222222;background-color:#f5f5f5}
body *{margin:0;padding:0;font-family:Salsa,Arial,sans-serif}
:link img,:visited img,a img{border:none}
a{text-decoration:none;color:#111111}
a:hover{text-decoration:none;color:#00C853}
header{background-color:#000000;padding:9px}
header a{background-image:url(/images/logo.png);background-repeat:no-repeat;background-size:contain;background-position:center center;display:block;height:35px;
width:215px;margin:0 auto;text-indent:-249em}
.searchbar{background:#ffffff;text-align:center;padding:5px}
.searchbar button{background-color:#00C853;background-image:linear-gradient(to right, #00C853, #00A844, #009624, #007E33, #006400);color:#fff;border:none;border-radius:4px;
padding:7px;margin-left:10px;font-weight:700}
.searchbar button:hover{background:#000000;color:#00C853}
.searchbar input{padding:8px;width:45%;border:1px solid #ccc;}
.searchbar input:focus{border:1px solid #00C853;color:#000000;font-weight:700;outline:none;}
.container{margin:auto;max-width:1280px;position:relative;background-color:#fff;box-shadow:0 1px 15px 2px rgba(0,0,0,.1);border-top:1px solid rgba(0,0,0,.04);margin-top:10px}
.share{margin:8px;text-align:left}
.share span{font-size:15px;font-display:swap;margin-bottom:9px;margin-top:-9px}
.share a{display:inline;color:#fff;padding:5px;font-display:swap;font-weight:500;margin:2px}
.share .fb{background:#3b5998}.share .wa{background:#25D366}.share .twi{background:#00acee}.share .te{background:#4682b4}
h1,h2,h3,h4{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clrscr{clear:both}
.panel{margin-bottom:10px}
.panel .primary{background-color:#00C853;background-image:linear-gradient(to right,#00C853,#00A844,#009624,#007E33,#006400,#004D00);text-transform: small;font-size:100%;
font-weight:800;padding:9px;color:#ffffff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.panel .row{padding:7px;border-bottom:1px solid #ccc}
.panel .sub-dl{background:#eeeeee;padding:6px;display:inline-block;margin-left:10px;border-radius:4px}
.panel .sub-dl img{margin-right:10px}
.panel .subs{background:#eeeeee;padding:7px;font-size:small}
.subs a{color:#00C853}
.panel .subs img{margin-right:10px}
.musicplayer audio{margin-top:15px;border-radius:5px;width:100%;height:30px}
.updates div{border-bottom:1px solid #dedede;padding:7px}
.clearfix{overflow:auto}
.clearfix::after{content:"";clear:both;display:table}
.info { width: 80%;margin-top: 10px;padding: 10px;box-shadow: 0 1px 15px 2px rgba(0,0,0,.1);border-top: 1px solid rgba(0,0,0,.04)}
.bl{text-align:center;padding:8px;background:#f5f5f5}
.bl a{padding:5px 8px;margin:5px;display:inline-block;background:#fff;border:1px solid #ccc;border-radius:3px;
text-decoration:none;font-weight:700;color:#111}
.bl a:hover{background:#000000;color:#00C853;border-color:#000}
.info h2 {font-size: 14px;font-weight: 400;font-display: swap;margin-bottom: 5px;white-space: normal;color:#000}
.info p { padding: 5px;font-family: Salsa,Arial;font-size: 11px;font-weight: 700;font-display: swap;color: #444444; }
.info a { color: #00C853}
.info a:hover {color: #000}
ul{list-style-type:none;margin:0;padding:0}
.gtext{padding:1px;color:grey;font-size:x-small;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spn{display:inline;color:#fff;font-size:9px;padding:1px;margin:3px;border-radius:2px}
.new{background:#00C853}
.trend{background:#000000;color:#00C853}
.rcmd{background:#009624}
.catList ul li a{padding:7px;display:block;color:#111}
.catList ul li{text-decoration:none;font-size:12px;margin:0;border-bottom:1px solid #dedede}
.catList li a img{margin-right:10px}
.filelist ul li{text-decoration:none;font-size:12px;margin:0;border-bottom:1px solid #dedede}
.filelist ul li a{padding:7px;display:block;color:#111}
.filelist li a img{margin-right:10px}
.d-list ul li{text-decoration:none;font-size:12px;margin:0;border-bottom:1px solid #dedede}
.d-list ul li a{padding:7px;display:block;color:#111}
.d-list li a img{margin-right:10px}
i{display:inline-block}
.song{padding:7px;background:url(/images/song.png) no-repeat left center;margin-right:10px}
.folder{padding:7px;background:url(/images/folder.png) no-repeat left center;margin-right:10px}
.songlist{padding:7px;background:url(/images/song-list.png) no-repeat left center;margin-right:10px}
.list-group{margin-bottom:10px;padding-left:0;font-size:14px}
.list-group:after{content:"";clear:both;display:table}
.list-group-item{display:block;padding:6px 8px;background-color:#fff;border-bottom:1px solid #ddd}
.post-1,.post-2{font-size:12px;display:table}
.post-thumb{margin-right:8px;float:left;padding:0;display:table-cell;vertical-align:middle}
.post-thumb img{width:80px;height:80px}
.post-data{color:#111111;font-weight:700;font-size:14px;display:table-cell;vertical-align:middle}
span.catname,span.textbtn{color:#666!important;display:block;font-size:11px!important;margin-top:4px;margin-bottom:7px}
.d-load{padding:7px;background:url(/images/download.png) no-repeat left center;margin-left:10px;margin-right:5px}
.dlinks{margin-top:10px;font-size:18px}
.dlinks div{border-bottom:1px solid #dedede;font-weight:700}
.dlinks div a{color:#111}
.dlinks div a:hover{color:#00C853}
.dlinks div a{padding:7px;display:block}
.dlinks div a img{margin-right:10px}
.fshow{margin:10px}
.dedede,.info{float:center}
.coversinfo{margin-right:15px}
.coversinfo img{width:220px;height:220px}
.coversinfo .thumnail{border:2px solid #ccc;border-radius:2px;padding:2px}
.page .active{background:#00C853;color:#ffffff}
.pagination{padding:9px;text-align:center}
.pagination li{background-color:#000000;background-image:linear-gradient(to bottom,#222222,#111111,#000000);display:inline-block;padding:5px 9px;
margin:3px;border-radius:4px;color:#00C853}
.pagination a{color:#00C853}
.description{margin-left:10px;line-height:20px}
.description div{margin-top:10px;background:#eeeeee;padding:7px;display:inline-block;margin-bottom:5px}
.description p{text-align:justify;line-height:25px;font-size:14px;margin:0;color:#222}
.description ul{margin-left:20px;list-style-type:square}
.sortdes{margin:10px;text-align:center}
.sortdes img{width:160px}
.sortdes .thumnail{border:2px solid #ccc;border-radius:2px;padding:2px}
ol.breadcrumb{padding:10px 16px;list-style:none;background-color:#eeeeee;text-transform:uppercase;font-weight:700}
ol.breadcrumb li{display:inline;color:#222}
ol.breadcrumb li+li:before{padding:5px;color:#888;content:"/\00a0"}
ol.breadcrumb li a:hover{color:#00C853}
.tags{margin:10px}
.dl-text a{color:#00C853}
.l-text{padding:10px}
.l-text a{font-weight:700;color:#000000}
.tags span{background:#000000;color:#00C853;padding:3px;border-radius:3px}
.tags p a{margin:5px;color:#111}
.float-right{float:right}
.button{display:inline-block;background-color:#000000;background-image:linear-gradient(to right,#222,#111,#000);
color:#00C853;padding:3px;border-radius:4px}
.az{text-align:center;padding:5px;background:#f5f5f5}
.az a{padding:5px 8px;margin:5px;display:inline-block;background:#fff;border:1px solid #ccc;border-radius:3px;text-decoration:none;font-weight:700;color:#111}
.az a:hover{background:#00C853;color:#ffffff;border-color:#00C853}
.autodes{margin:10px;padding:1px;background:#f5f5f5;border-radius:4px}
.autodes p{font-weight:400;line-height:15px;margin:10px;font-size:12px;text-align:justify;color:#444}
.post{padding:10px}
.post p{line-height:25px;margin:10px;font-family:arial}
.thumb{transition:opacity .5s ease-in-out .1s}
.loading{background:url(/images/list_loader.gif) center center no-repeat}
img .b-loaded{opacity:1;width:auto}
@media only screen and (min-width:768px){
    .list-group-item{float:left;width:50%;box-sizing:border-box;display:block;padding:6px 8px;background-color:#fff;border-bottom:1px solid #ddd}
    .lyrics{display:flex}
    .lyrics-col{flex:50%;padding:5px}
    .lyrics-col{flex:100%}
}
*{box-sizing:border-box}
.grid{float:left;width:11.11%;padding:5px}
.grid-content:after{content:"";display:table;clear:both}
@media screen and (max-width:700px){
    .grid{width:33.33%;display:block}
}
.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.1);padding:0;text-align:center;background-color:#ffffff;border-radius:5px}
.card img{width:100%;border:1px solid #ccc}
.cardinfo{padding:5px}
.cardthumnail{position:relative;text-align:center;color:#000}
.top-left{position:absolute;top:8px;left:8px}
footer{background-color:#000000;text-align:center;margin-top:10px;padding:7px;color:#00C853;font-weight:800}
footer a,footer a:hover{color:#ffffff}

.view-all-button {display: inline-block;padding: 5px 10px;background-color: #000000;color: #00C853;border-radius: 5px;font-size: 12px;text-align: center;text-decoration: none;transition: background-color 0.3s ease;margin-left: 10px;margin-right: 10px;}
.view-all-button:hover{background-color:#00C853;color:#000000;}
.dwnLink{font-weight:700}
.downLink a{margin:5px;background:#000000;border-radius:5px;color:#00C853;padding:7px 10px;text-shadow:1px 1px 1px #222;font-size:120%;display:inline-block}
.downLink a:hover{background:#00C853;color:#000000;text-shadow:none;}
#online{text-align:center}

.logo {background-color: #000000; padding: 10px; text-align:center;width: -moz-fit-content; font-variant: small-caps;}
.logo a,.logo a:hover {color:#00C853;font-size:40px;text-shadow: 1px 1px 2px #fff;}
.search{background:#f5f5f5;text-align:center;padding:5px}
.search input{padding:8px;width:45%; border:1px solid #ccc;}
.search input:focus{border:1px solid #00C853;color:#000000;font-weight:700;outline:none;}
.search button,.reportform button{background-color:#000000;background-image:linear-gradient(to right,#222,#111,#000);color:#00C853;border:none;border-radius:4px;padding:7px;margin-left:10px;font-weight:700}
.search button:hover,.reportform button:hover{background:#00C853;color:#000000;}
.advetisementss {background:#ffffff;margin:1px;padding:7px;text-align:center;font-size:small;box-shadow:7px 1px 20px #eeeeee inset;color:#00C853;}
.advetisements {background:#ffffff;margin:1px;border:1px solid #eeeeee;padding:7px;font-size:small;text-align:center; }
.main-heading {background-image:linear-gradient(to right,#00C853,#00A844,#009624,#007E33,#006400);text-transform:capitalize;padding:7px;color:#ffffff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clrDiv {margin-top:12px auto;}
.bottom{background-color:#000000;text-align:center;margin-top:10px;padding:7px;color:#00C853;font-weight:700} 
.bottom a,.bottom a:hover{color:#ffffff}
.flags {display:inline;color:#fff;font-size:9px;padding:1px;margin:3px;border-radius:2px}
.hot{background:#00C853;color:#000000;}
.popul{background:#000000;color:#00C853;}
.fshow{margin:10px}
.info h2{font-size:15px;font-weight:400;margin-bottom:5px;white-space:normal;color:#000000;}
.coversinfo,.info{float:left}
.coversinfo{margin-right:15px}
.coversinfo img{width:220px;height:220px}
.thumb{border:1px #ddd solid;padding:2px;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.05);}
.coversinfo .thumbnail{border:0.5px solid #00C853;border-radius:3px;padding:2px;}
.descriptions {background-color: #f5f5f5;border-radius:1px;color:#444;text-align:center;padding:6px 10px;margin:2px 1px;font-size:small;}
.seotags {background-color: #eeeeee;border-radius:1px;text-align:left;color:#666;padding:6px 10px;margin:15px 0 -8px 0;font-size:small;}
audio {-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -moz-box-shadow: 2px 2px 4px 0px #ccc; -webkit-box-shadow: 2px 2px 4px 0px #ccc; box-shadow: 2px 2px 4px 0px #ccc; -moz-border-radius: 27px; -webkit-border-radius: 27px; border-radius: 27px; outline: 0;margin: auto; padding: 1px; border: 0; font-size: 100%; background: #000000; vertical-align: baseline; width: 95%; height:36px; display: block; padding: 0px 10px;}
.remotePlayer {text-align:center;width: 55px; height: 10px 0 10px 0; text-transform: capitalize; padding:5px; cursor: pointer; border: none; outline: none; color: #00C853; background: linear-gradient(to right, #000000, #111111, #222222, #111111, #000000); background-size: 180% auto; transition: 0.5s all; transform: skewX(-20deg);}
.remotePlayer:hover{background-position: right center; color:#fff;}
::-webkit-scrollbar{width:5px;height:6px;}
::-webkit-scrollbar-track{ background-color:#000000;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb{background-color:#00C853;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}
::-webkit-scrollbar-corner{background-color:#000000;}