/*Variable*/ :root { --main-text-color: #aaa;} /*General CSS*/ body { background: #111111; /*font-family: 'Open Sans', sans-serif;*/ font-family: 'Lato', sans-serif; color: #aaa;} h1, h2, h3, h4, h5, h6 { color: #aaa;} ul li{ list-style-type: none !important; list-style: none;} li { list-style: none; } input[type=checkbox] { -webkit-appearance: checkbox; } a { color: #fff; } a:hover { color: #fff; } a:focus { outline: 0 !important; } a.disabled { opacity: 0.3; cursor: default; } header { background: #000000; padding: 0; border-bottom: 1px solid #222; max-height: 56px;} footer { background: #000000; padding: 20px 0; font-size: 13px; } /*background: url("https://pro.music-worx.com/static/img/NY-banner1600x500.jpg") no-repeat center center; background-size: cover;*/ footer.player_activated { margin-bottom: 70px; } footer a { color: #aaa; } footer a:hover { color: #fff; } footer h3 { color: #fff; font-size: 20px;} footer img { display: unset; } footer .mw-copyright { text-align: right; } .bottom_social_bar { text-align: center; } .bottom_social_bar .social_links { display: inline-block; } img { display: block; } /*header #logo { max-width: 180px; float: left; padding: 10px 0; }*/ /*For Big Logo*/ header #logo { padding: 8px 0 1px 0; float: left; max-width: 40px; } /*For Small Logo*/ header #logo h1 { padding: 0; } header #logo img { margin-top: -12px; } header .header_bar { width: calc( 100% - 55px ); margin-left: 10px; float: right; vertical-align: bottom; position: relative;} /*width: calc( 100% - 195px );*/ header .language { float: right; width: 90px; margin-right: 30px; } header .header_bar .mobile_search_fullview { position: absolute; width: 100%; max-height: 100%; padding: 9px 0; background: #000; top:-100%; -webkit-transition: top 500ms ease; -moz-transition: top 500ms ease; -ms-transition: top 500ms ease; -o-transition: top 500ms ease; transition: top 500ms ease; } header .header_bar .mobile_search_fullview.active { top:0; } header .header_bar .mobile_search_fullview .search_box { width: calc(100% - 50px); display: inline-block; } header .header_bar .mobile_search_fullview .search_box .input { border:1px solid #222; } header .header_bar .mobile_search_fullview .search_box .btn { border-top:1px solid #222; border-bottom:1px solid #222; border-right:1px solid #222;} header .header_bar .mobile_search_fullview .mobile_search_close { font-size: 1.3em; vertical-align: middle; margin-left: 10px; } header .search_box { padding: 0 15px; margin: 0; } header .search_box .input { width:100%; /*width: calc(100% - 36px);*/ } header .header_bar .dj-streaming-button { display: inline-block; vertical-align: middle; white-space: nowrap;} header .header_bar .how-it-worx-btn { display: none; } .hr_line { border-top: 1px solid #222; /*margin: 0 0 8px*/ } .inline-block { display: inline-block; } .icon-note.icon-left a:before, .icon-note.icon-right a:after, i.icon-note:before { content: "\266a"; height: inherit; } .icon-note-beamed.icon-left a:before, .icon-note-beamed.icon-right a:after, i.icon-note-beamed:before { content: "\266b"; height: inherit; } .icon-music.icon-left a:before, .icon-music.icon-right a:after, i.icon-music:before { content: "\1f3b5"; height: inherit; } .icon-search.icon-left a:before, .icon-search.icon-right a:after, i.icon-search:before { content: "\1f50d"; height: inherit; } .icon-flashlight.icon-left a:before, .icon-flashlight.icon-right a:after, i.icon-flashlight:before { content: "\1f526"; height: inherit; } .icon-mail.icon-left a:before, .icon-mail.icon-right a:after, i.icon-mail:before { content: "\2709"; height: inherit; } .icon-heart.icon-left a:before, .icon-heart.icon-right a:after, i.icon-heart:before { content: "\2665"; height: inherit; } .icon-heart-empty.icon-left a:before, .icon-heart-empty.icon-right a:after, i.icon-heart-empty:before { content: "\2661"; height: inherit; } .icon-star.icon-left a:before, .icon-star.icon-right a:after, i.icon-star:before { content: "\2605"; height: inherit; } .icon-star-empty.icon-left a:before, .icon-star-empty.icon-right a:after, i.icon-star-empty:before { content: "\2606"; height: inherit; } .icon-user.icon-left a:before, .icon-user.icon-right a:after, i.icon-user:before { content: "\1f464"; height: inherit; } .icon-users.icon-left a:before, .icon-users.icon-right a:after, i.icon-users:before { content: "\1f465"; height: inherit; } .icon-user-add.icon-left a:before, .icon-user-add.icon-right a:after, i.icon-user-add:before { content: "\e700"; height: inherit; } .icon-video.icon-left a:before, .icon-video.icon-right a:after, i.icon-video:before { content: "\1f3ac"; height: inherit; } .icon-picture.icon-left a:before, .icon-picture.icon-right a:after, i.icon-picture:before { content: "\1f304"; height: inherit; } .icon-camera.icon-left a:before, .icon-camera.icon-right a:after, i.icon-camera:before { content: "\1f4f7"; height: inherit; } .icon-layout.icon-left a:before, .icon-layout.icon-right a:after, i.icon-layout:before { content: "\268f"; height: inherit; } .icon-menu.icon-left a:before, .icon-menu.icon-right a:after, i.icon-menu:before { content: "\2630"; height: inherit; } .icon-check.icon-left a:before, .icon-check.icon-right a:after, i.icon-check:before { content: "\2713"; height: inherit; } .icon-cancel.icon-left a:before, .icon-cancel.icon-right a:after, i.icon-cancel:before { content: "\2715"; height: inherit; } .icon-cancel-circled.icon-left a:before, .icon-cancel-circled.icon-right a:after, i.icon-cancel-circled:before { content: "\2716"; height: inherit; } .icon-cancel-squared.icon-left a:before, .icon-cancel-squared.icon-right a:after, i.icon-cancel-squared:before { content: "\274e"; height: inherit; } .icon-plus.icon-left a:before, .icon-plus.icon-right a:after, i.icon-plus:before { content: "\2b"; height: inherit; } .icon-plus-circled.icon-left a:before, .icon-plus-circled.icon-right a:after, i.icon-plus-circled:before { content: "\2795"; height: inherit; } .icon-plus-squared.icon-left a:before, .icon-plus-squared.icon-right a:after, i.icon-plus-squared:before { content: "\229e"; height: inherit; } .icon-minus.icon-left a:before, .icon-minus.icon-right a:after, i.icon-minus:before { content: "\2d"; height: inherit; } .icon-minus-circled.icon-left a:before, .icon-minus-circled.icon-right a:after, i.icon-minus-circled:before { content: "\2796"; height: inherit; } .icon-minus-squared.icon-left a:before, .icon-minus-squared.icon-right a:after, i.icon-minus-squared:before { content: "\229f"; height: inherit; } .icon-help.icon-left a:before, .icon-help.icon-right a:after, i.icon-help:before { content: "\2753"; height: inherit; } .icon-help-circled.icon-left a:before, .icon-help-circled.icon-right a:after, i.icon-help-circled:before { content: "\e704"; height: inherit; } .icon-info.icon-left a:before, .icon-info.icon-right a:after, i.icon-info:before { content: "\2139"; height: inherit; } .icon-info-circled.icon-left a:before, .icon-info-circled.icon-right a:after, i.icon-info-circled:before { content: "\e705"; height: inherit; } .icon-back.icon-left a:before, .icon-back.icon-right a:after, i.icon-back:before { content: "\1f519"; height: inherit; } .icon-home.icon-left a:before, .icon-home.icon-right a:after, i.icon-home:before { content: "\2302"; height: inherit; } .icon-link.icon-left a:before, .icon-link.icon-right a:after, i.icon-link:before { content: "\1f517"; height: inherit; } .icon-attach.icon-left a:before, .icon-attach.icon-right a:after, i.icon-attach:before { content: "\1f4ce"; height: inherit; } .icon-lock.icon-left a:before, .icon-lock.icon-right a:after, i.icon-lock:before { content: "\1f512"; height: inherit; } .icon-lock-open.icon-left a:before, .icon-lock-open.icon-right a:after, i.icon-lock-open:before { content: "\1f513"; height: inherit; } .icon-eye.icon-left a:before, .icon-eye.icon-right a:after, i.icon-eye:before { content: "\e70a"; height: inherit; } .icon-tag.icon-left a:before, .icon-tag.icon-right a:after, i.icon-tag:before { content: "\e70c"; height: inherit; } .icon-bookmark.icon-left a:before, .icon-bookmark.icon-right a:after, i.icon-bookmark:before { content: "\1f516"; height: inherit; } .icon-bookmarks.icon-left a:before, .icon-bookmarks.icon-right a:after, i.icon-bookmarks:before { content: "\1f4d1"; height: inherit; } .icon-flag.icon-left a:before, .icon-flag.icon-right a:after, i.icon-flag:before { content: "\2691"; height: inherit; } .icon-thumbs-up.icon-left a:before, .icon-thumbs-up.icon-right a:after, i.icon-thumbs-up:before { content: "\1f44d"; height: inherit; } .icon-thumbs-down.icon-left a:before, .icon-thumbs-down.icon-right a:after, i.icon-thumbs-down:before { content: "\1f44e"; height: inherit; } .icon-download.icon-left a:before, .icon-download.icon-right a:after, i.icon-download:before { content: "\1f4e5"; height: inherit; } .icon-upload.icon-left a:before, .icon-upload.icon-right a:after, i.icon-upload:before { content: "\1f4e4"; height: inherit; } .icon-upload-cloud.icon-left a:before, .icon-upload-cloud.icon-right a:after, i.icon-upload-cloud:before { content: "\e711"; height: inherit; } .icon-reply.icon-left a:before, .icon-reply.icon-right a:after, i.icon-reply:before { content: "\e712"; height: inherit; } .icon-reply-all.icon-left a:before, .icon-reply-all.icon-right a:after, i.icon-reply-all:before { content: "\e713"; height: inherit; } .icon-forward.icon-left a:before, .icon-forward.icon-right a:after, i.icon-forward:before { content: "\27a6"; height: inherit; } .icon-quote.icon-left a:before, .icon-quote.icon-right a:after, i.icon-quote:before { content: "\275e"; height: inherit; } .icon-code.icon-left a:before, .icon-code.icon-right a:after, i.icon-code:before { content: "\e714"; height: inherit; } .icon-export.icon-left a:before, .icon-export.icon-right a:after, i.icon-export:before { content: "\e715"; height: inherit; } .icon-pencil.icon-left a:before, .icon-pencil.icon-right a:after, i.icon-pencil:before { content: "\270e"; height: inherit; } .icon-feather.icon-left a:before, .icon-feather.icon-right a:after, i.icon-feather:before { content: "\2712"; height: inherit; } .icon-print.icon-left a:before, .icon-print.icon-right a:after, i.icon-print:before { content: "\e716"; height: inherit; } .icon-retweet.icon-left a:before, .icon-retweet.icon-right a:after, i.icon-retweet:before { content: "\e717"; height: inherit; } .icon-keyboard.icon-left a:before, .icon-keyboard.icon-right a:after, i.icon-keyboard:before { content: "\2328"; height: inherit; } .icon-comment.icon-left a:before, .icon-comment.icon-right a:after, i.icon-comment:before { content: "\e718"; height: inherit; } .icon-chat.icon-left a:before, .icon-chat.icon-right a:after, i.icon-chat:before { content: "\e720"; height: inherit; } .icon-bell.icon-left a:before, .icon-bell.icon-right a:after, i.icon-bell:before { content: "\1f514"; height: inherit; } .icon-attention.icon-left a:before, .icon-attention.icon-right a:after, i.icon-attention:before { content: "\26a0"; height: inherit; } .icon-alert.icon-left a:before, .icon-alert.icon-right a:after, i.icon-alert:before { content: "\1f4a5"; height: inherit; } .icon-vcard.icon-left a:before, .icon-vcard.icon-right a:after, i.icon-vcard:before { content: "\e722"; height: inherit; } .icon-address.icon-left a:before, .icon-address.icon-right a:after, i.icon-address:before { content: "\e723"; height: inherit; } .icon-location.icon-left a:before, .icon-location.icon-right a:after, i.icon-location:before { content: "\e724"; height: inherit; } .icon-map.icon-left a:before, .icon-map.icon-right a:after, i.icon-map:before { content: "\e727"; height: inherit; } .icon-direction.icon-left a:before, .icon-direction.icon-right a:after, i.icon-direction:before { content: "\27a2"; height: inherit; } .icon-compass.icon-left a:before, .icon-compass.icon-right a:after, i.icon-compass:before { content: "\e728"; height: inherit; } .icon-cup.icon-left a:before, .icon-cup.icon-right a:after, i.icon-cup:before { content: "\2615"; height: inherit; } .icon-trash.icon-left a:before, .icon-trash.icon-right a:after, i.icon-trash:before { content: "\e729"; height: inherit; } .icon-doc.icon-left a:before, .icon-doc.icon-right a:after, i.icon-doc:before { content: "\e730"; height: inherit; } .icon-docs.icon-left a:before, .icon-docs.icon-right a:after, i.icon-docs:before { content: "\e736"; height: inherit; } .icon-doc-landscape.icon-left a:before, .icon-doc-landscape.icon-right a:after, i.icon-doc-landscape:before { content: "\e737"; height: inherit; } .icon-doc-text.icon-left a:before, .icon-doc-text.icon-right a:after, i.icon-doc-text:before { content: "\1f4c4"; height: inherit; } .icon-doc-text-inv.icon-left a:before, .icon-doc-text-inv.icon-right a:after, i.icon-doc-text-inv:before { content: "\e731"; height: inherit; } .icon-newspaper.icon-left a:before, .icon-newspaper.icon-right a:after, i.icon-newspaper:before { content: "\1f4f0"; height: inherit; } .icon-book-open.icon-left a:before, .icon-book-open.icon-right a:after, i.icon-book-open:before { content: "\1f4d6"; height: inherit; } .icon-book.icon-left a:before, .icon-book.icon-right a:after, i.icon-book:before { content: "\1f4d5"; height: inherit; } .icon-folder.icon-left a:before, .icon-folder.icon-right a:after, i.icon-folder:before { content: "\1f4c1"; height: inherit; } .icon-archive.icon-left a:before, .icon-archive.icon-right a:after, i.icon-archive:before { content: "\e738"; height: inherit; } .icon-box.icon-left a:before, .icon-box.icon-right a:after, i.icon-box:before { content: "\1f4e6"; height: inherit; } .icon-rss.icon-left a:before, .icon-rss.icon-right a:after, i.icon-rss:before { content: "\e73a"; height: inherit; } .icon-phone.icon-left a:before, .icon-phone.icon-right a:after, i.icon-phone:before { content: "\1f4de"; height: inherit; } .icon-cog.icon-left a:before, .icon-cog.icon-right a:after, i.icon-cog:before { content: "\2699"; height: inherit; } .icon-tools.icon-left a:before, .icon-tools.icon-right a:after, i.icon-tools:before { content: "\2692"; height: inherit; } .icon-share.icon-left a:before, .icon-share.icon-right a:after, i.icon-share:before { content: "\e73c"; height: inherit; } .icon-shareable.icon-left a:before, .icon-shareable.icon-right a:after, i.icon-shareable:before { content: "\e73e"; height: inherit; } .icon-basket.icon-left a:before, .icon-basket.icon-right a:after, i.icon-basket:before { content: "\e73d"; height: inherit; } .icon-bag.icon-left a:before, .icon-bag.icon-right a:after, i.icon-bag:before { content: "\1f45c"; height: inherit; } .icon-calendar.icon-left a:before, .icon-calendar.icon-right a:after, i.icon-calendar:before { content: "\1f4c5"; height: inherit; } .icon-login.icon-left a:before, .icon-login.icon-right a:after, i.icon-login:before { content: "\e740"; height: inherit; } .icon-logout.icon-left a:before, .icon-logout.icon-right a:after, i.icon-logout:before { content: "\e741"; height: inherit; } .icon-mic.icon-left a:before, .icon-mic.icon-right a:after, i.icon-mic:before { content: "\1f3a4"; height: inherit; } .icon-mute.icon-left a:before, .icon-mute.icon-right a:after, i.icon-mute:before { content: "\1f507"; height: inherit; } .icon-sound.icon-left a:before, .icon-sound.icon-right a:after, i.icon-sound:before { content: "\1f50a"; height: inherit; } .icon-volume.icon-left a:before, .icon-volume.icon-right a:after, i.icon-volume:before { content: "\e742"; height: inherit; } .icon-clock.icon-left a:before, .icon-clock.icon-right a:after, i.icon-clock:before { content: "\1f554"; height: inherit; } .icon-hourglass.icon-left a:before, .icon-hourglass.icon-right a:after, i.icon-hourglass:before { content: "\23f3"; height: inherit; } .icon-lamp.icon-left a:before, .icon-lamp.icon-right a:after, i.icon-lamp:before { content: "\1f4a1"; height: inherit; } .icon-light-down.icon-left a:before, .icon-light-down.icon-right a:after, i.icon-light-down:before { content: "\1f505"; height: inherit; } .icon-light-up.icon-left a:before, .icon-light-up.icon-right a:after, i.icon-light-up:before { content: "\1f506"; height: inherit; } .icon-adjust.icon-left a:before, .icon-adjust.icon-right a:after, i.icon-adjust:before { content: "\25d1"; height: inherit; } .icon-block.icon-left a:before, .icon-block.icon-right a:after, i.icon-block:before { content: "\1f6ab"; height: inherit; } .icon-resize-full.icon-left a:before, .icon-resize-full.icon-right a:after, i.icon-resize-full:before { content: "\e744"; height: inherit; } .icon-resize-small.icon-left a:before, .icon-resize-small.icon-right a:after, i.icon-resize-small:before { content: "\e746"; height: inherit; } .icon-popup.icon-left a:before, .icon-popup.icon-right a:after, i.icon-popup:before { content: "\e74c"; height: inherit; } .icon-publish.icon-left a:before, .icon-publish.icon-right a:after, i.icon-publish:before { content: "\e74d"; height: inherit; } .icon-window.icon-left a:before, .icon-window.icon-right a:after, i.icon-window:before { content: "\e74e"; height: inherit; } .icon-arrow-combo.icon-left a:before, .icon-arrow-combo.icon-right a:after, i.icon-arrow-combo:before { content: "\e74f"; height: inherit; } .icon-down-circled.icon-left a:before, .icon-down-circled.icon-right a:after, i.icon-down-circled:before { content: "\e758"; height: inherit; } .icon-left-circled.icon-left a:before, .icon-left-circled.icon-right a:after, i.icon-left-circled:before { content: "\e759"; height: inherit; } .icon-right-circled.icon-left a:before, .icon-right-circled.icon-right a:after, i.icon-right-circled:before { content: "\e75a"; height: inherit; } .icon-up-circled.icon-left a:before, .icon-up-circled.icon-right a:after, i.icon-up-circled:before { content: "\e75b"; height: inherit; } .icon-down-open.icon-left a:before, .icon-down-open.icon-right a:after, i.icon-down-open:before { content: "\e75c"; height: inherit; } .icon-left-open.icon-left a:before, .icon-left-open.icon-right a:after, i.icon-left-open:before { content: "\e75d"; height: inherit; } .icon-right-open.icon-left a:before, .icon-right-open.icon-right a:after, i.icon-right-open:before { content: "\e75e"; height: inherit; } .icon-up-open.icon-left a:before, .icon-up-open.icon-right a:after, i.icon-up-open:before { content: "\e75f"; height: inherit; } .icon-down-open-mini.icon-left a:before, .icon-down-open-mini.icon-right a:after, i.icon-down-open-mini:before { content: "\e760"; height: inherit; } .icon-left-open-mini.icon-left a:before, .icon-left-open-mini.icon-right a:after, i.icon-left-open-mini:before { content: "\e761"; height: inherit; } .icon-right-open-mini.icon-left a:before, .icon-right-open-mini.icon-right a:after, i.icon-right-open-mini:before { content: "\e762"; height: inherit; } .icon-up-open-mini.icon-left a:before, .icon-up-open-mini.icon-right a:after, i.icon-up-open-mini:before { content: "\e763"; height: inherit; } .icon-down-open-big.icon-left a:before, .icon-down-open-big.icon-right a:after, i.icon-down-open-big:before { content: "\e764"; height: inherit; } .icon-left-open-big.icon-left a:before, .icon-left-open-big.icon-right a:after, i.icon-left-open-big:before { content: "\e765"; height: inherit; } .icon-right-open-big.icon-left a:before, .icon-right-open-big.icon-right a:after, i.icon-right-open-big:before { content: "\e766"; height: inherit; } .icon-up-open-big.icon-left a:before, .icon-up-open-big.icon-right a:after, i.icon-up-open-big:before { content: "\e767"; height: inherit; } .icon-down.icon-left a:before, .icon-down.icon-right a:after, i.icon-down:before { content: "\2b07"; height: inherit; } .icon-arrow-left.icon-left a:before, .icon-arrow-left.icon-right a:after, i.icon-arrow-left:before { content: "\2b05"; height: inherit; } .icon-arrow-right.icon-left a:before, .icon-arrow-right.icon-right a:after, i.icon-arrow-right:before { content: "\27a1"; height: inherit; } .icon-up.icon-left a:before, .icon-up.icon-right a:after, i.icon-up:before { content: "\2b06"; height: inherit; } .icon-down-dir.icon-left a:before, .icon-down-dir.icon-right a:after, i.icon-down-dir:before { content: "\25be"; height: inherit; } .icon-left-dir.icon-left a:before, .icon-left-dir.icon-right a:after, i.icon-left-dir:before { content: "\25c2"; height: inherit; } .icon-right-dir.icon-left a:before, .icon-right-dir.icon-right a:after, i.icon-right-dir:before { content: "\25b8"; height: inherit; } .icon-up-dir.icon-left a:before, .icon-up-dir.icon-right a:after, i.icon-up-dir:before { content: "\25b4"; height: inherit; } .icon-down-bold.icon-left a:before, .icon-down-bold.icon-right a:after, i.icon-down-bold:before { content: "\e4b0"; height: inherit; } .icon-left-bold.icon-left a:before, .icon-left-bold.icon-right a:after, i.icon-left-bold:before { content: "\e4ad"; height: inherit; } .icon-right-bold.icon-left a:before, .icon-right-bold.icon-right a:after, i.icon-right-bold:before { content: "\e4ae"; height: inherit; } .icon-up-bold.icon-left a:before, .icon-up-bold.icon-right a:after, i.icon-up-bold:before { content: "\e4af"; height: inherit; } .icon-down-thin.icon-left a:before, .icon-down-thin.icon-right a:after, i.icon-down-thin:before { content: "\2193"; height: inherit; } .icon-left-thin.icon-left a:before, .icon-left-thin.icon-right a:after, i.icon-left-thin:before { content: "\2190"; height: inherit; } .icon-right-thin.icon-left a:before, .icon-right-thin.icon-right a:after, i.icon-right-thin:before { content: "\2192"; height: inherit; } .icon-up-thin.icon-left a:before, .icon-up-thin.icon-right a:after, i.icon-up-thin:before { content: "\2191"; height: inherit; } .icon-ccw.icon-left a:before, .icon-ccw.icon-right a:after, i.icon-ccw:before { content: "\27f2"; height: inherit; } .icon-cw.icon-left a:before, .icon-cw.icon-right a:after, i.icon-cw:before { content: "\27f3"; height: inherit; } .icon-arrows-ccw.icon-left a:before, .icon-arrows-ccw.icon-right a:after, i.icon-arrows-ccw:before { content: "\1f504"; height: inherit; } .icon-level-down.icon-left a:before, .icon-level-down.icon-right a:after, i.icon-level-down:before { content: "\21b3"; height: inherit; } .icon-level-up.icon-left a:before, .icon-level-up.icon-right a:after, i.icon-level-up:before { content: "\21b0"; height: inherit; } .icon-shuffle.icon-left a:before, .icon-shuffle.icon-right a:after, i.icon-shuffle:before { content: "\1f500"; height: inherit; } .icon-loop.icon-left a:before, .icon-loop.icon-right a:after, i.icon-loop:before { content: "\1f501"; height: inherit; } .icon-switch.icon-left a:before, .icon-switch.icon-right a:after, i.icon-switch:before { content: "\21c6"; height: inherit; } .icon-play.icon-left a:before, .icon-play.icon-right a:after, i.icon-play:before { content: "\25b6"; height: inherit; } .icon-stop.icon-left a:before, .icon-stop.icon-right a:after, i.icon-stop:before { content: "\25a0"; height: inherit; } .icon-pause.icon-left a:before, .icon-pause.icon-right a:after, i.icon-pause:before { content: "\2389"; height: inherit; } .icon-record.icon-left a:before, .icon-record.icon-right a:after, i.icon-record:before { content: "\26ab"; height: inherit; } .icon-to-end.icon-left a:before, .icon-to-end.icon-right a:after, i.icon-to-end:before { content: "\23ed"; height: inherit; } .icon-to-start.icon-left a:before, .icon-to-start.icon-right a:after, i.icon-to-start:before { content: "\23ee"; height: inherit; } .icon-fast-forward.icon-left a:before, .icon-fast-forward.icon-right a:after, i.icon-fast-forward:before { content: "\23e9"; height: inherit; } .icon-fast-backward.icon-left a:before, .icon-fast-backward.icon-right a:after, i.icon-fast-backward:before { content: "\23ea"; height: inherit; } .icon-progress-0.icon-left a:before, .icon-progress-0.icon-right a:after, i.icon-progress-0:before { content: "\e768"; height: inherit; } .icon-progress-1.icon-left a:before, .icon-progress-1.icon-right a:after, i.icon-progress-1:before { content: "\e769"; height: inherit; } .icon-progress-2.icon-left a:before, .icon-progress-2.icon-right a:after, i.icon-progress-2:before { content: "\e76a"; height: inherit; } .icon-progress-3.icon-left a:before, .icon-progress-3.icon-right a:after, i.icon-progress-3:before { content: "\e76b"; height: inherit; } .icon-target.icon-left a:before, .icon-target.icon-right a:after, i.icon-target:before { content: "\1f3af"; height: inherit; } .icon-palette.icon-left a:before, .icon-palette.icon-right a:after, i.icon-palette:before { content: "\1f3a8"; height: inherit; } .icon-list.icon-left a:before, .icon-list.icon-right a:after, i.icon-list:before { content: "\e005"; height: inherit; } .icon-list-add.icon-left a:before, .icon-list-add.icon-right a:after, i.icon-list-add:before { content: "\e003"; height: inherit; } .icon-signal.icon-left a:before, .icon-signal.icon-right a:after, i.icon-signal:before { content: "\1f4f6"; height: inherit; } .icon-trophy.icon-left a:before, .icon-trophy.icon-right a:after, i.icon-trophy:before { content: "\1f3c6"; height: inherit; } .icon-battery.icon-left a:before, .icon-battery.icon-right a:after, i.icon-battery:before { content: "\1f50b"; height: inherit; } .icon-back-in-time.icon-left a:before, .icon-back-in-time.icon-right a:after, i.icon-back-in-time:before { content: "\e771"; height: inherit; } .icon-monitor.icon-left a:before, .icon-monitor.icon-right a:after, i.icon-monitor:before { content: "\1f4bb"; height: inherit; } .icon-mobile.icon-left a:before, .icon-mobile.icon-right a:after, i.icon-mobile:before { content: "\1f4f1"; height: inherit; } .icon-network.icon-left a:before, .icon-network.icon-right a:after, i.icon-network:before { content: "\e776"; height: inherit; } .icon-cd.icon-left a:before, .icon-cd.icon-right a:after, i.icon-cd:before { content: "\1f4bf"; height: inherit; } .icon-inbox.icon-left a:before, .icon-inbox.icon-right a:after, i.icon-inbox:before { content: "\e777"; height: inherit; } .icon-install.icon-left a:before, .icon-install.icon-right a:after, i.icon-install:before { content: "\e778"; height: inherit; } .icon-globe.icon-left a:before, .icon-globe.icon-right a:after, i.icon-globe:before { content: "\1f30e"; height: inherit; } .icon-cloud.icon-left a:before, .icon-cloud.icon-right a:after, i.icon-cloud:before { content: "\2601"; height: inherit; } .icon-cloud-thunder.icon-left a:before, .icon-cloud-thunder.icon-right a:after, i.icon-cloud-thunder:before { content: "\26c8"; height: inherit; } .icon-flash.icon-left a:before, .icon-flash.icon-right a:after, i.icon-flash:before { content: "\26a1"; height: inherit; } .icon-moon.icon-left a:before, .icon-moon.icon-right a:after, i.icon-moon:before { content: "\263d"; height: inherit; } .icon-flight.icon-left a:before, .icon-flight.icon-right a:after, i.icon-flight:before { content: "\2708"; height: inherit; } .icon-paper-plane.icon-left a:before, .icon-paper-plane.icon-right a:after, i.icon-paper-plane:before { content: "\e79b"; height: inherit; } .icon-leaf.icon-left a:before, .icon-leaf.icon-right a:after, i.icon-leaf:before { content: "\1f342"; height: inherit; } .icon-lifebuoy.icon-left a:before, .icon-lifebuoy.icon-right a:after, i.icon-lifebuoy:before { content: "\e788"; height: inherit; } .icon-mouse.icon-left a:before, .icon-mouse.icon-right a:after, i.icon-mouse:before { content: "\e789"; height: inherit; } .icon-briefcase.icon-left a:before, .icon-briefcase.icon-right a:after, i.icon-briefcase:before { content: "\1f4bc"; height: inherit; } .icon-suitcase.icon-left a:before, .icon-suitcase.icon-right a:after, i.icon-suitcase:before { content: "\e78e"; height: inherit; } .icon-dot.icon-left a:before, .icon-dot.icon-right a:after, i.icon-dot:before { content: "\e78b"; height: inherit; } .icon-dot-2.icon-left a:before, .icon-dot-2.icon-right a:after, i.icon-dot-2:before { content: "\e78c"; height: inherit; } .icon-dot-3.icon-left a:before, .icon-dot-3.icon-right a:after, i.icon-dot-3:before { content: "\e78d"; height: inherit; } .icon-brush.icon-left a:before, .icon-brush.icon-right a:after, i.icon-brush:before { content: "\e79a"; height: inherit; } .icon-magnet.icon-left a:before, .icon-magnet.icon-right a:after, i.icon-magnet:before { content: "\e7a1"; height: inherit; } .icon-infinity.icon-left a:before, .icon-infinity.icon-right a:after, i.icon-infinity:before { content: "\221e"; height: inherit; } .icon-erase.icon-left a:before, .icon-erase.icon-right a:after, i.icon-erase:before { content: "\232b"; height: inherit; } .icon-chart-pie.icon-left a:before, .icon-chart-pie.icon-right a:after, i.icon-chart-pie:before { content: "\e751"; height: inherit; } .icon-chart-line.icon-left a:before, .icon-chart-line.icon-right a:after, i.icon-chart-line:before { content: "\1f4c8"; height: inherit; } .icon-chart-bar.icon-left a:before, .icon-chart-bar.icon-right a:after, i.icon-chart-bar:before { content: "\1f4ca"; height: inherit; } .icon-chart-area.icon-left a:before, .icon-chart-area.icon-right a:after, i.icon-chart-area:before { content: "\1f53e"; height: inherit; } .icon-tape.icon-left a:before, .icon-tape.icon-right a:after, i.icon-tape:before { content: "\2707"; height: inherit; } .icon-graduation-cap.icon-left a:before, .icon-graduation-cap.icon-right a:after, i.icon-graduation-cap:before { content: "\1f393"; height: inherit; } .icon-language.icon-left a:before, .icon-language.icon-right a:after, i.icon-language:before { content: "\e752"; height: inherit; } .icon-ticket.icon-left a:before, .icon-ticket.icon-right a:after, i.icon-ticket:before { content: "\1f3ab"; height: inherit; } .icon-water.icon-left a:before, .icon-water.icon-right a:after, i.icon-water:before { content: "\1f4a6"; height: inherit; } .icon-droplet.icon-left a:before, .icon-droplet.icon-right a:after, i.icon-droplet:before { content: "\1f4a7"; height: inherit; } .icon-air.icon-left a:before, .icon-air.icon-right a:after, i.icon-air:before { content: "\e753"; height: inherit; } .icon-credit-card.icon-left a:before, .icon-credit-card.icon-right a:after, i.icon-credit-card:before { content: "\1f4b3"; height: inherit; } .icon-floppy.icon-left a:before, .icon-floppy.icon-right a:after, i.icon-floppy:before { content: "\1f4be"; height: inherit; } .icon-clipboard.icon-left a:before, .icon-clipboard.icon-right a:after, i.icon-clipboard:before { content: "\1f4cb"; height: inherit; } .icon-megaphone.icon-left a:before, .icon-megaphone.icon-right a:after, i.icon-megaphone:before { content: "\1f4e3"; height: inherit; } .icon-database.icon-left a:before, .icon-database.icon-right a:after, i.icon-database:before { content: "\e754"; height: inherit; } .icon-drive.icon-left a:before, .icon-drive.icon-right a:after, i.icon-drive:before { content: "\e755"; height: inherit; } .icon-bucket.icon-left a:before, .icon-bucket.icon-right a:after, i.icon-bucket:before { content: "\e756"; height: inherit; } .icon-thermometer.icon-left a:before, .icon-thermometer.icon-right a:after, i.icon-thermometer:before { content: "\e757"; height: inherit; } .icon-key.icon-left a:before, .icon-key.icon-right a:after, i.icon-key:before { content: "\1f511"; height: inherit; } .icon-flow-cascade.icon-left a:before, .icon-flow-cascade.icon-right a:after, i.icon-flow-cascade:before { content: "\e790"; height: inherit; } .icon-flow-branch.icon-left a:before, .icon-flow-branch.icon-right a:after, i.icon-flow-branch:before { content: "\e791"; height: inherit; } .icon-flow-tree.icon-left a:before, .icon-flow-tree.icon-right a:after, i.icon-flow-tree:before { content: "\e792"; height: inherit; } .icon-flow-line.icon-left a:before, .icon-flow-line.icon-right a:after, i.icon-flow-line:before { content: "\e793"; height: inherit; } .icon-flow-parallel.icon-left a:before, .icon-flow-parallel.icon-right a:after, i.icon-flow-parallel:before { content: "\e794"; height: inherit; } .icon-rocket.icon-left a:before, .icon-rocket.icon-right a:after, i.icon-rocket:before { content: "\1f680"; height: inherit; } .icon-gauge.icon-left a:before, .icon-gauge.icon-right a:after, i.icon-gauge:before { content: "\e7a2"; height: inherit; } .icon-traffic-cone.icon-left a:before, .icon-traffic-cone.icon-right a:after, i.icon-traffic-cone:before { content: "\e7a3"; height: inherit; } .icon-cc.icon-left a:before, .icon-cc.icon-right a:after, i.icon-cc:before { content: "\e7a5"; height: inherit; } .icon-cc-by.icon-left a:before, .icon-cc-by.icon-right a:after, i.icon-cc-by:before { content: "\e7a6"; height: inherit; } .icon-cc-nc.icon-left a:before, .icon-cc-nc.icon-right a:after, i.icon-cc-nc:before { content: "\e7a7"; height: inherit; } .icon-cc-nc-eu.icon-left a:before, .icon-cc-nc-eu.icon-right a:after, i.icon-cc-nc-eu:before { content: "\e7a8"; height: inherit; } .icon-cc-nc-jp.icon-left a:before, .icon-cc-nc-jp.icon-right a:after, i.icon-cc-nc-jp:before { content: "\e7a9"; height: inherit; } .icon-cc-sa.icon-left a:before, .icon-cc-sa.icon-right a:after, i.icon-cc-sa:before { content: "\e7aa"; height: inherit; } .icon-cc-nd.icon-left a:before, .icon-cc-nd.icon-right a:after, i.icon-cc-nd:before { content: "\e7ab"; height: inherit; } .icon-cc-pd.icon-left a:before, .icon-cc-pd.icon-right a:after, i.icon-cc-pd:before { content: "\e7ac"; height: inherit; } .icon-cc-zero.icon-left a:before, .icon-cc-zero.icon-right a:after, i.icon-cc-zero:before { content: "\e7ad"; height: inherit; } .icon-cc-share.icon-left a:before, .icon-cc-share.icon-right a:after, i.icon-cc-share:before { content: "\e7ae"; height: inherit; } .icon-cc-remix.icon-left a:before, .icon-cc-remix.icon-right a:after, i.icon-cc-remix:before { content: "\e7af"; height: inherit; } .icon-github.icon-left a:before, .icon-github.icon-right a:after, i.icon-github:before { content: "\f300"; height: inherit; } .icon-github-circled.icon-left a:before, .icon-github-circled.icon-right a:after, i.icon-github-circled:before { content: "\f301"; height: inherit; } .icon-flickr.icon-left a:before, .icon-flickr.icon-right a:after, i.icon-flickr:before { content: "\f303"; height: inherit; } .icon-flickr-circled.icon-left a:before, .icon-flickr-circled.icon-right a:after, i.icon-flickr-circled:before { content: "\f304"; height: inherit; } .icon-vimeo.icon-left a:before, .icon-vimeo.icon-right a:after, i.icon-vimeo:before { content: "\f306"; height: inherit; } .icon-vimeo-circled.icon-left a:before, .icon-vimeo-circled.icon-right a:after, i.icon-vimeo-circled:before { content: "\f307"; height: inherit; } .icon-twitter.icon-left a:before, .icon-twitter.icon-right a:after, i.icon-twitter:before { content: "\f309"; height: inherit; } .icon-twitter-circled.icon-left a:before, .icon-twitter-circled.icon-right a:after, i.icon-twitter-circled:before { content: "\f30a"; height: inherit; } .icon-facebook.icon-left a:before, .icon-facebook.icon-right a:after, i.icon-facebook:before { content: "\f30c"; height: inherit; } .icon-facebook-circled.icon-left a:before, .icon-facebook-circled.icon-right a:after, i.icon-facebook-circled:before { content: "\f30d"; height: inherit; } .icon-facebook-squared.icon-left a:before, .icon-facebook-squared.icon-right a:after, i.icon-facebook-squared:before { content: "\f30e"; height: inherit; } .icon-gplus.icon-left a:before, .icon-gplus.icon-right a:after, i.icon-gplus:before { content: "\f30f"; height: inherit; } .icon-gplus-circled.icon-left a:before, .icon-gplus-circled.icon-right a:after, i.icon-gplus-circled:before { content: "\f310"; height: inherit; } .icon-pinterest.icon-left a:before, .icon-pinterest.icon-right a:after, i.icon-pinterest:before { content: "\f312"; height: inherit; } .icon-pinterest-circled.icon-left a:before, .icon-pinterest-circled.icon-right a:after, i.icon-pinterest-circled:before { content: "\f313"; height: inherit; } .icon-tumblr.icon-left a:before, .icon-tumblr.icon-right a:after, i.icon-tumblr:before { content: "\f315"; height: inherit; } .icon-tumblr-circled.icon-left a:before, .icon-tumblr-circled.icon-right a:after, i.icon-tumblr-circled:before { content: "\f316"; height: inherit; } .icon-linkedin.icon-left a:before, .icon-linkedin.icon-right a:after, i.icon-linkedin:before { content: "\f318"; height: inherit; } .icon-linkedin-circled.icon-left a:before, .icon-linkedin-circled.icon-right a:after, i.icon-linkedin-circled:before { content: "\f319"; height: inherit; } .icon-dribbble.icon-left a:before, .icon-dribbble.icon-right a:after, i.icon-dribbble:before { content: "\f31b"; height: inherit; } .icon-dribbble-circled.icon-left a:before, .icon-dribbble-circled.icon-right a:after, i.icon-dribbble-circled:before { content: "\f31c"; height: inherit; } .icon-stumbleupon.icon-left a:before, .icon-stumbleupon.icon-right a:after, i.icon-stumbleupon:before { content: "\f31e"; height: inherit; } .icon-stumbleupon-circled.icon-left a:before, .icon-stumbleupon-circled.icon-right a:after, i.icon-stumbleupon-circled:before { content: "\f31f"; height: inherit; } .icon-lastfm.icon-left a:before, .icon-lastfm.icon-right a:after, i.icon-lastfm:before { content: "\f321"; height: inherit; } .icon-lastfm-circled.icon-left a:before, .icon-lastfm-circled.icon-right a:after, i.icon-lastfm-circled:before { content: "\f322"; height: inherit; } .icon-rdio.icon-left a:before, .icon-rdio.icon-right a:after, i.icon-rdio:before { content: "\f324"; height: inherit; } .icon-rdio-circled.icon-left a:before, .icon-rdio-circled.icon-right a:after, i.icon-rdio-circled:before { content: "\f325"; height: inherit; } .icon-spotify.icon-left a:before, .icon-spotify.icon-right a:after, i.icon-spotify:before { content: "\f327"; height: inherit; } .icon-spotify-circled.icon-left a:before, .icon-spotify-circled.icon-right a:after, i.icon-spotify-circled:before { content: "\f328"; height: inherit; } .icon-qq.icon-left a:before, .icon-qq.icon-right a:after, i.icon-qq:before { content: "\f32a"; height: inherit; } .icon-instagram.icon-left a:before, .icon-instagram.icon-right a:after, i.icon-instagram:before { content: "\f32d"; height: inherit; } .icon-dropbox.icon-left a:before, .icon-dropbox.icon-right a:after, i.icon-dropbox:before { content: "\f330"; height: inherit; } .icon-evernote.icon-left a:before, .icon-evernote.icon-right a:after, i.icon-evernote:before { content: "\f333"; height: inherit; } .icon-flattr.icon-left a:before, .icon-flattr.icon-right a:after, i.icon-flattr:before { content: "\f336"; height: inherit; } .icon-skype.icon-left a:before, .icon-skype.icon-right a:after, i.icon-skype:before { content: "\f339"; height: inherit; } .icon-skype-circled.icon-left a:before, .icon-skype-circled.icon-right a:after, i.icon-skype-circled:before { content: "\f33a"; height: inherit; } .icon-renren.icon-left a:before, .icon-renren.icon-right a:after, i.icon-renren:before { content: "\f33c"; height: inherit; } .icon-sina-weibo.icon-left a:before, .icon-sina-weibo.icon-right a:after, i.icon-sina-weibo:before { content: "\f33f"; height: inherit; } .icon-paypal.icon-left a:before, .icon-paypal.icon-right a:after, i.icon-paypal:before { content: "\f342"; height: inherit; } .icon-picasa.icon-left a:before, .icon-picasa.icon-right a:after, i.icon-picasa:before { content: "\f345"; height: inherit; } .icon-soundcloud.icon-left a:before, .icon-soundcloud.icon-right a:after, i.icon-soundcloud:before { content: "\f348"; height: inherit; } .icon-mixi.icon-left a:before, .icon-mixi.icon-right a:after, i.icon-mixi:before { content: "\f34b"; height: inherit; } .icon-behance.icon-left a:before, .icon-behance.icon-right a:after, i.icon-behance:before { content: "\f34e"; height: inherit; } .icon-google-circles.icon-left a:before, .icon-google-circles.icon-right a:after, i.icon-google-circles:before { content: "\f351"; height: inherit; } .icon-vkontakte.icon-left a:before, .icon-vkontakte.icon-right a:after, i.icon-vkontakte:before { content: "\f354"; height: inherit; } .icon-smashing.icon-left a:before, .icon-smashing.icon-right a:after, i.icon-smashing:before { content: "\f357"; height: inherit; } .icon-sweden.icon-left a:before, .icon-sweden.icon-right a:after, i.icon-sweden:before { content: "\f601"; height: inherit; } .icon-db-shape.icon-left a:before, .icon-db-shape.icon-right a:after, i.icon-db-shape:before { content: "\f600"; height: inherit; } .icon-logo-db.icon-left a:before, .icon-logo-db.icon-right a:after, i.icon-logo-db:before { content: "\f603"; height: inherit; } /*.icn { color: #fff; }*/ .icn:hover, .fa:hover, i[class^="icon-"]:hover { /*text-shadow: 0px 0px 5px #ffffff;*/ } i[class^="icn-"], i[class*=" icn-"] { display: inline-block; position: static; min-width: 20px; margin: 0px; text-align: center; } .section_head .icons-container { font-size: 21px; } .field.danger::after { content: "\2716"; } .field.danger { text-align: right; display: inline-flex; float: right; } .field.danger span { color: #ca3838; margin-right: 40px; } .spacing-bottom { margin-bottom: 20px; } .spacing-bottom-small { margin-bottom: 15px; } .spacing-bottom-big { margin-bottom: 40px; } .spacing-top { margin-top: 20px; } .main-content .spacing-bottom { margin-bottom: 20px; } .top100 h2 { background: #191a1f; } .sliders h2 { background: unset; padding: 8px 0; } .main-content h2 { font-weight: 600; text-transform: uppercase; } .sidebar h2, .sliders h2 { width: 100%; text-transform: uppercase; } .sidebar_header { padding: 5px 10px; text-transform: uppercase; } .sidebar_header h4 { text-align: left; font-weight: 600; } .sidebar_header h5 { text-align: left; } .sidebar_header .sb-subhead { font-weight: 600; font-family: 'Open Sans Condensed', sans-serif; } .main h2 strong { /*border-bottom: 2px solid #113b95*/ } .main .tab-nav > li > a { padding: 0 10px; } .sidebar h2 { text-align: center; } .sidebar .tab-content { padding: 0; } .widget { background: #191a1f; } .widget-bottom { padding: 5px 10px; border-top: 1px solid #444; text-transform: uppercase; } .sidebar .box_sidebar .list { height: inherit; overflow: inherit; } .sidebar .top100 .sb_charts .box_sidebar .list .list_item .right { padding-right: 20px; } .sidebar .top100 .sb_charts .box_sidebar .list .list_item .right .play_controls { right: -20px; } .sidebar .top100 .sb_charts .box_sidebar .list .list_item .right .play_controls i, .box_sidebar.charts-list .list .list_item .right .play_controls i { margin: 0 7px; min-width: 20px; font-size: 15px; text-align: center; } .sidebar.box_sidebar .top10 .list .list_item .right { padding-right: 20px; } .sidebar.box_sidebar .top10 .list .list_item .right .play_controls { right: -20px; } .main-content { min-height: 400px; } .main-content .banner { background: #191a1f; padding: 10px; } .main-content .banner p { font-size: 20px; } .main-content h4 { display: inline } .main-content .sidebar.cont_sb { display: none; } .banner { text-align: center; display: inline-block; } .banner .btn { margin-right: 10px; } .banner h4 { display: inline-block; padding-left: 15px; } .section_head { position: relative; } .section_head h2 { display: inline-block; } .view_link { font-weight: normal; font-size: 16px; text-transform: uppercase; } .view_link a { color: #fff; } .view_link.spaced_right_out { margin-right: 60px; margin-top: 8px; } .uppercase { text-transform: uppercase!important; } .cat_image { margin: 0; position: relative; overflow: hidden; } .cat_image .cat_details { display: none; position: absolute; bottom: 0; width: 100%; text-align: center; background: rgba(0,0,0,0.7); } .cat_content:hover .cat_image .cat_details { display: block; } .cat_details { background: #191a1f; padding: 5px; } .cat_details p { margin-bottom: 2px; } .cat_details .label_name { /*color:#aaa;*/ font-size: 11px; } .cat_details .song_title { font-size: 13px; /*color:#58c026;*/ } .cat_details .artist { font-size: 13px; /*color: #aaa;*/ } .cat_details.fixed_cat { display: block; padding: 0} .cat_details.fixed_cat p { padding: 5px; } .cat_details.fixed_cat .cat_hidden { display: none; } .cat_details.fixed_cat .cat_block a { color: #c0ea2d; } .cat_content:hover .cat_details.fixed_cat .cat_hidden { display: block; } .tile-gutters .catalog { margin-bottom: 8px; } .normal-gutters .catalog { margin-bottom: 15px; } .catalog .artist, .catalog_fw .artist { font-weight: 600; /*color: #fff;*/ font-size: 12px; } .list .artist { font-size: 17px; } .list .song_title, .album { font-size: 15px; } .catalog .song_title, .catalog .album, .catalog_fw .song_title, .catalog_fw .album { /*color:#58c026;*/ font-size: 12px; margin-bottom: 2px; } .play_controls { position: absolute; width: 100%; display: none; bottom: 0; background: rgba(0,0,0,0.8); z-index: 1; } .list .play_controls { height: 100%; right: 0; width: 20px; font-size: 20px; background: none; } .list .play_controls a { position: absolute; top: 50%; transform: translate(-50%, -50%); } .list .play_controls .vcenter { height: 50%; position: relative; } .box_sidebar.charts-list .list li { margin: 10px 0 0;} .box_sidebar.charts-list .list li li{margin: 0} .box_sidebar.charts-list .list .play_controls { display: block; width: 26px; left: calc( 10% + 25px ); background: #000; visibility: hidden; } .box_sidebar.charts-list .list .play_controls a { transform: translate(0%, -50%); } .box_sidebar.charts-list .extra_controls { position: absolute; right: 0; z-index: auto; height: 100%; display: block; top: 0; } .box_sidebar.charts-list .extra_controls i { margin: 0; } .box_sidebar.charts-list .extra_controls .header-cart { visibility: hidden; margin-top: 0; } .box_sidebar.charts-list .extra_controls .sblist-controls { margin-top: 14px; } .box_sidebar.charts-list .list .list_item:hover .play_controls, .box_sidebar.charts-list .list li.cp_active .list_item .play_controls, .touch .box_sidebar.charts-list .list .list_item .play_controls { visibility: visible; } .box_sidebar.charts-list .list_item:hover .extra_controls, .box_sidebar.charts-list li.cp_active .list_item .extra_controls { background: #000; -webkit-box-shadow: -10px 0px 5px -5px rgba(0,0,0,0.9); -moz-box-shadow: -10px 0px 5px -5px rgba(0,0,0,0.9); box-shadow: -10px 0px 5px -5px rgba(0,0,0,0.9); } .touch .box_sidebar.charts-list .list_item .extra_controls { background: #191a1f; -webkit-box-shadow: -10px 0px 5px -5px rgba(25,26,31,0.9); -moz-box-shadow: -10px 0px 5px -5px rgba(25,26,31,0.9); box-shadow: -10px 0px 5px -5px rgba(25,26,31,0.9); } .box_sidebar.charts-list .list_item:hover .extra_controls .header-cart, .box_sidebar.charts-list li.cp_active .list_item .extra_controls .header-cart, .touch .box_sidebar.charts-list .list_item .extra_controls .header-cart { visibility: visible; } .play_controls ul { margin: 0; padding: 0; width: 100%; } .play_controls ul li { float: left; width: 33.333%; text-align: center;padding: 0;} .play_controls ul.three li { width: 33.333% } .play_controls ul.four li { width: 25% } .play_controls ul.five li { width: 20%; } .play_controls .share_button { position: relative; } .play_controls .share_button ul { position: absolute; bottom: 28px; width: 100%; background: rgba(0,0,0,0.8); display: none; } .play_controls .share_button:hover ul { display: block; } .play_controls .share_button ul li { width: 100%; } .catalog:hover .play_controls, .catalog_fw:hover .play_controls, .touch .catalog .play_controls, .touch .catalog_fw .play_controls, .catalog.cp_active .play_controls, .catalog_fw.cp_active .play_controls { display: block; } .catalog.cp_active .cat_details { background: #343333; } .valign { display: table; width: 100%; } .valign > div, .valign > article, .valign > section, .valign > figure { display: table-cell; vertical-align: middle; } .valign:before { height: auto; } .main .tab-nav > li > a { padding: 0; } .list { } .list .list_item { height: 100%; /*display: table;*/ } .list img { width: 100%; } .list li { margin: 10px 10px 0; padding: 0; position: relative;/* overflow: hidden;*/ } .list > ul > li:hover, .list > ul > li.cp_active { background: #000; } .list h6 { font-weight: bold; color: #fff; } .list p { font-size: 0.8rem; } .list .rank { color: #fff; width: 10%; text-align: center; float: left; height: 100%; } .list .rank .fa { min-width: 20px; } .list #selected_top_20 .rank .fa { min-width: unset; margin: 0 5px 0 0; } .list .left { width: 25%; float: left; height: 100%; } /*display: table;*/ .list .right { padding-left: 10px; float: right; width: 65%; height: 100%; } .list li:hover .play_controls { display: block; } .sliders .slider_left { width: calc(50% - 1px); float:left; margin-right:2px;} .sliders .slider_left .slider_h { visibility: hidden; height: 0; } .sliders .slider_right { width: calc(50% - 1px); float:right;} .sliders .slider_right .slider_v, .sliders .slider_right .slider_h { visibility: hidden; height: 0; } .sliders .slider_right .fix_slider_block { margin-bottom:2px; visibility: visible; height: auto; } .sliders img { width: 100%; overflow: hidden; } .sliders .onslide-content { position: absolute; bottom: 4px; background: rgba(0,0,0,0.8); display: block; width: 100%; padding: 10px;} .sliders .fix_slider_block .onslide-content { bottom: 0; } .slider_v { font-size: 0; line-height: 0 !important;} .bxslider_v li { font-size: 0; padding: 0; } /*.bxslider_v li a:first-of-type img { margin-right: 2%; }*/ .bxslider_v img { width: auto; /*display: inline;*/ } .w-50 { width: calc(50% - 1px); display: inline-block;} .w-50-first { margin-right:2px;} .w-100 { width: 100%; } .h-100 { height: 100%; } .slider_bottom img { width: 100%; max-height: 340px; } .slider_bottom .bx-wrapper { margin: 0 auto 13px; } .social_links a{ padding:3px 0; background: #444; border-radius: 20px; color:#fff;margin: 5px 0px 3px !important; display: inline-block;} .v_center { position: relative; top: 50%; transform: translateY(-50%); } .picker:after { right: 10px; } .picker { background: none; border: 1px solid #555; } .picker select { width: auto; background: none; } .fa-15x { font-size: 1.5em; } h1.title { display: inline-block; text-transform: uppercase; font-weight: 600; color: #fff; font-size: 40px; margin-top: 0; padding-top: 0; } .sublink-item { font-size: 16px; color: #fff; font-weight: 600; text-transform: uppercase; margin: 0 10px; padding-bottom: 0px; } .sublink-item:first-of-type { margin-left: 0; } .sublink-item:last-of-type { margin-right: 0; } .sublink-item.active { color: #58c026; border-bottom: 2px solid #fff; } .sublinks.no-bottom-line .sublink-item.active { border-bottom: 0; } /*Filters*/ .filters { font-size: 14px; } .filters .filter-item { margin: 0 10px 0 0; display: inline-block; text-transform: uppercase; } .filters .filter-item.active a.filter-title { color: #58c026; } .filters .filter-item a { color: #aaa; } .filters .filter-item span { color: #888; } .filters .filter-item span.title { color: #fff; font-weight: bold; } .filters .btn, .filters .btn a { color: #fff; } .filters .filter-item .filter-perpage span { margin-right: 5px; } .filters .filter-item .filter-perpage .perpage-option { margin: 0 2px; } .filters .filter-item .filter-perpage .perpage-option.active { padding-bottom: 3px; border-bottom: 2px solid #fff; } .filters .filter-item.reset a { color: #888; font-size: 12px; } .filters .fitler-container .filter-item:first-of-type { margin-left: 0; } .filters .fitler-container .filter-item:last-of-type { margin-right: 0; } .filters .filter-item .search_inside { display: inline; float: unset; } .filters .filter-item .search_inside .search_box { padding: 0; margin: 0; display: inline-block; } .relative_filter { position: relative; } .filter_dropdown { display: none; background: #000; margin-top: 0px; padding: 20px; position: absolute; z-index: 1000; text-transform: none; } .filter_dropdown.fd-open { display: block; } .filter_dropdown.fd-closed { display: none !important; } .filter-item.has_dropdown:hover .filter_dropdown { display: block; } .filter_dropdown.wide { width: 300px; } .filter_dd_content ul { overflow-y: auto; max-height: 330px;} .filter_dd_content ul li { display: block; } .filter_dd_content ul li.active a, .filter_dd_content ul li.active span, .filter_dd_content ul li.active label { color: #58c026; } /*Genre Dropdown*/ .genre_dropdown.left { float: left; padding: 6px 20px 20px 0; } .genre_dropdown > label { font-weight: bold; cursor: pointer; color: #fff; text-transform: uppercase !important; } .genre_list { right: 0; /*width:100vw;*/ width: 100%; } .genre_list ul { max-width: 1100px; width: 100%; margin: auto; } .genre_dropdown:hover .genre_list { display: block; } .genre_dropdown .genre_list li { width: 33%; display: inline-block; } .genre_dropdown .genre_list li a { color: #ededed; font-weight: bold; } .genre_dropdown .genre_list li a:hover { color: #fff; } .genre_dropdown .genre_list li p { color: #999; margin-bottom: 5px; text-transform: none; font-size: 14px; } .genre_dropdown .genre_list li.active a, .genre_dropdown .genre_list li.active p { color: #58c026; } /*News List Sidebar*/ .news .list .right { width: 75%; } .news .list a p { color: #aaa; } /*News Page*/ .news .news_tile { padding: 0 10px 10px; } .news .news_tile article { background: #191a1f; position: relative; } .news .news_tile article h3 { font-weight: 600; position: absolute; top: 10px; left: 10px; color: #fff; text-shadow: 1px 1px 3px #000; text-transform: uppercase; font-size: 20px; } .news .news_tile article .news_banner { position: relative; } .news .news_tile article .news_shadow { position: relative; } .news .news_tile article .news_shadow:after { content: ""; height: 100%; position: absolute; top: 0; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+17,0+57 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 17%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.65)), color-stop(17%, rgba(0,0,0,0.65)), color-stop(57%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 17%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 17%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 17%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 17%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0 ); /* IE6-9 */ } .news .news_tile article .news_excerpt { padding: 10px; } .news .news_tile article .news_excerpt p { line-height: 1.6em; } .news .news_tile article .news_excerpt img { width: 30%; float: left; margin-right: 10px; } .news .news_tile article .news_excerpt .news_view_link { display: block; color: #58c026; text-align: right; } /*News Singles*/ .news_single .section_head { position: relative; } .news_single .news_banner img { width: 100%; } .news_single .news_banner_title { width: 100%; position: absolute; bottom: 0; padding: 20px; background: rgba(0,0,0,0.7); } .news_single .news_banner_title h2 { color: #58c026; } .news_single .news_short_desc { font-weight: bold; color: #fff; margin-bottom: 5px; margin-top: 10px; } .news_single .news_short_desc_mobile { display: none; } .news_single .news_short_desc p { margin-bottom: 0; font-weight: bold; } .news_single .news_content { background: #191a1f; padding: 20px; } .news_single .news_content .news_thumb { float: left; width: 30%; margin-right: 20px; } /*DJ Playlist*/ .playlists li.playlist { } .playlist .list .left { width: 45%; display: block } .playlist .list .right { width: 40%; } .playlist .list li:hover { background: none; } .playlists ul ul { margin-left: 0; } .playlists .rank { margin-right: 5px; } .playlists .list li { margin: 0; } .playlists .list h6 { font-size: 0.8rem; } .playlists .list p { font-size: 11px } .playlists .list p.label_name { margin-bottom: 0px; } .playlists .playlist_head { overflow: hidden; padding: 15px 10px; position: relative; } .playlists .playlist_head .play_controls { display: block; } .playlists .playlist_head_inside { position: relative; } .playlists .playlist .playlist_content { background: #191a1f; } .playlist_head h4, .playlist_head h6 { text-shadow: 1px 1px 5px #aaa; color: #fff; } .playlist_head h6 { display: inline-block; margin-right: 5px; } .playlist_head h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; width: 100%; display: block; padding-top: 0; } .playlist_head .blur { opacity: 0.6; position: absolute; left: 0; top: 0; filter: blur(6px); -webkit-filter: blur(6px); width: 100%; height: 100%; background-size: 100% 100% !important; -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } .playlists .play_controls { font-size: 28px; width: 60px; right: 0; height: 100%; background: rgba(0,0,0,0.7); } .playlists .play_controls a { position: absolute; top: 50%; transform: translate(0, -50%); padding-left: 10px; } .playlists .playlist:hover .play_controls { display: block } /*DJ Profile*/ .profile_head .left { width: 30%; float: left; } .profile_head .right { width: 67%; float: right; } .djplaylist_single .profile_head .left { max-width: 250px;} .djplaylist_single .profile_head .right { min-width: calc(97% - 250px);} .full-w .profile_head .left { width: 20%; } .full-w .profile_head .right { width: 77%; } .profile_content { background: #191a1f; padding: 15px; } .dj_name { margin-bottom: 10px; } /*Top DJs*/ .top-djs .cat_content { position: relative; } .top-djs .cat_details { position: absolute; bottom: 0; width: 100%; text-align: center; background: rgba(0,0,0,0.7) } .top-djs .cat_details .artist { color: #58c026; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } /*Labels*/ .labels .cat_content { position: relative; } .labels .cat_details { position: absolute; bottom: 0; width: 100%; text-align: center; background: rgba(0,0,0,0.7) } .labels .cat_details .artist { color: #58c026; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } /* On Image content Catalog */ .catalog.on-image-content .cat_content { position: relative; } .catalog.on-image-content .cat_details { position: absolute; bottom: 0; width: 100%; text-align: center; background: rgba(0,0,0,0.7) } .catalog.on-image-content .cat_details .artist { color: #58c026; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .catalog.on-image-content .cat_details .title { color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; font-size: 12px; font-weight: bold; } /*New Releases*/ .genre_dropdown .field { width: 100%; } .genre_dropdown .field .select2-container { width: 100% !important; } .releases .single_release { margin-bottom: 10px; } .releases .single_release strong { color: #aaa; } .releases .single_release h6 { padding-top: 0; } .releases .single_release .left { width: 20%; float: left; } .releases .single_release .right { width: 80%; float: right; padding-left: 10px; } .releases .single_release .release_info { margin-bottom: 8px; width: 80%; float: right; padding-left: 10px; background: #000; } .releases .single_release .release_name { width: 50%; float: left; } .releases .single_release .release_name h5 { color: #58c026; } .releases .single_release .release_genre { width: 25%; float: left; } .releases .single_release .release_date { width: 25%; float: right; } .releases .single_release .release_mix { width: 80%; float: right; padding-left: 10px; } .releases .single_release .single_mix { border-bottom: 1px solid #111; background: #191a1f; } .releases .single_release .mix_title { width: 50%; float: left; padding-left: 10px; } .releases .single_release .mix_genre { width: 25%; float: left; } .releases .single_release .mix_controls { width: 25%; float: right; } .releases .to-right { float: right; } .confirm_submit form { margin-top: 30px; } .confirm_submit .release_confirm_info h3 { margin-bottom: 10px; } .confirm_submit .confirm_play_mix { font-size: 22px; } .text-red { color: #ca3838 !important; font-size: 11px !important; } .text-green { color: #58c026 !important; font-size: 11px !important; line-height: 15px; display: inline-block; } .text-color-green { color: #58c026; } .auto-width { width: auto!important; } input[type="file"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ text-align: center; } input[type="file"]::-moz-placeholder { /* Firefox 19+ */ text-align: center; } input[type="file"]:-ms-input-placeholder { /* IE 10+ */ text-align: center; } input[type="file"]:-moz-placeholder { /* Firefox 18- */ text-align: center; } .input-info { padding-right: calc( 100% - 65.3333% - 200px); text-align: right; width: 100%; } .newrelease_list li { margin: 0; padding: 0; } .newrelease_list li .release_mix { margin: 0; } .newrelease_list li .release_mix li:not(.chart_head) .chart_item { border: none; } .newrelease_list li .release_mix .chart_head { background: #222; } .newrelease_list li .release_mix .chart_item .album_cover, .newrelease_list li .release_mix .chart_item .release_info, .newrelease_list li .release_mix .chart_item .release_info_right { height: 25px; } .slik_list li:first-child { font-size: 14px; } .slik_list li:not(:first-child):hover { background: #191a1f; } .slik_list li .chart_item h6, .newrelease_list li .chart_item .artist { font-size: 14px; } .slik_list li .chart_item { font-size: 12px; position: relative; } .slik_list li .chart_item .player_trigger { float: left; height: 50px; font-size: 16px; width: 28px; text-align: center; } .slik_list li .chart_item .player_trigger .icon-play { font-size: 23px; } .slik_list li .chart_item .player_trigger i { margin-right: 0; } /*.slik_list li .chart_item .player_trigger .toPlayList i { margin: 0 5px; min-width: 20px; display: inline-block; text-align: center;}*/ .slik_list li .chart_item .release_info { width: calc( 100% - 765px ); } /* .ranked-track-list.slik_list li .chart_item .release_info { width: calc( 100% - 865px ); } */ .chart-data-list.slik_list li .chart_item .release_info { width: calc( 100% - 936px ); } .slik_list li .chart_item .release_info small { color: #aaa; } .slik_list li .chart_item .release_info, .newrelease_list li .chart_item .release_info_right { margin-left: 8px; } .slik_list li .chart_item .release_info_right .more_icons {z-index: 9; display: none; position: absolute; height: 100%; text-align: center; left: 0; top: 0; width: 100%; background: rgba(0,0,0,0.8); font-size: 18px; } .slik_list li .chart_item .release_info_right .more_icons .fa { min-width: 20px; margin: 0 5px; } .slik_list li .chart_item .release_info_right .rir_item { width: 125px; min-width: unset; margin-left: 3px; min-height: 1px; } .slik_list li .chart_item .release_info_right .rir_item.rel_date { width: 100px; } .slik_list li .chart_item .release_info_right .rir_item.more_icons_trigger { width: 45px; display: none; } .slik_list li .chart_item .release_info_right .rir_item.controls { width: 150px; } .slik_list li .chart_item .release_info_right .rir_item.genre a{ color: #aaa; } .chart-data-list.slik_list li .chart_item .release_info_right .rir_item.controls { width: 165px; } .slik_list li .chart_item .release_info_right .rir_item.controls i { margin: 0; } .slik_list li:not(.chart_head) .chart_item .release_info_right .rir_item.controls { font-size: 14px; } .slik_list li .chart_item .release_info_right .rir_item.bpm { width: 50px; } .slik_list li .song_title, .slik_list li .song_title a { font-weight: 400; } .slik_list li .artist, .slik_list li .artist a { font-weight: 400; } .slik_list li i/*, .slik_list li .buy_button*/ { opacity: 0.5; transition: opacity 0.2s ease-in; margin-top: 0; } .slik_list li .header-cart i { opacity: 1; } .slik_list li:hover i, .slik_list li:hover .buy_button, .slik_list li.cp_active i, .slik_list li.cp_active .buy_button { opacity: 1; } .slik_list li .chart_item .list-playqueue-icons { width: 58px; display: inherit; } .slik_list li .chart_item .list-data-labelgenre { display: none;} .chart_item .release_info_right .rir_item.mix_view { min-width: 50px; } .new-release-new .views_option { position: relative; display: inline; top: 2px; } .new-release-new .views_option a { background: rgba(255,255,255,0.2); } .new-release-new .views_option a.view-active { background: rgba(255,255,255,0); } .djcharts-list .slik_list li .chart_item .release_info_right .rir_item.genre { width: 250px; } /*Sign Up*/ .signup_panel { background: #191a1f; } label { text-transform: capitalize; } .field label { text-transform: none; } /*Add Release*/ .add_release_panel input.wide, .add_release_panel .input.wide { width: 100%; } .add_release_panel input.wide:last-child, .add_release_panel .input.wide:last-child, .add_release_panel input.wide:last-of-type, .add_release_panel .input.wide:last-of-type { margin-left: 0; } .add_release_panel label.checkbox { width: 100%; } .open_mix_tab .openup:before { content: "\f102"; font-family: FontAwesome; font-size: 24px; } .openup:before { content: "\f103"; font-family: FontAwesome; font-size: 24px; } .openup_wrap { margin: 0; text-align: center; } /*Auto complete*/ .ui-autocomplete { border: none; background: #111111; color: #aaa; font-size: 14px; font-weight: 400; border: 1px solid #444; border-radius: 0 0 5px 5px; max-height: 400px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; width: 200px !important; } .ui-autocomplete li { background: #111111 !important; color: #aaa !important; border: 1px solid #111 !important; } .ui-autocomplete li:last-child { border-bottom: 0; } .ui-autocomplete li:hover, .ui-autocomplete li:focus, .ui-autocomplete li:active, .ui-autocomplete li:visited { border: 1px solid #000; background: #000 !important; color: #aaa; } /*Form*/ form .field .input, .field .input { color: #aaa; background: #333; border: 1px solid #222; } form .field label { color: #aaa; } form option { padding: 5px; } form fieldset { border: 1px solid #333; } form .field label { width: 200px; } form .select_genre .checkbox { width: 33%; float: left; } form textarea { vertical-align: top; } form .field textarea { resize: vertical; } form .radio_field { display: inline-block; position: relative; vertical-align: top; } form .radio_field .radio { float: left; } .field .multiple-select { height: 150px; vertical-align: top; } .js .field .radio span, .js .field .checkbox span { background: #333; border: 2px solid #222; } .icon-dot.icon-left a::before, .icon-dot.icon-right a::after, i.icon-dot::before { color: #58c026; } form .next_btn { float: right; } form .prev_btn { float: left; } form .btn.medium.add_new_mix.add_new_mix { background: #d04526; border: 1px #d04526; } form .add_mix_repeat .remove_mix, form .add_mix_repeat .remove_mix_edit { display: none; } form .add_mix_here .add_mix_repeat .remove_mix, form .add_mix_here .add_mix_repeat .remove_mix_edit { display: block; } form .add_mix_repeat { position: relative; } form .add_mix_here .remove_mix, form .add_mix_here .remove_mix_edit { position: absolute; right: 0px; top: 20px; font-size: 20px; } /* Pagination */ .pagination ul li a, .pagination ul li span { border-color: #444; font-size: 13px; cursor: pointer; } .pagination ul .active a, .pagination ul .active span { background-color: #444; color: #58c026 } .pagination ul li a:hover, .pagination ul li a:focus { background-color: #444; color: #58c026; } .pagination ul { float: right; margin-bottom: 10px; } /* Tabs */ .tabs.pill .tab-nav > li > a { color: #aaa; background: none; text-shadow: none; border: none; text-transform: uppercase; } .tabs.pill .tab-nav > .active > a, .tabs.pill .tab-nav li:hover a { color: #d04526; } .tabs.pill .tab-nav { border-top: 3px solid #444; border-bottom: 3px solid #444; border-right: none; border-left: none; border-radius: 0; } .tabs.pill .tab-nav a { border-radius: none; } .tabs.pill .tab-nav li { position: relative; } .tabs.pill .tab-nav .active a:after, .tabs.pill .tab-nav li:hover a:after { content: ""; width: 0px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #444; height: 0px; position: absolute; bottom: 0; margin: auto; left: 0; right: 0; } /* Navigation */ .navbar { margin-bottom: 0px; } .navbar ul li { position: relative; } .navbar ul li, .navbar ul li > a.menu-link { height: auto; line-height: normal; } .navbar ul li > a.menu-link { padding-top: 18px; padding-bottom: 18px; } .navbar ul li .dropdown ul >li a.menu-link { padding-top: 8px; padding-bottom: 8px; } .navbar ul li .dropdown { background: #232323; width: 210px; left: 0; } .navbar li .dropdown ul > li a.menu-link { border-bottom: none; height: auto; line-height: normal; padding-top: 10px; padding-bottom: 10px; } .navbar .left_nav > li:first-child a.menu-link { padding-left: 0; } #nav1 ul li:hover > a.menu-link, .touch .navbar ul li.active > a.menu-link { color: #58c026 !important;/*background: #333;*/ } .navbar .left_nav i { margin: 0 0 0 0; max-width: auto; } .navbar .right_nav i { margin: 0 5px 0 0; max-width: auto; } .navbar ul.right_nav li .dropdown { right: 0; left: unset; } .navbar ul li.header_search_item { max-width: 180px; min-width: 105px; } .navbar ul li.header_search_item .append input { border: none; } .navbar ul li.header_search_item .append .btn a { padding: 0 7px; } .navbar ul li.genre_menu_item .dropdown { width: 600px; max-width: 100vw; font-size: 0; } .navbar ul li.genre_menu_item .dropdown ul li { width: 50%; display: inline; } .navbar ul li.genre_menu_item .dropdown ul li a.menu-link span { display: block; font-weight: 400; font-size: 13px; text-transform: none; } .navbar ul li.genre_menu_item .dropdown ul li a.menu-link .subgenres { color: #aaa; } .navbar .right_nav { float: right; } .navbar .left_nav { float: left; } #nav1 { background: none; min-height: 0; } #nav1 a { color: white; text-transform: uppercase; font-weight: 700; } #nav1 a:hover { background: none; color: #58c026; } #nav1 a.toggle { padding-top: 0; padding-bottom: 0; } #nav1 .btn-blue a, #nav1 .btn-blue a:hover { color:#111; } #nav1 .btn.success a, #nav1 .btn.success a:hover { color:#fff; } .navbar ul li.has-child a.menu-link:hover { /*background: #333 !important;*/ } #nav1 .right_nav { /*background: #333;*/ } .no-touch .navbar ul li:hover .dropdown, .touch .navbar ul li.active .dropdown { padding: 10px 0; min-height: 50px; max-height: calc(100vh - 55px); /*max-height: 561px;*/ /*overflow: visible;*/ overflow-y: auto; height: auto; } .btn-search { background: #333; color: #aaa; border: none; } /*ellipsis*/ .ellipsis, .artist, .song_title, .album, .list .right h6, .list .left h6, .mix_title, .mix_genre, .cat_details .label_name, .release_name h5, .release_name h6, .release_genre, #player #song_info h4, #player #song_info h5, .videos_page .video_catalogs .video_catalog .video_info h5, .videos_page .video_catalogs .video_catalog .video_info h5 a, .videos_page .video_catalogs .video_catalog .video_info h6, .download_box .catalog .mix { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } /*Book Promotion*/ .check_box label.checkbox, .check_box label.white_label { margin-bottom: 3px; color: #fff; } .check_box .rhs_info { margin-left: 20px; } .book_promotion h2 { text-transform: none; font-weight: 100; } .book_promotion h2, .book_promotion h5 { color: #fff; } .book_promotion h5 { font-weight: bold; color: #d04526; } .select_promotion .signup_panel { padding: 15px; } .promo_inner_item h5 { font-weight: bold; } .vip_item ul li { list-style: disc; margin-left: 18px; } /*Promotions*/ .promotion_panel form .field label { width: 100%; } .promotion_panel .choose_promotion h5 { margin-bottom: 15px; } #promotion_instructions .tab-nav > li > a { padding: 0 10px; } #promotion_instructions .tab-content h4 { padding: 10px 0; display: block; } .font-white { color: #fff!important; } /*Promo Release*/ .promo_release { padding-top: 20px; } .promo_release .cover_image { width: 30%; float: left; } .modal .release_detail_content { padding: 0; } .qv-release-content .promo_release { padding: 20px 40px; } .qv-release-content .promo_release .cover_image { width: 20%; } .promo_release .release_confirm_info { width: 70%; float: left; padding-left: 15px; } .qv-release-content .promo_release .release_confirm_info { width: 80%; } .promo_release .release_confirm_info h3 { padding: 0 0 10px 0; margin-bottom: 0; font-weight: normal; } .promo_release .section_head h3 { padding-top: 0; } .promo_release .release_confirm_info p { margin-bottom: 0; } .promo_release .release_confirm_info .controls i { margin: 0; } .promo_release .release_song_list li p { float: left; margin-bottom: 0; } .promo_release .release_song_list > li { border-right: 1px solid #444; border-left: 1px solid #444; border-bottom: 1px solid #444; } .promo_release .release_song_list > li:nth-child(2n) { background: #191b1f; } .promo_release .release_song_list > li:nth-child(2n+1) { background: #191a18; } .promo_release .release_song_list > li:first-child { background: #444; color: #fff; } .promo_release .release_song_list .rank { width: 30px; text-align: center; } .promo_release .release_song_list .player_trigger { margin-top: 5px; } .promo_release .release_song_list .player_trigger .icon-play { font-size: 20px; } .promo_release .release_song_list .player_trigger i.fa-circle-o-notch.active_play { margin: 0 7px; } .promo_release .release_song_list .player_trigger i.fa.fa-history { margin: 0 8px; } .promo_release .release_song_list .release_song_details { width: calc(100% - 90px); float: right; margin-top: 5px; display: flex; } .promo_release .release_song_list .release_song_details .mix_name { width: 30%; } .promo_release .release_song_list .release_song_details .remixer_name { width: 20%; } .promo_release .release_song_list .release_song_details .genre { width: 20%; } .promo_release .release_song_list .release_song_details .duration { min-width: 98px; } .promo_release .release_song_list .release_song_details .controls { display: flex; align-items: center; align-content: center; justify-content: end; top: 0; transform: none; } .promo_release .release_song_list .release_song_details .mobile_song_details { display: none; } .promo_release .release_song_list .release_song_details .mobile_song_details p { display: block; float: unset; } .promo_release_main .termsinfo { font-size: 11px; } .promo_release_main .promo_release h3 { text-transform: uppercase; } .payment_options_promotion > li { display: inline-block; } /*Song List Table*/ .song_list_table li p { float: left; margin-bottom: 0; } .song_list_table li { border-right: 1px solid #444; border-left: 1px solid #444; border-bottom: 1px solid #444; } .song_list_table li:nth-child(2n) { background: #191b1f; } .song_list_table li:nth-child(2n+1) { background: #191a18; } .song_list_table li:first-child { background: #444; color: #fff !important; } .song_list_table li:first-child p { color: #fff !important; } .song_list_table .rank { width: 22px; text-align: center; } /*DJ Playlist Table*/ .dj-playlist_table .release_song_details { width: calc(100% - 22px); float: right; } .dj-playlist_table .song_title { width: 22%; } .dj-playlist_table .song_title img { width: 50px; } .dj-playlist_table .artist { width: 16%; } .dj-playlist_table .remixer_name { width: 16%; } .dj-playlist_table .label_name { width: 13%; } .dj-playlist_table .genre { width: 13%; } .dj-playlist_table .release_date { width: 10%; } .dj-playlist_table .controls { float: right; } /*Statistics*/ .statistics .cat_details { padding: 0; } .statistics .cat_details span { display: block; } .statistics .cat_details .single_stats { width: 100%; margin: 0; } .statistics .cat_details .single_stats li { width: 33%; text-align: center; float: left; } .statistics .release_info .left { width: 40%; float: left; display: table-cell; max-width: 250px; } .statistics .release_info .right { width: 58%; padding-left: 20px; display: table-cell; } .statistics .release_info .right span { display: block; } .statistics .raty_rating img { display: inline-block; } .feedbacks .feedback_container { clear: both; } .feedbacks .single_feedback .left { width: 10%; float: left; } .feedbacks .single_feedback .left img { border-radius: 100px; } .feedbacks .single_feedback .right { float: right; width: 88%; margin-left: 2% } .feedbacks .single_feedback .right h5 img { vertical-align: middle; margin-right: 5px; display: inline; } .feedbacks .single_feedback .right .feedback_comment { background: #191a1f; border-radius: 2px; padding: 15px; } /*User Profile*/ .user_profile .user_info .left { width: 40%; float: left; position: relative; } .user_profile .user_info .right { width: 58%; margin-left: 2%; float: right; } .user_profile .user_info .right span { display: block; } .user_profile .user_info .change_dp { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.7); text-align: center; } .user_profile .user_info .change_dp a { display: block; padding: 5px 0; } .user_profile .field { margin-bottom: 0; } .user_profile .field label { display: inline-block; width: 150px; color: #fff; } .user_profile .about_text { font-size: 12px; } .user_profile ul.details { margin-bottom: 12px; } /*Download Box*/ .download_box .catalog .mix, .download-history .catalog_fw .mix { color: #aaa; font-size: 11px; font-weight: bold; } .box_sidebar .list, .archive_sidebar .box_sidebar .list { height: 605px; overflow-y: scroll; } .box_sidebar .top10 .list, .archive_sidebar .top10 .box_sidebar .list { height: auto; overflow: unset; } .box_sidebar .list .left { width: 50px; position: relative; overflow: hidden; } .box_sidebar .list .right { width: calc( 90% - 50px );padding-right: 20px; } .box_sidebar .list .right h6, .box_sidebar .list .right p { font-size: 11px; margin: 0; } .box_sidebar .list .right .col1 { width: 55%; float: left; } .box_sidebar .list .right .col2 { width: 36%; float: left; } /*.box_sidebar .list .right .play_controls { display: block; width: 26px;} .box_sidebar .list .right .play_controls a { transform: translate(0%, -50%);}*/ .mycharts-search .box_sidebar .list{ height: auto; overflow: auto; } /*Videos*/ .videos_page .to-right { float: right; } .videos_page .video_catalogs .video_catalog .video_info { background: #191a1f; padding: 5px; margin-top: -8px; } .videos_page .video_catalogs .video_catalog .video_info .video_artist { color: #58c026; } .videos_page .video_catalogs .video_catalog .video_info .left { width: 48%; float: left; } .videos_page .video_catalogs .video_catalog .video_info .right { text-align: right; float: right; width: 48%; } .videos_page .video_catalogs .video_catalog .video_info .video_links { color: #d04526 } /*Vote Charts*/ .vote-search .catalogs .catalog .play_controls { display: block; } .vote-search .catalogs .catalog .play_controls .click-to-vote { width: 100%; text-align: center; } .list_item .col2 .badge { border-radius: 3px; margin-top: 5px; } .vote_list .vote-all { display: block; margin-top: 5px; margin-right: 10px; } .vote_list.box_sidebar .list { height: 640px; } .vote-search .vote_list.box_sidebar .list { height: auto; } .vote_list .list_item .play_controls { display: inline-block; font-size: 16px; } /*Modal*/ .modal .close.switch { font-size: 30px; float: right; } .modal .btn .close.switch { float: unset; } .modal .content { background: #111; min-height: unset; border: 1px solid #333; } .modal .content h2 { border-bottom: 1px solid #222; margin-bottom: 15px; } .modal .content .profile_change_pass label { min-width: 160px; } .modal.small .content { width: 25%; } .modal.medium .content { width: 35%; } .modal.big .content { width: 80%; max-width: 1340px;} .modal.big > .content { top:5%; } .modal .modal-head { border-bottom: 1px solid #222; margin-bottom: 15px; } .modal .modal-head h2 { border: 0; margin-bottom: 0; display: inline-block; } /*Modal Feeback Popup*/ .modal .feedback_popup form label { width: auto; min-width: 150px; } .modal .feedback_popup form .radio_field label { width: auto; margin-right: 25px; min-width: 80px; } .modal .feedback_popup .input_instuction { display: block; margin-right: 50px; text-align: right; } .modal .feedback_popup #feedback_rating_raty { display: inline-block; } .modal .feedback_popup #feedback_rating_raty img { display: inline; } .modal .feedback_popup .wider_label { width: 325px; } /*Modal Vote Search Popup*/ .modal .vote-search { max-width: 600px; width: 70%; height: 80%; max-height: 80%; top: 10%; background: #111; } .modal.height-adjusted .content { max-height: calc(100% - 95px); } /*Signup Modal*/ .signup_modal h3, .signup_modal h4, .signup_modal h4 a { color: #fff; } .signup_modal h4 { margin-top: 15px; padding: 15px 0; } .signup_modal .signup_modal_resgister { text-align: center; background: #58c026; } .signup_modal .signup_modal_free { text-align: center; border: 2px dotted #d04526; } /*Track Table*/ .track_table .track_table_item .cover_img { width: 50px; float: left; } .track_table .track_table_item .player_trigger { width: 24px; display: inline-block; height: 50px; } .track_table .track_table_item .release_song_details { width: calc( 100% - 105px); float: right; height: 50px; } .track_table .track_table_item .release_song_details p { float: left; margin-bottom: 0; font-size: 14px; } .track_table .track_table_item .release_song_details .item_right { float: right; } .track_table .track_table_item .release_song_details .artist, .track_table .track_table_item .release_song_details .song_title { width: 22%; } .track_table .track_table_item .release_song_details .label_name, .track_table .track_table_item .release_song_details .genre { width: 18%; } .track_table .track_table_item .release_song_details .song_title small { color: #aaa; font-size: 11px; line-height: 18px; display: block; } .track_table .track_table_item:nth-child(2n+1) { background: #191b1f; } .track_table .track_table_item:nth-child(2n) { background: #191a18; } /*Carousel*/ .owl-theme .owl-controls .owl-buttons { bottom: 98%; position: absolute; right: 0; } .owl-theme .owl-controls .owl-buttons div { background: none; opacity: 1; padding: 0; color: #d04526; } .owl-theme .owl-controls .owl-buttons div h2 { color: #fff; } .owl-carousel.release_carousel .owl-item .catalog_fw { width: 100%; padding: 0 8px; } .sidebar_carousel .carousel_item { position: relative; } .sidebar_carousel h4 { position: absolute; text-align: center; background: rgba(0,0,0,0.8); width: 100%; bottom: 3px; } .center_owlcontrols .owl-controls .owl-buttons { position: unset; } .center_owlcontrols .owl-controls .owl-buttons .owl-prev, .center_owlcontrols .owl-controls .owl-buttons .owl-next { z-index: 99; top: 50%; margin: -23px 0 0; width: 32px; height: 32px; background-size: 32px auto; position: absolute; right: 10px; } .center_owlcontrols .owl-controls .owl-buttons .owl-prev, .center_owlcontrols .owl-controls .owl-buttons .owl-next { background-image: url("https://pro.music-worx.com/static/img/slide-arrow.png"); } .center_owlcontrols .owl-controls .owl-buttons .owl-prev { left: 10px; transform: rotate(180deg); } /*Mobile Menu Trigger*/ #hamburger { box-sizing: border-box; display: none; height: 45px; left: 0; top: 4px; position: absolute; width: 70px; z-index: 2; } #hamburger::before, #hamburger::after, #hamburger span { background: #fff none repeat scroll 0 0; content: ""; display: block; height: 2px; left: 20px; position: absolute; width: 25px; } #hamburger::before { top: 12px; } #hamburger span { top: 22px; } #hamburger::after { top: 32px; } #hamburger::before, #hamburger::after, #hamburger span { transition-delay: 0.5s; transition-duration: 0.5s; transition-property: transform, top, bottom, left, opacity; transition-timing-function: ease; } html.mm-opening #hamburger::before, html.mm-opening #hamburger::after { top: 20px; } html.mm-opening #hamburger span { left: -50px; opacity: 0; } html.mm-opening #hamburger::before { transform: rotate(45deg); } html.mm-opening #hamburger::after { transform: rotate(-45deg); } /*Media Queries where here before*/ /*Table*/ table { background: none; border: 1px solid #444; } table thead { background-color: #444; } table thead th, table tbody td, table tr td { border-top: 1px solid #444; } table tbody tr:nth-child(2n+1) { background: #191b1f; } table tbody tr:nth-child(2n) { background: #191a18; } /*Alternative Design*/ .alt_design li:nth-child(2n) { background: #191b1f; } .alt_design li:nth-child(2n) ul li { background: none; } .alt_design li:nth-child(2n+1) { background: #191a18; } .alt_design li:nth-child(2n+1) ul li { background: none; } /*Charts*/ .canvasjs-chart-credit { display: none; } .charts_page .list li { margin: 0; } .charts_page .tab-nav > li > a { display: inline; } /*.charts_page .tab-nav li .chart_share { display: none; } .charts_page .tab-nav li.active .chart_share { display: inline; }*/ .chart_head { background: #191a1f; text-transform: uppercase; font-weight: 600; color: #fff; } li.chart_head:hover { background: #191a1f; } .chart_head .remixer { color: #fff; } .chart_item { border-top: 1px solid #444; border-bottom: 1px solid #444; } .chart_item .rank { float: left; width: 50px; height: 50px; border-right: 1px solid #444; } .chart_item .rank .rankpos { width: 50px; } .chart_item .rank .fa-caret-down { color: #ad0000; } .chart_item .rank .fa-caret-up { color: #33b638; } .chart_item .rank .fa-compress { color: #0078d7; } .chart_item .chart_history_data { float: left; height: 50px; text-align: center; } .chart_item .chart_history_data div { min-width: 33px; } .chart_item .chart_history_data .v_center { float: left; padding: 0 5px; } .chart_item .chart_history_data .v_center.middle_child { border-right: 1px solid #444; border-left: 1px solid #444; } .chart_item .album_cover { width: 50px; max-height: 50px; float: left; position: relative; /*overflow: hidden;*/ } .chart_item .album_cover .album-container { overflow:hidden; position: relative; } .chart_item .album_cover a { display: inline-block; width:50px; } .chart_item .release_info { height: 50px; float: left; margin-left: 15px; } .chart_item .release_info .artist { font-size: 14px; line-height: 1.2em; display: inline-block; } .chart_item .release_info_right { height: 50px; float: right; margin-left: 8px; } .chart_item .release_info_right .rir_item { float: left; min-width: 150px; } .chart_item .list-data-bigicon { font-size: 20px; } /* Basic Tabs */ .tab-nav { border-bottom: 1px solid #222; } .tab-nav > li { box-shadow: 0 1px 0 #333; } .tab-nav > li > a { text-shadow: none; color: #aaa; border-color: #222; background: #191a1f; } .tab-nav > li.active > a { background: #333; } /*.tab-nav > li:not(.active) > a:hover { background: #191a1f; }*/ .tabs .tab_icon { display: none; } .tab-nav > li > a:hover, .tab-nav > li > a:active { background: unset; } /* Tabular */ .tabular-content .cont-tab { font-size: 16px; text-transform: uppercase; color: #fff; } .tabular-content .cont-tab.active { color: #58c026; } .owl-dotlines .owl-dots { text-align: center; margin-top: 8px;} .owl-dotlines button.owl-dot { width: 33.33%; max-width: 100px; margin: 0 3px; background: #666; height: 5px; } .owl-dotlines button.owl-dot.active { background: #fff; } .owl-dotlines .owl-dots span { width: 100%; display: block; padding: 10px 0; margin-top: -10px; } /*Header Banner Over the top*/ .header-banner-streaming{ position:relative; background: url(../img/background-header-banner-1-musicworx.jpg) center center / cover no-repeat; } .header-banner-close { position:absolute; top:0; right:0; } /*Misc.*/ .clear { clear: both; } .hidden { display: none; } .btn { cursor: pointer; } .no-heght { height:auto !important; } .to-right { float: right; } .to-left { float: left; } .underline { text-decoration: underline; } .relative { position: relative; } .capitalize { text-transform: capitalize; } .no-margin { margin: 0 !important; } .no-margin-list li { margin: 0; } .text-hover-glow:hover { text-shadow: 0px 0px 5px #ffffff; } .align_center { text-align: center; } .float_left_heading { float: left; } .float_right_heading { float: right; } .border-bottom-dark { border-bottom: 3px solid #444; } .border-top { border-top: 1px solid #444; } .sort-handle { cursor: move; } .warning { margin: 10px 0; padding: 5px; border-radius: 4px; background: #c41b2e; font-size: 11px; color: #fff; } .warning a { color: #fff; } .warning a:hover { text-decoration: underline; } .base_panel, .row .base_panel, .row .row .base_panel { padding: 20px; background: #191a1f; } .no_padding_top { padding-top: 0; } .selectbar_container { padding: 20px; } .loading_overlay { position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; } .loading_overlay .spinner { top: 45%; position: absolute; display: inline-block; color: #fff; } .search_inside { display: inline; /*float:right; */ float: left; } .search_inside .search_box { width: 200px; } .search_inside .search_box a { color: #fff; } .show_alphabatically { float: left; margin-right: 10px; } li:not(.chart_head) .rank { font-size: 22px; font-family: 'Open Sans Condensed', sans-serif; } .desc_text { font-size: 12px; } .data_label { color: #efefef; } .extra_small { font-size: 60%; } .full_width { width: 100%; } .not-available { color: #888; } .carousel_head .view_link a { margin-right: 60px; } .vote-rel-success, .vote-rel-success span { color: #58c026; } .payment_form form .field label { width: auto; } .btn .close.switch { font-size: unset; } .fullwidth_img { width: 100%; } .artist_on_mobile { display: none; } p.exclusive-badge { background: #58c026; color: #000; font-size: 10px; font-weight: bold; overflow: hidden; position: absolute; right: -39px; text-align: center; text-transform: uppercase; top: -5px; transform: rotate(45deg); width: 100px; line-height: 10px; padding: 10px 0 5px 0; } p.exclusive-badge-small { background: #58c026; color: #000; font-size: 8px; font-weight: bold; line-height: 5px; overflow: hidden; padding: 8px 0 3px; position: absolute; right: -33px; text-align: center; text-transform: uppercase; top: -2px; transform: rotate(45deg); width: 78px; } .grid-badge { position: absolute; top: 0; font-size: 11px; line-height: 15px; overflow: hidden; font-weight: 400; margin: 0; background: #58c026; color: #111; padding: 2px 10px; } .grid-badge.badge-hype { background: #58c026; top: 5px; } .grid-badge.badge-promoted { background: #fa9624; top: 47px; } .grid-badge.badge-staffpick { background: #f8f125; top: 26px; } .grid-badge.badge-preorder { background: #db25aa; top: 68px; } a.grid-badge:hover { color: #000; } .green-info { margin: 10px 0; padding: 5px; border-radius: 4px; background: #58c026; font-size: 11px; color: #fff; } .bigger_font { font-size: 15px; } .white { color: #fff; } .green { color: #58c026 } .grey { color: #aaa; } .blue { color: #4dc2e9; } .orange { color: #fc9a2b; } .red { color: #d04526; } .yellow { color: #fdf912; } .bold { font-weight: 600; } .coupon_input { position: relative; } .apply_coupon { background: rgba(0, 0, 0, 0.3); color: #58c026; height: 100%; line-height: 34px; position: absolute; right: 0; text-align: center; text-transform: uppercase; width: 80px; top: 0; } .small_modal .content { width: 30%; } .cat_img { position: absolute; top: 0; background: #5b5a5a; height: 100%; } .normal_badge { border: 1px solid #fdf912; font-size: 16px; line-height: 20px; border-radius: 3px; color: #fdf912; display: inline-block; margin-top: 0px; padding: 0 5px; } .normal_badge:hover { color: #fdf912; } .normal_badge.green_badge{ border: 1px solid #c0ea2d; color: #c0ea2d;} .normal_badge.green_badge:hover { color: #c0ea2d; } .normal_badge.orange{ border: 1px solid #fc9a2b; color: #fc9a2b;} .normal_badge.mid_size { font-size: 13px; padding:0 3px;} .promoted_badge{ border: 1px solid #fc9a2b; border-radius: 3px; color: #fc9a2b; display: inline-block; margin-top: 5px; padding: 0 5px; } .promoted_badge:hover { color: #fc9a2b; } .promoted_badge.small_size, .normal_badge.small_size { font-size: 11px; margin-top: 0px; line-height: 13px; } .promoted_badge_on_cover { background: #fc9a2b; color: #222; font-size: 9px; font-weight: bold; left: -18px; line-height: 3px; overflow: hidden; padding: 10px 0 5px; position: absolute; text-align: center; text-transform: uppercase; top: -3px; transform: rotate(-45deg); width: 50px; } .promoted_badge_on_cover.new_promo { background: #fdf912; } .only_small_mobile { display: none; } .bordered_layout { border-top: 1px solid #333; border-bottom: 1px solid #333; padding-top: 8px; } i.fa-circle-o-notch.active_play { /*min-width: auto !important;*/ -webkit-text-fill-color: transparent; -webkit-background-clip: text !important; background: -webkit-linear-gradient(#56ab2f, #a8e063); } .future_release_badge { position: absolute; top: 50%; transform: translateY(-50%); padding: 10px 0; width: 100.5%; background: #d04526; color: #fff; opacity: 0.9; } .future_release_badge p { text-align: center; } .strikeout { text-decoration: line-through; } .strong { font-weight: bold; } .subtitle { padding: 0; font-weight: 500; color: #fff; text-transform: uppercase; } .transform-none { text-transform: none; } .cookie_warning { position: fixed; bottom: 0; background: #111; border-top: 1px solid #555; border-bottom: 1px solid #555; text-align: center; width: 100%; color: #fff; padding: 10px 0; z-index: 1000000; } .cookie_warning p { display: inline; margin: 0 15px; } .clipped { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .icons-container { display: inline-block; } .line-above { border-top: 1px solid #555; } .line-below { border-bottom: 1px solid #555; } .icn-hvk-stream-all, .icn-hvk-stream-add { color: #4dc2e9; } .trkupdate { display: none; } input.append_input { width: calc(100% - 41px); } .iconspace { width: 20px; display: block; } .labelled-data-block label { font-weight: bold; text-transform: uppercase; color: #fff; } .textstyle{ background-color:#6C6C6C; color:white; font-size: 9px; border-radius: 4px; width: auto; text-align: center; padding-left: 5px; padding-right: 5px; font-weight: bold; } /*Switch*/ .ch-switch.small-switch { width: 45px; height: 24px; } .ch-switch.small-switch .ch-slider { height: 20px; top: 2px; background-color: #ababab;} .ch-switch.small-switch .ch-slider::before { height: 14px; width: 15px; bottom: 3px; left:5px; } .ch-switch.small-switch input:checked + .ch-slider { background-color: #58c026; } .ch-switch.small-switch input:checked + .ch-slider::before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } /*More Icons*/ .more_icons { display: none; position: absolute; height: 100%; text-align: center; left: 0; width: 100%; background: rgba(0,0,0,0.8); font-size: 18px; } .more_icons a { padding: 0 5px; font-size: 20px; } .more_icons .fa { min-width: 20px; margin: 0 5px; } .search_panel .track_table .track_table_item .more_icons_trigger { display: none; width: 25px; } /*Uploadify*/ .uploadifive-queue-item { font-size: 12px; margin-top: 5px; padding: 10px; width: 100%; display: inline-block; } .uploadifive-queue-item div { display: inline-block; } .uploadifive-queue-item .progress { border: 1px solid #58c026; display: block!important; } .uploadifive-queue-item .progress-bar { background-color: #58c026; height: 10px; display: block!important; width: 0; } /*Info Blocks*/ .info_block_text h3 { padding-top: 0; } input[type=range][orient=vertical] { writing-mode: bt-lr; /* IE */ -webkit-appearance: slider-vertical; /* WebKit */ } .field.danger:after { top: 0; } .select2-65 { width: 64.5%!important; } .select2-100 { width: 100%!important; } .select2-container--default .select2-results > #select2-sortby-results.select2-results__options { max-height: unset; } #country_drop_all .select2-container, #lic_country_drop_all .select2-container { width: 100%!important; } #country_drop_few .select2-container, #lic_country_drop_few .select2-container { width: 100%!important; } .noBorder { background-color: transparent; border: 1px solid #333; } .noBorder td { border: 1px solid #333; } .social_field li { padding: 12px 15px 10px 0; display: inline-block; text-align: center; } .clsGB { background: #66ff66; width: 207px; float: left; height: 183px; padding: 10px; } .clsOB { background: #ffc000; width: 207px; float: left; height: 183px; padding: 10px; } .clsGrB { background: #949494; width: 207px; float: left; height: 183px; padding: 10px; } .clsArrow { position: relative; top: 50px; left: -10px; right: 0; margin: 0 !important; } .uploadifive-button { border: 1px solid #aaa!important; border-radius: 2px!important; } .ui-sortable-handle { cursor: move; } .small-dialog-content { height: 50%!important; width: 30%!important; text-align: center!important; padding-top: 11%!important; } .background-set { background: #191a1f none repeat scroll 0 0; padding: 20px; } /*Select 2 Styling*/ .select2-dropdown { background-color: #111111; border: 1px solid #666; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #000000; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #191a1f; } .select2-container--default .select2-selection--single { border: 1px solid #666; background-color: #191a1f; height: 35.8553px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #aaa; height: 33px; line-height: 32px; } .select2-container--default .select2-search--dropdown .select2-search__field { color: #fff; background-color: #191a1f; border: 1px solid #444; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 33px; } .select2-hidden-accessible { display: none; } .select2-container--open .select2-dropdown--below { z-index: 999999; } .select2-container--open .select2-dropdown--above { z-index: 999999; } /*Colors*/ .song_title, .song_title a { color: #fff; font-weight: 600; text-transform: capitalize; } .label_name, .label_name a { color: #aaa; text-transform: capitalize; } .artist, .artist a { color: #58c026; font-weight: 600; text-transform: capitalize; } .remixer, .remixer a { color: #aaa; } /* Tooltips */ .ttip { position: relative; cursor: pointer; } .ttip:after { display: none; background: #191a1f; border: 1px solid #444; opacity: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 0.4em 0.6em; width: auto; min-width: 0; max-width: 500px; z-index: 10001; position: absolute; left: 50%; bottom: 101%; margin-bottom: 8px; text-align: left; color: #aaa; content: attr(data-tooltip); line-height: 1.5; font-size: 14px; font-weight: normal; font-style: normal; -moz-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .ttip:before { content: " "; width: 0; height: 0; position: absolute; bottom: 101%; left: Calc(50% - 9px); border-top: 9px solid #444 !important; border-left: 9px solid transparent; border-right: 9px solid transparent; -moz-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; } .ttip:hover:after, .ttip:hover:before { display: block; -moz-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } /*MMenu*/ .mm-menu { background: #191a1f; color: #aaa; } .mm-navbar { border-color: #666; } .mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-navbar a, .mm-menu .mm-navbar > *, .mm-menu .mm-listview a { color: #fff; font-size: 1.2em;} .mm-listview > li:not(.mm-divider)::after { left: 0 } .mm-menu .mm-listview > li .mm-arrow::after, .mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-btn::after, .mm-menu .mm-btn::before { border-color: #aaa } .mm-menu .mm-listview .fa { margin: 0 5px; min-width: 20px; } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255,255,255,0); } .page_sb .slider_h .bx-wrapper img { width: 100%; } .sidebar.cont_sb .list_item { height: 50px; } .sidebar.cont_sb .box_sidebar .list .right { width: calc(90% - 50px); } .sidebar.cont_sb .box_sidebar .list .left { width: 50px; } .pic_modal .close.switch { padding: 8px 6px 8px 8px; border-radius: 30px; background: #333; } .pic_modal .content { position: relative; width: 90%; max-width: 750px; padding: 0; max-height: unset; top:15%; border:0;} .pic_modal .pm_pic { width: 100%; } .pic_modal .pm_content_holder { text-align: center; padding: 30px; height: 100%; width: 60%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.6); color: #fff; } .pic_modal .pm_content_holder.full { width: 100%; } .pic_modal .pm_content_holder p { text-align: center; } .pic_modal .pm_content_holder img { max-width: 100%; display: inline-block; } .pic_modal .pm_content_holder h1, .pic_modal .pm_content_holder h2, .pic_modal .pm_content_holder h3, .pic_modal .pm_content_holder h4, .pic_modal .pm_content_holder h5 { color: #fff; border: 0; } .bg-pic-modal .close.switch{ padding: 8px 6px 8px 8px; border-radius: 30px; background: #333; } .bg-pic-modal .content { padding: 0; } .bg-pic-modal .pic-modal-content { background-position: center center; background-size: cover; } .bg-pic-modal .pic-modal-content .pic-modal-container { padding: 30px; background: rgba(0,0,0,0.6);} .display_table { display: table; height: 100%; width: 100%; } .display_cell { display: table-cell; vertical-align: middle; height: 100%; } header .promo-img { width: 310px; float: right; margin-right: 12px; border-radius: 5px; overflow: hidden; } .buy_credit_box { padding: 0 15px; } .downloaded_release { position: absolute; bottom: 0; display: block; width: 100%; text-align: center; color: #000; background: #58c026; font-size: 14px; } .mobile_device_only { display: none; } .play_all_link_new_release { margin-left: 10px; vertical-align: top; margin-top: 6px; } .notification { background: #d04526; border-radius: 100%; color: #fff; margin-left: 5px; width: 18px; height: 18px; display: inline-block; text-align: center; font-size: 13px; } .play_all_button { margin-left: 10px; vertical-align: top; margin-top: 6px; } /*Promotion Highlight*/ #promotion_highlight { text-align: center; color: #fff; background: url("https://pro.music-worx.com/static/img/NY-banner1600x200.jpg") no-repeat center center; background-size: cover; padding-top: 10px; padding-bottom: 10px; } /*discount_bg.jpg*/ #promotion_highlight.x-mas { background: url("https://pro.music-worx.com/static/img/background-promotion1.jpg") no-repeat center center; background-size: cover; } #promotion_highlight .row { position: relative; } #promotion_highlight #countdown { width: 150px; margin: auto; } #promotion_highlight #countdown .countdown-amount { font-size: 16px; line-height: 16px; } #promotion_highlight #countdown .countdown-period { font-size: 12px; line-height: 12px; } #promotion_highlight ul { text-align: center; } #promotion_highlight ul li { display: inline-block; font-size: 18px; vertical-align: top; padding: 0 10px; } #promotion_highlight ul li span { display: block; } #promotion_highlight .discount_text { font-size: 30px; color: red; } #promotion_highlight.x-mas .discount_text { color: #58c026; } #promotion_highlight .discount_code { font-size: 30px; color: #58c026; } #promotion_highlight .discount_name { font-size: 28px; line-height: 28px; } #promotion_highlight .close_coupon_highlight { position: absolute; top: 18px; right: 30px; font-size: 25px; } /*Sidebar+home charts*/ .sidebar.page_sb .list_item { height: 50px; } /*Sticky Menu on scroll*/ .sticky { position: fixed; top: 0; width: 100%; z-index: 10000; } /*Owl Carousel*/ .owl-carousel .owl-nav { position: absolute; right: 0; bottom: 103%; } .owl-carousel .owl-nav button h2 { margin: 5px; } .center_owlcontrols.owl-carousel .owl-nav { position: unset; } .center_owlcontrols.owl-carousel .owl-nav button.owl-prev, .center_owlcontrols.owl-carousel .owl-nav button.owl-next { z-index: 99; top: 50%; margin: -16px 0 0; width: 32px; height: 32px; background-size: 32px auto; position: absolute; right: 10px; background-image: url("https://pro.music-worx.com/static/img/slide-arrow.png"); } .center_owlcontrols.owl-carousel .owl-nav button.owl-prev { left: 10px; transform: rotate(180deg); } /*Logo Slider*/ .logo_slider { text-align: center; margin: 15px 0; padding: 5px 0; background: #191a1f; } .logo_slider a { display: inline-block; } .logo_slider .owl-controls { margin-top: 3px; } /*Text Badge*/ .text-badge { font-size: 11px; line-height: 14px; padding: 0 5px; height:auto; border-radius: 3px; margin-right:3px; } .text-badge a { color:#333; font-weight: 600 !important; } .text-badge.badge-green { background: #58c026; color: #333; } .text-badge.badge-yellow { background: #f8f125; color: #333; } /*ss_block*/ .ss_block .ss_btn { background: #333; color: #fff; padding: 5px; border-radius: 3px; } .ss_block .ss_btn.facebook { background: #3b5998; } .ss_block .ss_btn.twitter { background: #429cd6; } .ss_block .ss_links { margin: 15px; } .ss_block .ss_links input { margin-right: 10px; } .ss_block .ss_embed { display: none; } /*Pop Menu*/ .popmenu { display: none; position: absolute; z-index: 10000; background: #232323; padding: 10px 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,1); padding: 15px 0; } .popmenu.active { display: block; } .popitem { padding: 5px 20px; display: block; } .popitem a, a.popitem { color: #ccc; text-transform: unset; font-size: 14px; } .popitem.active { color: #58c026; } .popitem:hover { background: #333; } .popitem:hover a, a.popitem:hover { color: #fff; } /*popmore-data*/ .popmore-data, .pop-child-menu { z-index: 1000000; background: #232323;/* #191a1f;*/ padding: 15px 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,1); display: none; border-radius: 5px; } .popmore-data .popmore-item, .popmore-data .popmore-child-item { padding: 5px 20px; display: block; white-space: nowrap } .popmore-data .popmore-item, .popmore-data .popmore-item > a, .popmore-data .popmore-child-item, .popmore-data .popmore-child-item > a { color: #ccc; } .popmore-data .popmore-item:hover, .popmore-data .popmore-child-item:hover { background: #333; } .popmore-data .popmore-item:hover > a, .popmore-data .popmore-child-item:hover > a { color: #fff; } .popmore-data .pop-line-above { border-top: 1px solid #555; } .popmore-data .pop-line-below { border-bottom: 1px solid #555; } .popmore-data .popmore-active-item span, .popmore-data .popmore-active-item a { color: #58c026; display: inline-block;} .popmore-data > ul { margin:0; } .popmore-data > ul > li { margin:0 !important; } .popmore-height, .pop-child-menu { max-height: 350px; overflow-y: auto; } .popmore-item .popcheck-action { margin-left: 8px; } .popmore-item .popitemcover { display: flex;} /*Multicheck Options*/ .multicheck_options .multicheck-item { display: inline-block; margin-right: 8px; } .multicheck_options .multicheck-title { text-transform: uppercase; font-size: 14px; } @-moz-document url-prefix() { .info_block_text .btn {margin-bottom: 7px;} } /*Bottom Margins*/ .botmar-30 { margin-bottom: 30px; } /* ============================================================================================= New */ .trk-row a:hover { color: #40A0FF; text-decoration: none; } .trk-row .icn:hover, .trk-row .fa:hover, .trk-row i[class^="icon-"]:hover { text-shadow: inherit; } .header-cart { display: inline-block; position: relative; /*width: 90px;*/ width: auto; } .header-cart ul { list-style: none; padding: 0; margin: 0; } .header-cart ul li ul { opacity: 0; display: none; } .header-cart ul li:hover ul { position: absolute; right: 0; top: 100%; width: 260px; opacity: 1; display: block; } .header-cart ul li a { text-align: right; display: block; padding: 7px 10px; text-decoration: none; } .header-cart ul ul { width: 260px; border: 2px solid #000; background-color: #161616; text-align: left; padding: 0; z-index: 9999; } .header-cart ul li li a { padding: 4px 8px 4px; background-color: #161616; font-weight: 400; border-bottom: 1px solid #333; font-size: 14px; display: flex; align-items: center; justify-content: space-between; } .header-cart ul li li a:hover { background: #262626; } /* .header-cart ul li li:first-child i, .header-cart ul li li:last-child i { color: #fff; } */ .header-cart ul li li:first-child a, .header-cart ul li li:last-child a { color: #fff; font-weight: 700; background: #444444; } .header-cart ul li li:last-child .card-list { color: #919191; } .header-cart .card-list { text-align: center; } .header-cart ul li li a i, .right_nav.cart_header a i { color: #888888; } .header-cart .card-list em, .right_nav.cart_header .card-list em { display: block; font-style: normal; color: #fdf912; } .header-cart .card-list ul li li a span { font-size: 12px; } .header-cart .already_downloaded { color: #aaa; border: 1px solid #fd9a2b; } .header-cart .promo_download_button { padding: 0 7px; color: #fd9a2b; } .header-cart.promo_downloaded .promo_download_button { color: #aaa; } .price-on-hover .header-cart.promo_download_container { border: 1px solid #fd9a2b; } .price-on-hover .header-cart.promo_download_container.promo_downloaded { border: 1px solid #aaa; } .price-on-hover.track-cart-button { justify-content: normal; } .price-on-hover.track-cart-button .header-cart{ margin:0; } .promo_download_button .promo_download_icon { font-size: 1.2em; } ul.right_nav.cart_header { border-right: solid 1px #4a4a4a; } .navbar li .right_nav.cart_header .dropdown ul > li { padding: 4px 8px 4px; background-color: #161616; font-weight: 400; border-bottom: 1px solid #333; font-size: 12px; display: flex; /* justify-content: center; */ align-items: center; justify-content: space-between; } /************************ 2 */ .select-t { font-size: 11pt; font-weight: 700; margin-bottom: 4px; } .cart-cont .hbtns a { vertical-align: middle; width: auto; padding: 0 10px; text-decoration: none; margin: 0; } .cart-cont .hbtns a.rem-selected:hover { background: #ce2222; } .cart-cont .hbtns a:hover { background: #58c026; } #selAllItems { position: relative; vertical-align: top; top: 9px; } .cart-cont .compact-btn { border-radius: 3px; font-size: 14px; text-align: center; line-height: 30px; white-space: nowrap; background-color: #000; display: inline-block; } .compact-btn.red { background-color: #911; } .cart-list { margin-top: 20px; } .cart-controls { display: inline-block; } /*******************/ .cart-list-hdr { position: relative; } .cart-list-hdr h2 { font-weight: 700; } .cart-list-hdr .btns { position: absolute; right: 0; top: 0; } .com-pl-all.bg, .com-play-all.bg { display: inline-block; width: 68px; text-align: right; } .com-pl-all.bg:hover, .com-play-all.bg:hover { text-shadow: 0px 0px 5px #ffffff; } /******************/ .table-track a, .btns a { text-decoration: none } .table-track table thead { background-color: #444; border-bottom: 1px solid #111; font-size: 14px; } .table-track table thead th:nth-child(1) { } .table-track table thead th { padding: 5px 10px; border-bottom: solid 1px #000; border-top: 0; } .table-track table td {/* background-color: #333;*/ border-bottom: solid 1px #272727; border-left: 0; border-right: 0; font-size: 12px; vertical-align: middle; height: 61px; padding: 0 10px; } .table-track table td.icon-div a { padding: 0 5px; } .table-track table td span, .table-track table td span a { display: block } .table-track table td span a { text-decoration: none; color: #aaa; } .table-track table td label span { display: inline-block; padding: 0 5px 0 0; } .icon-div i { font-size: 16px; } .icon-div select { width: 69px; } .cmove-to.compact-btn { margin: 0 10px 0 10px; } .rem-selected.compact-btn { margin: 0 10px 0 0px; } /*******************/ .slik_list li .chart_item.other-icon .release_info { width: calc( 100% - 915px ); } .slik_list li .chart_item.other-icon .release_info_right .rir_item.controls { width: 242px; } /************************ 18-6-19*/ #release_list .col-sm-12 { justify-content: flex-end; display: flex; padding: 0; } #release_list .hbtns span.select2-container--default, #release_list .hbtns a { background: #333333 !important; padding: 0px 20px !important; min-width: 137px; display: inline-block !important; min-height: 38px; margin: 0 0 5px 5px !important; line-height: 38px !important; font-size: 18px; font-weight: 600; -webkit-border-radius: 3px; border-radius: 3px; } .select-all-type { display: inline-block; } .cart-cont .header-cart.add-to-cart-page li { padding: 0; } #release_list .hbtns a i { color: #878787; } #release_list .hbtns a.red-bg { background: #f74522 !important; } #release_list .hbtns .select2-selection--single { border: 0; } #release_list .hbtns .select2-selection--single span { color: #fff; } #release_list .hbtns #selAllItems { top: 13px; } .t-release .header-cart { width: auto; } .slik_list li.t-release .chart_item { align-items: center; display: flex; overflow: inherit; } .t-release .header-cart ul li li:last-child a { background: none; } .list .slik_list li { overflow: inherit; } /* .list li div{ overflow: inherit;} */ .slik_list li.t-release .chart_item .release_info_right .rir_item.controls { overflow: inherit; } /*li.t-release .v_center { top: inherit; transform: inherit; }*/ li.t-release .chart_item .release_info_right { align-items: center; display: flex; } .slik_list li.t-release .chart_item .release_info_right .rir_item.controls { width: 150px; } /*.slik_list li.t-release .chart_item .player_trigger { height: auto; } li.t-release .chart_item .release_info { height: auto; }*/ td.icon-div .select2 { display: inline-block; } /*===================19-6-19*/ #card-element { border-radius: 4px; padding: 12px; border: 1px solid rgba(50, 50, 93, 0.1); height: 44px; width: 100%; background: #333; } .cart-subtotal-main { display: flex; justify-content: flex-end; color: #b8b8b8; } .cart-subtotal-main .col-6 { padding-bottom: 10px; } .cart-subtotal-main .row { max-width: 490px; float: right; justify-content: flex-end; } .cart-subtotal-main .text-right { padding-right: 0; } .discount-input { background: #333; padding: 0 3px; ; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 3px; border-radius: 3px; } .discount-input input[type="text"] { width: 112px; height: 26px; border: 0; display: inline-block; background: none; color: #aaa; } .discount-input input[type="button"] { background: #fdf912; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; color: #000; width: 45px; height: 26px; border: 0; font-size: 14px; display: inline-block; } /*background: #58c026; color: #fff*/ .discount-input input[type="button"]:hover { background: #72d940; } .discount-input a i { color: #8c8c8c; padding: 0 0 0 15px; } .cart-subtotal-main h3 { color: #b8b8b8; font-size: 18px; font-weight: 700; } .cart-subtotal-main .green-bg h3 { color: #729e33; } .cart-subtotal-main input[type="submit"] { background: #58c026; border: 1px solid #58c026; font-size: 1rem; height: 35.85532px; line-height: 33.85532px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; font-weight: 600; } .cart-subtotal-main input[type="submit"]:hover { background: #72d940; } #release_list .cart-cont .header-cart.add-to-cart-page ul ul a { margin: 0 !important; min-width: 100%; text-align: left; background-color: #161616 !important; } #release_list .cart-cont .header-cart.add-to-cart-page ul ul a:hover { background: #262626 !important; } .header-cart.add-to-cart-page ul li ul { margin-top: -5px; } #release_list .cart-cont .header-cart.add-to-cart-page ul li:first-child a { display: flex !important; align-items: center; } a.sel_all_move_track { color: #fff !important; } .cart-cont .header-cart.add-to-cart-page { width: auto; } .addtocart_prev { margin-top: 20px !important; margin-bottom: 20px!important; display: flex; justify-content: flex-end; width: 100%; padding: 0 15px 40px 0; } .empty_cart { justify-content: center; } .cart-page-table .slik_list li .chart_item .release_info_right .rir_item.controls { width: 265px; margin-right: 2px;} .cart-page-table .chart_item .rank { height: auto; padding: 13px 0; margin-right: 5px; } .rank.new-pos { border-right: 0 !important; } .cart-page-table .popmore { position: relative; top: 1px; } .cart-page-table label { display: flex; align-items: center; } .cart-page-table label span { padding-right: 5px; } #release_list .hbtns a.sel_all_cart_remove i { color: #e0e0e0; } #release_list .hbtns a.sel_all_cart_remove:hover { opacity: 0.8; } .addtocart_prev a.btn.success { font-size: 1rem; height: 35.85532px; line-height: 33.85532px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 0 15px !important; display: inline-block; min-width: 101px; margin-left: 10px; } .cart-page-table .price-last .select2 { width: 109px!important; } /********** 21-6-19 */ .price-on-hover { display: flex; align-items: center; justify-content: end; } .price-on-hover > .header-cart { display: flex; } .price-on-hover > .header-cart ul{cursor: pointer;} .cart-cont .hbtns .select2-selection--single{ position: relative; top: 1px; } .price-on-hover .header-cart.disabled { border: 1px solid #2b2b2b; /*pointer-events: none; */} .price-on-hover .header-cart.disabled > a, .price-on-hover .header-cart.disabled .hover-download > i{ color:#5d5d5d;} .price-on-hover .header-cart { border: 1px solid #fdf912; font-size: 16px; line-height: 20px; border-radius: 3px; color: #fdf912; margin: 0 2px 0 5px; } .price-on-hover .header-cart-preorder { border: 1px solid #db25aa; font-size: 16px; line-height: 20px; border-radius: 3px; color: #db25aa; margin: 0 2px 0 5px; } .price-on-hover .header-cart-preorder2 { font-size: 16px; line-height: 20px; border-radius: 3px; color: #db25aa; margin: 0 2px 0 5px; } .price-on-hover .header-cart .normal_badge { border: 0; font-size: 16px; line-height: 20px; border-radius: 0; margin: 0; } .cart-cont .select2-container--default .select2-selection--single { background-color: inherit; } .cart-subtotal-main .text-left-cart { max-width: 146px; } .v_center.rir_item.ellipsis.controls.price-last .icn-hvk-stream-add { position: relative; } /***************************/ /* 30-7-19*/ .cart_header .dropdown li a { padding: 8px; background-color: #161616; border-bottom: 1px solid #333; display: flex; /* justify-content: center; */ align-items: center; justify-content: space-between; text-transform: none !important; color: white; text-transform: uppercase; font-weight: 700; font-size: 14px; } .cart_header .dropdown li a i { color: #888888; } .cart_header .card-list { text-align: center; } .cart_header .card-list em { display: block; font-style: normal; color: #fdf912; } .cart_header .dropdown li:last-child a { color: #ccc; background: #3c3c3c; } .cart_header i { margin: 0 5px 0 0; max-width: auto; } .cart_header .dropdown { width: 281px !important; max-width: 281px; top: 100%; padding: 0 !important; } .header-cart.add-to-cart-page { width: auto; } .header-cart.add-to-cart-page ul li ul { border: 0px; } .header-cart.add-to-cart-page ul li { padding: 0; } .header-cart.add-to-cart-page ul li a { padding: 5px 10px; } .header-cart.add-to-cart-page ul li li:last-child a { background: none; font-weight: 400; } .header-cart.add-to-cart-page ul li li:last-child a:hover { background: #262626; } /*Date - 03 August 2019*/ .controls .btn.download { background: #fdf912; border: 1px solid#fdf912; padding: 0 6px !important; border-radius: 3px; color: #444; } .controls .btn.download:hover { background: #f0ec09; } .controls .btn.download i { color: #000; font-weight: 700; } .download-info { font-size: 24px; color: #fff; padding: 10px 0 15px 0; } /*Date - 05 August*/ .artists-div p { color: #aaa; text-transform: uppercase; font-size: 12px; margin: 0; padding: 0 0 25px 0; } .artists-div h2 { color: #fff; font-size: 18px; text-transform: uppercase; margin: 0 0 10px 0; padding: 0 0 4px 0; border-bottom: solid 1px #434343; } .artists-left span { color: #fff; font-weight: 700; padding: 0 0 0 10px; } .artists-right a { display: inline-block; border: solid 2px #729e33; padding: 2px 20px; color: #729e33; font-weight: 700; font-size: 12px; border-radius: 3px; text-transform: uppercase; } .artists-right a:hover { color: #72d940; border: solid 2px #72d940; text-decoration: none; } .artists-main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .artists-l { width: 47%; } .artists-l ul { margin: 0; padding: 0; } .artists-l ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 15px 0; } .artists-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } /*20/08/2019 */ .header-cart.download-upgrade:hover { border: 1px solid #fdf912; color: #fdf912; } .download-upgrade .hover-download { color: #fdf912; } /*21/08/2019*/ .btn.download_file.btn-info { background: #525252; border: 1px solid #525252; padding: 0 6px !important; border-radius: 3px; color: #fff; } .slik_list li .header-cart { opacity: 0.5; transition: opacity 0.2s ease-in; margin-top: 0; } .slik_list li .header-cart:hover, .slik_list li .header-cart:hover .buy_button { opacity: 1; } .slik_list li:hover i, .slik_list li:hover .buy_button, .slik_list li.cp_active i, .slik_list li.cp_active .buy_button { opacity: 1; } .slik_list li:hover .header-cart, .slik_list li.cp_active .header-cart { opacity: 1; } .header-cart.disabled ul li:hover ul { position: absolute; right: 0; top: 100%; width: 260px; opacity: 1; display: block; } .no-padding-ul li { padding-bottom: 0 !important; } .btn-download-zip { background: #fdf912; border: 1px solid #fdf912; padding: 0 6px !important; border-radius: 3px; color: #444; } .pandding-text h2 { color: #58c026; font-size: 18px; } .pandding-text p { color: #fff; font-size: 14px; line-height: 24px; } .pandding-text a { color: #fdf912; text-decoration: none; text-transform: uppercase; } .price-on-hover > .header-cart ul li { padding-bottom: 0; height: inherit;} .price-inline { display: flex; } .cart-page h3 { text-align: left; font-weight: 600; } ul.new_class > li > .v_center { position: relative; top: 50%; transform: translateY(-50%); } /* Settings Accordian Page */ .template_faq { background: #edf3fe; } .panel-group { background: #191a1f; border-radius: 3px; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04); margin-bottom: 0; padding: 30px; } #accordion .panel { border: medium none; border-radius: 0; box-shadow: none; margin: 0 0 15px 10px; } #accordion .panel-heading { border-radius: 30px; padding: 0; } #accordion .panel-title a { background: #191a1f none repeat scroll 0 0; border: 2px solid #444; border-radius: 4px; color: #fff; display: block; font-size: 18px; font-weight: 600; padding: 4px 20px 4px 50px; position: relative; transition: all 0.3s ease 0s; text-decoration: none; } #accordion .panel-title a.collapsed { background: #191a1f none repeat scroll 0 0; border: 2px solid #444; color: #fff; } #accordion .panel-title a::after, #accordion .panel-title a.collapsed::after { background: #58c026 none repeat scroll 0 0; border: 2px solid transparent; border-radius: 50%; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58); color: #fff; content: ""; font-family: fontawesome; font-size: 25px; height: 40px; left: -20px; line-height: 40px; position: absolute; text-align: center; top: -5px; transition: all 0.3s ease 0s; width: 40px; } #accordion .panel-title a.collapsed::after { background: #191a1f none repeat scroll 0 0; border: 2px solid #444; box-shadow: none; color: #fff; content: ""; } #accordion .panel-body { background: #191a1f; border-top: medium none; padding: 20px 25px 10px 9px; position: relative; } #accordion .panel-body { border-left: 1px dashed #fff; padding-left: 25px; } .panel-bill h2 { font-size: 20px; text-transform: uppercase; color: #fff; } .text-lable { color: #fff; font-size: 15px; font-weight: 600; width: 30%; float: left; } .right-side-input { width: 70%; float: left; } .pay-via { color: #fff; } .pay-via { margin: 0; padding: 0; } .pay-via li { list-style-type: none; display: flex; vertical-align: middle; } .cards-pay img { width: 50px; } .cards-pay { margin-right: 5px; display: inline-block; } .credit { margin-left: 10px; } .credit { margin-left: 10px; font-size: 15px; font-weight: 600; color: #fff; margin-right: 10px; } .rt-side { color: #fff; background: #58c026; font-size: 18px; font-weight: 600; border: 1px solid #58c026; padding: 5px 8px !important; border-radius: 4px; float: right; } .lt-side { color: #191a1f; background: #fdf912; font-size: 18px; font-weight: 600; border: 1px solid #fdf912; padding: 5px 8px !important; border-radius: 4px; float: left; } .button-right-side { margin: 20px 0; } .button-right-side:after { content: ""; display: block; clear: both; } .payment-method { margin-top: 50px; } .payment-method h2 { border-bottom: 0 !important; border-top: 1px solid #444; padding-top: 20px !important; } .list-audio { margin: 0; padding: 0; } .list-audio li { list-style-type: none; margin-bottom: 15px; } .list-audio p { margin-left: 32px; font-size: 14px; margin-bottom: 0; line-height: 24px; } .list-audio span { font-weight: 600; font-size: 15px; color: #fff; } .setting table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } .setting td, .setting th { border: 1px solid #dddddd; text-align: left; padding: 8px; } .setting .tdl-main { margin: 0 10px; font-size: 14px; font-weight: 600; } .setting h2 { font-size: 18px; margin-bottom: 20px; } .form-control { margin-bottom: 10px; } input.form-control { width: 100%; height: 40px; border-radius: 4px; } .form-group.row { display: flex; } .setting p { margin-bottom: 0; line-height: 24px; font-size: 14px; } .panel-bill h2 { font-size: 18px; text-transform: uppercase; color: #fff; padding: 0 0 10px; margin-bottom: 20px; } .cart-settings { margin-top: 30px; } .main { min-height: 80vh; margin-bottom: 30px; padding-top: 74px;} /* Base for label styling */ .panel-group-settings [type="checkbox"]:not(:checked), .panel-group-settings [type="checkbox"]:checked { position: absolute; left: -9999px; } .panel-group-settings [type="checkbox"]:not(:checked) + label, .panel-group-settings [type="checkbox"]:checked + label { position: relative; padding-left: 1.95em; cursor: pointer; } /* checkbox aspect */ .panel-group-settings [type="checkbox"]:not(:checked) + label:before, .panel-group-settings [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; background: #fff; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); } /* checked mark aspect */ .panel-group-settings [type="checkbox"]:not(:checked) + label:after, .panel-group-settings [type="checkbox"]:checked + label:after { content: '\2713\0020'; position: absolute; top: .15em; left: .22em; font-size: 1.3em; line-height: 0.8; color: #58c026; transition: all .2s; font-weight: 900; font-family: 'Open Sans', sans-serif; } /* checked mark aspect changes */ .panel-group-settings [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .panel-group-settings [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } /* disabled checkbox */ .panel-group-settings [type="checkbox"]:disabled:not(:checked) + label:before, .panel-group-settings [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .panel-group-settings [type="checkbox"]:disabled:checked + label:after { color: #999; } .panel-group-settings [type="checkbox"]:disabled + label { color: #aaa; } /* accessibility */ .panel-group-settings [type="checkbox"]:checked:focus + label:before, .panel-group-settings [type="checkbox"]:not(:checked):focus + label:before { border: 2px dotted blue; } /* hover style just for information */ label:hover:before { border: 2px solid #4778d9!important; } .panel-group-settings [type="radio"]:checked, .panel-group-settings [type="radio"]:not(:checked) { position: absolute; left: -9999px; } .panel-group-settings [type="radio"]:checked + label, .panel-group-settings [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; } .panel-group-settings [type="radio"]:checked + label:before, .panel-group-settings [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; } .panel-group-settings [type="radio"]:checked + label:after, .panel-group-settings [type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #58c026; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .panel-group-settings [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .panel-group-settings [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .panel-collapse { margin-top: 15px; } .btn.lt-side:hover { color: #000; } .icons-flex-settings { display: flex; } .switch.editCartName { margin: 0 10px; } .plans-grid { padding: 15px; background: url("/static/img/bg.png") no-repeat; background-size: cover; background-position: right; } .plans-logo span { color: #fff; font-size: 33px; font-weight: 700; margin-left: 30px; } .plans-logo img { vertical-align: top; max-width: 50px; } .usd-price h2 { color: #fff; font-weight: 300; font-size: 32px; text-align: left; } .usd-price h2 span { color: #58c026; } .textes h3 { color: #a19d9d; font-weight: 400; font-size: 20px; } .include-list h3 { color: #a19d9d; font-weight: 400; font-size: 20px; } .textes { text-align: center; } .include-list { border-top: 4px solid #58c026; padding-top: 15px; } .include-list h3 { color: #9b9798; text-align: center; font-size: 18px; font-weight: 400; } .include-list ul li { color: #fff; list-style-type: none; font-size: 14px; line-height: 30px; font-weight: 600; padding-left: 30px; position: relative; } .include-list ul li::after { content: ""; background: url("/static/img/check.png"); width: 24px; height: 24px; position: absolute; left: 0px; top: 2px; } .trial-btn { text-align: center; color: #fff; text-transform: uppercase; border: 2px solid #58c026; display: block; text-decoration: none; margin: 15px 0; background: #191a1f; } .trial-btn:hover { text-decoration: none; color: #fff; } .new-plans ul li::after, .new-plans:after { content: ""; display: block; clear: both; } .new-plans > ul > li { max-width: 329px; width: 100%; margin-bottom: 30px; float: left; padding-left: 15px; padding-right: 15px; position: relative; } .new-plans.single_plan > ul > li{ margin:0; margin-bottom: 30px; padding: 0;} .plans-logo { display: flex; } /*****new box******/ .left-part { float: left; background: #000; padding: 15px; width: 40%; } .right-part { background: #262b32; height: 100%; padding: 15px; width: 60%; color: #fff; } .main-box { display: flex; margin-bottom: 30px; background: #262b32; } .plans-logo span { color: #fff; font-size: 33px; font-weight: 700; margin-left: 30px; } .usd-price h2 { color: #fff; font-weight: 300; font-size: 32px; text-align: left; } .textes { text-align: center; } .textes-p h3 { color: #a19d9d; font-weight: 400; font-size: 20px; } .include-list-p h3 { color: #9b9798; text-align: center; font-size: 18px; font-weight: 400; } .include-list-p { border-bottom: 4px solid #58c026; padding-bottom: 10px; margin-bottom: 15px; } .usd-price h2 span { color: #58c026; } .usd-price { margin-top: 10px; } /*------27/09/2019-----------*/ .medium.btn-search.btn { position: absolute; right: 0; } .append.field.search_box { position: relative; } .v_center.new-text-c { position: relative !important; top: 50% !important; transform: translateY(-50%) !important; } a.popmore, a.popmore-link { font-size: 20px; } .dropdown-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .dropdown-box button { position: relative; width: 200px; height: 60px; font-size: 24px; background: #2196f3; border: none; box-shadow: none; outline: none; cursor: pointer; color: #fff; } .dropdown-box ul { position: absolute; margin: 0; padding: 0; width: 100%; background: #ccc; transform-origin: top; transform: perspective(1000px) rotateX(-90deg); transition: 0.5s; } .dropdown-box ul.active { transform: perspective(1000px) rotateX(0deg); } .dropdown-box ul li { list-style: none; } .dropdown-box ul li a { display: block; padding: 10px; text-align: center; text-decoration: none; background: #262626; color: #fff; border-bottom: 1px solid rgba(0, 0, 0,.2); transition: 0.5s; } .dropdown-box ul li a:hover { background: #0d7ad0; } .icon-dwn { display: none; } .v_center.rir_item.controls { text-align: right; } .v_center.rir_item.ellipsis.controls.show-controls-mob { text-align: right } #member_list { overflow: auto; } #member_list table { white-space: nowrap; } .home-toggle .header-cart { opacity: 0; position: absolute; right: 0; top: 100%; width: 260px; visibility: hidden; } .home-toggle { position: relative; display: inline-block; } .home-toggle .header-cart li { margin: 0 !important } .overflow-visible { overflow: visible; } .home-toggle:hover .header-cart { opacity: 1; visibility: visible } .box_sidebar.charts-list .list li.overflow-visible { overflow: visible; } .notification-box { background: #191a1f; padding: 15px; border-radius: 10px; width: 560px; position: absolute; right: 100%; top: -40px; z-index: 9; } .notification-box h5 { color: #fdf912; font-size: 18px } .notification-box p { font-size: 14px } .notificatio-section { position: relative; float: right; } .popup-box { padding: 0; /*overflow: hidden;*/ } .price-on-hover .normal_badge { margin-left: 10px; margin-right: 10px; display: flex; } .mobile-trriger { display: none; float: right; } .mobile-trriger a { display: block; float: left; } .more_icons .v_center{display:inline-block;} .buy_button.normal_badge.buy_button_price { margin: 0;} .content.signup_modal{padding: 15px;} .signIn_err { border-radius: 5px; background: #222; padding: 5px 8px; font-weight: bold;} .cart-page-table .slik_list li .chart_item .release_info { width: calc( 100% - 771px );} .v_center.rir_item.ellipsis.more_icons_trigger a.more_icons_trigger_switch{margin-right: 11px;} /* Charts Top 10 disabled style */ .home-toggle.disabled { border: 1px solid #191a1f; pointer-events: none; } .home-toggle.disabled > a { color:#5d5d5d; border: 1px solid #5d5d5d;} /*Discount Blocks*/ .sticky_discounts { position: fixed; top: 30%; right: 0; z-index: 99; } .sticky_discounts .sd_close { text-align: right; } .sticky_discounts .sd_close .sd_close_button { width: 20px; height: 20px; line-height: normal; font-weight: bold; margin-bottom: 5px; text-align: center; color: #000; background: #fff; display: inline-block; } .sticky_discount_block { width: 75px; display: block; margin-bottom: 5px; } .sticky_discount_block .sdb_block { padding: 5px 10px; color: #000; font-weight: bold; } .sticky_discount_block .sdb_block span { line-height: normal; } .sticky_discount_block .sd_purchase_discount { background: #58c026; } .sticky_discount_block .sd_promo_discount { background: #fd9a2b; } .sticky_discount_block .sd_streams_discount { background: #22c1f5; } .sdbm_content { text-align: center; color: #fff; /*background: url("https://pro.music-worx.com/static/img/NY-banner1600x200.jpg") no-repeat center center; background-size: cover;*/ } /*discount_bg.jpg*/ .sdbm_content p { margin-bottom: 3px; text-align: center;} .sdbm_content .sdbm_percentage { font-size: 40px; } .sdbm_content .sdbm_percentage strong { font-size: 1.3em;} .sdbm_content .sdbm_purpose { text-transform: uppercase; font-weight: bold; margin: 10px 0 20px 0; font-size: 22px; letter-spacing: 0.2em;} .sdbm_content .sdbm_time_rem { margin-bottom: 20px; font-weight: bold;} .sdbm_content .row { position: relative; } .sdbm_content .disc_countdown { width: 200px; margin: auto; background: none; font-weight: bold; margin:0 10px; display: inline-block;} .sdbm_content .disc_countdown .countdown-amount { font-size: 16px; line-height: 16px; } .sdbm_content .disc_countdown .countdown-period { font-size: 12px; line-height: 12px; } .sdbm_content .discount_code { font-size: 30px; } .sdbm_content .discount_name { font-size: 30px; line-height: 30px; margin-bottom: 20px; text-transform: uppercase;} .sdbm_content .close_coupon_highlight { position: absolute; top: 18px; right: 30px; font-size: 25px; } .sdbm_content .sdbm_button { margin: 15px 0;} .sdbm_content .sdbm_code { font-size: 22px; line-height: 28px; padding: 5px 10px; text-transform: uppercase;} .promo-color { color:#fd9a2b; } .purchase-color { color:#58c026; } .streams-color { color:#22c1f5; } .promo-color-bg { background:#fd9a2b; } .purchase-color-bg { background:#58c026; } .streams-color-bg { background:#22c1f5; } /* Media Queries*/ @media only screen and (max-width: 1199px) { header #logo { padding: 8px 0 3px 0; max-width: 40px; } header .header_bar .dj-streaming-button { margin-right: 8px; } .navbar ul li.header_search_item{ max-width: unset; min-width: unset; width: auto; } .chart-data-list.slik_list li .chart_item .release_info { width: calc( 100% - 815px ); } .modal .content.release_detail_content { width: 90%; } .slik_list li .chart_item .release_info_right .added_date { display: none; } } @media only screen and (max-width: 1100px) { .slik_list li .chart_item .release_info { width: calc( 100% - 770px ); } .ranked-track-list.slik_list li .chart_item .release_info { width: calc( 100% - 820px ); } .release_detail_content .ranked-track-list.slik_list li .chart_item .release_info { width: calc( 100% - 620px ); } .chart-data-list.slik_list li .chart_item .release_info { width: calc( 100% - 690px ); } .chart-data-list.slik_list li .chart_item .release_info_right .rir_item.remixer { display: none; } .slik_list li .chart_item .release_info_right .rir_item.bpm { display: none; } .charts_page .slik_list li .chart_item .release_info_right .rir_item.rel_date { display: none; } .single-release-tracks .ranked-track-list.slik_list li .chart_item .release_info { width: calc( 100% - 636px ); } .tabular-content .cont-tab { font-size: 14px; } } @media only screen and (max-width: 991px) { h1 { font-size: 67.77709px; font-size: 3.23607rem; } h1.xlarge { font-size: 109.66563px; font-size: 5.3541rem; } h1.xxlarge { font-size: 126.20665px; font-size: 6.88792rem; } h1.absurd { font-size: 177.44273px; font-size: 9.09017rem; } h2 { font-size: 29.79335px; font-size: 1.46208rem; } h4 { font-size: 25.88854px; font-size: 1.11803rem; } h5 { font-size: 18.4133px; font-size: 0.95083rem; } h6 { font-size: 16px; font-size: 0.8rem; } header #logo h1 { margin:0; } header #logo img { margin-left: 40px;} ul.left_nav.upper-white { display: none; } #hamburger { display: block; } header .header_bar { width: calc( 100% - 95px ) } header .language { margin-bottom: 14px;} header .promo-img { margin-bottom: 15px; margin-right: 0;} header .search_box { padding: 0; } .play_controls { display: block;} .play_controls ul li { font-size: 1.2rem} .v_center.rir_item.controls { text-align: center; } .slik_list li .chart_item .release_info { width: calc( 100% - 249px ); } .ranked-track-list.slik_list li .chart_item .release_info { width: calc( 100% - 249px ); } .release_detail_content .ranked-track-list.slik_list li .chart_item .release_info { width: calc( 100% - 249px ); } .chart-data-list.slik_list li .chart_item .release_info { width: calc( 100% - 249px ); } .single-release-tracks .ranked-track-list.slik_list li .chart_item .release_info { width: calc( 100% - 278px ); } .slik_list li .chart_item .release_info_right .rir_item.remixer { display: none; } .slik_list li .chart_item .release_info_right .rir_item:not(.controls) { display: none; } .slik_list li .chart_item .release_info_right .rir_item.controls { width: 88px; } .chart_item .release_info_right { margin-left: 8px; } .single-release-tracks .slik_list li .chart_item .release_info_right .rir_item:not(.controls) { /*display: unset;*/ } /*Search Page*/ .track_table .track_table_item .release_song_details .release_date, .track_table .track_table_item .release_song_details .genre { display: none; } .track_table .track_table_item .release_song_details .label_name { width: 25%; } .track_table .track_table_item .release_song_details .artist, .track_table .track_table_item .release_song_details .song_title { width: 31%; } .genre_dropdown .genre_list li { width: calc( 33% - 15px); } /* Bright Text for under sunlight devices */ body, h1, h2, h3, h4, h5, h6, form .field label { color: #eee;} .js .field .radio span, .js .field .checkbox span { border: 2px solid #aaa; } form fieldset { border: 1px solid #666; } form .field .input, .field .input { border: 1px solid #888; color:#eee; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #eee; } .select2-container--default .select2-selection--single { border: 1px solid #888; } .label_name, .label_name a { color: #ccc; } .pagination ul li a, .pagination ul li span { border-color: #888; } footer a { color: #ccc; } .downloaded_release { bottom: 29px; } .cookie_warning p { display: inline-block; text-align: center; font-size: 12px;} .cookie_warning .btn { height: 25px; line-height: 22px; margin-top: 5px; } .ranked-track-list li .chart_item .release_info { width: calc(100% - 270px); } } @media only screen and (max-width: 767px) { h1.title { font-size: 30px; } h1 { font-size: 67.77709px; font-size: 3.23607rem; } h1.xlarge { font-size: 109.66563px; font-size: 5.3541rem; } h1.xxlarge { font-size: 126.20665px; font-size: 6.88792rem; } h1.absurd { font-size: 177.44273px; font-size: 9.09017rem; } h2 { font-size: 29.79335px; font-size: 1.46208rem; } h4 { font-size: 25.88854px; font-size: 1.01803rem; } h5 { font-size: 18.4133px; font-size: 0.85083rem; } h6 { font-size: 16px; font-size: 0.6rem; } .input-info { padding-right: 0; } .sidebar .column, .sidebar .columns { width: auto; float: left; margin-left: 0; margin-right: 0; } .banner h4 { margin-top: 6px;} .artist { font-size: 18px; } /*.song_title, .album, .mix { font-size: 14px;}*/ .song_title, .song_title a{ color:#fff;} .artist, .artist a{ color:#58c026;} /*.slider_h .bx-wrapper .bx-controls-direction a { background-size: 12px !important; height: 26px !important; margin-top: -13px !important; width: 18px !important} */.slider_v .bx-wrapper .bx-controls-direction a { padding: 16px;} .slider_h .bx-wrapper .bx-prev { left: 0px !important;} .slider_h .bx-wrapper .bx-next { right: 0px !important;} .slider_v .bx-wrapper .bx-prev { top: 0px !important; height: 24px !important; width: 14px !important;} .slider_v .bx-wrapper .bx-next { bottom: 0px !important; height: 24px !important; width: 14px !important; bottom: 2px !important;} /*Navigation*/ /*#nav1 { min-height: 60px;} .navbar ul li, .navbar ul li > a { min-height: 50px; line-height: 50px;} .navbar ul li .dropdown { max-width: none;} .navbar li .dropdown ul > li a { padding-top: 0; padding-bottom: 0; line-height: 50px;}*/ /*New Release*/ .releases .single_release { padding-bottom: 0; background: #000;} .releases .single_release .release_name,.releases .single_release .release_genre,.releases .single_release .release_date { width: 100%; float:none;} .releases .single_release .release_info {margin-bottom: 0;} .releases .single_release .release_mix { width: 100%; float:none; padding-left: 0; clear:both;} .releases .single_release .single_mix { } .releases .single_release .mix_title { width: 42%; float:left; padding-left:10px;} .releases .single_release .mix_genre { width: 25%; float:left;} .releases .single_release .mix_controls { width: 33%; float:right;} .release_date, .release_genre { font-size: 13px; margin-right: 20px;} /*News Single*/ .news_single .news_banner_title { padding: 15px;} .news_single .news_short_desc { display: none;} .news_single .news_short_desc_mobile { display: block; color: #fff;} .news_single .news_content { padding: 15px;} .news_single .news_content .news_thumb { float: left; width: 40%; margin-right: 15px;} /*Statistics*/ .feedbacks .single_feedback .left { width: 15%;} .feedbacks .single_feedback .right { width: 82%; margin-left: 3%} .feedbacks .single_feedback .right .feedback_comment { background: #191a1f; border-radius: 2px; padding: 5px; font-size: 15px;} .statistics .release_info .left { width: 30%; } .statistics .release_info .right { padding-left: 10px; width: 70%; float: left;} .statistics .release_info .right .song_title { font-size: 22px; } input.wide:last-child, .input.wide:last-child, input.wide:last-of-type, .input.wide:last-of-type { margin-left: 0; } input.wide, .input.wide { width: 100%; margin: 0; } form .select_genre .checkbox { width: 50%; } form .prev_btn { margin-bottom: 20px; } /*List View*/ /* .box_sidebar.charts-list .list .play_controls { visibility: visible; } .slik_list li .chart_item .release_info { width: calc( 100% - 114px ); } .ranked-track-list.slik_list li .chart_item .release_info { width: calc( 100% - 200px ); } .chart-data-list.slik_list li .chart_item .release_info { width: calc( 100% - 200px ); } .v_center.rir_item.ellipsis.controls.show-controls-mob { display: block !important; width: auto !important; } .slik_list li .chart_item .release_info_right .rir_item { display: none; } .slik_list li .chart_item .release_info_right .rir_item.genre { display: none; } .slik_list li .chart_item .release_info_right .rir_item.more_icons_trigger { display: inline-flex; } .slik_list li .chart_item .release_info_right .more_icons .rir_item { display: inline-block; } .slik_list li .chart_item .player_trigger { display: none; } .chart_item .chart_history_data { display: none; } */ /*Head Extras*/ .head_extra{ display: block; float: unset;} .head_extra .filters > div, .head_extra .filters > select, .head_extra .filters > span { margin-bottom: 10px; display: inline-block;} .head_extra .filters .views_option { top: -3px; } .head_extra .back_btn { display: none; } /*Header*/ /*header #logo { max-width: 200px; margin-bottom: 10px;}*/ .header_items { clear: both; } header .language { float: left; margin-bottom: 10px;} header .promo-img { width: auto; max-width: 310px; float: left; margin:0 0 15px 0;} /*Video Page*/ .video_info h5, .video_info h6 { font-size: 12px; } /*Index*/ .main-content .sidebar.cont_sb { display: block; } .sidebar.page_sb .top100 { display: none; } /*Release Page*/ .promo_release .release_song_list { border-top: 1px solid #444; } .promo_release .release_song_list li { height: 75px; position: relative;} .promo_release .release_song_list .rank_wrap { float: left; } .promo_release .release_song_list .rank { float: unset; } .promo_release .release_song_list .first_li { display: none; } .promo_release .release_song_list .release_song_details > p { display: none; } .promo_release .release_song_list .release_song_details { width: calc(100% - 80px); float:left; } .promo_release .release_song_list .release_song_details .mobile_song_details { display: block; } .promo_release .release_song_list .release_song_details .mobile_song_details p { width: 100%; } .promo_release .release_song_list .release_song_details .mobile_song_details .remixer, .promo_release .release_song_list .release_song_details .mobile_song_details .genre { font-size: 12px; } .promo_release .release_song_list .player_trigger { display: none; } .promo_release .more_icons_trigger { display: block; float: right;} .promo_release .more_icons .rir_item{ display: inline-block; } /*Search Page*/ .search_panel .release_date { display: none; } .search_panel .track_table .track_table_item { height: 50px; position: relative;} .search_panel .track_table .track_table_item .more_icons_trigger { display: block; } .search_panel .track_table .track_table_item .player_trigger { display: none; } .search_panel .track_table .track_table_item .release_song_details .controls { display: none; } .search_panel .track_table .track_table_item .release_song_details { width: calc(100% - 85px); margin-left: 5px; float: left;} .small_modal .content { width: 80%; } .marketing_blocks { display: none; } .info_block_text { display: none; } .pic_modal .pm_content_holder { padding:10px; width: 100%; } .genre_dropdown .genre_list li { width: 49%; } .modal.small .content, .modal.medium .content { width: 92.5%; } .mobile_device_only { display: inline-block; } .mobile_device_only .is_downloaded_icon { margin:0; } .sliders .slider_left h1, .sliders .slider_right h1 { font-size:18px; } #promotion_highlight ul li { width: 48%; padding:15px 0; } #promotion_highlight .close_coupon_highlight { top: 10px; right: 10px;} .book_promotion h5 { font-size: 17px; } footer { background: #000000; } footer.player_activated { margin-bottom: 108px; } .sliders h2 { padding: 8px 0; font-size: 14px !important;} .icon-dwn{ display: block; } .for-desk{ display: none; } .full-w .profile_head .left { width: 30%; } .full-w .profile_head .right { width: 67%; } .slik_list li .chart_item .list-playqueue-icons { display: inline-block; height: 66px; width: 36px; margin-left: -36px;} .slik_list li .chart_item .list-playqueue-icons .player_trigger { height: auto; width: 36px;} .slik_list li .chart_item .list-playqueue-icons .player_trigger .v_center { top:auto; transform: inherit; } .slik_list li .chart_item .list-playqueue-icons .player_trigger .rir_item { background: #000; height: 33px; padding-top: 5px;} .slik_list li .chart_item .list-data-labelgenre { display: block; } .slik_list li .chart_item .release_info .artist { padding-bottom: 3px; } .slik_list li .chart_item .release_info .artist, .slik_list li .chart_item .list-data-labelgenre { font-size: 14px; line-height: 1.1em; display: block; } .slik_list li .chart_item .album_cover .album-container .promoted_badge_on_cover { left: -26px; } .chart_item .release_info { height: 66px; } .chart_item .album_cover a { width: 66px; } .chart_item .album_cover { width: 66px; max-height: 66px; } .chart_item .rank { height: 66px; } .cart-page-table .slik_list li .chart_item .release_info { width: calc( 100% - 350px ); } .single-release-tracks .slik_list > li:first-child { display: none; } .single-release-tracks .ranked-track-list.slik_list li .chart_item .release_info { width: calc( 100% - 150px ); } /* Notify */ .notifyjs-mw-base{ padding: 8px 10px !important; max-width: 90% !important; white-space: normal !important; } .modal .content.release_detail_content { width: 100%; top:0; max-height: calc(100vh - 130px);} .modal .release_detail_content .quickview-tracks .slik_list > li:first-child { display: none; } .modal .no-player-overlap { height: calc(100vh - 130px); top:0; } .modal .mobile-full-w-modal { width: 100%; } .modal.height-adjusted .content { max-height: calc(100% - 115px); } .statistics .promo-img img { max-width: 300px; margin-top: 20px;} .text-left-mobile { text-align: left; } } @media only screen and (min-width: 926px) { /*.navbar .right_nav li.account_menu .dropdown { width:134px !important;}*/ } /*@media only screen and (min-width: 1200px) { .with-tiny-sidebar .slik_list li .chart_item .release_info { width: calc( 100% - 865px ); } }*/ @media only screen and (min-width: 992px) and (max-width: 1199px) { header .header_bar { width: calc( 100% - 55px ) } .navbar ul li > a.menu-link { padding-left: 4px; padding-right: 4px; } .navbar ul.right_nav li > a.menu-link { padding-left: 8px; padding-right: 8px; } } @media only screen and (max-width: 575px) { header .header_bar .dj-streaming-button .btn a { padding: 0 10px; } header .header_bar .dj-streaming-button .btn i { margin:0; } header .header_bar .cart_header .c { display: none; } .slik_list li .chart_item .release_info_right .rir_item .header-cart, .box_sidebar.charts-list .list .header-cart { border: none; } .slik_list li .chart_item .release_info_right .rir_item .header-cart.disabled { border: none; } .slik_list li.t-release .chart_item .release_info_right .rir_item.controls { width: 80px; } .chart-data-list.slik_list li.t-release .chart_item .release_info_right .rir_item.controls { width: 100px; } .slik_list li .chart_item .release_info { width: calc( 100% - 145px ); } .ranked-track-list.slik_list li .chart_item .release_info { width: calc( 100% - 145px ); } .release_detail_content .ranked-track-list.slik_list li .chart_item .release_info { width: calc( 100% - 145px ); } .chart-data-list.slik_list li .chart_item .release_info { width: calc( 100% - 145px ); } /*.slik_list li .chart_item h6 { font-size: 12px; padding:0; }*/ .filter-item.relative_filter.has_dropdown { position: unset; } .filter_dropdown, .filter_dropdown.wide { width: 100%; right:0; } .header-cart .promo_download_button { padding: 0; } } @media only screen and (max-width: 500px) { .navbar ul li > a.menu-link { padding-left: 6px; padding-right: 6px; } .no_small_mobile { display: none; } .only_small_mobile { display: inline-block; } .sliders h2 { padding: 5px 0; font-size: 1em; } .promo_release .cover_image { width: 100%; float: none; } .promo_release .release_confirm_info { width: 100%; float: none; padding-left: 0; margin-top: 10px;} .statistics .release_info .left { width: 100%; float: none; } .statistics .release_info .right { padding-left: 0; width: 100%; float: none; display: block; margin-top: 10px;} .statistics .release_info .right .song_title { font-size: 22px; } .search_panel .track_table .track_table_item .release_song_details p { width: 100%; } .search_panel .track_table .track_table_item .release_song_details > .song_title, .search_panel .track_table .track_table_item .release_song_details > .artist, .search_panel .track_table .track_table_item .release_song_details > .label_name { display: none; } .track_table .track_table_item .release_song_details .song_title small { display: inline-block; } .artist_on_mobile { display: block; padding-top: 4px;} .sliders .slider_left h1, .sliders .slider_right h1 { font-size:15px; } } @media only screen and (max-width: 444px) { form .select_genre .checkbox { width: 100%; } } @media only screen and (max-width: 375px) { .sliders h2 { padding: 3px 0; font-size: 0.9em; } /*Tabs*/ .tabs.chart_tabs .tab_item span{ display: none;} .tabs.chart_tabs .tab_icon{ display: inline-block;} .tabs.chart_tabs .fa { margin:0 5px; min-width: 20px; } .tabs.chart_tabs .rank .fa { margin:0;} header .search_box .input { width: 71%; } header .search_box { width: 140px; } .navbar ul li.header_search_item { max-width: 105px; } } @media only screen and (max-width: 1050px) and (min-width: 768px) { /*Tabs*/ .tabs.chart_tabs .tab_item span{ display: none;} .tabs.chart_tabs .tab_icon{ display: inline-block;} .tabs.chart_tabs .fa { margin:0 5px; min-width: 20px; } .sidebar.page_sb .list_item { height:50px; } } @media only screen and (max-width: 1300px) and (min-width: 1200px) { /*Tabs*/ .menu-account-text { display: none; } .navbar ul li.header_search_item { max-width: 170px; } .slik_list:not(.chart-data-list):not(.ranked-track-list) li .chart_item .release_info_right .rir_item.remixer, .slik_list:not(.chart-data-list):not(.ranked-track-list) li .chart_item .release_info_right .rir_item.list-data-label, .slik_list:not(.chart-data-list):not(.ranked-track-list) li .chart_item .release_info_right .rir_item.genre { width: 150px; } } @media only screen and (min-width: 1300px){ .slik_list:not(.chart-data-list):not(.ranked-track-list) li .chart_item .release_info_right .rir_item.remixer, .slik_list:not(.chart-data-list):not(.ranked-track-list) li .chart_item .release_info_right .rir_item.list-data-label, .slik_list:not(.chart-data-list):not(.ranked-track-list) li .chart_item .release_info_right .rir_item.genre { width: 180px; } header .header_bar .how-it-worx-btn { display: inline-block; } } @media only screen and (min-width: 576px){ header.no-login #logo { max-width: 180px; float: left; padding: 10px 0; } header.no-login .header_bar { width: calc( 100% - 195px ); } } /************Responsive css***************/ @media only screen and (max-width: 991px){ .new-plans > ul > li { max-width: 50%; width: 100%; } .new-plans.single_plan > ul > li { width: 100%; max-width: 100%; } } @media only screen and (max-width: 767px){ .new-plans > ul > li { width: 100%; max-width: 100%; } .usd-price h2{ font-size: 25px; } a.menu-link.hide-on-mobile { display: none !important; } span.menu-account-text.d-none.d-sm-inline { display: none !important; } .mobile-show{ display: none; } /*a#mobile-sarch-icon { background: transparent; text-align: right; font-size: 15px; display: inline-block; margin: 10px 0; }*/ } /* additional streams css*/ .add-streams{ display: block; padding-left: 76px; font-size: 25px; line-height: 27px; font-weight: 500; } .add-usd-price h2 { text-align: center; } .new-plans{ width: 100% !important; } .add-box{ margin: auto; width: 30%; padding: 20px; } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: .25rem; } .alert-danger { color: #721c24; background-color:#f8d7da; border-color:#f5c6cb; } #wait { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,0.6); } #wait div{ border: 16px solid #2f93c2; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; position:absolute; top:50%; left:50%; padding:2px;" -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } .gradient-text { /* Fallback: Set a background color. */ background-color: red; /* Create the gradient. */ background-image: linear-gradient(45deg, #fecd43, #de2854); /* Set the background size and repeat properties. */ background-size: 100%; background-repeat: repeat; /* Use the text as a mask for the background. */ /* This will show the gradient as a text color rather than element bg. */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; } .gradient-button { /* Fallback: Set a background color. */ background-color: red; /* Create the gradient. */ background-image: linear-gradient(45deg, #fecd43, #de2854); /* Set the background size and repeat properties. */ background-size: 100%; background-repeat: repeat; padding: 1px 8px; border-radius: 3px; color: #000; } .gradient-button:hover { color: #000; }