@import url(https://use.typekit.net/ceo1bia.css); 
:root{--font-64: 64px; --font-48: 48px; --font-38: 38px; --font-36: 36px; --font-28: 28px; --font-20: 20px; --font-16: 16px; --font-14: 14px; --font-12: 12px; --font-11: 11px; --font-10: 10px;}
:root{--l-height-72: 72px; --l-height-56: 56px; --l-height-40: 40px; --l-height-36: 36px; --l-height-30: 30px; --l-height-24: 24px; --l-height-20: 20px; --l-height-16: 16px; --l-height-12: 12px;}

@media (max-width:768px){:root{--font-64: 48px; --font-48: 36px; --font-38: 32px; --font-36: 28px; --font-28: 22px; --font-20: 16px;}
:root{--l-height-72: 56px; --l-height-56: 40px; --l-height-40: 36px; --l-height-36: 32px; --l-height-30: 28px; --l-height-24: 24px; --l-height-20: 20px; --l-height-16: 16px; --l-height-12: 12px;}
}

/* Reset */
body{font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: var(--font-14); line-height: var(--l-height-20);}
img{max-width: 100%;}
.large-text{font-size: var(--font-64); line-height: var(--l-height-72);}
.h1, h1{font-size: var(--font-48); line-height: var(--l-height-56);}
.h2, h2{font-size: var(--font-36); line-height: var(--l-height-40);}
.h3, h3{font-size: var(--font-28); line-height: var(--l-height-36);}
.h4, h4{font-size: var(--font-16); line-height: var(--l-height-20);}
.h5, h5{font-size: var(--font-12); line-height: var(--l-height-16);}
.h6, h6{font-size: var(--font-11); line-height: var(--l-height-12);}
p:last-child{margin-bottom: 0;}
:focus, a, button{outline: none !important;}
a{text-decoration: none; transition: all 0.3s ease-in-out; color: #0149ff;}
.bg-gray{background: #E5EBF0 !important;}

.bg-barbie-pink{background: #dc148c !important;}
.bg-green{background: #006450 !important;}
.bg-violet{background: #8400e7 !important;}
.bg-indigo{background: #1e3264 !important;}
.bg-avocado{background: #608108 !important;}
.bg-alloy-orange{background: #ba5d07 !important;}
.bg-fandango{background: #b02897 !important;}
.bg-brandeis-blue{background: #0d73ec !important;}
.bg-blue-purple{background: #8e66ac !important;}
.bg-sinopia{background: #e13300 !important;}
.bg-bean-blue{background: #477d95 !important;}

.gbg-barbie-pink{background: #DC148C; background: -webkit-linear-gradient(0deg, rgba(220, 20, 140, 0.5) 0%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(0deg, rgba(220, 20, 140, 0.5) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(0deg, rgba(220, 20, 140, 0.5) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DC148C", endColorstr="#FFFFFF", GradientType=0);}
.gbg-green{background: #006450; background: -webkit-linear-gradient(0deg, rgba(0, 100, 80, 0.5) 0%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(0deg, rgba(0, 100, 80, 0.5) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(0deg, rgba(0, 100, 80, 0.5) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006450", endColorstr="#FFFFFF", GradientType=0);}
.gbg-violet{background: #8400E7; background: -webkit-linear-gradient(0deg, rgba(132, 0, 231, 0.5) 0%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(0deg, rgba(132, 0, 231, 0.5) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(0deg, rgba(132, 0, 231, 0.5) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8400E7", endColorstr="#FFFFFF", GradientType=0);}
.gbg-avocado{background: #608108; background: -webkit-linear-gradient(0deg, rgba(96, 129, 8, 0.5) 0%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(0deg, rgba(96, 129, 8, 0.5) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(0deg, rgba(96, 129, 8, 0.5) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#608108", endColorstr="#FFFFFF", GradientType=0);}
.gbg-alloy-orange{background: #BA5D07; background: -webkit-linear-gradient(0deg, rgba(186, 93, 7, 0.5) 0%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(0deg, rgba(186, 93, 7, 0.5) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(0deg, rgba(186, 93, 7, 0.5) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#BA5D07", endColorstr="#FFFFFF", GradientType=0);}

.btn, .btn:hover{border-color: #0149ff; color: #fff; border-radius: 6px; background-color: #0149ff;}
.btn:hover{box-shadow: 0 0 5px 0 rgba(0, 0, 0, .7);}
.btn.btn-danger{border-color: #dc3545; background-color: #dc3545;}

.left-head{max-width: 264px; display: flex; align-items: center;}
.left-head .logo img{max-width: 127px;width:127px;}
.right-head{width: calc(100% - 264px); background: #f5f9fb; display: flex; padding-top: 25px; padding-bottom: 25px; align-items: center;}
.search-bar{position: relative; padding-left: 35px; background-color: #fff; border-radius: 6px;}
.search-bar input[type=search]{border: none; padding: 8px 9px; min-width: 324px; display: flex; height: 36px; font-size: 12px; letter-spacing: 0.3px; outline: none !important; background: transparent !important;}
.search-bar button{border: none; padding: 0; background-color: transparent; position: absolute; left: 11px; top: 6px;}
.right-head .arrow-block{display: flex; margin-left: 12px; gap: 8px; margin-right: 8px;}
.form-select{box-shadow: none !important; font-size: 12px;}
.list-scroll{display: flex !important; flex-wrap: nowrap !important; white-space: nowrap !important; overflow: hidden; overflow-x: auto;}

/* Sidebar-block */
.sidebar-block .img-tab img{max-width: 24px;}
.sidebar-block ul{list-style: none; padding: 0;}
.sidebar-block li a{display: flex; align-items: center; font-size: var(--font-12); transition: all .3s;}
.sidebar-block span.img-tab, .sidebar-block ul li .fa, .sidebar-block ul li iconify-icon{width: 28px; height: 28px; font-size: 16px; display: flex; align-items: center; justify-content: center; margin-right: 4px; filter: brightness(0) invert(.4);}
.sidebar-block li{margin-bottom: 25px;}
.sidebar-block li a{display: flex; align-items: center; color: #94a7af; text-decoration: none; letter-spacing: 0.24px;}
.sidebar-block span.img-tab{width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; margin-right: 24px; filter: brightness(0) invert(.4);}
.sidebar-block ul li .img-tab img{filter: brightness(0) saturate(100%) invert(19%) sepia(99%) saturate(6860%) hue-rotate(227deg) brightness(103%) contrast(104%);}
.sidebar-block h5{margin-bottom: 22px;}
.ac55-play-audio{cursor: pointer; position: relative;}
.left-sidebar{padding-top: 20px; width: 264px;}
.right-block{width: calc(100% - 264px); background: #f5f9fb; min-height: calc(100vh - 158px); display: flex; flex-direction: column;}
.right-head .user-block{display: flex; align-items: center; margin-left: auto; margin-right: 12px;}
.user-account{position: relative;}
.user-account a{display: flex; width: 35px; height: 35px; overflow: hidden; border-radius: 100%;}
.user-account a img{object-fit: cover;}
.user-account .dropmenu{position: absolute; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); background: #fff; right: 0; top: 100%; list-style: none; margin: 0; padding: 10px 10px; display: none; transition: all 0.5s ease-in-out;}
.user-account .dropmenu li{display: block;}
.user-account .dropmenu li a{width: auto; height: auto; border-radius: inherit; display: block; color: rgba(159, 175, 181, 1);}
.user-account:hover .dropmenu {display: flex;    flex-direction: column;    gap: 10px;    width: 100px;}
.notification-div a{position: relative; display: block;}
.notification-div a span.text{position: absolute; width: 21px; height: 21px; background: #0149ff; color: #fff; text-align: center; border-radius: 100%; font-size: 10px; border: 3px solid #f5f9fb; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3); top: -10px; left: 8px;}
.notification-div{position: relative; margin-right: 25px;}
.notification-div span.noti-img{margin-top: 10px; display: block;}
.album-block{position: relative; height: 100%; border-radius: 6px; overflow: hidden;}
.album-block figure{margin: 0; position: relative; height: 100%; border-radius: 6px; overflow: hidden; display: flex;}
.album-block figure a{display: block; width: 100%;}
.album-block figure img{object-fit: cover; width: 100%; max-height: 460px; height: 100%;}
.album-text{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; flex-wrap: wrap; background: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent); padding: 20px;}
.album-text-in{color: #fff;}
.album-text-in h3 a{color: #fff;}
.album-text .album-text-in{position: relative; z-index: 9;}
.album-text .overlay-link{position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0;}
.album-play-bottom{display: flex; align-items: center;}
.album-play-bottom .play-img{max-width: 12px; min-width: 12px;}
.album-play-bottom .play-img img, .album-play-bottom .itemplay .play-img .hide{display: block;}
.album-play-bottom .play-img .hide, 
.album-play-bottom .itemplay .play-img .show{display: none;}
.album-play-bottom .play-img .o-equalizer > svg, .album-play-bottom .play-img .o-equalizer > svg > *{stroke: #fff;}
.album-play-bottom .play-text, .album-play-bottom .pause-text{margin-left: auto; margin-right: auto; font-size: 10px; letter-spacing: 1.25px;}
.album-play-bottom .play-text > *, .album-play-bottom .pause-text > * {color: inherit !important; font-size: inherit !important;}
.album-play-bottom .itemplay .play-text, .album-play-bottom .pause-text{display: none;}
.album-play-bottom .itemplay .pause-text, .album-play-bottom .itemplay .play-text.play-full-playlist{display: block;}
.album-play-bottom .play-btn, .btn-price{color: #fff; background: #0149ff; text-transform: uppercase; text-decoration: none; display: flex; align-items: center; text-align: center; width: 152px; justify-content: center; height: 40px; border-radius: 6px; padding: 0 13px;}
.album-play-bottom .save-btn,
.album-play-bottom .share-icon{height: 40px; border-radius: 6px; background-color: rgba(0, 0, 0, .5); width: 40px; display: flex; align-items: center; justify-content: center; margin-left: 8px;}
.album-play-bottom.thm-red .play-btn{background-color: #ff0039; border-color: #ff0039;}
.album-play-bottom.thm-red .save-btn,
.album-play-bottom.thm-red .share-icon{background-color: rgba(26, 27, 31, 1);}
.album-play-bottom.thm-red .save-btn img{filter: brightness(0) saturate(100%) invert(31%) sepia(100%) saturate(7498%) hue-rotate(340deg) brightness(97%) contrast(112%);}
.share-icon{margin-left: 20px;}
.album-list{background: #212428; border-radius: 6px; color: #fff; padding: 20px; height: 100%; position: relative; overflow: hidden;}
.album-list ul{list-style: none; padding: 0; position: relative; margin-bottom: 23px;}
.album-list::after{content: ''; position: absolute; width: 100%; bottom: 0; height: 100%; background: linear-gradient(0deg, #000, transparent); left: 0; pointer-events: none;}
.list-block .number, span.plus{color: #5d6c76; font-size: var(--font-12); letter-spacing: .24px; min-width: 20px; text-align: center; cursor: pointer;}
.list-block{display: flex; align-items: center; gap: 14px; padding: 5px 0;}
.list-block span.album-name{font-size: var(--font-11); line-height: var(--l-height-12); flex: auto;}
.list-block span.album-name{font-size: var(--font-11); line-height: var(--l-height-12);}
.album-list li{border-bottom: 1px solid #5d6c76;}
.album-list .list-heading{background-color: #121317; display: inline-block; color: #5d6c76; padding: 2px 30px; margin-bottom: 22px; border-radius: 6px; font-size: var(--font-11); position: relative; z-index: 1; text-transform: uppercase; color: rgba(93, 108, 118, 1); font-size: 10px; letter-spacing: 0.5px;}
.album-list li:last-child{border: none;}
.album-list li .album-name{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.more-list, .listing-block-sec .listing-block .button-block a{width: 100%; display: block; text-align: center; color: #fff; background-color: #0149ff; text-decoration: none !important; border-radius: 6px; padding: 10px; text-transform: uppercase; position: relative; z-index: 1; transition: all .3s; font-size: 10px; letter-spacing: 1.25px;}
.album-play-bottom .play-btn:hover, .more-list:hover, .playlist-btn:hover, .btn-price:hover, .listing-block-sec .listing-block .button-block a:hover{box-shadow: 0 0 5px 0 rgba(0, 0, 0, .7);}
.album-block .features-btn{position: absolute; top: 20px; left: 20px; color: #5d6c76; text-decoration: none; background: #e5ebf0; padding: 2px 32px; border-radius: 6px; font-size: var(--font-11);}
.right-banner-tab{height: 100%; display: flex; flex-flow: column; margin-right: -16px; position: relative; row-gap: 24px; padding-left: 12px;}
.right-banner-tab .bottom-side-banner,
.right-banner-tab .top-side-banner{flex-grow: 1; display: flex; position: relative;}
.bottom-side-banner figure,
.top-side-banner figure{position: relative; display: flex; margin: 0; width: 100%; flex: auto; border-radius: 6px; overflow: hidden;}
.bottom-side-banner figure img,
.top-side-banner figure img{object-fit: cover; object-position: left;}
.right-banner-tab::after{content: ''; background: linear-gradient(-90deg, rgba(255, 255, 255, .8), transparent); position: absolute; width: 100%; height: 100%; right: 0; pointer-events: none;}
.right-banner-tab .features-btn{position: absolute; background-color: #0d0e11; color: #5d6c76; text-decoration: none; padding: 2px 18px; border-radius: 3px; left: 15px; top: 15px; font-size: var(--font-11); text-transform: uppercase;}
.heading-block{margin-bottom: 16px;}
.heading-block .seemore{color: #0149FF; font-size: 12px; margin-top: 1px; letter-spacing: 0.24px;}
.artist-sec .heading-block{display: flex; flex-wrap: wrap;}
.artist-sec .heading-block h4{margin-bottom: 0; margin-right: 50px; letter-spacing: -0.5px;}
.artist-sec{padding-top: 44px; padding-bottom: 18px;}
.artist-in figure, .artist-in .text-block{position: relative; padding-top: 100%; border-radius: 6px; margin: 0 0 10px; background-color: #fff;}
.artist-in .text-block{background-color: #000;}
.artist-in figure img, .artist-in .text-block a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; margin: 0; color: #404040;}
.artist-in .text-block a{padding-top: 12px;}
.artist-in .text-block a, .collections-content .text-block a{font-size: 6vw;}
.artist-in figure img.back-img{filter: blur(20px); top: 14px; width: 90%; margin: 0 auto; right: 0; opacity: 0.7;}
.artist-in figure .t-top{position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 1); font-size: 22px; border-radius: 4px; background-color: rgba(17, 18, 23, 0.35); z-index: 9; text-align: center; padding: 10px; line-height: 1.2;}
.artist-in figure .follow-btn{position: absolute; background-color: #0d0e11; color: #5d6c76; text-decoration: none; padding: 1px 10px 0px; border-radius: 3px; left: 6px; top: 5px; font-size: var(--font-10); text-transform: uppercase; letter-spacing: 0.5px;}
.artist-in .seeall{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: center;}
.artist-in .seeall a{text-decoration: none; font-size: var(--font-12) !important; color: #94a7af; letter-spacing: 0.3px;}
.artist-in .ac55-play-audio{position: absolute; left: 10px; bottom: 10px; margin: auto; width: 32px; height: 32px; opacity: 0; transition: all 0.5s ease-in-out; z-index: 99; cursor: pointer; font-size: 32px; color: #0149ff;}
.artist-in:hover .ac55-play-audio, .artist-in .ac55-play-audio.itemplay{opacity: 1;}
.artist-in .ac55-play-audio iconify-icon,
.latest-in .ac55-play-audio iconify-icon{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%;}
.artist-in .ac55-play-audio.itemplay iconify-icon,
.artist-in .ac55-play-audio iconify-icon[icon="carbon:pause-outline"], 
.latest-in .ac55-play-audio.itemplay iconify-icon,
.latest-in .ac55-play-audio iconify-icon[icon="carbon:pause-outline"]{opacity: 0;}
.artist-in .ac55-play-audio.itemplay iconify-icon[icon="carbon:pause-outline"], 
.latest-in .ac55-play-audio.itemplay iconify-icon[icon="carbon:pause-outline"]{opacity: 1;}
.artist-in figure{overflow: hidden; border-radius: 6px;}
.artist-in figure::before{position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; z-index: 9; opacity: 0.71; background: linear-gradient(180deg, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 1) 100%); opacity: 0; transition: all 0.5s ease-in-out; pointer-events: none;}
.artist-in:hover figure::before{opacity: 0.71;}
.artist-in figure .t-top{	background: transparent;}
.artist-in figure .t-top .back-bg{	position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; opacity: 0.35;}
.artist-content{text-align: center; padding: 0 5%;}
.artist-content .title{font-size: var(--font-11); margin-bottom: -2px; letter-spacing: 0.3px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.artist-content .title a{text-decoration: none; color: #121317;}
.artist-content p{font-size: var(--font-12); color: #94a7af; letter-spacing: 0.3px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.artist-content p a{color: #94a7af; text-decoration: none;}
.listen-block a{text-decoration: none;}
.new-release-item figure,
.release-content p{margin-bottom: 0;}
.new-release-item figure{position: relative; width: 40px; min-width: 40px; height: 40px; border-radius: 6px; overflow: hidden; margin-left: 8px; margin-right: 12px;}
.new-release-item figure img{position: absolute; height: 100%; width: 100%; left: 0; top: 0;}

.new-release-item span.number, 
.mtable .table tbody tr td span.number{min-width: 24px; min-height: 24px; text-align: center; justify-content: center; display: flex; align-items: center; color: #94a7af; font-size: var(--font-12); letter-spacing: .3; position: relative;}
.new-release-item span.number .icplay, 
.mtable .table tbody tr td span.number .icplay, 
.pl-list .pl-list__cover .icplay{position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s ease-in-out; opacity: 0; cursor: pointer;}

.new-release-item span.number .icplay img, 
.mtable .table tbody tr td span.number .icplay img, 
.pl-list .pl-list__cover .icplay img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; object-fit: contain; transition: all 0.5s ease-in-out;}

.new-release-item span.number .icplay .hide, 
.mtable .table tbody tr td span.number .icplay .hide, 
.pl-list .pl-list__cover .icplay .hide{opacity: 0;}

.new-release-item span.number.itemplay .icplay .hide, 
.mtable .table tbody tr.itemplay td span.number .icplay .hide, 
.mtable .table tbody tr .ac55-play-audio.itemplay .icplay .hide, 
.pl-list .ac55-play-audio.itemplay .icplay .hide{opacity: 1;}

.new-release-item span.number.itemplay .icplay .show, 
.mtable .table tbody tr.itemplay td span.number .icplay .show, 
.mtable .table tbody tr .ac55-play-audio.itemplay .icplay .show, 
.pl-list .ac55-play-audio.itemplay .icplay .show{opacity: 0;}

span.number .numbertext{font-weight: inherit; transition: all 0.5s ease-in-out;}
/* .new-release-item:hover span.number .numbertext, 
.new-release-item span.number.itemplay .numbertext,
.new-release-item .ac55-play-audio.itemplay .numbertext,
.mtable .table tbody tr:hover td span.number .numbertext, 
.mtable .table tbody tr.itemplay td span.number .numbertext, 
.mtable .table tbody tr .ac55-play-audio.itemplay .numbertext{opacity: 0;} */

/* .new-release-item:hover span.number .numbertext,  */
.new-release-item span.number.itemplay .numbertext,
.new-release-item .ac55-play-audio.itemplay .numbertext,
/* .mtable .table tbody tr:hover td span.number .numbertext,  */
.mtable .table tbody tr.itemplay td span.number .numbertext, 
.mtable .table tbody tr .ac55-play-audio.itemplay .numbertext{opacity: 0;}


.album-list .list-block .number{position: relative;}
.album-list .list-block .number .icplay{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #1e2124; transition: all 0.5s ease-in-out; opacity: 0; cursor: pointer;}
.album-list .list-block .number .icplay img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; object-fit: contain; background-color: #1e2124; transition: all 0.5s ease-in-out;}
.album-list .list-block .number .icplay .hide{opacity: 0;}

/* .album-list .list-block:hover .number .icplay, 
.album-list .list-block.itemplay .number .icplay, 
.album-list .list-block .ac55-play-audio.itemplay .icplay{opacity: 1;} */

/* .album-list .list-block:hover .number .icplay,  */
.album-list .list-block.itemplay .number .icplay, 
.album-list .list-block .ac55-play-audio.itemplay .icplay{opacity: 1;}


.error-txt{color: #F00;font-size: 16px;}

@media (min-width:768px){
.new-release-item:hover span.number .numbertext, 
.mtable .table tbody tr:hover td span.number .numbertext{opacity: 0;}

.album-list .list-block:hover .number .icplay{opacity: 1;}
}

.pl-list .pl-list__cover .icplay{background: rgba(0,0,0,0.35); background: rgba(255,255,255,0.35);}
.pl-list .pl-list__cover .icplay .o-equalizer{margin-top: -3px;}

.ac55-play-audio, .ac55-play-audio *{transition: none !important;}

.release-content .title{color: #121317; font-size: var(--font-11) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.09; margin-bottom: 4px;}
.release-content{max-width: calc(100% - 142px);}
.release-content p{letter-spacing: .3px; font-size: var(--font-12); color: #94a7af; line-height: 1;}
.release-content p a{color: inherit;}
.new-release-item .playing-icon{display: none; width: 24px; height: 24px;}
.new-release-item{display: flex; align-items: center; background-color: #ffff; border-radius: 6px; padding: 12px 8px; margin-bottom: 9px; position: relative; transition: all .3s;}

.table-list .release-content .title a::after{display: none;}
.latest-block .main-img, .latest-block .main-video{width: 100%; position: relative; padding-top: 66.8%; overflow: hidden; border-radius: 6px; margin: 0;}
.latest-block .main-img img, .latest-block .main-video mux-player{position: absolute; top: 0; height: 100%; width: 100%; left: 0; object-fit: cover;}
/* .latest-block .main-img a, .latest-block .main-video a{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;} */
/* .latest-block .main-img a::before, .latest-block .main-video a::before{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: #000; z-index: 9; opacity: 0.35;} */
.latest-block{position: relative; margin-bottom: 24px;}
/* .latest-content{position: absolute; bottom: 16px; display: flex; align-items: center; left: 0; padding: 0 16px; width: 100%; z-index: 9;} */
.latest-content{position: absolute; bottom: 0px; display: flex; align-items: center; left: 0; padding: 10px; width: 100%; z-index: 9; background: #0000003f; border-radius: 0px 0px 6px 6px;}
.latest-inner{width: calc(100% - 82px);}
.latest-in{display: flex; color: #fff;}
.latest-in span{width: 32px; margin-top: 1px; position: relative;}
.latest-block .latest-inner .latest-in .ac55-play-audio{display: flex; align-items: center; margin-top: -4px;}
.latest-in .ac55-play-audio iconify-icon{font-size: 32px; color: #0149ff;}
.latest-right{padding-left: 8px; width: calc(100% - 32px);}
.latest-content figure{margin: 0 8px 0 0; position: relative; overflow: hidden; border-radius: 6px; width: 74px; height: 74px;}
.latest-content figure img{position: absolute; height: 100%; top: 0; left: 0; width: 100%; object-fit: cover;}
.latest-inner .title{color: #fff; margin-bottom: 5px; font-size: var(--font-10); padding-left: 5px; letter-spacing: 0.5px;}
.latest-right p{margin-bottom: 0; font-size: var(--font-12);}
.latest-right h4{margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.5px;}
.latest-right h4 a{color: #fff;}
.latest-right{padding-left: 4px;}
.latest-block .features-btn{position: absolute; background-color: #0d0e11; color: #5d6c76; text-decoration: none; padding: 2px 18px; border-radius: 3px; left: 15px; top: 15px; font-size: var(--font-11); text-transform: uppercase; z-index: 9;}
.latest-release{padding-top: 46px;}
.new-release-item.active span.number{display: none;}
.new-release-item.active .playing-icon{display: block;}
.genres-sec{padding-top: 20px;}
.genres-sec ul{padding: 0; list-style: none; display: flex; flex-wrap: wrap; margin-left: -7px; margin-right: -7px; margin-bottom: 0;}
.genres-sec ul li{padding: 0 8px; margin-bottom: 19px;}
.genres-sec ul li .page-numbers, .genres-sec ul li a{display: flex; color: #5d6c76; background: #e5ebf0; text-decoration: none; padding: 16px 32px; border-radius: 6px; transition: all .3s; font-size: 11px; line-height: 12px;}
.genres-sec ul li .page-numbers:hover, .genres-sec ul li a:hover,
.genres-sec ul li .page-numbers.current, .genres-sec ul li a.current, .genres-sec ul li.active-filter a{background: #5d6c76 !important; color: #e5ebf0 !important;}
.likemusic-content figure{width: 100%; position: relative; border-radius: 6px; overflow: hidden; padding-top: 48.4%; margin: 0 0 6px;}
.likemusic-content figure img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.likemusic-sec{padding-top: 23px; padding-bottom: 16px;}
.likemusic-sec .likemusic-content{height: 100%; padding-bottom: 24px;}
.sidebar-block li a.active,
.sidebar-block li a:hover{color: #0149ff;}
.sidebar-block li a.active span.img-tab,
.sidebar-block li a:hover span.img-tab, 
.sidebar-block li a.active .fa, 
.sidebar-block li a:hover .fa, 
.sidebar-block li a.active iconify-icon, 
.sidebar-block li a:hover iconify-icon{filter: none;}
.playlist-btn{background: #0149ff; color: #fff; display: inline-block; text-decoration: none; padding: 7px 32px 5px; border-radius: 6px; margin-bottom: 24px; transition: all .3s; font-size: 10px; letter-spacing: 1.55px; text-transform: uppercase;}
.sidebar-menu{margin-bottom: 47px;}
.artist-panel{margin-bottom: 80px;}

/* Play-Panel Start */
.ap__controls, .ap button{text-align: center; cursor: pointer;}
.play-panel{background: #fff; color: #94A7AF; box-shadow: 0px -24px 48px rgba(17, 18, 23, 0.12); position: relative; z-index: 9; position: fixed; left: 0; right: 0; bottom: 0; z-index: 999;}
.play-panel ul{margin: 0; padding: 0; list-style: none; position: relative;}
.play-panel ul li{position: relative;}
.play-list{position: relative; display: flex; align-items: center;}
.play-list figure{width: 66px; height: 66px; margin: 0; position: relative; border-radius: 6px; overflow: hidden;}
.play-list figure img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.play-list .play-list-detail{width: calc(100% - 64px); padding-left: 15px;}
.play-list .play-list-detail h6{font-size: 11px; margin: 0 0 2px 0; color: #121317; font-weight: 400; letter-spacing: 0.4px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.play-list .play-list-detail .current-song-artists{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.play-list .play-list-detail a{color: inherit;}
.play-list .play-list-detail p{margin: 0; font-size: 12px; letter-spacing: .3px; color: #94A7AF;}
.play-pause-action ul li{margin: 0 10px;}
.play-pause-action ul li img{filter: brightness(0) saturate(100%) invert(21%) sepia(84%) saturate(7128%) hue-rotate(227deg) brightness(102%) contrast(106%);}
.play-pause-action ul li.ap__controls--toggle .icon-play{width: 40px; height: 40px;}
.play-pause-action svg{fill: #0149ff;}
.play-action ul li{margin-left: 20px; cursor: pointer; width: 22px; text-align: center; display: flex; align-items: center; justify-content: center;}
.play-action ul li img{width: 22px; height: 22px; object-fit: contain;}
.play-action ul li.ap__controls--repeat img{width: 18px; height: 18px;}
.play-action ul li a{display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center;}
.play-progress span{line-height: 14px;}
.progress-panel, .progress-container{width: calc(100% - 50px); margin: 0 25px; position: relative;}
.bar-circle-icon{position: absolute; left: 25%; top: -3px; cursor: pointer; width: 8px; height: 8px; background: #0149FF; border: #fff 2px solid; border-radius: 50%;}
.bar-circle-icon img{display: none;}
.progress-panel .progress{background: #E5EBF0; height: 2px;}
.play-progress .progress{/* height: 3px; */
cursor: pointer; background: transparent; display: flex; align-items: center;}
.progress-container .progress__bar{position: relative; height: 3px; /* margin: auto; */
position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0;}
.progress-container .progress__bar.progress-active::before{position: absolute; top: -2px; right: -6px; content: ""; background: #0149FF; width: 7px; height: 7px; border-radius: 50%;}
.play-progress .progress .progress__preload{display: block; background: var(--bs-secondary-bg); height: 3px; /* margin: auto; */
width: 100% !important;}
.progress-panel .progress-bar, .progress-container .progress__bar{background-color: #0149FF !important;}
.play-panel .play-center{padding-top: 7px; padding-bottom: 5px;}
.play-action{padding-right: 12px;}
.play-panel.play-panel-dark{background: #121317; color: #525862; box-shadow: none;}
.play-panel-dark .play-list .play-list-detail h6{color: #fff;}
.play-panel-dark .progress-panel .progress{background: rgba(207, 234, 242, .14);}
.play-panel-dark .progress-panel .progress-bar{background-color: #fff !important;}
.play-panel-dark .bar-circle-icon{background: #16171B;}
.play-panel-dark .play-list .play-list-detail p{color: #525862;}
.play-panel-dark .play-pause-action ul li img{filter: none;}
/* Play-Panel End */

.bottom-side-banner figure img,
.top-side-banner figure img{width: 100%; height: 100%; object-fit: cover;}
.left-sidebar .sidebar-block{padding-left: 10px;}
.logo{margin-left: 12px;}
.logo .logo{margin: 0;}
.header header{position: relative; z-index: 999;}
.new-release-item .btn-price, .mtable .btn-price{font-size: 10px; letter-spacing: 1.25px; width: 96px;}
.new-release-item .btn-price.btn-tickets, .mtable .btn-price.btn-tickets{width: 122px;}
.new-release-item .mcalendar{margin-right: 24px; min-width: 48px; background-color: #fff;}
.new-release-item .mcalendar .mcalendar-date{color: rgba(17, 18, 23, 1); font-size: 20px; letter-spacing: 0px; line-height: 24px; padding: 7px 0 2px;}
.new-release-item .mcalendar .mcalendar-month{color: rgba(255, 255, 255, 1); font-size: 10px; letter-spacing: 1px; line-height: 13px; text-transform: uppercase; background-color: rgba(13, 14, 17, 1); padding: 1px 0;}

/* Sorting */
.tab-content{padding: 35px 0;}
.artist-in{padding-bottom: 30px;}
.sortby .t-name{color: #94A7AF; font-size: 12px; letter-spacing: 0.24px; line-height: 18px; min-width: 100px;}
.sortby .dropdown .dropdown-toggle{color: #5D6C76; font-size: 12px; letter-spacing: 0.24px; line-height: 18px; padding: 10px 38px 10px 9px; border: 0; box-shadow: none;}
.sortby .dropdown .dropdown-toggle::after{display: none;}
.sortby .form-select{background-color: transparent; color: #5D6C76; letter-spacing: 0.24px; line-height: 18px; padding: 11px 30px 11px 9px; border: 0; box-shadow: none; width: auto; background-position: right .25rem center;}
.sortby .form-select option{background-color: #fff; color: #93A8B3;}
.sorting .sorting-i, .sorting .sortby{margin-bottom: 19px;}
.sorting .sorting-i .form-select{border: 0px; background-color: #fff; letter-spacing: 0.3px; color: #C0C8CD; padding: 11px 16px; padding-right: 35px; border-radius: 6px;}
.sorting .sorting-i label{color: rgba(159, 175, 181, 1); font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase; line-height: 1.2; margin-bottom: 5px;}

/* Burger */
.burger{width: 32px; height: 24px; cursor: pointer; right: 2rem; top: 2rem; z-index: 20; display: none;}
.burger span{width: 100%; height: 2px; background-color: #000; border-radius: 12px; display: block; transition: background-color 0s ease-in-out; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.burger span::after,
.burger span::before{content: ""; width: 100%; background-color: #000; display: block; transition: all 0s ease-in-out; border-radius: 12px; height: 2px;}
.burger span::before{transform: translateY(-7px);}
.burger span::after{transform: translateY(5px);}
.burger.active span{background-color: transparent;}
.burger.active span::before{transform: rotateZ(45deg) translateY(1.5px);}
.burger.active span::after{transform: rotateZ(-45deg) translateY(-1.5px);}
.sidebar-list{margin-bottom: 50px;}

/* Album-sec */
.album-sec{overflow: auto; margin-top: 14px;}
.album-sec::-webkit-scrollbar{width: 10px; height: 6px;}
.album-sec:hover::-webkit-scrollbar{display: block;}
.album-sec::-webkit-scrollbar-thumb{background: 0 0; border-radius: 50px;}
.album-sec::-webkit-scrollbar-track{background: 0 0;}
.album-sec:hover::-webkit-scrollbar-thumb{background: rgba(90, 90, 90);}
.album-sec:hover::-webkit-scrollbar-track{background: rgba(0, 0, 0, .2);}
.bottom-side-banner figure img, .top-side-banner figure img{position: absolute; top: 0; left: 0;}
.right-banner-tab .features-btn.active{opacity: .4;}
.release-content .title a{text-decoration: none; color: #121317 !important;}

/* swiper */
.swiper .swiper-button-prev,
.swiper .swiper-button-next{background: #E5EBF0; width: 40px; height: 40px; border-radius: 50%; bottom: 16px; top: 0; margin: auto;}
.swiper .swiper-button-prev{left: 0; rotate: 180deg;}
.swiper .swiper-button-next{right: 0;}
.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after{display: none;}
.swiper .swiper-button-prev::before,
.swiper .swiper-button-next::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: url(../images/arrow.png) 0 0 no-repeat; width: 17px; height: 10px; margin: auto;}
.new-release-item .fka-content{color: rgba(148, 167, 175, 1); font-size: 12px; letter-spacing: 0.24px; line-height: 18px;}

/* Recommendations-Hero */
.recommendations-hero{background: #000; margin: -96px -12px 0; position: relative; background-size: cover;}
.recommendations-hero .recommendations-hero-i img{margin-left: auto; display: block;}
.recommendations-hero .text-t{color: rgba(93, 108, 118, 1); font-size: 10px; letter-spacing: 0.8px; border-radius: 3px; text-transform: uppercase; background: #0d0e11; display: inline-block; padding: 3px 30px 0; line-height: normal; margin-bottom: 20px;}
.recommendations-hero .recommendations-hero-d{width: 620px; max-width: 100%; position: absolute; left: 24px; bottom: 59px;}
.recommendations-hero h1{color: #fff; font-size: 64px; font-weight: 400; letter-spacing: -0.5px; text-align: left; line-height: 72px; margin-bottom: 24px;}
.recommendations-hero p{color: #fff; font-size: 16px; letter-spacing: 0.32px; line-height: 24px; margin-bottom: 48px;}

/* Fancybanner-Hero */
.fancybanner-hero{background: transparent; overflow: hidden; margin-bottom: -149px; z-index: 9;}
.fancybanner-hero .recommendations-hero-i{margin: 86px -136px 0 0;}
.fancybanner-hero .recommendations-hero-i img{margin-left: auto; display: block; width: 669px; height: 633px; object-fit: contain;}
.fancybanner-hero .album-play-bottom .save-btn,
.fancybanner-hero .album-play-bottom .share-icon,
.albumpage-hero .album-play-bottom .save-btn,
.albumpage-hero .album-play-bottom .share-icon, 
.top50global-hero .album-play-bottom .save-btn,
.top50global-hero .album-play-bottom .share-icon, 
.feedpage-i .feedpage-i-m .album-play-bottom .save-btn,
.feedpage-i .feedpage-i-m .album-play-bottom .share-icon{background-color: #fff;}
.album-play-bottom .save-btn.bg-white img,
.album-play-bottom .share-icon.bg-white img, 
.fancybanner-hero .album-play-bottom .save-btn img,
.fancybanner-hero .album-play-bottom .share-icon img, 
.albumpage-hero .album-play-bottom .save-btn img,
.albumpage-hero .album-play-bottom .share-icon img, 
.top50global-hero .album-play-bottom .save-btn img,
.top50global-hero .album-play-bottom .share-icon img, 
.feedpage-i .feedpage-i-m .album-play-bottom .save-btn img,
.feedpage-i .feedpage-i-m .album-play-bottom .share-icon img{filter: brightness(0) saturate(100%) invert(21%) sepia(97%) saturate(5127%) hue-rotate(224deg) brightness(97%) contrast(112%);}
.fancybanner-hero h1{color: #121317;}
.fancybanner-hero p{color: rgba(148, 167, 175, 1);}
.fancybanner-hero .recommendations-hero-d{bottom: 220px;}

/* Chartsmain-Hero */
/* .chartsmain-hero{background: #f5f9fb url(../images/chartsmain-hero-bg.png) 100% 100% no-repeat; margin: -96px -12px 0; position: relative; background-size: contain !important; padding: 150px 24px 15px; z-index: 99;} */
.chartsmain-hero{background-color: #f5f9fb; background-repeat: no-repeat; background-position:100% 100%; margin: -96px -12px 0; position: relative; background-size: contain !important; padding: 150px 24px 15px; z-index: 99;}
.chartsmain-hero .chartsmain-hero-t .text-t{color: #fff; font-size: var(--font-11); letter-spacing: 0.8px; border-radius: 3px; text-transform: uppercase; background: #BCCAD0; display: inline-block; padding: 2px 22px; margin-bottom: 25px;}
.chartsmain-hero .chartsmain-hero-t .album-play-bottom .play-btn{width: 116px;}
.chartsmain-hero .chartsmain-hero-d{width: 474px; max-width: 100%; position: relative; z-index: 9;}
.chartsmain-hero .chartsmain-hero-d h1{font-size: 64px; font-weight: 400; letter-spacing: -0.5px; text-align: left; line-height: 72px; margin-bottom: 14px;}
.chartsmain-hero .chartsmain-hero-t{margin-bottom: 42px;}
.chartsmain-hero .chartsmain-hero-t p{color: rgba(148, 167, 175, 1); font-size: 16px; letter-spacing: 0.32px; line-height: 24px; margin: 0;}
.chartsmain-hero-l .new-release-item{padding: 4px 24px 4px 4px;}
.artist-sec.bw-recommended{padding-top: 34px; padding-top: 34px;}
.singlesalbums .hot-new-releas-sec .new-release-item{background: transparent; border-top: #E5EBF0 1px solid; margin: 0;}
.singlesalbums .hot-new-releas-sec .new-release-item:first-child{border-top: none;}

/* Search-es */
.search-es{position: relative; overflow: hidden;}
.search-es::before{position: absolute; left: 264px; top: 0; right: 0; bottom: 0; content: ""; background: url(../images/search-es-rt-bg.png) 0 0 no-repeat; background-size: cover; filter: blur(22px);}
.search-es::after{position: absolute; left: 264px; top: 0; right: 0; bottom: 0; content: ""; background-color: rgba(245, 249, 251, 0.79); z-index: 1;}
.search-es>*{position: relative; z-index: 9;}
.search-es .header, .search-es .main-section{background: transparent !important;}
.search-es .left-head, .search-es .left-sidebar{background-color: #fff;}
.search-es-sec1{padding: 30px; height: calc(100vh - 354px); display: flex; justify-content: center; align-items: center;}
.search-es-sec1 .search-es-sec1-i{text-align: center; margin: 0 auto; max-width: 460px;}
.search-es-sec1 .search-es-sec1-i p{margin: 0; color: #94A7AF;}

/* Collections */
.collections-content figure, .collections-content .text-block, .collections-content .img-wrapper01{position: relative; border-radius: 50%; overflow: hidden; margin: 0 auto 10px; padding-top: 100%; background-color: #000; max-width: 352px; max-height: 352px;}
.collections-content figure img, .collections-content .text-block a, .collections-content .img-wrapper01 img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: flex; align-items: center; justify-content: center; text-transform: uppercase; margin: 0; color: #404040;}
.collections-content .img-wrapper{position: relative; border-radius: 50%; overflow: hidden; margin: 0 auto 10px;; background-color: #fff; max-width: 352px; max-height: 352px;}
.collections-content .img-wrapper img{width: 100%; height: 100%; object-fit: cover; margin: 0; aspect-ratio: 1/1; contain-intrinsic-size: inherit !important;}
.collections-sec{padding-top: 25px; padding-bottom: 40px;}
.collections-sec-row .collections-content{height: 100%; padding-bottom: 38px;}

/* Bestm */
.bestm-sec{padding-bottom: 40px;}
.bestm-item{position: relative;}
.bestm-item .bestm-back{position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; border-radius: 6px;}
.bestm-item .bestm-back::before{position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background: #000; z-index: 9; opacity: 0.3;}
.bestm-item .bestm-back img{filter: blur(5px); width: 100%; height: 100%; object-fit: cover;}
.bestm-item .bestm-content{position: relative; padding: 30px 30px 10px; z-index: 9;}
.bestm-item figure{width: 120px; position: relative; border-radius: 6px; overflow: hidden; height: 120px; margin: 0 auto 15px;}
.bestm-item figure img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.bestm-item .artist-content .title{font-size: 16px; margin-bottom: 3px;}
.bestm-item .artist-content .title a{color: #fff;}
.bestm-item .artist-content p{margin: 0; color: rgba(255, 255, 255, 0.35);}
.bestm-item .bestm-content .favmark{position: absolute; right: 15px; top: 15px;}

/* Albumstop */
.albumstop{margin: 7px 0;}
.albumstop figure{width: 64px; height: 64px; object-fit: cover; border-radius: 6px; overflow: hidden; margin: 0;}
.albumstop figure img{width: 100%; height: 100%; object-fit: cover;}
.albumstop .albumstop-d{font-size: 12px; color: #94A7AF; letter-spacing: 0.24px; line-height: 18px;}
.albumstop .albumstop-d .title{color: #121317; font-size: 20px; letter-spacing: -0.5px; line-height: 24px; margin: 3px 0 5px;}
.albumstop .albumstop-d .title a{color: #121317; text-decoration: none;}
.search-albums .new-release-item{padding: 2px 5px;}
.btn-seemore{border-radius: 4px; border: 2px solid #0149ff; display: block; text-align: center; padding: 10px 0 6px; text-decoration: none; color: #0149ff; font-size: 10px; letter-spacing: 1.25px; text-transform: uppercase;}

/* Genrehome-Hero */
.genrehome-hero{background: url(../images/genrehome-hero-bg.png) 100% 0 no-repeat; margin: -96px -12px 0; position: relative; background-size: cover; padding: 282px 24px 25px;}
.genrehome-hero::before{position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; opacity: 1; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); opacity: 0.5;}
.genrehome-hero .genrehome-hero-d{width: 474px; max-width: 100%; position: relative; z-index: 9;}
.genrehome-hero .genrehome-hero-d h1{color: rgba(255, 255, 255, 1); font-weight: 400; letter-spacing: -0.32px; margin: 0;}

/* Likemusicn */
.likemusicn-sec{padding-top: 23px; padding-bottom: 16px;}
.likemusicn-sec .likemusicn-content{height: 100%; padding-bottom: 24px; position: relative; padding-top: 11.6%;}
.likemusicn-content figure{border-radius: 4px; overflow: hidden; padding-top: 23.8%; margin: 0 auto; width: 48.5%; position: absolute; left: 0; top: 0; right: 0;}
.likemusicn-content figure img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.likemusicn-sec .artist-content{border-radius: 6px; box-shadow: 0px 12px 16px rgba(148, 167, 175, 0.19); opacity: 1; background-color: rgba(255, 255, 255, 1); padding: 15% 30px 11px; height: 100%;}
.likemusicn-sec .artist-content .title{margin-bottom: 4px;}

/* Genrehome-m */
.genrehome-m .genrehome-r{background: #E5EBF0;}
.genrehome-m .artist-sec{padding: 34px 0 40px;}
.genrehome-m .latest-release{padding: 0px 0 18px;}
.genrehome-m .collections-sec{padding: 0 0 23px;}
.genrehome-m .likemusicn-sec{padding: 0 0 16px;}

/* Fancyhope-sec */
.fancyhope-sec{padding-top: 36px; padding-bottom: 16px;}
.fancyhope-sec .fancyhope-content{position: relative; display: flex; height: 100%; background: #fff; border-radius: 6px; overflow: hidden;}
.fancyhope-sec .artist-content{padding: 20px 20px; height: 100%; width: 50%; text-align: left;}
.fancyhope-sec .artist-content .title{margin-bottom: 4px;}
.fancyhope-content figure{border-radius: 4px; overflow: hidden; width: 46.2%; position: relative; margin: 0;}
.fancyhope-content figure img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

/* Sidelinks */
.sidelinks{padding: 34px 12px;}
.sidelinks ul{margin: 0; padding: 10px 0 0; list-style: none;}
.sidelinks ul li{background: url(../images/icon-arrow.png) 10px 3px no-repeat; padding: 0 0 33px 36px;}
.sidelinks ul li:last-child{padding-bottom: 0;}
.sidelinks ul li a{color: rgba(148, 167, 175, 1); letter-spacing: 0.32px; line-height: 20px; text-decoration: none;}

/* Topsongs */
.topsongs{padding: 36px 12px;}
.topsongs .topsongs-m-i,
.topsongs .topsongs-m{position: relative;}
.topsongs .new-release-item{background: transparent; padding: 5px 12px 5px 0; margin-bottom: 0px; box-shadow: none;}
.topsongs .playlist-btn{padding: 11px 10px 9px;}
.new-release-item-wpr{overflow: hidden; mask-image: linear-gradient(to bottom, black 20%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 20%, transparent 100%);}

/* Artistpage-Hero */
.artistpage-hero{margin: -96px -12px 0; position: relative;}
.artistpage-hero .artistpage-hero-bg{position: relative; height: 498px;}
.artistpage-hero .artistpage-hero-bg img{height: 100%; width: 100%; object-fit: cover; display: block;}
.artistpage-hero .artistpage-hero-bg::before{position: absolute; left: 0; right: 0; bottom: 0; content: ""; height: 64px; backdrop-filter: blur(30px); background: rgba(0, 0, 0, 0.3);}
.artistpage-hero .artistpage-hero-bg::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; content: ""; top: 0; background: rgba(0, 0, 0, 0.3); background: linear-gradient(0deg, #000, transparent); opacity: 0.35;}
.artistpage-hero .artistpage-hero-in{position: absolute; bottom: 0; width: 100%;}
.artistpage-hero .artistpage-hero-m{padding: 0 24px 0 192px; height: 179px; position: relative;}
.artistpage-hero .artistpage-hero-i{overflow: hidden; border-radius: 50%; width: 168px; height: 168px; position: absolute; left: 24px; top: 0;}
.artistpage-hero .artistpage-hero-i img{width: 100%; height: 100%; object-fit: cover;}
.artistpage-hero .artistpage-hero-i .text-block{background-color: #1d1d1d; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; text-transform: uppercase; color: #404040; font-size: 70px;}
.artistpage-hero .artistpage-hero-d{padding: 6px 24px; width: 54%;}
.artistpage-hero .artistpage-hero-d .d-flex-item{margin-bottom: 6px; padding-left: 9%;}
.d-flex-item.followers-list, .d-flex-item.following-list{cursor: pointer;}
.artistpage-hero .artistpage-hero-d .d-flex-item:first-child{padding-left: 0;}
.artistpage-hero .artistpage-hero-d .d-flex-item .text-t{opacity: 0.51; color: rgba(255, 255, 255, 1); font-size: 10px; letter-spacing: 0.5px; line-height: 1; padding-bottom: 3px;}
.artistpage-hero .artistpage-hero-d .d-flex-item .text-n{color: rgba(255, 255, 255, 1); font-size: var(--l-height-30); letter-spacing: -0.19px; line-height: var(--l-height-36);}
.artistpage-hero .artistpage-hero-d h1{color: rgba(255, 255, 255, 1); font-weight: 400; letter-spacing: -0.15px;}
.artistpage-hero .nav-tabs{margin-top: -64px; height: 64px; border: 0; padding: 0 195px; position: relative; z-index: 1;}
.artistpage-hero .nav-tabs .nav-item{padding: 0 20px;}
.artistpage-hero .nav-tabs .nav-link{height: 64px; border: 0; background: transparent; color: #93A8B3; color: #CADCE5; font-size: 11px; letter-spacing: 0px; line-height: 11px; padding: 4px 36px 0; border-bottom: transparent 4px solid;}
.artistpage-hero .nav-tabs .nav-link.active{color: rgba(255, 255, 255, 1); border-bottom-color: #0149ff;}
.artistpage-hero .album-play-bottom{margin: 0 0 30px 0;}
.artistpage-hero .album-play-bottom .save-btn,
.artistpage-hero .album-play-bottom .share-icon{background: #1A1B1F;}

/* Artistpage-Biography */
.artistpage-biography{padding: 34px 0 50px; color: rgba(148, 167, 175, 1); letter-spacing: 0.32px;}
.artistpage-biography p{margin-bottom: 48px;}
.artistpage-biography p:last-child{margin-bottom: 0;}
.artistpage-biography .social-icons{padding-top: 20px;}

/* Social-icons */
.social-icons ul{margin: -8px; padding: 0; list-style: none;}
.social-icons ul li{padding: 8px;}

/* Gallery-sec */
.gallery-sec{padding: 0 0 42px;}
.gallery-sec figure{margin: 0; border-radius: 6px; overflow: hidden; height: 100%;}
.gallery-sec figure img{aspect-ratio: 2/2; display: block; width: 100%; object-fit: cover; height: 100%;}
.gallery-swiper{overflow: hidden;}
.gallery-swiper .swiper-wrapper{display: flex;}
.gallery-swiper .swiper-slide{width: auto; height: auto;}

/* Most Popular Songs */
.mpopular-songs-sec{padding: 43px 0 0;}
.mpopular-songs-sec .new-release-item{padding: 8px 15px; margin-bottom: 8px;}

/* Albumpage-Hero */
.albumpage-hero{padding: 22px 12px 12px;}
.albumpage-hero .albumpage-hero-row{align-items: center; position: relative; padding-left: 192px;}
.albumpage-hero .albumpage-hero-cl{width: 168px; position: absolute; left: 0; top: 0; height: 168px; margin: auto; bottom: 0;}
.albumpage-hero .albumpage-hero-cr{min-height: 248px; align-items: center; display: flex; min-height: 168px;}
.albumpage-hero .albumpage-hero-i{border-radius: 4px; overflow: hidden; padding-top: 100%; position: relative;}
.albumpage-hero .albumpage-hero-i img{width: 100%; height: 100%; object-fit: cover; border-radius: 4px; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.albumpage-hero .albumpage-hero-i .text-block{background-color: #1d1d1d; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; text-transform: uppercase; color: #404040; font-size: 70px; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.albumpage-hero .albumpage-hero-d{padding: 20px 0; color: rgba(148, 167, 175, 1); font-size: 14px; font-weight: 400; letter-spacing: 0.32px; line-height: 20px; max-width: 626px;}
.albumpage-hero .albumpage-hero-d .t-year{color: #0149ff; font-size: 12px; letter-spacing: -0.3px; line-height: 16px; padding-bottom: 7px;}
.albumpage-hero .albumpage-hero-d h1{color: #121317; font-weight: 400; letter-spacing: -0.15px;}
.albumpage-hero .albumpage-hero-d .t-by{margin-bottom: 5px;}
.albumpage-hero .albumpage-hero-d .t-by a{color: #0149ff; text-decoration: none; margin: 0 3px;}
.albumpage-hero .albumpage-hero-d .item-links{color: #0149ff; margin-left: 3px;}
.albumpage-hero .albumpage-hero-d .t-tracks{margin-bottom: 15px;}
.albumpage-hero .albumpage-hero-d .t-tracks .t-tracks-in{line-height: 16px; margin: 3px 0 0 10px;}
.albumpage-hero .album-play-bottom .play-btn{min-width: 140px; width: auto;}
.albumpage-hero .albumpage-hero-d-top{padding: 0 2%; position: absolute; right: 0; top: 0; color: #121317;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item{margin: 0 20px; position: relative; cursor: pointer;}

.albumpage-hero .albumpage-hero-d-top .d-flex-item .imglist{position: absolute; right: 0; top: 100%; width: 180px; margin: 0 -4px; display: none; background: #fff; box-shadow: rgba(0,0,0,0.2) 0 0 5px;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item .imglist ul{margin: 0; list-style: none; flex-wrap: wrap; padding: 0; display: flex; align-content: flex-start; overflow: hidden; overflow-y: auto; height: 144px;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item .imglist::-webkit-scrollbar{width: 6px;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item .imglist::-webkit-scrollbar-thumb{background: #ccc; border-radius: 3px;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item:hover .imglist{display: block;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item .imglist li{width: 20%; padding: 4px;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item .imglist li img.m-img{width: 28px; height: 28px; object-fit: cover;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item .imglist li .tip{z-index: 999999999; width: 100px; text-align: center; background: rgba(0, 0, 0, 0.9); color: #fff; padding: 5px; display: none; position: absolute; left: -100px; top: 0;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item .imglist li .tip strong{display: block; margin-top: 5px; font-size: 11px; font-weight: 400; line-height: 1;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item .imglist li a:hover .tip{display: block;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item .text-t{opacity: 0.51; font-size: 10px; letter-spacing: 0.5px; line-height: 10px;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item .text-n{font-size: var(--l-height-30); letter-spacing: -0.19px; line-height: var(--l-height-36); opacity: 0.41;}
.albumpage .mpopular-songs-sec .new-release-item{background: transparent; box-shadow: none; border-bottom: #E5EBF0 1px solid; border-radius: 0; margin: 0;}

.followingModal .modal-dialog-scrollable .modal-content{overflow: inherit; background: transparent; border: 0;}
.followingModal .btn-close{position: absolute; right: -13px; top: -13px; opacity: 1; z-index: 9; padding: 0; background: #fff var(--bs-btn-close-bg) center/1em auto no-repeat; width: 30px; height: 30px; border-radius: 50%; box-shadow: rgba(0,0,0,0.3) 0 0 5px;}
.followingModal .modal-body{padding: 10px 0; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius);}
.followingModal .modal-body .title-t{padding: 5px 15px 15px; border-bottom: rgba(0,0,0,0.1) 1px solid;}
.followingModal .mtable .table{border-spacing: 0;}
.followingModal .mtable .table-responsive{margin: 0; padding: 0;}
.followingModal .mtable .table tbody tr:hover{box-shadow: none;}
.followingModal .mtable .t-more{width: 56px; padding-left: 4px;}

/* Top 50 Global-Hero */
.top50global-hero{padding: 0 0 48px;}
.top50global-hero .top50global-hero-d{padding: 20px 0; color: rgba(148, 167, 175, 1); font-size: 14px; font-weight: 400; letter-spacing: 0.32px; line-height: 20px;}
.top50global-hero .top50global-hero-d .t-chart{border-radius: 2px; background-color: rgba(29, 30, 35, 0.3); color: rgba(159, 175, 181, 1); font-size: 10px; letter-spacing: 0.5px; line-height: 12px; text-transform: uppercase; min-width: 120px; height: 24px; margin-bottom: 22px; color: #fff;}
.top50global-hero .top50global-hero-d h1{color: #121317; font-weight: 400; letter-spacing: -0.15px; line-height: 40px; margin-bottom: 4px;}
.top50global-hero .top50global-hero-d .t-tracks{margin-bottom: 14px; color: rgba(148, 167, 175, 1); font-size: 12px; letter-spacing: 0.24px; line-height: 18px;}
.top50global-hero .album-play-bottom .play-btn{width: 140px;}
.top50global-right{background: #f5f9fb url(../images/top50global-right-bg.png) 50% 10px no-repeat; margin: -96px -12px 0; position: relative; background-size: contain; padding: 102px 12px 15px; background-size: auto;}
.top50global-table .btn-more-group .dropdown-menu .dropdown-i-hide{display: none;}
.page-template-template-top50 .right-head{background: transparent;}

/* releasetabs */
.releasetabs .nav-tabs{border: 0; padding: 0 0; position: relative;}
.releasetabs .nav-tabs .nav-item{padding: 0 20px;}
.releasetabs .nav-tabs .nav-link{height: 64px; border: 0; background: transparent; color: #93A8B3; font-size: 11px; letter-spacing: 0px; line-height: 11px; padding: 4px 36px 0; border-bottom: transparent 4px solid; margin: 0;}
.releasetabs .nav-tabs .nav-link.active{color: #121317; border-bottom-color: #0149ff;}

/* Main table */
.mtable .table{border-spacing: 0 9px; border-collapse: separate; margin: 0;}
.mtable th{background: transparent; border: 0; color: rgba(159, 175, 181, 1); font-size: 10px; letter-spacing: 0.5px; line-height: 12px; text-transform: uppercase; font-weight: 400; padding: 10px 8px;}
.mtable td{background-color: #ffff; position: relative; transition: all .3s; border: 0; padding: 12px 8px; vertical-align: middle; color: rgba(148, 167, 175, 1); font-size: 12px; letter-spacing: 0.24px; line-height: 18px;}
.mtable .t-number{width: 44px; text-align: center; padding-left: 15px;}
.mtable .t-simg{padding-left: 0; padding-right: 0; width: 30px; text-align: center;}
.mtable .t-simg img, .mtable .icon-popularity img{width: 24px; min-width: 24px;}
.mtable .img-popularity img{width: 40px; min-width: 40px;}
.mtable .release-content{padding-left: 18px;}
.mtable .t-more{text-align: right; width: 63px; padding-right: 15px;}
.mtable .t-time{width: 54px; min-width: 54px;}
.mtable .icon-popularity{width: 56px;}
.mtable .img-popularity{width: 56px;}
.mtable .t-uimg{width: 48px; padding-right: 0;}
.mtable .t-uimg img{min-width: 40px;}
.mtable .t-uimg.t-uimg-full{width: 148px;}
.mtable .t-uimg.t-uimg-full img{min-width: 140px;}
.mtable .t-uimg .text-block{position: relative; padding-top: 100%; border-radius: 6px; background-color: #000; min-width: 48px;}
.mtable .t-uimg .text-block a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; margin: 0; color: #555; font-size: 20px; font-weight: 700;}
.mtable tr td:first-child{border-radius: 6px 0px 0px 6px; padding-left: 15px;}
.mtable tr td:last-child{border-radius: 6px 0px 0px 6px; padding-left: 15px;}
.mtable tr td:last-child{border-radius: 0 6px 6px 0px; padding-right: 15px;}
.mtable .t-follow{width: 100px; padding-right: 0;}
.mtable .t-follow .t-follow-i{display: flex; color: #5d6c76; background: #e5ebf0; text-decoration: none; padding: 10px 15px; border-radius: 6px; transition: all .3s; font-size: 11px; line-height: 12px; justify-content: center; font-weight: 600;}
.mtable .table-responsive{padding: 5px; margin: -5px;}
.mtable .table tbody tr{transition: box-shadow 0.3s; border-radius: 6px; overflow: hidden;}

.mtable tr td.t-rprice{width: 119px;}
.mtable .table td .t-link{color: #94a7af; text-decoration: none;}
.btn-more-group .btn-more{background: transparent; border: 0; box-shadow: none; padding: 0; width: 40px;}
.btn-more-group .btn-more::before{display: none;}
.btn-more-group .dropdown-menu{width: auto; min-width: 150px; padding: 12px 0; border: rgba(0,0,0,0.1) 1px solid; border-radius: 6px; border: 0; border-radius: 4px; opacity: 1; background-color: rgba(255, 255, 255, 1); box-shadow: rgba(0,0,0,0.1) 0 0 5px; transform: none !important; right: 0 !important; top: 100% !important; position: absolute; max-width: 326px; margin: 0;}
.btn-more-group .dropdown-menu .dropdown-item{/*text-transform: uppercase;*/ color: rgba(159, 175, 181, 1); font-size: 12px; font-weight: 400; letter-spacing: 0.3px; line-height: 32px;}
.btn-more-group .dropdown-menu li{border: 0; position: relative; padding: 0;}
.btn-more-group .dropdown-menu li.mobile-item .dots-submenu{position: absolute; right: 100%; top: 0; list-style: none; left: auto; width: auto; min-width: 150px; padding: 12px 0; border: 0; border-radius: 4px; opacity: 1; background-color: rgba(255, 255, 255, 1); box-shadow: rgba(0,0,0,0.1) 0 0 5px; transform: none !important; display: none;}
.btn-more-group .dropdown-menu li.mobile-item:hover .dots-submenu{display: block;}
.mtable .btn-more-group{position: relative;}
.mtable.mtable-br .table{border-collapse: collapse; border-spacing: 0;}
.mtable.mtable-br .table td{background: transparent; border-bottom: #E5EBF0 1px solid;}
.mtable.mtable-br tr td:first-child{padding-left: 8px;}
.mtable.mtable-br tr td:last-child{padding-right: 8px;}

/* p-coverphoto-hero */
.p-coverphoto-hero{background: #f5f9fb url(../images/p-coverphoto-hero-bg.png) 50% 0 no-repeat; margin: -86px -12px 0; position: relative; background-size: cover; padding: 120px 56px 24px 24px;}
.p-coverphoto-hero .img-group img{border-radius: inherit;}
.p-coverphoto-hero .albumpage-hero-d{color: rgba(148, 167, 175, 1); font-size: 12px; font-weight: 400; letter-spacing: 0.24px; line-height: 18px; max-width: 530px;}
.p-coverphoto-hero .albumpage-hero-d p{font-size: 14px; letter-spacing: 0.32px; line-height: 20px; margin-bottom: 1.4rem;}
.release-des{color: rgba(148, 167, 175, 1); letter-spacing: 0.32px;}
.release-des .release-des-list{color: rgba(148, 167, 175, 1); font-size: 14px; font-weight: 400; letter-spacing: 0.32px; line-height: 20px;}
.release-des .release-des-list ul{margin: 0px;}
.release-des .release-des-list ul li{padding: 0 0 8px;}
.release-des .release-des-list ul li:last-child{padding-bottom: 0;}
.release-des .release-des-list ul li .t-name{font-weight: 600;}

/* releasemain 1D1E23 E5EBF0 */
.single-product .albumpage-hero, .page-template-template-label .albumpage-hero{margin: -96px -12px 0; position: relative; padding: 118px 24px 0;}
.single-product .releasetabs .nav-tabs, .page-template-template-label .releasetabs .nav-tabs{margin: 0 -12px; border: 0 !important; padding-left: 196px;}
.record-label-profilemain .releasetabs .nav-tabs .nav-link.active{color: #000;}
.single-product .albumpage-hero .albumpage-hero-row, .page-template-template-label .albumpage-hero .albumpage-hero-row{padding-left: 288px;}
.single-product .albumpage-hero .albumpage-hero-cl, .page-template-template-label .albumpage-hero .albumpage-hero-cl{width: 264px; height: 264px;}
.single-product .albumpage-hero .albumpage-hero-cr, .page-template-template-label .albumpage-hero .albumpage-hero-cr{min-height: 264px;}
.single-product .releasetabs .nav-tabs, .page-template-template-label .releasetabs .nav-tabs{padding-left: 292px;}

.episodes-miss .artist-content p{color: #5D6C76; font-size: 12px; line-height: 12px; margin: 30px 10px 0;}
.episodes-miss .artist-content p a{color: #5D6C76;}

/* Feed */
.feedpage-m{padding: 37px 0;}
.feedpage-m h1{margin-bottom: 25px;}
.feedpage-m h2{color: #5D6C76; font-size: 16px; font-weight: 400; letter-spacing: -0.5px; line-height: 1.25; margin-bottom: 35px;}
.feedpage-i{padding-bottom: 30px;}
.feedpage-i .feedpage-i-u{position: relative; padding: 0 0 16px 49px; min-height: 40px;}
.feedpage-i .feedpage-i-u .feedpage-i-ui{position: absolute; left: 0; top: 0; border-radius: 50%; width: 40px; height: 40px; overflow: hidden;}
.feedpage-i .feedpage-i-u .feedpage-i-ui img{width: 100%; height: 100%; object-fit: contain;}
.feedpage-i .feedpage-i-u .feedpage-i-ud{color: #94A7AF; font-size: 12px; letter-spacing: 0.24px; line-height: 1.5;}
.feedpage-i .feedpage-i-u .feedpage-i-ud .t-top h3{color: #121317; font-size: 11px; font-weight: 400; line-height: 1.091; margin: 0; margin-right: 20px;}
.feedpage-i .feedpage-i-u .feedpage-i-ud .t-top h3 a{color: #121317; text-decoration: none;}
.feedpage-i .feedpage-i-u .feedpage-i-ud .t-top{padding: 3px 0 0;}
.feedpage-i .feedpage-i-u .feedpage-i-ud .t-top .relnew strong{font-weight: 400; color: #121317; font-size: 11px; line-height: 1.091;}
.feedpage-i .feedpage-i-u .feedpage-i-ud .t-top .relnew a{color: #121317; text-decoration: none;}
.feedpage-i .feedpage-i-m{position: relative; min-height: 160px; background: #fff; border-radius: 6px; overflow: hidden; padding-left: 160px;}
.feedpage-i .feedpage-i-m .feedpage-i-mi{position: absolute; left: 0; top: 0; bottom: 0; width: 160px; border-radius: 6px; overflow: hidden;}
.feedpage-i .feedpage-i-m .feedpage-i-mi .m-img{width: 100%; height: 100%; object-fit: cover;}
.feedpage-i .feedpage-i-m .feedpage-i-mi .icon-play{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 43px; height: 43px;}
.feedpage-i .feedpage-i-m .feedpage-i-md{padding: 18px 24px 16px; color: #94A7AF; font-size: 12px; font-weight: 400; letter-spacing: 0.24px; line-height: 1.5;}
.feedpage-i .feedpage-i-m .feedpage-i-md h3{color: #121317; font-size: 16px; font-weight: 400; letter-spacing: -0.5px; line-height: 1.25; margin-bottom: 4px;}
.feedpage-i .feedpage-i-m .feedpage-i-md h3 a{color: #121317;}
.feedpage-i .feedpage-i-m .feedpage-i-md .t-remix{margin-bottom: 12px;}
.feedpage-i .feedpage-i-m .like-shares a{color: #94A7AF;}
.feedpage-i .feedpage-i-m .like-shares .t-like{background: url(../images/icon-fav.png) 0 3px no-repeat; padding: 0 0 0 21px;}
.feedpage-i .feedpage-i-m .like-shares .t-shares{background: url(../images/icon-share-s.png) 0 3px no-repeat; padding: 0 0 0 20px; margin: 0 0 0 20px;}
.feedpage-i .feedpage-i-m .feedpage-i-md .like-shares{margin-bottom: 14px;}
.feedpage-i .feedpage-i-m .album-play-bottom .play-btn{width: 72px; border-radius: 4px; margin-right: auto;}
.feedpage-i .feedpage-i-m .album-play-bottom .save-btn, .feedpage-i .feedpage-i-m .album-play-bottom .share-icon{margin-left: 20px; width: 24px; background: transparent;}
.feedpage-i .feedpage-i-m .feedpage-i-md .wave{margin-top: 26px; margin-bottom: 10px;}
.feedpage-i .feedpage-i-m .feedpage-i-md .share-icon-t{position: absolute; right: 22px; top: 22px; width: 24px;}
.feedpage-i .feedpage-i-m .feedpage-i-md .share-icon-t img{filter: brightness(0) saturate(100%) invert(21%) sepia(97%) saturate(5127%) hue-rotate(224deg) brightness(97%) contrast(112%);}
.feedpage-i .feedpage-i-m .feedpage-p-text{color: #94A7AF; letter-spacing: 0.32px; padding: 19px 21px 29px;}
.feedpage-i .feedpage-i-m .feedpage-p-text1{padding: 83px 21px 89px; font-size: 16px; letter-spacing: -0.32px; line-height: 22px;}
.feedpage-i .latest-block{margin: 0px;}
.feedpage-i .latest-block .main-img{padding-top: 256px;}
.feedpage-i.item1 .feedpage-i-m{padding: 0;}
.feedpage-i.item1 .feedpage-i-m .feedpage-i-mi{position: relative; width: 100%; border-radius: 0;}
.feedpage-i .feedpage-i-m .feedpage-i-mb{background: #E5EBF0; padding: 12px 12px;}
.feedpage-i .feedpage-i-m .feedpage-i-mb .like-shares{padding-top: 4px; font-size: 12px;}
.feedpage-i .feedpage-i-m .feedpage-i-mb .album-play-bottom .save-btn, .feedpage-i .feedpage-i-m .feedpage-i-mb .album-play-bottom .share-icon{background: #fff; width: 32px; height: 32px; margin: 0 0 0 8px;}

.woocommerce form .form-row label{line-height: inherit;}

/* radio */
.radiopage, 
.page-template-template-radio .ac55id-wrapper, 
.page-template-template-podcast .ac55id-wrapper, 
.page-template-template-mix .ac55id-wrapper{position: relative; overflow: hidden; background: #f5f9fb url(../images/radiopage-bg.png) 100% -40px no-repeat;}

.radiopage .header, 
.radiopage .main-section,
.page-template-template-radio .header,
.page-template-template-radio .main-section,
.page-template-template-radio .right-head, 
.page-template-template-radio .right-block,
.page-template-template-podcast .header,
.page-template-template-podcast .main-section,
.page-template-template-podcast .right-head, 
.page-template-template-podcast .right-block,
.page-template-template-mix .header,
.page-template-template-mix .main-section,
.page-template-template-mix .right-head, 
.page-template-template-mix .right-block{background: transparent !important;}
.header-bg-transparent .header,
.header-bg-transparent .main-section,
.header-bg-transparent .right-head{background: transparent !important;}

.radiopage .left-head, 
.radiopage .left-sidebar,
.page-template-template-radio .left-head,
.page-template-template-radio .left-sidebar, 
.page-template-template-podcast .left-head,
.page-template-template-podcast .left-sidebar,
.page-template-template-mix .left-head,
.page-template-template-mix .left-sidebar{background-color: #fff;}

.radio-sec{margin: -96px -12px 0; position: relative; padding: 196px 66px 36px; display: flex; justify-content: space-between; align-items: center; gap: 4vw;}
.radio-sec .radio-sec-i{width: 304px; padding: 0 8px 86px;}
.radio-sec-i h3{color: #121317; font-size: 16px; font-weight: 400; letter-spacing: -0.5px; line-height: 1.25; margin-bottom: 13px;}
.radio-sec-i .radio-sec-i-u{position: relative; padding: 3px 0 16px 52px; min-height: 40px;}
.radio-sec-i .radio-sec-i-u .radio-sec-i-ui{position: absolute; left: 0; top: 0; width: 40px; height: 40px; overflow: hidden;}
.radio-sec-i .radio-sec-i-u .radio-sec-i-ui img{width: 100%; height: 100%; object-fit: cover;}
.radio-sec-i .radio-sec-i-u .radio-sec-i-ud{color: #94A7AF; font-size: 12px; letter-spacing: 0.24px; line-height: 1.5;}
.radio-sec-i .radio-sec-i-u .radio-sec-i-ud h4{color: #121317; font-size: 11px; font-weight: 400; line-height: 1.091; margin: 0; margin-right: 20px;}
.radio-sec-i .radio-sec-i-u .radio-sec-i-ud h4 a{color: #121317; text-decoration: none;}
.radio-sec-i .radio-sec-i-u .radio-sec-i-ud .t-time{margin-bottom: 2px;}
.radio-sec-i .radio-sec-i-u .radio-sec-i-ud .t-time a{color: #121317; text-decoration: none;}
.radio-sec-i .radio-sec-i-m p{color: #94A7AF; font-size: 12px; font-weight: 400; letter-spacing: 0.24px; line-height: 1.5; margin-bottom: 24px;}
.radio-sec-i .radio-sec-i-m .more-list{border-radius: 4px;}
.radio-sec .radio-sec-i.active{width: 370px; padding: 0;}

/*.radio-sec .radio-sec-i.active .active-i{position: relative; padding-top: 100%; border-radius: 6px;}*/
.radioyoutube{position: relative; width: 100%; padding-bottom: 100%; /* 16:9 aspect ratio = 9 / 16 = 0.5625 = 56.25% */
height: 0; overflow: hidden;}

.radioyoutube iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.radio-sec .radio-sec-i.active .active-i img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 6px;}
.radio-sec .radio-sec-i.active .active-i img.back-img{filter: blur(20px); top: 14px; width: 90%; margin: 0 auto; right: 0; opacity: 0.7;}
.radio-sec .radio-sec-i.active .active-d{padding: 27px 0 0;}
.radio-sec .radio-sec-i.active .active-d h2{color: #121317; font-size: var(--font-20); font-weight: 400; line-height: 1.2; margin-bottom: 3px;}
.radio-sec .radio-sec-i.active .active-d h2 a{color: #121317;}
.radio-sec .radio-sec-i.active .active-d .t-titlein{color: #94A7AF; font-size: 16px; letter-spacing: -0.5px; line-height: 1.25;}

/* mixeposide */
.mixeposide-sec{padding: 32px 32px 51px;}
.mixeposide-sec .album-play-bottom{margin-bottom: 27px;}
.mixeposide-sec .mixeposide-sec-cl, .mixeposide-sec .mixeposide-sec-cr{padding-bottom: 145px; min-height: 271px; max-width: 308px;}
.mixeposide-sec .mixeposide-sec-l .t-title{color: #121317; font-size: 16px; font-weight: 400; letter-spacing: -0.5px; line-height: 1.25; margin-bottom: 13px;}
.mixeposide-sec .mixeposide-sec-l .t-title a{color: #121317;}
.mixeposide-sec .mixeposide-sec-l p{color: #94A7AF; font-size: 12px; font-weight: 400; letter-spacing: 0.24px; line-height: 1.5; margin-bottom: 13px;}
.mixeposide-sec .mixeposide-sec-l .mixeposide-sec-l-text .read-more{color: #0149ff; text-decoration: underline; cursor: pointer;}
.mixeposide-sec .mixeposide-sec-m{max-width: 360px; margin: 0 auto;}
.mixeposide-sec .mixeposide-sec-min{border-radius: 6px;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mini{position: relative;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mini .m-img, .mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mini mux-player{width: 100%; object-fit: cover; aspect-ratio: 1/0.7; height: auto; aspect-ratio: 1/1; position: relative; z-index: 9; border-radius: 6px; overflow: hidden;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mini .back-img{position: absolute; left: 0; height: 100%; object-fit: cover; border-radius: 6px; filter: blur(20px); top: 14px; width: 90%; margin: 0 auto; right: 0; opacity: 0.7; aspect-ratio: 1/1;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mini .icon-play{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 65px; height: 65px; z-index: 99; font-size: 65px;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mini .icon-play img{width: 100%; height: 100%;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mini .icon-play iconify-icon{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mini .icon-play.itemplay iconify-icon,
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mini .icon-play iconify-icon[icon="carbon:pause-outline"]{opacity: 0;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mini .icon-play.itemplay iconify-icon[icon="carbon:pause-outline"]{opacity: 1;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mind{padding: 15px 15px 0; min-height: 145px; text-align: center;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mind .t-date, .mixeposide-sec .mixeposide-sec-l .t-date{color: #94A7AF; font-size: 12px; letter-spacing: 0.24px; margin-bottom: 8px;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mind h3{font-size: 20px; font-weight: 400; letter-spacing: -0.5px; color: #121317; line-height: 1.2; margin-bottom: 15px;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mind h3 a{color: #121317;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mind .t-by{font-size: 14px; font-weight: 400; letter-spacing: 0.32px; color: #94A7AF;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mind .t-by a{color: #6c757d;}
.mixeposide-sec .mixeposide-sec-r p{font-size: 12px; font-weight: 400; letter-spacing: 0.24px; color: #94A7AF; line-height: 1.5; margin-top: 13px;}
.mixeposide-sec .mixeposide-sec-r .mixeposide-sec-rin{padding: 10px 0px 0;}
.mixeposide-sec .mixeposide-sec-rform{display: flex; align-items: center;}
.mixeposide-sec .mixeposide-sec-rform .number{display: flex; padding-right: 5px;}
.mixeposide-sec .mixeposide-sec-rform .input-num{width: 40px; height: 25px; border-radius: 6px; background-color: #fff; border: 0; text-align: center; font-size: 10px; font-weight: 400; letter-spacing: 0.2px; color: #94A7AF;}
.mixeposide-sec .mixeposide-sec-rform .quick-add{width: 25px; height: 25px; border-radius: 6px; background-color: rgba(255, 255, 255, 1); display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 400; letter-spacing: 0.2px; color: #94A7AF; margin-left: 4px; cursor: pointer;}
.mixeposide-sec .mixeposide-sec-rform .submit-btn{display: block; color: #fff; background-color: #0149ff; border-radius: 4px; padding: 0; text-transform: uppercase; transition: all .3s; font-size: 10px; letter-spacing: 1.25px; border: 0; width: 85px; height: 33px; margin-left: auto;}

.genres-ullist-wpr{position: relative;}
.genres-ullist{margin-left: -6px; margin-right: -6px; position: relative;}
.genres-ullist ul{display: inline; margin: 0;}
.genres-ullist ul li{display: inline-block; padding: 0 6px;}

.mb-prev-btn, .mb-next-btn{background: #fff; position: absolute; width: 23px; height: 100%; border: none; top: 50%; display: block; transform: translateY(-50%); padding: 0; display: none;}
.mb-prev-btn{left: -7px;}
.mb-next-btn{right: -7px;}
.mb-prev-btn::after, .mb-next-btn::after{content: ''; border-bottom: 2px solid #aaa; width: 10px; height: 10px; display: block; position: relative; margin: auto;}
.mb-prev-btn::after{border-left: 2px solid #aaa; left: 4px; transform: rotate(45deg);}
.mb-next-btn::after{border-right: 2px solid #aaa; right: 3px; transform: rotate(-45deg);}
body.open-menu{overflow-y: hidden;}

.browse-all .browse-all-col{padding-top: calc(var(--bs-gutter-x) * .5); padding-bottom: calc(var(--bs-gutter-x) * .5);}
.browse-all-item{background: #000; border-radius: 8px; height: 100%; overflow: hidden; padding-top: 70%; position: relative; width: 100%; display: block;}
.browse-all-item h3{position: absolute; left: 0; top: 0; color: #fff; font-size: 20px; padding: 10px 12px; z-index: 9;}
.browse-all-item .browse-all-item-i{position: absolute; right: 0; bottom: 0; border-radius: 4px; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); width: 45%; overflow: hidden; -webkit-transform: rotate(25deg) translate(18%,-2%); transform: rotate(25deg) translate(18%,-2%);}
.browse-all-item .browse-all-item-i img{width: 100%; height: 100%; object-fit: cover;}

/* dashboard */
.dashboard-m{padding: 30px 0;}
.dashboard-m h1{font-size: var(--font-28); line-height: var(--l-height-36);}
.dashboard-m .dashboard-m-t p{color: rgba(148, 167, 175, 1); font-size: 12px; letter-spacing: 0.24px; margin-bottom: 3rem;}
.dashboard-m .dashboard-m-t .dashboard-m-tbtn ul{gap: 60px;}
.dashboard-m .dashboard-m-t .dashboard-m-tbtn ul li a{display: inline-flex; width: 141px; height: 40px; border-radius: 4px; background-color: #0149ff; align-items: center; justify-content: center; color: rgba(255, 255, 255, 1); font-size: 10px; letter-spacing: 1.25px; text-align: center; line-height: 12px; text-transform: uppercase;}
.dashboard-m .dashboard-m-t .dashboard-m-tbtn ul li a:hover{box-shadow: 0 0 5px 0 rgba(0, 0, 0, .7);}
.card.card-item{border: 0; padding: 20px;}
.card.card-item .card-t .t-top{color: rgba(159, 175, 181, 1); font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 20px; line-height: 1.2;}
.card.card-item .card-t .t-price{font-size: 20px; letter-spacing: -0.5px;}
.card.card-item .card-t .t-small{color: rgba(148, 167, 175, 1); font-size: 10px; letter-spacing: 0.32px;}
.card.card-item .card-t .t-persent{color: rgba(93, 108, 118, 1); font-size: 12px; letter-spacing: -0.3px;}
.card.card-item .card-t .icon-up{margin: -2px 5px 0;}
.card.card-item .card-mimg img{width: 100%;}
.dashboard-m .monthly-report .t-title{color: rgba(159, 175, 181, 1); font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 13px; line-height: 1.2;}
.dashboard-m .dashboard-m-col{padding-bottom: 20px;}
.dashboard-m .export-cvs{width: 142.75px;}
.dashboard-m .sorting .sorting-i .form-select{color: #5D6C76;}
.dashboard-table.mtable thead tr th{border-bottom: #e5ebf0 1px solid !important;}
.dashboard-table.mtable tbody tr td, .dashboard-table.mtable tbody tr td a{color: #525862;}
.dashboard-table.mtable tbody tr td.t-number{color: #94A7AF;}

/* dashboardtabs */
.dashboardtabs .nav-tabs{border: 0; padding: 0 0; position: relative; gap: 30px;}
.dashboardtabs .nav-tabs .nav-link{border: 0; background: transparent; color: #93A8B3; font-size: 11px; letter-spacing: 0.18px; line-height: 11px; padding: 0 5px 13px; border-bottom: transparent 4px solid; margin: 0; width: 120px;}
.dashboardtabs .nav-tabs .nav-link.active{color: #121317; border-bottom-color: #0149ff;}

.mtable.track-main{padding: 5px 0;}
.mtable.track-main .table-responsive{padding: 0; margin: 0; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); border-radius: 4px;}
.mtable.track-main .table{border-spacing: 0; border-collapse: collapse;}
.mtable.track-main .table tbody tr{box-shadow: none !important;}
.tooltip{pointer-events: none !important; z-index: 9999;}

.login-vcenter{min-height: calc(100vh - 158px); display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%;}

/* Login CSS Start */
.mylogin{margin: 0 auto; width: 96%; max-width: 578px;}
.woocommerce-LostPassword.lost_password{font-size: 12px;}
p.woocommerce-LostPassword.lost_password{margin-top: 1rem;}
.right-head .user-account{display: flex; align-items: center; gap: 8px; flex-direction: row-reverse;}
.right-head .user-account .u_logout, 
.right-head .user-account .u_register{text-align: center; border: 1px solid #0149ff; background: #0149ff; color: #fff; display: inline-block; text-decoration: none; padding: 3px 7px; border-radius: 4px; transition: all .3s; font-size: 10px; letter-spacing: 1.55px; text-transform: uppercase; width: auto; height: auto;}
.right-head .user-account .u_logout{background: #fff; color: #0149ff;}
.right-head .user-account .u_logout:hover, 
.right-head .user-account .u_register:hover{box-shadow: 0 0 5px 0 rgba(0, 0, 0, .7);}
.right-head .user-account .text-block{display: flex; align-items: center; justify-content: center; background: #000; color: #999; font-weight: 700; font-size: 18px; text-transform: uppercase;}

.register{border: 1px solid #d6d6d6; border-radius: 8px; padding: 25px; max-width: 600px; background: #fff; margin: 10px auto;}
.register .form-control{width: 100%; padding: 8px 9px; outline: none; border: 1px solid #000; border-radius: 0;}
.register input[type="submit"] {background-color: #333; color: #fff; padding: 9px 30px; border-radius: 0; border: 1px solid transparent; text-transform: capitalize; font-size: 16px; letter-spacing: 1px; margin: 0; display: table; margin-left: auto;}
.register .form-col{margin-bottom: 15px;}
.register h1{font-size: 30px; margin-bottom: 20px;}
.register input[type="submit"]:hover{color: #333; background-color: transparent; border: 1px solid #333;}
.register.album-info-sec h2{text-align: center;font-size: 22px;}

/* album-info-sec */
.album-info-sec .submit-block input[type="submit"]{background-color: #333; color: #fff; padding: 9px 30px; border-radius: 0; border: 1px solid transparent; text-transform: capitalize; font-size: 16px; letter-spacing: 1px; margin: 0 0 2px; display: table; margin-left: auto; width: auto;}
.album-info-sec .add-artist-gallery input[type="file"]{width: calc(100% - 20px);}
.album-info-sec .add-artist-gallery .form-group{margin-bottom: 5px;}
.album-info-sec .submit-block input[type="submit"]{display: inline-block;}
.album-info-sec select{display: block; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url(images/select-arrow.png); background-repeat: no-repeat; background-position: right 5px center;}
.album-info-sec .upload-file-2 input[type="file"]{width: 200px; position: absolute; opacity: 0; top: 0; right:  0; height: 42px; padding: 0; z-index: 9; cursor: pointer;}
.album-info-sec .check-group input[type="checkbox"]{width: auto; margin-top: 4px;}
.merch-form.album-info-sec{margin-top: 25px;}
.merch-form .show-img{display: none;}
.album-info-sec .price-field input[type="text"]{width: auto; margin-right: 10px;}
.album-info-sec select{width: 100%; padding: 8px 9px; outline: none; border: 1px solid rgb(217 221 225); font-size: 12px; border-radius: 4px; min-height: 41px;}
.album-info-sec label, .artist-block label{display: block; font-size: 14px; color: #3c434a; margin-bottom: 12px; font-weight: 600;}
.album-info-sec select, .album-info-sec input:not(input[type="radio"]), .artist-block input{width: 100%; padding: 8px 9px; outline: none; border: 1px solid rgb(217 221 225); font-size: 12px;}
.album-info-sec div[class*="col-"]{margin-bottom: 20px;}
.album-info-sec h2{font-size: 26px; margin-bottom: 20px;}
.album-info-sec h3{font-size: 20px; margin-bottom: 26px;}
.album-info-sec .edit{background-image: url(images/edit.png); background-repeat: no-repeat; width: 25px; display: inline-block; height: 25px; background-size: 100%;}
.album-info-sec .cancel{background-image: url(images/cancel.png); background-repeat: no-repeat; width: 25px; display: inline-block; height: 25px; background-size: 100%;}
.album-info-sec .edit-btn{position: absolute; top: 7px; right: 7px;}
.album-info-sec textarea{padding: 8px; border: 1px solid rgb(217 221 225); outline: 0; font-size: 12px;}
.album-info-sec .social-share-block label{display: block;}
.album-info-sec .social-share-block label  input[type="text"]{width: 100%;}
.album-info-sec .social-share-block label span{width: auto; margin-bottom: 8px; height: auto;}
.album-info-sec .social-share-block label{display: flex;}
.album-info-sec .social-share-block label span{width: 110px; display: flex; align-items: center;}
.album-info-sec .social-share-block label  input[type="text"]{width: calc(100% - 120px);}
.vinyl-demand.album-info-sec{margin-top: 45px;}
.album-info-sec .uplaod-browse{position: relative;}
.album-info-sec .uplaod-browse input[type="file"]{position: absolute; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer;}
.album-info-sec .album-info-block input[type="checkbox"]{width: auto;}
.album-info-sec .album-info-block-2 input[type="checkbox"]{width: auto;}
.album-info-sec .album-info-block  ul{list-style: none; padding: 0;}
.album-info-sec .album-info-block-2  ul{list-style: none; padding: 0;}
.album-info-block .tag-line{font-size: 14px; line-height: 18px;}
.album-info-sec .album-info-block .check-list .radio-group{width: 100%;}
.album-info-sec .album-info-block-2 .check-list .radio-group{width: 100%;}
.album-info-sec .album-info-block-2 .check-list span{width: calc(100% - 20px);}
.album-info-sec .album-info-block .check-list span{width: calc(100% - 20px);}
.album-info-sec .label-wrapper-main input.upload_track{width: calc(100% - 25px);}
.album-info-sec .label-wrapper-main .label-wrapper-in{width: calc(100% - 25px);}
.album-info-sec .label-wrapper-main .label-wrapper-in input{width: 100%;}
.album-info-sec .traclist .label-wrapper-main .label-wrapper-in{width: 100%;}
.album-info-sec h3.heading-type{border-bottom: 2px solid; display: table; padding: 25px 0 10px; margin-top: 18px;}
.label-signup-text{padding: 15px 0; border-top: 1px solid; border-bottom: 1px solid; border-color: #d6d6d6; font-size: 12px; text-align: center;}
.submit-block{text-align: center;}
.submit-block button, .submit-block input[type=submit], .woocommerce-cart-form button, #save-show{background-color: transparent; color: #404040; padding: 9px 44px !important; border: 1px solid rgb(217 221 225) !important; text-transform: capitalize !important; font-size: 14px !important; letter-spacing: 1px; margin: 30px 15px 0; display: inline-block; border-radius: 5px !important;}
.submit-block button:hover, .woocommerce-cart-form button:hover, #save-show:hover{box-shadow: 1px 1px 0px 0px rgb(217 221 225);}
form#createartist .submit-block input[type="submit"]{background-color: transparent; color: #000; font-weight: 400;}

form#createartist .submit-block input[type="submit"]:hover{box-shadow: 1px 1px 0px 0px rgb(217 221 225);}
#vinyl-form .submit-block #price-calculator{margin-top: 20px;}
#registration_form .submit-block button{margin: 10px 0;}
#register-button-label, #register-button, #register-button-fan{background-color:#0149ff;color: #FFF;}
.signup-section.footer.weak{text-align: center; border-top: solid 1px #ddd; padding: 23px 45px 0; margin-top: 20px;}
.signup-section.footer.weak p{margin-bottom: 0; font-size: 12px;}
.home-section-heading{/* font-size: 14px; */ display: flex; align-items: flex-start; margin-bottom: 20px; /* color: #404040; */ /* line-height: 22px; */}
.home-section-heading span{margin-right: 10px; font-size: 14px !important; margin-top: 2px; font-weight: 300 !important;}
.common-filters{display: flex;}
.common-filters h2.home-section-heading{ display: inline-flex;}
.common-filters .mob_gselect {display: inline-flex;margin: 0 15px 0 50px; position: relative;}
.common-filters .mob_gselect .genres_sort_options::after{content: ''; border-bottom: 1px solid #000; border-left: 1px solid #000; width: 9px; height: 9px; position: absolute; right: 9px; transform: rotate(-45deg); top: 4px; pointer-events: none;}
.common-filters .mob_gselect select{-webkit-appearance: none; border: none; outline: none; padding-right: 26px; background: none; color: #404040;}
.compare-plans{background: #fff; padding: 15px;}
.compare-plan-wrapper{max-height: calc(100vh - 70px); overflow: auto;}
.compare-plan-wrapper.in-page{max-height: none !important;}
.compare-plan-wrapper.in-page .compare-plans{padding: 0 !important;}
.plans-block{overflow: hidden;}
.plans-block:not(:last-child){margin-bottom: 15px;}

.head-block > div > span, 
.body-row > div span{padding: 7px 2px;}
.head-block .block-1 span{padding-left: 8px;}
.head-block{display: flex; margin: 0 -5px;}
.head-block>div{width: 22%; text-align: center; padding: 0 5px;}
.head-block .block-1{width: 34%; text-align: left;}
.head-block>div>span{font-weight: 600; padding: 14px 15px; display: block; background: #0149ff; width: 100%; color: #fff; font-size: 16px;}
.head-block .block-1 span{background-color: #F3F0EE; color: #000;}
.head-block .block-1.full-block{width: 100%;}
.chart-table .head-block{padding: 5px 20px;}
.head-block .heading-tab:first-child, .chart-table ul li .block:first-child{text-align: left;}
.head-block .heading-tab{text-align: center; width: 33.333%; padding: 0 26px; font-weight: 600;}

i.fa.fa-info{border: 1px solid #0149ff; border-radius: 20px; padding: 2px 5px; font-size: 10px; line-height: 10px; color: #0149ff;}
i.fa.fa-info:hover{color: blue; cursor: pointer;}
.body-row > div span{padding: 14px 15px; width: 100%; font-weight: 500; height: 100%; display: flex; justify-content: center; align-items: center;}
.body-row{display: flex;margin: 0 -5px;}
.body-row .block-1{width: 34%; text-align: left;}
.body-row > div{width: 22%; padding: 0 5px;text-align: center;}
.body-row:not(:last-child){border-bottom: 1px solid #bebebe;}
.body-row .block-1 span{display: block;}
.heading.block{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;}
.heading.block a{color: #404040; font-weight: 300;}
.heading.block a::after{content: ""; display: block; width: 0%; height: 2px; background: #3c3c3c; margin-right: 3px; -webkit-transition: all .35s cubic-bezier(.86, 0, .07, 1); -moz-transition: all .35s cubic-bezier(.86, 0, .07, 1); -o-transition: all .35s cubic-bezier(.86, 0, .07, 1); -ms-transition: all .35s cubic-bezier(.86, 0, .07, 1); transition: all .35s cubic-bezier(.86, 0, .07, 1); position: relative; bottom: -4px;}
.heading.block a:hover::after{width: 100%;}
.pop-wrap{border-radius: 5px; padding-bottom: 5px; background-color: #fff;}
.signup-form-modal{background: #FFF; padding: 25px; border-radius: 0 0 5px 5px;}
.signup-heading{padding: 15px 20px 12px; background: #f5f5f5; border-bottom: 1px solid #ededed; border-radius: 5px 5px 0 0; text-align: center;}
span.b-close{border-radius: 7px; border-radius: 15px 15px 15px 15px; box-shadow: none; font: normal 134% sans-serif; padding: 3px 8px 2px; position: absolute; right: 4px; top: 21px; cursor: pointer;}
span.b-close:hover{cursor: pointer;}

#signupModal .signup-heading span.b-close{top: 12px !important;}
#loginSignupModal .login-section span.b-close{top: 12px;}
div#labelSignupFeatures, div#artistSignupFeatures{max-width: 800px; overflow-y: hidden; overflow-x: hidden;}
div#labelSignupFeatures, div#artistSignupFeatures{width: 95%; z-index: 999999 !important;}
/* Login CSS End */

.albumpage-hero .albumpage-hero-d .t-by.fonts-1{font-size: 24px; line-height: 2;}
.albumsorting .sorting-i{width: 200px; margin-left: 15px;}
#cfw-side-cart-floating-button{bottom: 60px; right: 10px; width: 46px; height: 46px;}
#cfw-side-cart-floating-button .cfw-side-cart-floating-button-anchor{padding: 6px;}
.play-action button{height: 65px; max-height: 100%;}
.play-action .volume-btn.ap__controls .volume-btn{background: transparent; border: 0; width: 30px;}
.play-action .volume-btn.ap__controls .volume-btn svg{fill: #525862; width: 22px;}
.volume-btn{display: block; text-align: center;}
.volume{position: absolute; left: 50%; bottom: 55px; width: 40px; margin-left: -20px; height: 120px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s cubic-bezier(0.17, 0.72, 0.26, 1.23); background: #f2f2f2; border: 1px solid #ccc; border-radius: 1px; z-index: 88888;}
.volume::before, .volume::after{content: ""; position: absolute; bottom: -12px; border: 7px solid transparent; border-top: 7px solid #f2f2f2; left: 50%; margin-left: -7px;}
.volume::after{bottom: -14px; z-index: -1; border-top: 7px solid #ccc;}
.volume-container:hover .volume{opacity: 1; transform: translateY(0); visibility: visible;}
.volume__track{position: relative; display: block; width: 3px; height: 100px; margin: 10px auto; background: #ddd; border-radius: 3px; overflow: hidden;}
.volume__bar{position: absolute; left: 0; right: 0; bottom: 0; background: steelblue; height: 50%;}
.icon-volume-off{display: none;}
.has-muted .icon-volume-on{display: none;}
.has-muted .icon-volume-off{display: inline; opacity: 0.7;}
.volume h2{font-size: 13px; font-weight: 600; color: #353840; transform: rotate(268deg);}
.main-section{padding-bottom: 66px;}
.play-action .ap__controls--playlist{position: relative;}
.ap__controls--prev, .ap__controls--toggle, .ap__controls--next{cursor: pointer;}

.pl-container{display: none; max-height: 450px; border-radius: 8px; overflow: hidden; flex-direction: column; z-index: 1000; position: absolute; right: 40px; bottom: 40px; background: #fff; width: 480px; height: 400px; overflow-y: auto; border: 1px solid rgba(0,0,0,.05); box-shadow: 0 1px 15px rgba(0,0,0,.1); cursor: default;}
.h-show .pl-container{display: flex;}
.pl-container .pl-ul li{margin: 0; padding: 10px; width: auto; justify-content: flex-start;}
.pl-container .pl-ul li.pl-list--current{color: #0149ff;}
.pl-container .pl-ul li .pl-list__title a{width: auto; height: auto; color: #0149ff;}
.pl-container .pl-ul li .pl-list__title{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-align: left;}

/* HEADER BAR */
.pl-header{display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: #f6f8fa; border-bottom: 1px solid #e1e4e8;}
.pl-header strong{font-size: 15px; color: #24292e; font-weight: 600;}
.pl-header .clear-all{font-size: 11px; cursor: pointer;}
.pl-container__close{background: none; border: none; font-size: 22px; line-height: 1; color: #586069; cursor: pointer; padding: 0; height: 22px !important;}
.pl-container__close svg{width: 100%; height: 100%; display: block;}
.pl-container__close:hover{color: #24292e;}

div#loginSignupModal h2{display: none;}
div#loginSignupModal .album-info-block{border: none; padding: 13px;}
div#loginSignupModal .login-section{max-width: 500px; position: relative; margin: 0 auto; background-color: #fff; border-radius: 10px; overflow: hidden; width: calc(100% - 15px);}
div#loginSignupModal{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 9999; display: flex; align-items: center; justify-content: center; z-index: 100000001 !important;}
div#loginSignupModal .signup-form-modal{padding: 0; background: transparent;}
div#loginSignupModal .create-account-block{padding: 20px 25px 15px; text-align: center;}
div#loginSignupModal .album-info-sec .album-info-block .check-list span{margin-top: 0; padding-top: 0;}
div#loginSignupModal .already-account-block::before{content: ''; border-bottom: 1px solid #8f8f8f; position: absolute; top: 12px; width: 100%; left: 0;}
div#loginSignupModal p.woocommerce-LostPassword.lost_password{display: none;}
div#loginSignupModal .already-account-block{text-align: center; margin-top: 20px; position: relative;}
div#loginSignupModal .already-account-block span{background-color: #fff; position: relative; padding: 0 7%;}
div#loginSignupModal .login-inner{overflow: auto; max-height: calc(90vh - 48px);}
div#loginSignupModal .album-info-sec div[class*="col-"]{margin-bottom: 12px;}
div#loginSignupModal .mylogin{width: 100%; padding-left: 12px; padding-right: 12px;}
div#loginSignupModal .create-account-block a.create-btn{background-color: transparent; color: #404040; padding: 9px 44px !important; border: 1px solid rgb(217 221 225) !important; text-transform: capitalize !important; font-size: 14px !important; letter-spacing: 1px; margin: 7px 0px 0; display: block; border-radius: 5px !important; text-align: center;}
div#loginSignupModal .create-account-block a.create-btn:hover{box-shadow:1px 1px 0px 0px rgb(217 221 225);}
div#loginSignupModal .woocommerce .login-vcenter{min-height: auto;}
#loginSignupModal .login-section .submit-block button{margin-top: 0; margin-bottom: 25px;}
#loginSignupModal .login-section span.b-close{top: 12px;}

/* SCROLLABLE LIST */
.pl-ul{margin: 0; padding: 0; list-style: none; overflow-y: auto;}

/* nice thin WebKit scroll thumb */
.pl-ul::-webkit-scrollbar{width: 6px;}
.pl-ul::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.2); border-radius: 3px;}
.pl-ul::-webkit-scrollbar-track{background: transparent;}

/* TRACK ROW */
.pl-list{display: flex; align-items: center; padding: 10px 16px; cursor: pointer; transition: background-color 0.15s ease; border-bottom: 1px solid #f1f4f6;}
.pl-list:last-child{border-bottom: none;}
.pl-list:hover{background-color: #f1f8ff;}

/* highlight current track */
.pl-list--current{background-color: #e1f0ff; border-left: 4px solid #0366d6;}

/* THUMBNAIL */
.pl-list__cover{flex-shrink: 0; position: relative; overflow: hidden; border-radius: 4px;}
.pl-list__cover img{width: 40px; height: 40px; object-fit: cover; border-radius: 4px;}

/* DETAILS */
.pl-list__details{flex: 1; margin-left: 12px; min-width: 0; text-align: left;}
.pl-list__title{font-size: 14px; font-weight: 600; color: #24292e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pl-list__artists{font-size: 12px; color: #57606a; margin-top: 2px; line-height: 1.2;}
.pl-list__artists a{width: auto !important; height: auto !important;}
.pl-list__artists a{color: #57606a; text-decoration: none; transition: color 0.15s;}
.pl-list__artists a:hover{color: #0366d6; text-decoration: underline;}

.pl-ul .pl-list .pl-list__remove{width: 30px; display: none; padding: .5rem;}
.pl-ul .pl-list .pl-list__remove svg{width: 100%; height: 100%; display: block;}
.pl-ul .pl-list:hover .pl-list__remove{display: block;}

/*for search results*/
span.name-initials{padding: 13px 13px; background: #000; border-radius: 30px;}
span.name-initials a{color: #FFFFFF; text-transform: uppercase; font-size: 20px;}
.filter-box ul .filter-link{padding: 7px 10px; margin-bottom: -1px; color: #0149ff; font-size: 14px;}
.filter-box ul .filter-link:hover{border-bottom: 2px solid #0149ff !important; cursor: pointer;}
.filter-link-block{border-bottom: 1px solid #e5e5e5;}
.filter-link-block ul{display: flex; list-style: none; padding: 8px 10px; justify-content: space-between; margin: 0;}
.filter-box-block li .result-info{font-size: 14px;}
.filter-box-block ul li{padding: 5px 10px;}
.filter-box-block li > a{padding: 0; width: 100%;}
.filter-box{box-shadow: 0 2px 4px 1px rgb(0 0 0 / 10%); min-width: 268px; position: absolute; background-color: #fff; top: 38px; left: 1px; display: none; width: 99%; overflow: hidden;}
.filter-box ul{margin: 0; padding: 0; list-style: none; max-height: 400px; overflow-y: scroll;}
.filter-box ul .filter-link:hover{border-bottom: 2px solid #0149ff; cursor: pointer;}
.filter-link.active{border-bottom: 2px solid #0149ff;}
.filter-inner-box{display: flex; padding: 6px 8px;}
.filter-inner-box figure{width: 50px; height: 50px; position: relative; margin: 0; overflow: hidden;}
.filter-inner-box figure img{width: 100%; height: 100%; object-fit: cover;}
.filter-inner-box figure a{float: none; position: absolute; height: 100%; width: 100%;}
.filter-inner-box.with-name span.name-initials{border-radius: 0;}
.filter-inner-box a{float: none; padding: 0;}
.filter-inner-box a:hover{color: #0149ff;}
.result-info > *{width: 100%; text-align: left; line-height: normal; line-height: 1.2;}
.see-result-block a:hover{background-color: #d6d6d6;}
.result-info{width: calc(100% - 50px); padding-left: 12px; display: flex; flex-wrap: wrap;}
.result-info a{color: #404040;}

.variations_form.cart{display: flex;}
.variations_form.cart .quantity{display: none !important;}
.variations_form.cart .variation-buy-btn .play-btn{border: 0; font-size: 10px; letter-spacing: 1.25px;}
.variations_form.cart .variations{display: block;}
.variations_form.cart .variations tbody{display: flex; gap: 15px;}
.variations_form.cart .variations tbody tr{display: flex; flex-direction: column;}
.variations_form.cart .variations tbody tr .label label{color: rgba(159, 175, 181, 1); font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase; line-height: 1.2; margin-bottom: 5px; font-weight: 400; padding: 0; display: block;}
.variations_form.cart .variations tbody tr .value select,
.download-file-type select{--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; font-weight: 400; line-height: 1.5; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; border: 0px; background-color: #fff; letter-spacing: 0.3px; color: #C0C8CD; padding: 11px 16px; padding-right: 35px; border-radius: 6px; box-shadow: none !important; font-size: 12px; color: #5D6C76; width: 160px;}
.variations_form.cart .variations tbody tr .value .reset_variations{display: none; font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px;}
.variations_form.cart .single_variation_wrap{padding-top: 20px; position: relative; margin-left: 15px;}
.variations_form.cart .single_variation_wrap .woocommerce-variation{position: absolute; left: 0; top: 0; color: rgba(159, 175, 181, 1); font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase; line-height: 1.2; font-weight: 400;}

.woocommerce-ResetPassword.lost_reset_password{padding: 25px; border: 1px solid #d6d6d6; border-radius: 8px; max-width: 587px; margin-left: auto; margin-right: auto; width: 96%; background: #fff;}
.woocommerce-ResetPassword.lost_reset_password label{display: block; font-size: 14px; color: #3c434a; margin-bottom: 12px; font-weight: 600;}
.woocommerce-page form.woocommerce-ResetPassword.lost_reset_password .form-row-first{width: 100%;}
.woocommerce-page form.woocommerce-ResetPassword.lost_reset_password button[type="submit"]{background-color: transparent; color: #000; padding: 9px 44px !important; border: 1px solid rgb(217 221 225) !important; text-transform: capitalize !important; font-size: 14px !important; letter-spacing: 1px; display: table; border-radius: 5px !important; margin: 10px auto 0; font-weight: inherit;}
.woocommerce-page form.woocommerce-ResetPassword.lost_reset_password button[type="submit"]:hover{box-shadow: 1px 1px 0px 0px rgb(217 221 225);}
.woocommerce-ResetPassword.lost_reset_password  input#user_login{width: 100%; padding: 8px 9px; outline: none; border: 1px solid rgb(217 221 225); font-size: 12px;}
.woocommerce-downloads .woocommerce-Button.button{background: none !important; color: #0149ff !important; font-weight: 400;}
.woocommerce-error, .woocommerce-info, .woocommerce-message{background: #fff; width: 100%;}
.woocommerce-error li, .woocommerce-info, .woocommerce-message{display: flex; justify-content: space-between; align-items: center;}

/* AgentsCard */
.editorial .AgentsCard{box-shadow: 2px 3px 30px -17px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 2px 3px 30px -17px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 3px 30px -17px rgba(0, 0, 0, 0.75); cursor: pointer; overflow: hidden; position: relative; height: 100%; border-radius: 8px;}
.editorial .AgentsCard .agentsImg mux-player, .editorial .AgentsCard .agentsImg .wp-post-image{aspect-ratio: 1/0.7; display: block;}
.editorial .AgentsCard .agentContent{padding: 15px 20px;}
.editorial .AgentsCard .agentContent .ac55id-album-title{margin-bottom: 6px; color: #404040 !important; font-size: 14px; font-weight: 500; display: inline-block;}
.editorial .AgentsCard .agentContent .discography-artists a{color: #0149ff;}
.dropdown-menu.upward{top: auto !important; bottom: 100% !important; transform: none !important;}

#ajax-progress{position: fixed; top: 0; left: 0; height: 2px; width: 0; background: #0149ff; transition: width 0.2s ease-out, opacity 0.4s ease; opacity: 0; z-index: 9999;}
.home li .list-block .album-name a{color: #FFF !important;}
.list-block span.number.itemplay .icplay .show{opacity: 0; display: none;}
.list-block span.number.itemplay .icplay .hide{opacity: 1; display: block;}
.cfw-side-cart-totals{display: none !important;}

div#addArtistModal{background: #fff; padding: 12px 12px; border-radius: 5px;}
div#addArtistModal .signup-heading{margin-left: -22px; margin-right: -22px; margin-bottom: 20px; font-size: 20px; font-weight: 500;}
div#addArtistModal{border-radius: 5px; background-color: #fff; padding: 0 22px 22px;}
div#addArtistModal h3{font-size: 18px;}
.no-artist-popup a{border: 1px solid rgb(217 221 225); border-radius: 5px; padding: 9px 12px; color: #000; display: inline-block; margin-top: 4px; font-size: 14px;}
div#addArtistModal p{font-size: 14px;}
div#addArtistModal .signup-heading{margin: -12px -12px 14px;}
div#addArtistModal .no-artist-popup{display: flex; gap: 10px;}
div#addArtistModal .no-artist-popup a{color: #fff; background: #0149ff; text-transform: uppercase; text-decoration: none; display: flex; align-items: center; text-align: center; justify-content: center; border-radius: 6px; padding: 8px 13px; font-size: 12px;}



.woocommerce-MyAccount-content .subscription-product .artist_label_sub.ind-btn{margin: 10px 0 0 !important;}
.track-like{cursor: pointer;}
.ind-btn{cursor: pointer;}
.add-new-btn, .artist-block button{color: inherit;}
.add-new-track-block .add-new-btn{margin-left: 0;}

/* Main Footer */
.mfooter{background: #121212; margin: 0px -12px; padding: 0 12px; color: rgba(255,255,255,0.7); margin-top: auto;}
.mfooter h4{color: #fff; margin-bottom: 15px;}
.mfooter .mfooter-t{padding: 40px 0;}
.mfooter-tmenu ul{margin: 0; padding: 0; list-style: none;}
.mfooter-tmenu ul li{padding-top: 11px;}
.mfooter-tmenu ul li:first-child{padding-top: 0;}
.mfooter-tmenu ul li a{color: rgba(255,255,255,0.7);}
.mfooter .mfooter-b{border-top: rgba(255,255,255,0.3) 1px solid; padding: 30px 0;}
.mfooter-tsocial ul{display: flex; padding: 0; list-style: none; margin: -10px -10px 0; justify-content: end;}
.mfooter-tsocial ul li{padding: 10px;}
.mfooter-tsocial ul li a{display: inline-flex; width: 42px; height: 42px; background: rgba(255,255,255,0.1); align-items: center; justify-content: center; border-radius: 50%; padding: 10px;}
form.woocommerce-cart-form .button{min-width: 90px !important; border: 1px solid rgb(217 221 225) !important; color: #000 !important; font-size: 14px !important; padding: 12px !important; display: inline-block !important; text-decoration: none !important; outline: none !important; background-color: transparent !important; line-height: 12px !important; border-radius: 5px !important; text-align: center !important; font-weight: 500;}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{padding: 8px 8px 7px;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt{color: #fff; background-color: #0149ff !important; text-transform: uppercase; font-size: 10px; letter-spacing: 1.25px; font-weight: 400; line-height: var(--l-height-20);}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{color: #fff; background-color: #0149ff !important; text-transform: uppercase; font-size: 10px; letter-spacing: 1.25px; font-weight: 400; line-height: var(--l-height-20); padding: 1em;}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover{box-shadow: 0 0 5px 0 rgba(0, 0, 0, .7);}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{top: 0; bottom: 0; margin: auto; height: 20px;}
td.download-product{display: flex; flex-direction: row;}
.download-product a{display: flex; flex-direction: column;}
.download-product a span{color: #000;}
.download-product img{margin-right: 7px;}
.woocommerce-order-downloads{margin-top: 20px;}
.audio-status{position: relative;}
td.download-file-type select{display: inline-block;}
td.download-file-type .audio-status{margin-left: 5px; width: auto !important; height: auto !important; min-width: 20px; min-height: 20px;}
.page-list-nav{display: block; margin: 20px 0;}
.page-list-nav ul{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 20px;}
.page-list-nav ul li a{color: #000; text-decoration: underline !important; display: inline-block; font-size: 16px;}
.page-list-nav ul li span{color: #404040; display: inline-block; font-size: 16px;}
.page-list-nav ul li a.active{text-decoration: none !important;}

.o-equalizer{border-radius: 4px; display: inline-block; height: 100%; max-height: 100%; max-width: 100%; overflow: hidden; vertical-align: top; width: 100%; margin-top: -6px;}
.o-equalizer > svg, .o-equalizer > svg > *{stroke: #0149ff;}

.o-equalizer__slide{transform: translateY(0); will-change: transform;}
.o-equalizer__slide:first-of-type{animation: slide-ef 1.5s linear infinite;}
.o-equalizer__slide:nth-of-type(2){animation: slide-er 1.5s linear infinite;}
.o-equalizer__slide:nth-of-type(3){animation: slide-eg 1.5s linear infinite;}
.o-equalizer__slide:nth-of-type(4){animation: slide-es 1.5s linear infinite;}

@keyframes slide-ef{
0%{transform: translateY(80%);}
16%{transform: translateY(30%);}
32%{transform: translateY(60%);}
48%{transform: translateY(35%);}
64%{transform: translateY(45%);}
80%{transform: translateY(20%);}
to{transform: translateY(80%);}
}

@keyframes slide-er{
0%{transform: translateY(0);}
16%{transform: translateY(60%);}
32%{transform: translateY(70%);}
48%{transform: translateY(35%);}
64%{transform: translateY(75%);}
80%{transform: translateY(65%);}
to{transform: translateY(0);}
}

@keyframes slide-eg{
0%{transform: translateY(45%);}
16%{transform: translateY(70%);}
32%{transform: translateY(40%);}
48%{transform: translateY(65%);}
64%{transform: translateY(20%);}
80%{transform: translateY(70%);}
to{transform: translateY(45%);}
}

@keyframes slide-es{
0%{transform: translateY(80%);}
16%{transform: translateY(40%);}
32%{transform: translateY(90%);}
48%{transform: translateY(45%);}
64%{transform: translateY(60%);}
80%{transform: translateY(30%);}
to{transform: translateY(80%);}
}

.o-equalizer--thumbnail{height: 50px; width: 50px;}
.o-equalizer.pause .o-equalizer__slide{animation-play-state: paused;}
.listing-block-row{display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px;}
.listing-block{border-radius: 6px; padding: 10px 5px; text-align: center; display: table; box-shadow: 0px 2px 6px 0px rgba(204, 209, 217, .5); border: 1px solid #E6E9ED; width: calc(20% - 10px); margin: 0 5px 10px;}
.listing-block h3{font-size: 16px; font-weight: 400; color: #000; padding: 0px 0px 5px;}
.listing-block a{background-color: #333; color: #0149ff !important; padding: 8px 10px; border-radius: 0; border: 1px solid transparent; font-size: 12px; letter-spacing: 1px; display: inline-block;}

.listing-block a:hover {text-decoration: underline !important;}
.listing-block .button-block a{border-radius: 5px; background-color: transparent; color: #000; border: 1px solid rgb(217 221 225);}
.listing-block > a{padding: 0;}
.listing-block a:hover{box-shadow: 1px 1px 0px 0px rgb(217 221 225);}
.listing-block-sec{border: 1px solid #d6d6d6; border-radius: 8px; padding: 20px;}
.listing-block-sec .listing-block{width: calc(25% - 10px); padding: 0; position: relative; display: flex; flex-direction: column;}
.listing-block-sec .listing-block h3{order: 2; margin: 0; line-height: inherit; font-size: inherit;}
.listing-block-sec .listing-block .manage-artist-img{order: 1; margin-bottom: 10px !important;}
.listing-block-sec .listing-block .button-block{display: flex; justify-content: center; flex-wrap: wrap; order: 3; padding: 0 10px 10px;}
.listing-block-sec .listing-block .button-block a{margin: 4px !important; width: inherit; color: #fff !important; border: 0;}
.listing-block-sec .listing-block a{margin: 4px;}
.ui-menu .ui-menu-item{font-size: 12px !important;}
.ui-menu img.ui-menu-item-wrapper{width: 30px !important; height: 30px !important; margin: 0px !important; object-fit: cover; display: inline-block; padding: 0 !important; margin-right: 10px !important;}
.ui-menu .ui-menu-item-wrapper{font-size: 12px;}
.ui-widget.ui-widget-content .ui-menu-item{padding: 8px 6px; border-bottom: 1px solid #e2dede; transition: all 0.3s;}
.ui-widget.ui-widget-content .ui-menu-item:hover{background-color: #e2dede;}
.ui-widget.ui-widget-content{border-radius: 0 0 5px 5px; background: #fff; padding-top: 0;}   

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover{border: none !important; background: none !important;}
.ui-icon-background,
.ui-state-active .ui-icon-background{border: none !important; background-color: #212121 !important;}

.toast-container{z-index: 99;}
ul.ui-autocomplete{max-height: calc(80vh - 150px); overflow: auto; z-index: 999999;}
.field-error{border: 1px solid #F89 !important;}

.cfw-side-cart-quantity-wrap .cfw-side-cart-quantity{position: absolute; right: -6px; top: -6px; background: #0149ff; padding: 1px 2px; color: #fff; border-radius: 50%; min-width: 18px; min-height: 18px; line-height: 1; font-size: 12px; display: flex; align-items: center; justify-content: center; border-radius: 6px;}
.discover-popular-listing .mtable .fka-content, .discover-popular-listing .mtable .t-categories{display: none;}
.mixeposide-sec-l-text.show p:first-of-type{display: none;}
.supported-by-inner .collections-content .text-block a{font-size: 34px;}



















/* *************************************************** */
/* ********************** RESPONSIVE ***************************** */
/* *************************************************** */

@media (min-width:769px){
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{width: 110px;}
}

@media (min-width:768px){
.mtable .table tbody tr:hover{box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);}
.new-release-item:hover{box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);}
/* .mtable .btn-more-group:hover .dropdown-menu, 
.album-list .btn-more-group:hover .dropdown-menu{display: block;} */
.btn-more-group:hover .dropdown-menu{display: block;}
.mtable .table-t-more-hide .t-more{display: none;}

.new-release-item:hover span.number .icplay, 
.new-release-item span.number.itemplay .icplay,
.mtable .table tbody tr:hover td span.number .icplay, 
.mtable .table tbody tr.itemplay td span.number .icplay,
.new-release-item .ac55-play-audio.itemplay .icplay, 
.mtable .table tbody tr .ac55-play-audio.itemplay .icplay, 
.pl-list:hover .pl-list__cover .icplay, 
.pl-list .pl-list__cover.itemplay .icplay{opacity: 1;}
}

@media (max-width:1620px){.listing-block-sec .listing-block a:not(:last-child){margin-left: 0; margin-right: 6px;}
.listing-block-sec .listing-block a{padding: 8px 7px;}

.manage-artist-btns a:not(:last-child){
margin-right: 0 !important;}

}
@media (max-width:1500px){.listing-block-sec .listing-block a:not(:last-child){margin-left: 0; margin-right: 6px;}
.listing-block-sec .listing-block a{padding: 8px 7px;}
.listing-block-sec .listing-block{width: calc(33.333% - 10px);}

}
@media (max-width:1599px){
.top50global-table .btn-more-group .dropdown-menu .dropdown-i-hide{display: block;}
.top50global-table .t-categories{display: none;}
.albumpage-hero .albumpage-hero-d-top{padding: 0;}
.mixeposide-sec{padding: 32px 6px 51px;}
.artist-in figure .t-top{	font-size: 18px;}
}

@media (max-width:1399px){
.fancybanner-hero .recommendations-hero-i img{width: 480px;}
.episodes-miss .artist-content p{margin: 20px 0px 0;}
.radio-sec{padding: 196px 16px 36px;}
.radio-sec .radio-sec-i.active{width: 300px;}
.mtable .release-content > *, .new-release-item .release-content > *{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 144px;}
.mtable .genre-popular-relase .release-content > *{max-width: 117px;}
}

@media (max-width:1280px){
.listing-block{width: calc(25% - 10px);}
}

@media (max-width:1200px){
.left-head, .left-sidebar{width: 220px;}
.sidebar-block span.img-tab, .sidebar-block ul li .fa, .sidebar-block ul li iconify-icon{margin-right: 12px;}
.right-block, .right-head{width: calc(100% - 220px);}
.recommendations-hero .recommendations-hero-d{width: 520px; left: 24px; right: 24px; bottom: 24px;}
.recommendations-hero h1{font-size: 40px; line-height: 50px; margin-bottom: 24px;}
.recommendations-hero .text-t{margin-bottom: 10px;}
.chartsmain-hero .chartsmain-hero-d h1{font-size: 40px; line-height: 50px;}
.search-es::before,
.search-es::after{left: 220px;}
.fancybanner-hero{margin-bottom: 0;}
.fancybanner-hero .recommendations-hero-i img{width: 480px; height: 453px;}
.fancybanner-hero .recommendations-hero-d{bottom: 124px;}
.listing-block-sec .listing-block{width: calc(50% - 10px);}
}

@media (max-width:1199px){
.h1, h1{font-size: var(--font-28); line-height: var(--l-height-36);}	
.h2, h2{font-size: var(--font-28); line-height: var(--l-height-36);}	
.mtable .table-responsive{white-space: nowrap;}
.album-play-bottom .play-btn{width: 102px;}
.artistpage-hero .artistpage-hero-d .d-flex-item{padding-left: 5%;}
.albumpage-hero .albumpage-hero-d-top{margin-top: -20px;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item{margin: 0 8px;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item .text-n, 
.artistpage-hero .artistpage-hero-d .d-flex-item .text-n{font-size: var(--l-height-24); line-height: var(--l-height-30);}
.radio-sec .radio-sec-i{width: 220px;}
.radio-sec .radio-sec-i.active{width: 260px;}
.feedpage-i .feedpage-i-m .feedpage-i-md{padding: 18px 12px 16px;}
.feedpage-i .feedpage-i-m .like-shares .t-like{padding: 0 0 0 18px;}
.feedpage-i .feedpage-i-m .like-shares .t-shares{margin: 0 0 0 8px;}
.feedpage-i .feedpage-i-m .feedpage-i-md .share-icon-t{right: 4px; top: 18px; width: 20px;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mind{padding: 14px;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mind{min-height: 163px;}
.mixeposide-sec .mixeposide-sec-cr{padding-bottom: 163px;}
.mixeposide-sec .mixeposide-sec-cl, .mixeposide-sec .mixeposide-sec-cr{min-height: 292px;}
.genres-ullist{-ms-overflow-style: none; scrollbar-width: none; overflow: auto;}
.genres-ullist ul{display: flex; flex-wrap: nowrap; white-space: nowrap;}
.rm-heading.mb-4{margin-bottom: 1rem !important;}
.artist-in .text-block a, .collections-content .text-block a{font-size: 5vw;}
.dashboard-m .dashboard-m-t .dashboard-m-tbtn ul{gap: 30px;}
.card.card-item{padding: 13px;}
.mtable .release-content > *, .new-release-item .release-content > *{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 144px;}
.mtable .genre-popular-relase .release-content > *{max-width: 117px;}
.albumpage-hero .albumpage-hero-d .t-by.fonts-1{line-height: 2;}
.mixeposide-sec .mixeposide-sec-rform .submit-btn{letter-spacing: .5px;}
.mixeposide-sec .mixeposide-sec-rform .number{padding-right: 2px;}
.mixeposide-sec .mixeposide-sec-rform .quick-add{margin-left: 3px;}
.variations_form.cart .variations tbody{gap: 8px;}
.variations_form.cart .variations tbody tr .value select{background-position: right .3rem center; padding: 11px 8px; padding-right: 20px; width: 135px;}
.variations_form.cart .single_variation_wrap{margin-left: 9px;}
.variations_form.cart .variation-buy-btn .play-btn{min-width: auto;}
.mfooter h4{font-size: 14px;}
.mfooter-tsocial ul{margin: -5px -5px 0;}
.mfooter-tsocial ul li{padding: 5px;}
.mfooter-tsocial ul li a{width: 38px; height: 38px;}
.mfooter-tmenu ul li a{font-size: 12px;}
.table-responsive table{white-space: nowrap;}
.mtable .t-uimg.t-uimg-full{width: 108px;}
.mtable .t-uimg.t-uimg-full img{min-width: 100px;}
}

@media (max-width:991px){
.album-sec .row.flex-nowrap{flex-wrap: wrap !important;}
.right-banner-tab{display: flex; flex-flow: row; margin-right: 0; row-gap: 24px; padding-left: 12px; flex-wrap: wrap; gap: 25px; padding-right: 0; padding-top: 24px;}
.album-sec{overflow: inherit;}
.right-banner-tab .bottom-side-banner,
.right-banner-tab .top-side-banner{flex: calc(50% - 13px);}
.album-list{margin-top: 25px;}
.album-list{height: auto;}
.search-bar input[type=search]{min-width: 200px; width: 100%;}
.bottom-side-banner figure img,
.top-side-banner figure img{position: relative;}
.artist-in .text-block a, .collections-content .text-block a{font-size: 12vw;}
.woocommerce-account nav.woocommerce-MyAccount-navigation{margin-right: 0;}
.right-head .user-account{margin-top: 4px; gap: 5px;}
.right-head .user-account .u_logout, .right-head .user-account .u_register{letter-spacing: 0.55px;}
.listing-block{width: calc(33.333% - 10px);}
}

@media (max-width:991px){
/* old */
.left-sidebar{position: fixed; z-index: 9999; background-color: #fff; left: 0%; top: 0; transition: all .1s; height: 100vh; overflow: auto; padding-bottom: 150px; transform: translateX(-100%); transition: all 0.5s ease-in-out;}
.right-block, .right-head{width: 100%;}
.left-head{width: 100%; max-width: 100%; padding: 15px 0;}
.logo{margin: 0 auto;}
.burger{position: absolute; top: 16px; display: block; left: 15px; cursor: pointer; transition: all .3s; width: 22px; height: 22px;}
.open-menu .left-sidebar{/*left: 0;*/ transform: translateX(0%);}
.sidebar-block h5{margin-bottom: 12px;}
.sidebar-block li{margin-bottom: 12px;}
.sidebar-list{margin-bottom: 30px;}
.artist-panel{margin-bottom: 30px;}
.play-action{padding-right: 0;}
.play-panel ul{justify-content: center !important;}
/* .play-action ul li{margin: 0 6px;} */
.play-list .play-list-detail{width: auto; max-width: calc(100% - 64px);}
.play-list{padding-left: 12px; /*align-items: center; justify-content: center; margin-top: 15px;*/}
.play-list figure{width: 35px; height: 35px;}
.right-head .user-block{position: absolute; top: 10px; right: 3px;}
.left-sidebar .burger{left: 186px;}
.right-head .arrow-block a img{max-width: 24px;}
.search-bar{width: calc(100% - 90px); padding-left: 26px; width: 100%;}
.search-bar button{left: 6px;}
.right-banner-tab{margin-right: 12px;}
.recommendations-hero{margin: 0;}
.search-es::before, .search-es::after{left: 0px;}
/* old */

.right-head{padding-top: 5px; padding-bottom: 5px;}
.right-head .arrow-block{margin-left: 0;}
.top50global-right, .artistpage-hero, .single-product .albumpage-hero, .page-template-template-label .albumpage-hero{margin: -102px -12px 0;}
.single-product .albumpage-hero, .page-template-template-label .albumpage-hero{padding-top: 160px;}
.top50global-right{padding: 132px 4px 15px; background-position: 50% 0;}
.top50global-hero{padding: 0 0 20px;}
.top50global-hero .top50global-hero-d{padding: 0px 0;}
/* .main-section{padding-bottom: 72px;} */
.pl-container{right: 20px;}
.right-block, .login-vcenter{min-height: calc(100vh - 174px);}
/* .listing-block-sec .listing-block{width: calc(100% - 10px);} */

.row.mb-scroll{flex-wrap: nowrap; overflow: hidden; overflow-x: auto; margin-left: -4px; margin-right: -4px;}
.row.mb-scroll > *{padding-left: 4px; padding-right: 4px; width: 171px;}
.artist-sec .row.mb-scroll, 
.latest-release .row.mb-scroll, 
.likemusic-sec .row.mb-scroll{margin-left: -16px; margin-right: -16px; padding-left: 12px; padding-right: 12px;}
.latest-release .row.mb-scroll > *{width: 343px;}
}

@media (max-width:768px){
.register{padding: 15px;}
.register h1{font-size: 20px;}
.filter-box{width: 99%; transform: translateX(-50%); left: 50%; top: 38px;}
.listing-block-sec .listing-block{width: calc(50% - 10px);}
.woocommerce table.shop_table td.download-product img, 
.woocommerce table.shop_table td.download-file-type select{display: block; margin: 0 0 5px auto;}
.play-progress .progress .progress__preload{background: transparent;}
.play-progress .progress .progress__preload.preload-active{background: var(--bs-secondary-bg);}
}

@media (max-width:767px){
.mb-4{margin-bottom: 1rem !important;}
.mb-5{margin-bottom: 2rem !important;}
.recommendations-hero .recommendations-hero-d{left: auto; bottom: auto; right: auto; width: 100%; position: relative; padding: 100px 20px 20px;}
.recommendations-hero .recommendations-hero-i{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.recommendations-hero .recommendations-hero-i img{height: 100%; width: 100%; object-fit: cover;}
.bestm-sec .bestm-item{margin-bottom: 24px;}
.albumstop .albumstop-d .title{font-size: 16px;}
.mtable td{padding: 12px 4px;}
.mtable .t-number{width: 36px;}
.mtable .release-content{padding-left: 8px;}
.mtable tr td:first-child{padding-left: 8px;}
.mtable tr td:last-child{padding-right: 8px; padding-left: 8px;}
.top50global-right{padding: 112px 12px 15px;}
.top50global-hero .top50global-hero-d .t-chart{min-width: 86px; margin-bottom: 12px;}
.top50global-table .table thead{display: none;}
.top50global-table .table .t-simg2,
.top50global-table .table .fka-content,
.top50global-table .table .t-categories,
.top50global-table .table .plays-content,
.top50global-table .table .t-time, 
.top50global-table .table .icon-popularity{display: none;}
.top50global-hero .album-play-bottom .play-btn{width: 163px;}
.top50global-hero .album-play-bottom .play-btn.ms-4{margin-left: 16px !important;}
.heading-block{margin-bottom: 14px;}
.right-block .container-fluid{padding-left: 4px; padding-right: 4px; padding: 0;}
.feedpage-m h2{margin-bottom: 24px;}
.album-block figure img{min-height: 460px;}
.album-block .features-btn{top: 16px; left: 16px; background-color: rgba(29, 30, 35, 0.3); color: #9FAFB5;}
.album-text-in{width: 282px;}
.album-text-in h3{margin-bottom: 20px; font-size: 32px; letter-spacing: -0.12px; font-weight: 400; line-height: 1.25;}
.album-list{margin-top: 16px;}
.album-list .list-heading{background-color: #15161A;}
.list-block .plus{font-size: 22px;}
.row.mb-scroll{flex-wrap: nowrap; overflow: hidden; overflow-x: auto; margin-left: -4px; margin-right: -4px;}
.row.mb-scroll > *{padding-left: 4px; padding-right: 4px; width: 171px;}
.artist-sec .row.mb-scroll, 
.latest-release .row.mb-scroll, 
.likemusic-sec .row.mb-scroll{margin-left: -16px; margin-right: -16px; padding-left: 12px; padding-right: 12px;}
.latest-release .row.mb-scroll > *{width: 343px;}
.homepage .artist-sec{padding-bottom: 10px;}
.homepage .hot-new-releas-sec .new-release-item .playing{display: none;}
.homepage .hot-new-releas-sec .new-release-item figure{margin: 0 8px 0 0;}
.latest-release.swiper{padding-bottom: 12px;}
.homepage .latest-release{padding-top: 32px;}
.latest-block .main-img, .latest-block .main-video{padding-top: 240px;}
.genres-sec ul li .page-numbers, .genres-sec ul li a{background-color: #0D0E11; color: #fff;}
.latest-release .swiper-pagination{display: flex; flex-wrap: wrap; top: auto; bottom: 20px; margin: 0 -7px;}
.latest-release .swiper-pagination .swiper-pagination-bullet{width: 39.77px; height: 4px; border-radius: 2px; background-color: #E5EBF0; opacity: 1; overflow: hidden; margin: 0 7px;}
.latest-release .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0149FF; width: 79.54px;}
.artistpage-hero .artistpage-hero-bg{height: 586px;}
/*.artistpage-hero .artistpage-hero-in{margin-top: 0; background:#000 url(../images/artistpage-hero-bg.png) 50% 0 no-repeat; padding: 213px 16px 0; background-size: cover;}*/
.artistpage-hero .artistpage-hero-m{padding: 0px 20px 58px 20px; flex-wrap: wrap; height: auto; flex-direction: column; margin-bottom: 4px;}
.artistpage-hero .artistpage-hero-i{width: 112px; height: 112px; position: relative; left: auto; top: auto;}
.artistpage-hero .artistpage-hero-d{padding: 14px 0 6px; width: 100%; display: flex; flex-direction: column-reverse;}
.artistpage-hero .artistpage-hero-d .d-flex-item{padding-left: 20%;}
.artistpage-hero .artistpage-hero-d .followers-following{position: absolute; left: 20px; bottom: 0;}
.artistpage-hero .nav-tabs{margin-top: 0;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item .text-n, .artistpage-hero .artistpage-hero-d .d-flex-item .text-n{font-size: 24px; line-height: 1.2;}
.artistpage-hero .nav-tabs{margin: 0; padding: 0; backdrop-filter: blur(30px); background: rgba(0, 0, 0, 0.3);}
.artist-in{padding-bottom: 13px;}
.artist-in figure, .artist-in .text-block{min-height: 171.89px;}
.tmost-psongs.mb-5{margin-bottom: 2rem !important;}
.tmost-psongs .heading-block{margin-bottom: 3px;}
.tmost-psongs .heading-block h4{margin: 0;}
.tmost-psongs .mtable table .t-simg, 
.tmost-psongs .mtable table .icon-popularity, 
.tmost-psongs .mtable table .t-rprice{display: none;}
.release-otheralbums .row{margin-left: -8px; margin-right: -8px;}
.release-otheralbums .row > *{padding-right: 8px; padding-left: 8px;}
.collections-sec-row .collections-content{padding-bottom: 15px;}
.sortby .t-name{min-width: auto;}
.chartsmain-hero{margin: -102px -12px 0; padding: 126px 12px 0; background-position: 100% 80px; background-size: 500px 330px !important; position: relative;}
.chartsmain-hero::before{position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ""; background: #ffffff; background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0);}
.single-product .albumpage-hero, .page-template-template-label .albumpage-hero{padding: 133px 12px 0;}
.albumpage-hero .albumpage-hero-row{padding: 0 0 0px 0;}
.albumpage-hero .albumpage-hero-cl{margin: 0; bottom: 0; position: relative; left: auto; top: auto; width: 100%; height: 100%;}
.albumpage-hero .albumpage-hero-d{padding: 14px 0 6px;}
.albumpage-hero .albumpage-hero-d-top{position: relative; margin: 10px -8px 5px;}
.single-product .releasetabs .nav-tabs, .page-template-template-label .releasetabs .nav-tabs{margin: 0 -12px; padding-left: 12px;}
.releasetabs .nav-tabs .nav-item{padding: 0 4px;}
.tab-content{padding: 25px 0;}
.mixeposide-sec .mixeposide-sec-cl{padding-bottom: 1rem; min-height: auto;}
.mixeposide-sec .mixeposide-sec-cr{padding-bottom: 0; min-height: 111px;}
.mixeposide-sec .mixeposide-sec-cm{margin-bottom: 1rem;}
.single-product .albumpage-hero .albumpage-hero-row, .page-template-template-label .albumpage-hero .albumpage-hero-row{padding-left: 0;}
.single-product .albumpage-hero .albumpage-hero-cl, .page-template-template-label .albumpage-hero .albumpage-hero-cl{margin: 0 auto; width: 100%; height: 100%;}
.single-product .albumpage-hero .albumpage-hero-cr, .page-template-template-label .albumpage-hero .albumpage-hero-cr{min-height: auto;}
.albumpage-hero{padding: 31px 4px 12px;}
.swiper-remove-mb .swiper-button-prev, .swiper-remove-mb .swiper-button-next{display: none !important;}
.chartsmain-hero .chartsmain-hero-d{padding-top: 110px; width: 100%;}
.chartsmain-hero .chartsmain-hero-l{background: #f5f9fb; margin: -16px; padding: 16px; position: relative;}
.chartsmain-hero .chartsmain-hero-l::before{position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ""; height: 50px; background: #F5F9FB; background: -webkit-linear-gradient(0deg, rgba(245, 249, 251, 0.5) 0%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(0deg, rgba(245, 249, 251, 0.5) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(0deg, rgba(245, 249, 251, 0.5) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F5F9FB", endColorstr="#FFFFFF", GradientType=0);}
.chartsmain-hero .chartsmain-hero-l .heading-block{position: relative; z-index: 9;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item .imglist{right: auto; left: 0;}
.albumpage-hero .albumpage-hero-d-top .d-flex-item .imglist li .tip{left: auto; right: -100px;}
.woocommerce-account .woocommerce-MyAccount-content{padding: 10px 0;}
.dashboard-m .dashboard-m-t .dashboard-m-tbtn ul{gap: 10px; overflow-x: auto;}
.dashboard-m .dashboard-m-t p{margin-bottom: 1.5rem;}
.artistpage-hero .artistpage-hero-i .text-block{font-size: 50px;}
.common-filters .genres_sort_options{margin: 0px;}
.compare-plan-wrapper{max-height: calc(100vh - 185px);}
.body-row > div span{font-size: 12px;}
.body-row > div{width: 20%; padding: 0 2px;}
.body-row .block-1{width: 40%; padding-left: 3px;}
.head-block > div{width: 20%; padding: 0 2px;}
.head-block .block-1{width: 40%;}
.head-block > div > span{font-size: 12px;}
.head-block > div > span, .body-row > div span{padding: 7px 2px;}
.head-block .block-1 span{padding-left: 8px;}
/* #cfw-side-cart-floating-button{bottom: 134px;} */
.wrapper{overflow-x: hidden;}
.main-section{padding-bottom: 58px;}
.play-list{padding: 0 45px 0 57px;}
.play-list .play-list-detail h6{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.artist-in .ac55-play-audio{display:none; opacity: 0 !important; width: 100%; height: 100%;}
.artist-in figure::before{opacity: 0.71;}
.play-action button{height: 30px;}
.volume{bottom: 100%;}
div#loginSignupModal .create-account-block{padding: 20px 30px 15px;}
.btn-more-group .dropdown-menu .dropdown-item{white-space: wrap; line-height: 22px;}
.btn-more-group .dropdown-menu li.mobile-item .dots-submenu{right: 0; position: relative; padding: 0; box-shadow: none; background: transparent;}
.btn-more-group .dropdown-menu li.mobile-item .dots-submenu .dropdown-item{padding-left: 1.5rem;}
.radio-sec{padding: 110px 16px 30px; flex-wrap: wrap; justify-content: center;}
.radio-sec .radio-sec-i{width: 286px; padding: 0 0px 0px;}
.radio-sec .radio-sec-i.active{width: 330px; padding: 30px 0;}
.mixeposide-sec .mixeposide-sec-cl, .mixeposide-sec .mixeposide-sec-cr{margin: 0 auto;}
.mixeposide-sec .mixeposide-sec-min .mixeposide-sec-mind{min-height: auto;}
.play-action{padding: 0 0 5px;}
.pl-container{height: 450px; width: 340px; right: 0;}
.play-action ul li{margin: 0 10px;}
.play-panel > .row{flex-wrap: nowrap;}
.play-panel .row > *{width: auto; padding: 0;}
.play-pause-action ul li.ap__controls--prev, .play-pause-action ul li.ap__controls--next{display: none;}
.play-action ul li.ap__controls--repeat, .play-action ul li.volume-btn{display: none;}
#ap .play-progress{position: absolute; left: 0; top: 0; right: 0; font-size: 0;}
.progress-panel, .progress-container{width: 68%; margin: -17px auto 0 auto !important;}
.play-list{padding: 0 0 0 0; margin: 0; justify-content: flex-start;}
.play-panel .play-center{padding: 0;}
.play-action{padding: 0;}
.play-panel{padding: 12px 10px 6px;}
.play-panel .row .col-md-3:first-child{margin-right: auto; width: 67%;}
.pl-ul .pl-list .pl-list__remove{display: block;}
.variations_form.cart{flex-wrap: wrap;}
.right-block, .login-vcenter{min-height: calc(100vh - 159px);}
.mfooter .mfooter-t{padding: 30px 0 10px 0;}
.mfooter .mfooter-t .mfooter-tcol{margin-bottom: 20px;}
.mfooter-tsocial ul{justify-content: start;}
.mfooter .mfooter-b{padding: 15px 0; font-size: 12px;}

.new-release-item span.number.itemplay .icplay,
.mtable .table tbody tr.itemplay td span.number .icplay,
.new-release-item .ac55-play-audio.itemplay .icplay, 
.mtable .table tbody tr .ac55-play-audio.itemplay .icplay, 
.pl-list .pl-list__cover.itemplay .icplay{opacity: 1;}

.new-release-item span.number, .mtable .table tbody tr td span.number{pointer-events: none;}
.listing-block-sec{padding: 15px;}
/* .mtable .release-content > *, .new-release-item .release-content > * {padding-right: 30px;} */
.mtable .release-content > * {padding-right: 30px;}
.album-list li .album-name{max-width: 144px;/* padding-right: 30px;*/}
.mtable .t-uimg.t-uimg-full{width: 48px;}
.mtable .t-uimg.t-uimg-full img{min-width: 40px;}
.new-release-item .btn-price, .mtable .btn-price{max-width: 96px; width: auto;}
.play-progress .progress{height: 2rem;}
#cfw-side-cart-floating-button{bottom: 70px;}
.genres-ullist{margin-left: -12px; margin-right: -12px; padding-left: 6px; padding-right: 6px;}
}

@media (max-width:640px){
.listing-block{width: calc(50% - 10px);}
}

@media (max-width:620px){
.listing-block-sec .listing-block{width: calc(100% - 10px);}
}

@media (max-width:575px){
.rm-heading.d-flex{flex-direction: column; align-items: start !important;}
.followingModal .btn-close{right: -7px;}
/* .left-head .logo img{max-width: 94px; width: 94px; height: 25px;} */
.left-head .logo .logo{margin-right: 30px;}
.album-play-bottom.albumsorting{flex-wrap: wrap;}
.album-play-bottom.albumsorting .sorting-i{margin: 15px 0 0 0; width: 100%;}
.variations_form.cart{flex-direction: column;}
.variations_form.cart .variations tbody{flex-direction: column;}
.variations_form.cart .variations tbody tr{width: 100%;}
.variations_form.cart .variations tbody tr .value select{width: 100%;}
.variations_form.cart .single_variation_wrap{margin-left: 0;}
body  .listing-block-sec .listing-block{width: 100%;}
.mtable .release-content > *, .new-release-item .release-content > *{max-width: 124px;}
}

@media (max-width:480px){
.right-banner-tab .bottom-side-banner,
.right-banner-tab .top-side-banner{flex: 100%;}
}