/*Basic Styles*/
html, body{width: 100%; height: 100%;}
body {font-family: 'Roboto', sans-serif;overflow:hidden;overflow-y:auto;background-color: #171719;color: #dadada;}
* {outline: none !important;word-break: break-word;}
.valign {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;}
.clearfix {clear: both;}
a {text-decoration: none !important;}
.page_margin {margin-top: 30px;margin-bottom: 30px;}
.sfy_pc_padd {padding: 0 30px;}
.hidden {display: none !important;}
.page_padding {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.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;}
.block {display: block;}
.v-hidden {visibility: hidden;}
.light {font-weight: 400;}
.main {color: var(--main);}
.main:hover {color: var(--main-hover);}
form .modal-footer{border-top: 1px solid #383838;}
.play_avatar img { width: 100%; }
.content {background: #222225;padding: 15px;margin: 30px auto;border-radius: 7px;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;}
.hide {display: none !important;}
.clear {clear: both;}

/*Buttons*/
.btn-primary, .btn-primary.disabled, .btn-primary:disabled {color: #ffffff;background-color: var(--main);}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {color: #ffffff;background-color: var(--main-hover);}
.btn-mat {position: relative;user-select: none;outline: 0;border: none;-webkit-tap-highlight-color: transparent;text-decoration: none;text-align: center;min-width: 64px;line-height: 36px;padding: 0 16px;border-radius: 4px;transform: translate3d(0,0,0);transition: background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);font-family: "Roboto",sans-serif;font-size: 14px;font-weight: 500;overflow: hidden;}
.btn-mat::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;opacity: 0;transition: opacity 0.2s;}
.btn-mat::after {content: "";position: absolute;left: 50%;top: 50%;border-radius: 50%;padding: 50%;width: 32px;height: 32px;background-color: currentColor;opacity: 0;transform: translate(-50%, -50%) scale(1) ;transition: opacity 1s, transform 0.5s;}
.btn-mat:active::after {opacity: 0.16;transform: translate(-50%, -50%) scale(0);transition: transform 0s;}
.btn-mat svg {width: 17px;height: 17px;margin: -2px 3px 0 0;}
.btn-mat-raised {box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);}
.btn-mat-raised:active {box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);}
.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-go-back {z-index: 9;padding: 0;min-width: 36px;border-radius: 50%;margin-top: -200px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);color: white;background-color: black;}
.btn-go-back svg {margin: -2px 0 0;width: 24px;height: 24px;}

/*Soundify Input*/
.sfy_mat_input {position: relative;margin-bottom: 25px;}
.sfy_mat_input > input, .sfy_mat_input > textarea {width: 100%;font-size: 16px;display: block;background: #353535;box-shadow: none;color: #fff;border: 1.5px solid transparent;border-radius: 6px;padding: 20.3px 10px 8.3px;transition: all .15s ease-in-out;}
.sfy_mat_input > input:hover, .sfy_mat_input > textarea:hover, .sfy_mat_input > select:hover {background: #3d3d3d;}
.sfy_mat_input > input:focus, .sfy_mat_input > textarea:focus, .sfy_mat_input > select:focus {border-color: var(--main);background: #1c1c1c;}
.sfy_mat_input label {position: absolute;cursor: text;opacity: 1;transition: all .15s ease-in-out;pointer-events: none;font-weight: 500;top: 6px;left: 10px;font-size: 12px;color: var(--main);user-select: none;margin: 0;}
.sfy_mat_input > input::placeholder, .sfy_mat_input > textarea::placeholder {opacity: 0;}
.sfy_mat_input > input:placeholder-shown:not(:focus) + label, .sfy_mat_input > textarea:placeholder-shown:not(:focus) + label {top: 16px;font-size: 16px;color: rgba(255, 255, 255, 0.6);left: 15px;}
.sfy_mat_input > textarea {resize: none;}
.sfy_mat_input > select {width: 100%;font-size: 16px;display: block;background: #353535;box-shadow: none;color: #fff;border: 1.5px solid transparent;border-radius: 6px;padding: 0 8px;transition: all .15s ease-in-out;-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 54.3px;}
.sfy_mat_input > select, .sfy_mat_input > select:hover, .sfy_mat_input > select:focus, .sfy_mat_input > select:active {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='M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z' /%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right center;}
.sfy_mat_input > select.sfy_select_has_label {padding: 22.5px 8px 7.7px;line-height: 23px;}
.sfy_mat_input > input.tagit-hidden-field {display: none;}
.sfy_mat_input > ul.tagit {background: #353535;border: 1.5px solid transparent;border-radius: 6px;padding: 26px 10px 8.3px;margin: 0;}
.sfy_mat_input > input.form-control {height: auto;}
.sfy_mat_input > input.form-control[readonly] {background: #353535;}
.sfy_mat_input > input.form-control[readonly]:hover {background: #3d3d3d;}
.sfy_mat_input > input.form-control[readonly]:focus {box-shadow: none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: 1px solid #484848;color: #c9c9c9;}
body .ui-datepicker td span, body .ui-datepicker td a {color: #333333 !important;}
.sfy_media_file {margin-bottom: 25px;}
.sfy_media_file > input[type=file] {opacity: 0;visibility: hidden;position: absolute;}
.sfy_media_file .btn-file {padding: 0;box-shadow: none;height: auto;border: 0;color: #c9c9c9;max-width: 100%;}
.sfy_media_file .btn-file span {margin-right: 9px;background-color: rgba(55, 178, 77, 0.25);width: 45px;min-width: 45px;height: 45px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;color: var(--main);}
.sfy_media_file .btn-file span svg {margin: 0;width: 22px;height: 22px;}
.sfy_media_file .btn-file b {font-weight: 500;overflow: hidden;text-overflow: ellipsis;}
.sfy_mat_radio {margin-bottom: 25px;}
.sfy_custm_rdo {position: relative;margin: 0px 0 7px;}
.sfy_custm_rdo input {position: absolute;opacity: 0;}
.sfy_custm_rdo label {display: block;position: relative;padding: 10px 5px 10px 40px;min-height: 20px;margin-bottom: 0;font-weight: 400;cursor: pointer;user-select: none;border-radius: 6px;font-size: 15px;}
.sfy_custm_rdo label:after, .sfy_custm_rdo label:before {content: "";display: inline-block;width: 18px;height: 18px;top: 11px;left: 12px;border-radius: 50%;text-align: center;position: absolute;transition: all 90ms cubic-bezier(0, 0, 0.2, 0.1);}
.sfy_custm_rdo label:before {border: 2px solid #757575;transition: all 90ms cubic-bezier(0,0,.2,.1);background-color: transparent;}
.sfy_custm_rdo input:checked + label {background-color: rgba(55, 178, 77, 0.1);box-shadow: inset 0 0 0 2px rgba(55, 178, 77, 0.4);}
.sfy_custm_rdo input:checked + label:before {border-color: var(--main);}
.sfy_custm_rdo input:checked + label:after {background-color: var(--main);background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 0.5px 1px;}

/*Confirm Code*/
.sfy_confrm_code {max-width: 240px;position: relative;margin: 40px auto 5px;}
.sfy_confrm_code > input {display: none;}
.sfy_confrm_code:before {content: '';display: block;bottom: 0;left: 0;position: absolute;right: 0;border-bottom: 2px solid #505050;transition: opacity .15s ease;}
.sfy_confrm_code > span {font-size: 15px;position: absolute;left: 0;z-index: 1;top: 0;right: 0;line-height: 42px;display: block;color: #ADAFB6;transition: all .15s ease;cursor: text;}
.sfy_confrm_code .inputs {display: -webkit-box;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-flow: row nowrap;}
.sfy_confrm_code .inputs input {-webkit-appearance: none;opacity: 0;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-flow: column nowrap;-webkit-box-align: center;align-items: center;-webkit-box-flex: 1;flex: 1;padding: 0;min-width: 0;margin-right: 8px;border: 0;border-bottom: 2px solid #505050;background: none;line-height: 35px;color: #fff;text-align: center;font-size: 18px;border-radius: 0;transition: all .15s ease;}
.sfy_confrm_code .inputs input:focus {border-color: var(--main);}
.sfy_confrm_code .inputs input:last-child {margin: 0;}
.sfy_confrm_code.active:before {opacity: 0;}
.sfy_confrm_code.active > span {-webkit-transform: translate(0, -100%);transform: translate(0, -100%);border-color: transparent;line-height: 20px;font-size: 12px;font-weight: 500;color: var(--main);}
.sfy_confrm_code.active .inputs input {opacity: 1;}

/*Load More*/
.see_all {margin-top: 10px;}
.see_all a {color: var(--main);display: inline-block;height: 34px;line-height: 34px;font-size: 14px;font-weight: 500;}
.see_all a span {line-height: 30px;display: inline-block;width: 30px;text-align: center;background-color: #2f2f2f;border-radius: 50%;margin-right: 7px;transition: all 0.2s;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.see_all a span svg {width: 24px;height: 24px;margin-top: -1px;}

/*Dropdown menu*/
.dropdown-menu {padding: 6px 0;margin: 0;box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);border: 0;border-radius: 5px;background-color: #222225;transform: scale3d(.8,.8,1);transform-origin: left top;opacity: 0;visibility: hidden;display: block;}
.dropdown-menu.dropdown-menu-right {transform-origin: right top;}
.dropdown-menu.show {transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms,transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;transform: scale3d(1,1,1);opacity: 1;visibility: visible;}
.dropdown-menu li a, .toggle-mode .switch {color: rgba(255, 255, 255, 0.8);font-size: 14px;padding: 0 16px;line-height: 38px;margin: 0;display: block;transition: all 0.15s;white-space: nowrap;}
.dropdown-menu li a:not([href]):not([tabindex]) {color: rgba(255, 255, 255, 0.8);}
.dropdown-menu li a:hover, .toggle-mode .switch:hover {background-color: rgba(255, 255, 255, 0.05);color: #fff;}
.dropdown-menu li a:not([href]):not([tabindex]):hover {color: #fff;}

/*Primary Styles*/
.music_app {display: block;position: relative;color: #d2d2d2;width: 100%;background-color: #171719;}
.ma_container {width: 100%;position: relative;}
.ma_sidebar {display: block;width: 280px;max-width: 280px;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: 280px;/*min-height: 100vh;*/}
.ma_pc_inner {display: block;width: 100%;height: 100%;padding: 0 0 80px;}
.ma_player {position: fixed;bottom: 0;left: 280px;right: 0;z-index: 99;}
.ma_player.closed {bottom: -100px;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;min-height: auto;}
body.full_page .ma_pc_inner {padding: 0;}
body.no-player .ma_sidebar {bottom: 0;}
body.no-player .ma_pc_inner {padding-bottom: 10px;}

/*Header*/
#main-header {position: relative;}
header {background-color: #222225;height: 60px;padding: 0 40px;margin-bottom: 45px;margin-left: 280px;/*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 .head_logo a svg {display: none;}
body.full_page header .head_logo {display: flex;}
header .head_user {	margin-left: auto;z-index: 99;position: relative;}
header .head_user .opts_account {margin-left: 15px;}
header .head_user .opts_account > .btn img {width: 19px;height: 19px;object-fit: cover;border-radius: 50%;margin: -2px 3px 0 0;}
header .head_user .opts_account > .btn span {max-width: 130px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;vertical-align: middle;}
header .head_user .opts_account > .dropdown-menu {min-width: 190px;}
header .head_user .opts_account > .dropdown-menu a svg {margin: -2px 10px 0px 0px;width: 18px;height: 18px;opacity: 0.7;}
header .head_user .notis .unread_count, header .head_user .chaticon .msgunread_count, header .head_user .notis .unread_R_count {color: #fff;font-size: 11px;z-index: 1;pointer-events: none;position: absolute;right: -4px;top: -4px;background-color: var(--main);border-radius: 50%;line-height: 17px;min-width: 17px;text-align: center;}
header .head_user .notis .noti_load {text-align: center;padding: 119px 10px;}
header .head_user .notis .no_notification {padding: 93px 10px;color: #fff;}
header .head_user .notis > svg {cursor:pointer;}
header .head_user .notis > .dropdown-menu {min-width: 330px;max-height: 300px;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 .opts_head_acc {margin-right: 15px;}
header .opts_head_acc > .btn, header .head_user .opts_account > .btn, header .head_user .notis > .btn, header .chaticon > .btn {border: 0;border-radius: 2em;background-color: #333333;color: white;box-shadow: 0 4px 5px rgba(0, 0, 0, 0.65);font-size: 14px;}
header .opts_head_acc > .btn {background-color: #4a5d66;}
header .opts_head_acc > .btn svg {width: 19px;height: 19px;}
header .opts_head_acc .dropdown-menu {padding: 10px 15px;min-width: 300px;}
header .opts_head_acc .dropdown-menu > .row {margin-left: -.5rem;margin-right: -.5rem;}
header .opts_head_acc .dropdown-menu li {padding: 10px 5px;min-width: 120px;}
header .opts_head_acc .dropdown-menu li a {text-align: center;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);border-radius: 4px;font-weight: 500;padding: 20px 10px;transition: all 0.2s;line-height: unset;}
header .opts_head_acc .dropdown-menu li a svg {display: block;margin: 0 auto 13px;width: 50px;height: 50px;}
header .opts_head_acc .dropdown-menu li a.upload-button svg .imp-page, header .opts_head_acc .dropdown-menu li a.import-button svg .imp-page {fill: #393939;}
header .opts_head_acc .dropdown-menu li a.upload-button svg .imp-page-fold, header .opts_head_acc .dropdown-menu li a.import-button svg .imp-page-fold {fill: #484848;}
header .head_user .notis, header .chaticon {margin: 0 5px;position: relative;}
header .head_user .notis > .btn, header .chaticon > .btn {min-width: auto;padding: 0 9.5px;}
header .head_user .notis > .btn svg, header .chaticon > .btn svg {margin: -2px 0 0;}
header .head_user .opts_account > .btn svg {margin: 0 -2px 0 0;}
header.sfy_hdr_trans {background: transparent;box-shadow: none;padding: 0 30px;height: 80px;}

/*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;padding:20px 30px;}
.sidebar .logo_container img {width: 100%;max-width: 150px;}
.sidebar .sfy_search {padding: 0 30px;margin-bottom: 30px;transition: all 105ms cubic-bezier(0.4, 0.0, 0.2, 1);}
.sidebar .sfy_search.show {padding: 0 14px;}
.sidebar .sfy_search .search_cont {position: relative;width: 100%;}
.sidebar .sfy_search .search_cont input {background: #080808;border: 0;border-radius: 2em;color: #fff;padding: 0 10px 0 35px;font-size: 14px;}
.sidebar .sfy_search .search_cont input:focus {box-shadow: none;}
.sidebar .sfy_search.show .search_cont input {box-shadow: 0 1px 1px rgba(0,0,0,0.24);border-radius: 8px;}
.sidebar .sfy_search .search_cont input + svg {position: absolute;pointer-events: none;top: 50%;left: 10px;transform: translateY(-50%);width: 20px;height: 20px;opacity: 0.7;}
.sidebar .sidebar_innr {overflow: hidden;overflow-y: auto;height: calc(100% - 150px);}
.sidebar .sidebar_innr .simplebar-content {display: flex;flex-direction: column;}
.sidebar .sidebar_innr .sections {padding:0 14px 25px;list-style-type:none;margin: 0;}
.sidebar .sidebar_innr .sections:last-child {padding-bottom: 15px;}
.sidebar .sidebar_innr .sections h3 {margin: 0;padding: 15px 16px;font-size: 12px;letter-spacing: 0.5px;text-transform: uppercase;color: white;font-weight: 500;}
.sidebar .sidebar_innr .sections li {display: block;width: 100%;}
.sidebar .sidebar_innr .sections li a {padding: 7px 16px;font-size: 15px;color: rgba(255, 255, 255, 0.7);transition: all 0.15s;border-radius: 8px;width: 100%;display: block;letter-spacing: 0.5px;word-spacing: 2px;}
.sidebar .sidebar_innr .sections li a:hover {background-color: rgba(0, 0, 0, 0.14);color: #fff;}
.sidebar .sidebar_innr .sections li.active a {color: var(--main);background-color: rgba(255, 255, 255, 0.1);}
.sidebar .sidebar_innr .sections li a svg {margin: 3px 20px 5px 0;width: 22px;height: 22px;}
.sidebar .sidebar_innr .sections li a svg .active_path {display: none;}
.sidebar .sidebar_innr .sections li.active a svg path {display: none;}
.sidebar .sidebar_innr .sections li.active a svg .active_path {display: block;}
.sidenav_overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;visibility: hidden;opacity: 0;height: 100%;background-color: rgba(0,0,0,0.4);z-index: 999;transition: all 0.2s ease;}
.sfy_side_mobi_links {display: none;}
body.sidebar_open .sidenav_overlay {opacity: 1;visibility: visible;}

/*Footer*/
.ma_footer {color: #b0b0b0;font-size: 12px;line-height: 16px;padding: 0 12px;padding-top: 10px;border-top: 1px solid #383c3f;margin: auto 10px 14px;}
.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 .dropup .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 {color: #fff;}

/*Player*/
.player {padding: 0 15px;height: 65px;background-color: #313131;color: #fff;position: relative;box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.2);z-index: 5;}
.player .song_prog_mobi {position: absolute;top: 0;left: 0;right: 0;}
.player .progress_container {position: relative;}
.player .progress_container input[type=range] {position: absolute;top: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;background-color: transparent;height: 2px;z-index: 3;cursor: pointer;}
.player:hover .progress_container input[type=range], .player:hover .progress_container .audio-progress {height: 4px;}
.player .progress_container input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;width: .75rem;height: .75rem;border-radius: 50%;box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;opacity: 0;background: var(--main);}
.player .progress_container input[type=range]::-moz-range-thumb {-webkit-appearance: none;width: .75rem;height: .75rem;border-radius: 50%;opacity: 0;background: var(--main);box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;}
.player .progress_container input[type=range]::-ms-thumb {-webkit-appearance: none;width: .75rem;height: .75rem;border-radius: 50%;opacity: 0;background: var(--main);box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;}
.player .progress_container input[type=range]::-moz-range-track {background: 0 0}
.player:hover .progress_container input[type=range]::-webkit-slider-thumb {opacity: 1;}
.player:hover .progress_container input[type=range]::-moz-range-thumb {opacity: 1;}
.player:hover .progress_container input[type=range]::-ms-thumb {opacity: 1;}
.player .progress_container .audio-progress {position: absolute;top: 0;left: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;display: block;height: 2px;background: 0 0;border: none;width: 100%;}
.player .progress_container .audio-progress.audio-progress--played {z-index: 2}
.player .progress_container .audio-progress.audio-progress--buffered {z-index: 1}
.player .progress_container .amplitude-song-played-progress[value]::-webkit-progress-bar {background: none;}
.player .progress_container .amplitude-song-played-progress[value]::-webkit-progress-value {background-color: var(--main);}
.player .progress_container .amplitude-song-played-progress::-moz-progress-bar {background: none;background-color: var(--main);}
.player .progress_container .amplitude-buffered-progress[value]::-webkit-progress-bar {background-color: #565656;}
.player .progress_container .amplitude-buffered-progress[value]::-webkit-progress-value {background-color: #565656;}
.player .progress_container .amplitude-buffered-progress::-moz-progress-bar {background: none;background-color: #565656;}
.player .song_details {width: 33.3333333%;flex: 3 1;user-select: none;}
.player .song_details .song_details_inner {width: 100%;position: relative;}
.player .song_details .song_details_inner .song_art {width: 65px;height: 65px;float: left;margin-left: -15px;margin-right: 15px;}
.player .song_details .song_details_inner .song_art img {width: 100%;height: 100%;object-fit: cover;display: block;background-color: #3e3e42;}
.player .song_details .song_title {max-width: calc(100% - 55px);margin-left: 65px;padding-top: 16px;}
.player .song_details .song_title h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;display: block;font-size: 16px;margin: 0;font-weight: 400;}
.player .song_details .song_fav {cursor: pointer;display: inline-block;color: #c3c3c3;transition: all 0.2s;line-height: 1;margin-top: 7px;}
.player .song_details .song_fav:hover {color:#fff;}
.player .song_details .song_fav svg {width: 19px;height: 19px;}
.player .song_details .song_time {display: inline-block;font-size: 13px;color: rgba(255, 255, 255, 0.5);margin-left: 8px;}
.player .song_progress {position: relative;justify-content: center;width: 33.3333333%;flex: 3 1;}
.player .song_progress .song_controls .amplitude-shuffle {margin-right: 20px;margin-top: -2px;}
.player .song_progress .song_controls .amplitude-prev {color: #fff;transition: all 0.2s;cursor:pointer;}
.player .song_progress .song_controls .amplitude-play-pause {width: 55px;height: 55px;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 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z' /%3e%3c/svg%3e");background-repeat: no-repeat;background-position: center;border-radius: 50%;padding: 0;min-width: auto;background-size: cover;transition: none;}
.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='M8 19c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2v10c0 1.1.9 2 2 2zm6-12v10c0 1.1.9 2 2 2s2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2z' /%3e%3c/svg%3e");}
.player .song_progress .song_controls .amplitude-next {color: #fff;transition: all 0.2s;cursor:pointer;}
.player .song_progress .song_controls .amplitude-repeat {margin-left: 20px;margin-top: -2px;}
.player .song_progress .song_controls .amplitude-repeat.amplitude-repeat-on, .player .song_progress .song_controls .amplitude-shuffle.amplitude-shuffle-on {color: var(--main);}
.player .song_progress_right {justify-content: flex-end;width: 33.3333333%;flex: 3 1;}
.player .song_progress_right .volume_controls {display: flex;align-items: center;}
.player .song_progress_right .volume_controls .amplitude-mute {width: 20px;height: 20px;cursor: pointer;background-repeat: no-repeat;background-position: center;background-size: cover;margin-right: 3px;}
.player .song_progress_right .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='M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z' /%3e%3c/svg%3e");}
.player .song_progress_right .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.63 3.63c-.39.39-.39 1.02 0 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z' /%3e%3c/svg%3e");}
.player .song_progress_right .plyr_vol_mobi {position: relative;width: 130px;height: 4px;}
.player .rangeSlider {position: absolute;background: none;border-radius: 4px;cursor: pointer;left: 0;right: 0;height: 4px;width: 130px;background-color: rgba(255, 255, 255, 0.15);}
.player .rangeSlider .rangeSlider__fill {background: #ffffff;position: absolute;height: 100%;top: 0;left: 0;border-radius: 4px 0 0 4px;}
.player .rangeSlider .rangeSlider__handle {display: inline-block;width: 13px;height: 13px;position: absolute;background: #fff;border-radius: 50%;top: -4px;opacity: 0;}
.player .song_progress_right > .btn {padding: 0;border: 0;line-height: 1;background: transparent;color: white;margin-left: 15px;display: none;}
.player .song_progress_right > .btn svg path.active_path {display: none;}
.player .song_progress_right .song_queue {color: #fff;cursor: pointer;}
.player .song_progress_right .song_queue {margin-left: 15px;}
.ma_player_playlist.dropdown-menu {transform-origin: right bottom;min-width: 630px;width: 100%;bottom: 35px;background-color: #2b2b2b;}
.ma_player_playlist.dropdown-menu:before {content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 11px 11px 0;bottom: -11px;right: -6px;-webkit-transform: translateX(-50%);transform: translateX(-50%);border-color: #2b2b2b transparent transparent;}
.ma_player_playlist .queue_head {padding: 4px 10px 10px;border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.ma_player_playlist .queue_head h4 {margin: 0;font-size: 17px;color: #fff;}
.ma_player_playlist .queue_head span {margin-left: auto;color: #ff6357;font-weight: 500;font-size: 13px;cursor: pointer;}
.ma_player_playlist .queue_list {height: calc(100vh - 200px);max-height: 520px;overflow-y: auto;}
.ma_player_playlist .song {cursor:pointer;padding: 10px;position:relative;}
.ma_player_playlist .song:hover, .ma_player_playlist .song.amplitude-active-song-container.amplitude-paused {background-color: rgba(255, 255, 255, 0.06);}
.ma_player_playlist .song.amplitude-playing {background-color: rgba(255, 255, 255, 0.1);}
.ma_player_playlist .song .song_icon_container {width: 40px;height: 40px;overflow: hidden;float: left;margin-right: 10px;position:relative;background-color: #3f3f3f;}
.ma_player_playlist .song .song_icon_container img {width: 100%;height: 100%;object-fit: cover;}
.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: rgba(255, 255, 255, 0.57);}
.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;}
.ma_player_playlist .song .song_meta_data .song_artist {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 13px;color: rgba(255, 255, 255, 0.56);line-height: normal;}
.ma_player_playlist .song.amplitude-playing .song_title {color: var(--main);}
.ma_player_playlist .song.amplitude-playing .song_artist {color: #fff;}

/*Discover Top Slider*/
.home_top_slider {width: 100%;margin-bottom: 40px;display: block;}
.home_top_slider .owl-stage-outer {padding-bottom: 2px;}
.home_top_slider .item {height: 200px;border-radius: 10px;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);position: relative;}
.home_top_slider .item > img {border-radius: 10px;object-fit: cover;width: 100%;height: 100%;}
.home_top_slider .item .featcard {background-color: rgba(0, 0, 0, 0.6);position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;justify-content: space-between;backdrop-filter: blur(15px);padding: 25px;}
.home_top_slider .item .bg_text h2 {font-size: 33px;font-weight: 100;margin: 0;}
.home_top_slider .item .bg_text h2 a {color: white;}
.home_top_slider .item .bg_text .btn {margin-top: 25px;min-width: 100px;background-color: rgba(255, 255, 255, 0.25);}
.home_top_slider .item .bg_text .btn svg {width: 20px;height: 20px;margin: -2px 4px 0 0;}
.home_top_slider .item .alb_covr {width: 120px;min-width: 120px;height: 120px;margin-left: 25px;}
.home_top_slider .item .alb_covr img {width: 100%;height: 100%;box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);border-radius: 5px;}
.owl-theme .owl-dots .owl-dot span {transition: all 0.3s;background: rgba(255, 255, 255, 0.25);width: 8px;height: 8px;margin: 5px;}
.owl-theme .owl-dots .owl-dot.active span {width: 25px;background-color: var(--main);box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);}

/*Discover Genres*/
.sfy_genre_list {margin: -20px -10px 0;}
.sfy_genre_list .name, .ma_interest_innr .ma_interest_list li label {padding: 0 25px;margin: 20px 10px 0;background: rgba(255, 255, 255, 0.15);display: inline-block;color: #fff;border-radius: 2em;line-height: 46px;transition: all 0.15s;}
.sfy_genre_list .name:hover, .ma_interest_innr .ma_interest_list li label:hover {background: rgba(255, 255, 255, 0.25);}

/*Short Song List*/
.home_widget_title {margin-bottom: 20px;font-size: 17px;position: relative;color: #ffffff;letter-spacing: 0.2px;word-spacing: 1px;}
.home_widget_title .slide_btns {margin-left: auto;color: rgba(255, 255, 255, 0.45);font-weight: 400;font-size: 14px;}
.home_widget_title .slide_btns:hover {color: rgba(255, 255, 255, 0.8);}
.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 {display: flex;border-bottom: 1px solid rgba(255, 255, 255, 0.08);align-items: center;padding: 10px 5px;transition: all .15s;min-height: 65px;}
.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: 68px;height: 24px;display: flex;align-items: center;justify-content: center;margin-right: 20px;}
.short_list_cont .s_lsongs_child .numbers {position: relative;font-size: 14px;}
.short_list_cont .s_lsongs_child .numbers .btn {min-width: 30px;line-height: 30px;padding: 0;border-radius: 50%;background: transparent;color: #fff;box-shadow: inset 0 0 0 1.5px white;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 0;visibility: hidden;}
.short_list_cont .s_lsongs_child .numbers .btn svg {margin: -2px 0 0;width: 18px;height: 18px;}
.short_list_cont .s_lsongs_child .second {flex: 1;}
.short_list_cont .s_lsongs_child .second .second_aa, .short_list_cont .s_lsongs_child .second .second_bb {width: 50%;display: inline-block;}
.short_list_cont .s_lsongs_child .second .second_aa {padding-right: 10px;}
.short_list_cont .s_lsongs_child .second .second_aa .art_details h4 {padding: 11.5px 0;}
.short_list_cont .s_lsongs_child .third {color: rgba(255, 255, 255, 0.6);display: flex;align-items: center;}
.short_list_cont .s_lsongs_child .numbers {line-height: 1;transition: all .1s;}
.short_list_cont .s_lsongs_child:hover .numbers {color: transparent;transition: none;}
.short_list_cont .s_lsongs_child:hover .numbers .btn {opacity: 1;visibility: visible;}
.short_list_cont .s_lsongs_child .fav_song {margin-left: 23px;}
.short_list_cont .s_lsongs_child .fav_song svg {width: 22px;height: 22px;cursor: pointer;}
.fav_song.active {color: red !important;}
.short_list_cont .s_lsongs_child .art_song {width: 40px;height: 40px;float: left;overflow: hidden;margin-right: 15px;position: relative;}
.short_list_cont .s_lsongs_child .art_song img {width: 100%;height: 100%;object-fit: cover;}
.short_list_cont .s_lsongs_child .art_details h4 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;display: block;font-size: 14px;margin: 0;letter-spacing: 0.4px;word-spacing: 1px;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";}
.short_list_cont .s_lsongs_child .art_details h4 a {color: #fff;}
.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 .duration {margin-right: 35px;font-size: 14px;}
.short_list_cont .s_lsongs_child .opts_song {display: inline-flex;}
.short_list_cont .wide_page_songs .s_lsongs_child {padding: 10px;}
.sfy_art_details {margin: 0;font-size: 14px;color: rgba(255, 255, 255, 0.7);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: normal;}
.sfy_art_details a {color: rgba(255, 255, 255, 0.7);}

/*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 .cover_art a, .sq_music_tracks .track .cover_art .no_link_art {display: block;position: relative;overflow: hidden;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;}
.sq_music_tracks .track.empty .cover_art a, .sq_music_tracks .track.empty .cover_art .no_link_art {background-color: #222225;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);color: var(--main);}
.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 .no_link_art {overflow: visible;background-position: center;background-repeat: no-repeat;background-size: cover;background-color: rgba(255, 255, 255, 0.07);}
.sq_music_tracks .track .cover_art .no_link_art:after {content: '';filter: blur(20px);opacity: 0.9;position: absolute;height: 100%;background-image: inherit;background-size: cover;z-index: -1;transform: scale(0.75) translateY(38px) translateZ(-30px);right: 15px;left: 15px;bottom: 33px;top: -10px;}
.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(0, 0, 0, 0.6);color: #fff;opacity: 0;visibility: hidden;transition: all 0.2s ease;overflow: hidden;justify-content: center;}
.sq_music_tracks .track .cover_art .play_btn svg, .feed_song .first .cover .play_btn svg {width: 45px;height: 45px;padding: 8px;border-radius: 50%;box-shadow: inset 0 0 0 1.5px white;}
.sq_music_tracks .track .cover_art:hover .play_btn, .feed_song:hover .first .cover .play_btn, .store_albums .track .cover_art:hover .play_btn {opacity: 1;visibility: visible;}
.sq_music_tracks .track .track_info {padding: 13px 0px;}
.sq_music_tracks .track .track_info .title {color: #fff;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: rgba(255, 255, 255, 0.5);font-size: 14px;}
.sq_music_tracks .track .track_info .artist:hover {color: rgba(255, 255, 255, 0.8);text-decoration: underline;}
.sq_music_tracks:not(.no-slider) .track .track_info {padding-bottom: 0;background: linear-gradient(transparent, #171719);}
.sq_track_slider .owl-nav {margin: 0;}
.sq_track_slider .owl-nav .disabled {opacity: 0;visibility: hidden;}
.sq_track_slider .owl-nav > button.owl-prev, .sq_track_slider .owl-nav > button.owl-next {margin: 0;position: absolute;top: 0;width: 85px;height: 100%;z-index: 1;}
.sq_track_slider .owl-nav > button.owl-prev {left: 0;padding: 0 7px 0 5px !important;background: linear-gradient(to left,rgba(23, 23, 25, 0),rgba(23, 23, 25, 0.7) 50%,#171719 100%);}
.sq_track_slider .owl-nav > button.owl-prev:hover {background: linear-gradient(to left,rgba(23, 23, 25, 0),rgba(23, 23, 25, 0.85) 50%,#171719 100%);}
.sq_track_slider .owl-nav > button.owl-next {right: 0;padding: 0 5px 0 7px !important;background: linear-gradient(to right,rgba(23, 23, 25, 0),rgba(23, 23, 25, 0.7) 50%,#171719 100%);}
.sq_track_slider .owl-nav > button.owl-next:hover {background: linear-gradient(to right,rgba(23, 23, 25, 0),rgba(23, 23, 25, 0.85) 50%,#171719 100%);}
.sq_track_slider .owl-nav > button.owl-prev svg {transform: rotateY(180deg);}
.sq_track_slider .owl-nav > button.owl-prev svg, .sq_track_slider .owl-nav > button.owl-next svg {width: 40px;height: 40px;color: white;}

/*Round Album Art*/
.sq_music_tracks .track .cover_art.sfy_albm_art, .sq_music_tracks .track.empty .cover_art {padding-top: 11px;}
.sq_music_tracks .track .cover_art.sfy_albm_art:before, .sq_music_tracks .track .cover_art.sfy_albm_art:after {content: "";height: 6px;position: absolute;top: 6px;transition: background-color 0.3s;border-radius: 4px 4px 0 0;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);background-position: top;}
.sq_music_tracks .track .cover_art.sfy_albm_art:before {left: 10px;right: 10px;opacity: 0.7;background-color: rgba(0, 0, 0, 0.2);background-blend-mode: overlay;}
.sq_music_tracks .track .cover_art.sfy_albm_art:after {left: 20px;right: 20px;background-color: #272729;top: 0;opacity: 0.3;}
.sq_music_tracks .track .cover_art.sfy_albm_art a b {position: absolute;top: 6px;right: 6px;color: #fff;font-weight: 500;font-size: 13px;line-height: 26px;background-color: rgba(0, 0, 0, 0.8);padding: 0 8px;border-radius: 4px;}
.cover_art.sfy_albm_art+.track_info {position: relative;}
.cover_art.sfy_albm_art+.track_info span.price_info {position: absolute;right: 0;top: 9px;background-color: #171719;padding: 10px 0 10px 4px;box-shadow: -10px 0px 10px 0px #171719;}

/*Song Playing*/
.playlist-list-song.playing .s_lsongs_child {position: relative;border-color: transparent;color: white;}
.playlist-list-song.playing .s_lsongs_child:before {content: '';position: absolute;background: var(--main);top: 0px;left: 0px;right: 0px;bottom: 0px;border-radius: 10px;z-index: -1;box-shadow: 0 10px 25px #000000;}
.playlist-list-song.playing .third {color: #fff !important;}

/*Modals*/
.modal.fade { text-align: center;}
.modal.fade:before { content: ''; display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal.fade .modal-dialog { transform: scale(0.8);opacity: 0;transition: all 0.1s;display: inline-block;vertical-align: middle;margin: auto;width: 100%;text-align: initial;}
.modal.fade.show .modal-dialog { transform: scale(1);opacity: 1; }

/*Login-Signup Box*/
div#login_box {z-index: 99999;padding: 0 !important;}
.auth_box {width: 100%;max-width: 630px;min-height: 100vh;position: fixed;right: 0;margin: 0;top: 0;}
.auth_box .modal-content {border: 0;height: 100vh;border-radius: 0;overflow-y: auto;box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2), 0px 16px 24px 2px rgba(0,0,0,0.14), 0px 6px 30px 5px rgba(0,0,0,0.12);background: #222225;padding: 30px 90px 20px 40px;}
.auth_box .modal-content > .btn {width: 36px;min-width: auto;padding: 0;background: transparent;color: white;margin: -7px -7px 30px;min-height: 36px;}
.auth_box .modal-content > .btn svg {margin: 0;width: 30px;height: 30px;}
.auth_box .modal-content > h2 {font-size: 34px;color: white;font-weight: 100;}
.auth_box .modal-content > p {color: rgba(255, 255, 255, 0.8);font-size: 17px;margin-bottom: 32px;}
.ma_social_login a {display: inline-flex;margin: -8px 5px 20px;}
.ma_social_login a svg, .ma_social_login a img {width: 35px;height: 35px;}
.u_divider {margin: 10px 0 30px;}
.u_divider:before, .u_divider:after {content: '';height: 1px;background: rgba(255, 255, 255, 0.1);flex-grow: 1;}
.u_divider:before {margin-right: 15px;}
.u_divider:after {margin-left: 15px;}
.sfy_auth_btns {justify-content: space-between;margin: 32px 0 20px;}
.sfy_auth_btns .btn {min-width: 180px;line-height: 48px;font-size: 17px;font-weight: 400;}
.sfy_auth_btns a {font-size: 13px;color: rgba(255, 255, 255, 0.7);border-bottom: 1px dashed;padding-bottom: 3px;}
.sfy_auth_btns a:hover {color: #fff;}
.sfy_auth_btns .terms_check {font-size: 12px;padding-left: 60px;text-align: end;}
.sfy_auth_btns .terms_check a {padding: 0;border: 0;font-size: 12px;}
.auth_box .modal-content .signup_ {margin-top: auto;}
.auth_box .modal-content .signup_ a {color: white;border-bottom: 1px solid;padding: 0 3px 3px;}

/*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 - 150px);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; }
.reset-page h4 {color: #fff;font-size: 26px;margin: 0 0 8px;font-weight: 400;}
.reset-page .reset-form > p{font-size: 16px;margin-bottom: 50px;}
.reset-page .reset-form .btn {display:block;width: 100%;line-height: 48px;}
.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;font-size: 15px;}
.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;}

/*Mat Box*/
.mat_box .modal-content {border-radius: 4px;overflow: hidden;box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);border: 0;background-color: #222225;padding: 24px;}
.mat_box .modal-content .modal-header, .sfy_modal_title {border: 0;padding: 0;margin: 0 0 20px;}
.mat_box .modal-content .modal-title, .sfy_modal_title {color: #ffffff;font-size: 20px;line-height: 32px;}
.mat_box .modal-content .modal-body {color: rgba(255, 255, 255, 0.7);padding: 0;}
.mat_box .modal-content .modal-footer {border: 0;padding: 10px 0 0;}
.mat_box .modal-content .modal-footer .btn {margin-left: 8px;}
.mat_box .modal-content .modal-footer .btn-default {background: rgba(255, 255, 255, 0.05);color: #ffffff;}

/*View Playlist*/
.sfy_plylist_hdr {background: #000;position: relative;margin: -150px -30px 50px;padding: 110px 0 30px;}
.sfy_plylist_hdr:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;background-size: cover;background-repeat: no-repeat;background-position: center;opacity: 0.15;}
.sfy_plist_innr {position: relative;z-index: 9;padding: 0 30px;}
.sfy_plist_art {width: 180px;/*height: 180px;*/margin-right: 20px;}
.sfy_plist_art img {object-fit: cover;width: 100%;height: 100%;pointer-events: none;}
.sfy_plist_info > p {margin-bottom: 0;text-transform: uppercase;font-size: 12px;letter-spacing: 1.5px;font-weight: 500;}
.sfy_plist_info .al_name {color: white;font-size: 46px;}
.sfy_plist_info > span {color: rgba(255, 255, 255, 0.6);font-size: 14px;}
.sfy_plist_info .al_artist a {color: rgba(255, 255, 255, 0.9);}
.sfy_plylist_hdr .play_btn {padding: 0 30px;position: absolute;z-index: 9;right: 0;bottom: -20px;}
.sfy_plylist_hdr .play_btn .btn {min-width: 50px;padding: 0;line-height: 50px;height: 50px;border-radius: 50%;margin-left: 10px;}
.sfy_plylist_hdr .play_btn .btn svg {width: auto;height: auto;margin: 0;}

/*Create Playlist*/
.create_playlist {max-width: 620px;}
.create_playlist_innr {display: flex;}
.create_playlist_innr .play_avatar {width: 170px;min-width: 170px;height: 170px;margin-right: 20px;background-color: #353535;color: #a6a6a6;cursor: pointer;border-radius: 6px;}
.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: 170px;width: 170px;object-fit: cover;border-radius: 6px;}
.create_playlist_innr .play_avatar .btn-file input[type=file] {cursor: pointer;}
.create_playlist_innr .play_avatar svg {width: 60px;height: 60px;}
.create_playlist_innr .play_info {width: 100%;}

/*Album Page*/
.album_songs {width: 100%;position: relative;}
.album_poster_info {margin: 0 auto;max-width: 330px;background-color: rgba(255, 255, 255, 0.07);border-radius: 7px;padding: 20px;}
.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%;border-radius: 7px;}
.album_poster_info > .valign {justify-content: space-between;}
.album_poster_info > .valign p {margin: 0;font-size: 14px;}
.album_poster_info > .valign .btn {min-width: 48px;line-height: 48px;padding: 0;border-radius: 50%;background: transparent;color: #fff;box-shadow: inset 0 0 0 1.5px white;}
.album_poster_info > .valign .btn svg {margin: -1px 0 0;width: 26px;height: 26px;}
.album_bg_cover {position: relative;height: 230px;overflow: hidden;margin: -150px -30px -80px;}
.album_bg_cover:before {content: "";position: absolute;margin: -110px;filter: blur(30px);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,.5),#171719 100%);height: 100%;position: absolute;width: 100%;bottom: 0;left: 0;pointer-events: none;}
.sfy_al_name {color: #fff;font-weight: 100;font-size: 42px;line-height: 46px;}
.sfy_al_artist a {color: rgba(255, 255, 255, 0.5);display: inline-block;border-bottom: 1px solid transparent;}
.sfy_al_artist a:hover {color: #fff;border-bottom: 1px solid;}
.sfy_al_artist a > svg, .ssong_comments .comment_list .comment_item .comment_content .comment_username a > svg, .store_products-info > p > svg, .sq_music_tracks .track .track_info .artist > svg, .sfy_art_details > svg, .store_songs .song_upper .song_meta_info p > svg, .feed_sidebar_artist .artist_list_innr .track_info .artist > svg, header .head_user .notis .ma_notifs .n_detail p b > svg, .sfy_plist_info .al_artist a > svg, .feed_post .fp_head .user_info a > svg, .user_info_cont .personal_info .name h2 > svg, .follower_list .artist > svg, .following_list .artist > svg, .pub_playlists .track_list .track .plist_info_bg span > svg {fill: var(--main);width: 16px;height: auto;margin-top: -2px;}
.sfy_al_btns {display: inline-block;background-color: rgba(255, 255, 255, 0.18);border-radius: 2em;padding: 3px 8px;margin-bottom: 30px;}
.sfy_al_btns:empty {padding: 0;margin: 0;}
.sfy_al_btns .btn {color: white;border: 0;padding: 6px;line-height: 1;border-radius: 2em;background: transparent;}
.sfy_al_btns .btn:hover {background-color: rgba(255, 255, 255, 0.1);}
.sfy_al_btns .btn svg {width: 22px;height: 22px;}
.sfy_al_btns .btn.btn-mat {padding: 0 16px;line-height: 38px;min-width: 120px;margin: -3px -8px;background-color: #256f5e;color: white;}
.sfy_al_btns .btn.btn-mat svg {width: 17px;height: 17px;}
.sfy_al_btns p {margin: 0;font-size: 13px;padding: 2px 5px;}
.short_list_cont .album_play_song_lists .s_lsongs_child .second {max-width: calc(100% - 180px);padding-right: 15px;}
.sfy_upldd_sng .upload_form.no-padding-form {padding: 20px;}
.sfy_upldd_sng .upload_form.submitted {background: #222225;color: #0095d8;border: 1px solid #0095d8;}
.submitted svg {margin-right: 8px;}
.sfy_albm_block {margin-bottom: 25px;}
.sfy_albm_block .sfy_mat_input {margin: 0;width: 100%;}
.remove-album-song {margin-left: 15px;min-width: 55px;line-height: 55px;padding: 0;margin-bottom: auto;}
.remove-album-song svg {margin: -2px 0 0;width: 22px;height: 22px;}

/*Genres*/
.genre_lst {display: flex;flex-wrap: wrap;margin: 0 -2px;}
.genre_lst .img_cnt {flex: 0 0 14.2857143%;width: 14.2857143%;padding: 2px;}
.genre_lst .gnr_list_item {position: relative;overflow: hidden;display: block;padding-bottom: 100%;width: 100%;}
.genre_lst .gnr_list_item:after {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0.5;}
.genre_lst .gnr_list_item img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.2s;}
.genre_lst .gnr_list_item:hover img {transform: scale(1.08);}
.genre_lst .gnr_list_item .valign {position: absolute;top: 0;left: 0;right: 0;bottom: 0;justify-content: center;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);backdrop-filter: blur(1px);flex-direction: column;z-index: 1;padding: 5px;}
.genre_lst .gnr_list_item .valign .name {color: white;font-weight: 100;font-size: 28px;}
.genre_lst .gnr_list_item .valign .song_count {line-height: normal;color: rgba(255, 255, 255, 0.6);font-size: 14px;}

/*Explore Genres*/
.genre_bg_cover {margin: -150px -30px -80px;}
.genre_bg_cover:before {display: none;}
.genre_bg_cover .filters {display: none;}
.genre_bg_cover .filters.active {display: block;}
.genre_bg_cover .filters_innr {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.genre_bg_cover .f_name {z-index: 9;color: white;position: relative;font-weight: 500;font-size: 50px;margin-top: 100px;}
.genre_bg_cover .song_count {z-index: 9;color: rgba(255, 255, 255, 0.7);position: relative;}
.genre_bg_cover .pro_white {background: linear-gradient(to bottom,rgba(0, 0, 0, 0.3),#171719 100%);}
.exp_gnr_page {position: relative;z-index: 9;margin-top: 90px;}

/*Purchased List*/
.top_dic_son_listz.short_list_cont .purchased_songs .s_lsongs_child .second {max-width: calc(100% - 215px);}
.purchased_songs .s_lsongs_child .third .btn {border: 0;padding: 0;margin-right: 20px;line-height: 1;color: white;}

/*Playlists*/
.pub_playlists .pplist_slider {display: flex;flex-wrap: wrap;margin: 0 -14px;}
.pub_playlists .pplist_slider .no-track-found.bg_light {margin-left: 14px;margin-right: 14px;}
.pub_playlists .pplist_slider .track_list {flex: 0 0 25%;width: 25%;position: relative;padding: 14px;overflow: hidden;display: block;}
.pub_playlists .track_list .track {position: relative;}
.pub_playlists .track_list .track > a {position: relative;padding-bottom: 56.25%;width: 100%;height: 0;box-shadow: 0 7px 30px -10px rgba(45, 45, 45, 0.5);border-radius: 10px;}
.pub_playlists .track_list .track > a > img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.pub_playlists .track_list .track .plist_info_bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;padding: 10px;background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.9));border-radius: 10px;backdrop-filter: blur(5px);align-items: flex-end;}
.pub_playlists .track_list .track .plist_info_bg img {width: 55px;height: 55px;margin-right: 10px;}
.pub_playlists .track_list .track .plist_info_bg h4 {color: white;font-weight: 400;font-size: 19px;margin: 0;}
.pub_playlists .track_list .track .plist_info_bg span {color: rgba(255, 255, 255, 0.6);font-size: 15px;}
.pub_playlists .track_list .track .sng_cnt {position: absolute;top: 6px;left: 6px;color: #fff;font-weight: 500;font-size: 13px;line-height: 26px;background-color: rgba(0, 0, 0, 0.8);padding: 0 8px;border-radius: 4px;}
.pub_playlists .track_list .track .dropdown {position: absolute;top: 6px;right: 6px;}
.pub_playlists .track_list .track .dropdown > svg {color: white;background-color: rgba(0, 0, 0, 0.8);border-radius: 50%;}

/*Upload Music*/
.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: auto;}
.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;min-height: auto;}
.upload_music.no-flex:before, .upload_music.no-flex:after {display:none;}
.upload_music .upload {width: 100%;max-width: 700px;height: 490px;padding:40px 30px;margin: auto;border: 2px solid #222225;box-shadow: 0 2px 12px -5px rgba(0,0,0,.1);border-radius: 10px;background: #222225;transition: all .4s;position: relative;}
.upload_music .upload.drag_active {border-color: var(--main);}
.upload_music .upload_innr {justify-content: center;flex-direction: column;position: absolute;top: 100px;left: 0;right: 0;transition: top .3s ease;will-change: top;}
.upload_music .upload_innr h4 {margin-top: 7px;font-weight: 400;font-size: 27px;color: #fff;transition: opacity .2s ease;pointer-events: none;}
.upload_music .upload_innr p {margin-bottom: 0;color: rgba(255, 255, 255, 0.6);transition: opacity .2s ease;pointer-events: none;}
.upload_music .upload_innr p.drop_hint {opacity: 0;margin-top: -60px;pointer-events: none;}
.upload_music .upload_block_album .upload_innr p.drop_hint {margin: 0;position: absolute;top: 50%;transform: translateY(-50%);}
.upload_music .sfy_up_mus_ico {position: relative;margin-bottom: 20px;height: 65px;width: 70px;pointer-events: none;}
.upload_music .sfy_up_mus_ico:before {content: '';border-radius: 12px;background: rgba(103, 195, 138, 0.3);-webkit-transform: rotate(10deg);transform: rotate(-10deg);}
.upload_music .sfy_up_mus_ico .image, .upload_music .sfy_up_mus_ico:before {display: block;width: 52px;height: 52px;margin: -26px 0 0 -26px;left: 50%;top: 50%;position: absolute;-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;}
.upload_music .sfy_up_mus_ico .image {color: #67C38A;-webkit-transform: rotate(10deg);transform: rotate(10deg);width: 62px;height: 62px;margin: -32px 0 0 -32px;}
.upload_music .upload_innr .btn {width: 100%;max-width: 220px;transition: opacity .2s ease;}
.upload_music .upload_innr .btn.btn-primary {margin-top: 75px;}
.upload_music .upload_innr .btn.btn-primary-reverse, .store_songs .song_list .fp_body > .btn-primary-reverse {color: var(--main);background: rgba(255, 255, 255, 0.05);margin-top: 20px;}
.upload_music .progress_prnt {text-align: center;padding: 125px 0;}
.upload_music .progress_prnt > .sfy_up_mus_ico {margin: 0 auto 40px;}
.upload_music .progress_prnt h3 {font-size: 19px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 0 20px;font-weight: 400;}
.upload_music .upload:not(.upload_block_album).drag_active .upload_innr {top: 190px;}
.upload_music .upload.drag_active .upload_innr h4, .upload_music .upload.drag_active .upload_innr p, .upload_music .upload.drag_active .upload_innr .btn {opacity: 0;pointer-events: none;}
.upload_music .upload.drag_active p.drop_hint {opacity: 1;pointer-events: none;}
.upload_music .upload_block_album {height: auto;border-color: #2d2d2d;background: #2d2d2d;}
.upload_block_album .upload_innr {position: relative;top: auto;justify-content: normal;flex-direction: row;}
.upload_block_album .sfy_up_mus_ico {margin: 0 25px 0 0;min-width: 70px;}
.upload_block_album .upload_innr h4 {margin-top: 0;}
.upload_block_album .upload_innr .btn.btn-primary {margin: 0;position: absolute;right: 0;top: 50%;transform: translateY(-50%);max-width: 160px;}
.upload-song-image {width: 100%;text-align: center;position: relative;cursor:pointer;margin-bottom: 12px;}
.upload-image-content {justify-content: center;padding-bottom: 100%;background-color: rgba(255, 255, 255, 0.06);color: #a6a6a6;overflow: hidden;}
.upload-image-content img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;right: 0;left: 0;bottom: 0;border-radius: 5px;}
.upload-image-content svg {width: 55px;height: 55px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.sfy_albm_upd_frm {width: 100%;max-width: 750px;margin: auto;}
.sfy_albm_upd_frm .sfy_forms_sbm_btn {padding: 0;}

/*Alert*/
.alert {border: 0;padding: 7px;text-align: center;border-radius: 5px;font-size: 14px;font-weight: 500;}
.alert-empty:empty {padding: 0;margin: 0;}
.alert a {color: #fff;}
.alert-info {background-color: rgba(33, 150, 243, 0.1);color: #2196F3;}
.alert-success {background-color: rgba(76, 175, 80, 0.1);color: #4CAF50;}
.alert-warning {background-color: rgba(243, 148, 64, 0.1);color: #f39440;}
.alert-danger {background-color: rgba(244, 67, 54, 0.1);color: #F44336;}

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

/*Premium*/
.price_plans_col {margin: 20px 0;}
.price_plans {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);padding: 35px;border-radius: 10px;position:relative;height: 100%;margin: 0;}
.price_plans h5 {font-size: 25px;margin: 0 0 15px;}
.pricing_p_price {font-size: 40px;color: #fff;}
.pricing_p_price sup {font-size: 19px;top: -3px;vertical-align: super;margin-right: 3px;}
.pricing_p_price b {background-image: linear-gradient(to top, #7d610f 35%, rgba(0, 0, 0, 0) 35.1%);}
.pricing_p_price sub {font-size: 20px;margin: 0 4px;}
.price_plans hr {margin: 35px 0;}
.price_plans .plan_body {margin-bottom: 35px;}
.price_plans p {text-align: initial;font-size: 16px;}
.price_plans p svg {width: 22px;height: 22px;margin: -2px 5px 0 0;}
.button_go_pro button {border-radius: 2em;line-height: 46px;min-width: 170px;font-size: 15px;}
.button_go_pro button.btn-default {background: #3e3e3e;color: #fff;}
.pro_features {margin-top: 40px;margin-bottom: 10px;}
.pro_features .p_feat_innr {justify-content: center;font-weight: 500;}
.pro_features .p_feat_innr svg {width: 45px;height: 45px;margin-right: 7px;}

/*Settings*/
.sett_page {margin-bottom: 20px;}
.sett_page > .col-md-4 {-ms-flex-order: 2;order: 2;float: none;width: 30%;}
.sett_page > .col-md-8 {-ms-flex-order: 1;order: 1;float: none;width: 70%;}
.sett_page .st_sidebar {padding: 12px 0;margin: 0 0 20px;}
.sett_page .st_sidebar li a {color: rgba(255, 255, 255, 0.8);display: flex;align-items: center;position: relative;line-height: 1;padding: 6px 20px;font-size: 15px;}
.sett_page .st_sidebar li a:hover {background-color: rgba(255, 255, 255, 0.04);color: #fff;}
.sett_page .st_sidebar li.active a {background-color: rgba(55, 178, 77, 0.1);color: #fff;box-shadow: inset 2.5px 0px var(--main);font-weight: 500;}
.sett_page .st_sidebar li a span {width: 28px;height: 28px;margin: 0px 20px 0px 0px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.sett_page .st_sidebar li a svg{width: 17px;height: 17px;}
.sett_page .st_sidebar li.general a span {color: #5F98FD;background-color: #e0ebff;}
.sett_page .st_sidebar li.profile a span {color: #FE7676;background-color: #ffdede;}
.sett_page .st_sidebar li.balance a span {color: #673ab7;background-color: #e5d5ff;}
.sett_page .st_sidebar li.emails a span {color: #23BB9B;background-color: #cdf6ee;}
.sett_page .st_sidebar li.password a span {color: #FE6720;background-color: #ffd9c8;}
.sett_page .st_sidebar li.block a span {color: #FF9800;background-color: #ffe4bd;}
.sett_page .st_sidebar li.delete a span {color: #f44336;background-color: #ffe2df;}
.sett_page .st_content {padding: 30px 30px 5px;margin-top: 0;}
.user_sttng_panel_hd {font-weight: 400;font-size: 28px;text-align: center;margin: 10px 0 30px;color: white;}
.sett_my_blnc_ {display: flex;}
.sett_my_blnc_ .my_blnc_avlbal > div {display: flex;}
.sett_my_blnc_ .my_blnc_avlbal b {font-weight: 500;margin-right: 4px;font-size: 13px;line-height: 25px;}
.sett_my_blnc_ .my_blnc_avlbal h3 {margin: 0;font-size: 42px;line-height: 1;}
.sett_my_blnc_ .my_blnc_widthdrw {margin-left: auto;}
.sett_my_blnc_ .my_blnc_widthdrw a {color: #eeeeee;font-size: 13px;padding-bottom: 5px;border-bottom: 1px dashed #ddd;}
.sett_my_blnc_ .my_blnc_widthdrw svg {width: 17px;height: 17px;margin-top: -1px;}
.sfy_sett_empty {text-align: center;padding: 20px 0px;}
.sfy_sett_empty svg {width: 120px;height: 120px;}
.sfy_sett_empty p {margin: 13px 0 0;font-size: 15px;}
.sfy_sett_footer {padding-top: 10px;padding-bottom: 30px;text-align: center;}
.sfy_sett_footer .btn {min-width: 100px;line-height: 40px;}

/*Home Page*/
.ma_home_nav {position: absolute;left: 0;right: 0;top: 0;z-index: 2;background: linear-gradient(rgba(34, 34, 37, 0.9), transparent);padding-bottom: 300px;}
.ma_home_nav nav {height: 80px;}
.ma_home_nav nav .navbar-brand img {max-width: 150px;}
.ma_home_nav nav .btn {line-height: 42px;font-size: 15px;letter-spacing: 0.6px;min-width: 110px;}
.ma_home_nav nav .btn.btn-light {color: white;background-color: rgba(255, 255, 255, 0.12);margin-right: 5px;}
.ma_home_head {background: var(--main);position: relative;padding: 240px 0px 360px;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/concert.jpg);background-position: center center;opacity: 0.15;}
.ma_home_head:after {display: block;content: '';position: absolute;left: -8rem;right: -8rem;bottom: -4rem;height: 16rem;background-color: #171719;transform: rotate(-2.7deg);z-index: 1;}
.ma_home_head .container {position: relative;z-index: 2;}
.ma_home_head .container .heading {margin-top: 0;line-height: normal;font-size: 50px;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);font-weight: 100;width: 100%;max-width: 450px;}
.ma_home_head .container .sub_heading {font-size: 20px;color: rgba(255, 255, 255, 0.75);width: 100%;max-width: 450px;}
.ma_home_head .container .link_holder {margin: 40px 0 0;}
.ma_home_head .container .link_holder .btn {line-height: 52px;font-size: 16px;transition: all 0.3s;border-radius: 2em;font-weight: 500;min-width: 200px;letter-spacing: .5px;}
.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 svg {-webkit-transform: translateX(3px);-moz-transform: translateX(3px);-ms-transform: translateX(3px);-o-transform: translateX(3px);transform: translateX(3px);}
.sfy_home_grid {display: flex;flex-wrap: wrap;width: 100%;max-width: 600px;height: 450px;margin: -470px 0 0 auto;position: relative;z-index: 9;}
.mus_home_top_song {width: 25%;position: absolute;}
.mus_home_top_song_innr {padding: 10px;}
.mus_home_top_song:nth-child(1) {left: 0;top: 16.7%;}
.mus_home_top_song:nth-child(2) {left: 0;bottom: 16.7%;}
.mus_home_top_song:nth-child(3) {top: 0;left: 25%;}
.mus_home_top_song:nth-child(4) {left: 25%;top: 33.3333333333%;}
.mus_home_top_song:nth-child(5) {left: 25%;bottom: 0;}
.mus_home_top_song:nth-child(6) {right: 25%;top: 0;}
.mus_home_top_song:nth-child(7) {top: 33.3333333333%;right: 25%;}
.mus_home_top_song:nth-child(8) {right: 25%;bottom: 0;}
.mus_home_top_song:nth-child(9) {right: 0;top: 16.7%;}
.mus_home_top_song:nth-child(10) {right: 0;bottom: 16.7%;}
.mus_home_top_song a {display: block;position: relative;width: 100%;padding-bottom: 100%;background-color: rgba(255, 255, 255, 0.09);box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);}
.mus_home_top_song a img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;transition: all 0.3s;}
.mus_home_top_song a:hover img {transform: scale(1.1)}
.ma_home_features {background-color: #171719;border-radius: 0;position: relative;z-index: 9;}
.sfy_home_ftrs_img {width: 100%;max-width: 500px;pointer-events: none;user-select: none;}
.sfy_home_ftrs p {margin: 0;line-height: normal;text-transform: uppercase;font-weight: 500;font-size: 13px;letter-spacing: 2px;word-spacing: 3px;color: rgba(255, 255, 255, 0.5);}
.sfy_home_ftrs h2 {margin: 10px 0 0;font-size: 28px;line-height: 38px;font-weight: 100;color: #fff;}
.sfy_home_ftr_row {padding: 120px 0 10px;}
.sfy_home_ftr_row .col-md-6:first-child {order: 2;text-align: right;}
.sfy_home_ftr_row .col-md-6:last-child {order: 1;}
.sfy_home_ftr_row .col-md-6:last-child .sfy_home_ftrs {order: 1;margin-left: 0;margin-right: auto;}
.ma_home_jumbo_artist {background: linear-gradient(90deg, #171719 0%, #232325 30%, #232325 70%, #171719 100%);border-radius: 0;}
.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: 28px;box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.18);padding-top: 75px;width: 100%;max-width: 75px;margin: auto;}
.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: 28px;}
.artist_list .track_info { padding: 10px 0px;}
.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);border-radius: 15px;color: white;padding-top: 0;padding-bottom: 0;position:relative;margin: 80px 0;box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);}
.ma_home_creator: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;opacity: 0.1;background-attachment: fixed;border-radius: 15px;}
.ma_home_creator .creator_content {padding: 4rem 15px;position:relative;z-index:2;text-align: center;}
.ma_home_creator .creator_content h2 {font-weight: 400;font-size: 35px;}
.ma_home_creator .creator_content p {font-size: 17px;letter-spacing: 0.3px;}
.ma_home_creator .creator_content .final_step {margin-top: 50px;}
.ma_home_creator .creator_content .final_step span {font-size: 13px;margin: 0 20px;display: inline-block;}
.ma_home_creator .creator_content .final_step .btn {background-color: white;color: var(--main);min-width: 130px;line-height: 40px;}
.ma_home_creator .creator_content .final_step .btn-outline-white {background-color: rgba(0, 0, 0, 0.2);color: white;}

/*Tabs*/
.ma_tabs, .nav-tabs {margin-bottom: 25px;}
.ma_tabs ul, .nav-tabs, .sfy_home_tabs {display: -ms-flexbox;display: flex;position:relative;white-space:nowrap;overflow-x:auto;border:0;}
.ma_tabs ul:after, .nav-tabs:after, .sfy_home_tabs:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 2px;z-index: -1;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, .sfy_home_tabs li a {border-bottom: 2px solid #323232;text-transform: uppercase;font-weight: 500;letter-spacing: 1px;word-spacing: 2px;font-size: 15px;padding: 15px 30px;line-height: 1;color: #afafaf;display: block;}
.nav-tabs .nav-item .nav-link {border: 0;border-bottom: 2px solid #323232;}
.ma_tabs ul li.active a, .nav-tabs .nav-item .active.nav-link, .sfy_home_tabs li.active a {border-bottom-color: var(--main);color: var(--main);background: transparent;}
.ma_tabs ul li a.btn-primary {color: #ffffff;line-height: 36px;padding: 0 16px;font-size: 14px;text-transform: none;letter-spacing: normal;word-spacing: normal;border: 0;}

/*Artist Profile*/
.user-image {position: relative;}
.artist_profile {margin-top: -150px;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;margin: 0 -30px;}
.artist_header .artist_cover .edit_cover, .artist_user_info .avatar_container .edit_cover, .user_header .user_cover .edit_cover, .user_info_cont .user_avatar .edit_avatar {position: absolute;top: 15px;right: 15px;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, .user_info_cont .user_avatar .edit_avatar span {justify-content: center;width: 44px;height: 44px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.5);color: white;cursor: pointer;}
.artist_header .artist_cover .edit_cover {top: auto;bottom: 100px;right: 30px;}
.artist_header .artist_cover .edit_cover span {background-color: rgba(255, 255, 255, 0.3);}
.artist_header .artist_cover .profileBox_gradient {background: linear-gradient(to top, #171719 0px, rgba(23, 23, 25, 0.35));top: 0;position: absolute;left: 0;right: 0;bottom: 0;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;padding: 20px 0;margin-top: -230px;}
.artist_user_info .avatar_container {width: 95px;min-width: 95px;height: 95px;margin-right: 20px;position: relative;border-radius: 50%;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);background-color: rgba(255, 255, 255, 0.15);}
.artist_user_info .avatar_container .edit_cover {top: auto;bottom: -2px;right: -2px;}
.artist_user_info .avatar_container .edit_cover span, .user_info_cont .user_avatar .edit_avatar span {width: 35px;height: 35px;background-color: white;color: black;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);}
.artist_user_info .avatar_container img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.artist_user_info .sfy_artst_artst {text-transform: uppercase;font-size: 12px;letter-spacing: 1.5px;font-weight: 500;color: rgba(255, 255, 255, 0.8);margin-bottom: 5px;}
.artist_user_info .sfy_artst_verf {width: 16px;height: 16px;margin-top: -2px;}
.artist_user_info .info_container h4 {font-size: 55px;margin: 0;color: white;}
.artist_user_info .ap_options {margin-top: 30px;}
.artist_user_info .ap_options .btn, .user_info_cont .opts_btn .btn {border-radius: 2em;margin-right: 11px;line-height: 40px;min-width: 120px;}
.artist_user_info .ap_options .btn.btn-message, .user_info_cont .opts_btn .btn.btn-message {color: white;text-transform: capitalize;background-color: #607d8b;}
.artist_user_info .ap_options .btn.btn_blc_unblck, .user_info_cont .opts_btn .btn.btn_blc_unblck {background-color: rgba(255, 255, 255, 0.15);color: white;min-width: 40px;padding: 0;}
.artist_user_info .ap_options .btn.btn_blc_unblck svg, .user_info_cont .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 .opts_btn .btn.btn_edt_prof {background-color: rgba(255, 255, 255, 0.15);color: white;}
.artist_user_info .ap_options .btn:last-child, .user_info_cont .opts_btn .btn:last-child {margin:0;}
.artist_tabs .nav-tabs {flex-wrap: nowrap;margin-bottom: 30px;}
.artist_tabs .nav-tabs .nav-item {margin: 0px;}
.artist_tabs .nav-tabs .nav-item .nav-link, .user_info_cont .links_btns .ma_tabs ul li a {text-transform: none;padding: 13px 20px;}
.related_artists {margin-top: 50px;}
.related_artists .artist_list {width: 100%;padding:0 6px;margin:0;}
.sfy_usr_spot.feed_post .fp_body .cover {width: 75px;height: 75px;}
.sfy_usr_spot .feed_song {padding: 0px 0 0 95px;}
.sfy_usr_spot .feed_song .art_details h4 {margin: 0 0 10px;font-size: 30px;}

/*Store*/
.store_filters .store_widget, .single_song .ss_related, .sidebar_widget, .sfy_blog_comms {margin-bottom: 15px;background-color: #222225;border-radius: 7px;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, .sfy_blog_comms .s_widget_head {font-weight: 500;color: #fff;margin-bottom: 10px;font-size: 12px;word-spacing: 2px;letter-spacing: 0.5px;text-transform: uppercase;}
.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: 0px 3px 10px;}
.store_pric_range p {padding-top: 10px;font-size: 15px;}
.store_pric_range p label {margin: 0;}
.store_pric_range p input {display: inline-block;border: 0;background-color: transparent;color: #d2d2d2;}
.store_pric_range .ui-widget-content {margin: 0 7px;background: #545454;border: 0;height: 6px;}
.store_pric_range .ui-slider .ui-slider-range {background: var(--main);}
.store_pric_range .ui-slider .ui-slider-handle {border-radius: 50%;background: var(--main-hover);border: 0;width: 16px;height: 16px;cursor: pointer;}
.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% - 40px);}
.store_songs .song_upper .song_meta_info h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: rgba(255,255,255,.9);display: block;font-size: 15px;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: 4px;font-weight: 500;line-height: normal;transition: all 0.2s;}
.store_songs .song_upper .song_price_info {margin-left:auto;}
.store_songs .song_upper .song_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_list .feed_song {padding: 15px 120px 0 135px;}
.store_songs .song_list .fp_body > .btn:not(.main) {position: absolute;right: 15px;bottom: 35px;line-height: 28px;font-size: 13px;}
.store_songs .song_list .fp_body > .btn-primary-reverse {margin: 0;}
.store_albums .track .cover_art {position:relative;}
.store_albums .track .cover_art .play_btn_buy {background: transparent;text-align: center;top: auto;padding: 5px 5px 10px;}
.store_albums .track .cover_art .play_btn_buy .btn {line-height: 30px;}
.store_albums .track_info span.price_info {display:block;}
.store_short_albums.sq_track_slider.no-slider .track_list {flex: 0 0 16.6666667%;width: 16.6666667%;}
.sfy_store_albums.sq_track_slider.no-slider .track_list {flex: 0 0 20%;width: 20%;}

/*Single Song*/
.sfy_song_hdr {padding-bottom: 0;margin-bottom: 40px;background: var(--main);}
.sfy_song_hdr:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(rgba(0, 0, 0, 0.2), black);z-index: 1;backdrop-filter: blur(5px);}
.sfy_song_hdr .sfy_plist_innr {z-index: 99;padding-bottom: 60px;}
.sfy_song_hdr .sfy_plist_art {width: 250px;min-width: 250px;height: 250px;margin-right: 30px;position: relative;}
.sfy_song_hdr .sfy_plist_art:after {content: '';position: absolute;top: 150px;left: 0;right: 0;bottom: 0;background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));z-index: 1;}
.sfy_song_hdr .ss_stats {justify-content: space-around;position: absolute;bottom: 0;z-index: 9;left: 0;right: 0;padding: 0 5px 7px;}
.sfy_song_hdr .ss_stats li {line-height: 1;font-size: 14px;color: white;}
.sfy_song_hdr .ss_stats li svg {width: 16px;height: 16px;margin-top: -2px;}
.sfy_song_pblshr {text-align: center;padding: 15px 3px;min-width: 200px;margin: -6px 0;background-color: #000000;border-radius: 10px;}
.sfy_song_pblshr .avatar {width: 90px;height: 90px;margin: 0 auto 10px;}
.sfy_song_pblshr .avatar img {width: 100%;height: 100%;border-radius: 50%;object-fit: cover;}
.sfy_song_pblshr h4 {font-size: 19px;font-weight: 400;}
.sfy_song_pblshr h4 span, .artist_user_info .info_container h4 span {color: white;vertical-align: middle;background-color: #607D8B;font-size: 11px;font-weight: 500;line-height: 20px;padding: 0 4px;border-radius: 3px;display: inline-block;letter-spacing: 0.5px;}
.sfy_song_pblshr p {color: rgba(255, 255, 255, 0.6);margin: 0 0 3px;font-size: 14px;}
.sfy_song_pblshr .btn {margin-top: 15px;min-width: 160px;}
.sfy_song_hdr .al_name {font-size: 60px;font-weight: 100;}
.sfy_song_hdr .sfy_song_desc {text-transform: none;font-weight: normal;color: rgba(255, 255, 255, 0.8);letter-spacing: normal;font-size: 15px;}
.sfy_song_hdr .sfy_song_desc a {color: #fff;}
.sfy_song_tags {margin: 0 -6px;font-size: 15px;}
.sfy_song_tags a {display: inline-block;margin: 0 6px;color: #fff;border-bottom: 1px solid;}
.sfy_song_actns {margin: 18px -6px 0;}
.ss_action_item {cursor: pointer;font-weight: 500;color: #ffffff;background: rgba(255, 255, 255, 0.3);border: 0;align-items: center;justify-content: center;min-width: 110px;font-size: 14px;height: 38px;user-select: none;display: inline-flex;margin: 0 6px;padding: 0 12px;border-radius: 2em;transition: all 0.15s;}
.ss_action_item.btn-success {background-color: #28a745;}
.ss_actions_innr > .dropdown {margin: 0 6px;display: inline-flex;}
.dropdown .ss_action_item {margin:0;}
.ss_action_item:hover {background: #fff;color: #000000;}
.ss_action_item:active {transform: scale(0.95)}
.ss_action_item svg {width: 16px;height: 16px;margin-right: 6px;}
.sfy_song_actns .ss_actions_innr {flex-wrap: wrap;}
.sfy_song_actns .ss_actions_innr .ss_action_item {margin-top: 12px;}
.sfy_song_btmprt {padding: 0 30px;position: relative;}
.sfy_song_btmprt > div:not(.ss_track_play_pause) {width: 100%;}
.track_process_bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;text-align: center;background: #171719;z-index: 999;display: flex;align-items: center;justify-content: center;flex-direction: column;font-weight: 500;border-bottom: 1px solid #303030;}
.track_process_bg svg {margin: 0 0 50px;height: auto;width: 50px;}
.ss_track_play_pause {position:relative;margin-right: 30px;width: 70px;min-width: 70px;height:100px;z-index: 9;}
.ss_track_play_pause > .btn {border-radius: 50%;width: 70px;line-height: 70px;height: 70px;position: absolute;top: 0;left: 0;right: 0;color: #fff;padding: 0;z-index: 1;}
.ss_track_play_pause > .btn svg {margin: 0;width: 40px;height: 40px;}
.ss_track_play_pause > span {position: absolute;bottom: 0;left: 0;right: 0;background-color: #333333;text-align: center;border-radius: 0 0 10px 10px;padding: 40px 0 2px;font-size: 14px;color: #f0f0f0;}
.ss_track_play_pause .pause_btn {opacity:0;visibility:hidden;}
body.player_running .ss_track_play_pause .pause_btn {opacity:1;visibility:visible;}
body.player_running .ss_track_play_pause .play_btn {opacity:0;visibility:hidden;}
#waveform {margin: 30px 0;position:relative;/*height: 128px;*/}
#waveform #dark-wave {opacity: 0.15;}
.waveform-small #waveform {margin: 20px 0;}
body.waveform_ready #waveform:after {opacity:0;visibility:hidden;transform: scale(0.8)}
.sfy_waveforms {z-index: 9;}
.sfy_waveforms .images {width: 100%;overflow: hidden;position: relative;}
.sfy_waveforms#waveform #dark-wave {opacity: 0.2;}
.sfy_waveforms .comment-on-wave {bottom: -8px;}
.ssong_comments .write_comment {position:relative;margin-bottom: 20px;}
.ssong_comments .write_comment .u_avatar {width: 30px;height: 30px;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, .ssong_comments .write_comment .blog_comment_input {display: block;width: 100%;height: 50px;border-radius: 2em;color: #ddd;background-color: #393939;border: 0;box-shadow: none;}
.ssong_comments .write_comment .comment_input:disabled, .ssong_comments .write_comment .blog_comment_input:disabled {background-color: #383838;cursor: not-allowed;}
.ssong_comments .write_comment .comment_input .emojionearea-editor, .ssong_comments .write_comment .blog_comment_input .emojionearea-editor {color: #ddd;padding: 14px 16px 14px 50px;padding-right: 25px;height: 50px;min-height: 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;background-size: cover;}
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;background-size: cover;}
.ssong_comments .no-track-found.bg_light {margin: 0;background: transparent;box-shadow: none;}
.ssong_comments .write_comment .comment_input .emojionearea-button, .ssong_comments .write_comment .blog_comment_input .emojionearea-button {top: 14px;right: 8px;}
.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: 35px;height: 35px;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: #e6e6e6;font-size: 15px;}
.ssong_comments .comment_list .comment_item .comment_content .comment_username .comment_timestamp {font-weight: 500;color: var(--main);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:0;font-size: 14px;color: #b3b3b3;}
.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 .ajax-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: 1px 5px;line-height: 21.8px;border: 0;color: #e6e6e6;background-color: rgba(255, 255, 255, 0.2);border-radius: 50%;}
.ssong_comments .comment_list .comment_item .comment_meta .comment_controls .btn svg {margin-top: -2px;width: 13px;height: 13px;}
.sfy_song_recntPlay {flex-wrap: wrap;justify-content: center;}
.sfy_song_recntPlay .artist_list {width: 11%;float: none;display: inline-block;margin: 10px -3px;padding: 0;}
.sfy_song_recntPlay .artist_list .cover_art a {padding-top: 100%;max-width: 100%;box-shadow: 0 0 0 3px #585858;border-radius: 50%;}
.sfy_song_recntPlay .artist_list .cover_art a img {border-radius: 50%;}
.sfy_song_recntPlay .artist_list .track_info {display: none;}
.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;border-radius: 5px;}
.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 {max-width: calc(100% - 35px);}
.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;}
.track-disliked {background-color: #4e7390 !important;color: white !important;}

/*Comment Waves Avatar*/
.comment-on-wave {position: absolute;bottom: 0;margin-left: -10px;z-index: 222;transition: all .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);cursor: pointer;}
.comment-on-wave-data p {margin: 0;max-width: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*Feed Comments*/
.small-waves {padding: 0 15px 2px;}
.small-waves .write_comment {margin-bottom: 0;}
.small-waves .write_comment .u_avatar_small {left: 10px;}
.small-waves .write_comment .comment_input {height: 40px;border: 0;background-color: rgba(255, 255, 255, 0.12);border-radius: 2em;}
.small-waves .write_comment .comment_input .emojionearea-editor {padding: 9px 5px 5px 45px;padding-right: 25px;height: 40px;min-height: 40px;}
.small-waves .write_comment .comment_input .emojionearea-button {top: 8px;right: 8px;}
.small-waves .comment_list {margin: 10px 7px 0;}
.small-waves .comment_list:empty {margin: 0;}
.small-waves .comment_list .comment_item .comm_innr {padding: 10px 0;}
.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;color: white;}
.small-waves .comment_list .comment_item .comment_content .comment_body p {color: rgba(255, 255, 255, 0.7);}
.small-waves .comment_list .comment_item .comment_meta span.ajax-time {font-size: 10px;}

/*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 {padding: 15px 30px;}
.contact_page > p {margin-top: -22px;margin-bottom: 30px;}

/*Search*/
.sfy_srch_title {color: #fff;font-size: 40px;text-transform: capitalize;margin: -10px 0 40px;}
.search_tabs li a {display: block;color: rgba(255, 255, 255, 0.7);padding: 0 15px;line-height: 46px;border-radius: 5px;text-transform: capitalize;}
.search_tabs li a:hover {color: #fff;}
.search_tabs li.active a {color: #fff;background: var(--main);}
.search_tabs li a svg {margin-right: 15px;width: 20px;height: 20px;}
.search_filters_cont {padding-bottom: 5px;}
.search_filters .store_widget {margin: 0;background: transparent;box-shadow: none;border-top: 1px solid rgba(255, 255, 255, 0.15);border-radius: 0;padding: 15px 5px;}
.search_filters .store_widget .s_widget_head {justify-content: space-between;margin: 0;cursor: pointer;}
.search_result_count {position: absolute;left: 30px;top: 176px;}
.search_result_count b {font-weight: 500;}
.srch_col {position: inherit;}
.search_songs, .search_artists, .search_albums, .search_playlists {background-color: #222225;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);border-radius: 7px;padding: 5px;}
.search_artists {margin: 0;}
.search_artists .artist_list {width: 16.6666667%;padding: 0 13px;margin: 10px 0 13px;}
.search_artists .artist_list_innr {background-color: rgba(255, 255, 255, 0.12);padding: 23px 6px 10px;border-radius: 10px;}
.search_albums {padding: 10px 20px;}
.search_albums .sq_track_slider.no-slider .track_list {flex: 0 0 20%;width: 20%;}
.search_albums.sq_music_tracks:not(.no-slider) .track .track_info {background: linear-gradient(transparent, #222225);}
.search_playlists {padding: 0 14px;}
.search_playlists .pplist_slider .track_list {flex: 0 0 33.3333333%;width: 33.3333333%;}

/*Dashboard*/
.sfy_dash_hr {margin: 50px 0;}
.short_track_stats {margin-bottom: -10px;}
.short_track_stats .stat_item {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: rgba(255, 255, 255, 0.02);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: 5px;}
.short_track_stats .stat_item .result {margin-left: auto;}

/*Page Title*/
.sfy_pg_title {margin: 2px 0 22px;justify-content: space-between;}
.sfy_pg_title .ptitle {margin: 0;font-size: 17px;color: white;letter-spacing: 0.2px;}
.sfy_pg_title .ptitle div {width: 29px;min-width: 29px;height: 29px;justify-content: center;border-radius: 50%;color: white;background-color: var(--main);margin-right: 8px;}
.sfy_pg_title .ptitle div svg {margin: 0;width: 17px;height: 17px;}
.sfy_pg_title > .btn {line-height: 28px;font-size: 13px;}

/*Feed Page*/
.feed_sidebar_song .song_list {	background: #222225;padding: 10px 5px;}
.feed_sidebar_song .song_upper > .btn {margin-left: auto;min-width: 30px;padding: 0;border-radius: 50%;line-height: 30px;background-color: rgba(55, 178, 77, 0.25);}
.feed_sidebar_song .song_upper > .btn svg {margin: -2px 0 0;width: 20px;height: 20px;}
.feed_sidebar_artist {overflow: hidden;display: block;margin: 0 -5px;}
.feed_sidebar_artist .artist_list {margin: 0;padding: 10px 5px 0;width: 25%;display: inline-block;float: none;}
.feed_sidebar_artist .artist_list_innr {background-color: rgba(255, 255, 255, 0.12);padding: 13px 6px 0;border-radius: 10px;}
.feed_sidebar_artist .artist_list_innr .cover_art a {padding-top: 70px;max-width: 70px;}
.feed_sidebar_artist .artist_list_innr .track_info .artist {font-size: 14px;}
/*.feed_post_block {margin-bottom: 30px;}*/
.feed_post {margin-bottom: 20px;padding-bottom: 10px;}
.feed_post:last-child {margin: 0;}
.feed_post .fp_head {align-items: normal;padding-left: 180px;}
.feed_post .fp_head .opts_feed {margin-left: auto;height: 24px;}
.feed_post .fp_head .opts_feed .btn {background: transparent;color: #d2d2d2;padding: 0;border: 0;}
.feed_post .fp_head .opts_feed .dropdown-menu {background-color: #080808;}
.feed_post .fp_head .user_info {margin-right: 10px;}
.feed_post .fp_head .user_info a {color: #dddddd;font-weight: 500;}
.feed_post .fp_head .user_info span {color: #9b9b9b;font-size: 14px;display:block;}
.feed_post .fp_body .cover {position:absolute;width: 120px;height: 120px;display: block;top: 15px;left: 15px;}
.feed_post .fp_body .cover img {width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.feed_post .fp_body .play_btn {background: #fff;border-radius: 50%;padding: 0;min-width: auto;line-height: normal;border: 0;position: absolute;top: 20px;left: 150px;}
.feed_post .fp_body .play_btn svg {margin: -5px;width: 42px;height: 42px;}
.feed_song {padding: 15px 0 0 135px;}
.feed_song .art_details h4 {margin: 0;font-size: 34px;font-weight: 100;}
.feed_song .art_details h4 a {color: #fff;}
.feed_song .art-info {display: inline-block;font-size: 12px;position: relative;padding: 0 15px 0 0;}
.feed_song .art-info:after {content: '.';font-weight: bold;position: absolute;top: -3px;right: 4px;}
.feed_song .art-info:last-child {padding: 0;}
.feed_song .art-info:last-child::after {display: none;}
.post-actions {margin: 0 -6px;}
.post-actions .ss_action_item {background: rgba(255, 255, 255, 0.1);color: rgba(255, 255, 255, 0.8);min-width: 90px;font-size: 13px;height: 32px;}
.post-actions .ss_action_item.btn-primary {background: var(--main);color: #fff;}
.post-actions .ss_action_item:hover {background: rgba(255, 255, 255, 0.15);color: #fff;}
.feed_post.event .fp_head {padding: 0 0 15px !important;}
.feed_post.event .sfy_song_post > hr, .feed_post.event .sfy_song_post > .valign:not(.fp_head) {display: none;}

/*User Profile*/
.user_profile {margin-top: -20px;}
.user_header {margin-bottom: 30px;}
.user_header .user_cover {position: relative;display: block;height: 0;padding-bottom: 220px;overflow: hidden;border-radius: 10px 10px 0 0;}
.user_header .user_cover img {width: 100%;height: 100%;position: absolute;top: 50%;right: 0;left: 0;display: block;transform: translateY(-50%);object-fit: cover;}
.user_info_cont {background: #222225;}
.sfy_user_info_cont {display: flex;justify-content: space-between;padding: 15px;}
.user_info_cont .user_avatar {width: 60px;min-width: 60px;height: 60px;margin: 0 15px 0 0;position: relative;}
.user_info_cont .user_avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.user_info_cont .user_avatar .edit_avatar {bottom: -6px;right: -6px;top: auto;}
.user_info_cont .user_avatar .edit_avatar span {width: 32px;height: 32px;}
.user_info_cont .user_avatar .edit_avatar span svg {margin-bottom: -1px;}
.user_info_cont .personal_info .name h2 {font-weight: 400;color: white;margin: 0;font-size: 25px;}
.user_info_cont .opts_btn {flex: 0 0 auto;padding: 12px 0;}
.user_info_cont .opts_btn .btn {line-height: 33px;min-width: 90px;font-size: 13px;}
.user_info_cont .opts_btn .btn.btn_blc_unblck {min-width: 33px;}
.user_info_cont .links_btns .ma_tabs {margin: 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: 16px 20px;}
.user_info_cont .links_btns .ma_tabs ul li.active a {box-shadow: inset 0 -2px var(--main);}
.sfy_usr_side {padding: 20px;}
.sfy_usr_stats {overflow: hidden;margin-bottom: 9px;}
.sfy_usr_stats a {color: rgba(255, 255, 255, 0.7);font-size: 15px;display: block;width: 33.3333333%;float: left;}
.sfy_usr_stats a span {color: white;font-size: 20px;display: block;}
.user_side_info_list {margin-bottom: 0;}
.user_side_info_list li {padding: 7px 0px;font-size: 14px;}
.user_side_info_list li svg {margin: -3px 6px 0 2px;width: 18px;height: 18px;}
.sfy_usr_plists .pplist_slider .track_list {flex: 0 0 50%;width: 50%;}

/*Become Author*/
.verify_text_1 {color: var(--main);margin-bottom: 3px;font-weight: 500;font-size: 15px;}
.verify_text_2 {font-size: 13px;margin-bottom: 15px;}
.sfy_fak_img {position: relative;width: 100%;cursor: pointer;overflow: hidden;padding-bottom: 70%;height: 0;border-radius: 10px;margin-bottom: 30px;background: #353535;transition: all 0.15s;}
.sfy_fak_img:hover {background: #3d3d3d;}
.sfy_fak_img > div {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.sfy_fak_img .upload_fk_image {display: flex;align-items: center;justify-content: center;flex-direction: column;}
.sfy_fak_img .upload_fk_image svg {width: 60px;height: 60px;margin: 0 auto 12px;}
.sfy_fak_img .upload_fk_image p {margin: 0;}
.sfy_fak_img img {width: 100%;height: 100%;object-fit: cover;}

/*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);}
@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: 1px 10px;}
.waveform-small:empty {padding: 0;}
.track-liked {background: #f44336 !important;color: #fff !important;}

/*Share Music*/
.music_share_box .thmb_img {width: 100%;object-fit: cover;border-radius: 5px;}
.music_share_box .thmb_title {font-size: 21px;margin: 0 0 2px;color: white;font-weight: 400;}
.music_share_box .thmb_albm {margin: 0;}
.music_share_box .thmb_slinks {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 .thmb_slinks a img {width: 22px;height: 22px;}
.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: 85px;flex: none;background-color: #0b0b0c;border-color: #434343;color: #c7c7c7;font-size: 14px;height: 35px;}
.copy_embed .colorpickerf .input-group-text {border: 0;background: transparent;padding: 0;}
.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%;font-size: 15px;}
.no-track-found svg {display: block;margin: 0 auto 15px;width: 65px;height: 65px;background-color: rgba(55, 178, 77, 0.15);color: var(--main);border-radius: 50%;padding: 15px;}
.no-track-found.bg_light {background-color: #222225;border-radius: 7px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.34);margin-bottom: 40px;}

/*Uploaded Album Song List*/
.uploaded_albm_slist {padding-bottom: 30px;}
.uploaded_albm_slist .no-padding-form.submitted {flex-wrap: wrap;justify-content: space-between;border-radius: 5px;background: rgba(255, 255, 255, 0.07);padding: 10px;}
.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 > .btn {color: #F44336;}
.uploaded_albm_slist .no-padding-form.submitted > .btn svg {margin: 0;width: 19px;height: 19px;}

/*Follower/Follwoing*/
.prof_fol_cont {margin: 20px 0 0;}
.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;}

/*Message Page*/
#new-message-form { position: relative;padding: 10px 20px 0px;}
#new-message-form .btn-mat:not(.btn-primary) {min-width: 36px;padding: 0;color: #37b24d;background-color: rgba(55, 178, 77, 0.2);border-radius: 50%;margin: 0 10px;}
#new-message-form .btn-mat:not(.btn-primary) svg {margin: 0;width: 19px;height: 19px;}
#new-message-form #send-button {padding: 0;border: none;height: 50px;width: 50px;min-width: 50px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;}
#new-message-form #send-button svg {margin: 0;width: 22px;height: 22px;}
.countunseen { background-color: #c23321;padding: 2px 7px;width: auto;border-radius: 2px;color: #fff;float: right;margin: 17px 4px; }
.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: #fff;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-top: 3px;margin-bottom: 5px; position: relative; max-width: 80%; width: auto; }
.user-messages .messages .message.pull-left {display: flex;align-items: flex-end;}
.user-messages .messages .message .user-avatar { width: 33px;min-width: 33px;float: left;position: relative;}
.user-messages .messages .message .user-avatar img { width: 100%; border-radius: 100%; }
.user-messages .messages .message .user-message {background-color: #dee1e7;padding: 6.5px 13px;border-radius: 17px;word-break: break-word;width: auto;margin-left: 7px;position: relative;}
.user-messages .messages .message .user-message img {margin: -7px -14px;}
.user-messages .messages .message.pull-right .user-message {background-color: var(--main);color: #fff;}
.user-messages .messages .message.pull-right:before {content: '';border-radius: 50%;bottom: 0;height: 25px;position: absolute;width: 25px;box-shadow: inset 0px 8px 0 4px #171719, inset 9px 0px 0 0px var(--main), 0 0 0 0px #171719;right: -15px;}
.user-messages .messages .message.pull-left:before {content: '';border-radius: 50%;bottom: 0;height: 25px;position: absolute;width: 25px;box-shadow: inset 0px 8px 0 4px #171719, inset -9px 0px 0 0px #3b3b3b, 0 0 0 0px #171719;left: 25px;}
.pt_msg_area {height: calc(100vh - 270px);overflow: hidden;overflow-y: auto;position: relative;box-shadow: none;padding: 15px 15px 5px;}
.pt_msg_area .empty_state {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 10px;text-align: center;}
.pt_msg_area .empty_state svg {width: 100px;height: 100px;margin-bottom: 15px;filter: grayscale(0.5);opacity: 0.4;}
.pt_msg_header {padding: 6px 15px;height: 42px;position: relative;border-bottom: 1px solid #3d3d3d;}
.pt_msg_header h3 {margin: 0;line-height: 25px;font-size: 16px;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
.pt_msg_header h3 a {color: #ffffff;}
.pt_msg_header h3 a img {width: 28px;height: 28px;margin: -1px 6px 0 0;border-radius: 50%;object-fit: cover;}
.pt_msg_main {position: relative;margin-bottom: 0;padding: 0;}
.pt_msg_header h3 .mobilemsgclose {display: none;cursor: pointer;margin: -1px 10px 0px 0px;width: 23px;height: 23px;stroke-width: 2.5px;}
.user-messages .messages .message.incming_msg .user-message {background-color: #3b3b3b;color: #e0e0e0;}
.user-send-message { width: 100%; }
.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: 13px;resize: none;width: 100%;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);height: 50px;border-radius: 2em;background-color: #272727;color: #fff;}
.user-send-message textarea::placeholder {opacity: 0.7;}
.user-send-message textarea:focus::placeholder {opacity: 0.4;}
.messages-sidebar { overflow: auto; }
.messages-sidebar .search-box {position: relative;padding: 0px 0px 5px;border-bottom: 1px solid #3d3d3d;}
.messages-sidebar .search-box input {width: 100%;padding: 5px 12px;padding-left: 40px;background-color: transparent;height: 36px;border: 0;color: #fff;}
.messages-sidebar .search-box svg { position: absolute;margin: 8.5px;pointer-events: none;width: 19px;height: 19px;}
.messages-sidebar > .btn {background-color: rgb(255 255 255 / 10%);margin: 10px 0;}
.messages-sidebar ul { list-style: none;height: calc(100vh - 266px);overflow-y: auto;margin: 0;background: transparent;padding: 0 6px;}
.messages-sidebar ul li { height: 82px;margin-top: 15px;transition: all .2s;background-color: #272727;border-radius: 5px;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);}
.messages-sidebar ul li:hover {box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.messages-sidebar ul li .list-innr {color: #666;display: block;padding: 9.5px 10px;cursor: pointer;}
.messages-sidebar ul li .list-innr .user-avatar { width: 60px; float: left; margin: 0px 15px 0px 0px; }
.messages-sidebar ul li .list-innr .user-avatar img {width: 100%;border-radius: 100%;height: 100%;object-fit: cover;}
.messages-sidebar ul li .list-innr .user-last-time {font-size: 11px;}
.messages-sidebar ul li .list-innr .user-name { margin: 1px 35px 1px 60px;font-weight: 500;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #eee;}
.messages-sidebar ul li .user-last-message { font-size: 13px; color: #999;margin: 2px 35px 0px 60px;}
.messages-sidebar ul .user-last-message a {padding: 0px;}
.messages-sidebar ul .user-last-message img {width: 18px !important;}
.messages-sidebar ul li .list-innr+.user-last-message {margin-top: -10px;}
.messages-sidebar ul p.empty_state {padding: 120px 10px;font-weight: 500;color: #5b5b5b;width: 100%;text-align: center;}
.messages-sidebar ul p.empty_state svg {background-color: rgba(19, 80, 243, 0.15);color: var(--main);display: block;width: 65px;height: 65px;padding: 16px;border-radius: 50%;margin: 0 auto 10px;}
.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); }

/*Toggle Mode*/
.toggle-mode .switch {cursor: pointer;position: relative;width: 100%;margin: 0;display: flex;}
.toggle-mode .switch input {display: none;}
.toggle-mode .slider {transition: all 90ms cubic-bezier(0,0,.2,.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: .2s;}
.toggle-mode input:checked + .slider {background-color: var(--main);border-color: var(--main);}
.toggle-mode input:checked + .slider:after {border-color: #fff;}

/*Interests*/
.ma_interest {text-align: center;}
.ma_interest_innr {margin: auto;width: 100%;max-width: 560px;}
.ma_interest_innr .ma_interest_hding {margin: 0 0 13px 0;font-size: 32px;color: #fff;}
.ma_interest_innr .ma_interest_subhding {margin: 0 0 50px 0;}
.ma_interest_innr .ma_interest_list {margin: 0;padding:0px;display: flex;flex-wrap: wrap;justify-content: center;}
.ma_interest_innr .ma_interest_list li {margin: 0 10px 16px;}
.ma_interest_innr .ma_interest_list li input[type="checkbox"] {position: absolute;opacity: 0;}
.ma_interest_innr .ma_interest_list li label {margin: 0;cursor: pointer;}
.ma_interest_innr .ma_interest_list li input[type="checkbox"]:checked + label {color: #000;background: #fff;}
.ma_interest_innr .btn-save_intrst {margin-top: 30px;min-width: 150px;line-height: 40px;}

/*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 .alert {width: 100%;margin: 0 auto 30px;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;}

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

/*Payment Methods*/
.pay_method {display: flex;flex-wrap: wrap;margin: -7px;}
.pay_method .btn {flex: 1 1 auto;border: 1px solid #474747;border-radius: 10px;background: transparent;color: #ececec;margin: 7px;}
.pay_method .btn:hover {background-color: rgba(255, 255, 255, 0.03);}
.pay_method .btn svg, .pay_method .btn img {margin-right: 15px;width: 22px;height: 22px;}
.bank_info {margin-bottom: 10px;}
.bank_info .dt_settings_header {width: 100%;background-color: #3d3d3d;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: 12px;}
.bank_info .bank_info_innr .bank_name {font-size: 22px;font-weight: 400;}
.bank_info .bank_info_innr .help-block {text-transform: uppercase;font-size: 12px;color: rgba(255, 255, 255, 0.73);letter-spacing: 1px;}
.hide_alert_info_bank_trans {font-size: 13px;}
.upload_bank_receipts > div {width: 100%;max-width: 200px;height: 150px;margin: 0 auto 10px;background-color: rgba(63, 81, 181, 0.15);border-radius: 7px;justify-content: center;flex-direction: column;cursor: pointer;color: #fff;}
.upload_bank_receipts > div p {margin: 10px 0 0;}
.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;}
.bank_transfr_progress {position: absolute;bottom: 72px;left: 0;right: 0;}
.bank_transfr_progress .progress {height: 2px;background-color: rgba(255, 255, 255, 0.1);}

/*Song Stats*/
.highcharts-background{fill: #222225 !important;}
.highcharts-subtitle,.highcharts-title{fill: #9E9E9E !important;}
.highcharts-legend-item text{fill: #9E9E9E !important;}

/*Lyrics*/
.song_lyrics p {font-size: 14px;margin-bottom: 7px;word-wrap: break-word;overflow: hidden;}
.song_lyrics a.hash {display: inline-block;background-color: #393939;color: #e6e6e6;padding: 0px 10px;font-size: 14px;border-radius: 5px;line-height: 28px;}
.song_lyrics a.hash:hover {color: #fff;}

/*Blogs*/
.sfy_blog_articles {display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));grid-gap: 17px;}
.blog_list_innr {border-radius: 10px;overflow: hidden;transition: all 0.2s;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}
.blog_list_innr .avatar {display: block;position: relative;padding-bottom: 75%;}
.blog_list_innr .avatar > img {width: 100%;border-radius: 10px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 100%;object-fit: cover;}
.sfy_main_blogs_info {width: 100%;border-radius: 10px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 35%, rgba(0, 0, 0, 0.08) 75%, rgba(0, 0, 0, 0.25) 100%);padding: 15px;display: flex;flex-direction: column;}
.sfy_main_blogs_info > .sfy_blog_mini_hdr {justify-content: space-between;}
.sfy_main_blogs_info > .sfy_blog_mini_hdr time {color: rgba(255, 255, 255, 0.8);font-size: 12px;}
.sfy_main_blogs_info > .sfy_blog_mini_hdr .sfy_blog_mini_cat {color: rgba(255, 255, 255, 0.8);font-size: 11px;text-transform: uppercase;font-weight: 500;letter-spacing: 0.8px;}
.sfy_main_blogs_info > h2 {margin: 3px 0 5px;font-size: 24px;}
.sfy_main_blogs_info > h2 a {color: white;}
.sfy_main_blogs_info > .sfy_blog_mini_foot {margin-top: auto;text-align: end;}
.sfy_main_blogs_info > .sfy_blog_mini_foot .btn {min-width: 150px;background-color: rgba(255, 255, 255, 0.2);color: white;backdrop-filter: blur(10px);}
.sfy_main_blogs_info > .sfy_blog_mini_foot .btn svg {margin: 0px -7px 0 0;width: 20px;height: 20px;}
.blog_cats_box {margin: 15px -3px -10px;}
.blog_cats_box .check_box {display: inline-block;margin: 0 3px 10px;}
.blog_cats_box .check_box a {background-color: rgba(255, 255, 255, 0.1);color: #dcdcdc;padding: 4px 10px;display: block;border-radius: 5px;font-size: 13px;}
.blog_cats_box .check_box a.active {background-color: var(--main);color: #fff;}

/*Read Blog*/
.ds_blog_catz {text-align: center !important;}
.ds_blog_catz a {background-color: #f98f1d;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;text-align: center !important;}
.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: 400;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;}
.ds_read_blog > article img {width: 100%;}
.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 .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;}
.ds_create_edit_ads_cont .sfy_mat_input .bootstrap-select {height: auto;border-radius: 6px;}
.ds_create_edit_ads_cont .sfy_mat_input .bootstrap-select > button.btn {background: #353535;box-shadow: none;border-radius: 6px;padding: 15.1px 10px;font-size: 16px;color: rgba(255, 255, 255, 0.6);height: 54.3px;line-height: 23px;font-weight: 500;outline: 0 !important;border: 0;}
.ds_create_edit_ads_cont .sfy_mat_input .bootstrap-select > .dropdown-menu, .ds_create_edit_ads_cont .sfy_mat_input .bootstrap-select .dropdown-menu.inner {display: none;}
.ds_create_edit_ads_cont .sfy_mat_input .bootstrap-select.show > .dropdown-menu, .ds_create_edit_ads_cont .sfy_mat_input .bootstrap-select.show .dropdown-menu.inner {display: block;transform: scale3d(1,1,1);}
.sfy_forms_sbm_btn {padding-top: 20px;padding-bottom: 20px;}
.sfy_forms_sbm_btn .btn {padding: 0 25px;height: 40px;border-radius: 2em;}
.sfy_forms_sbm_btn .btn svg {width: 19px;height: 19px;margin-right: 4px;}
.sfy_ads_add .add-amount h5 {position: relative;display: inline-block;}
.sfy_ads_add .add-amount h5 span {font-size: 38px;position: absolute;top: 7px;left: -30px;}
.sfy_ads_add .add-amount h5 input {font-size: 80px;margin: 0;border: 0;padding: 0;height: 87px;text-align: center;max-width: 160px;background: transparent;font-weight:100;color: #fff;}

/*Import*/
.ds_import_sc {text-align: center;max-width: 800px;width: 100%;padding: 60px 50px;}
.ds_import_sc > svg {width: 80px;height: 80px;margin: 0 10px 35px;border-radius: 50%;}
.ds_import_sc > h3 {font-weight: 100;margin: 0 0 40px;}
.ds_import_sc > .btn {margin-top: 25px;min-width: 150px;border-radius: 2em;line-height: 40px;}

/*Track Review Widget*/
.rating-stars ul {user-select:none;}
.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);}

/*Track Review*/
.ds_review_headlines {margin: 0 -6px 10px;}
.ds_review_headlines:empty {margin: 0;}
.ds_review_headlines a, .ds_review_headlines button {color: #fff;background: rgba(0, 0, 0, 0.4);border: 0;cursor: pointer;padding: 0 10px;line-height: 25px;font-size: 14px;border-radius: 5px;margin: 0 6px;}
.ds_review_headlines a {display: inline-block;}
.rat_avg_strs {font-size: 17px;}
.rat_avg_strs svg {width: 20px;height: 20px;margin-top: -3px;}
.ds_track_reviews_list {display: flex;border-top: 1px solid #353535;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%;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*/
.sfy_stations {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 240px));grid-gap: 24px;justify-content: center;margin-bottom: 30px;}
.sfy_station_list .station {margin: 0;padding: 10px;}
.sfy_station_list .station .cover_art {text-align: center;position: relative;}
.sfy_station_list .station .cover_art a {display: block;position: relative;}
.sfy_station_list .station .cover_art img {width: 220px;height: 100px;border-radius: 6px;}
.sfy_station_list .station .cover_art .play_btn {position: absolute;top: 0;right: 0;bottom: 0;left: 0;align-items: flex-end;justify-content: flex-end;background-color: rgba(0, 0, 0, 0.4);border-radius: 6px;backdrop-filter: blur(3px);padding: 10px;opacity: 0;transition: all 0.15s;}
.sfy_station_list .station .cover_art:hover .play_btn {opacity: 1;}
.sfy_station_list .station .cover_art .play_btn svg {color: white;background-color: rgba(0, 0, 0, 0.4);border-radius: 50%;}
.sfy_station_list .station .cover_art > .btn {border: 0;padding: 5px;line-height: 1;position: absolute;top: 6px;z-index: 1;left: 6px;background-color: rgba(0, 0, 0, 0.7);color: white;border-radius: 50%;}
.sfy_station_list .station .track_info {padding-top: 10px;}
.sfy_station_list .station .track_info .title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sfy_station_list .station .track_info .title a {color: white;}
.sfy_station_list .station .track_info .artist {font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sfy_station_list .station .track_info .artist a {color: rgba(255, 255, 255, 0.6);}

/*Main Radio Page*/
.sfy_radio_cont {padding: 30px;}
.sfy_radio_hdr {justify-content: space-between;}
.sfy_radio_hdr > .valign > .avatar {width: 220px;min-width: 220px;height: 110px;margin-right: 30px;}
.sfy_radio_hdr > .valign > .avatar img {width: 100%;height: 100%;}
.sfy_radio_hdr .sfy_plist_info .al_name {font-size: 40px;font-weight: 400;margin: 0;}
.sfy_radio_hdr .sfy_song_actns {margin: 20px -6px 0;}
.sfy_radio_hdr .ss_track_play_pause {margin-right: 0px;margin-left: 30px;}
.sfy_radio_specto {height: 280px;background: #757d9e;background: linear-gradient(#757d9e 0%, #464e6e 100%);margin: 30px -30px 0;}
.spectrograph_prnt {width: 100%;clear: both;text-align: center;margin-top: auto;}
.spectrograph {color: #fff;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 8px;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;}
@keyframes animation1 {
0%, 5% {-webkit-transform: translateY(100%);transform: translateY(100%);}
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);}
}
@keyframes animation3 {
33%, 66% {-webkit-transform: translateY(100%);transform: translateY(100%);}
0%, 45%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
}
.sfy_radio_actions {justify-content: center;}
.ds_add_radio_usr .sfy_mat_input {margin: 0;width: 100%;}
.ds_add_radio_usr > div .btn {margin-left: 15px;text-transform: capitalize;line-height: 54px;min-width: 125px;}
.ds_add_radio_addstat.sfy_stations {grid-gap: 23px;}

/*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_create_edit_ads_cont.upload_music {overflow: visible;}

/*Stats Pages*/
.sfy_adstat_head {justify-content: space-between;margin-bottom: 30px;}
.sfy_adstat_head h2 {margin: 0;font-weight: 100;color: white;}
.sfy_adstat_head select {border: 0;box-shadow: none;height: 36px;font-weight: 500;color: #fff;width: 170px;}
.sfy_stat_single {text-align: center;background: #212121;margin-bottom: 30px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);border-radius: 7px;padding: 35px 10px;transition: all .3s;}
.sfy_stat_single:hover {transform: translateY(-5px) translateZ(0);}
.sfy_stat_single span {margin: 0 auto 10px;justify-content: center;width: 45px;height: 45px;border-radius: 50%;color: #fff;}
.sfy_stat_single span.blue {background: #0285FF;}
.sfy_stat_single span.green {background: #33C635;}
.sfy_stat_single span.violet {background: #886CFF;}
.sfy_stat_single span.yellow {background: #ff9800;}
.sfy_stat_single b {font-size: 35px;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color: #fff;font-weight: 500;}
.sfy_stat_single p {margin: 0;color: rgba(255, 255, 255, 0.6);font-weight: 500;text-transform: uppercase;font-size: 14px;letter-spacing: 1px;word-spacing: 1px;}

/*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;color: white;}
.ds_toggle_switch .toggle.btn .toggle-on svg, .ds_toggle_switch .toggle.btn .toggle-off svg {width: 18px;height: 18px;}

/*Sweet Modals*/
.swal2-modal {width: 100% !important;max-width: 420px !important;background: #222225 !important;font-family: 'Roboto', sans-serif !important;box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);}
.swal2-modal.swal2-show {animation: showSweet_Alert .1s;}
@keyframes showSweet_Alert {
0% {-webkit-transform: scale(.7);transform: scale(.7);opacity: 0}
100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1}
}
.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 button.btn {text-transform: capitalize;}
.swal2-modal .swal2-buttonswrapper {text-align: right;}
.swal2-modal .swal2-title {font-weight: 500 !important;color: #ffffff !important;font-size: 20px !important;line-height: 32px;}
.swal2-modal .swal2-title:empty{margin: 0;}
.swal2-modal .swal2-content {font-size: 16px !important;}

/*Sidebar Ads*/
.ds_side_adss {display: block;color: #eee;}
.ds_side_adss:hover {color: #fff;}
.ds_side_adss > div {margin: 0 -10px;position: relative;}
.ds_side_adss > div img {width: 100%;height: 170px;object-fit: cover;}
.ds_side_adss > div span {position: absolute;bottom: 10px;left: 10px;background-color: rgba(0, 0, 0, 0.7);font-size: 13px;padding: 3px 6px;border-radius: 4px;color: white;}
.ds_side_adss h3 {margin: 10px 0;font-size: 16px;}
.ds_side_adss p {font-size: 13px;margin: 0;}

/*Home Tab*/
.sfy_home_tabs {overflow-y: hidden;width: 100%;max-width: 500px;margin: -125px 0 60px;}
.sfy_home_tabs li:not(:last-child) {margin-right: 50px;}
.sfy_home_tabs li a {display: block;text-transform: none;color: rgba(255, 255, 255, 0.7);padding: 20px 0;height: 80px;border: 0;position: relative;font-size: 14px;}
.sfy_home_tabs li:not(.active) a:hover {color: #fff;}
.sfy_home_tabs li a:after {position: absolute;content: '';height: 2px;bottom: 0;background: var(--main);left: 0;width: 80%;opacity: 0;}
.sfy_home_tabs li.active a:after {opacity: 1;}
.sfy_home_tabs li a svg {display: block;margin: 0 0 7px;width: 18px;height: 18px;}

/*Pagination*/
.pagination {margin: 0;padding: 0 5px;background: #e2e2e2;border-radius: 2em;}
.pagination > li.page-item > a.page-link {float: none;padding: 0 4px;margin-left: 0;line-height: normal;color: rgba(0,0,0,.5);min-width: 35px;height: 35px;display: inline-flex;align-items: center;justify-content: center;vertical-align: middle;border-radius: 8px;background-color: #e2e2e2;border: 0;font-weight: 500;font-size: 15.5px;}
.pagination > li.page-item > a.page-link svg {margin: 0;}
.pagination > li.page-item > a.page-link:focus, .pagination > li.page-item > a.page-link:hover {color:  var(--main);background-color: #e2e2e2;}
.pagination > .page-item.active > a.page-link, .pagination > .page-item.active > a.page-link:focus, .pagination > .page-item.active > a.page-link:hover, div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.page-item.active > a.page-link {background-color:  var(--main);color: #fff;box-shadow: 0 0 10px 0 rgba(55, 178, 77, 0.5);}
.pagination > li:first-child > a.page-link, .pagination > li:last-child > a.page-link {border-radius: 8px;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {background: transparent;padding: 0;border-radius: 0;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.page-item > a.page-link {margin: 0 3px;padding: 0 6px;background: transparent;color: #f0f0f0;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.page-item.disabled {opacity: 0.6;}

/*Song Post*/
.sfy_song_post {background-color: #222225;padding: 15px;border-radius: 7px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);position: relative;}
.sfy_song_post > hr {margin: 15px 0;}
.sfy_song_post > .valign:not(.fp_head) {justify-content: space-between;margin: 15px 0px 0;}

/*Links Header*/
.sfy_links_header {border-bottom: 1px solid #3b3838;margin: 0;margin-bottom: 25px;justify-content: space-between;flex-wrap: wrap;}
.sfy_links_header ul li {margin-right: 3px;display: inline-block;text-transform: capitalize;}
.sfy_links_header ul li a {padding: 0px 15px;font-size: 13px;display: block;border-radius: 3px;background-color: rgba(255, 255, 255, 0.15);font-weight: 500;line-height: 32px;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);color: #fff;}
.sfy_links_header ul li.active a {color: var(--main);box-shadow: inset 0px 0px 3px 2px var(--main);background-color: rgba(55, 178, 77, 0.2);}
.sfy_links_header > .btn {line-height: 32px;padding: 0 15px;font-size: 13px;margin: 4px 0 8px;}

/*Add Playlist*/
.add-select-playlists li {padding: 10px;background: rgba(255, 255, 255, 0.09);width: 100%;margin-bottom: 5px;cursor: pointer;border-radius: 5px;}
.add-select-playlists li.crt_nw_plst {padding: 0;background: rgba(55, 178, 77, 0.15);}
.add-select-playlists li a {color: var(--main);padding: 0 10px;line-height: 43.64px;}
.add-select-playlists li.active {background: var(--main);color: #fff;}

/*Move to Album*/
.add-select-albums li {padding: 7px;width: 100%;cursor: pointer;justify-content: space-between;background-color: rgba(255, 255, 255, 0.09);border-radius: 5px;}
.add-select-albums li:not(:last-child) {margin-bottom: 10px;}
.add-select-albums li img {width: 40px;height: 40px;}
.add-select-albums li.active {background: var(--main);color: #fff;}

/*Top Genres*/
.sfy_top_genres {margin: 0 0 30px;}
.sfy_top_genres .img_cnt {width: 160px !important;padding: 0;}
.sfy_top_genres .gnr_list_item {padding-bottom: 75%;border-radius: 5px;filter: grayscale(1);}
.sfy_top_genres .gnr_list_item.active {filter: grayscale(0);}
.sfy_top_genres .gnr_list_item img, .sfy_top_genres .gnr_list_item .valign, .sfy_top_genres .gnr_list_item:after {border-radius: 5px;}
.sfy_top_genres .gnr_list_item .valign .name {font-size: 23px;}
.sfy_top_genres .gnr_list_item .valign .song_count {color: rgba(255, 255, 255, 0.8);font-size: 16px;}
.sfy_top_genres .gnr_list_item.active:after {opacity: 0.8;}

/*Misc*/
.likes {font-weight: 500;color: #939393;font-size: 12px;}
#light-wave {border-right: 1px solid rgb(71, 71, 71) !important;}
#more {display: none;}
#btn-track-load-more {cursor: pointer;}
.artist_list .track_info .artist {min-height: 22px;}
.link_active {color: #ffffff;}
.bulk-sound-upload {margin: 0 auto;margin-top: 20px;}
.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;}
.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;}

/*Color Picker*/
.colorpicker{position:relative;display:none;font-size:inherit;color:inherit;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);padding:.75rem .75rem;width:148px;border-radius:4px;-webkit-box-sizing:content-box;box-sizing:content-box}.colorpicker.colorpicker-disabled,.colorpicker.colorpicker-disabled *{cursor:default!important}.colorpicker div{position:relative}.colorpicker-popup{position:absolute;top:100%;left:0;float:left;margin-top:1px;z-index:1060}.colorpicker-popup.colorpicker-bs-popover-content{position:relative;top:auto;left:auto;float:none;margin:0;z-index:initial;border:none;padding:.25rem 0;border-radius:0;background:0 0;-webkit-box-shadow:none;box-shadow:none}.colorpicker:after,.colorpicker:before{content:"";display:table;clear:both;line-height:0}.colorpicker-clear{clear:both;display:block}.colorpicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:auto;right:6px}.colorpicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:auto;right:7px}.colorpicker.colorpicker-with-alpha{width:170px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-saturation{position:relative;width:126px;height:126px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(black)),-webkit-gradient(linear,left top,right top,from(white),to(rgba(255,255,255,0)));background:linear-gradient(to bottom,transparent 0,#000 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);cursor:crosshair;float:left;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2);margin-bottom:6px}.colorpicker-saturation .colorpicker-guide{display:block;height:6px;width:6px;border-radius:6px;border:1px solid #000;-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.8);box-shadow:0 0 0 1px rgba(255,255,255,.8);position:absolute;top:0;left:0;margin:-3px 0 0 -3px}.colorpicker-alpha,.colorpicker-hue{position:relative;width:16px;height:126px;float:left;cursor:row-resize;margin-left:6px;margin-bottom:6px}.colorpicker-alpha-color{position:absolute;top:0;left:0;width:100%;height:100%}.colorpicker-alpha-color,.colorpicker-hue{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2)}.colorpicker-alpha .colorpicker-guide,.colorpicker-hue .colorpicker-guide{display:block;height:4px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.4);position:absolute;top:0;left:0;margin-left:-2px;margin-top:-2px;right:-2px;z-index:1}.colorpicker-hue{background:-webkit-gradient(linear,left bottom,left top,from(red),color-stop(8%,#ff8000),color-stop(17%,#ff0),color-stop(25%,#80ff00),color-stop(33%,#0f0),color-stop(42%,#00ff80),color-stop(50%,#0ff),color-stop(58%,#0080ff),color-stop(67%,#00f),color-stop(75%,#8000ff),color-stop(83%,#ff00ff),color-stop(92%,#ff0080),to(red));background:linear-gradient(to top,red 0,#ff8000 8%,#ff0 17%,#80ff00 25%,#0f0 33%,#00ff80 42%,#0ff 50%,#0080ff 58%,#00f 67%,#8000ff 75%,#ff00ff 83%,#ff0080 92%,red 100%)}.colorpicker-alpha{background:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),#fff;background-size:10px 10px;background-position:0 0,5px 5px;display:none}.colorpicker-bar{min-height:16px;margin:6px 0 0 0;clear:both;text-align:center;font-size:10px;line-height:normal;max-width:100%;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2)}.colorpicker-bar:before{content:"";display:table;clear:both}.colorpicker-bar.colorpicker-bar-horizontal{height:126px;width:16px;margin:0 0 6px 0;float:left}.colorpicker-input-addon{position:relative}.colorpicker-input-addon i{display:inline-block;cursor:pointer;vertical-align:text-top;height:16px;width:16px;position:relative}.colorpicker-input-addon:before{content:"";position:absolute;width:16px;height:16px;display:inline-block;vertical-align:text-top;background:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),#fff;background-size:10px 10px;background-position:0 0,5px 5px}.colorpicker.colorpicker-inline{position:relative;display:inline-block;float:none;z-index:auto;vertical-align:text-bottom}.colorpicker.colorpicker-horizontal{width:126px;height:auto}.colorpicker.colorpicker-horizontal .colorpicker-bar{width:126px}.colorpicker.colorpicker-horizontal .colorpicker-saturation{float:none;margin-bottom:0}.colorpicker.colorpicker-horizontal .colorpicker-alpha,.colorpicker.colorpicker-horizontal .colorpicker-hue{float:none;width:126px;height:16px;cursor:col-resize;margin-left:0;margin-top:6px;margin-bottom:0}.colorpicker.colorpicker-horizontal .colorpicker-alpha .colorpicker-guide,.colorpicker.colorpicker-horizontal .colorpicker-hue .colorpicker-guide{position:absolute;display:block;bottom:-2px;left:0;right:auto;height:auto;width:4px}.colorpicker.colorpicker-horizontal .colorpicker-hue{background:-webkit-gradient(linear,right top,left top,from(red),color-stop(8%,#ff8000),color-stop(17%,#ff0),color-stop(25%,#80ff00),color-stop(33%,#0f0),color-stop(42%,#00ff80),color-stop(50%,#0ff),color-stop(58%,#0080ff),color-stop(67%,#00f),color-stop(75%,#8000ff),color-stop(83%,#ff00ff),color-stop(92%,#ff0080),to(red));background:linear-gradient(to left,red 0,#ff8000 8%,#ff0 17%,#80ff00 25%,#0f0 33%,#00ff80 42%,#0ff 50%,#0080ff 58%,#00f 67%,#8000ff 75%,#ff00ff 83%,#ff0080 92%,red 100%)}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),#fff;background-size:10px 10px;background-position:0 0,5px 5px}.colorpicker-inline:before,.colorpicker-no-arrow:before,.colorpicker-popup.colorpicker-bs-popover-content:before{content:none;display:none}.colorpicker-inline:after,.colorpicker-no-arrow:after,.colorpicker-popup.colorpicker-bs-popover-content:after{content:none;display:none}.colorpicker-alpha,.colorpicker-hue,.colorpicker-saturation{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.colorpicker-alpha.colorpicker-visible,.colorpicker-bar.colorpicker-visible,.colorpicker-hue.colorpicker-visible,.colorpicker-saturation.colorpicker-visible,.colorpicker.colorpicker-visible{display:block}.colorpicker-alpha.colorpicker-hidden,.colorpicker-bar.colorpicker-hidden,.colorpicker-hue.colorpicker-hidden,.colorpicker-saturation.colorpicker-hidden,.colorpicker.colorpicker-hidden{display:none}.colorpicker-inline.colorpicker-visible{display:inline-block}.colorpicker.colorpicker-disabled:after{border:none;content:'';display:block;width:100%;height:100%;background:rgba(233,236,239,.33);top:0;left:0;right:auto;z-index:2;position:absolute}.colorpicker.colorpicker-disabled .colorpicker-guide{display:none}.colorpicker-preview{background:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),#fff;background-size:10px 10px;background-position:0 0,5px 5px}.colorpicker-preview>div{position:absolute;left:0;top:0;width:100%;height:100%}.colorpicker-bar.colorpicker-swatches{-webkit-box-shadow:none;box-shadow:none;height:auto}.colorpicker-swatches--inner{clear:both;margin-top:-6px}.colorpicker-swatch{position:relative;cursor:pointer;float:left;height:16px;width:16px;margin-right:6px;margin-top:6px;margin-left:0;display:block;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2);background:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),#fff;background-size:10px 10px;background-position:0 0,5px 5px}.colorpicker-swatch--inner{position:absolute;top:0;left:0;width:100%;height:100%}.colorpicker-swatch:nth-of-type(7n+0){margin-right:0}.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(7n+0){margin-right:6px}.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(8n+0){margin-right:0}.colorpicker-horizontal .colorpicker-swatch:nth-of-type(6n+0){margin-right:0}.colorpicker-horizontal .colorpicker-swatch:nth-of-type(7n+0){margin-right:6px}.colorpicker-horizontal .colorpicker-swatch:nth-of-type(8n+0){margin-right:6px}.colorpicker-swatch:last-of-type:after{content:"";display:table;clear:both}.colorpicker-element input[dir=rtl],.colorpicker-element[dir=rtl] input,[dir=rtl] .colorpicker-element input{direction:ltr;text-align:right}

/*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;width: 100%;}
.ds_aff_divider {margin: 30px 0;}
.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: 120px;}
.ds_aff_usr_social .social-btn svg {display: block;margin: 0 auto 8px;width: 35px;height: 35px;}

/*Audio Ad*/
.pause_btn.ovrflw_visible {overflow: visible;}
.base-timer {position: absolute;width: 100%;height: 100%;z-index: 9;background-color: #333333;border-radius: 50% 50% 0 0;}
.ss_track_play_pause .base-timer > .base-timer__svg {width: 100%;height: 100%;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);transition: all .5s linear;}
.base-timer__label {position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;justify-content: center;font-size: 24px;}
.base-timer__label+p {position: absolute;font-size: 11px;left: 0;right: 0;margin: 0;top: auto;background-color: #333333;bottom: auto;line-height: 25px;border-radius: 0 0 10px 10px;}

/*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;top: 7px;}

/*Create Blog*/
.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_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: rgb(255 152 0 / 0.2);color: #f98f1d;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: #f98f1d;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 {display: -ms-flexbox;display: flex;align-items: center;position: relative;}
.ds_hall_art_prnt .no-track-found {margin: 0 15px;}
.ds_hall_art_prnt .col-lg-6: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 {margin-right: 10px;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.ds_hall_art .cover_art img {width: 60px;height: 60px;min-width: 60px;border-radius: 5px;}
.ds_hall_art .track_info {-webkit-flex: 1 0;-ms-flex: 1 0;flex: 1 0;overflow: hidden;max-height: 48px;}
.ds_hall_art .track_info a {color: #fff;font-weight: 500;}
.ds_hall_art .track_info p {margin: 0;font-size: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.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: .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);}
.select_radio_btn label > input:checked ~ .sr_btn_lab_innr {box-shadow: 0 0 0 1px var(--main);background: var(--main);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 {margin: 0 -5px;}
.ds_song_tagged .ss_short_info {background: rgb(255 255 255 / 15%);border-radius: 2em;padding: 0 10px;line-height: 25px;margin: 6px 3px 0;display: inline-flex;color: #d4d4d4;font-size: 14px;align-items: center;}

/*Char left*/
.char_left {width: 30px;height: 30px;line-height: 30px;border-radius: 50%;position: absolute;left: 10px;top: 10px;z-index: 9;background: rgb(0 0 0 / 50%);color: white;text-align: center;font-size: 12px;font-weight: 500;}

/*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: 19px;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_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: 34px;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;}

/*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: #f98f1d;font-size: 16px;}

/*Store Products*/
.store_products .store_products_hdr {padding-bottom: 90%;}
.store_products-info {position: relative;padding: 15px 10px 70px;min-height: 161px;}
.store_products-info.more {min-height: 186px;}
.store_products-name {font-size: 18px;letter-spacing: 0.3px;overflow: hidden;max-height: 42px;}
.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: #f98f1d;color: #fff;border-radius: 12px;line-height: 46px;margin: 0;}

/*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;}

/*Create Products*/
.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: 100%;margin: 0;white-space: nowrap;overflow-x: auto;display: inline-block;}
#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;margin-bottom: 10px;}

/*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: rgb(249 143 29 / 21%);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: 30px;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: #f98f1d;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_prods_seller_week .btn-mat {min-width: auto;height: 37px;}
.best_prods_seller_week .fav_song svg {color: #fff;background-color: #6c757d;width: 100%;border: 1px solid #6c757d;border-radius: 4px;cursor: pointer;padding: 6px;height: 37px;}
.best_prods_seller_week .fav_song svg:hover {color: #fff;background-color: #5a6268;border-color: #545b62;}

/*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;}
.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,.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,.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 {line-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 .no-track-found {padding: 50px 10px;}
.cart_items .checkout_btn {padding: 10px 10px 3px;}
header .cart_items .checkout_btn .btn {width: 100%;background-color: #f98f1d;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;}

/*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: #f98f1d;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: 18px;margin: 0;}
.checkout_side p.price {margin: 0;font-family: var(--font-family-monospace);font-size: 80px;word-break: break-all;}
.checkout_side .btn-primary {line-height: 50px;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: .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: .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;}

/*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 #f98f1d;}
.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%;}
.stars {display: flex;margin: 3px 0 7px;font-size: 14px;}
.stars .star {width: 18px;height: 18px;margin: 0 2px 0 0px;}
.stars .star path { fill: #5e5e5e;}
.stars[data-stars] .star path {fill: #EF8F12;}
.stars[data-stars="0"] .star path {fill: #5e5e5e;}
.stars[data-stars="1"] .star:nth-child(1) ~ .star path {fill: #5e5e5e;}
.stars[data-stars="2"] .star:nth-child(2) ~ .star path {fill: #5e5e5e;}
.stars[data-stars="3"] .star:nth-child(3) ~ .star path {fill: #5e5e5e;}
.stars[data-stars="4"] .star:nth-child(4) ~ .star path {fill: #5e5e5e;}
.stars[data-stars="5"] .star:nth-child(5) ~ .star path {fill: #5e5e5e;}
.product_v_title {font-family: var(--font-family-sans-serif);color: #f5f5f5;font-weight: 400;font-size: 40px;word-wrap: break-word;}
.product_v_price {color: #f7952c;font-size: 25px;}
.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;text-transform: uppercase;font-family: var(--font-family-sans-serif);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 {text-transform: uppercase;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;}

/*Store - Tickets*/
.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: #f98f1d;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}
.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;}

/*Invite Links*/
.earn_points {margin-bottom:10px;padding: 0 5px;}
.earn_points .ep_illus {margin-bottom: 25px;padding-bottom: 15px;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.earn_points .ep_illus .ep_how_many {padding: 10px 0;}
.earn_points .ep_illus .ep_how_many svg {display: block;background-color: #7a7a7a;width: 50px;height: 50px;border-radius: 50%;padding: 12px;color: white;margin: 0 15px 0 0;}
.earn_points .ep_illus .ep_how_many.reaction_bg svg {background-color: rgba(255, 152, 0, 0.2);color: #FF9800;}
.earn_points .ep_illus .ep_how_many.create_post svg {background-color: rgba(33, 150, 243, 0.2);color: #2196F3;}
.earn_points .ep_illus .ep_how_many.comment_post svg {background-color: rgba(76, 175, 80, 0.2);color: #4caf50;}
.earn_points .ep_illus .ep_how_many b {margin: 0;font-weight: 500;}

/*Misc*/
.y_player_cover {position: absolute;z-index: 10;width: 100%;height: 100%;}
.product-related-song::-webkit-scrollbar {width: 6px;}
.product-related-song::-webkit-scrollbar-track {border-radius: 10px;background: rgba(255, 255, 255, 0.05);}
.product-related-song::-webkit-scrollbar-thumb {border-radius: 10px;background: rgba(255, 255, 255, 0.17);}
.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 .35s;-webkit-transition:left .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}

/*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: 0 0 30px;}
.register-helper-text li.valid {color: #1fd34a;}

/*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;letter-spacing: normal;cursor: pointer;}
.send_again .pointer.disabled {cursor: not-allowed;opacity: 0.6;}

/*Developers*/
code pre {color: #ff9090;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: 0;}

/*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);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,.15)) drop-shadow(0 2px 5px rgba(55,73,87,.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 .1s;border: 1px solid #5d5d5d;text-align: center;border-radius: 7px;color: #f3f3f3;}
.lang_select_modal .language_select:hover {background-color: rgb(255 255 255 / 5%) !important;}

/*Top Playlist*/
.top_playlist_list {
	display: flex;
    border-bottom: 1px solid #3c3c3c;
    justify-content: space-between;align-items: center;
	padding: 22px 5px;transition: all 0.2s ease;
}
.top_playlist_list:last-child {border: 0;}
.top_playlist_list:hover {
	background: rgb(255 255 255 / 7%);
}
.top_playlist_list > div {
	display: inline-flex;
	align-items: center;
}
.top_playlist_list > div:before {
	    counter-increment: Serial;
    content: counter(Serial);
    letter-spacing: 0px;
    color: #7E7E7E;
    width: 30px;flex: 0 0 auto;
	font-size: 20px;
	font-weight: normal;
}
.top_playlist_list h3 {
    margin-bottom: 5px;
	font-size: 16px;
	font-weight: 500;
}
.top_playlist_list h3 a {
	color: #dadada;position: relative;
}
.top_playlist_list h3 a:after {
	content: '';
	width: 0%;
	transition: all 0.2s ease;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 1.5px;
	background: currentColor;
}
.top_playlist_list:hover h3 a:after {
	width: 100%;
}
.top_playlist_list p {
    margin: 0;
	font-size: 13px;
	font-weight: normal;
}
.top_playlist_list p a {
	color: #7E7E7E;
}
.top_playlist_list .btn {
	font-size: 16px;
	font-weight: normal;
	border: 0;
    padding: 0;flex: 0 0 auto;
	color: var(--main);
}
.top_playlist_list .btn svg {
	width: 22px;
    height: 22px;
    margin-top: -2px;transition: all 0.2s ease;
}

/*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: 992px){
header .head_user .notis > .dropdown-menu ul::-webkit-scrollbar {width: 6px;}
header .head_user .notis > .dropdown-menu ul::-webkit-scrollbar-track {border-radius: 10px;background: rgba(255, 255, 255, 0.05);}
header .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;}
}

@media (min-width: 1390px){
.store_short_albums.sq_track_slider.top_albums_lists_pag.no-slider .track_list {flex: 0 0 14.2857142857%;width: 14.2857142857%;}
}

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

@media (min-width: 1800px){
.player .song_progress_right > .btn {display: block;}
.expand_plr .player .song_progress_right > .btn svg path {display: none;}
.expand_plr .player .song_progress_right > .btn svg path.active_path {display: block;}
.expand_plr .ma_container {padding-right: 280px;}
.expand_plr .ma_player {left: auto;top: 0;width: 280px;}
.expand_plr .player {height: 100%;background-color: #222225;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.34);flex-direction: column;justify-content: center;padding: 25px 15px;}
.expand_plr .player .song_prog_mobi {top: 350px;left: 15px;right: 15px;}
.expand_plr .player .song_details, .expand_plr .player .song_progress, .expand_plr .player .song_progress_right {width: 100%;flex: none;justify-content: center;}
.expand_plr .player .song_details .song_details_inner {text-align: center;}
.expand_plr .player .song_details .song_details_inner .song_art {margin: 0 auto 20px;float: none;width: 230px;height: 230px;}
.expand_plr .player .song_details .song_title {margin: 0;padding: 0;max-width: 100%;}
.expand_plr .player .song_progress {margin-top: 50px;}
.expand_plr .player .song_progress_right {margin-top: auto;}
.expand_plr .player .song_progress_right .song_queue > svg {display: none;}
.expand_plr .ma_player_playlist.dropdown-menu {opacity: 1;visibility: visible;transform: scale(1);min-width: 280px;right: 0px;box-shadow: none;margin: 0;background: transparent;padding: 0 10px;cursor: auto;position: fixed;top: 460px;bottom: 70px;width: 280px;}
.expand_plr .ma_player_playlist.dropdown-menu:before {display: none;}
.expand_plr .ma_player_playlist .queue_head {padding: 10px 0px;border-bottom: 0;border-top: 1px solid rgba(255, 255, 255, 0.08);}
.expand_plr .ma_player_playlist .queue_list {max-height: calc(100vh - 571px);}
.expand_plr .ma_player_playlist .song {padding: 5px;}
.expand_plr .ma_player_playlist .song .song_duration {display: none;}
.expand_plr .ma_player_playlist .song .song_meta_data {margin-right: 0px;}
}

@media (max-width: 1390px){
.store_short_albums.sq_track_slider.no-slider .track_list, .genre_lst .img_cnt {flex: 0 0 20%;width: 20%;}
.pub_playlists .pplist_slider .track_list {flex: 0 0 33.3333333%;width: 33.3333333%;}
.search_albums .sq_track_slider.no-slider .track_list {flex: 0 0 25%;width: 25%;}
.search_playlists .pplist_slider .track_list {flex: 0 0 50%;width: 50%;}
.search_artists .artist_list {width: 25%;}
.sfy_song_hdr .sfy_plist_art {width: 220px;min-width: 220px;height: 220px;}
.feed_sidebar_artist .artist_list {width: 50%;}
.artist_header .artist_cover {padding-bottom: 35%;}
}

@media (max-width: 1220px){
.store_short_albums.sq_track_slider.no-slider .track_list, .genre_lst .img_cnt {flex: 0 0 25%;width: 25%;}
.ma_sidebar {width: 230px;max-width: 230px;}
.sidebar .sfy_search {padding: 0 10px;}
header, .ma_page_content {margin-left: 230px;}
.ma_player {left: 230px;}
.artist_user_info .info_container h4 {font-size: 50px;}
.user-status-home ul.status-list li {
    width: 23%;
    min-width: 23%;
}
}

@media (max-width: 1190px){
.artist_header .artist_cover {padding-bottom: 50%;}
.artist_section .artist_list {width: 16.6666667%;}
.pub_playlists .pplist_slider .track_list {flex: 0 0 50%;width: 50%;}
.search_artists .artist_list {width: 25%;}
}

@media (max-width: 1140px){
.ma_sidebar {width: calc(100% - 56px);max-width: 280px;-webkit-transform: translateX(-105%);transform: translateX(-105%);transition: transform 300ms linear;will-change: transform;box-shadow: 0 8px 10px -5px rgba(0,0,0,.2), 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12);bottom: 0;z-index: 9999;}
.sidebar .sfy_search {padding: 0 20px;}
.ma_page_content {margin: 0px;}
body.sidebar_open {overflow:hidden;}
body.sidebar_open .ma_sidebar {-webkit-transform: none;transform: none;}
header {margin-left: 0;margin-right: 0;}
header .head_logo {display: block;margin-right: 40px;}
header .head_menu, .sfy_side_mobi_links {display: block;}
.store_short_albums.sq_track_slider.no-slider .track_list, .genre_lst .img_cnt {flex: 0 0 20%;width: 20%;}
.sfy_home_tabs, .ma_footer {display: none;}
.ma_player {left: 0;}
.pub_playlists .pplist_slider .track_list {flex: 0 0 33.3333333%;width: 33.3333333%;}
.search_result_count {top: 46px;}
.search_playlists .pplist_slider .track_list {flex: 0 0 50%;width: 50%;}
.btn-go-back {display: none;}
header .head_menu, header .head_logo {z-index: 99;position: relative;}
}

@media (max-width: 1024px){
.short_list_cont .s_lsongs_child .second {position: relative;}
.short_list_cont .s_lsongs_child .second .second_aa, .short_list_cont .s_lsongs_child .second .second_bb {width: 100%;display: block;}
.short_list_cont .s_lsongs_child .second .second_aa .art_details h4 {padding: 3px 0;}
.short_list_cont .s_lsongs_child .second .second_bb {position: absolute;width: calc(100% - 80px);left: 55px;top: 22px;}
}

@media (max-width: 992px){
header.sfy_hdr_trans {padding: 0 20px;}
.artist_user_info {margin-top: -245px;}
.sq_track_slider.no-slider .track_list {flex: 0 0 25%;width: 25%;}
.artist_section .artist_list {width: 25%;}
.user_header .user_cover {padding-bottom: 23%;}
.chatcontainer > .col-md-4 {margin-bottom: 20px;}
.ma_footer {display: block;}
.see_all {margin-bottom: 25px;}
.sfy_pc_padd {padding: 0 15px;}
.sfy_no_mobi_padd, .single_song > .container-fluid {padding: 0;}
.album_bg_cover {margin: -150px -15px -80px;}
.sfy_home_grid {margin: -250px auto 50px;}
.sfy_home_ftrs h2 {font-size: 20px;line-height: 27px;font-weight: 400;}
.pub_playlists .pplist_slider .track_list {flex: 0 0 50%;width: 50%;}
.sfy_plylist_hdr {margin: -150px -15px 50px;}
.sfy_plist_innr, .sfy_song_btmprt {padding: 0 15px;}
.search_result_count {left: 15px;}
.sett_page > .col-md-4 {-ms-flex-order: 1;order: 1;float: none;width: 100%;flex: 0 0 100%;max-width: 100%;}
.sett_page > .col-md-8 {-ms-flex-order: 2;order: 2;float: none;width: 100%;flex: 0 0 100%;max-width: 100%;}
.feed_sidebar_artist .artist_list {width: 25%;}
.artist_header .artist_cover {margin: 0px -15px;}
.ds_aff_usr_head > img {display: none;}
#my_video_player_container{display: none !important;}
.checkout_side {
    margin: 20px 10px 10px;
}
.create-story-preview {display: none;}
}

@media (max-width: 900px){
header .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 .ma_tabs {width: 100%;}
.store_short_albums.sq_track_slider.no-slider .track_list, .genre_lst .img_cnt {flex: 0 0 25%;width: 25%;}
header .hide_hd_btn {display:none;}
.player .song_progress_right {width: 40px;flex: none;}
.player .song_progress_right .volume_controls {display: none;}
.sfy_song_hdr .sfy_plist_innr {padding-bottom: 130px;}
.sfy_song_actns {position: absolute;left:16px;right: 16px;bottom: 45px;}
.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;}
.artist_user_info .avatar_container {margin: 0 0 20px;}
.artist_user_info .ap_options {justify-content: center;flex-wrap: wrap;}
.mf_list .bottom_part .fav_toolbar {opacity: 1;visibility: visible;}
.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;}
.album_bg_cover {margin: -125px -15px -80px;}
.album_songs {margin-bottom: 25px;}
.single_song .ssong_comments .see_all {margin-bottom: 30px;}
.store_short_albums.sq_track_slider.no-slider .track_list, .genre_lst .img_cnt {flex: 0 0 33.3333333%;width: 33.3333333%;}
.top_m_filters .filter_list {width: 20%;}
.top_m_filters {margin-bottom: 20px;}
header .head_user .opts_account > .btn span {display: none}
.sfy_adstat_head {flex-direction: column;}
.sfy_adstat_head h2 {margin-bottom: 25px;}
.sfy_home_grid {height: auto;justify-content: center;}
.mus_home_top_song {position: relative;}
.mus_home_top_song:nth-child(1), .mus_home_top_song:nth-child(2), .mus_home_top_song:nth-child(3), .mus_home_top_song:nth-child(4), .mus_home_top_song:nth-child(5), .mus_home_top_song:nth-child(6), .mus_home_top_song:nth-child(7), .mus_home_top_song:nth-child(8), .mus_home_top_song:nth-child(9), .mus_home_top_song:nth-child(10) {top: auto;left: auto;right: auto;bottom: auto;}
.sfy_home_ftrs_img {max-width: 280px;margin: 0 auto 20px;display: block;}
.sfy_home_ftr_row .col-md-6:first-child {order: 1;}
.sfy_home_ftr_row .col-md-6:last-child {order: 2;}
.sfy_home_ftrs {text-align: center;}
.mobilerightpane, .mobileleftpane {padding: 0 !important;}
.chatcontainer > .col-md-4 {margin: 0;}
.mobilerightpane {display: none;}
.pt_msg_main, .mobilerightpane .messages-sidebar {margin-bottom: -18px;}
.pt_msg_header h3 .mobilemsgclose {display: inline-block;}
.sfy_plylist_hdr {padding: 140px 0 30px;}
.sett_page .st_content {padding: 20px 15px 5px;}
.sfy_song_hdr {padding: 150px 0 0px;}
.sfy_song_hdr .sfy_plist_innr {flex-direction: column;padding-bottom: 70px;}
.sfy_song_hdr .sfy_plist_art {margin: 0 0 30px;}
.sfy_song_hdr .sfy_plist_info {text-align: center;}
.sfy_song_actns {position: relative;left: auto;bottom: auto;right: auto;}
.sfy_song_actns .ss_actions_innr {justify-content: center;}
.sfy_song_actns .ss_action_item {font-size: 0;min-width: 45px;height: 45px;border-radius: 50%;padding: 0;}
.sfy_song_actns .ss_action_item svg {margin: 0;}
.sfy_waveforms .images {height: 100%;padding-bottom: 0;}
.sfy_song_btmprt {padding-bottom: 40px;}
.upload_block_album .upload_innr .btn.btn-primary {position: relative;right: auto;left: auto;top: auto;transform: none;margin: 30px 0 0;}
.sfy_user_info_cont {flex-direction: column;justify-content: normal;}
.user_info_cont .opts_btn {padding: 30px 0 5px;}
.event_profile .artist_user_info .info_container h4 {font-size: 29px;}
.lightbox-gallery h2 {margin-bottom: 25px;padding-top: 25px;font-size: 24px}
.lang_select_modal .language_info {padding: 30px 30px 10px;min-height: auto;}
.lang_select_modal .language_info svg {display: none;}
.sort-song-icon {display: none;}
}

@media (max-width: 700px){
.ds_read_blog_thumb img {height: auto;min-height: 200px;}
.home_top_slider .item .bg_text {width: 100%;text-align: center;}
.home_top_slider .item .featcard {flex-direction: column-reverse;justify-content: center;}
.home_top_slider .item .alb_covr {margin: 0 0 10px;width: 70px;min-width: 70px;height: 70px;}
.home_top_slider .item .bg_text h2 {font-size: 28px;}
.home_top_slider .item .bg_text .btn {display: none;}
.player .song_progress {flex: none;width: 55px;}
.player .song_progress .song_controls .amplitude-shuffle, .player .song_progress .song_controls .amplitude-prev, .player .song_progress .song_controls .amplitude-next, .player .song_progress .song_controls .amplitude-repeat, .player .song_progress_right {display: none;}
.pub_playlists .pplist_slider .track_list {flex: 0 0 100%;width: 100%;}
.sfy_plist_art {width: 130px;}
.sfy_plist_info .al_name {font-size: 7vw;}
.search_albums .sq_track_slider.no-slider .track_list {flex: 0 0 33.3333333%;width: 33.3333333%;}
.sfy_song_hdr .sfy_plist_innr {padding-bottom: 10px;}
.sfy_song_hdr .sfy_plist_info {padding-top: 80px;}
.sfy_song_hdr .al_name {font-size: 11vw;}
.sfy_song_hdr .ss_stats {display: none;}
.sfy_song_btmprt {flex-direction: column;}
.ss_track_play_pause {margin: 0;position: absolute;top: 340px;z-index: 99;}
}

@media (max-width: 600px){
.auth_box .modal-content {padding: 20px;}
.user_header .user_cover {padding-bottom: 40%;}
.top_m_filters .filter_list {width: 25%;}
header .opts_head_acc > .btn {font-size: 0;border-radius: 50%;min-width: 36px;padding: 0;}
header .opts_head_acc > .btn svg {margin: -2px 0 0;}
.sfy_genre_list .name, .ma_interest_innr .ma_interest_list li label {padding: 0 20px;margin: 15px 6px 0;line-height: 42px;}
}

@media (max-width: 565px){
.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 .second {max-width: calc(100% - 115px);}
.comment-on-wave {display: none;}
.post-actions .ss_action_item {font-size: 0;min-width: 32px;border-radius: 50%;padding: 0;}
.post-actions .ss_action_item svg {margin: 0;}
.feed_post .fp_head {padding-left: 45px;}
.feed_post .fp_body .cover {position: relative;margin: 15px auto;left: auto;right: auto;top: auto;width: 100px;height: 100px;}
.feed_post .fp_body .play_btn {left: 15px;}
.feed_song, .store_songs .song_list .feed_song {padding: 0;text-align: center;}
.feed_song .art_details h4 {font-size: 28px;}
.store_songs .song_list .fp_body {text-align: center;}
.store_songs .song_list .fp_body > .btn:not(.main) {position: relative;right: auto;top: auto;left: auto;bottom: auto;margin-top: 15px;}
.mus_home_top_song {width: 20%;}
.mus_home_top_song a:hover img {transform: none;}
.ma_home_creator .creator_content .final_step span {margin: 0 12px;}
.ma_home_creator .creator_content .final_step .btn {min-width: 110px;}
.ds_import_sc {padding: 50px 10px;}
.user-messages .messages .message .user-message img {width: calc(100% + 28px) !important;max-width: 300px;}
.small-waves {padding: 0 0px 2px;}
.sfy_plylist_hdr {padding: 140px 0 60px;}
.sfy_top_genres .img_cnt {width: 120px !important;}
.sfy_song_hdr {padding: 150px 0 0px;}
.artist_header .artist_cover {padding-bottom: 60%;}
.modal.fade .modal-dialog {vertical-align: bottom;transition: all 0.15s linear;transform: scale(0.9) translateY(40px);}
.modal.fade.show .modal-dialog {transform: scale(1) translateY(0px);}
.mat_box .modal-content {border-radius: 10px 10px 0 0;}
.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;
}
}

@media (max-width: 520px){
.short_list_cont .s_lsongs_child .first {width: 35px;min-width: 35px;}
.short_list_cont .s_lsongs_child .numbers {color: transparent;}
.short_list_cont .s_lsongs_child .numbers .btn {opacity: 1;visibility: visible;}
.short_list_cont .s_lsongs_child .fav_song, .short_list_cont .s_lsongs_child .duration {display: none;}
.top_dic_son_listz.short_list_cont .s_lsongs_child .second {max-width: calc(100% - 80px);}
.top_dic_son_listz.short_list_cont .purchased_songs .s_lsongs_child .second {max-width: calc(100% - 115px);}
.sq_track_slider.no-slider .track_list {flex: 0 0 33.3333333%;width: 33.3333333%;}
.ma_home_nav .navbar {padding-left: 0;padding-right: 0;}
.contact_page {padding: 15px;}
.ma_home_nav nav .navbar-brand img {max-width: 115px;}
.ma_home_nav nav .btn {min-width: 80px;line-height: 38px;font-size: 14px;}
.user-status-home ul.status-list li {
    width: 30%;
    min-width: 30%;
}
}

@media (max-width: 485px){
header.sfy_hdr_trans {padding: 0 11px;}
header .head_logo, header .opts_head_acc, header .head_user .notis, header .chaticon, header .head_user .opts_account {margin: 0;}
header .head_user:not(.not_loggd_hdrr) {flex: 1 auto;justify-content: space-around;margin: 0;}
header .head_menu, header .head_logo a, header .head_user.not_loggd_hdrr .dropdown > svg {margin: 0px 13px;min-width: 36px;padding: 0;border-radius: 2em;background-color: #333333;color: white;box-shadow: 0 4px 5px rgba(0, 0, 0, 0.65);text-align: center;line-height: 36px;display: block;}
header .head_menu svg, header .head_logo a svg {width: 19px;height: 19px;margin: -2px 0 0;display: inline-block;}
header .head_user.not_loggd_hdrr .dropdown > svg {height: 36px;padding: 8px;}
header .head_logo a img {display: none;}
header .opts_head_acc .dropdown-menu, header .head_user .notis > .dropdown-menu {left: 0;right: 0;min-width: auto;width: 100%;top: 60px;position: fixed;}
header .opts_head_acc .dropdown-menu li {width: 50%;}
.user_header .user_cover {padding-bottom: 50%;}
.top_m_filters .filter_list {width: 33.3333333%;}
.top_m_filters .filters_innr .f_name {font-size: 19px;}
.player {height: 60px;}
.player .song_details .song_details_inner .song_art {width: 60px;height: 60px;margin-right: 12px;}
.player .song_details .song_title {margin-left: 57px;padding-top: 10px;}
.player .song_progress .song_controls .amplitude-play-pause {width: 45px;height: 45px;}
.feed_sidebar_artist .artist_list {width: 50%;}
.artist_header .artist_cover {padding-bottom: 75%;}
}

@media (max-width: 470px){
.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;}
.sfy_blog_articles {display: block;}
.sfy_blog_articles .blog_list {margin-bottom: 17px;}
}

@media (max-width: 435px){
.ma_404 section {font-size: 82px;}
.ma_404 section svg {width: 82px;height: 82px;}
.artist_header .artist_cover {padding-bottom: 80%;}
.reset-page {padding: 35px 20px;}
.home_widget_title {font-size: 19px;}
.search_albums .sq_track_slider.no-slider .track_list, .store_short_albums.sq_track_slider.no-slider .track_list, .genre_lst .img_cnt {flex: 0 0 50%;width: 50%;}
.artist_section .artist_list {width: 50%;}
.single_song .ssong_comments .comment_list .comment_item .comment_meta .comment_controls .btn {padding: 2px 5px;}
.sq_track_slider .owl-nav {display: none;}
}

@media (max-width: 400px){
.short_list_cont .s_lsongs_child {position: relative;}
.short_list_cont .s_lsongs_child .first {position: absolute;right: 2px;top: 20px;margin: 0;}
.short_list_cont .s_lsongs_child .third {display: none;}
.short_list_cont .album_play_song_lists .s_lsongs_child .first {margin: 0;}
.sq_track_slider.no-slider .track_list {flex: 0 0 50%;width: 50%;}
.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;}
.sfy_home_grid {margin: -220px auto 50px;}
.create_playlist_innr {flex-direction: column;}
.create_playlist_innr .play_avatar {margin-right: 0;margin-bottom: 15px;}
.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 8px;}
.top_dic_son_listz.short_list_cont .purchased_songs .s_lsongs_child .second {max-width: calc(100% - 70px);}
.short_list_cont .purchased_songs .s_lsongs_child .third {display: flex;}
.short_list_cont .purchased_songs .s_lsongs_child .opts_song {display: none;}
.user-status-home ul.status-list li {
    width: 35%;
    min-width: 35%;
}
}

@media (max-width: 390px){
header .head_menu, header .loggd_hd_logo a {margin: 0 5px;}
}

@media (max-width: 345px){
.user_header .user_cover {padding-bottom: 60%;}
}