@charset "UTF-8";
/*
Portal Name: ZoomPortal
Theme URI: https://digitalzoomstudio.net
Author: ZoomIt
Author URI: https://digitalzoomstudio.net
Version: 1.52
*/
/************************************
------------CSS RESET----------------
************************************/
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

:focus {
  outline: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*clearfix*/
.clearfix {
  display: block;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

h1 {
  font-size: 72px;
  font-weight: 300;
}

/************************************
GENERAL STYLING
************************************/
html {
  max-width: 100vw;
}

body {
  background-color: #eff1f2;
  color: #333;
  font-family: "Pt Sans", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  max-width: 100vw;
  position: relative;
}
body .content-wrapper {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
body .dzsap-sticktobottom {
  z-index: 5;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
  background-color: #EEEEEE;
}
body .dzsap-sticktobottom > .container {
  background-color: inherit;
}
body .dzsap-sticktobottom.dzsap-sticktobottom-for-skin-silver:not(.audioplayer-loaded) {
  bottom: -49px;
}
body .player-dark-theme .skin-simple:hover,
body .skin-simple:hover {
  color: #CCCCCC;
}
body .player-dark-theme .skin-simple:hover svg.the-icon,
body .skin-simple:hover svg.the-icon {
  fill: #ccc;
}
body .audioplayer.skin-silver .ap-controls .ap-controls-right .meta-artist-con .the-artist {
  color: #222222;
}
body .audioplayer.skin-silver .ap-controls .ap-controls-right .meta-artist-con .the-artist > a {
  color: inherit;
}
body .advancedscroller .thumbsClip {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
body .dzsap-sticktobottom-placeholder.dzsap-sticktobottom-placeholder-for-skin-wave {
  height: 0px;
}
body .dzsap-sticktobottom-placeholder.dzsap-sticktobottom-placeholder-for-skin-wave.active {
  height: 80px;
}

.shortcode-widget_stats.type-followers {
  padding-left: 10px;
}
.shortcode-widget_stats.type-followers .col-md-2 {
  width: calc(16.66666667% + 10px);
  margin-left: -10px;
  display: inline-block;
}
.shortcode-widget_stats.type-followers > p:first-child {
  margin-left: -10px;
}

body .dzsap-charts .title-col .the-artist > a {
  color: #444444;
}

body .audioplayer.skin-silver a {
  color: #444444;
}

.button-aspect-noir--filled {
  color: #fff9f9;
}
.button-aspect-noir--filled .player-but .svg-icon {
  color: #ffffff;
}

.tagcloud05 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tagcloud05 ul li {
  display: inline-block;
  margin: 0 0 0.3em 1em;
  padding: 0;
}

.tagcloud05 ul li a {
  position: relative;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 1em;
  background-color: #3498db;
  border-radius: 0 3px 3px 0;
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.tagcloud05 ul li a::before {
  position: absolute;
  top: 0;
  left: -15px;
  content: "";
  width: 0;
  height: 0;
  border-color: transparent #3498db transparent transparent;
  border-style: solid;
  border-width: 15px 15px 15px 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.tagcloud05 ul li a::after {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background-color: #fff;
  border-radius: 100%;
}

.tagcloud05 ul li span {
  display: block;
  max-width: 100px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tagcloud05 ul li a:hover {
  background-color: #555;
  color: #fff;
}

.tagcloud05 ul li a:hover::before {
  border-right-color: #555;
}

.user-tooltip {
  padding: 0 !important;
  background-color: #222222 !important;
  z-index: 5555 !important;
}
.user-tooltip .user-tooltip--content {
  display: block;
  position: relative;
  opacity: 0;
  transition-delay: 1s;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.user-tooltip .fa-users, .user-tooltip .fa-users + .followers-count {
  display: inline-block;
  vertical-align: middle;
}
.user-tooltip .fa-users + .followers-count {
  font-size: 11px;
}
.user-tooltip.loaded .user-tooltip--content {
  opacity: 1;
}
.user-tooltip .preloader-fountain {
  position: absolute;
}
.user-tooltip .fountainG {
  background-color: #ffffff;
}
.user-tooltip .user-summary-background-con {
  width: 100%;
  height: 75px;
  overflow: hidden;
  display: block;
  width: calc(100% + 30px);
  height: 75px;
  overflow: hidden;
  display: block;
  margin-top: -15px;
  margin-left: -15px;
  margin-right: -15px;
}
.user-tooltip .user-summary-background {
  width: 100%;
  height: 75px;
  border-radius: 3px 3px 0 0;
  background-size: cover;
  background-position: center center;
  position: relative;
  display: block;
  filter: blur(13px);
}
.user-tooltip .user-summary-background.cover-user-set {
  filter: blur(0px);
}
.user-tooltip .user-avatar {
  position: absolute;
  top: 60px;
  left: 10px;
  width: 50px;
  display: block;
  height: 50px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.user-tooltip .user-meta {
  padding: 10px 10px 10px 70px;
  display: flex;
  align-items: center;
  align-content: center;
}
.user-tooltip .user-meta .dzs-button span.the-text {
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: baseline;
}
.user-tooltip .user-meta .dzs-button:hover .the-bg, .user-tooltip .user-meta .dzs-button.active .the-bg {
  background-color: #8c8b47;
}
.user-tooltip .preloader-fountain {
  opacity: 1;
  transition-delay: 1s;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.from-generate-comment-str .the-comment-author {
  display: inline-block;
  margin-right: 5px;
}
.from-generate-comment-str .the-comment-author > * {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.from-get_username {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.the-name .the-username.from-get_username > .user-tooltip {
  display: none;
}

.slider-main .user-tooltip {
  display: none;
}

.comments-holder .dzstooltip .dzstooltip {
  display: none;
}

.dzstooltip {
  z-index: 5555;
  pointer-events: none;
}
.dzstooltip .the-comment-author {
  white-space: nowrap;
}
.dzstooltip .the-comment-author > * {
  display: inline-block;
}
.dzstooltip .the-says, .dzstooltip .the-punct {
  opacity: 0.5;
  display: inline-block;
}

span.the-avatar {
  display: inline-block;
}

.dzstooltip-con .dzstooltip--inner {
  white-space: nowrap;
}

.dzstooltip-con .dzstooltip--inner .the-comment-content {
  white-space: normal;
}

.dzstooltip-con:hover .dzstooltip, .dzstooltip.active {
  pointer-events: auto;
}

.reposted-by > .the-label > strong > a {
  opacity: 1;
}

body .audioplayer.skin-wave .comments-holder .dzstooltip .dzstooltip-con {
  position: relative !important;
}

.dzstooltip-con-user-summary.instant-transition .user-tooltip--content {
  transition-delay: 0s;
}
.dzstooltip-con-user-summary.instant-transition .preloader-fountain {
  transition-delay: 0s;
}

.dzstooltip-con-user-summary.loaded .user-tooltip--content {
  opacity: 1;
}
.dzstooltip-con-user-summary.loaded .preloader-fountain {
  opacity: 0;
}

.flex-1 {
  flex: 0 0 auto;
}

.flex-all {
  flex: 1000;
}

.shortcode-widget_stats .dzstooltip {
  display: none;
}

.from-get_username {
  max-width: 100%;
}

.user-field--username {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}

.user-round-view {
  padding: 10px;
  display: block;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  background-color: rgba(255, 200, 200, 0);
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.user-round-view .the-avatar {
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
}
.user-round-view h4 {
  text-align: center;
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  width: 100%;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
.user-round-view h4 > * {
  display: inline-block;
}
.user-round-view.user-round-view--mini {
  padding: 3px;
  border-radius: 50%;
}
.user-round-view.user-round-view--mini, .user-round-view.user-round-view--mini:hover {
  background-color: white;
}

.user-round-view:hover {
  color: inherit;
  background-color: rgba(255, 200, 200, 0.2);
  text-decoration: none;
}

body {
  max-width: 100vw;
  overflow-x: hidden;
}

body.page-embed {
  background-color: transparent !important;
}
body.page-embed .content-wrapper {
  background-color: transparent;
}
body.page-embed .reposted-by {
  position: fixed;
  right: 0;
  top: 0;
}
body.page-embed .audioplayer:first-of-type {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.box-main-media.type-inlinecontent {
  background-color: #ffffff;
  padding: 15px;
}

.dzstooltip-con.for-hover:hover > .dzstooltip {
  visibility: visible;
  opacity: 1;
}

.real-media .hidden-content-for-zoombox, .real-media > .hidden-content {
  display: block !important;
}
.real-media > #reportcopyright {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
}
.real-media > #reportcopyright > .reportcopyright {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.real-media > #reportcopyright > .reportcopyright textarea {
  height: 100px;
}

.ultibox-gallery-arrow {
  display: none;
}

.hidden-content-for-zoombox {
  display: none;
}

body.responsive-mode {
  perspective: 1000px;
}
body.responsive-mode .content-wrapper {
  width: 100%;
  transform: translate3d(0, 0, 0) rotateY(0deg);
  -webkit-transform: translate3d(0, 0, 0) rotateY(0deg);
  perspective: 700px;
  min-height: 100vh;
  -webkit-perspective: 700px;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
body.responsive-mode .dzsap-charts .title-col {
  max-width: calc(100vw - 200px);
}

.page-playlistadd,
body.responsive-mode.reinited:not(.is-admin) {
  background-color: #444444;
}

.responsive-menu-closer {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 100%;
  height: 100%;
  transform: scale(0);
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  border-radius: 50%;
  transform-origin: top left;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

a:not(.custom-a) {
  color: #db4343;
}

.zoomtimeline {
  opacity: 0;
  visibility: hidden;
}

.stats-btn.active {
  color: #ffffff;
}
.stats-btn.active:before {
  background-color: #444;
}

.stats-container {
  margin-top: 10px;
  position: relative;
  font-size: 0;
  line-height: 0;
  padding: 0;
  line-height: 1.5;
  font-size: 13px;
  padding: 10px 15px;
  margin-top: 0;
  background-color: #444444;
  color: #ffffff;
  opacity: 0;
  transform: scale(0);
  transition-property: transform, opacity, padding, margin;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.stats-container .hidden-data {
  display: none;
}
.stats-container .col-sm-4 {
  text-align: center;
}
.stats-container .the-number {
  font-size: 50px;
  padding-top: 10px;
  display: inline-block;
  font-weight: 300;
}
.stats-container h6 {
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.stats-container .row {
  margin-bottom: 0;
}
.stats-container.loaded {
  transform: scale(1);
  opacity: 1;
  margin-top: 15px;
  padding: 15px 15px;
}
.stats-container:before {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid #444444;
  content: "";
  position: absolute;
  bottom: 100%;
  left: 25%;
}
.stats-container .trackchart text {
  fill: #fff;
}

.content-wrapper {
  min-height: 100%;
  background-color: #eff1f2;
  position: relative;
  left: 0;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.content-wrapper .zoomtimeline.skin-default:not(.under-400) .ztm-item {
  margin-bottom: 0;
}
.content-wrapper .zoomtimeline.skin-default:not(.under-400) .ztm-item .hex-icon {
  top: 30px;
}
.content-wrapper .zoomtimeline.skin-default:not(.under-400) .ztm-item .hex-desc-con {
  top: 98px;
  left: -5px;
  width: 80px;
}
.content-wrapper .advancedscroller .caption.skin-white {
  font-size: 19px;
  font-weight: 300;
  padding: 7px 15px;
  top: 15px;
  background-color: rgba(50, 50, 50, 0.7);
  color: #f0fff0;
  transition-property: background, top;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.content-wrapper .advancedscroller .caption.skin-white:hover {
  background-color: #323232;
}
.content-wrapper .advancedscroller a.caption.skin-white {
  text-decoration: none;
}
.content-wrapper .dzs-tabs.skin-events {
  margin-top: 10px;
}
.content-wrapper .dzs-tabs.skin-events .post-date .the-color-bg {
  opacity: 0.85;
}
.content-wrapper .dzscalendar.skin-responsive-galileo .curr-date > * {
  text-shadow: 0 0 3px rgba(10, 10, 10, 0.8);
}
.content-wrapper .dzscalendar.skin-responsive-galileo .dzstooltip.skin-whiteheading.arrow-left {
  margin-top: 10px;
}
.content-wrapper .dzscalendar.skin-responsive-galileo .main-mon .mon-body .week-day.hasEvent .the-number:before {
  content: "";
  width: 30px;
  height: 30px;
  background-color: rgba(200, 30, 30, 0.07);
  border-radius: 50%;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
}
.content-wrapper .dzspt-table.skin-default .dzspt-col .dzspt-col-inner .title-item {
  background-color: #fefefe;
  color: #222;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
.content-wrapper .dzspt-table.skin-default.color-table .dzspt-col:first-of-type {
  color: #941F1F;
}
.content-wrapper .dzspt-table.skin-default.color-table .dzspt-col:last-of-type {
  color: #2A941F;
}

.content-section.page-type-track .audioplayer .extra-html .counter-comments, .content-section.page-type-track .audioplayer .extra-html .counter-hits, .content-section.page-type-track .audioplayer .extra-html .counter-likes {
  color: #dddddd;
}
.content-section.page-type-track .edit-btn--track {
  position: fixed !important;
  left: 10px;
  top: 103px !important;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 55;
  border-radius: 3px;
  padding: 10px;
  line-height: 1;
  color: #FFF;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

.color-bg {
  background-color: #eff1f2;
  fill: #eff1f2;
}

.display-block {
  display: block;
}

.content-container {
  position: relative;
}

.content-container + .shortcode-cover_image {
  margin-top: -20px;
}

p {
  margin-bottom: 8px;
  line-height: 1.5;
  min-height: 1px;
}

h2 {
  color: #222;
  font-size: 2em;
  margin: 10px 0;
  font-weight: 300;
}

h2.row-title {
  text-align: left;
  color: #222;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
  padding-top: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  font-size: 22px;
  line-height: 18px;
  display: inline-block;
  margin-top: 15px;
}

h3 {
  font-size: 1.5em;
  font-weight: normal;
  margin: 10px 0;
}

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

ol {
  list-style-type: decimal;
}

ol,
ul {
  margin: 0 1.5em 1.5em 3.5em;
}

.mwrap-wrapper {
  overflow: hidden;
  width: 100%;
}

a:not(.custom-a) {
  text-decoration: none;
  opacity: 0.9;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

a:not(.custom-a):hover {
  opacity: 1;
}

a:not(.custom-a):hover, a:not(.custom-a):visited {
  text-decoration: none;
}

a.bluestyle {
  text-decoration: none;
  background: #33CCFF;
  color: #fff;
  padding: 7px;
}

a.bluestyle:hover {
  background: #33FFFF;
}

.kill-margin-top {
  margin-top: -16px;
  padding-top: 16px;
}

.big-quote {
  font-size: 32px;
  font-family: Courier New, Arial;
  font-style: italic;
  line-height: 1em;
}

.fullwidth {
  width: 100%;
}

h3.widget-title {
  padding-top: 0;
  font-size: 14px;
  text-transform: none;
  font-weight: bold;
  color: #6b6b6b;
}
h3.widget-title > i {
  margin-right: 7px;
  vertical-align: middle;
  font-size: 11px;
}
h3.widget-title .title-right {
  float: right;
  font-size: 11px;
  font-weight: 400;
}
h3.widget-title .the-label {
  display: inline-block;
  vertical-align: middle;
}

.shortcode-text *.widget-title:first-child:last-child {
  padding-bottom: 0;
  margin-bottom: 5px;
}

.shortcode-cover_image .dzsparallaxer--target {
  height: 130%;
}
.shortcode-cover_image .coverimage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-size: cover;
  height: 100%;
}
.shortcode-cover_image .the-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-size: cover;
  height: 100%;
  background-color: rgba(50, 50, 50, 0.85);
}

body .player-dark-theme:not(.ceva) .extra-html,
body .player-dark-theme:not(.ceva) .extra-html .skin-simple {
  color: #eeeeee;
}
body .player-dark-theme:not(.ceva) .extra-html div[class^=counter-], body .player-dark-theme:not(.ceva) .extra-html a[class^=counter-] {
  color: #eeeeee;
}
body .player-dark-theme:not(.ceva) .audioplayer.skin-wave .meta-artist .the-name > a {
  color: #dddddd;
}
body .player-dark-theme:not(.ceva) .audioplayer.skin-wave .comments-writer .comments-writer-inner {
  background-color: rgba(0, 0, 0, 0.5);
}
body .player-dark-theme:not(.ceva) .audioplayer.skin-wave .comments-writer .comments-writer-inner:before {
  border-bottom-color: rgba(0, 0, 0, 0.5);
}
body .player-dark-theme:not(.ceva) .audioplayer.skin-wave .comments-writer .dzs-button {
  color: #ffffff;
}
body .player-dark-theme:not(.ceva) .the-thumb-con {
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
}
body .player-dark-theme:not(.ceva) input.input-ujarak-style {
  color: #ffffff;
}
body .player-dark-theme:not(.ceva) .tag-suggestions-div > .placeholder {
  background: #222;
}

.list-tracks-con > .list-track:last-child {
  margin-bottom: 0;
}

#ajax-loading-bar {
  position: fixed;
  z-index: 55;
  width: 0%;
  height: 3px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition-property: width, opacity, visibility;
  transition-duration: 0.75s;
  transition-timing-function: ease-out;
}
#ajax-loading-bar .the-bar {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #db4343;
}
#ajax-loading-bar .the-tip {
  right: 0;
  position: absolute;
  top: -2px;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 3px 2px #db4343;
  background-color: #db4343;
}
#ajax-loading-bar.semi-loaded {
  width: 75%;
  opacity: 1;
  visibility: visible;
}
#ajax-loading-bar.full-loaded {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition-property: width, opacity, visibility;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
}

.list-track {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
  transition-property: background;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}
.list-track .track-thumb {
  width: 60px;
  height: 60px;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid rgba(0, 0, 0, 0.5);
  background-size: cover;
  background-repeat: no-repeat;
}
.list-track .track-meta {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  width: calc(100% - 75px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-track .track-meta:first-child {
  padding-left: 20px;
}
.list-track .track-meta .track-title {
  color: #db4343;
}
.list-track .track-meta .track-title > a {
  color: inherit;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-track .track-meta .track-author {
  color: #777;
}
.list-track .track-meta .track-author > a {
  color: inherit;
  font-size: 12px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-track .track-meta .track-number {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFFFFF;
  z-index: 1;
  transition-property: left, bottom;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.list-track .track-meta .track-number .the-number {
  position: absolute;
  bottom: 0;
  left: 5px;
  font-size: 12px;
  font-weight: 700;
  color: #FFFFFF;
  z-index: 1;
  transform: rotate(10deg);
}
.list-track .track-meta .track-number:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 0 30px;
  border-color: transparent transparent transparent rgba(17, 17, 17, 0.5);
}

/* --- dzs-feat-1 start */
.dzs-feat-1 {
  position: relative;
  text-align: left;
  margin-bottom: 25px;
}

.dzs-feat-1 .the-icon {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -5px;
  background-color: #322149;
  color: #ffffff;
  border-radius: 5px;
}

.dzs-feat-1 .the-icon > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 21px;
}

.dzs-feat-1 .the-meta {
  position: relative;
  padding-left: 55px;
}

.dzs-feat-1 .the-meta h4 {
  margin-top: 5px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}

.dzs-feat-1 .the-meta .the-desc {
  opacity: 0.7;
  line-height: 1.5;
  font-family: "Open Sans", serif;
}

/* dzs-feat-1 END */
.list-track:hover {
  background-color: #F0EEEE;
}
.list-track:hover .track-meta .track-number {
  bottom: -15px;
  left: -15px;
}

.artist-thumbs-con {
  margin-right: -5px;
}

.artist-thumb-con {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-right: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  position: relative;
  height: 120px;
  overflow: hidden;
}
.artist-thumb-con .artist-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 5px);
  height: 100%;
  background-size: cover;
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.artist-thumb-con .artist-name {
  position: absolute;
  bottom: 3px;
  width: calc(100% - 5px);
  padding-left: 7px;
  padding-right: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #dadada;
  z-index: 1;
  font-size: 14px;
  font-weight: 700;
  transition-property: bottom;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}

.artist-thumb-con:after {
  content: "";
  width: calc(100% - 5px);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  transition-property: bottom;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4b3b1+0,000000+100&0+0,0.5+100 */
  background: -moz-linear-gradient(top, rgba(180, 179, 177, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(180, 179, 177, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(180, 179, 177, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(180, 179, 177, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(180, 179, 177, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(180, 179, 177, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= "#00b4b3b1", endColorstr="#80000000",GradientType=0 );
  /* IE6-9 */
}

.artist-thumb-con:hover .artist-thumb {
  opacity: 0.7;
}
.artist-thumb-con:hover .artist-name {
  bottom: -40px;
}

.artist-thumb-con:hover:after {
  bottom: -40px;
}

.style-presentation > .advancedscroller {
  margin-bottom: 0;
}
.style-presentation > .advancedscroller .thumbsCon {
  margin-top: -50px;
  padding-top: 90px;
}
.style-presentation > .advancedscroller .thumbsClip .artist-presentation-con {
  padding-bottom: 90px;
}

.artist-presentation-con .container {
  position: relative;
  padding: 30px 0 10px;
}
.artist-presentation-con p {
  font-style: italic;
  opacity: 0.75;
}
.artist-presentation-con .artist-name {
  font-size: 26px;
  font-weight: 300;
  font-family: "Dosis", "Open Sans", serif;
  margin-bottom: 0;
}
.artist-presentation-con .artist-occupation {
  text-transform: uppercase;
  font-style: normal;
  opacity: 1;
  color: #db4343;
  font-weight: bold;
  margin-bottom: 15px;
  padding-left: 40px;
  position: relative;
}
.artist-presentation-con .artist-occupation:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 50%;
  margin-top: -1.5px;
  height: 3px;
  width: 29px;
  background-color: #db4343;
}
.artist-presentation-con .col-md-6 {
  position: relative;
}
.artist-presentation-con .artist-avatar-con {
  height: 400px;
  position: absolute;
  bottom: 0;
  right: 15px;
  width: 65%;
  pointer-events: none;
}
.artist-presentation-con .artist-avatar-con .artist-avatar {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.artist-presentation-con .artist-avatar-con .artist-avatar.the-shatter {
  top: 40px;
}

.main-menu .button {
  background: #464540;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2NDU0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YjZiNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(top, #464540 0%, #6b6b6b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464540), color-stop(100%, #6b6b6b));
  background: -webkit-linear-gradient(top, #464540 0%, #6b6b6b 100%);
  background: -o-linear-gradient(top, #464540 0%, #6b6b6b 100%);
  background: -ms-linear-gradient(top, #464540 0%, #6b6b6b 100%);
  background: linear-gradient(top, #464540 0%, #6b6b6b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= "#464540", endColorstr="#6b6b6b",GradientType=0 );
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset, 0 2px 4px rgba(0, 0, 0, 0.3);
  color: #ddd;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  margin: 1px 7px;
  padding: 7px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  font-family: "Yanone Kaffeesatz", Verdana, sans-serif;
}

.main-menu .button:hover {
  color: #fff;
}

.main-menu .button:first-child {
  margin-left: 0;
}

.mcon-maindemo {
  display: block;
  background: #3d3939;
  position: relative;
  z-index: 4;
  box-shadow: 0 5px 3px rgba(0, 0, 0, 0.3) inset, 0 -5px 3px rgba(0, 0, 0, 0.3) inset;
}

.mcon-content {
  background: #eff1f2;
}

.mcon-footer {
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  background-color: #3d3939;
  color: #eee;
}

.simple-hr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.title-feature {
  color: #555;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 20px;
}

.article {
  margin: 25px 0;
}

.featimg {
  vertical-align: sub;
}

.big-curved-line {
  width: 2500px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1250px;
}

/*

--- header

*/
.btn-toggle-responsive-menu {
  cursor: pointer;
  font-size: 21px;
}

.shortcode-header {
  text-align: left;
}

.shortcode-header.style-default {
  position: relative;
}
.shortcode-header.style-default .login-login .dzstooltip {
  right: -20px;
}

.login-login .dzstooltip {
  width: 300px;
}

.font-weight-strong {
  font-weight: bold;
}

input + h5.input-label {
  margin-top: 15px;
}

.shortcode-header.style-domino .btn-skin-vive {
  text-transform: uppercase;
  background-color: #ffffff;
  color: #333;
  font-size: 15px;
}
.shortcode-header.style-domino .logo-anchor {
  float: left;
  margin-right: 25px;
}
.shortcode-header.style-domino .dzstooltip h5 {
  font-size: 21px;
}
.shortcode-header.style-domino .btn-toggle-responsive-menu {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 30px;
  padding: 15px;
  padding-right: 0;
}
.shortcode-header.style-domino .menu-span-left {
  width: 50%;
}
.shortcode-header.style-domino .menu-span-right {
  width: 50%;
}
.shortcode-header.style-domino ul.header-menu > li {
  padding: 15px 0;
  text-transform: none;
}

body:not(.responsive-mode) .for-responsive-mode {
  display: none;
}

h4.track-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

body.responsive-mode section.mcon-mainmenu .menu-span-left {
  width: auto;
}
body.responsive-mode section.mcon-mainmenu .menu-span-center {
  width: 50%;
  left: auto;
  right: 0;
}
body.responsive-mode section.mcon-mainmenu .menu-span-center .the-logo {
  left: auto;
  right: 0;
  transform: translateY(-50%);
}
body.responsive-mode section.mcon-mainmenu .shortcode-header.style-default {
  height: 70px;
}
body.responsive-mode section.mcon-mainmenu .shortcode-header.style-default .menu-span-center {
  flex: 100;
}
body.responsive-mode .mcon-mainmenu + .header--padder {
  height: 90px;
}
body.responsive-mode .shortcode-header.style-default .not-for-responsive-mode,
body.responsive-mode .shortcode-header.style-domino .not-for-responsive-mode {
  display: none;
}

@media (max-width: 767px) {
  .row {
    margin-left: -15px;
  }

  .btn-zoomsounds {
    margin-bottom: 5px;
    display: inline-block;
  }
  .btn-zoomsounds:after {
    content: "";
    display: block;
    clear: both;
  }

  body .bigsearch-con .search-con {
    top: 50vh;
  }
}
@media (max-width: 380px) {
  body .shortcode-user .user-avatar {
    width: 30px;
    height: 30px;
  }

  .user-work {
    font-size: 0;
    position: absolute;
    left: -50px;
  }
  .user-work > a {
    font-size: 12px;
    display: block;
    white-space: nowrap;
  }

  .shortcode-user {
    height: 250px !important;
  }

  .from-element-user.dzsparallaxer {
    height: 250px !important;
  }
}
body .dzsulb-main-con {
  height: 100vh;
}

body.responsive-mode .notifications-main-con:not(.a) {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.main-menu-responsive {
  position: fixed;
  top: 0;
  left: -200px;
  height: 100%;
  width: 200px;
  background-color: #222222;
  z-index: 5;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.main-menu-responsive h4 {
  text-transform: uppercase;
  font-weight: 600;
  color: #777777;
  margin-bottom: 5px;
  font-size: 12px;
}
.main-menu-responsive ul {
  margin-left: 0;
  margin-top: 10px;
}
.main-menu-responsive ul > li {
  display: block;
  margin-bottom: 5px;
}
.main-menu-responsive ul > li > a,
.main-menu-responsive ul > li button {
  color: #eeeeee;
  text-transform: uppercase;
  font-weight: 600;
}
.main-menu-responsive ul > li > a > .fa,
.main-menu-responsive ul > li button > .fa {
  display: inline-block;
  margin-right: 5px;
}
.main-menu-responsive ul > li button {
  padding-left: 0;
}
.main-menu-responsive ul > li ul {
  display: none;
}
.main-menu-responsive > a {
  color: #eeeeee;
  text-transform: uppercase;
  font-weight: 600;
}
.main-menu-responsive > .menu-right-block-inmenu {
  position: relative;
  background-color: transparent;
  top: 0;
  right: auto;
}
.main-menu-responsive > .login-signup--label {
  margin-top: 10px;
  margin-bottom: 5px;
}
.main-menu-responsive .input-label {
  color: #cccccc;
}
.main-menu-responsive .login-signup--label + .login-signup--label {
  display: none;
}

a.the-thumb-con {
  z-index: 1;
}

.progress-bar-bellow {
  position: absolute;
  top: 0px;
  height: 1px;
  left: 0;
  width: 0%;
  background-color: #db4343;
  opacity: 0;
  pointer-events: none;
  transition-property: width, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.progress-bar-bellow.loader-active {
  opacity: 1;
}

body.sidebar-activated {
  width: 100%;
  overflow: hidden;
}
body.sidebar-activated .main-menu-responsive {
  left: 0;
  z-index: 555555;
}
body.sidebar-activated .content-wrapper {
  opacity: 0.8;
  left: 0;
}
body.sidebar-activated .responsive-menu-closer {
  height: 100%;
  opacity: 1;
  visibility: visible;
  z-index: 55;
  transform: scale(1);
  border-radius: 0;
  top: 0;
  left: 0;
}

section.mcon-mainmenu {
  display: block;
  background-color: #2d2d28;
  height: 70px;
  font-size: 0;
  z-index: 5;
  font-weight: 300;
  color: #eeeeee;
  position: fixed;
  width: 100%;
  transition-property: height, background, padding;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
section.mcon-mainmenu .menu-item {
  margin-right: 20px;
  color: #eeeeee;
  display: inline-block;
  text-decoration: none;
}
section.mcon-mainmenu ul.header-menu {
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
}
section.mcon-mainmenu ul.header-menu a {
  text-decoration: none;
}
section.mcon-mainmenu ul.header-menu li:hover > ul {
  opacity: 1;
  visibility: visible;
}
section.mcon-mainmenu ul.header-menu > li {
  display: inline-block;
  border-top: 5px solid rgba(255, 0, 0, 0);
  line-height: 1;
  padding: 15px 0 20px;
  position: relative;
  vertical-align: top;
  transition-property: border, padding;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
section.mcon-mainmenu ul.header-menu > li a {
  color: #EEEEEE;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  opacity: 1;
}
section.mcon-mainmenu ul.header-menu > li ul {
  display: block;
  position: absolute;
  top: 100%;
  left: -5px;
  padding: 0;
  margin: 0;
  margin-top: 10px;
  padding-top: 16px;
  padding-bottom: 16px;
  border-radius: 7px;
  background-color: #444444;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
  list-style: none;
}
section.mcon-mainmenu ul.header-menu > li ul:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0px;
  width: 50px;
  height: 10px;
}
section.mcon-mainmenu ul.header-menu > li ul:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 15px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #444444;
}
section.mcon-mainmenu ul.header-menu > li ul > li {
  padding: 8px 15px;
  display: block;
}
section.mcon-mainmenu ul.header-menu > li ul > li:first-of-type {
  padding-top: 0;
}
section.mcon-mainmenu ul.header-menu > li ul > li:last-of-type {
  padding-bottom: 0;
}
section.mcon-mainmenu ul.header-menu > li.menu-item:hover:not(.menu-item--child),
section.mcon-mainmenu ul.header-menu li.current-menu-item:not(.menu-item--child) {
  border-top: 5px solid #db4343;
  opacity: 1;
}
section.mcon-mainmenu .header--right {
  text-align: right;
}
section.mcon-mainmenu .login-signup--label {
  display: inline-block;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}
section.mcon-mainmenu .menu-span-center,
section.mcon-mainmenu .menu-span-left,
section.mcon-mainmenu .menu-span-right {
  margin-left: 0;
  margin-right: 0;
  vertical-align: middle;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  font-size: 16px;
}
section.mcon-mainmenu .menu-span-center > .container,
section.mcon-mainmenu .menu-span-left > .container,
section.mcon-mainmenu .menu-span-right > .container {
  margin-top: 0;
}
section.mcon-mainmenu .menu-span-left {
  width: 35%;
  float: left;
}
section.mcon-mainmenu .menu-span-right {
  float: right;
}
section.mcon-mainmenu .menu-span-center {
  width: 30%;
  text-align: center;
  min-height: 10px;
  height: 100%;
  position: absolute;
  transition-property: height;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
section.mcon-mainmenu .menu-span-center > .portal-logo {
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
}
section.mcon-mainmenu .menu-span-center img.the-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  image-rendering: crisp-edges;
}
section.mcon-mainmenu .menu-span-center .the-logo.divimage {
  width: 100%;
  height: 100%;
  display: inline-block;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate3d(-50%, -50%, 0);
}
section.mcon-mainmenu .shortcode-header.style-default {
  display: flex;
  align-items: center;
}
section.mcon-mainmenu .shortcode-header.style-default .menu-span-right > *:not(.user-menu--options) {
  position: relative;
  top: 5px;
}
section.mcon-mainmenu .shortcode-header.style-default .menu-span-right .user-menu-con {
  top: 4px;
}
section.mcon-mainmenu .shortcode-header.style-default .menu-span-right .login-login {
  position: relative;
  top: 0;
  transform: none;
}
section.mcon-mainmenu .shortcode-header.style-default .menu-right-block-search:before, section.mcon-mainmenu .shortcode-header.style-default .menu-right-block-cart:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #444444;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
section.mcon-mainmenu .shortcode-header.style-default .menu-right-block-search > i, section.mcon-mainmenu .shortcode-header.style-default .menu-right-block-cart > i {
  position: relative;
}
section.mcon-mainmenu .shortcode-header.style-default .menu-right-block-search:hover:before, section.mcon-mainmenu .shortcode-header.style-default .menu-right-block-cart:hover:before {
  transform: scale(1);
}
section.mcon-mainmenu .shortcode-header.style-default .menu-span-left {
  float: none;
  flex: 0 0 auto;
}
section.mcon-mainmenu .shortcode-header.style-default .menu-span-right {
  float: none;
  flex: 0 0 auto;
}
section.mcon-mainmenu .shortcode-header.style-default .menu-span-center {
  position: relative;
  width: 30%;
  height: 50px;
  flex: 0 0 auto;
}
section.mcon-mainmenu .menu-span-right {
  width: 35%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  height: auto;
  transition-property: height;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
section.mcon-mainmenu .menu-span-right > .user-menu--options {
  display: inline-block;
}
section.mcon-mainmenu .menu-span-right > .user-menu--options .menu-right-block {
  vertical-align: middle;
}
section.mcon-mainmenu .login-signup:before {
  content: "";
  width: 1px;
  height: 20px;
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: -1px;
  background-color: #41413C;
}
section.mcon-mainmenu .menu-right-block {
  color: #eeeeee;
  margin-right: 15px;
  display: inline-block;
  text-decoration: none;
  position: relative;
  vertical-align: middle;
}
section.mcon-mainmenu .menu-right-block .dzstooltip.arrow-top {
  margin-top: 0px;
}
section.mcon-mainmenu.style-domino .menu-right-block {
  padding: 15px 10px;
}
section.mcon-mainmenu.style-domino ul.header-menu > li {
  border-top: 0 solid rgba(255, 0, 0, 0);
  position: relative;
}
section.mcon-mainmenu.style-domino ul.header-menu > li:after {
  content: "";
  height: 5px;
  width: 100%;
  background-color: #ffffff;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 6px;
  opacity: 0;
  transition-property: opacity, margin;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
section.mcon-mainmenu.style-domino ul.header-menu > li.menu-item:hover,
section.mcon-mainmenu.style-domino ul.header-menu li.current-menu-item {
  border-top: 0;
}
section.mcon-mainmenu.style-domino ul.header-menu > li.menu-item:hover:after,
section.mcon-mainmenu.style-domino ul.header-menu li.current-menu-item:after {
  opacity: 1;
}

.row-features em {
  opacity: 0.75;
}

section.mcon-mainmenu .the-logo, section.mcon-mainmenu .col-md-12, section.mcon-mainmenu .shortcode-header {
  max-height: 115px;
  transition-property: max-height;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

section.mcon-mainmenu.shrink-it {
  height: 45px;
  background-color: rgba(35, 35, 35, 0.9);
}
section.mcon-mainmenu.shrink-it .the-logo {
  object-fit: contain;
  object-position: top left;
}
section.mcon-mainmenu.shrink-it .the-logo, section.mcon-mainmenu.shrink-it .col-md-12, section.mcon-mainmenu.shrink-it .shortcode-header {
  max-height: 45px;
}
section.mcon-mainmenu.shrink-it ul.header-menu > li {
  padding: 3px 0 8px;
}
section.mcon-mainmenu.shrink-it .shortcode-header.style-default .header--right > * {
  position: relative;
  top: 0;
}

section.mcon-mainmenu.style-domino.shrink-it {
  padding: 3px 0;
}
section.mcon-mainmenu.style-domino.shrink-it ul.header-menu > li {
  padding: 15px 0;
}
section.mcon-mainmenu.style-domino.shrink-it ul.header-menu > li:after {
  margin-top: 0;
}

.social-icon-con {
  background-color: #444444;
  border-radius: 3px;
  position: relative;
  width: 25px;
  height: 25px;
}
.social-icon-con > i {
  font-size: 15px;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.social-square {
  background-color: #444444;
  border-radius: 5px;
  position: relative;
  width: 38px;
  height: 38px;
  display: inline-block;
  vertical-align: top;
}
.social-square > i {
  font-size: 20px;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.social-icon-icon-desc {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  text-decoration: none;
  line-height: 1;
  color: #444444;
  margin-top: 10px;
}
.social-icon-icon-desc > .social-icon-con {
  flex: 0 0 auto;
  margin-right: 7px;
  display: block;
  font-size: 21px;
}
.social-icon-icon-desc > .the-label {
  flex: 100;
  display: block;
  font-size: 16px;
}
.social-icon-icon-desc:hover {
  text-decoration: none;
}
.social-icon-icon-desc:first-of-type {
  margin-top: 15px;
}

.user-menu-con {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-left: 15px;
  z-index: 7;
}
.user-menu-con .user-avatar {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  border: 2px solid rgba(200, 200, 200, 0.5);
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.user-menu-con .user-menu--options:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(30, 30, 30, 0.9);
  position: absolute;
  bottom: 100%;
  right: 20px;
}
.user-menu-con .user-menu--options {
  position: absolute;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  right: -10px;
  top: 56px;
  display: none;
  padding: 10px;
  margin-right: 0;
  margin-left: 0;
  background-color: rgba(30, 30, 30, 0.9);
  width: 150px;
  border-radius: 5px;
  z-index: 5;
}
.user-menu-con .user-menu--options a,
.user-menu-con .user-menu--options form button {
  color: #FFFFFF;
}
.user-menu-con .user-menu--options a:hover,
.user-menu-con .user-menu--options form button:hover {
  text-decoration: none;
}
.user-menu-con .user-menu--options a:hover i,
.user-menu-con .user-menu--options form button:hover i {
  opacity: 1;
}
.user-menu-con .user-menu--options i {
  opacity: 0.5;
}
.user-menu-con .user-menu--options > li {
  text-align: center;
  margin-top: 15px;
  padding-bottom: 15px;
  line-height: 1;
  border-bottom: 1px solid rgba(100, 100, 100, 0.1);
}
.user-menu-con .user-menu--options > li:last-child {
  border-bottom: 0;
}

.user-menu-con.active .user-menu--options {
  display: block;
  z-index: 77;
}

.user-menu-con:hover:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 50px;
}

.user-menu-con:hover .user-menu--options {
  display: block;
  z-index: 77;
}

.user-menu-con:before {
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  top: 100%;
  right: 0;
}

.login-signup:hover:before {
  display: none;
}

.menu-right-block-inmenu {
  position: absolute;
  line-height: 1.5;
  top: 100%;
  right: 0;
  width: 320px;
  padding: 20px;
  text-align: left;
  font-size: 14px;
}
.menu-right-block-inmenu .simple-input-field {
  background-color: #ededed;
}

.menu-right-block.show-with-rotate {
  perspective: 600px;
  perspective-origin: 0 100%;
}
.menu-right-block.show-with-rotate .menu-right-block-inmenu {
  transform-style: preserve-3d;
  transform-origin: 0 0 0;
  transform: rotateX(-90deg);
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.menu-right-block.show-with-rotate:hover {
  z-index: 5;
}
.menu-right-block.show-with-rotate:hover .menu-right-block-inmenu {
  transform: rotateX(0deg);
}

.menu-right-block-language {
  top: 1px;
  padding: 15px;
  margin-left: -15px;
  margin-right: 0;
  text-align: center;
}
.menu-right-block-language .language-icon {
  margin-right: 12px;
  display: inline-block;
  height: 100%;
}
.menu-right-block-language ul.languages-list {
  margin: 0;
}
.menu-right-block-language ul.languages-list > li {
  padding: 10px;
  text-align: center;
  cursor: pointer;
}
.menu-right-block-language ul.languages-list > li > a {
  color: inherit;
  text-decoration: none;
}
.menu-right-block-language ul.languages-list > li:hover,
.menu-right-block-language ul.languages-list > li.active {
  background-color: rgba(255, 255, 255, 0.1);
}
.menu-right-block-language span.dzstooltip.skin-black.arrow-top {
  width: 160px;
}

.portal-logo {
  display: block;
  margin: 0 auto;
}

input:focus {
  border-color: rgba(219, 67, 67, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(219, 67, 67, 0.6);
  outline: 0 none;
}

.header--padder {
  height: 68px;
  clear: both;
  transition-property: height;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}

.header--padder.for-style-default {
  height: 54px;
}

.header--padder.for-style-domino {
  height: auto;
}

.container:last-child > .row:last-of-type {
  margin-bottom: 0;
}

body .col-md-12 {
  min-height: 0.1px;
}

.section-mainmenu.style-domino {
  height: auto;
}
.section-mainmenu.style-domino > .container {
  height: 100%;
}
.section-mainmenu.style-domino > .container .shortcode-header {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.section-mainmenu.style-domino > .container .shortcode-header .menu-span-left {
  display: flex;
  align-items: center;
}

section.mcon-slider {
  width: 100%;
  overflow: hidden;
}
section.mcon-slider .as0-arrow {
  transform: scale(1);
  margin: 0 5px;
  position: absolute;
  bottom: 0;
  margin-left: -25px;
  left: 50%;
  display: inline-block;
  cursor: pointer;
  outline: 0;
  text-decoration: none;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
section.mcon-slider .as0-arrow-left {
  margin-left: -55px;
}
section.mcon-slider .as0-arrow-right {
  margin-left: 5px;
}
section.mcon-slider .as0-arrow:hover {
  transform: scale(1.1);
}
body .dzstooltip.align-right {
  right: 0;
}

.mcon-herosection {
  background-color: #e3eaea;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

section.mcon-features {
  display: block;
  background-color: #454747;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 25px 0;
  color: #fafafa;
}

section.mcon-features h4 {
  text-align: center;
  margin: 15px auto 10px;
}

.bigfeature {
  text-align: center;
}

.bigfeature i {
  color: #454747;
  display: inline-block;
  font-size: 24px;
  padding: 35px;
  background-color: #ef6b13;
  border-radius: 50% 50%;
  cursor: default;
  transform-origin: center center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.bigfeature:hover i {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
}

.con-maindemo {
  position: relative;
  background: #eff1f2;
}

.con-maindemo .container {
  z-index: 5;
}

.con-maindemo .pre-container {
  padding: 20px 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url("../img/ppshadow.png");
  background-size: 100% 12px;
  width: 100%;
  position: relative;
  z-index: 5;
}

.con-maindemo .videogallery-con {
  transition-property: height;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  -moz-transition-property: height;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: height;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: height;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-out;
  -ms-transition-property: height;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out;
}

.con-maindemo .overlayhand {
  position: absolute;
  top: 20px;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 500px;
  z-index: 0;
  background-color: transparent;
  background-image: url("../img/overlayhand.png");
  transition-property: opacity, visibility, display;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  -moz-transition-property: opacity, visibility, display;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: opacity, visibility, display;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: opacity, visibility, display;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-out;
  -ms-transition-property: opacity, visibility, display;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out;
}

.con-maindemo .overlayhand.hidden {
  opacity: 0;
  visibility: hidden;
}

@media only screen and (max-width: 960px) {
  .con-maindemo .overlayhand {
    opacity: 0;
    visibility: hidden;
  }
}
.item-meta {
  color: #777;
}

.item-price {
  color: #c46060;
  font-size: 42px;
  margin: 25px 0;
  background: #fff;
  padding: 25px 18px;
  display: inline-block;
}

.con-maindemo .videogallery-con {
  padding: 40px 0;
}

.con-otherdemos {
  background: #eee;
  color: #111;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.con-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #323232;
  color: #eee;
}

.example-button {
  opacity: 0.7;
  cursor: pointer;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  -moz-transition-property: opacity, visibility;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: opacity, visibility;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: opacity, visibility;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-out;
  -ms-transition-property: opacity, visibility;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out;
}

.example-button.active,
.example-button:hover {
  opacity: 1;
}

.row {
  margin-bottom: 15px;
}

.con-features {
  background: #495d6d url("img/ptn-02.png") repeat center center;
}

.install-mastercon {
  border-top: 5px solid rgba(255, 255, 255, 0.5);
  border-bottom: 5px solid rgba(255, 255, 255, 0.5);
  background: #EFDCBF;
}

.round-corners,
.rounded {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
}

.flipped {
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.selected {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

/************************************
MISC ELEMENTS
************************************/
.delimiter {
  width: 915px;
  height: 20px;
  background: url("img/delimiter.png");
  margin: 11px 0;
}

.one_half {
  width: 48%;
}

.one_third {
  width: 30.66%;
}

.two_third {
  width: 65.33%;
}

.one_fourth {
  width: 22%;
}

.three_fourth {
  width: 74%;
}

.one_fifth {
  width: 16.8%;
}

.two_fifth {
  width: 37.6%;
}

.three_fifth {
  width: 58.4%;
}

.four_fifth {
  width: 67.2%;
}

.one_sixth {
  width: 13.33%;
}

.five_sixth {
  width: 82.67%;
}

.five_sixth,
.four_fifth,
.one_fifth,
.one_fourth,
.one_half,
.one_sixth,
.one_third,
.three_fifth,
.three_fourth,
.two_fifth,
.two_third {
  position: relative;
  margin-right: 4%;
  float: left;
}

.last {
  margin-right: 0 !important;
  clear: right;
}

.clearboth {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 100%;
}

.new-feature {
  position: absolute;
  right: 0;
  top: 0;
  background: transparent url("img/featuredesigner.png") no-repeat center center;
  width: 180px;
  height: 180px;
  margin: 0;
  padding: 0;
  z-index: 3;
}

.new-feature:hover {
  text-decoration: none;
  background: transparent url("img/featuredesigner.png") no-repeat center center;
}

/* table design */
.dzs-table-header {
  margin-left: 293px;
}

.dzs-table-header .header {
  width: 75px;
  text-align: center;
  background: #333;
  padding: 20px 0;
  display: inline-block;
  font-size: 12px;
  border-right: 1px solid #444;
  color: #fff;
}

.dzs-table-header .header:first-child {
  border-radius: 5px 0 0 0;
}

.dzs-table-header .header:last-child {
  border-radius: 0 5px 0 0;
  border-right: 0;
}

table.dzs-table {
  background: #eee;
  font-family: Verdana, Helvetica, sans-serif;
  color: #555;
  font-size: 14px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 1px #fff;
  width: 100%;
}

table.dzs-table tr {
  text-align: center;
  background: -moz-linear-gradient(center top, #FBFBFB, #FAFAFA) repeat scroll 0 0 transparent;
}

table.dzs-table tr:nth-child(even) {
  background: #f9f4f4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f9f4f4 0%, #eaeaea 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f4f4), color-stop(100%, #eaeaea));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f9f4f4 0%, #eaeaea 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f9f4f4 0%, #eaeaea 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #f9f4f4 0%, #eaeaea 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= "#F9F4F4", endColorstr="#EAEAEA",GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #f9f4f4 0%, #eaeaea 100%);
  /* W3C */
}

table.dzs-table tr td {
  padding: 15px 20px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

table.dzs-table tr td:first-child {
  width: 250px;
}

.ok {
  width: 30px;
  height: 14px;
  background: url("../styleimg/okiconsmall.png") no-repeat center center;
}

.notok {
  width: 30px;
  height: 14px;
  background: url("../styleimg/xiconsmall.png") no-repeat center center;
}

.code {
  background: none repeat scroll 0 0 #FAFAFA;
  border: 1px solid #DDDDDD;
  font-size: 11px;
  margin: 10px;
  padding: 10px;
}

.code p {
  margin: 0;
}

.install-img {
  margin: 10px 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.features-demi-table {
  position: relative;
  display: block;
  margin-bottom: 15px;
}

.features-demi-table .ze-title {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
  font-size: 1.2em;
  line-height: 2.5em;
}

.features-demi-table .ze-label {
  margin-top: 5px;
  float: left;
  width: 20%;
  font-weight: bold;
}

.features-demi-table .ze-desc {
  margin-top: 5px;
  float: left;
  width: 80%;
}

.features-demi-table .ze-desc p {
  margin: 0;
}

/* ====menu */
.main-menu-con {
  text-align: right;
}

ul.menu {
  display: block;
  list-style: none;
  clear: both;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  float: right;
  position: relative;
}

ul.menu:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

ul.menu > li {
  display: block;
  float: left;
  margin-right: 16px;
}

ul.menu li > a {
  color: #aaa;
}

ul.menu > li.current-menu-item > a {
  color: #fff;
}

#apapfooter .extra-html {
  display: none;
}

/* ====menu END */
.clear {
  clear: both;
}

/* ie8 fixes */
.relative {
  position: relative;
  height: 300px;
}

.wf31 {
  margin-left: 1%;
  margin-right: 1%;
  width: 31%;
  float: left;
}

a.btn-primary,
button.btn-primary {
  background-color: #00a99d;
  color: #fff;
  border: 0;
  padding: 5px 15px;
  text-decoration: none;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  transition-property: background, color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

a.btn-primary:hover,
button.btn-primary:hover {
  color: #fff;
}

button.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.hero-heading {
  font-size: 32px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #555;
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", Arial;
}

.hero-quote {
  font-size: 13px;
  text-align: center;
}

.con-inline {
  background: #fff;
  position: relative;
  left: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}

.con-inline .span6 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 5px;
}

.full-btn-hero {
  width: 100%;
  display: block;
  border: 0;
  background: #fff;
  color: #c46060;
  padding: 15px;
  font-size: 15px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

.align-center {
  text-align: center;
}

.fig {
  width: 100%;
  border: 5px solid rgba(0, 0, 0, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ====specific styling */
.hero-box {
  position: relative;
  background: #fafafa url("img/ptn-10.png");
  height: 350px;
  border: 1px dashed rgba(255, 0, 0, 0.2);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body.page-track .reposted-by {
  display: none;
}
body.page-track .btn-repost path {
  fill: #fff;
}

body.page-404 {
  text-align: center;
}
body.page-404 #Layer_1 {
  margin: 30px auto;
  max-width: 400px;
}

body.page-login,
body.page-register {
  color: #111;
}
body.page-login .mcon-registerbox,
body.page-register .mcon-registerbox {
  width: 550px;
  max-width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  color: #111;
  transform: translate(-50%, -50%);
}

.facebook-box {
  background-color: #43609C;
  color: #fff;
  width: 100%;
  padding: 10px;
  text-align: center;
  display: block;
}

.facebook-box:hover {
  color: #fff;
}

.notices-box {
  width: 100%;
  margin-top: 10px;
  list-style: none;
  margin-left: 0;
}
.notices-box li {
  display: block;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid rgba(228, 192, 0, 0.9);
  background-color: rgba(228, 192, 0, 0.5);
  color: #FFFFFF;
  text-align: center;
}

.notices-box:empty {
  display: none;
}

h5 {
  font-weight: 300;
}

.input-label {
  margin-top: 8px;
  margin-bottom: 8px;
}

.btn-style-red {
  background-color: #db4343;
  font-size: 13px;
  text-transform: uppercase;
  padding: 7px 7px 8px;
  font-weight: bold;
  border: 0;
  color: #ffffff;
}

#upload-tabs {
  padding: 0;
}

input {
  border-radius: 0;
  padding: 5px;
}

input[disabled] {
  opacity: 0.7;
}

.input-pseudo-disabled {
  opacity: 0.7;
  pointer-events: none;
}

.dzs-upload-con input {
  box-sizing: border-box !important;
}

.dzs-upload-con > .simple-input-field, .dzs-upload-con > .dzs-single-upload {
  display: inline-block;
  vertical-align: middle !important;
}

body .audioplayer.skin-wave .meta-artist .the-name {
  background-color: transparent;
  padding-left: 0;
}
body .audioplayer.skin-wave .meta-artist .the-name > a {
  color: #777;
  font-size: 13px;
  position: relative;
}

body .audioplayer,
body .audioplayer-tobe {
  opacity: 0;
  transition-property: visibility, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
body .audioplayer .meta-artist,
body .audioplayer-tobe .meta-artist {
  position: relative;
  top: 2px;
}

body .audioplayer.skin-wave .meta-artist-con {
  overflow: visible;
  overflow-y: visible;
}
body .audioplayer.skin-wave .meta-artist-con .the-artist > a {
  color: #db4343;
}

button.btn-skin-vive {
  border: 0;
}

body a.btn-skin-vive {
  text-decoration: none;
  display: inline-block;
  background-color: #71B494;
  color: #ffffff;
}

.btn-skin-vive:hover {
  background-color: rgba(61, 188, 217, 0.5);
  opacity: 0.7;
  color: #FFFFFF;
}

.overflow-it {
  overflow: hidden;
}

.float-it-right {
  float: right;
}
.float-it-right > iframe[src*="like.php"] {
  height: 20px;
  display: block;
  width: 90px;
}

.float-left {
  float: left;
}

.position-relative {
  position: relative;
}

.display-none {
  display: none;
}

.row.has-2-3-bg:before {
  position: fixed;
  left: 61%;
  width: 40%;
  background-color: #282828;
  height: 100%;
  content: "";
  z-index: 0;
}

.audioplayer.skin-silver .ap-controls .ap-controls-right .meta-artist-con {
  overflow: hidden;
  text-overflow: ellipsis;
}

.apapfooter .user-tooltip {
  display: none !important;
}

.feedbacker {
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: #FFFFFF;
  padding: 15px 25px;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(0, 0, 0, 0.1);
  max-width: 400px;
  z-index: 555;
}
.feedbacker > i.fa {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.feedbacker:empty {
  display: none;
}

.feedbacker.is-error {
  background-color: #e74c3c;
  color: #FFFFFF;
  box-shadow: 0 0 25px 0 rgba(255, 0, 0, 0.5);
}

body .audioplayer {
  opacity: 1;
  transition-property: visibility, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.dzsulb-preloader {
  white-space: nowrap;
}

.negative-margin-top {
  margin-top: -16px;
}

.shortcode-divider {
  pointer-events: none;
}

hr.shortcode-divider {
  border: 0;
  margin: 0;
}

body .display-none {
  display: none;
}

.dzs-row:after {
  content: "";
  display: block;
  height: 1px;
  clear: both;
}
.dzs-row .dzs-col-xs-4 {
  width: 33.3333%;
  float: left;
}

body .dzs-row-stats {
  margin-left: -10px;
  margin-right: -10px;
  width: calc(100% + 10px);
}
body .dzs-row-stats .dzs-col-xs-4 {
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px dashed rgba(0, 0, 0, 0.1);
}
body .dzs-row-stats .dzs-col-xs-4:last-child {
  border-right: 0;
}
body .dzs-row-stats h5 {
  text-transform: uppercase;
  font-weight: 900;
  font-family: "Lato", Arial, serif;
  font-size: 10px;
  margin-bottom: 5px;
}
body .dzs-row-stats .the-number {
  font-style: italic;
  margin-top: 5px;
  font-size: 21px;
  font-weight: 100;
  font-family: "Lato", Arial, serif;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
body .dzs-row-stats + .dzs-row-stats {
  margin-top: 10px;
}

.custom-a {
  text-decoration: none;
}
.custom-a:hover {
  text-decoration: none;
}

.shortcode-user {
  height: 180px;
  position: relative;
  background-color: #333333;
  overflow: hidden;
}
.shortcode-user .big-user-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  filter: blur(25px);
  -webkit-filter: blur(25px);
  opacity: 0.5;
}
.shortcode-user .big-user-bg.user-set-cover {
  filter: blur(0px);
  -webkit-filter: blur(0px);
}
.shortcode-user .big-user-bg.dzsparallaxer--target {
  height: 150%;
}
.shortcode-user .big-user-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222;
  opacity: 0.5;
}
.shortcode-user .user-avatar {
  width: 100px;
  height: 100px;
  position: relative;
  background-size: cover;
  background-position: center center;
  border: 1px solid #222222;
  margin-right: 15px;
}
.shortcode-user .container.from-element-user {
  display: flex;
}
.shortcode-user .container.from-element-user .user-avatar {
  flex: 0 0 auto;
}
.shortcode-user .container.from-element-user .user-info {
  flex: 100;
}
.shortcode-user .container.from-element-user .user-info .the-username {
  white-space: nowrap;
}
.shortcode-user .container.from-element-user .user-info .the-username .the-username {
  display: inline-block;
  vertical-align: middle;
}
.shortcode-user a.btn-right-user {
  display: block;
  flex: 0 0 auto;
  position: relative;
  top: 27px;
  margin-left: 10px;
  border-color: #dddddd;
  z-index: 2;
  height: 42px;
}
.shortcode-user a.btn-right-user .button-label {
  color: #eee;
}
.shortcode-user a.btn-right-user {
  text-decoration: none;
}
.shortcode-user .btn-follow:hover .button-label {
  color: #FFFFFF;
}
.shortcode-user .user-info {
  position: relative;
  color: #aaaaaa;
  padding-bottom: 5px;
}
.shortcode-user > .container {
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
}
.shortcode-user > .container .dzsparallaxer {
  top: 0;
  left: 0;
}
.shortcode-user > .container .dzsparallaxer > .dzsparallaxer--target {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150%;
}
.shortcode-user > .container .big-user-bg {
  opacity: 0.7;
  width: 100vw;
  transform: translate(-50%, 0);
  left: 50%;
}
.shortcode-user.animation-finished {
  overflow: visible;
}
.shortcode-user.animation-finished > .container {
  overflow: visible;
}
.shortcode-user > .container:after {
  display: block;
  content: "";
}

.user-work {
  margin-top: 18px;
}
.user-work > a {
  margin-left: 5px;
  margin-right: 5px;
  color: #B8C7CC;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  transition-property: border;
  transition-duration: 0.15s;
  transition-timing-function: ease-in;
}
.user-work > a.curr-work,
.user-work > a:hover {
  border-bottom: 1px solid #B8C7CC;
}

.shortcode-track_description-main {
  margin-bottom: 30px;
}

.sidenote-auto-hide {
  max-height: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  transition-property: max-height, padding, margin, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

input:focus + .dzstooltip {
  opacity: 1;
  visibility: visible;
  z-index: 5;
}

.setting:hover .sidenote-auto-hide, input:focus + .sidenote-auto-hide {
  opacity: 0.6;
  max-height: 300px;
}

.shortcode-messages.style-default {
  height: 80vh;
  position: relative;
}
.shortcode-messages.style-default .scroller-con {
  position: absolute;
  height: calc(100% - 50px);
}
.shortcode-messages.style-default .scroller-con .inner {
  padding-right: 20px;
  padding-top: 15px;
  width: 100%;
}
.shortcode-messages.style-default .scroller-con .inner .chat-message {
  width: 100%;
  display: flex;
}
.shortcode-messages.style-default .scroller-con .inner .chat-message .user-avatar {
  flex: 0 0 auto;
}
.shortcode-messages.style-default .scroller-con .inner .chat-message .user-overflow {
  flex: 100;
}
.shortcode-messages.style-default .scroller-con:before {
  content: "";
  position: absolute;
  top: 0;
  height: 20px;
  width: calc(100% - 20px);
  z-index: 2;
  background: linear-gradient(to bottom, #eff1f2 0%, rgba(239, 241, 242, 0) 100%);
}
.shortcode-messages.style-default .scroller-con:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 30px;
  width: calc(100% - 20px);
  z-index: 1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eff1f2+0,eff1f2+100&0+0,1+100 */
  background: linear-gradient(to bottom, rgba(239, 241, 242, 0) 0%, #eff1f2 100%);
  /* W3C */
}
.shortcode-messages.style-default .scroller-con.skin_apple .scrollbary {
  transition-property: top;
  transition-duration: 0.1s;
  transition-timing-function: ease-in;
}
.shortcode-messages.style-default .messages-send-con {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
}
.shortcode-messages.style-default .messages-send-con > button {
  margin-left: 10px;
}
.shortcode-messages.style-default .chat-message {
  margin-bottom: 20px;
  position: relative;
}
.shortcode-messages.style-default .chat-message h4 {
  margin-top: 0;
  padding-top: 7px;
  font-weight: 300;
  color: #e5884f;
  font-size: 18px;
}
.shortcode-messages.style-default .chat-message .user-avatar {
  width: 50px;
  height: 50px;
  margin-right: 15px;
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.shortcode-messages.style-default .chat-message .user-overflow {
  overflow: hidden;
}
.shortcode-messages.style-default .chat-message:after {
  content: "";
  position: absolute;
  left: 23px;
  top: 0;
  height: calc(100%);
  width: 1px;
  background-color: rgba(229, 136, 79, 0.45);
  z-index: 0;
}
.shortcode-messages.style-default .chat-message-from-other-user h4 {
  color: #50B3A9;
}
.shortcode-messages.style-default .chat-message-from-other-user:after {
  background-color: rgba(197, 201, 208, 0.45);
}

.from-breakout-initial {
  clear: both;
}

.row.from-breakout-final {
  display: none;
}

.empty-button {
  background-color: transparent;
  border: 0;
}

.chat-friend {
  position: relative;
  display: block;
  margin-bottom: 18px;
  color: #333333;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.chat-friend .user-avatar {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  float: left;
  position: relative;
  z-index: 1;
}
.chat-friend h4 {
  padding-top: 5px;
}

a.chat-friend {
  text-decoration: none;
}

.chat-friend.current-chat-friend:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #d2322d;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.comment-con {
  min-height: 70px;
  margin-bottom: 25px;
  position: relative;
}
.comment-con .avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-size: cover;
}
.comment-con .comment-content {
  padding-left: 80px;
}
.comment-con .comment-content > h4 {
  margin-top: 0;
  padding-top: 2px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.comment-con .comment-content > h4 .author-name {
  display: inline-block;
  vertical-align: middle;
}
.comment-con .comment-content > h4 .comment-date {
  margin-left: 15px;
  font-weight: 400;
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
  opacity: 0.5;
  font-style: italic;
}
.comment-con .comment-content .comment-content--text {
  font-style: italic;
  opacity: 0.9;
  font-weight: normal;
  font-size: 15px;
}

.comment-con:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 100%;
  left: 0;
  margin-top: 12px;
  background-color: rgba(0, 0, 0, 0.05);
}

.shortcode-comments > .comment-con:last-child:after {
  display: none;
}

.comment-form-con {
  margin-top: 50px;
}
.comment-form-con h5 {
  margin-bottom: 8px;
}
.comment-form-con h3 {
  margin-bottom: 20px;
}
.comment-form-con textarea {
  height: 100px;
}

input.input-ujarak-style {
  background-color: transparent;
  border: 0;
  width: 100%;
  box-sizing: border-box !important;
  color: #222222;
  box-shadow: 0;
  border-bottom: 1px solid #dddddd;
  font-size: 15px;
  font-weight: 300;
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
input.input-ujarak-style.disabled {
  pointer-events: none;
  opacity: 0.5;
}

input.input-ujarak-style:focus {
  box-shadow: none;
  outline: 0;
  border-bottom: 1px solid #db4343;
}

textarea.input-ujarak-style {
  background-color: transparent;
  border: 0;
  width: 100%;
  box-sizing: border-box !important;
  color: #222222;
  box-shadow: 0;
  border: 1px solid #dddddd;
  font-size: 15px;
  font-weight: 300;
  padding: 5px 10px;
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

textarea.input-ujarak-style:focus {
  box-shadow: none;
  outline: 0;
  border: 1px solid #db4343;
}

.table-separator {
  display: table;
  margin: 15px 0;
}
.table-separator .table-cell {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  height: 1px;
}
.table-separator .table-cell .the-line {
  width: 100%;
  display: block;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.table-separator .table-center {
  text-align: center;
  display: table-cell;
  padding: 0 8px;
  vertical-align: middle;
  color: rgba(50, 50, 50, 0.4);
}

.toexecute-from-portal {
  display: none;
}

.toexecute-from-portal + .edit-btn {
  position: relative;
  top: 0;
}

.add-to-playlist-main-con {
  max-width: 600px;
  padding: 15px;
  background-color: #ffffff;
  min-height: 100vh;
}
.add-to-playlist-main-con .dzs-tabs.skin-default .tabs-menu .tab-menu-con .tab-menu {
  color: #cb1919;
  text-decoration: none;
  font-size: 21px;
  display: inline-block;
  vertical-align: middle;
}
.add-to-playlist-main-con .dzs-tabs .tabs-menu {
  text-align: center;
}
.add-to-playlist-main-con .tab-content {
  padding-top: 10px;
  max-width: 600px;
  text-align: center;
}
.add-to-playlist-main-con .tab-content input[name=playlist_name] {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 115px);
  padding: 15px;
  box-sizing: border-box !important;
}
.add-to-playlist-main-con .tab-content .button-primary[value=ajax_add_playlist] {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
.add-to-playlist-main-con .setting-label {
  margin-bottom: 5px;
  display: block;
}
.add-to-playlist-main-con .slash {
  opacity: 0.5;
  display: inline-block;
  vertical-align: middle;
  color: #333333;
  font-size: 13px;
}
.add-to-playlist-main-con a {
  color: #cb1919;
}

.btn-zoomsounds {
  position: relative;
}

.playlist-con {
  margin-bottom: 15px;
}
.playlist-con .playlist-title {
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 0;
}
.playlist-con .playlist-count {
  font-size: 11px;
  opacity: 0.75;
}
.playlist-con .button--secondary > i {
  display: inline-block;
  vertical-align: middle;
  color: #777;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.playlist-con .button--secondary > .btn-label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.playlist-con .button--secondary.active > i,
.playlist-con .button--secondary:hover > i {
  color: #FFFFFF;
}
.playlist-con .button--secondary.playlist-added .button-label > i {
  transform: rotate(45deg);
}
.playlist-con .overflow-it .thumb-con {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 10px;
}
.playlist-con .overflow-it:after {
  content: "";
  display: block;
  clear: both;
}
.playlist-con .playlist-date {
  margin-bottom: 10px;
  opacity: 0.5;
  margin-right: 5px;
}

.playlist-con:after {
  content: "";
  display: block;
  clear: both;
}

body .skin-simple {
  transition-duration: 0.3s;
}

.playlists-view-con a {
  color: #cb1919;
}
.playlists-view-con .skin-simple {
  float: none;
  font-size: 17px;
  margin-top: 15px;
}
.playlists-view-con .playlist-con .playlist-title {
  font-size: 25px;
}
.playlists-view-con .playlist-con .playlist-count {
  font-size: 13px;
}
.playlists-view-con .overflow-it .thumb-con {
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 20px;
}

.hidden-content {
  display: none !important;
}

.zoombox-maincon .holder.type-inlinecontent > .the-item > .hidden-content {
  display: block !important;
}

.share-content h6 {
  display: block;
  text-transform: uppercase;
  font-family: "Lato", sans-sarif;
  font-size: 11px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}
.share-content h6:first-child {
  margin-top: 0;
}

.field-for-view {
  background-color: #f0f0f0;
  line-height: 1;
  color: #555;
  padding: 8px;
  white-space: nowrap;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.social-icon {
  margin-right: 3px;
  position: relative;
}
.social-icon > .fa {
  font-size: 30px;
  color: #999;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out-quart;
}
.social-icon > .the-tooltip {
  line-height: 1;
  padding: 6px 5px;
  background: rgba(0, 0, 0, 0.7);
  color: #FFFFFF;
  font-family: "Lato", "Open Sans", arial;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  left: 8px;
  white-space: nowrap;
  pointer-events: none;
  bottom: 100%;
  margin-bottom: 7px;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out-quart;
}
.social-icon > .the-tooltip:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 0;
  border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 100%;
}

.social-icon:hover > .fa {
  color: #222222;
}
.social-icon:hover > .the-tooltip {
  opacity: 1;
}

.social-icon.is-fb-like,
.social-icon.is-fb-share {
  top: -2px;
}

.social-icon.is-twitter {
  margin-right: 4px;
}

.social-icon.gplus {
  margin-right: 0;
}

.sidenote {
  opacity: 0.7;
}

.sidenote-loading-adding-playlist {
  font-style: italic;
  opacity: 0;
  color: #333333;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}

.sidenote-loading-adding-playlist.active {
  opacity: 1;
}

.table-separator.light .table-cell .the-line {
  background-color: rgba(255, 255, 255, 0.1);
}
.table-separator.light .table-center {
  color: rgba(200, 200, 200, 0.4);
}

/* ------- Page Builder Columns ------- */
.dzspb_lay_con,
.dzspb_layb_layout {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.dzspb_lay_con:after,
.dzspb_layb_layout:after {
  display: block;
  content: " ";
  clear: both;
}

.dzspb_lay_con * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.dzspb_layb_one_full {
  padding-right: 15px;
  padding-left: 15px;
}

.dzspb_layb_one_half {
  width: 50%;
}

.dzspb_layb_one_third {
  width: 33.3%;
}

.dzspb_layb_two_third {
  width: 66.6%;
}

.dzspb_layb_one_fourth {
  width: 25%;
}

.dzspb_layb_three_fourth {
  width: 75%;
}

.dzspb_layb_one_fifth {
  width: 20%;
}

.dzspb_layb_two_fifth {
  width: 40%;
}

.dzspb_layb_three_fifth {
  width: 60%;
}

.dzspb_layb_four_fifth {
  width: 80%;
}

.dzspb_layb_one_sixth {
  width: 16.6%;
}

.dzspb_layb_five_sixth {
  width: 83.3%;
}

.dzspb_layb_five_sixth,
.dzspb_layb_four_fifth,
.dzspb_layb_one_fifth,
.dzspb_layb_one_fourth,
.dzspb_layb_one_half,
.dzspb_layb_one_sixth,
.dzspb_layb_one_third,
.dzspb_layb_three_fifth,
.dzspb_layb_three_fourth,
.dzspb_layb_two_fifth,
.dzspb_layb_two_third {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}

.clearboth {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 100%;
}

hr.dzspb-separator {
  width: 100%;
  height: 1px;
  display: block;
  line-height: 1.5;
  background-color: rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 480px) {
  .dzspb_layb_five_sixth,
.dzspb_layb_four_fifth,
.dzspb_layb_one_fifth,
.dzspb_layb_one_fourth,
.dzspb_layb_one_half,
.dzspb_layb_one_sixth,
.dzspb_layb_one_third,
.dzspb_layb_three_fifth,
.dzspb_layb_three_fourth,
.dzspb_layb_two_fifth,
.dzspb_layb_two_third {
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    float: none;
    display: block;
  }

  .dzspb_lay_con {
    margin-top: 10px;
  }

  section.mcon-registerbox {
    width: 100%;
  }
}
.dzs-upload-con input:first-child {
  display: inline-block;
  vertical-align: top;
}

.button {
  max-width: 250px;
  display: inline-block;
  padding: 10px 20px;
  border: none;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.button.smaller-padding {
  padding: 3px 15px 5px;
}

.button.dashed-border {
  border-style: dashed;
}

a.button {
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.button:focus {
  outline: none;
}

.button > span {
  vertical-align: middle;
}

/* Ujarak */
.button.button--secondary {
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.button--secondary {
  cursor: pointer;
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.button--secondary .button-label {
  position: relative;
}

.button--secondary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #db4343;
  z-index: auto;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--secondary.button--round-s::before {
  border-radius: 2px;
}

.button--secondary.button--inverted::before {
  background: #7986CB;
}

.button--secondary,
.button--secondary::before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--secondary.active,
.button--secondary:hover {
  color: #fff;
  border-color: #db4343;
}

.button--secondary.button--inverted:hover {
  color: #db4343;
  border-color: #fff;
}

.button--secondary.active::before,
.button--secondary:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.button-con {
  text-align: center;
}

.button-primary {
  color: #eee;
  border-color: #ad3f3a;
  background: #db4343;
  -webkit-box-shadow: inset 0 1px 0 #db4343, 0 1px 0 rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px 0 #db4343, 0 1px 0 rgba(0, 0, 0, 0.08);
  vertical-align: top;
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
  line-height: 26px;
  height: auto;
  margin: 0;
  padding: 2px 10px 3px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0.9;
  vertical-align: top;
}

.simple-input-field {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  font-size: 14px;
  box-sizing: border-box !important;
  line-height: 1.42857;
  padding: 6px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  vertical-align: top;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.simple-input-field[type=email],
.simple-input-field[type=password],
.simple-input-field[type=text] {
  height: auto;
}

.btn-embed-code-con .dzstooltip.skin-black {
  font-size: 9px;
  line-height: 1.4;
  font-family: "Courier New", serif;
}

body .dzstooltip.cart-contents {
  padding: 15px 15px 10px;
}
body .dzstooltip.cart-contents .go-to-checkout-link-con {
  float: right;
  top: -2px;
  position: relative;
}
body .dzstooltip.cart-contents .go-to-checkout-link-con > a {
  color: #9DAEBD;
  text-decoration: none;
}
body .dzstooltip.cart-contents .go-to-checkout-link-con i {
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
}
body .dzstooltip.cart-contents .go-to-checkout-link-con .checkout-label {
  display: inline-block;
  vertical-align: middle;
}

.stream-empty-notice {
  background-color: #fafafa;
  margin-bottom: 15px;
  padding: 10px 14px;
  color: #555555;
  font-size: 12px;
}

.cart-item {
  width: 180px;
  margin-bottom: 10px;
  position: relative;
}
.cart-item .cart-delete-item-btn {
  position: absolute;
  right: 0;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
  width: 12px;
  height: 12px;
  background-color: #FFFFFF;
  border-radius: 50%;
  margin-top: 6px;
}
.cart-item .cart-delete-item-btn > i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #222222;
  font-size: 8px;
}
.cart-item .cart-item-thumb {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  background-size: cover;
  background-position: center center;
}
.cart-item .cart-item-thumb.thumb-for-proaccount {
  border: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
}
.cart-item .cart-item-thumb.thumb-for-proaccount > i {
  font-size: 23px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cart-item .cart-item-price,
.cart-item .cart-item-quantity {
  display: inline-block;
  vertical-align: middle;
}
.cart-item .cart-item-quantity {
  font-size: 11px;
}
.cart-item .cart-item-label {
  display: block;
  font-weight: 700;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cart-item:after {
  content: "";
  display: block;
  clear: both;
}

.cart-subtotal-con {
  border-top: 1px dashed rgba(255, 255, 255, 0.1);
  padding-top: 5px;
  font-size: 12px;
}
.cart-subtotal-con strong {
  font-weight: 600;
}

.btn-nostyling {
  border: 0;
  background-color: transparent;
}

.dzs-code {
  margin: 10px;
  background: #fafafa;
  font-size: 11px;
  border: 1px solid #ddd;
  padding: 10px;
}

.playlists-con {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.playlists-con.loading {
  opacity: 0.5;
}

.playlists-con.loaded {
  opacity: 1;
}

.the-status-con {
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
  border-radius: 50%;
}
.the-status-con .the-status {
  background-image: url("../img/ok.svg");
  width: 18px;
  height: 14px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  opacity: 0;
}

.playlist-btn.active .the-status {
  opacity: 1;
}

.shortcode-text {
  margin-bottom: 15px;
}

@-webkit-keyframes fa-spin-and-center {
  0% {
    -webkit-transform: rotate(0deg) translate(-50%, -50%);
    transform: rotate(0deg) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: rotate(359deg) translate(-50%, -50%);
    transform: rotate(359deg) translate(-50%, -50%);
  }
}
@keyframes fa-spin-and-center {
  0% {
    -webkit-transform: rotate(0deg) translate(-50%, -50%);
    transform: rotate(0deg) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: rotate(359deg) translate(-50%, -50%);
    transform: rotate(359deg) translate(-50%, -50%);
  }
}
.fa-spin-and-center {
  -webkit-animation: fa-spin 2s infinite ease-out;
  animation: fa-spin 2s infinite ease-out;
}

.shortcode-query-main.style-thumbs + .shortcode-query-main.style-thumbs {
  margin-top: -30px;
}

.shortcode-query-main.hide-see-all .see-all-con {
  display: none;
}

.shortcode-query {
  margin-bottom: 25px;
}
.shortcode-query > .style-under > .audioplayer {
  margin-bottom: 20px;
}
.shortcode-query .preloader-con {
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.shortcode-query .preloader-con i {
  font-size: 16px;
  color: #aaaaaa;
}
.shortcode-query .pagination-con {
  margin-left: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}
.shortcode-query .pagination-con > li {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1;
  margin-right: 1px;
  background-color: #555555;
  cursor: pointer;
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.shortcode-query .pagination-con > li > a {
  padding: 9px 13px;
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  line-height: 1;
  font-weight: bold;
}
.shortcode-query .pagination-con > li:hover,
.shortcode-query .pagination-con > li.active {
  background-color: #552830;
}
.content-section {
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.content-section--inner .content-container > * {
  opacity: 1;
  visibility: visible;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.content-section--inner.new-content .content-container > * {
  opacity: 0;
  visibility: hidden;
}

.shortcode-query.style-thumbs .thumbsClip > .item {
  padding: 10px;
}

.shortcode-contact_form .row {
  margin-left: -3px;
  margin-right: -2px;
  margin-bottom: 4px;
}
.shortcode-contact_form .row div[class*=col-md-] {
  padding-left: 2px;
  padding-right: 2px;
}
.shortcode-contact_form input, .shortcode-contact_form textarea {
  width: 100%;
}

.blog-display-item {
  margin-bottom: 25px;
}
.blog-display-item h2 {
  font-size: 22px;
  font-family: "Open Sans", serif;
  margin-bottom: 10px;
}
.blog-display-item .blog-display-thumb {
  width: 100%;
}
.blog-display-item .post-meta-con {
  margin-bottom: 15px;
  font-size: 11px;
  text-transform: uppercase;
  opacity: 0.5;
}
.blog-display-item .post-meta-con .post-meta {
  display: inline-block;
  margin-right: 10px;
}
.blog-display-item .post-meta-con .post-meta > i,
.blog-display-item .post-meta-con .post-meta .the-text {
  display: inline-block;
  vertical-align: middle;
}
.blog-display-item .post-meta-con .post-meta > i {
  margin-right: 5px;
}
.blog-display-item .post-meta-con .post-meta > i.fa-pencil {
  position: relative;
  top: 0;
}
.blog-display-item .post-content {
  margin: 10px 0;
  color: #dddddd;
  font-style: italic;
}
.blog-display-item a.read-more {
  text-decoration: none;
  padding: 2px;
  border-bottom: 2px solid rgba(219, 67, 67, 0);
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.blog-display-item a.read-more:hover {
  color: #db4343;
  border-color: #db4343;
}

div.grid-display-item .blog-display-thumb {
  width: 100%;
  height: 180px;
  border-radius: 5px;
  background-size: cover;
  background-position: center center;
}
div.grid-display-item a {
  text-decoration: none;
}
div.grid-display-item a h3 {
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
div.grid-display-item a:hover h3 {
  opacity: 0.7;
}
div.grid-display-item h3 {
  color: #333;
  font-size: 22px;
  margin-bottom: 3px;
  margin-top: 20px;
}
div.grid-display-item .post-meta {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 15px;
  font-size: 11px;
  font-weight: 400;
  font-weight: bold;
  text-transform: uppercase;
}
div.grid-display-item .post-meta > i,
div.grid-display-item .post-meta .the-text {
  display: inline-block;
  vertical-align: middle;
}
div.grid-display-item .post-meta > i {
  margin-right: 5px;
}
div.grid-display-item .post-meta > i.fa-pencil {
  position: relative;
  top: 0;
}

.shortcode-query.style-post_display .blog-display-item .post-content {
  font-style: normal;
}

.shortcode-query.style-blog_display .blog-display-item {
  text-align: center;
}

.animate-height {
  transition-property: height;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.shortcode-query.color-white {
  padding: 15px;
}
.shortcode-query.color-white > .shortcode-query {
  margin-bottom: 0;
}

.shortcode-query.loading-it .preloader-con {
  opacity: 1;
  visibility: visible;
}

.center-it {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.preloader-audio {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 1;
  visibility: visible;
  width: auto;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.preloader-fountain {
  position: absolute;
  width: 70px;
  height: 14px;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fountainG {
  display: inline-block;
  position: static;
  background-color: black;
  width: 14px;
  height: 14px;
  animation-name: bounce_fountainG;
  -o-animation-name: bounce_fountainG;
  -webkit-animation-name: bounce_fountainG;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  transform: scale(0.3);
  -webkit-transform: scale(0.3);
  border-radius: 9px;
}

.fountainG_1 {
  animation-delay: 0.05s;
  -webkit-animation-delay: 0.05s;
}

.fountainG_2 {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}

.fountainG_3 {
  animation-delay: 0.35s;
  -webkit-animation-delay: 0.35s;
}

.fountainG_4 {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}

@keyframes bounce_fountainG {
  0% {
    transform: scale(1);
    background-color: black;
  }
  100% {
    transform: scale(0.3);
    background-color: #646464;
  }
}
@-webkit-keyframes bounce_fountainG {
  0% {
    -webkit-transform: scale(1);
    background-color: black;
  }
  100% {
    -webkit-transform: scale(0.3);
    background-color: #323232;
  }
}
body.reinited .content-wrapper {
  opacity: 1;
}
body.reinited .content-section {
  opacity: 1;
}
body.reinited .preloader-audio {
  opacity: 0;
  visibility: hidden;
}

body.portal-ajax-inline-menu-transitioning-out .main-target-for-inline-menu {
  opacity: 0;
}
body.portal-ajax-inline-menu-transitioning-out .preloader-audio {
  opacity: 1;
  visibility: visible;
}

.main-target-for-inline-menu {
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.row.transform-to-inline-block-center > div[class*=col-md-] {
  display: inline-block;
  float: none;
  vertical-align: middle;
}

@media all and (max-width: 992px) {
  .row.transform-to-inline-block-center > div[class*=col-md-] {
    display: inline-block;
    float: none;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 15px;
  }
}
.row.first-col-mode-padded > div[class*=col-md-]:first-of-type {
  padding-right: 90px;
}

.row.user-query {
  opacity: 1;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.preloader-audio span {
  display: block;
  bottom: 0;
  width: 9px;
  height: 5px;
  background: #dddddd;
  position: absolute;
  animation: preloader_audio 1.5s infinite ease-in-out;
}

.preloader-audio span:nth-child(2) {
  left: 11px;
  animation-delay: 0.2s;
}

.preloader-audio span:nth-child(3) {
  left: 22px;
  animation-delay: 0.4s;
}

.preloader-audio span:nth-child(4) {
  left: 33px;
  animation-delay: 0.6s;
}

.preloader-audio span:nth-child(5) {
  left: 44px;
  animation-delay: 0.8s;
}

@keyframes preloader_audio {
  0% {
    height: 5px;
    transform: translateY(0px);
    background: #903937;
  }
  25% {
    height: 30px;
    transform: translateY(15px);
    background: #bf6373;
  }
  50% {
    height: 5px;
    transform: translateY(0px);
    background: #cc92a5;
  }
  100% {
    height: 5px;
    transform: translateY(0px);
    background: #aaaaaa;
  }
}
@keyframes preloader_audio_luna {
  0% {
    height: 5px;
    transform: translateY(0px);
    background: #BF959D;
  }
  25% {
    height: 30px;
    transform: translateY(15px);
    background: #BF959D;
  }
  50% {
    height: 5px;
    transform: translateY(0px);
    background: #333;
  }
  100% {
    height: 5px;
    transform: translateY(0px);
    background: #222;
  }
}
.shortcode-query-type-explore.style-under > .audioplayer.skin-wave {
  position: relative;
}
.shortcode-query-type-explore.style-under > .audioplayer.skin-wave .audioplayer-inner .the-thumb {
  background-size: cover;
}
.shortcode-query-type-explore.style-under > .audioplayer.skin-wave:after {
  content: "";
  position: absolute;
  top: 100%;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.05);
  margin-top: 30px;
}

.shortcode-header.style-footer-menu {
  margin-top: 5px;
}
.shortcode-header.style-footer-menu .header-menu {
  list-style: none;
  margin: 0 0 15px;
}
.shortcode-header.style-footer-menu .header-menu > li {
  display: inline-block;
  margin-right: 10px;
  padding-right: 5px;
  position: relative;
}
.shortcode-header.style-footer-menu .header-menu > li > form > button {
  padding: 0;
}
.shortcode-header.style-footer-menu .header-menu > li.go-block {
  display: block;
  margin-bottom: 5px;
}
.shortcode-header.style-footer-menu .header-menu > li:after {
  content: "/";
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: -5px;
}
.shortcode-header.style-footer-menu .header-menu > li:last-child:after,
.shortcode-header.style-footer-menu .header-menu > li.extra-html-item:after {
  display: none;
}

.go-block {
  display: block;
}

.copyright-text {
  font-family: "Courier New", "Times New Roman", serif;
  display: inline-block;
}

.dzstooltip:empty {
  display: none;
}

.submit-track-form.type-album .upload-more-con {
  display: block;
}

.shortcode-upload .dzs-tabs.skin-blue > .tabs-menu .tab-menu-con .tab-menu {
  background-color: #E2DEDB;
  opacity: 0.7;
}
.shortcode-upload .dzs-tabs.skin-blue > .tabs-menu .tab-menu-con.active .tab-menu {
  background-color: #BFADAD;
}
.shortcode-upload .dzs-tabs.skin-default .tabs-menu .tab-menu-con .tab-menu {
  margin-right: 10px;
}
.shortcode-upload .input-label {
  margin-top: 15px;
}
.shortcode-upload .aux-wave-generator .button--secondary {
  padding-top: 2px;
  padding-bottom: 6px;
}

.shortcode-upload.style-new .mce-tinymce {
  min-height: 170px;
}
.shortcode-upload.style-new .submit-track-form > h3 {
  text-align: center;
  margin-bottom: 35px;
}
.shortcode-upload.style-new .submit-track-form .id-upload-mp3 + .dzs-single-upload {
  transform: scale(1);
  width: 70px;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.shortcode-upload.style-new .submit-track-form .dzs-single-upload.drag-drop {
  transform: scale(1);
  height: 300px;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.shortcode-upload.style-new .submit-track-form .dzs-single-upload.drag-drop .instructions {
  transform: translate3d(-50%, -50%, 0) rotate(5deg) scale(1);
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.shortcode-upload.style-new .submit-track-form .table-separator {
  transform: scale(1);
  height: 21px;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.shortcode-upload.style-new .cancel-upload-btn,
.shortcode-upload.style-new .cancel-upload-btn + .upload-track-btn, .shortcode-upload.style-new .cancel-upload-btn + .dzstooltip-con {
  display: inline-block;
  vertical-align: middle;
}
.shortcode-upload.style-new .cancel-upload-btn + .upload-track-btn, .shortcode-upload.style-new .cancel-upload-btn + .dzstooltip-con {
  margin-left: 10px;
  white-space: nowrap;
}
.shortcode-upload.style-new .btn-transparent {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.shortcode-upload.style-new .submit-track-form.type-soundcloud .id-upload-mp3 + .dzs-single-upload {
  transform: scale(0);
  width: 0;
}
.shortcode-upload.style-new .submit-track-form.type-soundcloud .dzs-single-upload.drag-drop,
.shortcode-upload.style-new .submit-track-form.type-soundcloud .table-separator {
  height: 0;
  transform: scale(0);
}
.shortcode-upload.style-new .submit-track-form.type-soundcloud .dzs-single-upload.drag-drop .instructions,
.shortcode-upload.style-new .submit-track-form.type-soundcloud .table-separator .instructions {
  transform: translate3d(-50%, -50%, 0) rotate(5deg) scale(3);
}
.shortcode-upload.style-new .parameters-con {
  max-width: 800px;
  margin: 30px auto 0px;
  padding: 10px;
}
.shortcode-upload.style-new .parameters-con > .dzs-upload-con {
  text-align: center;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.shortcode-upload.style-new .parameters-con > .dzs-upload-con.disabling {
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
}
.shortcode-upload.style-new .parameters-con .tab-menu {
  font-size: 18px;
}
.shortcode-upload.style-new .parameters-con .dzs-single-upload--areadrop {
  height: 300px;
}
.shortcode-upload.style-new .parameters-con .dzs-single-upload--areadrop .instructions {
  font-size: 15px;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) rotate(5deg) scale(1);
}
.shortcode-upload.style-new .parameters-con .border-button {
  background-color: #888888;
  color: #ffffff;
  border: 0;
  box-shadow: none;
  transition-property: color, background;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.shortcode-upload.style-new .parameters-con .border-button:hover {
  background-color: #888888;
  color: #ffffff;
  border: 0;
}
.shortcode-upload.style-new .ui-state-highlight {
  height: 40px;
}
.shortcode-upload.style-new .upload-track-options, .shortcode-upload.style-new .ui-state-highlight {
  margin-top: 10px;
  font-size: 0;
  padding: 10px;
  position: relative;
  border: 1px solid rgba(50, 50, 50, 0.2);
}
.shortcode-upload.style-new .upload-track-options .handle-con, .shortcode-upload.style-new .ui-state-highlight .handle-con {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  font-size: 16px;
  cursor: pointer;
}
.shortcode-upload.style-new .upload-track-options .handle-con i, .shortcode-upload.style-new .ui-state-highlight .handle-con i {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.shortcode-upload.style-new .upload-track-options .delete-track-con, .shortcode-upload.style-new .ui-state-highlight .delete-track-con {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #503c50;
  position: absolute;
  transform: translateY(-50%);
  right: 20px;
  top: 50%;
}
.shortcode-upload.style-new .upload-track-options .delete-track-con > i, .shortcode-upload.style-new .ui-state-highlight .delete-track-con > i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 13px;
  margin-top: -1px;
  margin-left: 1px;
}
.shortcode-upload.style-new .upload-track-options .input-con, .shortcode-upload.style-new .ui-state-highlight .input-con {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  width: calc(100% - 30px);
}
.shortcode-upload.style-new .upload-track-options .input-con input, .shortcode-upload.style-new .ui-state-highlight .input-con input {
  width: 100%;
  display: block;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  border: 1px dashed rgba(50, 50, 50, 0);
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.shortcode-upload.style-new .upload-track-options .input-con input:focus, .shortcode-upload.style-new .ui-state-highlight .input-con input:focus {
  background-color: rgba(200, 200, 200, 0.1);
  border: 1px dashed rgba(50, 50, 50, 0.5);
}
.shortcode-upload.style-new .upload-track-options .preloader-bar, .shortcode-upload.style-new .ui-state-highlight .preloader-bar {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #db4343;
  transition-property: height;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.shortcode-upload.style-new .upload-track-options.loader-active .preloader-bar, .shortcode-upload.style-new .ui-state-highlight.loader-active .preloader-bar {
  height: 10px;
}
.shortcode-upload.style-new .main-upload-options {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin-top: 15px;
}
.shortcode-upload.style-new .main-upload-options .thumb-con {
  width: 200px;
  float: left;
  min-height: 1px;
  margin-right: 15px;
}
.shortcode-upload.style-new .main-upload-options .preloader-bar {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #db4343;
  transition-property: height;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.shortcode-upload.style-new .main-upload-options.loader-active .preloader-bar {
  height: 10px;
}
.shortcode-upload.style-new .submit-con, .shortcode-upload.style-new .upload-more-con {
  margin: 10px;
  float: right;
}
.shortcode-upload.style-new .upload-more-con {
  float: left;
  display: none;
}
.shortcode-upload.style-new form.submit-track-form .opener-listbuttons-wrap {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.shortcode-upload.style-new form.submit-track-form .opener-listbuttons-wrap .bigoption {
  background-color: #dadada;
  border-right-color: rgba(0, 0, 0, 0.1);
}
.shortcode-upload.style-new form.submit-track-form .opener-listbuttons-wrap .bigoption.active {
  background-color: #db4343;
}

.main-upload-options-con > .main-upload-options:first-child {
  opacity: 0;
  height: 1px;
  transform: scale(0);
  transition-property: transform, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.main-upload-options-con > .main-upload-options.main-option-active {
  opacity: 1;
  transform: scale(1);
}

.preview-thumb-con-con {
  width: 200px;
  float: left;
  margin-right: 15px;
}
.preview-thumb-con-con .preview-thumb-con {
  width: 100%;
  height: 200px;
  border: 1px dashed rgba(200, 200, 200, 0.5);
  background-size: cover;
  background-position: center center;
  position: relative;
  margin-bottom: 15px;
}
.preview-thumb-con-con .preview-thumb-con > i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: rgba(200, 200, 200, 0.5);
  font-size: 80px;
  transform: translate(-50%, -50%);
}
.preview-thumb-con-con .preview-thumb-con.has-image > i {
  display: none;
}

.price-conglomerate {
  opacity: 0;
  visibility: hidden;
  max-height: 0px;
  transition-property: visibility, opacity, max-height;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.price-conglomerate.active {
  opacity: 1;
  max-height: 250px;
  visibility: visible;
}

@media all and (max-width: 550px) {
  .shortcode-upload.style-new .main-upload-options .thumb-con {
    width: 100px;
  }
}
body .shortcode-query .audioplayer.skin-wave .audioplayer-inner .the-thumb-con {
  margin-right: 13px;
}
body .shortcode-query .audioplayer.skin-wave .meta-artist-con {
  margin-left: 0;
}
body .shortcode-query .audioplayer.skin-wave .meta-artist-con .meta-artist {
  top: 0px;
}
body .shortcode-query .audioplayer.skin-wave .meta-artist-con .the-artist {
  padding-left: 0px;
}

body .shortcode-query .audioplayer.skin-wave .meta-artist .the-name > a {
  left: 0;
}

.the-name .the-username {
  display: inline-block;
  vertical-align: middle;
}
.the-name .user-meta-icon.for-check {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  color: #75aeb5;
}

.tags-con {
  margin-bottom: 10px;
}
.tags-con .tag-for-ap {
  float: right;
  margin-left: 10px;
  padding: 4px 6px;
  background-color: #e7e7e7;
  color: #888;
  font-size: 10px;
}

.display-inline-block {
  display: inline-block;
}

.btn-repost svg.the-icon {
  transform: translate3d(0, 0, 0) rotate(0deg);
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.btn-repost:hover svg.the-icon {
  transform: translate3d(0, 0, 0) rotate(90deg);
}

.btn-repost.activating svg.the-icon {
  transform: translate3d(0, 0, 0) rotate(360deg);
}

.btn-repost.already-activated svg.the-icon {
  transform: translate3d(0, 0, 0) rotate(360deg);
}

body .extra-html {
  opacity: 1;
  visibility: visible;
}
body .extra-html .extra-html-btn > .the-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}
body .extra-html .extra-html-btn > svg.the-icon {
  width: 17px;
  height: 17px;
}
body .extra-html .extra-html-btn > svg.the-icon path {
  fill: #444;
  transition-property: fill;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
body .extra-html a.extra-html-btn {
  display: block;
}
body .extra-html a.extra-html-btn.custom-link {
  display: block;
  color: inherit;
}

.audioplayer .extra-html, .audiogallery .extra-html {
  margin-bottom: 20px;
  padding-right: 10px;
  opacity: 0;
}
.audioplayer .extra-html .skin-simple, .audiogallery .extra-html .skin-simple {
  font-size: 14px;
}
.audioplayer .extra-html .skin-simple > i, .audiogallery .extra-html .skin-simple > i {
  display: inline-block;
  vertical-align: middle;
}
.audioplayer .extra-html .skin-simple > .btn-label, .audiogallery .extra-html .skin-simple > .btn-label {
  display: inline-block;
  vertical-align: middle;
}
.audioplayer .extra-html .counter-comments,
.audioplayer .extra-html .counter-hits,
.audioplayer .extra-html .counter-likes, .audiogallery .extra-html .counter-comments,
.audiogallery .extra-html .counter-hits,
.audiogallery .extra-html .counter-likes {
  margin-right: 0;
  margin-left: 15px;
  font-size: 12px;
  pointer-events: none;
  color: #444444;
  float: right;
  position: relative;
  top: 3px;
}
.audioplayer .extra-html .counter-comments i,
.audioplayer .extra-html .counter-hits i,
.audioplayer .extra-html .counter-likes i, .audiogallery .extra-html .counter-comments i,
.audiogallery .extra-html .counter-hits i,
.audiogallery .extra-html .counter-likes i {
  margin-right: 4px;
  display: inline-block;
}
.audioplayer .extra-html .counter-comments span,
.audioplayer .extra-html .counter-hits span,
.audioplayer .extra-html .counter-likes span, .audiogallery .extra-html .counter-comments span,
.audiogallery .extra-html .counter-hits span,
.audiogallery .extra-html .counter-likes span {
  font-size: 12px;
  pointer-events: none;
}
.audioplayer .extra-html .counter-comments, .audiogallery .extra-html .counter-comments {
  pointer-events: auto;
}

@media (max-width: 555px) {
  .audioplayer .extra-html .skin-simple {
    float: none;
    margin-bottom: 10px;
  }
}
.edit-panel {
  margin-top: 20px;
  position: relative;
}
.edit-panel .setting {
  margin-bottom: 15px;
}
.edit-panel .delete-track-btn {
  position: absolute;
  bottom: 20px;
  right: 0;
  cursor: pointer;
}
.edit-panel .delete-track-btn > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  margin-right: 4px;
}
.edit-panel .delete-track-btn > i {
  display: inline-block;
  vertical-align: middle;
  font-size: 23px;
  color: #222222;
}

.btn-discrete {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding-bottom: 3px;
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.btn-discrete:after,
.btn-discrete:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: rgba(219, 67, 67, 0.9);
  top: 100%;
  margin-top: -2px;
  left: -200%;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.btn-discrete:after {
  background-color: rgba(200, 150, 114, 0.5);
  left: 0;
}

.btn-discrete.active,
.btn-discrete:hover {
  opacity: 0.8;
}

.btn-discrete.active:before,
.btn-discrete:hover:before {
  left: 0;
}

.btn-discrete.active:after,
.btn-discrete:hover:after {
  left: 200%;
}

.tags-con:after {
  content: "";
  clear: both;
  display: block;
}

/* -- register */
.main-section-register {
  background-color: #dbc2a4;
  position: fixed;
  height: 100vh;
  width: 100%;
}
.main-section-register .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 40px;
  width: 450px;
  max-width: 100%;
}
.main-section-register .container h4:first-of-type {
  margin-bottom: 15px;
  margin-top: 0;
  padding-top: 0;
}
.main-section-register .container .row {
  margin-bottom: 0;
}
.main-section-register .container-for-install {
  position: relative;
  top: 0;
  left: 0;
  transform: none;
  background-color: white;
  padding: 40px;
}
.shortcode-register .back-con {
  float: left;
}
.shortcode-register .logo-con {
  float: right;
  display: block;
}
.shortcode-register .logo-con > .logo-anchor {
  display: block;
}
.shortcode-register .logo-con > .logo-anchor .the-logo {
  width: 400px;
  height: 50px;
  max-width: 100vw;
  object-fit: contain;
}
.shortcode-register .logo-con > .logo-anchor img {
  display: block;
}

.container-for-notices .row {
  margin-bottom: 0;
}
.shortcode-login {
  max-width: 400px;
  margin: 10px auto;
}
.shortcode-login .input-ujarak-style {
  color: #ffffff;
}
.shortcode-login .button-primary-for-login {
  width: 100%;
  margin-top: 15px;
}

.location-con, .country-code {
  display: inline-block;
  vertical-align: middle;
}

.country-code {
  width: 20px;
  height: 15px;
  margin-left: 10px;
  background-size: contain;
  background-position: center center;
}

.always-visible {
  display: block !important;
}

.shortcode-usersettings .setting {
  margin-bottom: 20px;
  max-width: 400px;
}
.shortcode-usersettings h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.shortcode-usersettings h5 {
  margin-bottom: 5px;
}
.shortcode-usersettings h3:first-of-type {
  margin-top: 0;
}
.shortcode-usersettings .dzs-upload-con .dzs-single-upload-preview-img {
  width: 50px;
  height: 50px;
  display: block;
  float: left;
}
.shortcode-usersettings .dzs-upload-con {
  display: flex;
  align-items: center;
}
.shortcode-usersettings .dzs-upload-con .dzs-single-upload-preview-img {
  width: 30px;
  height: 30px;
  margin-top: 0;
  border-radius: 5px;
  margin-right: 10px;
}
.shortcode-usersettings .dzs-upload-con .dzs-single-upload-preview-img, .shortcode-usersettings .dzs-upload-con .dzs-single-upload, .shortcode-usersettings .dzs-upload-con .dzs-meta-button {
  float: none;
  flex: 0 0 auto;
}
.shortcode-usersettings .dzs-upload-con .overflow-it {
  overflow: auto;
  flex: 1000;
}

.button-secondary {
  color: #222;
  border-color: #ccc;
  background: #f7f7f7;
  -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
  vertical-align: top;
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
  line-height: 26px;
  height: 28px;
  margin: 0;
  padding: 0 10px 1px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -webkit-appearance: none;
  border-radius: 3px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0.9;
  vertical-align: top;
}

.curr-space-ok,
.setting-text-ok {
  color: #30c993;
}

.curr-space-notok,
.setting-text-notok {
  color: #9e1212;
}

.setting {
  position: relative;
}

div.reposted-by {
  display: block;
}
div.reposted-by .the-avatar,
div.reposted-by .the-date,
div.reposted-by .the-icon,
div.reposted-by .the-label {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
div.reposted-by .the-avatar > strong,
div.reposted-by .the-date > strong,
div.reposted-by .the-icon > strong,
div.reposted-by .the-label > strong {
  display: inline-block;
  vertical-align: middle;
}
div.reposted-by .the-avatar {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-right: 7px;
  background-size: cover;
  background-position: center center;
}
div.reposted-by .the-icon {
  width: 15px;
  margin-left: 3px;
  margin-right: 3px;
  opacity: 0.5;
}
div.reposted-by .the-date {
  font-size: 11px;
  margin-left: 8px;
  opacity: 0.5;
  position: relative;
  top: 1px;
}
div.reposted-by a {
  cursor: pointer;
}
div.reposted-by ~ .audioplayer {
  margin-top: 15px;
}

.notifications-con:empty {
  display: none;
}

.cart-contents:not(.a):not(.a):not(.a):not(.a) {
  margin-top: 15px;
}

.notifications-con:not(.a):not(.a):not(.a):not(.a) {
  margin-top: 30px;
}

.notifications-con:not(.a) {
  max-width: 300px;
  width: 300px;
}
.notifications-con > .dzstooltip--inner {
  width: 100%;
}
.notifications-con a.notification-con {
  display: block;
  cursor: pointer;
  color: #dddddd;
}
.notifications-con a.notification-con + .notification-con {
  margin-top: 5px;
}
.notifications-con a.notification-con:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.notifications-con > .notification-con.is-unread {
  opacity: 1;
}
.notifications-con .notification-con {
  opacity: 0.7;
  display: block;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0);
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.notifications-con .notification-con:last-child {
  border-bottom: 0px dashed rgba(255, 255, 255, 0.3);
}
.notifications-con .notification-con > .user-avatar {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  display: inline-block;
  vertical-align: middle;
}
.notifications-con .notification-con > .notification-info {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.6;
  white-space: normal;
  text-align: left;
  width: calc(100% - 42px);
}
.notifications-con > .notification-con:after {
  display: block;
  content: "";
  clear: both;
}
.notifications-con > .notification-con:last-child {
  border-bottom: 0;
}

.notifications-main-con {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 12px;
}
.notifications-main-con .the-icon {
  position: relative;
  top: 1px;
}
.notifications-main-con .notifications-con.dzstooltip {
  right: -10px;
  padding: 0;
}
.notifications-main-con .the-icon path {
  fill: #aaa;
  transition-property: fill;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.notifications-main-con .notification-number {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: rgba(255, 50, 50, 0.8);
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.notifications-main-con .notification-number > .the-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 9px;
  font-family: "Arial", "Times New Roman", serif;
}

.notifications-main-con.has-unread .notification-number {
  opacity: 1;
  visibility: visible;
}
.notifications-main-con.has-unread .the-icon path {
  fill: #eee;
  transition-property: fill;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.audioplayer[data-is-repost=on] .btn-repost {
  display: none;
}

@media (max-width: 540px) {
  p.reposted-by {
    width: 50%;
    line-height: 1.9;
  }
}
.style-under--item {
  margin-bottom: 25px;
}

.style-under--item p.reposted-by:first-child,
.ztm-content p.reposted-by:first-child {
  margin-top: 10px;
}
.style-under--item p.reposted-by:first-child + * + .tags-con,
.ztm-content p.reposted-by:first-child + * + .tags-con {
  margin-top: -26px;
}

.ztm-item.from-repost .hex-icon {
  opacity: 0.5;
}

.zoomtimeline.mode-default .ztm-item .ztm-content {
  position: relative;
}

.zoomtimeline.mode-default .ztm-item .ztm-content:before {
  content: "";
  position: absolute;
  left: 85px;
  width: calc(100% - 70px);
  height: calc(100% - 15px);
  opacity: 0;
  visibility: hidden;
  background-color: #FFFFFF;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.zoomtimeline.mode-default .ztm-item .ztm-content.active:before {
  opacity: 1;
  visibility: visible;
}

.label-for-ujarak {
  position: relative;
  font-size: 11px;
  margin-left: 3px;
  top: 0;
  pointer-events: none;
  opacity: 0.6;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.setting.ujarak-empty .label-for-ujarak {
  top: 20px;
  font-size: 14px;
  opacity: 0.4;
  height: 11px;
  margin-left: 7px;
}

.label-for-ujarak + .mce-container {
  margin-top: 10px;
}

.register-form .sidenote {
  margin-top: 5px;
  font-size: 13px;
}

.main-section-register .setting,
.shortcode-checkout .setting {
  margin-bottom: 20px;
}
.main-section-register input,
.shortcode-checkout input {
  background-color: transparent;
  border: 0;
  width: 100%;
  box-sizing: border-box !important;
  color: #222222;
  box-shadow: 0;
  border-bottom: 1px solid #dddddd;
  font-size: 15px;
  font-weight: 300;
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.main-section-register input:focus,
.shortcode-checkout input:focus {
  box-shadow: none;
  outline: 0;
  border-bottom: 1px solid #db4343;
}
.main-section-register .button-primary,
.shortcode-checkout .button-primary {
  border: 0;
  margin-top: 15px;
  color: #FFFFFF;
  font-size: 16px;
  padding: 8px 10px;
  height: auto;
  width: 100%;
}

.alert-purchaseconfirmation {
  background-color: #60675A;
  color: #eee;
}

.shortcode-checkout h2 {
  margin-bottom: 20px;
}
.shortcode-checkout input[type=radio] {
  display: inline-block;
  margin-right: 7px;
  width: auto;
}
.shortcode-checkout label {
  font-weight: normal;
  font-style: italic;
}
.shortcode-checkout .setting-label {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 15px;
}
.shortcode-checkout .checkout-cart-details {
  position: relative;
  color: #fff;
}
.shortcode-checkout .checkout-cart-details h2 {
  position: relative;
  color: inherit;
}
.shortcode-checkout .checkout-cart-details .cart-item {
  width: 100%;
}
.shortcode-checkout .checkout-cart-details .cart-item .cart-delete-item-btn {
  display: none;
}
.shortcode-checkout .checkout-cart-details .sidebar-fullbg {
  background-color: #464646;
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: calc(100% + 30px);
}
.shortcode-checkout .checkout-cart-details .cart-subtotal-con {
  position: relative;
  font-size: 15px;
  padding-top: 10px;
  margin-top: 15px;
}

body .dzs-single-upload.drag-drop .dzs-single-upload--areadrop {
  background-color: rgba(255, 255, 255, 0.2);
}

body .dzs-single-upload.drag-drop .dzs-single-upload--areadrop .instructions {
  opacity: 0.7;
  font-size: 27px;
  font-weight: 300;
  font-family: "Times New Roman", "Open Sans", arial, serif;
  transform: rotate(3deg) translate(-50%, -50%);
}

.price-conglomerate {
  opacity: 0;
  visibility: hidden;
  max-height: 0px;
  transition-property: visibility, opacity, max-height;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.price-conglomerate.active {
  opacity: 1;
  max-height: 250px;
  visibility: visible;
}

/* search css*/
.bigsearch-con {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.bigsearch-con > .bigsearch--the-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(50, 50, 50, 0.9);
}
.bigsearch-con .search-con {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 450px;
  width: 100%;
  transform: translate(-50%, -50%);
  transition-property: max-width, height;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.bigsearch-con .search-con .input-ujarak-style {
  display: inline-block;
  width: calc(100% - 40px);
  font-size: 26px;
  color: #ffffff;
  font-weight: 300;
  border-color: #cccccc;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.bigsearch-con .search-con .search-button {
  display: inline-block;
  background: transparent;
  border: 0;
  font-size: 26px;
  color: #cccccc;
  position: relative;
  float: right;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.bigsearch-con .search-con .search-button .fa-search {
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.bigsearch-con .search-con .search-button .fa-spin {
  position: absolute;
  top: 9px;
  right: 9px;
  font-size: 21px;
  opacity: 0;
  transition-property: opacity, font-size;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.bigsearch-con .search-con .search-query-input {
  margin-bottom: 15px;
}
.bigsearch-con .search-con .search-query-input:after {
  content: "";
  display: block;
  clear: both;
}
.bigsearch-con .search-con .search-button:hover {
  color: #ffffff;
}
.bigsearch-con .search-con .input-ujarak-style:focus,
.bigsearch-con .search-con .input-ujarak-style:hover {
  border-color: #ffffff;
}
.bigsearch-con .search-con .search-results-con {
  height: 0;
  width: 100%;
  padding: 0;
  opacity: 0;
  margin: 0 auto;
  position: relative;
  background-color: transparent;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.bigsearch-con .search-con .search-results-con > .scroller-con {
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  color: #eeeeee;
}
.bigsearch-con .search-con .search-results-con > .scroller-con .inner {
  width: 100%;
  padding-right: 20px;
  transition-property: padding;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.bigsearch-con .search-con .search-results-con > .scroller-con.no-need-for-nav .inner {
  padding-right: 0;
  top: 0 !important;
}
.bigsearch-con .search-con .search-results-con h6 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #cccccc;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
}
.bigsearch-con .search-con .search-results-con h6:first-of-type {
  margin-top: 5px;
}
.bigsearch-con .search-con .search-results-con .result-con {
  margin-bottom: 5px;
  font-size: 16px;
  display: block;
  text-decoration: none;
  color: #ffffff;
  opacity: 1;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.bigsearch-con .search-con .search-results-con .result-con > i {
  float: right;
}
.bigsearch-con .search-con .search-results-con .result-con:hover {
  opacity: 1;
  color: #ddffee;
}
.bigsearch-con .search-con .search-results-con .result-con:after {
  display: block;
  content: "";
  clear: both;
}

.bigsearch-con.has-input .search-con {
  max-width: 350px;
}
.bigsearch-con.has-input .search-con .input-ujarak-style,
.bigsearch-con.has-input .search-con .search-button {
  font-size: 16px;
}
.bigsearch-con.has-input .search-con .input-ujarak-style .fa-spin,
.bigsearch-con.has-input .search-con .search-button .fa-spin {
  top: 7px;
  right: 8px;
  font-size: 13px;
}
.bigsearch-con.has-input .search-con .search-results-con {
  height: 300px;
  padding: 10px;
  opacity: 1;
}

.bigsearch-con.loading .search-con .search-button .fa-search {
  opacity: 0;
}
.bigsearch-con.loading .search-con .search-button .fa-spin {
  opacity: 1;
}

.row-margin-nuller {
  margin-bottom: -15px;
}

.bigsearch-con.activated {
  visibility: visible;
  opacity: 1;
}

.start-scroll-icon {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.start-scroll-icon path {
  stroke: #ddd;
}
.start-scroll-icon circle {
  fill: #ddd;
  animation: movement_scroll_circle 1.5s infinite ease-out;
  opacity: 1;
}
.start-scroll-icon .start-text {
  display: block;
  text-align: center;
  width: 150px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
}

@keyframes movement_scroll_circle {
  0% {
    transform: translateY(-10px);
    opacity: 1;
  }
  40% {
    transform: translateY(0px);
    opacity: 1;
  }
  70% {
    transform: translateY(0px);
    opacity: 0;
  }
  100% {
    transform: translateY(-10px);
    opacity: 0;
  }
}
/* responsive menu */
/* theme-luna */
.color-highlight {
  color: #db4343;
}

.btn-white {
  padding: 8px 12px;
  background-color: white;
  display: inline-block;
  color: #5B98AD;
  text-decoration: none;
}

.btn-white:hover {
  text-decoration: none;
}

.feedbacker {
  color: #222222;
}

body.theme-luna {
  background-color: #222;
  color: #eeeeee;
  font-family: "Raleway", serif;
}
body.theme-luna .blog-display-item h2 {
  color: inherit;
  font-family: "Dosis", serif;
}
body.theme-luna .artist-presentation-con .artist-occupation,
body.theme-luna .audioplayer.skin-steel .ap-controls .ap-controls-right .curr-time,
body.theme-luna .audioplayer.skin-steel .ap-controls .ap-controls-right .meta-artist-con .the-name,
body.theme-luna .audioplayer.skin-steel .ap-controls .ap-controls-right .total-time,
body.theme-luna .dzs-tabs {
  font-family: "Raleway", serif;
}
body.theme-luna .audioplayer.skin-steel .ap-controls .ap-controls-right .meta-artist-con .the-name,
body.theme-luna .dzs-tabs.skin-events .post-meta--location > .the-text {
  position: relative;
  left: 1px;
}
body.theme-luna .dzs-tabs.skin-events .content-right {
  width: 95px;
}
body.theme-luna .button--secondary {
  border-color: rgba(255, 255, 255, 0.3);
}
body.theme-luna .content-wrapper {
  background-color: #222;
}
body.theme-luna .dzscalendar.skin-responsive-galileo .main-mon .mon-body .week-day {
  background-color: #1a1a1a;
  color: #ffffff;
}
body.theme-luna .dzscalendar.skin-responsive-galileo .main-mon .mon-body .week-day > .the-number {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
}
body.theme-luna .dzscalendar.skin-responsive-galileo .calendar-controls {
  height: 180px;
}
body.theme-luna .dzscalendar.skin-responsive-galileo .theMonths {
  background-color: #1a1a1a;
}
body.theme-luna .dzscalendar.skin-responsive-galileo .headerRow {
  background: #DED288;
  color: #333;
  font-weight: bold;
}
body.theme-luna .dzscalendar.skin-responsive-galileo .headerRow .week-day {
  font-size: 10px;
}
body.theme-luna .shortcode-login .input-ujarak-style {
  color: #ffffff;
}
body.theme-luna .usersettings-form .input-ujarak-style {
  color: #ffffff;
}
body.theme-luna .dzscalendar.skin-responsive-galileo .main-mon .mon-body .week-day.other-months-date .the-number {
  opacity: 0.3;
}
body.theme-luna .preloader-audio span {
  background: #333;
}
body.theme-luna .audioplayer.skin-steel .ap-controls .ap-controls-right .meta-artist-con .the-artist {
  font-family: "Dosis", serif;
}
body.theme-luna .preloader-audio span {
  animation: preloader_audio_luna 1.5s infinite ease-in-out;
}
body.theme-luna .preloader-audio span:nth-child(2) {
  left: 11px;
  animation-delay: 0.2s;
}
body.theme-luna .preloader-audio span:nth-child(3) {
  left: 22px;
  animation-delay: 0.4s;
}
body.theme-luna .preloader-audio span:nth-child(4) {
  left: 33px;
  animation-delay: 0.6s;
}
body.theme-luna .preloader-audio span:nth-child(5) {
  left: 44px;
  animation-delay: 0.8s;
}
body.theme-luna .will-have-footer {
  background-color: #333;
  padding: 20px 0 0;
  font-size: 14px;
  position: relative;
}
body.theme-luna .will-have-footer .footer-title {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Dosis", serif;
}
body.theme-luna .will-have-footer .footer-title {
  margin-bottom: 0;
}
body.theme-luna .will-have-footer .shortcode-header.style-footer-menu {
  font-size: 16px;
}
body.theme-luna .will-have-footer .shortcode-text + .shortcode-header {
  margin-top: -5px;
}
body.theme-luna .will-have-footer .header-menu > li {
  margin-bottom: 4px;
}
body.theme-luna .will-have-footer .header-menu > li > a {
  text-decoration: none;
}
body.theme-luna .will-have-footer .header-menu > li > a > i {
  margin-right: 3px;
  display: inline-block;
}
body.theme-luna .will-have-footer .shortcode-header.style-footer-menu .header-menu > li {
  display: block;
}
body.theme-luna .will-have-footer .shortcode-header.style-footer-menu .header-menu > li:after {
  display: none;
}
body.theme-luna .will-have-footer .simple-list a {
  text-decoration: none;
  font-size: 16px;
}
body.theme-luna .simple-list a,
body.theme-luna .style-footer-menu .header-menu > li > a,
body.theme-luna .style-footer-menu .header-menu > li > form,
body.theme-luna .style-footer-menu .header-menu > li > form > button {
  color: #5B98AD;
}
body.theme-luna .secondary-footer {
  background-color: #333738;
  color: #cccccc;
  padding: 15px 0 0;
  position: relative;
}
body.theme-luna .secondary-footer > .container:last-child > .row:last-child {
  margin-bottom: 0;
}
body.theme-luna .secondary-footer .shortcode-text:after {
  content: "";
  display: block;
  clear: both;
}
body.theme-luna textarea.input-ujarak-style {
  color: #ffffff;
}
body.theme-luna .the-social-icon-con {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ffffff;
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
  position: relative;
}
body.theme-luna .the-social-icon-con > i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11px;
}
body.theme-luna .the-social-text {
  display: inline-block;
  vertical-align: middle;
}

.form-in-parallax {
  margin-top: 25px;
  max-width: 100%;
  width: 500px;
  position: relative;
}
.form-in-parallax .full-right {
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  font-weight: bold;
  font-size: 13px;
  border: 0;
  padding-left: 17px;
  padding-right: 17px;
}
.form-in-parallax .input-style-ronda {
  width: 100%;
}

.input-style-ronda {
  border-radius: 5px;
  font-size: 16px;
  border: 0;
  outline: 0;
  padding: 14px 18px;
  color: #333333;
}

.not-logged-in .hide-when-not-logged-in {
  display: none !important;
}

.shortcode-inline_menu-main {
  list-style: none;
  display: block;
}
.shortcode-inline_menu-main > li {
  font-size: 19px;
  display: inline-block;
  margin-right: 15px;
  color: #db4343;
  cursor: pointer;
  vertical-align: bottom;
  transition-property: font-size;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.shortcode-inline_menu-main > li > a {
  opacity: 0.75;
  padding-bottom: 3px;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  text-decoration: none;
  transition-property: opacity, border;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.shortcode-inline_menu-main > li.current-menu-item, .shortcode-inline_menu-main > li:hover {
  font-size: 23px;
}
.shortcode-inline_menu-main > li.current-menu-item > a, .shortcode-inline_menu-main > li:hover > a {
  opacity: 1;
  color: inherit;
  border-bottom-color: #db4343;
}

body.theme-default {
  font-family: "PT Sans", "Open Sans", serif;
}
body.theme-default .container {
  background-color: #ffffff;
}
body.theme-default .upper-footer {
  background-color: #f5f5f5;
  padding-top: 10px;
}
body.theme-default .mcon-mainmenu .container {
  background-color: transparent;
}
body.theme-default section.mcon-mainmenu {
  height: auto;
}
body.theme-default section.mcon-mainmenu > .container > .row {
  margin-bottom: 0;
}
body.theme-default section.mcon-mainmenu .shortcode-header.style-default .menu-span-right > *:not(.user-menu--options) {
  top: 0;
}
body.theme-default section.mcon-mainmenu .shortcode-header.style-default .menu-span-right > .user-menu-con {
  top: 0px;
}

.contact-details {
  color: #444444;
}
.contact-details p {
  margin-bottom: 14px;
}
.contact-details p > * {
  display: inline-block;
  vertical-align: text-top;
}
.contact-details i {
  font-size: 21px;
  opacity: 0.5;
  width: 20px;
  text-align: center;
  margin-right: 10px;
}
.contact-details .the-text {
  font-size: 14px;
}

.box-main {
  color: #222;
}

body.theme-dark {
  background-color: #545656;
  font-family: "PT Sans", "Open Sans", serif;
}
body.theme-dark .shortcode-upload.style-new .upload-track-options {
  background-color: rgba(0, 0, 0, 0.5);
}
body.theme-dark, body.theme-dark textarea.input-ujarak-style {
  color: #ffffff;
}
body.theme-dark p.reposted-by .the-icon path {
  fill: #ddd;
}
body.theme-dark .shortcode-messages.style-default .scroller-con:before {
  background: linear-gradient(to bottom, #1e1e1e 0%, rgba(30, 30, 30, 0) 100%);
}
body.theme-dark .shortcode-messages.style-default .scroller-con:after {
  background: linear-gradient(to bottom, rgba(30, 30, 30, 0) 0%, #1e1e1e 100%);
  /* W3C */
}
body.theme-dark .skin-simple {
  color: #eeeeee;
}
body.theme-dark .main-section-register input, body.theme-dark .shortcode-checkout input {
  color: #fff9f9;
}
body.theme-dark .svg-icon {
  color: #fff9f9;
}
body.theme-dark .textarea.input-ujarak-style {
  color: #eeeeee;
}
body.theme-dark .zoomtimeline.mode-default .ztm-item .ztm-content:before {
  background-color: #555;
}
body.theme-dark .tag-suggestions-div > .placeholder, body.theme-dark .tag-suggestions-div > .placeholder:focus, body.theme-dark .tag-suggestions-div > .placeholder:active {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
body.theme-dark .contact-details {
  color: #ccc;
}
body.theme-dark .content-wrapper, body.theme-dark .dzsap-sticktobottom.dzsap-sticktobottom-for-skin-silver {
  background-color: #545656;
}
body.theme-dark .content-wrapper > .container, body.theme-dark .dzsap-sticktobottom.dzsap-sticktobottom-for-skin-silver > .container {
  padding-left: 0;
  padding-right: 0;
}
body.theme-dark .container {
  background-color: #353434;
  padding-left: 30px;
  padding-right: 30px;
}
body.theme-dark .zoomtimeline.mode-default .ztm-item .hex-icon {
  background-color: #2f2e2e;
}
body.theme-dark .zoomtimeline.mode-default .ztm-item .hex-icon:before {
  border-bottom-color: #2f2e2e;
}
body.theme-dark .zoomtimeline.mode-default .ztm-item .hex-icon:after {
  border-top-color: #2f2e2e;
}
body.theme-dark .zoomtimeline.mode-default .ztm-item .hex-desc-con .hex-desc {
  background-color: #2f2e2e;
}
body.theme-dark input.input-ujarak-style, body.theme-dark .zoomsounds-nav.skin-aura .menu-item, body.theme-dark h2 {
  color: #FFFFFF;
}
body.theme-dark .upper-footer {
  background-color: #292929;
  padding-top: 10px;
}
body.theme-dark .upper-footer .btn-primary {
  background-color: #4b615f;
  color: #d8d8d8;
}
body.theme-dark .upper-footer .btn-primary:hover {
  background-color: #5d7775;
  color: #fff;
}
body.theme-dark .simple-input-field {
  background-color: #b5b5b5;
}
body.theme-dark .shortcode-contact_form .simple-input-field {
  background-color: #565555;
  border: none;
  color: #ddd;
}
body.theme-dark .audioplayer.skin-silver .ap-controls .ap-controls-right .meta-artist-con .the-artist, body.theme-dark .audioplayer.skin-silver a {
  color: #dddddd;
}
body.theme-dark .extra-html, body.theme-dark .audioplayer .extra-html .counter-comments, body.theme-dark .audioplayer .extra-html .counter-hits, body.theme-dark .audioplayer .extra-html .counter-likes, body.theme-dark .audiogallery .extra-html .counter-comments, body.theme-dark .audiogallery .extra-html .counter-hits, body.theme-dark .audiogallery .extra-html .counter-likes {
  color: #dddddd;
}
body.theme-dark .mcon-mainmenu .container {
  background-color: transparent;
}
body.theme-dark section.mcon-mainmenu > .container > .row {
  margin-bottom: 0;
}
body.theme-dark section.mcon-mainmenu .shortcode-header.style-default .menu-span-right > *:not(.user-menu--options) {
  top: 0;
}
body.theme-dark section.mcon-mainmenu .shortcode-header.style-default .menu-span-right > .user-menu-con {
  top: 0px;
}

.col-md-12 {
  float: none !important;
}

body.page-embed .section-mainmenu, body.page-embed .will-have-footer, body.page-embed .header--padder {
  display: none;
}
body.page-embed .container {
  background-color: transparent;
}

/*body.theme-domino*/
.theme-domino {
  font-family: "Raleway", serif;
  color: #222;
}
.theme-domino section.mcon-mainmenu {
  height: auto;
  padding: 0;
  background-color: #1D1D1B;
}
.theme-domino section.mcon-mainmenu > .container {
  margin-top: 10px;
  margin-bottom: 10px;
}
.theme-domino section.mcon-mainmenu .row {
  margin-bottom: 0;
}
.theme-domino section.mcon-mainmenu .menu-span-left:after {
  content: "";
  display: block;
  clear: both;
}
.theme-domino .list-track .track-meta .track-title {
  color: #71b494;
  font-weight: bold;
}
.theme-domino h2,
.theme-domino h3,
.theme-domino h4,
.theme-domino h5 {
  font-family: "Dosis", serif;
}
.theme-domino .content-wrapper {
  background-color: #FFFFFF;
}
.theme-domino h2 {
  text-align: center;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: bold;
}
.theme-domino h2 + h4 {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.theme-domino h3 {
  font-size: 21px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 15px;
}
.theme-domino .new-section {
  padding-top: 20px;
}
.theme-domino .new-section:nth-child(odd) {
  background-color: #f9f9f9;
}
.theme-domino .blog-display-item {
  margin-bottom: 25px;
}
.theme-domino .blog-display-item .post-content,
.theme-domino .blog-display-item h2 {
  color: #222;
  text-align: left;
}
.theme-domino .dzsparallaxer h2 {
  color: #eee;
}
.theme-domino .dzsparallaxer h4 {
  color: #eee;
}
.theme-domino a {
  color: #71b494;
}
.theme-domino .will-have-footer {
  background-color: #333;
  color: #ffffff;
  padding: 20px 0 0;
  font-size: 14px;
  position: relative;
}
.theme-domino .will-have-footer .footer-title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Dosis", serif;
  color: #71b494;
}
.theme-domino .will-have-footer .style-footer-menu {
  margin-top: 5px;
}
.theme-domino .will-have-footer .style-footer-menu a {
  color: #71b494;
  opacity: 0.5;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.theme-domino .will-have-footer .style-footer-menu a:hover {
  opacity: 1;
}
.theme-domino .will-have-footer .style-footer-menu li {
  padding-left: 20px;
  font-size: 13px;
}
.theme-domino .will-have-footer .style-footer-menu li:before {
  position: absolute;
  content: "";
  font-family: "FontAwesome";
  left: 0;
}
.theme-domino .will-have-footer .footer-title {
  margin-bottom: 0;
}
.theme-domino .will-have-footer .shortcode-header.style-footer-menu {
  font-size: 16px;
}
.theme-domino .will-have-footer .shortcode-text + .shortcode-header {
  margin-top: 5px;
}
.theme-domino .will-have-footer .header-menu > li {
  margin-bottom: 4px;
}
.theme-domino .will-have-footer .header-menu > li > a {
  text-decoration: none;
}
.theme-domino .will-have-footer .header-menu > li > a > i {
  margin-right: 3px;
  display: inline-block;
}
.theme-domino .will-have-footer .shortcode-header.style-footer-menu .header-menu > li {
  display: block;
}
.theme-domino .will-have-footer .shortcode-header.style-footer-menu .header-menu > li:after {
  display: none;
}
.theme-domino .will-have-footer .simple-list a {
  text-decoration: none;
  font-size: 16px;
}

/* style-nova START */
ul.style-nova {
  list-style: none;
  margin: 0;
}
ul.style-nova > li {
  display: block;
  margin-bottom: 10px;
  position: relative;
  background-color: rgba(0, 0, 0, 0);
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
ul.style-nova > li .li-thumb {
  float: none;
  display: inline-block;
  vertical-align: middle;
  width: 75px;
  height: 75px;
  margin-right: 15px;
  border-radius: 5px;
  background-size: cover;
  background-position: center center;
  position: relative;
}
ul.style-nova > li .li-thumb .meta-artist-con {
  display: none;
}
ul.style-nova > li .li-meta {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 90px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.style-nova > li .track-title {
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #443f3f;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.style-nova > li .track-by {
  display: block;
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
  opacity: 0.7;
  line-height: 1;
}
ul.style-nova > li .track-by > * {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
ul.style-nova > li .track-by > * + * {
  margin-left: 5px;
}
ul.style-nova > li .the-price {
  font-size: 11px;
  margin-top: 5px;
  color: #71b494 !important;
}
ul.style-nova > li:after {
  display: block;
  content: "";
  clear: both;
}
ul.style-nova .buy-con {
  position: absolute;
  top: 50%;
  right: 10px;
  opacity: 0;
  visibility: hidden;
  margin-top: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
ul.style-nova .buy-con a {
  color: #ffffff;
}
ul.style-nova li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
ul.style-nova li:hover .buy-con {
  opacity: 1;
  visibility: visible;
}

/* style-nove END */
.dzs-feat-1 .the-icon {
  background-color: #71b494;
}

.the-icon + .btn-label {
  margin-left: 5px;
}

.audiogallery-con > .audiogallery-con {
  display: none;
}

.pausebtn-darkround,
.playbtn-darkround {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(50, 50, 50, 0.65);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.playbtn-darkround:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #CCCCCC;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 2px;
}

.pausebtn-darkround:after,
.pausebtn-darkround:before {
  content: "";
  width: 5px;
  height: 20px;
  margin-left: -4px;
  background-color: #CCCCCC;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pausebtn-darkround:after {
  margin-left: 5px;
}

.pausebtn-darkround:hover,
.playbtn-darkround:hover {
  background-color: rgba(50, 50, 50, 0.5);
}

.shortcode-gallery {
  margin-left: -1px;
  margin-right: -1px;
}
.shortcode-gallery .gallery-item-con {
  display: inline-block;
  width: 33%;
  padding: 1px;
  vertical-align: top;
  position: relative;
}
.shortcode-gallery .gallery-item-con > img {
  display: block;
  width: 100%;
}
.shortcode-gallery .gallery-item-con > .divimage {
  display: block;
  width: 100%;
  background-size: cover;
  background-position: center center;
  height: 76px;
}
.shortcode-gallery .gallery-item-con > .zoom-icon-con {
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  color: #222222;
  opacity: 0;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(1.3);
}
.shortcode-gallery .gallery-item-con > .zoom-icon-con > i {
  font-size: 11px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.shortcode-gallery .gallery-item-con:hover > .zoom-icon-con {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.simple-list {
  margin: 0;
}

.mcon-mainmenu-luna {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
  height: 58px;
  background-color: rgba(20, 20, 20, 0.3);
  transition-property: background, color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.mcon-mainmenu-luna .header--right {
  float: right;
  text-align: right;
  position: relative;
  top: 8px;
}
.mcon-mainmenu-luna .header--right > * {
  display: inline-block;
  vertical-align: middle;
}
.mcon-mainmenu-luna .logo-con {
  height: 58px;
}
.mcon-mainmenu-luna .logo-con > a {
  display: block;
}
.mcon-mainmenu-luna .logo-con img {
  max-height: 100%;
}
.mcon-mainmenu-luna .header-menu {
  margin: 0 14px 0 0;
  padding-right: 15px;
  position: relative;
  top: 1px;
}
.mcon-mainmenu-luna .header-menu > li {
  display: inline-block;
  margin-right: 9px;
}
.mcon-mainmenu-luna .header-menu > li:last-child {
  margin-right: 0;
}
.mcon-mainmenu-luna .header-menu a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Dosis", serif;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.mcon-mainmenu-luna .header-menu li.current-menu-item > a,
.mcon-mainmenu-luna .header-menu li:hover > a {
  text-decoration: none;
  color: #928A7F;
}
.mcon-mainmenu-luna .header-menu:after {
  content: "";
  left: 100%;
  top: 0;
  height: 100%;
  width: 1px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.3);
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.mcon-mainmenu-luna .menu-right-block-cart {
  font-size: 24px;
}

.mcon-mainmenu-luna.shrink-it {
  background-color: rgba(20, 20, 20, 0.95);
}

.shortcode-videoplayer div.cover-image {
  background-size: cover;
}

.mcon-mainmenu-luna + .header--padder {
  height: 0;
}

.audiogallery.place-it-below {
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 5;
  margin-top: -16px;
  background-color: rgba(15, 15, 15, 0.5);
}

.track-con {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
}
.track-con .play-button-con {
  background-color: #222222;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  opacity: 0.3;
  cursor: pointer;
  transition-property: opacity, background;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.track-con .play-button-con .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 22px;
  transform: translate(-50%, -50%);
  color: #eee;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.track-con .play-button-con .fa.fa-play {
  margin-left: 3px;
}
.track-con img.fullwidth {
  border: 5px solid #222;
  display: block;
}
.track-con .dzsparallaxer-con {
  border: 5px solid #222;
  overflow: hidden;
}
.track-con div.dzsparallaxer {
  transform: scale(1);
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.track-con h3 {
  color: #ded288;
  font-family: "Dosis", serif;
  font-weight: 300;
  font-size: 24px;
  padding: 5px 0 12px;
  background-color: #222;
  margin-top: 0;
}
.track-con:hover .dzsparallaxer {
  transform: scale(1.1) rotate(2deg);
}
.track-con:hover .play-button-con {
  opacity: 0.8;
}

.track-con.disabled .dzsparallaxer {
  transform: scale(1);
}
.track-con.disabled .play-button-con {
  background-color: #555;
  opacity: 0.7;
}
.track-con.disabled .play-button-con i {
  color: #999;
}

.buy-con {
  margin-top: 25px;
  text-align: center;
}

.divimage {
  background-size: cover;
  background-position: center center;
}

a.button {
  text-decoration: none;
}

.google-maps-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(15, 15, 15, 0.9);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#191919+0,1e1e1e+100&0.87+0,0.93+100 */
  background: -moz-radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.87) 0%, rgba(30, 30, 30, 0.93) 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.87) 0%, rgba(30, 30, 30, 0.93) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(25, 25, 25, 0.87) 0%, rgba(30, 30, 30, 0.93) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= "#de191919", endColorstr="#ed1e1e1e",GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.bg-pat3 {
  background-image: url("../img/bg1.jpg");
  background-size: cover;
  position: relative;
  background-position: center center;
  padding: 120px 0 0;
}
.bg-pat3 > .container {
  position: relative;
  max-width: 940px;
}

.calendar-con {
  padding: 30px 0;
  position: relative;
}
.calendar-con > .container {
  position: relative;
  max-width: 940px;
}

.button.padding-small {
  padding: 7px 15px;
}

.button--vive {
  background-color: #71b494;
  border-radius: 8px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  color: #ffffff;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}

.button--vive.grey {
  background-color: #525252;
}

.button--vive:hover {
  color: #eee;
}

form.change_password {
  text-align: center;
  background-color: rgba(68, 67, 67, 0.3);
  padding: 30px;
}
form.change_password h4 {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}

/* -- hacks */
body.page-playlistadd {
  background-color: #ffffff;
}

body.big-search-activated {
  overflow: hidden;
}

.dzs-tabs.skin-blue .tabs-content {
  overflow: hidden;
}

.shortcode-query.pagination-pagination[data-maxpages="2"] .pagination-con,
.shortcode-query.pagination-pagination[data-maxpages="3"] .pagination-con {
  margin-left: -5px;
  margin-right: -5px;
}
.shortcode-query.pagination-pagination[data-maxpages="2"] .pagination-con > li,
.shortcode-query.pagination-pagination[data-maxpages="3"] .pagination-con > li {
  padding: 5px;
  width: 50%;
  margin: 0;
  background-color: transparent;
}
.shortcode-query.pagination-pagination[data-maxpages="2"] .pagination-con > li > a,
.shortcode-query.pagination-pagination[data-maxpages="3"] .pagination-con > li > a {
  font-size: 0;
  height: 3px;
  padding: 0;
  width: 100%;
  background-color: #777;
}
.shortcode-query.pagination-pagination[data-maxpages="2"] .pagination-con > li.active > a,
.shortcode-query.pagination-pagination[data-maxpages="3"] .pagination-con > li.active > a {
  background-color: #444;
}

.zoomtimeline.mode-default .ztm-item .hex-desc-con .hex-desc {
  overflow: hidden;
  text-overflow: ellipsis;
}

.shortcode-query.pagination-pagination[data-maxpages="3"] .pagination-con > li {
  width: 33.33%;
}

.purchase-confirmation-clip {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 55;
  padding-bottom: 0;
  margin-bottom: 0;
  transition-property: margin, padding;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.purchase-confirmation-clip .purchase-confirmation {
  position: absolute;
  top: 0;
  background-color: #8c52d3;
  color: #ffffff;
  padding: 8px 0 5px;
  text-align: center;
  width: 100%;
  z-index: 5;
  font-size: 13px;
}
.purchase-confirmation-clip .purchase-confirmation {
  background-color: #d33f65;
}

.purchase-confirmation-clip.active {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.input-style-grey {
  float: right;
  background-color: rgba(68, 68, 68, 0.25);
  color: #111;
  border: 0;
  border-radius: 5px 5px 0 0;
  padding: 5px;
}

.album-part-selector-main--con {
  position: relative;
  margin-top: 15px;
}
.album-part-selector-main--con:before {
  content: "";
  position: absolute;
  right: 7px;
  top: 7px;
  font-family: "FontAwesome";
}
.album-part-selector-main--con h4 {
  float: left;
  margin: 0;
}
.album-part-selector-main--con:after {
  display: block;
  clear: both;
  content: "";
}

.audiogallery-con.from-charts {
  position: static;
}
.audiogallery-con.from-charts > .gallery-thumb {
  display: none;
}
.audiogallery-con.from-charts .audiogallery {
  position: static;
}
.audiogallery-con.from-charts .audiogallery .audioplayer.active, .audiogallery-con.from-charts .audiogallery .audioplayer-inner {
  position: static !important;
}
.audiogallery-con.from-charts .slider-main {
  position: static;
}

.album-part-selector-main {
  max-height: 200px;
  overflow: auto;
}
.album-part-selector-main .album-part {
  background-color: #ececec;
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: stretch;
  align-items: center;
  justify-content: space-between;
  opacity: 0.8;
  color: #444444;
  width: 100%;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.album-part-selector-main .album-part .the-title, .album-part-selector-main .album-part .the-buttons {
  vertical-align: center;
  width: 30%;
}
.album-part-selector-main .album-part .the-title {
  flex-grow: 3;
}
.album-part-selector-main .album-part .the-buttons {
  text-align: right;
  height: 28px;
  position: relative;
}
.album-part-selector-main .album-part .the-buttons > .dzs-button {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.album-part-selector-main .album-part .the-buttons .remove-btn {
  opacity: 0;
  visibility: hidden;
}
.album-part-selector-main .album-part:after {
  content: "";
  display: block;
  clear: both;
}
.album-part-selector-main .album-part:nth-child(odd) {
  background-color: #f3f3f3;
}
.album-part-selector-main .album-part.active {
  background-color: #bbb2b2;
}
.album-part-selector-main .album-part.active .the-buttons .add-btn {
  visibility: hidden;
  opacity: 0;
}
.album-part-selector-main .album-part.active .the-buttons .remove-btn {
  visibility: visible;
  opacity: 1;
}
.album-part-selector-main .album-part:hover {
  opacity: 1;
}

html[dir=rtl] p.reposted-by .the-avatar {
  margin-right: 0;
  margin-left: 7px;
}
html[dir=rtl] body .extra-html .extra-html-btn > .the-icon, html[dir=rtl] .skin-simple > i {
  margin-right: 0;
  margin-left: 7px;
}
html[dir=rtl] .list-track .track-meta {
  margin-left: 0;
  margin-right: 15px;
}
html[dir=rtl] .tags-con .tag-for-ap {
  float: left;
}
html[dir=rtl] section.mcon-mainmenu .header--right {
  text-align: left;
}

.dzs-button {
  position: relative;
  padding: 15px;
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
}
.dzs-button .the-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-color: #8c8b47;
}
.dzs-button .the-text {
  position: relative;
  color: #ffffff;
}
.dzs-button > .the-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.dzs-button > .the-text {
  display: inline-block;
  vertical-align: middle;
}
.dzs-button > .the-icon + .the-text {
  margin-left: 10px;
}

.dzs-button.padding-small {
  padding: 5px 10px;
}

.dzs-button.style-border-outside {
  border: 1px solid #8c8b47;
  background-color: transparent;
}
.dzs-button.style-border-outside .the-bg {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0);
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.dzs-button.style-border-outside .the-text, .dzs-button.style-border-outside .the-icon {
  color: #222222;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.dzs-button.style-border-outside:hover .the-bg {
  background-color: #8c8b47;
}
.dzs-button.style-border-outside:hover .the-text, .dzs-button.style-border-outside:hover .the-icon {
  color: #ffffff;
}

.table-fill {
  background: white;
  border-radius: 3px;
  border-collapse: collapse;
  margin: auto;
  padding: 5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}
.table-fill th {
  color: #D5DDE5;
  background: #1b1e24;
  border-bottom: 4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size: 23px;
  font-weight: 100;
  padding: 24px;
  text-align: left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align: top;
}
.table-fill th:first-child {
  border-top-left-radius: 3px;
}
.table-fill th:last-child {
  border-top-right-radius: 3px;
  border-right: none;
}
.table-fill tr {
  border-top: 1px solid #C1C3D1;
  border-bottom-: 1px solid #C1C3D1;
  color: #666B85;
  font-size: 16px;
  font-weight: normal;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}
.table-fill tr:hover td {
  background: #4E5066;
  color: #FFFFFF;
  border-top: 1px solid #22262e;
  border-bottom: 1px solid #22262e;
}
.table-fill tr:first-child {
  border-top: none;
}
.table-fill tr:last-child {
  border-bottom: none;
}
.table-fill tr:nth-child(odd) td {
  background: #EBEBEB;
}
.table-fill tr:nth-child(odd):hover td {
  background: #4E5066;
}
.table-fill tr:last-child td:first-child {
  border-bottom-left-radius: 3px;
}
.table-fill tr:last-child td:last-child {
  border-bottom-right-radius: 3px;
}
.table-fill td {
  background: #FFFFFF;
  padding: 20px;
  text-align: left;
  vertical-align: top;
  font-weight: 300;
  font-size: 18px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}
.table-fill td:last-child {
  border-right: 0px;
}
.table-fill th.text-left {
  text-align: left;
}
.table-fill th.text-center {
  text-align: center;
}
.table-fill th.text-right {
  text-align: right;
}
.table-fill td.text-left {
  text-align: left;
}
.table-fill td.text-center {
  text-align: center;
}
.table-fill td.text-right {
  text-align: right;
}

body .audioplayer.skin-wave:not(.skin-wave-mode-small) .con-controls {
  display: block;
}
body .audioplayer.skin-wave:not(.skin-wave-mode-small) .con-controls .ap-controls-right {
  float: right;
}

tags {
  display: block;
  border: 1px solid #DDD;
  padding-right: 0.3em 0.5em;
  cursor: text;
}

.tagify-me {
  display: none;
}

tags:hover {
  border-color: #CCC;
}

tags tag {
  display: inline-block;
  margin: 5px 0 5px 5px;
  vertical-align: top;
  position: relative;
  cursor: default;
  -webkit-transition: 0.13s ease-out;
  transition: 0.13s ease-out;
  -webkit-animation: 0.3s tags--bump 1 ease-out;
  animation: 0.3s tags--bump 1 ease-out;
}

tags tag > div {
  vertical-align: top;
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0.3em 0.5em;
  color: black;
  -webkit-transition: 0.13s ease-out;
  transition: 0.13s ease-out;
  padding-right: 1.5em;
}

tags tag > div > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

tags tag > div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #E5E5E5;
  border-radius: 3px;
  z-index: -1;
  pointer-events: none;
  -webkit-transition: 80ms ease;
  transition: 80ms ease;
}

tags tag:hover div::before {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  background: #D3E2E2;
  box-shadow: 0 0 0 0 #D39494 inset;
}

tags tag.tagify--noAnim {
  -webkit-animation: none;
  animation: none;
}

tags tag.tagify--hide {
  width: 0 !important;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  pointer-events: none;
}

tags tag.tagify--mark div::before {
  -webkit-animation: 0.3s tagify--pulse 2 ease-out;
  animation: 0.3s tagify--pulse 2 ease-out;
}

tags tag.tagify--notAllowed div > span {
  opacity: 0.5;
}

tags tag.tagify--notAllowed div::before {
  background: rgba(211, 148, 148, 0.44);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

tags tag x {
  font: 14px/14px Serif;
  width: 14px;
  height: 14px;
  text-align: center;
  border-radius: 50px;
  position: absolute;
  z-index: 1;
  right: -webkit-calc(0.5em - 2px);
  right: calc(0.5em - 2px);
  top: 50%;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

tags tag x::after {
  content: "×";
}

tags tag x:hover {
  color: white;
  background: #c77777;
}

tags tag x:hover + div > span {
  opacity: 0.5;
}

tags tag x:hover + div::before {
  background: rgba(211, 148, 148, 0.44);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.tag-suggestions-div {
  width: 100px;
  display: inline-block;
  min-height: 30px;
}

tags input, tags textarea {
  border: 0;
  display: none;
}

.tag-suggestions-div > .placeholder {
  text-decoration: none;
  border: 0;
  display: inline-block;
  width: 100px;
}
.tag-suggestions-div > .placeholder:hover, .tag-suggestions-div > .placeholder:focus {
  border: 0;
}

tags > div {
  display: inline-block;
  min-width: 10px;
  margin: 5px;
  padding: 0.3em 0.5em;
  position: relative;
  vertical-align: top;
}

tags > div > input {
  display: block;
  min-width: 130px;
  outline: none;
  box-shadow: none;
}

tags > div > input:focus {
  outline: none;
  box-shadow: none;
}

tags > div > input.placeholder ~ span {
  opacity: 0.5;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

tags > div > span {
  opacity: 0;
  line-height: 1.8;
  position: absolute;
  top: 0;
  z-index: 1;
  white-space: nowrap;
  pointer-events: none;
  -webkit-transform: translatex(6px);
  -ms-transform: translatex(6px);
  transform: translatex(6px);
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}

@-webkit-keyframes tags--bump {
  30% {
    box-shadow: 0 0 0 4px #E5E5E5;
  }
}
@keyframes tags--bump {
  30% {
    box-shadow: 0 0 0 4px #E5E5E5;
  }
}
@-webkit-keyframes tagify--pulse {
  25% {
    background: rgba(211, 148, 148, 0.6);
  }
}
@keyframes tagify--pulse {
  25% {
    background: rgba(211, 148, 148, 0.6);
  }
}
.shortcode-inline_menu-main + .shortcode-query-main {
  margin-top: 30px;
}

.tag-options {
  list-style: none;
  /*text-align: justify;*/
  padding: 0;
  margin: 0;
  white-space: normal;
}

.tag-options > li {
  display: inline-block;
  margin-right: 5px;
  background-color: #e8bdb9;
  color: #444444;
  padding: 5px 7px;
  cursor: pointer;
  margin-bottom: 5px;
  border-radius: 3px;
  font-size: 11px;
}

.tag-options > li:hover {
  opacity: 0.7;
}

/*# sourceMappingURL=style.css.map */