:root {
            --main-color: #8716ff;
            --second-color: #ea8e48;
         }

html,
body {
   width: 100%;
   height: 100%;
}
body {
   font-family: "Roboto", sans-serif;
   overflow: hidden;
   overflow-y: auto;
   background-color: #171719;
   color: #dadada;

}

 .ps_content {
      line-height: 28px;
   }

.section{
    padding:80px 0 80px;
}
.section_min{
    padding:50px 0 50px;
}
.section_minn{
    padding:30px 0 30px;
}
.section_mid{
    padding:80px 0 50px;
}

.baseColor {
   background-color: var(--main-color);
}
* {
   outline: none !important;
}
.clearfix {
   clear: both;
}
a {
   text-decoration: none !important;
}
.page_margin {
   margin-top: 30px;
   margin-bottom: 30px;
}
.hidden {
   display: none !important;
}
.page_padding {
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
}
.mat-dropdown {
   padding: 6px 0;
   margin: 0;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
   border: 0;
   border-radius: 5px;
   background-color: #222225;
   transform: scale3d(0.8, 0.8, 1);
   transform-origin: right top;
   display: block;
   opacity: 0;
   visibility: hidden;
}
.mat-dropdown.show {
   transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: none;
   opacity: 1;
   visibility: visible;
}
.mat-dropdown ul li a {
   color: #cccccc;
   font-size: 13px;
   line-height: 16px;
   font-weight: 500;
   padding: 10px 15px;
   margin: 0;
   display: block;
   transition: all 0.15s;
}
.mat-dropdown ul li a:not([href]):not([tabindex]) {
   color: #cccccc;
}
.mat-dropdown ul li a:hover {
   background-color: #2c2c2f;
   color: #fff;
}
.mat-dropdown ul li a:not([href]):not([tabindex]):hover {
   color: #fff;
}
.mb-30 {
   margin-bottom: 30px;
}
.mb-40 {
   margin-bottom: 40px;
}
.mb-50 {
   margin-bottom: 50px;
}
.mb-60 {
   margin-bottom: 60px;
}
.mb-70 {
   margin-bottom: 70px;
}
.pull-left {
   float: left;
}
.pull-right {
   float: right;
}
.mat_input input,
.mat_input select,
.mat_input textarea {
   background: #363636;
   border: 1px solid rgba(89, 89, 89, 0.06);
   border-radius: 3px;
   color: #d7d7d7;
   padding: 5px 15px;
   box-shadow: none;
   transition: all 0.2s ease-out;
   width: 100%;
}
.mat_input input,
.mat_input select {
   height: 40px;
}
.mat_input input:focus,
.mat_input select:focus,
.mat_input textarea:focus {
   background: #0b0b0c;
   border: 1px solid var(--main-color);
   box-shadow: none;
   color: #ececec;
}
.mat_input select:disabled {
   background: #3a3a3a;
}
.mat_input input[readonly] {
   background: #3c3c3c;
   color: #fff;
   border-radius: 22px;
}
.block {
   display: block;
}
.v-hidden {
   visibility: hidden;
}
.light {
   font-weight: 400;
}
.main {
   color: var(--main-color);
}
.main:hover {
   color: var(--second-color);
}
.modal-footer {
   border-top: 1px solid #383838;
}
.play_avatar img {
   width: 100%;
}
.content {
   background: #222225;
   padding: 15px;
   margin: 30px auto;
   border-radius: 5px;
/*   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);*/
}
.dropdown-menu .divider {
   height: 1px;
   margin: 6px 0;
   overflow: hidden;
   background-color: #363636;
}
hr {
   border-color: rgba(255, 255, 255, 0.1);
}
.pointer {
   cursor: pointer;
}
.p20 {
   padding: 20px;
}

/*Song Playing*/
.playlist-list-song.playing {
   background: #222225;
   color: #fff !important;
}
.playlist-list-song.playing .art_details h4 {
   color: #fff !important;
}
.playlist-list-song.playing .third {
   color: #fff !important;
}

/*Add Playlist*/
.add-select-playlists {
   padding-left: 0;
}
.add-select-playlists li {
   padding: 10px;
   min-width: 300px;
   background: #545454;
   width: 100%;
   text-align: left;
   display: block;
   margin-bottom: 5px;
   cursor: pointer;
   border-radius: 3px;
}
.add-select-playlists li.active {
   background: var(--main-color);
   color: #fff;
}

/*Buttons*/
.btn-primary {
   background-color: var(--main-color);
   border-color: var(--main-color);
}
.btn-primary:hover {
   background-color: var(--main-color);
   border-color: var(--main-color);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
   background-color: var(--main-color);
   border-color: var(--main-color);
}
.btn-outline-primary {
   color: var(--main-color);
   border-color: var(--main-color);
}
.btn-outline-primary:hover {
   background-color: var(--main-color);
   border-color: var(--main-color);
}
.btn-file {
   position: relative;
   overflow: hidden;
}
.btn-file input[type="file"] {
   position: absolute;
   top: 0;
   right: 0;
   min-width: 100%;
   min-height: 100%;
   font-size: 100px;
   text-align: right;
   opacity: 0;
   outline: 0;
   background: #fff;
   cursor: inherit;
   display: block;
}
.btn-mat {
   border-radius: 4px;
   letter-spacing: 0.25px;
   line-height: 15px;
   min-width: 88px;
   font-weight: 500;
   box-shadow: none;
   padding: 9px 16px 10px;
   font-size: 15px;
}
/*.btn-mat.btn-primary:hover {
   box-shadow: 0 1px 1px 0 var(--second-color), 0 1px 2px 1px var(--second-color);
}*/
.btn-primary.btn-mat.disabled,
.btn-primary.btn-mat:disabled {
   box-shadow: none;
   background-color: var(--main-color);
   border-color: var(--main-color);
   cursor: not-allowed;
}
.btn_fb {
   background-color: #2d4373;
}
.btn_tw {
   background-color: #2795e9;
}
.btn_gp {
   background-color: #c23321;
}
.btn_vk {
   background-color: #4a76a8;
}
.btn_sc {
   background-color: #f50;
}
.see_all {
   margin-top: 10px;
}
.see_all a {
   color: var(--main-color);
   min-width: 160px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
   display: inline-block;
   height: 34px;
   line-height: 34px;
   font-size: 15px;
   border-radius: 2em;
   padding: 0 25px;
}
.see_all a svg {
   margin-right: 2px;
   width: 22px;
   height: 22px;
   margin-top: -1px;
   display: none;
}

/*Primary Styles*/
.music_app {
   display: block;
   position: relative; /*background-color: #171719;*/
   color: #d2d2d2;
   width: 100%;
   background-color: #171719;
}
.ma_container {
   width: 100%;
   position: relative;
}
.ma_sidebar {
   display: block;
   width: 240px;
   max-width: 240px;
   background-color: #222225;
   color: inherit;
   z-index: 99;
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.34);
}
.ma_page_content {
   position: relative;
   /*z-index: 5;*/
   display: block;
   margin-left: 240px;
   min-height: 100vh;
}
.ma_pc_inner {
   display: block;
   width: 100%;
   height: 100%;
   padding: 0 0 90px;
}
.ma_player {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   height: 60px;
   z-index: 99;
   background-color: #222225;
}
.ma_player.closed {
   bottom: -70px;
   transition: all 0.15s ease-in-out;
}
#waveform-load {
   text-align: center;
   margin: 0 auto;
   padding-top: 50px;
   padding-bottom: 20px;
}
#waveform-load:empty {
   padding-top: 0;
   padding-bottom: 0;
}
body.full_page .ma_page_content {
   margin: 0;
}
body.full_page .ma_pc_inner {
   padding: 0;
}
body.no-player .ma_sidebar {
   bottom: 0;
}
body.no-player .ma_pc_inner {
   padding-bottom: 0px;
}

/*Header*/
#main-header {
   z-index: 9;
   position: relative;
}
header {
   background-color: #222225;
   height: 60px;
   display: flex;
   align-items: center;
   padding: 0 40px;
   margin-bottom: 45px;
   margin-left: 240px; /*border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
body.full_page header {
   margin: 0;
}
header .head_menu {
   margin-right: 15px;
   line-height: 1;
   cursor: pointer;
   padding: 5px;
   margin-left: -5px;
   color: #ebebeb;
   display: none;
}
body.full_page header .head_menu {
   display: none;
}
header .head_logo {
   display: none;
   margin-right: 70px;
}
header .head_logo a img {
   max-width: 125px;
}
header .loggd_hd_logo svg {
   display: none;
}
body.full_page header .head_logo {
   display: flex;
}
header .head_search .head_search_cont {
   position: relative;
}
header .head_search .head_search_cont input {
   height: 40px;
   background: #080808;
   border: 1px solid rgba(0, 0, 0, 0);
   border-radius: 8px;
   color: #fff;
   padding: 0 40px 0 55px;
   width: 600px;
}
header .head_search .head_search_cont input:focus {
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); /*background: #fff;border: 1px solid rgba(0,0,0,0.12);*/
   border-radius: 8px 8px 0px 0px;
}
header .head_search .head_search_cont > svg {
   position: absolute;
   pointer-events: none;
   top: 50%;
   left: 17px;
   transform: translateY(-50%);
   color: #737373;
}
header .head_search .search_dropdown {
   position: absolute;
   background-color: #080808;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   max-height: calc(100vh - 170px);
   overflow-y: auto;
   left: 0;
   right: 0;
   top: 39px;
   border-radius: 0px 0px 8px 8px;
   z-index: 99;
}
header .head_search .search_dropdown .trend_head {
   font-size: 13px;
   color: #b1b1b1;
   padding: 7px 20px;
   display: flex;
   align-items: center;
}
header .head_search .search_dropdown .trend_head i {
   margin-right: 6px;
}
header .head_search .search_dropdown .serach_trend a {
   display: block;
   padding: 3px 20px;
   font-size: 13px;
   color: #d6d6d6;
}
header .head_search .search_dropdown .serach_trend a:hover {
   background: rgba(255, 255, 255, 0.05);
   color: #fff;
}
header .head_search .search_dropdown .see_all {
   margin: 7px auto;
}
header .head_search .search_dropdown .see_all a {
   font-size: 15px;
}
header .head_search .search_dropdown .see_all a svg {
   width: 20px;
   height: 20px;
   margin-top: -2px;
}
header .head_user {
   margin-left: auto;
}
header .head_user > div,
header .head_user > span {
   display: inline-block;
   vertical-align: middle;
   line-height: normal;
}
header .head_user .btn.login {
   color: #d2d2d2;
   font-weight: 500;
   letter-spacing: 0.25px;
   margin-right: 5px;
}
header .head_user .btn.btn-mat {
   background-color: rgba(255, 255, 255, 0.05);
   border-color: rgba(249, 144, 31, 0.05);
   color: var(--main-color);
   padding: 7px 16px;
   line-height: 19px;
}
header .head_user .btn.btn-mat:hover {
   background-color: var(--main-color);
   border-color: var(--main-color);
   color: #fff;
}
header .head_user .btn.btn-mat-import {
   background-color: rgba(33, 150, 243, 0.25);
   border-color: rgba(33, 150, 243, 0.05);
   color: #2196f3;
   margin: 0 5px;
}
header .head_user .btn.btn-mat-import:hover {
   background-color: #2196f3;
   border-color: #2196f3;
   color: #fff;
}
header .head_user .opts_account {
   margin-left: 12px;
}
header .head_user .opts_account > img {
   width: 36px;
   height: 36px;
   object-fit: cover;
   border-radius: 50%;
   cursor: pointer;
}
header .head_user .opts_account > .dropdown-menu,
header .head_user .notis > .dropdown-menu {
   top: 40px;
}
header .head_user .opts_account > .dropdown-menu:before,
header .head_user .notis > .dropdown-menu:before {
   content: "";
   position: absolute;
   width: 12px;
   height: 12px;
   background: #222225;
   transform: rotate(45deg);
   top: -5px;
   right: 15px;
   z-index: -1;
}
header .head_user .notis {
   padding: 5px;
}
header .head_user .notis .unread_count {
   padding: 0 4px;
   color: #fff;
   font-size: 12px;
   z-index: 1;
   pointer-events: none;
   position: absolute;
   margin-top: -1px;
   right: 3px;
   background-color: var(--main-color);
   border-radius: 3px;
}
header .head_user .notis .noti_load {
   text-align: center;
   padding: 10px;
   margin: 0 auto;
}
.no_notification {
   font-size: 14px;
   text-align: center;
   padding: 14px;
   color: #fff;
   margin: 0 auto;
}
header .head_user .notis > svg {
   cursor: pointer;
}
header .head_user .notis > .dropdown-menu {
   min-width: 330px;
}
header .head_user .notis > .dropdown-menu ul {
   max-height: 300px;
   overflow: hidden;
   overflow-y: auto;
}
header .head_user .notis .ma_notifs {
   width: 100%;
}
header .head_user .notis .ma_notifs a {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   min-height: 40px;
   padding: 12px 16px 13px;
   position: relative;
   color: #bebebe;
}
header .head_user .notis .ma_notifs a::after {
   border-bottom: 1px solid #474747;
   bottom: 0;
   content: "";
   height: 0;
   left: 58px;
   position: absolute;
   right: 12px;
}
header .head_user .notis .ma_notifs:last-child a::after {
   border: 0;
}
header .head_user .notis .ma_notifs a:hover {
   background-color: #171717;
}
header .head_user .notis .ma_notifs .avatar {
   display: flex;
   width: 34px;
   min-width: 34px;
   height: 34px;
   overflow: hidden;
   border-radius: 50%;
   margin: 0 12px 0 0;
}
header .head_user .notis .ma_notifs .avatar img {
   width: 34px;
   height: 34px;
   object-fit: cover;
}
header .head_user .notis .ma_notifs .n_detail {
   line-height: 1;
}
header .head_user .notis .ma_notifs .n_detail p {
   line-height: normal;
   margin-top: 0;
   margin-bottom: 3px;
}
header .head_user .notis .ma_notifs .n_detail p b {
   font-weight: 500;
   color: #dddddd;
}
header .head_user .notis .ma_notifs .n_detail time {
   font-size: 13px;
}
.ds_track_tag_req .btn {
   padding: 4px 10px;
   border: 0;
   font-weight: 500;
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin: 3px 0;
}
.ds_track_tag_req .btn.btn-success {
   color: #4caf50;
   background: #0b4e0e;
}
.ds_track_tag_req .btn.btn-danger {
   color: #ff5353;
   background: #620606;
}
header .head_user .head_search_mobi {
   line-height: 1;
   cursor: pointer;
   padding: 5px;
   color: #ebebeb;
   display: none;
}
header .head_search .head_search_cont .head_search_mobi_close {
   display: none;
   position: absolute;
   line-height: 1;
   cursor: pointer;
   padding: 5px;
   color: #ebebeb;
   top: 50%;
   right: 3px;
   transform: translateY(-50%);
   background-color: rgba(255, 255, 255, 0.14);
   border-radius: 50%;
}
header .head_search .head_search_cont input:focus + .head_search_mobi_close {
   color: #3a3a3a;
   background-color: rgba(0, 0, 0, 0.14);
}
header .opts_head_acc {
   display: none;
   line-height: 1;
   cursor: pointer;
   padding: 5px;
   color: #ebebeb;
}


















authheader {
/*   background-color: #222225;*/
   height: 60px;
   display: flex;
   align-items: center;
   padding: 0 40px;
   margin-bottom: 45px;
   /*border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/
/*   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/
}
body.full_page authheader {
   margin: 0;
}
authheader .head_menu {
   margin-right: 15px;
   line-height: 1;
   cursor: pointer;
   padding: 5px;
   margin-left: -5px;
   color: #ebebeb;
/*   display: none;*/
}
body.full_page authheader .head_menu {
   display: none;
}
authheader .head_logo {
/*   display: none;*/
   margin-right: 70px;
}
authheader .head_logo a img {
   max-width: 125px;
}
authheader .loggd_hd_logo svg {
   display: none;
}
body.full_page authheader .head_logo {
   display: flex;
}
authheader .head_search .head_search_cont {
   position: relative;
}
authheader .head_search .head_search_cont input {
   height: 40px;
   background: #080808;
   border: 1px solid rgba(0, 0, 0, 0);
   border-radius: 8px;
   color: #fff;
   padding: 0 40px 0 55px;
   width: 600px;
}
authheader .head_search .head_search_cont input:focus {
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); /*background: #fff;border: 1px solid rgba(0,0,0,0.12);*/
   border-radius: 8px 8px 0px 0px;
}
authheader .head_search .head_search_cont > svg {
   position: absolute;
   pointer-events: none;
   top: 50%;
   left: 17px;
   transform: translateY(-50%);
   color: #737373;
}
authheader .head_search .search_dropdown {
   position: absolute;
   background-color: #080808;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   max-height: calc(100vh - 170px);
   overflow-y: auto;
   left: 0;
   right: 0;
   top: 39px;
   border-radius: 0px 0px 8px 8px;
   z-index: 99;
}
authheader .head_search .search_dropdown .trend_head {
   font-size: 11px;
   color: #b1b1b1;
   text-transform: uppercase;
   font-weight: 500;
   padding: 7px 20px;
   display: flex;
   align-items: center;
}
authheader .head_search .search_dropdown .trend_head svg {
   width: 17px;
   height: 17px;
   margin-right: 6px;
}
authheader .head_search .search_dropdown .serach_trend a {
   display: block;
   padding: 7px 20px;
   color: #d6d6d6;
}
authheader .head_search .search_dropdown .serach_trend a:hover {
   background: rgba(255, 255, 255, 0.05);
   color: #fff;
}
authheader .head_search .search_dropdown .see_all {
   margin: 7px auto;
}
authheader .head_search .search_dropdown .see_all a {
   font-size: 15px;
}
authheader .head_search .search_dropdown .see_all a svg {
   width: 20px;
   height: 20px;
   margin-top: -2px;
}
authheader .head_user {
   margin-left: auto;
}
authheader .head_user > div,
authheader .head_user > span {
   display: inline-block;
   vertical-align: middle;
   line-height: normal;
}
authheader .head_user .btn.login {
   color: #d2d2d2;
   font-weight: 500;
   letter-spacing: 0.25px;
   margin-right: 5px;
}
authheader .head_user .btn.btn-mat {
   background-color: rgba(255, 255, 255, 0.05);
   border-color: rgba(249, 144, 31, 0.05);
   color: var(--main-color);
   padding: 7px 16px;
   line-height: 19px;
}
authheader .head_user .btn.btn-mat:hover {
   background-color: var(--main-color);
   border-color: var(--main-color);
   color: #fff;
}
authheader .head_user .btn.btn-mat-import {
   background-color: rgba(33, 150, 243, 0.25);
   border-color: rgba(33, 150, 243, 0.05);
   color: #2196f3;
   margin: 0 5px;
}
authheader .head_user .btn.btn-mat-import:hover {
   background-color: #2196f3;
   border-color: #2196f3;
   color: #fff;
}
authheader .head_user .opts_account {
   margin-left: 12px;
}
authheader .head_user .opts_account > img {
   width: 36px;
   height: 36px;
   object-fit: cover;
   border-radius: 50%;
   cursor: pointer;
}
authheader .head_user .opts_account > .dropdown-menu,
authheader .head_user .notis > .dropdown-menu {
   top: 40px;
}
authheader .head_user .opts_account > .dropdown-menu:before,
authheader .head_user .notis > .dropdown-menu:before {
   content: "";
   position: absolute;
   width: 12px;
   height: 12px;
   background: #222225;
   transform: rotate(45deg);
   top: -5px;
   right: 15px;
   z-index: -1;
}
authheader .head_user .notis {
   padding: 5px;
}
authheader .head_user .notis .unread_count {
   padding: 0 4px;
   color: #fff;
   font-size: 12px;
   z-index: 1;
   pointer-events: none;
   position: absolute;
   margin-top: -1px;
   right: 3px;
   background-color: var(--main-color);
   border-radius: 3px;
}
authheader .head_user .notis .noti_load {
   text-align: center;
   padding: 10px;
   margin: 0 auto;
}
.no_notification {
   font-size: 14px;
   text-align: center;
   padding: 14px;
   color: #fff;
   margin: 0 auto;
}
authheader .head_user .notis > svg {
   cursor: pointer;
}
authheader .head_user .notis > .dropdown-menu {
   min-width: 330px;
}
authheader .head_user .notis > .dropdown-menu ul {
   max-height: 300px;
   overflow: hidden;
   overflow-y: auto;
}
authheader .head_user .notis .ma_notifs {
   width: 100%;
}
authheader .head_user .notis .ma_notifs a {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   min-height: 40px;
   padding: 12px 16px 13px;
   position: relative;
   color: #bebebe;
}
authheader .head_user .notis .ma_notifs a::after {
   border-bottom: 1px solid #474747;
   bottom: 0;
   content: "";
   height: 0;
   left: 58px;
   position: absolute;
   right: 12px;
}
authheader .head_user .notis .ma_notifs:last-child a::after {
   border: 0;
}
authheader .head_user .notis .ma_notifs a:hover {
   background-color: #171717;
}
authheader .head_user .notis .ma_notifs .avatar {
   display: flex;
   width: 34px;
   min-width: 34px;
   height: 34px;
   overflow: hidden;
   border-radius: 50%;
   margin: 0 12px 0 0;
}
authheader .head_user .notis .ma_notifs .avatar img {
   width: 34px;
   height: 34px;
   object-fit: cover;
}
authheader .head_user .notis .ma_notifs .n_detail {
   line-height: 1;
}
authheader .head_user .notis .ma_notifs .n_detail p {
   line-height: normal;
   margin-top: 0;
   margin-bottom: 3px;
}
authheader .head_user .notis .ma_notifs .n_detail p b {
   font-weight: 500;
   color: #dddddd;
}
authheader .head_user .notis .ma_notifs .n_detail time {
   font-size: 13px;
}
.ds_track_tag_req .btn {
   padding: 4px 10px;
   border: 0;
   font-weight: 500;
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin: 3px 0;
}
.ds_track_tag_req .btn.btn-success {
   color: #4caf50;
   background: #0b4e0e;
}
.ds_track_tag_req .btn.btn-danger {
   color: #ff5353;
   background: #620606;
}
authheader .head_user .head_search_mobi {
   line-height: 1;
   cursor: pointer;
   padding: 5px;
   color: #ebebeb;
   display: none;
}
authheader .head_search .head_search_cont .head_search_mobi_close {
   display: none;
   position: absolute;
   line-height: 1;
   cursor: pointer;
   padding: 5px;
   color: #ebebeb;
   top: 50%;
   right: 3px;
   transform: translateY(-50%);
   background-color: rgba(255, 255, 255, 0.14);
   border-radius: 50%;
}
authheader .head_search .head_search_cont input:focus + .head_search_mobi_close {
   color: #3a3a3a;
   background-color: rgba(0, 0, 0, 0.14);
}
authheader .opts_head_acc {
   display: none;
   line-height: 1;
   cursor: pointer;
   padding: 5px;
   color: #ebebeb;
}























































/*Footer*/
.ma_footer {
   color: #b0b0b0;
   font-size: 12px;
   line-height: 16px;
   padding: 0 12px;
   padding-top: 10px;
   border-top: 1px solid #383c3f;
   margin: 0px 10px 65px;
}
.ma_footer .ma_footer_cright {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin-bottom: 3px;
}
.ma_footer .ma_footer_cright .dropup {
   margin-left: auto;
}
.ma_footer .ma_footer_cright .dropup .dropdown-toggle,
.ma_footer .ma_footer_links .dropdown-toggle {
   font-size: 12px;
   padding: 0;
   background: transparent;
   color: #b0b0b0;
}
.ma_footer .ma_footer_links a {
   color: #b0b0b0;
}
.ma_footer .ma_footer_links a:hover,
.ma_footer .ma_footer_links .dropdown-toggle:hover {
   color: #fff;
}

/*Scrollbar*/
[data-simplebar] {
   position: relative;
   z-index: 0;
   overflow: hidden !important;
   max-height: inherit;
   -webkit-overflow-scrolling: touch;
}
[data-simplebar="init"] {
   display: flex;
}
[data-simplebar] .simplebar-scroll-content,
[data-simplebar] .simplebar-content {
   overflow: hidden;
}
[data-simplebar="init"] .simplebar-scroll-content,
[data-simplebar="init"] .simplebar-content {
   overflow: scroll;
}
.simplebar-scroll-content {
   overflow-x: hidden !important;
   min-width: 100% !important;
   max-height: inherit !important;
   box-sizing: content-box !important;
}
.simplebar-content {
   overflow-y: hidden !important;
   box-sizing: border-box !important;
   min-height: 100% !important;
}
.simplebar-track {
   z-index: 10;
   position: absolute;
   right: 0;
   bottom: 0;
   width: 11px;
   pointer-events: none;
}
.simplebar-scrollbar {
   position: absolute;
   right: 2px;
   width: 7px;
   min-height: 10px;
}
.simplebar-scrollbar:before {
   position: absolute;
   content: "";
   background: black;
   border-radius: 7px;
   left: 0;
   right: 0;
   opacity: 0;
   transition: opacity 0.2s linear;
}
.simplebar-track .simplebar-scrollbar.visible:before {
   opacity: 0.5;
   transition: opacity 0 linear;
}
.simplebar-track.vertical {
   top: 0;
}
.simplebar-track.vertical .simplebar-scrollbar:before {
   top: 2px;
   bottom: 2px;
}
.simplebar-track.horizontal {
   left: 0;
   width: auto;
   height: 11px;
}
.simplebar-track.horizontal .simplebar-scrollbar:before {
   height: 100%;
   left: 2px;
   right: 2px;
}
.horizontal.simplebar-track .simplebar-scrollbar {
   right: auto;
   left: 0;
   top: 2px;
   height: 7px;
   min-height: 0;
   min-width: 10px;
   width: auto;
}
[data-simplebar-direction="rtl"] .simplebar-track {
   right: auto;
   left: 0;
}
[data-simplebar-direction="rtl"] .simplebar-track.horizontal {
   right: 0;
}

/*Sidebar*/
.sidebar {
   height: 100%;
   overflow: hidden;
}
.sidebar .logo_container {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 50px;
   margin: 5px 0;
}
.sidebar .logo_container img {
   width: 100%;
   max-width: 150px;
}
.sidebar .sidebar_innr {
   overflow: hidden;
   overflow-y: auto;
   height: calc(100% - 60px);
}
.sidebar .sidebar_innr .sections {
   padding: 0 0 25px;
   list-style-type: none;
   margin: 0;
}
.sidebar .sidebar_innr .sections:first-child {
   padding-top: 30px;
}
.sidebar .sidebar_innr .sections:last-child {
   padding-bottom: 15px;
}
.sidebar .sidebar_innr .sections h3 {
   margin: 0;
   padding: 6px 24px 10px;
   font-size: 15px;
   color: #dbdbdb;
}
.sidebar .sidebar_innr .sections li {
   display: block;
   width: 100%;
   height: 40px;
}
.sidebar .sidebar_innr .sections li a {
   padding: 0 24px;
   display: flex;
   align-items: center;
   width: 100%;
   height: 40px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   font-size: 14px;
   color: #f9f9f9;
   transition: all 0.1s;
}
.sidebar .sidebar_innr .sections li a:hover {
   background-color: rgba(0, 0, 0, 0.14);
}
.sidebar .sidebar_innr .sections li.active a {
   font-weight: 500;
   color: #fff;
   background-color: var(--main-color);
}
.sidebar .sidebar_innr .sections li a svg {
   margin: 0;
   margin-right: 27px;
   width: 24px;
   height: 24px;
}

/*Player*/
.player {
   display: flex;
   align-items: center;
   padding: 0 15px;
   height: 60px;
   background-color: #222225;
   color: #fff;
   position: relative;
   box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.2);
   z-index: 5;
}
.player .song_details {
   width: 390px;
   min-width: 390px;
   border-right: 1px solid rgba(255, 255, 255, 0.15);
   user-select: none;
}
.player .song_details .song_details_inner {
   width: 100%;
   position: relative;
   height: 60px;
   display: flex;
   align-items: center;
   cursor: pointer;
}
.player .song_details .song_details_inner .song_art {
   width: 40px;
   min-width: 40px;
   height: 40px;
   float: left;
   border-radius: 2px;
   margin-right: 10px;
}
.player .song_details .song_details_inner .song_art img {
   width: 40px;
   height: 40px;
   object-fit: cover;
   display: block;
   border-radius: 2px;
   background-color: #3e3e42;
}
.player .song_details .song_title {
   max-width: calc(100% - 95px);
}
.player .song_details .song_title h3 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: #fff;
   display: block;
   font-size: 15px;
   margin: 0;
   transition: all 0.2s;
}
.player .song_details .song_title h3:hover,
.player .song_progress .song_controls .amplitude-prev:hover,
.player .song_progress .song_controls .amplitude-next:hover,
.player .song_progress .song_controls .amplitude-stop:hover {
   color: #fff;
}
.player .song_details .song_title p {
   margin: 0;
   font-size: 13px;
   color: rgba(0, 0, 0, 0.7);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-top: 4px;
   font-weight: 500;
   line-height: 1;
   transition: all 0.2s;
}
.player .song_details .song_title p:hover {
   color: #222;
}
.player .song_details .song_title .song_time_sec {
   display: none;
   font-size: 13px;
   margin-top: 2px;
}
.player .song_details .song_fav {
   cursor: pointer;
   margin-left: auto;
   margin-right: 12px;
   color: #616161;
   transition: all 0.2s;
}
.player .song_details .song_fav:hover {
   color: #222;
}
.player .song_progress {
   position: relative;
   padding: 0 10px;
   display: flex;
   align-items: center;
   margin: auto;
   width: 100%;
}
.player .song_progress .song_controls {
   display: flex;
   align-items: center;
   padding: 0 15px 0 0;
}
.player .song_progress .song_controls .amplitude-prev {
   margin-right: 5px;
   color: #fff;
   transition: all 0.2s;
   cursor: pointer;
}
.player .song_progress .song_controls .amplitude-play-pause {
   width: 40px;
   height: 40px;
   cursor: pointer;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M8,5.14V19.14L19,12.14L8,5.14Z' /%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: center;
   background-color: var(--main-color);
   border-radius: 50%;
}
.player .song_progress .song_controls .amplitude-play-pause.amplitude-playing {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M14,19H18V5H14M6,19H10V5H6V19Z' /%3e%3c/svg%3e");
}
.player .song_progress .song_controls .amplitude-next,
.player .song_progress .song_controls .amplitude-stop {
   margin-left: 5px;
   color: #fff;
   transition: all 0.2s;
   cursor: pointer;
}
.player .song_progress .song_time {
   display: flex;
   align-items: center;
   padding-left: 6px;
}
.player .song_progress .song_time .current_time {
   color: #fff;
   font-size: 14px;
}
.player .song_progress .song_time .duration_time {
   color: #fff;
   font-size: 14px;
}
.player .song_progress .duration_seperate {
   display: none;
   margin: 0 5px;
}
.player .song_progress .song_time .progress_container {
   position: relative;
   height: 20px;
   cursor: pointer;
   width: 500px;
   width: calc(100vw - 1010px);
   margin: 0 6px;
}
.player .song_progress .song_time .progress_container input[type="range"] {
   -webkit-appearance: none;
   width: 100%;
   margin: 7.5px 0;
   position: absolute;
   z-index: 9999;
   top: -7px;
   height: 20px;
   cursor: pointer;
   background-color: inherit;
}
.player .song_progress .song_time .progress_container input[type="range"]::-webkit-slider-runnable-track {
   width: 100%;
   height: 0px;
   cursor: pointer;
   -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
   box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
   background: #ddd;
   border-radius: 0px;
   border: 0px solid #010101;
}
.player .song_progress .song_time .progress_container input[type="range"]::-webkit-slider-thumb {
   -webkit-box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
   box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
   border: 1px solid var(--main-color);
   height: 15px;
   width: 15px;
   border-radius: 16px;
   background: var(--main-color);
   cursor: pointer;
   -webkit-appearance: none;
   margin-top: -7.5px;
}
.player .song_progress .song_time .progress_container input[type="range"]:focus::-webkit-slider-runnable-track {
   background: #ddd;
}
.player .song_progress .song_time .progress_container input[type="range"]::-moz-range-track {
   width: 100%;
   height: 0px;
   cursor: pointer;
   box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
   background: #000;
   border-radius: 0px;
   border: 0px solid #010101;
}
.player .song_progress .song_time .progress_container input[type="range"]::-moz-range-thumb {
   box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
   border: 1px solid var(--main-color);
   height: 15px;
   width: 15px;
   border-radius: 16px;
   background: var(--main-color);
   cursor: pointer;
}
.player .song_progress .song_time .progress_container input[type="range"]::-ms-track {
   width: 100%;
   height: 0px;
   cursor: pointer;
   background: transparent;
   border-color: transparent;
   color: transparent;
}
.player .song_progress .song_time .progress_container input[type="range"]::-ms-fill-lower {
   background: #003d57;
   border: 0px solid #010101;
   border-radius: 0px;
   box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
.player .song_progress .song_time .progress_container input[type="range"]::-ms-fill-upper {
   background: #0075a9;
   border: 0px solid #010101;
   border-radius: 0px;
   box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
.player .song_progress .song_time .progress_container input[type="range"]::-ms-thumb {
   box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
   border: 1px solid var(--main-color);
   height: 15px;
   width: 15px;
   border-radius: 16px;
   background: var(--main-color);
   cursor: pointer;
   display: block;
}
.player .song_progress .song_time .progress_container input[type="range"]::-ms-tooltip {
   display: none;
}
@media all and (-ms-high-contrast: none) {
   .player .song_progress .song_time .progress_container *::-ms-backdrop,
   .player .song_progress .song_time .progress_container input[type="range"].amplitude-song-slider {
      padding: 0px;
   }
   .player .song_progress .song_time .progress_container *::-ms-backdrop,
   .player .song_progress .song_time .progress_container input[type="range"].amplitude-song-slider::-ms-thumb {
      height: 15px;
      width: 15px;
      border-radius: 10px;
      cursor: pointer;
      margin-top: -8px;
   }
   .player .song_progress .song_time .progress_container *::-ms-backdrop,
   .player .song_progress .song_time .progress_container input[type="range"].amplitude-song-slider::-ms-track {
      border-width: 15px 0;
      border-color: transparent;
   }
   .player .song_progress .song_time .progress_container *::-ms-backdrop,
   .player .song_progress .song_time .progress_container input[type="range"].amplitude-song-slider::-ms-fill-lower {
      background: #d9d9d9;
      border-radius: 10px;
   }
   .player .song_progress .song_time .progress_container *::-ms-backdrop,
   .player .song_progress .song_time .progress_container input[type="range"].amplitude-song-slider::-ms-fill-upper {
      background: #d9d9d9;
      border-radius: 10px;
   }
}
@supports (-ms-ime-align: auto) {
   .player .song_progress .song_time .progress_container input[type="range"].amplitude-song-slider::-ms-thumb {
      height: 15px;
      width: 15px;
      margin-top: 3px;
   }
}
.player .song_progress .song_time .progress_container input[type="range"]:focus::-ms-fill-lower {
   background: #0075a9;
}
.player .song_progress .song_time .progress_container input[type="range"]:focus::-ms-fill-upper {
   background: #00adfb;
}
/*Song Played Progress*/
.player .song_progress .song_time .progress_container .amplitude-song-played-progress {
   position: absolute;
   left: 0;
   top: 8px;
   right: 0;
   width: 100%;
   z-index: 60;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   height: 4px;
   border-radius: 5px;
   background: transparent;
   border: none;
}
@media all and (-ms-high-contrast: none) {
   .player .song_progress .song_time .progress_container *::-ms-backdrop,
   .player .song_progress .song_time .progress_container .amplitude-song-played-progress {
      color: var(--main-color);
      border: none;
      background-color: #d9d9d9;
   }
}
@supports (-ms-ime-align: auto) {
   .player .song_progress .song_time .progress_container .amplitude-song-played-progress {
      color: var(--main-color);
      border: none;
   }
}
.player .song_progress .song_time .progress_container .amplitude-song-played-progress[value]::-webkit-progress-bar {
   background: none;
   border-radius: 5px;
}
.player .song_progress .song_time .progress_container .amplitude-song-played-progress[value]::-webkit-progress-value {
   background-color: var(--main-color);
   border-radius: 5px;
}
.player .song_progress .song_time .progress_container .amplitude-song-played-progress::-moz-progress-bar {
   background: none;
   border-radius: 5px;
   background-color: var(--main-color);
   height: 4px;
}
/*Song Buffered Progress*/
.player .song_progress .song_time .progress_container .amplitude-buffered-progress {
   position: absolute;
   left: 0;
   top: 8px;
   right: 0;
   width: 100%;
   z-index: 10;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   height: 4px;
   border-radius: 5px;
   background: transparent;
   border: none;
   background-color: #d7dee3;
}
.player .song_progress .song_time .progress_container .amplitude-buffered-progress[value]::-webkit-progress-bar {
   background-color: #d9d9d9;
   border-radius: 5px;
}
.player .song_progress .song_time .progress_container .amplitude-buffered-progress[value]::-webkit-progress-value {
   background-color: #a7a7a7;
   border-radius: 5px;
   -webkit-transition: width 0.1s ease;
   transition: width 0.1s ease;
}
.player .song_progress .song_time .progress_container .amplitude-buffered-progress::-moz-progress-bar {
   background: none;
   border-radius: 5px;
   background-color: #d9d9d9;
   height: 4px;
}
@-moz-document url-prefix() {
   .player .song_progress .song_time .progress_container .amplitude-buffered-progress {
      top: 8px;
      border: none;
   }
}
@media all and (-ms-high-contrast: none) {
   .player .song_progress .song_time .progress_container *::-ms-backdrop,
   .player .song_progress .song_time .progress_container .amplitude-buffered-progress {
      color: #a7a7a7;
      border: none;
   }
}
@supports (-ms-ime-align: auto) {
   .player .song_progress .song_time .progress_container .amplitude-buffered-progress {
      color: #a7a7a7;
      border: none;
   }
}
.player .song_progress_right {
   display: flex;
   align-items: center;
   border-left: 1px solid rgba(255, 255, 255, 0.15);
   padding-right: 10px;
   height: 60px;
   width: 317px;
   min-width: 317px;
}
.player .song_progress_right .song_volume {
   padding-left: 15px;
   display: flex;
   align-items: center;
}
.player .song_progress_right .song_volume .volume_controls {
   display: flex;
   align-items: center;
}
.player .song_progress_right .song_volume .volume_controls .amplitude-mute {
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 50%;
}
.player .song_progress_right .song_volume .volume_controls .amplitude-mute.amplitude-not-muted {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z' /%3e%3c/svg%3e");
}
.player .song_progress_right .song_volume .volume_controls .amplitude-mute.amplitude-muted {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M3,9H7L12,4V20L7,15H3V9M16.59,12L14,9.41L15.41,8L18,10.59L20.59,8L22,9.41L19.41,12L22,14.59L20.59,16L18,13.41L15.41,16L14,14.59L16.59,12Z' /%3e%3c/svg%3e");
}
.player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider {
   -webkit-appearance: none;
   float: left;
   margin-left: 5px;
   width: 120px;
}
@-moz-document url-prefix() {
   .player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider {
      margin-top: 0px;
   }
}
@supports (-ms-ime-align: auto) {
   .player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider {
      margin-top: 3px;
      height: 12px;
      background-color: rgba(255, 255, 255, 0) !important;
      z-index: 999;
      position: relative;
   }
}
@media all and (-ms-high-contrast: none) {
   .player .song_progress_right .song_volume *::-ms-backdrop,
   .player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider {
      margin-top: 17px;
      background-color: rgba(255, 255, 255, 0) !important;
   }
}
.player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider::-webkit-slider-runnable-track {
   width: 100%;
   height: 3px;
   cursor: pointer;
   animate: 0.2s;
   background: #a7a7a7;
}
.player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider::-webkit-slider-thumb {
   height: 12px;
   width: 12px;
   border-radius: 12px;
   background: var(--main-color);
   cursor: pointer;
   margin-top: -4px;
   -webkit-appearance: none;
}
.player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider:focus::-webkit-slider-runnable-track {
   background: #676767;
}
.player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider::-moz-range-track {
   width: 100%;
   height: 3px;
   cursor: pointer;
   animate: 0.2s;
   background: #a7a7a7;
}
.player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider::-moz-range-thumb {
   height: 12px;
   width: 12px;
   border-radius: 12px;
   background: var(--main-color);
   border-color: var(--main-color);
   cursor: pointer;
   margin-top: -4px;
}
.player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider::-ms-track {
   width: 100%;
   height: 3px;
   cursor: pointer;
   animate: 0.2s;
   background: transparent;
   border-color: transparent;
   border-width: 15px 0;
   color: transparent;
}
.player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider::-ms-fill-lower {
   background: #a7a7a7;
   border-radius: 10px;
}
.player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider::-ms-fill-upper {
   background: #a7a7a7;
   border-radius: 10px;
}
.player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider::-ms-thumb {
   height: 12px;
   width: 10px;
   border-radius: 12px;
   background: var(--main-color);
   cursor: pointer;
   margin-top: 2px;
   border-color: var(--main-color);
}
.player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider:focus::-ms-fill-lower {
   background: #a7a7a7;
}
.player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider:focus::-ms-fill-upper {
   background: #a7a7a7;
}
.player .song_progress_right .song_volume .volume_controls input[type="range"].amplitude-volume-slider::-ms-tooltip {
   display: none;
}
.player .song_progress_right .song_rs_controls {
   padding-left: 15px;
}
.player .song_progress_right .song_rs_controls .repeat_container {
   display: flex;
   align-items: center;
}
.player .song_progress_right .song_rs_controls .amplitude-repeat {
   margin-right: 5px;
}
.player .song_progress_right .song_rs_controls .amplitude-repeat,
.player .song_progress_right .song_rs_controls .amplitude-shuffle,
.player .song_progress_right .song_queue {
   color: #fff;
   transition: all 0.2s;
   cursor: pointer;
}
.player .song_progress_right .song_rs_controls .amplitude-repeat:hover,
.player .song_progress_right .song_rs_controls .amplitude-shuffle:hover,
.player .song_progress_right .song_queue:hover {
   color: #fff;
}
.player .song_progress_right .song_rs_controls .amplitude-repeat.amplitude-repeat-on,
.player .song_progress_right .song_rs_controls .amplitude-shuffle.amplitude-shuffle-on,
body.data-queue-open .player .song_progress_right .song_queue {
   color: var(--main-color); /* background: #fff; */
}
.player .song_progress_right .song_rs_controls .amplitude-playback-speed {
   cursor: pointer;
   width: 30px;
   height: 30px;
   margin-left: 5px;
   font-weight: 500;
   color: #fff;
   transition: all 0.2s;
   font-size: 17px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.player .song_progress_right .song_rs_controls .amplitude-playback-speed:hover {
   color: #fff;
}
.player .song_progress_right .song_rs_controls .amplitude-playback-speed.amplitude-playback-speed-10:before {
   content: "1x";
}
.player .song_progress_right .song_rs_controls .amplitude-playback-speed.amplitude-playback-speed-15:before {
   content: "1.5x";
}
.player .song_progress_right .song_rs_controls .amplitude-playback-speed.amplitude-playback-speed-20:before {
   content: "2x";
}
.player .song_progress_right .song_queue {
   margin-left: 15px;
}
.queue_overlay,
.sidenav_overlay {
   visibility: hidden;
   opacity: 0;
}
body.data-queue-open .queue_overlay,
body.side_open .sidenav_overlay {
   opacity: 1;
   visibility: hidden;
}
.ma_player_playlist {
   position: fixed;
   background-color: #222225;
   bottom: 60px;
   right: -340px;
   z-index: 9999;
   width: calc(100% - 56px);
   max-width: 320px;
   top: 0;
   overflow: hidden;
   overflow-y: auto;
   transition: all 0.2s;
   box-shadow: -5px -8px 12px 0px rgba(0, 0, 0, 0.22);
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.data-queue-open .player,
body.data-queue-open .ma_player {
   z-index: 9999;
}
body.data-queue-open .ma_player_playlist {
   right: 0;
}
.ma_player_playlist .queue_head {
   display: flex;
   align-items: center;
   padding: 7px 10px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.08);
   color: #fff;
   background-color: #222225;
}
.ma_player_playlist .queue_head h4 {
   margin: 0;
   font-size: 18px;
   color: #ddd;
}
.ma_player_playlist .queue_head span {
   margin-left: auto;
   color: #f44336;
   font-weight: 500;
   font-size: 13px;
   cursor: pointer;
}
.ma_player_playlist .song {
   cursor: pointer;
   padding: 10px;
   transition: all 0.1s;
   position: relative;
}
.ma_player_playlist .song:hover,
.ma_player_playlist .song.amplitude-active-song-container.amplitude-paused {
   background-color: rgba(0, 0, 0, 0.06);
}
.ma_player_playlist .song.amplitude-playing {
   background-color: var(--main-color);
   color: white;
}
.ma_player_playlist .song .song_icon_container {
   width: 40px;
   height: 40px;
   overflow: hidden;
   border-radius: 2px;
   float: left;
   margin-right: 10px;
   position: relative;
}
.ma_player_playlist .song .song_icon_container img {
   width: 40px;
   height: 40px;
   border-radius: 2px;
   object-fit: cover;
   background-color: #e3e3e3;
}
.ma_player_playlist .song.amplitude-playing .song_icon_container:before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   display: block;
   z-index: 999;
   background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='55' height='80' viewBox='0 0 55 80' xmlns='http://www.w3.org/2000/svg' fill='%23FFF'%3e%3cg transform='matrix(1 0 0 -1 0 80)'%3e%3crect width='10' height='20' rx='3'%3e%3canimate attributeName='height' begin='0s' dur='4.3s' values='20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20' calcMode='linear' repeatCount='indefinite' /%3e%3c/rect%3e%3crect x='15' width='10' height='80' rx='3'%3e%3canimate attributeName='height' begin='0s' dur='2s' values='80;55;33;5;75;23;73;33;12;14;60;80' calcMode='linear' repeatCount='indefinite' /%3e%3c/rect%3e%3crect x='30' width='10' height='50' rx='3'%3e%3canimate attributeName='height' begin='0s' dur='1.4s' values='50;34;78;23;56;23;34;76;80;54;21;50' calcMode='linear' repeatCount='indefinite' /%3e%3c/rect%3e%3crect x='45' width='10' height='30' rx='3'%3e%3canimate attributeName='height' begin='0s' dur='2s' values='30;45;13;80;56;72;45;76;34;23;67;30' calcMode='linear' repeatCount='indefinite' /%3e%3c/rect%3e%3c/g%3e%3c/svg%3e")
      no-repeat rgba(0, 0, 0, 0.4);
   background-size: 70% 70%;
   background-position: 50% 50%;
}
.ma_player_playlist .song .song_duration {
   position: absolute;
   right: 10px;
   top: 50%;
   width: 45px;
   text-align: center;
   transform: translateY(-50%);
   font-size: 14px;
   color: #6a6a6a;
}
.ma_player_playlist .song.amplitude-playing .song_duration {
   color: #fff;
}
.ma_player_playlist .song .song_meta_data {
   margin-right: 50px;
}
.ma_player_playlist .song .song_meta_data .song_title {
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: #fff;
   font-size: 15px;
   font-weight: 500;
   margin: 0;
   transition: all 0.2s;
}
.ma_player_playlist .song .song_meta_data .song_artist {
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 13px;
   color: #9b9b9b;
   margin-top: 4px;
   font-weight: 500;
   line-height: 1;
   transition: all 0.2s;
}
.ma_player_playlist .song.amplitude-playing .song_title {
   color: rgba(255, 255, 255, 0.9);
}
.ma_player_playlist .song.amplitude-playing .song_artist {
   color: rgba(255, 255, 255, 0.6);
}

/*Discover Top Slider*/
.owl-theme .owl-dots .owl-dot span {
   transition: all 0.3s;
   background: #535353;
}
.owl-theme .owl-dots .owl-dot.active span {
   width: 35px;
   background-color: var(--main-color);
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.home_top_slider {
   width: 100%;
   margin-bottom: 40px;
   padding: 20px 0 !important;
}
.home_top_slider .owl-stage-outer {
   padding-bottom: 2px; /*margin: 0 -9px;*/
}
.home_top_slider .owl-stage-outer .item {
   /*padding: 0 9px;*/
}
.home_top_slider .item .cardd {
   display: flex;
   align-items: center;
   position: relative;
}
.home_top_slider .item .cardd > a {
   width: 100%;
   display: block;
   position: relative;
   /*box-shadow: 8px 8px 0 rgb(28 32 60 / 10%);*/
}
.home_top_slider .item .cardd > a img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   aspect-ratio: 1;
}
.home_top_slider .item .play_btn {
   display: flex;
   justify-content: end;
   z-index: 1;
   position: absolute;
   width: 100%;
   padding: 15px;
   bottom: 0;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 50%) 100%);
   left: 0;
   right: 0;
}
.home_top_slider .item .play_btn svg {
   color: #fff;
}
.home_top_slider .item .bg_text {
   overflow: hidden;
   padding: 15px;
   position: absolute;
   top: 0;
   z-index: 1;
   background: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 60%) 100%);
   left: 0;
   right: 0;
   width: 100%;
}
.home_top_slider .item .bg_text h2 {
   font-size: 26px;
   font-weight: 400;
   margin: 0;
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: #fff;
}
.home_top_slider .item .cardd .shadoww {
   display: none;
   position: absolute;
   z-index: 1;
   width: 100%;
   height: 100%;
   background-color: rgb(23 23 25 / 50%);
}
.home_top_slider .swiper-button-next,
.home_top_slider .swiper-button-prev {
   width: 50px;
   height: 50px;
   background-color: rgb(0 0 0 / 60%);
   border-radius: 50%;
   color: #fff;
   backdrop-filter: blur(5px);
}
.home_top_slider .swiper-button-next:after,
.home_top_slider .swiper-button-prev:after {
   font-size: 20px;
   font-weight: bold;
}
.home_top_slider .item:not(.swiper-slide-active) .cardd .shadoww {
   display: block;
}
.home_top_slider .item:not(.swiper-slide-active) .bg_text {
   display: none;
}

/*Short Song List*/
.home_widget_title {
   margin-bottom: 20px;
   font-size: 22px;
   font-weight: 400;
   display: flex;
   align-items: center;
   position: relative;
   border-bottom: 1px solid rgba(255, 255, 255, 0.11);
   padding-bottom: 10px;
   font-family: "Muli", sans-serif;
}
.sidebar_widget .s_widget_head > span,
.store_filters .store_widget .s_widget_head > span,
.single_song .ss_related .s_widget_head > span {
   width: 32px;
   height: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   color: white;
   background-color: var(--main-color);
   margin-right: 8px;
}
.home_widget_title > span svg,
.sidebar_widget .s_widget_head > span svg,
.store_filters .store_widget .s_widget_head > span svg,
.single_song .ss_related .s_widget_head > span svg {
   width: 19px;
   height: 19px;
   margin: 0;
}
.home_widget_title > span.you_also_like {
   background: #3f51b5;
}
.home_widget_title > span.my_purchases {
   background: #3f51b5;
}
.home_widget_title > span.reviews {
   background: #8bc34a;
}
.home_widget_title > span.followers {
   background: #4caf50;
}
.home_widget_title > span.following {
   background: #2196f3;
}
.sidebar_widget .s_widget_head > span.sponsor_ads {
   background: #e38700;
}
.sidebar_widget .s_widget_head > span.artist_to_follow {
   background: #4caf50;
}
.sidebar_widget .s_widget_head > span.weekly_top_track {
   background: #7367f0;
}
.store_filters .store_widget .s_widget_head > span.price {
   background: #7367f0;
}
.store_filters .store_widget .s_widget_head > span.geners {
   background: #4caf50;
}
.single_song .ss_related .s_widget_head > span.more_tracks {
   background: #7367f0;
}
.mus_track_widget_head > span.article_comms {
   background: #ff9800;
}
.mus_track_widget_head > span.description {
   background: #03a9f4;
}
.mus_track_widget_head > span.lyrics {
   background: #f436bd;
}
.home_widget_title .slide_btns {
   margin-left: auto;
   display: flex;
   align-items: center;
   font-family: "Roboto", sans-serif;
}
.home_widget_title .slide_btns a {
   text-transform: uppercase;
   font-weight: 500;
   font-size: 14px;
   color: grey;
   margin-right: 15px;
   transition: all 0.3s;
}
.home_widget_title .slide_btns a:hover {
   color: #d2d2d2;
}
.home_widget_title .slide_btns > div {
   font-size: 0;
}
.home_widget_title .slide_btns button,
.home_widget_title .slide_btns .swiper-button-next,
.home_widget_title .slide_btns .swiper-button-prev {
   width: 26px;
   height: 26px;
   cursor: pointer;
   background-repeat: no-repeat;
   background-position: center;
   border: 0;
   background-color: rgba(255, 255, 255, 0.3);
   border-radius: 50%;
}
.home_widget_title .slide_btns .swiper-button-next,
.home_widget_title .slide_btns .swiper-button-prev {
   position: relative;
   left: auto;
   right: auto;
   top: auto;
   margin: 0;
   display: inline-flex;
}
.home_widget_title .slide_btns button span,
.home_widget_title .slide_btns .swiper-button-next:after,
.home_widget_title .slide_btns .swiper-button-prev:after {
   display: none;
}
.home_widget_title .slide_btns button.owl-prev,
.home_widget_title .slide_btns .swiper-button-prev {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24'%3e%3cpath fill='%23111' d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z' /%3e%3c/svg%3e");
   margin-right: 5px;
}
.home_widget_title .slide_btns button.owl-next,
.home_widget_title .slide_btns .swiper-button-next {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24'%3e%3cpath fill='%23111' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' /%3e%3c/svg%3e");
}
.home_widget_title .slide_btns button.disabled {
   cursor: default;
   opacity: 0.4;
}
.short_list_cont {
   /*overflow:hidden;*/
}
.short_list_cont .s_list_songs,
.short_list_cont .s_lsongs_child {
   list-style-type: none;
   padding: 0;
   margin: 0;
}
.short_list_cont .s_lsongs_child {
   cursor: pointer;
   display: flex;
   border-bottom: 1px solid rgba(255, 255, 255, 0.08);
   align-items: center;
   padding: 10px 5px;
   transition: all 0.5s;
}
.short_list_cont .s_list_songs > li:last-child .s_lsongs_child {
   border: 0;
}
.short_list_cont .s_lsongs_child:hover {
   background: rgba(255, 255, 255, 0.05);
}
.short_list_cont .s_lsongs_child .first {
   position: relative;
   width: 24px;
   height: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 10px;
}
.short_list_cont .s_lsongs_child .second {
   flex: 1;
}
.short_list_cont .s_lsongs_child .third {
   color: #919191;
   display: flex;
   align-items: center;
}
.short_list_cont .s_lsongs_child .numbers {
   line-height: 1;
   transition: all 0.1s;
}
.short_list_cont .s_lsongs_child:hover .numbers {
   opacity: 0;
   visibility: hidden;
}
.short_list_cont .s_lsongs_child .fav_song {
   position: absolute;
   opacity: 0;
   visibility: hidden;
   top: 0;
   left: 0;
   transition: all 0.2s;
}
.short_list_cont .s_lsongs_child:hover .fav_song {
   opacity: 1;
   visibility: visible;
}
.fav_song.active {
   color: red !important;
}
.short_list_cont .s_lsongs_child .art_song {
   width: 40px;
   height: 40px;
   float: left;
   overflow: hidden;
   border-radius: 2px;
   margin-right: 10px;
   position: relative;
}
.short_list_cont .s_lsongs_child .art_song img {
   width: 40px;
   height: 40px;
   background-color: white;
   object-fit: cover;
}
.short_list_cont .s_lsongs_child .art_details h4 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: #c3c3c6;
   display: block;
   font-size: 15px;
   margin: 0;
   transition: all 0.2s;
}
.short_list_cont .s_lsongs_child .art_details p {
   margin: 0;
   font-size: 13px;
   color: #8d8d8d;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-top: 4px;
   font-weight: 500;
   line-height: 1;
   transition: all 0.2s;
}
.short_list_cont .s_lsongs_child .art_details p > svg {
   width: 15px;
   height: 15px;
}
.short_list_cont .s_lsongs_child .duration {
   margin-right: 10px;
   font-size: 14px;
}
.short_list_cont .s_lsongs_child .opts_song {
   display: inline-flex;
}
.short_list_cont .wide_page_songs .s_lsongs_child .first {
   width: 68px;
   margin-right: 20px;
}
.short_list_cont .wide_page_songs .s_lsongs_child .fav_song {
   position: relative;
   opacity: 1;
   visibility: visible;
   margin-left: 20px;
   color: #535353;
}
.short_list_cont .wide_page_songs .s_lsongs_child:hover .numbers {
   opacity: 1;
   visibility: visible;
}
.short_list_cont .wide_page_songs .s_lsongs_child {
   min-height: 55px;
}
.sq_track_slider .swiper-pagination {
   position: relative;
   bottom: auto;
}
.sq_track_slider .swiper-pagination .swiper-pagination-bullet {
   background: white;
}
.sq_track_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background: var(--main-color);
}

/*Square Music Tracks*/
.sq_music_tracks .owl-stage-outer {
   padding-bottom: 5px;
}
.sq_track_slider.no-slider {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -12px;
}
.sq_track_slider.no-slider .track_list {
   flex: 0 0 14.2857142857%;
   width: 14.2857142857%;
   position: relative;
   padding: 12px;
   overflow: hidden;
   display: block;
}
.sq_music_tracks .track_list .track {
   background-color: #171719;
}
.sq_music_tracks .track .cover_art a {
   display: block;
   position: relative;
   overflow: hidden;
   border-radius: 4px;
   box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
   padding-top: 100%;
}
.sq_music_tracks .track .cover_art a img {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 4px;
}
.sq_music_tracks .track.empty .cover_art a {
   background-color: #222225;
   box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
   color: var(--main-color);
}
.sq_music_tracks .track.empty .cover_art a > svg {
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 50px;
   height: 50px;
}
.sq_music_tracks .track .cover_art .play_btn,
.feed_song .first .cover .play_btn {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(53, 67, 74, 0.8);
   color: #d2d2d2;
   opacity: 0;
   visibility: hidden;
   transition: all 0.2s ease;
   overflow: hidden;
   border-radius: 4px;
}
.sq_music_tracks .track .cover_art .play_btn svg,
.feed_song .first .cover .play_btn svg {
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%) scale(0.7);
   width: 45px;
   height: 45px;
   transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.sq_music_tracks .track .cover_art:hover .play_btn,
.feed_song:hover .first .cover .play_btn {
   opacity: 1;
   visibility: visible;
}
.sq_music_tracks .track .cover_art:hover .play_btn svg,
.feed_song:hover .first .cover .play_btn svg {
   -webkit-transform: translate(-50%, -50%) scale(1);
   transform: translate(-50%, -50%) scale(1);
}
.sq_music_tracks .track .track_info {
   padding: 10px 0px;
}
.sq_music_tracks .track .track_info .title {
   color: #d9d9d9;
   font-weight: 500;
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.sq_music_tracks .track .track_info .artist {
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: #6e6e6e;
   font-size: 14px;
}
.sq_music_tracks .track .track_info .artist svg {
   width: 17px;
   height: 17px;
}
.feed_song {
   cursor: pointer;
}
/*Modals*/

/*Login-Signup Box*/
.auth_box {
   max-width: 700px;
   min-width: 700px;
   min-height: 520px;
}
.auth_box .modal-content {
   border: 0;
   flex-direction: row;
   min-height: 520px;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.auth_box .left_combo {
   width: 40%;
   background-color: var(--main-color);
   color: #fff;
   padding: 40px 35px;
   font-size: 15px;
   background-position: center 90%;
   background-repeat: no-repeat;
   background-size: 85%;
   text-align: start;
}
.auth_box .right_combo {
   width: 60%;
   padding: 35px 35px;
   position: relative;
   display: flex;
   flex-direction: column;
}
.auth_box .right_combo .mat_input input,
.auth_box .right_combo .mat_input select {
   background: #f3f3f3;
   color: #191919;
}
.auth_box .right_combo .mat_input input:focus,
.auth_box .right_combo .mat_input select:focus {
   background: #fff;
}
.auth_box .right_combo .forgot_password {
   text-align: right;
   margin: -10px 0px 30px;
   font-size: 13px;
}
.auth_box .right_combo .btn,
.reset-page .reset-form .btn {
   display: block;
   width: 100%;
   padding: 11px 16px 13px;
}
.auth_box .right_combo .signup_ {
   text-align: center;
   margin-top: 24px;
   font-size: 16px;
   color: #4b4b4b;
}
.auth_box .right_combo .signup_ a {
   font-weight: 500;
}
.auth_box .right_combo .u_divider {
   position: relative;
   color: #8c98a4;
   font-size: 0.75rem;
   margin: 30px 0 15px;
   display: inline-block;
}
.auth_box .right_combo .u_divider:after,
.auth_box .right_combo .u_divider:before {
   position: absolute;
   top: 50%;
   content: "";
   height: 0.0625rem;
   transform: translateY(-50%);
   width: 2rem;
}
.auth_box .right_combo .u_divider:after {
   margin-left: 0.625rem;
   left: 100%;
   background-image: linear-gradient(45deg, #cacaca, transparent);
   background-repeat: repeat-x;
}
.auth_box .right_combo .u_divider:before {
   right: 100%;
   background-image: linear-gradient(45deg, transparent, #cacaca);
   background-repeat: repeat-x;
   margin-right: 0.625rem;
}
.btn_social {
   height: 37px;
   line-height: 37px;
   padding: 0px 10px 0px 0px;
   border-radius: 4px;
   display: flex;
   cursor: pointer;
   color: white;
   margin: 10px 0px;
   box-shadow: 0 3px 10px rgba(71, 134, 255, 0.25);
   width: 100%;
   transition: all 0.3s;
   font-size: 11.5px;
   text-transform: uppercase;
   letter-spacing: 0.3px;
   word-spacing: 1px;
   overflow: hidden;
   font-weight: 500;
}
.btn_social:last-child {
   margin-bottom: 0;
}
.btn_social:hover {
   color: #fff;
}
.btn_social > span {
   height: 37px;
   width: 37px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-right: 10px;
}
.btn_social > span svg,
.btn_social > span img {
   width: 20px;
   height: 20px;
}
.btn_social.btn_fb {
   background-color: #4d68a1;
}
.btn_social.btn_tw {
   background-color: #53a7e7;
}
.btn_social.btn_gp {
   background-color: #db4937;
}
.btn_social.btn_wo {
   background-color: #212121;
   color: #fff;
}
.btn_social.btn_vk {
   background-color: #6594cb;
}
.btn_social.btn_sc {
   background-color: #ff6f28;
}
.btn_social.btn_fb:hover {
   background-color: #2d4373;
}
.btn_social.btn_tw:hover {
   background-color: #2795e9;
}
.btn_social.btn_gp:hover {
   background-color: #c23321;
}
.btn_social.btn_vk:hover {
   background-color: #4a76a8;
}
.btn_social.btn_sc:hover {
   background-color: #f50;
}
.auth_box .right_combo .terms_check {
   font-size: 13px;
   text-align: center;
   color: #a7a7a7;
   margin-top: auto;
   padding-top: 10px;
}
.auth_box .remember_me {
   text-align: initial;
   margin-top: 10px;
}
.auth_box .remember_me label {
   margin: 0;
   color: #4b4b4b;
}

/*Forgot-Reset Page*/
.reset_page {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
   min-height: calc(100vh - 130px);
   position: relative;
}
.reset_page:before,
.reset_page:after {
   -webkit-box-flex: 1;
   box-flex: 1;
   -webkit-flex-grow: 1;
   flex-grow: 1;
   content: "";
   display: block;
   height: 24px;
}
.reset-page {
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
   margin: 0 auto;
   width: 90%;
   max-width: 420px;
   padding-top: 0;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
   background: #222225;
   border-radius: 8px;
   padding: 35px 40px;
}
.reset-page h4 {
   color: #f1f1f1;
   font-size: 26px;
   text-align: center;
   margin: 0 0 8px;
}
.reset-page .reset-form > p {
   text-align: center;
   font-size: 16px;
   margin-bottom: 50px;
}
.full_footer {
   padding: 10px 60px;
   height: 70px;
   border-top: 1px solid rgba(255, 255, 255, 0.09);
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.full_footer .copyright {
   margin: 0;
}
.full_footer .imp_links li {
   display: inline-block;
   margin-right: 7px;
}
.full_footer .imp_links li:last-child {
   margin: 0;
}
.full_footer .imp_links li a {
   padding: 1px 3px;
   font-size: 13px;
   color: #9b9b9b;
   font-weight: 500;
   transition: all 0.2s;
}
.full_footer .imp_links li a:hover {
   color: #fff;
}
.full_footer .lang_select button {
   color: #b1b1b1;
   background-color: #222225;
   padding: 4px 12px;
}

/*Genres*/
.genre_lst {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -12px;
}
.genre_lst .gnr_list_item {
   flex: 0 0 20%;
   width: 20%;
   position: relative;
   padding: 12px;
   overflow: hidden;
   display: block;
}
.genre_lst .gnr_list_item .img_cnt {
   width: 100%;
   padding-top: 100%;
   position: relative;
   display: block;
   border-radius: 5px;
   overflow: hidden;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
   transition: all 0.2s;
}
.genre_lst .gnr_list_item .img_cnt:hover {
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}
.genre_lst .gnr_list_item .img_cnt:after {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #222;
   opacity: 0.6;
}
.genre_lst .gnr_list_item.violet .img_cnt:after {
   background: linear-gradient(135deg, #ce9ffc 0%, #7367f0 100%);
}
.genre_lst .gnr_list_item.gray .img_cnt:after {
   background: linear-gradient(135deg, #e3e3e3 0%, #5d6874 100%);
}
.genre_lst .gnr_list_item.light-green .img_cnt:after {
   background: linear-gradient(135deg, #dfec51 0%, #73aa0a 100%);
}
.genre_lst .gnr_list_item.blue .img_cnt:after {
   background: linear-gradient(135deg, #13f1fc 0%, #0470dc 100%);
}
.genre_lst .gnr_list_item.orange .img_cnt:after {
   background: linear-gradient(135deg, #fad961 0%, #f76b1c 100%);
}
.genre_lst .gnr_list_item.red .img_cnt:after {
   background: linear-gradient(135deg, #f5515f 0%, #a1051d 100%);
}
.genre_lst .gnr_list_item.pink .img_cnt:after {
   background: linear-gradient(135deg, #f02fc2 0%, #6094ea 100%);
}
.genre_lst .gnr_list_item .img_cnt img {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.genre_lst .gnr_list_item .name {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-transform: capitalize;
   font-size: 26px;
   color: #fff;
   font-weight: 500;
}

/*Serial Counter*/
.serial_counter {
   counter-reset: Serial;
}
.serial_counter .track_list .cover_art {
   position: relative;
}
.serial_counter .track_list .cover_art:after {
   counter-increment: Serial;
   content: counter(Serial);
   z-index: 5;
   position: absolute;
   top: -10px;
   left: -10px;
   background-color: #656565;
   color: white;
   border-radius: 50%;
   width: 27px;
   height: 27px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 500;
   font-size: 14px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/*Top Music Filters*/
.top_m_filters {
   margin: 0 -7px;
   overflow: hidden;
}
.top_m_filters .filter_list {
   width: 33.333333333%;
   float: left;
   padding: 0 7px;
}
.top_m_filters .filter_list .filters {
   margin-bottom: 14px;
   border-radius: 4px;
   overflow: hidden;
   background: #4f4f4f;
}
.top_m_filters .filter_list .filters.active {
   background: var(--main-color) !important;
}
.top_m_filters .filters .filters_innr {
   position: relative;
   padding-bottom: 100%;
   cursor: pointer;
   background-repeat: no-repeat;
   background-size: cover;
   opacity: 0.7;
}
.top_m_filters .filters_innr .f_sec_name {
   position: absolute;
   color: rgba(255, 255, 255, 0.75);
   top: 5px;
   right: 5px;
   line-height: 1;
   font-size: 12px;
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
}
.top_m_filters .filters_innr .f_name {
   position: absolute;
   color: white;
   bottom: 5px;
   left: 5px;
   font-weight: 500;
   font-size: 23px;
   line-height: 1;
   text-transform: uppercase;
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
}

/*Mat Box*/
.mat_box .modal-content {
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
   border: 0;
   background-color: #222225;
}
.mat_box .modal-content .modal-header {
   border: 0;
}
.mat_box .modal-content .modal-title {
   color: #e4e4e4;
}
.mat_box .modal-content .modal-body {
   color: #cfcfcf;
}
.mat_box .modal-content .modal-footer {
   border-color: #383838;
}
.mat_box .modal-content .modal-footer .btn {
   font-weight: 500;
   height: 32px;
   padding: 7px 16px 9px;
   line-height: 1;
}
.mat_box .modal-content .modal-footer .btn-default {
   background: #252525;
   border: 1px solid #4c4d4e;
   color: var(--main-color);
   margin-right: 8px;
}

/*Playlists Page*/
.ma_playlists .sec_head,
.ma_favourites .sec_head {
   display: flex;
   align-items: center;
   margin-top: -10px;
   margin-bottom: 20px;
}
.ma_playlists .sec_head b,
.ma_favourites .sec_head b {
   font-weight: 400;
}
.ma_playlists .sec_head .btn {
   margin-left: auto;
   padding: 4px 16px;
   line-height: normal;
   font-size: 15px;
   font-weight: 500;
   letter-spacing: 0.4px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.ma_playlists .sec_head .btn svg {
   width: 17px;
   height: 17px;
   margin-top: -2px;
}
.mp_list {
   border: 1px solid rgba(255, 255, 255, 0.12);
   border-radius: 5px;
   transition: all 0.2s;
   margin-bottom: 30px;
}
.mp_list:hover {
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.mp_list a {
   display: block;
}
.mp_list .avatar {
   background: transparent 50% 50% no-repeat;
   background-size: cover;
   display: inline-block;
   height: 100px;
   margin-right: 9px;
   overflow: hidden;
   width: 100px;
   float: left;
   border-radius: 5px 0px 0px 5px;
}
.mp_list .opts_plist {
   float: right;
   margin: 7px;
}
.mp_list .opts_plist .dropdown {
   cursor: pointer;
   color: #767676;
}
.mp_list .sec_link {
   height: 100px;
   margin-right: 40px;
}
.mp_list .mp_middle_part {
   padding: 8px 0;
}
.mp_list .mp_middle_part .pl_name {
   color: #d2d2d2;
   font-weight: 500;
   font-size: 18px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-bottom: 4px;
}
.mp_list .mp_middle_part .pl_amount,
.mp_list .mp_middle_part .pl_privacy {
   color: #9b9b9b;
   font-size: 15px;
   margin-bottom: 3px;
}
.mp_list .mp_middle_part .pl_amount svg,
.mp_list .mp_middle_part .pl_privacy svg {
   width: 17px;
   height: 17px;
   margin-top: -2px;
}
.add_to_plist .modal-title {
   display: flex;
   align-items: center;
   width: 100%;
}
.add_to_plist .modal-title > a {
   margin-left: auto;
   display: block;
   font-size: 15px;
   background-color: rgba(249, 144, 31, 0.25);
   color: var(--main-color);
   padding: 4px 16px;
   border-radius: 5px;
}

/*Create Playlist*/
.create_playlist {
   min-width: 400px;
}
.create_playlist_innr {
   display: flex;
   align-items: center;
   padding: 5px 16px 16px;
}
.create_playlist_innr .play_avatar {
   width: 110px;
   min-width: 110px;
   height: 110px;
   margin-right: 15px;
   background-color: rgba(255, 255, 255, 0.06);
   color: #7c7c7c;
   cursor: pointer;
   border-radius: 5px;
}
.create_playlist_innr .play_avatar .btn-file {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.create_playlist_innr .play_avatar .btn-file img {
   height: 110px;
   width: 110px;
   object-fit: cover;
   border-radius: 5px;
}
.create_playlist_innr .play_avatar .btn-file input[type="file"] {
   cursor: pointer;
}
.create_playlist_innr .play_avatar svg {
   width: 30px;
   height: 30px;
}
.create_playlist_innr .play_info {
   width: 100%;
}
.create_playlist_innr .custom-control {
   text-align: left;
   color: #a8a8a8;
   font-size: 15px;
   margin-bottom: 3px;
}

/*Album Page*/
.album_songs {
   width: 100%;
   position: relative;
}
.album_poster_info {
   margin: 0 auto;
   max-width: 300px;
}
.album_poster_info .al_art {
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
   padding-top: 100%;
   position: relative;
   margin-bottom: 20px;
}
.album_poster_info .al_art .al_art_img {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: 50%;
}
.album_poster_info .al_name {
   font-weight: 500;
   text-align: center;
   font-size: 23px;
   line-height: 36px;
}
.album_poster_info .al_name a {
   color: white;
}
.album_poster_info .al_artist {
   text-align: center;
   display: block;
}
.album_poster_info .al_artist a {
   color: #b0b0b0;
   font-size: 16px;
   transition: all 0.2s;
}
.album_poster_info .al_artist a:hover {
   color: #fff;
}
.album_songs .play_btn {
   text-align: center;
   margin-top: 16px;
}
.album_songs .play_btn .btn {
   padding: 10px 40px;
   border-radius: 2em;
   line-height: 1;
   margin: 7px 4px; /*border-width: 1.5px;*/
   font-weight: 500;
   letter-spacing: 0.5px;
}
.album_songs .play_btn .btn:hover {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.album_songs .al_add_info {
   margin-top: 9px;
   font-size: 13px;
   line-height: 16px;
   letter-spacing: 1px;
   color: rgba(255, 255, 255, 0.6);
}
.album_bg_cover {
   position: relative;
   height: 200px;
   overflow: hidden;
   margin: -45px -100% -100px;
}
.album_bg_cover:before {
   content: "";
   position: absolute;
   margin: -110px;
   background: inherit;
   filter: blur(15px);
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-size: cover;
   background-position: top;
}
.pro_white {
   display: block;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #171719 100%);
   padding: 170px;
   position: absolute;
   width: 100%;
   bottom: 0;
   left: 0;
   pointer-events: none;
}
.upload_music .upload_form.no-padding-form {
   padding: 20px;
}
.upload_music .upload_form.submitted {
   background: #222225;
   color: #0095d8;
   border: 1px solid #0095d8;
}
.submitted svg {
   margin-right: 8px;
}
.remove-album-song {
   cursor: pointer;
   text-align: right;
   top: 10px;
   right: 8px;
   position: absolute;
}
.remove-album-song svg {
   width: 20px;
   height: 20px;
}

/*Favourite Music*/
.mf_list {
   margin-bottom: 30px;
   position: relative;
}
.mf_list .avatar_cont {
   position: relative;
   display: inline-block;
   height: 60px;
   width: 60px;
   overflow: hidden;
   margin-right: 9px;
   float: left;
   border-radius: 4px;
   cursor: pointer;
   z-index: 1;
}
.mf_list .avatar_cont .avatar {
   background: transparent 50% 50% no-repeat;
   background-size: cover;
   height: 60px;
   width: 60px;
   border-radius: 4px;
}
.mf_list .avatar_cont .play_btn {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.5);
   color: #444;
   opacity: 0;
   visibility: hidden;
   transition: all 0.2s ease;
   overflow: hidden;
   border-radius: 4px;
}
.mf_list .avatar_cont .play_btn svg {
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   transition: transform 0.2s ease, -webkit-transform 0.2s ease;
   color: #fff;
}
.mf_list .fav_name {
   margin-bottom: 2px;
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.mf_list .fav_name a {
   font-size: 16px;
   font-weight: 500;
   color: rgba(255, 255, 255, 0.85);
}
.mf_list .fav_name a:hover {
   color: #fff;
}
.mf_list .mf_middle_part {
   padding: 4px 0;
}
.mf_list .bottom_part {
   position: relative;
   height: 24px;
}
.mf_list .bottom_part .fav_artist {
   font-size: 14px;
   color: rgba(255, 255, 255, 0.7);
   font-weight: 500;
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.mf_list .bottom_part .fav_toolbar {
   padding: 0;
   list-style: none;
   display: flex;
   align-items: center;
   justify-content: space-around;
   background-color: #171719;
   position: absolute;
   top: 0;
   left: 69px;
   right: 0;
   bottom: 0;
   margin: 0;
   opacity: 0;
   visibility: hidden;
   transition: all 0.1s;
}
.mf_list:hover .bottom_part .fav_toolbar,
.mf_list:hover .avatar_cont .play_btn {
   opacity: 1;
   visibility: visible;
}
.mf_list .bottom_part .fav_toolbar li {
   cursor: pointer;
}
.mf_list .bottom_part .fav_toolbar li.active {
   color: red;
}

/*Purchased List*/
.short_list_cont .purchased_songs .s_lsongs_child {
   cursor: default;
}
.short_list_cont .purchased_songs .s_lsongs_child .fav_song {
   cursor: pointer;
}
.short_list_cont .purchased_songs .s_lsongs_child .art_details h4 a {
   color: #c4c4c4;
}
.short_list_cont .purchased_songs .s_lsongs_child .second_a {
   margin-right: 80px;
}
.short_list_cont .purchased_songs .s_lsongs_child .p_time {
   margin: 0;
   line-height: normal;
}
.short_list_cont .purchased_songs .s_lsongs_child .second_b {
   margin-right: 60px;
}
.short_list_cont .purchased_songs .s_lsongs_child .p_price {
   font-weight: 400;
   color: #636363;
}

/*Public Playlists*/
.pub_playlists .pplist_slider {
   display: flex;
   flex-wrap: wrap;
}
.pub_playlists .pplist_slider .no-track-found.bg_light {
   margin-left: 20px;
   margin-right: 20px;
}
.pub_playlists .pplist_slider .track_list {
   flex: 0 0 33%;
   width: 20%;
   position: relative;
   padding: 8px;
   overflow: hidden;
   display: block;
}
.pub_playlists .pplist_slider.playlist-small .track_list {
   flex: 0 0 20%;
}
.pub_playlists .track_list .track {
}
.pub_playlists .track .upr_head {
   overflow: hidden;
   padding: 15px;
   position: absolute;
   top: 0;
   z-index: 1;
   background: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 60%) 100%);
   left: 0;
   right: 0;
   width: 100%;
}
.pub_playlists .track .upr_head .fav_plist {
   float: right;
   cursor: pointer;
   line-height: 1;
   color: #7c7c7c;
   transition: all 0.2s;
   margin: 7.5px 0;
}
.pub_playlists .track .upr_head .fav_plist:hover {
   color: #333;
}
.pub_playlists .track .upr_head .fav_plist.active {
   color: red;
}
.pub_playlists .track .upr_head .fav_plist svg {
   width: 20px;
   height: 20px;
}
.pub_playlists .track .upr_head .user_info {
   margin-right: 30px;
}
.pub_playlists .track .upr_head .user_info .user_ava {
   width: 30px;
   height: 30px;
   display: block;
   float: left;
   margin-right: 5px;
}
.pub_playlists .track .upr_head .user_info .user_ava img {
   border-radius: 50%;
   object-fit: cover;
   width: 100%;
   height: 100%;
}
.pub_playlists .track .upr_head .user_info .user_name {
   font-weight: 500;
   font-size: 13px;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   padding: 9.5px 0;
   line-height: 1;
}
.pub_playlists .track .upr_head .user_info .user_name a {
   color: #ffffff;
}
.pub_playlists .track .track_info {
   text-align: center;
   padding: 10px 3px 8px;
}
.pub_playlists .track .track_info .title {
   font-weight: 500;
   font-size: 18px;
   color: #e9e9e9;
   margin-bottom: 5px;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.pub_playlists .track .track_info .plist_info {
   display: flex;
   align-items: center;
   justify-content: center;
}
.pub_playlists .track .track_info .plist_info p {
   margin: 0 4px;
   display: flex;
   align-items: center;
   line-height: 1;
   color: #8c8c8c;
   font-size: 12.5px;
}
.pub_playlists .track .track_info .plist_info p svg {
   width: 16px;
   height: 16px;
   margin-right: 2px;
}
.pub_playlists .track_list .track .cover_art .art_innr {
   display: block;
   position: relative;
   padding-top: 100%;
   /*border: 3px solid rgb(255 255 255 / 50%);*/
   border-radius: 4px;
}
.pub_playlists .track_list .track .cover_art .art_innr:before {
   content: "";
   position: absolute;
   top: 13px;
   width: 100%;
   height: 100%;
   right: -13px;
   z-index: -2;
   object-fit: cover;
   border-radius: 4px;
}
.pub_playlists .track_list .track .cover_art .art_innr:after {
   content: "";
   position: absolute;
   top: 13px;
   width: 100%;
   height: 100%;
   right: -13px;
   backdrop-filter: blur(5px);
   z-index: -1;
   background-color: rgb(0 0 0 / 50%);
   border-radius: 4px;
}
.pub_playlists .track_list .track .cover_art .art_innr .block img {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 4px;
}
.pub_playlists .track_list .track .cover_art .art_innr .plist_info {
   display: inline-flex;
   align-items: center;
   color: #ffffff;
   font-weight: 500;
   font-size: 14px;
   background-color: black;
   padding: 0 5px;
   border-radius: 5px;
   z-index: 1;
}
.pub_playlists .track_list .track .cover_art .art_innr .plist_info svg {
   width: 16px;
   height: 16px;
}
.pub_playlists .track_list .track .cover_art .art_innr .ftor {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgb(0 0 0 / 60%) 100%);
   padding: 10px;
   color: white;
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
}
.pub_playlists .track_list .track .cover_art .art_innr .ftor > div:not(.play_btn) {
   min-width: 0;
}
.pub_playlists .track_list .track .cover_art .art_innr .ftor .title {
   font-weight: 500;
   font-size: 18px;
   color: #e9e9e9;
   margin-bottom: 5px;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.pub_playlists .track_list .track .cover_art .art_innr .ftor .title a {
   color: #fff;
}
.pub_playlists .track_list .track .cover_art .art_innr .play_btn {
   flex: 0 0 auto;
   cursor: pointer;
}
.pub_playlists .track_list .track .cover_art .art_innr .play_btn svg {
   width: 50px;
   height: 50px;
   margin-top: -20px;
}

/*Upload Music*/
.upload_music .choice_upload {
   cursor: pointer;
   padding: 80px 10px;
   font-size: 21px;
   font-weight: 400;
   transition: all 0.2s;
}
.upload_music .choice_upload:hover {
   background-color: #353539;
   transform: scale(0.98);
}
.upload_music .choice_upload > span {
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: #444;
   width: 90px;
   height: 90px;
   margin: 0 auto 50px;
}
.upload_music .choice_upload > span.sng {
   background-color: #f16161;
}
.upload_music .choice_upload > span.alb {
   background-color: #00a2da;
}
.upload_music .choice_upload > span svg {
   margin: 0;
}
.upload_music {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
   min-height: calc(100vh - 205px);
   position: relative;
}
.upload_music.no-min-height {
   min-height: inherit !important;
}
.upload_music:before,
.upload_music:after {
   -webkit-box-flex: 1;
   box-flex: 1;
   -webkit-flex-grow: 1;
   flex-grow: 1;
   content: "";
   display: block;
   height: 24px;
}
.upload_music.no-flex {
   display: block;
   overflow: hidden;
   min-height: auto;
}
.upload_music.no-flex:before,
.upload_music.no-flex:after {
   display: none;
}
.upload_music .upload {
   width: 100%;
   max-width: 600px;
   padding: 60px 30px;
   cursor: pointer;
   margin: auto;
   border: 1px solid #2c2c2c;
   box-shadow: 0 2px 12px -5px rgba(0, 0, 0, 0.1);
   border-radius: 5px;
   background: #222225;
   transition: all 0.4s;
}
.upload_music .upload.drag_active {
   border-color: var(--main-color);
   background: #352c22;
}
.upload_music .upload_innr {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}
.upload_music .file_icon_cont {
   margin: auto;
   width: 130px;
   height: 155px;
   position: relative;
   margin-bottom: 30px;
}
.upload_music .file_icon_cont .file_icon_shadow {
   width: 110px;
   height: 135px;
   border-radius: 10px;
   background: rgba(80, 80, 80, 0.15);
   position: absolute;
   top: 0px;
   left: 22px;
   transform: rotate(11deg);
   transition: all 0.3s;
}
.upload_music .file_icon_cont .file_icon {
   width: 130px;
   height: 155px;
   background: #363636;
   border-radius: 10px;
   color: #ababab;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 2;
   transition: all 0.3s;
}
.upload_music .file_icon_cont .file_icon:before {
   content: "";
   position: absolute;
   bottom: -1px;
   right: -1px;
   width: 35px;
   height: 35px;
   background-image: -webkit-linear-gradient(top right, #222225 50%, rgba(0, 0, 0, 0.4) 50%);
   background-image: linear-gradient(to bottom left, #222225 50%, rgba(0, 0, 0, 0.4) 50%);
   border-radius: 0 0 0 10px;
   transform: rotate(90deg);
}
.upload_music .file_icon_cont .file_icon:after {
   content: "";
   position: absolute;
   width: 28px;
   height: 28px;
   background-image: -webkit-linear-gradient(top right, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0) 50%);
   background-image: linear-gradient(to bottom left, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0) 50%);
   bottom: 1px;
   right: 34px;
   transform: rotate(90deg);
}
.upload_music .upload.drag_active .file_icon_cont .file_icon_shadow {
   height: 125px;
   top: 6px;
   left: 18px;
   transform: rotate(10deg);
}
.upload_music .upload.drag_active .file_icon_cont .file_icon {
   background: var(--main-color);
   color: white;
   transform: scale(0.9);
}
.upload_music .upload.drag_active .file_icon_cont .file_icon:before {
   background-image: -webkit-linear-gradient(top right, #352c22 50%, rgba(0, 0, 0, 0.4) 50%);
   background-image: linear-gradient(to bottom left, #352c22 50%, rgba(0, 0, 0, 0.4) 50%);
}
.upload_music .upload_innr h4 {
   margin-top: 7px;
   font-weight: 400;
   font-size: 27px;
}
.upload_music .upload_innr p {
   margin-bottom: 0;
   color: #919191;
}
.upload_music .upload_form {
   padding: 30px 15px 0px 305px;
   border: 1px solid #2c2c2c;
   box-shadow: 0 2px 12px -5px rgba(0, 0, 0, 0.1);
   border-radius: 5px;
   background: #222225;
}
.upload_music .upload_form .song_thumb {
   position: absolute;
   top: 30px;
   left: 15px;
   margin: 0;
}
.upload_music .upload_form .song_thumb .upload-song-image {
   width: 260px;
   height: 260px;
   text-align: center;
   position: relative;
   cursor: pointer;
}
.upload_music .upload_form .song_thumb .upload-image-content {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 260px;
   height: 260px;
   background-color: rgba(0, 0, 0, 0.06);
   color: #4b4b4b;
   border-radius: 5px;
   overflow: hidden;
   border: 2px dashed #4b4b4b;
}
.upload_music .upload_form .song_thumb .upload-image-content svg {
   width: 55px;
   height: 55px;
}
.upload_music .upload_form .song_price {
   position: absolute;
   top: 310px;
   left: 15px;
   width: 260px;
   padding: 0 15px;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.upload_music .upload_form .mat_input,
.sett_page .st_content .st_form .mat_input {
   margin-bottom: 40px;
}
.upload_music .upload_form .help-block {
   font-size: 11px;
   letter-spacing: 0.2px;
}
.upload_music .upload_form label.col-md-12,
.sett_page .st_content .st_form label.col-md-12 {
   display: flex;
   align-items: center;
   line-height: normal;
   font-weight: 500;
   font-size: 15px;
}
.upload_music .upload_form label.col-md-12 svg,
.sett_page .st_content .st_form label.col-md-12 svg {
   width: 17px;
   height: 17px;
   margin-right: 4px;
}
.mat_input input,
.mat_input select,
.mat_input textarea {
   background: #171719;
}
.upload_music .upload_form ul.tagit,
.ds_create_edit_prods ul.tagit {
   background: #171719;
   border: 1px solid rgba(89, 89, 89, 0.06);
   border-radius: 3px;
   color: #d7d7d7;
   margin: 0;
}
.upload_music .upload_form ul.tagit li.tagit-new,
.ds_create_edit_prods ul.tagit li.tagit-new {
   margin: 0;
   padding: 0;
}
.upload_music .upload_form ul.tagit li.tagit-choice,
.ds_create_edit_prods ul.tagit li.tagit-choice {
   margin-top: 4.5px;
   margin-bottom: 4.5px;
   border: 0;
   color: #c1c1c1;
}

/*Alert*/
.alert {
   border: 0;
   border-radius: 5px;
}
.alert-empty:empty {
   padding: 0;
   margin: 0;
}
.alert-danger {
   color: #f44336;
   color: #efefef;
   background-color: #89443f;
}
.alert-success {
   color: #4caf50;
   color: #efefef;
   background-color: #2b442c;
}
.alert-warning {
   color: #ff9800;
   color: #efefef;
   background-color: #69563a;
}
.alert-info {
   color: #2196f3;
   color: #efefef;
   background-color: #3d5060;
}
.alert a {
   color: #fff;
}

/*Progress*/
.progress {
   height: 6px;
   font-size: 0px;
   background-color: #171719;
   border-radius: 3px;
}
.progress-bar {
   background-color: var(--main-color);
}

/*Background*/
.svg_two {
   display: block;
   bottom: -35em;
   left: -25em;
   width: 100%;
   position: fixed;
   max-width: 100em;
   z-index: -1;
   fill: #00a2da;
   opacity: 0.1;
}
.svg_one {
   position: fixed;
   fill: var(--main-color);
   z-index: -1;
   top: -40em;
   right: -40em;
   max-width: 80em;
   opacity: 0.1;
}

/*Premium*/
.price_plans_col {
   margin-top: 70px;
}
.price_plans {
   box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
   border-radius: 7px;
   padding: 5px;
   position: relative;
   color: #fff;
   height: 100%;
   padding-bottom: 90px;
}
.price_plans:after,
.price_plans:before {
   content: "";
   position: absolute;
   top: -12px;
   left: 15px;
   right: 15px;
   height: 12px;
   border-radius: 7px 7px 0 0;
}
.price_plans:after {
   left: 30px;
   right: 30px;
   top: -24px;
   height: 12px;
   opacity: 0.5;
}
.price_plans.free:after,
.price_plans.free:before {
   background-color: rgba(180, 180, 180, 0.5);
}
.price_plans.pro:after,
.price_plans.pro:before {
   background-color: rgba(241, 168, 93, 0.5);
}
.price_plans.free {
   background: linear-gradient(135deg, #b4b4b4 0%, #5d6874 100%);
}
.price_plans.pro {
   background: linear-gradient(135deg, #f9b84b 0%, #e95581 100%);
}
.price_plans .plan_head {
   padding: 30px 10px 10px;
   min-width: 180px;
}
.price_plans .plan_head svg,
.price_plans .plan_head img {
   width: 80px;
   height: 80px;
   user-select: none;
   pointer-events: none;
}
.price_plans .plan_head h4 {
   margin-top: 12px;
}
.price_plans .plan_head .amount {
   font-weight: 500;
   font-size: 50px;
}
.price_plans .plan_body {
   padding: 10px 10px 20px;
}
.price_plans .plan_body li {
   margin: 5px 0;
}
.price_plans .plan_body li.not_ava {
   opacity: 0.5;
   text-decoration: line-through;
}
.price_plans .plan_foot {
   padding: 10px 10px 40px;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
}
.price_plans .plan_foot .btn {
   background: #fff;
   border-radius: 2em;
   box-shadow: 0 2px 16px rgba(0, 0, 0, 0.39);
   font-weight: 500;
   padding: 0 20px;
   height: 45px;
   min-width: 100px;
}
.price_plans .plan_foot .btn:hover {
   box-shadow: 0 7px 22px rgba(0, 0, 0, 0.48);
}
.price_plans .plan_foot .btn:disabled:hover {
   box-shadow: 0 2px 16px rgba(0, 0, 0, 0.39);
}
.pro_features {
   margin-top: 60px;
   margin-bottom: 10px;
}
.pro_features .p_feat_innr {
   display: flex;
   align-items: center;
   justify-content: center;
}
.pro_features .p_feat_innr svg {
   width: 45px;
   height: 45px;
   margin-right: 7px;
}
.pro_features .p_feat_innr p {
   margin: 0;
   font-weight: 500;
}

/*Settings*/
.sett_page {
   display: flex;
   background-color: #222225;
   box-shadow: 0 1px 9px rgba(0, 0, 0, 0.15);
   border-radius: 0px 7px 7px 0px;
   max-width: 80%;
   margin: auto;
   margin-bottom: 20px;
}
.sett_page .st_sidebar {
   width: 80px;
   min-width: 80px;
   height: auto;
   background: var(--main-color);
   border-top: 2.5px solid var(--main-color);
}
.sett_page .st_sidebar li a {
   color: #fff;
   display: block;
   text-align: center;
   padding: 15px 10px;
   transition: all 0.2s;
}
.sett_page .st_sidebar li a span {
   display: none;
}
.sett_page .st_sidebar li a:hover {
   background-color: rgba(0, 0, 0, 0.1);
}
.sett_page .st_sidebar li.active a {
   background: #fff;
   color: var(--main-color);
}
.sett_page .st_content {
   width: 100%;
   padding: 20px 30px 5px;
   border-top: 2.5px solid var(--main-color);
}
.sett_page .st_content .st_form h3 {
   font-size: 20px;
   margin-bottom: 40px;
}
.sett_page .st_content .st_form .delete_p {
   margin-top: -27px;
   margin-bottom: 34px;
}
.sett_page .st_content .st_form input,
.sett_page .st_content .st_form select,
.sett_page .st_content .st_form textarea {
   width: 100%;
}
.sett_page .st_content .avatar_header {
   width: 100%;
}
.sett_page .st_content .avatar_header .avatar_wrapper {
   display: inline-block;
   float: left;
   margin-right: 20px;
}
.sett_page .st_content .avatar_header .avatar_wrapper img {
   width: 60px;
   height: 60px;
   border-radius: 100%;
   object-fit: cover;
}
.sett_page .st_content .avatar_header .edit_avatar {
   margin-left: 80px;
}
.sett_page .st_content .avatar_header .edit_avatar h5 {
   margin: 0;
   font-size: 20px;
   line-height: 20px;
   margin-bottom: 4px;
   font-weight: 400;
   padding-top: 5px;
}
.sett_page .st_content .avatar_header .edit_avatar .btn-info {
   margin: 4px 0px 0px;
   padding: 4px 0px;
   font-weight: 500;
   color: #2296f3;
   background: none;
   border: 0;
   font-size: 13px;
}
.sett_page .st_content .avatar_header .edit_avatar .btn-info svg {
   margin: -2px 2px 0px 0px;
   width: 17px;
   height: 17px;
}

/*Home Page*/
.ma_home_nav {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   z-index: 2;
}
.ma_home_nav nav {
   height: 60px;
}
.ma_home_nav nav .navbar-brand img {
   max-width: 145px;
}
.ma_home_nav nav .btn {
   padding: 3px 15px;
   border-radius: 2px;
}
.ma_home_nav nav .btn.btn-light {
   margin-left: 5px;
   background-color: white;
}
.ma_home_head {
   background: linear-gradient(45deg, var(--main-color) 0%, #e47359 100%);
   position: relative;
   text-align: center;
   padding: 140px 0px 200px;
   color: #fff;
   overflow: hidden;
   text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
.ma_home_head:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(../img/girl.jpg);
   background-position: center center;
   opacity: 0.2;
}
.ma_home_head:after {
   display: block;
   content: "";
   height: 100%;
   background: url(../img/waves.svg) bottom no-repeat;
   background-size: contain;
   position: absolute;
   bottom: -1px;
   left: -20%;
   right: -20%;
   z-index: 1;
}
.ma_home_head .container {
   position: relative;
   z-index: 2;
}
.ma_home_head .container .heading {
   font-weight: 400;
   font-size: 50px;
   margin-bottom: 15px;
}
.ma_home_head .container .sub_heading {
   font-size: 18px;
   max-width: 530px;
   text-align: center;
   margin: auto;
}
.ma_home_head .container .link_holder {
   margin-top: 70px;
   margin-bottom: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.ma_home_head .container .link_holder .btn {
   height: 52px;
   line-height: 1;
   font-size: 16px;
   transition: all 0.3s;
   border-radius: 2em;
   font-weight: 500;
   padding: 0 28px;
   letter-spacing: 0.5px;
   margin: 0 15px;
}
.ma_home_head .container .link_holder .btn svg {
   margin-left: 10px;
   margin-top: -2px;
   transition: all 0.3s;
   vertical-align: middle;
}
.ma_home_head .container .link_holder .btn:hover {
   box-shadow: -2px 2px 14px rgba(255, 255, 255, 0.35);
}
.ma_home_head .container .link_holder .btn:hover svg {
   -webkit-transform: translateX(3px);
   -moz-transform: translateX(3px);
   -ms-transform: translateX(3px);
   -o-transform: translateX(3px);
   transform: translateX(3px);
}
.ma_home_head .container .link_holder .link {
   margin: 0 15px;
   padding: 1px 3px;
   color: white;
   border-bottom: 1.3px dashed #fff;
   letter-spacing: 0.8px;
   font-size: 17px;
   transition: all 0.3s;
}
.ma_home_head .container .link_holder .link:hover {
   border-bottom-style: solid;
}
.ma_home_head .bg_bubbles {
   overflow: hidden;
   width: 100%;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   height: 100%;
   position: absolute;
   margin: 0;
   padding: 0;
}
.ma_home_head .bg_bubbles li {
   position: absolute;
   list-style: none;
   display: block;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   background-color: rgba(255, 255, 255, 0.15);
   bottom: -160px;
   animation: square 15s infinite;
   transition-timing-function: linear;
}
.ma_home_head .bg_bubbles li:nth-child(1) {
   left: 10%;
}
.ma_home_head .bg_bubbles li:nth-child(2) {
   left: 20%;
   animation-delay: 2s;
   animation-duration: 17s;
}
.ma_home_head .bg_bubbles li:nth-child(3) {
   left: 25%;
   animation-delay: 4s;
}
.ma_home_head .bg_bubbles li:nth-child(4) {
   left: 40%;
   animation-duration: 22s;
   background-color: rgba(255, 255, 255, 0.25);
}
.ma_home_head .bg_bubbles li:nth-child(5) {
   left: 70%;
}
.ma_home_head .bg_bubbles li:nth-child(6) {
   left: 80%;
   animation-delay: 3s;
   background-color: rgba(255, 255, 255, 0.2);
}
.ma_home_head .bg_bubbles li:nth-child(7) {
   left: 32%;
   animation-delay: 7s;
}
.ma_home_head .bg_bubbles li:nth-child(8) {
   left: 55%;
   animation-delay: 15s;
   animation-duration: 40s;
}
.ma_home_head .bg_bubbles li:nth-child(9) {
   left: 25%;
   animation-delay: 2s;
   animation-duration: 40s;
   background-color: rgba(255, 255, 255, 0.3);
}
.ma_home_head .bg_bubbles li:nth-child(10) {
   left: 90%;
   animation-delay: 11s;
}
@-webkit-keyframes square {
   0% {
      transform: translateY(0);
   }
   100% {
      transform: translateY(-1200px) rotate(600deg);
   }
}
@keyframes square {
   0% {
      transform: translateY(0);
   }
   100% {
      transform: translateY(-1200px) rotate(600deg);
   }
}
.ma_home_jumbo_w {
   background: #171719;
}
.ma_home_search {
   padding: 10px 10px 70px;
}
.ma_home_search .container .col-md-6 {
   border-top: 1px solid rgba(255, 255, 255, 0.2);
   padding-top: 20px;
}
.ma_home_search form {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}
.ma_home_search input {
   background-color: #fff;
   border-right: 0;
   border-radius: 2em 0 0 2em;
   height: 47px;
   padding: 3px 14px;
   color: #383838;
   transition: all 0.2s;
   flex: 1;
   border-color: #fff;
}
.ma_home_search input:focus {
   box-shadow: none;
}
.ma_home_search .btn {
   height: 47px;
   border-radius: 0 2em 2em 0;
   padding: 0 20px;
   font-weight: 500;
   background-color: white;
   color: var(--main-color);
   border-color: #fff;
   text-transform: capitalize;
}
.ma_home_features {
   background-color: #222225;
   border-radius: 0;
}
.ma_home_features .feature_list {
   display: flex;
   align-items: center;
   margin: 40px 0 120px;
   justify-content: center;
}
.ma_home_features .feature_list:last-child {
   margin-bottom: 0px;
}
.ma_home_features .feature_list img {
   max-width: 455px;
   margin: 0 75px;
   pointer-events: none;
   user-select: none;
}
.ma_home_features .feature_list .feature_info {
   max-width: 400px;
}
.ma_home_features .feature_list .feature_info h2 {
   font-weight: 100;
   margin-top: 0;
   margin-bottom: 15px;
}
.ma_home_features .feature_list .feature_info p {
   margin: 0;
   font-size: 15px;
   color: #8f8f8f;
}
.artist_section {
   overflow: hidden;
   margin-top: 40px;
}
.artist_list {
   width: 14.2857142857%;
   float: left;
   padding: 0 20px;
   margin: 10px 0 35px;
}
.artist_list .cover_art a {
   display: block;
   position: relative;
   /*overflow: hidden;*/
   border-radius: 0 50% 50%;
   box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.18);
   padding-top: 100%;
}
.artist_list .cover_art a img {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   /*border-radius: 0 50% 50%;*/
}
.artist_list .track_info {
   padding: 14px 0px 6px;
}
.artist_list .track_info .artist {
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: #d2d2d2;
   font-size: 15px;
   text-align: center;
   font-weight: 500;
}
.ma_home_creator {
   background: var(--main-color);
   border-radius: 0;
   color: white;
   padding-top: 0;
   padding-bottom: 0;
   position: relative;
}
.ma_home_creator .container:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(../img/creator.jpg);
   background-position: center 43%;
   opacity: 0.2;
}
.ma_home_creator .creator_content {
   padding: 4rem 0;
   position: relative;
   z-index: 2;
}
.ma_home_creator .creator_content h2 {
   font-weight: 400;
   font-size: 35px;
}
.ma_home_creator .creator_content p {
   max-width: 500px;
   font-size: 17px;
   letter-spacing: 0.3px;
}
.ma_home_creator .creator_content .icon_features {
   margin: 40px 0 0;
}
.ma_home_creator .creator_content .icon_features li {
   display: flex;
   align-items: center;
   margin: 20px 0px;
   max-width: 350px;
}
.ma_home_creator .creator_content .icon_features li:last-child {
   margin-bottom: 0;
}
.ma_home_creator .creator_content .icon_features li svg {
   width: 50px;
   height: 50px;
   margin-right: 12px;
   border-radius: 50%;
   border: 1px solid #ffffff;
   color: #ffffff;
   padding: 11px;
   transition: all 0.3s;
}
.ma_home_creator .creator_content .icon_features li:hover svg {
   background: #fff;
   color: var(--main-color);
}
.ma_home_creator .creator_content .icon_features li h5 {
   margin: 0;
   font-weight: 100;
}
.final_step_info h1 {
   margin-bottom: 30px;
}
.final_step_info .final_step {
   display: flex;
   align-items: center;
   justify-content: center;
}
.final_step_info .final_step .btn {
   padding: 0 20px;
   height: 40px;
   line-height: 38px;
   font-weight: 500;
   border-radius: 4px;
   letter-spacing: 0.25px;
   min-width: 100px;
   font-size: 15px;
}
.final_step_info .final_step span {
   margin: 0 20px;
}

/*Artist Profile*/
.is-pro-badge {
   text-align: center;
   margin-top: 5px;
   margin-bottom: 15px;
   color: var(--main-color);
   font-weight: 500;
   font-size: 15px;
   padding-bottom: 15px;
   border-bottom: 1px solid #3b3b3b;
}
.is-pro-badge svg {
   width: 30px;
   height: 30px;
   margin-right: 5px;
}
.is-pro-badge > div {
   display: inline-block;
}
.is-pro-badge img.pro_packages_icon {
   width: 30px;
   height: 30px;
   margin-right: 5px;
}
.is-pro-badge-small {
   width: 24px;
   position: absolute;
   top: -3px;
   left: -10px;
}
.is-pro-badge-small img.pro_packages_icon {
   width: 24px;
   height: 24px;
}
.user-image {
   position: relative;
}
.artist_profile {
   margin-top: -45px;
   background-color: #171719;
   margin-bottom: -30px;
   padding-bottom: 30px;
}
.artist_profile .p_rel_cont {
   position: relative;
   z-index: 2;
}
.artist_header {
   margin-bottom: 30px;
}
.artist_header .artist_cover {
   min-height: 100%;
   max-height: 100%;
   position: relative;
   display: block;
   height: 0;
   padding: 0;
   padding-bottom: 30%;
   overflow: hidden;
}
.artist_header .artist_cover .edit_cover,
.artist_user_info .avatar_container .edit_cover,
.user_header .user_cover .edit_cover {
   position: absolute;
   top: 15px;
   right: 15px;
   opacity: 0;
   transform: scaleY(0.4) scaleX(0.4);
   transition: all 0.4s cubic-bezier(0.64, 0.09, 0.08, 1);
   /*z-index: 9;*/
}
.artist_header .artist_cover .edit_cover span,
.artist_user_info .avatar_container .edit_cover span,
.user_header .user_cover .edit_cover span {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 44px;
   height: 44px;
   border-radius: 50%;
   background-color: rgba(0, 0, 0, 0.4);
   color: white;
   cursor: pointer;
}
.artist_header .artist_cover:hover .edit_cover,
.avatar_container:hover .edit_cover,
.user_header .user_cover:hover .edit_cover {
   transform: scaleY(1) scaleX(1) translateY(0px);
   opacity: 1;
   transition: all 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.artist_header .artist_cover .edit_cover span:hover,
.artist_user_info .avatar_container .edit_cover span:hover,
.user_header .user_cover .edit_cover span:hover {
   background-color: rgb(0 0 0 / 70%);
}
.artist_header .artist_cover .profileBox_gradient {
   background: linear-gradient(to top, #171719 0px, transparent);
   top: 0;
   position: absolute;
   left: -1px;
   right: -1px;
   bottom: -1px;
   z-index: 1;
}
.artist_header .artist_cover img {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 50%;
   right: 0;
   bottom: 0;
   left: 50%;
   display: block;
   transform: translate(-50%, -50%);
   object-fit: cover;
}
.artist_user_info {
   position: relative;
   z-index: 1;
   display: flex;
   align-items: center;
   padding: 20px 0;
   margin-top: -280px;
}
.artist_user_info .ap_user_ava {
   display: flex;
   align-items: center;
}
.artist_user_info .avatar_container {
   width: 160px;
   min-width: 160px;
   height: 200px;
   margin-right: 20px;
   position: relative;
   overflow: hidden;
   border-radius: 2px;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.artist_user_info .avatar_container .edit_cover {
   top: auto;
   bottom: 0;
   left: 0;
   right: 0;
}
.artist_user_info .avatar_container .edit_cover span {
   width: 100%;
   border-radius: 0;
}
.artist_user_info .avatar_container img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.artist_user_info .info_container h4 {
   font-size: 29px;
   margin: 0;
   display: flex;
   align-items: center;
   margin-bottom: 2px;
   font-weight: 400;
}
.artist_user_info .info_container h4 a {
   color: #fff;
}
.artist_user_info .info_container p {
   line-height: normal;
   font-size: 15px;
   color: #ececec;
}
.artist_user_info .info_container p.description {
   margin-top: 10px;
}
.artist_user_info .ap_options {
   margin-top: 15px;
   display: flex;
   align-items: center;
}
.artist_user_info .ap_options .btn {
   font-weight: 500;
   /*font-size: 13px;
   border-radius: 2em;
   padding: 6px 27px;
   margin-right: 11px;*/
}
/*.artist_user_info .ap_options .btn,
.user_info_cont .links_btns .opts_btn .btn,
.ds_prof_admn_btns .btn {
   height: 33px;
}*/
.artist_user_info .ap_options .btn svg,
.user_info_cont .links_btns .opts_btn .btn svg,
.ds_prof_admn_btns .btn svg {
   width: 19px;
   height: 19px;
   margin-top: -1px;
   margin-left: -2px;
   margin-right: 4px;
}
.artist_user_info .ap_options .btn.btn-success,
.user_info_cont .links_btns .opts_btn .btn.btn-success,
.single_song .ssong_header .ss_sub_head .ss_publisher_info .btn.btn-success {
   background-color: rgba(249, 144, 31, 0.25);
   border-color: var(--main-color);
   color: var(--main-color);
}
.artist_user_info .ap_options .btn.btn-message,
.user_info_cont .links_btns .opts_btn .btn.btn-message {
   color: white;
   text-transform: capitalize;
   background-color: #2196f3;
}
.artist_user_info .ap_options .btn.btn_blc_unblck,
.user_info_cont .links_btns .opts_btn .btn.btn_blc_unblck {
   padding: 6px;
   background-color: rgba(255, 255, 255, 0.15);
   color: white;
   height: 33px;
   width: 33px;
}
.artist_user_info .ap_options .btn.btn_blc_unblck svg,
.user_info_cont .links_btns .opts_btn .btn.btn_blc_unblck svg {
   margin-left: 0;
   margin-right: 0;
}
.artist_user_info .ap_options .btn.btn_edt_prof,
.user_info_cont .links_btns .opts_btn .btn.btn_edt_prof,
.ds_prof_admn_btns .btn {
   background-color: rgba(255, 255, 255, 0.15);
   color: white;
}
.artist_user_info .ap_options .btn.btn_edt_prof:hover,
.user_info_cont .links_btns .opts_btn .btn.btn_edt_prof:hover,
.ds_prof_admn_btns .btn:hover {
   background-color: rgb(255 255 255 / 30%);
}
.artist_user_info .ap_options .btn:last-child {
   margin: 0;
}
.artist_tabs .nav-tabs {
   border-bottom: 0;
   flex-wrap: nowrap;
   white-space: nowrap;
   overflow-x: auto;
   position: relative;
}
.artist_tabs .nav-tabs:after,
.ma_tabs ul:after,
.nav-tabs:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 2px;
   background-color: #484848;
   z-index: -1;
}
.artist_tabs .nav-tabs .nav-item {
   margin-bottom: 0px;
}
.artist_tabs .nav-tabs .nav-item .nav-link {
   border: 0;
   border-bottom: 2px solid #484848;
   /*text-transform: uppercase;*/
   font-weight: 500;
   letter-spacing: 1px;
   word-spacing: 2px;
   font-size: 15px;
   border-radius: 0;
   padding: 15px 30px;
   line-height: 1;
   color: #afafaf;
   background: transparent;
}
.artist_tabs .nav-tabs .nav-item .nav-link:hover {
   color: #fff;
   border-color: #ddd;
}
.artist_tabs .nav-tabs .nav-item .nav-link.active {
   border-bottom-color: var(--main-color);
   color: var(--main-color);
}
.related_artists {
   margin-top: 50px;
}
.related_artists .artist_list {
   width: 100%;
   padding: 0 6px;
   margin: 0;
}

/*Artist Songs*/
.artist_songs .head_title {
   border-bottom: 1px solid rgba(255, 255, 255, 0.17);
   margin: 0;
   display: -webkit-flex;
   display: -moz-flex;
   display: -o-flex;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   margin-top: 20px;
}
.artist_songs .head_title li {
   letter-spacing: 0.5px;
   text-transform: uppercase;
   font-weight: 500;
   font-size: 13px;
   color: #e3e3e3;
   padding: 11px 0;
   line-height: 1;
   user-select: none;
}
.artist_songs .head_title li.hash {
   width: 11.5%;
   padding-left: 1.5%;
   position: relative;
   min-width: 40px;
   float: left;
}
.artist_songs .head_title li.title {
   width: 39.5%;
   float: left;
}
.artist_songs .head_title li.artist {
   width: 32.5%;
   float: left;
}
.artist_songs .head_title li.duration {
   width: 15%;
   position: relative;
   float: left;
}
.artist_songs .head_title li svg {
   width: 16px;
   height: 16px;
}
.artist_s_list {
   overflow: visible;
}
.artist_songs .short_list_cont .s_lsongs_child {
   border-color: rgba(255, 255, 255, 0.08);
}
.artist_songs .short_list_cont .s_lsongs_child:hover {
   background: rgba(255, 255, 255, 0.05);
}
.artist_s_list .wide_page_songs .s_lsongs_child .first {
   width: 11.5%;
   padding-left: 1.5%;
   position: relative;
   min-width: 40px;
   float: left;
   margin: 0;
   justify-content: normal;
}
.artist_s_list .wide_page_songs .s_lsongs_child .first .numbers {
   position: relative;
   color: #ababab;
}
.artist_s_list .wide_page_songs .s_lsongs_child .first .numbers svg {
   position: absolute;
   opacity: 0;
   visibility: hidden;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #d4d4d4;
   width: 36px;
   height: 36px;
}
.small-list-thumb {
   width: 24px;
   margin-right: 5px;
}
.artist_songs .wide_page_songs .s_lsongs_child:hover .first .numbers svg,
.artist_s_list .wide_page_songs .s_lsongs_child:hover .opts_song {
   opacity: 1;
   visibility: visible;
}
.artist_s_list .wide_page_songs .s_lsongs_child .first .fav_song {
   margin: auto;
   line-height: 1;
}
.artist_s_list .wide_page_songs .s_lsongs_child .first .fav_song svg {
   width: 21px;
   height: 21px;
}
.artist_s_list .wide_page_songs .s_lsongs_child .second {
   width: 39.5%;
   float: left;
   flex: unset;
}
.artist_s_list .wide_page_songs .s_lsongs_child .second h4 {
   max-width: 90%;
}
.artist_s_list .wide_page_songs .s_lsongs_child .second h4 a,
.artist_s_list .wide_page_songs .s_lsongs_child .a_name a {
   color: #cacace;
}
.artist_s_list .wide_page_songs .s_lsongs_child .second .a_name {
   display: none;
   max-width: 90%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.artist_s_list .wide_page_songs .s_lsongs_child .second .a_name a {
   font-size: 13px;
}
.artist_s_list .wide_page_songs .s_lsongs_child .second_a {
   width: 32.5%;
   float: left;
}
.artist_s_list .wide_page_songs .s_lsongs_child .second_a .a_name {
   max-width: 90%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
}
.artist_s_list .wide_page_songs .s_lsongs_child .third {
   width: 15%;
   position: relative;
   float: left;
   color: #b1b1b1;
}
.artist_s_list .wide_page_songs .s_lsongs_child .opts_song {
   position: absolute;
   right: 0;
   opacity: 0;
   visibility: hidden;
}

/*Checkbox*/
.check_box,
.check_box input + label {
   position: relative;
   display: block;
}
.check_box input[type="checkbox"] {
   display: none;
}
.check_box input + label {
   cursor: pointer;
   padding-left: 25px;
   line-height: 20px;
   user-select: none;
}
.check_box input + label:after,
.check_box input + label:before {
   content: "";
   display: inline-block;
   width: 17px;
   height: 17px;
   top: 1px;
   left: 0;
   bottom: 0;
   text-align: center;
   position: absolute;
}
.check_box input + label:before {
   border: 2px solid rgba(255, 255, 255, 0.3);
   border-radius: 2px;
   transition: all 90ms cubic-bezier(0, 0, 0.2, 0.1);
}
.check_box input[type="checkbox"]:checked + label:before {
   background: var(--main-color);
   border-color: transparent;
}
.check_box input + label:after {
   border: 2px solid transparent;
   border-top: none;
   border-right: none;
   content: "";
   height: 5px;
   left: 4px;
   position: absolute;
   top: 6px;
   transform: rotate(-45deg);
   width: 10px;
   transition: 0.2s;
}
.check_box input[type="checkbox"]:checked + label:after {
   border-color: #fff;
}

/*Store*/
.ma_tabs,
.nav-tabs {
   margin-bottom: 25px;
}
.ma_tabs ul,
.nav-tabs {
   display: -ms-flexbox;
   display: flex;
   position: relative;
   white-space: nowrap;
   overflow-x: auto;
   border: 0;
}
.ma_tabs ul:after,
.nav-tabs:after {
   background-color: #323232;
}
.ma_tabs ul li,
.nav-tabs .nav-item {
   margin: 0;
}
/*.ma_tabs ul li:first-child,
.nav-tabs .nav-item:first-child {
   margin-left: auto;
}*/
.ma_tabs ul li:last-child,
.nav-tabs .nav-item:last-child {
   margin-right: auto;
}
.ma_tabs ul li a,
.nav-tabs .nav-item .nav-link {
   border-bottom: 1px solid #323232;
   font-weight: 500;
   font-size: 15px;
   padding: 15px 30px;
   line-height: 1;
   color: #afafaf;
   display: block;
}
.nav-tabs .nav-item .nav-link {
   border: 0;
   border-bottom: 1px solid #323232;
}
.ma_tabs ul li.active a,
.nav-tabs .nav-item .active.nav-link {
   border-bottom-color: var(--main-color);
   color: var(--main-color);
   background: transparent;
}
.store_filters .store_widget,
.single_song .ss_related,
.sidebar_widget {
   margin-bottom: 15px;
   background-color: #222225;
   border-radius: 5px;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.34);
   padding: 10px;
}
.store_filters .store_widget .s_widget_head,
.single_song .ss_related .s_widget_head,
.dash_stat_title,
.sidebar_widget .s_widget_head {
   display: flex;
   align-items: center;
   font-weight: 500;
   color: #d2d2d2;
   margin-bottom: 10px;
   font-size: 16px;
}
.store_filters .store_widget .s_widget_head svg,
.single_song .ss_related .s_widget_head svg,
.dash_stat_title svg,
.sidebar_widget .s_widget_head svg {
   margin-right: 5px;
}
.store_filters .store_categories {
   position: relative;
}
.store_filters .store_categories select {
   box-shadow: none;
   background: #222225;
   color: #e3e3e3;
   border-radius: 0;
   border: 0;
   border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
.store_pric_range {
   padding-bottom: 5px;
}
.store_pric_range p label {
   margin: 0;
}
.store_pric_range p input {
   display: inline-block;
   border: 0;
   background-color: #222225;
   color: #d2d2d2;
}
.store_pric_range .ui-widget-content {
   margin: 0 10px;
   background: #000000;
   border: 0;
   border-radius: 2em;
   height: 7px;
}
.store_pric_range .ui-slider .ui-slider-range {
   background: #986c3e;
}
.store_pric_range .ui-slider .ui-slider-handle {
   border-radius: 50%;
   background: var(--main-color);
   border: 0;
   width: 16px;
   height: 16px;
   cursor: pointer;
}
.store_songs .song_list {
   background: #222225;
   margin-bottom: 15px;
   border-radius: 5px;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
   padding: 10px;
}
.store_songs .song_list .avatar {
   float: left;
   margin-right: 10px;
}
.store_songs .song_list .avatar img {
   width: 90px;
   height: 90px;
   object-fit: cover;
}
.store_songs .song_list .song_right_part {
   margin-left: 100px;
}
.store_songs .song_upper {
   display: flex;
   align-items: center;
   position: relative;
   padding-bottom: 13px;
   border-bottom: 1px solid #363636;
}
.store_songs .song_upper .song_meta_info {
   max-width: calc(100% - 170px);
}
.store_songs .song_upper .song_meta_info h3 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: rgba(255, 255, 255, 0.9);
   display: block;
   font-size: 17px;
   margin: 0;
   transition: all 0.2s;
}
.store_songs .song_upper .song_meta_info p {
   margin: 0;
   font-size: 14px;
   color: rgba(255, 255, 255, 0.7);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-top: 6px;
   font-weight: 500;
   line-height: 1;
   transition: all 0.2s;
}
.store_songs .song_upper .song_meta_info p > svg {
   width: 16px;
   height: 16px;
}
.store_songs .song_upper .song_price_info {
   margin-left: auto;
}
.store_songs .song_upper .song_price_info b,
.store_albums .track_info span.price_info b {
   font-weight: 500;
   font-size: 13px;
}
.store_songs .song_upper .song_price_info .btn {
   /*border-radius: 2em;
   padding: 7px 16px 8px;*/
   margin-left: 7px;
}
.store_songs .song_lower {
   padding-top: 13px;
   display: flex;
   align-items: center;
}
.store_songs .song_lower > li {
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 14px;
}
.store_songs .song_lower .fav_song,
.store_songs .song_lower .opts_song {
   cursor: pointer;
}
.store_songs .song_lower .fav_song svg {
   width: 22px;
   height: 22px;
}
.store_albums .track .cover_art {
   position: relative;
}
.store_albums .track .cover_art .btn {
   border-radius: 2em;
   font-size: 14px;
   top: 50%;
   left: 50%;
   position: absolute;
   transform: translate(-50%, -50%);
}
.store_albums .track:hover .play_btn {
   opacity: 1;
   visibility: visible;
}
.store_albums .track_info span.price_info {
   display: block;
}
.store_short_albums.sq_track_slider.no-slider .track_list {
   flex: 0 0 20%;
   width: 20%;
}

/*Single Song*/
.single_song {
   margin-top: -45px; /* background-color: white; */
   padding-bottom: 45px;
}
.single_song .ssong_header {
   padding: 30px 30px 50px;
   background: #252528;
}
.single_song .ssong_header .ss_sub_head {
   display: flex;
   align-items: center;
   margin-bottom: 60px;
}
.single_song .ssong_header .ss_sub_head .published,
.single_song .ssong_header .ss_sub_head .ss_publisher_info > span {
   font-weight: 500;
   color: #d4d4d4;
   font-size: 14px;
   font-family: "Muli", sans-serif;
}
.single_song .ssong_header .ss_sub_head .ss_publisher_info {
   margin-left: auto;
}
.single_song .ssong_header .ss_sub_head .ss_publisher_info .ss_short_info {
   display: inline-flex;
   font-weight: 500;
   color: #d4d4d4;
   font-size: 14px;
   padding-right: 18px;
   border-right: 1px solid #3c3c3c;
   vertical-align: middle;
   align-items: center;
}
.single_song .ssong_header .ss_sub_head .ss_publisher_info .ss_short_info img:not(.pro_packages_icon) {
   width: 40px;
   min-width: 40px;
   height: 40px;
   object-fit: cover;
   border-radius: 50%;
   margin-right: 5px;
}
.single_song .ssong_header .ss_sub_head .ss_publisher_info .ss_short_info .ss_short_info_innr {
   margin: 0;
   display: inline-block;
}
.single_song .ssong_header .ss_sub_head .ss_publisher_info .ss_short_info .ss_short_info_innr .aut_nam {
   display: block;
}
.single_song .ssong_header .ss_sub_head .ss_publisher_info .ss_short_info .ss_short_info_innr .aut_nam > svg {
   width: 18px;
   height: 18px;
}
.single_song .ssong_header .ss_sub_head .ss_publisher_info .ss_short_info .ss_short_info_innr .published {
   display: none;
   font-size: 11.5px;
}
.single_song .ssong_header .ss_sub_head .ss_publisher_info > span:first-of-type {
   padding-left: 18px;
   margin-right: 10px;
}
.single_song .ssong_header .ss_sub_head .ss_publisher_info .btn {
   border-radius: 2em;
   padding: 7px 16px 7px;
   margin-left: 18px;
   font-size: 14px;
   min-width: auto;
}
.single_song .ssong_header .ss_sub_body .ss_image {
   width: 250px;
   height: 250px;
   background-position: center;
   background-size: cover;
   border-radius: 5px;
   margin-right: 20px;
   box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
}
.single_song .ssong_header .ss_sub_body .ss_track_info {
   margin-left: 270px;
}
.single_song .ssong_header .ss_sub_body .ss_track_play_pause {
   position: relative;
   margin-right: 15px;
   width: 100px;
   height: 250px;
   float: left;
}
.single_song .ssong_header .ss_sub_body .ss_track_play_pause > div {
   cursor: pointer;
   border-radius: 50%;
   width: 100px;
   height: 100px;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   transition: all 0.2s ease;
}
.single_song .ssong_header .ss_sub_body .ss_track_play_pause .pause_btn {
   opacity: 0;
   visibility: hidden;
}
body.player_running .single_song .ssong_header .ss_sub_body .ss_track_play_pause .pause_btn {
   opacity: 1;
   visibility: visible;
}
body.player_running .single_song .ssong_header .ss_sub_body .ss_track_play_pause .play_btn {
   opacity: 0;
   visibility: hidden;
}
.single_song .ssong_header .ss_sub_body .ss_track_info_innr {
   margin-left: 115px;
   padding-top: 10px;
}
.single_song .ssong_header .ss_sub_body .ss_track_info_innr h2 {
   font-size: 28px;
   font-family: "Muli", sans-serif;
}
.single_song .ssong_header .ss_sub_body .ss_track_info_innr a:hover {
   color: #ddd !important;
}
.single_song .ssong_header .ss_sub_body .ss_track_info_innr .ss_stats {
   display: flex;
   align-items: center;
}
.single_song .ssong_header .ss_sub_body .ss_track_info_innr .ss_stats li {
   display: flex;
   align-items: center;
   margin-right: 20px;
   font-weight: 500;
   color: #d4d4d4;
   font-size: 14px;
}
.single_song .ssong_header .ss_sub_body .ss_track_info_innr .ss_stats li svg {
   margin-right: 5px;
}
.single_song .ssong_header .ss_sub_body .ss_track_info_innr .ss_stats li:first-child svg {
   margin: 0 0 0 -9px;
}
.single_song .ssong_header .ss_sub_body .song_border {
   height: 2px;
   background: #474747;
   width: 50px;
   margin-top: 15px;
   margin-bottom: 15px;
}
.single_song .ssong_header .ss_sub_body .ss_description {
   font-size: 14px;
}
.single_song .ssong_header .ss_sub_body .ss_release_date {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   padding-bottom: 5px;
   margin-bottom: 5px;
   margin-top: 20px;
}
.single_song .ssong_header .ss_sub_body .ss_release_date b {
   font-weight: 500;
}
.single_song .ssong_header .ss_sub_body .ss_tags a {
   display: inline-block;
   margin-right: 12px;
   color: var(--main-color);
}
#waveform {
   margin-top: 50px;
   position: relative; /*height: 128px;*/
}
.waveform-small #waveform {
   margin: 20px 0;
}
body.waveform_ready #waveform:after {
   opacity: 0;
   visibility: hidden;
   transform: scale(0.8);
}
.single_song .ssong_footer {
   margin-bottom: 30px;
   border-bottom: 1px solid #353434;
   padding: 13px 0;
}
.single_song .ssong_footer .ss_actions .ss_action_item:disabled {
   opacity: 0.65;
   cursor: not-allowed;
}
.single_song .ssong_footer .ss_actions,
.single_song .ssong_footer .ss_actions .ss_actions_innr {
   display: flex;
   align-items: center;
}
.ss_action_item {
   cursor: pointer;
   font-weight: 500;
   color: #222225;
   margin-right: 20px;
   background: #fff;
   border: 1px solid #fff;
   border-radius: 2px;
   padding: 3px 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   min-width: 100px;
   font-size: 14px;
   height: 32px;
   transition: all 0.1s ease-in-out;
   user-select: none;
}
.single_song .ss_action_item {
   background-color: #3e3e3e;
   color: #e8e8e8;
   border-color: #525252;
}
.dropdown .ss_action_item {
   margin: 0;
}
.ss_action_item:hover {
   background-color: #ececec;
}
.ss_action_item:active {
   transform: scale(0.95);
}
.single_song .ss_action_item:hover {
   background-color: var(--second-color);

   border-color: var(--second-color);
}

.ss_action_item svg {
   margin-right: 4px;
}
.ss_toolkit {
   margin-left: auto;
   display: flex;
   align-items: center;
}
.ss_toolkit .ss_action_item {
   border-color: var(--main-color);
   color: #fff;
   background: var(--main-color);
}
.ss_toolkit .ss_action_item:last-child {
   margin: 0;
}
.ss_toolkit b {
   font-weight: 500;
   color: #fff;
   font-size: 13px;
}
.ssong_comments .write_comment {
   position: relative;
   margin-bottom: 30px;
}
.ssong_comments .write_comment .u_avatar {
   width: 35px;
   height: 35px;
   border-radius: 50%;
   position: absolute;
   left: 10px;
   top: 10px;
   z-index: 9;
}
.ssong_comments .write_comment .u_avatar_small {
   width: 25px;
   height: 25px;
   border-radius: 50%;
   position: absolute;
   left: 8px;
   top: 8px;
   z-index: 9;
}
.ssong_comments .write_comment .comment_input {
   display: block;
   width: 100%;
   padding: 0;
   line-height: 1.628571;
   height: 55px;
   border-radius: 5px;
   color: #ddd;
   background-color: #222225;
   border: 1px solid #353434;
}
.ssong_comments .write_comment textarea.comment_input {
   padding: 13px 16px 13px 55px;
   resize: none;
}
.ssong_comments .write_comment .comment_input:disabled {
   background-color: #383838;
   cursor: not-allowed;
}
.ssong_comments .write_comment .comment_input .emojionearea-editor {
   color: #ddd;
   padding: 16px 16px 16px 55px;
   padding-right: 25px;
   line-height: 1.628571;
   height: 55px;
   min-height: 55px;
}
.ssong_comments .write_comment .blog_comment_input {
   display: block;
   width: 100%;
   padding: 0;
   line-height: 1.628571;
   height: 55px;
   border-radius: 5px;
   color: #ddd;
   background-color: #222225;
   border: 1px solid #353434;
}
.ssong_comments .write_comment .blog_comment_input:disabled {
   background-color: #383838;
   cursor: not-allowed;
}
.ssong_comments .write_comment .blog_comment_input .emojionearea-editor {
   color: #ddd;
   padding: 16px 16px 16px 55px;
   padding-right: 25px;
   line-height: 1.628571;
   height: 55px;
   min-height: 55px;
}
.ssong_comments .write_comment > span {
   position: absolute;
   top: 0;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   background-color: rgb(0 0 0 / 50%);
   z-index: 9;
   margin: 10px;
   line-height: 35px;
   text-align: center;
   color: #fff;
   font-size: 13px;
}

.track_process_bg {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   text-align: center;
   background: #252528;
   z-index: 999;
   backdrop-filter: blur(100px);
   margin: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   border-radius: 10px;
   font-weight: 500;
}
.track_process_bg svg {
   margin: 0 0 50px;
   height: auto;
   width: 50px;
}

body .emojionearea .emojionearea-picker {
   z-index: 222;
}
body .emojionearea .emojionearea-picker .emojionearea-filters {
   display: none;
}
body .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-search-panel,
body .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-scroll-area {
   bottom: 0;
}
body .emojionearea .emojionearea-picker .emojionearea-scroll-area {
   height: 276px;
}
body .emojionearea .emojionearea-button > div.emojionearea-button-open {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3e%3cpath fill='%23d2d2d2' d='M12,17.5C14.33,17.5 16.3,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5M8.5,11A1.5,1.5 0 0,0 10,9.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 7,9.5A1.5,1.5 0 0,0 8.5,11M15.5,11A1.5,1.5 0 0,0 17,9.5A1.5,1.5 0 0,0 15.5,8A1.5,1.5 0 0,0 14,9.5A1.5,1.5 0 0,0 15.5,11M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' /%3e%3c/svg%3e") !important;
   background-position: center;
   background-color: transparent;
}
body .emojionearea .emojionearea-button > div.emojionearea-button-close {
   background-position: center;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3e%3cpath fill='%23d2d2d2' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z' /%3e%3c/svg%3e") !important;
   background-position: center;
   background-color: transparent;
}
.ssong_comments .write_comment .comment_input .emojionearea-button {
   top: 15px;
}
.ssong_comments .write_comment .blog_comment_input .emojionearea-button {
   top: 15px;
}
.ssong_comments .comm_count {
   border-bottom: 1px solid #353434;
   padding-bottom: 7px;
   font-size: 16px;
   color: #ddd;
}
.ssong_comments .comment_list .comment_item .comm_innr {
   position: relative;
   padding: 10px 10px 10px 0;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
}
.ssong_comments .comment_list .comment_item .comm_innr .comment_avatar {
   margin-right: 10px;
   display: block;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
}
.ssong_comments .comment_list .comment_item .comm_innr .comment_avatar span {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 50% 50%;
   display: block;
}
.ssong_comments .comment_list .comment_item .comment_content {
   -webkit-flex: 1 0;
   -ms-flex: 1 0;
   flex: 1 0;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-right: 10px;
}
.ssong_comments .comment_list .comment_item .comment_content .comment_username a {
   font-weight: 500;
   color: #ddd;
}
.ssong_comments .comment_list .comment_item .comment_content .comment_username a > svg {
   width: 18px;
   height: 18px;
}
.ssong_comments .comment_list .comment_item .comment_content .comment_username .comment_timestamp {
   font-weight: 500;
   color: var(--main-color);
   font-size: 12px;
   padding-left: 5px;
   cursor: pointer;
}
.ssong_comments .comment_list .comment_item .comment_content .comment_body {
   word-break: break-word;
   -webkit-hyphens: auto;
   overflow-wrap: break-word;
   word-wrap: break-word;
}
.ssong_comments .comment_list .comment_item .comment_content .comment_body p {
   margin: -3px 0 3px;
   font-size: 14px;
   color: #999999;
}
.ssong_comments .comment_list .comment_item .comment_content .comment_body .comm_innr_stats {
   line-height: 1;
   margin: 0 -1px;
}
.ssong_comments .comment_list .comment_item .comment_content .comment_body .comment_like {
   border: 0;
   padding: 0;
   line-height: 1;
   color: #a7a7a7;
   margin: -3px 1px 0;
   display: inline-block;
}
.ssong_comments .comment_list .comment_item .comment_content .comment_body .comment_like svg {
   width: 14px;
   height: 14px;
}
.ssong_comments .comment_list .comment_item .comment_content .comment_body .comment_like span {
   font-size: 13px;
   display: inline-block;
   vertical-align: middle;
}
.ssong_comments .comment_list .comment_item .comment_meta {
   flex: 0 0 auto;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
}
.ssong_comments .comment_list .comment_item .comment_meta time {
   font-weight: 500;
   color: #939393;
   font-size: 12px;
}
.ssong_comments .comment_list .comment_item .comment_meta .comment_controls {
   visibility: hidden;
}
.ssong_comments .comment_list .comment_item:hover .comment_meta .comment_controls {
   visibility: visible;
}
.ssong_comments .comment_list .comment_item .comment_meta .comment_controls .btn {
   font-size: 12px;
   padding: 2px 9px;
   line-height: 16px;
   border: 1px solid #464646;
   color: #b7b7b7;
   background-color: rgba(255, 255, 255, 0.1);
}
.ssong_comments .comment_list .comment_item .comment_meta .comment_controls .btn svg {
   margin-top: -2px;
   margin-bottom: -1px;
   width: 15px;
   height: 15px;
}
.single_song .ss_related {
   background: #222225;
}
.single_song .ss_related .s_widget_head {
   color: #ddd;
}
.single_song .ss_related .store_songs .song_list,
.feed_sidebar_song .song_list {
   box-shadow: none;
   margin: 0;
   background-color: #222225;
}
.single_song .ss_related .store_songs .song_list .avatar img,
.feed_sidebar_song .song_list .avatar img {
   width: 50px;
   height: 50px;
}
.single_song .ss_related .store_songs .song_list .song_right_part,
.feed_sidebar_song .song_list .song_right_part {
   margin-left: 60px;
}
.single_song .ss_related .store_songs .song_upper,
.feed_sidebar_song .song_upper {
   padding-bottom: 6px;
   padding-top: 5px;
   border: 0;
}
.single_song .ss_related .store_songs .song_upper .song_meta_info,
.feed_sidebar_song .song_upper .song_meta_info {
   max-width: 100%;
}
.single_song .ss_related .store_songs .song_upper .song_meta_info h3 {
   color: #ddd;
}
.single_song .ss_related .store_songs .song_upper .song_meta_info p {
   color: #ddd;
}
.post-actions {
   margin: 0px 10px 0px 65px;
   margin-top: 5px;
}
.post-actions .ss_action_item {
   display: inline-flex;
   margin-right: 2px;
   padding: 2px 5px;
   background: #222225;
   color: #dcdcdc;
   border: 1px solid #222225;
}
.post-actions .ss_action_item:hover {
   background: #171719;
   color: #fff;
}

/*Comment Waves Avatar*/
.comment-on-wave {
   position: absolute;
   bottom: 0;
   margin-left: -10px;
   z-index: 222;
   transition: all 0.2s;
}
.comment-on-wave img {
   width: 20px;
   height: 20px;
   object-fit: cover;
   cursor: pointer;
   border-radius: 50%;
}
.comment-on-wave:hover {
   transform: scale(1.5);
   z-index: 1112;
}
.comment-on-wave-data {
   position: absolute;
   display: none;
   padding-top: 5px;
}
.comment-on-wave-data > div {
   background: #4a4a4a;
   color: #d3d3d3;
   padding: 3px;
   font-size: 8px;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
   border-radius: 2px;
   position: relative;
}
.comment-on-wave-data > div:before {
   content: "";
   position: absolute;
   top: -2px;
   left: 6px;
   width: 8px;
   height: 8px;
   transform: rotate(45deg);
   border-radius: 3px 0 20px 0;
   background: #4a4a4a;
   z-index: -1;
}
.comment-on-wave-data span {
   display: block;
   color: var(--main-color);
   cursor: pointer;
}
.comment-on-wave-data p {
   margin: 0;
   max-width: 100px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

/*Feed Comments*/
.small-waves .write_comment {
   margin-bottom: 0;
}
.small-waves .comment_list {
   margin-top: 15px;
}
.small-waves .comment_list:empty {
   margin-top: 0;
}
.small-waves .write_comment .comment_input {
   height: 40px;
}
.small-waves .write_comment .comment_input .emojionearea-editor {
   padding: 9px 5px 5px 45px;
   padding-right: 25px;
   height: 40px;
   min-height: 40px;
   line-height: 1.42857143;
}
.small-waves .write_comment .comment_input .emojionearea-button {
   top: 8px;
}
.small-waves .comment_list .comment_item .comm_innr .comment_avatar span {
   width: 30px;
   height: 30px;
}
.small-waves .comment_list .comment_item .comment_content .comment_username a {
   font-size: 14px;
}

/*404 Page*/
.ma_404 {
   margin: 60px auto;
}
.ma_404 h3 {
   font-size: 35px;
}
.ma_404 section {
   margin: 40px 15px 50px;
   text-align: center;
   font-size: 112px;
   font-weight: 500;
}
.ma_404 section svg {
   margin-top: -15px;
}

/*Contact Page*/
.contact_page {
   min-height: calc(100vh - 210px);
}

/*Search*/
.search_tabs {
   margin-bottom: 40px;
}
.search_tabs ul {
   border: none;
}
.search_tabs ul:after {
   display: none;
}
.search_tabs ul li {
   margin: 0;
}
.search_tabs ul li a {
   border: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   background-color: #222225;
   margin: 0 11px;
   border-radius: 6px;
   padding: 20px 28px;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.34);
}
.search_tabs ul li.active a {
   color: #fff;
   background: var(--main-color);
}
.search_tabs ul li a svg {
   margin-bottom: 10px;
}
.search_result_count {
   margin-bottom: 10px;
}
.search_result_count b {
   font-weight: 500;
}
.search_songs {
   background-color: #222225;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
   border-radius: 4px;
   padding: 5px;
}
.search_songs.artist_songs .head_title {
   margin-top: 0;
}
.search_songs .artist_s_list .wide_page_songs .s_lsongs_child .first .numbers {
   margin-left: -8px;
}
.search_songs .artist_s_list .wide_page_songs .s_lsongs_child .first .numbers img {
   width: 36px;
   height: 36px;
   object-fit: cover;
}
.search_artists {
   margin: 0 -20px;
}
.search_albums .sq_track_slider.no-slider .track_list {
   flex: 0 0 20%;
   width: 20%;
}
.search_playlists .pplist_slider .track_list {
   flex: 0 0 25%;
   width: 25%;
}

/*Dashboard*/
.small_stat {
   position: relative;
   overflow: hidden;
   width: 100%;
   padding: 15px 30px;
   background-color: #607d8b;
   box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
   border-radius: 7px;
   color: #fff;
}
.small_stat.songs {
   background: linear-gradient(135deg, #c491f8 0%, #8337d0 100%);
}
.small_stat.plays {
   background: linear-gradient(135deg, #6aa1e2 0%, #3e3ecc 100%);
}
.small_stat.downs {
   background: linear-gradient(135deg, #fdb384 0%, #ff6873 100%);
}
.small_stat.sales {
   background: linear-gradient(135deg, #8bc34a 0%, #4caf50 100%);
}
.small_stat.mnthsale {
   background: linear-gradient(135deg, #f06292 0%, #e91e63 100%);
}
.small_stat.todsale {
   background: linear-gradient(135deg, #03a9f4 0%, #137fd6 100%);
}
.small_stat svg {
   position: absolute;
   opacity: 0.25;
   right: -40px;
   bottom: -40px;
   width: 160px;
}
.small_stat h2 {
   font-size: 17px;
   margin: 0 0 5px;
   line-height: 35px;
   text-transform: uppercase;
   font-weight: 400;
   letter-spacing: 0.7px;
   word-spacing: 1px;
   position: relative;
}
.small_stat p {
   font-size: 36px;
   margin: 0px;
   position: relative;
}
.short_track_stats .stat_item {
   display: flex;
   align-items: center;
   color: #bababa;
   transition: all 0.2s;
   padding: 10px 17px;
   margin: 0 -15px;
   border-bottom: 1px solid #363636;
}
.short_track_stats li:last-child .stat_item {
   border: 0;
}
.short_track_stats .stat_item:hover {
   background-color: #2e3235;
   color: #fff;
}
.short_track_stats .stat_item .numbering {
   min-width: 24px;
   flex: 0 0 auto;
}
.short_track_stats .stat_item .title {
   max-width: calc(100% - 95px);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
   margin-left: 15px;
}
.short_track_stats .stat_item .result {
   margin-left: auto;
}

/*Spotlight*/
.sptlight_head {
   text-align: center;
   margin-bottom: 40px;
   font-size: 24px;
   border-bottom: 1px solid #313437;
   padding-bottom: 30px;
}
.sptlight_head svg {
   width: 40px;
   height: 40px;
   margin-right: 10px;
   margin-top: -4px;
}

/*Feed Page*/
.feed_sidebar_song .song_list {
   background: #222225;
}
.feed_sidebar_artist {
   overflow: hidden;
   /*white-space: nowrap;*/
   display: block;
   overflow-x: auto;
   padding: 0 0px 12px;
   margin: 0 -10px -7px;
}
.feed_sidebar_artist .artist_list {
   margin: 7px 0 0;
   padding: 0 13px;
   /*width: 125px;*/
   display: inline-block;
   float: none;
}
.feed_sidebar_artist .simplebar-scrollbar:before {
   background: #808080;
}
/*.feed_post_block {margin-bottom: 30px;}*/
.feed_post {
   margin-bottom: 20px;
   padding-bottom: 35px;
   border-bottom: 1px solid #343434;
}
.feed_post:last-child {
   border: 0;
   margin: 0;
   padding-bottom: 10px;
}
.feed_post .fp_head {
   padding: 10px;
   display: flex;
   align-items: center;
}
.feed_post .fp_head .opts_feed {
   margin-left: auto;
}
.feed_post .fp_head .opts_feed .btn {
   background: #171719;
   color: #d2d2d2;
   padding: 0;
   border: 0;
}
.feed_post .fp_head .user_info {
   margin-right: 20px;
}
.feed_post .fp_head .avatar img:not(.pro_packages_icon) {
   border-radius: 50%;
   width: 45px;
   min-width: 45px;
   height: 45px;
   object-fit: cover;
   margin-right: 10px;
}
.feed_post .fp_head .user_info a {
   color: #dddddd;
   font-weight: 500;
}
.feed_post .fp_head .user_info a > svg {
   width: 19px;
   height: 19px;
   margin-top: -2px;
}
.feed_post .fp_head .user_info span {
   color: #9b9b9b;
   font-size: 12.5px;
   display: block;
}
.feed_post .fp_body {
   background-color: #222225;
   margin: 0px 10px 0px 65px;
   border-radius: 5px;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
.feed_song {
   display: flex;
   align-items: center;
   transition: all 0.5s;
   padding: 10px 0;
}
.feed_song:hover {
   background: rgba(255, 255, 255, 0.05);
}
.feed_song .first {
   position: relative;
   min-width: 68px;
   margin: 0;
}
.feed_song .first .cover {
   margin-right: 15px;
   position: relative;
   cursor: pointer;
   width: 68px;
   height: 68px;
   display: block;
}
.feed_song .first .cover img {
   width: 68px;
   height: 68px;
   object-fit: cover;
   border-radius: 4px;
}
.feed_song .second {
   max-width: calc(100% - 170px);
}
.feed_song .second .art_details h4,
.feed_song .second .art_details span {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.feed_song .second .art_details h4 {
   color: #dfdfdf;
   margin-bottom: 5px;
   font-size: 21px;
   font-weight: 400;
}
.feed_song .second .art_details span {
   line-height: 1;
   font-size: 15px;
}
.feed_song .second .art_details span a {
   color: #bababa;
}
.feed_song .art-info {
   display: inline;
   font-size: 12px;
}
.feed_song .third {
   margin-left: auto;
}
.feed_song .third .duration {
   color: #999999;
   font-size: 13px;
}
.feed_song .third .duration svg {
   width: 16px;
   height: 16px;
   margin-top: -2px;
}

/*User Profile*/
.user_profile {
   margin-top: -45px;
   margin-bottom: -30px;
   padding-bottom: 30px;
}
.user_header {
   margin-bottom: 30px;
}
.user_header .user_cover {
   min-height: 100%;
   max-height: 100%;
   position: relative;
   display: block;
   height: 0;
   padding: 0;
   padding-bottom: 19%;
   overflow: hidden;
}
.user_header .user_cover img {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 50%;
   right: 0;
   bottom: 0;
   left: 50%;
   display: block;
   transform: translate(-50%, -50%);
   object-fit: cover;
}
.user_info_cont {
   background: #222225;
   padding: 10px;
}
.user_info_cont .user_avatar {
   width: 160px;
   min-width: 160px;
   height: 160px;
   margin: -80px auto 0;
   position: relative;
}
.user_info_cont .user_avatar img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 50%;
   box-shadow: 0 0 0 4px #fff;
}
.user_info_cont .user_avatar .edit_avatar {
   position: absolute;
   bottom: 0;
   right: 0;
}
.user_info_cont .user_avatar .edit_avatar span {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 44px;
   height: 44px;
   border-radius: 50%;
   background-color: rgba(255, 255, 255, 0.5);
   color: black;
   cursor: pointer;
}
.user_info_cont .personal_info .name {
   margin: 25px 0 28px;
}
.user_info_cont .personal_info .name h2 {
   font-weight: 400;
}
.user_info_cont .personal_info .name h2 a {
   color: white;
}
.user_info_cont .personal_info .name .sub_info {
   line-height: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 15px;
}
.user_info_cont .personal_info .name .sub_info a,
.artist_user_info .info_container p.auth_fol_info a {
   color: #989898;
}
.user_info_cont .personal_info .name .sub_info a:hover,
.artist_user_info .info_container p.auth_fol_info a:hover {
   color: #fff;
}
.user_info_cont .personal_info .name .sub_info .middot,
.artist_user_info .info_container p.auth_fol_info .middot {
   margin: 0 9px;
}
.user_info_cont .links_btns {
   display: flex;
   align-items: center;
   margin-bottom: -10px;
}
.user_info_cont .links_btns .ma_tabs {
   margin: 0;
}
.user_info_cont .links_btns .ma_tabs ul {
   border: 0;
}
.user_info_cont .links_btns .ma_tabs ul li {
   margin: 0;
}
.user_info_cont .links_btns .ma_tabs ul li a {
   border: 0;
   padding: 20px 25px;
}
.user_info_cont .links_btns .ma_tabs ul li.active a {
   box-shadow: inset 0 -2px var(--main-color);
}
.user_info_cont .links_btns .opts_btn {
   margin-left: auto;
}
.user_info_cont .links_btns .opts_btn .btn,
.ds_prof_admn_btns .btn {
   margin: 0 4px;
   font-weight: 500;
   font-size: 13px;
   border-radius: 2em;
   padding: 6px 27px;
}
.user_side_info_list {
   margin-bottom: 0;
}
.user_side_info_list li {
   padding: 6px 10px;
   font-size: 13px;
}
.user_side_info_list li svg {
   margin: -3px 6px 0 2px;
   width: 18px;
   height: 18px;
}
.user_side_info_list li.user_social_links,
.user_side_info_list li.user_bio {
   padding-left: 38px;
   padding-top: 0;
}
.user_side_info_list li.user_social_links svg {
   margin: 0;
   width: 24px;
   height: 24px;
}

/*Become Author*/
.become_author .bauthor_form {
   padding: 30px 15px 15px;
   border: 1px solid #2c2c2c;
   box-shadow: 0 2px 12px -5px rgba(0, 0, 0, 0.1);
   border-radius: 2px;
   background: #222225;
}
.become_author .bauthor_form > h3 {
   font-size: 23px;
   font-weight: 400;
   margin: -5px 15px 20px;
   color: white;
}
.become_author .bauthor_form label.col-md-12 svg {
   width: 17px;
   height: 17px;
   margin-right: 4px;
}
.become_author .bauthor_form .help-block {
   font-size: 11px;
   letter-spacing: 0.2px;
}
.img_container {
   width: 100%;
   max-height: 230px;
   overflow: hidden;
   cursor: pointer;
   height: 230px;
   margin-top: 15px;
}
.img_container_1 {
   background-color: #171719;
   height: 100%;
   border-radius: 4px;
}
.img_container_1 div svg {
   width: 35px;
   height: 35px;
}
.img_container_2 {
   text-align: center;
   padding-top: 70px;
   color: #fff;
}
.img_container_text {
   color: #cecece;
   text-align: center;
   font-size: 15px;
}
.img_container img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 4px;
}

/*Ajax Loader*/
#bar_loading {
   top: 0px;
   left: 0px;
   right: 0px;
   height: 3px;
   width: 100% !important;
   display: none;
   position: fixed;
   z-index: 5000;
   overflow: hidden;
   background-color: rgba(255, 255, 255, 0.45);
}
#bar_loading:before {
   display: block;
   position: absolute;
   content: "";
   left: -200px;
   width: 200px;
   height: 3px;
   animation: head_loading 1.5s linear infinite;
   background-color: var(--main-color);
}
@keyframes head_loading {
   from {
      left: -200px;
      width: 30%;
   }
   50% {
      width: 30%;
   }
   70% {
      width: 70%;
   }
   80% {
      left: 50%;
   }
   95% {
      left: 120%;
   }
   to {
      left: 100%;
   }
}

/*Song Page*/
.waveform-small {
   padding: 15px;
   padding-top: 0;
   padding-bottom: 1px;
}
.waveform-small:empty {
   padding: 0;
}
.track-liked {
   background: #f44336 !important;
   border: 1px solid #f44336 !important;
   color: #fff !important;
}

/*Share Music*/
.music_share_box .thmb_img {
   width: 100%;
   object-fit: cover;
   border-radius: 5px;
   box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.16);
}
.music_share_box .thmb_title {
   text-align: left;
   font-size: 17px;
   margin-top: 6px;
   margin-bottom: 2px;
}
.music_share_box .thmb_albm {
   text-align: left;
   margin-bottom: 0;
}
.music_share_box .thmb_slinks {
   text-align: left;
   margin-top: 10px;
   margin-bottom: -5px;
}
.music_share_box .thmb_slinks a {
   display: inline-block;
   line-height: 1;
}
.music_share_box .thmb_slinks a svg {
   width: 28px;
   height: 28px;
}
.music_share_box hr {
   border-color: rgba(106, 106, 106, 0.1);
}
.music_share_box .thmb_url {
   display: block;
   width: 100%;
   background: #171719;
   border: 0;
   border-radius: 5px;
   padding: 5px 9px;
   color: #ececec;
}

/*Embed*/
.copy_embed {
   display: flex;
   align-items: center;
   border-top: 1px solid #313131;
   padding-top: 15px;
}
.copy_embed > input {
   background-color: #0b0b0c;
   border-color: #434343;
   color: #c7c7c7;
   font-size: 14px;
   height: 35px;
}
.copy_embed .colorpickerf {
   align-items: center;
   flex-wrap: nowrap;
   width: auto;
   margin-left: 8px;
}
.copy_embed .colorpickerf input {
   width: 80px;
   flex: none;
   background-color: #0b0b0c;
   border-color: #434343;
   color: #c7c7c7;
   font-size: 14px;
   height: 35px;
}
.copy_embed .colorpickerf span i {
   width: 35px;
   height: 35px;
   vertical-align: middle;
   border-radius: 0 3px 3px 0;
}

/*Empty State*/
.no-track-found {
   padding: 100px 10px;
   text-align: center;
   font-weight: 500;
   width: 100%;
}
.no-track-found svg {
   display: block;
   margin: 0 auto 15px;
   width: 38px;
   height: 38px;
}
.no-track-found.bg_light {
   background-color: #222225;
   border-radius: 5px;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.34);
   margin-bottom: 40px;
}

/*Uploaded Album Song List*/
.uploaded_albm_slist {
   padding-top: 20px;
}
.uploaded_albm_slist:first-child {
   border-top: 1px solid #2f2f2f;
   margin-top: 20px;
}
.uploaded_albm_slist .no-padding-form.submitted {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   border: 1px solid #2c2c2c;
   box-shadow: 0 2px 12px -5px rgba(0, 0, 0, 0.1);
   border-radius: 5px;
   background: #222225;
   padding: 15px;
}
.uploaded_albm_slist .no-padding-form.submitted > p,
.uploaded_albm_slist .no-padding-form.submitted > p svg {
   margin: 0;
}
.uploaded_albm_slist .no-padding-form.submitted > span {
   margin-left: auto;
}
.uploaded_albm_slist .no-padding-form.submitted > span .btn {
   color: #f44336;
   background-color: #3d2b2a;
}
.uploaded_albm_slist .no-padding-form.submitted > span .btn svg {
   margin: -2px 0 0;
   width: 19px;
   height: 19px;
}

/*Follower/Follwoing*/
.prof_fol_cont {
   margin-top: 20px;
   margin-right: -5px;
   margin-left: -5px;
}
.follower_list,
.following_list {
   padding: 20px 10px;
   box-shadow: 0 0 0 1px #333339;
   background: #222225;
   position: relative;
   overflow: hidden;
   text-align: center;
}
.follower_list .cover_art img,
.following_list .cover_art img {
   width: 90px;
   height: 90px;
   border-radius: 50%;
}
.follower_list .artist,
.following_list .artist {
   display: block;
   font-size: 16px;
   font-weight: 500;
   color: #dadada;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   margin-top: 10px;
}

/*Upgraded*/
.ma_upgraded {
   font-size: 25px;
   font-family: "Muli", sans-serif;
}
.ma_upgraded img {
   display: block;
   margin: 0 auto 50px;
   width: 280px;
   pointer-events: none;
}

/*Message Page*/
#new-message-form {
   position: relative;
   padding: 10px 0;
   display: flex;
   align-items: center;
}
.countunseen {
   background-color: #c23321;
   padding: 0px 6px;
   width: auto;
   color: #fff;
   border-radius: 2em;
   position: absolute;
   font-size: 12px;
   right: -2px;
   bottom: -2px;
}
.countunseen:empty {
   padding: 0;
   margin: 0;
}
.user-messages {
   background-color: transparent;
}
.user-messages .messages .istyping {
   margin-bottom: 10px;
   position: relative;
   max-width: 80%;
   width: auto;
}
.user-messages .messages .istyping .user-avatar {
   width: 33px;
   float: left;
}
.user-messages .messages .istyping .user-avatar img {
   width: 100%;
   border-radius: 100%;
}
.user-messages .messages .istyping .user-message {
   background-color: #3b3b3b;
   padding: 7px 13px;
   border-radius: 17px;
   word-break: break-word;
   width: auto;
   margin-left: 40px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
}
.user-messages .messages .message {
   margin-right: 20px;
   margin-left: 20px;
   margin-bottom: 10px;
   position: relative;
   max-width: 80%;
   width: auto;
}
.user-messages .messages .message .user-avatar {
   width: 33px;
   float: left;
}
.user-messages .messages .message .user-avatar img {
   width: 100%;
   border-radius: 100%;
}
.user-messages .messages .message .user-message {
   background-color: #3b3b3b;
   padding: 7px 13px;
   border-radius: 17px;
   word-break: break-word;
   width: auto;
   margin-left: 40px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
}
.user-messages .messages .message.incming_msg .user-message {
   background-color: #4e3924;
   color: var(--main-color);
}
.user-send-message {
   width: 100%;
   border-top: 1px solid #393939;
}
.user-send-message .dropup .dropdown-toggle {
   cursor: pointer;
}
.user-send-message .dropup .dropdown-toggle:after {
   display: none;
}
.user-send-message .dropup .dropdown-menu {
   min-width: 260px;
   max-height: 280px;
   overflow-y: auto;
}
.user-send-message .dropup .dropdown-menu .emoji_holder {
   display: inline-flex;
   margin: 1px;
   transition: all 0.15s;
   cursor: pointer;
   font-size: 20.5px;
   width: 30px;
   height: 30px;
   align-items: center;
   justify-content: center;
}
.user-send-message textarea {
   border: 0;
   padding: 15px 13px;
   outline: none;
   resize: none;
   width: 100%;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
   height: 50px;
   border-radius: 8px;
}
.messages-sidebar {
   overflow: auto;
   background-color: #222225;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.34);
   border-radius: 5px;
}
.messages-sidebar .search-box {
   position: relative;
   border-bottom: 1px solid #393939;
   display: flex;
   align-items: center;
   padding: 0 10px;
}
.messages-sidebar .search-box .search-box-inner {
   position: relative;
   flex: 1 1 auto;
}
.messages-sidebar .search-box input {
   width: 100%;
   padding: 3px 12px;
   outline: none;
   padding-left: 50px;
   background-color: #222225;
   border-radius: 16px;
   height: 50px;
   border: 0;
   color: #e8e8e8;
}
.messages-sidebar .search-box svg.feather {
   position: absolute;
   margin: 13px 8px;
   pointer-events: none;
}
.messages-sidebar .search-box .btn {
   border: 0;
   padding: 0;
   width: 36px;
   height: 36px;
   line-height: 35px;
   background-color: #515151;
}
.messages-sidebar ul {
   list-style: none;
   height: calc(100vh - 196px);
   overflow-y: auto;
   margin: 0;
}
.messages-sidebar ul li {
   border-bottom: 1px solid #393939;
}
.messages-sidebar ul li:last-child {
   border: 0;
}
.messages-sidebar ul li .list-innr {
   transition: all 0.2s;
   position: relative;
   cursor: pointer;
}
.messages-sidebar ul li .list-innr .user-avatar {
   width: 45px;
   float: left;
   margin: 0px 15px 0px 5px;
   position: relative;
}
.messages-sidebar ul li .list-innr .user-avatar img {
   width: 100%;
   border-radius: 100%;
}
.messages-sidebar ul li .list-innr .user-name {
   margin: 4px 0px 1px;
   display: block;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   color: #e8e8e8;
   font-size: 15px;
   max-width: calc(100% - 150px);
}
.messages-sidebar ul li .list-innr .user-last-message {
   font-size: 12px;
   color: #999;
}
.messages-sidebar ul li .list-innr:hover {
   background-color: rgba(0, 0, 0, 0.02);
   color: #1da1f2;
}
.hash {
   color: #1da1f2 !important;
}
.messages-sidebar ul li .list-innr {
   display: block;
   padding: 15px 10px;
}
.messages-sidebar ul li .list-innr:hover,
.messages-sidebar ul li .list-innr:focus {
   text-decoration: none;
}
.messages-sidebar ul li.active {
   background-color: #f5f5f5;
}
@keyframes blink {
   0% {
      opacity: 0.4;
      transform: scale(1.5);
   }
   20% {
      opacity: 1;
      transform: scale(1.5);
   }
   100% {
      opacity: 0.4;
      transform: scale(1.5);
   }
}
.messages-sidebar .saving {
   color: #1da1f2 !important;
}
.saving span {
   color: #1da1f2 !important;
   animation-name: blink;
   animation-duration: 0.5s;
   animation-iteration-count: infinite;
   animation-fill-mode: both;
}
.saving.sidebar span {
   margin-right: 5px;
   font-size: 12px;
}
.saving span:nth-child(2) {
   animation-delay: 0.1s;
}
.clear {
   clear: both;
}
.saving span:nth-child(3) {
   animation-delay: 0.2s;
}
.ellipsis,
.user-last-message {
   text-overflow: ellipsis;
   max-height: 20px;
   white-space: nowrap;
   overflow: hidden;
}
#delete-conversation {
   cursor: pointer;
}
#load-more-messages {
   position: absolute;
   left: 50%;
   margin-left: -20px;
   top: 60px;
   background-color: #1da1f2;
   color: #fff;
   border: none;
   display: none;
   height: 40px;
   width: 40px;
   z-index: 99999;
   padding: 5px;
   border-radius: 100%;
   transition: all 0.2s;
   box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.15);
   outline: 0;
}
#load-more-messages:hover {
   transform: translateY(-3px);
}
.pt_msg_area {
   height: calc(100vh - 281px);
   overflow: hidden;
   overflow-y: auto;
   position: relative;
   box-shadow: none;
}
.pt_msg_area .empty_state {
   position: absolute;
   margin: 0 !important;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.pt_msg_header {
   padding: 13px 20px;
   height: 65px;
   position: relative;
   line-height: 35px;
   border-bottom: 1px solid #393939;
}
.pt_msg_header h3 {
   margin: 0;
   line-height: 36px;
   font-size: 19px;
   font-weight: 400;
}
.pt_msg_header h3 a {
   color: #eaeaea;
}
.pt_msg_main {
   background: #222225;
   position: relative;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.34);
   border-radius: 5px;
   margin-bottom: 0;
   padding: 0 25px;
}
.pt_msg_header h3 .mobilemsgclose {
   display: none;
   cursor: pointer;
   margin: -1px 10px 0px 0px;
   width: 23px;
   height: 23px;
   stroke-width: 2.5px;
}
.chaticon {
   padding: 5px;
   margin-left: 7px;
}
.chaticon a {
   color: #d2d2d2;
}
span#new-messages {
   position: absolute;
   display: inline-block;
   top: 17px;
   z-index: 100;
   color: #fff;
   font-family: "Lato", sans-serif;
   background: var(--main-color); /* line-height: 22px; */ /* width: 24px; */
   padding: 0 4px;
   margin: -6px 5px 0px -16px;
   text-align: center;
   border-radius: 4px;
   font-size: 12px;
}
.empty_state {
   margin-top: 80px !important;
   margin-bottom: 80px !important;
   font-weight: 500;
   color: #6d6d6d !important;
   display: block;
   text-align: center;
}
.user-send-message textarea {
   border: 0;
   padding: 15px 13px;
   outline: none;
   resize: none;
   width: 100%;
   height: 50px;
   overflow-y: hidden;
   background-color: transparent;
   box-shadow: none;
   color: #eee !important;
}
.empty_state svg.feather {
   display: block;
   margin: 0px auto 15px;
   width: 40px;
   height: 40px;
   color: #adadad;
}
#new-message-form #send-button {
   padding: 6px 16px;
   border: none;
   border-radius: 4px;
   margin-left: 10px;
   font-size: 14px;
}
#new-message-form #send-button svg {
   width: 18px;
   height: 18px;
   margin-top: -2px;
   margin-right: -3px;
}
.messages {
   margin-top: 20px;
}

header .head_user .music_opts .btn.btn-mat {
   border: 0;
   min-width: 36px;
   padding: 6px;
   line-height: 1;
   border-radius: 10px;
   height: 36px;
}

/*Toggle Mode*/
.toggle-mode .switch {
   cursor: pointer;
   position: relative;
   width: 100%;
   display: flex;
   align-items: center;
   font-size: 13px;
   line-height: 16px;
   font-weight: 500;
   padding: 9px 15px;
   margin: 0;
   transition: all 0.15s;
}
.toggle-mode .switch:hover {
   background-color: #2c2c2f;
   color: #fff;
}
.toggle-mode .switch input {
   display: none;
}
.toggle-mode .slider {
   transition: all 90ms cubic-bezier(0, 0, 0.2, 0.1);
   display: block;
   width: 17px;
   height: 17px;
   margin-top: 1px;
   border-radius: 2px;
   margin-left: auto;
   border: 2px solid rgba(255, 255, 255, 0.3);
   position: relative;
}
.toggle-mode .slider:after {
   content: "";
   display: inline-block;
   bottom: 0;
   text-align: center;
   border: 2px solid transparent;
   border-top: none;
   border-right: none;
   height: 5px;
   left: 2px;
   position: absolute;
   top: 3px;
   transform: rotate(-45deg);
   width: 10px;
   transition: 0.2s;
}
.toggle-mode input:checked + .slider {
   background-color: var(--main-color);
   border-color: var(--main-color);
}
.toggle-mode input:checked + .slider:after {
   border-color: #fff;
}

/*Interests*/
.dt_interest_sett {
   background-color: rgb(249 143 29 / 15%);
   border-radius: 10px;
   border: 1px solid rgb(249 143 29 / 20%);
   padding: 25px;
   margin-bottom: 15px;
   margin-top: 10px;
}
.dt_interest_sett.startup {
   width: 100%;
   max-width: 800px;
   margin: 0 auto 40px;
}
.dt_interest_sett b {
   font-weight: 500;
   text-transform: uppercase;
   font-size: 15px;
   letter-spacing: 0.3px;
   margin-top: 15px;
   display: block;
}
.dt_interest_sett h4 {
   margin: 10px 0 0;
   font-size: 32px;
   color: var(--main-color);
   width: 100%;
   max-width: 350px;
}
.dt_interest_sett img {
   width: 100%;
   max-height: 140px;
   opacity: 0.8;
}
.ma_interest {
   text-align: center;
   font-family: "Muli", sans-serif;
}
.ma_interest_innr {
   margin: auto;
   width: 100%;
   max-width: 560px;
}
.ma_interest_innr .ma_interest_hding {
   margin: 0 0 13px 0;
   font-size: 37px;
}
.ma_interest_innr .ma_interest_subhding {
   margin: 0 0 60px 0;
}
.ma_interest_innr .ma_interest_list {
   margin: 0;
   padding: 0 10px;
   list-style: none;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
.ma_interest_innr .ma_interest_list li {
   margin: 0 4px 16px;
}
.ma_interest_innr .ma_interest_list li input[type="checkbox"] {
   position: absolute;
   opacity: 0;
}
.ma_interest_innr .ma_interest_list li label {
   height: 38px;
   display: flex;
   flex-wrap: nowrap;
   margin: 0;
   align-items: center;
   cursor: pointer;
   border-radius: 2em;
   color: #fff;
   padding: 0 20px;
   font-size: 15px;
   transition: all 90ms cubic-bezier(0, 0, 0.2, 0.1);
   font-weight: 500;
   font-family: "Roboto", sans-serif;
   background: rgb(255 255 255 / 20%);
}
.ma_interest_innr .ma_interest_list li input[type="checkbox"]:checked + label {
   border-color: #fff;
   color: #000;
   background: #fff;
}
.ma_interest_innr .btn-save_intrst {
   margin-top: 30px;
   padding: 6px 20px;
   font-family: "Roboto", sans-serif;
}

/*Maintenance Page*/
.maint_page {
   min-height: 100vh;
}
.maint_page .content {
   margin: 0;
   padding: 25px 40px;
}
.maint_page .content svg {
   margin-bottom: 60px;
}

/*Announcement*/
.announcement-renderer {
   margin-left: 240px;
}
.announcement-renderer .alert {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: 800px;
   border-radius: 2em;
   padding: 15px;
   background-color: #27363d;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.announcement-renderer .pull-right {
   cursor: pointer;
}
.announcement-renderer .alert p:empty,
.announcement-renderer .alert p:last-child {
   margin: 0;
}

.switch span.txt {
   color: #cccccc;
}

.short_list_cont .album_play_song_lists .s_lsongs_child .second {
   max-width: calc(100% - 157px);
   padding-right: 15px;
}
.top_dic_son_listz.short_list_cont .s_lsongs_child .second {
   max-width: calc(100% - 103px);
   padding-right: 15px;
}

/*Payment Methods*/
.pay_method {
   display: flex;
   flex-wrap: wrap;
}
.pay_method .btn {
   flex: 1;
   text-align: center;
   border: 1px solid #474747;
   border-radius: 10px;
   background: transparent;
   color: #ececec;
   margin: 5px;
   padding: 15px 12px;
   text-align: center;
}
.pay_method .btn:hover {
   background: rgba(255, 255, 255, 0.03);
}
.pay_method .btn svg,
.pay_method .btn img {
   display: block;
   margin: 0 auto 10px;
   width: 34px;
   height: 34px;
}
.bank_info {
   width: 100%;
   margin-bottom: 30px;
}
.bank_info .dt_settings_header {
   width: 100%;
   background-color: #f44336;
   background: linear-gradient(90deg, var(--main-color) 0%, #f44336 35%, #f2693b 100%);
   padding: 15px;
   border-radius: 7px;
   overflow: hidden;
   position: relative;
}
.bank_info .bank_info_innr {
   position: relative;
   width: 100%;
   color: #fff;
   z-index: 1;
}
.bank_info .bank_info_innr .row p {
   margin: 0;
   font-size: 18px;
   word-break: break-word;
   line-height: 1;
}
.bank_info .bank_info_innr .row > div {
   margin-top: 18px;
}
.bank_info .bank_info_innr .bank_name {
   font-size: 22px;
   padding: 5px;
}
.bank_info .bank_info_innr .help-block {
   text-transform: uppercase;
   font-size: 12px;
   color: rgba(255, 255, 255, 0.73);
}
.dt_user_profile.hide_alert_info_bank_trans {
   text-align: left;
   font-size: 14px;
}
.upload_bank_receipts {
   text-align: center;
   display: none;
}
.bank_transfer_modal.up_rec_active .upload_bank_receipts {
   display: block;
}
.bank_transfer_modal.up_rec_active .dt_bank_trans_upl_rec,
.bank_transfer_modal.up_rec_active .dt_user_profile.hide_alert_info_bank_trans {
   display: none;
}
.dt_bank_trans_upl_rec a {
   display: inline-block;
   color: #3f51b5;
   background-color: rgba(63, 81, 181, 0.15);
   padding: 15px 10px;
   border-radius: 5px;
}
.dt_bank_trans_upl_rec a svg {
   width: 20px;
   height: 20px;
   margin-top: -3px;
}
.upload_bank_receipts > div {
   width: 100%;
   max-width: 200px;
   height: 185px;
   margin: auto;
   background-color: rgba(63, 81, 181, 0.15);
   border: 2px solid #a7b3f6;
   border-radius: 7px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   cursor: pointer;
   color: #3f51b5;
}
.bank_transfer_modal.up_rec_img_ready .upload_bank_receipts img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 7px;
}
.bank_transfer_modal.up_rec_img_ready .upload_bank_receipts svg,
.bank_transfer_modal.up_rec_img_ready .upload_bank_receipts p {
   display: none;
}

.track-disliked {
   background-color: #4e7390 !important;
   border: 1px solid #4e7390 !important;
   color: white !important;
}

/*Song Stats*/
.highcharts-background {
   fill: #222225 !important;
}
.highcharts-subtitle,
.highcharts-title {
   fill: #9e9e9e !important;
}
.highcharts-legend-item text {
   fill: #9e9e9e !important;
}
.stat_song_head {
   text-align: center;
   margin-bottom: 35px;
}
.stat_song_head h2 {
   font-weight: 400;
   margin-bottom: 13px;
}
.stat_song_head h2 a {
   color: white;
}
.stat_song_filtrs {
   display: inline-block;
   border: 2px solid #393939;
   border-radius: 4px;
   overflow: hidden;
}
.stat_song_filtrs a {
   color: #cdcdcd;
   padding: 6px 20px;
   transition: background 0.2s, color 0.2s;
   font-weight: 400;
   font-size: 13px;
   display: inline-block;
}
.stat_song_filtrs a:hover {
   background-color: #212121;
}
.stat_song_filtrs a.link_active {
   background: #393939;
   color: #ffffff;
}

/*Album*/
.btn_add_song_albm {
   margin-right: auto;
}
.btn_add_song_albm svg {
   margin: -6px 0 -3px;
}

/*Lyrics*/
.song_lyrics {
   margin-top: 20px;
}
.song_lyrics h3 {
   font-weight: 400;
   font-size: 17px;
}
.song_lyrics h3 svg {
   width: 18px;
   height: 18px;
}
.song_lyrics p {
   font-size: 14px;
   margin-bottom: 7px;
   word-wrap: break-word;
   overflow: hidden;
}
.song_lyrics a.hash {
   display: inline-flex;
   background-color: #393939;
   color: #e6e6e6 !important;
   align-items: center;
   padding: 0px 10px;
   font-size: 15px;
   border-radius: 5px;
   line-height: 34px;
}
.song_lyrics a.hash:hover {
   color: #fff !important;
}
.song_lyrics a.hash svg {
   width: 22px;
   height: 22px;
   margin: 0 5px 0 -5px;
}

/*Blogs*/
.blog_list_innr {
   border-radius: 10px;
   overflow: hidden;
   transition: all 0.2s;
   margin: 0;
   margin-bottom: 30px;
   padding: 0;
}
.blog_list_innr .avatar {
   width: 100%;
   height: 270px;
   object-fit: cover;
}
.blog_list_info {
   padding: 12px;
}
.blog_list_info > div {
   margin-bottom: 12px;
   color: #c1c1c1;
   font-size: 13px;
}
.blog_list_info > div .middot {
   margin: 0 9px;
}
.blog_list_info > div a {
   color: #c1c1c1;
}
.blog_list_info > h4 {
    margin: 0;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog_list_info > h4 a {
   color: #fff;
}
.blog_cats_box {
   margin: 15px -3px -8px;
}
.blog_cats_box .check_box {
   display: inline-block;
   margin: 0 3px 9px;
}
.blog_cats_box .check_box a {
   background-color: rgba(249, 144, 31, 0.25);
   color: var(--main-color);
   padding: 6px 10px;
   display: block;
   border-radius: 5px;
   font-size: 14px;
}
.blog_cats_box .check_box a.active {
   background-color: var(--main-color);
   color: #fff;
}

/*Read Blog*/
.ds_blog_catz {
   text-align: center !important;
}
.ds_blog_catz a {
   background-color: var(--main-color);
   display: inline-block;
   color: #fff;
   font-weight: 500;
   font-size: 13px;
   line-height: 23px;
   padding: 0 10px;
   border-radius: 2em;
}
.ds_read_blog_hdr {
   color: #c1c1c1;
   margin: 0 0 20px;
}
.ds_read_blog_hdr .ajax-time {
   font-size: 15px;
}
.ds_read_blog_hdr .middot {
   margin: 0 7px;
}
.ds_read_blog_hdr a {
   color: #c1c1c1;
}
.ds_read_blog > h2 {
   font-weight: 500;
   margin: 8px 0 15px;
   /*font-size: 37px;
   text-align: center !important;*/
}
.ds_read_blog > blockquote {
   margin: 0 0 20px;
   font-style: italic;
   border-left: 2.5px solid;
   padding-left: 10px;
}
.ds_read_blog_thumb {
   margin: 0 -15px;
   position: relative;
}
.ds_read_blog_thumb img {
   width: 100%;
   height: 500px;
   object-fit: cover;
}
.ds_read_blog_thumb .share_btn {
   position: absolute;
   top: 10px;
   right: 10px;
   display: flex;
   flex-direction: column;
   background-color: rgba(0, 0, 0, 0.8);
   padding: 6px 5px;
   border-radius: 2em;
}
.ds_read_blog_thumb .share_btn a {
   display: block;
   line-height: 1;
   margin: 3px 0;
}
.ds_read_blog > article {
   margin-top: 20px;
   font-size: 15px;
}
.ds_read_blog_tags {
   margin: 0 -5px 5px;
}
.ds_read_blog_tags li {
   margin: 0 5px;
   display: inline-block;
}
.ds_read_blog_tags li a {
   padding: 1px;
   font-size: 13px;
   display: block;
   border-bottom: 1px solid #fff;
   color: #fff;
}

/*Ads*/
.custom-select {
   color: #eeeeee;
   background: #3f3f3f url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23eee' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
   background-size: 8px 10px;
   border: 1px solid #393939;
}
.form-control {
   color: #eeeeee;
   background-color: #2f2f2f;
   border: 1px solid #313131;
}
.table td,
.table th {
   border-top: 1px solid #393939;
}
.table thead th {
   border-bottom: 1px solid #353535;
}
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
   padding: 50px 0px;
}
.page-link {
   padding: 6px 10px;
   color: #d6d6d6;
   background-color: #2d2d2d;
   border: 1px solid #464646;
   font-size: 14px;
}
.page-item.disabled .page-link {
   background-color: #212121;
   border-color: #2d2d2d;
}
.bootstrap-select button,
.bootstrap-select button span {
   border-color: rgba(89, 89, 89, 0.06) !important;
   background-color: #1c1c1c !important;
   box-shadow: none;
   color: #eee !important;
}
.bootstrap-select * {
   background: #171719 !important;
   color: #eee !important;
}
.ds_media_file {
   margin: 15px 0 25px;
}
.ds_media_file > input[type="file"] {
   opacity: 0;
   visibility: hidden;
   position: absolute;
}
.ds_media_file .btn-file {
   padding: 0;
   box-shadow: none;
   height: auto;
   border: 0;
   max-width: 100%;
}
.ds_media_file .btn-file span {
   margin-right: 9px;
   background-color: #393939;
   width: 100px;
   min-width: 100px;
   height: 100px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 5px;
   color: var(--main-color);
   vertical-align: middle;
}
.ds_media_file .btn-file span svg {
   margin: 0;
   width: 22px;
   height: 22px;
}
.ds_media_file .btn-file span img {
   object-fit: cover;
   height: 100%;
   width: 100%;
   border-radius: 5px;
}
.ds_media_file .btn-file b {
   font-weight: normal;
   overflow: hidden;
   text-overflow: ellipsis;
}

/*Import*/
.ds_import_sc {
   max-width: 800px;
   width: 100%;
   padding: 60px 15px;
}
.ds_import_sc > svg {
   width: 80px;
   height: 80px;
   margin: 0 10px 35px;
   border-radius: 50%;
}
.ds_import_sc > h3 {
   font-weight: 100;
}
.ds_import_sc .form-group {
   margin: 15px 0;
}
.ds_import_sc .form-group > input {
   border: 0;
   background-color: rgb(255 255 255 / 8%);
   border-radius: 2em;
   line-height: 46px;
   height: auto;
   padding: 0 20px;
   box-shadow: none;
   color: #f5f5f5;
}
.ds_import_sc .form-group > input:focus {
   box-shadow: 0 0 0 2px var(--main-color);
}
.ds_import_sc .form-group > input::placeholder {
   opacity: 0.5;
}
.ds_import_sc > p {
   font-size: 13px;
}
.ds_import_sc > .btn {
   margin-top: 25px;
}

/*Track Review Widget*/
.rating-stars ul {
   list-style-type: none;
   padding: 0;
   -moz-user-select: none;
   -webkit-user-select: none;
   text-align: initial;
}
.rating-stars ul > li.star {
   display: inline-block;
}
.rating-stars ul > li.star > svg {
   width: 30px;
   height: 30px;
   color: #6b6b6b;
}
.rating-stars ul > li.star.hover > svg {
   color: #ffcc36;
}
.rating-stars ul > li.star.selected > svg {
   color: var(--main-color);
}

/*Track Review*/
.ds_review_headlines {
   margin: 5px 0 10px;
}
.ds_review_headlines:empty {
   margin: 0;
}
.ds_review_headlines button {
   color: #fff;
   background: transparent;
   border: 0;
   cursor: pointer;
   padding: 0;
   position: relative;
   margin-right: 15px;
   border-bottom: 1px solid;
   line-height: 19px;
   font-size: 14px;
}
.ds_review_headlines a {
   color: #fff;
   border-bottom: 1px solid;
   font-size: 14px;
   line-height: 19px;
}
.ds_review_headlines button:after {
   content: ".";
   position: absolute;
   top: -4px;
   right: -13px;
}
.rat_avg_strs {
   margin-left: auto;
   font-size: 17px;
}
.rat_avg_strs svg {
   width: 20px;
   height: 20px;
   margin-top: -3px;
}
.ds_track_reviews_list {
   display: flex;
   border-top: 1px solid #2f2f2f;
   padding: 25px 0;
}
.ds_track_reviews_list:first-child {
   border: 0;
   padding-top: 10px;
}
.ds_track_reviews_list .avatar {
   width: 48px;
   min-width: 48px;
   height: 48px;
   margin-right: 10px;
}
.ds_track_reviews_list .avatar img {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   box-shadow: 0 1px 2px #8d8d8d;
   object-fit: cover;
}
.ds_track_reviews_list .info h3 {
   font-size: 15px;
   margin: 0;
}
.ds_track_reviews_list .info h3 a {
   color: white;
}
.ds_track_reviews_list .info time {
   font-size: 13px;
}
.ds_track_reviews_list .info .rat_strs {
   padding: 0 1px;
   margin: -2px 0 4px;
}
.ds_track_reviews_list .info .rat_strs svg {
   width: 19px;
   height: 19px;
   margin: 0 -1px;
}
.ds_track_reviews_list .info p {
   margin: 0;
}

/*Settings Toggle*/
.sett_page .st_content .toggle {
   position: relative;
   overflow: hidden;
   border-radius: 50%;
   width: 40px !important;
   height: 40px !important;
   min-width: 40px;
   min-height: 40px;
   border: 0;
   margin-right: 12px;
}
.sett_page .st_content .toggle-on {
   padding: 7px 0;
   background-color: #4caf50;
   color: white;
}
.sett_page .st_content .toggle-off {
   padding: 7px 0;
   background-color: #414141 !important;
}
.ds_not_sett_togs > div {
   margin: 15px 0;
   display: flex;
   align-items: center;
}
.ds_not_sett_togs > div > label {
   vertical-align: middle;
   margin: 0;
}

/*Sessions*/
.ds_sess_table thead th {
   border-top: 0;
}
.ds_sess_table tbody td {
   vertical-align: middle;
}
.ds_sess_table tbody td p {
   margin: 0;
}
.log_out_session {
   border: 0;
   background: transparent;
   color: red;
   padding: 2px;
}

/*Radio Station*/
.sq_track_slider.no-slider .ds_radio_stat_list {
   flex: 0 0 25%;
   width: 25%;
}
.ds_radio_stat_list .track {
   display: flex;
   align-items: center;
   background-color: #222225 !important;
   border-radius: 4px;
}
.ds_radio_stat_list .track .cover_art {
   position: relative;
   margin-right: 12px;
}
.ds_radio_stat_list .track .cover_art a {
   min-width: 120px;
   width: 120px;
}
.ds_radio_stat_list .track .cover_art .btn {
   position: absolute;
   top: 10px;
   left: 10px;
   padding: 5px;
   border: 0;
   line-height: 1;
   border-radius: 50%;
}
.ds_radio_stat_list .track .track_info {
   max-width: calc(100% - 140px);
}
.spectrograph_prnt {
   width: 100%;
   max-width: 900px;
   margin: auto;
   display: flex;
}
.spectrograph {
   color: var(--main-color);
   display: inline-flex;
   justify-content: center;
   flex: 1 100%;
   height: 100px;
   overflow: hidden;
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='spectrograph' x='0' y='0' width='6px' height='4px' patternUnits='userSpaceOnUse'%3E%3Crect x='0' y='2px' width='6px' height='2px' fill='%23000'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23spectrograph)'%3E%3C/rect%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='spectrograph' x='0' y='0' width='6px' height='4px' patternUnits='userSpaceOnUse'%3E%3Crect x='0' y='2px' width='6px' height='2px' fill='%23000'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23spectrograph)'%3E%3C/rect%3E%3C/svg%3E");
}
.spectrograph__bar {
   margin: 0 3px 0 0;
   flex: 0 0 11px;
   height: 100%;
   background: currentColor;
   -webkit-transform: translateY(100%);
   transform: translateY(100%);
   -webkit-transform-origin: center bottom;
   transform-origin: center bottom;
   -webkit-animation: animation 1.5s steps(5, start) infinite alternate;
   animation: animation 1.5s steps(5, start) infinite alternate;
   will-change: transform;
}
.spectrograph__bar:nth-child(1) {
   -webkit-animation-name: animation2;
   animation-name: animation2;
   -webkit-animation-delay: 50ms;
   animation-delay: 50ms;
   -webkit-animation-duration: 1700ms;
   animation-duration: 1700ms;
}
.spectrograph__bar:nth-child(2) {
   -webkit-animation-name: animation3;
   animation-name: animation3;
   -webkit-animation-delay: 100ms;
   animation-delay: 100ms;
   -webkit-animation-duration: 1600ms;
   animation-duration: 1600ms;
}
.spectrograph__bar:nth-child(3) {
   -webkit-animation-name: animation3;
   animation-name: animation3;
   -webkit-animation-delay: 150ms;
   animation-delay: 150ms;
   -webkit-animation-duration: 1800ms;
   animation-duration: 1800ms;
}
.spectrograph__bar:nth-child(4) {
   -webkit-animation-name: animation3;
   animation-name: animation3;
   -webkit-animation-delay: 200ms;
   animation-delay: 200ms;
   -webkit-animation-duration: 1800ms;
   animation-duration: 1800ms;
}
.spectrograph__bar:nth-child(5) {
   -webkit-animation-name: animation1;
   animation-name: animation1;
   -webkit-animation-delay: 250ms;
   animation-delay: 250ms;
   -webkit-animation-duration: 1700ms;
   animation-duration: 1700ms;
}
.spectrograph__bar:nth-child(6) {
   -webkit-animation-name: animation3;
   animation-name: animation3;
   -webkit-animation-delay: 300ms;
   animation-delay: 300ms;
   -webkit-animation-duration: 1800ms;
   animation-duration: 1800ms;
}
.spectrograph__bar:nth-child(7) {
   -webkit-animation-name: animation1;
   animation-name: animation1;
   -webkit-animation-delay: 350ms;
   animation-delay: 350ms;
   -webkit-animation-duration: 1700ms;
   animation-duration: 1700ms;
}
.spectrograph__bar:nth-child(8) {
   -webkit-animation-name: animation1;
   animation-name: animation1;
   -webkit-animation-delay: 400ms;
   animation-delay: 400ms;
   -webkit-animation-duration: 1800ms;
   animation-duration: 1800ms;
}
.spectrograph__bar:nth-child(9) {
   -webkit-animation-name: animation1;
   animation-name: animation1;
   -webkit-animation-delay: 450ms;
   animation-delay: 450ms;
   -webkit-animation-duration: 1700ms;
   animation-duration: 1700ms;
}
.spectrograph__bar:nth-child(10) {
   -webkit-animation-name: animation3;
   animation-name: animation3;
   -webkit-animation-delay: 500ms;
   animation-delay: 500ms;
   -webkit-animation-duration: 1800ms;
   animation-duration: 1800ms;
}
.spectrograph__bar:nth-child(11) {
   -webkit-animation-name: animation3;
   animation-name: animation3;
   -webkit-animation-delay: 550ms;
   animation-delay: 550ms;
   -webkit-animation-duration: 1800ms;
   animation-duration: 1800ms;
}
.spectrograph__bar:nth-child(12) {
   -webkit-animation-name: animation1;
   animation-name: animation1;
   -webkit-animation-delay: 600ms;
   animation-delay: 600ms;
   -webkit-animation-duration: 1600ms;
   animation-duration: 1600ms;
}
.spectrograph__bar:nth-child(13) {
   -webkit-animation-name: animation3;
   animation-name: animation3;
   -webkit-animation-delay: 650ms;
   animation-delay: 650ms;
   -webkit-animation-duration: 1600ms;
   animation-duration: 1600ms;
}
.spectrograph__bar:nth-child(14) {
   -webkit-animation-name: animation2;
   animation-name: animation2;
   -webkit-animation-delay: 700ms;
   animation-delay: 700ms;
   -webkit-animation-duration: 1600ms;
   animation-duration: 1600ms;
}
.spectrograph__bar:nth-child(15) {
   -webkit-animation-name: animation1;
   animation-name: animation1;
   -webkit-animation-delay: 750ms;
   animation-delay: 750ms;
   -webkit-animation-duration: 1700ms;
   animation-duration: 1700ms;
}
.spectrograph__bar:nth-child(16) {
   -webkit-animation-name: animation3;
   animation-name: animation3;
   -webkit-animation-delay: 800ms;
   animation-delay: 800ms;
   -webkit-animation-duration: 1800ms;
   animation-duration: 1800ms;
}
.spectrograph__bar:nth-child(17) {
   -webkit-animation-name: animation2;
   animation-name: animation2;
   -webkit-animation-delay: 850ms;
   animation-delay: 850ms;
   -webkit-animation-duration: 1800ms;
   animation-duration: 1800ms;
}
.spectrograph__bar:nth-child(18) {
   -webkit-animation-name: animation1;
   animation-name: animation1;
   -webkit-animation-delay: 900ms;
   animation-delay: 900ms;
   -webkit-animation-duration: 1700ms;
   animation-duration: 1700ms;
}
.spectrograph__bar:nth-child(19) {
   -webkit-animation-name: animation1;
   animation-name: animation1;
   -webkit-animation-delay: 950ms;
   animation-delay: 950ms;
   -webkit-animation-duration: 1700ms;
   animation-duration: 1700ms;
}
.spectrograph__bar:nth-child(20) {
   -webkit-animation-name: animation1;
   animation-name: animation1;
   -webkit-animation-delay: 1000ms;
   animation-delay: 1000ms;
   -webkit-animation-duration: 1700ms;
   animation-duration: 1700ms;
}
.spectrograph__bar:last-child {
   margin: 0;
}
@-webkit-keyframes animation1 {
   0%,
   5% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
   }
   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
}

@keyframes animation1 {
   0%,
   5% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
   }
   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
}
@-webkit-keyframes animation2 {
   0%,
   66% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
   }
   33%,
   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
}
@keyframes animation2 {
   0%,
   66% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
   }
   33%,
   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
}
@-webkit-keyframes animation3 {
   33%,
   66% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
   }
   0%,
   45%,
   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
}
@keyframes animation3 {
   33%,
   66% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
   }
   0%,
   45%,
   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
}
.ds_radio_main {
   padding: 50px 15px;
}
.ds_radio_main .ss_image_prnt {
   position: relative;
   width: 250px;
   height: 250px;
   margin: 0 auto 20px;
}
.ds_radio_main .ss_image {
   width: 250px;
   height: 250px;
   background-position: center;
   background-size: cover;
   border-radius: 5px;
   box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
}
.ds_radio_main .ss_track_play_pause {
   position: absolute;
   left: 0;
   right: 0;
   text-align: center;
   width: 100%;
   height: 120px;
   bottom: 0;
   border-radius: 0 0 5px 5px;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}
.ds_radio_main .ss_track_play_pause > div {
   cursor: pointer;
   border-radius: 50%;
   width: 70px;
   height: 70px;
   position: absolute;
   bottom: 10px;
   left: 50%;
   transform: translateX(-50%);
}
.ds_radio_main .ss_track_play_pause .pause_btn {
   opacity: 0;
   visibility: hidden;
}
body.player_running .ds_radio_main .ss_track_play_pause .pause_btn {
   opacity: 1;
   visibility: visible;
}
body.player_running .ds_radio_main .ss_track_play_pause .play_btn {
   opacity: 0;
   visibility: hidden;
}
.ds_radio_main h2 {
   font-size: 35px;
   font-family: "Muli", sans-serif;
   color: #fff;
}
.ds_radio_main .ss_auth_info {
   margin-bottom: 70px;
}
.ds_radio_main .ss_auth_info span {
   display: inline-block;
   font-size: 14px;
}
.ds_radio_main .ss_auth_info a {
   color: #d2d2d2;
}
.ds_radio_main .ss_auth_info img {
   border-radius: 50%;
   object-fit: cover;
   margin: -2px 3px 0 0;
}
.ds_radio_main .ss_auth_info .middot {
   margin: 0 10px;
}
.ds_usr_profile_stat_btn {
   margin-left: auto;
}
.ds_usr_profile_stat_btn .btn {
   color: #fff;
   background: #2c2c2f;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
   display: inline-block;
   height: 31px;
   line-height: 31px;
   font-size: 14px;
   border-radius: 2em;
   padding: 0 20px;
   border: 0;
}
.ds_usr_profile_stations .sq_track_slider.no-slider .ds_radio_stat_list {
   flex: 0 0 50%;
   width: 50%;
}
.ds_add_radio_usr > div {
   display: flex;
   align-items: center;
}
.ds_add_radio_usr > div .btn {
   margin-left: 15px;
   text-transform: capitalize;
   font-weight: normal;
}
.ds_usr_profile_stations .ds_add_radio_addstat {
   margin-top: 30px;
}
.ds_add_radio_addstat:empty {
   margin-top: 0;
}
.ds_add_radio_addstat .track_info .btn {
   border: 0;
   padding: 0px 16px;
   line-height: 30px;
   min-width: 80px;
   margin-top: 10px;
}

/*Ads*/
.ds_ads_table td {
   vertical-align: middle;
}
.ds_ads_action {
   display: inline-block;
}
.ds_ads_action a {
   color: #b9b9b9;
   display: block;
   margin: 0 1px;
}
.ds_ads_action a svg {
   width: 18px;
   height: 18px;
}
.ds_create_edit_ads_cont.upload_music {
   overflow: visible;
}

/*Toggle Switch*/
.ds_toggle_switch > label {
   vertical-align: middle;
   margin: 0;
}
.ds_toggle_switch .toggle.btn {
   position: relative;
   overflow: hidden;
   border-radius: 50%;
   width: 25px !important;
   height: 25px !important;
   min-width: 25px;
   min-height: 25px;
   border: 0;
}
.ds_toggle_switch .toggle.btn .toggle-on {
   padding: 0;
   background-color: #4caf50;
   color: white;
}
.ds_toggle_switch .toggle.btn .toggle-off {
   padding: 0;
   background-color: #414141 !important;
}
.ds_toggle_switch .toggle.btn .toggle-on svg,
.ds_toggle_switch .toggle.btn .toggle-off svg {
   width: 18px;
   height: 18px;
}

/*Profile*/
.ds_prof_admn_btns {
   margin-bottom: 20px;
}

/*Sweet Modals*/
.swal2-modal {
   background: #222225 !important;
   font-family: "Roboto", sans-serif !important;
}
.swal2-modal .swal2-content,
.swal2-modal .swal2-title {
   text-align: initial !important;
   color: #dadada !important;
}
.swal2-modal .swal2-content .modal-title {
   margin: -15px 0 20px;
}
.swal2-modal .swal2-content .mat_input label {
   font-size: 15px;
}
.swal2-modal button.btn {
   text-transform: capitalize;
}
.swal2-modal .swal2-buttonswrapper {
   text-align: right;
}
.swal2-modal .swal2-title {
   font-weight: 500 !important;
   font-size: 26px !important;
}
.swal2-icon {
   transform: scale(0.5);
   margin: -20px -20px 0 !important;
}

/*Ad Stats*/
.ds_ads_stats {
   padding: 30px 10px;
   text-align: center;
   margin-bottom: 30px;
   border-radius: 7px;
   border: 1px solid rgba(255, 255, 255, 0.15);
}
.ds_ads_stats svg {
   display: block;
   margin: 0 auto 10px;
   width: 45px;
   height: 45px;
}
.ds_ads_stats b {
   font-size: 36px;
   font-weight: 500;
}
.ds_ads_stats p {
   margin: 0;
   opacity: 0.6;
}

/*Sidebar Ads*/
.ds_side_adss {
   display: block;
   color: #eee;
   border: 1px solid rgb(255 255 255 / 20%);
   padding: 10px;
   border-radius: 10px;
}
.ds_side_adss:hover {
   color: #fff;
}
.ds_side_adss > div {
   position: relative;
}
.ds_side_adss > div img {
   width: 100%;
   height: 160px;
   object-fit: cover;
   border-radius: 10px;
}
.ds_side_adss .foot {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-top: 10px;
}
.ds_side_adss h3 {
   margin: 0;
   font-size: 16px;
}
.ds_side_adss span {
   font-size: 13px;
}
.ds_side_adss p {
   font-size: 13px;
   margin: 0;
   display: none;
}
.ds_side_adss .foot .btn {
   border: 0;
   background-color: #5f5f5f;
   color: #ffff;
   border-radius: 50%;
   padding: 0;
   width: 42px;
   height: 42px;
}

/*Affiliate*/
.ds_aff_usr_head {
   position: relative;
   margin: 0 0 30px;
}
.ds_aff_usr_head > div {
   width: 100%;
   max-width: 400px;
}
.ds_aff_usr_head > div h1 {
   color: white;
}
.ds_aff_usr_head > div h4 {
   color: rgba(255, 255, 255, 0.7);
   font-weight: 400;
}
.ds_aff_usr_head > img {
   position: absolute;
   right: 40px;
   width: 200px;
   top: 50%;
   transform: translateY(-50%);
}
.ds_aff_usr_body {
   background-color: rgba(255, 255, 255, 0.07);
   border-radius: 7px;
   padding: 25px;
   margin-bottom: 20px;
}
.ds_aff_usr_body h4 {
   font-size: 16px;
}
.ds_aff_usr_body input {
   padding: 10px;
   font-size: 15px;
   border-radius: 7px;
   background: transparent;
   border: 1px solid rgba(255, 255, 255, 0.2);
   color: white;
}
.ds_aff_divider {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   margin: 30px 0;
}
.ds_aff_divider:before,
.ds_aff_divider:after {
   content: "";
   height: 1px;
   background: rgba(255, 255, 255, 0.1);
   flex-grow: 1;
}
.ds_aff_divider:before {
   margin-right: 15px;
}
.ds_aff_divider:after {
   margin-left: 15px;
}
.ds_aff_usr_social {
   flex-wrap: wrap;
   display: flex;
   align-items: center;
   justify-content: space-around;
}
.ds_aff_usr_social .social-btn {
   border: 1px solid rgba(255, 255, 255, 0.2);
   font-size: 15px;
   border-radius: 7px;
}
.ds_aff_usr_social .social-btn a {
   display: block;
   padding: 10px;
   color: #e0e0e0;
   text-align: center;
   min-width: 150px;
}
.ds_aff_usr_social .social-btn svg {
   display: block;
   margin: 0 auto 8px;
   width: 35px;
   height: 35px;
}

/*Audio Ad*/
.base-timer {
   position: relative;
   width: 100px;
   height: 100px;
   padding: 7px;
}
.base-timer__svg {
   transform: scaleX(-1);
}
.base-timer__circle {
   fill: none;
   stroke: none;
}
.base-timer__path-elapsed {
   stroke-width: 5px;
   stroke: rgba(255, 255, 255, 0.3);
}
.base-timer__path-remaining {
   stroke-width: 5px;
   stroke-linecap: round;
   transform: rotate(90deg);
   transform-origin: center;
   fill-rule: nonzero;
   stroke: currentColor;
   color: var(--main-color);
   transition: all 0.5s linear;
}
.base-timer__label {
   position: absolute;
   width: 100px;
   height: 100px;
   top: 0;
   left: 0;
   display: flex;
   justify-content: center;
   font-size: 25px;
   padding: 7px;
   line-height: 75px;
}
.base-timer__label + p {
   position: absolute;
   bottom: 27px;
   font-size: 11px;
   left: 50%;
   transform: translateX(-50%);
   margin: 0;
}

.swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="left"],
.swal2-icon.swal2-success .swal2-success-fix,
.swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="right"] {
   background: #222225 !important;
}

/*Buy Stores Btn*/
.ds_buy_stores_btn {
   padding: 15px 0;
}
.ds_buy_stores_btn img {
   max-width: 130px;
}

/*Replies*/
.ds_comm_reply_cont {
   display: none;
   margin-left: 50px;
}
.small-waves .comment_list .ds_comm_reply_cont {
   margin-left: 35px;
}
.small-waves .comment_list .ds_comm_reply_cont .write_comment img {
   width: 25px;
   height: 25px;
}
.small-waves .comment_list .ds_comm_reply_cont .write_comment textarea {
   padding: 9px 5px 5px 45px;
   height: 40px;
   min-height: 40px;
   line-height: 1.42857143;
   font-size: 14px;
}

/*Create Blog*/
.fak_image {
   padding-bottom: 300px;
   margin-bottom: 20px;
   height: 0;
   border: 0;
   border-radius: 10px;
   box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
   background: #333333;
   position: relative;
   width: 100%;
   cursor: pointer;
   overflow: hidden;
}
.fak_image > div {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.fak_image .upload_fk_image {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}
.fak_image .upload_fk_image .upload_fk_image_content {
   background-color: rgba(0, 0, 0, 0.38);
   color: white;
   padding: 10px 15px;
   border-radius: 3px;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
   cursor: pointer;
}
.ds_who_blog_authr {
   width: 27px;
   height: 27px;
   margin: -5px 0 0;
   border-radius: 50%;
}

/*Points*/
.ds_point_sys {
   padding: 0 0 0 120px;
   margin: 0 0 50px;
   position: relative;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.ds_point_sys > img {
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}
.ds_point_sys > h2 {
   font-weight: 400;
   font-size: 32px;
   margin: 0 0 20px;
}
.ds_point_sys > h2 span {
   margin: 0px 15px;
   font-size: 12px;
   letter-spacing: 2px;
   color: #ffc108;
}
.ds_point_sys_innr {
   display: -webkit-box;
   display: -webkit-inline-flex;
   display: -ms-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   background: rgb(255 193 7 / 0.15);
   color: #ffc107;
   border-radius: 10px;
   padding: 5px 30px 10px;
   line-height: normal;
}
.ds_point_sys_innr b {
   font-weight: 400;
   font-size: 75px;
   margin: 0 12px 0 0;
}
.ds_point_sys_innr div {
   font-weight: 500;
   font-size: 19px;
}
.ds_point_sys_innr.wallet {
   margin-left: 15px;
   background: rgb(76 175 80 / 0.15);
   color: #4caf50;
}
.ps_ul .content {
   margin: 0 0 30px;
   text-align: center !important;
   font-size: 14px;
   padding: 50px 5px;
}
.ps_points {
   border-radius: 50%;
   background-color: rgba(0, 0, 0, 0.1);
   color: var(--main-color);
   margin: 0 auto 30px;
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center !important;
   display: block;
   position: relative;
}
.ps_points > span {
   border-radius: 50%;
   background-color: var(--main-color);
   color: #fff;
   font-weight: 500;
   width: 28px;
   height: 28px;
   line-height: 28px;
   text-align: center !important;
   display: block;
   position: absolute;
   bottom: -12px;
   right: -12px;
   font-size: 13px;
}

/*Tag Artists*/
.group_chat_mbr_list_prnt {
   position: relative;
   width: 100%;
}
.group_chat_mbr_list {
   width: 100%;
   max-height: 200px;
   overflow-x: auto;
   position: absolute;
   background: #2b2b2b;
   z-index: 9;
   box-shadow: 0 2px 8px rgb(0 0 0 / 25%);
   border-radius: 0 0 4px 4px;
}
.group_chat_mbr_part {
   border-bottom: 1px solid #585858;
   width: 100%;
   padding: 10px;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   cursor: pointer;
}
.group_chat_mbr_part .avatar {
   width: 37px;
   min-width: 37px;
   height: 37px;
   margin-right: 10px;
}
.group_chat_mbr_part .avatar img {
   width: 100%;
   height: 100%;
   border-radius: 50%;
}
.group_chat_mbr_part .user-name {
   font-weight: 500;
   font-size: 15px;
   text-transform: capitalize;
}

/*Hall of Fame*/
.ds_hall_art {
   position: relative;
   margin: 50px 0 30px;
   text-align: center;
   border-radius: 10px;
}
.ds_hall_art_prnt .no-track-found {
   margin: 0 15px;
}
.ds_hall_art_prnt .col-lg-3:first-child .ds_hall_art {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23f98f1d' d='M5 16L3 5L8.5 10L12 4L15.5 10L21 5L19 16H5M19 19C19 19.6 18.6 20 18 20H6C5.4 20 5 19.6 5 19V18H19V19Z' /%3e%3c/svg%3e");
   background-position: top 5px right 5px;
   background-repeat: no-repeat;
   background-size: 20px;
}
.ds_hall_art .cover_art {
   width: 100px;
   height: 100px;
   margin: -60px auto 0;
}
.ds_hall_art .cover_art img {
   width: 100%;
   height: 100%;
   border-radius: 50%;
}
.ds_hall_art .track_info {
   margin-top: 15px;
}
.ds_hall_art .track_info a {
   color: #fff;
   font-weight: 500;
   display: block;
   font-size: 19px;
}
.ds_hall_art .track_info p {
   margin: -2px 0 10px;
   font-size: 14px;
}
.ds_hall_art .artist {
   flex: 0 0 auto;
}

/*My Info*/
.select_radio_btn > h4 {
   font-size: 16px;
   margin-bottom: 40px;
}
.select_radio_btn .select_radio_btn_innr {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   margin: 0 -12px;
}
.select_radio_btn label {
   width: 50%;
   margin: 0;
   padding: 0 12px;
   margin-bottom: 24px;
}
.select_radio_btn label > input {
   opacity: 0;
   width: 0;
   height: 0;
   display: none;
}
.select_radio_btn .sr_btn_lab_innr {
   width: 100%;
   border-radius: 6px;
   position: relative;
   background-color: rgb(255 255 255 / 6%);
   box-shadow: 0 0 0 1px rgb(255 255 255 / 10%);
   cursor: pointer;
   transition: all 0.2s ease;
   padding: 20px;
   display: flex;
   align-items: center;
}
.select_radio_btn.small_rbtn .sr_btn_img {
   margin: 0 15px 0 0;
   filter: grayscale(1);
   transition: all 0.2s;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background-color: rgb(255 255 255 / 15%);
   border-radius: 50%;
   height: 60px;
   width: 60px;
   opacity: 0.7;
}
.select_radio_btn .sr_btn_lab_innr > span {
   font-weight: 500;
   font-size: 15px;
   display: block;
   text-transform: capitalize;
}
.select_radio_btn.small_rbtn .sr_btn_img svg {
   width: 34px;
   height: 34px;
}
.select_radio_btn .sr_btn_lab_innr:hover {
   box-shadow: 0px 0px 0px 2px var(--main-color);
}
.select_radio_btn label > input:checked ~ .sr_btn_lab_innr {
   box-shadow: 0 0 0 1px var(--main-color);
   background: var(--main-color);
   color: #fff;
}
.select_radio_btn label > input:checked ~ .sr_btn_lab_innr .sr_btn_img {
   filter: grayscale(0);
   opacity: 1;
   background-color: rgb(255 255 255 / 25%);
   color: white;
}
.ready_to_down_info {
   display: none;
   text-align: center;
   margin: 40px 0;
   padding: 0 20px;
}
.ready_to_down_info svg {
   width: 110px;
   height: 110px;
   margin-bottom: 20px;
}
.ready_to_down_info p {
   font-weight: 600;
   font-family: "Lato", sans-serif;
   margin-bottom: 35px;
}
.ready_to_down_info .btn {
   box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}

/*Tagged Artist*/
.ds_song_tagged {
   display: inline-flex;
   align-items: center;
   background: rgb(255 255 255 / 15%);
   border-radius: 20px;
   padding: 5px 13px;
   margin: 0 5px 12px;
   flex-wrap: wrap;
}
.ds_song_tagged .ss_short_info {
   display: inline-flex;
   color: #d4d4d4;
   font-size: 15px;
   align-items: center;
   word-spacing: 2px;
   letter-spacing: 0.5px;
}
.ds_song_tagged .ss_short_info:first-child .mid-dot {
   display: none;
}
.ds_song_tagged .ss_short_info img {
   width: 30px;
   min-width: 30px;
   height: 30px;
   object-fit: cover;
   border-radius: 50%;
   margin-right: 10px;
}
.ds_song_tagged .ss_short_info .ss_short_info_innr {
   margin: 0;
   display: inline-block;
}
.ds_song_tagged .ss_short_info .ss_short_info_innr .aut_nam {
   display: block;
}
.ds_song_tagged .mid-dot {
   margin: 0 6px;
   font-size: 13px;
   line-height: 1.1;
   font-weight: 700;
}

/*Events*/
.short_start_dt {
   background-color: white;
   min-width: 45px;
   text-align: center;
   border-radius: 5px;
   padding: 5px 7px 3px;
   position: absolute;
   display: inline-block;
   left: 15px;
   bottom: 15px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.short_start_dt p {
   display: block;
   color: #e91e63;
   font-weight: 500;
   margin: 0;
}
.short_start_dt b {
   margin: 0;
   font-size: 22px;
   font-weight: 500;
   line-height: 1;
   color: #222;
}
.short_event_btns {
   width: 100%;
   bottom: 0;
   left: 0;
   right: 0;
   background: linear-gradient(320deg, rgb(0 0 0 / 45%), transparent);
}
.events-list-wrapper {
   margin-bottom: 30px;
}
.events-list-cover {
   overflow: hidden;
   position: relative;
   background: #222225;
/*   box-shadow: 0 1px 3px rgb(0 0 0 / 10%);*/
   border-radius: 10px;
}
.events-list-cover .event_cover {
   display: block;
   position: relative;
   padding-bottom: 56.25%;
}
.events-list-cover img.events-list-cover-img {
   position: absolute;
/*   width: 100%;*/
   bottom: 0;
   left: 0;
   right: 0;
   top: 0;
   height: 100%;
   object-fit: cover;
}
.event-l-info {
   padding: 15px;
}
.events-list-name {
   font-size: 16px;
   overflow: hidden;
   margin: 0 0 4px;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.events-list-name a {
   text-decoration: none;
   color: #f5f5f5;
}
.event-l-btns {
   margin: 9px 5px;
}
.event-l-btns > span {
   display: inline-block;
   padding: 0 7px;
}
.event-l-btns .btn {
   width: 100%;
}
.event_profile .artist_header .artist_cover {
   padding-bottom: 30%;
}
.event_profile .artist_header .artist_cover .profileBox_gradient {
   top: 50%;
}
.event_profile .artist_user_info {
   margin: -100px 0 0;
   padding: 20px;
   border-radius: 10px;
}
.event_profile .artist_user_info .short_start_dt {
   top: auto;
   right: auto;
   left: auto;
   bottom: auto;
   margin-right: 20px;
   box-shadow: 0 0 0 1px #eee, 0 2px 8px rgb(0 0 0 / 15%);
}
.event_profile .artist_user_info .info_container h4 {
   /*font-family: var(--font-family-sans-serif);*/
   font-weight: 500;
   color: #f5f5f5;
   font-size: 18px;
   margin: 0;
}
.event_profile .event-time {
   color: #e91e63;
   font-weight: 500;
   font-size: 17px;
}
.event_profile .event-time b {
   font-weight: normal;
   color: #dcdcdc;
   vertical-align: text-bottom;
   font-size: 14px;
   display: inline-block;
}
.event_cdown {
   padding: 0;
   margin: 0 -5px;
   font-family: "Roboto", sans-serif;
}
.event_cdown li {
   display: inline-block;
   font-size: 12px;
   list-style-type: none;
   padding: 0 5px;
   text-transform: capitalize;
   text-align: center;
}
.event_cdown li span {
   font-size: 19px;
   margin: 0 auto 6px;
   position: relative;
   height: 50px;
   width: 50px;
   color: #f7f7f7;
   display: flex;
   justify-content: center;
   font-weight: 500;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23444' d='M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1' /%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-size: 50px;
   line-height: 55px;
}
.event_cdown {
   margin-bottom: 15px;
}
.event_cdown:empty {
   margin: 0;
}
.event_cdown li:last-child {
   display: inline-block;
}
/*.view_event_btns.ap_options .btn {
   margin: 0;
   height: 39px;
   font-size: 14px;
   border-radius: 12px;
   box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
   line-height: 22px;
}*/

/*Related To Song*/
.related_to_song {
   background: rgb(235 91 140 / 20%);
   color: #eb5b8c;
   border-radius: 10px;
   margin: 25px 0 0;
   padding: 10px 10px 10px 50px;
   position: relative;
   cursor: pointer;
}
.related_to_song svg {
   position: absolute;
   left: 10px;
   top: 10px;
   width: 30px;
   height: 30px;
}
.related_to_song b {
   font-weight: 500;
   text-transform: uppercase;
   font-size: 13px;
   color: #f5f5f5;
}
.related_to_song p {
   margin: 0;
}

/*Related Products*/
.related_prods {
   margin-top: 20px;
}
.related_prods img {
   min-height: 90px;
}
.related_prods h6 {
   color: #f5f5f5;
   margin-bottom: 5px;
}
.related_prods p.product_v_price {
   color: var(--main-color);
   font-size: 16px;
}

/*Store Tabs*/
.store_tabs.ma_tabs ul li a {
   margin: 2px 10px 22px;
   border: 0;
   border-radius: 12px;
   padding: 13px 20px;
   box-shadow: 0 0 0 1px #444444;
   text-transform: none;
}
.store_tabs.ma_tabs ul li a.btn-primary {
   color: #fff;
}
.store_tabs.ma_tabs ul li a:not(.btn-primary) svg {
   width: 33px;
   height: 33px;
   margin: 0 auto 10px;
   display: block;
   border-radius: 50%;
   padding: 5px;
}
.store_tabs.ma_tabs ul li a.btn-primary svg {
   width: 18px;
   height: auto;
   margin: -3px 0;
}
.store_tabs.ma_tabs ul li.active a {
   background: rgb(255 255 255 / 7%);
}
.store_tabs.ma_tabs ul li.active a svg {
   background: var(--main-color);
   color: #ffffff;
}

/*Store Products*/
.store_products .store_products_hdr {
   padding-bottom: 90%;
}
.store_products-info {
   position: relative;
   padding: 15px 10px 70px;
}
/*.store_products-info.more {
   min-height: 186px;
}*/
.store_products-info > p > svg {
   width: 18px;
   height: 18px;
}
.store_products-name {
   font-size: 16px;
   overflow: hidden;
   white-space: nowrap;
    text-overflow: ellipsis;
}
.store_products-name a {
   color: #fdfdfd; 
}
.store_products-price {
   font-weight: 500;
   font-size: 17px;
   display: block;
}
.store_products-cat {
   position: absolute;
   z-index: 9;
   bottom: 8px;
   left: 8px;
   color: white;
   background-color: rgba(0, 0, 0, 0.8);
   padding: 3px 8px;
   border-radius: 2em;
   font-weight: 500;
   margin: 0;
   font-size: 12px;
}
.store_products-star.stars {
   justify-content: center;
}
.store_products-star.stars .star {
   width: 16px;
   height: 16px;
}
.store_products-btns {
   position: absolute;
   bottom: 12px;
   left: 10px;
   right: 10px;
}
.user_feed_products {
   box-shadow: none !important;
   background: transparent !important;
}
.user_feed_products .store_products-info {
   min-height: auto;
}

/*Banner Header*/
.banner_header {
   padding: 40px;
   position: relative;
   overflow: hidden;
   margin: 0 0 30px;
   background-color: darkslategray;
   border-radius: 10px;
   background-image: url(../img/bg.png);
   background-blend-mode: exclusion;
   background-position: center;
   background-size: 160px;
}
.circle-1 {
   position: absolute;
   top: -315px;
   right: 0;
   width: 600px;
   height: 400px;
   background: rgb(255 255 255 / 2%);
   border-radius: 50%;
}
.circle-2 {
   position: absolute;
   bottom: -55px;
   left: -90px;
   width: 250px;
   height: 250px;
   background: rgb(255 255 255 / 3%);
   border-radius: 50%;
}
.banner_header svg {
   color: white;
   background-color: rgb(255 255 255 / 10%);
   width: 55px;
   height: 55px;
   border-radius: 50%;
   padding: 12px;
   display: block;
   margin: 0 auto 10px;
}
.banner_header h3 {
   color: #fff;
   /*font-family: var(--font-family-sans-serif);*/
   font-size: 38px;
   font-weight: 300;
   margin: 0;
}
.banner_header .btn.btn-light {
   background: #fff;
   line-height: 38px;
   padding: 0 18px;
   border-radius: 2em;
   margin: 25px 0 0;
   color: darkslategray;
}
.banner_header .sec_header {
   margin: 25px 0 0;
   display: block;
}
.banner_header .sec_header .btn {
   background-color: rgb(0 0 0 / 60%);
   border-color: rgb(255 255 255 / 30%);
}
.banner_header.wallet {
   background-image: url(../img/wallet.svg);
   background-size: cover;
   background-color: #523a1b;
   background-blend-mode: color-dodge;
}
.banner_header.wallet h3 {
   color: #e1e1e1;
   font-family: "Roboto", sans-serif;
   font-weight: 500;
   text-transform: uppercase;
   font-size: 14px !important;
}
.banner_header.wallet h1 {
   /*font-family: var(--font-family-sans-serif);*/
   font-size: 60px;
   font-weight: 400;
   margin: 0;
   word-break: break-all;
}
.banner_header.wallet h1 sup {
   font-size: 60%;
}
.banner_header.wallet .btn.btn-primary {
   background-color: var(--main-color);
   color: #fff;
   border-radius: 12px;
   line-height: 46px;
   margin: 0;
}
.banner_header.album {
   background-color: cadetblue;
   background-blend-mode: normal;
}
.banner_header.spotlight {
   background-color: lightslategray;
   background-blend-mode: normal;
}
.banner_header.dashboard {
   margin-top: -45px;
   border-radius: 0;
   background-color: antiquewhite;
}
.banner_header.dashboard .circle-1 {
   background: rgb(0 0 0 / 2%);
}
.banner_header.dashboard .circle-2 {
   background: rgb(0 0 0 / 3%);
}
.banner_header.dashboard svg {
   color: var(--main-color);
   background-color: rgb(249 143 29 / 30%);
}
.banner_header.dashboard h3 {
   color: var(--main-color);
   font-weight: 400;
}

/*Youtube Video Player*/
.player-video-preview {
   background-color: #000;
   width: 400px;
   height: 225px;
   position: absolute;
   right: 0;
   bottom: 61px;
   display: none;
   z-index: 10000;
}
.player_exit {
   position: absolute;
   top: 12px;
   left: 12px;
   z-index: 999999;
   cursor: pointer;
   color: #fff;
   background: black;
   border-radius: 50%;
   width: 40px;
   height: 40px;
   text-align: center;
   line-height: 37px;
}

/*Header Menu*/ 
.dropdown-menu {
   color: #e3e3e3;
}
.header-create-menu {
   min-width: 290px;
   padding: 12px 7px;
}
.header-create-menu a {
   text-align: center;
   color: #f5f5f5;
   font-weight: 500;
   font-size: 13px;
   display: block;
   box-shadow: 0 0 0 1px #464646;
   border-radius: 6px;
   padding: 10px 3px;
   transition: all 0.2s;
}
.header-create-menu a:hover {
   background-color: rgb(255 255 255 / 9%);
}
.header-create-menu a i {
   display: block;
   margin: 6px auto 10px;
}

.header-create-menu i {
   font-size: 20px;
}

/*Create Products*/
.ds_create_edit_prods .mat_input {
   margin-bottom: 25px;
}
.ds_create_edit_prods .mat_input input,
.ds_create_edit_prods .mat_input select,
.ds_create_edit_prods .mat_input textarea,
.ds_create_edit_prods ul.tagit {
   border-width: 2px;
   border-radius: 22px;
   background: transparent;
   border-color: #565656;
}
.ds_create_edit_prods .mat_input input,
.ds_create_edit_prods .mat_input select {
   height: 44px;
   background: #222225;
}
.ds_create_edit_prods ul.tagit input {
   height: 40px;
}
.ds_create_edit_prods .mat_input input:focus,
.ds_create_edit_prods .mat_input select:focus,
.ds_create_edit_prods .mat_input textarea:focus {
   border-color: var(--main-color);
}
.product-related-song {
   overflow-y: auto;
   max-height: 300px;
}
.product-related-song .serach_trend {
   padding: 5px 10px;
}
.product-related-song .serach_trend a {
   display: block;
   padding: 7px;
   color: #f5f5f5;
   background-color: rgb(255 255 255 / 8%);
   border-radius: 5px;
   overflow: hidden;
}
#productimage-holder {
   max-width: calc(100% - 115px);
   padding: 0 8px;
   margin: 0;
   white-space: nowrap;
   overflow-x: auto;
   display: inline-block;
   vertical-align: top;
}
#productimage-holder .thumb-image {
   pointer-events: auto;
}
#productimage-holder .thumb-image {
   width: 100px;
   height: 100px;
   margin: 0 5px 0 0;
   display: inline-block;
   object-fit: cover;
   user-select: none;
   pointer-events: none;
   border-radius: 4px;
}

/*Orders List*/
.ds_order_list {
   margin: 0 -7px;
   padding: 5px 0;
}
.ds_order_list b {
   font-weight: 500;
   color: #f5f5f5;
}
.ds_order_list h3 {
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: 0.3px;
}
.ds_order_list p {
   margin: 0;
   font-size: 17px;
   color: #f5f5f5;
   text-transform: capitalize;
}
.ds_order_list .btn {
   background-color: rgba(0, 0, 0, 0.05);
   width: 100%;
   border-radius: 2em;
   margin: 7px 0;
}

/*Order Items*/
.ds_order_items .song_list {
   box-shadow: none !important;
   border-bottom: 1px solid #444444;
   border-radius: 0;
   margin: 0;
   padding: 16px;
}
.ds_order_items .song_list:last-child {
   border: 0;
}
.ds_order_items .song_list .song_upper {
   border: 0;
   padding: 0 3px 4.8px;
}
.ds_order_items .song_list .song_right_part {
   min-height: 90px;
}
.ds_order_items .song_list .song_upper .song_meta_info h3 {
   font-size: 20px;
   font-weight: normal;
}
.ds_order_items .song_list .song_upper .song_meta_info p {
   font-size: 15px;
   font-weight: normal;
}
.ds_order_items .song_list .song_upper .song_meta_info b {
   font-weight: 500;
}
.ds_order_items .song_list .song_upper .song_price_info b {
   font-size: 20px;
   /*font-family: var(--font-family-sans-serif);*/
   font-weight: 400;
}
.se_box {
   background-color: #222225;
   padding: 20px;
   box-shadow: 0 1px 4px rgb(0 0 0 / 13%);
   border-radius: 7px;
   margin-bottom: 30px;
}
.se_prod_ordr_title {
   font-weight: 500;
   margin-bottom: 10px;
   font-size: 17px;
   display: block;
   text-align: initial;
}
.order_tracking_detail_box input,
.order_tracking_detail_box .btn {
   height: 45.95px;
}
.selr_adrs_box {
   border: 0;
   padding: 0;
   background: transparent;
}
.address_box {
   padding: 10px;
   border-radius: 6px;
   border: 1px solid #4c4c4c;
}
.address_box .addrs_name {
   font-weight: 500;
   font-size: 19px;
   color: #f5f5f5;
}
.address_box p {
   margin-bottom: 8px;
}
.address_box .addrs_phone {
   font-weight: 500;
   font-size: 15px;
}
.address_box .addrs_street,
.address_box .addrs_count {
   font-size: 15px;
   color: #aaaaaa;
}
.selr_adrs_box .addrs_count {
   margin-bottom: 0;
}
.user_prod_track_details {
   display: block;
   margin: 0;
   font-weight: 500;
   font-size: 14px;
}
.user_prod_track_link a {
   word-break: break-all;
}

/*Best Selling Songs & Products*/
.best_prods_seller_week .numbers {
   position: absolute;
   background-color: var(--main-color);
   border-radius: 50%;
   display: block;
   top: 10px;
   left: 10px;
   color: #fff;
   padding: 0;
   line-height: 20px;
   min-width: 20px;
   text-align: center;
   font-size: 14px;
   box-shadow: 0 0 0 2px white;
}
.best_selling_song_item_foot {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.best_selling_song_item_foot .btn {
   border: 0;
   font-size: 13px;
   font-weight: normal;
   letter-spacing: 0;
   border-radius: 20px;
   padding: 0 16px;
   height: 34px;
   line-height: 34px;
   flex: 1 1 auto;
}
.best_selling_song_item_foot .btn.share {
   width: 34px;
   min-width: auto;
   flex: 0 0 auto;
   padding: 0 8px;
}
.best_prods_seller_week .fav_song svg {
   color: #fff;
   background-color: rgb(0 0 0 / 50%);
   width: 30px;
   border-radius: 50%;
   cursor: pointer;
   padding: 5px;
   height: 30px;
   position: absolute;
   margin: 8px;
   right: 0;
   top: 0;
   z-index: 1;
}
.best_prods_seller_week .fav_song svg:hover {
   color: #fff;
   background-color: rgb(0 0 0 / 80%);
}

/*Stories*/
.user-status-home {
   padding: 0 12px 1px;
   position: relative;
   margin-bottom: 15px;
}
.user-status-home ul.status-list {
   display: flex;
   margin: 0 -10px 9px;
   padding: 0;
   overflow-x: auto;
}
.user-status-home ul.status-list li {
   display: inline-block;
   width: 16%;
   min-width: 16%;
   padding: 0 4px;
}
.ma_discover_page .user-status-home ul.status-list li {
   width: 11%;
   min-width: 11%;
}
.user-status-home ul.status-list li a {
   display: block;
   user-select: none;
   position: relative;
   border-radius: 10px;
   overflow: hidden;
   transition: all 0.2s;
   padding-bottom: 135%;
}
.user-status-home ul.status-list li a img {
   object-fit: cover;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   user-select: none;
   pointer-events: none;
}
.user-status-home ul.status-list li a p {
   bottom: 0;
   left: 0;
   overflow: hidden;
   position: absolute;
   right: 0;
   padding: 16px 8px 8px;
   margin: 0;
   z-index: 1;
   color: #fff;
   font-weight: 500;
   font-size: 14px;
   background: linear-gradient(transparent, rgb(0 0 0 / 70%));
   max-height: 83px;
}
.user-status-home ul.status-list li.create_new a svg {
   background-color: white;
   border-radius: 50%;
   width: 28px;
   height: 28px;
   padding: 5px;
   display: block;
   margin: 0 0 5px;
   color: #444;
}
.user-status-home ul.status-list li.paid_story a:after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   box-shadow: inset 0 0 2px 3px #ffbc00;
   border-radius: 10px;
}
.user-status-home ul.status-list li.paid_story a p {
   color: #ffe500;
}
.paid_story_ico {
   position: absolute;
   top: 10px;
   right: 10px;
   display: block;
   background: #fff;
   border-radius: 50%;
   line-height: 1;
   padding: 3px;
}
.paid_story_ico svg {
   width: 20px;
   height: 20px;
}

/*View Stories*/
.lightbox-backgrond {
   width: 100%;
   z-index: 1030;
   background: rgba(0, 0, 0, 0.8);
}
.lightbox-backgrond,
.lightbox-content {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   height: 100%;
   left: 0;
}
.lightbox-content {
   border-radius: 10px;
   height: calc(100vh - 30px);
   overflow: hidden;
   margin: auto;
   width: 100%;
   background-color: #000;
   max-width: 500px;
   z-index: 1031;
   padding: 12px;
}
.lightbox-content .mfp-wrap {
   position: absolute;
   height: 4px;
   border-radius: 2em;
   top: 4px;
   right: 0;
   left: 0;
}
.lightbox-content .mfp-wrap .mfp_progress_line_ {
   background-color: rgba(230, 231, 232, 0.4);
   width: 100%;
   height: 4px;
   display: block;
   border-radius: 2em;
}
.lightbox-content .mfp-wrap .mfp_progress_line_ .load {
   background-color: #e9ebee;
   height: 4px;
   display: block;
   border-radius: 2em;
   transition: all 8s;
}
.lightbox-content .story-img {
   position: relative;
   display: flex;
   flex-direction: column;
   width: 100%;
   border-radius: 10px;
   vertical-align: middle;
   height: calc(100vh - 110px);
}
.lightbox-content .story-img img {
   backface-visibility: hidden;
   pointer-events: none;
   max-width: 100%;
   display: block;
   max-height: 100%;
   margin: auto;
   border-radius: 10px;
}
.lightbox-content .story-img .changer {
   cursor: pointer;
   position: absolute;
   z-index: 1034;
   top: 50%;
   width: 45px;
   height: 45px;
   transform: translateY(-50%);
   border-radius: 50%;
   background: rgba(0, 0, 0, 0.5);
   color: whitesmoke;
   transition: all 0.15s;
   text-align: center;
}
.lightbox-content .story-img .changer:hover {
   background: #000;
}
.lightbox-content .story-img:hover .changer {
   display: block !important;
}
.lightbox-content .story-img .changer svg {
   width: 30px;
   height: 30px;
   margin: 7.5px 0px;
}
.previous-btn {
   left: 10px;
}
.next-btn {
   right: 10px;
}
.lightbox-content .story-img .more-info {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 10px;
}
.lightbox-content .story-img .more-info .btn {
   border-radius: 2em;
}
.lightbox-content .wo_story_header {
   display: flex;
   align-items: center;
   height: 67px;
   position: relative;
   z-index: 1;
}
.lightbox-content .wo_story_header .wo_stor_h_info {
   display: flex;
   align-items: center;
}
.lightbox-content .wo_story_header .wo_stor_h_info .user-avatar,
.lightbox-content .story_view_list .user-avatar {
   width: 40px;
   min-width: 40px;
   height: 40px;
   border-radius: 50%;
   margin-right: 9px;
   background-color: #353535;
}
.lightbox-content .wo_story_header .wo_stor_h_info .user-avatar img,
.lightbox-content .story_view_list .user-avatar img {
   width: 100%;
   height: 100%;
   margin: 0;
   object-fit: cover;
}
.lightbox-content .user-avatar img {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   margin-right: 9px;
}
.lightbox-content .wo_story_header .wo_stor_h_info .wo_s_h_i_r .user-name {
   margin: 5px 0 0px;
   font-size: 16px;
   overflow: hidden;
   max-height: 19px;
}
.lightbox-content .wo_story_header .wo_stor_h_info .wo_s_h_i_r .user-name a {
   color: white;
}
.lightbox-content .wo_story_header .wo_stor_h_info .wo_s_h_i_r span {
   color: #888888;
   font-size: 12px;
   line-height: 1;
}
.lightbox-content .wo_story_header .wo_stor_h_opts {
   display: flex;
   align-items: center;
   margin-left: auto;
}
.close-lightbox {
   padding: 4px;
   color: #666;
   margin-top: -5px;
   margin-right: 5px;
   cursor: pointer;
}
.lightbox-content .comment-section {
   background-color: #000000;
   left: 2px;
   overflow-y: auto;
   position: absolute;
   top: 2px;
   right: 2px;
   height: calc(100vh - 96px);
   display: none;
}
.lightbox-content .comment-section .comment-section-inner {
   height: 100%;
}
.comment-section-inner {
   display: block;
}
.lightbox-content .views_count {
   color: #fbfbfb;
   border-bottom: 1px solid #252525;
   padding: 10px 15px;
}
.comment-section-inner .comment-inner-header {
   padding: 16px 8px 16px 16px;
}
.lightbox-content .story_views_:last-child {
   border: 0;
}
.lightbox-content .story_views_ {
   border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}
.lightbox-content .story_view_list {
   padding: 10px 15px;
   display: flex;
   align-items: center;
}
.lightbox-content .comment-section .user-name {
   margin-bottom: 0;
   margin-top: 4px;
   font-weight: 700;
   margin: 0;
   font-weight: 500;
   font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   letter-spacing: 0.5px;
   word-spacing: 1px;
}
.lightbox-content .story_view_list .user-name a {
   color: #e8e8e8;
}
.lightbox-content.paid-story {
   box-shadow: inset 0 0 0 2px #ffbc00;
}
.lightbox-content.paid-story .wo_story_header {
   background: #5a4901;
   margin: 0 -10px;
   border-radius: 0 0 8px 8px;
   padding: 0 10px;
}
.lightbox-content.views_open .comment-section {
   display: table-cell;
}

/*Create Story*/
.create-story-preview {
   position: relative;
   height: 100%;
   z-index: auto;
   max-width: 350px;
}
.create-story-preview .story-img {
   height: calc(100% - 55px);
}

/*Sidebar My Store*/
.sidebar .sidebar_innr .sections li .mystore_menu_parent span {
   margin-left: auto;
}
.sidebar .sidebar_innr .sections li .mystore_menu_parent span svg {
   width: 15px;
   height: 15px;
   margin: 0;
}
.sidebar .sidebar_innr .sections .mystore_menu {
   border-left: 1px solid #545454;
   margin-left: 35px;
}
.sidebar .sidebar_innr .sections .mystore_menu li {
   height: auto;
}
.sidebar .sidebar_innr .sections .mystore_menu li a {
   height: 35px;
   padding: 0 0 0 37px;
   position: relative;
   overflow: visible;
   font-size: 14px;
}
.sidebar .sidebar_innr .sections .mystore_menu li a:before {
   content: "";
   left: -4px;
   top: 50%;
   transform: translateY(-50%);
   display: block;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: rgb(255 255 255 / 50%);
   position: absolute;
}

/*User Video Cover*/
#myVideo {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 50%;
   right: 0;
   bottom: 0;
   left: 50%;
   display: block;
   transform: translate(-50%, -50%);
   object-fit: cover;
}

/*Cart Items*/
.cart_items .checkout_btn {
   padding: 10px 10px 3px;
}
header .cart_items .checkout_btn .btn {
   width: 100%;
   background-color: var(--main-color);
   color: #fff;
}
header .head_user .notis.cart_items .ma_notifs a {
   padding: 10px;
}
header .head_user .notis.cart_items .ma_notifs .avatar {
   border-radius: 2px;
   width: 40px;
   height: 40px;
   min-width: 40px;
   margin: 0 8px 0 0;
}
header .head_user .notis.cart_items .ma_notifs .avatar img {
   width: 100%;
   height: 100%;
}
header .head_user .notis.cart_items .ma_notifs .n_detail p {
   font-size: 15px;
   overflow: hidden;
   max-height: 36px;
   padding-right: 5px;
}
header .head_user .notis.cart_items .ma_notifs a .btn {
   margin-left: auto;
   border: 0;
   line-height: 1;
   border-radius: 50%;
   padding: 7px;
   flex: 0 0 auto;
}
header .head_user .notis.cart_items .ma_notifs a .btn svg {
   width: 17px;
   height: 17px;
}



authheader .cart_items .checkout_btn .btn {
   width: 100%;
   background-color: var(--main-color);
   color: #fff;
}
authheader .head_user .notis.cart_items .ma_notifs a {
   padding: 10px;
}
authheader .head_user .notis.cart_items .ma_notifs .avatar {
   border-radius: 2px;
   width: 40px;
   height: 40px;
   min-width: 40px;
   margin: 0 8px 0 0;
}
authheader .head_user .notis.cart_items .ma_notifs .avatar img {
   width: 100%;
   height: 100%;
}
authheader .head_user .notis.cart_items .ma_notifs .n_detail p {
   font-size: 15px;
   overflow: hidden;
   max-height: 36px;
   padding-right: 5px;
}
authheader .head_user .notis.cart_items .ma_notifs a .btn {
   margin-left: auto;
   border: 0;
   line-height: 1;
   border-radius: 50%;
   padding: 7px;
   flex: 0 0 auto;
}
authheader .head_user .notis.cart_items .ma_notifs a .btn svg {
   width: 17px;
   height: 17px;
}












/*Buy Event Ticket*/
.buy_event_ticket .modal-dialog {
   max-width: 330px;
}
.buy_event_ticket .modal-content {
   background: transparent !important;
   text-align: initial;
   box-shadow: none;
   filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.3));
}
.buy_event_ticket_top {
   background-color: #222225;
   border-radius: 5px 5px 0 0;
}
.buy_event_ticket_top .modal-title {
   padding: 12px 18px 0;
   font-size: 19px;
   /*font-family: var(--font-family-sans-serif);*/
}
.buy_event_ticket_top .subtitle {
   font-size: 15px;
   padding: 0 18px;
   margin: 0;
}
.buy_event_ticket_top .ticket-img {
   padding: 18px 0;
}
.buy_event_ticket_top .ticket-img img {
   width: 100%;
   max-height: 200px;
   object-fit: cover;
}
.buy_event_ticket_top_mid {
   padding: 0 18px 10px;
}
.buy_event_ticket_top b {
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: 0.3px;
   font-weight: 500;
}
.buy_event_ticket_top p {
   font-size: 17px;
   color: #dedede;
   margin: 0;
}
.buy_event_ticket_mid {
   height: 20px;
   margin: 0 10px;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAACCAYAAAB7Xa1eAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAAaSURBVBhXY5g7f97/2XPn/AcCBmSMQ+I/AwB2eyNBlrqzUQAAAABJRU5ErkJggg==);
   background-size: 4px 2px;
   background-repeat: repeat-x;
   background-position: center;
   position: relative;
   box-shadow: 0 1px 0 0 #222225, 0 -1px 0 0 #222225;
   background-color: #222225;
}
.buy_event_ticket_mid:before,
.buy_event_ticket_mid:after {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   top: 50%;
   transform: translate(-50%, -50%) rotate(45deg);
   border: 6px solid transparent;
   border-top-color: #222225;
   border-right-color: #222225;
   border-radius: 100%;
   pointer-events: none;
}
.buy_event_ticket_mid:before {
   left: -10px;
}
.buy_event_ticket_mid:after {
   transform: translate(-50%, -50%) rotate(225deg);
   right: -40px;
}
.buy_event_ticket_bottom {
   border-radius: 0 0 5px 5px;
   padding: 10px 12px 18px;
   background-color: #222225;
}

/*My Purchases*/
.my_purchased {
   position: relative;
   margin: 0;
   height: 100%;
   padding: 0 0 30px;
}
.my_purchased_innr {
   margin: 0;
   height: 100%;
}
.my_purchased .type {
   border-radius: 50%;
   line-height: 1;
   padding: 7px;
}
.my_purchased .type.ticket {
   color: #e91e63;
   background-color: rgb(233 30 99 / 20%);
}
.my_purchased .type.order {
   color: #009688;
   background-color: rgb(0 150 136 / 20%);
}
.my_purchased .type.track {
   color: var(--main-color);
   background-color: rgb(249 143 29 / 20%);
}
.my_purchased .type svg {
   width: 18px;
   height: 18px;
}
.my_purchased .title {
   font-weight: 500;
   font-size: 19px;
   color: #f5f5f5;
   margin-top: 5px;
}
.my_purchased .duration {
   position: absolute;
   top: 15px;
   right: 15px;
   background: rgb(255 255 255 / 10%);
   line-height: 20px;
   font-weight: 500;
   font-size: 13px;
   padding: 0 5px;
}
.my_purchased .foot {
   padding-top: 10px;
}
.my_purchased .fav_song svg {
   color: #fff;
   background-color: #17a2b8;
   min-width: 35.5px;
   border: 1px solid #17a2b8;
   border-radius: 4px;
   cursor: pointer;
   padding: 6px;
   height: 35.5px;
}
.my_purchased .fav_song svg:hover {
   color: #fff;
   background-color: #138496;
   border-color: #117a8b;
}

/*Checkout*/
.ds_checkout_items .song_upper .song_price_info a {
   vertical-align: super;
}
.ds_checkout_items .song_list .song_upper .song_meta_info h3 {
   font-size: 19px;
   font-weight: 500;
   margin-top: 10px;
}
.ds_checkout_items .song_list .song_upper .song_meta_info p {
   line-height: normal;
}
.ds_checkout_items .song_list .song_upper .song_meta_info p select {
   border: 0;
   padding: 2px;
   font-weight: 500;
   font-size: 13px;
   border-radius: 5px;
   background-color: #3a3a3a;
   color: #f5f5f5;
}
.checkout_side {
   background-color: #524f2f;
   border-radius: 10px;
   margin: -40px 10px 10px;
   padding: 25px;
   color: #f5f5f5;
   box-shadow: 0 7px 30px -10px rgb(0 0 0 / 40%);
}
.checkout_side h4 {
   font-size: 15px;
   margin: 0;
}
.checkout_side p.price {
   font-size: 30px;
   font-weight: 500;
}
/*.checkout_side .btn-primary {*/
  /* border: 0;
   line-height: 36px;
   text-transform: uppercase;*/
   /*font-family: var(--font-family-sans-serif);*/
   /*letter-spacing: 0.5px;
   font-size: 18px;*/
  /* border-radius: 10px;
   margin-top: 25px;*/
/*}*/
.cart_chos_addrs input {
   display: none;
}
.cart_chos_addrs label {
   border-bottom: 1px solid rgba(255, 255, 255, 0.15);
   width: 100%;
   cursor: pointer;
   display: block;
   margin: 0;
   padding: 10px 10px 10px 45px;
   position: relative;
   transition: all 0.1s;
   user-select: none;
}
.cart_chos_addrs label:hover {
   background-color: rgba(255, 255, 255, 0.05);
}
.cart_chos_addrs label:before {
   content: "";
   position: absolute;
   width: 18px;
   height: 18px;
   border: 2px solid rgba(255, 255, 255, 0.7);
   border-radius: 50%;
   transition: 0.2s;
   top: 15px;
   left: 10px;
}
.cart_chos_addrs label:after {
   content: "";
   display: block;
   height: 9px;
   width: 9px;
   background: #fff;
   border-radius: 50%;
   opacity: 0;
   transition: 0.2s;
   position: absolute;
   top: 24px;
   left: 19px;
   transform: translate(-50%, -50%);
}
.cart_chos_addrs input:checked + label:before {
   border-color: #fff;
}
.cart_chos_addrs input:checked + label:after {
   opacity: 1;
}
.cart_chos_addrs input:checked + label {
   color: #fff;
}
.cart_chos_addrs label b {
   font-weight: 500;
}
.cart_chos_addrs .add-address {
   width: 100%;
   border: 0;
   background-color: rgb(255 255 255 / 30%);
   color: white;
   line-height: 22px;
}

/*Product view*/
.product_seller_header {
   margin-top: -45px;
   position: relative;
   width: 100%;
   padding: 30px 0;
   margin-bottom: 30px;
}
.product_seller_header .dummy_header {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
}
.product_seller_header .dummy_header img {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.product_seller_header .black-bg {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgb(0 0 0 / 60%);
   backdrop-filter: blur(30px);
}
.product_seller_header .avatar {
   margin-right: 24px;
   flex: 0 0 auto;
}
.product_seller_header .avatar img {
   width: 75px;
   height: 75px;
}
.product_seller_header .info h3 {
   color: white;
   font-size: 24px;
   font-weight: 400;
   /*font-family: var(--font-family-sans-serif);*/
   margin: 0;
}
.product_seller_header .btn {
   border: 0;
   margin-top: 10px;
   background: transparent;
   box-shadow: inset 0 0 0 1.5px white;
   text-transform: uppercase;
   font-size: 13px;
   padding: 6px 20px;
   font-weight: 500;
}
.product_seller_header .btn.btn-success {
   background: white;
   color: black;
}
.product_img_zoom {
   padding-right: 20px;
   position: relative;
   display: flex;
   flex-direction: row-reverse;
}
.prod_zoom_img {
   width: 100%;
/*   height: 550px;*/
   position: relative;
}
.prod_img_zoom {
   width: 100%;
   height: 100%;
   object-fit: contain;
   border-radius: 5px;
   position: relative;
/*   background-color: rgb(0 0 0 / 8%);*/
}
.prod_zoom_thumbs {
   margin-right: 20px;
}
.prod_img_zoom-thumbs > a {
   display: block;
   width: 68px;
   height: 68px;
}
.prod_img_zoom-thumbs {
   max-height: 550px;
   padding: 2px;
   overflow-y: auto;
}
.prod_img_zoom-thumbs > a:not(:last-child) {
   margin-bottom: 10px;
}
.prod_img_zoom-gallery {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: all 0.2s;
   box-shadow: 0 0 0 1px #222225;
   border-radius: 5px;
   cursor: pointer;
}
.xactive {
   box-shadow: 0 0 0 2px var(--main-color);
}
.xzoom-preview {
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
   border-radius: 5px;
}
.xzoom-source img,
.xzoom-preview img,
.xzoom-lens img {
   z-index: 99999999;
   display: block;
   max-width: none;
   max-height: none;
   -webkit-transition: none;
   -moz-transition: none;
   -o-transition: none;
   transition: none;
}
.xzoom-container {
   display: inline-block;
}
.xzoom-source,
.xzoom-hidden {
   display: block;
   position: static;
   float: none;
   clear: both;
}
.xzoom-hidden {
   overflow: hidden;
}
.xzoom-loading {
   width: 100%;
   height: 100%;
   top: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
   left: 0 !important;
   background-color: rgba(0, 0, 0, 0.4);
   border-radius: 5px;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
   display: flex;
   align-items: center;
   justify-content: center;
}
.xzoom-loading:before {
   content: "";
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 40 40' enable-background='new 0 0 40 40' xml:space='preserve'%3e%3cpath opacity='0.4' fill='%23fff' d='M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z'%3e%3c/path%3e%3cpath fill='%23fff' d='M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z' transform='rotate(323.368 20 20)'%3e%3canimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='0.7s' repeatCount='indefinite'%3e%3c/animateTransform%3e%3c/path%3e%3c/svg%3e");
   width: 82px;
   height: 82px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   border-radius: 50%;
}


.product_v_title {
   color: #f5f5f5;
   font-size: 25px;
   word-wrap: break-word;
}
.product_v_price {
   font-size: 25px;
   font-weight: 500;
}
.product_v_btns {
   margin: 0 -5px;
}
.product_v_btns select {
   flex: 0 0 auto;
   margin: 0 5px;
   text-align: center;
   border: 0;
   background-color: #3a3a3a;
   padding: 5px;
   font-weight: 500;
   border-radius: 10px;
   height: 50px;
   min-width: 120px;
   color: #f5f5f5;
}
.product_v_btns .btn {
   width: 100%;
   margin: 0 5px;
   border: 0;
   line-height: 32px;
   letter-spacing: 0.5px;
   font-size: 17px;
   border-radius: 10px;
   height: 50px;
}
.product_v_info {
   margin: 20px 0 0;
}
.product_v_info li {
   display: table-row;
}
.product_v_info li span {
   display: table-cell;
   vertical-align: top;
   font-size: 15px;
}
.product_v_info li span svg {
   width: 16px;
   height: auto;
   margin: -2px 0 0;
}
.product_v_info li span:first-child {
   font-weight: 500;
   padding: 7px 20px 0 0;
   white-space: nowrap;
   font-size: 12px;
}
.product_v_info li span:last-child {
   padding-top: 7px;
}
.product_v_desc {
   font-size: 17px;
   line-height: 28px;
}
.prod_reviews_cont {
   padding: 0 10px;
}
.prod_reviews_cont .review_list {
   padding: 0 0 10px;
}
.prod_reviews_cont .review_list .review_list_head {
   margin-bottom: 8px;
}
.review-meta-desc {
   font-size: 14px;
   width: auto;
}
.reviewMeta--author-avatar {
   margin-right: 10px;
}
.reviewMeta--author-avatar img {
   width: 45px;
   min-width: 45px;
   height: 45px;
   border-radius: 50%;
}
.reviewMeta--author-text {
   overflow: hidden;
}
.reviewMeta--author-text .linkk {
   font-weight: 500;
   font-size: 15px;
}
.reviewMeta--author-text .middot {
   margin: 0 6px;
   font-size: 15px;
   line-height: 1.1;
   font-weight: bold;
}
.review-meta-desc time {
   color: #a5a5a5;
   font-size: 13px;
}
.prod_review-meta .Review-rating {
   font-size: 22px;
   font-weight: 500;
}
.prod_review-meta .Review-rating:first-letter {
   font-size: 15px;
}
.prod_review-meta .Review-rating.five_star {
   color: #388e3c;
}
.prod_review-meta .Review-rating.four_star {
   color: #4caf50;
}
.prod_review-meta .Review-rating.three_star {
   color: #ff9800;
}
.prod_review-meta .Review-rating.two_star {
   color: #ff7245;
}
.prod_review-meta .Review-rating.one_star {
   color: #ff3f31;
}
.prod_review-title {
   font-weight: bold;
   font-size: 17px;
   margin: 0 0 4px;
}
.create_prod_images .productimage-holder {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -5px -10px;
}
.create_prod_images .productimage-holder .thumb-image {
   width: 25%;
   height: 110px;
   margin: 0 0px 10px;
   padding: 0 5px;
   display: flex;
   border-radius: 8px;
   object-fit: cover;
}
.create_prod_images .productimage-holder .thumb-image img {
   width: 100%;
}

/*Address Book*/
.address_book {
   height: 100%;
   padding: 0 0 30px;
}
.address_book_innr {
   height: 100%;
   box-shadow: 0 0 0 1px #444;
   border-radius: 10px;
}
.add_new_addrs {
   height: 100%;
   border-radius: 10px;
   background-color: rgb(0 150 136 / 10%);
   font-weight: 500;
   color: #009688;
   flex-direction: column;
   min-height: 150px;
}
.add_new_addrs svg {
   width: 38px;
   height: 38px;
   margin: 0 auto 10px;
}

/*Import*/
.import_ado {
   background-color: #ce956d;
   background-blend-mode: normal;
   padding-bottom: 100px;
   margin-bottom: -50px;
}
.import_ado_footer svg {
   border-radius: 50%;
   width: 28px;
   height: 28px;
   margin: 0 2px 0 0;
   opacity: 0.8;
}

/*Faq*/
.tube_faq .accordion {
   border: 2px solid rgb(255 255 255 / 29%);
   padding: 10px 0;
   margin: 0 0 20px;
   border-radius: 20px;
}
.tube_faq .accordion:last-child {
   margin: 0;
}
.tube_faq .accordion-item {
   display: flex;
   text-decoration: none;
   cursor: pointer;
   align-items: flex-start;
   justify-content: space-between;
}
.tube_faq .accordion-item > .btn {
   display: flex;
   width: 52px;
   height: 52px;
   min-height: 52px;
   min-width: 52px;
   margin: 0 10px;
   padding: 8px;
   justify-content: center;
   align-items: center;
   border-radius: 100px;
   transition: all 0.2s ease-out;
   border: 0;
   flex: 0 0 auto;
}
.tube_faq .accordion-item.is-active > .btn {
   transform: rotate(180deg);
}
.tube_faq .accordion-item > .card {
   padding: 13px 20px;
   border-radius: 20px;
   transition: all 0.2s ease-out;
   background: transparent;
   border: 0;
}
.tube_faq .accordion-item > .card h4 {
   margin: 0;
   font-size: 20px;
   line-height: 26px;
}
.tube_faq .accordion-item .accordion-panel {
   display: none;
}
.tube_faq .accordion-item .accordion-panel p {
   margin-bottom: 0px;
   padding-top: 16px;
   font-size: 16px;
   line-height: 27px;
}

/*Password Check*/
.register-helper-text {
   display: none;
   font-size: 12px;
   line-height: 22px;
   color: #808080;
   margin: 0;
   list-style: none;
   text-align: initial;
   padding: 5px 0 0;
}
.register-helper-text li.valid {
   color: #1fd34a;
}

/*Ads*/
.bootstrap-select .dropdown-toggle .filter-option {
   overflow: hidden;
   text-overflow: ellipsis;
}
.bootstrap-select .dropdown-menu.inner {
   display: block;
}
.bootstrap-select .dropdown-menu li a {
   display: block;
   padding: 5px 10px;
}
.bs-searchbox .form-control,
.bootstrap-select .bs-actionsbox button {
   background: #262626 !important;
}

/*Balance*/
.dt_avbl_bal span {
   vertical-align: top;
   font-weight: 500;
   font-size: 17px;
   line-height: 45px;
}
.dt_avbl_bal b {
   font-size: 70px;
   margin: 0;
   font-weight: 400;
}

/*Become Artist*/
.dt_interest_sett.artist {
   background-color: rgb(48 238 241 / 15%);
   border-color: rgb(48 238 241 / 20%);
}
.dt_interest_sett.artist h4 {
   font-size: 22px;
   color: #008d8f;
   margin: 9px 0 17px;
}

/*Send Again*/
.send_again {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   margin: -5px 0 20px;
}
.send_again p {
   margin: 0;
   font-size: 14px;
   line-height: 1;
}
.send_again .pointer {
   font-size: 14px;
   background-color: rgb(255 255 255 / 12%);
   border-radius: 2em;
   letter-spacing: normal;
   padding: 0 12px;
   line-height: 28px;
   cursor: pointer;
}
.send_again .pointer.disabled {
   cursor: not-allowed;
   opacity: 0.6;
}

/*Developers*/
code pre {
   color: red;
   background: rgb(255 0 0 / 8%);
   padding: 10px;
   border-radius: 5px;
}
.ds_dev_apps {
   padding: 12px;
   border: 1px solid #505050;
   border-radius: 10px;
   margin-bottom: 30px;
}
.ds_dev_apps .avatar {
   width: 100%;
   margin: 10px auto;
   max-width: 120px;
}
.ds_dev_apps .avatar img {
   width: 100%;
   aspect-ratio: 1;
   border-radius: 10px;
   object-fit: cover;
}
.ds_dev_apps .info {
   text-align: center;
}
.ds_dev_apps .info .ap_name {
   white-space: nowrap;
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   margin: 0 0 7px;
}
.ds_dev_apps .info .ap_name a {
   font-weight: 500;
   font-size: 19px;
   color: #eaeaea;
}
.ds_dev_apps .info p {
   display: inline-block;
   background: rgb(255 255 255 / 20%);
   line-height: 1;
   padding: 7px 10px;
   border-radius: 5px;
}
.ds_dev_apps .info .btn {
   border: 0;
}
.ds_app_permission {
   max-width: 700px;
   padding: 30px;
}
.ds_app_permission h4 {
   text-align: inherit;
   font-size: 18px;
   opacity: 0.6;
}
.ds_app_permission .hdr {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 0 -10px;
}
.ds_app_permission .hdr p {
   margin: 0 10px;
   font-weight: 500;
   font-size: 25px;
   flex: 1 1 auto;
}
.ds_app_permission .hdr .avatar {
   margin: 0 10px;
   width: 100%;
   max-width: 100px;
   flex: 0 0 auto;
}
.ds_app_permission .hdr .avatar img {
   width: 100%;
   aspect-ratio: 1;
   border-radius: 10px;
   object-fit: cover;
}
.ds_app_permission .reset-form > .desc {
   text-align: inherit;
   font-size: 15px;
   display: block;
   margin: 20px 0 0;
}
.ds_app_permission hr {
   margin: 30px 0;
}
.ds_app_permission .reset-form > .perm {
   text-align: inherit;
   margin: 0;
   font-weight: 500;
}
.ds_app_permission .foot {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 30px 0 0;
}
.ds_app_permission .foot .btn {
   width: auto;
   box-shadow: none;
   border: 1px solid #545454;
   color: #8e8e8e;
   font-size: 15px;
   padding: 0 19px 2px;
   line-height: 38px;
}
.ds_app_permission .foot .btn svg {
   height: auto;
   width: 20px;
   margin: -2px 0 0;
}
.ds_app_permission .foot .btn-primary {
   min-width: 150px;
   color: #fff;
   border-color: var(--main-color);
}

/*Language Select*/
.lang_select_modal .modal-content {
   padding: 0;
   overflow: hidden;
}
.lang_select_modal .modal-body {
   margin: 0;
   padding: 0;
   overflow: hidden;
   overflow-y: auto;
}
.lang_select_modal .row {
   display: flex;
   flex-wrap: wrap;
}
.lang_select_modal .language_info {
   height: 100%;
   position: relative;
   padding: 30px;
   background: var(--main-color);
   overflow: hidden;
   min-height: 200px;
   width: 100%;
}
.lang_select_modal .language_info h3 {
   margin: 0 0 20px;
   color: #fff;
}
.lang_select_modal .language_info svg {
   position: absolute;
   bottom: 0;
   right: 10px;
   margin-bottom: 5px;
   height: auto;
   width: 140px;
   filter: drop-shadow(0 0 2px rgba(55, 73, 87, 0.15)) drop-shadow(0 2px 5px rgba(55, 73, 87, 0.2));
}
.lang_select_modal ul {
   padding: 20px 20px 20px 0;
   margin: 0;
   list-style: none;
   display: flex;
   flex-wrap: wrap;
   background: transparent !important;
}
.lang_select_modal .language_select {
   flex: 1 1 160px;
   background: transparent !important;
   margin: 10px;
}
.lang_select_modal .language_select a {
   display: block;
   text-decoration: none;
   font-weight: 500;
   font-size: 13px;
   line-height: 39px;
   padding: 0 15px;
   transition: background-color 0.1s;
   border: 1px solid #5d5d5d;
   text-align: center;
   border-radius: 7px;
}
.lang_select_modal .language_select:hover {
   background-color: rgb(255 255 255 / 5%) !important;
}

/*Flatpickr*/
body .flatpickr-calendar {
   background: #1c1c1c;
   box-shadow: 1px 0 0 #434343, -1px 0 0 #434343, 0 1px 0 #434343, 0 -1px 0 #434343, 0 3px 13px rgb(0 0 0 / 8%);
}
body span.flatpickr-weekday {
   font-weight: 500;
}
body .flatpickr-calendar.arrowBottom:before,
body .flatpickr-calendar.arrowBottom:after {
   border-top-color: #1c1c1c;
}
body .flatpickr-calendar.arrowTop:before,
body .flatpickr-calendar.arrowTop:after {
   border-bottom-color: #434343;
}
body .flatpickr-months .flatpickr-prev-month,
body .flatpickr-months .flatpickr-next-month,
body .flatpickr-months .flatpickr-month {
   color: rgb(255 255 255 / 90%);
   fill: rgb(255 255 255 / 90%);
}
body span.flatpickr-weekday {
   color: rgb(255 255 255 / 54%);
}
body .flatpickr-day,
body .flatpickr-time input,
body .flatpickr-time .flatpickr-time-separator,
body .flatpickr-time .flatpickr-am-pm {
   color: #e6e6e6;
}
body .flatpickr-day.flatpickr-disabled,
body .flatpickr-day.flatpickr-disabled:hover,
body .flatpickr-day.prevMonthDay,
body .flatpickr-day.nextMonthDay,
body .flatpickr-day.notAllowed,
body .flatpickr-day.notAllowed.prevMonthDay,
body .flatpickr-day.notAllowed.nextMonthDay {
   color: rgb(255 255 255 / 30%);
}
body .flatpickr-day.flatpickr-disabled,
body .flatpickr-day.flatpickr-disabled:hover {
   color: rgb(255 255 255 / 10%);
}
body .flatpickr-day.inRange,
body .flatpickr-day.prevMonthDay.inRange,
body .flatpickr-day.nextMonthDay.inRange,
body .flatpickr-day.today.inRange,
body .flatpickr-day.prevMonthDay.today.inRange,
body .flatpickr-day.nextMonthDay.today.inRange,
body .flatpickr-day:hover,
body .flatpickr-day.prevMonthDay:hover,
body .flatpickr-day.nextMonthDay:hover,
body .flatpickr-day:focus,
body .flatpickr-day.prevMonthDay:focus,
body .flatpickr-day.nextMonthDay:focus,
body .flatpickr-time input:hover,
body .flatpickr-time .flatpickr-am-pm:hover,
body .flatpickr-time input:focus,
body .flatpickr-time .flatpickr-am-pm:focus {
   background: #525252;
   border-color: #525252;
}
body .flatpickr-calendar.hasTime .flatpickr-time {
   border-top: 1px solid #4c4c4c;
}

@media (min-width: 435px) {
   header .head_user > div,
   header .head_user > span {
      position: relative;
   }
   span#new-messages,
   .unread_cart_count,
   header .head_user .notis .unread_count,
   header .head_user .notis .unread_R_count {
      right: 0;
      margin: 0;
      top: -4px;
      padding: 0 4px;
      line-height: 16px;
   }

   authheader .head_user > div,
   authheader .head_user > span {
      position: relative;
   }
   span#new-messages,
   .unread_cart_count,
   authheader .head_user .notis .unread_count,
   authheader .head_user .notis .unread_R_count {
      right: 0;
      margin: 0;
      top: -4px;
      padding: 0 4px;
      line-height: 16px;
   }
}

@media (min-width: 992px) {
   body::-webkit-scrollbar,
   header .head_user .notis > .dropdown-menu ul::-webkit-scrollbar {
      width: 6px;
   }
   body::-webkit-scrollbar-track,
   header .head_user .notis > .dropdown-menu ul::-webkit-scrollbar-track {
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.05);
   }
   body::-webkit-scrollbar-thumb,
   header .head_user .notis > .dropdown-menu ul::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.17);
   }

   body::-webkit-scrollbar,
   authheader .head_user .notis > .dropdown-menu ul::-webkit-scrollbar {
      width: 6px;
   }
   body::-webkit-scrollbar-track,
   authheader .head_user .notis > .dropdown-menu ul::-webkit-scrollbar-track {
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.05);
   }
   body::-webkit-scrollbar-thumb,
   authheader .head_user .notis > .dropdown-menu ul::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.17);
   }
}

@media (min-width: 1200px) {
   .page_padding {
      max-width: 1140px;
   }
   .sett_page {
      max-width: 85%;
   }
   .sett_page .st_sidebar {
      width: 250px;
      min-width: 250px;
   }
   .sett_page .st_sidebar li:not(:last-child) {
      border-bottom: 1px solid rgb(255 255 255 / 20%);
   }
   .sett_page .st_sidebar li a {
      padding: 15px 16px;
      text-align: inherit;
   }
   .sett_page .st_sidebar li a span {
      display: inline-block;
      font-size: 15px;
   }
   .sett_page .st_sidebar li.active a span {
      font-weight: 500;
   }
}

@media (min-width: 1650px) {
   .page_padding {
      max-width: 1300px;
   }
}

@media (max-width: 1400px) {
   header .head_search .head_search_cont input {
      width: 470px;
   }
   authheader .head_search .head_search_cont input {
      width: 470px;
   }
   .sq_track_slider.no-slider .ds_radio_stat_list {
      flex: 0 0 33.3333333%;
      width: 33.3333333%;
   }
}

@media (max-width: 1220px) {
   .short_list_cont .purchased_songs .s_lsongs_child .second_a,
   .short_list_cont .purchased_songs .s_lsongs_child .second_b {
      margin-right: 40px;
   }
   .search_albums .sq_track_slider.no-slider .track_list,
   .store_short_albums.sq_track_slider.no-slider .track_list {
      flex: 0 0 25%;
      width: 25%;
   }
   .search_playlists .pplist_slider .track_list {
      flex: 0 0 33.3333333%;
      width: 33.3333333%;
   }
   .sq_track_slider.no-slider.top_albums_lists_pag .track_list {
      flex: 0 0 16.6666667%;
      width: 16.6666667%;
   }
   .player .song_details {
      width: 350px;
      min-width: 350px;
   }
   .player .song_progress .song_time .progress_container {
      width: calc(100vw - 947px);
   }
   .player .song_progress_right {
      width: 300px;
      min-width: 300px;
   }
   header .head_search .head_search_cont input {
      width: 390px;
   }
   authheader .head_search .head_search_cont input {
      width: 390px;
   }
   .user-status-home ul.status-list li {
      width: 23%;
      min-width: 23%;
   }
   .ma_discover_page .user-status-home ul.status-list li {
      width: 16%;
      min-width: 16%;
   }
}

@media (max-width: 1190px) {
   .artist_header .artist_cover,
   .event_profile .artist_header .artist_cover {
      padding-bottom: 50%;
   }
   .artist_section .artist_list {
      width: 16.6666667%;
   }
}

@media (max-width: 1140px) {
   .ma_sidebar {
      width: 70px;
      max-width: 70px;
   }
   .sidebar .sidebar_innr {
      height: 100%;
   }
   .sidebar .logo_container,
   .sidebar .sidebar_innr .sections:first-child h3 {
      display: none;
   }
   .sidebar .sidebar_innr .sections h3 {
      font-size: 0;
      border-top: 1px solid rgba(255, 255, 255, 0.22);
      padding: 0;
      margin: -13px 0 13px;
   }
   .sidebar .sidebar_innr .sections li a {
      padding: 0 21px;
      font-size: 0;
   }
   .sidebar .sidebar_innr .sections li a svg {
      margin: 0;
   }
   .ma_page_content {
      margin-left: 70px;
   }
   header {
      padding: 0 30px;
      margin-left: 70px;
   }
   header .head_logo {
      display: block;
      margin-right: 40px;
   }
   header .head_search .head_search_cont input {
      width: 300px;
   }

   authheader {
      padding: 0 30px;
      margin-left: 70px;
   }
   authheader .head_logo {
      display: block;
      margin-right: 40px;
   }
   authheader .head_search .head_search_cont input {
      width: 300px;
   }

   .store_short_albums.sq_track_slider.no-slider .track_list {
      flex: 0 0 20%;
      width: 20%;
   }
   .player {
      padding-top: 8px;
   }
   .player .song_progress {
      position: static;
   }
   .player .song_progress .song_prog_mobi {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
   }
   .player .song_progress .song_prog_mobi .progress_container {
      width: 100%;
      margin: 0;
      height: 7px;
   }
   .player .song_progress .song_prog_mobi .progress_container input[type="range"] {
      margin: 0;
      top: 0;
      height: 7px;
   }
   .player .song_progress .song_prog_mobi .progress_container .amplitude-song-played-progress,
   .player .song_progress .song_prog_mobi .progress_container .amplitude-buffered-progress {
      top: 0;
      border-radius: 0;
   }
   .player .song_progress .duration_seperate {
      display: inline-block;
   }
   .player .song_details {
      width: 400px;
      min-width: 400px;
   }
   .player .song_progress .song_controls .amplitude-play-pause {
      width: 35px;
      height: 35px;
   }
   .player .song_progress_right {
      width: 350px;
      min-width: 350px;
   }
   .ma_footer {
      display: none;
   }
   .sidebar .sidebar_innr .sections li .mystore_menu_parent span {
      display: none;
   }
}

@media (max-width: 1024px) {
   header .head_search .head_search_cont input {
      width: 250px;
   }
   authheader .head_search .head_search_cont input {
      width: 250px;
   }
   .player .song_details {
      width: 380px;
      min-width: 380px;
   }
   .player .song_progress {
      justify-content: center;
   }
   .player .song_progress_right {
      width: 200px;
      min-width: 200px;
   }
   .player .song_progress_right .song_volume .volume_controls {
      position: relative;
   }
   .player .song_progress_right .song_volume .volume_controls .plyr_vol_mobi {
      position: absolute;
      height: 30px;
      bottom: 79px;
      left: -58px;
      transform: rotate(-90deg);
      padding: 0 10px;
      box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.3);
      z-index: 9999;
      border-radius: 4px;
      background: #fff;
      visibility: hidden;
      opacity: 0;
   }
   .player .song_progress_right .song_volume .volume_controls:hover .plyr_vol_mobi {
      visibility: visible;
      opacity: 1;
   }
   .player .song_progress_right .song_volume .volume_controls .plyr_vol_mobi input[type="range"].amplitude-volume-slider {
      margin: 0;
      float: none;
   }
}

@media (max-width: 992px) {
   #my_video_player_container {
      display: none !important;
   }
   body.side_open {
      overflow: hidden;
   }
   header {
      padding: 0 20px;
      margin-left: 0;
   }
   header .head_menu,
   .sidebar .sidebar_innr .sections:first-child h3 {
      display: block;
   }
   authheader {
      padding: 0 20px;
      margin-left: 0;
   }
   authheader .head_menu,
   .sidebar .sidebar_innr .sections:first-child h3 {
      display: block;
   }
   .ma_sidebar {
      width: calc(100% - 56px);
      max-width: 280px;
      left: -280px;
      transition: all 0.2s;
      box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
      bottom: 0;
      z-index: 9999;
   }
   body.side_open .ma_sidebar {
      left: 0;
   }
   .ma_page_content {
      margin-left: 0;
   }
   .sidebar .logo_container {
      display: flex;
   }
   .sidebar .sidebar_innr {
      height: calc(100% - 80px);
   }
   .sidebar .sidebar_innr .sections h3 {
      font-size: 12px;
      border-top: none;
      padding: 6px 24px 10px;
      margin: 0;
   }
   .sidebar .sidebar_innr .sections li a {
      padding: 0 24px;
      font-size: 15px;
   }
   .sidebar .sidebar_innr .sections li a svg {
      margin-right: 27px;
   }
   .artist_user_info {
      margin-top: -245px;
   }
   .artist_s_list .wide_page_songs .s_lsongs_child .opts_song {
      opacity: 1;
      visibility: visible;
   }
   .sq_track_slider.no-slider .track_list,
   .pub_playlists .pplist_slider .track_list {
      flex: 0 0 25%;
      width: 25%;
   }
   .small_stat {
      padding: 15px 10px;
   }
   .ma_home_features .feature_list img {
      max-width: 275px;
   }
   .artist_section .artist_list {
      width: 25%;
   }
   header .head_search .head_search_cont input {
      width: 220px;
      padding: 0 5px 0 55px;
   }
   authheader .head_search .head_search_cont input {
      width: 220px;
      padding: 0 5px 0 55px;
   }
   .user_header .user_cover {
      padding-bottom: 23%;
   }
   .chatcontainer > .col-md-4 {
      margin-bottom: 20px;
   }
   .ma_footer {
      display: block;
   }
   .ss_action_item {
      margin-right: 5px;
      min-width: 86px;
      padding: 3px 3px;
   }
   .see_all {
      margin-bottom: 25px;
   }
   .single_song .ssong_header .ss_sub_body .ss_track_info_innr .ss_stats {
      white-space: nowrap;
      overflow-x: auto;
   }
   .sq_track_slider.no-slider .ds_radio_stat_list {
      flex: 0 0 33.3333333%;
      width: 33.3333333%;
   }
   .ds_aff_usr_head > img {
      display: none;
   }
   .checkout_side {
      margin: 20px 10px 10px;
   }
   .create-story-preview {
      display: none;
   }
   .sidebar .sidebar_innr .sections li .mystore_menu_parent span {
      display: inline;
   }
}

@media (max-width: 900px) {
   header .head_logo {
      margin-right: 22px;
   }
   authheader .head_logo {
      margin-right: 22px;
   }
   .user_header .user_cover {
      padding-bottom: 30%;
   }
   .user_info_cont .links_btns {
      flex-direction: column-reverse;
   }
   .user_info_cont .links_btns .opts_btn {
      margin: 0 auto 25px;
   }
   .user_info_cont .links_btns .ma_tabs {
      width: 100%;
   }
   .short_list_cont .purchased_songs .s_lsongs_child .second_a {
      display: none;
   }
   .sett_page {
      max-width: 100%;
   }
   .store_short_albums.sq_track_slider.no-slider .track_list {
      flex: 0 0 25%;
      width: 25%;
   }
   .sq_track_slider.no-slider.top_albums_lists_pag .track_list {
      flex: 0 0 20%;
      width: 20%;
   }
   .player .song_details {
      width: 325px;
      min-width: 325px;
   }
   .player .song_progress_right {
      width: 190px;
      min-width: 190px;
      padding-right: 0;
   }
   header .hide_hd_btn {
      display: none;
   }
   header .opts_head_acc {
      display: inline-block;
   }
   authheader .hide_hd_btn {
      display: none;
   }
   authheader .opts_head_acc {
      display: inline-block;
   }
   .sq_track_slider.no-slider .ds_radio_stat_list {
      flex: 0 0 50%;
      width: 50%;
   }
}

@media (max-width: 800px) {
   .sort-song-icon {
      display: none;
   }
   header .head_search {
      position: absolute;
      top: -59px;
      left: 0;
      right: 0;
      width: 100%;
      height: 59px;
      background-color: #171719;
      transition: all 0.2s;
      opacity: 0;
      visibility: hidden;
      z-index: 9;
   }
   header .head_user .head_search_mobi {
      display: inline-block;
   }
   body.search_open header .head_search {
      top: 0;
      opacity: 1;
      visibility: visible;
   }
   header .head_search .head_search_cont {
      margin: 0 10px;
   }
   header .head_search .head_search_cont input {
      width: 100%;
      margin: 9px 0;
      border-radius: 2px;
      padding: 0 40px 0 50px;
   }
   body.search_open header .head_search .head_search_cont .head_search_mobi_close {
      display: block;
   }

   authheader .head_search {
      position: absolute;
      top: -59px;
      left: 0;
      right: 0;
      width: 100%;
      height: 59px;
      background-color: #171719;
      transition: all 0.2s;
      opacity: 0;
      visibility: hidden;
      z-index: 9;
   }
   authheader .head_user .head_search_mobi {
      display: inline-block;
   }
   body.search_open authheader .head_search {
      top: 0;
      opacity: 1;
      visibility: visible;
   }
   authheader .head_search .head_search_cont {
      margin: 0 10px;
   }
   authheader .head_search .head_search_cont input {
      width: 100%;
      margin: 9px 0;
      border-radius: 2px;
      padding: 0 40px 0 50px;
   }
   body.search_open authheader .head_search .head_search_cont .head_search_mobi_close {
      display: block;
   }


   .pub_playlists .pplist_slider .track_list {
      flex: 0 0 33.3333333%;
      width: 33.3333333%;
   }
   .player .song_details .song_fav {
      display: none;
   }
   .player .song_details {
      width: 290px;
      min-width: 290px;
   }
   .player .song_details .song_title {
      max-width: calc(100% - 60px);
   }
   .ds_point_sys {
      padding: 0 !important;
   }
   .ds_point_sys > img {
      transform: none;
      position: relative;
      height: 110px;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      margin: 0 0 10px;
   }
   .ds_point_sys_innr {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      margin: 15px 0 0 !important;
   }
}

@media (max-width: 768px) {
   .artist_user_info {
      margin-top: -120px;
   }
   .artist_user_info .ap_user_ava {
      flex-direction: column;
      text-align: center;
      margin: auto;
   }
   .artist_user_info .avatar_container {
      margin-right: 0;
   }
   .artist_user_info .info_container h4 {
      justify-content: center;
      margin-top: 20px;
   }
   .artist_user_info .ap_options {
      justify-content: center;
      flex-wrap: wrap;
   }
   .artist_songs .head_title li.hash,
   .artist_s_list .wide_page_songs .s_lsongs_child .first {
      padding-left: 0.5%;
   }
   .artist_s_list .wide_page_songs .s_lsongs_child .second .a_name {
      display: block;
   }
   .artist_s_list .wide_page_songs .s_lsongs_child .second_a,
   .artist_songs .head_title li.artist {
      display: none;
   }
   .artist_songs .head_title li.hash,
   .artist_s_list .wide_page_songs .s_lsongs_child .first {
      width: 19%;
   }
   .artist_songs .head_title li.title,
   .artist_s_list .wide_page_songs .s_lsongs_child .second {
      width: 66%;
   }
   .small_stat {
      margin-bottom: 30px;
   }
   .ma_discover_page .short_list_card {
      margin-bottom: 30px;
   }
   .mf_list .bottom_part .fav_toolbar {
      opacity: 1;
      visibility: visible;
   }
   .genre_lst .gnr_list_item {
      flex: 0 0 25%;
      width: 25%;
   }
   .ma_home_features .feature_list {
      flex-direction: column;
   }
   .ma_home_features .feature_list:last-child {
      flex-direction: column-reverse;
   }
   .ma_home_features .feature_list .feature_info {
      max-width: none;
      text-align: center;
   }
   .ma_home_features .feature_list img {
      margin-bottom: 30px;
   }
   .artist_section .artist_list {
      width: 33.3333333%;
   }
   .full_footer {
      flex-direction: column;
      height: auto;
      padding: 30px 15px;
      justify-content: inherit;
      text-align: center;
   }
   .full_footer .imp_links {
      margin: 14px 0 !important;
   }
   .auth_box {
      min-width: auto;
   }
   .short_list_cont .purchased_songs .s_lsongs_child .second_b {
      display: none;
   }
   .short_list_cont .purchased_songs .s_lsongs_child .second {
      max-width: calc(100% - 157px);
      padding-right: 15px;
   }
   .album_bg_cover {
      margin: -45px -15px -140px;
   }
   .album_poster_info {
      max-width: 100%;
      display: flex;
      align-items: center;
   }
   .album_poster_info .al_art {
      margin-bottom: 0;
      width: 180px;
      min-width: 180px;
      height: 180px;
      margin-right: 20px;
      padding: 0;
   }
   .album_poster_info .al_name,
   .album_poster_info .al_artist,
   .album_songs .play_btn {
      text-align: inherit;
   }
   .album_songs .al_add_info {
      text-align: inherit !important;
      margin-bottom: 40px;
   }
   .single_song .ssong_header .ss_sub_head .ss_publisher_info > span {
      display: none;
   }
   .single_song .ssong_header .ss_sub_body .ss_image {
      float: none !important;
      margin: 0 auto 20px;
   }
   .single_song .ssong_header .ss_sub_body .ss_track_info {
      margin-left: 0px;
   }
   .single_song .ssong_footer .ss_actions {
      flex-direction: column;
   }
   .single_song .ssong_footer .ss_actions .ss_toolkit {
      margin: auto;
      margin-top: 13px;
   }
   .single_song .ssong_comments .see_all {
      margin-bottom: 30px;
   }
   .store_short_albums.sq_track_slider.no-slider .track_list {
      flex: 0 0 20%;
      width: 20%;
   }
   .top_m_filters .filter_list {
      width: 20%;
   }
   .top_m_filters {
      margin-bottom: 20px;
   }
   .player .song_progress_right .song_rs_controls .amplitude-playback-speed {
      display: none;
   }
   .player .song_progress_right {
      width: 150px;
      min-width: 150px;
   }
   .player .song_details {
      width: 265px;
      min-width: 265px;
   }
   header .head_user .btn.btn-mat svg {
      display: none;
   }
   authheader .head_user .btn.btn-mat svg {
      display: none;
   }
   /*.event_profile .artist_user_info .info_container h4 {
      font-size: 29px;
   }*/
   .lang_select_modal .language_info {
      padding: 30px 30px 10px;
      min-height: auto;
   }
   .lang_select_modal .language_info svg {
      display: none;
   }
}

@media (max-width: 700px) {
   .store_short_albums.sq_track_slider.no-slider .track_list,
   .sq_track_slider.no-slider.top_albums_lists_pag .track_list {
      flex: 0 0 25%;
      width: 25%;
   }
   .upload_music .upload_form {
      padding: 30px 15px 0px;
   }
   .upload_music .upload_form .song_thumb,
   .upload_music .upload_form .song_price {
      position: relative;
      top: auto;
      left: auto;
   }
   .upload_music .upload_form .song_thumb .upload-song-image,
   .upload_music .upload_form .song_thumb .upload-image-content {
      width: 100%;
   }
   .upload_music .upload_form .song_price {
      margin-bottom: 40px;
   }
   .player .song_details {
      width: 230px;
      min-width: 230px;
   }
   .player .song_progress_right {
      width: 125px;
      min-width: 125px;
   }
   .player .song_progress .song_controls .amplitude-stop,
   .player .song_progress_right .song_rs_controls .amplitude-shuffle {
      display: none;
   }
   .player .song_progress .song_time {
      padding-left: 0;
   }
   .single_song .ssong_footer .ss_actions,
   .single_song .ssong_footer .ss_actions .ss_actions_innr {
      flex-wrap: wrap;
      justify-content: center;
   }
   .ss_action_item,
   .single_song .ssong_footer .ss_actions .ss_actions_innr > .dropdown {
      margin-bottom: 10px;
   }
   .sq_track_slider.no-slider .ds_radio_stat_list,
   .ds_usr_profile_stations .sq_track_slider.no-slider .ds_radio_stat_list {
      flex: 0 0 100%;
      width: 100%;
   }
}

@media (max-width: 600px) {
   .genre_lst .gnr_list_item {
      flex: 0 0 33.3333333%;
      width: 33.3333333%;
   }
   .auth_box {
      min-height: auto;
      width: 90%;
   }
   .auth_box .left_combo {
      display: none;
   }
   .auth_box .right_combo {
      width: 100%;
   }
   .pub_playlists .pplist_slider .track_list {
      flex: 0 0 50%;
      width: 50%;
   }
   .user_header .user_cover {
      padding-bottom: 40%;
   }
   .single_song .ssong_header {
      padding: 30px 10px 40px;
   }
   .single_song .ssong_header .ss_sub_head > .published {
      display: none;
   }
   .single_song .ssong_header .ss_sub_head .ss_publisher_info {
      margin-left: 0;
      width: 100%;
   }
   .single_song .ssong_header .ss_sub_head .ss_publisher_info .ss_short_info {
      border: 0;
      padding: 0;
   }
   .single_song .ssong_header .ss_sub_head .ss_publisher_info .btn {
      float: right;
      margin: 4.5px 0 4.5px 10px;
   }
   .single_song .ssong_header .ss_sub_head .ss_publisher_info .ss_short_info .ss_short_info_innr .published {
      display: block;
   }
   .single_song .ssong_header .ss_sub_head {
      margin-bottom: 40px;
   }
   .single_song .ssong_header .ss_sub_body .ss_track_play_pause {
      float: none;
      margin: -190px auto 95px;
      height: 100px;
      background-color: rgba(0, 0, 0, 0.6);
      border-radius: 50%;
   }
   .single_song .ssong_header .ss_sub_body .ss_track_info_innr .ss_stats li {
      margin-right: 15px;
   }
   .single_song .ssong_header .ss_sub_body .ss_track_info_innr,
   .single_song .ssong_header .ss_sub_body .ss_track_info_innr .ss_stats li:last-child {
      margin: 0;
   }
   .store_songs .song_list .avatar img {
      width: 70px;
      height: 70px;
   }
   .store_songs .song_list .song_right_part {
      margin-left: 80px;
   }
   .store_songs .song_upper {
      flex-direction: column;
   }
   .store_songs .song_upper .song_meta_info {
      max-width: 100%;
      width: 100%;
   }
   .store_songs .song_lower {
      margin-left: -80px;
   }
   .top_m_filters .filter_list {
      width: 25%;
   }
   .player .song_progress_right .song_rs_controls,
   .player .song_progress_right .song_volume {
      display: none;
   }
   .player .song_progress_right {
      width: 57px;
      min-width: 57px;
   }
}

@media (max-width: 565px) {
   .search_albums .sq_track_slider.no-slider .track_list,
   .store_short_albums.sq_track_slider.no-slider .track_list,
   .sq_track_slider.no-slider.top_albums_lists_pag .track_list {
      flex: 0 0 33.3333333%;
      width: 33.3333333%;
   }
   .short_list_cont .album_play_song_lists .s_lsongs_child .first {
      width: 30px;
      margin-right: 15px;
   }
   .short_list_cont .album_play_song_lists .s_lsongs_child .first .fav_song {
      margin: auto;
   }
   .short_list_cont .album_play_song_lists .s_lsongs_child .second {
      max-width: calc(100% - 115px);
   }
   .user_info_cont .links_btns .opts_btn {
      margin: 0 auto 15px;
   }
   .user_info_cont .links_btns .opts_btn .btn {
      margin: 6px 4px;
   }
   .comment-on-wave {
      display: none;
   }
   header .loggd_hd_logo a {
      color: #d2d2d2;
      display: block;
      padding: 5px;
      margin: 0 10px;
   }
   header .loggd_hd_logo img {
      display: none;
   }
   header .loggd_hd_logo svg {
      display: block;
   }
   authheader .loggd_hd_logo a {
      color: #d2d2d2;
      display: block;
      padding: 5px;
      margin: 0 10px;
   }
   authheader .loggd_hd_logo img {
      display: none;
   }
   authheader .loggd_hd_logo svg {
      display: block;
   }
   .product_img_zoom {
      padding: 0 !important;
      flex-direction: column;
   }
   .prod_zoom_thumbs {
      margin: 20px 0 !important;
   }
   .prod_img_zoom-thumbs {
      max-height: none;
      overflow-y: visible;
      white-space: nowrap;
      margin: 0 -10px;
      overflow-x: auto;
   }
   .prod_img_zoom-thumbs > a {
      display: inline-block;
      margin: 0 10px !important;
   }
   header .head_user .notis,
   header .head_user .music_opts {
      position: static;
   }
   header .head_user .notis > .dropdown-menu,
   header .head_user .music_opts > .dropdown-menu {
      left: 0;
      right: 0;
      width: 100%;
      top: 60px;
   }
   header .head_user .notis > .dropdown-menu:before,
   header .head_user .music_opts > .dropdown-menu:before {
      display: none;
   }

   authheader .head_user .notis,
   authheader .head_user .music_opts {
      position: static;
   }
   authheader .head_user .notis > .dropdown-menu,
   authheader .head_user .music_opts > .dropdown-menu {
      left: 0;
      right: 0;
      width: 100%;
      top: 60px;
   }
   authheader .head_user .notis > .dropdown-menu:before,
   authheader .head_user .music_opts > .dropdown-menu:before {
      display: none;
   }
}

@media (max-width: 520px) {
   .artist_songs .head_title li.hash,
   .artist_s_list .wide_page_songs .s_lsongs_child .first {
      width: 85px;
   }
   .artist_songs .head_title li.title,
   .artist_s_list .wide_page_songs .s_lsongs_child .second {
      width: calc(100% - 115px);
   }
   .artist_songs .head_title li.duration,
   .artist_s_list .wide_page_songs .s_lsongs_child .third {
      width: 30px;
   }
   .artist_songs .head_title li svg,
   .artist_s_list .wide_page_songs .s_lsongs_child .third .duration,
   .ma_discover_page .short_list_cont .s_lsongs_child .duration {
      display: none;
   }
   .artist_s_list .wide_page_songs .s_lsongs_child .opts_song {
      position: relative;
      margin-left: auto;
   }
   .sq_track_slider.no-slider .track_list {
      flex: 0 0 33.3333333%;
      width: 33.3333333%;
   }
   .artist_header .artist_cover .edit_cover,
   .artist_user_info .avatar_container .edit_cover,
   .user_header .user_cover .edit_cover {
      opacity: 1;
      transform: scale(1);
   }
   .ma_dashboard .content {
      margin: 20px auto;
   }
   .feed_post .fp_body,
   .post-actions {
      margin: 0px 10px;
   }
   .post-actions {
      margin-top: 5px;
   }
   .ma_home_nav .navbar {
      padding-left: 0;
      padding-right: 0;
   }
   .sett_page {
      flex-direction: column;
   }
   .sett_page .st_sidebar {
      width: 100%;
      border: 0;
      border-radius: 7px 7px 0px 0px;
      overflow: hidden;
   }
   .sett_page .st_sidebar ul {
      margin: 0;
      display: flex;
      overflow-x: auto;
   }
   .sett_page .st_sidebar ul li {
      flex: 1;
   }
   .player .song_progress_right {
      display: none;
   }
   .user-status-home ul.status-list li {
      width: 30%;
      min-width: 30%;
   }
   .ma_discover_page .user-status-home ul.status-list li {
      width: 25%;
      min-width: 25%;
   }
}

@media (max-width: 485px) {
   header {
      padding: 0 11px;
   }
   header .head_menu {
      margin: 0 5px;
   }
   header .head_logo {
      margin-right: 0;
   }
   header .head_logo a img {
      max-width: 107px;
   }
   header .head_user {
      margin-left: auto;
   }
   header .head_user:not(.not_loggd_hdrr) {
      margin-left: 0;
      display: flex;
      align-items: center;
      justify-content: space-around;
      width: 100%;
   }
   .chaticon,
   header .head_user .opts_account {
      margin-left: 0px;
   }
   .user_header .user_cover {
      padding-bottom: 50%;
   }
   .short_list_cont .purchased_songs .s_lsongs_child .first {
      width: 35px;
      margin-right: 10px;
   }
   .short_list_cont .purchased_songs .s_lsongs_child .first .numbers,
   .short_list_cont .purchased_songs .s_lsongs_child .duration {
      display: none;
   }
   .short_list_cont .purchased_songs .s_lsongs_child .fav_song {
      margin: 0;
   }
   .short_list_cont .purchased_songs .s_lsongs_child .second {
      max-width: calc(100% - 69px);
   }
   .album_poster_info .al_art {
      width: 150px;
      min-width: 150px;
      height: 150px;
      margin-right: 15px;
   }
   .top_m_filters .filter_list {
      width: 33.3333333%;
   }
   .top_m_filters .filters_innr .f_name {
      font-size: 19px;
   }
   .player .song_details {
      width: calc(100% - 100px);
      min-width: calc(100% - 100px);
   }
   .player .song_details .song_title .hide_mobi_alb_nm,
   .player .song_progress .song_time .current_time,
   .player .song_progress .song_time .duration_seperate,
   .player .song_progress .song_time .duration_time {
      display: none;
   }
   .player .song_details .song_title .song_time_sec {
      display: block;
   }
   header .loggd_hd_logo a {
      margin: 0;
   }
}

@media (max-width: 470px) {
   .create_playlist {
      min-width: auto;
      width: 90%;
   }
   .short_list_cont .album_play_song_lists .s_lsongs_child .third .duration {
      display: none;
   }
   .short_list_cont .album_play_song_lists .s_lsongs_child .second {
      max-width: calc(100% - 69px);
   }
   .store_songs .song_list .avatar img {
      width: 60px;
      height: 60px;
   }
   .store_songs .song_list .song_right_part {
      margin-left: 70px;
   }
   .store_songs .song_upper .song_price_info {
      margin-top: 10px;
   }
   .store_songs .song_lower {
      margin-left: -70px;
   }
   .store_songs .song_lower > li:nth-child(1) {
      display: none;
   }
}

@media (max-width: 435px) {
   .ma_404 section {
      font-size: 82px;
   }
   .ma_404 section svg {
      width: 82px;
      height: 82px;
   }
   .artist_header .artist_cover {
      padding-bottom: 65%;
   }
   .reset-page {
      padding: 35px 20px;
   }
   .home_widget_title {
      font-size: 19px;
   }
   .home_widget_title .slide_btns a {
      font-size: 12px;
      margin-right: 10px;
   }
   .feed_post .fp_head {
      padding: 10px 0;
   }
   .feed_post .fp_body,
   .post-actions {
      margin: 0px;
   }
   .post-actions {
      margin-top: 5px;
   }
   .genre_lst .gnr_list_item,
   .search_albums .sq_track_slider.no-slider .track_list,
   .store_short_albums.sq_track_slider.no-slider .track_list,
   .sq_track_slider.no-slider.top_albums_lists_pag .track_list {
      flex: 0 0 50%;
      width: 50%;
   }
   .ma_home_head {
      padding: 140px 0px;
   }
   .ma_home_search {
      padding: 50px 10px 20px;
   }
   .ma_home_nav nav .navbar-brand img {
      max-width: 115px;
   }
   .ma_home_nav nav .btn {
      padding: 1px 11px;
   }
   .ma_home_nav nav .btn.btn-light {
      margin-left: 0px;
   }
   .ma_home_features .feature_list img {
      max-width: 235px;
      width: 90%;
   }
   .artist_section .artist_list {
      width: 50%;
   }
   header .head_user .notis .unread_count {
      right: 78px;
   }
   .sett_page .st_content {
      padding: 20px 15px 5px;
   }
   .album_poster_info {
      align-items: normal;
   }
   .album_poster_info .al_art {
      width: 110px;
      min-width: 110px;
      height: 110px;
   }
   .album_poster_info .al_name {
      font-size: 22px;
      line-height: 28px;
      word-break: break-word;
   }
   .album_poster_info .al_artist a {
      color: #a7a7a7;
      font-size: 14px;
   }
   .single_song .ssong_comments .comment_list .comment_item .comment_meta .comment_controls .btn {
      padding: 2px 5px;
   }
   span#new-messages,
   .unread_cart_count,
   header .head_user .notis .unread_count,
   header .head_user .notis .unread_R_count {
      right: auto;
      left: auto;
      top: auto;
      margin: -8px 0 0 10px;
   }
   span#new-messages {
      margin: -8px 0 0 -14px;
   }
}

@media (max-width: 400px) {
   .artist_s_list .wide_page_songs .s_lsongs_child .first .fav_song,
   .ma_discover_page .short_list_cont .s_lsongs_child .first,
   .top_dic_son_listz.short_list_cont .s_lsongs_child .first,
   .top_dic_son_listz.short_list_cont .s_lsongs_child .third .duration {
      display: none;
   }
   .artist_songs .head_title li.hash,
   .artist_s_list .wide_page_songs .s_lsongs_child .first {
      width: 40px;
   }
   .artist_songs .head_title li.title,
   .artist_s_list .wide_page_songs .s_lsongs_child .second {
      width: calc(100% - 70px);
   }
   .sq_track_slider.no-slider .track_list {
      flex: 0 0 50%;
      width: 50%;
   }
   .ma_discover_page .short_list_cont .s_lsongs_child .second {
      padding-right: 18px;
   }
   .feed_song .second {
      max-width: calc(100% - 90px);
   }
   .feed_song .third {
      display: none;
   }
   .ma_home_head .container .heading {
      font-size: 37px;
   }
   .ma_home_head .container .sub_heading {
      font-size: 15px;
   }
   .ma_home_head .container .link_holder {
      margin-top: 60px;
      margin-bottom: 30px;
   }
   .ma_home_head .container .btn {
      height: 46px;
      font-size: 14px;
      padding: 0 24px;
      margin-left: 0;
   }
   .ma_home_head .container .link {
      font-size: 14px;
   }
   header .head_user .opts_account {
      margin-left: 7px;
   }
   header .head_user .opts_account > img {
      width: 33px;
      height: 33px;
   }
   .create_playlist_innr {
      flex-direction: column;
   }
   .create_playlist_innr .play_avatar {
      margin-right: 0;
      margin-bottom: 15px;
   }
   .pub_playlists .pplist_slider .track_list {
      flex: 0 0 100%;
      width: 100%;
   }
   .single_song .ssong_footer .ss_actions .ss_actions_innr .ss_action_item {
      font-size: 0;
      min-width: 70px;
   }
   .store_songs .song_lower > li {
      font-size: 12px;
   }
   .top_dic_son_listz.short_list_cont .s_lsongs_child .second {
      max-width: calc(100% - 25px);
   }
   header .head_menu,
   header .loggd_hd_logo a {
      margin: 0 2px;
   }
   .user-status-home ul.status-list li {
      width: 35%;
      min-width: 35%;
   }
   .ma_discover_page .user-status-home ul.status-list li {
      width: 30%;
      min-width: 30%;
   }
}

@media (max-width: 345px) {
   header .head_logo {
      margin-right: 5px;
   }
   header .head_logo a img {
      max-width: 95px;
   }
   header .head_user .opts_account {
      margin-left: 0px;
   }
   header .head_user .head_search_mobi,
   header .opts_head_acc,
   header .head_user .notis,
   .chaticon {
      padding: 3px;
   }
   .user_header .user_cover {
      padding-bottom: 60%;
   }
   .player .song_details .song_details_inner .song_art {
      display: none;
   }
   .player .song_details .song_title {
      max-width: 100%;
   }
}

@media (max-width: 400px) {
   .announcement-renderer {
      margin-left: 10px;
      margin-right: 10px;
   }
}

.likes {
   font-weight: 500;
   color: #939393;
   font-size: 12px;
}
span.ajax-time {
   font-size: 11px;
}
#light-wave {
   border-right: 1px solid rgb(71, 71, 71) !important;
}
.hide {
   display: none !important;
}
.bank_transfr_progress {
   position: absolute;
   bottom: 65px;
   left: 0;
   right: 0;
}
.bank_transfr_progress .progress {
   margin: 0;
   height: 3px;
   background-color: rgba(0, 0, 0, 0.1);
}
.bank_transfr_progress .progress .determinate {
   background-color: #9c27b0;
}
#more {
   display: none;
}
#btn-track-load-more {
   cursor: pointer;
}
@media (max-width: 900px) {
   .pub_playlists .pplist_slider .track_list {
      flex: 0 0 25% !important;
      width: 25% !important;
   }
}
@media (max-width: 800px) {
   .pub_playlists .pplist_slider .track_list {
      flex: 0 0 33% !important;
      width: 33% !important;
   }
}
@media (max-width: 600px) {
   .pub_playlists .pplist_slider .track_list {
      flex: 0 0 50% !important;
      width: 50% !important;
   }
}
@media (max-width: 400px) {
   .pub_playlists .pplist_slider .track_list {
      flex: 0 0 100% !important;
      width: 100% !important;
   }
}
.artist_list .track_info .artist {
   min-height: 22px;
}
div#login_box {
   z-index: 99999999999;
}
.link_active {
   color: #ffffff;
}
.bulk-sound-upload {
   margin: 0 auto;
   margin-top: 20px;
}
.user-last-message a {
   padding: 0px !important;
}
.user-last-message img {
   width: 18px !important;
   margin-top: 0px;
   padding: 0px;
   border-radius: 5px !important;
}
.custom-file-input::-webkit-file-upload-button {
   visibility: hidden;
}
.custom-file-input {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   cursor: pointer;
   z-index: 10;
}
header .head_user .notis .unread_R_count {
   padding: 0 4px;
   color: #fff;
   font-size: 12px;
   z-index: 1;
   pointer-events: none;
   position: absolute;
   margin-top: -1px;
   right: 3px;
   background-color: var(--main-color);
   border-radius: 3px;
}
.btn-mat svg {
   width: 17px;
   height: 17px;
   margin: -2px 3px 0 0;
}

.load-more {
   text-align: center;
   margin-top: 5px;
   margin-bottom: 5px;
}
.load-more button {
   text-align: center;
   width: auto;
}

.unread_cart_count {
   padding: 0 4px;
   color: #fff;
   font-size: 12px;
   z-index: 1;
   pointer-events: none;
   position: absolute;
   margin-top: -1px;
   right: 3px;
   background-color: var(--main-color);
   border-radius: 3px;
}
.write_review_icon {
   width: 90px;
   height: 90px;
   margin: 0 auto 20px;
   display: block;
   opacity: 0.7;
}
.wishlist_item:last-child {
   border: 0;
}
.wishlist_item {
   position: relative;
   display: flex;
   align-items: center;
   border-bottom: 1px solid #f0f0f0;
   padding: 30px 15px;
}
.write_review_item .wish_left_part {
   max-width: 100%;
   align-items: center;
}
.wishlist_item .wish_left_part {
   width: 100%;
   max-width: calc(100% - 150px);
   align-items: normal;
}
.valign-wrapper {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}
.write_review_item .wish_left_part .wish_product_img {
   width: 90px;
   min-width: 90px;
   height: 90px;
}
.wishlist_item .wish_left_part .wish_product_img {
   width: 115px;
   min-width: 115px;
   height: 115px;
   margin-right: 15px;
}
.wishlist_item .wish_left_part .wish_product_img img {
   width: 100%;
   height: 100%;
   border-radius: 4px;
   object-fit: cover;
}
.wishlist_item .wish_left_part .wish_product_details {
   max-width: inherit;
}
.wishlist_item .wish_left_part .wish_product_details h3 {
   display: block;
   max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-weight: 600;
   font-size: 21px;
}
.wishlist_item .wish_left_part .wish_product_details h3 a {
   color: #232323;
}
.write_review_item .wish_left_part .wish_price {
   margin-top: 12px;
}
.wishlist_item .wish_left_part .wish_price {
   display: block;
   font-size: 24px;
}
.star_rating {
   flex-direction: row-reverse;
   font-size: 30px;
   justify-content: flex-end;
}
.star_rating input {
   display: none;
}
.star_rating label {
   color: #dcdcdc;
   cursor: pointer;
}
.shop_input {
   height: 50px;
   background-color: #eeeeee;
   border-color: transparent;
   border-width: 2px;
   border-radius: 10px;
   font-weight: 600;
}
.create_prod_images .productimage-holder {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -5px -10px;
}
.create_prod_images .upload-product-image {
   display: flex;
   width: 25%;
   margin: 0 0px 10px;
   height: 110px;
   padding: 0 5px;
   object-fit: cover;
   order: 2;
}
.create_prod_images .upload-product-image .upload-image-content {
   color: #495057;
   justify-content: center;
   width: 100%;
   background-color: #eeeeee;
   transition: all 0.2s;
   border-radius: 5px;
   cursor: pointer;
}
textarea.shop_input {
   height: auto;
}
.contact_page .btn-main {
   font-weight: 600;
   height: 50px;
   border-radius: 10px;
   padding: 0 30px;
}
.lightbox-gallery {
   background-repeat: no-repeat;
   color: #000;
   overflow-x: hidden;
}
.lightbox-gallery p {
   color: #fff;
}
.lightbox-gallery h2 {
   font-weight: bold;
   margin-bottom: 40px;
   padding-top: 40px;
   color: #fff;
}
@media (max-width: 767px) {
   .lightbox-gallery h2 {
      margin-bottom: 25px;
      padding-top: 25px;
      font-size: 24px;
   }
}
.lightbox-gallery .intro {
   font-size: 16px;
   max-width: 500px;
   margin: 0 auto 40px;
}
.lightbox-gallery .intro p {
   margin-bottom: 0;
}
.lightbox-gallery .photos {
   padding-bottom: 20px;
}
.lightbox-gallery .item {
   padding-bottom: 30px;
}
.write_review_icon {
   width: 90px;
   height: 90px;
   margin: 0 auto 20px;
   display: block;
   opacity: 0.7;
}
.write_review_item .wish_left_part {
   max-width: 100%;
   align-items: center;
}
.write_review_item .wish_left_part .wish_product_img {
   width: 90px;
   min-width: 90px;
   height: 90px;
}
.write_review_item .wish_left_part .wish_price {
   margin-top: 12px;
}
.star_rating {
   flex-direction: row-reverse;
   font-size: 30px;
   justify-content: flex-end;
}
.star_rating input {
   display: none;
}
.star_rating label {
   color: #dcdcdc;
   cursor: pointer;
}
.star_rating :checked ~ label {
   color: #ef8f12;
}
.star_rating label:hover,
.star_rating label:hover ~ label {
   color: #fc0;
}
.productimage-holder .thumb-image {
   width: 25%;
   height: 110px;
   margin: 0 0px 10px;
   padding: 0 5px;
   display: flex;
   border-radius: 8px;
   object-fit: cover;
}
.productimage-holder .thumb-image img {
   width: 100%;
}
.write_a_prod_review {
   border: 0;
   width: calc(100% - 20px);
   color: #2196f3;
   background-color: rgb(33 150 243 / 20%);
   font-weight: 500;
   border-radius: 10px;
   padding: 10px 10px;
   margin: 0 10px 15px;
}

/* Tickets */
@import url("https://fonts.googleapis.com/css?family=Oswald");
.ticket_card {
   display: table-row;
   width: 100%;
   background-color: #fff;
   color: #989898;
   margin-bottom: 10px;
   font-family: "Oswald", sans-serif;
   text-transform: uppercase;
   border-radius: 4px;
   position: relative;
}
.ticket_card + .ticket_card {
   margin-left: 2%;
}
.ticket_date {
   display: table-cell;
   width: 25%;
   position: relative;
   text-align: center;
   border-right: 2px dashed #dadde6;
}
.ticket_date:before,
.ticket_date:after {
   content: "";
   display: block;
   width: 30px;
   height: 30px;
   background-color: #dadde6;
   position: absolute;
   top: -15px;
   right: -15px;
   z-index: 1;
   border-radius: 50%;
}
.ticket_date:after {
   top: auto;
   bottom: -15px;
}
.ticket_date time {
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.ticket_date time span {
   display: block;
}
.ticket_date time span:first-child {
   color: #2b2b2b;
   font-weight: 600;
   font-size: 250%;
}
.ticket_date time span:last-child {
   text-transform: uppercase;
   font-weight: 600;
   margin-top: -10px;
}
.ticket_card-cont {
   display: table-cell;
   width: 75%;
   font-size: 85%;
   padding: 10px 10px 30px 50px;
}
.ticket_card-cont h3 {
   color: #3c3c3c;
   font-size: 130%;
}
.row:last-child .ticket_card:last-of-type .ticket_card-cont h3 {
   text-decoration: line-through;
}
.ticket_card-cont > div {
   display: table-row;
}
.ticket_card-cont .ticket_even-date i,
.ticket_card-cont .ticket_even-info i,
.ticket_card-cont .ticket_even-date time,
.ticket_card-cont .ticket_even-info p {
   display: table-cell;
}
.ticket_card-cont .ticket_even-date i,
.ticket_card-cont .ticket_even-info i {
   padding: 5% 5% 0 0;
}
.ticket_card-cont .ticket_even-info p {
   padding: 30px 50px 0 0;
}
.ticket_card-cont .ticket_even-date time span {
   display: block;
}
.row:last-child .ticket_card:first-child .ticket_card-cont a {
   background-color: #037fdd;
}
.row:last-child .ticket_card:last-child .ticket_card-cont a {
   background-color: #f8504c;
}
@media screen and (max-width: 860px) {
   .ticket_card {
      display: block;
      float: none;
      width: 100%;
      margin-bottom: 10px;
   }
   .ticket_card + .ticket_card {
      margin-left: 0;
   }
   .ticket_card-cont .ticket_even-date,
   .ticket_card-cont .ticket_even-info {
      font-size: 75%;
   }
}
.y_player_cover {
   position: absolute;
   z-index: 10;
   width: 100%;
   height: 100%;
}

::-webkit-scrollbar {
   width: 8px !important;
}
::-webkit-scrollbar-track {
   border-radius: 10px;
   background: transparent;
}
::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background: transparent;
}

body .font_inherit {
   font-size: inherit;
}

.checkbox label .toggle,
.checkbox-inline .toggle {
   margin-left: -20px;
   margin-right: 5px;
}
.toggle {
   position: relative;
   overflow: hidden;
}
.toggle input[type="checkbox"] {
   display: none;
}
.toggle-group {
   position: absolute;
   width: 200%;
   top: 0;
   bottom: 0;
   left: 0;
   transition: left 0.35s;
   -webkit-transition: left 0.35s;
   -moz-user-select: none;
   -webkit-user-select: none;
}
.toggle.off .toggle-group {
   left: -100%;
}
.toggle-on {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 50%;
   margin: 0;
   border: 0;
   border-radius: 0;
}
.toggle-off {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 50%;
   right: 0;
   margin: 0;
   border: 0;
   border-radius: 0;
}
.toggle-handle {
   position: relative;
   margin: 0 auto;
   padding-top: 0;
   padding-bottom: 0;
   height: 100%;
   width: 0;
   border-width: 0 1px;
}
.toggle.btn {
   min-width: 59px;
   min-height: 34px;
}
.toggle-on.btn {
   padding-right: 24px;
}
.toggle-off.btn {
   padding-left: 24px;
}
.toggle.btn-lg {
   min-width: 79px;
   min-height: 45px;
}
.toggle-on.btn-lg {
   padding-right: 31px;
}
.toggle-off.btn-lg {
   padding-left: 31px;
}
.toggle-handle.btn-lg {
   width: 40px;
}
.toggle.btn-sm {
   min-width: 50px;
   min-height: 30px;
}
.toggle-on.btn-sm {
   padding-right: 20px;
}
.toggle-off.btn-sm {
   padding-left: 20px;
}
.toggle.btn-xs {
   min-width: 35px;
   min-height: 22px;
}
.toggle-on.btn-xs {
   padding-right: 12px;
}
.toggle-off.btn-xs {
   padding-left: 12px;
}
.user-list .user-last-time {
   position: absolute;
   top: 20px;
   right: 20px;
}


.card {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-flex: 1;
       -ms-flex: 1 0 0%;
           flex: 1 0 0%;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   background-color: #fff;
   overflow: hidden; }

.image-upload .thumb .file-upload {
    font-size: 0;
    opacity: 0;
}

.image-upload .thumb .upload-file label {
    color: #ffffff;
    font-size: 15px;
    cursor: pointer;
    padding: 2px 15px;
    border-radius: 5px;
    transition: all 0.3s;
}

.image-upload .thumb .upload-file label:hover {
    transform: translateY(-3px);
}

 .image-uploadx {
    display: flex;
    justify-content: space-between;
}

.thumbx {
    display: flex;
    align-items: center;
}

.btn[disabled] {
        pointer-events: none;
        opacity: 0.7;
    }

.megabox {
    position: relative;
    cursor: pointer;
}
.megabox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.megabox .megabox-elem {
    border: 1px solid #e2e5ec;
    border-radius: 0.25rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0.25rem;
}
.megabox > input:checked ~ span .rounded-check:after,
.megabox > input:checked ~ span .square-check:after {
    visibility: visible;
    opacity: 1;
}

.megabox > input:checked ~ .megabox-elem,
.megabox > input:checked ~ .megabox-elem {
    border-color: var(--primary);
}

.product-quantity input, .product-quantity span {
   height: 45px;
   border: 1px solid #dce1e5;
   margin: 0;
   text-align: center
}
.product-quantity {
   display: flex;
   float: left;
   margin-right: 10px
}

.product-quantity span {
   width: 45px;
   line-height: 45px;
   padding: 0;
   background-color: #fff;
   font-size: 14px;
   cursor: pointer;
   display: inline-block
}

.product-quantity input {
   width: 50px;
   padding: 0 10px
}

.product-quantity input:focus {
   outline: 0;
   box-shadow: unset;
   border-color: unset
}

.product-quantity input::-webkit-inner-spin-button,
.product-quantity input::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0
}

.product-quantity input[type=number] {
   -moz-appearance: textfield
}

.ps-product--detail .ps-product__meta {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}

.ps-product--detail h1 {
   font-size: 25px;
}

.ps-product--detail .ps-product__meta p {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 10px;
  padding-right: 10px;
  line-height: 20px;
}

.ps-product--detail .ps-product__meta p a {
  color: #06c;
}

.ps-product--detail .ps-product__meta p:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 14px;
  background-color: #cccccc;
}

.ps-product--detail .ps-product__meta .ps-product__rating {
  display: flex;
  flex-flow: row nowrap;
}

.ps-product--detail .ps-product__meta .ps-product__rating .br-wrapper a {
  font-size: 14px;
}

.ps-product--detail .ps-product__meta .ps-product__rating span {
  margin-left: 10px;
  color: #666;
}

.ps-product--detail .ps-product__specification {
  margin-bottom: 10px;
}

.ps-product--detail .ps-product__specification .report {
  text-decoration: underline;
}

.ps-product--detail .ps-product__specification .in-stock {
  color: #8bc500;
  font-weight: 600;
}

.ps-product--detail .ps-product__specification p {
  color: #000;
  margin-bottom: 0;
}

.ps-product--detail .ps-product__specification p strong {
  font-weight: 400;
  margin-right: 5px;
}

.ps-product--detail .ps-product__specification p a {
  color: #666;
}

.ps-product--detail .ps-product__specification p a:hover {
  color: var(--theme-color);
}

.ps-product--detail .ps-product__specification p.categories a {
  color: #09c;
}


.product-qty input, .product-qty span {
   height: 23px;
   border: 1px solid #dce1e5;
   margin: 0;
   font-size: 12px;
   text-align: center
}
.product-qty {
   display: flex;
   float: left;
   margin-right: 10px
}

.product-qty span {
   width: 25px;
/*   line-height: 30px;*/
   padding: 0;
   background-color: #fff;
   font-size: 14px;
   cursor: pointer;
   display: inline-block
}

.product-qty input {
   width: 40px;
/*   padding: 0 10px;*/
}