.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.ctf-fixed-height{overflow:auto}#ctf .ctf-item{padding:15px 5px;overflow:hidden}#ctf.ctf-boxed-style .ctf-item{padding:15px}#ctf .ctf-item:first-child{border-top:none}#ctf .ctf-item:last-of-type{border-bottom:none!important}#ctf .ctf_remaining{display:none}#ctf .ctf_more{padding:1px;border:1px solid transparent;border-radius:3px;display:inline-block;line-height:1}#ctf .ctf_more:hover{cursor:pointer;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);text-decoration:none}#ctf .ctf-header{float:left;clear:both;margin:0;padding:5px 5px 15px 5px;line-height:1.2;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#ctf .ctf-header a{float:left;display:block}#ctf .ctf-header-img{float:left;position:relative;width:48px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#ctf .ctf-header-img img{display:block;float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#ctf.ctf-rebranded .ctf-header-img-hover svg{margin-top:-15px;margin-left:-14px}#ctf.ctf-rebranded .ctf-header-img-hover svg path{fill:white}#ctf .ctf-author-avatar{clear:both;margin:3px 6px 0 -53px}#ctf .ctf-author-name{margin-left:6px}#ctf .ctf-author-box{margin-left:53px}#ctf .ctf-header-generic-icon,#ctf .ctf-header-img-hover{display:none;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:#1b95e0;background:rgba(27,149,224,.85);-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;z-index:999}#ctf .ctf-header-generic-icon .fa,#ctf .ctf-header-generic-icon svg,#ctf .ctf-header-img-hover .fa,#ctf .ctf-header-img-hover svg{position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-8px;font-size:20px;z-index:1000}#ctf .ctf-header-generic-icon svg,#ctf .ctf-header-img-hover svg{margin-top:-10px;margin-left:-10px}#ctf .ctf-header-text{float:left;width:100%;padding-top:5px}#ctf .ctf-no-bio .ctf-header-text{padding-top:13px}#ctf .ctf-header a{text-decoration:none}#ctf .ctf-header-text .ctf-header-user,#ctf .ctf-header-text p{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important}#ctf .ctf-header-name{font-weight:700;margin-right:6px}#ctf .ctf-header-text .ctf-header-bio{padding:0!important;word-break:break-word}#ctf .ctf-header-text .ctf-verified{margin-right:5px}#ctf .ctf-header .ctf-header-follow{display:inline-block;padding:3px 6px;margin:0 0 0 2px;position:relative;top:-2px;background:#1b95e0;color:#fff;font-size:11px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-transition:background .6s ease-in-out;-webkit-transition:background .6s ease-in-out;-o-transition:background .6s ease-in-out;transition:background .6s ease-in-out}#ctf .ctf-header .ctf-header-follow .fa,#ctf .ctf-header .ctf-header-follow svg{margin-right:3px;font-size:12px}#ctf .ctf-header a:hover .ctf-header-follow{background:#0c7abf;-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}#ctf .ctf-header-type-generic .ctf-header-img{color:#fff;width:48px;height:48px;position:relative}#ctf .ctf-header-type-generic .ctf-header-link:hover .ctf-header-generic-icon{background:#0c7abf}#ctf .ctf-header-type-generic .ctf-header-no-bio{padding-top:9px!important;font-size:16px;font-weight:700}#ctf .ctf-header-type-generic .ctf-header-generic-icon{display:block;color:#fff;background:#1b95e0;-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}#ctf .ctf-header-type-generic:hover .ctf-header-generic-icon{display:block;opacity:1}#ctf .ctf-header .ctf-header-user{font-size:16px;line-height:1.3;-ms-word-wrap:break-word;word-break:break-word}#ctf .ctf-header .ctf-header-screenname,#ctf .ctf-header p{font-size:13px;line-height:1.3}.ctf-screenreader{text-indent:-9999px!important;display:inline-block!important;width:0!important;height:0!important;line-height:0!important;text-align:left!important}#ctf .ctf-header-text.sbi-no-info .ctf-header-user{padding-top:9px!important}#ctf .ctf-header-text.sbi-no-bio .ctf-header-counts{clear:both}#ctf .ctf-context{width:100%;padding-left:42px;margin-bottom:2px}#ctf .ctf-with-logo .ctf-context{padding-right:30px}#ctf .ctf-retweet-icon{display:inline-block;font-size:inherit;line-height:1;margin:0 5px 0 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}#ctf.ctf-super-narrow .ctf-retweet-icon{margin:0 5px 0 0}#ctf .ctf-reply-icon{display:inline-block;font-size:inherit;padding:1px 3px 3px 3px;line-height:1;margin:0 3px 0 0}#ctf .ctf-author-box{margin-left:56px}#ctf .ctf-author-avatar{width:48px;height:48px;margin:3px 6px 0 -56px;float:left;overflow:hidden;border:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#ctf .ctf-author-avatar img{margin:0!important;padding:0}#ctf .ctf-author-name,#ctf .ctf-author-screenname,#ctf .ctf-tweet-meta,#ctf .ctf-verified{margin-left:4px;margin-right:4px;display:inline-block}#ctf .ctf-screename-sep{margin:0 2px;display:inline-block}#ctf .ctf-author-name{font-weight:700!important;margin-top:4px}#ctf .ctf-author-box-link{color:#000;text-decoration:none;display:inline;line-height:1.5!important}#ctf .ctf-quoted-verified,#ctf .ctf-verified{color:#77c7f7;margin-left:0}#ctf .ctf-quoted-verified{margin-right:4px}#ctf .ctf-tweet-meta{display:inline-block}#ctf .ctf-replied-to-text a{font-size:inherit;color:inherit;font-weight:inherit}#ctf p.ctf-media-link,#ctf p.ctf-tweet-text{padding:0!important;margin:0!important;line-height:1.4}#ctf .ctf-tweet-actions,#ctf .ctf-tweet-content{margin-left:58px;margin-top:3px;max-width:100%}#ctf .ctf-corner-logo{display:inline-block;float:right;color:#1b95e0;font-size:24px}#ctf.ctf-narrow .ctf-corner-logo{font-size:20px}#ctf .ctf-hide-avatar .ctf-author-box,#ctf .ctf-hide-avatar .ctf-author-name,#ctf .ctf-hide-avatar .ctf-context,#ctf .ctf-hide-avatar .ctf-quoted-tweet,#ctf .ctf-hide-avatar .ctf-tweet-actions,#ctf .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-narrow .ctf-hide-avatar .ctf-author-box,#ctf.ctf-narrow .ctf-hide-avatar .ctf-context,#ctf.ctf-narrow .ctf-hide-avatar .ctf-quoted-tweet,#ctf.ctf-narrow .ctf-hide-avatar .ctf-tweet-actions,#ctf.ctf-narrow .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-author-box,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-context,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-quoted-tweet,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-tweet-content{margin-left:0}#ctf .ctf-hide-avatar .ctf-context{padding-left:0}#ctf .ctf-header-img.ctf-no-consent,#ctf .ctf-header-img.ctf-no-consent .ctf-header-img-hover{display:block;opacity:1;height:48px}#ctf .ctf-quoted-tweet{display:block;clear:both;margin:7px 0 5px 58px;padding:8px 12px;border:1px solid #ddd;border:1px solid rgba(0,0,0,.1);text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf .ctf-quoted-tweet:focus,#ctf .ctf-quoted-tweet:hover{background:#eee;background:rgba(0,0,0,.05);border:1px solid #ddd;border:1px solid rgba(0,0,0,.05);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf .ctf-quoted-author-name{font-weight:700;margin-right:4px}#ctf .ctf-quoted-tweet p{margin:2px 0}#ctf .ctf-tweet-actions a{padding:2px 10px 2px 5px;float:left}#ctf .ctf-tweet-actions a.ctf-like,#ctf .ctf-tweet-actions a.ctf-reply,#ctf .ctf-tweet-actions a.ctf-retweet{color:#bbb;color:rgba(0,0,0,.35);text-decoration:none;border:none;-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}#ctf .ctf-tweet-actions a span.fa,#ctf .ctf-tweet-actions a svg{width:1.1em;height:1.1em;font-size:1.1em}#ctf .ctf-tweet-actions a span.fa.fa-retweet{width:1.2em;height:1.2em;font-size:1.2em}#ctf .ctf-tweet-actions .ctf-reply{margin-left:-5px}#ctf .ctf-tweet-actions a:focus,#ctf .ctf-tweet-actions a:hover{-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}#ctf .ctf-tweet-actions .ctf-reply:focus,#ctf .ctf-tweet-actions .ctf-reply:hover{color:#e34f0e!important}#ctf .ctf-tweet-actions .ctf-retweet:focus,#ctf .ctf-tweet-actions .ctf-retweet:hover{color:#19cf86!important}#ctf .ctf-tweet-actions .ctf-like:focus,#ctf .ctf-tweet-actions .ctf-like:hover{color:#e81c4f!important}#ctf .ctf-action-count{float:right;padding-left:3px;font-size:.9em;margin-top:.25em;line-height:1.2em}#ctf .ctf-twitterlink{margin-top:.3em;line-height:1.2em;font-size:.8em}#ctf .ctf-quoted-tweet-text-media-wrap,#ctf .ctf-tweet-text-media-wrap{margin-left:5px;padding:4px;display:inline-block;border:1px solid #ddd;border:1px solid rgba(0,0,0,.15);color:inherit;text-decoration:none;line-height:1;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf .ctf-tweet-text-media-wrap:focus,#ctf .ctf-tweet-text-media-wrap:hover{background:#eee;background:rgba(0,0,0,.05);border:1px solid #ddd;border:1px solid rgba(0,0,0,.1);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}.ctf-multi-media-icon .ctf-tweet-text-media,.ctf-quoted-tweet-text .ctf-tweet-text-media{margin-left:3px}#ctf #ctf-more{display:block;border:none;background:#eee;background:rgba(0,0,0,.05);width:100%;min-height:30px;padding:5px 0;margin:0;position:relative;text-align:center;box-sizing:border-box;text-decoration:none;font:inherit;color:inherit;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf #ctf-more:focus-visible,#ctf .ctf_more:focus-visible{outline:2px solid #0096CC;outline-offset:2px}#ctf #ctf-more:hover{background:#ddd;background:rgba(0,0,0,.1);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf #ctf-more.ctf-loading span{-moz-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}#ctf #ctf-more.ctf-loading span{opacity:0}#ctf .ctf-loader{width:20px;height:20px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:unset;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:ctf-sk-scaleout 1s infinite ease-in-out;animation:ctf-sk-scaleout 1s infinite ease-in-out}@-webkit-keyframes ctf-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes ctf-sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ctf-credit-link{width:100%;clear:both;padding:5px 0;margin-top:5px;text-align:center;font-size:12px}.ctf-credit-link .fa,.ctf-credit-link svg{margin-right:4px}#ctf svg{box-sizing:unset}#ctf svg:not(:root).svg-inline--fa,#ctf_lightbox svg:not(:root).svg-inline--fa{box-sizing:unset;overflow:visible;width:1em}#ctf .svg-inline--fa.fa-w-16{width:16px}#ctf .svg-inline--fa.fa-w-20{width:20px}#ctf .ctf-context .ctf-retweet-icon svg{width:1.2em;height:1.2em}#ctf .svg-inline--fa,#ctf_lightbox .svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}#ctf #ctf .ctf-photo-hover span.fa-arrows-alt,#ctf .ctf-photo-hover svg.fa-arrows-alt{display:none}#ctf.ctf-styles .ctf-author-screenname,#ctf.ctf-styles .ctf-context,#ctf.ctf-styles .ctf-screename-sep,#ctf.ctf-styles .ctf-tweet-meta{font-size:12px}#ctf .ctf-error{width:100%;text-align:center}#ctf .ctf-error code,#ctf .ctf-error iframe,#ctf .ctf-error p{padding:0;margin:0 2px}#ctf .ctf-error-user p{padding-bottom:5px}#ctf .ctf-error-user{width:100%}#ctf .ctf-error-admin{margin-top:15px;display:inline-block}#ctf .ctf-error code{display:block;padding:4px}.ctf_smash_error{border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ctf_smash_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}.ctf_smash_error span{font-size:12px}#ctf .ctf-out-of-tweets{width:100%}#ctf .ctf-out-of-tweets{display:block;border:1px solid rgba(0,0,0,.1);background:0 0;background:0 0;width:100%;min-height:30px;padding:5px 0;margin:0;position:relative;text-align:center;box-sizing:border-box;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#ctf .ctf-out-of-tweets iframe,#ctf .ctf-out-of-tweets p{margin:0 2px;padding:0}#ctf .ctf-out-of-tweets p{padding:3px;display:none}#ctf.ctf-narrow .ctf-author-avatar,#ctf.ctf-narrow .ctf-author-avatar img{width:38px;height:38px}#ctf.ctf-narrow .ctf-quoted-tweet,#ctf.ctf-narrow .ctf-tweet-actions,#ctf.ctf-narrow .ctf-tweet-content{margin-left:48px}#ctf.ctf-narrow .ctf-context{margin-left:49px}#ctf.ctf-narrow .ctf-author-box{margin-left:46px}#ctf.ctf-narrow .ctf-author-avatar{margin-left:-46px}#ctf.ctf-narrow .ctf-tweet-content{padding:3px 0 5px 0}#ctf.ctf-narrow .ctf-tweet-actions{float:left;clear:both}#ctf.ctf-super-narrow .ctf-context,#ctf.ctf-super-narrow .ctf-quoted-tweet,#ctf.ctf-super-narrow .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-tweet-content{margin-left:0}#ctf.ctf-super-narrow .ctf-author-box{min-height:32px;margin-bottom:2px}#ctf.ctf-super-narrow .ctf-author-avatar,#ctf.ctf-super-narrow .ctf-author-avatar img{width:32px;height:32px}#ctf.ctf-super-narrow .ctf-author-box{margin-left:38px;float:left;clear:both}#ctf.ctf-super-narrow .ctf-author-avatar{margin-left:-38px;margin-top:0}#ctf.ctf-super-narrow .ctf-author-screenname,#ctf.ctf-super-narrow .ctf-screename-sep{display:none}#ctf.ctf-super-narrow .ctf-context{padding-bottom:5px}#ctf.ctf-super-narrow .ctf-author-name{display:inline-block}#ctf.ctf-super-narrow .ctf-tweet-content{float:left;clear:both}#ctf.ctf-super-narrow .ctf-credit-link{font-size:10px}#ctf.ctf-super-narrow .ctf-header-bio{margin:0!important;padding-top:5px}#ctf.ctf-super-narrow .ctf-header-user{min-height:48px}#ctf.ctf-super-narrow .ctf-header-text{padding-top:10px}#ctf.ctf-super-narrow .ctf-header-follow{margin-top:5px}#ctf.ctf-super-narrow .ctf-more span{display:block;margin-top:3px}@media all and (max-width:640px){#ctf.ctf-width-resp{width:100%!important}}.ctf.ctf-boxed-style[data-boxshadow=true] .ctf-item{box-shadow:0 0 10px 0 rgba(0,0,0,.15)}[data-header-size=large] .ctf-header-type-text{font-size:48px}[data-header-size=medium] .ctf-header-type-text{font-size:42px}[data-header-size=small] .ctf-header-type-text{font-size:36px}#ctf.ctf-list.ctf-boxed-style .ctf-header,.ctf-list.ctf-boxed-style .ctf-item{margin-bottom:25px}#ctf .ctf-header-text{float:left;width:100%;padding-top:5px}#ctf .ctf-no-bio .ctf-header-text{padding-top:13px}#ctf .ctf-header a{text-decoration:none}#ctf .ctf-header-text .ctf-header-user,#ctf .ctf-header-text p{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important;text-align:left}#ctf .ctf-header-name{font-weight:700;margin-right:6px}#ctf .ctf-header-text .ctf-header-bio{padding:0!important;word-break:break-word}#ctf .ctf-header-text .ctf-verified{margin-right:5px}#ctf.ctf_palette_light .ctf-author-name,#ctf.ctf_palette_light .ctf-header-name,#ctf.ctf_palette_light .ctf-header-type-text,#ctf.ctf_palette_light .ctf-tweet-text{color:#444}#ctf.ctf_palette_light .ctf-author-screenname,#ctf.ctf_palette_light .ctf-header-bio,#ctf.ctf_palette_light .ctf-header-counts{color:#444}#ctf.ctf_palette_light .ctf-tweet-text a{color:inherit}#ctf.ctf_palette_light .ctf-item{background:0 0}#ctf.ctf_palette_light .ctf-corner-logo{color:#1b95e0}#ctf.ctf_palette_light .ctf-verified{color:#77c7f7}#ctf.ctf_palette_light .ctf-more{background:rgba(0,0,0,.5);color:#444}#ctf.ctf_palette_light .ctf-tweet-actions a{color:#444}#ctf.ctf_palette_dark{background:#20222c}#ctf.ctf_palette_dark.ctf.ctf-boxed-style .ctf-item{background:rgba(255,255,255,.1)!important}#ctf.ctf_palette_dark .ctf-author-name,#ctf.ctf_palette_dark .ctf-header-name,#ctf.ctf_palette_dark .ctf-header-type-text,#ctf.ctf_palette_dark .ctf-tweet-text{color:#fff}#ctf.ctf_palette_dark .ctf-author-screenname,#ctf.ctf_palette_dark .ctf-header-bio,#ctf.ctf_palette_dark .ctf-header-counts{color:#fff}#ctf.ctf_palette_dark .ctf-tweet-text a{color:inherit}#ctf.ctf_palette_dark .ctf-item{background:0 0}#ctf.ctf_palette_dark .ctf-corner-logo{color:#1b95e0}#ctf.ctf_palette_dark .ctf-verified{color:#77c7f7}#ctf.ctf_palette_dark .ctf-more{background:rgba(255,255,255,.2);color:#fff}#ctf.ctf_palette_dark .ctf-tweet-actions a{color:rgba(255,255,255,.8)}.ctf-rebranded .ctf-header-follow svg{width:13px;height:13px;transform:translate(3px,2px)}.ctf-rebranded .ctf-header-follow svg path{fill:white}#ctf .ctf-item[tabindex="-1"]:focus,#ctf .ctf-out-of-tweets[tabindex="-1"]:focus,#ctf .ctf_remaining[tabindex="-1"]:focus{outline:0;box-shadow:none}#ts_pct_wrapper{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999999;
opacity: 1;
display: none;
}
#ts_pct_wrapper .ts_pct_modal {
width: 410px;
background: #ececec;
padding: 20px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 5px;
box-shadow: 8px 0px 20px 14px rgba(0, 0, 0, 0.08);
border-left: 4px solid #ff4141;
text-align: center;
opacity: 0;
}
#ts_pct_wrapper .ts_pct_modal p{
padding: 0;
line-height: 1.8;
margin: 0;
margin-bottom: 20px;
font-size: 0.9em;
}
#ts_pct_wrapper button{
font-size: 0.9em;
padding: 10px;
}
@media(max-width:767px){
#ts_pct_wrapper .ts_pct_modal {
width: 80%;
}
}@font-face {
font-family: 'Scamp-Player';
src:
url(//www.mrbones-bonn.de/wp-content/plugins/noisa-toolkit/assets/fonts/Scamp-Player.ttf) format('truetype'),
url(//www.mrbones-bonn.de/wp-content/plugins/noisa-toolkit/assets/fonts/Scamp-Player.woff) format('woff'),
url(//www.mrbones-bonn.de/wp-content/plugins/noisa-toolkit/assets/fonts/Scamp-Player.svg#Scamp-Player) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'Scamp-Player' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-close:before {
content: "\f00d";
}
.icon-remove:before {
content: "\f00d";
}
.icon-times:before {
content: "\f00d";
}
.icon-download:before {
content: "\f019";
}
.icon-repeat:before {
content: "\f01e";
}
.icon-rotate-right:before {
content: "\f01e";
}
.icon-refresh:before {
content: "\f021";
}
.icon-volume-off:before {
content: "\f026";
}
.icon-volume-down:before {
content: "\f027";
}
.icon-volume-up:before {
content: "\f028";
}
.icon-step-backward:before {
content: "\f048";
}
.icon-play:before {
content: "\f04b";
}
.icon-pause:before {
content: "\f04c";
}
.icon-step-forward:before {
content: "\f051";
}
.icon-random:before {
content: "\f074";
}
.icon-retweet:before {
content: "\f079";
}
.icon-bars:before {
content: "\f0c9";
}
.icon-navicon:before {
content: "\f0c9";
}
.icon-reorder:before {
content: "\f0c9";
}
.icon-spinner:before {
content: "\f110";
}
.icon-shopping-basket:before {
content: "\f291";
}
.icon-loop:before {
content: "\e600";
}
.icon-shuffle:before {
content: "\e601";
}
.icon-add-shopping-cart:before {
content: "\e609";
}
.icon-highlight-remove:before {
content: "\e60b";
}
.icon-pause-circle-outline:before {
content: "\e611";
}
.icon-play-arrow:before {
content: "\e612";
}
.icon-play-circle-outline:before {
content: "\e613";
}
.icon-queue-mus:before {
content: "\e614";
}
.icon-skip-next:before {
content: "\e616";
}
.icon-skip-previous:before {
content: "\e617";
}
.icon-volume-down2:before {
content: "\e618";
}
.icon-volume-mute:before {
content: "\e619";
}
.icon-volume-off2:before {
content: "\e61a";
}
.icon-volume-up2:before {
content: "\e61b";
}
.icon-remove-circle-outline:before {
content: "\e61c";
}
.icon-cancel:before {
content: "\e61e";
}
.icon-menu:before {
content: "\e61f";
}
.icon-sync:before {
content: "\e620";
}
.icon-share:before {
content: "\e621";
}
.icon-download2:before {
content: "\e900";
} #scamp_player * {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#scamp_player {
font:12px/1.4 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Garuda,Verdana,Tahoma,sans-serif;
} #scamp_player {
width: 100%;
clear: both;
position: fixed;
left: 0;
bottom: 0;
bottom: -100%;
z-index: 999999;
}
#scamp_player > a { display: none; }
#scamp_player, .sp-buttons-container a {
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
#scamp_player.sp-show {
bottom: 0px;
} #sp-toggle-wrap {
overflow: hidden;
}
#sp-toggle {
float: right;
width: 30px;
height: 20px;
z-index: 10;
cursor: pointer;
text-align: center;
font-size: 26px;
font-weight: normal;
line-height: 20px;
z-index:2;
position:relative;
}
#sp-toggle:after {
display: inline-block;
}
#scamp_player.sp-show-player #sp-toggle:after {
display: inline-block;
} .sp-main-container { 
position: relative;
display: none;
}
#scamp_player.sp-show-player .sp-main-container {
display: block;
}
#scamp_player.sp-show-player.sp-show-list .sp-main-container {
} .sp-player-container {
width: 100%;
z-index: 2;
padding: 0 20px;
height: 58px;
position: relative;
}
.sp-show-list .sp-player-container:before {
content: '';
width: 100%;
height: 20px;
position: absolute;
left: 0;
top: -20px;
border-bottom: 1px solid;
} .sp-buttons-container {
width: 23.94366%;
float: left;
margin-right: 1.40845%;
height: 58px;;
position: relative;
line-height: normal;
padding-top: 10px;
}
.sp-buttons-container .sp-controls {
display: inline-block;
text-align: left;
}
.sp-buttons-container a {
display: inline-block;
cursor: pointer;
margin-right: 5px;
font-size: 28px;
vertical-align: middle;
text-align: left;
}
.sp-buttons-container a:hover {}
.sp-buttons-container a:before {
font-family: 'Scamp-Player';
}
.sp-buttons-container a.sp-play-button:before {
font-size: 42px;
}
#scamp_player.playing .sp-buttons-container a.sp-play-button:before {
font-size: 42px;
}
#scamp_player.loading .sp-buttons-container a.sp-play-button:before {
font-size: 42px;
display: inline-block;
-webkit-animation:spin 2s linear infinite;
-moz-animation:spin 2s linear infinite;
animation:spin 2s linear infinite;
}
.sp-buttons-container a.sp-next-button:before {
}
.sp-buttons-container a.sp-prev-button:before {
} .sp-volume-container {
position: relative;
display: inline-block;
}   
.sp-buttons-container a.sp-volume-button:before {}
.sp-buttons-container a.sp-volume-button.sp-vol-max:before { }
.sp-buttons-container a.sp-volume-button.sp-vol-medium:before { }
.sp-buttons-container a.sp-volume-button.sp-vol-off:before { }
.sp-volume-bar-container {
width: 120px;
position: absolute;
top: -69px;
left: -45px;
height: 40px;
display: none;
}
.sp-volume-bar-container:after {
content: "";
width: 20px;
height: 20px;
position: absolute;
bottom: -10px;
left:50%;
margin-left: -10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.sp-volume-slider {
height: 8px;
width: 100px;
position: relative;            
margin-left: 10px;
margin-top: 16px;
z-index: 1;
cursor:ew-resize;
cursor:-moz-grab;
cursor:grab;
}
.sp-volume-position {
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 8px;
max-width: 100px;
z-index: 1;  
} .sp-buttons-container .sp-queue-button-container {
float: right;
position: relative;
}
.sp-buttons-container a.sp-queue-button:before {
font-size: 42px;
}
#scamp_player.sp-show-list .sp-buttons-container a.sp-queue-button:before {
font-size: 42px;
}
#scamp_player.sp-queue-loading .sp-buttons-container a.sp-queue-button:before {
font-size: 42px;
display: inline-block;
-webkit-animation:spin 2s linear infinite;
-moz-animation:spin 2s linear infinite;
animation:spin 2s linear infinite;
} .sp-badge {
position: absolute;
left: -6px;
top: -8px;
display: inline-block;
min-width: 10px;
padding: 3px 5px;
font-size: 12px;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 10px;
opacity: 0;    
}
.sp-show-badge {
opacity: 1;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .sp-progress-container {
width: 49.29577%;
float: left;
margin-right: 1.40845%;
position: relative;
}
.sp-progress {
height: 8px;
width: 100%;
position: relative;            
margin-top: 26px;
z-index: 1;
cursor:ew-resize;
cursor:-moz-grab;
cursor:grab;
}
.sp-progress:before {
border-left: 1px solid;
left: -1px;
}
.sp-progress:after {
border-right: 1px solid;
right: -1px; 
}
.sp-progress:before, .sp-progress:after {
content: "";
height: 40px;
top: -16px;
position: absolute;
} 
.sp-progress .sp-loading {
position: absolute;
left: 0;
top: 0;
height: 8px;
z-index: 2;
}
.sp-progress .sp-position {
position: absolute;
left: 0;
top: 0;
height: 8px;
z-index: 3;
}
#scamp_player.paused .sp-position {} .sp-time-elapsed,
.sp-time-total {
position: absolute;
top: 10px;
font-size: 11px;
}
.sp-time-elapsed {
left: 4px;
}
.sp-time-total {
right: 4px;
} .sp-track-container {
width: 23.94366%;
float: right;
position: relative;
margin-top:6px;
}
.sp-track-cover {
}
.sp-track-cover .sp-track-artwork {
float: left;
max-width: 46px;
max-height:46px;
height: 100%;
margin-right: 12px;
}
.sp-track-details {
float: left;
height: 50px;
width: 100%;
overflow: hidden;
position: relative;
}
.sp-track-title, .sp-track-artist {
display: block;
font-size: 12px;
width: 100%;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
margin: 2px 0;
width:100%;
position: absolute;
left: 0px;
padding-left: 60px;
}
.sp-track-title, .sp-track-title:hover {
}
.sp-track-artist, .sp-track-artist:hover {
top:22px;
}
.sp-marquee-container {
position: absolute;
left: 0;
top: 12px;
overflow: hidden;
font-size: 13px;
margin: 0 auto;
white-space: nowrap;
display: none;
width: 100%;
}
.sp-marquee {
display: inline-block;
padding-left: 100%; 
-webkit-animation:marquee 10s linear infinite;
-moz-animation:marquee 10s linear infinite;
animation:marquee 10s linear infinite;
}
@-moz-keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }
@-webkit-keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }
@keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } .sp-queue-container {
padding: 0 20px;
display: none;
} .sp-progress-mobile {
width: 100%;
height: 20px;
position: relative;
display: none;
}
.sp-progress-mobile:before {
content: '';
width: 100%;
height: 20px;
position: absolute;
left: 0;
top: -43px;
z-index: 2;
}
.sp-progress-mobile .sp-progress { margin-top: 24px; } #scamp_player.sp-show-list .sp-queue-container {
padding: 60px 6px 60px 6px;
height: 100vh;
display:block;
}  
.sp-queue {
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch; 
width: calc(100% + 60px);
margin-left: -30px;
}
.sp-queue:before {
content: '';
width: 100%;
height: 20px;
background-color: red;
}
.sp-queue .sp-icon:before {
font-family: 'Scamp-Player';
font-size: 42px;
line-height: normal;
font-weight: normal;
}
.sp-track.playing .sp-icon:before, .sp-track.paused .sp-icon:before, .sp-track.loading .sp-icon:before {  }
#sp-scroller {
}
#sp-queue-scroll {
padding: 20px 0;
border-collapse: collapse;
border-spacing: 0;
width: 1200px;
max-width: 100%;
margin: 0 auto;
background-color: transparent;
}
.sp-queue-container {
padding: 16px 10px 6px 10px;
vertical-align: bottom;
text-align: left;
border: none;
background-color: transparent;
}
#sp-queue-scroll th.sp-th-cart { text-align: center; }
#sp-queue-scroll th.sp-th-remove { text-align: right; }
#sp-queue-scroll th { border:none; background-color: transparent}
#sp-queue-scroll td {
padding: 6px;
vertical-align: top;
border: none;
}
.sp-track.playing, .sp-track.paused, .sp-track.loading {}
.sp-track:hover {}
#sp-queue-scroll tr { border-bottom:1px solid; }
#sp-queue-scroll tr:last-child { border-bottom:none; } .sp-track-control {
display: inline-block;
cursor: pointer;
max-width: 42px;
}
.sp-track-control:before {
}
.sp-track.playing .sp-track-control:before {
} .sp-cover-artwork img {
width: 48px;
height: 48px;
margin-bottom: 0;
vertical-align: middle;
} .sp-title a {
display: block;
font-size: 12px;
}
.sp-title a.sp-title-button {
font-size: 14px;
}
.sp-title a.sp-artist-button { } .sp-cart {
text-align: center;
}
.sp-cart-button:before {
}
.sp-cart-button.sp-download-button:before {
} .sp-remove {
text-align: right;
}
.sp-remove-button { 
cursor: pointer;
margin-right: 10px;
}
.sp-queue .sp-remove-button:before {
} .sp-queue .sp-icon:hover {}
.sp-queue .sp-icon:hover:before { }
#sp-queue-scroll th.sp-list-controls {
width:100%;
padding: 10px;
text-align: right;
} #sp-scroller .iScrollVerticalScrollbar {
position: absolute;
z-index: 10;
width: 4px;
bottom: 2px;
top: 2px;
right: 0px;
overflow: hidden;
}
#sp-scroller .iScrollVerticalScrollbar.iScrollBothScrollbars {
bottom: 18px;
}
#sp-scroller .iScrollIndicator {
position: absolute;
border-radius: 2px;
opacity: 0.05;
cursor: pointer;
}
#sp-scroller:hover .iScrollIndicator { opacity: 0.4; }
#sp-scroller .iScrollVerticalScrollbar .iScrollIndicator {
width: 100%;
} #scamp-mobile-init { 
opacity: 0;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
overflow:hidden;
z-index:100000;
display: block;
}  @media only screen and (max-width: 1640px) and (min-width:1150px) { #sp-queue-scroll {
width: 1170px;
}
} @media only screen and (max-width: 1560px) and (min-width:1150px) { #sp-queue-scroll {
width: 1150px;
}
} @media only screen and (max-width: 1240px) {
.sp-buttons-container {
width: 23.94366%;
margin-right: 1.40845%;
}
.sp-progress-container {
width: 40.84507%;
margin-right: 1.40845%;
}
.sp-track-container {
width: 32.39437%;
}
#sp-queue-scroll {
width: 960px;
}
.sp-track-title, .sp-track-artist {
max-width: 400px;
}
} @media only screen and (max-width: 1020px) {
#sp-queue-scroll {
width: 100%;
padding: 0 30px;
}
#sp-scroller {
padding:0 40px;
}
} @media only screen and (min-width: 768px) and (max-width: 959px) {
.sp-buttons-container {
width: 23.94366%;
margin-right: 1.40845%;
}
.sp-progress-container {
width: 40.84507%;
margin-right: 1.40845%;
}
.sp-track-container {
width: 32.39437%;
}
.sp-volume-container { display:  none; }
} @media only screen and (max-width: 767px) {
.sp-player-container {
height: 58px;
padding-top: 0px;
}
.sp-buttons-container {
width: 59.29577%;
margin-right: 1.40845%;
}
.sp-progress-container {
display: none;
}
.sp-track-container {
width: 39.29577%;
}
.sp-track-title, .sp-track-artist { display: none; }
.sp-volume-container {display: none;}
.sp-track-cover { display:none;  }
.sp-marquee-container { display: block; }
.sp-progress-mobile { display: block; }
.sp-queue .sp-small-screen { display: none; }
.sp-title a.sp-title-button { font-size: 12px; }
.sp-cover-artwork img {
width: 32px;
height: 32px;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.sp-player-container {
height: 58px;
padding-top: 0px;
}
.sp-buttons-container {
width: 39.29577%;
margin-right: 1.40845%;
}
.sp-progress-container {
display: none;
}
.sp-track-container {
width: 59.29577%;
}
.sp-track-title, .sp-track-artist { display: block; }
.sp-volume-container {display: none;}
.sp-track-cover { display:block;  }
.sp-marquee-container { display: none; }
.sp-queue .sp-medium-screen { display: block; }
} #scamp_player.sp-show.playing #sp-toggle-wrap:after {
content: '';
position: absolute;
right:-15px;
top:-30px;
width: 80px;
height: 80px;
background-color: #eee;
border-radius: 100%;
-webkit-animation: play_anim 2.0s infinite ease-in-out;
animation: play_anim 2.0s infinite ease-in-out;
z-index:1;
}
#scamp_player.sp-show-player #sp-toggle-wrap:after { 
display:none
}
@-webkit-keyframes play_anim {
0% { -webkit-transform: scale(0);
} 2% {
-webkit-transform: scale(0);
transform: scale(0);
} 4% {
-webkit-transform: scale(0);
transform: scale(0);
} 6% {
-webkit-transform: scale(0);
transform: scale(0);
} 100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes play_anim {
0% { 
-webkit-transform: scale(0);
transform: scale(0);
} 8% {
-webkit-transform: scale(0);
transform: scale(0);
} 100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
} #scamp_player.is-shoutcast .sp-progress {
cursor: default;
}
#scamp_player.is-shoutcast .sp-loading,
#scamp_player.is-shoutcast .sp-position,
#scamp_player.is-shoutcast .sp-progress:before,
#scamp_player.is-shoutcast .sp-progress:after {
opacity: 0
}
#scamp_player.is-shoutcast .sp-progress-container:after {
display: none;
}
#scamp_player.is-shoutcast .sp-time-total {
opacity: 0
}
#scamp_player.is-shoutcast .sp-progress {
background: transparent;
}
#scamp_player.is-shoutcast .sp-time-elapsed {
font-size: 28px;
width: 100%;
position: relative;
text-align: center;
display: block;
top: -19px;
}
@media only screen and (max-width: 767px) {
#scamp_player.is-shoutcast.sp-show-list .sp-time-elapsed {
display:none
}
}.sp-player-container { height: 48px; }
.sp-buttons-container {height: 48px;padding-top: 14px;}
.sp-track-details { height: 40px; }
.sp-buttons-container a { 
font-size: 22px; 
line-height: 22px;
margin-right:0;
}
.sp-buttons-container a.sp-play-button:before, 
#scamp_player.playing .sp-buttons-container a.sp-play-button:before,
.sp-buttons-container a.sp-play-button:before,
#scamp_player.sp-queue-loading .sp-buttons-container a.sp-queue-button:before,
#scamp_player.loading .sp-buttons-container a.sp-play-button:before,
.sp-buttons-container a.sp-queue-button:before,
#scamp_player.sp-show-list .sp-buttons-container a.sp-queue-button:before 
{ font-size: 22px; }
.sp-buttons-container a.sp-play-button {
width:18px;
margin:0 20px
}
.sp-volume-container {
margin-left: 20px;
}
.sp-buttons-container .sp-queue-button-container {
margin-right: 0px;
}
.sp-badge {
top:-14px;
left:-10px;
font-size:11px;
}
.sp-progress {
height:8px;
margin-top: 24px;
}
.sp-progress .sp-loading,
.sp-progress .sp-position {
height: 2px;
}
.sp-time-elapsed, .sp-time-total {
top: 5px;
}
.sp-track-cover .sp-track-artwork, .sp-cover-artwork img {
max-width: 36px;
max-height: 36px;
}
.sp-track-title, .sp-track-artist {
padding-left:45px;
margin: 0;
}
.sp-progress-container:after {
content:'';
display:block;
background-color: #373738;
position:absolute;
left:0;
top: 24px;
width:100%;
height: 2px;
}
.sp-track-artist, .sp-track-artist:hover {
top: 20px;
}
.sp-track-title, .sp-track-artist {
font-size:11px
}
#sp-queue-scroll th {
padding: 18px 10px;
}
.sp-queue .sp-icon:before {
font-size: 18px;
}
.sp-title a {
display: block;
font-size: 12px;
}
.sp-title a.sp-title-button {
font-weight: bold;
font-size: 12px;
}
.sp-title a.sp-title-button, .sp-title a.sp-artist-button { 
font-weight:normal;
text-transform:none
}
.sp-marquee strong { font-weight:normal }
.sp-progress .sp-position:after{
content:'';
width:8px;
height:8px;
border-radius:100%;
background-color:#ff6239;
position:absolute;
top:-3px;
right:-5px;
transition: opacity 150ms;
opacity:0;
}
.sp-progress:hover .sp-position:after{
opacity:1;
}
.sp-progress-mobile:after {
content: '';
display: block;
background-color: #373738;
position: absolute;
left: 0px;
top: 20px;
width: 100%;
height: 2px;
margin-right:10px;
}
.sp-queue-container {
padding: 16px 10px 6px 10px;
}
.sp-progress-mobile:before {
display:none;
}
#sp-queue-scroll td {
padding:6px 14px;
}
#sp-queue-scroll th {
padding: 20px 10px;
}
.sp-progress-mobile .sp-progress {
margin-top: 0px;
padding-top: 0px;
}
.sp-progress-mobile {
background-color: #111113;
z-index: 2;
margin-top: 0px;
overflow: hidden;
height: 48px;
padding-top: 20px;
}
.sp-time-elapsed {
left: 0px;
}
.sp-time-total {
right: 0px;
}
.sp-progress-mobile:after {
content: '';
display: block;
background-color: #373738;
position: absolute;
left: 10px;
top: 20px;
width: 100%;
height: 2px;
margin-right:10px;
}
#sp-toggle:after { content: "\002B"; }
#scamp_player.sp-show-player #sp-toggle:after { content: "\00D7"; }
.sp-buttons-container a.sp-play-button:before {content: "\f04b";}
#scamp_player.playing.sp-muted .sp-buttons-container a.sp-play-button:before
{ content: "\f04b";}
#scamp_player.playing .sp-buttons-container a.sp-play-button:before {content: "\f04c";}
#scamp_player.loading .sp-buttons-container a.sp-play-button:before { content: "\f110"; }
.sp-buttons-container a.sp-next-button:before {content: "\f051";}
.sp-buttons-container a.sp-prev-button:before {content: "\f048";}
.sp-buttons-container a.sp-volume-button:before { content: "\e61b"; }
.sp-buttons-container a.sp-queue-button:before {content: "\f0c9"; }
#scamp_player.sp-show-list .sp-buttons-container a.sp-queue-button:before {content: "\f00d";}
#scamp_player.sp-queue-loading .sp-buttons-container a.sp-queue-button:before { content: "\e620"; }
.sp-track-control:before {content: "\f04b";}
.sp-track.playing .sp-track-control:before {content: "\f04c";}
.sp-cart-button:before {content: "\f291";}
.sp-cart-button.sp-download-button:before {content: "\f019";}
.sp-queue .sp-remove-button:before {content: "\f00d";}
.sp-buttons-container a.sp-volume-button.sp-vol-max:before {content: "\f028";}
.sp-buttons-container a.sp-volume-button.sp-vol-medium:before {content: "\f027";}
.sp-buttons-container a.sp-volume-button.sp-vol-off:before {content: "\f026";}
#scamp_player.sp-show-list .sp-buttons-container a.sp-queue-button:before { color:#ff6239}
#sp-toggle {
background-color: #0D0D0E;
color: #FFF;
border-radius: 4px 4px 0 0;
margin-right: 10px;
font-size: 16px;
width: 24px;
height: 18px;
font-weight: bold;
}
.sp-show-list .sp-player-container:before {
border-bottom: none;
}
.sp-player-container {background-color: #0D0D0E; }
#scamp_player.sp-show-list .sp-player-container {}
.sp-buttons-container { color: #222; }
.sp-buttons-container a {color: #FFF;}
.sp-buttons-container a:hover {color: #FFF;}
.sp-volume-bar-container, .sp-volume-bar-container:after {background: #0D0D0E;}
.sp-volume-slider {background-color: #0D0D0E;}
.sp-volume-position { background-color: #222; }
.sp-badge { 
background-color: #e05d6f;
color: #fff; 
}
.sp-progress {background-color: transparent;}
.sp-progress:before, .sp-progress:after { display:none }
.sp-progress .sp-loading {background-color: #3E3E40;}
.sp-progress .sp-position { background-color: #ff6239 }
#scamp_player.paused .sp-position { background-color: #ff6239 }
.sp-time-elapsed { color: #ff6239; }
.sp-time-total { color: #777; }
.sp-track-title, .sp-track-title:hover {color: #FFF;}
.sp-track-artist, .sp-track-artist:hover {color: #999;}
.sp-marquee-container {color: #999;}
.sp-marquee strong {color: #FFFFFF;}
.sp-queue-container {
background-color: #111113;
}
.sp-queue .sp-icon:before { color: #999; }
.sp-track.playing, .sp-track.paused, .sp-track.loading { background-color: rgba(111,111,111,0.1); }
.sp-track:hover { background-color: rgba(111,111,111,0.1); }
.sp-track.playing .sp-icon:before, .sp-track.paused .sp-icon:before, .sp-track.loading .sp-icon:before {color: #FFF;}
#sp-queue-scroll tr {border-color: #1B1B1D;}
#sp-queue-scroll th {color: #FFF;}
.sp-title a.sp-title-button {color: #FFF;}
.sp-title a.sp-artist-button { color: #999; }
.sp-queue .sp-icon:hover {
color: #FFF;
}
.sp-queue .sp-icon:hover:before {color: #FFF;}
#sp-scroller .iScrollIndicator { background-color: #666; }
#scamp-mobile-init { background-color: #333; } .sp-volume-slider {
background-color: transparent;
margin-top:14px
}
.sp-volume-slider:after {
content:'';
background-color: #373738;
position:absolute;
width:100%;
height:2px;
}
.sp-volume-position {
height:2px;
background-color: #ff6239;
}
.sp-volume-slider:hover .sp-volume-position:after{ 
opacity:1;
}
.sp-volume-position:after{
content:'';
width:8px;
height:8px;
border-radius:100%;
background-color:#ff6239;
position:absolute;
top:-3px;
right:-5px;
transition: opacity 150ms;
opacity:0;
}
.sp-volume-bar-container {
top: -54px;
height: 30px;
}
#sp-empty-queue {
text-transform: uppercase;
background-color: #eee;
font-size: 9px;
padding: 2px 8px;
line-height: normal;
color: #222;
border-radius:999em;
letter-spacing: 0.08em;
cursor: pointer;
}.carousel-artists-slider.no-gap article, .carousel-releases-slider.no-gap article {
padding: 0.04em;
} .timeline {
position: relative;
width: 320px;
margin: 20px auto;
padding: 2em 0;
list-style-type: none;
}
.timeline:before {
position: absolute;
left: 50%;
top: 0;
content: ' ';
display: block;
width: 6px;
height: 100%;
margin-left: -3px;
background: rgb(80,80,80);
background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
z-index: 5;
}
.timeline li {
padding: 1em 0;
margin: 0;
}
.timeline li:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.direction-l {
position: relative;
width: 130px;
float: left;
text-align: right;
min-width: 130px;
}
.direction-r {
position: relative;
width: 130px;
float: right;
min-width: 130px;
}
.flag-wrapper {
position: relative;
display: inline-block;
text-align: center;
font-size: 15px;
}
.flag {
position: relative;
border-radius: 5px;
font-weight: 300;
text-align: left;
letter-spacing: 0;
}
.direction-l .flag:before,
.direction-r .flag:before {
position: absolute;
top: 50%;
right: -40px;
content: ' ';
display: block;
width: 12px;
height: 12px;
margin-top: -10px;
background: #fff;
border-radius: 10px;
border: 4px solid #E82561;
z-index: 10;
}
.direction-r .flag:before {
left: -40px;
}
.direction-l .flag:after {
content: "";
position: absolute;
left: 100%;
top: 50%;
height: 0;
width: 0;
margin-top: -8px;
border-width: 8px;
pointer-events: none;
}
.direction-r .flag:after {
content: "";
position: absolute;
right: 100%;
top: 50%;
height: 0;
width: 0;
margin-top: -8px;
border-width: 8px;
pointer-events: none;
}
.artist-wrapper {
display: inline;
line-height: 1em;
font-size: 14px;
vertical-align: middle;
display: block;
text-align:left;
font-weight: 600;
color: #fff;
}
.artist {
display: block;
} .circle-button {
width: 38px;
height: 34px;
display: inline-block;
text-decoration: none;
text-align: center;
}
.circle-button i.icon {
color: #fff;
position: relative;
margin-left: 0;
font-size:17px;
vertical-align: middle;
display: inline-block;
}
.circle-button:hover i.icon {
color: #E82561;
} .tracks-carousel-wrap {
}
.tracks-carousel-wrap .carousel-tracks-slider {
margin-bottom: 30px;
}
.tracks-carousel-wrap .track {
margin:0.05em;
}
.tracks-carousel-wrap .track.medium-gap {
margin:10px;
}
.tracks-carousel-wrap .track .track-cover {
max-width:100%;
max-height:100%;
} .tracks-carousel-wrap .tracks-carousel-heading {
margin-bottom: 30px;
} .tracks-carousel-wrap .slide {
margin: 0px 10px;
} .tracklist-grid {
overflow: hidden;
margin-bottom:30px
}
.tracks-grid-2-col, .tracks-grid-3-col, .tracks-grid-4-col, .tracks-grid-5-col {
}
.tracks-grid-2-col .tracks-grid-item {
width: 50%;
}
.tracks-grid-3-col .tracks-grid-item {
width: 33.33%;
}
.tracks-grid-4-col .tracks-grid-item {
width: 25%;
}
.tracks-grid-5-col .tracks-grid-item {
width: 20%;
}
.tracks-grid-item {
padding: 0.05em;
float: left;
position: relative;
max-width: 100%;
z-index: 1;
overflow: hidden;
}
.tracks-grid-item.medium-gap {
padding: 10px;
}
.tracks-grid-item .track-cover {
margin-bottom: 0;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
display: block;
}
.tracks-grid-wrap .btn {
margin-bottom:30px;
} .single-track {
position: relative;
overflow: hidden; display: table;
vertical-align: middle;
width: 100%;
margin-bottom: 30px;
}
.single-track .track-wrap {
position: relative;
display: table-cell;
min-height: 80px;
overflow: hidden;
width: 80px;
vertical-align: middle; }
.single-track .track-title, .single-track .track-artists {
display: block;
padding-right: 15px;
}
.single-track .track-meta {
display: table-cell;
vertical-align: top;
padding-left: 15px;
}
.single-track .track-title {
color: #eee;
font-size: 16px;
margin-top: 6px;
font-weight: 600;
}
.single-track .track-artists {
color: #aaa;
font-size: 15px;
line-height: normal;
margin-bottom: 6px;
}
.single-track .track-nr {
position: relative;
display: table-cell;
width:50px;
text-align:center;
vertical-align: middle;
font-size: 22px;
line-height:normal;
color: #999;
font-weight:600; } .single-track .track-buttons {
font-size: 16px;
text-transform: uppercase;
}
.track-button {
display: inline-block;
margin: 0 4px;
text-decoration: none;
position:relative;
top:-4px
}
.track-button i.icon {
color: #666;
margin-left: 0;
vertical-align: middle;
}
.track-button:hover {
color: #E82561;
}
.track-button:hover i.icon {
color: #E82561;
} .single-track.compact .track-wrap {
min-height: 60px;
width: 60px;
}
.single-track.compact .track-meta {
vertical-align:middle;
}
.single-track.compact .track-title {
margin-top:0;
}
.single-track.compact .track-cover {
max-width: 60px;
max-height: 60px;
} ol.tracklist {
list-style: none; padding: 0;
margin-left: 0;
overflow: hidden;
}
ol.tracklist .hidden {
display:none !important;
}
ol.tracklist li {
margin: 0 0 2px 0;
padding: 0;
position: relative;
background-color: rgba(23, 23, 25, 0.62);
}
ol.tracklist .single-track {
margin-bottom:0;
}
ol.tracklist .single-track .eq .bar {
width:18%;
}
.tracklist-wrap .btn {
margin-bottom:30px;
} ol.tracklist.simple {
margin-bottom: 20px;
}
ol.tracklist.simple li {
margin: 0 0 1px 0;
}
ol.tracklist.simple li .simple-track {
display: table;
width: 100%;
opacity:1;
}
ol.tracklist.simple li:last-child .simple-track {
border:0
}
ol.tracklist.simple li .simple-track.sp-play,
ol.tracklist.simple li .simple-track.sp-pause,
ol.tracklist.simple li .simple-track.sp-loading,
ol.tracklist.simple li .simple-track:hover {
opacity:1;
background-color:#E82561
}
ol.tracklist.simple li .simple-track.sp-play .track-nr,
ol.tracklist.simple li .simple-track.sp-pause .track-nr,
ol.tracklist.simple li .simple-track.sp-loading .track-nr,
ol.tracklist.simple li .simple-track:hover .track-nr {
color:#fff;
}
ol.tracklist.simple li .simple-track span {
display: table-cell;
padding: 10px 10px;
color:#fff;
vertical-align: top;
}
ol.tracklist.simple li .simple-track .track-nr {
min-width: 22px;
width:5%;
color:#999;
font-size: 20px;
font-weight: 400;
}
ol.tracklist.simple li .simple-track .title {
width: 40%;
font-weight: 300;
}
ol.tracklist.simple li .simple-track:hover .artists {
opacity:0.8;
}
ol.tracklist.simple li .simple-track .artists {
width: 55%;
opacity: 0.6;
}
ol.tracklist.simple li .simple-track .action {
width:5%;
min-width:40px;
}
ol.tracklist.simple li .simple-track .action:before {
position:absolute;
display: block;
font-family: 'Scamp-Player';
font-size: 18px;
}
ol.tracklist.simple li .simple-track .action:before {
content: "\f04b";
}
ol.tracklist.simple li .simple-track.sp-loading .action:before {
content: "\f110";
-webkit-animation: track-spinner 400ms linear infinite;
animation: track-spinner 400ms linear infinite;
}
ol.tracklist.simple li .simple-track.sp-pause .action:before {
content: "\f04b";
}
ol.tracklist.simple li .simple-track.sp-play .action:before {
content: "\f04c";
} .widget ol.tracklist.simple li .simple-track .action {
min-width:26px;
}
.widget ol.tracklist.simple li .simple-track .title,
.widget ol.tracklist.simple li .simple-track .artists {
width: 100%;
display:block;
font-size:15px;
}
.widget ol.tracklist.simple li .simple-track .title {
padding-bottom:0px;
}
.widget ol.tracklist.simple li .simple-track .artists {
padding-top:0px;
}
ol.tracklist.simple li .simple-track .title,
ol.tracklist.simple li .simple-track .artists {
width: 100%;
display:block;
}
ol.tracklist.simple li .simple-track .title {
padding-bottom:0px;
}
ol.tracklist.simple li .simple-track .artists {
padding-top:0px;
} .single-album-wrap {
text-align: center;
}
.album-cover .track-cover {
max-width:100%;
max-height:100%;
}
.track-count {
position:absolute;
right:10px;
top:10px;
border: 1px solid #fff;
padding: 0px 10px;
border-radius:999em;
color:#fff;
}
.track-count span {
margin-right: 10px;
font-size:14px;
}
.single-album-wrap .tracklist {
display:none;
}  .track {
display:block;
vertical-align: middle;
overflow: hidden;
position: relative;
}
.article-media .track {
display: inline-block;
}
body .track .hidden {
display: none;
}
.track.disabled,
.simple-track.disabled  {
cursor:default;
}
.track.disabled .track-status {
visibility:hidden
}
.simple-track.disabled .action:before {
opacity: 0.1
} .track-cover {
max-width: 80px;
max-height: 80px;
vertical-align: middle;
z-index: 1;
position: relative;
-moz-transition: all 0.31s ease-in-out;
-o-transition: all 0.31s ease-in-out;
-webkit-transition: all 0.31s ease-in-out;
transition: all 0.31s ease-in-out;
}  
.track-cover {
opacity: 1;
}
.track:hover .track-cover {
opacity:1;
}
.track.sp-play .track-cover {
opacity:0.6;
}
.track .track-meta {
position:absolute;
left:0;
bottom:0;
right:0;
top:0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 36%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,0.65) 100%); z-index:4;
overflow: hidden;
}
.track .track-meta.hidden {
display: none;
}
.track-meta-inner {
position:absolute;
left:10px;
bottom:10px;
text-align: left;
right: 10px;
}
.track .track-title, .track .track-artists {
font-size: 16px;
color: #fff;
display:block;
line-height:140%;
}
.track .track-title {
font-weight:600
}
.track .track-artists {
color: #fff;
opacity: 0.7;
} .custom-track-hover .track .track-meta {
background-color:rgba(000,000,000,0.8);
margin:6px;
display:none;
}
.custom-track-hover .track:hover .track-meta {
display:block;
}
.custom-track-hover .track-meta-inner {
top: 50%;
transform: translateY(-50%) translateZ(0);
text-align: center;
width:100%;
height:auto;
overflow:hidden;
left:0;
text-transform:uppercase;
font-weight:400;
bottom: auto;
right: auto;
}
.custom-track-hover .track-title {
font-weight:500;
}
.custom-track-hover .track-artists {
color:#fff;
opacity:1;
}
.custom-track-hover .track-artists:after {
content: "-";
max-width: 90px;
height:1px;
margin: 10px auto;
display:block;
background:#b7a379;
opacity:1px;
}
.custom-track-hover .track .track-title, .custom-track-hover .track .track-artists {
font-size: 22px;
color: #fff;
display:block;
line-height:140%;
padding:0 20px;
}
.custom-track-hover .track.sp-pause .track-status, .custom-track-hover .track.sp-loading .track-status, .custom-track-hover .track:hover .track-status {
display:none;
} .track-status {
display: none;
position: absolute;
width: 48px;
height: 48px;
left: 50%;
border:2px solid #fff;
top: 50%;
margin-left:-24px;
margin-top:-24px;
z-index: 5;
text-align: center;
line-height:44px;
color: #fff;
background-color: rgba(0,0,0,0.4);
border-radius:100%;
}
.track.sp-pause .track-status, .track.sp-loading .track-status, .track:hover .track-status {
display: block
}
.track.sp-play .track-status {
display: block
}
.track.sp-loading .track-status {
-webkit-animation: track-spinner 400ms linear infinite;
animation: track-spinner 400ms linear infinite;
}
@-webkit-keyframes track-spinner {
0%   { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes track-spinner {
0%   { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .track.sp-play .track-status:before,
.track.sp-pause .track-status:before,
.track.sp-loading .track-status:before,
.track:hover .track-status:before {
display: block;
font-family: 'Scamp-Player';
font-size: 18px;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.track.sp-loading .track-status:before,
.track.sp-loading:hover .track-status:before  {
content: "\f110";
}
.track.sp-pause .track-status:before,
.track:hover .track-status:before {
content: "\f04b";
}
.track.sp-play:hover .track-status:before  {
content: "\f04c";
}
.track.sp-play .track-status:before  {
content: "\f04c";
} .eq {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity:0;
text-align: center;
}
.track.sp-play .eq {
opacity:1;
}
.eq .bar-init {
display: inline-block;
width: 1px;
height: 100%;
background: transparent;
}
.eq .bar {
display: inline-block;
vertical-align: bottom;
width: 18.1%;
height: 0;
margin-right: 1px;
background: #fff; background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.8) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.8) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.8) 100%); -moz-transition: all 0.31s ease-in-out;
-o-transition: all 0.31s ease-in-out;
-webkit-transition: all 0.31s ease-in-out;
transition: all 0.31s ease-in-out;
opacity: 0.5;
}
.single-track.compact .eq .bar,
ol.tracklist .single-track.compact .eq .bar {
width: 17%;
}
.track.sp-play .eq .bar:nth-child(2), .track.sp-pause .eq .bar:nth-child(2), .track.sp-loading .eq .bar:nth-child(2) {
animation: eq-bar 2s 0.25s ease-out alternate infinite;
}
.track.sp-play .eq .bar:nth-child(3), .track.sp-pause .eq .bar:nth-child(3), .track.sp-loading .eq .bar:nth-child(3) {
animation: eq-bar 2s 0.5s ease-out alternate infinite;
}
.track.sp-play .eq .bar:nth-child(4), .track.sp-pause .eq .bar:nth-child(4), .track.sp-loading .eq .bar:nth-child(4) {
animation: eq-bar 2s 0.75s ease-out alternate infinite;
}
.track.sp-play .eq .bar:nth-child(5), .track.sp-pause .eq .bar:nth-child(5), .track.sp-loading .eq .bar:nth-child(5) {
animation: eq-bar 2s 1s ease-out alternate infinite;
}
.track.sp-play .eq .bar:nth-child(6), .track.sp-pause .eq .bar:nth-child(6), .track.sp-loading .eq .bar:nth-child(6) {
animation: eq-bar 2s 1.25s ease-out alternate infinite;
}
@keyframes eq-bar {
0% { height:18%; }
10% { height:90%; }
20% { height:54%; }
30% { height:88%; }
40% { height:90%; }
50% { height:54%; }
60% { height:95%; }
70% { height:34%; }
80% { height:56%; }
90% { height:12%;   }
100% { height:35%; }
} .btn.sp-play-list.sp-play > .icon:before {
content:"\e646";
} .buttons .btn {
margin-right: 15px;
margin-bottom: 15px;
} .tweets {
list-style: none;
margin: 0;
}
.tweets li {
margin: 0 0 30px 0;
padding-left: 40px;
position: relative;
}
.tweets li:before {
font-family: "icomoon";
position: absolute;
left:0;
top:5px;
width: 30px;
height: 30px;
background-color: #eee;
content: "\e655";
color: #222;
display: block;
text-align: center;
line-height: 30px;
border-radius: 100%;
-webkit-transition: .4s all;
transition: .4s all;
}
.tweets li .date a {
display: block;
margin-top: 0px;
color: #eee;
border: none;
width: 100%;
font-weight: 400;
text-transform: uppercase;
font-size: 14px;
}
.tweets li .date a:hover { color: #eee; }
.tweets li .date a:before {
display:none
} .lead p, .lead {
color: #fff;
line-height: 1.4;
margin-bottom: 30px;
font-size: 22px;
font-weight: 400;
} .tweets-slider {
text-align: center;
}
.tweets-slider .slide .tweet {
font-size: 18px;
font-weight:300;
}
.tweets-slider .slide a:hover {
}
.tweets-slider .slide .date {
display: block;
margin-top: 20px;
margin-bottom: 20px;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.1em;
}
#site .tweets-slider .slide .date a {
opacity: 1;
}
.tweets-slider .slide .date a {
border:none;
}
.tweets-slider.dark-bg .slide .date a {
color: #fff;
border:none
}
#site .tweets-slider .slide .date a:hover {
opacity: 0.5;
}
.carousel-slider.tweets-slider.owl-theme .owl-controls {
margin-top: 10px;
height: 10px;
margin-bottom:20px;
} .tweets-slider .tweet,
.tweets-slider .slide .date, 
.tweets-slider .slide .date a,
.dark-bg .tweets-slider .tweet,
.dark-bg .tweets-slider .slide .date, 
.dark-bg .tweets-slider .slide .date a {
color: #fff;
font-weight: 400;
opacity: 1;
}
.tweets-slider .tweet a:hover {
border-bottom: none;
} .details-list {
list-style: none;
margin: 0;
padding-bottom: 30px;
}
.details-list li {
margin: 0;
margin-bottom: 12px;
padding-bottom: 12px;
overflow: hidden;
position: relative;
overflow: hidden;
overflow: hidden;
color: #BBB;
line-height:130%;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.details-list li, .details-list li span {
-webkit-transition: color .2s ease-out;
-moz-transition: color .2s ease-out;
-ms-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
}
.details-list li:last-child {
border-bottom: 0;
}
.details-list li span {
display: block;
margin-right: 20px;
color: #eee;
font-weight: 400;
margin-bottom: 5px;
text-transform: uppercase;
}
.details-list li:hover,
.details-list li:hover span {
color:#fff;
}
.details-list li a {
}
.details-list li a:hover {
} .price-table {
width: 100%;
display: inline-block;
padding: 0;
position: relative;
border-radius: 2px;
margin-top: 20px;
}
#site .wpb_column > .wpb_wrapper > .price-table {
margin-bottom: 20px;
}
.dark-bg .price-table-inner,
.price-table-inner {
position: relative;
display: block;
text-align: center;
border-radius: 5px;
overflow: hidden;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
border: 2px solid #3B3C3E;
background-color: rgba(38, 38, 41, 0.35);
}
.price-table-inner.important-price {
top: -20px;
border: 2px solid #E82561;
}
.dark-bg .price-table-inner:hover,
.price-table-inner:hover {
border: 2px solid #E82561;
box-shadow: 0px 0px 10px 0px #323232;
z-index: 2;
}
.price-table-inner.important-price ul { background:transparent}
.price-table-inner.important-price > ul {
}
.price-table-inner.important-price > ul {
padding: 20px 0px 40px 0px;
margin: -20px 0 0;
}
.price-table-inner ul {
list-style: none outside none;
margin: 0;
}
.dark-bg .price-table-inner ul li,
.price-table-inner ul li {
text-align: center;
margin: 0px;
padding: 12px 20px;
color:#fff;
}
.price-table-inner ul .price-content-list {
padding: 0;
}
.price-content-list > ul {
padding: 20px 0;
}
.dark-bg .price-content-list > ul li,
.price-content-list > ul li
{
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.dark-bg .price-content-list > ul li:first-child,
.price-content-list > ul li:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.price-table-inner ul li.prices {
padding: 40px 20px 5px;
}
.dark-bg .price-table-inner ul li.table-title,
.price-table-inner ul li.table-title {
font-size: 18px;
line-height: 19px;
color: #FFF;
padding: 14px 25px 12px;
font-weight: 400;
text-transform: uppercase;
}
.price-wrapper {
text-align: center;
}
.dark-bg .price-wrapper .value,
.price-wrapper .value {
font-size: 16px;
line-height: 19px;
color: #FFF;
vertical-align: top;
display: inline-block;
margin: 8px 0 0;
}
.dark-bg .price-wrapper .price,
.price-wrapper .price {
font-size: 80px;
line-height: 80px;
padding: 0 3px;
font-weight: 600;
color: #FFF;
vertical-align: middle;
display: inline-block;
}
.dark-bg .price-wrapper .mark,
.price-wrapper .mark {
font-size: 16px;
line-height: 19px;
color: #FFF;
vertical-align: bottom;
position: relative;
top: -8px;
}
.dark-bg .price-table-inner .price-button-wrapper,
.price-table-inner .price-button-wrapper {
padding: 15px 0 50px;
}
.price-table-inner .price-button-wrapper a {
padding: 13px 30px;
margin: 0;
font-size: 16px;
min-width: 60%;
} .icon_column {
position: relative;
margin-bottom: 40px;
}
.icon_column.icon_top, .icon_column.icon_top_dark {
text-align: center;
}
.icon_column .text-holder {
display: block;
color: #ccc;
}
.icon_column .text-holder strong {
font-weight:400;
}
.icon_column .text-holder a {
color: #eee;
}
.icon_column .text-holder a:hover {
color: #E82561;
}
.icon_column.icon_left .text-holder {
padding-left: 60px;
}
.icon_column.icon_right .text-holder {
padding-right: 60px;
text-align: right;
}
.icon_column .icon {
color: #666;
font-size: 32px;
display: inline-block;
margin-bottom: 26px;
}
.icon_column.icon_top .icon {
font-size: 46px;
border-radius: 100%;
}
.icon_column.icon_top_dark .icon {
font-size: 46px;
border-radius: 100%;
background: #222225;
padding: 20px;
color: #fff;
}
.icon_column.icon_left .icon, .icon_column.icon_right .icon {
position: absolute;
top: 0;
}
.icon_column.icon_left .icon {
left: 0;
}
.icon_column.icon_right .icon {
right: 0;
}
.icon_column_title {
font-size: 16px;
color: #fff;
margin-bottom: 10px;
display: block;
font-weight: 600; }
.icon_column .icon_column_title, .icon_column .icon {
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-ms-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
.icon_column:hover .icon_column_title, .icon_column:hover .icon  {
color:#E82561;
}
.icon_column.icon_top .icon_column_title {
font-size: 18px;
}
.icon_column.icon_top_dark .icon_column_title {
font-size: 18px;
} .icon_column .readmore {
margin-top: 20px;
display:inline-block;
font-weight: 400;
text-transform: uppercase;
font-size: 14px;
}
.icon_column.icon_left .readmore {
padding-left: 50px;
} .posts-list {
margin-bottom:30px;
}
.dark-bg .posts-list a,
.posts-list a {
width: 100%;
display: table;
overflow: hidden;
position: relative;
border-top: 1px solid rgba(255,255,255,0.1);
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
z-index:1;
}
.dark-bg .posts-list a:last-child,
.posts-list a:last-child {
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.dark-bg .posts-list a.selected,
.dark-bg .posts-list a:hover,
.posts-list a.selected,
.posts-list a:hover {
background-color:#eee;
}
.dark-bg .posts-list a.selected .cats,
.dark-bg .posts-list a.selected .title h2,
.dark-bg .posts-list a.selected .date,
.dark-bg .posts-list a:hover .cats,
.dark-bg .posts-list a:hover .title h2,
.dark-bg .posts-list a:hover .date,
.posts-list a.selected .cats,
.posts-list a.selected .title h2,
.posts-list a.selected .date,
.posts-list a:hover .cats,
.posts-list a:hover .title h2,
.posts-list a:hover .date {
color:#222;
}
.posts-list a.selected .date,
.posts-list a:hover .date  {
}
.dark-bg .posts-list a .date,
.dark-bg .posts-list a .cats,
.dark-bg .posts-list a .title,
.posts-list a .date,
.posts-list a .cats,
.posts-list a .title {
display: table-cell;
padding: 20px;
color:#fff;
font-size: 15px;
vertical-align: middle;
text-align: left;
text-transform: uppercase;
}
.posts-list a .date {
width: 30%;
}
.posts-list a .cats {
width: 30%;
opacity:0.8
}
.posts-list a .title {
width: 40%;
font-weight:400;
}
.posts-list a .title h2 {
font-weight:400;
font-size: 16px;
margin-bottom:0;
text-transform: uppercase;
}  #site .dark-bg .section-heading,
#site .section-heading {
font-weight: 100;
color: rgba(255,255,255, 0.6);
}
#site .dark-bg .section-heading strong, #site .dark-bg .vc_custom_heading strong,
#site .section-heading strong, #site .vc_custom_heading strong {
font-weight: 700;
color: #fff;
}
#site .dark-bg .section-subheading,
#site .section-subheading {
font-weight: 100;
color: rgba(255,255,255, 0.8);
}  .vc_progress_bar .vc_single_bar .vc_label {
color: #fff;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.15em;
}
#site .vc_progress_bar .vc_single_bar {
background: #222;
-webkit-box-shadow: none;
box-shadow: none;
} .vc_toggle_title > h4 {
font-size: 16px;
text-transform: uppercase;
} .vc_heading_line {
position: relative;
width: 100%;
border-top: 1px solid rgba(255,255,255, 0.2);
height: 20px;
top: -15px;
display: block;
} .vc_tta-tab .vc_tta-title-text {
color: #fff;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
#site .vc_tta.vc_general .vc_tta-panel-body {
padding: 30px 30px;
}
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-tab > a {
color: #fff;
}
#site .vc_tta.vc_general .vc_tta-panel-body {
padding: 30px;
} #site .vc_tta-accordion.vc_general .vc_tta-panel-body {
padding-top:10px;
}
.vc_tta-panel-heading .vc_tta-title-text {
color: #fff;
font-size: 14px;
position: relative;
top: -4px;
text-transform: uppercase;
} #site .vc_btn3.vc_btn3-shape-rounded {
border-radius: 3px;
}
#site .vc_btn3.vc_btn3-shape-rounded {
border-radius: 3px;
}
#site .vc_general.vc_btn3 {
font-weight: bold;
letter-spacing: 0.07em;
}
#site .vc_general.vc_btn3-size-md {
font-size: 13px;
} .vc_separator h4 {
color: #888;
} .vc_pie_chart.dark-bg .vc_pie_chart_value  {
color:#fff;
opacity: 0.6;
font-weight: 400;
font-size: 150%;
}
.vc_pie_chart.dark-bg .wpb_pie_chart_heading { 
color:#fff;
margin-bottom:0;
margin-top: 10px;
}
.vc_pie_chart .vc_pie_chart_value {
font-size: 22px;
font-weight: bold;
} .vc_row.vc_row-flex > .vc-container  {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
}
.vc_row.vc_row-flex > .vc-container {
box-sizing: border-box;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.vc_row.vc_row-flex > .vc-container  > .vc_column_container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
}
.vc_row.vc_row-flex > .vc-container  > .vc_column_container {
display: flex;
}
.vc_row.vc_row-o-equal-height > .vc-container > .vc_column_container {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.vc_row.vc_row-flex > .vc-container > .vc_column_container > .vc_column-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.vc_row.vc_row-flex > .vc-container > .vc_column_container > .vc_column-inner {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.vc_row.vc_row-o-content-middle > .vc-container > .vc_column_container > .vc_column-inner {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.vc_row.vc_row-o-content-bottom > .vc-container > .vc_column_container > .vc_column-inner {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.vc_row.vc_row-o-content-top > .vc-container > .vc_column_container > .vc_column-inner {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
} div.wpcf7 p {
color: #eee;
margin-bottom: 18px;
font-size: 16px;
font-weight: 400;
}
div.wpcf7 img.ajax-loader {
vertical-align: middle;
margin-left: 20px;
opacity: 0.7;
}
span.wpcf7-form-control-wrap {
margin: 4px 0 0 0;
display: block;
}
span.wpcf7-form-control-wrap input, span.wpcf7-form-control-wrap textarea { -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; width: 100%;
background: rgba(255, 255, 255, 0.18);
border-color: rgba(255, 255, 255, 0.15);
border-width: 1px;
}
span.wpcf7-form-control-wrap input:hover, span.wpcf7-form-control-wrap textarea:hover, span.wpcf7-form-control-wrap input:focus, span.wpcf7-form-control-wrap textarea:focus {border-color: rgba(255, 255, 255, 0.37);}
span.wpcf7-not-valid-tip {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 11px;
display: inline-block;
background-color: #fdcaca;
color: #7f6060;
border-color: #ffc3c3;
margin-top: 10px;
padding: 6px;
border-radius: 4px;
width: auto;
}
div.wpcf7-response-output {
font-family: Arial, Helvetica, sans-serif;
display: block;
font-size: 15px;
font-weight: bold;
border: 1px solid transparent;
padding: 14px 20px 14px 20px;
clear: both;
border-radius: 4px;
display: none;
}
div.wpcf7-mail-sent-ok {
background-color: #cafdce;
color: #637a65;
border-color: #9cfaa3;
}
div.wpcf7-mail-sent-info {
background-color: #dee9fe;
color: #737b8b;
border-color: #cddfff;
}
div.wpcf7-spam-blocked {
background-color: #fbe9de;
color: #877863;
border-color: #fbe0b9
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng {
background-color: #fdcaca;
color: #7f6060;
border-color: #ffc3c3;
}
div.wpcf7 .wpcf7-checkbox input, div.wpcf7 .wpcf7-radio input {
width: auto;
}
span.wpcf7-list-item {
margin-right: 20px;
margin-left: 0;
display:inline
}
.wpcf7-list-item-label {
margin-right: 5px;
color: #999;
font-size: 14px;
}
.dark-bg div.wpcf7 p {
color: #eee;
}
.dark-bg span.wpcf7-form-control-wrap input, .dark-bg span.wpcf7-form-control-wrap textarea {
background: rgba(255, 255, 255, 0.18);
border-color: rgba(255, 255, 255, 0.15);
border-width: 1px;
color:#fff;
}
.dark-bg .wpcf7-list-item-label {
color: #999;
}
.dark-bg span.wpcf7-form-control-wrap input:hover, .dark-bg span.wpcf7-form-control-wrap textarea:hover, .dark-bg span.wpcf7-form-control-wrap input:focus, .dark-bg span.wpcf7-form-control-wrap textarea:focus {
border-color: rgba(255, 255, 255, 0.37);
}  @media (min-width:1200px) {} @media only screen and (max-width:1200px) {
} @media only screen and (max-width:979px) {  h1.vc_custom_heading {
font-size: 46px !important;
}
h2.vc_custom_heading {
font-size: 38px !important;
}
h3.vc_custom_heading {
font-size: 28px !important;
}
h4.vc_custom_heading {
font-size: 20px !important;
}
h5.vc_custom_heading,  h5.vc_custom_heading {
font-size: 22px !important;
} .single-track .track-nr {
display:none;
}
} @media only screen and (min-width:768px) and (max-width:979px) {
} @media only screen and (min-width:640px) and (max-width:781px) { .tracks-grid-3-col .tracks-grid-item,
.tracks-grid-4-col .tracks-grid-item,
.tracks-grid-5-col .tracks-grid-item {
width: 50%;
}
} @media only screen and (max-width:767px) { .tracks-grid-3-col .tracks-grid-item,
.tracks-grid-4-col .tracks-grid-item,
.tracks-grid-5-col .tracks-grid-item {
width: 100%;
} .eq .bar {
width: 19%;
}
.tracks-grid-2-col .tracks-grid-item .eq .bar,
.tracks-grid-3-col .tracks-grid-item .eq .bar,
.tracks-grid-4-col .tracks-grid-item .eq .bar,
.tracks-grid-5-col .tracks-grid-item .eq .bar {
width: 18.3%;
} .price-wrapper .price {
font-size: 80px;
}
.price-wrapper .mark {
font-size: 16px;
}
.price-wrapper .value {
font-size: 16px;
}
.price-table-inner ul li.table-title {
font-size: 18px;
}
.price-table-inner.important-price {
top: 0px;
} .icon_column {
padding-bottom: 0px;
}
.icon_column.icon_top,  .icon_column.icon_top_dark {
padding-bottom: 20px;
}
.icon_column.icon_right .text-holder {
text-align:left;
padding-right:0;
padding-left:60px;
}
.icon_column.icon_right .icon {
right: auto;
} .posts-list a .cats,
.posts-list a .title {
width:100%;
display:block;
}
.posts-list a .cats {
padding-top:0;
}
.posts-list a .title {
padding-bottom:0;
}
} @media only screen and (max-width:480px) {
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select {
background: transparent;
border: 0;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
body {
line-height: 1
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: none
}
del {
text-decoration: line-through
}
hr {
background: transparent;
border: 0;
clear: both;
color: transparent;
height: 1px;
margin: 0;
padding: 0
}
mark {
background-color: #ffffb3;
font-style: italic
}
input, select {
vertical-align: middle
}
ins {
background-color: red;
color: white;
text-decoration: none
}
ol, ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}  * {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {
color: #eee;
height:100%;
background: #0B0B0C;
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
width: 100%;
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0.05em;
overflow-x: hidden;
}
::-moz-selection {
background: #E82561;
color: #fff;
text-shadow: none;
}
::selection {
background: #E82561;
color: #fff;
text-shadow: none;
}
h1, h2, h3, h4, h5, h6 {
color: #fff;
font-weight: 800;
line-height: 1.2;
margin-bottom: 20px;
letter-spacing: 0;
}
a, a > * {
color: #E82561;
text-decoration: none;
-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
a:hover, a > *:hover {
color: #fff;
}
h1 {
font-size: 46px;
}
h2 {
font-size: 38px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 22px;
}
h6 {
font-size: 18px;
}
small {
font-size: 12px;
}
ol {
list-style: decimal;
}
ul {
list-style: disc;
}
ul ul, ul ul ul, ol ol, ol ol ol {
margin-bottom: 0
}
li {
margin: 1px 0 1px 30px;
}
img {
}
dl, hr, ol, ul, pre, table, address, fieldset, blockquote, iframe {
margin-bottom: 30px;
}
p {
margin-bottom:30px;
}
article {
margin-bottom: 30px;
}
strong, b {
font-weight: bold;
} table {
width: 100%;
background: #34363A;
}
table td, table th {
padding: 15px;
border: 1px solid #212225;
text-align: left;
}
table th {
background: #46474C;
font-weight: bold;
color: #fff;
}
table caption {
padding: 1em 0;
text-align: center;
}
dt {
font-weight: bold;
}
dd {
line-height: 1.4;
margin: 4px 0 0;
padding: 0 0 .5em 0;
} cite {
text-align: right;
font-style: normal;
color: #666;
font-weight: 600;
width: 100%;
display: inline-block;
}
cite:before {
content: '\2013 \00A0';
}
cite a {
font-weight: bold;
color: #222;
} dt {
font-weight: bold;
color: #ddd;
font-size: 16px;
}
dd {
line-height: 1.4;
margin: 4px 0 0;
padding: 0 0 .5em 0;
} del {
color: red;
text-decoration: line-through;
}
em, i {
font-style: italic;
}
strong, b {
font-weight: bold;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
bottom: -0.25em;
}
abbr, acronym {
border-bottom: 1px dotted;
}
address {
margin: 0 0 1.5em;
font-style: italic;
}
code, kbd, pre, samp, tt {
font: 0.8em 'Andale Mono', 'Lucida Console', monospace;
}
pre, code {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: #46474C;
border: 1px solid #57585F;
color: #FFF;
padding: 2px 4px;
font-size: 14px;
}
pre {
white-space: pre;
word-wrap: normal;
overflow-x: scroll;
line-height: 1.3;
padding: 15px;
} .single-post .main.thin blockquote {
margin-right:-24px;
margin-left:-24px;
}
blockquote {
position: relative; }
blockquote p {
padding: 10px 20px;
font-size: 18px;
line-height: 1.7em;
color: #ddd;
margin-bottom: 0;
border-left: 4px solid #eee;
font-style: italic;
font-weight: 400;
}
blockquote .author {
color: #222;
}
blockquote .author:before {
content: "-";
display: inline-block;
margin: 0 4px 0 2px;
}
blockquote cite a {
font-weight: bold;
color: #E82561;
}
blockquote cite a:hover {
color: #E82561;
} small {
font-size: 11px
} img {
max-width: 100%;
height: auto;
} label {
cursor: pointer;
display: block;
margin: 0 0 5px;
color: #eee;
font-weight: 400;
font-size:15px;
}
*::-webkit-input-placeholder {
color: 666;
}
*:-moz-placeholder { color: 666;
}
*::-moz-placeholder { color: 666;
}
*:-ms-input-placeholder { color: 666;
}
input, textarea, select {
font: 16px/1.8 "Source Sans Pro", Helvetica, Arial, sans-serif;
background-color: transparent;
border: none;
padding: 6px;
border: 1px solid #555;
color: #fff;
background-color: rgba(255, 255, 255, 0.13);
}
input[type="text"], select {
width: 100%;
outline: none;
display: inline-block;
cursor: pointer;
}
input[type="checkbox"] {
width:auto;
}
select {
padding:8px 10px;
background-color:transparent;
text-transform:uppercase;
letter-spacing:0.03em;
}
select, option {
cursor: pointer;
background-color:#111;
color:#ddd
}
option {
background-color: #111;
color: #ddd;
}
input, textarea {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
input:hover, textarea:hover, input:focus, textarea:focus {
}
textarea {
padding: 10px;
resize: both;
width: 100%;
min-height: 200px;
}
select, option {
cursor: pointer;
}
select::-ms-expand {
display: none;
}
input[type="submit"], button {
-webkit-appearance: none;
-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
input[type="checkbox"], input[type="radio"] {
width:auto;
margin-right:10px;
-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
-ms-appearance: checkbox !important;
-o-appearance: checkbox !important;
appearance: checkbox !important;
}  #searchform {
position: relative;
z-index: 1;
}
#searchform fieldset {
margin-bottom: 0
}
#searchform #s {
border: 0;
width: 100%;
padding: 10px 20px;
font-size: 14px;
background-color: transparent;
color: #ddd;
border: 1px solid #555;
}
#searchform #s::-webkit-input-placeholder {
color: #999;
}
#searchform #s:-moz-placeholder {
color: #999;
}
#searchform #s:-ms-input-placeholder {
color: #999;
}
#searchform #searchsubmit {
position: absolute;
border: none;
right: 20px;
top: 16px;
background: transparent;
width: 20px;
cursor: pointer;
padding: 0;
}
#searchform #searchsubmit i {
color: #999;
transition: all 0.5s ease-out;
}
#searchform #searchsubmit i:hover {
color: #E82561;
}
#search-404 #searchform #searchsubmit i {
font-size: 20px;
position: relative;
top: 5px
} .hidden {
display: none;
}
.custom-ul li{
padding:5px 0;
}
.disabled {
cursor: auto;
}
.invisible {
visibility: hidden;
}
.no-margin {
margin: 0 !important;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center;
}
img.inline {
vertical-align: middle;
max-width: 100%;
}
img.size-1-2 {
width: 50%;
height: 50%;
}
img.size-3-4 {
width: 75%;
height: 75%;
}
img.aligncenter {
display: block;
margin-bottom: 30px;
}
.alignleft, .floatleft {
float: left !important;
}
img.alignleft {
margin-bottom: 30px;
margin-right: 20px;
}
.alignright, .floatright {
float: right !important;
}
img.alignright {
margin-bottom: 30px;
margin-left: 20px;
}
img.frame {
border: 4px solid #fff;
}
.weight-lighter {
font-weight: 300
}
.weight-light {
font-weight: 400
}
.weight-bolder {
font-weight: 900
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.color {
color: #E82561;
}
.white {
color: #fff !important;
}
.light {
color: #eee;
}
.dark {
color: #222;
}
.caps { }
.clear {
clear: both;
display: block;
height: 1px;
margin-top: -1px;
overflow: hidden;
visibility: hidden;
width: 0
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
width: 0
}
* html .clearfix, :first-child+html .clearfix {
zoom: 1
}
.inlineblock {
display: inline-block;
}
#qLtempOverlay {
background-color: #222 !important;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.background-bottom {
background-position: bottom;
background-repeat: no-repeat;
}
.background-top {
background-position: top;
background-repeat: no-repeat;
}
.background-left {
background-position: left;
background-repeat: no-repeat;
}
.background-right {
background-position: right;
background-repeat: no-repeat;
} .main .alignfull {
margin-left  : calc( -100vw / 2 + 100% / 2 );
margin-right : calc( -100vw / 2 + 100% / 2 );
max-width    : 100vw;
}
.main .wp-block-cover.alignfull,
.main .wp-block-cover-image.alignfull {
width:auto;
}
.blog-list .main .alignfull,
.blog-list .main .alignwide,
.alignfull.is-type-video.wp-embed-aspect-16-9 {
margin-left  :0;
margin-right :0;
max-width    : 100vw;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
}
.caption-txt {
font-size: 14px;
}
.wp-caption .wp-caption-text {
font-size: 14px;
}
.wp-caption {
margin-bottom: 30px;
max-width: 100%;
position: relative;
color: #777;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0 0 0px 0;
max-width: 100%;
padding: 0;
width: auto;
vertical-align: middle;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0;
}
.sticky.post {
position: relative;
overflow: hidden;
}
.main .blog-article.post.sticky .article-title:before {
font-family:"icomoon";
content: "\e698";
border-radius:100%;
width:30px;
height:30px;
line-height:30px;
background-color:#eee;
text-align:center;
color:#222;
font-size:16px;
display:inline-block;
margin-right:10px;
position:relative;
top:-3px;
}
.main .gallery-item {
float: left;
}
.main .gallery-item .thumb {
margin: 0.05em;
}
.main .gallery-item {
margin 2px;
}
.main .gallery-item img {
border: none;
vertical-align: middle;
}
.bypostauthor {
width: 100%;
}
.gallery {
margin-bottom: 50px;
clear: both;
position: relative;
}
.main.thin .gallery, .vc-container.thin .gallery {
margin-left:-80px;
margin-right:-80px;
}
.gallery:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
width: 0
}
.gallery-item {
float: left;
overflow: hidden;
position: relative;
max-width: 100%;
}
.gallery-item img {
max-height: 100%;
max-width: 100%;
width: 100%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
.gallery-columns-7 .gallery-item {
width: 14.285%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.111%;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
background-color: rgba(33, 34, 37, 0.8);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 13px;
line-height: 1.5;
margin: 0;
opacity: 0;
padding: 8px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
display: none;
}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
max-width: 100%;
height: auto;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }  .container {
width: 1090px;
margin: 0 auto;
position: relative;
}
.container:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.container.full-width {
width: 100%;
} .vc-container {
width: 1120px;
margin: 0 auto;
position: relative;
}
.vc-container:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.vc-container.full-width {
width: 100%;
}
.vc-container.thin {
width: 780px;
}
.main.vc {
width: 100%;
overflow: hidden;
} .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
float: left;
margin-right: 50px;
}
.col-1-1 {
width: 100%;
}
.col-1-2 {
width: 520px;
}
.col-1-3 {
width: 330px;
}
.col-1-4 {
width: 235px;
}
.col-1-5 {
width: 178px;
}
.col-2-3 {
width: 710px;
}
.col-3-4 {
width: 805px;
}
.center-col {
margin: 0 auto;
float: none;
} .last {
margin-right: 0px !important;
}
.row {
margin-bottom: 40px;
clear: both;
position: relative;
z-index: 1
}
.row:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .flex-col-1-1, .flex-col-1-2, .flex-col-1-3, .flex-col-1-4, .flex-col-1-5 {
float: left;
}
.flex-col-1-1 {
width: 100%;
}
.flex-col-1-2 {
width: 50%;
}
.flex-col-1-3 {
width: 33.33%;
}
.flex-col-1-4 {
width: 25%
}
.flex-col-1-5 {
width: 20%
} .masonry {
clear: both;
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.masonry-item {
float: left;
margin-bottom: 0;
padding: 15px;
}
.masonry.no-gap .masonry-item {
padding: 0.04em;
}
.masonry.masonry-list {
border-top: 1px solid rgba(255,255,255,0.1);
}
.masonry.masonry-list .masonry-item {
width: 100%;
border-bottom: 1px solid rgba(255,255,255,0.1);
padding: 0;
background-color:transparent;
}
.masonry-item {
background: #0B0B0C;
}
.masonry-anim .masonry-item {
overflow: hidden;
-webkit-transform: translate3d(50%, 0, 0);
-ms-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
opacity: 0;
}
.masonry-anim .masonry-item:after {
content: '';
z-index: 100;
position: absolute;
width: 100%;
left: 0;
top: 0;
top: -1%;
height: 102%;
display: block;
visibility: visible;
background: #0B0B0C;
-webkit-transform: translateX(30%);
-ms-transform: translateX(30%);
transform: translateX(30%)
}
.masonry-anim .masonry-item--appear {
-webkit-transition: opacity .3s linear, -webkit-transform cubic-bezier(0.075, .82, .165, 1) .9s;
transition: opacity .3s linear, -webkit-transform cubic-bezier(0.075, .82, .165, 1) .9s;
transition: opacity .3s linear, transform cubic-bezier(0.075, .82, .165, 1) .9s;
transition: opacity .3s linear, transform cubic-bezier(0.075, .82, .165, 1) .9s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) .9s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.masonry-anim .masonry-item--appear:after {
-webkit-transition: visibility linear 0s 1.4s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s;
transition: visibility linear 0s 1.4s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s;
transition: transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s, visibility linear 0s 1.4s;
transition: transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s, visibility linear 0s 1.4s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
visibility: hidden;
}
.masonry-anim .masonry-item--hide {
transition: opacity .3s linear;
opacity: 0;
}
.vc_row_default .masonry, .vc_row_full_stretch_no_spaces .masonry, .vc_row_full_stretch .masonry, .full-width .masonry {
}
.masonry-item-1-5 {
width: 20%
}
.masonry-item-1-4 {
width: 25%
}
.masonry-item-1-3 {
width: 33.33%;
}
.masonry-item-1-2 {
width: 50%
}
.full-width .masonry-item-1-5, .full-width .masonry-item-1-4, .full-width .masonry-item-1-3, .full-width .masonry-item-1-2 {
width: 25%
} .main {
width: 780px;
}
.main:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
width: 0
}
.main.main-right {
float: right;
margin-left: 50px;
}
.main.main-left {
float: left;
margin-right: 50px;
}
.main.wide {
width: 100%; }
.main.thin {
margin: 0 auto;
}
.main article:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.main article:last-child {
margin-bottom: 0px
} .sidebar {
opacity:0.6;
width: 260px;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
}
.sidebar:hover {
opacity:1;
}
.sidebar.slidebar {
width: 100%
}
.sidebar.main-left {
float: right;
}
.sidebar.main-right {
float: left;
} #slidebar {
width: 400px;
background-color: #0B0B0C;
position: fixed;
top: 0;
bottom: 0;
right: 0;
padding: 70px 30px 30px 30px;
z-index: 100001;
-webkit-transform: translateX(400px);
-moz-transform: translateX(400px);
transform: translateX(400px);
border-left:1px solid #222326;
-webkit-box-shadow: inset 14px 0px 20px -12px rgba(0, 0, 0, 0.90);
-moz-box-shadow: inset 14px 0px 20px -12px rgba(0, 0, 0, 0.90);
box-shadow: inset 14px 0px 20px -12px rgba(0, 0, 0, 0.90);
} #slidebar, #ajax-container, #footer-container, #header {
-webkit-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
body.slidebar-visible #slidebar {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
body.slidebar-visible #ajax-container, body.slidebar-visible #footer-container, body.slidebar-visible #header {
-webkit-transform: translateX(-400px);
-moz-transform: translateX(-400px);
transform: translateX(-400px);
}
#slidebar .slidebar-image {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0.3;
z-index: 0;
background-size: cover;
}
#slidebar-wrap {
position: absolute;
top: 60px;
bottom: 60px;
right: 30px;
left: 30px;
}
#slidebar-content {
position: relative;
max-height: 100%;
overflow: auto;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
#slidebar-content::-webkit-scrollbar {
display: none;
} #slidebar .iScrollVerticalScrollbar {
position: absolute;
z-index: 10;
width: 4px;
bottom: 2px;
top: 2px;
right: -18px;
overflow: hidden;
}
#slidebar .iScrollVerticalScrollbar.iScrollBothScrollbars {
bottom: 18px;
}
#slidebar .iScrollIndicator {
position: absolute;
background-color: #fff;
border-radius: 2px;
opacity: 0.05;
cursor: pointer;
}
#slidebar:hover .iScrollIndicator {
opacity: 0.1;
}
#slidebar .iScrollVerticalScrollbar .iScrollIndicator {
width: 100%;
} #slidebar-layer {
background-color: rgba(23, 23, 25, 0.85);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 100000;
opacity: 0;
width: 0;
height: 0;
cursor: pointer;
-webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
body.slidebar-visible #slidebar-layer {
opacity: 1;
width: auto;
height: auto;
} #slidebar-search {
display: block;
width: 100%;
z-index: 3;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
overflow: hidden;
margin-bottom: 30px;
} #slidebar-site-image {
text-align:center;
}
#slidebar-site-image > img {
display:inline-block;
margin:0px 0 20px;
} #slidebar a#slidebar-close {
font-weight: 300;
position:absolute;
right: 30px;
top: 16px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius:100%;
opacity: 0.8; -webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: 100;
}
#slidebar a#slidebar-close:hover {
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity:1
}
#slidebar a#slidebar-close:after,
#slidebar a#slidebar-close:before {
content:"";
position:absolute;
width:40px;
height:3px;
background-color:#fff;
top:19px;
left:0;
}
#slidebar a#slidebar-close:after {
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#slidebar a#slidebar-close:before {
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
} #ajax-container {
position: relative;
z-index: 3;
} #page {
margin: 100px 0;
}
#page.no-margin { margin: 0; } #upcoming-event .anim-css,
#page .anim-css { opacity: 0;
-webkit-transform: translate(0px, 50px);
-moz-transform: translate(0px, 50px);
transform: translate(0px, 50px);
} #WPAjaxLoader {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 99999999;
background: #000;
opacity: 0;
}
#WPAjaxLoader.show-layer {
opacity: 1;
}
#WPAjaxLoader.hide-layer {
opacity: 0;
} #loading-layer {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 99999999;
background: #000;
opacity: 0;
}
#loading-layer.show-layer {
opacity: 1;
transition: all 0.5s cubic-bezier(0.24, 1, 0.31, 1);
}
#loading-layer.hide-layer {
opacity: 0;
transition: all 0.5s cubic-bezier(0.24, 1, 0.31, 1);
} .ajax-loader {
display: block;
position: fixed;
z-index: 9999;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: 20px;
} .my-custom-loader {
display: block;
position: fixed;
z-index: 9999;
top: 50%;
left: 50%;
color:#fff;
-webkit-transform: translateX(-50%) translatey(-50%);
-moz-transform: translateX(-50%) translatey(-50%);
transform: translateX(-50%) translatey(-50%);
} .ajax-loader {
width: 40px;
height: 40px;
background-color: #E82561;
border-radius: 100%;
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
0% { -webkit-transform: scale(0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
} 100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
} #header {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
z-index: 901;
-webkit-transition: background-color .3s ease, opacity .3s ease, color .3s ease, top .3s ease-in-out, transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition: background-color .3s ease, opacity .3s ease, color .3s ease, top .3s ease-in-out, transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: background-color .3s ease, opacity .3s ease, color .3s ease, top .3s ease-in-out, transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
#header .container {
width:100%;
padding: 0 30px 0 30px;
}
#site #header:not(.always-show-header).hide-header {
top:-80px;
}
#header.show-bg {
background-color: #0B0B0C;
min-height: 72px;
} .admin-bar #header {
top: 32px;
} #logo {
display: inline-block;
float: left;
margin-right: 30px;
}
#logo img {
margin: 0;
vertical-align: middle;
}
#logo:hover {
opacity: 0.5
}
#header.show-bg .is-logo-alt .logo-img-alt {
display: inline-block;
}
#header.show-bg .is-logo-alt .logo-img {
display: none;
}
#header .is-logo-alt .logo-img-alt {
display: none;
}
#header .is-logo-alt .logo-img {
display: inline-block;
} #menu-trigger {
display: block;
width: 40px;
height: 50px;
background-color: transparent;
z-index: 9999;
position: relative;
}
#menu-trigger .icon {
display: inline-block;
width: 28px;
height: 3px;
position: relative;
left: 4px;
top: 3px;
background: #fff;
margin: 10px 0;
}
#menu-trigger .icon:before, #menu-trigger .icon:after {
content: '';
width: 100%;
height: 3px;
position: absolute;
background-color:#fff;
}
#menu-trigger .icon:before {
top: -8px;
}
#menu-trigger .icon:after {
top: 8px;
}
body.slidebar-visible #menu-trigger span {
background: none;
}
body.slidebar-visible #menu-trigger span:before {
top: 0 !important;
background-color: #fff;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
body.slidebar-visible #menu-trigger span:after {
top: 0 !important;
background-color: #fff;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
body.slidebar-visible #menu-trigger.menu-text {
color: #fff;
}
#menu-trigger:hover span:before {
top: -8px;
}
#menu-trigger:hover span:after {
top: 8px;
} #menu-trigger .icon, #menu-trigger .icon:before, #menu-trigger .icon:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}  #nav {
float: right;
z-index: 100;
margin-top: 0px;
}
#nav > ul {
margin-bottom: 0;
}
#nav li {
list-style: none;
float: left;
margin: 0;
position: relative;
}
#nav a {
color: #fff;
font-size: 14px;
display: block;
padding: 13px 15px;
line-height: 48px;
position: relative;
text-align: center; z-index: 98;
font-weight: 400; letter-spacing: 0.04em;
text-transform:uppercase
}
#header.dark #nav a {
color: #222;
}
#nav a:hover {
opacity: 1
}
#nav .active > a,
#nav .current > a,
#nav .current-menu-item > a,
#nav a:hover {
background-color: #eee;
background-color: rgba(255,255,255,0.1);
}
#nav li.menu-item-has-children > a:after {
font-family: "icomoon";
content: "\f107";
display: inline-block;
margin-left: 10px;
line-height: normal;
opacity: 0.7;
}
#nav ul ul li.menu-item-has-children > a:after {
content: "\f105";
} #nav ul ul {
-webkit-transition: margin 0.3s ease;
-moz-transition: margin 0.3s ease;
transition: margin 0.3s ease;
}
#nav ul ul {
background: rgba(69,71,75,0.9);
visibility: hidden;
left: 0;
padding: 0;
position: absolute;
width: 220px;
z-index: 300;
margin-top: 50px;
opacity: 0;
filter: alpha(opacity= 0);
}
#nav ul ul ul { background: rgba(69,71,75,0.9); }
#nav ul ul.show-list {
visibility: visible;
opacity: 1;
filter: alpha(opacity= 100);
margin-top: 0px;
}
#nav ul ul li {
float: none;
border-bottom: 1px dotted #57575A;
}
#nav ul ul li:last-child {
border-bottom: none;
}
#nav ul ul a {
color: #eee;
display: block;
font-size: 14px;
letter-spacing: 0;
padding: 16px 20px !important;
text-align: left;
line-height: normal;
font-weight:400
}
#nav ul ul a:hover, #nav ul ul .hover > a, #nav ul ul .current > a, #nav ul ul .current > a:hover, #nav ul ul a.selected {
background: #E82561;
color: #fff;
} #nav ul ul ul {
left: 100% !important;
top: 0 !important;
}
body #nav ul li > .edge {
right: 100% !important;
left: -100% !important;
}
body #nav ul .edge {
right: 100% !important;
left: auto !important;
} #main-nav {
margin-bottom: 30px
}
#main-nav ul {
padding: 0;
margin: 0;
list-style-type: none;
font-weight: 400;
}
#main-nav ul li {
width: 100%;
padding: 0;
margin: 0;
position: relative;
}
#main-nav ul li a {
width: 100%;
display: inline-block;
padding: 6px 10px 6px 0;
color: #fff;
font-weight: 600;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#main-nav ul li a {
}
#main-nav ul li a:hover {
opacity: 1;
margin-left: 5px;
}
#main-nav ul {
}
#main-nav > ul > li:last-child a {
border: none;
}
#main-nav ul ul {
display: none
}
#main-nav ul li a {
font-size: 15px;
font-weight:400; line-height: normal;
text-transform:uppercase; }
#main-nav ul li li a {
padding-left: 10px;
opacity: 0.8;
}
#main-nav ul li li li a {
padding-left: 20px;
opacity: 0.4
}
#main-nav ul li li li li a {
padding-left: 30px;
opacity: 0.4
}
#main-nav ul li i {
position: absolute;
top: 0px;
right: 0px;
color: #fff;
font-size: 18px;
line-height:0;
cursor: pointer;
opacity: 0.8;
background-color: rgba(0, 0, 0, 0.18);
padding: 15px 15px;
}
#main-nav ul li i:before {
display:inline-block;
position:relative;
right:5px;
}
#main-nav ul li i:hover {
opacity: 1;
}
#main-nav ul li li i {
opacity: 0.8
}
#main-nav ul li li li i {
opacity: 0.7
}
#main-nav ul li li li li i {
opacity: 0.6
} #main-nav .top-nav-el {
display: none;
} #social-nav {
float:right;
margin-left: 5px;
margin-top:26px;
font-size:16px;
}
#social-nav span {
color:#fff;
}
#social-nav a {
margin:0 2px;
}
#social-nav a:hover {
opacity:0.7
} #icon-nav {
float:right;
margin-left: 5px;
margin-top:24px;
font-size:25px;
}
#icon-nav > .icon-nav-item {
float: right;
position: relative;
margin-left: 20px;
}
#icon-nav #shop-link {
font-size:25px;
font-weight:normal;
}
#icon-nav span {
color:#fff;
}
#icon-nav #shop-link .shop-items-count {
position:absolute;
top:-4px;
right:-4px;
font-size: 10px;
padding:2px 4px;
border-radius:100%;
background-color:#E82561;
color:#fff;
display:inline-block;
min-width: 15px;
text-align:center;
min-height: 15px;
}  .nav-links {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
overflow: hidden;
margin-top: 60px;
border-top:1px solid rgba(255,255,255,0.06)
}
#content.vc .nav-links {
margin-top: 0;
}
.post-navigation, .image-navigation {
margin-bottom: -80px;
overflow: hidden;
}
#content.vc > .post-navigation {
margin-bottom: -1px;
padding-top: 0px;
position: relative;
}
.post-navigation a {
padding: 30px 10px;
width: 100%;
position: relative;
}
.post-navigation .nav-label {
color: #fff;
font-size: 16px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-weight: 600;
display: inline-block;
opacity: 1;
letter-spacing: 0.07em;
}
.post-navigation a:hover {
background-color:#E82561;
}
.post-navigation a:hover .nav-label {
opacity:1
}
.post-navigation .attachment-post-link {
text-align: center;
}
.post-navigation .attachment-post-link a {
color: #222
}
.post-navigation a, .image-navigation a {
display: inline-block;
line-height: 1.7142857142;
text-transform: uppercase;
margin-bottom: 0;
position: relative;
z-index: 2;
letter-spacing: 0.04em;
text-align:center;
background-color: #131315;
vertical-align: middle;
text-align: center;
}
.post-navigation a.prev-link {
}
.post-navigation a.next-link {
}
.post-navigation .post-nav-inner.link-full a {
text-align:center;
}
.post-navigation a.prev-link .nav-label:before, .post-navigation a.next-link .nav-label:after {
font-family: "icomoon";
display: inline-block;
line-height: 38px;
color: #fff;
position: relative;
font-size: 31px;
vertical-align: middle;
top: -2px
}
.post-navigation a.prev-link .nav-label:before {
margin-right: 15px;
content: "\f104";
}
.post-navigation a.next-link .nav-label:after {
margin-left: 15px;
content: "\f105";
}
.post-navigation .post-nav-inner {
float: left;
width: 50%;
overflow: hidden;
position: relative;
}
.post-navigation .post-nav-inner.link-full {
width:100%;
}
.post-navigation .post-nav-inner.link-empty {
width:0px;
}
.post-navigation a.prev-link {
border-right: 1px solid rgba(255,255,255,0.03);
}
.post-navigation .post-nav-inner.link-empty a.prev-link {
border-right:none;
}
.post-nav-preview {
display: inline-block;
width: 60px;
height: 60px;
border-radius:100%;
background-color: #333;
background-size: cover;
background-attachment: scroll;
background-position: center center;
opacity: 0.6;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); vertical-align: middle;
margin: 0 15px;
display: none;
}
.post-navigation a:hover .post-nav-preview {
opacity: 1;
filter: none;
-webkit-filter: grayscale(0);
} .paging-navigation {
margin: 20px 0 0px 0;
}
.main .paging-navigation {
position: relative;
top: -20px;
}
.paging-navigation .loop-pagination {
text-align: center;
}
.paging-navigation .page-numbers {
display: inline-block;
font-size: 18px;
font-weight: normal;
margin-right: 0;
text-transform: uppercase;
border: none;
margin: 0 6px;
font-weight: 300;
width: 45px;
height: 45px;
line-height: 45px;
color: #fff;
border: 1px solid #1D1D1F;
}
.prev.page-numbers, .next.page-numbers {
display: none
}
.paging-navigation a {
color: #fff;
}
.paging-navigation .page-numbers.current,.paging-navigation a:hover {
color: #FFF;
background: #1D1D1F;
} .page-nav {
position: relative;
height: 80px;
border-top: 1px solid #444;
border-bottom: 1px solid #444;
position: relative;
z-index: 1;
font-size: 24px;
}
.page-nav a span {
color: #999;
}
.page-nav a:hover span {
color: #eee;
} .page-nav .prev-button, .page-nav .next-button {
position: absolute;
display: block;
top: 24px;
height: 31px;
}
.page-nav .prev-button {
left: 20px;
}
.page-nav .next-button {
right: 20px;
}
.page-nav .disabled span, .page-nav .disabled:hover span {
opacity: 0.3;
color: #999;
} .page-navigation {
overflow: hidden;
margin-top: 0px;
}
.page-navigation .left {
padding: 0 1px 2px 0;
}
.page-navigation .right {
padding: 0 0 2px 1px;
}
.page-navigation .next, .page-navigation .prev {
display: inline-block;
width: 100%;
background-color: #f2f2f2;
text-align: center;
padding: 30px 0;
color: #666;
font-size: 18px;
text-transform: uppercase;
}
.page-navigation .next i, .page-navigation .prev i {
color: #666;
font-size: 16px;
margin: 0 8px;
}
.page-navigation .next:hover, .page-navigation .prev:hover {
background-color: #222;
color: #fff;
}
.page-navigation .next:hover i, .page-navigation .prev:hover i {
color: #fff;
} .page-links {
margin-top: 20px;
clear:both;
}  .blog-grid .blog-article,
.blog-classic .blog-article {
width: 100%;
padding: 24px;
margin-bottom: 0;
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 5px;
margin-bottom: 30px;
background-color: #0F0F10; }
.blog-classic .blog-article {
margin-bottom:50px
}
.blog-grid .blog-article {
margin-bottom:0;
}
.article-header {
text-align: left;
} .article-title, .article-title a {
color: #fff;
font-size: 32px;
margin-bottom: 13px;
text-align: left;
}
.blog-grid .article-title, .blog-grid .article-title a {
font-size: 22px;
}  .meta-cats {
margin-bottom:4px;
display:inline-block;
}
.meta-cats a {
border-radius: 999em;
-webkit-tap-highlight-color: rgba(0,0,0,0);
font-weight: 400;
-webkit-transition:all 0.2s ease-out;
transition: all 0.2s ease-out;
color: #fff;
background-color: #E82561;
margin-right: 3px;
margin-bottom: 5px;
padding: 1px 10px;
text-transform:uppercase;
font-size:11px;
letter-spacing:0.02em;
margin-bottom:8px;
display:inline-block;
}
.meta-cats a:hover {
background-color:#eee;
color:#222;
} .meta-top {
width: 100%;
text-align: left;
margin-bottom: 20px;
border-top: 1px solid rgba(255,255,255,0.1);
padding-top:10px;
font-size: 13px;
display: table;
min-height: 50px;
}
.caption-bottom > .meta-top {
border:0;
padding-top:0;
top:-5px;
position:relative;
margin-bottom:0
}
.meta-col {
display: table-cell;
vertical-align: middle;
}
.meta-col:not(:first-child) {
border-left: 1px solid rgba(255,255,255,0.1);
padding-left: 20px;
}
.caption-bottom .meta-col:not(:first-child) {
border-left: 1px solid rgba(255,255,255,0.2);
}
.meta-top .meta-col:last-child {
text-align:right;
border-left:0;
}
.blog-grid .meta-top .meta-col:last-child {
display:none;
}
.meta-col .meta-date, .meta-col .meta-comments {
display:inline-block;
} .meta-author-image, .meta-author {
vertical-align: middle;
padding-right: 10px;
display: table-cell;
}
.meta-author-image > img {
vertical-align: middle;
max-width: initial;
border-radius:100%;
}
.meta-author > .author-name {
font-weight: 300;
text-transform: uppercase;
}
.intro .meta-author > .author-name {
font-weight:400
} .meta-col .meta-comments a {
background-color: #E82561;
min-width:40px;
border-radius: 4px;
position: relative;
top: 0px;
left: 0;
display:inline-block;
text-align:center;
color:#fff;
font-size:14px;
font-weight:600
}
.meta-col .meta-comments a:after {
border: 6px solid #E82561;
border-right-color: transparent;
border-top-color: transparent;
border-bottom-color: transparent;
height: 0;
width: 0;
position: absolute;
bottom: -6px;
right: 5px;
content: "";
display:inline-block;
}
.meta-col .meta-comments .icon {
color:#666;
font-size:18px
} .meta-col .meta-date {
font-weight: 300;
color:#999;
color: rgba(255,255,255,1);
}
.intro .meta-col .meta-date,
.intro .meta-author > .author-name {
font-size:16px;
} .meta-bottom {
width: 100%;
text-align: left;
margin-top: 60px;
margin-bottom: 40px;
border-top: 1px solid rgba(255,255,255,0.1);
padding-top:10px;
padding-bottom:10px;
font-size: 13px;
display: table;
min-height: 50px;
} .meta-tags-title {
display:block;
font-size:13px;
text-transform:uppercase;
font-weight:400;
margin-bottom:5px;
color:#666;
}
.meta-tags {
display: inline-block;
}
.meta-tags a {
color: #999;
border: 1px solid #555;
padding: 4px 12px;
margin: 0 5px 5px 0;
letter-spacing: 0.1em;
font-size: 12px;
display: inline-block;
text-transform: uppercase;
letter-spacing: 0.0em;
font-weight:400;
border-radius: 999em;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.meta-tags a:hover {
color: #fff;
border-color:transparent;
background-color:#E82561;
}
.meta-tags a:before {
content: "#"
} .meta-share-title {
display:block;
font-size:13px;
text-transform:uppercase;
font-weight:400;
margin-bottom:5px;
color:#666;
}
.share-buttons {}
.share-buttons-vc {
margin:0;
border:0;
padding: 0;
}
.share-buttons .fb-share-btn:hover {
background-color: #4769A5;
}
.share-buttons .twitter-share-btn:hover {
background-color: #65CCEF;
}
.share-buttons .gplus-share-btn:hover {
background-color: #bf3727;
}
.share-buttons .linkedin-share-btn:hover {
background-color: #278cc0;
} .article-media, .article-media-search {
margin-left: -24px;
margin-right:-24px;
}
.article-media.sc-iframe {
margin-bottom:20px;
}
.article-media.sc-audio {
margin-bottom: 30px;
}
.article-media.sc-iframe iframe {
margin-bottom:0;
}
.single-post .article-media {
margin-left: -80px;
margin-right:-80px;
margin-bottom: 30px;
}
.main-left .article-media {
margin-left:0;
margin-right:0;
}
.article-media.content-image, .article-media.content-video {
margin-bottom: 30px;
}
.article-media.content-video .video {
margin-bottom: 0px;
}
.article-media img {
vertical-align: middle;
width: 100%;
}
.article-media.featured-image img {
vertical-align: middle;
width: auto;
width: 100%;
}
.format-quote .quote-text {
margin-bottom:0px;
font-size: 18px;
color: #fff;
font-style:italic;
text-align: left;
line-height:170%;
font-weight: 400;
}
.format-quote .quote-text cite, .format-quote .quote-text cite a {
color:#E82561;
font-size: 17px;
text-align: left;
margin-top: 5px;
}
.single-format-quote .article-media {
text-align:center;
background-color: #292A2D;
margin-bottom:30px;
}
.single-format-quote .quote-text {
font-size: 20px;
}
.format-link .article-media,
.format-quote .article-media {
padding: 24px;
}
.single-format-link .article-media {
text-align:center;
background-color: #292A2D;
margin-bottom:30px;
}
.classic-grid .format-quote .article-media,
.blog-grid .format-quote .article-media,
.classic-grid .format-link .article-media,
.blog-grid .format-link .article-media {
background-color: #292A2D;
margin-bottom:20px
}
.article-media .pf-link {
font-size: 20px;
display: inline-block;
font-weight:600
}
.article-media .pf-link:before {
content: "\e64e";
font-family: "icomoon";
margin-right: 5px;
font-weight:300;
font-size: 16px;
} .article-content {
text-align: left;
}
.blog-grid .article-content p {
margin-bottom:0
}
.blog-classic .article-content p {
margin-bottom: 20px;
} .more-link, .more-link-excerpt {
color: #fff;
display: inline-block;
text-align: center;
font-size: 14px;
margin-top: 0px;
margin-top: 10px;
color: #E82561;
text-transform:uppercase; font-weight: 700;
}
.more-link:hover, .more-link-excerpt:hover {
color: #eee;
} .intro {
position: relative;
width: 100%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
background: transparent url(//www.mrbones-bonn.de/wp-content/themes/noisa/images/bg.png) left top no-repeat;
}
.intro-resize {
visibility: hidden;
height: 1080px;
}
.intro.quick-scroll {
z-index:20;
}
.intro.intro-disabled {
min-height: 150px;
background: transparent;
}
.intro-page-title {
background-size: cover;
}
.intro-inner {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
z-index: 1;
min-height: inherit;
}
.intro.intro-image-zoom {
position: absolute;
left: 0;
top: 0;
z-index: 0;
} .intro .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: transparent;
background-position: left top;
background-repeat: repeat;
z-index: 2;
display: block;
background-color: transparent;
opacity: 0.5;
}
.intro.anim-css .overlay {
opacity: 0;
} .intro .overlay.noise {
background: transparent url(//www.mrbones-bonn.de/wp-content/themes/noisa/images/overlay-noise.gif) left top repeat;
opacity: 0.04;
} .intro .overlay.grid {
background: transparent url(//www.mrbones-bonn.de/wp-content/themes/noisa/images/overlay-grid.png) left top repeat;
opacity: 0.8;
} .intro .overlay.dots {
background: transparent url(//www.mrbones-bonn.de/wp-content/themes/noisa/images/overlay-dots.png) left top repeat;
opacity: 1;
} .video-loader {
position: absolute;
display: block;
z-index: 3;
opacity: 0.8;
top:50%;
left:50%;
margin-left: -20px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
} .parallax {
background-attachment: fixed;
background-position: 50% 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
} .parallax.stretch {
background-size: cover;
} .intro-slider {
padding: 0;
margin-bottom: 0;
overflow: hidden;
position: relative;
}
.content-slider.intro-slider {
margin-bottom:0;
}
.resize-image, .intro-image, .intro-youtube {
position: relative;
} .intro-image, .intro-youtube {
min-height: 600px;
}
.image-video {
z-index: 10;
}
.intro-youtube .image-video {
background-size:cover;
}
.image-video.loaded {
background: transparent !important;
}
.image-video .video-loader {
display: none;
}
.image-video.desktop-video .video-loader {
display: block;
}
.image-video.desktop-video.loaded .video-loader {
display: none;
}
.ytplayer-container {
position: absolute;
top: 0;
z-index: -1;
opacity: 0;
}
.image-video.desktop-video.loaded .ytplayer-container {
opacity: 1;
} .intro-page-title {
min-height: 500px;
} .intro-image .carousel-slider {
margin-bottom: 0;
}
.intro-image .carousel-slider, .intro-image .carousel-slider .slide {
min-height: 600px;
} .intro-image .image, .intro-slider .image, .intro-slider .image-video, .resize-image .image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
} .intro-captions, .intro-content {
position: absolute;
left: 0;
bottom:40px;
z-index: 6;
width: 100%;
text-align: left;
}
.intro.anim-css .intro-captions {
opacity: 0;
}
.intro-content {
left: 50%;
}
.intro-full-content .intro-content {
left:0;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.intro-captions .caption-title, .intro-page-title .content-title {
color: #fff;
margin-bottom: 0;
width: 100%;
display: block;
margin-top: 0px;
font-size: 56px;:0.01em*/
line-height: 120%;
line-height: 110%;
}
.intro-captions .caption-subtitle, .intro-page-title .page-subtitle {
color: #fff;
font-size: 30px;
margin-bottom: 0px;
padding: 0px 0px;
display: block;
font-weight: 300;
letter-spacing: 0;
}
.intro-captions .caption-subtitle a {
color:#fff;
}
.intro-captions a,
.intro-captions .caption-button a {
margin: 30px 8px 0;
} .caption-divider-wrapper {
width:100%;
}
.caption-divider {
background: rgba(255,255,255,0.2);
width: 100%;
margin-top:15px;
margin-bottom:15px
} .intro-resize .intro-captions {
position: absolute;
left: 0px;
top: 50%;
z-index: 6;
width:100%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.intro-resize .intro-captions.left .caption-title,
.intro-resize .intro-captions.left .caption-subtitle,
.intro-resize .intro-captions.left .caption-divider-wrapper {
width:50%;
}
.intro-resize .intro-captions.center {
text-align:center;
}
.intro-resize .intro-captions.center .caption-divider-wrapper {
width:100px;
margin-left: auto;
margin-right: auto;
}
.intro-resize .intro-captions.center .caption-divider {
margin-left: auto;
margin-right: auto;
height: 2px;
background: rgba(255,255,255,0.5);
} .intro-page-title .intro-captions .caption-subtitle.meta-caption {
top: 0px;
font-size: 14px;
color: #fff;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.02em;
opacity: 0.9;
font-weight: 400;
}
.intro-page-title .intro-captions {
position:relative;
top:0;
padding-top: 320px;
padding-bottom: 40px;
} .scroll-anim-button {
position: absolute;
bottom: 50px;
left: 50%;
margin-left: -33px;
z-index: 3;
opacity: 0.6;
transition: opacity .4s;
}
.scroll-anim-button:hover {
opacity: 1 !important;
}
.scroll-anim-button > .scroll {
color: #FFF;
display: block;
font-size: 42px;
width: 16px;
height: 30px;
border: 2px solid #FFF;
position: relative;
margin: 0 auto 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-animation: scroll_anim 5s infinite 6s ease-in;
-moz-animation: scroll_anim 5s infinite 6s ease-in;
animation: scroll_anim 5s infinite 6s ease-in;
}
.scroll-anim-button > .scroll:before {
content: '';
display: block;
position: absolute;
top: 8px;
width: 2px;
height: 4px;
background: #fff;
left: 50%;
margin-left: -1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.scroll-anim-button > .scroll-text {
font-size: 12px;
text-align: center;
float: left;
color: #fff;
font-style: italic;
letter-spacing: 1px;
}
@-webkit-keyframes scroll_anim {
0%, 100%, 16%, 28% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
22%,
8% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
}
@keyframes scroll_anim {
0%, 100%, 16%, 28% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
22%,
8% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
} .intro-map {
background-color: #1B1C1F;
height: 600px;
position: relative;
width: 100%;
} .intro-custom-content {
padding: 180px 0;
background-color: #B6B9BD;
}
.tag-intro {
padding: 150px 0;
background: #B6B9BD;
}
.tag-intro .sub-heading, .intro-page-title .sub-heading {
top: 0;
} .intro-tabs-wrap {
width:100%;
background-color: rgba(33, 33, 37, 0.8);
z-index:2;
position:relative;
}
.intro-tabs-wrap a {
display:inline-block;
padding: 12px 0;
margin:0 15px;
color:rgba(255,255,255,0.8);
font-size: 16px;
font-weight: 600;
border-bottom:3px solid transparent;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.intro-tabs-wrap a:hover, .intro-tabs-wrap.intro-tabs-before-init a:first-child, .intro-tabs-wrap a.active {
border-bottom:3px solid #E82561;
color:#fff;
}  .intro-page-title.intro-artist-profile {
min-height: 200px;
}
.intro-artist-profile .intro-captions {
padding-top: 320px;
padding-bottom: 60px;
}
.intro-artist-profile .profile-image {
display:inline-block;
border-radius:100%;
overflow:hidden;
width:200px;
height:200px;
position:absolute;
left:0;
top:-30px;
}
.intro-artist-profile .profile-content {
padding-left:220px;
}
.profile-content .circle-btn {
border:1px solid rgba(255,255,255,0.4)
}
.profile-content .circle-btn span {
color: rgba(255,255,255,0.6)
}
.profile-content .btn, .profile-content .btn.stamp-btn {
border-width: 1px;
border-color: rgba(255,255,255,0.5);
padding:10px 20px;
font-size:14px;
}
.profile-content .btn.btn-icon .icon {
padding: 12px;
}
.profile-content .btn.btn-icon:hover .icon {
color:#222;
} .event-start-date {
font-size:28px;
display:inline-block;
vertical-align:middle;
margin-bottom:0;
padding-right: 20px;
letter-spacing: 0;
} .countdown {
display:inline-block;
vertical-align:middle;
margin-top:15px
}
.countdown .days, .countdown .hours, .countdown .minutes, .countdown .seconds {
position: relative;
display: inline-block;
font-size: 70px;
font-weight: bold;
line-height:50%;
padding:0 4px;
}
.countdown .days, .dark-bg .countdown .days,
.countdown .days, .dark-bg .countdown .days {
color: rgba(255,255,255,0.5);
}
.countdown .hours, .dark-bg .countdown .hours {
color: rgba(255,255,255,0.6);
}
.countdown .minutes, .dark-bg .countdown .minutes {
color: rgba(255,255,255,0.7);
}
.countdown .seconds, .dark-bg .countdown .seconds{
color: rgba(255,255,255,9);
}
.countdown .days:after,
.countdown .hours:after,
.countdown .minutes:after,
.countdown .seconds:after,
.dark-bg .countdown .days:after,
.dark-bg .countdown .hours:after,
.dark-bg .countdown .minutes:after,
.dark-bg .countdown .seconds:after {
content: attr(data-label);
font-size: 14px;
position: relative;
text-transform: uppercase;
display: block;
font-weight: bold;
text-align:center;
color: rgba(255,255,255,0.4);
text-align: center;
margin-top:4px;
} .dark-bg .event-countdown.compact,
.event-countdown.compact {
border: 1px solid rgba(255,255,255,0.1);
border-radius:5px;
padding:20px;
margin-bottom: 20px;
}
.event-countdown.compact .upcoming-title {
font-size: 24px;
margin-bottom:0;
text-transform: uppercase;
}
.dark-bg .event-countdown.compact .upcoming-title {
color:#fff
}
.event-countdown.compact .upcoming-locations {
font-size: 18px;
margin-bottom:0;
opacity: 0.6;
font-weight: 300;
}
.dark-bg .event-countdown.compact .upcoming-locations {
color:#fff;
}
.dark-bg .event-countdown.compact .days {
color: rgba(255,255,255,0.5);
}
.dark-bg .event-countdown.compact .hours {
color: rgba(255,255,255,0.6);
}
.dark-bg .event-countdown.compact .minutes{
color: rgba(255,255,255,0.7);
}
.dark-bg .event-countdown.compact .seconds {
color: rgba(255,255,255,9);
}
.dark-bg .event-countdown.compact .days:after,
.dark-bg .event-countdown.compact .hours:after,
.dark-bg .event-countdown.compact .minutes:after,
.dark-bg .event-countdown.compact .seconds:after {
color: rgba(255,255,255,0.4);
} .event-countdown.big {
text-align:center;
}
.event-countdown.big .upcoming-title {
font-size:50px;
margin-bottom:0;
text-transform: uppercase;
}
.dark-bg .event-countdown.big .upcoming-title {
color:#fff;
}
.event-countdown.big .upcoming-locations {
margin-bottom:15px;
font-weight:400;
opacity:0.8;
font-size:22px;
}
.dark-bg .event-countdown.big .upcoming-locations {
color:#fff;
}
.event-countdown.big .countdown .days,
.event-countdown.big .countdown .hours,
.event-countdown.big .countdown .minutes,
.event-countdown.big .countdown .seconds {
font-size:140px;
margin: 0 10px;
}
.event-countdown.big .countdown .days:after,
.event-countdown.big .countdown .hours:after,
.event-countdown.big .countdown .minutes:after,
.event-countdown.big .countdown .seconds:after {
font-size:18px;
} .masonry.masonry-list .masonry-item.noisa_event_type-past-events a span {
opacity:0.6;
}
.masonry.masonry-list .masonry-item.noisa_event_type-past-events a:hover span {
opacity:1;
}
.masonry-list .event-li {
width: 100%;
display: table;
overflow: hidden;
position: relative;
}
.dark-bg .masonry-list .event-li {
background-color:transparent
}
.dark-bg .masonry-list .event-li.selected,
.dark-bg .masonry-list .event-li:hover,
.masonry-list .event-li.selected,
.masonry-list .event-li:hover {
background-color:#eee;
}
.dark-bg .masonry-list .event-li.selected .venue,
.dark-bg .masonry-list .event-li.selected .title h2,
.dark-bg .masonry-list .event-li:hover .venue,
.dark-bg .masonry-list .event-li:hover .title,
.masonry-list .event-li.selected .venue,
.masonry-list .event-li.selected .title h2,
.masonry-list .event-li:hover .venue,
.masonry-list .event-li:hover .title {
color:#222;
}
.masonry-list .event-li.selected .date,
.masonry-list .event-li:hover .date  {
background-color:#E82561;
}
.dark-bg .masonry-list .event-li .date,
.dark-bg .masonry-list .event-li .venue,
.dark-bg .masonry-list .event-li .title,
.masonry-list .event-li .date,
.masonry-list .event-li .venue,
.masonry-list .event-li .title {
display: table-cell;
padding: 20px;
color:#fff;
font-size: 16px;
vertical-align: middle;
text-align: left;
text-transform: uppercase;
}
.masonry-list .event-li .date {
width: 30%;
font-weight:600;
}
.masonry-list .event-li .venue {
width: 30%;
}
.masonry-list .event-li .title {
width: 40%;
font-weight:400;
}
.masonry-list .past-event-label {
display:block;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
opacity: 0.7;
}  .grid-media, .grid-media > .thumb {
margin-bottom: 0;
} .grid-content {
padding:18px;
background-color: #222225;
position:relative;
}
.grid-content:after {
content:"";
position:absolute;
left:0;
bottom:0;
right:0;
background-color: #E82561;
height:0;
z-index:0;
transition: height 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.grid-title, .grid-title a {
font-size: 16px;
color: rgb(255, 255, 255);
margin-bottom:2px;
z-index:1;
position:relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 400; text-transform: uppercase;
}
.grid-cats, .grid-cats a {
font-size: 14px;
color: rgba(255, 255, 255, 0.5);
z-index:1;
position:relative;
font-weight: 300;
text-transform:uppercase;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.grid-cats a:hover {
color:#E82561;
} .grid-share-buttons {
padding: 4px 15px;
background-color: #222225;
line-height:normal;
border-top: 1px solid #0B0B0C;
}
.grid-share-buttons a {
display:inline-block;
margin-right:6px;
color:#666;
line-height:normal;
font-size:14px;
vertical-align:middle;
}
.grid-share-buttons a:last-child {
margin-right:0;
}
.grid-share-buttons a .icon {
color:#666;
}
.grid-share-buttons a:hover .icon {
color:#E82561;
}
.grid-share-buttons .pin-button {
display: inline-block;
opacity:0.4;
filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); }
.grid-share-buttons .pin-button:hover {
opacity:1;
filter: none;
filter: grayscale(0); -webkit-filter: grayscale(0); } .releases-grid .masonry-item:nth-child(odd) .grid-content {
background-color: #1E1E21;
} .gallery-shortcode-grid,
.gallery-shortcode-images-grid {
margin-bottom: 30px;
}
.gallery-shortcode-grid .grid-title, .gallery-grid .grid-title a,
.gallery-shortcode-grid .grid-title, .gallery-grid .grid-title a {
font-weight: 400;
font-size: 16px;
line-height: normal;
}
.gallery-grid .grid-date,
.gallery-shortcode-grid .grid-date {
font-size: 15px;
color: rgba(255, 255, 255, 0.9);
position: relative;
z-index: 1;
line-height: normal;
}
.desc-layer .images-count {
position:absolute;
right:15px;
top:15px;
border-radius:100%;
width:40px;
height:40px;
text-align:center;
line-height:35px;
color:#fff;
font-size:15px;
font-weight:400;
border: 2px solid #fff;
} .gallery-album-image {
padding: 0.04em;
}
.gallery-album-image .thumb {
margin-bottom: 0;
}
.mfp-title {
font-size:14px;
margin-top:3px;
}
.mfp-title .pin-it {
display:inline-block;
vertical-align:middle;
margin-right:10px;
} .masonry-item:hover > .grid-content:after {
height:100%;
}
.masonry-item .grid-title, .masonry-item .grid-title a, .masonry-item .grid-cats, .masonry-item .grid-cats a, .masonry-item .grid-date {
transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.masonry-item:hover .grid-title,
.masonry-item:hover .grid-title a{
color: #fff;
}
.masonry-item:hover .grid-cats,
.masonry-item:hover .grid-cats a {
color: rgba(255,255,255,0.7);
} .dark-bg .thumb-desc ,
.thumb-desc {
background-color: #000;
}
.thumb-desc > .desc-layer {
position:absolute;
left:0;
bottom:0;
right:0;
top:0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 36%, rgba(0,0,0,0.80) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,0.80) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,0.80) 100%); z-index:4;
overflow: hidden;
opacity: 0;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.thumb-desc.thumb-post-count > .desc-layer {
opacity:1;
}
.thumb-desc .desc-details {
position:absolute;
left:15px;
right: 15px;
bottom:15px;
}
.thumb-desc > img {
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.thumb-desc:hover > img {
opacity: 0.6;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.thumb-desc:hover > .desc-layer {
opacity: 1;
}
.thumb-desc .grid-title, .thumb-desc .grid-cats, .thumb-desc .grid-date  {
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
opacity: 0;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.thumb-desc .images-count {
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: scale(0.3);
transform: scale(0.3);
opacity: 0;
}
.thumb-desc:hover .images-count {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.thumb-desc:hover .grid-title, .thumb-desc:hover .grid-cats, .thumb-desc:hover .grid-date {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.thumb-desc:hover .grid-title {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.thumb-desc:hover .grid-cats, .thumb-desc:hover .grid-date {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
} .thumb-event {
background-color: #1B1C1F;
}
.inverted .thumb-event.past-event > img {
opacity:0.5;
}
.thumb-event > .desc-layer {
position:absolute;
left:0;
bottom:0;
right:0;
top:0;
z-index:4;
overflow: hidden;
}
.thumb-event > img {
opacity: 0.05;
}
.thumb-event .desc-details {
position:absolute;
left:15px;
right:15px;
top:15px;
color:#fff;
}
.thumb-event .event-meta-top {
margin-bottom: 10%;
}
.thumb-event .event-day {
color: #E82561;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
}
.thumb-event .event-day:after {
content: " / ";
color:#fff;
}
.thumb-event .event-locations {
font-size: 14px;
}
.thumb-event .event-meta-bottom {
}
.thumb-event .event-date {
font-weight: 700;
font-size:48px;
}
.thumb-event .event-artists {
font-size: 15px;
opacity:0.8;
display: block;
}
.thumb-event .grid-title {
line-height:normal;
margin-bottom:0;
text-transform: uppercase;
}
.thumb-event:hover > img {
opacity: 1;
filter:none;
filter: none;
-webkit-filter: none;
}
.thumb-event .event-meta-top,
.thumb-event .event-meta-bottom,
.thumb-event > img  {
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.thumb-event:hover .event-meta-top,
.thumb-event:hover .event-meta-bottom  {
opacity: 0;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.thumb-event .pill-btn {
display: block;
float: left;
clear: both;
margin-top: 10px;
}
.inverted .thumb-event > img {
opacity: 1;
}
.inverted .thumb-event:hover > img {
opacity: 0.05;
}
.inverted .thumb-event .event-meta-top,
.inverted .thumb-event .event-meta-bottom {
opacity: 0;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.inverted .thumb-event:hover .event-meta-top,
.inverted .thumb-event:hover .event-meta-bottom {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} .thumb-post-count {}
.thumb-post-count > img {
opacity: 0.2
}
.thumb-post-count .desc-plus {
position:absolute;
left:50%;
right:0;
top:50%;
bottom:0;
z-index:1;
opacity: 0.5;
}
.thumb-post-count .desc-plus:before {
content: "";
width:60px;
height:2px;
background-color:#fff;
z-index:2;
position:absolute;
top:0;
left:-30px;
}
.thumb-post-count .desc-plus:after {
content: "";
height:60px;
width:2px;
background-color:#fff;
z-index:2;
position:absolute;
top:-30px;
left:0;
}
.thumb-post-count .desc-count {
position:absolute;
right:10px;
bottom:10px;
font-size:3em;
color:#fff;
font-weight:600;
opacity:0.5;
line-height:normal;
}
.thumb-post-count:hover .desc-count,
.thumb-post-count:hover .desc-plus {
opacity:1;
} .filters-wrapper {
text-align: left;
margin-bottom: 40px;
margin-top: 20px;
}
.filter-content.no-filters .filters-wrapper {
display:none;
}
.filters-wrapper.filter-1 .filter {
width: 100%;
}
.filters-wrapper.filter-2 .filter {
width: 50%;
}
.filters-wrapper.filter-3 .filter {
width: 33.33%;
}
.filters-wrapper.filter-4 .filter {
width: 25%;
}
.filter {
position: relative;
height: 50px;
float: left;
z-index: 5;
padding-right: 20px;
}
.filter.is-visible {
z-index:100;
}
.filter-dropdown {
position: absolute;
left: 0;
top: 0;
color: #fff;
width: 100%;
z-index: 10;
}
.filter-collpase-btn {
padding: 0 0 0 0px;
height: 50px;
cursor: pointer;
overflow: hidden;
margin-left: 0px;
border: 1px solid rgba(255, 255, 255, 0.26);
border-right-width:0;
}
.filters-wrapper .filter:last-child .filter-collpase-btn {
border-right-width:1px;
}
.filters-wrapper .filter:first-child .filter-collpase-btn {
margin-left:0;
}
.filters-wrapper .filter:last-child .filter-collpase-btn {
border-right-width:1px;
}
.filter-title, .filter-title-anim {
display: block;
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transform: translate(0, -100%);
line-height: 50px;
font-size: 16px;
margin-bottom: 0;
font-weight: 600;
color: #fff;
letter-spacing: 0.02em;
text-transform: uppercase;
padding-left: 28px;
}
.filter.is-visible .filter-title-anim {
transform: translate(0, 0);
}
.filter-btn-icon {
position: absolute;
font-family: "icomoon";
right: 15px;
font-size: 28px;
color: #fff;
top: 14px;
width: 20px;
height: 20px;
display: block;
line-height:20px;
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.filter-btn-icon:after {
content: "\f107";
}
.filter.is-visible .filter-btn-icon {
transform: rotate(180deg);
}
.filter.loading .filter-btn-icon {
top:5px;
right:5px;
width: 40px;
height: 40px;
background-color: #eee;
border-radius: 100%;
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
.filter.loading .filter-btn-icon:after {
display: none;
}
.filter-dropdown-content {
overflow: hidden;
height: auto;
max-height: 0px;
transition: max-height 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.filter.is-visible .filter-dropdown-content {
max-height: 1000px;
transition: max-height 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-color: #0B0B0C;
}
.filter-dropdown-content > ul {
margin-left: 0;
margin-bottom:0;
list-style: none;
}
.filter-dropdown-content > ul li {
background-color: #0B0B0C;
border: 1px solid rgba(255,255,255, 0.2);
border-top:none;
padding: 0 28px;
height: 50px;
margin:0;
cursor: pointer;
transition: background-color 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.filter-dropdown-content > ul li:hover {
background-color: #292A2D;
}
.filter-dropdown-content > ul li h3 {
font-size: 15px;
color: #fff;
line-height: 50px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
font-weight: 300;
margin-bottom: 0;
letter-spacing: 0.02em;
text-transform: uppercase;
} .carousel-releases-slider {
margin-bottom:20px;
}
.carousel-releases-slider.medium-gap .grid-media {
padding: 15px;
} .ajax-messages .message {
padding: 50px;
border:1px solid #333;
border-radius:10px;
display: none;
}
.ajax-messages .message-title {
display: block;
font-size: 60px;
font-weight:700;
line-height:130%;
}
.ajax-messages .message-body {
font-size: 22px;
display: block;
opacity:0.8;
} #content {
padding: 80px 0;
clear: both;
width: 100%;
position: relative;
z-index: 2;
}
#content.vc {
padding: 0;
}
#content.vc > .container {
width: 100%;
padding: 0
}
#content.filter-content.has-filters {
padding: 0 0 80px 0;
} .error404 #footer-container, .error404 #header, .error404 #scamp_player {
display:none;
}
.error-page {
padding-bottom: 50px
}
#search-404 {
margin-top: 20px;
}
#search-404 #s {
width: 100%;
padding: 16px 40px 16px 40px;
font-size: 24px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
#search-404 #s::-webkit-input-placeholder {
color: #999;
}
#search-404 #s:-moz-placeholder {
color: #999;
}
#search-404 #s:-ms-input-placeholder {
color: #999;
}
#search-404  #s:focus {
border-color: #666;
}
.big-404 {
font-size: 450px;
text-align: center;
display: inline-block;
padding: 0 0;
font-weight: bold;
line-height: 100%;
color: #36363A;
text-shadow:
3px 3px 0 #666,
-1px -1px 0 #666,
1px -1px 0 #666,
-1px  1px 0 #666,
1px  1px 0 #666;
}
.title-404 {
margin-bottom: 10px
}  #gmap {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #eee;
height: 600px;
position: relative;
width: 100%;
} .section {
padding: 0px 0 80px
}
.section.no-padding {
padding: 0;
}
.padding {
padding: 80px 0;
}
.section:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.last-section {
padding-bottom: 120px;
} .section-header {
text-align: center;
width: 100%;
padding: 0 4%;
margin-bottom: 0px;
}
.section-title {
font-size: 42px;
margin-bottom: 15px;
text-transform: uppercase;
font-weight: 500;
line-height: 120%;
}
.dark-bg .section-title {
color:#fff;
}
.section-title:after {
content: "";
display: block;
width: 80px;
height: 3px;
background-color: #E82561;
margin: 15px auto 20px auto;
}
.section-sub-title {
font-size: 22px;
font-weight: 300;
margin-bottom: 0px;
color: #666;
letter-spacing: 0;
padding-left:8%;
padding-right:8%;
}
.section-header-text {
padding-top:10px;
font-weight: 300;
font-size: 16px;
padding-left:8%;
padding-right:8%;
}
.dark-bg .section-sub-title {
color: #fff;
opacity:0.7;
}
.thin .section-sub-title, .thin .section-header-text {
padding-left: 0;
padding-right: 0;
} .cover-bg {
background-size: cover;
background-position: center center;
position: relative;
-webkit-backface-visibility: hidden;
background-color: #222;
} #site.vc-custom-section {
margin-left: 0;
margin-right: 0;
position: relative;
}
#site .vc-custom-section.vc_row {
margin: 0;
}
#site .vc-custom-fw-section .vc_column_container {
padding: 0;
}
.vc-custom-section .container {
z-index: 2;
}
.vc-parallax {
background-attachment: fixed;
} .vc_row.vc_custom_overlay > .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
opacity: 0.8; }
#site .vc_row-no-padding.vc_custom_overlay > .overlay,
#site .vc_custom_overlay.vc_parallax > .overlay {
position: absolute;
z-index: 1;
}
#site .vc_custom_overlay.vc_row-no-padding > .overlay { z-index:0 }
#site .vc_custom_overlay > .overlay { z-index:0 }
.vc_custom_overlay {
position: relative;
} .page-template-fullscreen #footer-container {
display: none;
} .comments-section {
background-color: #27272B;
padding: 80px 0 80px 0;
position: relative;
border-top: 1px solid #3C3939;
} .comment-message {
font-size: 18px;
color: #ddd;
padding: 20px;
border: 1px solid rgba(255, 255, 255, 0.1); border-radius:5px;
}
.comments-title {
margin-bottom: 40px;
font-size: 18px;
font-weight: normal; color: #ddd;
}
.comments-title:before {
font-family:"icomoon";
content: "\f0e5";
margin-right:10px
}
.comments-title span {
}
.comments-list {
border-top: 1px solid rgba(255,255,255,0.1);
margin: 30px 0 60px;
padding: 0 0 30px;
overflow: hidden;
}
.comment {
border-top: 1px solid rgba(255,255,255,0.1);
list-style: none;
margin: 30px 0 0;
padding: 35px 0 20px;
}
.comment:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.comment:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.logged-in-as {
position: relative;
top: 0px;
margin-bottom: 20px;
font-size: 14px;
}
.logged-in-as a {
color: #999;
font-size:13px;
letter-spacing:0.02em;
}
.logged-in-as a:hover {
color: #E82561
}
.comment-field {
padding-bottom: 10px;
overflow: hidden;
clear: both;
}
.comment > article {
margin: 0; position: relative;
}
.comment .avatar-wrap {
background: #eee;
float: left;
position: absolute;
z-index: 1;
left: 0;
top: 0;
border-radius: 100%;
overflow: hidden;
}
.comment .avatar-wrap img {
margin: 0;
width: 70px;
height: 70px;
float: left;
}
.comment .comment-body, .comment .comment-meta {
margin: 0 0 0px 85px;
color: #ddd;
font-size: 15px;
line-height: 1.7em;
margin-bottom: 30px;
}
.comment .comment-meta {
margin-bottom: 0;
}
.comment .author, .comment .author a {
color: #eee;
margin: 0;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.comment .author a:hover {
color: #f4624a;
}
.comment .date {
color: #aaa;
font-size: 13px;
margin: 0 0 10px;
}
.comment .reply {
position:absolute;
bottom: -35px;
right:0;
}
.comment .reply a {
font-size:12px;
color:#aaa;
text-transform:uppercase;
margin-right:2px;
padding:4px 7px;
border-radius:4px;
margin-right: 0px;
border:1px solid #aaa;
font-weight:400;
}
.comment .reply a:before {
font-family:"icomoon";
content: "\f122";
margin-right:5px;
}
.comment .reply a:hover {
background-color:#E82561;
color:#fff;
border-color:transparent;
}
.comment .children {
margin: 0;
padding: 30px 0 0;
position: relative;
}
.comment .children .comment {
border-top: 1px solid rgba(255,255,255,0.1);
margin: 30px 0 0;
padding: 35px 0 0 125px;
position: relative;
}
.comment .children .comment.depth-4, .comment .children .comment.depth-5, .comment .children .comment.depth-6, .comment .children .comment.depth-7, .comment .children .comment.depth-8, .comment .children .comment.depth-9, .comment .children .comment.depth-10 {
padding-left: 0;
}
.comment .children .comment:first-child {
margin-top: 0;
}
.comment .children .comment-body, .comment .children .comment-meta {
} .comment-list .pingback, .comment-list .trackback {
list-style: none;
margin-left: 0;
padding-top: 30px;
padding-left: 0;
border-top: 1px dotted #e6e6e6;
}
.comment-list .pingback:first-child, .comment-list .trackback:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.comment-list .pingback .author, .comment-list .trackback .author, .comment-list .pingback .author a, .comment-list .trackback .author a, .comment-list .pingback .author a:hover, .comment-list .trackback .author a:hover {
font-size: 18px;
color: #222;
margin-bottom: 12px;
font-weight: 600;
}
.comment-list .pingback .date, .comment-list .trackback .date {
color: #888;
font-size: 13px;
margin: 0 0 5px;
position: relative;
top: -5px;
} #respond {
margin-top: 80px;
}
#reply-title {
font-size: 32px;
margin-bottom: 10px; }
#reply-title small {
font-size: 24px;
font-weight: normal;
}
.form-allowed-tags {
font-size: 12px;
color: #888;
display: none;
}
.form-allowed-tags span {
font-size: 12px;
color: #aaa;
display: block
}
.form-submit {
overflow:hidden;
clear: both;
padding-top: 20px;
}
.comment-form-cookies-consent {
margin-top:20px;
display:block;
}
.comment-form-cookies-consent label {
display:inline-block;
margin-left:10px;
}
#wp-comment-cookies-consent {
display:inline-block;
}  #footer-container {
overflow:hidden;
} #footer-widgets { clear: both;
z-index: 2;
position: relative;
background: #242427; background: -moz-linear-gradient(left,  #242427 0%, #242427 50%, #3e3e42 50%, #3e3e42 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#242427), color-stop(50%,#242427), color-stop(50%,#3e3e42), color-stop(100%,#3e3e42)); background: -webkit-linear-gradient(left,  #242427 0%,#242427 50%,#3e3e42 50%,#3e3e42 100%); background: -o-linear-gradient(left,  #242427 0%,#242427 50%,#3e3e42 50%,#3e3e42 100%); background: -ms-linear-gradient(left,  #242427 0%,#242427 50%,#3e3e42 50%,#3e3e42 100%); background: linear-gradient(to right,  #242427 0%,#242427 50%,#3e3e42 50%,#3e3e42 100%); }
#footer-widgets > .container {
display:flex;
}
#footer-widgets .footer-col {
padding: 70px 6%;
color: #eee;
min-width:33.333%
}
#footer-widgets .footer-col .widget li a {
color:#fff;
}
#footer-widgets .footer-col:first-child {
min-width:20%;
}
#footer-widgets .footer-col.last {
min-width:40%;
}
#footer-widgets .footer-col.last .textwidget {
color:#fff;
}
#footer-widgets .footer-col-middle {
min-width:30%;
background: #2a2a2d;
}
#footer-widgets .footer-col .widget_nav_menu li a {
color:#fff;
font-style:italic;
font-size:15px;
font-weight:500;
}
#footer-widgets .footer-col .widget_nav_menu li a:hover {
text-decoration:underline
}
#footer-widgets .footer-col .widget_nav_menu li:before {
display:none
} #footer-social {
width: 100%;
position: relative;
z-index: 2;
border-top: 1px solid #444;
text-align: center;
}
#footer-social .container {
padding: 20px;
}
#footer-social .container p {
margin-bottom:0;
} #footer-note {
width: 100%;
position: relative;
z-index: 2;
padding-bottom: 120px;
padding-top: 60px;
background: #0B0B0C;
text-align: center;
margin-bottom: 0;
color: #777777;
font-size: 14px;
}
#footer-note a {
color: #ccc;
}
#footer-note a:hover {
color:#E82561
} #scroll-button {
font-family: "icomoon";
background: #FFF;
width: 40px;
height: 40px;
position: fixed;
right: -40px;
top: 120px;
z-index: 10;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
color: #222;
-webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
#scroll-button:hover {
background-color:#E82561;
color:#fff;
}
#scroll-button i {
margin-left: 0;
line-height:37px;
font-size: 25px;
font-style: normal;
vertical-align:top;
}
#scroll-button i:after {
content: "\f106";
}
#scroll-button.active {
right: 30px;
} .widget {
line-height: 1.7em;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin-bottom: -1px;
width: 100%;
word-wrap: break-word;
color: #ccc;
overflow: hidden;
padding-bottom: 50px;
font-size: 15px;
}
#slidebar .widget {
font-size: 14px;
line-height: 22px;
color: #999;
margin-bottom: 30px;
border: none;
padding: 0;
}
#slidebar .widget:last-child {
padding-bottom: 40px;
}
.widget li a {
color: #ccc;
}
.widget a {
color: #ddd;
}
.widget a:hover {
color: #E82561;
}
.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 {
margin: 24px 0 12px;
}
.widget h1 {
font-size: 24px;
}
.widget h2 {
font-size: 22px;
line-height: 1.2;
}
.widget h3 {
font-size: 20px;
}
.widget h4 {
font-size: 18px;
line-height: 1.5;
}
.widget h5 {
font-size: 16px;
}
.widget h6 {
font-size: 14px;
line-height: 2;
}
.widget address {
margin-bottom: 18px;
}
.widget abbr[title] {
border-color: rgba(255, 255, 255, 0.1);
}
.widget mark, .widget ins {
color: #000;
}
.widget pre, .widget fieldset {
border-color: rgba(255, 255, 255, 0.1);
}
.widget code, .widget kbd, .widget tt, .widget var, .widget samp, .widget pre {
font-size: 12px;
}
.widget blockquote {
color: rgba(255, 255, 255, 0.7);
font-size: 18px;
line-height: 1.5;
margin-bottom: 18px;
}
.widget blockquote cite {
color: #999;
font-size: 14px;
}
.widget dl, .widget dd {
margin-bottom: 18px;
}
.widget ul, .widget ol {
list-style: none;
margin: 0;
}
.widget li > ol, .widget li > ul {
margin-left: 10px;
}
.widget table, .widget th, .widget td {
border-color: rgba(255, 255, 255, 0.1);
padding: 0;
border: none;
}
.widget table {
margin-bottom: 18px;
}
.widget del {
color: rgba(255, 255, 255, 0.4);
}
.widget hr {
background-color: rgba(255, 255, 255, 0.1);
}
.widget p {
margin-bottom: 30px;
}
.widget p strong {
color:#fff;
}
.widget p:last-child {
margin-bottom:0;
}
.widget input, .widget textarea {
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.1);
color: #999;
font-size: 14px;
padding: 8px;
}
.widget input:focus, .widget textarea:focus {
border-color: rgba(255, 255, 255, 0.3);
}
.widget button, .widget .button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] {
background-color: #E82561;
border: 0;
font-size: 12px;
padding: 8px 15px;
}
.widget input[type="button"]:hover, .widget input[type="button"]:focus, .widget input[type="reset"]:hover, .widget input[type="reset"]:focus, .widget input[type="submit"]:hover, .widget input[type="submit"]:focus {
color: #222;
background-color: #fff;
}
.widget input[type="button"]:active, .widget input[type="reset"]:active, .widget input[type="submit"]:active {
color: #222;
background-color: #fff;
}
.widget .wp-caption {
color: rgba(255, 255, 255, 0.7);
margin-bottom: 18px;
}
.widget .widget-title {
font-size: 20px;
margin: 0 0 15px 0;
padding-bottom: 5px;
color: #fff;
font-weight: 800; }
.sidebar .widget .widget-title {
}
#footer-container .widget .widget-title {
font-size: 22px;
color: #FFF;
margin-bottom: 30px;
}
#footer .widget .widget-title {
margin-bottom: 20px;
}
.widget-title, .widget-title a {
color: #aaa;
}
.widget-title a:hover {
color: #E82561;
}
#slidebar .widget .widget-title {
font-size: 18px;
font-weight: 500;
color: #888;
} .widget_tag_cloud {
overflow: hidden
}
.widget_tag_cloud .tagcloud a {
padding: 6px 10px;
margin: 3px;
float: left;
line-height: normal;
color: #bbb;
border: 1px solid #555;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-weight: 600;
font-size: 13px !important;
text-transform: uppercase;
}
.widget_tag_cloud .tagcloud a:before {
content: "#";
}
.widget_tag_cloud .tagcloud a:hover {
text-decoration: none;
line-height: normal;
border: 1px solid transparent;
color: #fff;
background-color: #E82561;
} .widget table#wp-calendar {
background-color: transparent;
}
.widget table#wp-calendar a {
display: block;
background: #3D3E42;
color: #FFF;
line-height: 30px;
text-decoration: none;
font-weight: 700;
}
.widget table#wp-calendar a:hover {
background: #fff;
color: #333;
line-height: 30px;
text-decoration: none;
}
.widget table#wp-calendar {
width: 99%;
margin-left: 2px;
}
.widget table#wp-calendar tbody td {
text-align: center;
border: 1px solid #0B0B0C;
background-color: #1E1E21;
color: #999;
font-size: 13px;
line-height: 30px;
}
.widget table#wp-calendar caption {
font-size: 12px;
text-transform: uppercase;
width: 100%;
color: #ddd;
padding: 0;
margin-bottom: 5px;
font-weight: 700;
}
.widget table#wp-calendar th {
font-weight: normal;
color: #999;
background-color: #292A2D;
text-align: center;
padding: 2px;
border: none;
}
.widget table#wp-calendar #next a {
text-align: right;
color: #999;
line-height: 10px;
background: none;
}
.widget table#wp-calendar #prev a {
text-align: left;
color: #999;
line-height: 15px;
background: none;
}
.widget table#wp-calendar #next a:hover, .widget table#wp-calendar #prev a:hover {
color: #E82561;
} .widget li {
margin-left: 0;
}
.widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li {
padding: 6px 0;
color: #ccc;
line-height: 20px;
}
.widget_archive li:last-child, .widget_categories li:last-child, .widget_links li:last-child, .widget_meta li:last-child, .widget_nav_menu li:last-child, .widget_pages li:last-child, .widget_recent_comments li:last-child, .widget_recent_entries li:last-child {
border-bottom: none;
}
.widget_archive li:before, .widget_categories li:before, .widget_links li:before, .widget_meta li:before, .widget_nav_menu li:before, .widget_pages li:before, .widget_recent_comments li:before, .widget_recent_entries li:before {
font-family: "icomoon";
content: "\f105";
display: inline-block;
color: #666;
margin-right: 8px;
margin-left: 0px;
} .widget_recent_comments li .url {
padding-left:10px;
display:block;
}
.widget_recent_comments li:before {
content:"";
padding-left:24px;
}
.widget_recent_comments li {}
.widget_recent_comments li > a {
display: block !important;
position: relative;
margin-top: 5px !important;
padding: 15px !important;
border-radius: 4px;
background: rgba(238,238,238,0.06);
}
.widget_recent_comments li > a:before {
content: '';
display: block;
position: absolute;
top: -28px;
left: 10px;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0px 14px 14px;
border-color:transparent;
border-bottom-color:rgba(238,238,238,0.06);
} .widget_categories li:before {
} .widget_recent_entries li:before {
display:none;
}
.widget_recent_entries li {
border-bottom:1px solid rgba(255,255,255,0.1);
padding:10px 0;
}
.widget_recent_entries .post-date {
display: block;
margin-left:3px;
opacity:0.5;
font-size: 14px;
} .rsswidget img {
margin-top: -4px;
}
.widget_rss li a {
color: #fff;
}
.rssSummary {
margin: 9px 0;
color: #999;
}
.rss-date {
display: block;
font-size: 12px
}
.widget_rss li {
margin-bottom: 18px;
}
.widget_rss li:last-child {
margin-bottom: 0;
} .widget_text > div >:last-child {
margin-bottom: 0;
}  .tweets-widget {
list-style: none;
margin: 0;
}
.tweets-widget li {
margin: 0 0 30px 0;
padding-left: 40px;
position: relative;
}
.tweets-widget li:before {
font-family: "icomoon";
position: absolute;
left:0;
top:5px;
width: 30px;
height: 30px;
background-color: #eee;
content: "\e655";
color: #222;
display: block;
text-align: center;
line-height: 30px;
border-radius: 100%;
-webkit-transition: .4s all;
transition: .4s all;
}
.tweets-widget li:hover:before {
color: #fff;
background-color: #E82561;
}
.tweets-widget li a {
color:#888;
}
.tweets-widget li a:before {
font-family: "icomoon";
content: "\e64e";
display: inline-block;
color: #888;
margin-right: 4px;
font-size:14px;
margin-left: 0px;
}
.tweets-widget li a:hover:before {
color: #E82561;
}
.tweets-widget li .date a {
display: block;
margin-top: 0px;
color: #E82561;
border: none;
width: 100%;
font-weight: bold;
}
.tweets-widget li .date a:hover { color: #eee; }
.tweets-widget li .date a:before {
display:none
} .widget_noisa_recent_releases {
}
.widget_noisa_recent_releases .thumb {
margin: 4px
}
.widget_noisa_recent_releases .flex-col-1-2 {
width: 50%;
}
.widget_noisa_recent_releases .flex-col-1-3 {
width: 33.33%;
}
.widget_noisa_recent_releases .flex-col-1-4 {
width: 25%
}
.widget_noisa_recent_releases .flex-col-1-5 {
width: 20%
} .widget_noisa_recent_posts .rp-list li {
overflow: hidden;
margin-bottom: 11px;
border-bottom: 1px solid rgba(255,255,255,0.1);
padding-bottom: 5px;
}
.widget_noisa_recent_posts .rp-list li:last-child {
border:0;
margin-bottom: 0;
padding-bottom: 0;
}
.widget_noisa_recent_posts .rp-post-thumb {
float: left;
width:60px;
overflow:hidden;
}
.widget_noisa_recent_posts .rp-caption {
padding-left:70px;
}
.widget_noisa_recent_posts .rp-caption h4  {
margin-bottom:0px;
font-size: 15px;
margin-top: 0px;
}
.widget_noisa_recent_posts .rp-caption h4 a {
font-weight: 400;
}
.widget_noisa_recent_posts .rp-caption .rp-date {
text-transform:uppercase;
font-size: 13px;
color: #E82561;
} .widget_r_gallery .thumb {
margin-bottom:0;
position: relative;
}
.widget_r_gallery .masonry {
margin-bottom:0;
}
.widget_r_gallery .thumb-post-count .desc-count {
position:absolute;
font-size:2em;
padding-top: 16%;
}  .thumb {
display: block;
margin-bottom: 30px;
overflow: hidden;
position: relative;
z-index: 1;
}
.thumb img {
height: auto;
display: block;
max-width: 100%;
max-height: 100%;
margin: 0;
z-index: 1;
width: 100%;
vertical-align: middle;
} .thumb-simple {
background: #0B0B0C;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.thumb-simple img {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.thumb-simple:hover img {
opacity: 0.2;
} .thumb-anim {
overflow: hidden;
-webkit-transform: translate3d(50%, 0, 0);
-ms-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
opacity: 0;
}
.thumb-anim:after {
content: '';
z-index: 100;
position: absolute;
width: 100%;
left: 0;
top: 0;
top: -1%;
height: 102%;
display: block;
visibility: visible;
background: #0B0B0C;
-webkit-transform: translateX(30%);
-ms-transform: translateX(30%);
transform: translateX(30%)
}
.thumb-anim--appear {
-webkit-transition: opacity .3s linear, -webkit-transform cubic-bezier(0.075, .82, .165, 1) .9s;
transition: opacity .3s linear, -webkit-transform cubic-bezier(0.075, .82, .165, 1) .9s;
transition: opacity .3s linear, transform cubic-bezier(0.075, .82, .165, 1) .9s;
transition: opacity .3s linear, transform cubic-bezier(0.075, .82, .165, 1) .9s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) .9s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.thumb-anim--appear:after {
-webkit-transition: visibility linear 0s 1.4s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s;
transition: visibility linear 0s 1.4s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s;
transition: transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s, visibility linear 0s 1.4s;
transition: transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s, visibility linear 0s 1.4s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
visibility: hidden;
} .thumb .thumb-icon {
position: absolute;
width: 100%;
top: 50%;
left: 0%;
text-align: center;
z-index: 25;
-webkit-transform: scale(0.2);
transform: scale(0.2);
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
opacity: 0;
margin-top: -12px;
}
.thumb .thumb-icon .icon {
font-size: 24px;
line-height: normal;
padding: 4px 0;
color: #fff;
}
.thumb:hover .thumb-icon {
opacity:1;
-webkit-transform: scale(1);
transform: scale(1);
} .dark-bg .tip-content,
.tip-content {
min-width:100px;
min-height: 100px;
padding:20px;
margin-bottom:0px;
background: #000;
color:#fff;
position: absolute;
opacity: 1;
z-index: 999;
font-size:14px;
font-weight:400;
} .dark-bg .tip-content span,
.tip-content span {
display: block;
margin-bottom: 5px;
font-weight: 600;
font-size: 15px;
} .badge {
color: #fff;
white-space: nowrap;
overflow: hidden;
position: absolute;
text-align: center;
padding: 4px;
height: 26px;
width: 120px;
min-width: auto;
min-height: 26px;
max-height: 26px;
right: -31px;
top: 16px;
left: auto;
z-index: 10;
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
font-weight: bold;
letter-spacing: 2px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.badge.color { background-color: #E82561; color: #fff; }
.badge.black { background-color: #000; }
.badge.soundcloud { background-color: #E82561; } .border-thumb {} hr.separator {
background-color: #ddd;
width: 100%;
height: 1px;
margin-bottom: 80px;
} .divider {
margin: 20px auto 20px;
width: 40px;
height: 1px;
position: relative;
background-color: #333;
} .inline-dots {
margin: 0;
list-style: none;
}
.inline-dots li {
margin: 0;
display: inline-block;
}
.inline-dots li:after {
content: "\2022";
display: inline-block;
margin: 0 5px 0 5px;
}
.inline-dots li:last-child:after {
display: none;
} .icon-button {
border: 1px solid #fff;
color: #fff;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
font-weight: 400;
text-transform: uppercase;
height: 60px;
width: 60px;
text-align: center;
display: inline-block;
position: relative;
z-index: 1;
}
.icon-button i {
font-size: 16px;
color: #fff;
line-height: 60px;
z-index: 2;
position: relative;
}
.icon-button:after {
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
position: absolute;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
z-index: 0;
}
.icon-button:hover:after {
background-color: #fff;
}
.icon-button:hover i {
color: #111;
} .video-wrap {
margin: 0 0 30px;
} .error, .success, .info, .warning {
display: block; border: 1px solid;
padding: 14px 20px 14px 20px;
clear: both;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: 600;
}
.error {
background-color: #fdcaca;
color: #7f6060;
border-color: #ffc3c3;
}
.success {
background-color: #cafdce;
color: #637a65;
border-color: #9cfaa3;
}
.info {
background-color: #dee9fe;
color: #737b8b;
border-color: #cddfff;
}
.warning {
background-color: #fbe9de;
color: #877863;
border-color: #fbe0b9
}  input[type="submit"], button, .btn, .widget .btn {
font-family : "Source Sans Pro", Helvetica, Arial, sans-serif;
display: inline-block;
position: relative;
padding: 16px 22px;
background-color:#E82561;
font-size: 16px;
line-height: 1;
text-align: center;
text-decoration: none;
cursor: pointer;
border: none;
vertical-align: middle;
white-space: nowrap;
text-rendering: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 0.3em;
-webkit-tap-highlight-color: rgba(0,0,0,0);
font-weight: 800;
font-style: normal;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga" on;
-webkit-transition:all 0.2s ease-out;
transition: all 0.2s ease-out;
margin-right: 5px;
margin-bottom: 5px;
width: auto;
text-transform: uppercase;
color: #fff;
}
.text-center .btn {
margin-right:5px;
margin-left:5px;
}
input[type="submit"]:hover, button:hover, .btn:hover, .widget .btn:hover {
background-color:#eee;
color:#222;
}
input[type="submit"].inverted, button.inverted, .btn.inverted, .widget .btn.inverted {
background-color:#eee;
color:#222;
}
input[type="submit"].inverted:hover, button.inverted:hover, .btn.inverted:hover, .widget .btn.inverted:hover {
background-color:#eee;
color:#222;
}
.btn.btn-icon {
padding-left:0;
}
.btn.btn-icon .icon { color: #fff;
border-radius: 0.2em;
padding: 14px;
margin-right: 0;
}
.btn.btn-icon:hover .icon {
color:#222
}
.btn > i:first-child:not(:last-child) {
margin-right: 5px;
}
.btn > i:last-child:not(:first-child) {
margin-left: 5px;
}
.btn.btn-transparent {
background-color: transparent !important;
}
.btn.btn-small {
font-size: 14px;
}
.btn.btn-medium {
font-size: 16px;
}
.btn.btn-big {
font-size: 18px;
}
.btn.btn-circle {
padding: 0;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 999em;
min-width: initial;
}
.btn.stamp-btn { background-color:#eee;
font-size: 16px;
color:#222;
padding: 14px 24px;
letter-spacing: 0.02em;
border:2px solid #eee;
}
.btn.stamp-btn.btn-small {
font-size: 14px;
}
.btn:hover.stamp-btn {
background-color:transparent;
color:#fff;
}
.dark-bg .btn.stamp-btn {
background-color:#fff;
color:#222;
border:2px solid #fff;
}
.dark-bg .btn:hover.stamp-btn {
background-color:transparent;
color:#fff;
}
.btn.btn-icon.stamp-btn {
padding-left:0;
}
.dark-bg .btn.btn-icon.stamp-btn .icon,
.btn.btn-icon.stamp-btn .icon {
padding: 13px 10px 16px 14px;
color:#222;
}
.dark-bg .btn.btn-icon.stamp-btn:hover .icon,
.btn.btn-icon.stamp-btn:hover .icon {
color:#fff;
}
.btn.load-more {
position: relative;
padding-left: 60px;
margin-top:20px;
}
.btn.load-more:hover .icon-wrap { }
.btn.loaded.load-more:hover .icon-wrap {
transform:none;
}
.btn.load-more .icon-wrap {
position: absolute;
width: 48px;
height: 48px;
background-color: rgba(000,000,000,0.2);
color:#fff;
display: inline-block;
left: 0px;
top: 0;
border-radius: 0.2em;
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
text-align:center;
}
.btn.load-more .icon-wrap .icon {
line-height:48px;
}
.btn.load-more .icon-wrap .icon:after {
content:"\e644";
}
.btn.load-more.loaded .icon-wrap .icon:after {
content:"\e642";
}
.btn.load-more.loading .icon-wrap .icon {
position:absolute;
left:0;
top:0;
width: 48px;
height: 48px;
background-color: #eee;
border-radius: 100%;
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
.btn.load-more.loading .icon-wrap .icon:after {
display:none;
} .circle-btn {
display: inline-block;
margin: 0px 5px 5px 0;
color: rgba(255,255,255,0.1);
vertical-align: middle;
line-height: normal;
font-size: 12px;
line-height: 27px;
border-radius: 100%;
font-weight: 400;
text-transform:uppercase;
text-align: center;
width: 30px;
height: 30px;
border: 1px solid rgba(255,255,255,0.3);
}
.circle-btn span {
line-height: 16px;
font-size: 14px;
vertical-align: middle;
color: rgba(255,255,255,0.7);
}
.circle-btn:hover,
.circle-btn:hover span {
color: #fff;
border-color:transparent;
}
.circle-btn:hover {
background-color:#E82561;
} .pill-btn{
border-radius: 999em;
-webkit-tap-highlight-color: rgba(0,0,0,0);
font-weight: 400;
-webkit-transition:all 0.2s ease-out;
transition: all 0.2s ease-out;
color: #fff;
background-color: #E82561;
margin-right: 3px;
margin-bottom: 5px;
padding: 1px 10px;
text-transform:uppercase;
font-size:11px;
letter-spacing:0.02em;
margin-bottom:8px;
display:inline-block;
}
.pill-btn:hover {
background-color:#eee;
color:#222;
}
.pill-btn.medium {
font-size: 13px;
}
.button-position {
text-align: center;
} .carousel {
margin-bottom: 30px;
}
.carousel-fw-item {
width: auto;
margin: 1px;
} .carousel-slider img {
display: block;
width: 100%;
height: auto;
}
.carousel-slider .slide {
position: relative;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: translate3d(0, 0, 0);
}
.carousel-slider.owl-theme .owl-controls {
margin-top: 10px;
height: 40px;
} .grab a {
cursor:url(//www.mrbones-bonn.de/wp-content/themes/noisa/images/grab.cur) 8 8, move;
} .content-slider {
background-color: #0B0B0C;
overflow: hidden;
margin-bottom: 30px;
}
.content-slider.owl-theme .owl-controls .owl-buttons .nav-slider {
position:relative;
width:100%;
height:100%;
}
.content-slider .content-captions {
background-color: rgba(000, 000, 000, 0.3);
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 80%;
opacity: 1;
padding: 10px 12px;
position: absolute;
bottom: -100%;
left: 0;
text-align: left;
width: 100%;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
opacity:0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.content-slider:hover .content-captions {
opacity:1;
-webkit-transform: scale(1);
transform: scale(1);
bottom:0;
}
.content-slider .content-captions:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.content-slider .content-captions span {
display: block;
font-size: 15px;
}
.content-slider .content-captions .caption-title {
font-size: 17px;
font-weight: bold;
}
.content-slider .slide {
display: none;
}
.content-slider .slide:first-child {
display: block;
}
.content-slider.owl-theme .owl-controls .owl-buttons div {
position: absolute;
}
.content-slider.owl-theme .owl-controls .owl-buttons .owl-prev i, .content-slider.owl-theme .owl-controls .owl-buttons .owl-next i {
color: #fff;
font-size: 32px;
vertical-align: bottom;
text-align: center;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
margin: 0;
width: auto;
height: auto;
}
.content-slider.owl-theme .owl-controls {
margin-top: 0px;
}
.content-slider .owl-pagination {
bottom:10px;
} .owl-theme .owl-controls {
margin-top: 30px;
text-align: center;
} .owl-theme .owl-controls .owl-buttons div {
color: #fff;
display: inline-block;zoom:1;*
display: inline; }
.owl-theme .owl-controls .owl-buttons .owl-prev,
.owl-theme .owl-controls .owl-buttons .owl-next {
top: 50%;
text-align: center;
z-index: 3;
height: 40px;
width: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 4;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
left:-40px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.owl-theme .owl-controls .owl-buttons .owl-next {
right:-40px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.owl-theme:hover .owl-controls .owl-buttons .owl-prev {
left:0;
}
.owl-theme:hover .owl-controls .owl-buttons .owl-next {
right:0
}  .owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: Alpha(Opacity=100); opacity: 1;
text-decoration: none;
} .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-pagination {
z-index: 10;
position: absolute;
text-align: center;
top: auto;
width: 100%;
left: 0;
bottom: 0px;
}
.dark-bg .owl-theme .owl-controls .owl-page span, .owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
position: relative;
margin: 0 4px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
background-color: #fff;
display: inline-block;
opacity: 0.2;
border-radius:100%;
}
.owl-theme .owl-controls .owl-page.active span:after,
.owl-theme .owl-controls .owl-page span:hover:after,
.dark-bg .owl-theme .owl-controls .owl-page.active span:after,
.dark-bg .owl-theme .owl-controls .owl-page span:hover:after {
content: '';
width: 12px;
height: 12px;
background-color: #fff;
position:absolute;
left:0px;
top:0px;
border-radius:100%;
-webkit-animation: dot_scale 0.5s  ease-out;
animation: dot_scale 0.5s ease-out;
}
@-webkit-keyframes dot_scale {
0% { -webkit-transform: scale(1) }
100% {
-webkit-transform: scale(4.0);
opacity: 0;
}
}
@keyframes dot_scale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
} 100% {
-webkit-transform: scale(4.0);
transform: scale(4.0);
opacity: 0;
}
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.dark-bg .owl-theme .owl-controls .owl-page.active span,
.dark-bg .owl-theme .owl-controls.clickable .owl-page:hover span {
width: 12px;
height: 12px;
background-color: #fff;
opacity:1;
position:relative;
border-radius:100%
} .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
} .owl-item.loading {
min-height: 150px;
background: url(//www.mrbones-bonn.de/wp-content/themes/noisa/images/AjaxLoader.gif) no-repeat center center
} .owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}  .mfp-wrap {
z-index: 99999999;
}
.mfp-bg {
z-index: 9999999;
background: #000;
opacity: 0.9;
}
.mfp-iframe-scaler iframe {
box-shadow:none;
} .sp-time-elapsed,
#scamp_player.sp-show-list .sp-buttons-container a.sp-queue-button:before {
color: #E82561;
}
.sp-progress .sp-position,
#scamp_player.paused .sp-position,
.sp-progress .sp-position:after,
.sp-volume-position,
.sp-volume-position:after {
background-color:#E82561;
} .mc-split-form {
margin-bottom:15px;
font-size: 15px;
display:table;
max-width:400px;
margin-left:auto;
margin-right:auto;
}
.mc-btn-group {
display:table-cell;
width:1%;
vertical-align:middle;
}
.mc-split-form input[type="submit"] {
padding: 10px 10px;
font-size: 16px;
width: 20%;
min-width: 130px;
height: 50px;
white-space:nowrap;
overflow:hidden;
padding-left:10px;
text-align: center;
border-radius: 0;
}
#footer-container .mc-split-form input[type="submit"] {
min-width:100px;
padding:0 10px;
}
.mc-split-form input[type="email"] {
color:#eee;
background-color:transparent;
display:table-cell; border-top-right-radius: 0;
border-bottom-right-radius: 0;
height: 50px;
padding-left:20px;
background-color:rgba(255,255,255,0.2);
border:0;
width: 100%;
vertical-align:middle;
font-size:15px;
}
.mc-split-form input[type="email"]::-webkit-input-placeholder {
font-size:15px;
color:#fff
}
.mc-split-form input[type="email"]::-moz-input-placeholder {
font-size:15px;
color:#fff
} #ie-message {
background: #c00;
border-bottom: 1px solid #900;
display: block;
margin: 0 auto 20px auto;
width: 100%;
z-index: 2000;
}
#ie-message p {
text-align: center;
color: #fff;
font-size: 13px;
padding: 20px;
margin: 0 25%;
}
#ie-message a {
color: #fff;
font-weight: bold;
text-decoration: underline;
}  @media screen and (min-width: 1900px) {
.parallax {
background-attachment: scroll;
background-size:cover
}
} @media only screen and (max-width:1200px) {  .single-post .main.thin blockquote, .single-post .vc-container.thin blockquote {
margin-left:0;
margin-right:0;
} .main.thin .gallery, .vc-container.thin .gallery {
margin-left:0;
margin-right:0;
}   .container {
width: 960px;
} .vc-container {
width: 990px;
}
.vc-container.thin {
width: 800px;
} .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
margin-right: 20px;
}
.col-1-2 {
width: 460px;
}
.col-1-3 {
width: 300px;
}
.col-1-4 {
width: 220px;
}
.col-2-3 {
width: 620px;
}
.col-3-4 {
width: 700px;
}
.center-col {
margin: 0 auto;
width: 500px;
} .full-width .masonry {
margin-left: 0;
margin-right: 0;
}
.full-width .masonry-item-1-5 {
width: 20%
}
.full-width .masonry-item-1-4 {
width: 25%
}
.full-width .masonry-item-1-3 {
width: 33.33%
}
.full-width .masonry-item-1-2 {
width: 50%
} .main {
width: 640px;
}
.main.thin {
width: 800px;
}
.main.main-right {
margin-left: 50px;
}
.main.main-left {
margin-right: 50px;
}
.main.wide, .main.vc {
width: 100%;
} .sidebar {
width: 260px;
} #main-nav li.top-nav-el {
display: block
}
#nav {
display: none;
} .intro-resize .intro-captions.left .caption-title,
.intro-resize .intro-captions.left .caption-subtitle,
.intro-resize .intro-captions.left .caption-divider-wrapper {
width:100%;
} .single-post .article-media {
margin-left: 0px;
margin-right:0px;
} .carousel-slider .thumb h6 { font-size: 14px; }
} @media only screen and (max-width:979px) {  .single-post .main.thin blockquote, .single-post .vc-container.thin blockquote {
margin-left:0;
margin-right:0;
}
blockquote p, .vc-container.thin blockquote p {
padding: 20px
}
table td, table th {
padding: 8px;
}   .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
margin-right: 20px;
} .full-width .masonry {
margin-left: 0;
margin-right: 0;
} .blog-grid .masonry-item, .full-width .blog-grid .masonry-item {
width: 50%;
} .main {
width: 100%
}
.main.main-right {
margin-left: 0;
}
.main.main-left {
margin-right: 0;
} .sidebar {
width: 100%;
margin-top: 40px
} #site .padding-column > .vc_column-inner {
padding: 80px 50px !important;
} .admin-bar #header {
top: 32px;
position: absolute;
} #main-nav li.top-nav-el {
display: block
}
#nav {
display: none;
} #icon-nav {
float:right;
margin-left:0px;
margin-top:15px
} #social-nav {
margin-top:14px;
font-size:22px
} .article-title, .article-title a {
font-size: 28px;
}
.blog-minimal article .article-link .article-title {
font-size: 30px;
}  .parallax {
background-size: cover;
background-attachment: scroll;
background-position: top center !important;
} .intro-image.intro, .intro-youtube.intro, .intro-slider.carousel-slider, .intro-slider.carousel-slider .slide {
min-height: 500px !important;
}
.intro-page-title.intro {
min-height: 300px !important;
} .intro-captions .caption-title, .intro-page-title .content-title {
font-size: 48px;
}
.intro-captions .caption-subtitle, .intro-page-title .page-subtitle {
font-size: 22px;
}
.intro-page-title .intro-captions .caption-subtitle {
font-size: 16px;
}
.intro-page-title .intro-captions .caption-subtitle.meta-caption {
font-size: 14px;
} #site .vc-container .border-column:last-child .vc_column-inner {
border-bottom: 0 !important
} .vc-parallax {
background-size: cover;
background-attachment: scroll;
background-position: top center !important;
}  .stamp-button {
padding: 10px 30px
} .content-slider.owl-theme .owl-buttons,
.intro-slider.owl-theme .owl-buttons {
display: none;
}
.carousel-slider .thumb h6 { font-size: 14px; } #footer {
clear: both;
padding: 50px 0 50px 0;
}
#footer-widgets {
background: #1D1D21;
padding:50px 0 0px;
}
#footer-widgets > .container {
display:block;
width:100%;
padding:0;
}
#footer-widgets .footer-col  {
width: 100%;
padding: 40px 40px;
display: block;
}
#footer-widgets .footer-col.last { }
#footer-widgets .footer-col-middle {
background-color: #2C2C2F;
} #footer-container .mc-split-form input[type="submit"] {
min-width:140px;
padding:0 10px;
}
} @media only screen and (min-width:768px) and (max-width:979px) {  .container {
width: 748px;
} .vc-container, .vc-container.thin {
width: 778px;
} .col-1-2 {
width: 364px;
}
.col-1-3 {
width: 236px;
}
.col-2-3 {
width: 492px;
}
.col-1-4 {
width: 172px;
}
.col-3-4 {
width: 492px;
} .masonry-item, .full-width .masonry-item {
} .main {
width: 492px;
}
.main.thin {
width: 100%;
}
.main.main-right {
margin-left: 20px;
}
.main.main-left {
margin-right: 20px;
}
.main.wide, .main.vc {
width: 100%;
} .sidebar {
width: 236px;
}  .event-start-date {
font-size:20px
}
.countdown .days, .countdown .hours, .countdown .minutes, .countdown .seconds {
font-size: 40px;
margin-top:2px;
}
.countdown .days:after, .countdown .hours:after, .countdown .minutes:after, .countdown .seconds:after {
content: attr(data-label);
font-size: 12px;
} .event-countdown.compact .upcoming-title {
font-size:24px;
}
} @media only screen and (min-width:640px) and (max-width:781px) {  .container {
width: 620px;
} .vc-container, .vc-container.thin {
width: 650px;
} .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
margin-right: 0px;
width: 100%;
} .flex-col-1-2, .flex-col-1-4 {
width: 50%
} .masonry-item, .full-width .masonry-item {
width: 50%;
} .main {
width: 100%
}
.main.main-right {
margin-left: 0;
}
.main.main-left {
margin-right: 0;
} .sidebar {
width: 100%;
margin-top: 40px;
opacity:1;
} #header.show-bg {
min-height: 43px;
}
.admin-bar #header {
top: 32px;
}
} @media only screen and (max-width:767px) { body { line-height: 1.6;
}  .big-heading {
font-size: 32px;
}  .container {
width: 100%;
padding: 0 30px;
} .vc-container, .vc-container.thin {
width: 100%;
padding: 0 30px;
}
.vc-container > .vc_column_container > .vc_column-inner { padding: 0; }
body .vc_row {
margin-left:0 !important;
margin-right: 0 !important;
}
body .vc_column_container>.vc_column-inner {
padding-left: 0px;
padding-right: 0px;
} .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
margin-right: 0px;
width: 100%;
} .masonry-item, .full-width .masonry-item,
.blog-grid .masonry-item, .full-width .blog-grid .masonry-item {
width: 100%; } .flex-col-1-1, .flex-col-1-2, .flex-col-1-3, .flex-col-1-4, .flex-col-1-5 {
width: 100%
} .main {
width: 100%
}
.main.thin {
width: 100%;
} #slidebar {
width: 280px;
-webkit-transform: translateX(280px);
-moz-transform: translateX(280px);
transform: translateX(280px);
}
body.slidebar-visible #ajax-container, body.slidebar-visible #footer-container, body.slidebar-visible #header {
-webkit-transform: translateX(-280px);
-moz-transform: translateX(-280px);
transform: translateX(-280px);
} #header.show-bg {
min-height: 43px;
}
#logo img {
width: 80%;
}
.admin-bar #header {
top: 46px;
} .post-navigation .nav-label {
font-size: 16px;
}
.post-nav-preview {
display:none
} .article-title, .article-title a {
font-size: 24px;
} .meta-col:not(:first-child) {
padding-left: 16px;
} .intro.intro-disabled {
min-height: 56px;
} .intro-captions, .intro-content {
padding: 0px;
} .intro-page-title .intro-captions {
padding-top:200px
}
.intro-captions .caption-title, .intro-page-title .content-title {
font-size: 42px;
line-height: 120%;
}
.intro-captions .caption-subtitle, .intro-page-title .page-subtitle {
font-size: 24px;
}
.intro-page-title .intro-captions .caption-subtitle {
font-size: 16px;
}
.intro-page-title .intro-captions .caption-subtitle.meta-caption {
font-size: 13px;
}
.intro-captions .caption-button a {
font-size:14px;
margin:20px 4px 0;
} .intro-image .scroll-anim, .intro-youtube .scroll-anim, .intro-slider .scroll-anim, .intro-slider .scroll-anim {
display: none;
} #site .border-column .vc_empty_space {
height: 0 !important
} .intro-artist-profile .profile-image {
margin:0 auto;
position:relative;
left: 0;
top:0;
text-align:center;
width:100%;
height:auto;
}
.intro-artist-profile .profile-image img {
display:inline-block;
width:100px;
height:100px;
max-width:100px;
max-height:100px;
border-radius:100%;
}
.intro-artist-profile .caption-title {
text-align:center;
}
.intro-artist-profile .profile-content {
padding-left:0px;
}
.intro-artist-profile .intro-captions {
padding-bottom: 20px;
} .intro-tabs-wrap a {
margin:0 10px;
font-size:15px;
} .event-start-date {
font-size:20px
}
.countdown .days, .countdown .hours, .countdown .minutes, .countdown .seconds {
font-size: 40px;
margin-top:2px;
}
.countdown .days:after, .countdown .hours:after, .countdown .minutes:after, .countdown .seconds:after {
content: attr(data-label);
font-size: 12px;
} .event-countdown.compact .upcoming-title {
font-size:24px;
}
.event-countdown.big .upcoming-title {
font-size:36px;
margin-bottom:0;
}
.event-countdown.big .upcoming-locations {
margin-bottom:15px;
font-weight:400;
opacity:0.8;
font-size:22px;
}
.event-countdown.big .countdown .days,
.event-countdown.big .countdown .hours,
.event-countdown.big .countdown .minutes,
.event-countdown.big .countdown .seconds {
font-size:80px;
margin: 0px;
}
.event-countdown.big .countdown .days:after,
.event-countdown.big .countdown .hours:after,
.event-countdown.big .countdown .minutes:after,
.event-countdown.big .countdown .seconds:after {
font-size:18px;
} .masonry-list .event-li .title,
.masonry-list .event-li .venue {
width: 100%;
display:block;
}
.masonry-list .event-li .venue {
padding-bottom:0px;
}
.masonry-list .event-li .title {
padding-top:0
} .gallery-album-image {
width:50%;
} .big-404 {
font-size: 180px
} .filter.is-visible .filter-dropdown-content {
max-height: 1000px;
transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
overflow-y: scroll;
}
.filters-wrapper.filter-2 .filter,
.filters-wrapper.filter-3 .filter,
.filters-wrapper.filter-4 .filter {
width: 100%;
}
.filter-collpase-btn {
margin-left:0px;
}
.filters-wrapper.container {
padding:0;
}
.filters-wrapper .filter .filter-collpase-btn {
border-right-width:1px;
border-bottom-width:0;
}
.filters-wrapper .filter:last-child .filter-collpase-btn {
border-bottom-width:1px;
} .comments-title {
font-size: 18px
}
.comment .avatar-wrap {
position: relative;
}
.comment .children .comment {
padding-left: 0
}
.comment-body {
margin-left: 0;
margin-top: 30px;
}
.comment .comment-meta {
margin-left: 80px;
margin-top: 10px;
} #footer-widgets .footer-col  {
width: 100%;
padding: 40px 30px;
display: block;
} #footer-container .mc-split-form input[type="submit"] {
min-width:120px;
padding:0 10px;
}
} @media only screen and (max-width:480px) {  .flex-col-1-2, .flex-col-1-4 {
width: 50%
} .masonry-item, .full-width .masonry-item {
width: 100%;
} #social-nav {
display:none;
}
} .artists-grid-mod .masonry-item:after, .artists-grid-mod .masonry-item {
background: #0B0B0C;
}
@media only screen and (max-width:1020px) {
.masonry-item-1-3 {
width: 50%;
}
}
@media only screen and (max-width:810px) {
.masonry-item-1-3 {
width: 100%;
}
}
.artists-grid-mod .grid-emdia {
background: #0B0B0C;
}
.artists-grid-mod .thumb {
margin-bottom: 0;
} .artists-grid-mod .desc-details,
.artists-grid-mod .desc-layer-solid .bg,
.artists-grid-mod .desc-layer-solid {
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
} .artists-grid-mod .masonry-item:hover img {
transform: scale(1.05);
-webkit-filter: grayscale(1) brightness(70%) contrast(150%);
filter: grayscale(1) brightness(70%) contrast(150%);
} .artists-grid-mod .desc-layer-solid .bg {
background: #0B0B0C;
opacity: 0.6;
} .artists-grid-mod .desc-layer-solid {
z-index: 4;
overflow: hidden;
opacity: 0;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.artists-grid-mod .masonry-item:hover .desc-layer-solid  {
opacity: 1
} .artists-grid-mod .desc-details-table {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
display: table;
padding: 0 10px;
}
.artists-grid-mod .desc-table-cell {
display: table-cell;
vertical-align: middle;
text-align: center;
} .artists-grid-mod h2,
.artists-grid-mod h2 a {
color:#fff;
font-size:40px;
font-weight: 600;
text-transform: uppercase;
letter-spacing:0.03em;
} .artists-grid-mod .circle-btn {
border:0;
margin: 5px 8px;
}
.artists-grid-mod .circle-btn:hover {
background-color:transparent
}
.artists-grid-mod .circle-btn span {
font-size:28px;
color:#fff;
}
@media only screen and (max-width:810px) { .artists-grid-mod .desc-details,
.artists-grid-mod .desc-layer-solid .bg,
.artists-grid-mod .desc-layer-solid {
position:relative;
background: #0B0B0C;
opacity: 1;
}
.artists-grid-mod .thumb-desc {
background-color:#0B0B0C;
}
.artists-grid-mod .desc-details-table {
padding: 20px 10px;
}
}@font-face {
font-family: 'icomoon';
src:
url(//www.mrbones-bonn.de/wp-content/themes/noisa-child/icons/fonts/icomoon.ttf) format('truetype'),
url(//www.mrbones-bonn.de/wp-content/themes/noisa-child/icons/fonts/icomoon.woff) format('woff'),
url(//www.mrbones-bonn.de/wp-content/themes/noisa-child/icons/fonts/icomoon.svg#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
.icon { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; letter-spacing: 0;
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
font-feature-settings: "liga";
-webkit-font-variant-ligatures: discretionary-ligatures;
font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-pushpin:before {
content: "\e698";
}
.icon-home:before {
content: "\e600";
}
.icon-pencil:before {
content: "\e601";
}
.icon-pencil2:before {
content: "\e602";
}
.icon-droplet:before {
content: "\e603";
}
.icon-image:before {
content: "\e604";
}
.icon-image2:before {
content: "\e605";
}
.icon-images:before {
content: "\e606";
}
.icon-camera2:before {
content: "\e607";
}
.icon-music:before {
content: "\e608";
}
.icon-headphones:before {
content: "\e609";
}
.icon-play:before {
content: "\e60a";
}
.icon-film:before {
content: "\e60b";
}
.icon-bullhorn:before {
content: "\e60c";
}
.icon-connection:before {
content: "\e60d";
}
.icon-tag:before {
content: "\e60e";
}
.icon-cart:before {
content: "\e60f";
}
.icon-support:before {
content: "\e610";
}
.icon-phone2:before {
content: "\e611";
}
.icon-envelope:before {
content: "\e612";
}
.icon-location:before {
content: "\e613";
}
.icon-map:before {
content: "\e614";
}
.icon-clock:before {
content: "\e615";
}
.icon-calendar:before {
content: "\e616";
}
.icon-screen:before {
content: "\e617";
}
.icon-download:before {
content: "\e618";
}
.icon-upload:before {
content: "\e619";
}
.icon-bubbles:before {
content: "\e61a";
}
.icon-user:before {
content: "\e61b";
}
.icon-users:before {
content: "\e61c";
}
.icon-quotes-left:before {
content: "\e61d";
}
.icon-spinner:before {
content: "\e61e";
}
.icon-search:before {
content: "\e61f";
}
.icon-zoomin:before {
content: "\e620";
}
.icon-zoomout:before {
content: "\e621";
}
.icon-expand:before {
content: "\e622";
}
.icon-wrench:before {
content: "\e623";
}
.icon-equalizer:before {
content: "\e624";
}
.icon-cog:before {
content: "\e625";
}
.icon-cog2:before {
content: "\e626";
}
.icon-pie:before {
content: "\e627";
}
.icon-stats:before {
content: "\e628";
}
.icon-bars:before {
content: "\e629";
}
.icon-bars2:before {
content: "\e62a";
}
.icon-gift:before {
content: "\e62b";
}
.icon-rocket2:before {
content: "\e62c";
}
.icon-fire:before {
content: "\e62d";
}
.icon-lab:before {
content: "\e62e";
}
.icon-lightning:before {
content: "\e62f";
}
.icon-list:before {
content: "\e630";
}
.icon-numbered-list:before {
content: "\e631";
}
.icon-menu:before {
content: "\e632";
}
.icon-menu2:before {
content: "\e633";
}
.icon-cloud:before {
content: "\e634";
}
.icon-earth:before {
content: "\e635";
}
.icon-link:before {
content: "\e636";
}
.icon-eye:before {
content: "\e637";
}
.icon-eye-blocked:before {
content: "\e638";
}
.icon-bookmark:before {
content: "\e639";
}
.icon-star:before {
content: "\e63a";
}
.icon-star2:before {
content: "\e63b";
}
.icon-star3:before {
content: "\e63c";
}
.icon-heart:before {
content: "\e63d";
}
.icon-thumbs-up:before {
content: "\e63e";
}
.icon-thumbs-up2:before {
content: "\e63f";
}
.icon-cancel-circle:before {
content: "\e640";
}
.icon-close:before {
content: "\e641";
}
.icon-checkmark:before {
content: "\e642";
}
.icon-minus:before {
content: "\e643";
}
.icon-plus:before {
content: "\e644";
}
.icon-play2:before {
content: "\e645";
}
.icon-pause:before {
content: "\e646";
}
.icon-volume-high:before {
content: "\e647";
}
.icon-arrow-right:before {
content: "\e648";
}
.icon-arrow-left:before {
content: "\e649";
}
.icon-arrow-up:before {
content: "\e64a";
}
.icon-arrow-right2:before {
content: "\e64b";
}
.icon-arrow-down:before {
content: "\e64c";
}
.icon-arrow-left2:before {
content: "\e64d";
}
.icon-newtab:before {
content: "\e64e";
}
.icon-code:before {
content: "\e64f";
}
.icon-share:before {
content: "\e650";
}
.icon-mail:before {
content: "\e651";
}
.icon-googleplus:before {
content: "\e652";
}
.icon-google-drive:before {
content: "\e653";
}
.icon-facebook:before {
content: "\e654";
}
.icon-twitter:before {
content: "\e655";
}
.icon-feed:before {
content: "\e656";
}
.icon-youtube:before {
content: "\e657";
}
.icon-youtube2:before {
content: "\e658";
}
.icon-vimeo:before {
content: "\e659";
}
.icon-lanyrd:before {
content: "\e65a";
}
.icon-flickr:before {
content: "\e65b";
}
.icon-flickr2:before {
content: "\e65c";
}
.icon-picassa:before {
content: "\e65d";
}
.icon-dribbble:before {
content: "\e65e";
}
.icon-forrst:before {
content: "\e65f";
}
.icon-deviantart:before {
content: "\e660";
}
.icon-steam:before {
content: "\e661";
}
.icon-github:before {
content: "\e662";
}
.icon-github2:before {
content: "\e663";
}
.icon-wordpress:before {
content: "\e664";
}
.icon-joomla:before {
content: "\e665";
}
.icon-blogger:before {
content: "\e666";
}
.icon-tumblr:before {
content: "\e667";
}
.icon-yahoo:before {
content: "\e668";
}
.icon-tux:before {
content: "\e669";
}
.icon-apple:before {
content: "\e66a";
}
.icon-finder:before {
content: "\e66b";
}
.icon-android:before {
content: "\e66c";
}
.icon-windows:before {
content: "\e66d";
}
.icon-soundcloud:before {
content: "\e66e";
}
.icon-skype:before {
content: "\e66f";
}
.icon-reddit:before {
content: "\e670";
}
.icon-linkedin:before {
content: "\e671";
}
.icon-lastfm:before {
content: "\e672";
}
.icon-delicious:before {
content: "\e673";
}
.icon-stumbleupon:before {
content: "\e674";
}
.icon-stackoverflow:before {
content: "\e675";
}
.icon-pinterest:before {
content: "\e676";
}
.icon-xing:before {
content: "\e677";
}
.icon-flattr:before {
content: "\e678";
}
.icon-paypal:before {
content: "\e679";
}
.icon-yelp:before {
content: "\e67a";
}
.icon-html5:before {
content: "\e67b";
}
.icon-html52:before {
content: "\e67c";
}
.icon-css3:before {
content: "\e67d";
}
.icon-chrome:before {
content: "\e67e";
}
.icon-firefox:before {
content: "\e67f";
}
.icon-IE:before {
content: "\e680";
}
.icon-opera:before {
content: "\e681";
}
.icon-instagram:before {
content: "\e900";
}
.icon-spotify:before {
content: "\ea94";
}
.icon-lastfm2:before {
content: "\eacb";
}
.icon-amazon:before {
content: "\ea87";
}
.icon-previous2:before {
content: "\ea23";
}
.icon-next2:before {
content: "\ea24";
}
.icon-loop:before {
content: "\ea2d";
}
.icon-shuffle:before {
content: "\ea30";
}
.icon-line-angle-up:before {
content: "\e084";
}
.icon-line-dotted-arrow-up:before {
content: "\e06b";
}
.icon-line-arrow-up:before {
content: "\e06a";
}
.icon-line-dotted-arrow-right:before {
content: "\e069";
}
.icon-line-arrow-right:before {
content: "\e068";
}
.icon-line-dotted-arrow-left:before {
content: "\e067";
}
.icon-line-arrow-left:before {
content: "\e066";
}
.icon-line-dotted-arrow-down:before {
content: "\e065";
}
.icon-line-arrow-down:before {
content: "\e064";
}
.icon-line-loader:before {
content: "\e04f";
}
.icon-line-angle-right:before {
content: "\e04b";
}
.icon-line-angle-left:before {
content: "\e03f";
}
.icon-line-double-angle-down:before {
content: "\e01a";
}
.icon-line-angle-down:before {
content: "\e019";
}
.icon-number:before {
content: "\e682";
}
.icon-number2:before {
content: "\e683";
}
.icon-number3:before {
content: "\e684";
}
.icon-number4:before {
content: "\e685";
}
.icon-number5:before {
content: "\e686";
}
.icon-number6:before {
content: "\e687";
}
.icon-number7:before {
content: "\e688";
}
.icon-number8:before {
content: "\e689";
}
.icon-number9:before {
content: "\e68a";
}
.icon-number10:before {
content: "\e68b";
}
.icon-phone:before {
content: "\e68c";
}
.icon-tablet:before {
content: "\e68d";
}
.icon-window:before {
content: "\e68e";
}
.icon-monitor:before {
content: "\e68f";
}
.icon-ipod:before {
content: "\e690";
}
.icon-camera:before {
content: "\e691";
}
.icon-lamp:before {
content: "\e692";
}
.icon-diamond:before {
content: "\e693";
}
.icon-paperplane:before {
content: "\e694";
}
.icon-rocket:before {
content: "\e695";
}
.icon-globe:before {
content: "\e696";
}
.icon-ruler:before {
content: "\e697";
}
.icon-focus:before {
content: "\e01b";
}
.icon-chevron-left:before {
content: "\f053";
}
.icon-chevron-right:before {
content: "\f054";
}
.icon-chevron-up:before {
content: "\f077";
}
.icon-chevron-down:before {
content: "\f078";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
.icon-whatsapp:before {
content: "\f232";
}
.icon-close2:before {
content: "\f00d";
}
.icon-remove:before {
content: "\f00d";
}
.icon-times:before {
content: "\f00d";
}
.icon-bolt:before {
content: "\f0e7";
}
.icon-flash:before {
content: "\f0e7";
}
.icon-heart-o:before {
content: "\f08a";
}
.icon-edit:before {
content: "\f044";
}
.icon-pencil-square-o:before {
content: "\f044";
}
.icon-eye2:before {
content: "\f06e";
}
.icon-bookmark-o:before {
content: "\f097";
}
.icon-bullhorn2:before {
content: "\f0a1";
}
.icon-bell-o:before {
content: "\f0a2";
}
.icon-comment-o:before {
content: "\f0e5";
}
.icon-commenting-o:before {
content: "\f27b";
}
.icon-mail-reply-all:before {
content: "\f122";
}
.icon-reply-all:before {
content: "\f122";
}
.icon-chevron-circle-right:before {
content: "\f138";
}
.icon-chevron-circle-left:before {
content: "\f137";
}
.icon-chevron-circle-up:before {
content: "\f139";
}
.icon-chevron-circle-down:before {
content: "\f13a";
}
.icon-wikipedia-w:before {
content: "\f266";
}
.icon-stop-circle:before {
content: "\f28d";
}
.icon-stop-circle-o:before {
content: "\f28e";
}
.icon-shopping-basket:before {
content: "\f291";
}
.icon-Beatport:before {
content: "\41";
}
.icon-bandcamp:before {
content: "\e901";
}
.icon-mixcloud:before {
content: "\f289";
}
.icon-itunes-filled:before {
content: "\e902";
}
.icon-telegram:before {
content: "\e903";
}
.icon-vk:before {
content: "\e699";
}
.icon-vk-alternitive:before {
content: "\e69a";
}
.icon-expand2:before {
content: "\e110";
}
.icon-marquee-plus:before {
content: "\e083";
}
.icon-circle-plus:before {
content: "\e040";
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent !important;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
background-color:transparent !important;
margin:0
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
background-color:transparent !important;
}
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; 
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
background-color: transparent !important;
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; }
}
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
z-index: 1;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing { 
cursor:url(//www.mrbones-bonn.de/wp-content/themes/noisa-child/images/grabbing.png) 8 8, move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
} .owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
} .owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}  @-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr{content-visibility:auto}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2";content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc";content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{color:var(--head-sort-arrow-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif!important;font-size:14px;height:24px;line-height:12px;position:relative;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress tfoot>tr>* .dt-column-footer,.tablepress tfoot>tr>* .dt-column-header,.tablepress thead>tr>* .dt-column-footer,.tablepress thead>tr>* .dt-column-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title,.tablepress tfoot>tr>* .dt-column-header .dt-column-title,.tablepress thead>tr>* .dt-column-footer .dt-column-title,.tablepress thead>tr>* .dt-column-header .dt-column-title{flex-grow:1}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title:empty,.tablepress tfoot>tr>* .dt-column-header .dt-column-title:empty,.tablepress thead>tr>* .dt-column-footer .dt-column-title:empty,.tablepress thead>tr>* .dt-column-header .dt-column-title:empty{display:none}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.tablepress:where(.auto-type-alignment) .dt-right .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-right .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-header{flex-direction:row-reverse}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container table.tablepress{margin-bottom:0}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}