.cf:after, .cf:before {
    content: " ";
    display: table;
    content: " ";
    display: table
}

.cf:after {
    clear: both;
    clear: both
}

.no-mg-t {
    margin-top: 0 !important;
}

.mg-b-20 {
    margin-bottom: 20px !important;
}

.mg-b-30 {
    margin-bottom: 30px !important;
}

.mg-b-40 {
    margin-bottom: 40px !important;
}

.mg-b-50 {
    margin-bottom: 50px !important;
}

.mg-t-20 {
    margin-top: 20px !important;
}

.mg-t-30 {
    margin-top: 30px !important;
}

.mg-t-40 {
    margin-top: 40px !important;
}

.mg-b-10 {
    margin-bottom: 10px !important;
}

.mg-t-10 {
    margin-top: 10px !important;
}

.mg-t-5 {
    margin-top: 5px !important;
}

.mg-b-5 {
    margin-bottom: 5px !important;
}

.mg-r-10 {
    margin-right: 10px !important;
}

.mg-l-10 {
    margin-left: 10px !important;
}

.mg-l-5 {
    margin-left: 5px !important;
}

.pd-l-10 {
    padding-left: 10px !important;
}

.pd-l-20 {
    padding-left: 20px !important;
}

.pd-l-5 {
    padding-left: 5px !important;
}

.pd-r-10 {
    padding-right: 10px !important;
}

.pd-r-20 {
    padding-right: 20px !important;
}

.pd-t-10 {
    padding-top: 10px !important;
}

.pd-t-20 {
    padding-top: 20px !important;
}

.pd-t-30 {
    padding-top: 30px !important;
}

.pd-b-30 {
    padding-bottom: 30px !important;
}

.pd-t-15 {
    padding-top: 15px !important;
}

.pd-b-10 {
    padding-bottom: 10px !important;
}

.pd-b-15 {
    padding-bottom: 15px !important;
}

.pd-b-20 {
    padding-bottom: 20px !important;
}

.pd-10 {
    padding: 10px !important;
}

.pd-5 {
    padding: 5px !important;
}

.mg-0 {
    margin: 0 !important;
}

.mg-10 {
    margin: 10px;
}

.pd-l-r-3 {
    padding: 0 3px
}

.lft-0 {
    left: 0
}

.tp-0 {
    top: 0
}

.btm-0 {
    bottom: 0
}

.rgt-0 {
    right: 0
}

a {
    text-decoration: none;
    color: inherit;
}

* {
    box-sizing: border-box;
}

img {
    display: block;
    color: transparent;
    box-shadow: none;
    font: 0px/0 a
}

._960 {
    width: 960px;
    margin: 0px auto;
}

::-moz-selection {
    background: #7575E4;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #7575E4;
    color: #fff;
    text-shadow: none;
}

abbr, abbr[title], dfn[title] {
    border: none !important;
    font-weight: normal;
}

[class^="hw"]::before, [class*=" hw"]::before {
    margin: 0 !important;
}

.col {
    margin-top: 0;
    margin-bottom: 0;
}

figure {
    margin: 0;
    position: relative;
}

figure img {
    width: 100%;
}

a {
    display: block;
}

body {
    background: #8B0000;
}

#wrapper .main-content {
    background: #F1FAFF;
    position: relative;
    display: block;
}

.fixed_left, .fixed_right {
    position: fixed;
    width: 160px;
    z-index: 1;
    top: 20px;
}

.fixed_left {
    left: 4px;
}

.fixed_right {
    right: 4px;
}

.fixed_left a, .fixed_right a {
    display: block;
}

.fixed_left a img, .fixed_right a img {
    /*border:1px solid #444;*/
}

@media (max-width: 1100px) {
    .fixed_left, .fixed_right {
        display: none;
    }
}

#header {
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100;
    margin: 0px;
    transition: margin 0.3s ease 0s;
    border-top: 3px solid #F1FAFF;
    background: #F1FAFF
}

._960 {
    width: 960px;
    margin: 0px auto;
}

#top-header {
    margin: 5px;
}

#logo {
    float: left;
}

#search {
    float: right;
    width: 40%;
    margin-top: 30px;
}

.searchtxt input {
    width: 100%;
    padding: 4.8px;
    font: 14px arial;
    border: 1px solid #000000;
}

.searchbtn input {
    border: 1px solid #000000;
    color: #FFF;
    background: #000000;
    cursor: pointer;
    padding: 5.5px;
    width: 100%;
    font: bold 12px arial;
}

.searchbtn input:hover {
    border: 1px solid #6B503E;
    background: #6B503E;
}

#lower-header {
    background: #674835;
    position: relative;
}

#lower-header ul li a {
    color: #FFF;
    padding: 4px;
    display: block;
    text-align: center;
    font: bold 16px Arial;
}

#lower-header ul li a:hover {
    color: #00FF00;
    background: #000;
}

h1.header-line {
    font: bold 13px arial;
    text-align: center;
    margin: 10px;
}

.adsence-long {
    text-align: center;
    height: auto;
    max-width: 100%;
    margin-right: 10px;
    margin-left: 10px;
    display: block;
}

.adsence-long iframe {
    /*border:1px solid #080;*/
}

.left-640 {
    float: left;
    width: 640px;
}

.big-news {
    position: relative;
}

.big-news h1 {
    color: #FFF;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 10px;
    font: bold 20px Arial;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#000));
    background-image: -moz-linear-gradient(transparent, #000);
    background-image: -ms-linear-gradient(transparent, #000);
    background-image: -o-linear-gradient(transparent, #000);
    background-image: linear-gradient(transparent, #000);
}

.big-news figure {
    height: 250px;
    overflow: hidden;
}

.right-300 {
    float: right;
    width: 300px;
}

#movies-section {
    margin: 20px 5px;
    position: relative;
}

.ads300 {
    height: 250px;
    overflow: hidden;
}

#flow-right .ads300 {
    margin-bottom: 20px;
}

.ads300.__600h {
    height: 600px;
}

#news-section-slider {
    margin: 15px 0;
    position: relative;
}

#news-section-slider .col a figure {
    height: 100px;
    overflow: hidden
}

#news-section-slider .col a h3 {
    font: bold 14px arial;
    margin-top: 5px;
    max-height: 55px;
}

#news-section-slider .col:hover a h3 {
    color: #63B2F5;
}

#news-section-slider .col:hover a figure img {
    opacity: 0.8;
}

#latestmusic-section, #popularmusic-section, #featured-artists-section {
    margin: 20px 5px;
}

#videos-section {
    margin: 40px 5px;
}

.music-section {
    position: relative;
}

.videos-2 {
    margin-top: 20px;
}

.seemore {
    position: absolute;
    padding: 3px 10px 2px;
    background: #FFA500 none repeat scroll 0% 0%;
    z-index: 100;
    right: 0px;
    top: 30%;
    font: bold 12px arial;
    color: #FFF;
}

.seemore:hover {
    background: #000;
}

#latestmusic-section .music-section .col:nth-child(5n + 1), #featured-artists-section .music-section .col:nth-child(5n + 1) {
    margin-left: 0;
}

.music-section .col figure {
    height: 120px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.music-section .col figure:before {
    content: ' ';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 58' width='512' height='512'%3E%3Ccircle cx='29' cy='29' r='29' data-original='%23EBBA16' class='active-path' data-old_color='%23FF4700' fill='red'/%3E%3Cpath data-original='%23FFFFFF' data-old_color='%23F9F7F7' fill='%23fcfafa' d='M44 29L22 44V14z'/%3E%3Cpath d='M22 45a.999.999 0 0 1-1-1V14a.999.999 0 0 1 1.564-.826l22 15a1.001 1.001 0 0 1-.001 1.652l-22 15A1.002 1.002 0 0 1 22 45zm1-29.107v26.215L42.225 29 23 15.893z' data-original='%23FFFFFF' data-old_color='%23F9F7F7' fill='%23fcfafa'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: contain;
}

#featured-artists-section .music-section .col figure:before{
    content: none;
}

.music-section .col h3 {
    font: bold 15px arial;
    margin-top: 5px;
    text-transform: capitalize;
    color: #000;
    height: 40px;
    margin-bottom: 10px;
}

#l-lka.music-section .col h3 {
    color: #63B2F5;
}

#topweek .music-section .col h3 {
    color: #63B2F5;
}

#videos-section .col h3 {
    color: #B341B4;
}

#videos-section h2 {
    color: #B341B4;
}

.music-section .col:hover h3, #videos-section .col:hover h3 {
    color: #63B2F5;
}

.music-section .col:hover img {
    opacity: 0.8;
}

.bigh2s {
    font: 900 30px arial;
    color: #000;
    text-align: center;
    margin-bottom: 20px
}

#topweek .bigh2s {
    color: #63B2F5;
}

.bigh2s.red,
#topweek .bigh2s.red{
    color: #F00;
}

#facebookpage {
    float: left;
    width: 300px;
    height: 395px;
    border: 1px solid #FFFF00;
    display: block;
    margin: 0 auto;
}

#topweek {
    width: 640px;
    float: right;
}

#socialmedia {
    margin: 20px auto 0;
    width: 830px;
    text-align: center;
}

.hihi.smaller {
    font: 1em Bitter-Bold, Arial;
    color: #EFA000;
    margin-bottom: 10px;
}

#socialmedia .section .col a {
    display: block;
    color: #FFF;
    font: 0.85em Bitter, Arial;
    text-align: center;
    padding: 4px;
}

#socialmedia .section .col a.face_b {
    background: #3B5998 none repeat scroll 0% 0%;
}

#socialmedia .section .col a.twit_b {
    background: #55ACEE none repeat scroll 0% 0%;
}

#socialmedia .section .col a.you_b {
    background: #CD201F none repeat scroll 0% 0%;
}

#socialmedia .section .col a.ins_b {
    background: #3F729B none repeat scroll 0% 0%;
}

#topweek .music-section .col figure {
    /*height: 150px;*/
}

#contentinfo {
    margin: 20px 5px;
}

#footer-links {
    text-align: center;
}

#footer-links li {
    display: inline-block
}

#footer-links li a {
    display: block;
    font: 12px arial;
    padding: 2px 20px;
}

#footer-links li a:hover {
    color: #63B2F5
}

.end-notes {
    font: 12px arial;
    color: #777;
    margin-top: 10px;
}

.footer-notes {
    margin-top: 30px;
}

.banner-footer {
    margin-top: 20px;
}

.banner-footer img {
    display: block;
    margin: 0 auto;
    width: 728px;
}

._630 {
    width: 630px;
}

._300 {
    width: 300px;
}

#flow-right {
    float: right;
    /*border:1px solid red;*/
    margin-right: 5px
}

#flow-left {
    float: left;
    /*border:1px solid red;*/
    margin-left: 5px;
}

#flow-left-right {
    margin-top: 30px;
}

#allnews-left {
    float: left;
    width: 640px;
}

.title-header {
    font: 25px Bitter-Bold, Arial;
    padding-bottom: 10px;
    border-bottom: 1px dotted #AAA;
}

.element-cover {
    margin-top: 20px;
}

.element-cover .col:nth-child(4n + 1) {
    margin-left: 0;
}

.element-cover .col figure {
    height: 120px;
    border: 1px solid #63B2F5;
    overflow: hidden;
    border-bottom-width: 3px;
    position: relative;
}

.element-cover .col figure span {
    position: absolute;
    margin-top: 5px;
    color: #FFF;
    font-size: 11px;
    font-family: arial;
    display: block;
    background: #63B2F5;
    bottom: 0;
    right: 0;
    padding: 2px 5px;
    font-weight: bold;
}

.element-cover .col figure img {
    min-height: 100%;
}

.element-cover .col h3 {
    font: 14px Bitter-Bold, Arial;
    height: 40px;
    /*border:1px solid #F00;*/
    margin-bottom: 20px;
    margin-top: 3px;
    /*color:#333*/
}

.element-cover .col:hover figure img {
    opacity: 0.8;
}

.element-cover .col:hover h3 {
    color: #000;
}

.element-cover .col:hover figure {
    border-color: #000;
}

.element-cover .col:hover figure span {
    background: #000;
}

#pagn-wrap {
    padding-top: 10px;
    margin-top: 30px;
    border-top: 1px solid #DDD;
}

#pagination_controls {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.wr_controls {
    margin-bottom: 0px;
    margin-top: 10px;
}

#pagination_controls a {
    display: inline-block;
    padding: 5px 15px;
    background: #000;
    color: #FFF;
    text-decoration: none;
    font-family: Arial;
    font-weight: bold;
}

#pagination_controls a:hover {
    background: #63B2F5;
}

#pagination_controls a.void {
    background: #EEE none repeat scroll 0% 0%;
    color: #868686;
}

.ttxt {
    font: 13px Arial;
    text-align: center;
    display: block;
    color: #555;
    padding: 10px;
    background: #EEE none repeat scroll 0% 0%;
}

#videos-section-home {
    margin-top: 20px;
}

.cover-vids {
    margin-bottom: 0px;
}

.cover-vids .col:nth-child(3n + 1) {
    margin-left: 0;
}

.home-vids .cover-vids .col:nth-child(3n + 1) {
    margin-left: 1.6%;
}

.home-vids .cover-vids .col:nth-child(5n + 1) {
    margin-left: 0;
}

#movies-section .cover-vids .col:nth-child(4n) {
    margin-left: 1.6%;
}

.cover-vids .col figure {
    height: 115px;
    overflow: hidden;
    border-bottom: 3px solid #63B2F5;
}

.cover-vids .col figure img {
    margin-top: -15px;
}

.cover-vids .col h3 {
    font: 14px Bitter-Bold, Arial;
    margin-top: 3px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 20px;
}

.cover-vids .col:hover figure {
    border-color: #000;
}

.cover-vids .col:hover h3 {
    color: #000
}

.___as {
    margin-bottom: 30px;
    text-align: center;
}

.___as a {
    padding: 5px 10px;
    color: #FFF;
    background: #63B2F5;
    font: bold 0.9em arial;
    display: inline;
    border-radius: 2px;
}

.___as a:hover {
    background: #000;
}

.artists {
    margin-top: 20px;
}

.artists.music-section .col:nth-child(4n + 1) {
    margin-left: 0;
}

.artists.music-section .col figure {
    border-bottom: 3px solid #63B2F5;
}

.artists.music-section .col {
    margin-bottom: 10px;
}

.artists.music-section .col .arti-meta {
    height: 60px;
}

.artists.music-section .col h3 {
    margin-bottom: 0;
    height: auto;
    max-height: 60px;
    margin-top: 2px;
}

.artists.music-section .col .arti-meta span {
    font: 11px arial;
    color: #888;
    display: block;
}

.news-wrapper .title-header {
    margin-bottom: 20px;
}

.news-wrapper.all-news #news-section {
    margin-bottom: 40px;
}

.news_list {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #DDD;
}

#main-news-section {

}

.article-title {
    font: 900 35px Arial;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #CCC;
    display: block;
    padding-left: 10px;
}

.meta-article {
    font: 12px arial;
    color: #555;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.meta-article span {
    margin-right: 10px;
}

#image-article {
    max-height: 400px;
    overflow: hidden;
    border-bottom: 3px solid #000;
}

.subtitle {
    font: 12px/20px arial;
    color: #555;
    margin: 10px;
    margin-right: 0px;
    display: block;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 10px;
    font-style: italic;
}

#article-body {
    font: 14px/25px arial;
    color: #333;
    padding-left: 10px;
}

#article-body img {
    max-width: 100%;
}

#article-body h1, h2, h3 {
    font-weight: bold;
}

#article-body a {
    display: inline;
    color: #63B2F5;
}

.news_list h2 {
    font: bold 20px/20px arial;
    color: #000;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #CCC;
}

.news_list ul li {
    padding-bottom: 20px;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 20px;
}

.news_list ul li figure {
    float: left;
    width: 80px;
    height: 60px;
    overflow: hidden;
    border-bottom: 2px solid #63B2F5;
    margin-right: 10px;
    background: #000;
}

.news_list ul li h3 {
    font: bold 13px/20px arial;
    text-transform: capitalize;
    color: #444;
}

.news_list ul li:hover h3 {
    color: #63B2F5;
    transition: 0.2s all linear 0s;
}

.news_list ul li:hover figure {
    border-bottom: 2px solid #080;
    transition: 0.2s all linear 0s;
}

.news_list ul li:hover figure img {
    opacity: 0.6;
    transition: 0.2s all linear 0s;
}

.sharers {
    margin-top: 10px;
    padding-top: 10px;
}

.disabledsharer {
    background: #63B2F5;
    color: #FFF;
    font: bold 12px arial;
    margin: 8px 20px 0 0;
    padding: 1px 5px !important;
}

.meta-artist {
}

#meta-artist .artist-image {
    float: left;
    width: 320px;
    border-right: 3px solid #139E01;
    height: 250px;
    overflow: hidden;
    border-top-left-radius: 5px;
}

#meta-artist #artist-meta {
    float: left;
    width: calc(100% - 320px);
    padding: 5px 5px 5px 20px;
    height: 250px;
    overflow: hidden;
    font: 13px/24px Arial;
    background: #333;
    color: #FFF;
    border-top-right-radius: 5px;
}

#meta-artist #artist-meta.__playerp {
    padding: 0;
    padding-left: 20px;
    background: #FFF;
}

.song-meta-data {
    margin-top: 10px;
    font: 13px/24px Arial;
    color: #888
}

.sponsored-top-list {
    background: #000;
    margin: 10px;
    margin-bottom: 0;
    border-radius: 5px;
}

.sponsored-top-list ul li {
    margin-right: 10px;
    float: left;
}

.text-desc {
    border-bottom: 1px solid #DDD;
    padding: 4px;
    display: block;
}

.text-desc em {
    font: bold 1.5em arial;
    position: relative;
    float: left;
    width: 255px;
    overflow: hidden;
    max-height: 35px;
}

.text-desc a.downloadbtn {
    display: block;
    color: #F0F0F0;
    padding: 5px 15px 5px 8px;
    font: bold 0.8em arial;
    border-radius: 5px;
    float: right;
    background: #674835;
}

.text-desc a.downloadbtn i {
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px dotted #EEE
}

.text-desc a.downloadbtn:hover {
    background: #63B2F5;
}

.sponsored-top-list ul li a {
    color: #FFF;
    padding: 4px 10px;
    font: 0.9em arial;
    white-space: nowrap;
    overflow: hidden;
    font: bold 0.9em Arial;
    box-sizing: border-box;
    text-overflow: ellipsis;
    max-width: 15rem;
    display: block;
}

.sponsored-top-list ul li a:hover {
    color: #63B2F5;
}

.sponsored-top-list ul li:first-child a {
    color: #F9AC0E;
}

.sharingul {
    display: block;
    padding-bottom: 10px;
}

.sharingul li {
    float: left;
    margin-right: 10px;
}

.sharingul li a {
    display: block;
    color: #FFF !important;
    padding: 5px 15px 5px 8px;
    font: bold 0.8em arial;
    border-radius: 5px;
}

.nothingfound {
    color: rgb(255, 255, 255);
    background: rgb(153, 0, 0) none repeat scroll 0% 0%;
    font: 12px arial;
    padding: 5px 10px;
}

/*.sharingul li:first-child:hover a{
    background: none;
}*/
.sharingul li a i {
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px dotted #EEE
}

/*.sharingul li:first-child a{
    color: #080;
    padding-left: 0;
}*/
.tit-titlel {
    font: bold 25px Arial;
}

.sharingul li a.facebook {
    background-color: #3B5998;
}

.sharingul li a.twitter {
    background-color: #00ACED;
}

.sharingul li a.youtube {
    background-color: #cd201f;
}

.sharingul li a.instagram {
    background-color: #3f729b;
}

.sharingul li a.google-plus {
    background-color: #dc4e41;
}

.sharingul li a.linkedin {
    background-color: #0077b5;
}

.sharingul li a.whatsapp {
    background-color: #080;
}

#homeul.sharingul li:first-child a {
    color: #FFF !important;
}

#homeul.sharingul li:first-child:hover a {
    background: #444 !important;
}

.text-desc a {
    font-size: 0.9em
}

.text-desc .whatsapp {
    display: inline-block;
    color: #FFF !important;
    padding: 5px 15px 5px 8px;
    font: bold 0.8em arial;
    border-radius: 5px;
    background-color: #25d366;
    padding-right: 5px;
    margin-left: 5px;
    margin-left: 20px;
}

.text-desc .whatsapp:hover {
    color: #555
}

.text-desc .whatsapp i {
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px dotted #EEE
}

.sharingul li a:hover {
    background-color: #444;
    transition: 0.2s all linear 0s;
}

.responsive-ad {
    margin: 20px 0;
    min-height: 60px;
}

.facebook-comment-box {
    margin-bottom: 20px;
}

.notnot {
    padding: 10px;
    text-align: center;
    color: #FFF;
    font: bold 15px arial;
    margin-bottom: 20px;
    background: #B34949;
}

.more-songs .artists.music-section .col h3 {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #CCC;
}

.trert {
    font: bold 1.5em Arial;
    border-bottom: 1px dotted rgb(204, 204, 204);
    padding-bottom: 10px;
    color: rgb(85, 85, 85);
}

.__right-news {
    margin-top: 20px;
    min-height: 400px;
    padding-right: 5px;
}

.__right-news ul li {
    margin-bottom: 20px;
}

.__right-news ul li:last-child {
    margin-bottom: 0px;
}

.__right-news ul {
    margin-top: 20px;
}

.__right-news ul li figure {
    margin-bottom: 5px;
    height: 150px;
    overflow: hidden;
}

.__right-news ul li figure img {
    width: 100%;
}

.__right-news ul li h3 {
    color: #444;
    font: bold 1em arial;
    height: 45px;
    overflow: hidden;
}

.__right-news ul li:hover figure img {
    opacity: 0.8;
    transition: 0.2s all linear 0s;
}

.__right-news ul li:hover h3 {
    color: #080
}

.green {
    color: #080
}

.compr_ midad {
    margin-top: 20px;
}

.contentHolder {
    position: relative
}

.center-text {
    text-align: center;
}

.insta-link {
    font: bold 14px Arial;
    float: right;
    margin-right: 10px;
    color: #080;
}

.insta-link:hover {
    color: #63B2F5;
    transition: 0.2s all ease 0s;
}

.phone {
    background: #63B2F5;
    color: #FFF;
}

._728-link-ads {
    margin-bottom: 30px;
}

.wrap-paypal {
    padding: 8px 10px 5px 10px;
    background: #F0F0F0;
    margin-bottom: 10px;
}

.music-section .span_1_of_3:nth-child(3n+1) {
    margin-left: 0;
}

#latestmusic-section .music-section.twos .col:nth-child(2n + 1) {
    margin-left: 0;
}

#latestmusic-section .music-section.twos .col:nth-child(6n) {
    margin: 1% 0 1% 1.6%;
}
/*---------------------------------------------*/
.relative{
    position: relative;
}
.hot_position{
    position: absolute;
    bottom:0;
    left:0;
    padding:5px 10px;
    font-weight:bolder;
    color: #FFFFFF;
    background: #F00;
    font-family:Arial, sans-serif;
}
#facebookpage.fltright {
    float: right;
}
#topweek.fltleft {
    float: left;
}

.more-ht{
    text-align: center;
}
.more-ht a {
    display: inline-block;
    padding: 4px 20px 3px;
    font-weight: bolder;
    font-family: arial;
    background: #F00;
    color: #FFF;
    margin: 0 auto;
}
#hot10.music-section .span_1_of_5:nth-child(5n+1) {
    margin-left: 0;
}
nav.main-navigation.red-nav {
    background: #000000;
}
.silent-nav-2 {
  display: none;
}
/* ===========================================================
   UNIVERSAL GRID FIX (applies to all pages)
   =========================================================== */

/* Make every grid thumbnail perfect squares */
.artists figure,
.music-section figure {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    background: #f2f2f2;
}

.artists figure img,
.music-section figure img {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Remove margin conflicts */
.artists ul, .music-section ul { margin: 0; padding: 0; }
.artists li, .music-section li {
    list-style: none;
    margin-bottom: 25px;
}

/* 🔥 MOBILE FIX — Force 3-per-row grid everywhere */
@media (max-width: 600px) {

    .artists .col,
    .music-section .col {
        width: 32.26% !important;
        margin: 0 !important;
        margin-bottom: 10px !important;
        float: left !important;
    }

    .artists .col:not(:nth-child(3n+1)),
    .music-section .col:not(:nth-child(3n+1)) {
        margin-left: 1.6% !important;
    }

    .artists .col:nth-child(3n+1),
    .music-section .col:nth-child(3n+1) {
        margin-left: 0 !important;
    }

    .artists .col:nth-child(4n+1),
    .music-section .col:nth-child(4n+1) {
        margin-left: 0 !important;
    }
}

/* 🔴 Play Button (used everywhere) */
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    background: rgba(255,0,0,0.9);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    z-index: 10;
}

.play-button:before {
    content: "";
    border-left: 9px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    margin-left: 2px;
}

/* ===== Remove Inline CSS (Index Page Styles) ===== */

.section-title-colored {
    color: #330099 !important;
}

.no-items-message {
    padding: 20px;
    font-size: 14px;
    color: #444;
}

.no-items-small {
    padding: 10px;
    font-size: 13px;
    color: #444;
}

.trending-views {
    color: #330099;
}
/* ======================================
   SIDEBAR FIXES — HOME PAGE
   ====================================== */

.sidebar-item {
    width: 100% !important;
    margin-bottom: 18px !important;
    list-style: none;
    display: block;
}

.sidebar-item figure {
    width: 100%;
    height: 150px;
    overflow: hidden;
    background: #f2f2f2;
}

.sidebar-item figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-item h3 {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.3em;
}

/* Fix More Artists button alignment */
.sidebar-section .seemore {
    display: inline-block;
    margin-top: 6px;
    float: right;
}

/* Clear floats */
.sidebar-section::after {
    content: "";
    display: block;
    clear: both;
}
/* ======================================
   SIDEBAR FIX — 2 ITEMS PER ROW
   ====================================== */

.sidebar-section ul {
    margin: 0;
    padding: 0;
}

.sidebar-item {
    width: 48% !important;
    list-style: none;
    float: left !important;
    margin-bottom: 15px !important;
}

.sidebar-item:nth-child(2n+1) {
    margin-right: 4% !important; /* spacing between columns */
}

.sidebar-item figure {
    width: 100%;
    height: 140px;
    background: #f2f2f2;
    overflow: hidden;
}

.sidebar-item figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-item h3 {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.3em;
}

/* Fix "More Artists" button alignment */
.sidebar-section .seemore {
    float: right;
    margin-bottom: 8px;
}

/* Clear floats at the end of sidebar blocks */
.sidebar-section::after {
    content: "";
    display: block;
    clear: both;
}
.song-stats {
    display: flex;
    gap: 20px;
    margin: 10px 0 15px 0;
    padding: 10px 12px;
    background: #f7f7f7;
    border-radius: 6px;
    border: 1px solid #ddd;
    font-size: 15px;
    color: #333;
}

.song-stats .stat {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

.song-stats .stat-icon {
    font-size: 18px;
}

.download-button-wrapper {
    margin-top: 15px;
}

.download-button {
    background: red;
    color: white;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    transition: background 0.2s ease;
}

.download-button:hover {
    background: #cc0000;
}