.scan-btn, .section-header-nav-item > a, .sorting, b, cite, optgroup, strong {
    font-weight: 700
}

cite, dfn {
    font-style: italic
}

.loader, .sbx-medium, body, sub, sup {
    position: relative
}

.statistics-table-content table, table {
    border-collapse: collapse;
    border-spacing: 0
}

pre, textarea {
    overflow: auto
}

.card-t-event, .catalog-list-item, .catalog-list-item-date, [data-load-content-prepend] {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical
}

.exclusives-nav ul, ul.dropdown li {
    list-style-type: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

h1 {
    font-size: 2em
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

.avatar, .btn span, .btn-t-winner span, .sbx-medium__input, .sbx-medium__submit, .sbx-medium__submit svg, .sbx-medium__submit::before {
    vertical-align: middle
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

.form-select::after, .icon, [class*=" icon-"], [class^=icon-], body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

.sbx-medium__submit:active, .sbx-medium__submit:hover, .scan-btn {
    cursor: pointer
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

.sbx-medium {
    display: inline-block;
    height: 37px;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 13px;
    margin-top: 7px
}

.sbx-medium__wrapper {
    width: 100%;
    height: 100%
}

.sbx-medium__input {
    display: inline-block;
    -webkit-transition: box-shadow .4s ease,background .4s ease;
    transition: box-shadow .4s ease,background .4s ease;
    border: 0;
    border-radius: 19px;
    box-shadow: inset 0 0 0 1px #D9D9D9;
    background: #FFF;
    padding: 0 30px 0 37px;
    width: 100%;
    height: 100%;
    white-space: normal;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    letter-spacing: 2px
}

.sbx-medium__reset, .sbx-medium__submit {
    position: absolute;
    padding: 0;
    font-size: inherit
}

.message, .sorting {
    letter-spacing: .04em;
    text-transform: uppercase
}

.sbx-medium__input::-webkit-search-cancel-button, .sbx-medium__input::-webkit-search-decoration, .sbx-medium__input::-webkit-search-results-button, .sbx-medium__input::-webkit-search-results-decoration {
    display: none
}

.sbx-medium__input:hover {
    box-shadow: inset 0 0 0 1px silver
}

.sbx-medium__input:active, .sbx-medium__input:focus {
    outline: 0;
    box-shadow: inset 0 0 0 1px #AAA;
    background: #FFF
}

.sbx-medium__input::-webkit-input-placeholder {
    color: #AAA
}

.sbx-medium__input::-moz-placeholder {
    color: #AAA
}

.sbx-medium__input:-ms-input-placeholder {
    color: #AAA
}

.sbx-medium__input::placeholder {
    color: #AAA
}

.sbx-medium__submit {
    right: inherit;
    left: 0;
    margin: 0;
    border: 0;
    border-radius: 18px 0 0 18px;
    background-color: rgba(255,255,255,0);
    width: 37px;
    height: 100%;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .sbx-medium__submit::before {
        display: inline-block;
        margin-right: -4px;
        height: 100%;
        content: ''
    }

    .sbx-medium__submit:focus {
        outline: 0
    }

    .sbx-medium__submit svg {
        width: 17px;
        height: 17px;
        fill: #666;
        display: inline
    }

.sbx-medium__reset {
    display: none;
    top: 8px;
    right: 8px;
    margin: 0;
    border: 0;
    background: 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    fill: rgba(0,0,0,.5)
}

    .sbx-medium__reset:focus {
        outline: 0
    }

    .sbx-medium__reset svg {
        display: block;
        margin: 4px;
        width: 13px;
        height: 13px
    }

.sbx-medium__input:valid ~ .sbx-medium__reset {
    display: block;
    -webkit-animation-name: sbx-reset-in;
    animation-name: sbx-reset-in;
    -webkit-animation-duration: .15s;
    animation-duration: .15s
}

@-webkit-keyframes sbx-reset-in {
    0% {
        -webkit-transform: translate3d(-20%,0,0);
        transform: translate3d(-20%,0,0);
        opacity: 0
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes sbx-reset-in {
    0% {
        -webkit-transform: translate3d(-20%,0,0);
        transform: translate3d(-20%,0,0);
        opacity: 0
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.sorting {
    padding: 20px 0 40px;
    border-bottom: 1px solid #151515;
    width: 100%;
    font-family: futura-pt-condensed,Futura,sans-serif;
    margin-bottom: 20px
}

legend, td, th {
    padding: 0
}

.loader {
    margin: 6em auto;
    font-size: 10px;
    text-indent: -9999em;
    border-top: 1.1em solid #000;
    border-right: 1.1em solid #fff;
    border-bottom: 1.1em solid #000;
    border-left: 1.1em solid #fff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear
}

.scan-btn, body {
    font-size: 16px
}

.loader, .loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0
}

textarea {
    width: 100%;
    min-height: 100px
}

.store-item-photo, .store-item-photo-thumb {
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(255,255,255,.2),0 2px 6px rgba(0,0,0,.2)
}

*, :after, :before {
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    margin: 0;
    padding: 0
}

html {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body[data-skin=Default] {
    background: #dedede;
    color: #222
}

body.modal-open {
    overflow: hidden
}

@media only screen and (max-width:640px) {
    body.modal-open {
        position: fixed;
        height: 100%;
        left: 0;
        right: 0;
        width: 100%
    }
}

body.community .intro-t-main, body.exclusive .intro-t-main, body.join .intro-t-main, body.me .intro-t-main, body.metclub .intro-t-main, body.sowhat .intro-t-main {
    visibility: hidden;
    position: absolute
}

.intro, .scan-btn, .wrapper {
    position: relative
}

a.lightbox {
    text-decoration: none;
    background: 0 0 !important
}

img, svg {
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
    display: block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

a, button {
    -webkit-transition: opacity 250ms,color 250ms,background 250ms;
    transition: opacity 250ms,color 250ms,background 250ms;
    display: inline-block;
    word-break: break-word
}

select {
    outline: 0
}

.main-content {
    padding-bottom: 30px
}

@media only screen and (min-width:758px) {
    .main-content {
        padding-bottom: 60px
    }
}

.main-content-t-blog .row {
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width:768px) {
    .main-content-t-blog .card-row {
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: -20px
    }
}

.wrapper {
    max-width: 1150px;
    margin: 0 auto;
    padding: 0 15px
}

    .wrapper + .wrapper {
        margin-top: 30px
    }

.pagination {
    clear: both;
    text-align: center;
    padding: 30px 0 0;
    width: 100% !important
}

    .pagination .spacer {
        display: inline-block;
        padding: 12px 10px
    }

    .pagination .btn-t-load-more {
        color: inherit
    }

.pagination-l-numbered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .pagination-l-numbered .pagination-next, .pagination-l-numbered .pagination-prev {
        -webkit-flex-basis: 120px;
        -ms-flex-preferred-size: 120px;
        flex-basis: 120px
    }

        .pagination-l-numbered .pagination-next .btn, .pagination-l-numbered .pagination-prev .btn {
            margin-bottom: 4px
        }

    .pagination-l-numbered .pagination-next {
        text-align: right
    }

.intro, .no-content, .scan-btn {
    text-align: center
}

.pagination-l-numbered .pagination-numbers .btn {
    margin: 4px
}

@media only screen and (max-width:767px) {
    .pagination-l-numbered {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

        .pagination-l-numbered .pagination-numbers {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2;
            -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            margin-top: 20px
        }

        .pagination-l-numbered .pagination-next, .pagination-l-numbered .pagination-prev {
            -webkit-box-ordinal-group: 1;
            -webkit-order: 0;
            -ms-flex-order: 0;
            order: 0;
            -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }
}

.scan-btn {
    color: #fff;
    background: #b52532;
    border-radius: 0;
    border: 2px solid rgba(0,0,0,.7);
    text-transform: uppercase;
    line-height: 18px;
    padding: 16px 32px;
    letter-spacing: 1px;
    transition: all .3s ease;
    display: inline-block;
    overflow: visible;
    text-decoration: none;
    min-width: 171px
}

.hero-text {
    position: absolute;
    top: 83%;
    width: 100%
}

.intro {
    display: block;
    background: center center no-repeat;
    background-size: cover;
    padding: 72px 20px 20px
}

.intro-content {
    display: block;
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .intro {
        padding: 29.86111111% 0 0
    }

    .intro-content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%) translateY(30px);
        -ms-transform: translate(-50%,-50%) translateY(30px);
        transform: translate(-50%,-50%) translateY(30px);
        width: 100%
    }

    .no-content {
        font-size: 28px
    }

        .no-content h1 {
            font-size: 160px
        }
}

.intro-content svg {
    width: 100% !important;
    height: auto !important;
    fill: #fff
}

.intro-logo {
    max-width: 520px
}

    .intro-logo > :not(:last-child) {
        opacity: 0;
        position: absolute;
        pointer-events: none;
        height: 0 !important;
        overflow: hidden
    }

.audio-statistics a:hover, .band-member a:hover, .blog-post a:hover, .card-body-content a:hover, .card-l-blog-list-content p a:hover, .collection-description a:hover, .comment-list-item-content a:hover, .contact-item a:hover, .formatted-content a:hover, .legal-body a:hover, .local-chapters-start-copy a:hover, .login-or-signup p a:not(.btn-t-add-to-cart):hover, .metbox-image .metbox-description p a:hover, .metclub-description a:hover, .readless-link span:hover, .readmore-link span:hover, .timeline-item .card-body a:hover, a.card-media:hover {
    opacity: .7
}

.avatar {
    display: inline-block;
    height: 40px;
    width: 40px
}

.no-content {
    padding: 3em 0
}

    .no-content h1 {
        font-family: Helvetica,Arial,sans-serif;
        white-space: nowrap;
        margin-bottom: 30px
    }

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.error404, .login-or-signup, .message, .section-header-nav-item > a, .text-center {
    text-align: center
}

.lazy {
    display: none
}

.sidebar {
    zoom: 1
}

    .sidebar:after {
        content: '';
        display: table;
        clear: both
    }

.sidebar-heading {
    padding: 20px 0;
    font-size: 22px
}

body[data-skin=Default] .sidebar-heading {
    border-top: 1px solid #222;
    color: #151515
}

@media only screen and (min-width:768px) {
    .sidebar-heading {
        font-size: 28px;
        padding: 30px 0
    }
}

.error404 {
    padding-top: 60px
}

    .error404 h2 {
        display: block;
        font-size: 72px;
        padding-bottom: 15px
    }

    .error404 h3 {
        display: block;
        padding: 15px 0;
        font-size: 28px
    }

.login-or-signup {
    margin: 60px auto
}

body[data-skin=Default] .login-or-signup {
    color: #151515
}

.band-member-stat .login-or-signup dt, .legal-body .login-or-signup h3, .legal-body .login-or-signup h4, .login-or-signup .band-member-stat dt, .login-or-signup .exclusives-nav-link, .login-or-signup .heading, .login-or-signup .legal-body h3, .login-or-signup .legal-body h4, .login-or-signup .metclub-community-post-title, .login-or-signup .metclub-community-username span:not(.metclub-community-user-admin), .metclub-community-username .login-or-signup span:not(.metclub-community-user-admin) {
    font-size: 32px;
    margin-bottom: 15px
}

.login-or-signup p {
    margin-top: 18px
}

    .login-or-signup p a:not(.btn-t-add-to-cart) {
        color: inherit;
        font-weight: 700
    }

[data-count]:before {
    content: attr(data-count)
}

[data-count]:not([data-count="1"]):not([data-count-noplural]):after {
    content: 's';
    cursor: text
}

[data-count-nocount]:before, [data-count-nozero][data-count="0"]:before {
    content: none
}

.audio-statistics a, .band-member a, .blog-post a, .card-body-content a, .card-l-blog-list-content p a, .collection-description a, .comment-list-item-content a, .contact-item a, .formatted-content a, .legal-body a, .local-chapters-start-copy a, .metbox-image .metbox-description p a, .metclub-description a, .readless-link span, .readmore-link span, .timeline-item .card-body a {
    color: #fff;
    text-decoration: none
}

body[data-skin=Default] .svg-inherit {
    fill: #151515
}

.readless-link, .readmore-link {
    position: relative;
    text-align: center;
    text-transform: uppercase
}

    .readmore-link::before {
        content: '';
        display: block;
        position: absolute;
        top: -30px;
        left: 0;
        width: 100%;
        height: 30px;
        pointer-events: none
    }

body[data-skin=Default] .readless-link::before, body[data-skin=Default] .readmore-link::before {
    background: -webkit-linear-gradient(top,rgba(222,222,222,.01),#dedede);
    background: linear-gradient(to bottom,rgba(222,222,222,.01),#dedede)
}

[aria-expanded=true] + .readless-link::before, [aria-expanded=true] + .readmore-link::before {
    position: relative;
    top: 0;
    height: 15px
}

.readless-link span, .readmore-link span {
    margin-top: .15em;
    font-size: .85em;
    line-height: 1.3
}

.message {
    padding: 60px 40px;
    font-family: futura-pt-condensed,Futura,sans-serif;
    font-size: 28px;
    line-height: 1
}

.section-header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

@media only screen and (min-width:1024px) {
    .section-header-nav {
        margin-left: auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.section-header-nav-item {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    position: relative;
    display: inline-block;
    min-width: 140px;
    margin: 0 .125em .25em
}

    .section-header-nav-item > a {
        width: 100%;
        font-size: 14px;
        line-height: 1;
        text-transform: uppercase;
        background: #a2a2a2;
        color: #fffef9;
        padding: 14px 30px 10px;
        text-decoration: none
    }

        .section-header-nav-item > a.active {
            background: #000
        }

        .section-header-nav-item > a.exclusive {
            background: #e31c3d
        }

    .section-header-nav-item:empty {
        display: none !important
    }

.blog-post img, .collection-description img, .comment-list-item-content img, .formatted-content img, .legal-body img {
    margin: 0;
    max-width: 100%
}

.blog-post a, .collection-description a, .comment-list-item-content a, .formatted-content a, .legal-body a {
    text-decoration: none
}

.blog-post h2, .blog-post h3, .blog-post h4, .collection-description h2, .collection-description h3, .collection-description h4, .comment-list-item-content h2, .comment-list-item-content h3, .comment-list-item-content h4, .formatted-content h2, .formatted-content h3, .formatted-content h4, .legal-body h2, .legal-body h3, .legal-body h4 {
    margin: 0 0 30px
}

.blog-post p, .collection-description p, .comment-list-item-content p, .formatted-content p, .legal-body p {
    margin-bottom: 1em;
    text-align: left
}

    .blog-post p:last-child, .collection-description p:last-child, .comment-list-item-content p:last-child, .formatted-content p:last-child, .legal-body p:last-child {
        margin-bottom: 0
    }

.blog-post ol, .blog-post ul, .collection-description ol, .collection-description ul, .comment-list-item-content ol, .comment-list-item-content ul, .formatted-content ol, .formatted-content ul, .legal-body ol, .legal-body ul {
    padding-left: 48px;
    margin-bottom: 1em
}

.blog-post table, .collection-description table, .comment-list-item-content table, .formatted-content table, .legal-body table {
    width: 100%;
    margin: 0 0 20px
}

    .blog-post table td, .collection-description table td, .comment-list-item-content table td, .formatted-content table td, .legal-body table td {
        padding: 5px
    }

.blog-post hr, .collection-description hr, .comment-list-item-content hr, .formatted-content hr, .legal-body hr {
    margin: 20px 0;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(255,255,255,.3)
}

.blog-post iframe, .collection-description iframe, .comment-list-item-content iframe, .formatted-content iframe, .legal-body iframe {
    border: none;
    display: block;
    max-width: 100%
}

.blog-post img, .collection-description img, .comment-list-item-content img, .formatted-content img, .legal-body img {
    display: inline-block
}

.blog-post .row, .collection-description .row, .comment-list-item-content .row, .formatted-content .row, .legal-body .row {
    margin-left: 0;
    margin-right: 0
}

.blog-post .lightbox:only-child, .collection-description .lightbox:only-child, .comment-list-item-content .lightbox:only-child, .formatted-content .lightbox:only-child, .legal-body .lightbox:only-child {
    display: block
}

[data-load-content-prepend] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    [data-load-content-prepend] > .pagination {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    [data-load-content-prepend] > :not(.pagination) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

.comments [data-load-content-prepend] .pagination {
    margin-bottom: 0
}

@font-face {
    font-family: icomoon;
    src: url(7549/2016_0622_7549_4108.eot);
    src: url(2016_0622_7549_4108.eot#iefix) format("embedded-opentype"),url(2016_0622_7549_4110.ttf) format("truetype"),url(2016_0622_7549_4111.woff) format("woff"),url(2016_0622_7549_4109.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon, [class*=" icon-"], [class^=icon-] {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.icon-globe::before {
    content: ""
}

.icon-star-circle::before {
    content: ""
}

.icon-star-filled::before {
    content: ""
}

.icon-question::before {
    content: ""
}

.icon-music::before {
    content: ""
}

.icon-check::before {
    content: ""
}

.icon-pause::before {
    content: ""
}

.icon-play::before {
    content: ""
}

.icon-flag::before {
    content: ""
}

.icon-search::before {
    content: ""
}

.icon-magnetic::before {
    content: ""
}

.icon-book::before {
    content: ""
}

.icon-calendar::before {
    content: ""
}

.icon-camera::before {
    content: ""
}

.icon-caret-down::before {
    content: ""
}

.icon-caret-left::before {
    content: ""
}

.icon-caret-right::before {
    content: ""
}

.icon-caret-up::before {
    content: ""
}

.icon-cart-outline::before {
    content: ""
}

.icon-cart::before {
    content: ""
}

.icon-comment::before {
    content: ""
}

.icon-download::before {
    content: ""
}

.icon-horns-filled::before {
    content: ""
}

.icon-horns::before {
    content: ""
}

.icon-like-filled::before {
    content: ""
}

.icon-like::before {
    content: "";
    position: relative;
    z-index: 2;
    -webkit-transition: 250ms opacity;
    transition: 250ms opacity
}

.icon-link::before {
    content: ""
}

.icon-metallica::before {
    content: ""
}

.icon-news::before {
    content: ""
}

.icon-photo::before {
    content: ""
}

.icon-share::before {
    content: ""
}

.icon-so-what::before {
    content: ""
}

.icon-star::before {
    content: ""
}

.icon-text::before {
    content: ""
}

.icon-video::before {
    content: ""
}

.icon-add::before {
    content: ""
}

.icon-facebook::before {
    content: ""
}

.icon-gplus::before {
    content: "G+";
    font-family: futura-pt-condensed,Futura,sans-serif;
    font-weight: 700;
    font-size: 18px
}

.icon-twitter::before {
    content: ""
}

.icon-snapchat::before {
    content: ""
}

.icon-soundcloud::before {
    content: ""
}

.icon-email::before {
    content: ""
}

.icon-youtube::before {
    content: ""
}

.icon-tumblr::before {
    content: ""
}

.icon-instagram::before {
    content: ""
}

.icon-spotify::before {
    content: ""
}

.icon-pinterest::before {
    content: ""
}

.icon-apple::before {
    content: ""
}

.icon-statistics::before {
    content: ""
}

.icon-like {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.google-plus {
    display: inline-block;
    font-size: 18px;
    width: 20px;
    margin-right: 5px;
    font-weight: 700
}

    .google-plus:before {
        content: "G+"
    }

.icon-like::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 250ms;
    transition: 250ms
}

.form-group:after, .form-text:after, .row:after {
    content: '';
    clear: both
}

.form-select, .form-text, .select-container {
    position: relative
}

body[data-skin=Default] .icon-like::after {
    color: #151515
}

.active.btn-t-ghost .icon-like::before, .active.btn-t-like .icon-like::before, .btn-s-active.btn-t-ghost .icon-like::before, .btn-s-active.btn-t-like .icon-like::before, .btn-t-ghost:hover .icon-like::before, .btn-t-like:hover .icon-like::before {
    -webkit-transition: 250ms opacity;
    transition: 250ms opacity;
    opacity: 0
}

.active.btn-t-ghost .icon-like::after, .active.btn-t-like .icon-like::after, .btn-s-active.btn-t-ghost .icon-like::after, .btn-s-active.btn-t-like .icon-like::after, .btn-t-ghost:hover .icon-like::after, .btn-t-like:hover .icon-like::after {
    opacity: 1
}

.btn-t-external:hover, .btn-t-link:hover {
    opacity: .8
}

body {
    font-family: calluna-sans,"Gill Sans",Calibri,"Trebuchet MS",sans-serif
}

.btn-t-add-reply, .btn-t-buysingle, .btn-t-default, .btn-t-disabled, .btn-t-ghost, .btn-t-pager {
    font-family: futura-pt-condensed,Futura,sans-serif;
    text-transform: uppercase
}

h1, h2, h3, h4, h5 {
    font-weight: 500;
    margin: 0
}

.band-member-stat dt, .exclusives-nav-link, .heading, .legal-body h3, .legal-body h4, .metclub-community-post-title, .metclub-community-username span:not(.metclub-community-user-admin) {
    font-family: futura-pt-condensed,Futura,sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 1
}

.btn-t-add-reply, .btn-t-default, .btn-t-ghost, .btn-t-pager {
    letter-spacing: .04em
}

.heading-m-compact {
    margin: 0 !important
}

.band-member h3, .band-member-stat .contact-item dt, .band-member-stat .section-download dt, .contact-item .band-member-stat dt, .contact-item .exclusives-nav-link, .contact-item .heading, .contact-item .legal-body h3, .contact-item .legal-body h4, .contact-item .metclub-community-post-title, .contact-item .metclub-community-username span:not(.metclub-community-user-admin), .heading-small, .legal-body .contact-item h3, .legal-body .contact-item h4, .legal-body .section-download h3, .legal-body .section-download h4, .metclub-community-username .contact-item span:not(.metclub-community-user-admin), .metclub-community-username .section-download span:not(.metclub-community-user-admin), .section-download .band-member-stat dt, .section-download .exclusives-nav-link, .section-download .heading, .section-download .legal-body h3, .section-download .legal-body h4, .section-download .metclub-community-post-title, .section-download .metclub-community-username span:not(.metclub-community-user-admin) {
    font-size: 26px;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.band-member body[data-skin=Default] h3, .band-member-stat .contact-item body[data-skin=Default] dt, .band-member-stat .section-download body[data-skin=Default] dt, .contact-item .band-member-stat body[data-skin=Default] dt, .contact-item .legal-body body[data-skin=Default] h3, .contact-item .legal-body body[data-skin=Default] h4, .contact-item .metclub-community-username body[data-skin=Default] span:not(.metclub-community-user-admin), .contact-item body[data-skin=Default] .exclusives-nav-link, .contact-item body[data-skin=Default] .heading, .contact-item body[data-skin=Default] .metclub-community-post-title, .legal-body .contact-item body[data-skin=Default] h3, .legal-body .contact-item body[data-skin=Default] h4, .legal-body .section-download body[data-skin=Default] h3, .legal-body .section-download body[data-skin=Default] h4, .metclub-community-username .contact-item body[data-skin=Default] span:not(.metclub-community-user-admin), .metclub-community-username .section-download body[data-skin=Default] span:not(.metclub-community-user-admin), .section-download .band-member-stat body[data-skin=Default] dt, .section-download .legal-body body[data-skin=Default] h3, .section-download .legal-body body[data-skin=Default] h4, .section-download .metclub-community-username body[data-skin=Default] span:not(.metclub-community-user-admin), .section-download body[data-skin=Default] .exclusives-nav-link, .section-download body[data-skin=Default] .heading, .section-download body[data-skin=Default] .metclub-community-post-title, body[data-skin=Default] .band-member h3, body[data-skin=Default] .band-member-stat .contact-item dt, body[data-skin=Default] .band-member-stat .section-download dt, body[data-skin=Default] .contact-item .band-member-stat dt, body[data-skin=Default] .contact-item .exclusives-nav-link, body[data-skin=Default] .contact-item .heading, body[data-skin=Default] .contact-item .legal-body h3, body[data-skin=Default] .contact-item .legal-body h4, body[data-skin=Default] .contact-item .metclub-community-post-title, body[data-skin=Default] .contact-item .metclub-community-username span:not(.metclub-community-user-admin), body[data-skin=Default] .heading-small, body[data-skin=Default] .legal-body .contact-item h3, body[data-skin=Default] .legal-body .contact-item h4, body[data-skin=Default] .legal-body .section-download h3, body[data-skin=Default] .legal-body .section-download h4, body[data-skin=Default] .metclub-community-username .contact-item span:not(.metclub-community-user-admin), body[data-skin=Default] .metclub-community-username .section-download span:not(.metclub-community-user-admin), body[data-skin=Default] .section-download .band-member-stat dt, body[data-skin=Default] .section-download .exclusives-nav-link, body[data-skin=Default] .section-download .heading, body[data-skin=Default] .section-download .legal-body h3, body[data-skin=Default] .section-download .legal-body h4, body[data-skin=Default] .section-download .metclub-community-post-title, body[data-skin=Default] .section-download .metclub-community-username span:not(.metclub-community-user-admin) {
    border-bottom: 1px solid #222
}

.band-member h3 > a, .band-member-stat .contact-item dt > a, .band-member-stat .section-download dt > a, .contact-item .band-member-stat dt > a, .contact-item .exclusives-nav-link > a, .contact-item .heading > a, .contact-item .legal-body h3 > a, .contact-item .legal-body h4 > a, .contact-item .metclub-community-post-title > a, .contact-item .metclub-community-username span:not(.metclub-community-user-admin) > a, .heading-small > a, .legal-body .contact-item h3 > a, .legal-body .contact-item h4 > a, .legal-body .section-download h3 > a, .legal-body .section-download h4 > a, .metclub-community-username .contact-item span:not(.metclub-community-user-admin) > a, .metclub-community-username .section-download span:not(.metclub-community-user-admin) > a, .section-download .band-member-stat dt > a, .section-download .exclusives-nav-link > a, .section-download .heading > a, .section-download .legal-body h3 > a, .section-download .legal-body h4 > a, .section-download .metclub-community-post-title > a, .section-download .metclub-community-username span:not(.metclub-community-user-admin) > a {
    display: block;
    color: inherit;
    text-decoration: none
}

body[data-skin=Default] .subheading {
    color: #444
}

.row {
    zoom: 1
}

    .row:after {
        display: table
    }

.btn, .btn span, .btn-t-winner span {
    display: inline-block
}

.row .row {
    max-width: 100%;
    min-width: 100%
}

.column, .columns {
    width: 100%;
    float: left
}

    .column .column:first-of-type, .column .columns:first-of-type, .columns .column:first-of-type, .columns .columns:first-of-type {
        padding-left: 0
    }

    .column .column:last-of-type, .column .columns:last-of-type, .columns .column:last-of-type, .columns .columns:last-of-type {
        padding-right: 0
    }

    .column.without-padding, .columns.without-padding {
        padding-left: 0;
        padding-right: 0
    }

    .column.one, .columns.one {
        width: 8.33333%
    }

@media only screen and (max-width:768px) {
    .column.one-sm, .columns.one-sm {
        width: 8.33333%
    }
}

@media only screen and (min-width:1024px) {
    .column.one-lg, .columns.one-lg {
        width: 8.33333%
    }

    .column.two-lg, .columns.two-lg {
        width: 16.66667%
    }
}

.column.two, .columns.two {
    width: 16.66667%
}

@media only screen and (max-width:768px) {
    .column.two-sm, .columns.two-sm {
        width: 16.66667%
    }

    .column.three-sm, .columns.three-sm {
        width: 25%
    }
}

.column.three, .columns.three {
    width: 25%
}

@media only screen and (min-width:768px) {
    h1 {
        font-size: 28px
    }

    .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .column.three-lg, .columns.three-lg {
        width: 25%
    }

    .shpage {
        max-width: 263px
    }
}

.column.four, .columns.four {
    width: 33.33333%
}

@media only screen and (max-width:768px) {
    .column.four-sm, .columns.four-sm {
        width: 33.33333%
    }
}

@media only screen and (min-width:1024px) {
    .column.four-lg, .columns.four-lg {
        width: 33.33333%;
        padding: 0 30px 0 0
    }

    .column.five-lg, .columns.five-lg {
        width: 41.66667%
    }
}

.column.five, .columns.five {
    width: 41.66667%
}

@media only screen and (max-width:1024px) {
    .column.five-sm, .columns.five-sm {
        width: 41.66667%
    }

    .column.six-sm, .columns.six-sm {
        width: 50%
    }
}

.column.six, .columns.six {
    width: 50%
}

@media only screen and (min-width:1024px) {
    .column.six-lg, .columns.six-lg {
        width: 50%;
        padding: 0 10px
    }

    .column.six-sm, .columns.six-sm {
        width: 50%
    }

    .column.seven-lg, .columns.seven-lg {
        width: 58.33333%
    }
}

.btn-t-buysingle, .btn-t-disabled {
    font-size: 16px;
    padding: 10px;
    border-radius: 6px;
    line-height: 1;
    float: right
}

.column.seven, .columns.seven {
    width: 58.33333%
}

@media only screen and (max-width:768px) {
    .column.seven-sm, .columns.seven-sm {
        width: 58.33333%
    }

    .column.eight-sm, .columns.eight-sm {
        width: 66.66667%
    }
}

.column.eight, .columns.eight {
    width: 66.66667%
}

@media only screen and (min-width:1024px) {
    .column.eight-lg, .columns.eight-lg {
        width: 66.66667%
    }
}

.column.nine, .columns.nine {
    width: 75%
}

@media only screen and (max-width:768px) {
    .column.nine-sm, .columns.nine-sm {
        width: 75%
    }
}

@media only screen and (min-width:768px) {
    .column.nine-lg, .columns.nine-lg {
        width: 75%
    }
}

.column.ten, .columns.ten {
    width: 83.33333%
}

@media only screen and (max-width:768px) {
    .column.ten-sm, .columns.ten-sm {
        width: 83.33333%
    }
}

@media only screen and (min-width:1024px) {
    .column.ten-lg, .columns.ten-lg {
        width: 83.33333%
    }

    .column.eleven-lg, .columns.eleven-lg {
        width: 91.66667%
    }
}

.column.eleven, .columns.eleven {
    width: 91.66667%
}

@media only screen and (max-width:768px) {
    .column.eleven-sm, .columns.eleven-sm {
        width: 91.66667%
    }

    .column.twelve-sm, .columns.twelve-sm {
        width: 100%
    }
}

.column.twelve, .columns.twelve {
    width: 100%
}

.offset.by-one {
    margin-left: 8.33333%
}

.offset.by-two {
    margin-left: 16.66667%
}

.offset.by-three {
    margin-left: 25%
}

.offset.by-four {
    margin-left: 33.33333%
}

.offset.by-five {
    margin-left: 41.66667%
}

.offset.by-six {
    margin-left: 50%
}

.offset.by-seven {
    margin-left: 58.33333%
}

.offset.by-eight {
    margin-left: 66.66667%
}

.offset.by-nine {
    margin-left: 75%
}

.offset.by-ten {
    margin-left: 83.33333%
}

.offset.by-eleven {
    margin-left: 91.66667%
}

@media only screen and (max-width:480px) {
    .offset.by-three {
        margin-left: 0
    }
}

@media only screen and (max-width:768px) {
    .offset.by-three {
        margin-left: 0
    }
}

.btn-t-buysingle {
    background: #000;
    color: #fffef9
}

.btn-t-disabled {
    background: #cecece;
    color: #000;
    cursor: default
}

@media only screen and (min-width:580px) {
    .btn-t-buysingle, .btn-t-disabled {
        font-family: futura-pt-condensed,Futura,sans-serif;
        font-size: 16px;
        line-height: 1;
        text-transform: uppercase;
        float: right;
        border-radius: 6px
    }

    .btn-t-buysingle {
        background: #000;
        color: #fffef9;
        padding: 10px 30px
    }

    .btn-t-disabled {
        background: #cecece;
        color: #000;
        padding: 10px 42px;
        cursor: default
    }
}

.btn {
    border: none;
    margin: 0;
    outline: 0;
    line-height: 1;
    text-decoration: none;
    word-break: normal;
    cursor: pointer
}

.btn-t-default {
    color: #fff;
    padding: 12px 16px;
    border-radius: 6px
}

body[data-skin=Default] .btn-t-default {
    background-color: #000;
    border-color: #000
}

    body[data-skin=Default] .btn-t-default:hover {
        background-color: #434343
    }

.btn-t-default.btn-t-page-number {
    padding-left: 14px;
    padding-right: 14px;
    background-color: #383838;
    border-color: #383838
}

body[data-skin=Default] .btn-t-default.btn-t-page-number.active {
    background-color: #c60000;
    border-color: #c60000
}

.btn-t-external {
    white-space: nowrap
}

body[data-skin=Default] .btn-t-external {
    color: #151515
}

.btn-t-external span {
    margin-left: 4px
}

.btn-t-link {
    text-decoration: none
}

body[data-skin=Default] .btn-t-link {
    color: #c60000
}

.btn-t-ghost-tour[data-buy-link-title*="SOLD OUT"], .btn-t-sold-out {
    background-color: #d81919 !important;
    color: #fff !important;
    pointer-events: none !important;
    border: 0 !important
}

.btn-t-ghost {
    padding: 12px 16px;
    border-radius: 6px;
    font-weight: 700
}

body[data-skin=Default] .btn-t-ghost {
    color: #c60000;
    border: 1px solid #c60000
}

    body[data-skin=Default] .btn-t-ghost.btn-s-active, body[data-skin=Default] .btn-t-ghost:hover {
        background-color: #c60000;
        color: #fff
    }

.btn-t-ghost-tour {
    min-width: 120px;
    text-align: center
}

body[data-skin=Default] .btn-t-ghost-tour {
    color: #151515;
    border: 1px solid #151515;
    width: 100%
}

    body[data-skin=Default] .btn-t-ghost-tour.btn-s-active, body[data-skin=Default] .btn-t-ghost-tour:hover {
        background-color: #434343;
        color: #fff
    }

body[data-skin=Default] .btn-t-ghost-tour-rsvp {
    color: if true,#c60000,#151515;
    border: 1px solid if
}

    body[data-skin=Default] .btn-t-ghost-tour-rsvp.btn-s-active, body[data-skin=Default] .btn-t-ghost-tour-rsvp:hover {
        color: #fff;
        background-color: if true,#c60000,#151515
    }

.btn-t-ghost-modal {
    color: #fff;
    border-color: #fff
}

    .btn-t-ghost-modal:hover {
        background: #fff;
        color: #000
    }

body[data-skin=Default] .btn-t-metclub {
    border-color: #151515;
    color: #151515
}

    body[data-skin=Default] .btn-t-metclub:hover {
        background: #151515;
        color: #fff
    }

.btn-t-cancelled {
    pointer-events: none;
    border: 1px dashed !important
}

body[data-skin=Default] .btn-t-cancelled, body[data-skin=Default] .btn-t-cancelled:hover {
    color: #151515
}

.btn-t-cancelled:hover {
    background: 0 0
}

body[data-skin=Default] .section-bar-t-band .btn-t-toggle.active, body[data-skin=Default] .section-bar-t-band .btn-t-toggle:hover, body[data-skin=Default] .section-bar-t-media .btn-t-toggle.active, body[data-skin=Default] .section-bar-t-media .btn-t-toggle:hover, body[data-skin=Default] .section-bar-t-metclub .btn-t-toggle.active, body[data-skin=Default] .section-bar-t-metclub .btn-t-toggle:hover, body[data-skin=Default] .section-bar-t-music .btn-t-toggle.active, body[data-skin=Default] .section-bar-t-music .btn-t-toggle:hover, body[data-skin=Default] .section-bar-t-news .btn-t-toggle.active, body[data-skin=Default] .section-bar-t-news .btn-t-toggle:hover, body[data-skin=Default] .section-bar-t-store .btn-t-toggle.active, body[data-skin=Default] .section-bar-t-store .btn-t-toggle:hover, body[data-skin=Default] .section-bar-t-tour .btn-t-toggle.active, body[data-skin=Default] .section-bar-t-tour .btn-t-toggle:hover {
    background: #151515
}

.btn-t-toggle {
    -webkit-transform: background 250ms;
    -ms-transform: background 250ms;
    transform: background 250ms;
    padding: 4px 10px;
    border-color: currentColor
}

    .btn-t-toggle:focus {
        outline: 0
    }

.btn-group .btn-t-toggle {
    margin: 0 10px 10px 0
}

@media only screen and (min-width:768px) {
    .btn-group .btn-t-toggle {
        margin: 0 30px 30px 0;
        padding: 10px 20px
    }
}

.btn-mobile-nav-toggle, .btn-t-load-more, .btn-t-pagination-next, .btn-t-pagination-prev {
    padding: 0
}

.btn-t-toggle .icon-add {
    -webkit-transition: -webkit-transform 250ms;
    transition: transform 250ms;
    -webkit-transform: translateY(-2px) translateZ(0);
    transform: translateY(-2px) translateZ(0)
}

.btn-t-toggle.active, .btn-t-toggle:hover {
    border-color: transparent;
    color: #fff !important
}

body[data-skin=Default] .section-bar-t-band .btn-t-toggle, body[data-skin=Default] .section-bar-t-media .btn-t-toggle, body[data-skin=Default] .section-bar-t-metclub .btn-t-toggle, body[data-skin=Default] .section-bar-t-music .btn-t-toggle, body[data-skin=Default] .section-bar-t-news .btn-t-toggle, body[data-skin=Default] .section-bar-t-store .btn-t-toggle, body[data-skin=Default] .section-bar-t-tour .btn-t-toggle {
    color: #151515;
    border-color: #151515
}

.btn-t-toggle.active .icon-add {
    -webkit-transform: translateY(-2px) rotate(-45deg) translateZ(0);
    transform: translateY(-2px) rotate(-45deg) translateZ(0)
}

body[data-skin=Default] .btn-t-add-to-cart {
    background-color: #151515;
    border-color: #151515;
    color: #fff
}

body[data-skin=Default] .btn-t-comment, body[data-skin=Default] .btn-t-comment.active, body[data-skin=Default] .btn-t-comment:hover, body[data-skin=Default] .btn-t-like, body[data-skin=Default] .btn-t-like.btn-s-active, body[data-skin=Default] .btn-t-like:hover, body[data-skin=Default] .btn-t-rsvp, body[data-skin=Default] .btn-t-share, body[data-skin=Default] .btn-t-share.active, body[data-skin=Default] .btn-t-share:hover {
    color: #151515
}

body[data-skin=Default] .btn-t-add-to-cart:hover {
    background-color: rgba(21,21,21,.8)
}

.btn-l-block {
    display: block;
    width: 100%;
    text-align: center
}

.btn-mobile-nav-toggle:focus {
    outline: 0
}

.btn-l-right {
    float: right
}

.btn-s-disabled {
    pointer-events: none;
    opacity: .4
}

.btn-t-add-reply:hover, .btn-t-audio:hover, .btn-t-comment:hover, .btn-t-filled:hover, .btn-t-like:hover, .btn-t-load-more:hover, .btn-t-pager:hover, .btn-t-pagination-next:hover, .btn-t-pagination-prev:hover, .btn-t-rsvp:hover, .btn-t-share:hover {
    opacity: .8
}

.btn-t-comment:focus, .btn-t-like:focus, .btn-t-rsvp:focus, .btn-t-share:focus {
    outline: 0
}

body[data-skin=Default] .btn-t-rsvp.btn-s-active {
    color: #c60000
}

.btn-t-pager {
    border: none
}

body[data-skin=Default] .btn-t-pager {
    color: #151515 !important
}

.btn-t-pager span {
    font-size: 14px;
    -webkit-transform: translateY(-1px) translateZ(0);
    transform: translateY(-1px) translateZ(0)
}

.btn-t-pager.btn-t-pager-prev span {
    -webkit-transform: translateY(-1px) rotate(180deg) translateZ(0);
    transform: translateY(-1px) rotate(180deg) translateZ(0)
}

.btn-t-load-more .icon-link, .btn-t-pagination-next .icon-link, .btn-t-pagination-prev .icon-link {
    margin-left: 4px
}

body[data-skin=Default] .btn-t-load-more, body[data-skin=Default] .btn-t-pagination-next, body[data-skin=Default] .btn-t-pagination-prev {
    color: #151515
}

.btn-t-load-more {
    margin: 0 20px
}

.btn-t-pagination-prev .icon-link {
    -webkit-transform: rotate(180deg) translateZ(0);
    transform: rotate(180deg) translateZ(0);
    margin-left: 0;
    margin-right: 4px
}

.btn-t-load-more .icon-link {
    -webkit-transform: rotate(90deg) translateZ(0);
    transform: rotate(90deg) translateZ(0)
}

[data-load-content-prepend] .btn-t-load-more .icon-link {
    -webkit-transform: rotate(-90deg) translateZ(0);
    transform: rotate(-90deg) translateZ(0)
}

.btn-t-add-reply {
    display: block;
    float: right;
    margin-top: 10px;
    padding: 0;
    font-size: 14px
}

    .btn-t-add-reply:focus {
        outline: 0
    }

.btn-t-delete {
    margin-left: 12px
}

    .btn-t-delete .icon-add {
        -webkit-transform: rotate(45deg) translateZ(0);
        transform: rotate(45deg) translateZ(0)
    }

.btn-t-filled {
    display: block;
    text-align: center;
    text-transform: none;
    padding: 12px 16px;
    border-radius: 6px;
    width: 100%
}

.card-overlay, .card-t-event .card-description p, .catalog-list-item-date, .catalog-list-item-date-day, .dropdown-toggle, .list-t-link, .section-bar-nav, .section-bar-title, .tooltip {
    text-transform: uppercase
}

body[data-skin=Default] .btn-t-filled {
    background: rgba(21,21,21,.2);
    color: #151515
}

.btn-t-modal-close {
    font-size: 18px;
    color: #c9c9c9 !important;
    padding: 12px 0
}

    .btn-t-modal-close .icon-add {
        -webkit-transform: rotate(45deg) translateZ(0);
        transform: rotate(45deg) translateZ(0)
    }

    .btn-t-modal-close:only-child {
        padding-bottom: 0
    }

.btn-m-margin-bottom {
    margin-bottom: 10px
}

@media only screen and (min-width:1024px) {
    .btn-m-margin-bottom {
        margin-bottom: 20px
    }
}

.btn-m-compact {
    margin: 0;
    padding: 0
}

.form-group {
    zoom: 1
}

    .form-group:after {
        display: table
    }

.form-label {
    cursor: pointer;
    display: block;
    width: 100%
}

    .form-label label {
        display: block;
        cursor: inherit
    }

.form-text input, .form-text-extras, .form-text-extras input, .form-textarea, .select-container {
    display: block;
    margin: 0;
    width: 100%;
    border-radius: 3px;
    padding: 6px 15px;
    outline: 0;
    font-family: inherit;
    font-size: inherit;
    -webkit-transition: border 250ms,color 250ms;
    transition: border 250ms,color 250ms;
    -webkit-appearance: none;
    -moz-appearance: none
}

    .form-text body[data-skin=Default] input, .form-text-extras body[data-skin=Default] input, body[data-skin=Default] .form-text input, body[data-skin=Default] .form-text-extras, body[data-skin=Default] .form-text-extras input, body[data-skin=Default] .form-textarea, body[data-skin=Default] .select-container {
        background: #fff;
        border: 1px solid #dedede;
        border-radius: 15px
    }

.form-text {
    zoom: 1;
    width: 100%
}

    .form-text:after {
        display: table
    }

    .form-text:not(:last-child) {
        margin-bottom: 10px
    }

    .form-text input {
        cursor: text;
        color: rgba(255,255,255,.7)
    }

        .form-text input ::-webkit-input-placeholder {
            color: rgba(255,255,255,.2)
        }

        .form-text input :-moz-placeholder {
            color: rgba(255,255,255,.2)
        }

        .form-text input ::-moz-placeholder {
            color: rgba(255,255,255,.2)
        }

        .form-text input :-ms-input-placeholder {
            color: rgba(255,255,255,.2)
        }

.form-select {
    color: #111
}

    .form-select::after {
        content: "";
        font-family: icomoon;
        position: absolute;
        display: block;
        right: 15px;
        color: #555;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
        pointer-events: none
    }

.catalog-list-item-date-day, .comment-list-item-author, .dropdown a, .dropdown-toggle, .list-t-link, .section-bar-nav, .section-bar-title {
    font-family: futura-pt-condensed,Futura,sans-serif
}

.list-t-icon:after, .section-bar-header:after {
    content: '';
    clear: both
}

.form-text-extras, .form-text-t-float-label {
    position: relative
}

@media only screen and (min-width:768px) {
    .form-text input, .form-text-extras, .form-text-extras input, .form-textarea, .select-container {
        padding: 15px 30px
    }

    .form-text:not(:last-child) {
        margin-bottom: 30px
    }

    .form-select::after {
        right: 15px
    }
}

.form-select:first-child select {
    padding: 15px 15px 15px 5px
}

@media only screen and (min-width:768px) {
    .form-select:first-child select {
        padding: 5px 15px 5px 0
    }
}

.form-select select {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0 0;
    border: none;
    font-size: 14px;
    padding: 15px
}

    .form-select select::-ms-expand {
        display: none
    }

.form-text-extras {
    display: table;
    padding: 0;
    margin-bottom: 15px;
    border-collapse: separate
}

body[data-skin=Default] .form-text-extras {
    color: #151515
}

@media only screen and (min-width:768px) {
    .form-select select {
        font-size: 18px
    }

    .form-text-extras {
        font-size: 20px;
        margin-bottom: 30px
    }
}

.cart p {
    padding: 0 0 20px
}

.cart-checkout-billing, .cart-checkout-shipping {
    border-top: 1px solid #000;
    padding-top: 20px
}

.form-text-extras div, .form-text-extras label {
    position: relative;
    display: table-cell;
    width: 30%;
    padding: 0 10px;
    cursor: text;
    word-break: normal;
    vertical-align: middle
}

.audio-track-grid a, .card, .card-title a, .comment-list-item-content, .event-info a, .list-t-icon-item-title {
    word-break: break-word
}

.form-text-extras div span, .form-text-extras label span {
    display: inline-block;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

.form-text-extras :not(.form-label-s-hidden) + input:nth-child(n+2), .form-text-extras div + div, .form-text-extras label:not(.form-label-s-hidden) + div, .form-text-extras label:not(.form-label-s-hidden) + label {
    padding-left: 0
}

.form-text-extras input {
    border: 0 !important;
    display: table-cell;
    background: 0 0;
    cursor: text
}

.form-text-t-float-label.focused .select-container, .form-text-t-float-label.focused input, .form-text-t-float-label.focused textarea, .form-textarea {
    background: #fff
}

body[data-skin=Default] .form-text-extras input {
    color: inherit
}

    body[data-skin=Default] .form-text-extras input ::-webkit-input-placeholder {
        color: rgba(21,21,21,.4)
    }

    body[data-skin=Default] .form-text-extras input :-moz-placeholder {
        color: rgba(21,21,21,.4)
    }

    body[data-skin=Default] .form-text-extras input ::-moz-placeholder {
        color: rgba(21,21,21,.4)
    }

    body[data-skin=Default] .form-text-extras input :-ms-input-placeholder {
        color: rgba(21,21,21,.4)
    }

.form-textarea {
    margin-bottom: 15px;
    min-height: 110px;
    resize: none;
    padding: 15px
}

body[data-skin=Default] .form-textarea {
    color: #151515
}

    body[data-skin=Default] .form-textarea ::-webkit-input-placeholder {
        color: rgba(21,21,21,.4)
    }

    body[data-skin=Default] .form-textarea :-moz-placeholder {
        color: rgba(21,21,21,.4)
    }

    body[data-skin=Default] .form-textarea ::-moz-placeholder {
        color: rgba(21,21,21,.4)
    }

    body[data-skin=Default] .form-textarea :-ms-input-placeholder {
        color: rgba(21,21,21,.4)
    }

.form-text-t-float-label.focused label, .form-text-t-float-label.populated label {
    opacity: 1;
    color: #111
}

.form-text-t-float-label.focused .select-container, .form-text-t-float-label.focused input, .form-text-t-float-label.focused textarea, .form-text-t-float-label.populated .select-container, .form-text-t-float-label.populated input, .form-text-t-float-label.populated textarea {
    padding-top: 30px;
    color: #151515
}

.form-text-t-float-label > * {
    -webkit-transition: all 250ms;
    transition: all 250ms
}

.form-text-t-float-label label {
    position: absolute;
    top: 15px;
    left: 15px;
    opacity: 0;
    font-size: 12px;
    color: #9c9c9c
}

    .form-text-t-float-label label em {
        display: inline-block;
        margin-left: 1em
    }

.form-text-t-float-label .select-container, .form-text-t-float-label input, .form-text-t-float-label textarea {
    color: #9c9c9c;
    padding: 15px
}

body[data-skin=Default] .form-text-t-float-label .select-container, body[data-skin=Default] .form-text-t-float-label input, body[data-skin=Default] .form-text-t-float-label textarea {
    border: 2px solid #dedede
}

@media only screen and (min-width:768px) {
    .form-textarea {
        margin-bottom: 30px
    }

    .form-text-t-float-label .select-container, .form-text-t-float-label input, .form-text-t-float-label textarea {
        font-size: 18px
    }
}

.form-text-s-error {
    border-radius: 6px
}

body[data-skin=Default] .form-text-s-error {
    border: 1px solid #c60000
}

    body[data-skin=Default] .form-text-s-error label {
        color: #c60000
    }

body[data-skin=Default] .card-t-metclub .list-item, body[data-skin=Default] .list-t-link > * a, body[data-skin=Default] .section-bar-t-media .list-item, body[data-skin=Default] .section-bar-t-metclub .list-item, body[data-skin=Default] .section-bar-t-news .list-item, body[data-skin=Default] .section-bar-t-store .list-item, body[data-skin=Default] .section-bar-t-tour .list-item {
    color: #151515
}

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

.list-t-link {
    font-size: 18px
}

    .list-t-link > * {
        display: block;
        position: relative
    }

body[data-skin=Default] .list-t-link > * {
    background: #f4f4f4;
    border-top: 1px solid #fff
}

body[data-skin=Default] .list-t-link > :hover {
    color: #fff;
    background: #c60000
}

    body[data-skin=Default] .list-t-link > :hover a {
        color: inherit
    }

.list-t-link > * a {
    display: block;
    padding: 1em;
    text-decoration: none;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms
}

.list-t-link > * .list-item-icon {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.list-t-icon {
    zoom: 1;
    margin: 0;
    padding: 0;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .list-t-icon:after {
        display: table
    }

.no-flexbox .list-t-icon {
    display: table;
    width: 100%
}

    .no-flexbox .list-t-icon .list-item {
        display: table-cell
    }

body[data-skin=Default] .list-t-icon > .list-item {
    color: #c60000
}

.list-t-icon .list-item {
    text-align: center;
    display: block;
    text-decoration: none;
    padding: 0 20px;
    width: 33.3%;
    margin: 0 auto 15px
}

@media only screen and (min-width:768px) {
    .list-t-icon .list-item {
        margin-bottom: 0;
        width: auto
    }
}

.list-t-icon .list-item:hover .list-t-icon-item-icon {
    color: inherit
}

.list-t-icon-item-icon {
    -webkit-transition: color 250ms,opacity 250ms;
    transition: color 250ms,opacity 250ms;
    display: block;
    font-size: 2.5em;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {
    .list-t-icon-item-icon {
        font-size: 5em
    }
}

.list-t-icon-item-icon span {
    display: block
}

.list-t-icon-item-title {
    display: block;
    font-size: 14px
}

body[data-skin=Default] .card-t-metclub .list-t-icon-item-title {
    color: #c60000
}

.list-t-events {
    margin-bottom: 20px
}

body[data-skin=Default] .list-t-events {
    border-top: 1px solid #151515
}

.list-t-events .list-item {
    padding: 20px 0
}

body[data-skin=Default] .list-t-events .list-item {
    border-bottom: 1px solid #151515
}

@media only screen and (min-width:768px) {
    .list-t-icon-item-title {
        font-size: 22px
    }

    .list-t-events {
        margin-bottom: 50px
    }

        .list-t-events .list-item {
            padding: 40px 0
        }
}

.catalog-list-item {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 15px 0;
    width: 100%
}

    .catalog-list-item a {
        text-decoration: none
    }

@media only screen and (min-width:1024px) {
    .catalog-list-item {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.catalog-list-item-date {
    font-weight: 400;
    color: #000;
    text-align: center;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.catalog-list-item-date-month, .catalog-list-item-date-year {
    font-size: 1.0625em;
    line-height: 1
}

.catalog-list-item-date-day {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1
}

.catalog-list-item-location .heading, .catalog-list-item-location .section-banner, .catalog-list-item-location .section-banner h3, .catalog-list-item-venue .heading, .catalog-list-item-venue .section-banner, .catalog-list-item-venue .section-banner h3, .section-banner .catalog-list-item-location h3, .section-banner .catalog-list-item-venue h3 {
    color: #48a9bb;
    text-transform: uppercase;
    font-size: 18px
}

@media only screen and (min-width:1024px) {
    .catalog-list-item-date {
        -ms-flex-preferred-size: 90px;
        flex-basis: 90px
    }

    .catalog-list-item-location .heading, .catalog-list-item-location .section-banner, .catalog-list-item-location .section-banner h3, .catalog-list-item-venue .heading, .catalog-list-item-venue .section-banner, .catalog-list-item-venue .section-banner h3, .section-banner .catalog-list-item-location h3, .section-banner .catalog-list-item-venue h3 {
        font-size: 25px
    }

    .catalog-list-item-location {
        -ms-flex-preferred-size: 380px;
        flex-basis: 380px;
        padding: 0 30px
    }
}

@media only screen and (max-width:1023px) {
    .catalog-list-item-location, .catalog-list-item-venue {
        text-align: center
    }

    .catalog-list-item-location {
        padding: 10px 10px 5px
    }

    .catalog-list-item-venue {
        padding: 5px 30px 30px
    }

        .catalog-list-item-venue .btn-t-link, .catalog-list-item-venue .page-header-section-back {
            display: none
        }
}

@media only screen and (min-width:1024px) {
    .catalog-list-item-venue {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 15px
    }
}

.catalog-list-item-venue .btn-t-link, .catalog-list-item-venue .page-header-section-back {
    position: absolute;
    font-size: 12px
}

.catalog-list-item-actions {
    min-width: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:1024px) {
    .catalog-list-item-actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .catalog-list-item-actions .btn-t-default + .btn-t-default, .catalog-list-item-actions .section-header-nav-item > .btn-t-default + a, .catalog-list-item-actions .section-header-nav-item > a + .btn-t-default, .catalog-list-item-actions .section-header-nav-item > a + a {
            margin-top: 2px
        }

        .catalog-list-item-actions .btn-t-default, .catalog-list-item-actions .section-header-nav-item > a {
            width: 100%
        }

        .catalog-list-item-actions .event-mobile-more-info {
            display: none
        }
}

.butnav, .dropdown {
    position: relative;
    margin-top: 20px
}

.catalog-list-item-actions .btn-t-default, .catalog-list-item-actions .section-header-nav-item > a {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (max-width:1023px) {
    .catalog-list-item-actions .btn-t-default, .catalog-list-item-actions .section-header-nav-item > a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        white-space: nowrap
    }

    .catalog-list-item-info {
        display: none
    }
}

.catalog-list-item-info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    background: #f4d81e;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 350ms;
    transition: 350ms
}

.catalog-list-item-s-expanded .catalog-list-item-info {
    max-height: 470px;
    -webkit-transition: .4s linear;
    transition: .4s linear
}

.catalog-list-item-info-text {
    font-size: 14px;
    padding: 20px 20px 20px 500px
}

.dropdown-toggle, ul.dropdown li a {
    font-size: 18px;
    letter-spacing: .075em
}

.catalog-list-item-info-text p {
    max-width: 360px
}

.dropdown {
    display: inline-block;
    z-index: 9999;
    float: right;
    width: 100%
}

    .dropdown a {
        display: block;
        padding: .2em .8em;
        text-decoration: none;
        background: #fff;
        color: #000;
        border-bottom: 1px solid #000
    }

        .dropdown a:hover {
            background: #000;
            color: #fff
        }

.dropdown-toggle {
    line-height: 1;
    background: #000;
    color: #fffef9;
    padding: 14px 30px 10px;
    border: none;
    width: 100%;
    text-align: center;
    cursor: pointer
}

ul.dropdown {
    display: none;
    position: absolute;
    margin-top: 0;
    background: #777;
    padding: 0;
    border-radius: 0 0 .2em .2em
}

    ul.dropdown li a {
        text-decoration: none;
        padding: .5em 1em;
        display: block;
        font-weight: 700
    }

.section-bar-nav, .section-bar-title {
    letter-spacing: .04em;
    font-weight: 500
}

.prev-next {
    line-height: 14px;
    float: right;
    font-style: normal;
    padding-top: 5px
}

    .prev-next a {
        display: inline-block;
        font-size: 14px;
        line-height: 14px;
        color: #000;
        text-decoration: none
    }

        .prev-next a:first-child {
            margin-right: 10px
        }

.list-t-events .list-item > * {
    margin-bottom: 10px
}

@media only screen and (min-width:768px) {
    .list-t-events .list-item {
        display: table;
        width: 100%;
        padding: 40px 20px
    }

        .list-t-events .list-item > * {
            display: table-cell;
            vertical-align: top;
            margin-bottom: 0
        }

    .modal-error {
        -webkit-animation-name: shakeWhatUrMamaGaveYou;
        animation-name: shakeWhatUrMamaGaveYou;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }
}

.modal {
    display: none;
    width: 100%;
    max-width: 620px;
    background: #fff;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important
}

.card-media-m-container iframe, .card-media-m-container img, .modal-content iframe {
    max-width: 100%
}

@media only screen and (min-width:620px) {
    .modal {
        padding: 20px;
        background: rgba(255,255,255,.5);
        border-radius: 6px;
        top: 50% !important;
        left: 50% !important;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

.modal p {
    margin-bottom: 12px
}

    .modal p.cta {
        font-size: 1.3em;
        margin-bottom: 16px
    }

@-webkit-keyframes shakeWhatUrMamaGaveYou {
    0%,100% {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-51%,-50%,0);
        transform: translate3d(-51%,-50%,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(-49%,-50%,0);
        transform: translate3d(-49%,-50%,0)
    }
}

@keyframes shakeWhatUrMamaGaveYou {
    0%,100% {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-51%,-50%,0);
        transform: translate3d(-51%,-50%,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(-49%,-50%,0);
        transform: translate3d(-49%,-50%,0)
    }
}

.modal-inner {
    background: #222;
    color: #fff;
    overflow: auto;
    max-height: 100vh;
    padding-bottom: 120px
}

@media only screen and (min-width:768px) {
    .modal-inner {
        border-radius: 6px;
        padding-bottom: 0;
        max-height: 85vh
    }
}

.modal-header {
    position: relative;
    padding: 30px 15px;
    border-bottom: 2px solid #58a0de;
    background: #181818
}

.modal-header-title {
    font-size: 22px
}

.modal-header-link {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    text-decoration: none
}

    .modal-header-link:hover {
        opacity: .8
    }

@media only screen and (min-width:768px) {
    .modal-header {
        padding: 30px
    }

    .modal-header-title {
        font-size: 28px
    }

    .modal-header-link {
        right: 30px
    }
}

.modal-content {
    padding: 30px 15px 0
}

@media only screen and (min-width:768px) {
    .modal-content {
        padding: 30px 30px 0
    }
}

.modal-content p {
    margin-bottom: 12px
}

    .modal-content p:only-child {
        margin-bottom: 0
    }

.modal-content .btn-t-external {
    color: inherit !important
}

.modal-footer {
    padding: 15px
}

@media only screen and (min-width:768px) {
    .modal-footer {
        padding: 30px
    }
}

.remember-me {
    position: relative;
    margin: 30px auto 0;
    overflow: hidden;
    text-align: center
}

    .remember-me span {
        display: inline-block;
        color: rgba(34,34,34,.6);
        vertical-align: middle;
        line-height: 1
    }

    .remember-me input:checked ~ span {
        color: #222
    }

    .remember-me input {
        display: none
    }

    .remember-me label {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        cursor: pointer
    }

    .remember-me .icon {
        display: none
    }

    .remember-me input:checked ~ .icon {
        display: inline-block
    }

@media only screen and (min-width:620px) {
    .remember-me {
        float: right;
        margin: 0 1em 0 0;
        padding: 12px 0
    }

        .remember-me .icon {
            display: inline-block;
            -webkit-transition: .2s margin;
            transition: .2s margin;
            margin-right: -18px;
            width: 18px;
            text-align: left
        }

        .remember-me input:checked ~ .icon, .remember-me:hover .icon {
            margin-right: 0
        }
}

.modal .remember-me span {
    color: #c9c9c9
}

.modal .remember-me input:checked ~ span {
    color: #fff
}

.modal-alert {
    border-radius: 6px;
    padding: 18px;
    margin: 30px 15px 0
}

body[data-skin=Default] .modal-alert {
    background: #c60000
}

.modal-alert a {
    color: inherit
}

.blocker {
    background: #222 !important;
    opacity: 1 !important
}

@media only screen and (min-width:640px) {
    .modal-alert {
        margin: 30px 30px 0
    }

    .blocker {
        opacity: .8 !important
    }
}

.comment-list-item-actions .btn:hover, .comment-list-item-author:hover, .comment-list-item-image:hover img {
    opacity: .8
}

.section-bar {
    margin-top: 10px;
    margin-bottom: 30px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    padding: 24px 0
}

body[data-skin=Default] .section-bar {
    background: #fff
}

.section-bar a:active, .section-bar a:hover, body[data-skin=Default] .section-bar-t-band .section-bar-nav a.active, body[data-skin=Default] .section-bar-t-band .section-bar-nav a:hover, body[data-skin=Default] .section-bar-t-media .section-bar-nav a.active, body[data-skin=Default] .section-bar-t-media .section-bar-nav a:hover, body[data-skin=Default] .section-bar-t-metclub .section-bar-nav a.active, body[data-skin=Default] .section-bar-t-metclub .section-bar-nav a:hover, body[data-skin=Default] .section-bar-t-music .section-bar-nav a.active, body[data-skin=Default] .section-bar-t-music .section-bar-nav a:hover, body[data-skin=Default] .section-bar-t-news .section-bar-nav a.active, body[data-skin=Default] .section-bar-t-news .section-bar-nav a:hover, body[data-skin=Default] .section-bar-t-store .section-bar-nav a.active, body[data-skin=Default] .section-bar-t-store .section-bar-nav a:hover, body[data-skin=Default] .section-bar-t-tour .section-bar-nav a.active, body[data-skin=Default] .section-bar-t-tour .section-bar-nav a:hover {
    background: #151515
}

@media only screen and (min-width:768px) {
    .section-bar {
        padding: 30px 0
    }
}

.section-bar-external .btn-t-external, .section-bar-title {
    padding: 0;
    color: inherit
}

.section-bar-m-compact-top, .section-bar:first-child {
    margin-top: 0
}

body[data-skin=Default] .section-bar-t-band, body[data-skin=Default] .section-bar-t-media, body[data-skin=Default] .section-bar-t-metclub, body[data-skin=Default] .section-bar-t-music, body[data-skin=Default] .section-bar-t-news, body[data-skin=Default] .section-bar-t-store, body[data-skin=Default] .section-bar-t-tour {
    color: #151515
}

.section-bar-header {
    zoom: 1;
    position: relative
}

    .section-bar-header:after {
        display: table
    }

.section-bar-title {
    display: block;
    text-align: left;
    font-size: 22px;
    line-height: 1
}

    .section-bar-title:focus {
        outline: 0
    }

@media only screen and (min-width:768px) {
    .section-bar-title {
        font-size: 28px
    }
}

.section-bar-title a, .section-bar-title img, .section-bar-title span {
    display: inline-block;
    vertical-align: middle
}

.section-bar-title a {
    color: inherit
}

.section-bar-title img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: top;
    margin-right: 10px
}

.section-bar-title svg {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    width: auto;
    margin-right: 10px;
    fill: currentColor
}

.section-bar-title a + span, .section-bar-title span + span {
    margin-left: 11px
}

.section-bar-title small {
    font-size: .7em;
    line-height: 28px
}

.section-bar-icon {
    font-size: 18px
}

@media only screen and (min-width:768px) {
    .section-bar-icon {
        font-size: 30px;
        vertical-align: top
    }
}

.section-bar-toggle {
    font-size: 16px;
    margin-left: 10px;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px)
}

.section-bar-title-l-left {
    float: left
}

.section-bar-external {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section-bar-t-single .section-bar-external {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media only screen and (min-width:768px) {
    .section-bar-t-single .section-bar-external {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.section-bar-nav, .social-button {
    position: relative
}

.section-bar-external .btn-t-external span {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px)
}

.section-bar-content {
    zoom: 1;
    display: none;
    padding-top: 20px
}

    .section-bar-content .section-bar-nav:after, .section-bar-content:after {
        content: '';
        display: table;
        clear: both
    }

    .section-bar-content .section-bar-nav {
        zoom: 1;
        clear: both;
        text-align: left
    }

@media only screen and (min-width:1024px) {
    .section-bar-content {
        padding-top: 30px
    }

        .section-bar-content .section-bar-nav {
            margin-top: 20px
        }
}

.section-bar-content .section-bar-nav .btn {
    margin-top: 10px
}

.section-bar-content-s-visible {
    display: block
}

.section-bar a, .section-bar-nav a, .section-bar-nav span {
    display: inline-block;
    margin: 0 5px
}

.section-bar-nav {
    padding-top: 20px;
    clear: both;
    z-index: 2;
    text-align: center
}

body[data-skin=Default] .section-bar-nav {
    color: #151515
}

@media only screen and (min-width:1024px) {
    .section-bar-nav {
        clear: none;
        padding-top: 0;
        float: right
    }
}

.comment-list-item:after, .likes::after, .likes::before, .section-bar-t-extras:after {
    content: '';
    clear: both
}

.section-bar a, .section-bar-nav a {
    color: inherit;
    text-decoration: none;
    line-height: 30px;
    border-radius: 6px;
    padding: 0 8px;
    cursor: pointer
}

    .section-bar a:active, .section-bar a:hover, .section-bar-nav a.active, .section-bar-nav a:hover, .social-button.btn-t-ghost .icon::after {
        color: #fff
    }

    .section-bar a.active {
        background: #151515;
        color: #fff
    }

.section-bar-t-extras {
    zoom: 1;
    margin: -30px 0 30px;
    padding: 30px 0 35px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

    .section-bar-t-extras:after {
        display: table
    }

body[data-skin=Default] .section-bar-t-extras {
    background: #ccc
}

.section-bar-t-extras .section-bar-content, .section-bar-t-extras .section-bar-nav {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%
}

.section-bar-form .row + .row {
    margin-top: 1em
}

.section-bar-form .form-label {
    margin: .5em 0
}

.social {
    margin: 30px auto;
    max-width: 820px
}

.likes {
    padding: 0 30px;
    line-height: 1
}

body[data-skin=Default] .likes {
    padding: 30px 30px 10px !important
}

.likes > * {
    display: inline-block;
    vertical-align: top
}

.likes::after, .likes::before {
    display: block
}

.likes .social-button {
    margin-right: 16px;
    margin-bottom: 20px
}

.social-button a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.social-button [data-count] {
    vertical-align: middle
}

.comment-list-item-body a, .header-toggle .btn {
    vertical-align: top
}

.social-button.btn-t-ghost {
    padding-top: 9px;
    padding-bottom: 9px
}

    .social-button.btn-t-ghost .icon {
        margin-right: .5em;
        font-size: 20px
    }

.liker {
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 20px
}

    .liker img {
        width: 40px;
        height: 40px;
        border-radius: 50%
    }

.card, .tooltip {
    border-radius: 6px;
    overflow: hidden
}

.social-button:not(.btn-s-active) + .liker-me {
    display: none
}

.comments {
    max-width: 820px;
    margin: 30px auto 0
}

    .comments .pagination {
        margin: 30px auto;
        padding: 0
    }

.comment-form {
    padding: 15px
}

@media only screen and (min-width:768px) {
    .comment-form {
        padding: 30px
    }
}

.comment-form-submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .comment-form-submit span {
        margin-right: 16px
    }

.comment-list {
    padding: 0 !important;
    margin: 30px 0 10px
}

body[data-skin="Master of Puppets"] .comment-list {
    border-bottom: 1px solid #222
}

.comment-list-item {
    zoom: 1;
    border-top: 1px solid;
    position: relative;
    padding: 20px
}

    .comment-list-item:after {
        display: table
    }

    .comment-list-item a {
        color: inherit
    }

body[data-skin=Default] .comment-list-item {
    border-top-color: #dedede
}

.comment-list-item-t-reply {
    border-top-style: dashed;
    margin-left: 50px
}

.comment-list-item-image {
    display: block;
    float: left;
    width: 30px
}

@media only screen and (min-width:768px) {
    .comment-list {
        margin-bottom: 30px
    }

    .comment-list-item {
        padding: 20px 30px
    }

    .comment-list-item-t-reply {
        margin-left: 100px
    }

    .comment-list-item-image {
        width: 80px
    }
}

.comment-list-item-image img {
    width: 30px;
    height: 30px
}

@media only screen and (min-width:768px) {
    .comment-list-item-image img {
        width: 50px;
        height: 50px
    }
}

.comment-list-item-body {
    zoom: 1;
    display: block;
    float: right;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px)
}

    .comment-list-item-body:after, .comment-list-item-header:after {
        display: table;
        clear: both;
        content: ''
    }

@media only screen and (min-width:768px) {
    .comment-list-item-body {
        width: -webkit-calc(100% - 80px);
        width: calc(100% - 80px)
    }
}

.comment-list-item-author span, .comment-list-item-date, .reply-text, .tooltip-link, .tooltip-link > * {
    vertical-align: middle
}

.comment-list-item-header {
    zoom: 1
}

.comment-list-item-author {
    letter-spacing: .05em;
    display: block;
    float: left;
    text-decoration: none;
    margin-bottom: 10px;
    width: 70%;
    font-size: 18px
}

@media only screen and (min-width:768px) {
    .comment-list-item-author {
        font-size: 22px
    }
}

.comment-list-item-author span:first-child {
    display: inline-block;
    max-width: 60%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.comment-list-item-actions {
    float: right;
    font-size: 14px;
    text-align: right
}

body[data-skin=Default] .comment-list-item-actions {
    color: #444
}

.comment-list-item-actions .btn {
    padding: 0;
    color: inherit;
    margin-left: 12px;
    vertical-align: middle
}

.comment-list-item-date {
    font-style: italic
}

.comment-list-item-content {
    display: block
}

@media only screen and (min-width:768px) {
    .comment-list-item-content {
        font-size: 18px
    }
}

.reply-text {
    display: inline-block;
    width: 100%;
    margin-bottom: 1em
}

@media only screen and (min-width:666px) {
    .reply-text {
        width: auto;
        margin-right: auto;
        margin-bottom: 0
    }
}

.reply-text strong {
    margin-right: .5em
}

.reply-text span {
    margin-right: 0
}

.tooltip {
    zoom: 1;
    display: none;
    position: absolute;
    z-index: 900;
    margin: 10px;
    width: 210px;
    font: 18px/1 futura-pt-condensed,Futura,sans-serif;
    text-align: left;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.card-header-external, .metbox.loading:after {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.tooltip:after {
    content: '';
    display: table;
    clear: both
}

.tooltip > * {
    border-top: 1px solid
}

.tooltip > :first-child {
    border-top: 0
}

body[data-skin=Default] .tooltip {
    background: #fff;
    color: #222
}

    body[data-skin=Default] .tooltip .tooltip-link-m-half, body[data-skin=Default] .tooltip > * {
        border-color: #222
    }

.tooltip-link {
    display: block;
    clear: both;
    text-decoration: none;
    padding: 15px 20px;
    color: inherit
}

body[data-skin=Default] .tooltip-link:hover {
    color: #c60000
}

.tooltip-link .icon {
    display: inline-block;
    font-size: 18px;
    width: 20px;
    margin-right: 5px
}

.tooltip-link-m-half {
    clear: none;
    width: 50%;
    float: left
}

    .tooltip-link-m-half + .tooltip-link-m-half {
        border-left-width: 1px;
        border-left-style: solid
    }

.tooltip-overlay {
    display: none;
    position: fixed;
    cursor: pointer;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.4);
    z-index: 899
}

.card {
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 16px;
    background-clip: content-box;
    margin-bottom: 20px;
    z-index: 2
}

body[data-skin=Default] .card {
    background-color: #fff;
    color: #222
}

.card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    display: block;
    z-index: 1;
    background: rgba(255,255,255,.2)
}

.card-header {
    position: relative;
    padding: 15px
}

body[data-skin=Default] .card-header {
    background: #f4f4f4
}

.card-header > * {
    margin: 0
}

@media only screen and (min-width:768px) {
    .card-header {
        padding: 20px
    }
}

.card-header-external {
    position: absolute;
    display: block;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

body[data-skin=Default] .card-header-external {
    color: #c60000
}

.card-overlay-t-feature, .card-overlay-t-sale {
    top: 0;
    color: #fff;
    pointer-events: none;
    border-style: solid
}

.card-header-external .btn-t-external {
    display: block;
    padding: 0
}

.card-overlay {
    position: absolute;
    display: block;
    z-index: 50;
    font-family: futura-pt-condensed,Futura,sans-serif;
    font-style: italic;
    font-size: 22px
}

.card-overlay-m-static {
    position: static
}

.card-overlay-t-feature {
    left: 0;
    border-width: 65px 120px 0 0;
    border-color: rgba(88,160,222,.8) transparent transparent
}

    .card-overlay-t-feature::after {
        content: 'Feature';
        position: absolute;
        left: 8px;
        bottom: 32px;
        white-space: nowrap
    }

.card-overlay-t-sale {
    left: 0;
    border-width: 60px 110px 0 0;
    border-color: #2fb789 transparent transparent
}

    .card-overlay-t-sale::after {
        content: 'Sale';
        position: absolute;
        left: 15px;
        bottom: 25px;
        white-space: nowrap
    }

.card-gallery:after, .card-media::before {
    content: ''
}

.card-overlay-t-exclusive, .card-overlay-t-store-extra {
    font-family: calluna-sans,"Gill Sans",Calibri,"Trebuchet MS",sans-serif;
    top: auto;
    bottom: 0;
    padding: 10px 20px;
    text-align: center;
    width: 100%;
    font-size: 18px;
    display: block;
    color: #fff;
    font-weight: 700
}

.card-overlay-t-store-extra {
    background: rgba(245,83,44,.8)
}

.card-overlay-t-exclusive {
    background: rgba(88,160,222,.8)
}

.card-gallery-item, .card-media {
    background-size: cover;
    background-position: center center
}

.card-media {
    position: relative;
    display: block;
    background-repeat: no-repeat
}

    .card-media::before {
        display: block;
        padding-top: 70%
    }

body[data-skin=Default] .card-media {
    background-color: #dedede
}

.card-t-store .card-media {
    background-color: #fff
}

@media only screen and (max-width:767px) {
    .card-media-t-mobile + .card-media {
        display: none
    }
}

body.touchevents a.card-media:hover {
    opacity: 1
}

.card-gallery-item:hover, .card-title a:hover {
    opacity: .8
}

.card-media-m-container::before {
    display: none
}

.card-media-m-container img {
    margin: 0 auto
}

.card-media-m-flag::before {
    background-color: #fff;
    padding-top: 80%
}

.card-media-m-flag img {
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    max-width: 80%;
    max-height: 80%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.card-media-t-video-container::before {
    padding-top: 56.25%
}

.card-media-t-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card-gallery-item.video::after, .card-media-t-video-container .icon-play {
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.card-media-t-video-container .icon-play {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 48px;
    z-index: 5;
    text-shadow: 0 0 10px #000
}

.card-media-external-link {
    position: absolute;
    left: 20px;
    bottom: 20px;
    color: #fff !important;
    text-shadow: 1px 1px 1px #000 !important;
    z-index: 100;
    padding: 0
}

@media only screen and (min-width:768px) {
    .card-media-t-mobile {
        display: none
    }

    .card-media-external-link {
        left: auto;
        right: 20px
    }
}

.card-title {
    display: block;
    font-size: 22px;
    margin: 0 0 10px;
    line-height: 1
}

body[data-skin=Default] .card-title {
    color: #151515
}

@media only screen and (min-width:768px) {
    .card-title {
        margin-bottom: 30px
    }

    .card-l-featured .card-title, .card-l-featured-right .card-title, .card-l-horizontal .card-title {
        margin-bottom: 30px;
        font-size: 28px
    }
}

.card-body p, .card-body-content {
    margin-bottom: 20px
}

.card-title a {
    display: block;
    color: inherit;
    text-decoration: none
}

.card-body {
    display: block;
    position: relative;
    padding: 20px;
    text-align: left
}

.card-l-featured .card-body, .card-l-featured-right .card-body, .card-l-horizontal .card-body, .card-l-vertical .card-body {
    border-top: 2px solid transparent
}

@media only screen and (min-width:520px) {
    .card-l-blog-list .card-body {
        border-top: none
    }

    .card-l-blog-list .card-media + .card-body {
        border-left: 2px solid transparent
    }
}

@media only screen and (min-width:768px) {
    .card-l-featured .card-body, .card-l-horizontal .card-body {
        border-top: none;
        border-left: 2px solid transparent
    }

    .card-l-featured-right .card-body {
        border-top: none;
        border-right: 2px solid transparent
    }

    .card-l-carousel .card-body {
        height: 400px;
        overflow: hidden
    }
}

body[data-skin=Default] .card-t-band .card-body, body[data-skin=Default] .card-t-media .card-body, body[data-skin=Default] .card-t-metclub .card-body, body[data-skin=Default] .card-t-news .card-body, body[data-skin=Default] .card-t-store .card-body, body[data-skin=Default] .card-t-tour .card-body {
    border-color: #151515
}

.card-body-m-compact-padding {
    padding: 0
}

.card-body-wrapper {
    padding: 20px
}

.card-body-content :empty {
    display: none
}

.card-small-print {
    font-size: 14px;
    font-style: italic;
    padding-bottom: 20px
}

.card-gallery {
    zoom: 1;
    overflow: hidden
}

    .card-gallery:after {
        display: table;
        clear: both
    }

    .card-gallery > :nth-child(1) {
        width: 50%;
        height: 180px
    }

@media only screen and (min-width:768px) {
    .card-gallery > :nth-child(1) {
        height: 280px
    }
}

.card-gallery-item {
    position: relative;
    display: block;
    float: left;
    width: 25%;
    height: 90px
}

@media only screen and (min-width:768px) {
    .card-gallery-item {
        height: 140px
    }
}

body.touchevents .card-gallery-item:hover {
    opacity: 1
}

.card-gallery-item.video::after {
    content: "";
    position: absolute;
    left: 50%;
    width: auto;
    height: auto;
    right: auto;
    background: 0 0;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 48px;
    z-index: 5;
    font-family: icomoon;
    text-shadow: 0 0 10px #000
}

.card-l-blog-list-footer:after, .card-l-blog-list:after, .card-l-featured:after, .card-l-horizontal:after {
    content: '';
    clear: both
}

.card-date, .card-info {
    font-style: italic;
    font-size: 24px;
    padding: 20px 0
}

@media only screen and (min-width:768px) {
    .card-date, .card-info {
        font-style: italic;
        font-size: 24px;
        padding-bottom: 20px;
        padding-top: 0
    }
}

body[data-skin=Default] .card-date, body[data-skin=Default] .card-info {
    color: #222
}

.card-action {
    text-align: center
}

.card-description {
    font-size: 20px;
    position: relative
}

.card-purchase {
    display: block;
    margin-bottom: 16px
}

    .card-price, .card-purchase > a {
        display: inline-block;
        vertical-align: middle
    }

    .card-purchase .btn-t-add-to-cart {
        margin-right: 6px;
        margin-bottom: 4px
    }

.card-price {
    font-size: 18px
}

body[data-skin=Default] .card-price {
    color: #151515
}

.card-price-sale {
    padding-bottom: 2px;
    display: block;
    font-size: 14px;
    text-decoration: line-through
}

.card-t-contest a.card-body, .card-t-wallpaper a, .event-info a, .footer a, .header a, .notification-link a, .social-link-list a, .sowhat-callout-background {
    text-decoration: none
}

body[data-skin=Default] .card-price-sale {
    color: #222
}

.card-external-link {
    display: block;
    font-size: 12px;
    color: inherit;
    padding: 0
}

.card-l-horizontal {
    zoom: 1
}

    .card-l-horizontal:after {
        display: table
    }

@media only screen and (min-width:768px) {
    .card-external-link {
        position: absolute;
        bottom: 20px;
        right: 20px
    }

    .card-l-horizontal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .card-l-horizontal .card-media {
            -webkit-box-flex: 220px;
            -webkit-flex: 220px 0 0;
            -ms-flex: 220px 0 0;
            flex: 220px 0 0
        }
}

.card-l-featured {
    zoom: 1
}

    .card-l-featured:after {
        display: table
    }

@media only screen and (min-width:768px) {
    .card-l-featured .card-media {
        width: 60.86957%
    }

        .card-l-featured .card-media::before {
            padding-top: 57.14286%
        }

    .card-l-featured .card-body {
        position: absolute;
        left: 60.86957%;
        right: 0;
        top: 0;
        height: 100%
    }

    .card-l-featured .card-l-featured-content {
        height: -webkit-calc(100% - 28px);
        height: calc(100% - 28px);
        overflow: hidden
    }

        .card-l-featured .card-l-featured-content a {
            display: inline
        }

        .card-l-featured .card-l-featured-content::after {
            display: block;
            content: '';
            position: absolute;
            top: -webkit-calc(100% - 88px);
            top: calc(100% - 88px);
            height: 40px;
            left: 0;
            right: 0;
            pointer-events: none
        }

    body[data-skin=Default] .card-l-featured .card-l-featured-content::after {
        background: -webkit-linear-gradient(top,rgba(255,255,255,.4),#fff);
        background: linear-gradient(to bottom,rgba(255,255,255,.4),#fff)
    }
}

.card-l-blog-list {
    zoom: 1
}

    .card-l-blog-list:after {
        display: table
    }

@media only screen and (min-width:520px) {
    .card-l-blog-list .card-media {
        width: 220px;
        float: left
    }

    .card-l-blog-list .card-body {
        height: 220px
    }

    .card-l-blog-list .card-media + .card-body {
        margin-left: 220px
    }
}

.card-l-blog-list-content p:last-child {
    margin-bottom: 30px
}

@media only screen and (max-width:519px) {
    .card-body .card-l-blog-list-content {
        max-height: 160px;
        overflow: hidden
    }

        .card-body .card-l-blog-list-content::after {
            display: block;
            content: '';
            position: absolute;
            top: -webkit-calc(100% - 95px);
            top: calc(100% - 95px);
            height: 40px;
            left: 0;
            right: 0;
            pointer-events: none
        }

    body[data-skin=Default] .card-body .card-l-blog-list-content::after {
        background: -webkit-linear-gradient(top,rgba(255,255,255,.4),#fff);
        background: linear-gradient(to bottom,rgba(255,255,255,.4),#fff)
    }
}

@media only screen and (min-width:520px) {
    .card-body .card-l-blog-list-content {
        height: -webkit-calc(100% - 35px);
        height: calc(100% - 35px);
        overflow: hidden
    }

        .card-body .card-l-blog-list-content::after {
            display: block;
            content: '';
            position: absolute;
            top: -webkit-calc(100% - 95px);
            top: calc(100% - 95px);
            height: 40px;
            left: 0;
            right: 0;
            pointer-events: none
        }

    body[data-skin=Default] .card-body .card-l-blog-list-content::after {
        background: -webkit-linear-gradient(top,rgba(255,255,255,.4),#fff);
        background: linear-gradient(to bottom,rgba(255,255,255,.4),#fff)
    }
}

.card-l-blog-list-footer {
    zoom: 1;
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .card-l-blog-list-footer:after {
        display: table
    }

    .card-l-blog-list-footer > * {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        text-align: left
    }

    .card-l-blog-list-footer .card-date {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

@media only screen and (max-width:876px) {
    .card-l-blog-list-footer .card-date {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

.card-l-blog-list-footer .card-social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 5px;
    max-width: 250px
}

.card-l-blog-list-footer .btn {
    font-size: 14px
}

    .card-l-blog-list-footer .btn span, .card-t-wallpaper a {
        font-size: 18px
    }

.card-l-blog-list-footer > :last-child {
    padding-top: 3px;
    text-align: right
}

@media only screen and (max-width:876px) {
    .card-l-blog-list-footer > :last-child {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .card-l-featured-right .card-media {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 60%
    }

    .card-l-featured-right .card-body {
        width: 40%;
        float: left
    }
}

.card-l-carousel-slide {
    width: 100%
}

    .card-l-carousel-slide:not(.cycle-slide):not(:first-child) {
        position: absolute;
        left: 100%
    }

.card-l-carousel-pager {
    display: block;
    margin: 0 0 20px 20px
}

@media only screen and (min-width:768px) {
    .card-l-carousel-pager {
        z-index: 500;
        position: absolute;
        bottom: 14px;
        left: 60.86957%;
        margin-bottom: 0
    }
}

.card-t-contest, .card-t-event {
    position: relative;
    overflow: hidden
}

.card-l-carousel-pager span {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer
}

.card-t-contest .card-footer, .card-t-event .card-body, .card-t-event .card-footer {
    width: 100%;
    text-align: center
}

body[data-skin=Default] .card-l-carousel-pager span {
    border: 1px solid #151515
}

.card-l-carousel-pager span:not(:last-child) {
    margin-right: 14px
}

body[data-skin=Default] .card-l-carousel-pager span.cycle-pager-active {
    background-color: #151515
}

.card-t-video-album .card-media a {
    background-position: center center;
    background-size: cover
}

.card-t-video-album .card-media::before {
    padding-top: 56.25%
}

.card-t-wallpaper .card-media::before {
    padding-top: 70%
}

.card-t-wallpaper .card-body {
    text-align: center
}

    .card-t-wallpaper .card-body a {
        display: inline-block;
        vertical-align: middle;
        padding: 5px 10px
    }

    .card-t-wallpaper .card-body span {
        display: inline-block;
        vertical-align: middle
    }

body[data-skin=Default] .card-t-wallpaper a {
    color: #151515
}

    body[data-skin=Default] .card-t-wallpaper a:hover {
        color: #c60000
    }

.card-t-transparent {
    background: 0 0
}

.card-t-event {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .band-member-stat .card-t-event dt, .card-t-event .band-member-stat dt, .card-t-event .exclusives-nav-link, .card-t-event .heading, .card-t-event .legal-body h3, .card-t-event .legal-body h4, .card-t-event .metclub-community-post-title, .card-t-event .metclub-community-username span:not(.metclub-community-user-admin), .legal-body .card-t-event h3, .legal-body .card-t-event h4, .metclub-community-username .card-t-event span:not(.metclub-community-user-admin) {
        display: block;
        padding-bottom: 15px;
        word-wrap: break-word
    }

    .card-t-event .card-body p {
        margin-bottom: 0
    }

    .card-t-event .card-footer {
        margin-top: auto;
        margin-bottom: auto
    }

    .card-t-event .btn {
        padding: 10px 30px;
        font-size: 20px;
        margin: 10px 0;
        max-width: 100%
    }

        .card-t-event .btn:last-child {
            margin-bottom: 20px
        }

    .card-t-event .card-title-month-year {
        font-size: 18px;
        font-family: calluna-sans,"Gill Sans",Calibri,"Trebuchet MS",sans-serif
    }

    .card-t-event .card-title-day {
        font-size: 28px;
        font-weight: 700;
        display: inline-block;
        vertical-align: middle
    }

    .band-member-stat .card-t-event dt, .card-t-event .band-member-stat dt, .card-t-event .exclusives-nav-link, .card-t-event .heading, .card-t-event .legal-body h3, .card-t-event .legal-body h4, .card-t-event .metclub-community-post-title, .card-t-event .metclub-community-username span:not(.metclub-community-user-admin), .legal-body .card-t-event h3, .legal-body .card-t-event h4, .metclub-community-username .card-t-event span:not(.metclub-community-user-admin) {
        font-size: 26px
    }

body[data-skin=Default] .card-t-event .card-description h2 {
    color: #151515
}

.card-t-contest {
    max-height: 350px
}

    .band-member-stat .card-t-contest dt, .card-t-contest .band-member-stat dt, .card-t-contest .exclusives-nav-link, .card-t-contest .heading, .card-t-contest .legal-body h3, .card-t-contest .legal-body h4, .card-t-contest .metclub-community-post-title, .card-t-contest .metclub-community-username span:not(.metclub-community-user-admin), .legal-body .card-t-contest h3, .legal-body .card-t-contest h4, .metclub-community-username .card-t-contest span:not(.metclub-community-user-admin) {
        display: block;
        padding-bottom: 15px;
        word-wrap: break-word
    }

    .card-t-contest .card-body {
        padding-bottom: 95px
    }

    .card-t-contest .card-footer {
        position: absolute;
        bottom: 0;
        padding-top: 50px
    }

body[data-skin=Default] .card-t-contest .card-footer {
    background: -webkit-linear-gradient(bottom,#fff 65%,rgba(255,255,255,.1));
    background: linear-gradient(to top,#fff 65%,rgba(255,255,255,.1))
}

.card-t-contest .btn {
    padding: 10px 50px;
    font-size: 20px;
    margin: 10px 0
}

    .card-t-contest .btn:last-child {
        margin-bottom: 20px
    }

.card-t-contest a.card-body {
    color: inherit
}

.card-t-contest .card-date-location {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .card-t-contest .card-date-location .icon-calendar {
        font-size: 21px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 15%;
        -ms-flex: 1 15%;
        flex: 1 15%
    }

body[data-skin=Default] .card-t-contest .card-date-location .icon-calendar {
    color: #151515
}

.card-t-contest .card-date {
    -webkit-box-flex: 1;
    -webkit-flex: 1 85%;
    -ms-flex: 1 85%;
    flex: 1 85%
}

.card-t-contest .btn-t-winner {
    padding: 10px 20px
}

body[data-skin=Default] .card-t-contest.card-t-contest-s-entered {
    background-color: #f4f4f4
}

    body[data-skin=Default] .card-t-contest.card-t-contest-s-entered .card-footer {
        background: -webkit-linear-gradient(bottom,#f4f4f4 65%,rgba(244,244,244,.1));
        background: linear-gradient(to top,#f4f4f4 65%,rgba(244,244,244,.1))
    }

.card-t-contest.card-t-contest-s-ended {
    opacity: .6
}

    .card-t-contest.card-t-contest-s-ended:hover {
        opacity: .9
    }

.card-member-count {
    font-size: 40px
}

    .card-member-count small {
        font-size: 22px
    }

body[data-skin=Default] .card-member-count small {
    color: #222
}

.card-category:not(:empty)::before {
    content: ' - '
}

.card-t-comment-box {
    margin-bottom: 10px
}

.card-t-video {
    display: block;
    position: relative
}

    .card-t-video .card-media::before {
        padding-top: 56.25%
    }

    .card-t-video::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: auto;
        right: auto;
        background: 0 0;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        color: #fff;
        font-size: 48px;
        z-index: 5;
        font-family: icomoon;
        text-shadow: 0 0 10px #000
    }

    .card-t-video .card-t-video-title, .main-nav {
        font-family: futura-pt-condensed,Futura,sans-serif;
        text-transform: uppercase;
        overflow: hidden
    }

.club-news-card .club-news-card-content::after, .club-news-card .club-news-card-footer:after, .header:after, .main-nav-list:after, .mobile-nav-toggle-icon:after, .mobile-nav-toggle-icon:before, .store-list:after, .sub-nav:after {
    content: ''
}

.card-t-video .card-overlay-t-exclusive {
    bottom: 46px;
    -webkit-transition: bottom 250ms;
    transition: bottom 250ms
}

.card-t-video .card-t-video-title {
    -webkit-transition: bottom 250ms;
    transition: bottom 250ms;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.8);
    color: #fff;
    padding: 12px 18px;
    letter-spacing: .05em;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 46px;
    line-height: 24px
}

@media only screen and (min-width:768px) {
    .card-t-comment-box {
        margin-bottom: 20px
    }

    .card-t-video .card-t-video-title {
        height: 48px;
        bottom: -48px;
        font-size: 18px
    }

    .card-t-video .card-overlay-t-exclusive, .card-t-video:hover .card-t-video-title {
        bottom: 0
    }

        .card-t-video:hover .card-t-video-title + .card-overlay-t-exclusive {
            bottom: 48px
        }

    .card-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .card-row > .card {
            width: -webkit-calc(50% - 20px);
            width: calc(50% - 20px);
            margin-left: 10px;
            margin-right: 10px
        }
}

@media only screen and (min-width:1024px) {
    .card-row > .card {
        width: -webkit-calc(25% - 20px);
        width: calc(25% - 20px)
    }

    .card-row > .scard {
        width: -webkit-calc(33% - 20px);
        width: calc(33% - 20px)
    }
}

@media only screen and (min-width:480px) {
    .card-row-l-5 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .card-row-l-5 > .card {
            width: -webkit-calc(50% - 20px);
            width: calc(50% - 20px);
            margin-left: 10px;
            margin-right: 10px
        }
}

@media only screen and (min-width:768px) {
    .card-row-l-5 > .card {
        width: -webkit-calc(33% - 20px) !important;
        width: calc(33% - 20px) !important
    }
}

@media only screen and (min-width:1024px) {
    .card-row-l-5 > .card {
        width: -webkit-calc(25% - 20px) !important;
        width: calc(25% - 20px) !important
    }
}

@media only screen and (min-width:1150px) {
    .card-row-l-5 > .card {
        width: -webkit-calc(20% - 20px) !important;
        width: calc(20% - 20px) !important
    }
}

@media only screen and (min-width:480px) {
    .card-row-l-3 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .card-row-l-3 > .card {
            width: -webkit-calc(50% - 20px);
            width: calc(50% - 20px);
            margin-left: 10px;
            margin-right: 10px
        }
}

@media only screen and (min-width:1024px) {
    .card-row-l-3 > .card {
        width: -webkit-calc(33.333% - 20px) !important;
        width: calc(33.333% - 20px) !important
    }
}

@media only screen and (min-width:768px) {
    .card-row-l-2 > .card {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px)
    }
}

@media only screen and (min-width:1024px) {
    .card-row-l-2 > .card {
        width: -webkit-calc(50% - 20px);
        width: calc(50% - 20px)
    }
}

@media only screen and (min-width:768px) {
    .sowhat-callout {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .sowhat-callout > * {
            width: 50%
        }
}

@media only screen and (min-width:1024px) {
    .sowhat-callout > * {
        width: -webkit-calc(33.333% - 10px);
        width: calc(33.333% - 10px)
    }

    .sowhat-callout > :first-child {
        width: -webkit-calc(66.666% + 10px);
        width: calc(66.666% + 10px)
    }
}

.sowhat-callout .card {
    box-shadow: none !important;
    border-radius: 0;
    margin: 0
}

    .sowhat-callout .card .card-media::before {
        padding-top: 57.14285714%
    }

.sowhat-callout-background {
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-shadow: 1px 1px 8px #000
}

    .sowhat-callout-background::before {
        display: none
    }

@media only screen and (min-width:768px) {
    .sowhat-callout-background::before {
        display: block;
        padding-top: 40% !important
    }

    .sowhat-callout-logo {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.sowhat-callout-logo {
    padding: 20px 10px;
    margin: 0 auto;
    width: 100%
}

    .sowhat-callout-logo p {
        margin: 0 auto;
        max-width: 290px
    }

    .sowhat-callout-logo svg {
        margin: 10px auto;
        width: 291px;
        height: 80px;
        fill: #fff
    }

.header {
    zoom: 1;
    -webkit-transition: height 250ms,padding 250ms;
    transition: height 250ms,padding 250ms;
    background: rgba(255,255,255,.9);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    font-size: 18px;
    border-bottom: 1px solid rgba(34,34,34,.4)
}

    .header:after {
        display: table;
        clear: both
    }

    .header a {
        color: #222;
        font-weight: 500
    }

@media only screen and (min-width:1125px) {
    .header {
        /*position: absolute;*/
        height: 60px;
        border-bottom: 0
    }

        .header.visible-sub-nav {
            padding-top: 60px;
            height: 120px
        }
}

.header-toggle {
    display: block;
    padding: 15px;
    position: absolute;
    top: 0;
    right: 0
}

@media only screen and (min-width:1125px) {
    .header-toggle {
        display: none
    }
}

.secondary-nav {
    float: left
}

.mobile-nav-toggle-icon {
    position: relative;
    margin: 8px 0
}

    .mobile-nav-toggle-icon, .mobile-nav-toggle-icon::after, .mobile-nav-toggle-icon::before {
        display: block;
        width: 25px;
        height: 3px;
        background: #222;
        -webkit-transition: .3s;
        transition: .3s
    }

        .mobile-nav-toggle-icon:after, .mobile-nav-toggle-icon:before {
            position: absolute
        }

        .mobile-nav-toggle-icon:before {
            top: -8px
        }

        .mobile-nav-toggle-icon:after {
            top: 8px
        }

.btn-s-active .mobile-nav-toggle-icon {
    background: 0 0
}

    .btn-s-active .mobile-nav-toggle-icon:before {
        -webkit-transform: translateY(8px) rotate(45deg);
        -ms-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg)
    }

    .btn-s-active .mobile-nav-toggle-icon:after {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        -ms-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg)
    }

.main-nav {
    -webkit-transition: margin 250ms,max-height 250ms;
    transition: margin 250ms,max-height 250ms;
    max-height: 0;
    letter-spacing: .075em
}

@media only screen and (min-width:1125px) {
    .main-nav {
        display: block;
        text-align: right;
        float: right;
        max-height: none
    }

    .main-nav-m-secondary {
        float: left
    }
}

.footer-nav, .important-notice, .styleguide-section-intro h2 {
    text-align: center
}

.main-nav-m-secondary {
    max-height: none
}

.main-nav-s-visible {
    max-height: -webkit-calc(100vh - 54px);
    max-height: calc(100vh - 54px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.main-nav-list {
    zoom: 1;
    list-style: none;
    padding: 0
}

    .main-nav-list:after {
        display: table;
        clear: both
    }

.main-nav-list-item {
    display: block
}

    .main-nav-list-item a {
        position: relative;
        display: block;
        padding: 15px 20px
    }

@media only screen and (max-width:1124px) {
    .main-nav-list-item {
        border-top: 1px solid rgba(34,34,34,.4)
    }
}

@media only screen and (min-width:1125px) {
    .main-nav-list-item {
        float: left;
        margin-right: 10px
    }

        .main-nav-list-item a {
            padding: 15px 20px;
            line-height: 30px
        }
}

.main-nav-list-item-t-auth {
    float: left;
    border: none;
    margin-right: 10px;
    border-top: 0 !important
}

    .main-nav-list-item-t-auth a {
        padding: 15px 20px
    }

.main-nav-list-item-t-user {
    border-top: 0 !important
}

    .main-nav-list-item-t-user > a {
        float: left;
        padding: 12px 15px 10px
    }

    .main-nav-list-item-t-user span {
        display: inline-block;
        vertical-align: middle;
        max-width: 150px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-family: calluna-sans,"Gill Sans",Calibri,"Trebuchet MS",sans-serif;
        text-transform: none;
        letter-spacing: normal
    }

    .main-nav-list-item-t-user img {
        display: inline-block;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        margin-right: 10px;
        vertical-align: middle
    }

@media only screen and (min-width:1024px) {
    .main-nav-list-item-t-user img {
        margin-right: 15px
    }
}

@media only screen and (min-width:1125px) {
    .main-nav-list-item-t-user > a {
        padding: 14px 30px
    }

    .main-nav-list-item-t-user {
        border-right: 1px solid rgba(34,34,34,.4) !important
    }

        .main-nav-list-item-t-user span {
            max-width: 125px
        }

    .main-nav-list-item > a.active::after, .main-nav-list-item > a:hover::after, body.band .main-nav-list-item-t-band a::after, body.home .main-nav-list-item-t-home a::after, body.media .main-nav-list-item-t-media a::after, body.metclub .main-nav-list-item-t-metclub a::after, body.music .main-nav-list-item-t-music a::after, body.news .main-nav-list-item-t-news a::after, body.store .main-nav-list-item-t-store a::after, body.tour .main-nav-list-item-t-tour a::after {
        top: 0;
        opacity: 1
    }

    .main-nav-list-item > a::after {
        content: '';
        -webkit-transition: top 250ms,opacity 250ms;
        transition: top 250ms,opacity 250ms;
        position: absolute;
        top: -5px;
        left: 20px;
        right: 20px;
        height: 5px;
        opacity: 0
    }

    body[data-skin=Default] .main-nav-list-item a.active, body[data-skin=Default] .main-nav-list-item a:hover {
        color: #c60000
    }

    body[data-skin=Default] .main-nav-list-item a::after {
        background: #151515
    }
}

@media only screen and (max-width:1124px) {
    .main-nav-list-item-t-cart {
        position: fixed;
        top: 0;
        right: 55px;
        border: 0;
        font-size: 26px;
        line-height: 1
    }

        .main-nav-list-item-t-cart a {
            padding-top: 12px;
            padding-bottom: 12px
        }
}

@media only screen and (min-width:1125px) {
    .main-nav-list-item-t-cart {
        border-left: 1px solid rgba(34,34,34,.4);
        margin-right: 0
    }

        .main-nav-list-item-t-cart > a {
            font-size: 1.2em;
            line-height: 1;
            padding: 19px 25px
        }

            .main-nav-list-item-t-cart > a:hover {
                opacity: .4;
                color: inherit !important
            }

            .main-nav-list-item-t-cart > a::after {
                display: none
            }
}

.main-nav-list-item-t-cart[data-cart-count="0"] {
    display: none
}

.main-nav-list-item-t-audio-player a {
    cursor: pointer
}

    .main-nav-list-item-t-audio-player a span {
        vertical-align: baseline
    }

@media only screen and (max-width:1124px) {
    .main-nav-list-item-t-audio-player {
        position: fixed;
        top: 0;
        right: 110px;
        border: 0;
        font-size: 30px;
        line-height: 1
    }

    .main-nav-list-item-t-cart[data-cart-count="0"] + .main-nav-list-item-t-audio-player {
        right: 55px
    }

    .main-nav-list-item-t-audio-player a {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media only screen and (min-width:1125px) {
    .main-nav-list-item-t-audio-player {
        border-left: 1px solid rgba(34,34,34,.4);
        margin-right: 0
    }

        .main-nav-list-item-t-audio-player > a {
            font-size: 1.5em;
            line-height: 1;
            padding: 16px
        }

            .main-nav-list-item-t-audio-player > a::after {
                display: none
            }
}

.sub-nav {
    zoom: 1;
    -webkit-transition: top 250ms;
    transition: top 250ms;
    background: rgba(51,51,51,.95);
    display: block;
    overflow: hidden;
    clear: both
}

    .sub-nav:after {
        display: table;
        clear: both
    }

.sub-nav-list, .sub-nav-login-action {
    padding: 0;
    display: block;
    list-style: none
}

.sub-nav a {
    color: #fff;
    pointer-events: auto
}

.sub-nav-list {
    -webkit-transition: max-height 250ms,opacity 250ms;
    transition: max-height 250ms,opacity 250ms;
    max-height: 0;
    overflow: hidden
}

.sub-nav-list-s-visible {
    max-height: 999px
}

@media only screen and (min-width:1125px) {
    .sub-nav, .sub-nav-list {
        position: absolute;
        right: 0
    }

    .sub-nav {
        display: block;
        top: -60px;
        left: 0;
        width: 100%;
        height: 60px;
        pointer-events: none
    }

    .visible-sub-nav .sub-nav {
        top: 0
    }

    .sub-nav-list {
        opacity: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 5
    }

    .main-nav-m-secondary .sub-nav-list {
        right: auto;
        left: 0
    }

    .sub-nav-list-s-visible {
        opacity: 1
    }

    .sub-nav-login-action {
        float: left;
        margin-left: 10px
    }
}

.sub-nav-login-action .sub-nav-list-item {
    display: inline-block
}

.sub-nav-list-item:empty {
    display: none
}

.important-notice {
    clear: both;
    padding: 1em;
    color: #fff
}

    .important-notice a {
        color: inherit
    }

body[data-skin=Default] .important-notice {
    background: rgba(198,0,0,.75)
}

.status-nav-item {
    position: relative
}

    .status-nav-item a.icon-globe {
        color: #222;
        display: inline-block;
        font-size: 28px;
        padding: 15px 7px
    }

        .status-nav-item a.icon-globe:after, .status-nav-item a.icon-globe:hover:after {
            content: '';
            width: 12px;
            height: 12px;
            border-radius: 60px;
            background: #c00 !important;
            top: 16px !important;
            position: absolute;
            left: 24px;
            border: 2px solid rgba(255,255,255,.9);
            opacity: 0
        }

        .status-nav-item a.icon-globe.new-status:after {
            opacity: 1
        }

@media only screen and (max-width:1124px) {
    .status-nav-item {
        border: 0;
        position: absolute;
        top: 0;
        right: 54px
    }

        .status-nav-item a.icon-globe {
            padding: 12px 7px
        }
}

.tooltip[data-tooltip-name=statuses] {
    overflow: visible
}

@media only screen and (min-width:1125px) {
    .sub-nav-list {
        float: right
    }

    .sub-nav-list-item {
        margin-right: 10px;
        float: left
    }

    .tooltip[data-tooltip-name=statuses]:before {
        content: '';
        border-style: solid;
        border-width: 0 10px 10px;
        border-color: transparent transparent #222;
        width: 0;
        height: 0;
        position: absolute;
        top: -8px;
        left: 45%;
        border-radius: 2px
    }

    body[data-skin=Default] .tooltip[data-tooltip-name=statuses]:before {
        border-bottom-color: #f4f4f4
    }
}

.footer, .styleguide-section, .styleguide-section-content {
    position: relative
}

.tooltip[data-tooltip-name=statuses] .container {
    overflow: auto;
    max-height: 220px
}

.notification-heading, .notification-heading:hover {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

body[data-skin=Default] .notification-heading, body[data-skin=Default] .notification-heading:hover {
    color: #222;
    background: #f4f4f4
}

.notification-link {
    cursor: inherit !important;
    border-top: 1px solid #4e4e4e
}

    .notification-link:first-child {
        border-top: 0
    }

    .notification-link:hover {
        color: inherit !important
    }

    .notification-link a {
        text-transform: lowercase
    }

.footer, .inline-form .form-label {
    font-family: futura-pt-condensed,Futura,sans-serif;
    text-transform: uppercase
}

body[data-skin=Default] .notification-link a {
    color: #c60000 !important
}

.notification-link a:hover {
    opacity: .7
}

.footer {
    background: #181818;
    color: #fff;
    font-size: 18px;
    padding: 1em 0 3em;
    overflow: hidden
}

    .footer a {
        -webkit-transition: 250ms;
        transition: 250ms;
        color: inherit
    }

        .footer a:hover {
            opacity: .8
        }

.footer-logo {
    display: block;
    margin: 0 auto 1em
}

@media only screen and (min-width:1060px) {
    .footer-logo {
        margin-bottom: 0
    }

        .footer-logo svg {
            height: 190px
        }
}

.footer-logo svg {
    fill: #fff;
    margin: 0 auto;
    max-width: 526px;
    width: 100%
}

body[data-skin=Default] .styleguide-section-intro svg, body[data-skin=Default] .user-view-header .metclub-community-legacy-member path {
    fill: #222
}

.footer-nav {
    max-width: 320px;
    margin: 5px auto 0;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: .1em;
    cursor: default
}

@media only screen and (min-width:1060px) {
    .footer-nav {
        position: relative;
        z-index: 1;
        margin-top: -45px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (-webkit-min-device-pixel-ratio:2) {
    .intro {
        padding: 29.86111111% 20px 0
    }

    .intro-content {
        top: 50%
    }

    .footer-logo svg {
        height: 120px
    }

    .footer-nav {
        margin-top: -45px
    }

    .intro-logo {
        max-width: 450px
    }

    .column, .columns {
        padding-left: 0;
        padding-right: 10px
    }

        .column.four-lg, .columns.four-lg {
            width: 33.33333%
        }

        .column.eight-lg, .columns.eight-lg {
            width: 66.66667%
        }
}

.footer-nav a, .footer-nav span {
    display: inline-block;
    padding: 0 5px
}

    .footer-nav a:not(:first-child), .footer-nav span:not(:first-child) {
        margin-left: 11px
    }

.footer-nav .stagebloc:hover {
    color: #46aaff
}

.footer-blackened {
    margin-top: 20px
}

    .footer-blackened img {
        width: 136px;
        margin: 0 auto
    }

.styleguide-section-intro {
    margin: 30px 0
}

    .styleguide-section-intro a {
        display: block
    }

    .styleguide-section-intro svg {
        margin: 0 auto
    }

.styleguide-section {
    margin-bottom: 30px;
    font-size: 18px
}

    .styleguide-section .styleguide-section-title {
        padding-top: 30px
    }

body[data-skin=Default] .styleguide-section .styleguide-section-title {
    border-top: 1px solid #222
}

.styleguide-section pre {
    display: none;
    text-align: left;
    background: rgba(0,0,0,.5);
    color: #fff;
    padding: 1em;
    font-size: 14px
}

.styleguide-section-title {
    font-style: italic;
    font-weight: 400
}

.styleguide-section-header {
    margin-bottom: 30px
}

    .styleguide-section-header a {
        color: inherit
    }

.styleguide-margin {
    margin-bottom: 15px
}

.styleguide-section-code {
    display: block;
    margin-bottom: 30px
}

    .styleguide-section-code pre {
        word-wrap: break-word
    }

.icon-list span {
    font-size: 8em
}

.button-list, .color-list, .icon-list {
    text-align: center
}

.button-list-item-container {
    position: relative;
    display: block;
    height: 100px
}

@media only screen and (min-width:648px) {
    .button-list .columns, .color-list .columns, .icon-list .columns {
        margin-bottom: 30px
    }

    .button-list-item-container {
        height: 200px
    }
}

.button-list-item-container .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.colors-list-item-box {
    height: 100px
}

@media only screen and (min-width:768px) {
    .styleguide-section pre {
        display: block
    }

    .colors-list-item-box {
        height: 200px
    }

    body[data-skin=Default] .colors-list-item-box {
        border: 1px solid rgba(34,34,34,.5)
    }

    .inline-form-error {
        -webkit-animation-name: shakeWhatUrMamaGaveYouInline;
        animation-name: shakeWhatUrMamaGaveYouInline;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }
}

body[data-skin=Default] .colors-list-item-box.colors-list-item-box-color-card-bg {
    background-color: #fff
}

body[data-skin=Default] .colors-list-item-box.colors-list-item-box-color-border {
    background-color: #222
}

body[data-skin=Default] .colors-list-item-box.colors-list-item-box-color-error {
    background-color: #c60000
}

body[data-skin=Default] .colors-list-item-box.colors-list-item-box-color-band, body[data-skin=Default] .colors-list-item-box.colors-list-item-box-color-media, body[data-skin=Default] .colors-list-item-box.colors-list-item-box-color-metclub, body[data-skin=Default] .colors-list-item-box.colors-list-item-box-color-music, body[data-skin=Default] .colors-list-item-box.colors-list-item-box-color-news, body[data-skin=Default] .colors-list-item-box.colors-list-item-box-color-store, body[data-skin=Default] .colors-list-item-box.colors-list-item-box-color-tour {
    background-color: #151515
}

.grid-list-item {
    padding: 1.5em 1em;
    border-radius: 6px;
    white-space: nowrap;
    overflow: auto;
    text-align: center;
    font-size: 12px
}

body[data-skin=Default] .grid-list-item {
    background: #ccc
}

.contact-item {
    line-height: 27px;
    max-width: 768px;
    margin: 0 auto 35px;
    font-size: 20px
}

    .contact-item h4 {
        font-weight: 700;
        margin-top: 1em
    }

.inline-form {
    max-width: 580px
}

    .inline-form .form-label {
        margin: 10px 0;
        letter-spacing: .04em
    }

    .inline-form .form-text-extras input {
        padding-left: 15px;
        padding-right: 15px
    }

@-webkit-keyframes shakeWhatUrMamaGaveYouInline {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(1%,0,0);
        transform: translate3d(1%,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(-1%,0,0);
        transform: translate3d(-1%,0,0)
    }
}

@keyframes shakeWhatUrMamaGaveYouInline {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(1%,0,0);
        transform: translate3d(1%,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(-1%,0,0);
        transform: translate3d(-1%,0,0)
    }
}

.password-reset-message {
    text-align: center;
    margin: 10px 0 25px;
    font-family: inherit;
    font-weight: 400
}

body[data-skin=Default] .password-reset-message-t-error {
    color: #c60000
}

body[data-skin=Default] .password-reset-message-t-success {
    color: #151515
}

@media only screen and (min-width:768px) {
    .legal-body {
        font-size: 20px
    }
}

.legal-body h3 {
    margin: 40px 0 20px
}

.legal-body h4 {
    margin: 10px 0;
    font-size: 1.1em;
    font-weight: 400
}

.social-link-list {
    text-align: center;
    padding-top: 20px
}

    .social-link-list a {
        -webkit-transition: 250ms;
        transition: 250ms;
        color: inherit
    }

.social-link-list-item {
    -webkit-transition: -webkit-transform 250ms;
    transition: transform 250ms;
    display: inline-block;
    text-align: center;
    width: 55px;
    pointer-events: auto
}

    .social-link-list-item a {
        display: block;
        color: #000
    }

@media only screen and (min-width:1060px) {
    .social-link-list-item:hover a {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.social-link-list-item-icon {
    -webkit-transition: background 250ms;
    transition: background 250ms;
    position: relative;
    display: block;
    background: #fff;
    width: 30px;
    height: 30px;
    margin: 0 auto 6px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

    .social-link-list-item-icon span {
        display: block;
        -webkit-transform: translate(0,6px);
        -ms-transform: translate(0,6px);
        transform: translate(0,6px)
    }

        .social-link-list-item-icon span.icon-instagram, .social-link-list-item-icon span.icon-spotify {
            -webkit-transform: translate(1px,6px);
            -ms-transform: translate(1px,6px);
            transform: translate(1px,6px)
        }

.social-link-list-item:hover .social-link-list-item-icon {
    background: rgba(255,255,255,.8)
}

.social-link-list-item-label {
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
    font-family: calluna-sans,'Gill Sans',Calibri,'Trebuchet MS',sans-serif;
    color: #000;
    text-transform: none;
    font-size: 12px;
    display: none
}

@media only screen and (min-width:1060px) {
    .social-link-list-item-label {
        display: block;
        opacity: 0
    }

    .social-link-list-item:hover .social-link-list-item-label {
        opacity: 1
    }
}

.social-link-list-t-footer {
    margin: 0 0 1em
}

    .social-link-list-t-footer .social-link-list-item {
        margin-bottom: 1em
    }

    .social-link-list-t-footer a:hover {
        opacity: .8
    }

@media only screen and (min-width:1060px) {
    .social-link-list-t-footer {
        position: absolute;
        top: 40px;
        left: 0;
        right: 0;
        margin-bottom: 0;
        pointer-events: none
    }

        .social-link-list-t-footer .social-link-list-item:nth-child(5) {
            margin-right: 370px
        }
}

.social-link-list-t-home {
    background: #383838;
    box-shadow: inset 0 4px 10px rgba(0,0,0,.4),0 1px rgba(255,255,255,.2);
    padding-top: 20px
}

@media only screen and (max-width:1059px) {
    .social-link-list-t-home {
        display: none
    }
}

.social-link-list-t-home .social-link-list-item-icon {
    background: #6e6e6e
}

.social-link-list-t-home .social-link-list-item:hover .social-link-list-item-icon {
    background: #fff
}

.club-news-card .club-news-card-content {
    height: 205px;
    overflow: hidden
}

    .club-news-card .club-news-card-content::after {
        display: block;
        position: absolute;
        top: -webkit-calc(100% - 95px);
        top: calc(100% - 95px);
        height: 40px;
        left: 0;
        right: 0;
        pointer-events: none
    }

body[data-skin=Default] .club-news-card .club-news-card-content::after {
    background: -webkit-linear-gradient(top,rgba(255,255,255,.4),#fff);
    background: linear-gradient(to bottom,rgba(255,255,255,.4),#fff)
}

.club-news-card .club-news-card-footer {
    zoom: 1;
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

    .club-news-card .club-news-card-footer:after {
        display: table;
        clear: both
    }

    .club-news-card .club-news-card-footer > :last-child {
        margin-left: auto;
        font-size: 12px
    }

.hardwired-video {
    position: relative;
    padding-top: 56.25%;
    background: center no-repeat;
    background-size: cover;
    cursor: pointer
}

    .hardwired-video iframe {
        display: block;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .hardwired-video .icon-play {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        color: #fff;
        font-size: 60px;
        z-index: 5;
        text-shadow: 0 0 10px #000;
        -webkit-transition: .2s;
        transition: .2s
    }

    .hardwired-video:hover .icon-play {
        -webkit-transform: translate(-50%,-50%) scale(1.1);
        -ms-transform: translate(-50%,-50%) scale(1.1);
        transform: translate(-50%,-50%) scale(1.1)
    }

    .hardwired-video.playing iframe {
        opacity: 1;
        pointer-events: auto
    }

.event-info a:hover, .event-list-t-cards .event-list-item:hover, .store-item-photo-thumb:hover {
    opacity: .8
}

.hardwired-video.playing .icon-play {
    display: none
}

@media only screen and (max-width:768px) {
    .band-member-stat .homepage-media > * > dt, .homepage-media > * > .exclusives-nav-link, .homepage-media > * > .heading, .homepage-media > * > .metclub-community-post-title, .legal-body .homepage-media > * > h3, .legal-body .homepage-media > * > h4, .metclub-community-username .homepage-media > * > span:not(.metclub-community-user-admin) {
        margin-top: 20px
    }
}

@media only screen and (min-width:480px) {
    .homepage-media .card:first-child {
        width: 100% !important
    }
}

@media only screen and (min-width:768px) {
    .homepage-media {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: -webkit-calc(100% + 30px);
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px
    }

        .homepage-media > * {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin: 0 15px
        }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .homepage-media .card-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .homepage-media .card-row > .card {
            width: -webkit-calc(50% - 20px);
            width: calc(50% - 20px);
            margin-left: 10px;
            margin-right: 10px
        }
}

.store-list {
    zoom: 1
}

    .store-list:after {
        display: table;
        clear: both
    }

@media only screen and (min-width:1020px) {
    .store-list {
        float: right;
        width: -webkit-calc(100% - 294px);
        width: calc(100% - 294px)
    }
}

.store-list-l-full {
    float: none;
    width: auto
}

.store-list-category-sidebar {
    margin: 0 0 30px;
    font-family: futura-pt-condensed,Futura,sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1
}

@media only screen and (min-width:768px) {
    .store-list-category-sidebar {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media only screen and (min-width:1020px) {
    .store-list-category-sidebar {
        float: left;
        width: 270px;
        margin-right: 0
    }
}

.store-list-category-sidebar-list {
    list-style: none;
    border-radius: 6px;
    margin-top: 30px
}

body[data-skin=Default] .store-list-category-sidebar-list {
    background-color: #fff;
    color: #222
}

.store-list-category-sidebar-list:first-child {
    margin-top: 0
}

.store-list-category-sidebar-list .store-list-category-sidebar-list {
    margin-top: 0;
    box-shadow: none !important;
    border-radius: 0 !important;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: .4s;
    transition: .4s
}

    .store-list-category-sidebar-list .store-list-category-sidebar-list .store-list-category-sidebar-list-item:first-child {
        border-top-width: 1px
    }

    .store-list-category-sidebar-list .store-list-category-sidebar-list .store-list-category-sidebar-list-item a {
        padding-left: 32px
    }

    .store-list-category-sidebar-list .store-list-category-sidebar-list .store-list-category-sidebar-list .store-list-category-sidebar-list-item a {
        padding-left: 44px
    }

body[data-skin=Default] .store-list-category-sidebar-list .store-list-category-sidebar-list {
    background: #f4f4f4
}

    body[data-skin=Default] .store-list-category-sidebar-list .store-list-category-sidebar-list .store-list-category-sidebar-list {
        background: #e9e9e9
    }

.store-list-category-sidebar-list-item {
    position: relative;
    border-top: 1px solid
}

body[data-skin=Default] .store-list-category-sidebar-list-item {
    border-top-color: #222
}

.store-list-category-sidebar-list-item:first-child {
    border-top-width: 0
}

.store-list-category-sidebar-list-item a {
    display: block;
    padding: 20px;
    text-decoration: none;
    color: inherit
}

body[data-skin=Default] .store-list-category-sidebar-list-item .store-list-category-sidebar-toggle:hover, body[data-skin=Default] .store-list-category-sidebar-list-item a:hover, body[data-skin=Default] .store-list-category-sidebar-list-item.active > a {
    color: #c60000
}

.store-list-category-sidebar-toggle {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px
}

    .store-list-category-sidebar-toggle .icon {
        vertical-align: bottom;
        font-size: 18px;
        line-height: 1
    }

        .store-list-category-sidebar-toggle .icon::after {
            content: ""
        }

.store-list-category-sidebar-list-item-s-expanded > .store-list-category-sidebar-toggle .icon, .store-list-category-sidebar-list-item.has-active-child > .store-list-category-sidebar-toggle .icon {
    vertical-align: baseline
}

    .store-list-category-sidebar-list-item-s-expanded > .store-list-category-sidebar-toggle .icon::after, .store-list-category-sidebar-list-item.has-active-child > .store-list-category-sidebar-toggle .icon::after {
        content: ""
    }

.store-list-category-sidebar-list-item-s-expanded > .store-list-category-sidebar-list, .store-list-category-sidebar-list-item.has-active-child > .store-list-category-sidebar-list {
    max-height: 650px
}

.store-list-category-sidebar-list-item-l-external a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.store-list-category-sidebar-list-item-l-external .icon {
    display: inline-block;
    margin-left: auto
}

.store-item-photo-container:after, .store-item:after {
    display: table;
    content: '';
    clear: both
}

.store-item {
    zoom: 1;
    margin-bottom: 30px
}

.store-item-purchase {
    position: relative;
    margin: 30px 0
}

.store-item-photo-container {
    zoom: 1;
    position: relative;
    margin-bottom: 15px
}

@media only screen and (min-width:768px) {
    .store-item-photo-container {
        float: left;
        width: 448px;
        margin-bottom: 0
    }
}

.store-item-photo {
    position: relative;
    background-color: #fff;
    overflow: hidden
}

    .store-item-photo img {
        width: 100%
    }

.store-item-photo-thumb {
    float: left;
    margin: 20px 0 0 20px;
    width: -webkit-calc(25% - 15px);
    width: calc(25% - 15px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: 250ms;
    transition: 250ms
}

    .store-item-photo-thumb:nth-child(4n-2) {
        margin-left: 0
    }

    .store-item-photo-thumb:before {
        content: '';
        display: block;
        padding-top: 100%
    }

@media only screen and (min-width:768px) {
    .store-item-info {
        margin-left: 463px
    }

    .store-item-title {
        font-size: 42px
    }

    .store-item-price {
        font-size: 28px
    }
}

.store-item-header {
    margin-bottom: 15px
}

.store-item .card-overlay-t-exclusive, .store-item .card-overlay-t-store-extra {
    margin: 2em -20px 1.5em;
    width: auto
}

    .store-item .card-overlay-t-exclusive + .card-overlay-t-exclusive, .store-item .card-overlay-t-exclusive + .card-overlay-t-store-extra, .store-item .card-overlay-t-store-extra + .card-overlay-t-exclusive, .store-item .card-overlay-t-store-extra + .card-overlay-t-store-extra {
        margin-top: -1.5em
    }

.store-item-title {
    margin: 0 0 12px
}

.store-item-description {
    font-size: 18px;
    line-height: 1.64
}

.store-item-footer .btn {
    margin-right: 25px
}

[data-cart-count="0"] .store-content-open-cart-button {
    display: none
}

.blog-photo-credit::before, .blog-photo-link a::before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px
}

.event-date-month, .event-info-venue, .statistics-table-content tbody th {
    text-transform: uppercase
}

.blog-post {
    margin-bottom: 10px
}

@media only screen and (min-width:768px) {
    .blog-post {
        font-size: 20px;
        padding-right: 20px;
        margin-bottom: 30px
    }
}

.blog-photo-credit {
    float: right;
    font-size: 14px;
    margin-left: 1rem;
    margin-top: -1rem;
    text-align: right !important
}

body[data-skin=Default] .blog-photo-credit {
    color: rgba(68,68,68,.6)
}

.blog-photo-credit::before {
    font-weight: 400;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    font-size: 16px
}

.blog-photo-credit + *, .blog-photo-credit + .blog-photo-caption + * {
    clear: both
}

.blog-photo-caption {
    font-size: 14px;
    margin-top: -1rem;
    clear: none
}

.blog-photo-link {
    font-size: .8em;
    margin-top: -.8em;
    font-weight: 700
}

    .blog-photo-link a {
        background: 0 0 !important
    }

        .blog-photo-link a::before {
            font-weight: 400;
            font-size: 16px;
            -webkit-transform: translateY(-1px);
            -ms-transform: translateY(-1px);
            transform: translateY(-1px)
        }

.audio-album-list-item::after, .audio-statistics, .audio-track-grid, .audio-track-section-header-title, .metclub-community-post-count, .metclub-forum-post-author-link, .statistics-table-content tbody th {
    font-family: futura-pt-condensed,Futura,sans-serif
}

.band-member-social:after, .post-actions:after {
    display: table;
    content: '';
    clear: both
}

.post-actions {
    zoom: 1;
    margin-top: 10px
}

@media only screen and (min-width:1024px) {
    .post-actions {
        text-align: right;
        margin-top: 0
    }

    .band-member-info {
        zoom: 1
    }

        .band-member-info:after {
            content: '';
            display: table;
            clear: both
        }

        .band-member-info > div {
            float: left;
            width: 50%
        }
}

.post-actions .btn-t-comment, .post-actions .btn-t-like, .post-actions .btn-t-rsvp, .post-actions .btn-t-share {
    font-size: 14px
}

    .post-actions .btn-t-comment .icon, .post-actions .btn-t-like .icon, .post-actions .btn-t-rsvp .icon, .post-actions .btn-t-share .icon {
        margin-right: .5em;
        font-size: 18px
    }

.post-actions .btn {
    padding: 0
}

    .post-actions .btn:not(:last-child) {
        margin-right: 16px
    }

.post-actions .btn-group:not(:last-child) {
    margin-bottom: 10px
}

.blog-related-heading {
    padding: 20px 0;
    font-size: 22px
}

body[data-skin=Default] .blog-related-heading {
    border-top: 1px solid #222;
    color: #151515
}

body[data-skin=Default] .band-member-gear ul, body[data-skin=Default] .band-member-stat dd {
    color: #222
}

@media only screen and (min-width:768px) {
    .post-actions .btn:not(:last-child) {
        margin-right: 45px
    }

    .blog-related-heading {
        font-size: 28px;
        padding: 30px 0
    }
}

.band-member {
    padding-bottom: 35px
}

@media only screen and (min-width:768px) {
    .band-member {
        padding-bottom: 50px
    }
}

.band-member .wrapper:nth-child(2) {
    max-width: 768px;
    margin: 0 auto
}

.band-member h2 {
    font-size: 28px
}

.band-member-photo {
    margin: 0 auto;
    max-width: 400px
}

    .band-member-photo img {
        margin: 0 auto;
        max-width: 100%;
        border-radius: 6px
    }

.band-member-stats {
    padding-top: 25px
}

@media only screen and (min-width:1024px) {
    .band-member-photo {
        padding-right: 20px
    }

    .band-member-stats {
        padding-top: 0
    }
}

.band-member-social {
    zoom: 1
}

    .band-member-social h4 {
        font-size: 18px;
        line-height: normal;
        font-weight: 400;
        float: left;
        width: 30%
    }

    .band-member-social ul {
        float: right;
        width: 70%;
        list-style: none
    }

    .band-member-social li {
        margin-bottom: .5em
    }

.band-member-stat {
    width: 100%;
    padding-bottom: 10px;
    display: inline-block
}

    .band-member-stat dt {
        font-size: 18px;
        line-height: normal;
        float: left;
        width: 30%
    }

    .band-member-stat dd {
        float: right;
        width: 70%
    }

    .band-member-stat::after {
        content: '';
        display: block;
        clear: both
    }

.band-member-story {
    padding: 35px 0;
    font-size: 20px
}

    .band-member-story p {
        margin: 15px 0
    }

.band-member-gear {
    margin-bottom: -30px
}

    .band-member-gear h4 {
        padding-bottom: 8px
    }

    .band-member-gear ul {
        list-style: none
    }

body[data-skin=Default] .event-date, body[data-skin=Default] .event-info a {
    color: #151515
}

.band-member-gear-column {
    padding-bottom: 30px;
    width: 100%;
    display: inline-block;
    vertical-align: top
}

    .band-member-gear-column .band-member-stat dt:not(:first-child), .band-member-gear-column .exclusives-nav-link:not(:first-child), .band-member-gear-column .heading:not(:first-child), .band-member-gear-column .legal-body h3:not(:first-child), .band-member-gear-column .legal-body h4:not(:first-child), .band-member-gear-column .metclub-community-post-title:not(:first-child), .band-member-gear-column .metclub-community-username span:not(:first-child):not(.metclub-community-user-admin), .band-member-stat .band-member-gear-column dt:not(:first-child), .legal-body .band-member-gear-column h3:not(:first-child), .legal-body .band-member-gear-column h4:not(:first-child), .metclub-community-username .band-member-gear-column span:not(:first-child):not(.metclub-community-user-admin) {
        padding-top: 30px
    }

@media only screen and (min-width:667px) {
    .band-member-gear-column {
        width: 47%
    }
}

.band-member-gear-column:first-child {
    margin-right: 3%
}

.history-body {
    max-width: 768px
}

    .history-body p {
        font-size: 20px;
        padding-bottom: 15px;
        line-height: 1.35
    }

.event-date {
    display: block;
    line-height: 1;
    float: left
}

    .event-date .event-date-divider, .event-date .event-end-date, .event-date .event-start-date {
        display: inline-block;
        vertical-align: middle
    }

    .event-date .event-date-divider {
        padding: 0 3px
    }

.event-info, .event-info-location a {
    display: block
}

.event-date-month {
    font-size: 16px
}

.event-date-day {
    font-size: 22px;
    font-weight: 700
}

.event-date-year {
    font-size: 16px
}

.cancelled .event-info-location a, .cancelled .event-info-venue {
    text-decoration: line-through
}

.event-info-location {
    line-height: 1;
    font-size: 22px
}

@media only screen and (min-width:768px) {
    .event-date {
        width: 70px
    }

    .event-info {
        max-width: 650px
    }

    .event-info-location {
        font-size: 28px
    }
}

.event-info-venue {
    font-size: 18px;
    line-height: 18px
}

body[data-skin=Default] .event-info-venue {
    color: #222
}

.event-actions .btn {
    margin-bottom: 8px
}

    .event-actions .btn:not(:first-child) {
        margin-left: 8px
    }

.event-cta .btn {
    margin-right: 6px;
    margin-bottom: 6px
}

.event-cta > :last-child {
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {
    .event-info-venue {
        font-size: 20px;
        line-height: 24px
    }

    .event-actions {
        width: 300px;
        text-align: right
    }

        .event-actions .btn {
            font-size: 20px
        }

    .event-cta > :last-child {
        margin-bottom: 40px
    }
}

.event-media {
    margin-bottom: 20px
}

    .event-media.event-media-video {
        padding-top: 56.25%;
        position: relative
    }

    .event-media iframe, .event-media img {
        width: 100%
    }

    .event-media iframe {
        position: absolute;
        top: 0;
        height: 100%
    }

.event-description {
    text-align: left;
    max-width: 860px
}

@media only screen and (min-width:768px) {
    .event-media.event-media-video {
        padding-top: 28.125%
    }

    .event-media {
        width: 50%;
        margin: 0 0 20px -4px;
        display: inline-block;
        vertical-align: top
    }

        .event-media + .event-description {
            padding-left: 20px;
            display: inline-block;
            width: 50%
        }

    .event-description {
        font-size: 20px
    }
}

.event-section {
    padding: 20px 0;
    border-top: 1px solid
}

body[data-skin=Default] .event-section {
    border-color: #222
}

@media only screen and (min-width:768px) {
    .event-section {
        padding: 40px 0
    }
}

.event-section-t-borderless {
    border: none;
    padding-top: 0
}

.band-member-stat body[data-skin=Default] .signup-membership-wrapper dt, .legal-body body[data-skin=Default] .signup-membership-wrapper h3, .legal-body body[data-skin=Default] .signup-membership-wrapper h4, .metclub-community-username body[data-skin=Default] .signup-membership-wrapper span:not(.metclub-community-user-admin), body[data-skin=Default] .exclusives-nav ul, body[data-skin=Default] .signup-membership-wrapper .band-member-stat dt, body[data-skin=Default] .signup-membership-wrapper .exclusives-nav-link, body[data-skin=Default] .signup-membership-wrapper .heading, body[data-skin=Default] .signup-membership-wrapper .legal-body h3, body[data-skin=Default] .signup-membership-wrapper .legal-body h4, body[data-skin=Default] .signup-membership-wrapper .metclub-community-post-title, body[data-skin=Default] .signup-membership-wrapper .metclub-community-username span:not(.metclub-community-user-admin), body[data-skin=Default] .statistics-table-content thead {
    border-bottom: 1px solid #222
}

.event-section-header {
    margin-bottom: 10px;
    font-size: 22px
}

body[data-skin=Default] .event-section-header {
    color: #151515
}

@media only screen and (min-width:768px) {
    .event-section-header {
        margin-bottom: 40px;
        font-size: 28px
    }
}

.event-reminder {
    text-align: center;
    padding: 20px 0
}

body[data-skin=Default] .event-reminder {
    color: #444
}

@media only screen and (min-width:1024px) {
    .event-reminder {
        padding: 60px 0;
        font-size: 20px
    }
}

.event-list-t-cards .event-list-item {
    padding: 12px 24px;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    border-radius: 6px;
    font-size: 12px
}

    .event-list-t-cards .event-list-item .event-info-title {
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        white-space: nowrap
    }

body[data-skin=Default] .event-list-t-cards .event-list-item {
    color: #151515;
    background: #fff
}

    body[data-skin=Default] .event-list-t-cards .event-list-item .event-info-title {
        color: #151515
    }

@media only screen and (min-width:960px) {
    .event-list-t-cards .event-list-item {
        margin-bottom: 20px
    }
}

.event-list-t-cards .event-list-item .row {
    margin: 0
}

.tour-journal-view.wrapper {
    max-width: 788px;
    margin: 0 auto
}

.statistics-table {
    padding: 0 !important;
    margin: 30px 10px;
    max-width: 960px;
    font-size: 14px
}

@media only screen and (max-width:640px) {
    .statistics-table {
        font-size: 16px;
        background: 0 0 !important;
        box-shadow: none !important
    }
}

@media only screen and (min-width:768px) {
    .statistics-table {
        font-size: 16px
    }
}

@media only screen and (min-width:1024px) {
    .statistics-table {
        font-size: 18px
    }
}

@media only screen and (min-width:980px) {
    .statistics-table {
        margin-left: auto;
        margin-right: auto
    }
}

.statistics-table-content table {
    empty-cells: show
}

.statistics-table-content td, .statistics-table-content th {
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .75em 1em;
    text-align: left;
    vertical-align: middle
}

    .statistics-table-content td:first-child, .statistics-table-content td:last-child, .statistics-table-content th:first-child, .statistics-table-content th:last-child {
        padding-left: .5em;
        padding-right: .5em
    }

.statistics-table-content [data-sort] {
    cursor: pointer
}

    .statistics-table-content [data-sort] .icon {
        float: right
    }

.statistics-table-content td {
    white-space: nowrap
}

.statistics-table-content thead {
    text-align: left;
    vertical-align: bottom
}

.statistics-table-content a {
    display: inline;
    color: inherit;
    text-decoration: none
}

body[data-skin=Default] .statistics-table-content a:hover {
    color: #c60000
}

@media only screen and (max-width:640px) {
    .statistics-table-content table, .statistics-table-content tbody, .statistics-table-content td, .statistics-table-content th, .statistics-table-content tr {
        display: block;
        width: 100%
    }

    .statistics-table-content thead {
        display: none
    }

    .statistics-table-content tr {
        margin: 0 auto 20px
    }

    body[data-skin=Default] .statistics-table-content tr {
        box-shadow: 0 2px 2px rgba(0,0,0,.15);
        background: #fff;
        padding: 20px;
        border-radius: 6px
    }

    .statistics-table-content td, .statistics-table-content th {
        padding-left: 0 !important;
        padding-bottom: 0 !important;
        white-space: normal
    }

    .statistics-table-content th {
        font-size: 1.25em;
        padding-top: 0
    }

    .statistics-table-content td a {
        display: inline
    }

    body[data-skin=Default] .statistics-table-content td a {
        color: #c60000
    }

    .statistics-table-content td:nth-child(n+2)::before {
        font-style: italic;
        padding-right: .3em
    }

    body[data-skin=Default] .statistics-table-content td:nth-child(n+2)::before {
        color: #222
    }

    .statistics-table-content td:nth-child(2)::before {
        content: 'Debut Performance:'
    }

    .statistics-table-content td:nth-child(3)::before {
        content: 'Last Performance:'
    }

    .statistics-table-content td:nth-child(4)::before {
        content: 'Song Count:'
    }
}

.metclub-community-index:after, .metclub-community-post-excerpt::after, .signup-gallery-thumbs::after, .timeline-item::after, .timeline-wrapper::after {
    content: ''
}

@media only screen and (min-width:640px) {
    .statistics-table-content tr {
        background: 0 0 !important;
        box-shadow: none !important
    }
}

.signup-gallery-main-photo, .signup-gallery-thumbs li {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px
}

.statistics-table-s-disabled {
    opacity: .5
}

.metclub-community-post a:hover, .metclub-community-username:hover {
    opacity: .7
}

.signup-header-wrapper {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-shadow: 1px 1px 1px #000 !important
}

    .signup-header-wrapper a {
        display: block;
        color: inherit !important;
        text-decoration: none;
        white-space: nowrap
    }

    .signup-header-wrapper span {
        display: inline-block;
        vertical-align: middle
    }

    .band-member-stat .signup-header-wrapper dt, .legal-body .signup-header-wrapper h3, .legal-body .signup-header-wrapper h4, .metclub-community-username .signup-header-wrapper span:not(.metclub-community-user-admin), .signup-header-wrapper .band-member-stat dt, .signup-header-wrapper .exclusives-nav-link, .signup-header-wrapper .heading, .signup-header-wrapper .legal-body h3, .signup-header-wrapper .legal-body h4, .signup-header-wrapper .metclub-community-post-title, .signup-header-wrapper .metclub-community-username span:not(.metclub-community-user-admin) {
        padding: 0 20px 30px
    }

@media only screen and (min-width:768px) {
    .band-member-stat .signup-header-wrapper dt, .legal-body .signup-header-wrapper h3, .legal-body .signup-header-wrapper h4, .metclub-community-username .signup-header-wrapper span:not(.metclub-community-user-admin), .signup-header-wrapper .band-member-stat dt, .signup-header-wrapper .exclusives-nav-link, .signup-header-wrapper .heading, .signup-header-wrapper .legal-body h3, .signup-header-wrapper .legal-body h4, .signup-header-wrapper .metclub-community-post-title, .signup-header-wrapper .metclub-community-username span:not(.metclub-community-user-admin) {
        font-size: 44px
    }
}

.signup-membership-wrapper {
    padding: 0
}

    .band-member-stat .signup-membership-wrapper dt, .legal-body .signup-membership-wrapper h3, .legal-body .signup-membership-wrapper h4, .metclub-community-username .signup-membership-wrapper span:not(.metclub-community-user-admin), .signup-membership-wrapper .band-member-stat dt, .signup-membership-wrapper .exclusives-nav-link, .signup-membership-wrapper .heading, .signup-membership-wrapper .legal-body h3, .signup-membership-wrapper .legal-body h4, .signup-membership-wrapper .metclub-community-post-title, .signup-membership-wrapper .metclub-community-username span:not(.metclub-community-user-admin) {
        font-size: 28px;
        padding-bottom: 25px;
        margin-bottom: 25px
    }

@media only screen and (min-width:768px) {
    .signup-membership-wrapper {
        padding: 0 70px
    }
}

.signup-premier {
    padding-bottom: 45px
}

.signup-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: 0
}

@media only screen and (min-width:768px) {
    .signup-info {
        width: 60%;
        padding-left: 5%
    }

    .signup-description {
        font-size: 20px
    }
}

.signup-join .btn {
    margin-bottom: 15px
}

.signup-renewal {
    display: block;
    padding: 0 0 25px
}

@media only screen and (min-width:960px) {
    .signup-renewal {
        padding: 0 25px;
        display: inline-block
    }
}

.signup-description {
    padding: 5px 0
}

    .signup-description p, .signup-gallery {
        padding-bottom: 15px
    }

    .signup-description ul {
        padding-left: 50px;
        padding-bottom: 15px
    }

.signup-gallery {
    display: block;
    max-width: 400px;
    width: 100%;
    text-align: center;
    margin: 0 auto
}

    .signup-gallery img {
        width: 100%
    }

@media only screen and (min-width:768px) {
    .signup-gallery {
        width: 35%;
        display: inline-block
    }
}

.signup-gallery-main-photo {
    width: 100%;
    padding-bottom: 100%;
    background-position: center
}

.metclub-community-photo a, .metclub-community-video a, .signup-gallery-thumbs li {
    background-position: center center
}

.signup-gallery-thumbs {
    list-style-type: none;
    text-align: left;
    cursor: pointer;
    height: 100%;
    padding-top: 2%
}

    .signup-gallery-thumbs::after {
        display: block;
        clear: both
    }

    .signup-gallery-thumbs ul {
        height: 100%
    }

    .signup-gallery-thumbs li {
        overflow: hidden;
        display: block;
        float: left;
        margin: 2% 4% 2% 0;
        width: 22%;
        padding-bottom: 22%
    }

        .signup-gallery-thumbs li img {
            width: 100%
        }

        .signup-gallery-thumbs li:nth-child(4n) {
            margin: 2% 0
        }

.band-member-stat .signup-free dt, .legal-body .signup-free h3, .legal-body .signup-free h4, .metclub-community-username .signup-free span:not(.metclub-community-user-admin), .signup-free .band-member-stat dt, .signup-free .exclusives-nav-link, .signup-free .heading, .signup-free .legal-body h3, .signup-free .legal-body h4, .signup-free .metclub-community-post-title, .signup-free .metclub-community-username span:not(.metclub-community-user-admin) {
    padding: 25px 0;
    margin-bottom: 55px
}

.band-member-stat body[data-skin=Default] .signup-free dt, .legal-body body[data-skin=Default] .signup-free h3, .legal-body body[data-skin=Default] .signup-free h4, .metclub-community-username body[data-skin=Default] .signup-free span:not(.metclub-community-user-admin), body[data-skin=Default] .signup-free .band-member-stat dt, body[data-skin=Default] .signup-free .exclusives-nav-link, body[data-skin=Default] .signup-free .heading, body[data-skin=Default] .signup-free .legal-body h3, body[data-skin=Default] .signup-free .legal-body h4, body[data-skin=Default] .signup-free .metclub-community-post-title, body[data-skin=Default] .signup-free .metclub-community-username span:not(.metclub-community-user-admin) {
    border-top: 1px solid #222;
    border-bottom: 1px solid #222
}

.signup-content-wrapper {
    max-width: 100%;
    margin: 0 auto
}

    .signup-content-wrapper .btn {
        vertical-align: top;
        margin-bottom: 15px
    }

    .signup-content-wrapper .signup-description {
        padding-top: 0;
        display: block;
        width: 100%;
        padding-left: 0;
        vertical-align: top
    }

@media only screen and (min-width:768px) {
    .signup-content-wrapper .signup-description {
        display: inline-block;
        width: 80%;
        padding-left: 35px
    }

    .signup-content-wrapper {
        max-width: 80%
    }
}

.intro-t-metclub .icon-metallica {
    font-size: 144px;
    vertical-align: middle
}

@media only screen and (max-width:440px) {
    .intro-t-metclub .icon-metallica {
        display: block
    }
}

.clubbers-only-logo {
    width: 100%;
    text-align: center
}

    .clubbers-only-logo svg {
        width: 420px;
        max-width: 100%;
        display: inline-block
    }

.metclub-intro {
    max-width: 768px;
    margin: 0 auto;
    padding-bottom: 40px;
    text-align: center
}

    .metclub-intro p {
        margin-bottom: 20px;
        font-size: 20px
    }

    .metclub-intro .btn-t-ghost {
        margin: 25px 0
    }

    .metclub-intro .btn-t-link {
        display: block;
        margin-bottom: 30px
    }

.metclub-description {
    text-align: left
}

.exclusives-nav ul, .metclub-view-all {
    text-align: center
}

.exclusives-nav {
    margin-bottom: 55px;
    width: 100%
}

.exclusives-nav-link {
    text-align: center;
    font-size: 21px;
    display: inline-block;
    width: 25%
}

    .exclusives-nav-link a {
        display: inline-block;
        padding-bottom: 3px;
        margin-bottom: 12px;
        -webkit-transition: 250ms;
        transition: 250ms;
        text-decoration: none;
        color: inherit
    }

body[data-skin=Default] .community .list-t-icon, body[data-skin=Default] .exclusives-nav-link a:hover, body[data-skin=Default] .exclusives-nav-link.exclusives-nav-link-s-active a {
    color: #151515
}

@media only screen and (min-width:768px) {
    .exclusives-nav-link {
        font-size: 28px;
        width: 16%
    }

        .exclusives-nav-link a {
            margin-bottom: 0;
            padding-bottom: 35px
        }

            .exclusives-nav-link a:hover, .exclusives-nav-link.exclusives-nav-link-s-active a {
                border-bottom: 5px solid currentColor
            }
}

[data-exclusive-content] {
    display: none
}

.metclub-exclusives {
    padding-bottom: 55px
}

.metclub-audio-playlist-info {
    font-size: 18px;
    padding-bottom: 30px;
    margin-bottom: 25px
}

body[data-skin=Default] .metclub-audio-playlist-info {
    border-bottom: 1px solid #222
}

.band-member-stat .metclub-audio-playlist-info dt, .legal-body .metclub-audio-playlist-info h3, .legal-body .metclub-audio-playlist-info h4, .metclub-audio-playlist-info .band-member-stat dt, .metclub-audio-playlist-info .exclusives-nav-link, .metclub-audio-playlist-info .heading, .metclub-audio-playlist-info .legal-body h3, .metclub-audio-playlist-info .legal-body h4, .metclub-audio-playlist-info .metclub-community-post-title, .metclub-audio-playlist-info .metclub-community-username span:not(.metclub-community-user-admin), .metclub-community-username .metclub-audio-playlist-info span:not(.metclub-community-user-admin) {
    font-size: 26px;
    padding-bottom: 10px
}

.metclub-audio-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

    .metclub-audio-content > * {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
        border-radius: 6px;
        overflow: hidden
    }

    .metclub-audio-content iframe {
        border: 0
    }

.metclub-audio-playlist-photo {
    padding-bottom: 35px
}

    .metclub-audio-playlist-photo img {
        max-width: 350px;
        margin: 0 auto
    }

.metclub-view-all {
    margin: 35px 0
}

.metclub-community-index {
    zoom: 1;
    max-width: 850px
}

    .metclub-community-index:after {
        display: table;
        clear: both
    }

.card-t-add-content .icon {
    font-size: 45px
}

.metclub-members-card {
    margin-bottom: 40px
}

@media only screen and (min-width:768px) {
    .metclub-members-card .card-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 28px;
        padding-bottom: 28px
    }

        .metclub-members-card .card-body p {
            margin: 0
        }

        .metclub-members-card .card-body > :first-child {
            -webkit-flex-basis: 35%;
            -ms-flex-preferred-size: 35%;
            flex-basis: 35%;
            padding-right: 20px
        }

        .metclub-members-card .card-body > :last-child {
            -webkit-flex-basis: 65%;
            -ms-flex-preferred-size: 65%;
            flex-basis: 65%
        }
}

.metclub-community-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:1024px) {
    .metclub-community-content {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.metclub-community-content-title {
    font-size: 28px;
    padding-bottom: 30px
}

    .metclub-community-content-title a {
        color: inherit;
        text-decoration: none
    }

.metclub-community-aside {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    padding-bottom: 30px
}

@media only screen and (max-width:767px) {
    .metclub-community-aside {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width:768px) {
    .metclub-community-aside {
        -webkit-box-flex: 1;
        -webkit-flex: 1 3 25%;
        -ms-flex: 1 3 25%;
        flex: 1 3 25%;
        padding-bottom: 0
    }

    .metclub-community-topics {
        -webkit-flex-basis: 270px;
        -ms-flex-preferred-size: 270px;
        flex-basis: 270px
    }
}

.metclub-community-topics-list {
    font-size: 22px;
    line-height: 1;
    overflow: hidden;
    list-style: none;
    border-radius: 6px
}

body[data-skin=Default] .metclub-community-topics-list {
    background-color: #fff;
    color: #222
}

.metclub-community-topics-list ~ .metclub-community-topics-list {
    margin-top: 30px
}

.metclub-community-topics-list:last-child {
    margin-bottom: 30px
}

.metclub-community-topics-list-item {
    border-top: 1px solid
}

body[data-skin=Default] .metclub-community-topics-list-item {
    border-top-color: #222
}

.metclub-community-topics-list-item:first-child {
    border-top: 0
}

.metclub-community-topics-list-item a {
    display: block;
    padding: 20px;
    text-decoration: none;
    color: inherit;
    word-break: break-word
}

.metclub-community-topics-list-item p {
    font-size: 16px;
    margin: 10px 0
}

body[data-skin=Default] .metclub-community-topics-list-item a:hover, body[data-skin=Default] .metclub-community-topics-list-item.active {
    color: #c60000
}

.metclub-community-topics-list-item .icon-globe {
    font-size: 32px;
    display: inline-block;
    vertical-align: middle
}

.metclub-community-post-count {
    text-transform: uppercase;
    margin: 10px 0 0;
    font-size: 14px;
    font-style: italic
}

body[data-skin=Default] .metclub-community-post-count {
    color: #222
}

.metclub-community-post a, .metclub-community-username {
    color: inherit;
    text-decoration: none
}

.metclub-community-recent {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    padding: 0
}

@media only screen and (min-width:768px) {
    .metclub-community-recent {
        -webkit-box-flex: 1;
        -webkit-flex: 1 50%;
        -ms-flex: 1 50%;
        flex: 1 50%;
        margin-left: 20px
    }

    .metclub-community-recent-t-small {
        -webkit-box-flex: 1;
        -webkit-flex: 1 25%;
        -ms-flex: 1 25%;
        flex: 1 25%
    }

        .metclub-community-recent-t-small .metclub-forum-post-actions {
            display: none
        }
}

.metclub-community-post {
    padding: 25px 15px;
    position: relative
}

body[data-skin=Default] .metclub-community-post {
    border-top: 1px solid #222
}

.metclub-community-post > a {
    display: block
}

body[data-skin=Default] .metclub-community-post:last-of-type {
    border-bottom: 1px solid #222
}

.metclub-community-post p:not(:last-child) {
    margin-bottom: 25px
}

.metclub-community-blog, .metclub-community-status {
    font-size: 18px
}

.metclub-community-photo, .metclub-community-video {
    position: relative
}

    .metclub-community-photo .metclub-community-username, .metclub-community-video .metclub-community-username {
        padding-bottom: 50px
    }

    .metclub-community-photo .metclub-community-post-footer, .metclub-community-video .metclub-community-post-footer {
        position: absolute;
        bottom: 25px;
        width: 65%;
        padding-right: 15px
    }

    .metclub-community-video iframe {
        width: 100%;
        height: 56.25%
    }

.metclub-community-post-excerpt {
    margin-bottom: 25px;
    position: relative;
    max-height: 160px;
    overflow: hidden
}

    .metclub-community-post-excerpt::after {
        display: block;
        position: absolute;
        top: 120px;
        height: 40px;
        left: 0;
        right: 0
    }

body[data-skin=Default] .metclub-community-post-excerpt::after {
    background: -webkit-linear-gradient(top,rgba(222,222,222,.01),#dedede);
    background: linear-gradient(to bottom,rgba(222,222,222,.01),#dedede)
}

body[data-skin=Default] .card-l-vertical .metclub-community-post-excerpt::after {
    background: -webkit-linear-gradient(top,rgba(255,255,255,.01),#fff);
    background: linear-gradient(to bottom,rgba(255,255,255,.01),#fff)
}

.metclub-community-username img {
    border-radius: 50%;
    display: inline-block;
    width: 25px;
    vertical-align: middle;
    box-shadow: 0 2px 6px rgba(0,0,0,.2)
}

.metclub-community-username span:not(.metclub-community-user-admin) {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    text-transform: none;
    padding-left: 15px
}

.metclub-community-user-admin {
    display: inline-block;
    text-transform: uppercase;
    font-size: .5em;
    border-radius: 6px;
    padding: .63em .54em;
    font-weight: 700;
    vertical-align: middle;
    background: #919191;
    color: #fff;
    font-style: normal;
    margin-left: .15em
}

.metclub-community-post-footer {
    margin-top: 25px
}

    .metclub-community-post-footer button {
        width: 75px;
        display: inline-block;
        text-align: left
    }

        .metclub-community-post-footer button:last-child {
            width: auto;
            background-color: transparent;
            border: none
        }

    .metclub-community-post-footer .metclub-community-post-date-flag {
        float: right;
        text-align: right
    }

        .metclub-community-post-footer .metclub-community-post-date-flag span {
            font-size: 14px
        }

.metclub-community-post-date {
    font-style: italic;
    padding-right: 10px
}

body[data-skin=Default] .metclub-community-post-date {
    color: #222
}

.metclub-community-post-status {
    display: block
}

.metclub-community-post-photo, .metclub-community-post-video {
    display: inline-block;
    width: 30%
}

    .metclub-community-post-photo a, .metclub-community-post-video a {
        display: block
    }

    .metclub-community-post-photo img, .metclub-community-post-video img {
        width: 100%
    }

.metclub-community-post-title {
    font-size: 22px;
    padding-bottom: 25px
}

.metclub-community-post-title-user-footer {
    vertical-align: top;
    display: inline-block;
    width: 65%;
    margin-left: 3%
}

.metclub-forum-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 15px
}

@media only screen and (min-width:768px) {
    .metclub-forum-post {
        padding: 20px
    }
}

body[data-skin=Default] .metclub-forum-post:hover {
    background-color: #f4f4f4
}

body[data-skin=Default] .timeline-item::after, body[data-skin=Default] .timeline-wrapper::after {
    background-color: #fff
}

body[data-skin=Default] .metclub-forum-post:not(:first-child) {
    border-top: 1px solid #dedede
}

.metclub-forum-post-author-image img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}

.metclub-forum-post-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
    padding-left: 15px
}

@media only screen and (min-width:768px) {
    .metclub-forum-post-content {
        padding-left: 20px
    }
}

.band-member-stat .metclub-forum-post-content dt, .legal-body .metclub-forum-post-content h3, .legal-body .metclub-forum-post-content h4, .metclub-community-username .metclub-forum-post-content span:not(.metclub-community-user-admin), .metclub-forum-post-content .band-member-stat dt, .metclub-forum-post-content .exclusives-nav-link, .metclub-forum-post-content .heading, .metclub-forum-post-content .legal-body h3, .metclub-forum-post-content .legal-body h4, .metclub-forum-post-content .metclub-community-post-title, .metclub-forum-post-content .metclub-community-username span:not(.metclub-community-user-admin) {
    font-size: 22px
}

.band-member-stat body[data-skin=Default] .metclub-forum-post-content dt, .legal-body body[data-skin=Default] .metclub-forum-post-content h3, .legal-body body[data-skin=Default] .metclub-forum-post-content h4, .metclub-community-username body[data-skin=Default] .metclub-forum-post-content span:not(.metclub-community-user-admin), body[data-skin=Default] .metclub-forum-post-content .band-member-stat dt, body[data-skin=Default] .metclub-forum-post-content .exclusives-nav-link, body[data-skin=Default] .metclub-forum-post-content .heading, body[data-skin=Default] .metclub-forum-post-content .legal-body h3, body[data-skin=Default] .metclub-forum-post-content .legal-body h4, body[data-skin=Default] .metclub-forum-post-content .metclub-community-post-title, body[data-skin=Default] .metclub-forum-post-content .metclub-community-username span:not(.metclub-community-user-admin) {
    color: #151515
}

.metclub-forum-post-content a {
    position: relative;
    z-index: 3
}

.metclub-forum-post-content:first-child {
    padding-left: 0 !important
}

.metclub-forum-post-info {
    font-size: .75em
}

.metclub-forum-post-author-link {
    letter-spacing: .05em;
    line-height: 1;
    font-size: 1.1em;
    text-decoration: none;
    color: inherit
}

body[data-skin=Default] .metclub-forum-post-author-link:hover {
    color: #c60000
}

.metclub-forum-post-overlay {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.metclub-forum-post-actions {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

    .metclub-forum-post-actions > * {
        position: relative;
        margin-left: 20px
    }

.fan-content-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .fan-content-header > * {
        display: block
    }

    .fan-content-header > :first-child {
        white-space: nowrap
    }

    .fan-content-header > :not(:first-child) {
        margin-left: 15px
    }

    .fan-content-header a {
        color: inherit
    }

.local-chapters-meta {
    margin-top: 1em;
    font-size: 14px
}

body[data-skin=Default] .local-chapters-meta {
    color: #444
}

.local-chapters-meta a {
    color: inherit;
    text-decoration: none;
    font-style: italic
}

body[data-skin=Default] .local-chapters-meta a:hover {
    color: #c60000
}

.local-chapters-meta span {
    display: inline-block;
    margin: 0 2px
}

@media only screen and (min-width:768px) {
    .local-chapters-start-copy {
        font-size: 20px;
        padding-right: 20px;
        margin-bottom: 30px
    }
}

.local-chapters-start-copy p {
    margin-bottom: 1em;
    text-align: left
}

.user-view-bio, .user-view-header .section-bar-nav.section-bar-external {
    text-align: center
}

.local-chapters-start-copy p:last-child {
    margin-bottom: 0
}

.local-chapters-start-copy ol, .local-chapters-start-copy ul {
    margin-bottom: 1em;
    padding-left: 32px
}

.local-chapters-start-copy li {
    margin-bottom: .5em
}

.user-view-header .user-view-header-image {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto 16px
}

@media only screen and (min-width:960px) {
    .user-view-header .user-view-header-image {
        float: left;
        margin: 0 10px 0 0;
        width: 70px;
        height: 70px
    }
}

.user-view-header .metclub-community-legacy-member {
    display: inline-block;
    width: 100px
}

    .user-view-header .metclub-community-legacy-member svg {
        display: inline-block;
        vertical-align: top
    }

.user-view-header .user-view-header-username {
    font-size: 22px
}

    .user-view-header .user-view-header-username span:first-child {
        font-size: 1.4em
    }

@media only screen and (min-width:960px) {
    .user-view-header .user-view-header-username {
        font-size: 30px
    }

    .user-view-header .section-bar-nav.section-bar-external {
        position: absolute
    }
}

.user-view-header .user-view-member-info {
    font-size: 22px
}

.user-view-header .user-view-member-counts {
    font-size: 16px
}

    .user-view-header .user-view-member-counts span + span {
        margin-left: 2px
    }

body[data-skin=Default] .user-view-header .user-view-member-counts {
    color: #222
}

.user-view-header .metclub-community-user-admin {
    font-size: 10px
}

@media only screen and (max-width:960px) {
    .user-view-header .section-bar-title {
        text-align: center
    }

    .user-view-header .section-bar-nav.section-bar-external {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 0;
        margin: 0 0 16px
    }
}

.user-view-bio {
    padding: 10px;
    font-size: 20px;
    margin-bottom: 30px
}

.timeline-item::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 12.5%;
    height: 3px;
    margin-top: -1px;
    right: 0
}

.timeline-structure {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 20px
}

    .timeline-structure p:not(:last-child) {
        margin-bottom: 15px
    }

.timeline-wrapper {
    position: relative;
    overflow: hidden
}

    .timeline-wrapper::after {
        display: block;
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        height: -webkit-calc(100% - 65px);
        height: calc(100% - 65px);
        width: 3px
    }

.timeline-date {
    text-align: right;
    padding: 35px 0;
    font-size: 32px
}

body[data-skin=Default] .timeline-date {
    background: #dedede
}

.timeline-date:first-child {
    padding-top: 0
}

[data-year="2035"] ~ .timeline-date[data-year="2035"], [data-year="2036"] ~ .timeline-date[data-year="2036"], [data-year="2037"] ~ .timeline-date[data-year="2037"], [data-year="2038"] ~ .timeline-date[data-year="2038"], [data-year="2039"] ~ .timeline-date[data-year="2039"], [data-year="2040"] ~ .timeline-date[data-year="2040"], [data-year="1960"] ~ .timeline-date[data-year="1960"], [data-year="1961"] ~ .timeline-date[data-year="1961"], [data-year="1962"] ~ .timeline-date[data-year="1962"], [data-year="1963"] ~ .timeline-date[data-year="1963"], [data-year="1964"] ~ .timeline-date[data-year="1964"], [data-year="1965"] ~ .timeline-date[data-year="1965"], [data-year="1966"] ~ .timeline-date[data-year="1966"], [data-year="1967"] ~ .timeline-date[data-year="1967"], [data-year="1968"] ~ .timeline-date[data-year="1968"], [data-year="1969"] ~ .timeline-date[data-year="1969"], [data-year="1970"] ~ .timeline-date[data-year="1970"], [data-year="1971"] ~ .timeline-date[data-year="1971"], [data-year="1972"] ~ .timeline-date[data-year="1972"], [data-year="1973"] ~ .timeline-date[data-year="1973"], [data-year="1974"] ~ .timeline-date[data-year="1974"], [data-year="1975"] ~ .timeline-date[data-year="1975"], [data-year="1976"] ~ .timeline-date[data-year="1976"], [data-year="1977"] ~ .timeline-date[data-year="1977"], [data-year="1978"] ~ .timeline-date[data-year="1978"], [data-year="1979"] ~ .timeline-date[data-year="1979"], [data-year="1980"] ~ .timeline-date[data-year="1980"], [data-year="1981"] ~ .timeline-date[data-year="1981"], [data-year="1982"] ~ .timeline-date[data-year="1982"], [data-year="1983"] ~ .timeline-date[data-year="1983"], [data-year="1984"] ~ .timeline-date[data-year="1984"], [data-year="1985"] ~ .timeline-date[data-year="1985"], [data-year="1986"] ~ .timeline-date[data-year="1986"], [data-year="1987"] ~ .timeline-date[data-year="1987"], [data-year="1988"] ~ .timeline-date[data-year="1988"], [data-year="1989"] ~ .timeline-date[data-year="1989"], [data-year="1990"] ~ .timeline-date[data-year="1990"], [data-year="1991"] ~ .timeline-date[data-year="1991"], [data-year="1992"] ~ .timeline-date[data-year="1992"], [data-year="1993"] ~ .timeline-date[data-year="1993"], [data-year="1994"] ~ .timeline-date[data-year="1994"], [data-year="1995"] ~ .timeline-date[data-year="1995"], [data-year="1996"] ~ .timeline-date[data-year="1996"], [data-year="1997"] ~ .timeline-date[data-year="1997"], [data-year="1998"] ~ .timeline-date[data-year="1998"], [data-year="1999"] ~ .timeline-date[data-year="1999"], [data-year="2000"] ~ .timeline-date[data-year="2000"], [data-year="2001"] ~ .timeline-date[data-year="2001"], [data-year="2002"] ~ .timeline-date[data-year="2002"], [data-year="2003"] ~ .timeline-date[data-year="2003"], [data-year="2004"] ~ .timeline-date[data-year="2004"], [data-year="2005"] ~ .timeline-date[data-year="2005"], [data-year="2006"] ~ .timeline-date[data-year="2006"], [data-year="2007"] ~ .timeline-date[data-year="2007"], [data-year="2008"] ~ .timeline-date[data-year="2008"], [data-year="2009"] ~ .timeline-date[data-year="2009"], [data-year="2010"] ~ .timeline-date[data-year="2010"], [data-year="2011"] ~ .timeline-date[data-year="2011"], [data-year="2012"] ~ .timeline-date[data-year="2012"], [data-year="2013"] ~ .timeline-date[data-year="2013"], [data-year="2014"] ~ .timeline-date[data-year="2014"], [data-year="2015"] ~ .timeline-date[data-year="2015"], [data-year="2016"] ~ .timeline-date[data-year="2016"], [data-year="2017"] ~ .timeline-date[data-year="2017"], [data-year="2018"] ~ .timeline-date[data-year="2018"], [data-year="2019"] ~ .timeline-date[data-year="2019"], [data-year="2020"] ~ .timeline-date[data-year="2020"], [data-year="2021"] ~ .timeline-date[data-year="2021"], [data-year="2022"] ~ .timeline-date[data-year="2022"], [data-year="2023"] ~ .timeline-date[data-year="2023"], [data-year="2024"] ~ .timeline-date[data-year="2024"], [data-year="2025"] ~ .timeline-date[data-year="2025"], [data-year="2026"] ~ .timeline-date[data-year="2026"], [data-year="2027"] ~ .timeline-date[data-year="2027"], [data-year="2028"] ~ .timeline-date[data-year="2028"], [data-year="2029"] ~ .timeline-date[data-year="2029"], [data-year="2030"] ~ .timeline-date[data-year="2030"], [data-year="2031"] ~ .timeline-date[data-year="2031"], [data-year="2032"] ~ .timeline-date[data-year="2032"], [data-year="2033"] ~ .timeline-date[data-year="2033"], [data-year="2034"] ~ .timeline-date[data-year="2034"] {
    display: none
}

.timeline-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 100%;
    padding: 10px
}

.timeline-item-date, .timeline-item-wrapper .card-footer {
    padding: 0 15px 15px
}

.timeline-item .card-body p:last-child {
    margin-bottom: 0
}

.timeline-item:nth-of-type(even) .timeline-item-wrapper {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left: 0
}

.timeline-item-wrapper {
    width: 100%;
    max-width: 90%
}

    .timeline-item-wrapper .card-footer .btn {
        margin-right: 25px
    }

.timeline-item-date {
    position: absolute;
    bottom: 0;
    z-index: 5;
    font-style: italic;
    font-size: 16px;
    border-radius: 0 0 6px 6px;
    width: -webkit-calc(90% - 20px + 2px);
    width: calc(90% - 20px + 2px)
}

body[data-skin=Default] .timeline-item-date {
    background-color: #fff;
    color: #222
}

@media only screen and (min-width:667px) {
    .timeline-item:nth-of-type(even)::after, .timeline-wrapper::after {
        left: 50%
    }

    .timeline-date {
        text-align: center
    }

    .timeline-item:nth-of-type(even) .timeline-item-wrapper {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin-left: auto
    }

    .timeline-item::after {
        right: auto
    }

    .timeline-item:nth-of-type(odd)::after {
        right: 50%
    }

    .timeline-item-wrapper {
        max-width: 40%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .timeline-item-date {
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%,-50%);
        -ms-transform: translate(50%,-50%);
        transform: translate(50%,-50%);
        bottom: auto;
        border-radius: 6px;
        padding: 15px;
        z-index: 2;
        text-align: center;
        width: auto;
        max-width: 12%
    }

    body[data-skin=Default] .timeline-item-date {
        background-color: #fff
    }

    .timeline-item-date .timeline-item-date-break {
        display: block;
        height: 0;
        font-size: 0;
        line-height: 0;
        color: transparent
    }
}

.audio-album-list-item:hover::after, .metbox {
    bottom: 0
}

.video-wrapper {
    max-width: 880px;
    margin: 0 auto 30px
}

    .video-wrapper p:first-of-type {
        margin-top: 1em
    }

.photo-wrapper {
    width: 100%;
    display: block;
    margin: auto auto 30px;
    overflow: hidden;
    text-align: center
}

    .photo-wrapper img {
        margin: 0 auto;
        border-radius: 6px
    }

.photo-wrapper-dynamic-width {
    display: inline-block;
    text-align: left
}

.metbox, .metbox-description, .metbox-share-meta-data {
    display: none
}

.photo-credits .icon-camera {
    margin-right: 4px
}

.photo-credits span {
    vertical-align: middle
}

.collection-description {
    margin: 30px auto;
    max-width: 800px
}

[rel=metbox] {
    cursor: pointer
}

.metbox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 899;
    background: rgba(0,0,0,.72)
}

    .metbox.loading:after {
        content: 'LOADING...';
        display: block;
        position: fixed;
        z-index: 3;
        color: #fff;
        top: 50%;
        left: 0;
        right: 0;
        text-shadow: 1px 1px 5px rgba(0,0,0,.1);
        font-size: 22px;
        line-height: 1;
        text-align: center;
        transform: translateY(-50%)
    }

    .metbox.loading.still:after {
        content: 'STILL LOADING...'
    }

    .metbox .arrow {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 26px;
        line-height: 1;
        z-index: 3;
        padding: .85em;
        border: 0;
        outline: 0
    }

body[data-skin=Default] .metbox .arrow {
    background: #151515;
    color: #fff
}

    body[data-skin=Default] .metbox .arrow:hover {
        background: #fff;
        color: #151515
    }

.metbox .arrow-left {
    left: 0;
    padding-right: 1em
}

.metbox .arrow-right {
    right: 0;
    padding-left: 1em
}

.metbox-image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
    color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.loading .metbox-image {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: none;
    transition: none
}

.metbox-image img {
    display: block;
    margin: 0 auto;
    max-width: -webkit-calc(100vw - 40px);
    max-width: calc(100vw - 40px);
    max-height: -webkit-calc(100vh - 120px);
    max-height: calc(100vh - 120px);
    border-radius: 6px;
    box-shadow: 0 2px 3px rgba(0,0,0,.4)
}

.metbox-image .metbox-description {
    display: block;
    margin-top: 10px
}

.metbox-image .post-actions {
    float: right
}

    .metbox-image .post-actions .btn {
        color: inherit
    }

    .metbox-image .post-actions .icon-like::after {
        color: inherit !important
    }

.band-member-stat .section-download dt, .legal-body .section-download h3, .legal-body .section-download h4, .metclub-community-username .section-download span:not(.metclub-community-user-admin), .section-download .band-member-stat dt, .section-download .exclusives-nav-link, .section-download .heading, .section-download .legal-body h3, .section-download .legal-body h4, .section-download .metclub-community-post-title, .section-download .metclub-community-username span:not(.metclub-community-user-admin) {
    margin-bottom: 25px
}

.section-download:not(:first-child) {
    padding-top: 45px
}

.audio-album-list-item {
    position: relative;
    display: block;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    padding-bottom: 100%
}

    .audio-album-list-item::after {
        -webkit-transition: bottom 250ms;
        transition: bottom 250ms;
        content: attr(title);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.8);
        color: #fff;
        padding: 12px 18px;
        text-transform: uppercase;
        letter-spacing: .05em;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

@media only screen and (min-width:768px) {
    .audio-album-list-item::after {
        bottom: -100px;
        font-size: 15px
    }
}

.catalog-album-list-item {
    position: relative;
    display: block;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    padding-bottom: 100%
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (-webkit-min-device-pixel-ratio:2) {
    .audio-album-list-item::after {
        bottom: 0;
        font-size: 15px
    }
}

.audio-section {
    padding: 20px 0;
    border-top: 1px solid
}

body[data-skin=Default] .audio-section {
    border-top-color: #222
}

@media only screen and (min-width:768px) {
    .audio-section {
        padding: 45px 0
    }
}

.audio-section-t-borderless {
    border: none;
    padding-top: 0
}

.audio-section-header {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 500
}

body[data-skin=Default] .audio-section-header {
    color: #151515
}

@media only screen and (min-width:768px) {
    .audio-section-header {
        margin-bottom: 45px;
        font-size: 28px;
        font-weight: 500
    }

    .audio-playlist-description {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

@media only screen and (min-width:1024px) {
    .audio-playlist {
        font-size: 20px
    }

    .audio-playlist-description {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

.audio-playlist-cover {
    margin-bottom: 10px
}

.audio-playlist-description p, .audio-playlist-description-t-single-column p {
    margin-bottom: 15px
}

.audio-playlist-description, .audio-playlist-description-t-single-column {
    font-size: 16px;
    display: block
}

    .audio-playlist-description a, .audio-playlist-description-t-single-column a {
        color: #c60000;
        text-decoration: none
    }

.audio-playlist-description-t-single-column {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important
}

.audio-statistics {
    margin: 45px 0;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .05em
}

    .audio-statistics a {
        display: inline
    }

body[data-skin=Default] .audio-track-section-header {
    border-bottom-color: #222
}

.audio-track-section-header a {
    text-decoration: none
}

.audio-track-section-header-title {
    text-transform: uppercase;
    letter-spacing: .04em;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 22px;
    line-height: 1;
    padding: 0
}

    .audio-track-section-header-title:focus {
        outline: 0
    }

@media only screen and (min-width:768px) {
    .audio-track-section-header-title {
        font-size: 28px
    }

    .audio-track-grid {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

.audio-track-grid-nav a {
    font-size: 22px;
    width: 30px
}

.audio-track-grid {
    margin-bottom: 40px;
    text-transform: uppercase;
    font-size: 22px
}

    .audio-track-grid > * {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid-column;
        width: 100%;
        display: table;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .audio-track-grid a {
        display: block;
        color: inherit;
        text-decoration: none;
        padding: 5px 10px 5px 0
    }

        .audio-track-grid a:hover {
            opacity: .8
        }

.audio-lyrics {
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {
    .audio-lyrics {
        font-size: 20px
    }
}

.audio-sidebar-widget iframe {
    width: 100%
}

.audio-sidebar-widget-header {
    padding: 10px 0;
    margin-top: 10px;
    font-size: 22px;
    border-top: 1px solid
}

body[data-skin=Default] .audio-sidebar-widget-header {
    color: #151515;
    border-top-color: #222
}

.audio-description p {
    margin-bottom: 10px
}

.audio-description img {
    display: inline-block
}

@media only screen and (min-width:768px) {
    .audio-sidebar-widget-header {
        margin-top: 20px;
        padding: 20px 0 45px;
        font-size: 28px
    }

    .audio-description {
        font-size: 20px
    }

        .audio-description p {
            margin-bottom: 30px
        }
}

@font-face {
    font-family: hardwiredregular;
    src: url(2016_1021_7672_4818.woff2) format("woff2"),url(2016_1021_7672_4817.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.atlasRisePage {
    padding-top: 53px
}

#codeError {
    display: none;
    margin: 0;
    font-size: inherit;
    color: #d81919;
    background-color: transparent
}

.white-wrapper {
    background: #fff;
    color: #222
}

.atlasrise .intro, .blackenedfriday .intro {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.atlasrise .logo-wrapper, .blackenedfriday .logo-wrapper {
    padding: 8.8vw 8.81vw 4.4vw;
    max-width: 635px
}

@media only screen and (min-width:795px) {
    .atlasrise .logo-wrapper, .blackenedfriday .logo-wrapper {
        padding: 70px 0 35px
    }
}

.atlas-rise-background {
    background-image: url(https://ua-1.cdn-fullscreendirect.com/7672/2016_1022_7672_4826.jpeg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 157% auto;
    margin: 0 auto;
    max-width: 635px;
    padding: 0 25px 1px;
    width: 100%
}

@media only screen and (min-width:1125px) {
    .main-nav-list-item-t-user {
        border-right: 1px solid transparent !important
    }
}

.countdown {
    padding-bottom: 6.2vw;
    text-align: center
}

@media only screen and (min-width:795px) {
    .atlas-rise-background {
        padding-left: 0;
        padding-right: 0
    }

    .countdown {
        padding-bottom: 50px
    }
}

.countdown-timebox {
    background: #181818;
    color: #fff;
    display: inline-block;
    width: 17.6vw;
    margin-right: 1.31vw;
    text-align: center;
    padding: .73vw 1vw 1.6vw;
    border-radius: 6px
}

    .countdown-timebox:last-child {
        margin-right: 0
    }

.countdown-number {
    font-family: hardwiredregular,sans-serif;
    font-size: 12vw
}

@media only screen and (min-width:795px) {
    .countdown-timebox {
        width: 140px;
        margin-right: 10px;
        padding: 6px 6px 13px
    }

    .countdown-number {
        font-size: 95px
    }
}

.countdown-text {
    font-family: futura-pt-condensed,Futura,sans-serif;
    text-transform: uppercase;
    font-size: 3.9vw;
    margin-top: -.4vw;
    letter-spacing: .25vw
}

@media only screen and (min-width:795px) {
    .countdown-text {
        font-size: 31px;
        margin-top: -3px;
        letter-spacing: 2px
    }
}

.countdown-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin: 0 auto 6.3vw;
    width: 100%
}

@media only screen and (min-width:795px) {
    .countdown-video {
        margin-bottom: 90px
    }
}

.countdown-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

.blackenedfriday #section-toggle-map {
    margin: 0 auto 6.3vw
}

@media only screen and (min-width:795px) {
    .blackenedfriday #section-toggle-map {
        margin-bottom: 90px
    }
}

.blackenedfriday #blackened-map {
    width: 100%;
    height: 400px
}

.blackenedfriday .text-section {
    max-width: 650px;
    margin: 0 auto 15px
}

.blackenedfriday .atlas-rise-background {
    background: #fff
}

.blackenedfriday #section-toggle-map, .blackenedfriday .live-stream-wrapper {
    width: 63vw;
    max-width: 840px
}

.blackenedfriday #section-toggle-list {
    display: none
}

.blackenedfriday .order-hardwired-external {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin-top: 8px;
    font-size: 18px
}

@media only screen and (min-width:847px) {
    .blackenedfriday .order-hardwired-external {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: 0
    }
}

.blackenedfriday .locations {
    text-align: left;
    padding-bottom: 1.9vw
}

@media only screen and (min-width:795px) {
    .blackenedfriday .locations {
        padding-bottom: 25px
    }
}

.blackenedfriday .locations .locations-list-item {
    float: left;
    width: 50%
}

    .band-member-stat .blackenedfriday .locations .locations-list-item dt, .blackenedfriday .locations .locations-list-item .band-member-stat dt, .blackenedfriday .locations .locations-list-item .exclusives-nav-link, .blackenedfriday .locations .locations-list-item .heading, .blackenedfriday .locations .locations-list-item .legal-body h3, .blackenedfriday .locations .locations-list-item .legal-body h4, .blackenedfriday .locations .locations-list-item .metclub-community-post-title, .blackenedfriday .locations .locations-list-item .metclub-community-username span:not(.metclub-community-user-admin), .legal-body .blackenedfriday .locations .locations-list-item h3, .legal-body .blackenedfriday .locations .locations-list-item h4, .metclub-community-username .blackenedfriday .locations .locations-list-item span:not(.metclub-community-user-admin) {
        margin-bottom: 15px;
        text-align: center
    }

.blackenedfriday .locations .locations--address, .blackenedfriday .locations .locations--store {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px
}

.blackenedfriday .locations .locations--store {
    background: #181818;
    color: #fff;
    padding: 4px;
    margin-right: 9px;
    border-radius: 3px
}

.blackenedfriday .atlas-rise-background {
    max-width: none;
    background-size: auto
}

.blackenedfriday .atlasRisePage .countdown-video {
    margin-bottom: 20px
}

.blackenedfriday .atlasRisePage .wrapper + .wrapper {
    margin-top: 0
}

.blackenedfriday .atlasRisePage h1.exclusives-nav-link, .blackenedfriday .atlasRisePage h1.heading, .blackenedfriday .atlasRisePage h1.metclub-community-post-title {
    text-align: center;
    font-size: 3em;
    font-family: hardwiredregular,sans-serif
}

.blackenedfriday .atlasRisePage h2.card-title.exclusives-nav-link, .blackenedfriday .atlasRisePage h2.card-title.metclub-community-post-title, .blackenedfriday .atlasRisePage h2.heading.card-title {
    font-size: inherit;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 22px;
    max-height: 66px
}

.blackenedfriday .atlasRisePage h2.exclusives-nav-link, .blackenedfriday .atlasRisePage h2.heading, .blackenedfriday .atlasRisePage h2.metclub-community-post-title {
    font-size: 2.25em;
    padding: 5px;
    margin-bottom: 5px;
    text-align: center
}

.blackenedfriday .atlasRisePage .locations-wrapper {
    background-color: #FFF;
    text-align: center
}

.blackenedfriday .atlasRisePage .section-bar {
    margin-bottom: 0
}

.blackenedfriday .atlasRisePage .below-section-bar {
    padding-top: 20px
}

.blackenedfriday .atlasRisePage .toggle {
    text-align: center;
    margin: 0 auto 1.9vw;
    display: inline-block;
    border: 2px solid #181818;
    border-radius: 3px
}

@media only screen and (min-width:795px) {
    .blackenedfriday .atlasRisePage .toggle {
        margin-bottom: 25px
    }
}

.blackenedfriday .atlasRisePage .toggle .toggle-item {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer
}

    .blackenedfriday .atlasRisePage .toggle .toggle-item:first-child {
        border-right: 2px solid #181818
    }

    .blackenedfriday .atlasRisePage .toggle .toggle-item.active {
        background: #181818;
        color: #fff
    }

.atlasRisePage .section-bar {
    border-top: 1px solid #e6e6e6
}

.atlasRisePage .below-section-bar {
    padding-top: 40px
}

    .atlasRisePage .below-section-bar .homepage-media {
        margin-bottom: 20px
    }

.atlasRisePage .btn-t-default {
    font-size: 4vw;
    margin: 2.1vw 0 3.2vw
}

@media only screen and (min-width:795px) {
    .atlasRisePage .btn-t-default {
        margin: 30px 0 45px;
        font-size: 32px
    }
}

.atlasRisePage.main-content {
    padding-bottom: 0 !important
}

.atlasRisePage .form-container {
    background: #DEDEDE;
    border-radius: 6px;
    margin: 0 auto;
    max-width: 635px;
    padding: 3.8vw 3.8vw 1.5vw;
    text-align: center
}

@media only screen and (min-width:795px) {
    .atlasRisePage .form-container {
        padding: 30px 30px 13px;
        margin-bottom: 40px
    }
}

.atlasRisePage .form-container input {
    display: block;
    width: 100%
}

.atlasRisePage #codeInput {
    padding: 1.5vw 2vw;
    border-radius: 3px;
    border: none;
    font-size: 2.2vw
}

@media only screen and (min-width:795px) {
    .atlasRisePage #codeInput {
        padding: 12px 16px;
        font-size: 18px
    }
}

.atlasRisePage .btn-t-blue {
    background-color: #151515 !important;
    padding: 10px 70px;
    margin: 21px 0;
    font-size: 24px
}

.atlasRisePage #videoPlaceholder {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    display: none;
    margin-bottom: 6.3vw
}

@media only screen and (min-width:795px) {
    .atlasRisePage #videoPlaceholder {
        margin-bottom: 90px
    }
}

.atlasRisePage #videoPlaceholder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.atlasRisePage .card-row {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .atlasRisePage .card-row .btn-t-default {
        margin: 0;
        font-size: inherit
    }

.intro, body[data-skin=Default] .intro {
    background-image: url(https://ua-1.cdn-fullscreendirect.com/7549/2016_1118_7549_5090.jpeg)
}

body[data-skin=Default] .sowhat-callout-background {
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.15),rgba(0,0,0,.15)),url(https://uc2.cdn-stagebloc.com/7549/2015_0912_7549_3052.jpeg);
    background-image: linear-gradient(to bottom,rgba(0,0,0,.15),rgba(0,0,0,.15)),url(https://uc2.cdn-stagebloc.com/7549/2015_0912_7549_3052.jpeg)
}

body[data-skin=Default] .section-bar {
    box-shadow: inset 0 1px #fff,0 2px 4px rgba(0,0,0,.2)
}

body[data-skin=Default] .section-bar-t-extras {
    box-shadow: inset 0 1px #fff,inset 0 -2px 4px rgba(0,0,0,.1)
}

.band-member body[data-skin=Default] .wrapper:nth-child(2), body[data-skin=Default] .band-member .wrapper:nth-child(2), body[data-skin=Default] .blog-post, body[data-skin=Default] .card, body[data-skin=Default] .comment-list, body[data-skin=Default] .contact-item, body[data-skin=Default] .history-body, body[data-skin=Default] .legal-body, body[data-skin=Default] .likes, body[data-skin=Default] .metclub-community-topics-list, body[data-skin=Default] .statistics-table, body[data-skin=Default] .store-item-info, body[data-skin=Default] .store-list-category-sidebar-list, body[data-skin=Default] .timeline-item-date, body[data-skin=Default] .tooltip {
    box-shadow: 0 2px 2px rgba(0,0,0,.15)
}

body[data-skin=Default].home .intro {
    margin-top: 60px;
    background-image: url(../images/lm_yellow72_1440.jpg)
}

body[data-skin=Default].news .intro {
    margin-top: 60px;
    background-image: url(../images/lm72.jpg)
}

body[data-skin=Default].tour .intro {
    margin-top: 60px;
    background-image: url(../images/lm72.jpg)
}

body[data-skin=Default].music .intro {
    margin-top: 60px;
    background-image: url(../images/lm72.jpg)
}

body[data-skin=Default].media .intro {
    margin-top: 60px;
    background-image: url(../images/lm72.jpg)
}

body[data-skin=Default].band .intro, body[data-skin=Default].metclub .intro {
    margin-top: 60px;
    background-image: url(../images/lm72.jpg)
}

body[data-skin=Default].sowhat .intro {
    background-image: url(https://uc2.cdn-stagebloc.com/7549/2015_0912_7549_3052.jpeg)
}

body[data-skin=Default].store .intro {
    margin-top: 60px;
    background-image: url(../images/lm72.jpg)
}

.audio-statistics body[data-skin=Default] a, .band-member body[data-skin=Default] a, .blog-post body[data-skin=Default] a, .card-body-content body[data-skin=Default] a, .card-l-blog-list-content p body[data-skin=Default] a, .collection-description body[data-skin=Default] a, .comment-list-item-content body[data-skin=Default] a, .contact-item body[data-skin=Default] a, .formatted-content body[data-skin=Default] a, .legal-body body[data-skin=Default] a, .local-chapters-start-copy body[data-skin=Default] a, .metbox-image .metbox-description p body[data-skin=Default] a, .metclub-description body[data-skin=Default] a, .readless-link body[data-skin=Default] span, .readmore-link body[data-skin=Default] span, .timeline-item .card-body body[data-skin=Default] a, body[data-skin=Default] .audio-statistics a, body[data-skin=Default] .band-member a, body[data-skin=Default] .blog-post a, body[data-skin=Default] .card-body-content a, body[data-skin=Default] .card-l-blog-list-content p a, body[data-skin=Default] .collection-description a, body[data-skin=Default] .comment-list-item-content a, body[data-skin=Default] .contact-item a, body[data-skin=Default] .formatted-content a, body[data-skin=Default] .legal-body a, body[data-skin=Default] .local-chapters-start-copy a, body[data-skin=Default] .metbox-image .metbox-description p a, body[data-skin=Default] .metclub-description a, body[data-skin=Default] .readless-link span, body[data-skin=Default] .readmore-link span, body[data-skin=Default] .timeline-item .card-body a {
    color: #c60000
}

@media only screen and (min-device-width:360px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    body[data-skin=Default] .intro, body[data-skin=Default].band .intro, body[data-skin=Default].media .intro, body[data-skin=Default].music .intro, body[data-skin=Default].news .intro, body[data-skin=Default].tour .intro {
        max-height: 250px
    }

    .intro {
        padding: 129px 0 99px
    }

    .intro-content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%) translateY(30px);
        -ms-transform: translate(-50%,-50%) translateY(30px);
        transform: translate(-50%,-50%) translateY(30px);
        width: 100%
    }

    .intro-logo {
        max-width: 280px
    }

    .scan-btn {
        padding: 2px 6px;
        font-size: 12px;
        min-width: 95px
    }

    .readless-link, .readmore-link {
        font-family: futura-pt-condensed,Futura,sans-serif;
        font-size: 18px;
        line-height: 1;
        text-transform: uppercase;
        background: #000;
        color: #fffef9;
        padding: 5px 0;
        float: right;
        font-weight: 700;
        margin-bottom: 40px
    }

        .readless-link::before {
            content: ''
        }

        .readless-link body[data-skin=Default] span, .readmore-link body[data-skin=Default] span, body[data-skin=Default] .readless-link span, body[data-skin=Default] .readmore-link span {
            color: #fff
        }

    .footer-logo svg {
        height: 100px
    }

    .footer-nav {
        margin-top: -45px
    }
}

@media only screen and (min-device-width :375px) and (max-device-width :667px) {
    .signup-header-wrapper {
        margin-top: -80px
    }

        .signup-header-wrapper .heading {
            font-size: 34px
        }
}

.band-member body[data-skin=Default] .wrapper:nth-child(2), body[data-skin=Default] .band-member .wrapper:nth-child(2), body[data-skin=Default] .blog-post, body[data-skin=Default] .comment-list, body[data-skin=Default] .contact-item, body[data-skin=Default] .history-body, body[data-skin=Default] .legal-body, body[data-skin=Default] .likes, body[data-skin=Default] .statistics-table, body[data-skin=Default] .store-item-info {
    background: #fff;
    padding: 20px;
    border-radius: 6px
}