body{ background:; }
.cover{ background: linear-gradient(0deg, #000000 2.1%, #D70000 100%); min-height:115px; }
.artist-image img{ margin-top:-65px; }
.bg-gray{ background:#d9d9d9; }
.heading{ font-family:'bebas Neue', serif; }
.heading-1{ font-size:2.5rem; letter-spacing:.15rem; }
.heading-2{ font-size:2.188rem; letter-spacing:.075rem; }
.desc{ font-family:"Didact Gothic", sans-serif; letter-spacing:.15rem; }
.info{ font-family:"Didact Gothic", sans-serif; letter-spacing:.15rem; }
.bg-dark{ background:#2f2f2f; gap:15px; padding:1.85rem 0; }
.bg-red{ background:#D70000; gap:40px; padding:1.65rem 0; }
.bg-darkgray{ background:#b6b6b6; padding:1.65rem 0; }
.listedData{background: #5C5C5C; }
.bg-black{ background:#000; padding:1.65rem 0; }
.bg-darkGray{ background:#1c1b1b; padding:1.65rem 0; }
.color-white{ color:#fff; }
.btn-custom{ border-radius:0; font-size:1.5rem; border-width:2px; font-family:"Didact Gothic", sans-serif; letter-spacing:.15rem; background:#D9D9D9; max-width:70%; min-width:270px; text-align:center; }
.btn-outline-warning.btn-custom{ color: #A85A00; border-color:#FF8800; }
.btn-outline-danger.btn-custom{ color: #B30E23; border-color:#FA2D48; }
.btn-outline-success.btn-custom{ color: #00581F; border-color:#1DB954; }
.social-share-icons{ gap:25px; padding:2rem 0; }
.btn-vote{ background: #EA5C26; color:#000; font-family:'bebas Neue', serif; border:2px solid #000; border-radius:100px; }
.btn-vote:hover,.btn-vote:focus{ color:#000; }
.options{ font-family:'bebas Neue', serif; gap:25px; }
.options span{ color:#d70000; font-weight:600; font-size:1.875rem; letter-spacing:.15rem; }
.product-img{ gap:35px; width:70%; margin:auto; }
.btn-buy{ background:#d70000; color:#fff; font-size:1.875rem; line-height:1; min-width:170px; border-radius:0; }
.btn-shop{ background:#d70000; color:#fff; font-size:1.875rem; min-width:170px; font-family:'bebas Neue', serif; font-size:1.875rem; letter-spacing:.15rem; line-height:1; padding-top:4px; padding-bottom:2px; border-radius:0; transition:all .3s ease-in-out;  }
.listedData ul{ list-style:none; padding:0; }
.listedData ul li a{ color:#fff; font-family:'bebas Neue', serif; font-size:1.125rem; letter-spacing:.075rem; }
.subscribeForm{ width:70%; margin:auto; }
.txt-unsub{ font-size:.625rem; text-align:center; padding: 0 10px; font-family:"Didact Gothic", sans-serif; letter-spacing:.05rem; color:#000; }
.audio-player{ width:100%; min-height:310px; margin:auto; }
.audio-player audio::-webkit-media-controls-play-button,
.audio-player audio::-webkit-media-controls-panel { background-color: #fff; color: #fff; }
.current{ font-size:18px; letter-spacing:0; margin:0; }
.artistName{ font-size:15px; letter-spacing:0; margin:0; }
@media screen and (min-width:769px){
	.audio-player{ width:410px; }
}
.subscribeForm input[type="text"],
.subscribeForm input[type="number"]{ width:100%; height:2.5rem; border-width:2px; border-color:#000; border-radius:0; text-align:center; }
.subscribeForm input::placeholder{ color:#969696; text-align:center; font-family:"Didact Gothic", sans-serif; font-size:1.125rem; letter-spacing:.15rem; text-transform:uppercase; }
.btn-submit{ background:#d70000; color:#fff; font-family:"Didact Gothic", sans-serif; font-size:1.25rem; letter-spacing:.15rem; text-transform:uppercase; min-width:90%; border:2px solid #000; border-radius:100px; }
.btn-submit:hover{ color:rgba(255, 255, 255, .9); }
/*CSS for Player*/
.playermain { width: 350px;	padding: 20px; border-top:2px solid #000; text-align: center; margin:auto; }
.playermain img { width: 100px;	height: 100px; }
.playermain .song-title { font-size: 1rem; margin: 10px 0 0; }
.playermain .artist { font-size: 14px; }
.playermain audio { width: 100%; margin-top: 10px; }
.controls { display: flex; justify-content: space-around; margin: 15px 0; }
.controls button { background-color: #f47c52; border: none; border-radius: 50%; width: 32px; height: 32px; cursor: pointer; }
.controls button.like-icon{ background-color: transparent; width: 32px; height: 32px; cursor: pointer; }
.controls button img { width: 12px; height:auto; }
.progress-bar {	width: 100%; height: 5px; background-color: #eee; border-radius: 5px; overflow: hidden; margin: 12px 0 5px; }
.progress {	width: 0; height: 100%; background-color: #ff5722; }
.time { font-size: 12px; display: flex; justify-content: space-between; color: #555; }
.now-playing a{ color:#000; font-family:"Didact Gothic", sans-serif; font-size:.85rem; }
/*CSS for Player*/


.add-bottom { margin-bottom:2rem !important; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.hidden { display:none; }

.no-support {
margin:2rem auto;
text-align:center;
width:90%;
}


/* Audio Player Styles
================================================== */

audio {
display:none;
}

#audiowrap,
#plwrap {
margin:0 auto;
}

#tracks {
font-size:0;
position:relative;
text-align:center;
}

#nowPlay {
display:block;
font-size:0;
}

#nowPlay span {
display:inline-block;
font-size:1.05rem;
vertical-align:top;
}

#nowPlay span#npAction {
padding:21px;
width:30%;
}

#nowPlay span#npTitle {
padding:21px;
text-align:right;
width:70%;
}

#plList li {
cursor:pointer;
display:block;
margin:0;
padding:21px 0;
}

#plList li:hover {
background-color:rgba(0, 0, 0, .1);
}

.plItem {
position:relative;
}

.plTitle {
left:50px;
overflow:hidden;
position:absolute;
right:65px;
text-overflow:ellipsis;
top:0;
white-space:nowrap;
}

.plNum {
padding-left:21px;
width:25px;
}

.plLength {
padding-left:21px;
position:absolute;
right:21px;
top:0;
}

.plSel,
.plSel:hover {
background-color:rgba(0, 0, 0, .1);
color:#fff;
cursor:default !important;
}

#tracks a {
border-radius:3px;
color:#fff;
cursor:pointer;
display:inline-block;
font-size:2.3rem;
height:40px;
line-height:.2;
margin:0 5px 30px;
padding:12px;
text-decoration:none;
transition:background .3s ease;
}

#tracks a:hover,
#tracks a:active {
background-color:rgba(0, 0, 0, .1);
color:#fff;
}

#tracks a::-moz-focus-inner {
border:0;
padding:0;
}

.playPause{ background:#f47c52; border-radius:40px; width: 40px; height: 40px; align-items: center; justify-content: center; display: flex; color:#fff; }
.btns{ gap:20px; }
.btns span{ cursor:pointer; }
.music .title{ font-size:13px; text-transform:uppercase; }
/* Media Queries
================================================== */

@media only screen and (min-width:769px) {
	.videoContent{ width:40%; margin:0 auto; }
}
@media only screen and (max-width:600px) {
    #nowPlay span#npAction { display:none; }
    #nowPlay span#npTitle { display:block; text-align:center; width:100%; }
}