@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.md-button {
    text-transform: capitalize!important
}

@media (max-width: 479px) {
    .md-button.small-btn-mobile {
        padding:0 16px;
        font-size: 12px
    }
}

.md-button .material-icons {
    vertical-align: middle!important;
    line-height: inherit!important
}

.share-btn,.share-btn:link,.share-btn:visited {
    padding: 5px
}

.share-btn .material-icons {
    vertical-align: middle
}

a.btn-primary,a.btn-primary-cta,a.btn-primary-cta-inverse,a.btn-primary-cta-inverse:link,a.btn-primary-cta-inverse:visited,a.btn-primary-cta:link,a.btn-primary-cta:visited,a.btn-primary-inverse,a.btn-primary-inverse:link,a.btn-primary-inverse:visited,a.btn-primary:link,a.btn-primary:visited,a.btn-success-cta,a.btn-success-cta:link,a.btn-success-cta:visited,a.btn-transparent,a.btn-transparent:link,a.btn-transparent:visited,a.social-btn,a.social-btn:link,a.social-btn:visited,button.btn-primary,button.btn-primary-cta,button.btn-primary-cta-inverse,button.btn-primary-inverse,button.btn-success-cta,button.social-btn {
    padding: 0 24px;
    text-shadow: none;
    min-height: auto!important;
    min-width: auto!important;
    height: 44px;
    line-height: 42px;
    vertical-align: middle;
    font-weight: 600!important;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.play-btn-circle .text-active,.play-btn-circle.active .text-inactive,a .text-active,a.active .text-inactive {
    display: none
}

.play-btn-circle .text-inactive,.play-btn-circle.active .text-active,a .text-inactive,a.active .text-active {
    display: inline-block
}

a:focus {
    outline: 0
}

.btn-sm,.btn-sm:active,.btn-sm:link,.btn-sm:visited {
    width: 66px!important;
    text-align: center!important;
    padding: 0!important;
    font-size: 11px!important;
    height: 29px!important;
    min-height: 29px!important;
    max-height: 29px!important;
    line-height: 27px!important;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btn-sm.active,.btn-sm.active:active,.btn-sm.active:link,.btn-sm.active:visited {
    padding: 0!important
}

.btn-sm-wauto,.btn-sm-wauto:active,.btn-sm-wauto:link,.btn-sm-wauto:visited {
    width: auto!important;
    padding: 0 15px!important
}

a.btn-transparent,a.btn-transparent:hover,a.btn-transparent:link,a.btn-transparent:visited {
    background: 0 0;
    border: none
}

a.btn-primary,a.btn-primary:link,a.btn-primary:visited,button.btn-primary,button.btn-primary:link,button.btn-primary:visited {
    background-color: #191919!important;
    color: #9e9e9e!important;
    border: 2px solid #191919!important
}

a.btn-primary:hover,button.btn-primary:hover {
    background-color: #191919!important;
    color: #9e9e9e!important
}

a.btn-primary-cta,a.btn-primary-cta:link,a.btn-primary-cta:visited,button.btn-primary-cta,button.btn-primary-cta:link,button.btn-primary-cta:visited {
    background-color: #e0e0e0!important;
    color: #000!important;
    border: 2px solid #e0e0e0!important
}

.md-button.md-default-theme.md-primary.md-fab,.md-button.md-default-theme.md-primary.md-raised,.md-button.md-primary.md-fab,.md-button.md-primary.md-raised {
    background-color: #e0e0e0!important;
    color: #000!important
}

a.btn-primary-cta:hover,button.btn-primary-cta:hover {
    background-color: #000!important;
    color: #fff!important
}

a.btn-success-cta,a.btn-success-cta:link,a.btn-success-cta:visited,button.btn-success-cta,button.btn-success-cta:link,button.btn-success-cta:visited {
    background-color: #0c0!important;
    color: #fff!important;
    border: 2px solid #0c0!important
}

a.btn-success-cta:hover,button.btn-success-cta:hover {
    background-color: rgba(0,0,0,.3)!important;
    color: #fff!important
}

a.btn-primary-inverse,a.btn-primary-inverse:link,a.btn-primary-inverse:visited,button.btn-primary-inverse,button.btn-primary-inverse:link,button.btn-primary-inverse:visited {
    background-color: rgba(0,0,0,.3)!important;
    color: #9e9e9e!important;
    border: 2px solid #191919!important
}

a.btn-primary-inverse:hover,button.btn-primary-inverse:hover {
    background-color: #191919!important;
    color: #9e9e9e!important
}

a.btn-primary-cta-inverse,a.btn-primary-cta-inverse:link,a.btn-primary-cta-inverse:visited,button.btn-primary-cta-inverse,button.btn-primary-cta-inverse:link,button.btn-primary-cta-inverse:visited {
    background-color: #000!important;
    color: #fff!important;
    border: 2px solid #e0e0e0!important
}

a.btn-primary-cta-inverse:hover,button.btn-primary-cta-inverse:hover {
    background-color: #e0e0e0!important;
    color: #000!important
}

a.social-btn,a.social-btn:link,a.social-btn:visited,button.social-btn {
    width: auto;
    height: auto;
    min-width: 280px!important;
    padding: 5px 15px;
    color: #fff!important;
    text-align: left!important
}

a.social-btn .social-icon,button.social-btn .social-icon {
    display: inline-block;
    min-width: 30px;
    border-right: 1px solid rgba(255,255,255,.1);
    margin-right: 10px
}

a.social-btn.twitter-btn,button.twitter-btn {
    background-color: #55acee!important;
    border: 2px solid #55acee!important
}

a.social-btn.twitter-btn:hover,button.twitter-btn:hover {
    background-color: #095288!important
}

.round-twitter-btn,.round-twitter-btn:active,.round-twitter-btn:link,.round-twitter-btn:visited {
    width: 60px;
    height: 60px;
    padding: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #55acee;
    text-decoration: none;
    color: #fff;
    float: left
}

.round-twitter-btn:hover {
    background: #095288
}

.round-facebook-btn {
    width: 90px;
    height: 90px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #3b5998
}

a.social-btn.facebook-btn,button.facebook-btn {
    background-color: #3b5998!important;
    border: 2px solid #3b5998!important
}

a.social-btn.facebook-btn:hover,button.facebook-btn:hover {
    background-color: #21396c!important
}

a.social-btn.google-btn,button.google-btn {
    background-color: #dd4b39!important;
    border: 2px solid #dd4b39!important
}

a.social-btn.google-btn:hover,button.google-btn:hover {
    background-color: #a72717!important
}

a.social-btn.soundcloud-btn,button.soundcloud-btn {
    background-color: #f57200!important;
    border: 2px solid #f57200!important
}

a.social-btn.soundcloud-btn:hover,button.soundcloud-btn:hover {
    background-color: #8a4000!important
}

a.social-btn.youtube-btn,button.youtube-btn {
    background-color: #ec2721!important;
    border: 2px solid #ec2721!important
}

a.social-btn.youtube-btn:hover,button.youtube-btn:hover {
    background-color: #b3140f!important
}

a.social-btn.instagram-btn,button.instagram-btn {
    background-color: #2b5283!important;
    border: 2px solid #2b5283!important
}

a.social-btn.instagram-btn:hover,button.instagram-btn:hover {
    background-color: #17365d!important
}

a.social-btn.tiktok-btn,button.tiktok-btn {
    background-color: #030303!important;
    border: 2px solid #333!important
}

a.social-btn.tiktok-btn:hover,button.tiktok-btn:hover {
    background-color: #333!important
}

a.social-btn.twitch-btn,button.twitch-btn {
    background-color: #9146ff!important;
    border: 2px solid #9146ff!important
}

a.social-btn.twitch-btn:hover,button.twitch-btn:hover {
    background-color: #6c2ec9!important
}

a.social-btn.beatstars-btn,button.beatstars-btn {
    background-color: #d00!important;
    border: 2px solid #d00!important
}

a.social-btn.beatstars-btn:hover,button.beatstars-btn:hover {
    background-color: #900!important
}

button.spotify-link-btn {
    background-color: #1ed760!important
}

button.spotify-link-btn:hover {
    background-color: #07a941!important
}

button.find-btn {
    border: none!important;
    position: relative!important;
    top: 2px!important;
    padding-top: 11px!important;
    width: 100%!important
}

button.social-btns {
    padding-top: 13px!important;
    padding-bottom: 13px!important
}

.block,.btn-block {
    display: block
}

.btn-block,.social-btn.btn-block {
    width: 100%;
    min-width: 100%!important;
    max-width: 100%!important
}

.btn-width-auto {
    width: auto!important;
    min-width: auto!important;
    max-width: auto!important;
    padding-left: 10px!important;
    padding-right: 10px!important
}

.floating-dialog-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #464646
}

.floating-dialog-close-btn .material-icons {
    color: #464646
}

[role=button] {
    outline: 0
}

#cart-menu {
    width: auto;
    height: auto;
    display: inline-block;
    padding: 0;
    position: relative;
    font-weight: 600
}

#cart-menu .toggler {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    padding: 0 20px 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#cart-menu .toggler:focus {
    outline: 0
}

#cart-menu .material-icons {
    font-size: 24px;
    vertical-align: middle
}

.item-count {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 18px;
    height: 18px;
    font-size: 8px;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #e0e0e0!important;
    color: #000!important;
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#cart-menu .notification {
    width: 300px;
    height: auto;
    position: absolute;
    top: 44px;
    right: 0;
    padding: 0;
    display: none;
    border: none!important;
    margin: 0!important;
    -webkit-box-shadow: #000 0 5px 15px;
    -moz-box-shadow: #000 0 5px 15px;
    -ms-box-shadow: #000 0 5px 15px;
    box-shadow: #000 0 5px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#cart-menu .notification .notification-list {
    width: 100%;
    height: auto;
    max-height: 300px;
    padding: 0 25px;
    display: block;
    overflow: hidden;
    overflow-y: auto
}

#cart-menu .notification .checkout-btn-container {
    width: 100%;
    display: block;
    margin-top: 5px
}

#cart-menu .notification.open {
    display: block
}

.notification .heading {
    width: 100%;
    display: block;
    float: left;
    margin: 12px 0
}

.notification .cart-notification-item,.notification .cart-notification-items {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    margin: 0;
    padding: 0
}

.notification .cart-notification-items {
    margin-bottom: 13px
}

.notification .cart-notification-item {
    padding: 5px 0;
    line-height: 1.09
}

.notification .cart-notification-item:last-child {
    border-bottom: none
}

.notification .cart-notification-item .artwork {
    width: 46px;
    height: 46px;
    float: left;
    margin-right: 10px
}

.cart-details {
    width: 100%;
    height: auto;
    max-height: auto;
    overflow: auto;
    display: block;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cart-data .cart-heading {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 10px
}

.cart-heading .line {
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #eaeaea;
    top: 12px;
    left: 0
}

.cart-heading .htitle {
    background: #fff;
    color: #333;
    display: inline-block;
    position: relative;
    padding-right: 10px
}

.cart-details li.heading {
    color: #aaa;
    font-size: 14px;
    padding: 10px 15px 10px 0;
    letter-spacing: 2px;
    position: relative
}

.cart-details li.item {
    height: 56px;
    color: #02050e;
    font-size: 14px;
    letter-spacing: .01em;
    padding: 0 15px 0 0;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cart-details li.item.add-on-services {
    padding-right: 0;
    border-bottom: none;
    margin-bottom: 15px
}

.cart-details li.item .artwork {
    width: 56px;
    height: 56px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cart-details li.heading .track-title,.cart-details li.item .track-title {
    padding-left: 0;
    padding-right: 25px
}

.cart-details li.item a.track-title {
    color: #02050e;
    text-decoration: none
}

.cart-details li.item a.track-title:hover {
    text-decoration: underline
}

.cart-details li.item.active a.track-title {
    color: #fff
}

.cart-details li.item:hover {
    color: #02050e;
    background-color: #f0f7fb
}

.cart-details li.item.active {
    color: #fff;
    background-color: #15a4fa
}

.cart-details li span.col {
    vertical-align: middle;
    padding-top: 12px
}

.cart-details li span.col.padding-sm-top {
    padding-top: 3px
}

.cart-details li span.first-col {
    vertical-align: middle;
    padding-left: 70px;
    padding-right: 8px
}

.cart-details li span.col .track-title {
    line-height: normal!important
}

.cart-details li .remove-icon,.cart-details li .remove-icon:link,.cart-details li .remove-icon:visited {
    color: #333
}

.cart-details li.item.active .buy-btn,.cart-details li.item.active .buy-btn:link,.cart-details li.item.active .buy-btn:visited {
    background-color: #e0e0e0!important;
    color: #000!important;
    border: 2px solid #e0e0e0!important
}

.cart-details li.item.active .buy-btn:hover {
    background-color: #000!important;
    color: #fff!important
}

.bulk-deals-list,.bulk-deals-list li,.bulk-deals-list li a,.bulk-deals-list li a:link,.bulk-deals-list li a:visited,.bulk-deals-list li.bulk-details a,.bulk-deals-list li.bulk-details a:link,.bulk-deals-list li.bulk-details a:visited,.bulk-deals-notification,.bulk-deals-title,.bulk-deals-title:link,.bulk-deals-title:visited {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bulk-deals-notification {
    width: 100%;
    padding: 2px;
    background: #1e1e1e;
    border: 1px solid #333;
    display: block;
    margin: 25px 0 0
}

.bulk-deals-title,.bulk-deals-title:link,.bulk-deals-title:visited {
    width: 100%;
    padding: 10px 15px;
    display: block;
    background: #000;
    color: #fff
}

.bulk-deals-list,.bulk-deals-list li {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block
}

.bulk-deals-list {
    list-style: none;
    border: 1px solid #eaeaea;
    border-top: none;
    border-bottom: none;
    background: #fff
}

.bulk-deals-list li {
    border-bottom: 1px solid #eaeaea
}

.bulk-deals-list li.bulk-details,.bulk-deals-list li.bulk-details:hover {
    background: #000
}

.bulk-deals-list li.bulk-details a,.bulk-deals-list li.bulk-details a:link,.bulk-deals-list li.bulk-details a:visited {
    width: 100%;
    color: #fff
}

.bulk-deals-list li:hover {
    background: #eaeaea
}

.bulk-deals-list li a,.bulk-deals-list li a:link,.bulk-deals-list li a:visited {
    width: 100%;
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    color: #000
}

.bulk-deals-list li.bulk-details a,.bulk-deals-list li.bulk-details a:link,.bulk-deals-list li.bulk-details a:visited {
    padding: 10px 15px;
    color: #fff;
    font-size: 12px
}

.cart-buttons,.cart-customer {
    width: 100%;
    height: auto;
    padding: 10px;
    display: block;
    background-color: #191919!important;
    color: #9e9e9e!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cart-buttons .material-icons,.cart-customer .material-icons {
    color: #9e9e9e!important
}

.cart-buttons .block {
    width: 100%
}

.cart-buttons .checkout-refund-policy p {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center
}

.cart-customer {
    background-color: #f9f9f9!important;
    color: #02050e!important
}

.add-to-cart-btns .show-active {
    display: none!important
}

.add-to-cart-btns.active .hide-active {
    display: none!important
}

.add-to-cart-btns.active .show-active {
    display: inline-block!important
}

.buy-btn .show-active {
    display: none!important
}

.buy-btn.active .hide-active {
    display: none!important
}

.buy-btn.active .show-active {
    display: inline-block!important
}

#cart-options {
    width: 100%;
    max-width: 1440px;
    display: block
}

#cart-options.active,#lyric-pad.active,#quotation-form-pad.active {
    display: block
}

#cart-options-bg,#lyric-pad-bg,#service-quoatation-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    cursor: pointer;
    -webkit-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    filter: alpha(opacity=90)
}

#cart-options-content-container,#lyric-pad-container {
    width: 100%;
    max-width: 1166px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%
}

#cart-options-content,#lyric-pad-content,#service-quoatation-content {
    width: 100%;
    max-width: 1166px;
    height: auto;
    min-height: 300px;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: -50%;
    background: #fff;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#cart-options-padded-contents,#cart-options-suggestions,#lyric-pad-content-padded {
    width: 100%;
    height: auto;
    padding: 0;
    max-width: 1186px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cart-options-close-container-mobile {
    display: none
}

.cart-options-close-container,.cart-options-close-container-always-open {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: 10px
}

.cart-options-close,.cart-options-close:link,.cart-options-close:visited {
    padding: 5px;
    text-align: center;
    color: #000
}

.cart-options-close .material-icon {
    margin: 0;
    line-height: normal
}

.cart-options-close:hover {
    color: #000;
    background-color: #eaeaea
}

.cart-options-close:active {
    color: #000;
    background-color: #999
}

.cart-licenses {
    width: 100%;
    height: auto;
    padding: 10px 20px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.section-content.cart-licenses {
    background-color: #fff
}

.cart-track {
    width: 100%;
    height: auto;
    min-height: 200px;
    display: block;
    padding: 20px;
    text-align: left;
    position: relative;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cart-track .share-btn,.cart-track .share-btn:link,.cart-track .share-btn:visited {
    color: #333
}

.cart-track h4 {
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    margin: 10px 0 5px;
    letter-spacing: 0;
    color: #333
}

.cart-track h4.secondary-headline {
    color: #333
}

.cart-track h2 {
    letter-spacing: .01em;
    font-size: 24px;
    line-height: normal;
    font-weight: 700;
    margin: 0 0 20px
}

.cart-track .data-contents {
    width: 100%;
    height: auto;
    display: inline-block;
    padding-left: 190px;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cart-track .data-contents .data-contents h2 span.label {
    position: relative;
    top: -2px
}

.cart-track .artwork {
    width: 160px;
    height: 160px;
    position: absolute;
    top: 20px;
    left: 20px
}

.cart-track .box-column {
    width: auto;
    float: left;
    vertical-align: middle;
    margin-left: 50px
}

#paypal-window-open {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 60000;
    cursor: pointer
}

#paypal-window-open .paypal-window-msg,#paypal-window-open .paypal-window-msg-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#paypal-window-open .paypal-window-msg-bg {
    background: #000;
    opacity: .8
}

#paypal-window-open .paypal-window-msg {
    display: flex;
    flex-direction: row;
    align-items: center
}

#paypal-window-open .paypal-window-msg div {
    width: 100%;
    text-align: center
}

#paypal-window-open .paypal-window-msg div h4,#paypal-window-open .paypal-window-msg div p {
    color: #fff
}

#paypal-window-open .paypal-window-msg div h4 {
    font-size: 30px;
    margin-bottom: 20px
}

#paypal-window-open .paypal-window-msg div h4 i {
    color: #fff;
    margin-right: 8px
}

#paypal-window-open .paypal-window-msg div p {
    font-size: 16px;
    margin-bottom: 20px
}

#paypal-window-open .paypal-window-msg div button {
    margin-top: 25px;
    font-size: 18px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center!important
}

.text-right {
    text-align: right!important
}

.text-uc {
    text-transform: uppercase!important
}

.text-capitalize:first-letter {
    text-transform: uppercase!important
}

.text-ellipsis {
    width: inherit;
    display: block;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important
}

.text-xxxs {
    font-size: 8px!important
}

.text-xxs {
    font-size: 10px!important
}

.text-xs {
    font-size: 11px!important
}

.text-sm {
    font-size: 13px!important
}

.text-nm {
    font-size: 14px!important
}

.text-md {
    font-size: 16px!important
}

.text-lg {
    font-size: 18px!important
}

.text-xl {
    font-size: 24px!important
}

.text-xxl {
    font-size: 56px!important
}

.text-st {
    text-decoration: line-through
}

.text-ap {
    letter-spacing: 2px
}

.text-wrap {
    word-break: break-word
}

.text-beatstars {
    color: #d00
}

.text-page {
    color: #02050e!important
}

.text-primary {
    color: #616161
}

.text-danger {
    color: #d00
}

.text-spacing-sm {
    letter-spacing: 2px
}

a.text-primary,a.text-primary:link,a.text-primary:visited {
    color: #616161;
    text-decoration: none
}

a.text-page,a.text-page:link,a.text-page:visited {
    color: #02050e!important;
    text-decoration: none
}

.text-muted {
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity=50)
}

.text-strike {
    text-decoration: line-through
}

a.text-white,a.text-white:link,a.text-white:visited,h1.text-white,span.text-white {
    color: #fff!important
}

a.text-white,a.text-white:link,a.text-white:visited {
    text-decoration: none
}

a.text-dark,a.text-dark:link,a.text-dark:visited,h1.text-dark {
    color: #02050e!important
}

a.text-dark:hover,a.text-white:hover {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80)
}

a.text-dark,a.text-dark:link,a.text-dark:visited,a.text-white,a.text-white:link,a.text-white:visited {
    text-decoration: none
}

.text-dc0048 {
    color: #dc0048
}

.font-thin {
    font-weight: 400!important
}

.font-semi-bold {
    font-weight: 500
}

.font-bold {
    font-weight: 800
}

.img-full {
    width: 100%;
    height: auto;
    display: block
}

.b-r {
    border-right: 1px solid #f9f9f9
}

.m-none {
    margin: 0!important
}

.m-l {
    margin-left: 15px!important
}

.m-r {
    margin-right: 15px!important
}

.m-t {
    margin-top: 15px!important
}

.m-b {
    margin-bottom: 15px!important
}

.m-l-n {
    margin-left: -20px
}

.m-r-n {
    margin-right: -20px
}

.m-t-n {
    margin-top: -10px
}

.m-b-n {
    margin-bottom: -10px
}

.m-t-n-xs {
    margin-top: -3px!important
}

.m-t-n-xxs {
    margin-top: -2px!important
}

.m-t-n-xl {
    margin-top: -18px!important
}

.m-t-none {
    margin-top: 0!important
}

.m-b-none {
    margin-bottom: 0!important
}

.comment-form md-input-container.m-r-none,.m-r-none {
    margin-right: 0!important
}

.m-xxs {
    margin: 1px!important
}

.m-t-xxs {
    margin-top: 2px!important
}

.m-l-xxs {
    margin-left: 2px!important
}

.m-r-xxs {
    margin-right: 2px!important
}

.m-t-xxxs {
    margin-top: 3px!important
}

.m-t-xs {
    margin-top: 5px!important
}

.m-b-xs {
    margin-bottom: 5px!important
}

.m-r-xs {
    margin-right: 5px!important
}

.m-l-xs {
    margin-left: 5px!important
}

.m-t-ssm {
    margin-top: 8px!important
}

.m-b-ssm {
    margin-bottom: 8px!important
}

.m-l-ssm {
    margin-left: 8px!important
}

.m-r-ssm {
    margin-right: 8px!important
}

.m-t-sm {
    margin-top: 10px!important
}

.m-b-sm {
    margin-bottom: 10px!important
}

.m-l-sm {
    margin-left: 10px!important
}

.m-r-sm {
    margin-right: 10px!important
}

.m-l-md {
    margin-left: 20px!important
}

.m-r-md {
    margin-right: 20px!important
}

.m-t-md {
    margin-top: 20px!important
}

.m-b-md {
    margin-bottom: 20px!important
}

.m-l-lg {
    margin-left: 25px!important
}

.m-r-lg {
    margin-right: 25px!important
}

.m-t-lg {
    margin-top: 30px!important
}

.m-b-lg {
    margin-bottom: 30px!important
}

.m-l-xl {
    margin-left: 35px!important
}

.m-r-xl {
    margin-right: 35px!important
}

.m-t-xl {
    margin-top: 35px!important
}

.m-t-xxl {
    margin-top: 80px!important
}

.m-b-xl {
    margin-bottom: 50px!important
}

.m-l-xxl {
    margin-left: 50px!important
}

.m-r-xxl {
    margin-right: 50px!important
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.offset-margin {
    margin-left: -15px;
    margin-right: -15px
}

.b-t {
    border-top: 1px solid #dadada
}

.b-t.lter {
    border-top: 1px solid #eaeaea
}

.b-b {
    border-bottom: 1px solid #dadada
}

.b-b.lighter {
    border-bottom: 1px solid #eaeaea
}

.cursor-pointer {
    cursor: pointer
}

.text-break-word {
    overflow-wrap: break-word
}

.browser-warning {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #ff0;
    color: red;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    z-index: 10000;
    opacity: .7
}

.browser-warning:hover {
    opacity: 1
}

.browser-warning.player-active {
    bottom: 80px
}

#contact {
    width: 100%;
    height: auto;
    min-height: 450px;
    display: block;
    padding: 40px 0 80px;
    background: #02050e;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#contact h3 {
    font-size: 34px;
    font-weight: 600
}

#contact p {
    font-size: 14px
}

md-content.md-docs-dark-theme {
    background-color: transparent!important;
    overflow-x: hidden
}

#contact md-input-container .md-input {
    padding: 3px 8px;
    border: 1px solid #fff!important;
    height: 34px!important;
    color: #fff
}

#contact md-input-container textarea.md-input {
    height: inherit!important
}

#contact md-input-container .md-placeholder,#contact md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    color: #fff!important;
    padding-left: 15px!important;
    line-height: 34px;
    vertical-align: middle
}

#contact md-input-container label:not(.md-container-ignore) {
    height: 26px
}

#contact md-input-container:not(.md-input-invalid).md-input-focused .md-input {
    border-color: #fff!important
}

#contact md-input-container:not(.md-input-invalid).md-input-focused label {
    color: #fff!important;
    font-size: 20px;
    padding-left: 0!important
}

#contact md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore) {
    font-size: 20px;
    padding-left: 0!important
}

#contact md-input-container.md-input-invalid .md-input,#contact md-input-container.md-input-invalid.md-input-focused .md-input {
    border-color: #fff!important
}

#contact md-input-container.md-input-invalid.md-input-focused label,#contact md-input-container.md-input-invalid.md-input-focused label.md-required {
    color: #fff!important;
    font-size: 20px;
    padding-left: 0!important
}

#contact md-input-container.md-input-invalid label,#contact md-input-container.md-input-invalid label.md-required {
    color: #fff!important
}

#contact md-input-container .md-errors-spacer {
    display: none!important
}

#contact md-input-container .md-input-message-animation,#contact md-input-container .md-input-messages-animation,#contact md-input-container.md-default-theme .md-input-message-animation,#contact md-input-container.md-default-theme .md-input-messages-animation {
    color: #fff!important
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        width:15px;
        height: 15px
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        width:10px;
        height: 10px
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        width:5px;
        height: 5px;
        opacity: .75
    }
}

.cropper-point.point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    content: " ";
    opacity: 0;
    background-color: #39f
}

.cropper-invisible {
    opacity: 0
}

.cropper-bg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}

.cropper-hide {
    position: absolute;
    display: block;
    width: 0;
    height: 0
}

.cropper-hidden {
    display: none!important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point {
    cursor: not-allowed
}

#nav-right {
    scroll-behavior: smooth;
    max-width: 380px!important
}

@media (min-width: 599px) {
    #nav-right {
        max-width:420px!important
    }
}

.customizer-btn {
    position: fixed;
    bottom: 110px;
    left: 20px;
    z-index: 20000
}

.customize-nav {
    position: fixed;
    top: 80px;
    z-index: 20000
}

.customizer-tip {
    background: #fbf9ef;
    margin-bottom: 1px
}

.md-sidenav-backdrop {
    position: fixed
}

md-backdrop.md-opaque,md-backdrop.md-opaque.md-default-theme {
    background: 0 0
}

.materialpicker-colors {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    border: 1px solid #fff;
    border-radius: 2px;
    display: inline-block;
    box-shadow: 0 1px 5px rgba(0,0,0,.5);
    cursor: default
}

.materialpicker-colors div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.materialpicker-colors div.selected {
    position: relative;
    z-index: 2;
    box-shadow: 0 0 4px #000;
    border: 2px solid #fff
}

div.materialpicker-white.selected {
    border-color: #78909c
}

.colorpicker-preview {
    width: 40px;
    height: 40px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle
}

.materialpicker.ng-invalid .materialpicker-colors {
    border-color: #a94442;
    box-shadow: 0 1px 5px #a94442
}

.customizer-tabs .customizer-form,.customizer-tabs .customizer-tip {
    display: none
}

.customizer-tabs.active .customizer-form,.customizer-tabs.active .customizer-tip {
    display: block
}

.customizer-tip md-content {
    background: 0 0
}

.propage-editor-menu,.propage-editor-menu:link,.propage-editor-menu:visited {
    width: 100%;
    height: auto;
    display: block;
    padding: 15px;
    background: #f7f7f7;
    border-bottom: 1px solid #eee;
    color: #1e1e1e;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.propage-editor-menu:hover {
    color: #e20035
}

.customizer-tabs.active .propage-editor-menu,.customizer-tabs.active .propage-editor-menu:active,.customizer-tabs.active .propage-editor-menu:hover,.customizer-tabs.active .propage-editor-menu:link,.customizer-tabs.active .propage-editor-menu:visited {
    background: #1e1e1e;
    color: #e20035;
    cursor: default
}

.propage-editor-menu .ppem-icon {
    text-align: center;
    display: inline-block;
    min-width: 30px
}

.upload-preview {
    width: 100%;
    height: auto;
    min-height: auto;
    display: block;
    background: url(../images/transparency-box-bg.jpg) repeat;
    border: 2px solid #e0e0e0!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.caret.pull-right {
    float: right!important
}

.color-box {
    width: 44px;
    height: 44px;
    display: inline-block;
    border: 1px solid #999;
    cursor: pointer;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    border-radius: 22px
}

.color-box:hover {
    border: 1px solid #999;
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80)
}

.color-box:active {
    border: 1px solid #e20035
}

.fontlist {
    max-height: 250px;
    border: 1px solid #ccc
}

.customizable {
    position: relative
}

.customizable .customizable-actions {
    display: none
}

@media (min-width: 599px) {
    .customizable:hover {
        box-shadow:inset 0 0 0 3px #a94442
    }
}

.customizable:hover .customizable-actions {
    display: none;
    position: absolute;
    top: 0;
    right: 0
}

@media (min-width: 599px) {
    .customizable:hover .customizable-actions {
        display:block
    }
}

.customizable:hover .customizable-actions.top-left {
    top: 0;
    left: 0;
    right: unset
}

.customizable:hover .customizable-actions.bottom-left {
    bottom: -46px;
    left: 0;
    top: unset;
    right: unset
}

.customizable:hover .customizable-actions.bottom-right {
    bottom: -46px;
    right: 0;
    top: unset;
    left: unset
}

.customizable:hover .customizable-actions .md-button {
    margin: 0;
    padding: 5px 20px;
    background-color: #a94442;
    color: #eaeaea
}

.customizable:hover .customizable-actions .md-button i {
    margin-right: 5px
}

.customizable:hover .customizable-actions .md-button:hover {
    color: #fff
}

.add-home-sections {
    background-color: #a94442;
    padding: 15px;
    text-align: center
}

.add-home-sections .md-button {
    width: 90px;
    height: 90px;
    padding: 0;
    line-height: inherit;
    border-radius: 45px
}

.add-home-sections .md-button i {
    font-size: 90px;
    color: #fff
}

.dropzone,.dropzone *,.dropzone-manual {
    box-sizing: border-box
}

.dropzone,.dropzone-manual {
    min-height: 150px;
    border: 2px solid rgba(0,0,0,.3);
    padding: 20px 20px
}

.dropzone-manual.dz-clickable,.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone-manual.dz-clickable *,.dropzone.dz-clickable * {
    cursor: default
}

.dropzone-manual.dz-clickable .dz-message,.dropzone-manual.dz-clickable .dz-message *,.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone-manual.dz-started .dz-message,.dropzone.dz-started .dz-message {
    display: none
}

.dropzone-manual.dz-drag-hover,.dropzone.dz-drag-hover {
    border-style: solid
}

.dropzone-manual.dz-drag-hover .dz-message,.dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

.dropzone .dz-message,.dropzone-manual .dz-message {
    text-align: center;
    margin: 2em 0
}

.dropzone .dz-preview,.dropzone-manual .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px
}

.dropzone .dz-preview:hover,.dropzone-manual .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview:hover .dz-details,.dropzone-manual .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-file-preview .dz-image,.dropzone-manual .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(to bottom,#eee,#ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details,.dropzone-manual .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-image-preview,.dropzone-manual .dz-preview.dz-image-preview {
    background: #fff
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.dropzone .dz-preview .dz-remove,.dropzone-manual .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none
}

.dropzone .dz-preview .dz-remove:hover,.dropzone-manual .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details,.dropzone-manual .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-details,.dropzone-manual .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 0;
    text-align: center;
    color: rgba(0,0,0,.9);
    line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size,.dropzone-manual .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename,.dropzone-manual .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span,.dropzone-manual .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200,200,200,.8);
    background-color: rgba(255,255,255,.8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover),.dropzone-manual .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span,.dropzone-manual .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span,.dropzone-manual .dz-preview .dz-details .dz-filename span,.dropzone-manual .dz-preview .dz-details .dz-size span {
    background-color: rgba(255,255,255,.4);
    padding: 0 .4em;
    border-radius: 3px
}

.dropzone .dz-preview:hover .dz-image img,.dropzone-manual .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px)
}

.dropzone .dz-preview .dz-image,.dropzone-manual .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10
}

.dropzone .dz-preview .dz-image img,.dropzone-manual .dz-preview .dz-image img {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark,.dropzone-manual .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
    -moz-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
    -ms-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
    -o-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
    animation: passing-through 3s cubic-bezier(.77,0,.175,1)
}

.dropzone .dz-preview.dz-error .dz-error-mark,.dropzone-manual .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
    -moz-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
    -ms-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
    -o-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
    animation: slide-in 3s cubic-bezier(.77,0,.175,1)
}

.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark,.dropzone-manual .dz-preview .dz-error-mark,.dropzone-manual .dz-preview .dz-success-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px
}

.dropzone .dz-preview .dz-error-mark svg,.dropzone .dz-preview .dz-success-mark svg,.dropzone-manual .dz-preview .dz-success-mark svg {
    display: block;
    width: 54px;
    height: 54px
}

.dropzone .dz-preview.dz-processing .dz-progress,.dropzone-manual .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress,.dropzone-manual .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    -ms-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress,.dropzone-manual .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress,.dropzone-manual .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    transform: scale(1);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload,.dropzone-manual .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom,#666,#444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -ms-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.dropzone .dz-preview.dz-error .dz-error-message,.dropzone-manual .dz-preview.dz-error .dz-error-message {
    display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message,.dropzone-manual .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

.dropzone .dz-preview .dz-error-message,.dropzone-manual .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom,#be2626,#a92222);
    padding: .5em 1.2em;
    color: #fff
}

.dropzone .dz-preview .dz-error-message:after,.dropzone-manual .dz-preview .dz-error-message:after {
    content: "";
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626
}

#email-subscription {
    width: 100%;
    height: auto;
    display: block;
    padding: 40px 0;
    background: #02050e;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#email-subscription h2 {
    font-size: 36px;
    font-weight: 600
}

#email-subscription h2 .material-icons {
    font-size: 46px;
    margin: 0 0 5px
}

#email-subscription p {
    font-size: 16px
}

#email-subscription .phone-input-container {
    margin-right: 8px
}

#email-subscription md-input-container.subscribe-button {
    display: flex;
    align-items: start
}

@media (min-width: 962px) {
    #email-subscription md-input-container.subscribe-button {
        max-width:153px;
        margin: 5px 0 0
    }
}

#email-subscription md-input-container .md-input {
    padding: 3px 8px;
    border-bottom: 1px solid #fff!important;
    color: #fff
}

#email-subscription md-input-container textarea.md-input {
    height: inherit!important
}

#email-subscription md-input-container .md-placeholder,#email-subscription md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    color: #fff!important;
    padding-left: 15px!important;
    vertical-align: middle
}

#email-subscription md-input-container:not(.md-input-invalid).md-input-focused .md-input,#email-subscription md-input-container:not(.md-input-invalid).md-input-focused md-select {
    border-color: #fff!important
}

#email-subscription md-input-container.md-input-focused .md-select-placeholder span:first-child,#email-subscription md-input-container:not(.md-input-invalid).md-input-focused .md-select-placeholder span:first-child,#email-subscription md-input-container:not(.md-input-invalid).md-input-focused label {
    color: #fff!important;
    font-size: 20px;
    padding-left: 0!important
}

#email-subscription md-input-container .md-select-placeholder span:first-child {
    font-size: 17px
}

#email-subscription md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore) {
    font-size: 20px;
    padding-left: 0!important
}

#email-subscription md-checkbox:not(.md-checked) .md-icon,#email-subscription md-input-container.md-input-focused md-select,#email-subscription md-input-container.md-input-invalid .md-input,#email-subscription md-input-container.md-input-invalid.md-input-focused .md-input {
    border-color: #fff!important
}

#email-subscription md-input-container.md-input-invalid.md-input-focused label,#email-subscription md-input-container.md-input-invalid.md-input-focused label.md-required {
    color: #fff!important;
    font-size: 20px;
    padding-left: 0!important
}

#email-subscription md-input-container.md-input-invalid label,#email-subscription md-input-container.md-input-invalid label.md-required {
    color: #fff!important
}

#email-subscription md-input-container .md-errors-spacer {
    display: none!important
}

#email-subscription md-checkbox,#email-subscription md-input-container .md-input-message-animation,#email-subscription md-input-container .md-input-messages-animation,#email-subscription md-input-container.md-default-theme .md-input-message-animation,#email-subscription md-input-container.md-default-theme .md-input-messages-animation {
    color: #fff!important
}

#email-subscription md-checkbox {
    margin-bottom: 0
}

section.footer {
    width: 100%;
    height: auto;
    display: block;
    padding: 30px 0 120px
}

section.footer h3 {
    font-size: 36px;
    margin: 0 0 15px
}

h3.footer-brand {
    width: 100%;
    display: block;
    position: relative
}

h3.footer-brand a {
    width: 210px;
    height: 50px;
    line-height: 50px;
    display: block;
    background-size: cover;
    overflow: visible;
    white-space: nowrap!important
}

h1.h3-brand a:focus,h3.footer-brand a:active {
    outline: 0
}

.footer-logo-text {
    font-size: 30px;
    font-weight: 600;
    color: #02050e
}

.footer-logo-text strong {
    font-weight: bolder!important
}

section.footer p {
    font-size: 14px;
    color: #999;
    margin: 0 0 30px
}

ul.footer-menu {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 26px;
    list-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

ul.footer-menu li {
    margin: 0;
    padding: 0 0 10px
}

ul.footer-menu li a,ul.footer-menu li a:link,ul.footer-menu li a:visited {
    color: #02050e;
    text-decoration: none
}

ul.footer-menu li a:hover {
    text-decoration: underline
}

.box-input md-input-container .md-input {
    border: 1px solid #fff!important;
    height: 43px
}

.box-input md-input-container .md-placeholder,.box-input md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    width: 80%!important;
    color: #ccc!important;
    padding-left: 15px!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.coupon-code.md-input-container label:not(.md-container-ignore) {
    bottom: 85%!important
}

.box-input md-input-container:not(.md-input-invalid).md-input-focused .md-input {
    border-color: #999!important
}

.box-input md-input-container:not(.md-input-invalid).md-input-focused label {
    color: #999!important;
    font-size: 24px;
    padding-left: 0!important
}

.box-input md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore) {
    font-size: 24px;
    padding-left: 0!important
}

.box-input md-input-container.md-input-invalid .md-input,.box-input md-input-container.md-input-invalid.md-input-focused .md-input {
    border-color: #f3001d!important
}

.box-input md-input-container.md-input-invalid.md-input-focused label,.box-input md-input-container.md-input-invalid.md-input-focused label.md-required {
    color: #f3001d!important;
    font-size: 24px;
    padding-left: 0!important
}

.box-input md-input-container.md-input-invalid label,.box-input md-input-container.md-input-invalid label.md-required {
    color: #f3001d!important
}

.box-input md-input-container .md-errors-spacer {
    display: none!important
}

.input-box.input-height-l {
    height: 44px
}

md-input-container label.input-height-l {
    top: -15px;
    height: 22px
}

.boxed-white {
    background: 0 0!important;
    padding: 15px 20px!important;
    overflow: hidden
}

.boxed-white.padding-20 {
    padding: 20px!important
}

.boxed-white.no-padding {
    padding: 20px 0!important
}

.md-docs-dark-theme md-input-container .md-input {
    color: #fff!important;
    padding-left: 10px;
    padding-right: 10px
}

md-select.md-docs-dark-theme {
    margin: 0
}

md-select.md-docs-dark-theme md-select-value {
    color: #fff!important;
    border-bottom-color: rgba(255,255,255,.8)!important
}

md-select.md-docs-dark-theme md-select-value .md-select-icon {
    color: #fff!important
}

md-select.md-docs-dark-theme.customizer {
    z-index: 20001
}

md-checkbox.md-docs-dark-theme:not(.md-checked) .md-icon {
    border-color: rgba(255,255,255,.54)
}

.boxed-normal md-input-container .md-input,.boxed-normal md-input-container .select-country-code md-select,.boxed-normal md-input-container>md-select,.boxed-white md-input-container .md-input,.boxed-white md-input-container .select-country-code md-select,.boxed-white md-input-container>md-select {
    background-color: #fff!important;
    border-color: #e8e8e8!important
}

.boxed-normal md-input-container .account-input,.boxed-white md-input-container .account-input {
    height: 44px;
    border: 1px solid #e8e8e8
}

.account-input.verify-pin-input {
    text-align: center;
    letter-spacing: 20px
}

.account-input.verify-pin-input::placeholder {
    text-align: left;
    letter-spacing: normal
}

.account-input.verify-pin-input:-ms-input-placeholder {
    letter-spacing: normal
}

.account-input.verify-pin-input::-ms-input-placeholder {
    letter-spacing: normal
}

.boxed-normal md-input-container textarea.md-input,.boxed-normal md-input-container>textarea {
    height: inherit!important
}

.boxed-normal md-input-container textarea.md-input,.boxed-white md-input-container textarea.md-input {
    min-height: 220px;
    overflow: auto
}

.boxed-normal md-select.md-default-theme .md-select-value,.boxed-white md-select.md-default-theme .md-select-value {
    padding-top: 0!important;
    border-bottom: none
}

.boxed-normal md-input-container .md-placeholder,.boxed-normal md-input-container .md-select-placeholder span:first-child,.boxed-normal md-input-container label:not(.md-no-float):not(.md-container-ignore),.boxed-white md-input-container .md-placeholder,.boxed-white md-input-container .md-select-placeholder span:first-child,.boxed-white md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    color: #999!important;
    padding-left: 15px!important;
    font-size: 16px!important
}

.boxed-normal .md-input:readonly,.boxed-white .md-input:readonly {
    color: #999!important
}

.boxed-normal md-input-container:not(.md-input-invalid).md-input-focused .md-input,.boxed-normal md-input-container:not(.md-input-invalid).md-input-focused md-select .md-select-value,.boxed-white md-input-container:not(.md-input-invalid).md-input-focused .md-input,.boxed-white md-input-container:not(.md-input-invalid).md-input-focused md-select .md-select-value {
    border-color: #999!important
}

.boxed-normal md-input-container.md-input-focused .ng-invalid-required .md-select-placeholder span:first-child,.boxed-normal md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),.boxed-normal md-input-container.md-input-invalid.md-input-focused label,.boxed-normal md-input-container.md-input-invalid.md-input-focused label.md-required,.boxed-normal md-input-container:not(.md-input-invalid).md-input-focused label,.boxed-white md-input-container.md-input-focused .ng-invalid-required .md-select-placeholder span:first-child,.boxed-white md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),.boxed-white md-input-container.md-input-invalid.md-input-focused label,.boxed-white md-input-container.md-input-invalid.md-input-focused label.md-required,.boxed-white md-input-container:not(.md-input-invalid).md-input-focused label {
    padding-left: 3px!important;
    padding-bottom: 3px!important;
    font-size: 18px!important;
    text-transform: uppercase!important;
    font-weight: 700!important
}

.boxed-normal md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),.boxed-normal md-input-container:not(.md-input-invalid).md-input-focused label,.boxed-white md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),.boxed-white md-input-container:not(.md-input-invalid).md-input-focused label {
    color: #333!important
}

.boxed-normal md-input-container.md-input-invalid.md-input-focused label,.boxed-normal md-input-container.md-input-invalid.md-input-focused label.md-required,.boxed-white md-input-container.md-input-invalid.md-input-focused label,.boxed-white md-input-container.md-input-invalid.md-input-focused label.md-required {
    color: #f3001d!important
}

.boxed-normal md-input-container.md-input-invalid .md-input,.boxed-normal md-input-container.md-input-invalid.md-input-focused .md-input,.boxed-white md-input-container.md-input-invalid .md-input,.boxed-white md-input-container.md-input-invalid.md-input-focused .md-input {
    border-color: #f3001d!important
}

.boxed-normal md-input-container.md-input-invalid label,.boxed-normal md-input-container.md-input-invalid label.md-required,.boxed-white md-input-container.md-input-invalid label,.boxed-white md-input-container.md-input-invalid label.md-required {
    color: #f3001d!important
}

.boxed-normal md-input-container .md-errors-spacer,.boxed-white md-input-container .md-errors-spacer {
    display: none!important
}

.boxed-white md-datepicker .md-datepicker-triangle-button {
    margin: 10px 15px 0 0
}

.boxed-white md-datepicker .md-icon-button+.md-datepicker-input-container {
    margin-left: 0
}

.boxed-white md-datepicker .md-datepicker-button {
    margin: 3px 0 0 0!important
}

.boxed-white md-datepicker .md-datepicker-input-container {
    width: 75%!important
}

.noselect {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

textarea {
    resize: vertical
}

md-input-container label:not(.md-container-ignore).md-required:after {
    content: ""!important
}

.cc-btn .enabled {
    display: block
}

.cc-btn .disabled {
    display: none
}

.cc-btn[disabled] {
    background-color: #999!important;
    border-color: #999!important
}

.cc-btn[disabled] .enabled {
    display: none
}

.cc-btn[disabled] .disabled {
    display: block
}

.md-select-menu-container {
    z-index: 26101
}

.phone-input-container {
    display: flex
}

.phone-input-container .select-country-code {
    width: 30%;
    margin-right: 8px
}

.phone-input-container .select-country-code .md-select-icon {
    width: 13px
}

@media (max-width: 479px) {
    .phone-input-container {
        flex-direction:column
    }

    .phone-input-container .select-country-code {
        width: 100%;
        margin-right: 0
    }
}

.phone-input-container .phone-number-input {
    width: 100%
}

section.header {
    position: fixed;
    width: 100%;
    height: 80px;
    max-height: 80px;
    top: 0;
    left: 0;
    z-index: 25000;
    -webkit-box-shadow: #000 0 0 5px;
    -moz-box-shadow: #000 0 0 5px;
    -ms-box-shadow: #000 0 0 5px;
    box-shadow: #000 0 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header-margin {
    margin: 0
}

@media (min-width: 599px) {
    .header-margin {
        margin:0 25px
    }
}

section.navbar {
    padding: 10px 0;
    color: #616161;
    background-color: #000!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.navbar md-toolbar {
    padding-left: 0;
    padding-right: 0
}

.navbar .md-toolbar-tools {
    background-color: transparent!important
}

.main-menu {
    text-align: right
}

.main-menu .md-button {
    font-family: Poppins,Helvetica,sans-serif
}

.md-button {
    min-width: auto;
    min-height: auto
}

.main-menu .md-button,.main-menu .md-button:active,.main-menu .md-button:hover,.main-menu .md-button:link,.main-menu .md-button:visited,.main-menu .md-default,.main-menu .md-default:active,.main-menu .md-default:hover,.main-menu .md-default:link,.main-menu .md-default:visited {
    min-width: auto!important;
    min-height: auto!important;
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    padding: 0 10px!important;
    margin: 0!important;
    font-size: 14px;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mob-menu.nav-toggle {
    position: absolute;
    min-width: 60px;
    width: 60px;
    height: 60px;
    top: 0;
    left: 0;
    padding-right: 0;
    padding-left: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.mob-menu.nav-toggle .material-icons {
    color: #757575!important
}

.main-menu .md-default.active,.main-menu .md-default.active:active,.main-menu .md-default.active:hover,.main-menu .md-default.active:link,.main-menu .md-default.active:visited {
    color: #f5f5f5
}

#login-btn,#logout-btn,#search-btn {
    height: 44px
}

#logout-btn,#search-btn {
    min-width: auto!important
}

#landing-page {
    width: 100%;
    min-height: 755px;
    text-align: center;
    position: relative
}

#d3-bg-overlay {
    width: 100%;
    height: 133px;
    position: absolute;
    top: inherit;
    bottom: 0
}

.featured-track-bg-color {
    background: #000
}

#d3-bg-overlay-visualizer,#d3-bg-overlay-visualizer-mob {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 60px
}

#d3-bg-overlay-visualizer-ov {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#landing-page {
    background: #000
}

#main-bg {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 106%;
    background-image: url(https://s3.amazonaws.com/beatstarsdata/proweb/2.0/user-styles/uploads/default/templates/blvck/main_bg.jpg?_=1554830638);
    background-size: cover;
    background-position: center
}

#main-video-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #010101
}

#main-video-loader {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 100px
}

#main-bg-no-click {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -10px;
    left: 0;
    background: #000;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=50)
}

.content-flex {
    display: flex;
    flex-grow: 1;
    align-items: start;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.align-center {
    align-items: center
}

#home-search {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    border: 2px solid #eaeaea;
    background: rgba(0,0,0,.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#home-search .search-auto-complete-results {
    width: 100%;
    height: auto;
    position: absolute;
    top: 75px;
    overflow: hidden
}

#home-search input[type=search],#home-search input[type=text] {
    width: 100%;
    height: 70px;
    display: block;
    background: 0 0;
    padding: 10px 20px;
    font-size: 24px;
    border: none;
    color: #fff;
    font-weight: 400;
    font-family: Poppins,Helvetica,sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#home-search input[type=search]:focus,#home-search input[type=text]:focus {
    background: rgba(0,0,0,.7)
}

#home-search button {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 70px;
    color: #fff;
    border: none;
    background: 0 0
}

#home-search button i {
    font-size: 24px
}

#home-search button:focus,#home-search input[type=search],#home-search input[type=text]:focus {
    outline: 0
}

#main-content {
    width: 100%;
    display: block;
    padding: 0;
    height: auto;
    z-index: 0
}

#main-content h1 {
    width: 100%;
    max-width: 760px;
    display: inline-block;
    font-size: 56px;
    font-weight: 700;
    line-height: 64px;
    margin: 0 0 30px;
    text-shadow: 1px 1px 3px #000;
    position: relative;
    color: #d8d8d8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.headlineText {
    padding-top: 405px;
    padding-bottom: 141px;
    position: relative
}

.featured-track a.hText,.featured-track a.hText:link,.featured-track a.hText:visited,.page-track a.hText,.page-track a.hText:link,.page-track a.hText:visited {
    color: #fff;
    text-decoration: none
}

#main-content p {
    color: #aaa;
    font-size: 18px;
    text-shadow: 1px 1px 2px #000
}

#main-content p .text-highlight {
    color: #fff;
    text-decoration: underline
}

#d3Container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#visualizerCanvas {
    position: absolute;
    bottom: 0;
    left: 0
}

#visualizerProgress {
    width: 0%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

#main-playlist {
    width: 100%
}

.featured-track {
    width: 100%;
    height: auto;
    min-height: 80px;
    display: block;
    padding: 0;
    text-align: left;
    position: relative;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 961px) {
    .featured-track {
        min-height:104px
    }
}

.featured-track.has-track {
    min-height: 231px
}

.featured-track .share-btn,.featured-track .share-btn:link,.featured-track .share-btn:visited {
    color: #fff
}

.featured-track h4 {
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    margin: 5px 0 0;
    letter-spacing: 2px;
    color: #4ddfff
}

.featured-track h4.secondary-headline {
    color: #fff!important
}

.featured-track h2 {
    letter-spacing: .01em;
    font-size: 28px;
    height: 34px;
    line-height: 34px;
    vertical-align: middle;
    margin: 5px 0 20px
}

.featured-track .data-contents {
    width: 100%;
    height: auto;
    display: inline-block;
    padding-left: 190px;
    margin-bottom: 30px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.featured-track .artwork {
    width: 170px;
    height: 170px;
    position: absolute;
    top: 0
}

.featured-track .box-column {
    width: auto;
    float: right;
    vertical-align: middle;
    margin-left: 50px
}

.box-column .md-button {
    margin-top: 12px
}

.top-tracks {
    width: 100%;
    height: auto;
    min-height: 500px;
    display: block;
    background-color: #fff;
    padding: 50px 0 20px;
    color: #4ddfff;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.top-tracks h2 {
    letter-spacing: 2px;
    font-size: 36px!important;
    margin: 0
}

.autocomplete-results {
    width: auto;
    max-width: 280px;
    position: absolute;
    top: 57px;
    left: 10px
}

.autocomplete-results-items,.autocomplete-results-items:active,.autocomplete-results-items:link,.autocomplete-results-items:visited {
    width: 100%;
    height: auto;
    padding: 8px 18px 8px 12px;
    color: #000;
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    background: 0 0;
    border-bottom: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.autocomplete-results-items:hover {
    background: #fff
}

.nudged-src-btn {
    position: relative;
    left: -4px
}

#licensing-info,#subscriptions-info {
    width: 100%;
    height: auto;
    display: block;
    background-color: #000;
    color: #fff;
    padding: 95px 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.hide-licensing-header .licensing-info-header {
    display: none
}

.memberships-container {
    background: url(https://s3.amazonaws.com/beatstarsdata/proweb/2.0/user-styles/widgets/kygo/images/section-bg.jpg) no-repeat top center;
    background-size: cover
}

#licensing-info h2,#subscriptions-info h2 {
    font-size: 36px
}

#licensing-info h3,#subscriptions-info h3 {
    font-size: 28px;
    font-weight: 700
}

#licensing-info p,#subscriptions-info p {
    font-size: 14px
}

#licensing-info .scrollBtns,#licensing-info .scrollBtns:link,#licensing-info .scrollBtns:visited,#subscriptions-info .scrollBtns,#subscriptions-info .scrollBtns:link,#subscriptions-info .scrollBtns:visited {
    color: #fff
}

.licenses-overlay {
    width: 30%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 200
}

.licensesCarousel {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden
}

.license-box-container,.subscription-box-container {
    width: 278px!important;
    min-width: 278px!important;
    max-width: inherit;
    padding-top: 50px;
    margin-right: 10px
}

#licensing-info .license-type,#subscriptions-info .license-type {
    width: 100%;
    height: auto;
    min-height: auto;
    display: inline-block;
    background-color: #fff;
    color: #333;
    z-index: 50;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fixed-30 {
    width: 270px!important
}

.fixed-35 {
    width: 300px!important
}

#licensing-info .license-type.featured,#subscriptions-info .license-type.featured {
    margin-top: -46px;
    min-height: auto;
    font-size: 4vw
}

#licensing-info .license-type.featured .container,#subscriptions-info .license-type.featured .container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-opacity: .2;
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity=20);
    -webkit-box-shadow: #000 0 0 40px;
    -moz-box-shadow: #000 0 0 40px;
    -ms-box-shadow: #000 0 0 40px;
    box-shadow: #000 0 0 40px
}

.license-type .bottom,.license-type .top {
    width: 100%;
    height: auto;
    padding: 46px 20px;
    display: block;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.license-type .bottom {
    padding: 20px 29px 10px
}

.license-type .top {
    background-color: #212121;
    color: #fff
}

.license-type .top .block {
    margin: 0
}

.license-type.featured .top {
    padding: 28px 20px 44px
}

.license-type.featured .top,.playlist-hover-colored.active,.playlist-hover-colored.active:hover {
    background-color: #616161;
    color: #fff
}

#licensing-info .license-type.featured .bottom,#subscriptions-info .license-type.featured .bottom {
    padding: 30px 29px 20px
}

.license-type .top .text-xs {
    font-size: 10px!important;
    letter-spacing: 1px!important;
    font-weight: 700
}

.license-type .top .text-sm {
    font-size: 12px;
    margin-bottom: 0
}

.license-type .top .text-lg {
    font-size: 22px!important
}

.license-type .top .text-xl {
    font-size: 42px!important;
    margin-bottom: 2px
}

.license-type .bottom ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.license-type .bottom ul li {
    margin: 0 0 20px;
    font-size: 12px;
    font-size: 4vw;
    vertical-align: middle
}

.license-type .bottom ul li .material-icons {
    position: relative;
    top: 1px;
    margin-right: 8px;
    margin-bottom: 8px;
    float: left;
    color: #616161;
    font-size: 15px
}

.license-btns-container,.license-btns-container-in {
    max-width: auto;
    min-width: 277px;
    height: auto;
    margin: 7px;
    display: inline-block;
    flex-grow: 1
}

.license-btns,.license-btns:link,.license-btns:visited {
    width: 100%;
    height: auto;
    background-color: #191919!important;
    color: #9e9e9e!important;
    padding: 20px;
    text-align: center;
    position: relative;
    display: block;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.license-btns .license-title {
    font-size: 10px!important;
    letter-spacing: 3px!important;
    font-weight: 700;
    margin-bottom: 15px
}

.license-btns .license-price {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
    color: #fff
}

.license-btns .license-files {
    font-size: 11px;
    letter-spacing: 1px
}

.license-btns .license-added-indicator {
    position: absolute;
    width: 24px;
    height: 24px;
    text-align: center;
    bottom: 10px;
    right: 10px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.license-btns .license-added-indicator .material-icons {
    font-size: 24px!important;
    margin: 1px 0 0 0
}

.membership-license-benefits {
    width: 100%;
    display: block
}

.membership-license-benefits .label {
    width: 100%!important;
    max-width: 100%!important;
    box-sizing: border-box;
    text-align: center;
    opacity: .8
}

.license-btns.active,.license-btns.active:active,.license-btns.active:hover,.license-btns.active:link,.license-btns.active:visited {
    background-color: #616161!important
}

.license-btns.active .license-added-indicator {
    background-color: #fff;
    color: #616161!important
}

.license-btns.active .text-primary {
    color: #fff!important
}

.license-btns-container .license-checklist,.license-btns-container .license-summary,.license-btns-container-in .license-checklist,.license-btns-container-in .license-summary {
    width: 100%;
    display: block;
    padding: 15px;
    text-align: center;
    background-color: #191919!important;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.license-btns-container .license-checklist {
    padding: 20px 25px;
    text-align: left
}

.license-summary p {
    font-size: 14px!important;
    font-weight: 400;
    color: #9e9e9e!important
}

#blog,#drum-kits,#services {
    width: 100%;
    height: auto;
    display: block;
    padding: 40px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#blog h2,#drum-kits h2,#merchandise h2,#services h2 {
    font-size: 36px
}

.drum-kit-box-container,.services-box-container,.soundkit-container {
    width: 277px;
    max-width: 277px;
    margin: 0 13px 0 0
}

.drum-kit-box-container,.services-box-container {
    min-width: 277px
}

.soundkit-container {
    display: inline-block;
    margin: 0 13px 15px 0;
    vertical-align: top
}

.drum-kit-box-container:last-child,.services-box-container:last-child {
    margin-right: 0
}

.drum-kit-box-container .drum-kit-details,.services-box-container .services-details {
    text-align: left
}

.drum-kit-item,.services-item {
    width: 100%;
    min-height: 360px;
    display: block;
    background: rgba(190,190,190,.1);
    border: 1px solid rgba(190,190,190,.2);
    padding: 50px 20px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.services-item {
    min-height: auto
}

.services-item .service-thumb {
    padding: 30px 0!important
}

.drum-kit-thumb {
    width: 100%;
    position: relative
}

.drum-kit-thumb img {
    width: 100%;
    height: 100%
}

.drum-kit-item.large {
    width: 100%!important
}

.drum-kit-details {
    width: 100%;
    display: block;
    border: 1px solid transparent;
    padding: 0;
    margin: 15px 0
}

.drum-kit-details .drum-kit-price {
    font-size: 24px;
    font-weight: 700;
    margin: 0
}

.drum-kit-details .drum-kit-title,.drum-kit-details .drum-kit-title:link,.drum-kit-details .drum-kit-title:visited {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #02050e;
    text-decoration: none
}

.drum-kit-details .drum-kit-title:hover {
    text-decoration: underline
}

.drum-kit-detail .title {
    font-size: 34px;
    line-height: 56px
}

.drum-kit-detail .rating {
    margin: 5px 0 30px
}

.drum-kit-detail .price {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 15px
}

.drum-kit-detail .rating .material-icons {
    color: #eee!important;
    font-size: 20px!important
}

.drum-kit-detail .description {
    font-size: 14px;
    color: #757679;
    margin-bottom: 30px
}

.drum-kit-detail .description li,.drum-kit-detail .description p,.drum-kit-detail .description ul {
    font-size: 14px!important;
    color: #757679
}

.drum-kit-detail .description blockquote {
    font-size: 16px;
    color: #333
}

.kit-samples-list {
    margin: 0 0 40px;
    padding: 0;
    list-style: none
}

.kit-samples-list li {
    font-size: 14px;
    color: #757679;
    margin-bottom: 10px;
    cursor: pointer
}

.kit-samples-list li:hover {
    color: #000
}

.kit-samples-list li.active {
    font-weight: 600;
    color: #eee!important
}

.kit-samples-list li .material-icons {
    font-size: 18px;
    color: #eee!important
}

.circular-play {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    border: 1px solid #ccc;
    background-color: #eaeaea;
    vertical-align: middle;
    margin-right: 5px;
    top: -1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.circular-play md-progress-circular,.circular-play md-progress-circular svg {
    position: absolute;
    top: -1px;
    left: -1px
}

.circular-play .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px
}

.kit-samples-list li.active .circular-play {
    background-color: #fff
}

md-progress-circular path,md-progress-circular.md-default-theme path {
    stroke: #e0e0e0!important
}

.drum-kit-item .btn-primary-cta {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0
}

.services-item {
    width: 100%;
    display: block;
    padding: 0;
    margin: 10px 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.services-item .services-brief,.services-item .services-thumb {
    width: 100%;
    display: block;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.services-item .services-thumb {
    padding: 30px 0 30px
}

.services-item .services-brief {
    padding: 0 30px 30px 30px
}

.services-item .services-brief h3 {
    font-size: 18px;
    margin: 0 0 15px;
    font-weight: 600
}

.services-item .services-brief p {
    font-size: 14px;
    min-height: 70px
}

#videos {
    width: 100%;
    height: auto;
    min-height: 450px;
    display: block;
    padding: 60px 0 120px;
    background: url(https://s3.amazonaws.com/beatstarsdata/proweb/2.0/user-styles/uploads/default/templates/blvck/youtube_bg.jpg?_=1554830808) no-repeat top center;
    background-size: cover;
    color: #fff;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#videos-bg-dimmer {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    left: 0;
    -webkit-opacity: 50;
    -moz-opacity: 50;
    opacity: 50;
    filter: alpha(opacity=0)
}

#videos h2 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 35px
}

#videos ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#videos ul li {
    margin: 0 0 10px;
    font-size: 12px;
    position: relative;
    display: block
}

#videos ul li .vid-icon {
    position: relative;
    margin: 0 20px 30px 0;
    top: 10px;
    float: left;
    color: #616161;
    font-size: 26px
}

#videos ul li .main-text,#videos ul li .sub-text {
    display: block;
    margin-bottom: 0
}

#videos ul li .main-text {
    font-size: 30px;
    font-weight: 600;
    height: 49px;
    line-height: 49px;
    vertical-align: middle
}

#videos ul li .sub-text {
    font-size: 18px;
    margin-top: -8px;
    height: 29px;
    line-height: 29px;
    vertical-align: middle
}

.video-container {
    width: 100%;
    display: inline-block;
    max-width: 574px;
    position: relative
}

.video-thumb {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center
}

.gridList md-grid-list {
    margin: 0
}

.gridList md-grid-tile {
    -webkit-opacity: .35;
    -moz-opacity: .35;
    opacity: .35;
    filter: alpha(opacity=35)
}

.gridList md-grid-tile:hover {
    -webkit-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    filter: alpha(opacity=90)
}

.gridList md-grid-tile.active {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.gridList .black {
    background: #000
}

.gridList .gray {
    background: #f5f5f5
}

.gridList .green {
    background: #b9f6ca
}

.gridList .yellow {
    background: #ffff8d
}

.gridList .blue {
    background: #84ffff
}

.gridList .purple {
    background: #b388ff
}

.gridList .red {
    background: #ff8a80
}

.gridList md-grid-tile {
    transition: all .4s ease-out 50ms;
    -webkit-transition: width .4s ease-out 50ms;
    -webkit-transition: height .4s ease-out 50ms
}

#memberships-bg-dimmer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.discographies {
    display: block;
    text-align: center
}

.discography-item {
    width: 272px;
    min-height: 160px;
    padding: 10px;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.membership-plan-details h2,.membership-plan-details p {
    margin: 0 0 10px 0;
    padding: 0
}

.membership-plan-details h2 {
    font-size: 32px
}

.membership-plan-details p {
    color: #333;
    font-size: 20px;
    margin-bottom: 15px
}

.membership-plan-details p small {
    font-size: 11px;
    font-weight: 700
}

.membership-plan-details p .highlight {
    color: #000
}

.membership-plan-details ul {
    font-size: 14px
}

.membership-plan-details ul li {
    margin-bottom: 7px
}

.membership-terms {
    width: 100%;
    height: 235px;
    padding: 15px;
    border-radius: 5px;
    background: #fcfcfc;
    color: #333;
    border: 1px solid #eaeaea;
    resize: none;
    font-size: 12px;
    box-sizing: border-box!important;
    overflow-y: auto
}

.membership-terms h4 {
    margin: 0 0 15px
}

.membership-terms p {
    font-size: 12px;
    margin-bottom: 10px
}

.paypal-logo i {
    color: #999;
    font-size: 120px
}

.album-top,.page-track {
    width: 100%;
    height: auto;
    min-height: 230px;
    display: block;
    padding: 40px 0;
    text-align: left;
    position: relative;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.album-top {
    color: inherit
}

.page-track .share-btn,.page-track .share-btn:link,.page-track .share-btn:visited {
    color: #fff
}

.album-top h4,.page-track h4 {
    font-size: 11px;
    line-height: normal;
    margin: 10px 0 5px;
    letter-spacing: 2px;
    color: #4ddfff
}

.page-track h4.secondary-headline {
    color: #fff;
    min-height: 58px
}

.page-track h2 {
    letter-spacing: .01em;
    font-size: 28px;
    line-height: normal;
    margin: 0 0 20px
}

.album-top .data-contents,.page-track .data-contents {
    width: 100%;
    height: auto;
    display: inline-block;
    padding-left: 200px;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.data-contents.track-details {
    display: flex;
    align-items: center
}

.data-contents.track-details .track-details-bpm-key-notes {
    display: flex;
    align-items: center;
    margin-right: 16px
}

.data-contents.track-details .track-details-bpm-key-notes>span {
    font-size: 13px;
    font-weight: 500
}

.data-contents.track-details .track-details-bpm-key-notes>i {
    margin-right: 4px;
    font-weight: 500
}

.data-contents.track-details .track-details-bpm-key-notes>i.icon-bpm {
    font-size: 20px
}

.data-contents.track-details .track-details-bpm-key-notes>i.icon-key-note {
    font-size: 14px
}

.album-top .artwork,.page-track .artwork {
    width: 170px;
    height: 170px;
    position: absolute;
    top: 30px;
    left: 0
}

.page-track .box-column {
    width: auto;
    float: right;
    vertical-align: middle;
    margin-left: 50px
}

.comment-form {
    width: 100%;
    height: auto;
    padding: 0 11px;
    background-color: #02050e;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.comment-form .md-docs-dark-theme {
    overflow: hidden!important
}

.comment-form md-input-container {
    padding: 0!important;
    margin: 0 11px 0 0!important;
    position: relative;
    top: 12px
}

.comment-form md-input-container .md-input {
    padding: 10px 10px!important;
    height: 36px!important;
    line-height: 36px!important;
    background-color: #1c1c22!important;
    color: #fff!important;
    border: none!important
}

.comment-form md-input-container .md-placeholder,.comment-form md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    padding-left: 10px;
    color: #999;
    font-size: 14px!important
}

.comment-form md-input-container label:not(.md-container-ignore).md-required {
    color: #999!important
}

.comment-form md-input-container.md-input-focused label {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.comment-form md-input-container label:not(.md-container-ignore) {
    bottom: 100%!important
}

.comment-form .btn-primary-cta {
    min-width: auto!important;
    width: auto!important;
    height: 36px!important;
    line-height: 36px!important
}

md-card.active,md-card.active.bg-light.lter {
    background-color: #fffed1!important
}

md-card-title-text a,md-card-title-text a:active,md-card-title-text a:link,md-card-title-text a:visited {
    color: #02050e!important;
    text-decoration: none
}

md-card-title-text a:hover {
    text-decoration: underline
}

md-card md-card-title md-card-title-media .md-media-sm img {
    width: 56px;
    height: 56px
}

.track-tag {
    cursor: pointer
}

.track-tag:hover {
    text-decoration: underline
}

.track-tags {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.track-tags li {
    width: 49%;
    padding: 10px 0 5px;
    margin-right: 1%;
    float: left;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.track-tags li:nth-child(even) {
    width: 50%;
    margin-right: 0
}

.tag-users {
    float: right!important;
    position: relative
}

.tag-users img {
    position: absolute;
    right: 0
}

.tag-box,.tag-endorsed {
    display: inline-block;
    font-size: 14px;
    font-weight: bolder
}

.tag-box .count,.tag-box .like-tag,.tag-box .tag {
    float: left;
    padding: 5px 10px;
    color: #fff
}

.tag-box .like-tag {
    display: none
}

.tag-box:hover .like-tag {
    display: block
}

.tag-box:hover .count {
    display: none
}

.tag-box .count,.tag-box .like-tag {
    min-width: 20px;
    text-align: center;
    background-color: #616161
}

.tag-box .tag {
    background-color: #212121
}

md-nav-bar .md-button._md-nav-button.md-unselected,md-nav-bar.md-default-theme .md-button._md-nav-button.md-unselected {
    color: #fff
}

md-nav-bar .md-accent:active,md-nav-bar .md-accent:hover,md-nav-bar .md-accent:link,md-nav-bar .md-accent:visited,md-nav-bar button.md-accent {
    color: #fff!important
}

md-nav-bar md-nav-ink-bar {
    background: #f5f5f5!important
}

.dropdown-btn.default,.dropdown-btn.default:link,.dropdown-btn.default:visited {
    padding: 0;
    background: #02050e;
    border: 2px solid #02050e
}

.dropdown-btn.default:hover {
    background: rgba(2,5,14,.5)
}

.dropdown-btn.default:active {
    background: #000
}

.dropdown-btn .caret,.dropdown-btn .text {
    color: #ccc;
    display: inline-block
}

.dropdown-btn .text {
    font-size: 12px;
    padding: 0 15px
}

.dropdown-btn .text .value {
    color: #fff
}

.dropdown-btn .caret {
    border-left: 1px solid #222;
    font-size: 11px!important;
    padding: 0 5px
}

.dropdown-btn:hover .caret {
    color: #fff
}

.track-title strong {
    font-weight: 500
}

.music-track-collaborators {
    position: relative;
    padding-top: 16px
}

.music-track-collaborators .collaborators-title {
    font-size: 13px;
    font-weight: 600
}

.music-track-collaborators .users {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px
}

.music-track-collaborators .users>div {
    margin-right: 28px;
    margin-bottom: 20px
}

.music-track-collaborators .users .user-image {
    position: absolute;
    width: 40px;
    height: 40px
}

.music-track-collaborators .users .user-image img {
    width: 100%;
    border-radius: 50%
}

.music-track-collaborators .users .info {
    display: flex;
    flex-direction: column;
    padding-left: 48px;
    height: 40px
}

.music-track-collaborators .users .info a {
    height: 20px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer
}

.music-track-collaborators .users .info span {
    font-size: 11px;
    font-weight: 500;
    opacity: .65
}

html {
    overflow-x: hidden;
    overflow-y: auto
}

@media (min-width: 599px) {
    html {
        overflow-y:scroll
    }
}

body,html {
    font-family: Poppins,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    background: #fff;
    color: #02050e!important
}

a,a:link,a:visited {
    text-decoration: none
}

section.max-layout-width,section.max-layout-width-larger,section.max-layout-width-small {
    width: 100%;
    max-width: 1166px;
    position: relative;
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

section.max-layout-width-small {
    max-width: 720px;
    padding: 0 30px
}

section.max-layout-width-larger {
    max-width: inherit!important;
    padding: 0
}

.inline {
    display: inline-block
}

.v-middle {
    vertical-align: middle
}

.route-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(255,255,255,.2);
    z-index: 50000;
    top: 0;
    left: 0
}

.route-loader .loader-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-right: -20px
}

.pages {
    display: block;
    overflow: hidden
}

.contents {
    padding: 40px 0 0
}

.section-heading,.section-heading-auto,.section-heading-tall {
    width: 100%;
    height: 120px;
    display: block;
    padding: 25px 0;
    background: #000;
    margin-top: 70px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.section-access-denied {
    padding: 0;
    background-color: #000
}

.section-access-denied .section-content {
    padding: 0
}

.section-heading-auto {
    height: auto;
    padding-bottom: 0
}

.section-heading h1 {
    font-weight: 600
}

#section-heading-backdrop {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background: url(../images/kygo/section-bg.jpg) no-repeat top center;
    background-size: cover
}

#section-heading-dimmer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-opacity: 50;
    -moz-opacity: 50;
    opacity: 50;
    filter: alpha(opacity=.5)
}

#section-heading-bg-editor {
    width: 100%;
    height: 90px;
    display: block;
    background: #000;
    padding: 0!important;
    position: relative
}

#section-heading-bg-editor canvas {
    position: absolute;
    top: 0;
    right: 0
}

.section-heading-tall {
    min-height: 254px;
    padding: 0
}

.section-content h1,.section-heading h1 {
    color: #fff;
    font-size: 46px;
    margin: 0
}

.section-content h1 {
    font-size: 34px;
    font-weight: 600
}

.section-content h1 {
    color: #02050e!important
}

.section-content p {
    margin: 0 0 20px;
    font-size: 16px
}

.section-content.inverse {
    background: #02050e!important;
    color: #fff
}

.section-content.alternate {
    background: #15a4fa;
    color: #fff!important
}

.section-content.alternate2 {
    background: #f9f9f9;
    color: #02050e!important
}

.dialog-content .binded-html a,.dialog-content .binded-html a:link,.dialog-content .binded-html a:visited,.section-content .binded-html a,.section-content .binded-html a:link,.section-content .binded-html a:visited {
    color: #02050e!important;
    text-decoration: underline
}

.section-content.alternate .binded-html a,.section-content.alternate .binded-html a:link,.section-content.alternate .binded-html a:visited {
    color: #fff!important
}

.section-content.alternate2 .binded-html a,.section-content.alternate2 .binded-html a:link,.section-content.alternate2 .binded-html a:visited {
    color: #02050e!important
}

.section-content.inverse .binded-html a,.section-content.inverse .binded-html a:link,.section-content.inverse .binded-html a:visited {
    color: #fff!important
}

.section-content.inverse h1 {
    color: #fff!important
}

.section-content.alternate h1 {
    color: #fff!important
}

.section-content.albums {
    position: relative;
    top: -180px
}

.section-content.account-pages {
    padding-top: 100px
}

.mob-title-centered.m-t {
    margin-top: 25px!important
}

.section-content .content-overlay-bg {
    position: absolute;
    top: 160px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f9f9f9
}

.music-tracks-filters {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap
}

.music-tracks-filters md-menu {
    flex-grow: 1
}

.music-tracks-filters md-menu .dropdown-btn,.music-tracks-filters md-menu .dropdown-btn:active,.music-tracks-filters md-menu .dropdown-btn:link,.music-tracks-filters md-menu .dropdown-btn:visited {
    border: none;
    text-align: left
}

.music-tracks-filters md-menu .dropdown-btn .text,.music-tracks-filters md-menu .dropdown-btn:active .text,.music-tracks-filters md-menu .dropdown-btn:link .text,.music-tracks-filters md-menu .dropdown-btn:visited .text {
    line-height: 30px
}

.music-tracks-filters md-menu .dropdown-btn .caret,.music-tracks-filters md-menu .dropdown-btn:active .caret,.music-tracks-filters md-menu .dropdown-btn:link .caret,.music-tracks-filters md-menu .dropdown-btn:visited .caret {
    background: #121212
}

.dropdown-btn,.dropdown-btn:link,.dropdown-btn:visited {
    height: 36px;
    display: inline-block;
    line-height: 36px;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    text-decoration: none;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.section-content.invisible {
    visibility: hidden!important
}

.long-text-stripper {
    width: 100%;
    height: auto;
    max-height: 180px;
    display: block;
    position: relative;
    overflow: hidden
}

.section-content {
    width: 100%;
    height: auto;
    display: block;
    padding: 35px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

h1.brand {
    width: 210px;
    margin: 0!important;
    padding: 0!important;
    display: inline-block;
    text-align: left
}

h1.brand a {
    width: 210px;
    height: 50px;
    line-height: 50px;
    display: block;
    background-size: cover
}

h1.brand a:active,h1.brand a:focus {
    outline: 0
}

.logo-text {
    font-size: 30px;
    font-weight: 600;
    color: #5a5a5a;
    white-space: nowrap
}

.logo-text strong {
    font-weight: bolder!important
}

span.label {
    width: auto;
    max-width: 96px;
    display: inline-block;
    height: 24px;
    padding: 0 10px;
    margin: 0;
    letter-spacing: 2px;
    line-height: 24px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

span.label.roles {
    max-width: unset
}

span.label.w-auto {
    max-width: inherit
}

span.label-default {
    background-color: rgba(205,205,205,.3);
    border: 1px solid rgba(205,205,205,.8);
    color: #e1e1e1
}

.label-default.intense {
    background-color: rgba(205,205,205,.3);
    border: 1px solid rgba(235,235,235,.8);
    color: #fff
}

.label-default.diffuse {
    background-color: rgba(245,245,245,.1);
    border: 1px solid #ccc;
    color: #aaa
}

.label-default.primary {
    background-color: #e0e0e0!important;
    border: 1px solid #e0e0e0!important;
    color: #000!important
}

.label-default.inverse {
    background-color: rgba(0,0,0,.3);
    border: 1px solid #eee;
    color: #fff
}

.secondary-btn {
    color: #9e9e9e!important;
    background-color: #191919!important
}

img.img-no-bg {
    background-image: none!important
}

.img-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.img-circle.b {
    border: 1px solid rgba(211,211,211,.65)
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block
}

.active-photo {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.artwork {
    z-index: 99
}

md-tooltip {
    z-index: 35000
}

.bg-white {
    background: #fff!important
}

.bg-white-transparent {
    background: rgba(255,255,255,.7)!important
}

.bg-white-transparent-2x {
    background: rgba(255,255,255,.5)!important
}

.bg-light,md-toolbar.bg-light.md-default-theme:not(.md-menu-toolbar),md-toolbar.bg-light:not(.md-menu-toolbar) {
    background: #e7e7e7
}

.bg-light.lte {
    background: #f4f4f4!important
}

.bg-light.lter {
    background: #f9f9f9!important
}

.mat-icon-sm {
    font-size: 30px!important;
    position: relative!important;
    top: 6px!important
}

.no-padding {
    padding: 0!important
}

.h-padding-20 {
    padding-left: 20px;
    padding-right: 20px
}

.h-padding-none {
    padding-left: 0!important;
    padding-right: 0!important
}

.v-padding-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.small-padding-top {
    padding-top: 30px
}

.md-open-menu-container {
    z-index: 30000!important
}

.md-dialog-container {
    z-index: 26000!important;
    background: url(../images/gradient-black-bg-lter.png) repeat;
    position: fixed!important;
    top: 0!important
}

md-backdrop.md-menu-backdrop {
    z-index: 26100
}

.md-backdrop.md-select-backdrop,.md-select-backdrop.md-click-catcher {
    z-index: 26100
}

.md-dialog-is-showing .md-datepicker-calendar-pane,.md-dialog-is-showing .md-select-menu-container {
    z-index: 26500!important
}

.add-on-dialog,.alert-dialog,.email-subcription-dialog,.free-download-dialog,.login-dialog,.share-dialog {
    width: 100%!important;
    max-width: 440px!important
}

.share-container {
    position: relative
}

.share-container .copy-btn {
    width: auto;
    min-width: auto;
    position: absolute;
    padding: 11px;
    margin: 6px;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0,.8);
    color: #fff
}

.share-container .copy-btn:hover {
    background-color: rgba(0,0,0,.5)
}

.share-container .copy-btn .inactive {
    display: block
}

.share-container .copy-btn .active {
    display: none
}

.share-container .copy-btn.active .inactive {
    display: none
}

.share-container .copy-btn.active .active {
    display: block
}

.add-on-dialog {
    max-width: 589px!important
}

md-dialog.login-dialog {
    background-color: #000
}

.cropper-dialog {
    width: 100%!important;
    max-width: 640px!important
}

.alert-wide-dialog {
    width: 100%!important;
    max-width: 960px!important
}

.download-options {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/gradient-black-bg-lter.png) repeat
}

.pos-rlt {
    position: relative
}

.md-resize-handle {
    display: none!important
}

md-sidenav,md-sidenav.md-closed.md-locked-open-add-active,md-sidenav.md-locked-open {
    min-width: 200px!important;
    width: 85vw!important;
    max-width: 410px!important
}

md-dialog {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

md-dialog .md-toolbar-tools {
    background-color: #212121
}

md-dialog.cart-dialog {
    width: 100%;
    max-width: 1186px;
    max-height: 90%
}

md-tabs .md-tab.md-active,md-tabs .md-tab.md-active md-icon,md-tabs .md-tab.md-focused,md-tabs .md-tab.md-focused md-icon,md-tabs.md-default-theme .md-tab.md-active,md-tabs.md-default-theme .md-tab.md-active md-icon,md-tabs.md-default-theme .md-tab.md-focused,md-tabs.md-default-theme .md-tab.md-focused md-icon {
    color: #616161
}

md-tabs md-ink-bar,md-tabs.md-default-theme md-ink-bar {
    color: #616161;
    background-color: #616161
}

.md-tab {
    width: auto;
    overflow: inherit
}

.md-toolbar-tools>.md-button:first-child {
    margin-left: 0!important
}

.mob-menu-btn,.mob-menu-btn:link,.mob-menu-btn:visited {
    width: 100%;
    display: block;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    text-align: left;
    margin: 0 0 1px 0!important;
    font-size: 14px;
    background-color: #f9f9f9!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mob-menu-btn.active,.mob-menu-btn.active:active,.mob-menu-btn.active:hover,.mob-menu-btn.active:link,.mob-menu-btn.active:visited {
    background-color: #000!important;
    color: #f5f5f5
}

.hide {
    display: none!important
}

.icon-link,.icon-link:link,.icon-link:visited {
    text-decoration: none
}

md-icon.s14 {
    min-width: 14px;
    min-height: 14px;
    width: 14px;
    height: 14px
}

md-icon.s18 {
    min-width: 18px;
    min-height: 18px;
    width: 18px;
    height: 18px
}

md-icon.s24 {
    width: 24px;
    height: 24px
}

md-icon.s36 {
    width: 36px;
    height: 36px
}

md-icon.s48 {
    width: 48px;
    height: 48px
}

#toast-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 10000;
    text-align: center
}

#toast-container md-toast {
    position: relative;
    display: inline-block;
    max-width: 420px
}

#toast-container.toast-error md-toast .md-toast-content,#toast-container.toast-success md-toast .md-toast-content {
    text-align: left
}

#toast-container.toast-success md-toast .md-toast-content {
    color: #267c5f
}

#toast-container.toast-error md-toast .md-toast-content {
    color: #d00
}

#toast-container .md-toast-text {
    font-size: 12px;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px
}

.scroll-bar-mini {
    -webkit-overflow-scrolling: touch
}

.service-fee-definition {
    cursor: default
}

.service-fee-definition-tooltip {
    height: auto;
    padding: 5px;
    line-height: 1.3;
    font-size: 10px;
    white-space: normal
}

.binded-html a,.binded-html a:link,.binded-html a:visited,.primary-link-color,.primary-link-color:link,.primary-link-color:visited {
    color: #02050e!important;
    text-decoration: underline;
    font-weight: 700
}

.merch-details-container {
    padding: 10px 0
}

@media (min-width: 962px) {
    .merch-details-container {
        padding:0 0 64px
    }
}

.merch-details-container h2 {
    font-size: 28px;
    font-weight: 700;
    margin: 0
}

.merch-details-container .merch-artwork {
    margin-bottom: 32px
}

@media (min-width: 962px) {
    .merch-details-container .merch-artwork {
        margin-right:40px
    }
}

.merch-details-container .merch-artwork img {
    max-width: 400px;
    margin: 0 auto
}

@media (min-width: 962px) {
    .merch-details-container .merch-artwork img {
        max-width:unset;
        margin: 0
    }
}

.merch-details-container .merch-details {
    text-align: center
}

@media (min-width: 962px) {
    .merch-details-container .merch-details {
        text-align:left
    }
}

.merch-details-container .merch-details h2 {
    margin: 12px 0 0
}

@media (min-width: 962px) {
    .merch-details-container .merch-details h2 {
        margin:0
    }
}

.merch-details-container .merch-by {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px
}

.merch-details-container .merch-price-range {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px
}

.merch-details-container .buttons {
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width: 962px) {
    .merch-details-container .buttons {
        justify-content:flex-start
    }
}

.merch-details-container .merch-color {
    margin-top: 24px;
    margin-bottom: 32px
}

.merch-details-container .merch-color .color-title {
    font-size: 14px;
    margin-bottom: 8px
}

.merch-details-container .merch-color .color-options {
    width: 64px;
    height: auto;
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 8px;
    vertical-align: text-top
}

.merch-details-container .merch-color .color-options .img-full {
    border-radius: 0
}

.merch-details-container .merch-color .color-options.selected .img-full {
    box-sizing: border-box;
    border-bottom: 4px solid var(--primary-button-bg-color)
}

.merch-details-container .merch-size {
    margin-bottom: 24px
}

.merch-details-container .merch-size .size-title {
    font-size: 14px;
    margin-bottom: 8px;
    vertical-align: middle
}

.merch-details-container .merch-size .size-title .size-guide {
    font-size: 11px;
    padding: 1px 0;
    margin-left: 12px;
    text-decoration: underline;
    position: relative;
    top: -1px;
    color: #02050e!important
}

.merch-details-container .merch-size .size-options,.merch-details-container .merch-size .size-options:active,.merch-details-container .merch-size .size-options:link,.merch-details-container .merch-size .size-options:visited {
    display: inline-block;
    width: auto;
    height: auto;
    margin-right: 12px;
    margin-bottom: 8px;
    padding: 10px 20px;
    color: #000!important;
    background-color: #fff;
    font-size: 15px;
    font-weight: 500;
    -webkit-box-shadow: rgba(0,0,0,.16) 1px 1px 2px;
    -moz-box-shadow: rgba(0,0,0,.16) 1px 1px 2px;
    -ms-box-shadow: rgba(0,0,0,.16) 1px 1px 2px;
    box-shadow: rgba(0,0,0,.16) 1px 1px 2px
}

.merch-details-container .merch-size .size-options.selected,.merch-details-container .merch-size .size-options:active.selected,.merch-details-container .merch-size .size-options:link.selected,.merch-details-container .merch-size .size-options:visited.selected {
    font-weight: 600;
    border-bottom: 4px solid var(--primary-button-bg-color);
    padding-bottom: 6px
}

.merch-details-container .merch-cart-options {
    margin-bottom: 32px;
    text-align: center
}

@media (min-width: 599px) {
    .merch-details-container .merch-cart-options {
        text-align:left
    }
}

.merch-details-container .merch-cart-options .default-input {
    background-color: rgba(0,0,0,.05);
    vertical-align: middle;
    display: inline-block
}

.merch-details-container .merch-cart-options .default-input :first-child {
    margin-right: 10px
}

.merch-details-container .merch-cart-options .default-input label {
    display: inline-block;
    align-items: center;
    padding-left: 15px;
    font-size: 12px
}

.merch-details-container .merch-cart-options .default-input .qty {
    width: 40px;
    text-align: center;
    border: none;
    background-color: transparent;
    outline: 0;
    font-size: 16px;
    line-height: 14px;
    height: 42px;
    padding: 0;
    font-weight: bolder
}

.merch-details-container .merch-description .description-title {
    font-size: 14px;
    margin-bottom: 8px
}

.merch-details-container .merch-description .merch-detailed-description {
    font-size: 13px;
    font-weight: 500;
    text-align: center
}

@media (min-width: 962px) {
    .merch-details-container .merch-description .merch-detailed-description {
        text-align:justify
    }
}

.merch-dialog {
    max-width: 550px
}

.merch-size-guide-dialog {
    max-width: 640px
}

.merch-size-guide-dialog h3 {
    font-size: 16px;
    margin: 15px 0 5px
}

.merch-size-guide-dialog p {
    font-size: 12px;
    margin: 0 0 5px
}

.size-guide-header {
    font-weight: 600;
    text-align: center;
    padding: 10px 0
}

.size-guide-content {
    font-size: 11px;
    text-align: center;
    padding: 8px 0;
    border-top: 1px solid rgba(200,200,200,.5);
    align-items: center
}

@media (min-width: 599px) {
    .size-guide-content {
        font-size:14px
    }
}

.size-guide-content>div:first-child {
    text-align: left;
    font-weight: 700;
    font-size: 11px
}

.size-guide div {
    width: 100%
}

.size-guide table {
    width: 100%
}

.size-guide table th {
    text-align: left
}

.size-guide table td {
    text-align: center
}

.merch-container {
    text-align: center
}

@media (min-width: 962px) {
    .merch-container {
        text-align:inherit
    }
}

.merch {
    display: inline-block;
    width: 259px;
    max-width: 259px;
    margin: 0 10px 26px 10px;
    text-align: center;
    cursor: pointer
}

@media (min-width: 962px) {
    .merch {
        margin:0 32px 26px 0
    }
}

.merch .merch-title {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #02050e!important
}

.merch .merch-title:hover {
    text-decoration: underline
}

.merch .merch-price {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .2px;
    margin-bottom: 8px;
    color: #02050e!important
}

.merch.small-version {
    width: 75px;
    max-width: 75px;
    min-height: 210px;
    cursor: pointer;
    position: relative
}

.merch.small-version .merch-title {
    font-size: 16px
}

.merch.small-version .service-btn-container button {
    width: 100%;
    margin-top: 10px
}

@media (min-width: 962px) {
    .merch.small-version .service-btn-container button {
        margin-top:0
    }
}

.merch.small-version .merch-img {
    width: 75px;
    height: 75px
}

@media (min-width: 599px) {
    .merch.small-version {
        width:125px;
        max-width: 125px
    }

    .merch.small-version .merch-img {
        width: 125px;
        height: 125px
    }
}

@media (min-width: 962px) {
    .merch.small-version {
        width:175px;
        max-width: 175px
    }

    .merch.small-version .merch-img {
        width: 175px;
        height: 175px
    }
}

.merch .merch-title-container {
    display: none;
    margin: 10px 0
}

.merch .merch-title-container label {
    font-size: 14px
}

@media (min-width: 962px) {
    .merch .merch-title-container {
        display:block
    }
}

.merch .merch-details {
    display: block;
    width: calc(100vw - 90px);
    position: absolute;
    top: 0;
    left: 100%;
    padding: 0 15px;
    z-index: 50
}

@media (min-width: 599px) {
    .merch .merch-details {
        width:calc(100vw - 150px)
    }
}

@media (min-width: 962px) {
    .merch .merch-details {
        display:none;
        width: 360px;
        top: 0;
        left: 170px;
        padding: 0 15px
    }
}

.merch .merch-details .merch-details-content {
    width: 100%;
    min-height: 100px;
    border: 1px solid #02050e!important;
    border-radius: 3px;
    text-align: left;
    padding: 10px;
    color: #02050e!important
}

.merch .merch-details .merch-details-content .merch-title,.merch .merch-details .merch-details-content .merch-title-container {
    display: block;
    margin-top: 0
}

.merch .merch-details .merch-details-content .service-detailed-description {
    min-height: 80px;
    max-height: 80px;
    overflow: hidden;
    font-size: 11px
}

.merch .merch-details .merch-details-content .service-detailed-description>* {
    font-size: 11px
}

@media (min-width: 962px) {
    .merch .merch-details .merch-details-content .service-detailed-description {
        max-height:150px
    }
}

.merch .merch-details .merch-details-content .btn-container {
    margin-top: 10px
}

.merch .merch-details .merch-details-content .btn-container .md-button {
    width: 100%
}

.merch .merch-details .arrow-left,.merch .merch-details .arrow-left-border {
    width: 0;
    height: 0;
    position: absolute
}

.merch .merch-details .arrow-left-border.arrow-left,.merch .merch-details .arrow-left.arrow-left {
    top: 20px;
    left: 8px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid var(--main-menu-bg-color);
    border-left: 0
}

.merch .merch-details .arrow-left-border.arrow-left-border,.merch .merch-details .arrow-left.arrow-left-border {
    top: 19px;
    left: 7px;
    border-top-style: solid;
    border-top-width: 9px;
    border-top-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 9px;
    border-bottom-color: transparent;
    border-right-style: solid;
    border-right-width: 9px
}

@media (min-width: 962px) {
    .merch:hover {
        position:relative
    }

    .merch:hover .merch-details {
        display: block
    }
}

#player {
    width: 100%;
    height: auto;
    min-height: 80px;
    position: fixed;
    bottom: -1px;
    left: 0;
    color: #333;
    z-index: 99;
    -webkit-box-shadow: #000 0 0 30px;
    -moz-box-shadow: #000 0 0 30px;
    -ms-box-shadow: #000 0 0 30px;
    box-shadow: #000 0 0 30px
}

#player .progress-bar,#player .progress-highlight,#player .progress-percent,#player-mobile .progress-bar,#player-mobile .progress-highlight,#player-mobile .progress-percent {
    height: 10px
}

#player .progress-bar,#player .progress-highlight,#player .progress-percent,#player .volume-amount,#player-mobile .progress-bar,#player-mobile .progress-highlight,#player-mobile .progress-percent {
    -webkit-transition: width .5s ease-in-out,height .5s ease-in-out,left .5s ease-in-out;
    -moz-transition: width .5s ease-in-out,height .5s ease-in-out,left .5s ease-in-out;
    -o-transition: width .5s ease-in-out,height .5s ease-in-out,left .5s ease-in-out;
    transition: width .5s ease-in-out,height .5s ease-in-out,left .5s ease-in-out
}

#player .progress-bar,#player-mobile .progress-bar {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#player-mobile .progress-bar {
    padding-left: 0;
    padding-right: 0
}

#player .progress-bar,#player .progress-highlight,#player-mobile .progress-bar,#player-mobile .progress-highlight {
    width: 100%
}

#player .progress-highlight,#player-mobile .progress-highlight {
    position: absolute;
    top: 0;
    left: 0
}

#player .progress-bar,#player-mobile .progress-bar {
    position: absolute;
    top: -10px;
    left: 0;
    background-color: #222;
    cursor: pointer;
    z-index: 2100
}

#player .progress-highlight,#player-mobile .progress-highlight {
    background-color: #15a4fa
}

#player .progress-percent,#player-mobile .progress-percent {
    background-color: rgba(255,255,255,.2);
    position: relative
}

.progress-percent-btn .timer {
    width: 40px;
    text-align: center;
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 8px;
    color: #333;
    padding: 5px;
    background-color: rgba(245,245,245,.95);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

#player .progress-percent-btn,#player-mobile .progress-percent-btn {
    width: 1px;
    height: 10px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #700
}

#player .progress-cropper,#player .progress-percent-ball,#player-mobile .progress-cropper,#player-mobile .progress-percent-ball {
    width: 14px;
    height: 14px;
    position: absolute;
    top: -4px;
    border: 2px solid #fff;
    cursor: pointer;
    background-color: #15a4fa;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: #000 0 0 5px;
    -moz-box-shadow: #000 0 0 5px;
    -ms-box-shadow: #000 0 0 5px;
    box-shadow: #000 0 0 5px
}

#player .progress-percent-ball,#player-mobile .progress-percent-ball {
    top: -6px
}

#player .progress-cropper.cropper-left,#player-mobile .progress-cropper.cropper-left {
    left: 0;
    margin-left: 0
}

#player .progress-cropper.cropper-right,#player-mobile .progress-cropper.cropper-right {
    right: 0;
    margin-right: 0
}

#player .player-controls,#player-mobile .player-controls {
    background-color: #fff;
    height: 80px
}

#player .player-controls .artwork {
    width: 80px;
    height: 80px;
    border-right: 1px solid #eaeaea;
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#player .player-controls h3 {
    font-size: 16px;
    font-weight: bolder
}

#player .player-controls p {
    font-size: 12px
}

#player .player-controls .material-icons,#player-mobile .material-icons {
    font-size: 32px!important;
    vertical-align: middle!important
}

#player .player-controls .material-icons.small,#player-mobile .material-icons.small {
    font-size: 18px!important
}

#player .player-controls .material-icons.large,#player-mobile .material-icons.large {
    font-size: 56px!important
}

#player .player-controls .track-info {
    width: 180px;
    height: auto;
    position: absolute;
    left: 81px
}

#player .player-controls .track-extra {
    width: auto;
    height: auto;
    position: absolute
}

#player .player-controls .track-info .track-title {
    width: auto
}

#player .player-controls .track-info .track-title h3,#player .player-controls .track-info .track-title p {
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap
}

#player .player-controls .track-extra {
    left: auto;
    right: 81px;
    top: 18px
}

#player .player-controls .track-info {
    top: 10px
}

#player .player-controls .volume-control {
    width: 100px;
    height: 8px;
    display: inline-block;
    background-color: #eaeaea;
    position: relative;
    cursor: pointer
}

#player .player-controls .volume-control .volume-amount {
    width: 100%;
    height: 8px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #616161
}

#player .player-controls .volume-control:active {
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity=50)
}

#player .player-controls .btn-controls,#player .player-controls .btn-controls:link,#player .player-controls .btn-controls:visited {
    color: #000;
    text-decoration: none
}

#player .player-controls .btn-controls:hover {
    color: #333
}

#player .player-controls .track-extra .btn-controls i {
    font-size: 24px!important
}

#player .player-controls .btn-prime,#player .player-controls .btn-prime:link,#player .player-controls .btn-prime:visited,#player-mobile .btn-prime,#player-mobile .btn-prime:link,#player-mobile .btn-prime:visited {
    color: #616161
}

#player .player-controls .btn-prime:hover {
    color: #212121
}

#player .player-controls .playlist-lyricpad,#player .player-controls .playlist-opener,#player .player-controls .playlist-opener:link,#player .player-controls .playlist-opener:visited,#player .player-controls .playlist-share,#player .player-controls .playlist-share:link,#player .player-controls .playlist-share:visited {
    width: 80px;
    height: 80px;
    text-align: center!important;
    color: #000;
    padding-top: 25px;
    position: absolute;
    right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#player .player-controls .playlist-opener:hover,#player .player-controls .playlist-share:hover {
    background-color: #f9f9f9
}

#player .player-controls .playlist-opener,#player .player-controls .playlist-opener:link,#player .player-controls .playlist-opener:visited {
    border-left: 1px solid #eaeaea;
    top: 0
}

#player .player-controls .playlist-opener.active,#player .player-controls .playlist-opener.active:hover,#player .player-controls .playlist-opener.active:link,#player .player-controls .playlist-opener.active:visited {
    color: #616161;
    border-left: 1px solid #eaeaea
}

#player .player-controls .playlist-share,#player .player-controls .playlist-share:link,#player .player-controls .playlist-share:visited {
    right: auto;
    left: 282px;
    top: 0
}

#player .artwork {
    top: 0
}

#player .player-controls .track-info .text-ellipsis {
    padding-right: 0!important
}

#player .player-playlist {
    width: 100%;
    height: auto;
    padding: 20px;
    display: none;
    background-color: rgba(245,245,245,.95);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#player .player-playlist.active {
    display: block
}

#player .player-playlist .playlist {
    max-height: 210px
}

#player md-slider .md-slider-wrapper {
    position: absolute;
    left: 0;
    top: -29px
}

#player .player-controls .buy-btn .material-icons {
    font-size: 18px!important
}

#player-mobile {
    display: none;
    -webkit-box-shadow: #000 0 0 25px;
    -moz-box-shadow: #000 0 0 25px;
    -ms-box-shadow: #000 0 0 25px;
    box-shadow: #000 0 0 25px
}

#lyric-pad,#quotation-form-pad {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 26000;
    display: none
}

#lyric-pad-content,#service-quoatation-content {
    left: 50%;
    margin-left: -583px
}

#service-quoatation-content {
    height: 100%
}

.artwork img {
    width: 100%;
    height: 100%
}

.artwork {
    position: relative
}

.artwork .play-ctrl,.artwork .play-ctrl:active,.artwork .play-ctrl:link,.artwork .play-ctrl:visited {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    text-align: center;
    text-decoration: none
}

.artwork .play-ctrl .material-icons {
    font-size: 58px!important;
    color: #fff
}

.artwork .play-btn-circle,.video-container .video-play-btn,.video-container .video-play-btn:link,.video-container .video-play-btn:visited,.video-thumb .video-play-btn,.video-thumb .video-play-btn:link,.video-thumb .video-play-btn:visited {
    width: 64px;
    height: 64px;
    background-color: #fff;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    color: #e0e0e0!important;
    margin-top: -32px;
    margin-left: -32px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.artwork .play-btn-circle.small-play-btn,.video-container .video-play-btn.small-play-btn,.video-container .video-play-btn:link.small-play-btn,.video-container .video-play-btn:visited.small-play-btn,.video-thumb .video-play-btn.small-play-btn,.video-thumb .video-play-btn:link.small-play-btn,.video-thumb .video-play-btn:visited.small-play-btn {
    width: 34px;
    height: 34px;
    margin-top: -17px;
    margin-left: -17px
}

.artwork .play-btn-circle.small-play-btn .material-icons,.video-container .video-play-btn.small-play-btn .material-icons,.video-container .video-play-btn:link.small-play-btn .material-icons,.video-container .video-play-btn:visited.small-play-btn .material-icons,.video-thumb .video-play-btn.small-play-btn .material-icons,.video-thumb .video-play-btn:link.small-play-btn .material-icons,.video-thumb .video-play-btn:visited.small-play-btn .material-icons {
    font-size: 34px
}

.artwork .play-btn-circle.active,.artwork .play-btn-circle:hover,.video-container .video-play-btn:hover {
    background-color: rgba(0,0,0,.5)
}

.artwork .play-btn-circle.active .material-icons {
    color: #000!important
}

.artwork .play-btn-circle .material-icons,.video-container .video-play-btn .material-icons,.video-thumb .video-play-btn .material-icons {
    font-size: 64px
}

.artwork .play-btn-circle,.artwork .play-btn-circle .material-icons {
    cursor: pointer
}

.artwork .play-btn-circle md-progress-circular,.artwork .play-btn-circle md-progress-circular svg {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    filter: alpha(opacity=90)
}

.adjust-for-player #fb-root .fb_customer_chat_bubble_pop_in {
    bottom: 100px!important
}

.adjust-for-player #fb-root .fb-customerchat iframe {
    bottom: 160px!important
}

.playlist {
    width: 100%;
    height: auto;
    overflow: auto;
    display: block;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.playlist li.heading {
    color: #aaa;
    font-size: 11px;
    padding: 10px 15px 10px 0;
    border-bottom: 1px solid rgba(127,127,127,.25);
    letter-spacing: 2px;
    position: relative
}

.playlist li.item {
    height: 44px;
    color: #02050e;
    font-size: 14px;
    letter-spacing: .01em;
    padding: 0 10px 0 0;
    border-bottom: 1px solid rgba(127,127,127,.1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.playlist.high li.item {
    height: 54px
}

.playlist li.item .artwork {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.playlist.high li.item .artwork {
    width: 54px;
    height: 54px
}

.playlist li.heading .track-title,.playlist li.item .track-title {
    padding-left: 0;
    padding-right: 25px
}

.playlist li.heading strong {
    font-weight: 600
}

.playlist-hover-colored a.track-title {
    color: #02050e;
    text-decoration: none
}

.playlist-hover-colored a.track-title:hover {
    text-decoration: underline
}

.playlist-hover-colored.active a.track-title,.playlist-hover-colored.active span {
    color: #fff
}

.playlist li.heading .track-tags,.playlist li.item .track-tags {
    margin-left: 25px;
    margin-right: 25px
}

.playlist li.item .track-tags {
    padding-top: 8px
}

.playlist li.item .track-tags>span:hover {
    text-decoration: underline
}

.playlist-hover-colored:hover {
    color: #02050e;
    background-color: #f0f7fb
}

.playlist-hover-colored.active,.playlist-hover-colored.active:hover {
    color: #fff;
    background-color: #15a4fa
}

.playlist li span.col {
    vertical-align: middle;
    padding-top: 12px
}

.playlist li span.col:last-child {
    padding-top: 7px
}

.playlist li span.col .track-title {
    line-height: 32px;
    position: relative;
    top: -5px
}

.playlist li span.label {
    margin-top: 1px!important;
    margin-bottom: 10px!important;
    white-space: nowrap!important
}

.playlist li span.col .min-pricing {
    position: relative;
    top: -3px
}

.playlist.high li span.col {
    padding-top: 7px
}

.playlist li span.first-col {
    vertical-align: middle;
    padding-left: 60px;
    padding-right: 20px
}

.playlist.high li span.first-col {
    padding-left: 60px
}

.playlist-hover-colored .share-btn {
    color: #02050e
}

.playlist-hover-colored:hover .share-btn {
    color: #02050e
}

.playlist-hover-colored.active .share-btn {
    color: #fff
}

.playlist-hover-colored.active .label-default {
    color: #fff!important;
    border-color: #fff!important
}

.playlist-hover-colored .buy-btn {
    color: #fff;
    border-width: 1px
}

.playlist-hover-colored.active .buy-btn,.playlist-hover-colored.active .buy-btn:link,.playlist-hover-colored.active .buy-btn:visited {
    background-color: rgba(255,255,255,.1)!important;
    border: 1px solid #fff!important;
    color: #fff!important
}

.playlist-hover-colored.active .buy-btn:hover {
    background-color: #000!important;
    color: #fff!important
}

.playlist li.item .buy-btn .material-icons {
    font-size: 16px!important;
    margin-right: 3px!important
}

.playlist li.item .buy-btn .material-icons.text-xxs {
    font-size: 12px!important
}

.playlist li.item .buy-btn {
    font-size: 12px!important;
    font-weight: 700!important
}

@media (min-width: 961px) {
    .scroll-bar-mini::-webkit-scrollbar {
        width:10px;
        height: 10px
    }

    .scroll-bar-mini::-webkit-scrollbar-thumb {
        background-color: rgba(50,50,50,.25);
        border: 2px solid transparent;
        border-radius: 10px;
        background-clip: padding-box
    }

    .scroll-bar-mini::-webkit-scrollbar-thumb:hover {
        background-color: rgba(50,50,50,.5)
    }

    .scroll-bar-mini::-webkit-scrollbar-track {
        background-color: rgba(50,50,50,.05)
    }

    #d3-bg-overlay-visualizer {
        top: 0;
        background-position: bottom left
    }

    #d3-bg-overlay-visualizer-ov {
        background-position: bottom left
    }

    #main-bg {
        top: 80px
    }
}

@media (max-width: 1206px) {
    #lyric-pad-content,#service-quoatation-content {
        left:0;
        margin-left: 0
    }

    section.max-layout-width {
        padding: 0 20px
    }
}

@media (max-width: 961px) {
    #d3-bg-overlay-visualizer-ov {
        display:block
    }

    #d3-bg-overlay-visualizer {
        top: 0;
        background-position: bottom left
    }

    #d3-bg-overlay-visualizer-ov {
        background-position: bottom left
    }

    .content-flex {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .cart-licenses {
        padding: 0
    }

    #lyric-pad-content,#service-quoatation-content {
        left: 0;
        margin-left: 0
    }

    #mainBgVideo {
        display: none!important
    }

    .layout-padding {
        padding-left: 8px!important;
        padding-right: 8px!important
    }

    section.header {
        height: 60px;
        text-align: center!important;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: #000 0 0 5px;
        -moz-box-shadow: #000 0 0 5px;
        -ms-box-shadow: #000 0 0 5px;
        box-shadow: #000 0 0 5px
    }

    section.header .max-layout-width {
        padding: 0
    }

    section.header md-toolbar {
        width: 100%;
        min-height: 60px!important;
        height: 60px!important
    }

    h1.brand {
        display: block;
        position: absolute!important;
        left: 50%;
        margin-left: -105px!important;
        top: 5px!important;
        overflow: hidden
    }

    h1.brand a {
        text-align: center;
        display: inline-block;
        position: relative
    }

    .customize-nav {
        width: 100%!important;
        top: 60px;
        padding-top: 40px
    }

    #cart-menu {
        position: absolute;
        top: 0;
        right: 0;
        width: 60px!important;
        min-width: 60px;
        max-width: 60px;
        height: 60px;
        margin: 0
    }

    #cart-menu .toggler,#cart-menu .toggler:link,#cart-menu .toggler:visited {
        padding: 0 10px!important;
        height: 60px;
        line-height: 60px;
        vertical-align: middle
    }

    #cart-menu .material-icons.m-r-xs,#cart-menu.m-r-xs {
        margin-right: 0!important
    }

    #cart-menu .notification {
        top: 58px
    }

    .cart-details li.item {
        padding: 0
    }

    .cart-details li.item:hover {
        background: inherit
    }

    .cart-details li.heading {
        padding-right: 0
    }

    #main-content h1 {
        font-size: 34px;
        line-height: 39px;
        padding-left: 16px;
        padding-right: 16px
    }

    .headlineText {
        padding-top: 325px;
        padding-bottom: 31px;
        position: relative
    }

    .feat-track-container h4 {
        font-size: 12px;
        letter-spacing: 4px
    }

    .album-top h4 {
        position: relative;
        top: 20px
    }

    .album-heading {
        min-height: 214px
    }

    .cart-track {
        width: 100%;
        height: auto;
        min-height: 135px!important;
        display: block;
        padding: 10px;
        position: relative;
        color: #333;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .album-top,.feat-track-container,.mob-title-centered,.page-track {
        text-align: center
    }

    .mob-title-centered {
        width: 100%
    }

    .mob-title-centered.m-t {
        margin-top: 0!important
    }

    .album-top,.page-track {
        padding: 0 0
    }

    .album-top .artwork,.feat-track-container .artwork,.page-track .artwork {
        position: relative;
        display: inline-block;
        margin: 15px 0 30px;
        width: 142px;
        height: 142px
    }

    .cart-track .artwork {
        position: relative;
        display: inline-block;
        width: 96px;
        height: 96px
    }

    .cart-options-close-container-mobile {
        width: 40px;
        height: 40px;
        float: right;
        display: block;
        margin-top: -5px;
        margin-left: -5px
    }

    .cart-options-close-container {
        display: none
    }

    .album-top .artwork {
        margin: 0
    }

    .album-top .data-contents,.feat-track-container .data-contents,.page-track .data-contents {
        padding: 0;
        margin: 0;
        text-align: center
    }

    .page-track .data-contents {
        margin-top: 10px
    }

    .page-track .data-contents.track-details {
        justify-content: center
    }

    .album-top .data-contents {
        margin-top: 25px
    }

    .cart-track .data-contents h2,.feat-track-container .data-contents h2,.page-track .data-contents h2 {
        margin: 0;
        font-size: 26px;
        font-weight: 600
    }

    .cart-track .data-contents p,.page-track .data-contents p {
        font-size: 11px
    }

    .data-contents .box-column {
        width: 100%;
        margin-top: 15px
    }

    .cart-track .data-contents {
        padding-left: 136px;
        padding-right: 20px;
        position: absolute;
        top: 30px;
        left: 0
    }

    .cart-track .data-contents.m-t {
        margin-top: 0
    }

    .cart-track .data-contents .box-column {
        width: auto!important;
        margin-left: 0;
        margin-top: 0;
        display: inline-block!important;
        float: none;
        text-align: center;
        padding: 0 10px;
        min-height: 63px
    }

    #cart-options-padded-contents .cart-licenses {
        padding-left: 0!important;
        padding-right: 0!important;
        padding-bottom: 0!important
    }

    .soundkit-container {
        width: 100%!important;
        max-width: 100%!important
    }

    .drum-kit-item,.license-btns-container,.soundkit-container .drum-kit-item {
        width: 100%!important;
        min-width: 100%!important;
        display: block!important;
        margin-bottom: 1px
    }

    .drum-kit-item {
        margin-bottom: 10px
    }

    .track-tags li,.track-tags li:nth-child(even) {
        width: 100%;
        margin-right: 0!important
    }

    #d3-bg-overlay {
        height: 450px
    }

    #d3Container {
        height: 140px;
        top: inherit;
        bottom: 0
    }

    #visualizerCanvas {
        top: 0;
        bottom: inherit
    }

    .top-tracks {
        padding: 0
    }

    .top-tracks .max-layout-width,.tracks-container .max-layout-width {
        padding: 20px 0
    }

    .playlist li.item .artwork {
        margin-left: 20px
    }

    .playlist li span.first-col {
        padding-left: 80px
    }

    .playlist li.item {
        padding-right: 20px
    }

    .block-xs {
        width: 100%;
        display: block
    }

    #licensing-info,#subscriptions-info {
        padding: 40px 0
    }

    #licensing-info.additional-padding,#subscriptions-info.additional-padding {
        padding-top: 100px
    }

    #videos {
        padding: 0 0 40px
    }

    #drum-kits section.max-layout-width-larger,#licensing-info section.max-layout-width-larger,#subscriptions-info section.max-layout-width-larger {
        padding: 0!important
    }

    #drum-kit-list-container,#license-list-container,#services-list-container,#subscription-list-container {
        max-width: unset
    }

    .drum-kit-box-container,.license-box-container,.services-box-container,.subscription-box-container {
        margin: 0 20px 0 0
    }

    .license-box-container:first-child,.subscription-box-container:first-child {
        margin-left: 80px
    }

    .license-box-container:last-child,.subscription-box-container:last-child {
        margin-right: 80px
    }

    .drum-kit-box-container:first-child,.services-box-container:first-child {
        margin-left: 70px
    }

    .drum-kit-box-container:last-child,.services-box-container:last-child {
        margin-right: 70px
    }

    .content-flex {
        display: block
    }

    .license-btns-container,.license-btns-container-in {
        width: 100%!important;
        min-width: 100%!important;
        min-height: auto;
        margin: 10px 0 0
    }

    .music-tracks-filters {
        margin-top: 45px
    }

    .music-tracks-filters-container.text-right {
        text-align: center!important
    }

    .music-tracks-filters md-menu {
        width: 43%;
        padding: 5px;
        display: inline-block
    }

    .music-tracks-filters md-menu .dropdown-btn {
        width: 100%;
        margin: 0!important;
        position: relative
    }

    .music-tracks-filters md-menu .dropdown-btn .caret {
        position: absolute;
        top: 0;
        right: 0
    }

    .section-heading.sh-with-filters {
        margin-bottom: 150px!important
    }

    .section-heading h1 {
        font-size: 30px;
        line-height: normal;
        text-align: center;
        display: block;
        width: 100%;
        font-weight: 500
    }

    .section-heading,.section-heading-tall {
        margin-top: 60px;
        padding: 70px 0;
        height: 110px
    }

    .section-heading-auto {
        margin-top: 60px;
        padding-top: 40px
    }

    .section-heading-tall {
        height: auto
    }

    #videos ul li .vid-icon {
        position: relative;
        margin: 0;
        float: none;
        display: block;
        width: 100%;
        text-align: center
    }

    #videos ul li .main-text,#videos ul li .sub-text {
        display: block;
        width: 100%;
        text-align: center
    }

    #videos ul li .main-text {
        margin-top: -10px
    }

    #videos ul li .sub-text {
        margin-bottom: 25px
    }

    #contact {
        padding: 20px 0
    }

    #contact h3 {
        font-size: 24px;
        margin: 0 0 10px;
        text-align: center;
        display: block;
        width: 100%
    }

    #contact p {
        text-align: center
    }

    a.youtube-btn,a.youtube-btn:active,a.youtube-btn:link,a.youtube-btn:visited,button.youtube-btn,button.youtube-btn:active,button.youtube-btn:link,button.youtube-btn:visited {
        font-size: 12px!important
    }

    .layout-padding,.layout-padding-gt-sm,.layout-padding-gt-sm>*,.layout-padding-md,.layout-padding-md>*,.layout-padding>*,.layout-padding>.flex,.layout-padding>.flex-gt-sm,.layout-padding>.flex-md {
        padding: 8px 0
    }

    md-input-container.md-block.m-r {
        margin-right: 0!important;
        margin-bottom: 30px!important
    }

    .footer-menu-container h3 {
        display: none
    }

    ul.footer-menu {
        margin-top: 20px;
        margin-bottom: 15px;
        padding-left: 0
    }

    .footer-menu-connect {
        text-align: left!important
    }

    .mob-player-controls {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 2px;
        background-color: rgba(0,0,0,.6)
    }

    .section-content.albums {
        position: relative;
        top: -160px
    }

    .section-content.account-pages {
        padding-top: 140px
    }

    .section-content {
        padding: 20px 0
    }

    .section-content h1 {
        margin: 0;
        font-size: 24px
    }

    .section-content .m-b-xl {
        margin-bottom: 15px!important
    }

    .section-content p {
        font-size: 14px
    }

    .md-dialog-container {
        min-height: 100%!important;
        background: 0 0!important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .free-download-dialog,.share-dialog,md-dialog {
        min-width: 100%!important;
        min-height: 100%!important;
        max-height: 100%!important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
}

@media (max-width: 961px) and (max-width:480px) {
    .free-download-dialog-content {
        height:100vh
    }
}

@media (max-width: 961px) {
    .email-subcription-dialog {
        width:80%;
        max-width: 80%!important;
        max-height: 80%!important;
        min-width: inherit!important;
        min-height: auto!important
    }
}

@media (max-width: 961px) {
    .search-mobile {
        width:100%;
        height: 40px;
        position: fixed;
        top: 60px;
        left: 0;
        z-index: 24000;
        background: #fff
    }
}

@media (max-width: 961px) {
    .search-mobile input[type=search],.search-mobile input[type=text] {
        width:90%;
        height: 40px;
        float: left;
        padding: 5px 10px;
        background: 0 0;
        color: #000;
        border: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width: 961px) {
    #main-bg {
        top:100px
    }
}

@media (max-width: 961px) {
    .search-mobile button {
        width:10%;
        height: 40px;
        float: left;
        line-height: 40px;
        vertical-align: middle;
        padding: 0;
        margin: 0;
        border: none;
        background: 0 0;
        color: #e0e0e0!important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width: 961px) {
    .search-mobile button:focus,.search-mobile input[type=search]:focus,.search-mobile input[type=text]:focus {
        outline:0
    }
}

@media (max-width: 961px) {
    #player {
        min-height:60px
    }
}

@media (max-width: 961px) {
    #player .player-controls {
        height:60px
    }
}

@media (max-width: 961px) {
    #player .player-controls .artwork {
        width:60px;
        height: 60px
    }
}

@media (max-width: 961px) {
    #player .player-controls .track-extra {
        right:61px;
        top: 8px
    }
}

@media (max-width: 961px) {
    #player .player-controls .track-info {
        width:100%;
        top: 3px;
        left: 61px
    }
}

@media (max-width: 961px) {
    #player .player-controls h3 {
        font-size:14px
    }
}

@media (max-width: 961px) {
    #player .player-controls h3.m-b-xs {
        margin-bottom:3px!important
    }
}

@media (max-width: 961px) {
    #player .player-controls .playlist-share,#player .player-controls .playlist-share:link,#player .player-controls .playlist-share:visited {
        width:60px;
        height: 60px;
        text-align: center!important;
        color: #000;
        padding-top: 15px;
        position: absolute;
        right: 0;
        left: inherit;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width: 961px) {
    #player .progress-bar,#player .progress-highlight,#player .progress-percent,#player-mobile .progress-bar,#player-mobile .progress-highlight,#player-mobile .progress-percent {
        height:6px!important
    }
}

@media (max-width: 961px) {
    #player .progress-bar {
        top:-6px!important;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 961px) {
    #player-mobile {
        width:100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 27000;
        padding: 15px;
        text-align: center;
        display: block;
        background: #000 url(../../images/kygo/section-bg.jpg) no-repeat top center;
        background-size: cover;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width: 961px) {
    .p-artwork {
        width:100%;
        max-width: 190px;
        display: inline-block;
        position: relative;
        -webkit-box-shadow: #000 3px 3px 5px;
        -moz-box-shadow: #000 3px 3px 5px;
        -ms-box-shadow: #000 3px 3px 5px;
        box-shadow: #000 3px 3px 5px
    }
}

@media (max-width: 961px) {
    #player-mobile h3,#player-mobile p {
        color:#fff!important
    }
}

@media (max-width: 961px) {
    #player-mobile .progress-bar {
        background-color:#eaeaea!important;
        top: 0
    }
}

@media (max-width: 961px) {
    #player-mobile .progress-bar,#player-mobile .progress-highlight,#player-mobile .progress-percent {
        background:#616161!important
    }
}

@media (max-width: 961px) {
    #player-mobile .progress-highlight {
        background-color:#eaeaea!important
    }
}

@media (max-width: 961px) {
    #player-mobile .btn-controls,#player-mobile .btn-controls:link,#player-mobile .btn-controls:visited {
        color:#eaeaea
    }
}

@media (max-width: 961px) {
    span.label {
        margin-bottom:5px
    }
}

@media only screen and (max-width: 1279px) and (min-width:960px) {
    .volume-control,a[playlist-control=repeat],a[playlist-control=shuffle],a[playlist-control=toggle_mute] {
        display:none!important
    }

    .playlist-share {
        margin-left: 0!important
    }

    a[playlist-control=pause],a[playlist-control=play] {
        margin-left: 0!important;
        margin-right: 0!important
    }
}

.add-on-title {
    font-size: 16px;
    text-align: left
}

@media (min-width: 962px) {
    .add-on-title {
        font-size:24px
    }
}

.sk-serv-container {
    display: flex;
    flex-direction: column;
    align-items: left;
    margin-left: -20px;
    margin-right: -20px
}

@media (min-width: 962px) {
    .sk-serv-container {
        margin-left:0;
        margin-right: 0
    }
}

@media (min-width: 962px) {
    .sk-serv-container {
        display:block;
        text-align: left
    }
}

.sk-serv {
    display: inline-block;
    width: 259px;
    max-width: 259px;
    margin: 0 0 56px;
    text-align: center;
    cursor: pointer
}

@media (min-width: 599px) {
    .sk-serv {
        margin:0 32px 56px 0
    }
}

.sk-serv .sk-serv-title {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600
}

.sk-serv .sk-serv-title:active,.sk-serv .sk-serv-title:hover,.sk-serv .sk-serv-title:visited {
    color: #02050e!important
}

.sk-serv .sk-serv-title:hover {
    text-decoration: underline
}

.sk-serv .sk-serv-price {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .2px;
    margin-bottom: 8px
}

.sk-serv.small-version {
    width: 75px;
    max-width: 75px;
    min-height: 210px;
    cursor: pointer;
    position: relative
}

.sk-serv.small-version .sk-serv-title {
    font-size: 16px
}

.sk-serv.small-version .sk-serv-img {
    width: 75px;
    height: 75px
}

@media (min-width: 599px) {
    .sk-serv.small-version {
        width:125px;
        max-width: 125px
    }

    .sk-serv.small-version .sk-serv-img {
        width: 125px;
        height: 125px
    }
}

@media (min-width: 962px) {
    .sk-serv.small-version {
        width:175px;
        max-width: 175px
    }

    .sk-serv.small-version .sk-serv-img {
        width: 175px;
        height: 175px
    }
}

.sk-serv .sk-serv-title-container {
    margin: 10px 0;
    color: #02050e!important;
    display: none
}

.sk-serv .sk-serv-title-container a {
    color: #02050e!important
}

.sk-serv .sk-serv-title-container a:active,.sk-serv .sk-serv-title-container a:hover,.sk-serv .sk-serv-title-container a:visited {
    color: #02050e!important
}

.sk-serv .sk-serv-title-container label {
    font-size: 14px
}

@media (min-width: 962px) {
    .sk-serv .sk-serv-title-container {
        display:block
    }
}

.sk-serv .sk-serv-details {
    width: calc(100vw - 100px);
    position: absolute;
    top: 0;
    left: 100%;
    padding: 0 15px;
    z-index: 1000;
    box-sizing: border-box
}

@media (min-width: 599px) {
    .sk-serv .sk-serv-details {
        width:calc(100vw - 150px)
    }
}

@media (min-width: 962px) {
    .sk-serv .sk-serv-details {
        display:none;
        width: 360px;
        top: 0;
        left: 170px;
        padding: 0 15px
    }
}

.sk-serv .sk-serv-details .sk-serv-details-content {
    width: 100%;
    min-height: 100px;
    border: 1px solid #02050e!important;
    text-align: left;
    padding: 10px;
    background-color: #02050e!important;
    color: #fff;
    box-sizing: border-box
}

.sk-serv .sk-serv-details .sk-serv-details-content .sk-serv-title,.sk-serv .sk-serv-details .sk-serv-details-content .sk-serv-title-container {
    display: block;
    margin-top: 0
}

.sk-serv .sk-serv-details .sk-serv-details-content .sk-serv-title-container {
    color: #fff!important
}

.sk-serv .sk-serv-details .sk-serv-details-content .sk-serv-title-container a {
    color: #fff!important
}

.sk-serv .sk-serv-details .sk-serv-details-content .sk-serv-title-container a:active,.sk-serv .sk-serv-details .sk-serv-details-content .sk-serv-title-container a:hover,.sk-serv .sk-serv-details .sk-serv-details-content .sk-serv-title-container a:visited {
    color: #fff!important
}

.sk-serv .sk-serv-details .sk-serv-details-content .service-detailed-description {
    min-height: 80px;
    max-height: 80px;
    overflow: hidden;
    font-size: 11px
}

.sk-serv .sk-serv-details .sk-serv-details-content .service-detailed-description>* {
    font-size: 11px
}

@media (min-width: 962px) {
    .sk-serv .sk-serv-details .sk-serv-details-content .service-detailed-description {
        max-height:150px
    }
}

.sk-serv .sk-serv-details .sk-serv-details-content .btn-container {
    margin-top: 10px
}

.sk-serv .sk-serv-details .sk-serv-details-content .btn-container .md-button {
    width: 100%;
    margin: 0
}

.sk-serv .sk-serv-details .arrow-left,.sk-serv .sk-serv-details .arrow-left-border {
    width: 0;
    height: 0;
    position: absolute
}

.sk-serv .sk-serv-details .arrow-left-border.arrow-left,.sk-serv .sk-serv-details .arrow-left.arrow-left {
    top: 20px;
    left: 8px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #02050e!important;
    border-left: 0
}

.sk-serv .sk-serv-details .arrow-left-border.arrow-left-border,.sk-serv .sk-serv-details .arrow-left.arrow-left-border {
    top: 19px;
    left: 7px;
    border-top-style: solid;
    border-top-width: 9px;
    border-top-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 9px;
    border-bottom-color: transparent;
    border-right-style: solid;
    border-right-width: 9px
}

@media (min-width: 599px) {
    .sk-serv .sk-serv-details .arrow-left,.sk-serv .sk-serv-details .arrow-left-border {
        display:block
    }
}

@media (min-width: 599px) {
    .sk-serv:hover {
        position:relative
    }

    .sk-serv:hover .sk-serv-details {
        display: block
    }
}