html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    scroll-padding: var(--fixed-header-height)
}

body::-webkit-scrollbar {
    width: 10px
}

body::-webkit-scrollbar-track {
    background: #f8f7fa;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee
}

body::-webkit-scrollbar-thumb {
    background-color: #333
}

body {
    color: #555;
    font-family: Roboto,Arial,sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    margin: 0!important;
    padding: 0!important;
    background: #fff;
    overflow-y: scroll
}

h1 {
    font-size: 32px;
    margin: 0;
    padding: 5px 15px
}

h2 {
    font-weight: 500;
    font-size: 16px;
    color: #333;
    text-transform: uppercase
}

h3 {
    font-size: 16px;
    margin: 0;
    font-weight: 500
}

h4 {
    font-size: 24px;
    margin: 10px 0 0 0
}

strong {
    font-weight: 500;
    color: #333
}

a {
    color: #d10b20;
    text-decoration: none
}

a:hover {
    color: #f10d20;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

code,pre {
    word-wrap: break-word
}

code.api-request {
    background: #f2f2f2
}

option:hover {
    cursor: pointer
}

table {
    border-collapse: collapse
}

table,td,th {
    border: 1px solid #ccc;
    padding: 3px
}

img {
    border: 0
}

form {
    margin: 0 0 0 0
}

input,textarea,select {
    font-family: inherit
}

::selection {
    background: #000;
    color: #fff
}

::-moz-selection {
    background: #000;
    color: #fff
}

::-webkit-selection {
    background: #000;
    color: #fff
}

input[type=submit] {
    color: #aaa;
    font-size: 14px;
    background: #fff;
    border: 1px solid #bfbfbf;
    text-align: center;
    width: auto;
    padding: 5px 10px 6px 10px!important;
    text-decoration: none;
    margin: 0;
    border-radius: 2px;
    cursor: pointer;
    outline: 0;
    font-weight: 500
}

input[type=submit]:hover {
    border: 1px solid #333!important;
    color: #333
}

input[type=submit]:active {
    border: 1px solid #888!important;
    background: #888;
    color: #fff!important
}

input:-webkit-autofill {
    box-shadow: 0 0 0 1100px #fff inset
}

input[type=text],input[type=submit],textarea {
    -webkit-appearance: none
}

select {
    max-width: 175px;
    outline: 0
}

.row-top {
    background: #fff;
    padding: 20px 0 10px 0;
    border-bottom: 1px solid #c3c3c3;
    overflow: auto
}

.row-page {
    border-bottom: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 1360px;
    overflow: auto;
    padding: 0 10px;
    box-sizing: border-box
}

.row-body {
    border-bottom: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 1360px;
    overflow: hidden;
    padding: 0 10px;
    box-sizing: border-box
}

.row-footer {
    padding: 20px 0 10px 0;
    overflow: auto
}

.row-body .one {
    width: 8.333%
}

.row-body .two {
    width: 16.667%
}

.row-body .three {
    width: 25%
}

.row-body .four {
    width: 33.333%
}

.row-body .five {
    width: 41.667%
}

.row-body .six {
    width: 50%
}

.row-body .seven {
    width: 58.333%
}

.row-body .eight {
    width: 66.667%
}

.row-body .nine {
    width: 75%
}

.row-body .ten {
    width: 83.333%
}

.row-body .eleven {
    width: 91.667%
}

.row-body .twelve {
    width: 100%
}

.row-page .three {
    width: 25%;
    float: right
}

.row-page .nine {
    width: 75%;
    float: left
}

.row-page .stats-container {
    width: 25%;
    padding-top: 10px
}

.row-body .stats-container {
    padding-top: 10px
}

.row-page .twelve {
    width: 100%
}

.row-page .table-id {
    width: 7%;
    padding: 5px 0;
    word-wrap: break-word
}

.row-page .table-user {
    width: 33%;
    padding: 5px 0;
    word-wrap: break-word
}

.row-page .table-user img {
    height: 15px;
    width: 15px;
    border-radius: 2px;
    margin-right: 5px;
    vertical-align: middle
}

.row-page .table-mail {
    width: 45%;
    padding: 5px 0;
    word-wrap: break-word
}

.row-page .table-edit {
    width: 8%;
    padding: 5px 0;
    word-wrap: break-word
}

.row-page .table-delete {
    width: 7%;
    padding: 5px 0;
    word-wrap: break-word
}

.row-page .table-category-name {
    width: 83%;
    padding: 5px 0;
    word-wrap: break-word
}

.row-page .table-report-id {
    width: 7%;
    padding: 5px 0;
    word-wrap: break-word
}

.row-page .table-report-type {
    width: 13%;
    padding: 5px 0;
    word-wrap: break-word
}

.row-page .table-user {
    width: 33%;
    padding: 5px 0;
    word-wrap: break-word
}

.row-page .table-user img {
    height: 15px;
    width: 15px;
    border-radius: 2px;
    margin-right: 5px;
    vertical-align: middle
}

.row-page .table-report-message {
    width: 20%;
    padding: 5px 0;
    word-wrap: break-word
}

.row-page .table-report-safe {
    width: 10%;
    padding: 5px 0;
    word-wrap: break-word
}

.admin-rows {
    width: 100%;
    float: left;
    overflow: auto
}

.admin-rows a {
    cursor: pointer
}

.dash-stats {
    width: 33.333%
}

.dash-half {
    width: 50%;
    float: left
}

.stats-values {
    font-size: 14px;
    font-weight: 500
}

.dashboard-info {
    margin-top: 10px;
    float: left;
    width: 100%
}

.dashboard-info a {
    color: #d10b20;
    font-weight: 500
}

.dashboard-info a:hover {
    color: #de4242
}

.neutral {
    color: #999
}

.positive {
    color: #27ae60
}

.negative {
    color: #ff5757
}

.dash-values {
    font-size: 22px
}

.chart {
    display: table;
    table-layout: fixed;
    width: 80px;
    height: 30px;
    margin: 0;
    padding: 15px 0 0 0
}

.chart li {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    height: 30px;
    padding-right: 1px
}

.chart span {
    margin: 0 0;
    display: block;
    background: #d10b20
}

.chart span:hover {
    background: #de4242
}

.stats-container h3 {
    font-weight: 400;
    font-size: 22px
}

.payment-content {
    padding: 5px 0;
    width: 100%;
    float: left
}

.payment-row {
    padding: 5px 0
}

.list-content {
    padding-bottom: 5px;
    overflow: auto;
    clear: both;
    border-bottom: 1px solid #eee
}

.list-button {
    margin: 2px 0 0 0!important
}

.page-button {
    float: left!important;
    margin: 10px 10px 0 0!important
}

.report-title {
    font-size: 18px
}

.report-content {
    padding: 5px 0;
    width: 100%;
    float: left;
    white-space: pre-line
}

.report-content img {
    margin-bottom: -2px
}

.manage-users-container {
    padding: 10px 20px
}

.manage-users-container a {
    text-decoration: none;
    cursor: pointer
}

.manage-users-image img {
    width: 35px;
    float: left
}

.manage-users-content {
    padding: 0 55px 0 45px;
    word-break: break-all
}

.manage-users-buttons {
    float: right;
    overflow: auto;
    margin-top: -35px
}

.manage-users-buttons a {
    float: right
}

.manage-list-name {
    font-size: 14px;
    padding-bottom: 5px
}

.manage-list-buttons {
    margin-top: -30px
}

.row-top .threeads {
    width: 33.3333%
}

.row-one {
    float: left;
    width: 15%
}

.row-two {
    float: left;
    width: 10%
}

.row-three {
    float: left;
    width: 60%;
    word-break: break-all
}

.row-four {
    float: left;
    width: 15%;
    text-align: right
}

.row-welcome {
    display: flex;
    border-bottom: 0;
    width: 100%;
    height: 400px;
    margin: 0 auto;
    overflow: auto;
    background: #3c3c3c;
    background: linear-gradient(180deg,#3c3c3c 0,#282828 50%,#141414 100%)
}

@-webkit-keyframes background {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}

@-moz-keyframes background {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}

@keyframes background {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}

.row {
    width: 100%;
    margin: 0 auto;
    max-width: 1360px;
    overflow: auto
}

.row .one {
    width: 8.333%
}

.row .two {
    width: 16.667%
}

.row .three {
    width: 25%
}

.row .four {
    width: 33.333%
}

.row .five {
    width: 41.667%
}

.row .six {
    width: 50%
}

.row .seven {
    width: 58.333%
}

.row .eight {
    width: 66.667%
}

.row .nine {
    width: 75%
}

.row .ten {
    width: 83.333%
}

.row .eleven {
    width: 91.667%
}

.row .twelve {
    width: 100%
}

.column,.columns {
    float: left;
    min-height: 1px;
    position: relative
}

[class*=column]+[class*=column]:last-child {
    float: right
}

[class*=column]+[class*=column].end {
    float: left
}

.header {
    margin: 0 auto;
    max-width: 1345px;
    overflow: auto;
    padding: 0 10px
}

.topbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    height: 55px;
    background: #333;
    margin-bottom: 40px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased
}

.topbar_margin {
    width: 100%;
    height: 55px
}

.bottombar {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    height: auto;
    background: #333
}

.bottombar-container {
    margin: 0 auto;
    max-width: 1345px;
    padding: 0 10px
}

.menu-image {
    float: right;
    height: 55px;
    font-size: 12px;
    color: #fff;
    padding-left: 5px;
    cursor: pointer
}

.menu-image:hover {
    background: rgba(0,0,0,.12)
}

.menu-image:active {
    background: rgba(0,0,0,.35)
}

.menu-image-active {
    background: rgba(0,0,0,.12)
}

.menu_hover_messages,.menu_hover_notifications {
    background: rgba(0,0,0,.12)
}

.menu_visitor {
    float: right;
    margin-top: 20px;
    padding-right: 10px;
    color: #fff
}

.menu_arrow {
    margin: 18px 0 0 0;
    float: right;
    min-width: 13px;
    min-height: 13px;
    background: url(../svg/dropdown.svg) no-repeat;
    background-size: 18px
}

.menu-dd-container {
    max-width: 1360px;
    width: 100%;
    top: 55px;
    position: absolute;
    display: none;
    padding-right: 20px;
    box-sizing: border-box
}

.menu-dd-content {
    background: #222;
    min-width: 200px;
    width: auto;
    float: right
}

.menu-dd-row {
    padding: 10px;
    text-align: right
}

.menu-dd-row:hover {
    background: #333
}

.menu-dd-extra {
    color: #f10d20
}

.menu-dd-mobile {
    display: none
}

.menu-divider {
    height: 1px;
    width: 100%;
    background: #111
}

.menu-dd-content a {
    color: #eee;
    text-decoration: none;
    width: 100%
}

.menu-dd-content a:hover {
    color: #fff
}

.menu_img {
    float: right;
    width: 24px;
    height: 24px;
    margin-top: 15px
}

.menu_img img {
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.menu_btn {
    padding: 0 5px;
    float: right;
    height: 55px
}

.menu_btn img {
    margin-top: 16px;
    width: 24px;
    height: 24px
}

.menu_btn:hover {
    background: rgba(0,0,0,.12)
}

.menu_btn:active {
    background: rgba(0,0,0,.35)
}

.menu-btn {
    padding: 0 6px;
    margin: 15px 0 0 0;
    float: right;
    color: #222;
    border-radius: 2px;
    cursor: pointer;
    background-image: url(../svg/connect.svg);
    background-size: 24px;
    background-position: center left 5px;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px
}

.menu-btn:hover,.menu-btn:active {
    content: url(../svg/connecth.svg)
}

.search-input input::-webkit-input-placeholder {
    color: #ddd
}

.search-input input:-moz-placeholder {
    color: #ddd
}

.search-input {
    float: left
}

.search-input input {
    border-radius: 2px;
    outline: 0;
    border: 0;
    padding: 10px;
    margin: 10px 0 0 0;
    background: #3c3c3c;
    color: #fff;
    width: auto
}

.search-input input:hover,.search-input input:focus {
    background: #444;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.search-container,.search-list-container {
    max-width: 1360px;
    width: 100%;
    display: none;
    top: 55px;
    margin: 0 auto;
    color: #eee;
    padding: 0 10px;
    box-sizing: border-box
}

.search-list-container .search-content {
    background: #fff
}

.search-container a {
    color: #ddd
}

.search-container a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #fff
}

.search-content {
    z-index: 999;
    top: 55px;
    background: #222;
    overflow: auto;
    border-radius: 0 0 2px 2px
}

.search-content .notification-inner,.search-content .track-inner {
    padding: 10px 15px;
    border-bottom: 1px solid #2c2c2c
}

.search-content .track-inner:hover {
    background: #2b2b2b
}

.search-results {
    width: 100%;
    float: left
}

.search-results .subscribe_btn,.search-results .edit_profile_btn,.search-results .sub-loading,.search-results .message_btn {
    position: inherit
}

.search-results .sound-inner {
    border-top: 1px solid #eee
}

.search-image img {
    width: 25px;
    float: left;
    overflow: auto;
    display: none
}

.search-text {
    padding: 0
}

.search-icons {
    float: right;
    margin-top: -22px
}

.search-icons img {
    width: 24px;
    height: 24px
}

.hashtag {
    border-bottom: 1px solid #555;
    overflow: auto
}

.hashtag-inner {
    padding: 10px 20px
}

.hashtag a {
    cursor: pointer;
    float: left;
    width: 100%;
    overflow: auto
}

.hashtag a:hover {
    background: #2b2b2b;
    text-decoration: none
}

.content {
    background: #fff;
    overflow: auto;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.cover-container {
    padding: 0
}

.cover-content {
    border-bottom: 1px solid #eee;
    background: #fff;
    color: #555;
    overflow: auto
}

.cover-image {
    float: left;
    top: 0;
    padding-top: 166px;
    width: 100%
}

.cover-image img {
    width: 100%
}

.cover-description {
    width: 100%;
    float: left;
    overflow: auto;
    min-height: 35px
}

.cover-description-content {
    margin-left: 20px;
    padding-bottom: 5px;
    margin-right: 10px
}

.cover-avatar-content {
    width: 112px;
    margin: 0 0 10px 20px;
    overflow: auto
}

.cover-avatar {
    float: left;
    position: absolute;
    margin-top: -140px;
    width: 112px
}

.cover-avatar a {
    overflow: hidden;
    height: 106px;
    float: left
}

.cover-avatar img {
    width: 100%;
    margin-bottom: -3px
}

.cover-description-buttons {
    margin: -60px 20px 0 0;
    position: absolute;
    width: 100px;
    right: 0
}

.cover-buttons {
    float: left;
    margin: 0 0 0 20px
}

a.cover-button {
    float: left;
    text-decoration: none;
    color: #999;
    margin: 0 20px 0 0;
    padding: 0 0 13px 0
}

a.cover-button:hover {
    color: #777;
    border-bottom: 3px solid #d10b20;
    padding-bottom: 10px
}

a.cover-button-active {
    color: #777;
    padding: 0 0 10px 0;
    border-bottom: 3px solid #d10b20
}

.cover-text-container {
    float: left;
    font-size: 22px;
    margin: -146px 60px 0 125px;
    position: absolute;
    text-shadow: 0 0 1px rgba(0,0,0,.5)
}

.cover-text-container a {
    padding: 3px 5px;
    color: #fff
}

.cover-text-container a:hover {
    color: #fefefe
}

.cover-text-container img {
    margin: 0 0 -2px 7px;
    width: 17px;
    height: 17px
}

.cover-username {
    font-size: 24px;
    font-weight: 500
}

.cover-location {
    padding: 3px 5px;
    font-size: 14px;
    color: #fff;
    display: inline-block
}

.message-container {
    border-right: 1px solid #eee
}

.message-container a {
    color: #444;
    text-decoration: underline
}

.message-container a:hover {
    color: #333
}

.message-content {
    color: #555
}

.message-inner,.sidebar-inner {
    padding: 10px 20px
}

.track-inner,.list-inner {
    padding: 10px
}

.divider {
    border-top: 1px solid #eee
}

.list-container {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    overflow: auto;
    padding: 10px
}

.sound-inner {
    padding: 10px
}

.track-actions {
    width: 100%;
    overflow: auto
}

.track-actions-content {
    padding: 0
}

.track-actions-content a {
    color: #555
}

.track-actions-content a:hover {
    color: #333
}

.track-actions a {
    cursor: pointer
}

.list-avatar {
    width: 60px;
    float: left;
    overflow: auto
}

.list-avatar img {
    width: 60px
}

.track-author {
    padding: 0 0 3px 0
}

.track-author a {
    color: #777;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none
}

.track-author a:hover {
    color: #e45c5c
}

.message-message {
    padding-top: 5px;
    word-wrap: break-word
}

.list-top {
    padding: 2px 0 5px 70px
}

.list-time {
    overflow: auto;
    color: #aaa;
    font-size: 12px
}

.track-actions-container {
    padding: 10px 0 0 0
}

.message-reply-container {
    width: 100%;
    padding-top: 10px;
    overflow: auto
}

.message-reply-container .delete_btn,.message-reply-container .report_btn {
    display: none
}

.message-reply-container:hover .delete_btn,.message-reply-container:hover .report_btn {
    display: block
}

.message-reply-content {
    color: #555;
    padding-top: 2px
}

.message-reply-author {
    float: left;
    padding-right: 10px
}

.comments-container {
    padding: 10px 0 0 0
}

.comment-active {
    border-bottom: 3px solid #d10b20
}

.chat-container .message-reply-author {
    padding-right: 0
}

.chat-container iframe {
    margin-top: 5px;
    display: block
}

.message-reply-author a {
    color: #555;
    cursor: pointer;
    font-weight: 500
}

.message-reply-message {
    padding: 0 15px 10px 42px;
    word-wrap: break-word
}

.message-comment-box-container {
    padding: 20px 0 0 0;
    overflow: auto;
    width: 100%
}

.message-comment-box-form {
    padding: 0 0 5px 42px
}

.comment-reply-textarea {
    padding: 6px 7px;
    color: #555;
    font-size: 13px;
    overflow: hidden;
    width: 100%;
    resize: none;
    box-sizing: border-box;
    border: 1px solid #ddd;
    max-width: 100%;
    outline: 0;
    min-height: 32px;
    border-radius: 2px;
    height: 32px
}

.comment-reply-textarea:focus {
    border: 1px solid #aaa
}

.message-reported {
    padding-bottom: 5px
}

.blocked-button {
    float: right;
    font-weight: 400;
    font-size: 13px;
    text-transform: capitalize
}

.blocked-button a {
    cursor: pointer;
    color: #999;
    text-decoration: none
}

.blocked-button a:hover {
    color: #333;
    text-decoration: underline
}

.unblock-button a {
    color: #555
}

.unblock-button a:hover {
    color: #333
}

.playlist-button {
    padding: 3px 6px 3px 24px;
    margin-right: 5px;
    overflow: hidden;
    border-radius: 2px;
    cursor: pointer;
    height: 16px;
    background: url(../svg/add.svg) 4px center no-repeat;
    background-size: 16px;
    color: #777;
    display: inline-block;
    float: left;
    line-height: 16px
}

.playlist-button:hover {
    background: url(../svg/addh.svg) 4px center no-repeat;
    background-size: 15px;
    color: #d10b20;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.share-button {
    padding: 3px 8px 3px 24px;
    margin-right: 5px;
    overflow: hidden;
    border-radius: 2px;
    cursor: pointer;
    height: 15px;
    background: url(../svg/share.svg) 4px center no-repeat;
    background-size: 16px;
    color: #777;
    display: inline-block;
    float: left;
    line-height: 16px
}

.share-button:hover {
    background: url(../svg/shareh.svg) 4px center no-repeat;
    background-size: 16px;
    color: #d10b20;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.delete-button {
    padding: 3px 8px 3px 18px;
    margin-right: 5px;
    overflow: auto;
    border-radius: 2px;
    cursor: pointer;
    height: 16px;
    background: url(../svg/delete.svg) 3px center no-repeat;
    background-size: 20px;
    color: #777;
    width: auto;
    display: inline-block;
    float: left;
    line-height: 16px
}

.delete-button:hover {
    background: url(../svg/deleteh.svg) 3px center no-repeat;
    background-size: 20px;
    color: #d10b20;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.buy-button {
    padding: 3px 8px 3px 18px;
    margin-right: 5px;
    overflow: auto;
    border-radius: 2px;
    cursor: pointer;
    height: 16px;
    background: url(../svg/buy.svg) 3px center no-repeat;
    background-size: 20px;
    color: #777;
    width: auto;
    display: inline-block;
    float: left;
    line-height: 16px
}

.buy-button:hover {
    background: url(../svg/buyh.svg) 3px center no-repeat;
    background-size: 20px;
    color: #d10b20;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.private-button {
    padding: 3px 8px 3px 18px;
    margin-right: 5px;
    overflow: auto;
    border-radius: 2px;
    cursor: pointer;
    height: 16px;
    background: url(../svg/private.svg) 3px center no-repeat;
    background-size: 20px;
    color: #777;
    width: auto;
    display: inline-block;
    float: left;
    line-height: 16px
}

.private-button:hover {
    background: url(../svg/privateh.svg) 3px center no-repeat;
    background-size: 20px;
    color: #d10b20;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.public-button {
    padding: 3px 8px 3px 18px;
    margin-right: 5px;
    overflow: auto;
    border-radius: 2px;
    cursor: pointer;
    height: 16px;
    background: url(../svg/public.svg) 3px center no-repeat;
    background-size: 20px;
    color: #777;
    width: auto;
    display: inline-block;
    float: left;
    line-height: 16px
}

.public-button:hover {
    background: url(../svg/publich.svg) 3px center no-repeat;
    background-size: 20px;
    color: #d10b20;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.shuffle-button {
    padding: 3px 8px 3px 18px;
    margin-right: 5px;
    overflow: auto;
    border-radius: 2px;
    cursor: pointer;
    height: 16px;
    background: url(../svg/shuffle.svg) 4px center no-repeat;
    background-size: 16px;
    color: #777;
    width: auto;
    display: inline-block;
    float: left;
    line-height: 16px
}

.shuffle-button:hover {
    background: url(../svg/shuffleh.svg) 4px center no-repeat;
    background-size: 16px;
    color: #d10b20;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.shuffle-button-active,.shuffle-button-active:hover {
    background: url(../svg/shuffleh.svg) 4px center no-repeat;
    background-size: 18px;
    color: #d10b20
}

.like-button {
    padding: 3px 6px 3px 24px;
    margin-right: 5px;
    overflow: hidden;
    border-radius: 2px;
    cursor: pointer;
    height: 16px;
    background: url(../svg/like.svg) 4px center no-repeat;
    background-size: 16px;
    color: #777;
    display: inline-block;
    float: left;
    line-height: 16px
}

.like-button:hover {
    background: url(../svg/likeh.svg) 4px center no-repeat;
    background-size: 16px;
    color: #d10b20;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.liked-button {
    padding: 3px 6px 3px 24px;
    margin-right: 5px;
    overflow: hidden;
    border-radius: 2px;
    cursor: pointer;
    height: 16px;
    background: url(../svg/likeh.svg) 4px center no-repeat;
    background-size: 16px;
    color: #777;
    display: inline-block;
    float: left;
    line-height: 16px
}

.liked-button:hover {
    background: url(../svg/likeh.svg) 4px center no-repeat;
    background-size: 16px;
    color: #d10b20
}

.download-button {
    padding: 3px 8px 3px 24px;
    margin-right: 5px;
    overflow: auto;
    border-radius: 2px;
    cursor: pointer;
    height: 16px;
    background: url(../svg/save.svg) 4px center no-repeat;
    background-size: 16px;
    color: #777;
    width: auto;
    display: inline-block;
    float: left;
    line-height: 16px
}

.download-button:hover {
    background: url(../svg/saveh.svg) 4px center no-repeat;
    background-size: 16px;
    color: #d10b20;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.loading-button {
    padding: 3px 8px 3px 18px;
    margin-right: 5px;
    overflow: auto;
    border-radius: 2px;
    cursor: pointer;
    height: 16px;
    background: url(../svg/puff.svg) 4px center no-repeat;
    background-size: 16px;
    width: auto;
    display: inline-block;
    float: left;
    line-height: 16px
}

.small-loader {
    background: url(../svg/puff.svg) no-repeat;
    background-size: 16px;
    float: right;
    width: 16px;
    height: 16px;
    margin-top: 1px
}

.vertical-divider {
    padding: 0 10px;
    color: #eee;
    float: right;
    font-size: 12px
}

.counter {
    width: auto;
    padding: 0 0 0 25px;
    height: 16px;
    float: right;
    color: #ccc;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 8px 0;
    font-size: 12px;
    line-height: 16px
}

.views_counter {
    background-image: url(../svg/views.svg)
}

.comments_counter {
    background-image: url(../svg/comment.svg);
    background-size: 12px
}

.downloads_counter {
    background-image: url(../svg/save.svg)
}

.like_btn {
    background-image: url(../svg/like.svg);
    background-size: 13px
}

.comments_counter:hover,.like_btn:hover,.views_counter:hover,.downloads_counter:hover {
    color: #777
}

.like_btn_extended {
    float: none;
    display: inline;
    margin-right: 6px;
    padding-right: 0
}

.playlist-title {
    font-size: 15px;
    word-wrap: break-word
}

.playlist-play-content {
    padding: 2px 0 10px 0;
    float: left
}

.playlist-content a {
    text-decoration: none
}

.playlist-content-info {
    padding-left: 100px
}

.playlist-buttons-container {
    font-size: 12px
}

.playlist-actions-container {
    padding: 10px 0 0 100px
}

.playlist-actions {
    width: 100%;
    overflow: auto
}

.playlist-actions-content {
    font-size: 12px;
    float: left;
    padding: 1px 0 10px 0
}

.playlist-artwork img {
    width: 75px
}

.playlist-stats {
    float: right;
    padding: 6px 0 10px 0
}

.tracks-small-icon {
    background: url(../png/tracks_small.png) no-repeat left center;
    background-size: 15px;
    padding-left: 15px;
    color: #777;
    float: left
}

.liked-content {
    color: #777;
    line-height: 22px
}

.liked-content a {
    color: #555;
    text-decoration: none
}

.liked-content a:hover {
    color: #000
}

.like_user_avatar {
    float: none;
    display: inline;
    margin-right: 6px
}

.like_user_avatar img {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px
}

.like_text_snippet {
    color: #999;
    margin-top: 2px;
    overflow: auto
}

.comment-btn {
    float: right;
    display: none
}

.comment-btn a {
    float: right;
    border-radius: 2px;
    padding: 5px 10px;
    color: #bfbfbf;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid;
    border-color: #bfbfbf;
    font-weight: 500
}

.comment-btn a:hover {
    border-color: #aaa;
    color: #aaa
}

.comment-btn a:active {
    background: #888;
    border-color: #888;
    color: #fff
}

.close_btn {
    width: 24px;
    height: 24px;
    float: right;
    background: url(../svg/close.svg);
    background-size: 24px;
    cursor: pointer
}

.close_btn:hover {
    opacity: .5
}

.delete_btn {
    width: 17px;
    height: 17px;
    float: right;
    background: url(../png/delete.png);
    background-size: 17px;
    cursor: pointer
}

.delete_btn:hover {
    background: url(../png/delete_h.png);
    background-size: 17px
}

.report_btn {
    width: 17px;
    height: 17px;
    float: right;
    background: url(../png/report.png);
    background-size: 17px;
    cursor: pointer
}

.report_btn:hover {
    background: url(../png/report_h.png);
    background-size: 17px
}

.subscribe_btn {
    background-color: rgba(255,255,255,.6);
    background-image: url(../png/subscribe.png);
    background-size: 25px;
    background-position: center;
    color: #555;
    border-radius: 2px;
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer;
    margin-left: 5px;
    border: 1px solid #ddd
}

.subscribe_btn:hover {
    background-color: #ccc;
    background-image: url(../png/subscribe_h.png)
}

.subscribe_btn:active,.subscribe_btn:focus {
    background-color: #ddd
}

.unsubscribe {
    background-image: url(../png/unsubscribe.png)
}

.unsubscribe:hover,.unsubscribe:active {
    background-image: url(../png/unsubscribe_h.png)
}

.sub-loading {
    background-color: #fff;
    background-image: url(../svg/puff.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    color: #555;
    border-radius: 2px;
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer;
    margin-left: 5px
}

.list-container .sub-loading {
    border: 1px solid #ccc
}

.edit_profile_btn {
    background-color: rgba(255,255,255,.6);
    background-image: url(../svg/profile.svg);
    background-size: 24px;
    background-position: center;
    color: #555;
    border-radius: 2px;
    width: 24px;
    height: 24px;
    float: right;
    cursor: pointer;
    margin-left: 5px;
    border: 1px solid #ccc
}

.edit_profile_btn:hover {
    background-color: #ccc;
    background-image: url(../svg/profileh.svg)
}

.edit_profile_btn:active,.edit_profile_btn:focus {
    background-color: #ccc;
    background-image: url(../svg/profileh.svg)
}

.message_btn {
    background-color: #fff;
    background-image: url(../png/message_btn.png);
    background-size: 25px;
    background-position: center;
    color: #555;
    border-radius: 2px;
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer;
    border: 1px solid #ccc
}

.message_btn:hover {
    background-color: #ccc;
    background-image: url(../png/message_btn_h.png)
}

.message_btn:active,.message_btn:focus {
    background-color: #ccc;
    background-image: url(../png/message_btn_h.png)
}

.cover-content .message_btn,.cover-content .edit_profile_btn,.cover-content .subscribe_btn {
    border: 0;
    background-color: rgba(255,255,255,.6)
}

.cover-content .message_btn:hover,.cover-content .edit_profile_btn:hover,.cover-content .subscribe_btn:hover {
    background-color: #fff
}

.cover-content .message_btn:active,.cover-content .message_btn:focus,.cover-content .edit_profile_btn:active,.cover-content .edit_profile_btn:focus,.cover-content .subscribe_btn:focus,.cover-content .subscribe_btn:active {
    background-color: #ccc
}

.load-more-comments,.load-more-chat {
    padding: 5px 0;
    text-align: center;
    height: 17px
}

.load-more-comments a,.load-more-chat a {
    color: #555;
    text-decoration: none;
    cursor: pointer
}

.load-more-comments a:hover,.load-more-chat a:hover {
    color: #333
}

.load-more-comments img,.load-more-chat img {
    width: 85px;
    vertical-align: center
}

.last-comment-wrong {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px
}

.comments_preloader {
    width: 100%
}

.delete_preloader img,.comments_preloader img {
    width: 110px
}

.message-reply-avatar {
    width: 32px;
    float: left;
    overflow: auto
}

.message-reply-avatar img {
    border-radius: 2px;
    width: 32px;
    height: 32px
}

.button-normal {
    border: 1px solid #bfbfbf;
    background: #fff;
    color: #555;
    border-radius: 2px;
    overflow: auto;
    padding: 5px 10px 6px 10px;
    cursor: pointer;
    text-decoration: none;
    display: inline
}

.button-normal:hover {
    border: 1px solid #aaa;
    color: #333
}

.button-normal:active {
    border: 1px solid #888;
    background: #888;
    color: #fff
}

#load-more {
    padding: 10px 0;
    height: 30px;
    border-top: 1px solid #eee
}

.load-more-comments {
    padding: 15px 0 6px 0;
    height: 30px
}

.load_more {
    text-align: center;
    padding: 2px;
    height: 10px
}

.load_more a {
    border: 1px solid #999;
    color: #757575;
    border-radius: 2px;
    overflow: auto;
    padding: 7px 25px 8px;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    line-height: 26px
}

.load_more a:hover {
    background: #999999e0;
    border: 1px solid #999;
    color: #fff;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.load_more a:active {
    line-height: 27px
}

.load_more img {
    width: 85px
}

.new-message {
    box-shadow: 0 1px 1px #ccc;
    border: 1px solid #bfbfbf;
    background: #fff;
    color: #555;
    border-radius: 2px;
    overflow: auto;
    padding: 5px 10px;
    cursor: pointer;
    text-decoration: none;
    text-align: center
}

.new-message:hover {
    border: 1px solid #aaa;
    color: #333
}

.new-message:active {
    box-shadow: #ccc 0 1px 3px inset
}

.new-message-url a {
    color: #898f9c;
    text-decoration: none
}

.new-message-url a:hover {
    color: #333
}

.timeago,.timeago-standard {
    color: #999;
    display: inline-block;
    display: none
}

.timeago:hover,.timeago-standard:hover {
    color: #333
}

.pro-icon {
    background: url(../png/pro.png) no-repeat
}

.pro-small {
    background-size: 13px;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin: 0 0 -2px 3px
}

.pro-normal {
    background-size: 17px;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin: 0 0 -2px 0
}

.sidebar-container {
    padding: 0;
    margin: 0 0 15px
}

.sidebar-content {
    background: #fff;
    color: #333;
    overflow: hidden
}

.sidebar-header {
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    color: #333
}

.sidebar-header a {
    color: #333;
    text-decoration: none
}

.sidebar-header a:hover {
    color: #111
}

.sidebar-header-extra {
    float: right
}

.sidebar-header-extra a {
    color: #ccc
}

.sidebar-header-extra a:hover {
    color: #d10b20
}

.sidebar-subscriptions {
    width: 33.333%;
    float: left
}

.sidebar-subscriptions img {
    width: 100%;
    margin-bottom: -4px
}

.sidebar-subscriptions-padding {
    padding: 5px
}

.sidebar-suggestions {
    width: 100%;
    float: left
}

.sidebar-suggestions a {
    text-decoration: none;
    color: #888
}

.sidebar-suggestions a:hover {
    color: #000
}

.sidebar-suggestions-inner {
    padding: 10px 20px 0 0;
    overflow: auto
}

.sidebar-suggestions-image {
    float: left;
    width: 35px;
    display: none
}

.sidebar-suggestions-image img {
    width: 35px;
    border-radius: 2px
}

.sidebar-title-name {
    display: none
}

.sidebar-suggestions-info {
    margin: 0 30px 0 20px
}

.sidebar-suggestions-small {
    font-size: 11px;
    padding-top: 5px;
    cursor: default
}

.sidebar-suggestions-track {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 0
}

.sidebar-suggestions-track a {
    color: #555
}

.sidebar-suggestions-track a:hover {
    color: #333
}

.sidebar-suggestions-tracks {
    background: url(../svg/wave.svg) no-repeat center left;
    background-size: 16px;
    padding: 0 16px 0 16px;
    float: left;
    color: #777
}

.sidebar-suggestions-followers {
    background: url(../svg/followers.svg) no-repeat center left;
    background-size: 16px;
    padding: 0 16px 0 16px;
    float: left;
    color: #777
}

.sidebar-link img {
    vertical-align: middle;
    margin-right: 7px;
    height: 24px;
    width: 24px;
    margin-top: -3px
}

.sidebar-link a {
    padding: 5px 20px 5px;
    display: block;
    text-decoration: none;
    text-transform: capitalize;
    color: #555;
    height: 25px;
    line-height: 25px;
    font-size: 15px
}

.sidebar-link a:hover {
    background: #f7f7f7;
    color: #333
}

.sidebar-link-divider {
    padding: 0 20px
}

.sidebar-report a {
    color: #555;
    font-size: 14px;
    text-decoration: none
}

.sidebar-report a:hover {
    color: #333
}

.sidebar-tag a {
    background: #eee;
    color: #555;
    font-size: 12px;
    border-radius: 2px;
    padding: 4px 8px;
    float: left;
    margin: 0 10px 10px 0;
    text-decoration: none;
    text-transform: capitalize
}

.sidebar-tag a:hover {
    background: #ddd;
    color: #333;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.sidebar-stats-container {
    padding: 10px 20px 0 20px;
    font-size: 11px;
    font-weight: 400;
    color: #777;
    overflow: auto
}

.sidebar-stats-box {
    width: 50%;
    float: left;
    padding-top: 13px;
    text-transform: uppercase
}

.sidebar-stats-today {
    color: #d10b20
}

.sidebar-text-right {
    text-align: right;
    font-size: 20px;
    font-weight: 400;
    padding: 3px 0 0 0;
    height: 28px
}

.sidebar-stats-box-right {
    text-align: right
}

.header-tag a {
    background: #eee;
    color: #555;
    font-size: 12px;
    border-radius: 2px;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: 400;
    padding: 5px 8px 4px;
    margin: 0 10px 10px 0
}

.header-tag a:hover {
    background: #ddd;
    color: #333
}

.upload-status-bar,.sidebar-stats-bar {
    margin-top: 13px;
    height: 6px;
    width: 100%;
    overflow: hidden;
    background: #ccc;
    float: left
}

.upload-status-bar {
    margin-top: 11px
}

.sidebar-stats-divider {
    margin-top: 13px;
    float: left
}

.upload-status-bar-percentage,.sidebar-stats-bar-percentage {
    background-color: #d10b20;
    height: 6px
}

.upload-text {
    font-size: 11px;
    font-weight: 500;
    color: #777;
    overflow: auto;
    text-transform: uppercase
}

.sidebar-users {
    cursor: pointer
}

.sidebar-users img {
    vertical-align: middle;
    margin-right: 7px
}

img.sidebar-status-icon {
    height: 25px;
    width: 12px
}

.sidebar-users a {
    margin-top: -1px;
    padding: 5px 10px 5px 10px;
    border-top: 1px solid #eee;
    display: block;
    text-decoration: none;
    color: #555
}

.sidebar-users a:hover {
    background: #ccc;
    color: #333
}

.sidebar-link-active a,.sidebar-link-active a:hover {
    background: #f7f7f7;
    color: #333
}

.sidebar-online-users {
    float: left;
    width: 25%
}

.sidebar-online-users a {
    text-decoration: none
}

.sidebar-online-users img {
    width: 100%;
    border-radius: 5px
}

.sidebar-online-users-padding {
    padding: 10px 10px 0 0
}

.sidebar-online-users-inner {
    overflow: hidden;
    padding: 0 10px 0 20px
}

.plus-button {
    overflow: auto;
    background: #fff;
    border-radius: 5px;
    border: 2px solid #bbb;
    color: #bbb;
    text-align: center;
    line-height: 40px;
    height: 42px;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden
}

.plus-sign {
    margin-left: -5px
}

.plus-button:hover {
    color: #fff;
    background: #bbb
}

.sidebar-chat-list {
    max-height: 456px;
    overflow: auto
}

.sidebar-header input {
    outline: 0;
    border: 1px solid #fff;
    background: url(../svg/search.svg) no-repeat top right;
    background-size: 15px;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 16px
}

.sidebar-divider {
    height: 1px;
    width: 100%;
    background: #eee;
    float: left
}

.sidebar-list {
    margin-top: -1px;
    padding: 7px 10px;
    border-top: 1px solid #eee;
    font-size: 12px
}

.sidebar-list img {
    width: 20px;
    height: 20px;
    margin-left: 3px;
    vertical-align: middle
}

.sidebar-description {
    padding: 20px;
    word-wrap: break-word
}

.sidebar-license {
    margin-top: 5px;
    font-size: 14px
}

.sidebar-social-container {
    overflow: auto;
    padding: 10px 10px 0 20px
}

.social-icon {
    width: 100%;
    border-radius: 2px;
    height: 34px
}

.share-social-icon {
    height: 34px;
    width: 34px;
    border-radius: 2px
}

.website-icon {
    background: #eee url(../png/website.png) center center no-repeat;
    background-size: 16px
}

.website-icon:hover {
    background: #888 url(../png/website_h.png) center center no-repeat;
    background-size: 16px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.facebook-icon {
    background: #eee url(../svg/facebook.svg) center center no-repeat;
    background-size: 12px
}

.facebook-icon:hover {
    background: #3b579d url(../svg/facebookh.svg) center center no-repeat;
    background-size: 12px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.twitter-icon {
    background: #eee url(../svg/twitter.svg) center center no-repeat;
    background-size: 20px
}

.twitter-icon:hover {
    background: #55acee url(../svg/twitterh.svg) center center no-repeat;
    background-size: 20px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.gplus-icon {
    background: #eee url(../png/instagram.png) center center no-repeat;
    background-size: 18px
}

.gplus-icon:hover {
    background: #000 url(../png/instagram_h.png) center center no-repeat;
    background-size: 18px
}

.youtube-icon {
    background: #eee url(../png/youtube.png) center center no-repeat;
    background-size: 18px
}

.youtube-icon:hover {
    background: #cc201f url(../png/youtube_h.png) center center no-repeat;
    background-size: 18px
}

.vimeo-icon {
    background: #eee url(../png/vimeo.png) center center no-repeat;
    background-size: 18px
}

.vimeo-icon:hover {
    background: #1ab7ea url(../png/vimeo_h.png) center center no-repeat;
    background-size: 18px
}

.soundcloud-icon {
    background: #eee url(../png/soundcloud.png) center center no-repeat;
    background-size: 18px
}

.soundcloud-icon:hover {
    background: #f7640f url(../png/soundcloud_h.png) center center no-repeat;
    background-size: 18px
}

.lastfm-icon {
    background: #eee url(../png/lastfm.png) center center no-repeat;
    background-size: 18px
}

.lastfm-icon:hover {
    background: #d00a01 url(../png/lastfm_h.png) center center no-repeat;
    background-size: 18px
}

.tumblr-icon {
    background: #eee url(../png/tumblr.png) center center no-repeat;
    background-size: 18px
}

.tumblr-icon:hover {
    background: #37465d url(../png/tumblr_h.png) center center no-repeat;
    background-size: 18px
}

.myspace-icon {
    background: #eee url(../png/myspace.png) center center no-repeat;
    background-size: 18px
}

.myspace-icon:hover {
    background: #018cdd url(../png/myspace_h.png) center center no-repeat;
    background-size: 18px
}

.pinterest-icon {
    background: #eee url(../svg/pinterest.svg) center center no-repeat;
    background-size: 15px
}

.pinterest-icon:hover {
    background: #d0383f url(../svg/pinteresth.svg) center center no-repeat;
    background-size: 15px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.email-icon {
    background: #eee url(../svg/email.svg) center center no-repeat;
    background-size: 18px
}

.email-icon:hover {
    background: #333 url(../svg/emailh.svg) center center no-repeat;
    background-size: 18px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.social-icon-container {
    width: 20%;
    float: left
}

.social-icon-padding {
    padding: 0 10px 10px 0
}

.share-icon-container {
    float: left
}

.share-icon-container a {
    cursor: pointer
}

.share-icon-container .social-icon-padding {
    padding: 0 10px 0 0
}

.sidebar-social img {
    margin-right: 3px;
    width: 16px;
    height: 16px;
    vertical-align: top;
    font-size: 12px
}

.sidebar-list a {
    color: #555
}

.sidebar-avatar {
    width: 50px;
    float: left
}

.sidebar-avatar img {
    border-radius: 2px
}

.sidebar-avatar-desc {
    height: 42px;
    margin-left: 60px;
    padding-top: 8px;
    font-size: 12px
}

.sidebar-avatar-edit a {
    font-size: 12px;
    color: #555;
    font-weight: 400
}

.page-header {
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    color: #333
}

.page-header-extra {
    color: #333
}

.message-form-private {
    float: right
}

.private-profile-content {
    border-right: 1px solid #eee;
    background: #fff;
    color: #555;
    overflow: auto
}

.selected-files {
    border-bottom: 1px solid #eee;
    padding: 5px 10px;
    display: none;
    color: #a9a9a9
}

.header-loader {
    float: right
}

.chat-container {
    height: 410px;
    padding: 0 20px;
    overflow: auto
}

.chat-form-inner {
    padding: 10px 20px
}

.chat-form-inner input {
    border: 0;
    outline: 0;
    width: 100%;
    resize: none;
    height: 25px;
    min-height: 25px;
    max-width: 100%;
    overflow: hidden
}

.chat-error {
    padding: 10px 0
}

textarea {
    width: 100%;
    max-width: 500px;
    height: 100px;
    box-sizing: border-box
}

.logo {
    height: 55px;
    width: 140px;
    float: left;
    margin: 0;
    background: url(../svg/logo.svg) no-repeat;
    background-size: 157px 55px
}

.info {
    border: 1px solid #38a8ff;
    background: #bedbff;
    border-radius: 2px;
    color: #2a4e9b;
    width: 91%;
    padding: 5px 7px
}

.page-settings-container {
    padding: 0 0 10px 0;
    border-right: 1px solid #eee
}

.page-login-container {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.page-container {
    padding: 0 0 10px 0
}

.page-content {
    background: #fff;
    color: #555;
    overflow: auto
}

.page-inner {
    padding: 10px 20px;
    overflow: auto
}

.page-input-container {
    width: 100%;
    overflow: auto;
    padding: 10px 0
}

.page-input-container input,.page-input-container select,.page-input-container textarea,input.playlist-input {
    padding: 6px 8px;
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    outline: 0;
    margin: 0
}

.page-input-container input:hover,.page-input-container select:hover,.page-input-container textarea:hover {
    border: 1px solid #aaa
}

.page-input-container input:focus,.page-input-container select:focus,.page-input-container textarea:focus {
    border: 1px solid #888
}

.page-input-container input[type=submit] {
    margin-top: 0
}

.page-input-container input[type=file] {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 5px
}

.page-input-container input[type=file]:hover {
    border: 1px solid #aaa
}

.page-input-content {
    width: 100%;
    padding-left: 95px;
    box-sizing: border-box
}

.page-input-left {
    padding-left: 0
}

.page-input-title,.page-input-title-img {
    text-align: right;
    width: 85px;
    margin-right: 10px;
    margin-top: 4px;
    display: inline-block;
    vertical-align: top;
    float: left;
    color: #555
}

.page-input-title-img img {
    margin-top: 5px
}

.page-input-sub {
    color: #555;
    font-size: 11px;
    padding-top: 4px
}

.report-checkbox {
    padding-bottom: 10px;
    max-width: 500px
}

.report-checkbox textarea {
    min-height: 100px
}

.report-checkbox input {
    float: left
}

.report-checkbox label {
    padding-left: 5px
}

.page-title {
    font-size: 18px
}

.page-input-title-img-wall {
    width: 100%
}

.page-input-title-img-wall img {
    width: 100%
}

.stats-boxes-container {
    overflow: auto;
    width: 100%;
    padding-bottom: 10px
}

.container-short {
    overflow: auto
}

.container {
    padding: 15px 0;
    overflow: auto;
    width: 100%;
    float: left
}

.chart-container {
    padding-left: 15px
}

.chart img {
    width: 100%
}

.preloader {
    padding: 10px 0;
    width: 36px;
    height: 36px;
    margin: 0 auto
}

.preloader-normal {
    width: 110px;
    height: 10px
}

.preloader-dark {
    width: 110px;
    height: 10px;
    background: url(../svg/loader.svg);
    background-position: right 60% bottom 60%;
    background-size: 110px 10px;
    background-repeat: no-repeat
}

.preloader-retina {
    width: 110px;
    height: 10px;
    background: url(../svg/loader.svg);
    background-position: right 60% bottom 60%;
    background-size: 110px 10px;
    padding: 10px;
    background-repeat: no-repeat
}

.preloader-retina-large {
    width: 110px;
    height: 10px;
    background: url(../svg/loader.svg);
    background-position: right 60% bottom 60%;
    background-size: 110px 10px;
    padding: 10px;
    background-repeat: no-repeat
}

.preloader-center {
    margin: 0 auto
}

.preloader-left {
    display: inline-block
}

.retrieving-results {
    display: inline
}

.footer {
    padding: 0 0 53px
}

.footer-container {
    font-size: 14px;
    color: #919191;
    padding: 20px 10px
}

.footer-links,.footer-languages {
    padding-bottom: 5px;
    color: #999;
    font-size: 12px
}

.footer-links a,.footer-languages a {
    color: #777
}

.footer-links a:hover,.footer-languages a:hover {
    color: #555
}

.footer-links span:not(:last-child):after,.footer-languages span:not(:last-child):after {
    content: " - "
}

.pages-content {
    padding: 20px
}

.text-inputs {
    padding: 3px 0
}

.ads1 {
    margin-top: 10px;
    width: 100%;
    height: auto;
    float: left
}

.info-message {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    font-size: 16px
}

.error {
    padding: 5px;
    border: 1px solid #c00;
    background: #ffc0cf;
    color: #b40a34;
    border-radius: 2px;
    margin: 0 0 10px 0
}

.theme-content {
    color: #999;
    width: 100%;
    float: left
}

.theme-inner {
    padding: 10px 0
}

.theme-icon {
    width: 60px;
    float: left;
    overflow: auto
}

.theme-icon img {
    border-radius: 2px;
    width: 60px
}

.theme-top {
    padding: 5px 0 5px 70px
}

.forgot-password {
    padding-top: 4px;
    float: right;
    font-size: 12px
}

.forgot-password a {
    color: #aaa
}

.forgot-password a:hover {
    color: #333
}

.register-captcha img {
    border-radius: 2px;
    width: 75px;
    float: right;
    border: 1px solid #bfbfbf
}

.welcome-content {
    background: #fff;
    border: 0;
    position: sticky
}

.welcome-content .row-body,.welcome-pro .row-body {
    padding: 21px 0 0
}

.wc-lc {
    overflow: auto;
    padding: 0 0 25px 0
}

.wc-lc .row-body {
    float: left;
    width: 50%;
    padding-top: 25px
}

.welcome-pro {
    padding: 25px 0
}

.welcome-inner {
    overflow: auto;
    padding: 0 20px
}

.welcome-tracks {
    margin: 10px -10px 0 -10px;
    overflow: auto
}

.welcome-track {
    width: 10%;
    float: left;
    position: relative;
    padding: 10px;
    box-sizing: border-box
}

.welcome-track a {
    float: left;
    overflow: hidden
}

.welcome-track img {
    width: 100%;
    vertical-align: middle;
    z-index: 1
}

.welcome-player-container {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 99
}

.welcome-player-background {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.75)
}

.welcome-track.current-sound .welcome-player-button,.welcome-track.current-sound .welcome-player-background,.welcome-track:hover .welcome-player-button,.welcome-track:hover .welcome-player-background {
    display: block
}

.welcome-track .player-controls {
    padding: 0;
    width: 35px;
    height: 35px;
    position: absolute;
    z-index: 99
}

.welcome-track .welcome-player-button {
    padding: 0
}

.welcome-track .sound-play-btn {
    position: absolute;
    z-index: 999
}

.welcome-track .player-controls a.jp-play,.welcome-track .player-controls a.jp-pause {
    margin: 0
}

.welcome-track .jp-progress,.welcome-track .jp-time-holder {
    display: none!important
}

.wc-button {
    padding-top: 15px;
    line-height: 30px
}

.welcome-message {
    float: left;
    width: 100%;
    color: #fff;
    margin-top: 40px;
    text-align: center
}

.welcome-title {
    font-size: 42px;
    font-weight: 500;
    color: #fff
}

.welcome-desc {
    font-size: 20px;
    font-weight: 400;
    text-transform: initial;
    margin: 0;
    color: #fff
}

.welcome-button {
    background: url(../svg/go.svg) center left 10px no-repeat;
    background-color: #d10b2020;
    background-size: 24px;
    margin: 65px auto 65px auto;
    width: 130px;
    min-height: 26px;
    cursor: pointer;
    border: 2px solid #d10b20;
    border-radius: 2px;
    color: #fff;
    padding: 5px 15px 5px 40px;
    line-height: 26px;
    text-align: right;
    font-size: 18px;
    font-weight: 500
}

.welcome-button:hover {
    background: url(../svg/goh.svg) center left 10px no-repeat;
    background-color: #d10b20;
    color: #fff;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.welcome-button:active {
    margin-top: 66px;
    margin-bottom: 64px
}

.welcome-bar {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    background: #fff
}

.welcome-menu {
    text-align: center;
    font-size: 15px
}

.welcome-menu a {
    margin: 0 20px 0 0
}

.welcome-box {
    width: 31%;
    float: left;
    box-sizing: border-box;
    padding: 15px;
    margin: 1%;
    background: rgba(55,55,55,.5);
    border-radius: 2px
}

.welcome-box-section {
    color: #27ae60;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    max-width: 1360px;
    margin: 0 auto
}

.welcome-centered-text {
    text-align: center
}

.welcome-box-title {
    font-size: 18px;
    font-weight: 500
}

.welcome-box-desc {
    font-size: 15px
}

.wcf {
    overflow: auto;
    display: flex;
    justify-content: space-between
}

.wcf-content {
    width: 100%
}

.feature-image {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 5px;
    padding: 10px;
    float: left;
    margin-right: 10px
}

.features-upload {
    background: #f5f5f5 url(../png/upload.png) center center no-repeat;
    background-size: 32px
}

.features-audience {
    background: #f5f5f5 url(../png/audience.png) center center no-repeat;
    background-size: 32px
}

.features-stats {
    background: #f5f5f5 url(../png/stats.png) center center no-repeat;
    background-size: 32px
}

.features-explore {
    background: #f5f5f5 url(../png/explore.png) center center no-repeat;
    background-size: 32px
}

.features-share {
    background: #f5f5f5 url(../png/share.png) center center no-repeat;
    background-size: 32px
}

.features-organize {
    background: #f5f5f5 url(../png/organize.png) center center no-repeat;
    background-size: 32px
}

.modal {
	position:fixed;
}

.notification-box {
    padding: 5px 10px 10px 10px;
    border: 0 solid;
    position: relative;
    margin: 10px 20px 0 20px;
    color: #fff;
    border-radius: 2px
}

.notification-box a {
    color: #fff
}

.notification-box a:hover {
    color: #f6f6f6
}

.notification-box-modal {
    margin: 10px 10px 0 10px
}

.notification-box h5 {
    font-size: 20px;
    margin: 0
}

.notification-box-error {
    background: #d10b20
}

.notification-box-success {
    background: #27ae60
}

.notification-box-info {
    background: #3498db
}

.notification-box>p {
    padding-top: 5px;
    padding-right: 20px;
    margin: 0
}

.notification-close {
    padding: 5px 3px;
    position: absolute;
    right: 0;
    top: 6px;
    background: url(../svg/close.svg) no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: .75
}

.notification-close:hover {
    opacity: 1
}

.notification-container {
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
    display: none;
    top: 55px;
    color: #aaa;
    padding: 0 10px;
    box-sizing: border-box
}

.notification-content {
    background: #252525;
    max-width: 350px;
    width: 100%;
    float: right
}

.notification-content a {
    color: #ddd;
    text-decoration: none
}

.notification-content a:hover {
    color: #fff
}

.notification-inner {
    padding: 10px
}

.notification-container .notification-row {
    float: left;
    width: 100%;
    border-top: 1px solid #333;
    border-right: 0
}

.notification-row {
    float: left;
    width: 100%;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee
}

.notification-image {
    float: left
}

.notification-text {
    padding-left: 39px
}

.notification-text img {
    vertical-align: bottom;
    width: 15px;
    height: 15px
}

.notification-text .chat-snippet {
    font-style: italic;
    word-wrap: break-word
}

.notification-container .notification-unread {
    background: #252525
}

.notification-unread {
    background: #ccc
}

.notification-container .notification-padding {
    padding: 5px 10px;
    overflow: auto
}

.notification-padding {
    padding: 10px 20px;
    overflow: auto
}

#notifications-content .timeago {
    float: none
}

#notifications-content .timeago:hover {
    text-decoration: none;
    color: #999;
    cursor: default
}

#notifications-content img.notifications {
    height: 33px;
    width: 33px;
    border-radius: 2px;
    margin-right: 5px
}

#notifications-content {
    max-height: 435px;
    overflow: auto
}

#notifications-page .timeago {
    float: none
}

#notifications-page .timeago:hover {
    text-decoration: none
}

#notifications-page img.notifications {
    height: 33px;
    width: 33px;
    border-radius: 2px;
    margin-right: 5px
}

.sidebar-button-container {
    width: 100%
}

.sidebar-button-container a {
    text-decoration: none
}

.edit-button,.back-button {
    margin: 20px 20px 10px 20px;
    border: 2px solid #27ae60;
    height: 50px;
    border-radius: 3px;
    text-align: center;
    line-height: 48px;
    color: #27ae60;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px
}

.edit-icon {
    background: url(../svg/edit.svg) no-repeat;
    background-size: 24px;
    width: 24px;
    padding: 0 15px 10px 15px;
    margin-left: -10px
}

.edit-button:hover {
    background: #27ae60;
    border-color: #27ae60;
    color: #fff
}

.edit-button:hover .edit-icon {
    background: url(../svg/edith.svg) no-repeat;
    background-size: 24px;
    width: 24px;
    padding: 0 15px 10px 15px;
    margin-left: -10px
}

.back-icon {
    background: url(../svg/back.svg) no-repeat;
    background-size: 24px;
    width: 24px;
    padding: 0 15px 10px 15px;
    margin-left: -10px
}

.back-button:hover {
    background: #27ae60;
    border-color: #27ae60;
    color: #fff
}

.back-button:hover .back-icon {
    background: url(../svg/backh.svg) no-repeat;
    background-size: 24px;
    width: 24px;
    padding: 0 15px 10px 15px;
    margin-left: -10px
}

.upload-button {
    margin: 20px 20px 10px 20px;
    border: 2px solid #d10b20;
    height: 50px;
    border-radius: 3px;
    text-align: center;
    line-height: 50px;
    color: #d10b20;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px
}

.upload-button:hover {
    background: #d10b20;
    border-color: #d10b20;
    color: #fff
}

.upload-icon {
    background: url(../svg/upload.svg) no-repeat;
    background-size: 24px;
    width: 24px;
    padding: 0 20px 10px 15px;
    margin-left: -10px
}

.upload-button:hover .upload-icon {
    background: url(../svg/uploadh.svg) no-repeat;
    background-size: 24px;
    width: 24px;
    padding: 0 20px 10px 15px;
    margin-left: -10px
}

.sidebar-fa-image {
    float: left
}

.sidebar-fa-image img {
    width: 30px;
    height: 30px;
    border-radius: 2px
}

.sidebar-fa-text {
    font-size: 12px;
    padding-left: 37px
}

.sidebar-fa-text .timeago {
    float: none;
    display: inline-block
}

.sidebar-fa-content {
    max-height: 336px;
    overflow: auto
}

.sidebar-fa-content a {
    color: #333
}

.sidebar-fa-content .notification-row {
    border: 0
}

.sidebar-fa-content .notification-padding {
    padding: 10px 20px 0 20px
}

.input_hidden {
    position: absolute;
    left: -9999px
}

.selected {
    background-color: #dfdfdf
}

#values {
    float: left
}

#values label {
    display: inline-block;
    cursor: pointer
}

#values label:hover {
    background-color: #efefef
}

#values label img {
    padding: 7px 5px 6px 5px;
    width: 24px;
    height: 24px
}

.button-image {
    width: 34px;
    height: 40px;
    background-image: url(../index.html);
    background-repeat: no-repeat;
    background-position: 50% 35%;
    overflow: hidden;
    float: left;
    cursor: pointer;
    margin-right: 4px;
    background-size: 24px
}

.button-image:hover {
    background-color: #efefef
}

.inputImage {
    opacity: 0;
    height: 40px;
    cursor: pointer;
    width: 33px
}

#notifications_btn,#messages_btn {
    cursor: pointer;
    width: 24px
}

.notificatons-number-container {
    float: left;
    margin-right: 5px
}

.admin-notifications-number {
    background: #ff3434;
    padding: 3px 5px;
    border-radius: 2px;
    font-weight: 400;
    color: #fff;
    font-size: 10px;
    margin-left: 3px
}

.notifications-number {
    background: #ff3434;
    border-radius: 2px;
    padding: 2px 3px;
    font-size: 10px;
    position: absolute;
    margin: -30px 0 0 9px;
    color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.4)
}

#more_users,#more_reports,#more_payments {
    width: 100%;
    float: left;
    padding: 15px 0 5px 0
}

#share,#playlist,#delete,#connect {
    position: fixed;
    z-index: 101;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -150px;
    width: 300px;
    display: none
}

#playlists {
    max-height: 138px
}

.modal-input input {
    border: 1px solid #bfbfbf;
    padding: 5px;
    border-radius: 2px;
    width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    outline: 0
}

.modal-input input:focus,.modal-input input:hover {
    border: 1px solid #aaa
}

.modal-checkbox input {
    margin: 5px 5px 0 0;
    float: left
}

.modal-checkbox label {
    margin-top: 2px;
    float: left;
    font-size: 13px
}

.modal-connect input {
    margin: 0 0 7px 0
}

.modal-captcha {
    display: inline-block
}

.modal-captcha input {
    width: 195px
}

.modal-background {
    width: 100%;
    height: 100%;
    background: rgba(51,51,51,.9);
    position: fixed;
    overflow: auto;
    left: 0;
    top: 0;
    display: none;
    z-index: 100
}

.modal-container {
    background: #fff;
    width: 300px;
    border-radius: 2px;
    overflow: auto
}

.modal-inner {
    padding: 10px;
    overflow: auto;
    width: 100%;
    box-sizing: border-box
}

.modal-menu-container {
    padding: 10px 10px 0 10px;
    overflow: auto
}

.modal-menu-item {
    color: #555;
    padding: 0 0 13px 0;
    float: left;
    cursor: pointer;
    margin-right: 10px
}

.modal-menu-item:hover,.modal-menu-item-active {
    color: #333;
    padding: 0 0 10px 0;
    border-bottom: 3px solid #d10b20;
    cursor: pointer;
    margin-right: 10px
}

.modal-loading,.header-loader {
    width: 110px;
    height: 10px;
    background: url(../svg/loader.svg);
    background-size: 110px 10px;
    float: right;
    margin-top: 8px;
    display: none
}

.modal-desc {
    padding: 0 0 5px 0;
    color: #333
}

.modal-desc img {
    width: 85px
}

.modal-btn {
    margin: 10px 10px 10px 0;
    overflow: auto;
    float: right
}

.modal-btn a {
    float: right;
    border-radius: 2px;
    padding: 5px 10px;
    color: #bfbfbf;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid;
    border-color: #bfbfbf;
    font-weight: 500;
    line-height: 20px
}

.modal-btn a:hover {
    border-color: #aaa;
    color: #aaa;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.modal-btn a:active {
    background: #888;
    border-color: #888;
    color: #fff
}

.modal-btn-active a {
    color: #d10b20;
    border-color: #d10b20
}

.modal-btn-active a:hover {
    border-color: #d10b20;
    background: #d10b20;
    color: #fff
}

.modal-btn-enable a {
    color: #27ae60;
    border-color: #27ae60
}

.modal-btn-enable a:hover {
    border-color: #27ae60;
    background: #27ae60;
    color: #fff
}

.modal-btn-facebook a {
    color: #3b579d;
    border-color: #3b579d
}

.modal-btn-facebook a:hover {
    border-color: #3b579d;
    background: #3b579d;
    color: #fff
}

.tab-share,.tab-embed,.tab-login,.tab-register {
    display: none
}

.tab-delete {
    padding: 5px 0;
    width: 100%
}

.dummy-player {
    width: 100%;
    padding-bottom: 10px;
    overflow: auto
}

.dummy-artwork {
    float: left;
    display: none
}

.dummy-artwork img {
    width: 50px
}

.dummy-play-btn {
    float: left;
    background: url(../png/player.png) 0 0 no-repeat;
    background-size: 60px;
    height: 20px;
    width: 20px;
    margin-left: 10px
}

.dummy-author {
    float: left;
    width: 80px;
    height: 7px;
    background: #d9d9d9;
    margin: 0 0 4px 6px
}

.dummy-title {
    float: left;
    width: 140px;
    height: 9px;
    background: #c2c2c2;
    margin: 0 0 0 6px
}

.dummy-seek {
    float: left;
    width: 220px;
    height: 3px;
    background: #c2c2c2;
    margin: 7px 0 0 10px
}

.dummy-avatars {
    float: left;
    width: 10px;
    height: 10px;
    background: #c2c2c2;
    margin: 10px 0 0 10px
}

.playlist-entry {
    padding: 5px 8px 5px 26px;
    margin: 0 0 5px 0;
    border: 1px solid #ddd;
    width: 100%;
    box-sizing: border-box;
    float: left;
    display: inline;
    border-radius: 2px;
    cursor: pointer;
    background: url(../png/playlist_add_n.png) 5px center no-repeat;
    background-size: 17px;
    color: #777;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.playlist-entry:hover {
    background: #efefef url(../png/playlist_add_h.png) 5px center no-repeat;
    background-size: 17px;
    color: #000
}

.playlist-entry-loading {
    padding: 5px 8px 5px 26px;
    margin: 0 0 5px 0;
    border: 1px solid #ddd;
    width: 100%;
    box-sizing: border-box;
    float: left;
    display: inline;
    border-radius: 2px;
    cursor: pointer;
    color: #777;
    font-size: 12px;
    background: url(../svg/puff.svg) 5px center no-repeat;
    background-size: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.playlist-added {
    background: url(../png/playlist_added.png) 5px center no-repeat;
    background-size: 17px;
    color: #000
}

.playlist-added:hover {
    background: #efefef url(../png/playlist_remove.png) 5px center no-repeat;
    background-size: 17px;
    color: #000
}

input.playlist-input {
    -webkit-appearance: none;
    padding: 5px 8px;
    min-width: 100px;
    float: left
}

input.playlist-input:focus,input.playlist-input:hover {
    border: 1px solid #aaa
}

.playlist-save {
    color: #bfbfbf;
    font-weight: 500;
    padding: 5px 10px;
    margin-left: 10px;
    float: left;
    box-sizing: border-box;
    overflow: hidden
}

.playlist-save:hover {
    border-color: #aaa;
    color: #aaa
}

.playlist-save:active {
    background: #888;
    border-color: #888;
    color: #fff
}

#profile-card {
    background: #fff;
    border: 1px solid #e6e6e6;
    width: 300px;
    margin: 0 auto;
    border-radius: 2px;
    position: absolute;
    display: none;
    z-index: 999
}

#profile-card .preloader-retina {
    margin-bottom: 10px
}

.profile-card-padding {
    padding: 20px 10px 10px 10px
}

.profile-card-cover img {
    width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.profile-card-avatar {
    margin: -94px 0 0 10px
}

.profile-card-avatar a {
    height: 80px;
    width: 80px
}

.profile-card-avatar img {
    width: 80px;
    height: 80px
}

.profile-card-info {
    margin: -93px 0 0 100px;
    height: 100px;
    position: relative
}

.profile-card-info .cover-text-container {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    position: relative;
    margin: 0
}

.profile-card-buttons {
    overflow: auto;
    right: 0;
    padding: 10px 10px 10px 10px
}

.profile-card-buttons .sub-loading {
    border: 1px solid #ddd
}

.profile-card-buttons-container {
    width: 60px;
    float: right
}

.profile-card-stats {
    float: left;
    font-size: 15px;
    color: #333;
    margin: 3px 15px 0 3px;
    vertical-align: top
}

.profile-card-stats img {
    margin-right: 5px;
    vertical-align: bottom;
    cursor: pointer
}

.profile-card-stats a {
    color: #333;
    text-decoration: none
}

.profile-card-username {
    overflow: auto;
    float: left;
    padding-top: 10px
}

.profile-card-username img {
    width: 13px;
    height: 13px
}

.profile-card-location {
    overflow: auto;
    color: #fff;
    float: left;
    min-width: 180px
}

.track-likes {
    padding: 5px 0
}

.likes-plus {
    background: url(../png/likes_plus.png) no-repeat;
    background-size: 25px;
    overflow: auto;
    width: 25px;
    height: 25px;
    display: inline-block
}

.track-stats {
    float: right;
    padding-top: 10px
}

.track-buttons-container {
    font-size: 12px;
    float: left
}

a.menu-button {
    float: left;
    text-decoration: none;
    color: #eee;
    margin: 0 10px;
    padding: 20px 10px 15px;
    text-transform: uppercase
}

a.menu-button:hover {
    color: #fff;
    border-bottom: 3px solid #d10b20
}

a.menu-button-active {
    color: #fff;
    border-bottom: 3px solid #d10b20
}

#topbar-track-info {
    padding: 18px 20px;
    overflow: auto
}

#topbar-artwork {
    background: #ccc;
    top: 10px;
    width: 35px;
    height: 35px;
    float: left;
    display: none
}

#topbar-artwork img {
    width: 35px;
    height: 35px
}

#topbar-track-details {
    box-sizing: border-box
}

.topbar-sound-name {
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.topbar-sound-name a {
    color: #ccc!important
}

.topbar-sound-name a:hover {
    color: #eee!important
}

.topbar-author-name {
    font-size: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: none
}

.topbar-author-name a {
    color: #8d8d8d
}

.topbar-author-name a:hover {
    color: #000
}

#loading-bar {
    position: fixed;
    z-index: 2147483647;
    top: 0;
    left: -6px;
    width: 0;
    height: 3px;
    background: #d10b20;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: width 500ms ease-out,opacity 400ms linear;
    -ms-transition: width 500ms ease-out,opacity 400ms linear;
    -o-transition: width 500ms ease-out,opacity 400ms linear;
    -webkit-transition: width 500ms ease-out,opacity 400ms linear;
    transition: width 500ms ease-out,opacity 400ms linear
}

#loading-bar dd,dt {
    position: absolute;
    box-shadow: #d10b20 1px 0 6px 1px
}

#loading-bar dd {
    opacity: .6;
    width: 20px;
    right: 0;
    clip: rect(-6px,22px,14px,10px)
}

#loading-bar dt {
    opacity: .6;
    width: 180px;
    right: -80px;
    clip: rect(-6px,90px,14px,-6px)
}

#content {
    border-bottom: 1px solid #eee;
    background: #f8f9fa
}

.body-content {
    background: #fff;
    overflow: auto;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee
}

.sound-container {
    border-top: 1px solid #eee;
    overflow: auto;
    padding: 10px 20px;
    position: relative
}

.sound-container:first-child,:not(.sound-container)+.sound-container {
    border-top: none
}

.top-track:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 40px solid #ccc;
    border-left: 40px solid transparent;
    width: 0;
    display: none
}

.top-number {
    position: absolute;
    top: 2px;
    right: 4px;
    color: #777;
    font-weight: 400;
    font-size: 10px;
    text-align: right;
    max-width: 25px
}

.sound-container-page {
    border-bottom: 1px solid #eee
}

.sound-container a,.embed-container a {
    text-decoration: none;
    color: #333
}

.sound-container a:hover,.embed-container a:hover {
    color: #111
}

.sound-top {
    padding: 0 0 10px
}

.sound-play-btn {
    width: 24px;
    height: 24px;
    float: left;
    background: url(../svg/play.svg);
    background-size: 24px;
    cursor: pointer;
    text-indent: -9999px;
    margin-left: -7px
}

.sound-play-btn:hover {
    content: url(../svg/playh.svg)
}

.player-controls a.jp-play,.player-controls a.jp-pause {
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    position: absolute;
    margin-top: -24px;
    left: 0;
    outline: 0;
    cursor: pointer
}

.player-controls a.jp-play {
    background: url(../svg/play.svg);
    background-size: 24px;
    margin-left: -7px
}

.player-controls a.jp-play:hover {
    content: url(../svg/playh.svg);
    background-size: 24px;
    margin-left: -7px
}

.player-controls a.jp-pause {
    content: url(../svg/pause.svg);
    background-size: 24px;
    display: none;
    margin-left: -7px
}

.player-controls a.jp-pause:hover {
    content: url(../svg/pauseh.svg);
    background-size: 24px;
    margin-left: -7px
}

.player-controls div.jp-audio div.jp-progress {
    top: 15px
}

.sound-art {
    float: left;
    display: none
}

.sound-art a {
    float: left
}

.sound-titles {
    padding: 0 0 0 25px;
    height: 24px!important
}

.sound-title {
    word-wrap: break-word;
    font-size: 16px;
    line-height: 25px;
    white-space: nowrap
}

.sound-timeago {
    overflow: auto;
    float: right;
    font-size: 12px;
    display: none
}

.sound-author {
    font-size: 13px;
    color: #868686;
    display: none
}

.sound-author a {
    color: #999
}

.sound-author a:hover {
    color: #333
}

.sound-tag {
    float: right;
    font-size: 12px;
    margin-top: 2px;
    line-height: 15px
}

.sound-tag a {
    padding: 4px 8px 4px 20px;
    background: url(../svg/tag.svg) 4px center no-repeat;
    background-size: 14px;
    color: #777;
    text-decoration: none;
    text-transform: capitalize;
    line-height: 15px
}

.sound-tag a:hover {
    padding: 4px 8px 4px 20px;
    background: url(../svg/tagh.svg) 4px center no-repeat;
    background-size: 14px;
    color: #d10b20;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    line-height: 15px
}

.sound-container div.jp-audio div.jp-type-single div.jp-progress,.sound-container div.jp-audio div.jp-type-single div.jp-time-holder,.embed-container div.jp-audio div.jp-type-single div.jp-progress,.embed-container div.jp-audio div.jp-type-single div.jp-time-holder {
    left: 0;
    width: 100%;
    color: #ccc
}

.sound-container div.jp-audio,.embed-container div.jp-audio {
    width: 100%
}

.sound-container .jp-audio,.embed-container .jp-audio {
    display: block
}

.player-controls {
    padding: 0
}

.sound-container div.jp-audio div.jp-time-holder,.embed-container div.jp-audio div.jp-time-holder {
    top: 85px
}

.embed-container {
    background: #fff;
    overflow: auto
}

.embed-container .track-likes {
    padding: 23px 0 0 0;
    margin-bottom: 0
}

.embed-powered-by {
    overflow: auto;
    float: right
}

.embed-powered-by a {
    color: #999
}

.embed-powered-by a:hover {
    color: #333
}

.embed-error-title {
    margin: 0 auto;
    padding-top: 80px;
    width: 250px;
    text-align: center
}

.embed-error-desc {
    margin: 0 auto;
    padding-top: 5px;
    width: 250px;
    text-align: center
}

.embed-error a {
    color: #fff;
    text-decoration: none
}

.embed-error a:hover {
    color: #f6f6f6
}

.user-stats {
    color: #333
}

.stats-column-title {
    font-weight: 500
}

.user-stats-row {
    padding: 10px 20px 0 0
}

.user-stats-row-count {
    width: 20px;
    color: #999;
    font-weight: 500;
    display: block;
    float: left
}

.user-stats-title {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
    box-sizing: border-box;
    padding-right: 5px
}

.user-stats-title a {
    text-decoration: none
}

.user-stats-title img {
    width: 17px;
    height: 17px;
    padding-right: 3px;
    vertical-align: bottom;
    display: none
}

.user-stats-count {
    display: inline-block;
    min-width: 25px;
    text-align: right;
    float: right;
    font-weight: 500
}

.small-info {
    padding-top: 10px;
    font-size: 12px;
    color: #777;
    width: 100%;
    display: inline-block
}

.track-info-container {
    padding: 20px;
    overflow: auto
}

.track-info-art {
    float: left;
    width: 112px
}

.track-info-inputs {
    padding: 0 0 0 132px
}

.track-info-input {
    padding: 0 0 15px 0;
    overflow: auto
}

.track-info-title {
    float: left;
    width: 100%
}

.track-info-input input,.track-info-input textarea,.track-info-input select {
    padding: 6px 8px;
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    outline: 0;
    margin: 0;
    width: 100%;
    max-width: none;
    margin-top: 5px;
    float: left;
    box-sizing: border-box
}

.track-info-input input:hover,.track-info-input input:focus,.track-info-input textarea:hover,.track-info-input textarea:focus {
    border: 1px solid #aaa
}

.track-info-input select {
    width: 100px;
    display: block;
    margin-right: 10px
}

.track-info-input input[type=radio] {
    width: auto;
    margin: 3px 5px 0 0;
    float: left;
    display: block;
    border: 0
}

.track-info-radio,.license-container {
    width: 100%;
    margin-top: 5px;
    float: left
}

.license-container {
    margin-top: 10px
}

.license-box-container {
    width: 50%;
    overflow: auto;
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
    box-sizing: border-box
}

.license-box-container:last-child {
    padding-right: 0
}

.license-box-content {
    border: 1px solid #bfbfbf;
    padding: 10px 10px 10px 35px;
    background: url(../png/playlist_add_n.png) 10px 10px no-repeat;
    background-size: 17px;
    cursor: pointer;
    border-radius: 5px
}

.license-box-content:hover {
    border: 1px solid #aaa;
    background: url(../png/playlist_add_h.png) 10px 10px no-repeat;
    background-size: 17px
}

.license-box-active {
    background: url(../png/playlist_added.png) 10px 10px no-repeat;
    background-size: 17px
}

.license-box-active:hover {
    background: url(../png/playlist_remove.png) 10px 10px no-repeat;
    background-size: 17px
}

.license-box-title {
    color: #333
}

.license-box-desc {
    color: #999;
    font-size: 12px;
    padding-top: 5px;
    width: 100%;
    overflow: auto
}

.license-icon {
    width: 19px;
    height: 19px;
    display: inline-block
}

.license-cc-icon {
    background: url(../svg/cc.svg) no-repeat;
    background-size: 19px
}

.license-at-icon {
    background: url(../svg/ccby.svg) no-repeat;
    background-size: 19px
}

.license-nc-icon {
    background: url(../svg/ccnc.svg) no-repeat;
    background-size: 19px
}

.license-nd-icon {
    background: url(../svg/ccnd.svg) no-repeat;
    background-size: 19px
}

.license-sa-icon {
    background: url(../svg/ccsa.svg) no-repeat;
    background-size: 19px
}

.edit-menu {
    margin: 0 0 10px 0;
    overflow: auto;
    border-bottom: 1px solid #eee
}

.edit-menu-item {
    color: #555;
    padding: 0 0 13px 0;
    float: left;
    cursor: pointer;
    margin-right: 15px;
    font-size: 14px
}

.edit-menu-item:hover,.edit-menu-item-active {
    color: #333;
    padding: 0 0 10px 0;
    border-bottom: 3px solid #d10b20;
    cursor: pointer
}

.required {
    color: #d10b20
}

.upload-btn {
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    margin-top: 5px;
    padding: 5px 0 6px
}

.upload-btn input {
    width: 112px;
    position: absolute;
    left: 20px;
    height: 30px;
    margin-top: -6px;
    opacity: 0;
    cursor: pointer
}

.upload-btn input::-webkit-file-upload-button {
    cursor: pointer
}

.upload-btn-selected {
    border: 1px solid #888;
    background: #888;
    color: #fff
}

.upload-btn-selected:hover {
    background: #fff
}

.upload-btn-selected:active {
    color: #333
}

.upload-btn-text {
    padding: 0 5px;
    width: 100%;
    float: left;
    text-align: center;
    box-sizing: border-box
}

#upload-success {
    max-width: 300px;
    color: #777;
    margin: 0 auto
}

.upload-title {
    font-size: 18px;
    text-align: center;
    margin: 20px auto 0 auto
}

.upload-desc {
    font-size: 14px;
    text-align: center;
    margin: 20px auto
}

.go-pro-title {
    font-weight: 500
}

.go-pro-widget-container {
    color: #777;
    padding: 0 20px
}

.go-pro-widget-desc {
    padding: 5px 0 0 0
}

.go-pro-container {
    padding-top: 30px;
    text-align: center;
    width: 100%;
    overflow: auto
}

.go-pro-welcome {
    padding-top: 20px
}

.go-pro-desc {
    font-size: 15px;
    max-width: 500px;
    width: 100%;
    margin: 0 auto
}

.go-pro-btn {
    min-height: 40px;
    padding-top: 20px
}

.go-pro-widget-btn {
    min-height: 30px;
    padding-top: 15px
}

.go-pro-welcome-btn {
    min-height: 30px;
    padding-top: 25px
}

.go-pro-go-pro-btn {
    min-height: 0;
    padding-top: 0;
    display: inline-block
}

.go-pro-btn a,.wc-button a {
    border-radius: 2px;
    padding: 5px 10px;
    color: #d10b20;
    border: 1px solid #d10b20;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500
}

.go-pro-btn a:hover,.wc-button a:hover {
    border-color: #d10b20;
    background: #d10b20;
    color: #fff
}

.go-pro-header {
    background: url(../png/pro-2.png) bottom left;
    color: #fff;
    padding: 30px 20px;
    text-align: center
}

.go-pro-header-title {
    font-size: 24px
}

.go-pro-header-desc {
    font-size: 15px
}

.current-plan {
    padding: 10px 0 0 0;
    font-size: 14px;
    text-align: center
}

.current-plan-option {
    color: #777;
    font-weight: 500;
    text-transform: capitalize
}

.plans-container {
    width: 50%;
    overflow: auto;
    float: left
}

.feature-container {
    border-radius: 5px;
    background: #eee;
    padding: 15px;
    overflow: auto;
    margin: 20px 20px 10px 20px;
    font-size: 15px
}

.feature-description {
    margin: 10px 20px 20px 20px;
    padding: 0 15px
}

.feature-option {
    width: 50%;
    float: left
}

.plan-option {
    width: 25%;
    float: left
}

.plan-info {
    width: 50%;
    float: left
}

.plan-history-title {
    font-size: 15px;
    margin: 20px 20px 10px 20px;
    padding: 0 15px
}

.plan-history-container {
    margin: 0 20px 20px 20px;
    padding: 15px
}

.plan-history {
    width: 25%;
    float: left;
    font-size: 13px
}

.plan-option-free {
    color: #ff4040
}

.plan-option-pro {
    color: #308d30;
    font-weight: 500
}

select.plan-options {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 2px;
    margin: 10px 5px 0 0
}

.player-element {
    float: left;
    margin-right: 10px
}

.player-nine {
    width: 75%;
    float: left;
    padding: 10px 0;
    overflow: hidden;
    height: 35px
}

.player-nine a {
    outline: 0;
    margin-right: 10px;
    cursor: pointer
}

.player-three {
    width: 25%;
    float: left;
    overflow: auto
}

.top-player .jp-gui {
    display: flex
}

.top-player .jp-progress {
    flex: 1
}

.player-container-left {
    width: 128px;
    display: flex
}

.player-container-middle {
    height: 35px;
    display: flex;
    flex: 1;
    padding-right: 10px
}

.player-container-right {
    width: 75px
}

#prev-button {
    float: left
}

#next-button {
    float: right
}

.player-buttons {
    margin-top: 5px
}

.player-repeat {
    margin-top: 10px
}

div.jp-audio {
    float: left;
    width: 100%
}

#content div.jp-audio {
    float: none
}

div.jp-interface {
    position: relative;
    width: 100%
}

div.jp-audio div.jp-type-single div.jp-interface {
    height: 65px
}

.player-nine .jp-interface {
    height: 35px!important
}

a.jp-play,a.jp-pause {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px
}

a.jp-play {
    background: url(../svg/bplay.svg);
    background-size: 24px
}

a.jp-play:hover {
    content: url(../svg/bplayh.svg);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

a.jp-pause {
    background: url(../svg/bpause.svg);
    display: none;
    background-size: 24px
}

a.jp-pause:hover {
    content: url(../svg/bpauseh.svg);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.waveform {
    width: calc(100% - 40px);
    height: 60px;
    display: inline-block;
    position: absolute
}

div.jp-progress {
    overflow: hidden
}

div.jp-audio div.jp-progress {
    top: 15px;
    height: 65px
}

div.jp-audio div.jp-type-single div.jp-progress {
    width: 100%;
    margin: 0;
    top: 0;
    float: left;
    position: relative
}

.player-nine .jp-progress {
    margin: 15px!important;
    height: 5px!important;
    top: 0!important;
    background: #aaa
}

.player-nine .jp-seek-bar {
    height: 5px!important;
    background: #ccc
}

.player-nine .jp-play-bar {
    height: 5px!important;
    background: #d10b20;
    border-right: none!important
}

.player-nine .jp-seeking-bg {
    height: 5px!important
}

div.jp-seek-bar {
    width: 0;
    height: 100%;
    cursor: pointer
}

div.jp-play-bar {
    width: 0;
    height: 100%;
    position: absolute;
    border-right: 1px solid #d10b20;
    margin-left: -1px
}

div.jp-audio {
    font-size: 1.25em;
    line-height: 1.6
}

div.jp-seeking-bg {
    width: 110px!important;
    height: 10px!important;
    background: url(../svg/loader.svg);
    background-size: 110px 10px
}

a.jp-mute,a.jp-unmute,a.jp-volume-max {
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 10px
}

a.jp-mute {
    background: url(../svg/volume.svg);
    background-size: 16px
}

a.jp-mute:hover {
    content: url(../svg/volumeh.svg);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

a.jp-unmute {
    background: url(../svg/mute.svg);
    background-size: 16px;
    display: none
}

a.jp-unmute:hover {
    content: url(../svg/muteh.svg);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

div.jp-volume-bar {
    overflow: hidden;
    width: 46px;
    height: 5px;
    cursor: pointer;
    margin-top: 15px;
    float: left;
    background: #ccc
}

div.jp-audio div.jp-volume-bar {
    top: 15px;
    left: 405px
}

div.jp-audio-stream div.jp-volume-bar {
    top: 37px;
    left: 92px
}

div.jp-video div.jp-volume-bar {
    top: 17px;
    left: 72px
}

div.jp-volume-bar-value {
    width: 0;
    height: 5px;
    background: #d10b20
}

.prev-button {
    background: url(../svg/prev.svg);
    background-size: 24px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block
}

.prev-button:hover {
    content: url(../svg/prevh.svg);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.prev-button-disabled,.prev-button-disabled:hover {
    content: url(../svg/prevd.svg);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    cursor: default
}

.next-button {
    background: url(../svg/next.svg);
    background-size: 24px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block
}

.next-button:hover {
    content: url(../svg/nexth.svg);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.next-button-disabled,.next-button-disabled:hover {
    content: url(../svg/nextd.svg);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    cursor: default
}

div.jp-audio div.jp-time-holder {
    position: absolute;
    top: 20px;
    display: none
}

div.jp-audio div.jp-type-single div.jp-time-holder {
    left: 185px;
    width: 186px
}

div.jp-audio div.jp-type-playlist div.jp-time-holder {
    left: 166px;
    width: 130px
}

div.jp-current-time,div.jp-duration {
    width: 60px;
    font-size: 12px;
    color: #777
}

#current-time,#duration-time {
    width: 45px;
    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 11px;
    display: contents
}

#current-time {
    text-align: right;
    margin-right: 17px;
    color: #ccc
}

#duration-time {
    text-align: left;
    margin-left: 17px;
    margin-right: 10px;
    color: #ccc
}

div.jp-current-time {
    float: left;
    display: inline
}

div.jp-duration {
    float: right;
    margin-right: 3px;
    display: inline;
    text-align: right
}

.jp-time-holder {
    margin-top: -35px
}

div.jp-jplayer audio,div.jp-jplayer {
    width: 0;
    height: 0
}

div.jp-jplayer {
    background-color: #000
}

a.jp-repeat {
    background: url(../svg/repeat.svg);
    background-size: 14px;
    float: left;
    display: inline-block;
    width: 14px;
    height: 14px
}

a.jp-repeat:hover {
    content: url(../svg/repeath.svg)
}

a.jp-repeat-off {
    background: url(../svg/repeate.svg);
    background-size: 14px;
    float: left;
    width: 14px;
    height: 14px
}

a.jp-repeat-off:hover {
    content: url(../svg/repeatd.svg)
}

.jp-no-solution {
    padding: 5px;
    font-size: .8em;
    background-color: #eee;
    border: 2px solid #009be3;
    color: #000;
    display: none
}

.jp-no-solution a {
    color: #000
}

.jp-no-solution span {
    font-size: 1em;
    display: block;
    text-align: center;
    font-weight: 500
}

@keyframes move {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 28px 0
    }
}

.rtl body {
    direction: rtl
}

.rtl .page-button {
    float: right!important;
    margin: 10px 0 0 10px!important
}

.rtl .logo {
    float: right;
    margin: 5px 0 5px 10px
}

.rtl .search-input,.rtl a.menu-button {
    float: right
}

.rtl a.menu-button {
    margin: 0 5px 0 15px
}

.rtl .menu-image,.rtl .menu_btn {
    float: left
}

.rtl .menu-dd-container {
    padding-right: 0;
    padding-left: 20px
}

.rtl .menu-dd-content {
    float: left
}

.rtl .menu-dd-row {
    text-align: left
}

.rtl .menu_arrow {
    margin: 25px 5px 0 0;
    float: left
}

.rtl .notification-content {
    float: left
}

.rtl .notification-image {
    float: right
}

.rtl #notifications-content img.notifications,.rtl #notifications-page img.notifications {
    margin-right: 0;
    margin-left: 5px
}

.rtl .close_btn {
    float: left
}

.rtl .sidebar-link img,.rtl .sidebar-users img {
    margin-right: 0;
    margin-left: 7px
}

.grid-container {
    display: flex;
    overflow: clip;
    width: 100%;
    float: left
}

.grid-content {
    flex: 75;
    position: relative
}

.grid-sidebar {
    flex: 24;
    position: relative;
    border-left: 1px solid #eee
}

.rtl .sound-container,.rtl .page-header-extra,.rtl .list-container,.rtl .notification-row,.rtl .page-container,.rtl .message-container {
    border-right: 0;
    border-left: 1px solid #eee
}

.rtl .sidebar-container {
    padding: 0 0 10px 0;
    margin-left: 0;
    border-left: 0;
    margin-right: -1px;
    border-right: 1px solid #eee
}

.rtl .sidebar-suggestions-info {
    margin: 0 45px 0 30px
}

.rtl .sidebar-suggestions,.rtl .sidebar-suggestions-image {
    float: right
}

.rtl .sidebar-suggestions-tracks,.rtl .sidebar-suggestions-followers {
    float: right;
    padding: 0 17px 0 20px;
    background-position-x: right
}

.rtl .subscribe_btn,.rtl .edit_profile_btn,.rtl .sub-loading {
    float: left;
    margin: 0 5px 0 0
}

.rtl .sidebar-fa-image {
    float: right
}

.rtl .sidebar-fa-text {
    padding-left: 0;
    padding-right: 37px
}

.rtl .sidebar-stats-box {
    float: right
}

.rtl .sidebar-text-right {
    text-align: left
}

.rtl .upload-icon,.rtl .upload-button:hover .upload-icon,.rtl .edit-icon,.rtl .edit-button:hover .edit-icon,.rtl .back-icon,.rtl .back-button:hover .back-icon {
    padding-left: 20px;
    padding-right: 15px;
    background-position-x: right;
    margin-left: 0;
    margin-right: -10px
}

.rtl .sound-art {
    float: right
}

.rtl .sound-top {
    padding: 0 132px 0 0
}

.rtl .sound-play-btn {
    float: right
}

.rtl .sound-timeago,.rtl .sound-tag {
    float: left
}

.rtl .sound-titles {
    padding: 0 45px 0 0
}

.rtl .player-controls {
    padding: 0 132px 10px 0
}

.rtl .track-actions-container {
    padding: 10px 132px 0 0
}

.rtl .track-buttons-container,.rtl .like-button,.rtl .liked-button,.rtl .public-button,.rtl .private-button,.rtl .playlist-button,.rtl .delete-button,.rtl .share-button {
    float: right
}

.rtl .like-button,.rtl .liked-button,.rtl .share-button,.rtl .playlist-button {
    padding: 5px 26px 5px 8px;
    background-position: right 5px center
}

.rtl .like-button,.rtl .liked-button,.rtl .public-button,.rtl .private-button,.rtl .playlist-button,.rtl .delete-button,.rtl .share-button,.rtl .download-button,.rtl .buy-button,.rtl .loading-button,.rtl .shuffle-button {
    margin-right: 0;
    margin-left: 5px
}

.rtl .track-stats {
    float: left
}

.rtl .counter {
    padding: 0 30px 0 0;
    float: left;
    background-position: right 10px center
}

.rtl .sidebar-header-extra {
    float: left
}

.rtl a.cover-button {
    float: right;
    margin: 0 0 0 20px
}

.rtl .cover-buttons {
    float: right;
    margin: 0 20px 0 0
}

.rtl .social-icon-container {
    float: right
}

.rtl .player-controls a.jp-play,.rtl .player-controls a.jp-pause {
    margin-right: 0;
    margin-left: 16px;
    left: auto
}

.rtl .sound-container div.jp-audio div.jp-type-single div.jp-progress,.rtl .sound-container div.jp-audio div.jp-type-single div.jp-time-holder,.rtl .embed-container div.jp-audio div.jp-type-single div.jp-progress,.rtl .embed-container div.jp-audio div.jp-type-single div.jp-time-holder,div.jp-audio div.jp-type-single div.jp-progress {
    direction: ltr
}

.rtl .playlist-entry,.rtl .playlist-entry-loading {
    padding: 5px 26px 5px 8px
}

.rtl .playlist-entry,.rtl .playlist-entry-loading {
    background-position: right 5px center
}

.rtl .modal-loading,.header-loader {
    float: left
}

.rtl .modal-menu-item {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.rtl .share-icon-container {
    float: right
}

.rtl .share-icon-container .social-icon-padding {
    padding: 0 0 0 10px
}

.rtl .modal-btn {
    margin: 10px 0 10px 10px;
    float: left
}

.rtl .modal-checkbox input {
    margin: 5px 0 0 5px;
    float: right
}

.rtl .modal-checkbox label {
    float: right
}

.rtl .dummy-artwork {
    float: right
}

.rtl .dummy-play-btn {
    float: right;
    margin-left: 0;
    margin-right: 10px
}

.rtl .dummy-author {
    float: right;
    margin: 0 6px 4px 0
}

.rtl .dummy-title {
    float: right;
    margin: 0 6px 0 0
}

.rtl .dummy-seek {
    float: right;
    margin: 7px 10px 0 0
}

.rtl .dummy-avatars {
    float: right;
    margin: 10px 10px 0 0
}

.rtl .cover-description-content {
    margin-left: 10px;
    margin-right: 20px
}

.rtl .cover-description-buttons {
    margin: -60px 0 0 20px;
    right: auto;
    left: 0
}

.rtl .cover-content .message_btn,.rtl .cover-content .edit_profile_btn,.rtl .cover-content .subscribe_btn {
    float: left
}

.rtl .cover-text-container {
    margin-right: 125px;
    margin-left: 60px
}

.rtl .cover-avatar-content {
    margin: 0 20px 10px 0
}

.rtl .top-track:before {
    top: 0;
    right: auto;
    left: 0;
    border-right: 40px solid transparent;
    border-left: 0
}

.rtl .top-number {
    right: auto;
    left: 5px;
    text-align: left
}

.rtl .list-avatar,.rtl .playlist-actions-content {
    float: right
}

.rtl .message_btn,.rtl .playlist-stats {
    float: left
}

.rtl .list-top {
    padding: 2px 70px 5px 0
}

.rtl .playlist-actions-container {
    padding: 10px 100px 0 0
}

.rtl .playlist-content-info {
    padding-right: 100px;
    padding-left: 0
}

.rtl .tracks-small-icon {
    background-position-x: right;
    padding-right: 15px;
    padding-left: 0
}

.rtl .sidebar-tag a {
    float: right;
    margin: 0 0 10px 10px
}

.rtl .page-input-title,.rtl .page-input-title-img {
    text-align: left;
    margin-right: auto;
    margin-left: 10px;
    float: right
}

.rtl .notification-box>p {
    padding-right: 0;
    padding-left: 20px
}

.rtl .notification-close {
    right: auto;
    left: 0;
    background-position-x: right
}

.rtl .dash-half {
    float: right
}

.rtl .column,.rtl .columns {
    float: right
}

.rtl .admin-stats-column {
    float: right;
    padding: 0 10px 0 0
}

.rtl .admin-stats-right-column {
    text-align: left;
    padding: 0 0 0 10px
}

.rtl .page-input-content {
    padding-right: 95px;
    padding-left: 0
}

.rtl .edit-menu-item {
    float: right;
    margin-right: auto;
    margin-left: 15px
}

.rtl .message-reply-avatar,.rtl .message-reply-author {
    float: right
}

.rtl .message-reply-message {
    padding: 0 42px 10px 15px
}

.rtl .delete_btn,.blocked-button {
    float: left
}

.rtl .sidebar-header input {
    background-position-x: left
}

.rtl .manage-users-image img {
    float: right
}

.rtl .manage-users-buttons {
    float: left
}

.rtl .modal-btn a {
    float: left
}

.rtl .manage-users-content {
    padding: 0 45px 0 55px;
    word-break: break-all
}

.rtl select.plan-options {
    margin: 10px 0 0 5px
}

.rtl .feature-option,.rtl .plan-option,.rtl .plan-history {
    float: right
}

.rtl .user-stats-title img {
    padding-left: 3px;
    padding-right: 0
}

.rtl .user-stats-title {
    padding-left: 5px;
    padding-right: 0
}

.rtl .user-stats-count {
    float: left
}

.rtl .user-stats-row {
    padding: 10px 0 0 20px
}

.rtl .sidebar-stats-box-right {
    text-align: left
}

.rtl .track-info-input input,.rtl .track-info-input textarea,.rtl .track-info-input select {
    float: right
}

.rtl .track-info-input select {
    margin-left: 10px;
    margin-right: 0
}

.rtl .track-info-input input[type=radio] {
    margin: 3px 0 0 5px
}

.rtl .license-box-container {
    float: right;
    padding-right: 0;
    padding-left: 10px
}

.rtl .track-info-inputs {
    padding: 0 132px 0 0
}

.rtl .track-info-art {
    float: right
}

.rtl .upload-btn-text {
    float: right
}

.rtl .upload-btn input {
    right: 20px
}

.rtl .page-input-left {
    padding-right: 0
}

.rtl .profile-card-stats {
    float: right;
    margin: 3px 3px 0 15px
}

.rtl .profile-card-buttons-container {
    float: left
}

.rtl .profile-card-stats img {
    margin-left: 5px;
    margin-right: 0
}

.rtl .search-image img {
    float: right
}

.rtl .search-text {
    padding: 2px 35px 5px 0
}

.rtl .search-icons {
    float: left
}

.rtl .register-captcha img {
    float: left
}

.rtl .forgot-password {
    float: left
}

.rtl .welcome-track .player-controls {
    padding: 0
}

.rtl .welcome-track {
    float: right
}

.rtl .feature-image {
    float: right;
    margin-left: 10px;
    margin-right: 0
}

.rtl .menu-btn {
    margin: 13px 10px 0 0;
    float: left
}

.rtl .profile-card-info .cover-text-container {
    margin: 0;
    float: right
}

.rtl .profile-card-location {
    float: right
}

.rtl .cover-text-container img {
    margin: 0 7px -2px 0
}

.rtl .profile-card-avatar {
    margin: -94px 10px 0 0
}

.rtl .profile-card-info {
    margin: -93px 100px 0 0
}

.rtl .profile-card-username {
    float: right
}

.rtl .report_btn {
    float: left
}

.rtl .message-reply-author {
    padding-left: 10px;
    padding-right: 0
}

.rtl .message-comment-box-form {
    padding: 0 42px 5px 0
}

.rtl .comment-btn {
    float: left
}

.rtl .playlist-save {
    margin-right: 10px;
    margin-left: 0;
    float: left
}

.rtl input.playlist-input {
    float: right
}

.rtl .report-checkbox label {
    padding-left: 0;
    padding-right: 5px
}

.rtl .report-checkbox input {
    float: right
}

.rtl .embed-powered-by {
    float: left
}

.rtl .player-nine {
    float: right
}

.rtl .player-three {
    float: left
}

.rtl #topbar-artwork {
    float: right
}

.rtl #topbar-track-details {
    margin-left: 0;
    margin-right: 45px
}

.rtl .player-container-right {
    direction: ltr
}

.rtl .player-buttons {
    float: right
}

.rtl #prev-button,.rtl #next-button {
    margin-left: 11px;
    margin-right: 0
}

.rtl .prev-button,.rtl .next-button {
    background-position-x: 5px
}

.rtl .prev-button:hover,.rtl .prev-button:hover,.rtl .next-button:hover,.rtl .next-button:hover {
    background-position-x: -30px
}

.rtl .prev-button-disabled,.rtl .next-button-disabled:hover,.rtl .next-button-disabled,.rtl .next-button-disabled:hover {
    background-position-x: -65px
}

.rtl .top-player a.jp-play,.rtl .top-player a.jp-pause {
    margin-left: 16px;
    margin-right: 0
}

.rtl .top-player .jp-mute,.rtl .top-player .jp-unmute {
    margin-right: 10px;
    margin-left: 0
}

.rtl .top-player .jp-repeat,.rtl .top-player .jp-repeat-off {
    margin-left: 10px;
    margin-right: 0
}

.rtl #duration-time {
    text-align: right;
    margin-left: 10px;
    margin-right: 17px
}

@media only screen and (max-device-width:768px),only screen and (device-width:768px) and (device-height:768px),only screen and (width:768px) and (orientation:landscape),only screen and (device-width:768px),only screen and (max-width:768px) {
    .wrapperf {
        margin: 0 auto;
        border-top: 1px solid #eee;
        padding: 5px 0 5px;
        background: #f8f9fa
    }

    padding-inline-start .body-content,.page-container,.page-settings-container {
        border: 0
    }

    .header {
        max-width: 1080px;
        padding: 0 10px
    }

    .row-body,.row-page {
        padding: 0
    }

    .row-body .two,.row-body .six {
        width: 100%
    }

    .row-body .ten {
        width: 100%
    }

    .row-body .twenty {
        width: 100%
    }

    .row .three,.welcome-box {
        width: 100%
    }

    .row-body .threeads {
        width: 100%
    }

    .row-body .threeads img {
        width: auto;
        height: auto
    }

    .row-body .nine {
        width: 100%
    }

    .row-body .three {
        width: 100%
    }

    .row .four {
        width: 100%
    }

    .row .eight {
        width: 100%
    }

    .row .six {
        width: 100%
    }

    .row .seven {
        width: 100%
    }

    .row-page .three {
        width: 100%
    }

    .row-page .nine {
        width: 100%
    }

    .body {
        border: 0
    }

    .search-container,.search-list-container,.notification-container {
        padding: 0
    }

    .footer-links,.footer-languages {
        padding: 0
    }

    .footer-container {
        line-height: 25px
    }

    .inputs-container {
        padding: 30px 10px 30px 20px
    }

    .report-checkbox {
        padding-left: 0
    }

    .row-body .five {
        width: 100%
    }

    .row-one {
        float: left;
        width: 100%;
        padding: 3px 0
    }

    .row-two {
        float: left;
        width: 100%;
        padding: 3px 0
    }

    .row-three {
        float: left;
        width: 100%;
        padding: 3px 0;
        text-align: left
    }

    .row-four {
        float: left;
        width: 100%;
        padding: 3px 0;
        text-align: left
    }

    .cover-container {
        height: auto
    }

    .cover-text-container {
        font-size: 18px;
        margin: -130px 0 5px 100px
    }

    .cover-text-container img {
        width: 14px;
        height: 14px;
        margin: 0 0 -2px 4px
    }

    .cover-description-buttons {
        float: right;
        overflow: auto;
        display: block;
        width: 65px
    }

    #values {
        width: 230px
    }

    .page-input-title {
        width: 100%;
        text-align: left;
        padding: 3px 0
    }

    .page-input-sub {
        padding: 3px 0;
        width: 100%;
        min-width: 100%
    }

    .page-input-content {
        width: 100%;
        padding-left: 0
    }

    .row-page .stats-container,.row-body .stats-container {
        width: 100%
    }

    .admin-rows {
        border-bottom: 1px solid #ccc
    }

    .row-page .table-id,.row-page .table-user,.row-page .table-mail,.row-page .table-edit,.row-page .table-delete {
        width: 100%
    }

    .row-page .table-report-id,.row-page .table-report-type,.row-page .table-user,.row-page .table-category-name,.row-page .table-report-message,.row-page .table-report-safe {
        width: 100%
    }

    .subslist {
        right: 20px
    }

    .subslist_message {
        right: 53px
    }

    .notification-container,.search-container {
        position: absolute
    }

    .notification-content {
        max-width: none
    }

    .search-input input {
        width: auto
    }

    .menu-dd-container {
        right: 0;
        width: 100%;
        padding: 0
    }

    .menu-dd-content {
        min-width: auto;
        width: 100%
    }

    .menu-dd-row {
        padding: 15px;
        text-align: left
    }

    .search-content .notification-inner,.search-content .track-inner,.hashtag-inner {
        padding: 10px 15px
    }

    .chat-container {
        height: 300px
    }

    .sidebar-chat-list {
        max-height: 350px
    }

    .cover-description-content {
        margin-left: 20px
    }

    .cover-avatar {
        width: 86px;
        margin-top: -125px
    }

    .cover-avatar a {
        float: left;
        overflow: hidden;
        height: 86px
    }

    .welcome-message,.dash-stats {
        width: 100%;
        margin-top: 25px
    }

    .welcome-track {
        width: 20%
    }

    .sound-top {
        height: auto;
        min-height: auto;
        padding: 0
    }

    .sound-art img {
        width: 86px
    }

    .player-controls,.track-actions-container {
        padding: 0 0 10px 0
    }

    .track-actions-content {
        padding-top: 10px
    }

    .sound-tag,.sound-timeago,.embed-powered-by,.embed-container .track-actions-content {
        display: none
    }

    .action-text {
        padding: 0 0 0 15px
    }

    .download-button,.liked-button,.like-button,.playlist-button,.share-button,.buy-button,.delete-button,.public-button,.private-button,.download-button,.loading-button {
        width: auto;
        margin: 0 10px 0 0;
        float: left
    }

    .download-button,.liked-button,.like-button,.playlist-button,.share-button {
        padding: 5px 15px 5px 10px;
        margin-right: 5px
    }

    .playlist-stats {
        padding: 10px 0
    }

    .sound-container {
        padding: 15px 20px 0 20px
    }

    .sound-container,.page-login-container {
        border-left: 0;
        border-right: 0
    }

    .sound-title {
        font-size: 15px
    }

    .message-reply-container .delete_btn,.message-reply-container .report_btn {
        display: block
    }

    div.jp-audio div.jp-type-single div.jp-interface {
        height: 21px
    }

    .embed-container div.jp-audio div.jp-type-single div.jp-interface {
        height: 21px;
        padding-bottom: 20px
    }

    .admin-stats-image,.license-box-desc {
        display: none
    }

    .stats-column-title {
        padding-top: 10px
    }

    .upload-btn-text {
        font-size: 12px
    }

    .user-stats-row {
        padding: 10px 0 0 0
    }

    .license-box-container {
        width: 100%;
        padding-right: 0
    }

    #upload-success {
        max-width: 100%
    }

    .welcome-title {
        font-size: 24px
    }

    .welcome-desc {
        font-size: 15px
    }

    .welcome-box-desc {
        font-size: 14px
    }

    .welcome-button {
        margin: 15px auto 15px auto;
        font-size: 15px;
        padding: 3px 15px
    }

    .welcome-button a {
        font-size: 12px
    }

    .welcome-button:active {
        margin-top: 16px;
        margin-bottom: 14px
    }

    .welcome-content .row-body,.welcome-pro .row-body {
        padding: 0 10px
    }

    .welcome-content,.welcome-pro {
        padding: 20px 10px
    }

    .welcome-box-section,.welcome-box-title {
        font-size: 18px
    }

    .welcome-box-title {
        font-size: 16px
    }

    .footer {
        padding: 0 10px 55px 10px
    }

    .browse>div {
        width: 45%!important
    }

    .browse h2.subcat a {
        font-size: 16px!important
    }

    .browse>div.quad h3 a {
        font-size: 14px!important
    }

    .img-grid {
        padding-inline-start: 12px!important;
        display: table!important;
        text-align: center!important
    }

    .wrapperf img {
        max-width: 150px!important
    }

    .row-welcome {
        background-size: auto!important;
        background-position: bottom!important
    }

    .welcome-inner {
        padding: 0 25px 0 15px!important
    }

    a.menu-button {
        font-size: 13px!important;
        padding: 20px 3px 15px!important
    }

    .text-muted {
        font-size: 13px!important;
        margin: 5px!important
    }

    .text-muted2 {
        font-size: 14px!important;
        padding: 10px 15px 20px 0!important
    }

    .text-header {
        font-size: 18px!important
    }

    .text-header2 {
        font-size: 18px!important
    }

    .wspan {
        font-size: 16px!important
    }

    .mb-5,.my-5 {
        font-size: 14px!important
    }

    .welcome-popular {
        padding: 25px 0 0!important
    }

    .menu-dd-mobile {
        display: block
    }

    .go-pro-container {
        text-align: left;
        padding-top: 20px
    }

    .go-pro-desc {
        max-width: 100%;
        margin: 0
    }

    .current-plan,.welcome-centered-text {
        text-align: left
    }

    #topbar-artwork {
        float: right
    }

    #topbar-track-info {
        padding-right: 0
    }

    #current-time,.player-container-middle,.player-container-right,.topbar-sound-name,.topbar-author-name {
        display: none!important
    }

    .player-nine a {
        margin: 0 10px
    }

    a.jp-play,a.jp-pause {
        margin-right: 16px
    }

    #load-more {
        border-right: 0
    }

    .wc-lc {
        padding: 0 0 20px 0
    }

    .wc-lc .row-body {
        width: 100%;
        padding: 20px 20px 0 20px
    }

    .player-container-left {
        width: 200px
    }

    .player-container-middle {
        display: none
    }

    .grid-container {
        flex-direction: column
    }

    .grid-content,.grid-sidebar {
        flex: 1
    }

    .rtl .liked-button,.rtl .like-button,.rtl .playlist-button,.rtl .share-button {
        padding-left: 1px
    }

    .rtl .sound-top {
        padding: 0 106px 0 0
    }

    .rtl .player-controls,.rtl .track-actions-container {
        padding: 0 106px 10px 0
    }

    .rtl .sound-container,.rtl .page-login-container {
        border-left: 0;
        border-right: 0
    }

    .rtl .sound-container,.rtl .page-header-extra,.rtl .list-container,.rtl .notification-row,.rtl .page-container,.rtl .message-container,.rtl .sidebar-container {
        border-left: 0;
        border-right: 0;
        margin: 0
    }

    .rtl .menu-dd-container {
        padding-left: 0
    }

    .rtl .cover-text-container {
        margin: -130px 100px 5px 0
    }

    .rtl #prev-button,.rtl #next-button,.rtl .top-player a.jp-play,.rtl .top-player a.jp-pause,.rtl .top-player .jp-repeat,.rtl .top-player .jp-repeat-off {
        margin-right: 10px
    }

    .rtl #topbar-artwork {
        float: left
    }

    .rtl #topbar-track-info {
        padding-left: 0
    }

    .rtl .liked-button,.rtl .like-button,.rtl .playlist-button,.rtl .share-button,.rtl .buy-button,.rtl .delete-button,.rtl .public-button,.rtl .private-button,.rtl .download-button,.rtl .loading-button {
        float: right
    }

    #ad-footer {
        border-bottom: 1px solid #eee
    }
}

@media only screen and (max-device-width:480px),only screen and (device-width:480px) and (device-height:480px),only screen and (width:480px) and (orientation:landscape),only screen and (device-width:480px),only screen and (max-width:480px) {
    .wrapperf {
        margin: 0 auto;
        border-top: 1px solid #eee;
        padding: 5px 0 5px;
        background: #f8f9fa
    }

    .search-input input {
        width: 3.6rem
    }

    .track-stats,.playlist-stats-text {
        display: none
    }

    .browse>div.quad h3 a {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0;
        color: #555
    }
}

.icon {
    color: #d10b20
}

.text-muted {
    color: #555!important;
    margin: 0;
    font-size: 15px
}

.text-muted2 {
    text-align: center!important;
    padding: 10px 0 20px;
    color: #555!important;
    margin: 0!important;
    font-size: 15px
}

.text-center {
    text-align: center!important;
    padding: 10px 0
}

.text-header {
    text-align: center!important;
    padding: 10px 0 0;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -.5px;
    color: #333
}

.text-header2 {
    text-align: center!important;
    padding: 20px 0 0;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -.5px;
    color: #333
}

.text-head {
    text-align: center!important;
    padding: 10px 0;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -.5px;
    color: #333
}

.wspan {
    text-align: center!important;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -.5px;
    color: #333
}

.mb-5,.my-5 {
    margin-bottom: 1rem!important;
    padding: 10px 0 20px;
    font-size: 15px
}

.sub-container {
    padding: 10px;
    margin: 0 auto;
    max-width: 1260px
}

.welcome-popular {
    border-top: 1px solid #eee;
    padding: 25px 0
}

.pt-5,.pb-5,.py-5 {
    padding-bottom: 20px!important
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

.wrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 2rem 0 0
}

.mb-3,.my-3 {
    margin-bottom: 2rem!important;
    -ms-flex: 0 0 32.5%;
    flex: 0 0 32.5%;
    max-width: 32.5%;
    text-align: center
}

.browse {
    text-align: left;
    padding: 20px 0 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap
}

.browse>div {
    margin: 0 6%;
    position: relative;
    width: 21%
}

.browse>div.quad {
    margin: 0 2% 30px;
    font-size: 16px
}

.browse img {
    display: none
}

.browse h2.subcat {
    margin: 0;
    padding: 0 10px;
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px solid #eee
}

.browse h2.subcat a {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.5px;
    text-transform: capitalize
}

.browse h2.subcat a:hover {
    color: #d10b20;
    text-decoration: none
}

.browse-description {
    color: #333;
    padding: 0 15px 15px;
    text-align: left;
    border-bottom: 3px solid #d10b20;
    font-size: 14px
}

.browse>div.quad h3,.page-wrapper div.quad h3 {
    margin: 0;
    text-align: left;
    border-bottom: 1px solid #eee;
    line-height: 20px;
    padding: 5px 10px
}

.page-wrapper div.quad h3 {
    font-family: inherit;
    font-size: inherit
}

.browse>div.quad h3 a {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    color: #555
}

.browse>div.quad h3 a:hover {
    color: #d10b20;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    color: #333
}

.collapse-items {
    display: none
}

.collapse-trigger {
    font-size: 12px;
    padding: 0 10px;
    color: #d10b20
}

.collapse-trigger:hover {
    color: #f10d20
}

.ad-header {
    padding: 8px 0 5px;
    position: relative;
    background: #3c3c3c
}

#ad-footer {
    padding: 0 0 10px;
    position: relative;
    border-top: 1px solid #eee;
    height: 116px
}

.ad-sider {
    padding: 10px 0 5px;
    border-top: 1px solid #eee
}

.wrapperf {
    margin: 0 auto;
    border-top: 1px solid #eee;
    padding: 25px 0 10px;
    background: #f8f9fa
}

.img-grid {
    margin: 0 auto;
    max-width: 1310px
}

.wrapperf li {
    display: inline-block;
    padding: 10px 10px 0 0;
    overflow: hidden;
    max-height: 200px
}

.wrapperf img {
    max-width: 170px;
    border-radius: 2px;
    display: block
}

.wrapperf .overlay-container {
    display: block;
    position: relative
}

.wrapperf .overlay-container::before {
    content: attr(data-overlay-text);
    position: absolute;
    display: inline-block;
    z-index: 1;
    font-size: 15px;
    font-weight: 500;
    left: 0;
    bottom: 0;
    padding: 10px 8% 10px;
    border-radius: 0 0 2px 2px;
    width: 84%;
    text-align: left;
    color: #fff;
    opacity: 1;
    background: linear-gradient(0deg,rgba(0,0,0,.75) 0,transparent)
}
.license-notification-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #d2d4d7;
    -webkit-box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 15%);
    z-index: 1;
    padding: 25px;
    min-width: 450px;
	font-size: 16px;
}
    #fcca {
        position: fixed !important;
        top: expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop: document.body.scrollTop)+"px");
        display: none;
        width: 100%;
        flex: 1;
        background-color: rgba(51,51,51,.9);
        position: absolute;
        z-index: 98 !important;
        align-items: center;
        justify-content: center;
        top: 55px;
        bottom: 0
    }

    #fcca * {
        display: flex;
        justify-content: center;
        align-items: center;
        filter: none;
        color: #000;
        text-decoration: none;
        fill: #000;
        font-style: normal
    }

    font#fcca {
        display: flex !important
    }