@font-face {
    font-family: 'Avenir';
    src:         url('../assets/fonts/Avenir/Avenir-Light.eot');
    src:         url('../assets/fonts/Avenir/Avenir-Light.eot?#iefix') format('embedded-opentype'),
                 url('../assets/fonts/Avenir/Avenir-Light.woff') format('woff'),
                 url('../assets/fonts/Avenir/Avenir-Light.ttf') format('truetype'),
                 url('../assets/fonts/Avenir/Avenir-Light.svg#Avenir-Light') format('svg');
    font-weight: 100;
    font-style:  normal
}

@font-face {
    font-family: 'Avenir';
    src:         url('../assets/fonts/Avenir/Avenir-Medium.eot');
    src:         url('../assets/fonts/Avenir/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
                 url('../assets/fonts/Avenir/Avenir-Medium.woff') format('woff'),
                 url('../assets/fonts/Avenir/Avenir-Medium.ttf') format('truetype'),
                 url('../assets/fonts/Avenir/Avenir-Medium.svg#Avenir-Medium') format('svg');
    font-weight: normal;
    font-style:  normal
}

@font-face {
    font-family: 'Avenir';
    src:         url('../assets/fonts/Avenir/Avenir-Black.eot');
    src:         url('../assets/fonts/Avenir/Avenir-Black.eot?#iefix') format('embedded-opentype'),
                 url('../assets/fonts/Avenir/Avenir-Black.woff') format('woff'),
                 url('../assets/fonts/Avenir/Avenir-Black.ttf') format('truetype'),
                 url('../assets/fonts/Avenir/Avenir-Black.svg#Avenir-Black') format('svg');
    font-weight: 900;
    font-style:  normal
}

/*---- Reset ----*/

* {
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
    outline:            none !important;
}

p {
    margin:  0;
    padding: 0;
}

body {
    font-family: 'Avenir', sans-serif;
    font-size:   15px;
    background:  #F7F7F7;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}

.sticky {
    position: fixed;
}

.second-menu.sticky {
    top:     62px;
    z-index: 9;
}

.admin-bar .second-menu.sticky {
    top: 93px;
}

.arrow-down, .loadMore {
    cursor: pointer;
}

.menu-brand {
    margin:  0 !important;
    padding: 0 !important;
    width:   96px;
}

#main-slider {
    background-color: #000000;
}

.owl-item img.img-responsive,
.album-wrapper img.img-responsive {
    width: 100%;
}

.owl-item .bg-element:before,
.owl-item .slide2:before,
.artist-list-content .artist-img:before,
#artist-slider .bg-element:before,
.grid-item .img-div .overlay:before {
    content:    " ";
    position:   absolute;
    bottom:     0;
    height:     70%;
    left:       0;
    right:      0;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); /* IE6-9 */
}

.bg-white {
    background: #FFFFFF;
}

.white, a.white:hover, a.white:active, a.white:focus {
    color: #FFFFFF !important;
}

.black, a.black:hover, a.black:active, a.black:focus {
    color: #333333 !important;
}

.share-link-mobile {
    text-decoration: none !important;
}

.share-link-mobile .icon-share {
    color:       #FF004E;
    margin-left: 10px;
    font-size:   0.8em;
}

a:hover, a:active, a:visited {
    color: #333333;
}

span.like-element {
    cursor: pointer;
}

.container-max-width {
    max-width:    1200px;
    margin-left:  auto;
    margin-right: auto;
}

.grid-link-to-page {
    color: #333333 !important;
    text-decoration: none !important;
}

.menu-subscribe{
    cursor: pointer
}

/***************************************************************
 **          General CSS Definitions
 **/
.relative { position: relative; }

.absolute { position: absolute; }

.no-overflow { overflow: hidden; }

.no-opacity { opacity: 1; }

.no-margin { margin: 0; }

.no-padding { padding: 0; }

.bg-element-wrapper {
    position: relative;
}

.bg-element {
    background-size:     cover;
    background-position: top center;
}

.bg-element.bg-element-full {
    position: absolute;
    left:     0;
    right:    0;
    bottom:   0;
    top:      0;
}

.img-icon {
    width:        17px;
    display:      inline-block;
    margin-right: 0.6em;
}

.artist-author {
    font-size:       12px;
    padding-bottom:  5px;
    color:           #999999;
    border-bottom:   1px solid #999999;
    text-decoration: none !important;
    display: inline-block;
}
a.author.artist-author a{
    display: inline-block;
}

a.artist-author:hover,
a.artist-author:active,
a.artist-author:focus {
    color: #999999;
}

.artist-author.white,
a.artist-author.white:hover,
a.artist-author.white:active,
a.artist-author.white:focus {
    color: #FFFFFF !important;
}

/***************************************************************
 **             Dummy Content styling
 **/
.dummy-box-solid-color {
    height:     250px;
    background: rgba(127, 127, 127, 0.2);
}

.dummy-box-text {
    background: rgba(127, 127, 127, 0.4);
    height:     1em;
}

.dummy-box-text.dummy-box-artist-title {
    margin-left:   0.9em;
    margin-top:    0.6em;
    margin-bottom: 0em;
    height:        2em;
    width:         60%;
}

.dummy-box-text.dummy-box-text-song {
    float:       right;
    padding:     0 2em;
    margin-top:  0.3em;
    margin-left: 0.8em;
}

.dummy-box-grid .dummy-box-solid-color {
    height: 450px;
}

.dummy-box-grid:nth-child(4n+1) .dummy-box-solid-color {
    height: 300px;
}

.dummy-box-text.dummy-box-grid-artist-title {
    width:         11em;
    height:        2.5em;
    margin-bottom: 0.7em;
}

.dummy-box-text.dummy-box-grid-artist-subtitle {
    width:  9em;
    height: 1.3em;
}

.dummy-box-grid span.dummy-box-text {
    width:          4em;
    display:        inline-block;
    vertical-align: middle;
}

/******************************MOBILE - MENU*****************************/

.testing {
    display: block;
    margin:  25px;
}

.mobile-menu {
    position:         fixed;
    width:            100%;
    height:           100%;
    background-color: #202020;
    z-index:          10;
    /*display: none;*/
    left:             100%;
    opacity:          0;
    top:              0;
}

.mobile-menu .mobile-menu-header {
    height:      65px;
    line-height: 65px;
    position:    fixed;
    width:       100%;
}

.mobile-menu .mobile-menu-header .close-menu, .mobile-menu .mobile-menu-header .back-menu {
    height: 100%;
}

.mobile-menu .mobile-menu-header .close-menu-mobile {
    width:        19px;
    cursor:       pointer;
    margin-top:   22px;
    margin-right: 15px;
}

.mobile-menu-header .back-menu .wrapper-back {
    display: none;
    cursor:  pointer;
}

.mobile-menu-header .back-menu img {
    width:        32px;
    float:        left;
    margin-top:   15px;
    margin-right: 15px;
    margin-left:  15px;
}

.mobile-menu-header .back-menu p {
    color:     #7F7F7F;
    font-size: 14px;
}

.menu-box-current {
    -webkit-transform: translateX(-100%);
    -moz-transform:    translateX(-100%);
    -ms-transform:     translateX(-100%);
    -o-transform:      translateX(-100%);
    transform:         translateX(-100%);
}

.mobile-menu .mobile-menu-content.main-menu-box {
    position: relative;
}

.mobile-menu .mobile-menu-content {
    top:                110px;
    bottom:             0;
    -webkit-transition: transform 0.2s;
    -moz-transition:    transform 0.2s;
    -ms-transition:     transform 0.2s;
    -o-transition:      transform 0.2s;
    transition:         transform 0.2s;
    position:           absolute;
}

.mobile-menu .menu-mobile-open {
    text-decoration: none;
    padding:         0 2.3em;
    margin:          0;
}

.mobile-menu .menu-mobile-open li {
    display:  block;
    position: relative;
}

.mobile-menu .menu-mobile-open li a {
    display: block;
    padding: 15px 0;
}

.mobile-menu .menu-mobile-open a p {
    display:        inline-block;
    color:          #FFFFFF;
    font-size:      18px;
    letter-spacing: 1.2px;
}

.mobile-menu .menu-mobile-open a img {
    width:       16px;
    padding-top: 10px;
}

.mobile-menu-content .custom-icons {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 45%;
    font-size: 2.5em;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}

.mobile-menu-footer {
    position:           absolute;
    height:             65px;
    width:              100%;
    background-color:   #373737;
    bottom:             0;
    -webkit-box-shadow: 0px -15px 20px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow:    0px -15px 20px 0px rgba(0, 0, 0, 0.65);
    box-shadow:         0px -15px 20px 0px rgba(0, 0, 0, 0.65);
}

.mobile-menu-footer .login {
    color:       #FFFFFF;
    font-size:   16px;
    display:     inline-block;
    float:       left;
    line-height: 65px;
}

.mobile-menu-footer .login-icon {
    color:       #FFFFFF;
    float:       left;
    display:     inline-block;
    line-height: 65px;
    margin-left: 15px;
}

.mobile-menu-footer .search-input {
    color:            #7F7F7F !important;
    font-size:        16px;
    display:          inline-block;
    float:            right;
    line-height:      65px;
    width:            100px;
    background-color: transparent;
    border:           none;
}

.mobile-menu-footer .search-icon {
    float:       right;
    display:     inline-block;
    line-height: 65px;
    margin-left: 15px;
}

.mobile-menu-footer .search-icon img {
    width: 18px;
}

.wrapper-mobile-menu-entries {
    padding: 0 0.6em;
}

.wrapper-mobile-menu-entries .element a, .wrapper-mobile-menu-entries .element p {
    color:           white !important;
    text-decoration: none;
}

.wrapper-mobile-menu-entries .element img {
    margin-bottom: 0.6em;
    background:    rgba(250, 250, 250, 0.15);
}
.wrapper-mobile-menu-entries .element img.label-icon {
    position: absolute;
    top: 44%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 40%;
    margin: 0 auto;
    background: none;
}

.wrapper-mobile-menu-entries .element {
    margin-bottom: 1.2em;
    padding:       0px 0.8em;
}

.wrapper-mobile-menu-entries .element:nth-child(2n+3) {
    clear: both;
}


.display-menu-wrapper .title, .wrapper-mobile-menu-entries .title {
    font-weight: 100;
}

.display-menu-wrapper img.label-icon {
    position: absolute;
    width: 90px;
    top: 40%;
    margin: 0 auto;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}

@media (max-width: 768px) {
    .display-menu-wrapper img.label-icon {
        width: 65px;
        top: 50%;
    }
}

@media (max-width: 600px){
    .mobile-menu-content .custom-icons {
        top: 42%;
        font-size: 2em;
    }
    .display-menu-wrapper img.label-icon {
        width: 65px;
        top: 50%;
    }
}
@media (max-width: 500px){
    .mobile-menu-content .custom-icons {
        top: 40%;
        font-size: 1.7em;
    }
}
@media (max-width: 400px){
    .mobile-menu-content .custom-icons {
        top: 38%;
        font-size: 1.4em;
    }
}





/******************************MAIN - MENU*****************************/

#main-menu {
    top:      0;
    position: fixed;
    display:  block;
    width:    100%;
    z-index:  10;
}

.admin-bar #main-menu {
    top: 31px;
}

.inner {
    background-color: #000000;
}

.menu-brand {
    margin-top:    10px;
    margin-bottom: 10px;
    color:         #FFFFFF;
    line-height:   60px;
}

.menu .menu-nav > li {
    line-height: 40px;
}

.menu-nav > li {
    display: inline-block;
    padding: 0 30px;
}

.menu .inner {
    padding: 0 15px !important;
}

.menu-nav > li > a {
    padding-right: 0;
    padding-left:  0;
    font-size:     15px;
    font-weight:   300;
    color:         #FFFFFF; /* IE8 proofing */
    color:         rgba(255, 255, 255, 1);
    border-bottom: 2px solid transparent;
    background:    none !important;
}

.menu-nav > li > .menu_element:after {
    font:        normal normal normal 14px/1 FontAwesome;
    content:     "\f107";
    margin-left: 15px;
}

.menu-nav > li:hover > a,
.menu-nav > li:focus > a,
.menu-nav > li:active > a {
    background-color:    transparent;
    border-bottom-color: #FF004E;
}

.menu-nav > .active > a,
.menu-nav > .active > a:hover,
.menu-nav > .active > a:focus {
    color: #FFFFFF;
    /*border-bottom-color: #fff;*/
}

.menu-brand {
    float: left;
}

.menu-nav > .menu-signin {
    right:   0;
    padding: 0;
}

.menu-nav > .menu-signin img {
    width:        31px;
    padding-top:  15px;
    margin-right: 15px;
}
.menu-signin .menu_element span.custom-icons {
    margin-right:   10px;
    font-size:      2em;
    vertical-align: middle;
}
.menu-signin .menu_element span.custom-icons.icon-envelop {
    font-size: 1.4em;
    margin-bottom: 4px;
    display: inline-block;
}

.menu-nav > .menu-signin a {
    float: right;
}

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

.menu-hover {
    position:         absolute;
    width:            100%;
    height:           300px;
    background-color: rgba(0, 0, 0, 0.9);
    z-index:          11;
    display:          none;
}

.display-menu-wrapper {
    display: none;
    min-height: 9em;
}

.display-menu, .display-menu-wrapper:hover {
    display: block;
}


.display-menu-wrapper .owl-main-menu .custom-icons {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    font-size: 2.1em;
    color: white !important;
    text-align: center;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}


@media (max-width: 768px) {
    .overflow-wrapper {
        overflow: hidden;
    }
    .main-menu-hover .overflow-wrapper{
        max-height: 105px;
    }
    .main-menu-hover .overflow-wrapper .display-menu-wrapper {
        padding-bottom: 30px !important;
    }


    .display-menu-wrapper {
        overflow:                   auto;
        padding:                    10px 0 !important;
        -webkit-overflow-scrolling: touch;
    }

    .display-menu-wrapper .owl-main-menu .custom-icons {
        top: 24px;
        font-size: 1em;
    }

    .display-menu-wrapper .owl-carousel .slide-all {
        width:    130px;
        display:  inline-block;
        margin:   0 10px !important;
        float:    left;
        position: relative;
    }

    .owl-main-menu .slide-all .title {
        position:          absolute !important;
        z-index:           1;
        top:               50%;
        font-size:         12px;
        left:              0;
        right:             0;
        padding:           0 !important;
        font-weight:       100 !important;
        -webkit-transform: translateY(-50%);
        -moz-transform:    translateY(-50%);
        -ms-transform:     translateY(-50%);
        -o-transform:      translateY(-50%);
        transform:         translateY(-50%);
    }
    #explore-main-menu .owl-main-menu .slide-all .title {
        top:      68%;
    }

    .display-menu-wrapper .owl-carousel .slide-all:before {
        position:   absolute;
        content:    " ";
        left:       0;
        right:      0;
        top:        0;
        bottom:     0;
        background: rgba(0, 0, 0, 0.65);
        cursor: pointer;
    }

    ul.nav.menu-nav.menu-center.menu-homepage {
        background: #1F1F1F;
    }

    .menu-nav > li > a.menu_element {
        padding: 6px !important;
    }

    .menu-nav > li > a.menu_element:after {
        border:        1px solid rgba(255, 255, 255, 0.5);
        border-radius: 100%;
        width:         18px;
        display:       inline-block;
        padding:       1px;
    }

    h2.locator-title {
        position:    absolute;
        left:        15px;
        top:         0;
        margin:      0px;
        color:       white;
        line-height: 1.4em;
        padding-top: 0.3em;
        width:       40%;
        overflow:    hidden;
        word-wrap:   break-word;
        white-space: nowrap;
    }

}


/************************ 404 **************************/

.error-404-wrapper {
    position: relative;
    height: 80vh;
    background-image: url('../img/404_bg-image.jpg');
    background-position: center center;
    -webkit-background-size:cover; background-size:cover;
    min-height: 400px;
}
.error-404-wrapper:before{
    position: absolute;
    left: 0;
    right:0;
    top: 0;
    bottom: 0;
    background: #FF004E;
    opacity: 0.65;
    content: " ";
}

section.error-404.not-found{
    min-height: 150px;
    border: none;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
    vertical-align: middle;
}
.error-404 h1 {
    font-size: 8em;
    margin: 0;
}
.error-404 .page-subtitle {
    font-size: 1.8em;
    line-height: 0.8em;
}

section.error-404.not-found .page-header{
    border: none;
    position: relative;
    vertical-align: middle;
}
.error-404 a.btn-block {
    color: #FF004E !important;
    background: white;
    padding: 1em 4em;
    display: inline-block;
    width: auto;
}
.error-404 a.btn-block:hover,.error-404 a.btn-block:focus{
    color: #FFFFFF !important;
    background-color: #FF004E !important;
}



/************************ Submenus across the site **************************/
.submenu-wrapper {
    height: 63px;
    overflow: hidden;
}
.submenu-wrapper .locator {
    margin-top: 10px;
    margin-left: 15px;

    text-transform: uppercase;
    font-size: 32px;
    color: #FFFFFF;
    float: left;
    margin-right: 10px;
}
.second-menu-artist .menu-nav > li.locator {
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    left: 15px;
}

.submenu-wrapper ul {
    text-align: inherit;
    margin-left: 0;
    padding: 0 10px 30px 10px;
}
.submenu-wrapper ul li.submenu-entry {
    margin: 0 5px !important;
    padding: 0;
}

.second-menu .menu-nav > li.submenu-entry-menu-wrapper > a {
    padding: 20px 17px 20px 10px;
}

.submenu-wrapper ul li.submenu-entry-menu-wrapper a {
    position: relative;
}
.submenu-wrapper ul li.submenu-entry-menu-wrapper a:after {
    position: absolute;
    content: "\f107";
    font-family: fontawesome;
    right: -3px;
    -webkit-transition: transform 0.1s; -moz-transition: transform 0.1s; -ms-transition: transform 0.1s; -o-transition: transform 0.1s; transition: transform 0.1s;
}
.submenu-wrapper ul li.submenu-entry-menu-wrapper a.entry-menu-submenu-reference-open:after {
    -webkit-transform: rotate(180deg) translate3d(0,0,0);
    -moz-transform: rotate(180deg) translate3d(0,0,0);
    -ms-transform: rotate(180deg) translate3d(0,0,0);
    -o-transform: rotate(180deg) translate3d(0,0,0);
    transform: rotate(180deg) translate3d(0,0,0);
}

.submenu-wrapper ul li.submenu-entry-menu-wrapper a.entry-menu-submenu-reference-active:after {
    content: "\61";
    font-family: 'icomoon' !important;
    font-size: 12px;

    line-height: 23px;
    -webkit-transition: transform 0s;
    -moz-transition:    transform 0s;
    -ms-transition:     transform 0s;
    -o-transition:      transform 0s;
    transition:         transform 0s;
    -webkit-transform:  rotate(46deg) translate3d(0,0,0);
    -moz-transform:     rotate(46deg) translate3d(0,0,0);
    -ms-transform:      rotate(46deg) translate3d(0,0,0);
    -o-transform:       rotate(46deg) translate3d(0,0,0);
    transform:          rotate(46deg) translate3d(0,0,0);
}
.submenu-wrapper ul li.submenu-entry-menu-wrapper a.entry-menu-submenu-reference-active.entry-menu-submenu-reference-open:after {
    -webkit-transform:  rotate(46deg) translate3d(0,0,0);
    -moz-transform:     rotate(46deg) translate3d(0,0,0);
    -ms-transform:      rotate(46deg) translate3d(0,0,0);
    -o-transform:       rotate(46deg) translate3d(0,0,0);
    transform:          rotate(46deg) translate3d(0,0,0);
}


@media (max-width: 768px) {
    .second-menu-artist .menu-nav > li.locator {
        margin-left: 0;
        position: relative;
        margin-right: 30px;
    }
}

/*[[0, 2], [680, 2], [768, 3], [991, 4], [1280, 4], [1600, 5], [2200, 6], [2500, 7]]*/
.display-menu-wrapper .owl-carousel.carousel-elements-1.owl-theme { max-width: 12.9%; }

.display-menu-wrapper .owl-carousel.carousel-elements-1.owl-theme { max-width: 45%; }
.display-menu-wrapper .owl-carousel.carousel-elements-2.owl-theme { max-width: 90%; }
.display-menu-wrapper .owl-carousel.carousel-elements-3.owl-theme { max-width: 90%; }
.display-menu-wrapper .owl-carousel.carousel-elements-4.owl-theme { max-width: 90%; }
.display-menu-wrapper .owl-carousel.carousel-elements-5.owl-theme { max-width: 90%; }
.display-menu-wrapper .owl-carousel.carousel-elements-6.owl-theme { max-width: 90%; }
.display-menu-wrapper .owl-carousel.carousel-elements-7.owl-theme { max-width: 90%; }


@media (min-width: 680px){  /* 3 elements */
    .display-menu-wrapper .owl-carousel.carousel-elements-1.owl-theme { max-width: 30%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-2.owl-theme { max-width: 60%; }

    .display-menu-wrapper .owl-carousel.carousel-elements-3.owl-theme { max-width: 90%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-4.owl-theme { max-width: 90%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-5.owl-theme { max-width: 90%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-6.owl-theme { max-width: 90%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-7.owl-theme { max-width: 90%; }

}
@media (min-width: 991px){  /* 4 elements */
    .display-menu-wrapper .owl-carousel.carousel-elements-1.owl-theme { max-width: 22.48%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-2.owl-theme { max-width: 45%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-3.owl-theme { max-width: 68%; }

    .display-menu-wrapper .owl-carousel.carousel-elements-4.owl-theme { max-width: 90%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-5.owl-theme { max-width: 90%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-6.owl-theme { max-width: 90%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-7.owl-theme { max-width: 90%; }

}
@media (min-width: 1600px){ /* 5 elements */
    .display-menu-wrapper .owl-carousel.carousel-elements-1.owl-theme { max-width: 18%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-2.owl-theme { max-width: 36%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-3.owl-theme { max-width: 54%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-4.owl-theme { max-width: 51.5%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-4.owl-theme { max-width: 71.9%; }

    .display-menu-wrapper .owl-carousel.carousel-elements-5.owl-theme { max-width: 90%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-6.owl-theme { max-width: 90%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-7.owl-theme { max-width: 90%; }
}
@media (min-width: 2200px){
    .display-menu-wrapper .owl-carousel.carousel-elements-1.owl-theme { max-width: 12.9%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-2.owl-theme { max-width: 25.7%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-3.owl-theme { max-width: 38.6%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-4.owl-theme { max-width: 51.5%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-5.owl-theme { max-width: 64.44%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-6.owl-theme { max-width: 77.35%; }
    .display-menu-wrapper .owl-carousel.carousel-elements-7.owl-theme { max-width: 90%; }
}



/******************************MENU HOME PAGE*****************************/

.second-menu {
    display: block;
    width:   100%;
    z-index: 2;
}

.second-menu .inner {
    background-color: rgba(0, 0, 0, .85) !important;
    padding:          0;
}

.second-menu .menu-nav {
    text-align: inherit;
}

.artist-menu {
    text-align: center !important;
}

.second-menu .menu-nav > li {
    display: inline-block;
}

.second-menu .menu-nav > li + li {
    margin-left: 20px;
}

.second-menu .menu-nav > li > a {
    color:         #FFFFFF; /* IE8 proofing */
    padding: 20px 10px;
}
.second-menu .menu-nav > li:hover > a {
    border: none !important;
}


.second-menu .menu-nav > li > a:hover /*, .second-menu .menu-nav > li > a:focus */{
    background:         none;
    /*border:           1px solid #FFFFFF;*/
    color:            #FFFFFF;
    -webkit-box-shadow: inset 0 -4px 0 0 rgba(255,255,255,1);
    -moz-box-shadow:    inset 0 -4px 0 0 rgba(255,255,255,1);
    box-shadow:         inset 0 -4px 0 0 rgba(255,255,255,1);
}

.second-menu .menu-nav > li a.second-menu-active {
    /*border:        1px solid #FF004E !important;*/
    -webkit-box-shadow: inset 0 -4px 0 0 #FF004E !important;
    -moz-box-shadow:    inset 0 -4px 0 0 #FF004E !important;
    box-shadow:         inset 0 -4px 0 0 #FF004E !important;
    color:         #FF004E !important;
}

.second-menu .menu-nav > .active > a,
.second-menu .menu-nav > .active > a:hover,
.second-menu .menu-nav > .active > a:focus {
    color: #FFFFFF;

    border-bottom: none;
}

/******************************MENU ARTIST PAGE*****************************/

.second-menu-artist {
    display:  block;
    width:    100%;
    z-index:  5;
    position: fixed;
    top:      62px;
}

.admin-bar .second-menu-artist {
    top: 93px;
}

.second-menu-artist .inner {
    background-color: rgba(0, 0, 0, .85);
}

/*.second-menu-artist .menu-nav > li {*/
    /*display: inline-block;*/
/*}*/

/*.second-menu .menu-nav > li + li {*/
    /*margin-left: 0;*/
    /*padding:     0yeppx;*/
/*}*/

/*.second-menu-artist .menu-nav > li > a {*/
    /*font-size:     16px;*/
    /*color:         #FFFFFF; !* IE8 proofing *!*/
    /*color:         rgba(255, 255, 255, 1);*/
    /*border:        1px solid transparent;*/
    /*border-bottom: 2px solid transparent;*/
    /*padding:       10px 30px;*/
/*}*/

/*.second-menu-artist .menu-nav > li > a:hover,*/
/*.second-menu-artist .menu-nav > li > a:focus {*/
    /*background-color: transparent;*/
    /*border:           1px solid #FFFFFF;*/
    /*border-radius:    30px;*/
    /*color:            #FFFFFF;*/
/*}*/


/*.second-menu-artist .menu-nav > .active > a,*/
/*.second-menu-artist .menu-nav > .active > a:hover,*/
/*.second-menu-artist.menu-nav > .active > a:focus {*/
    /*color: #FFFFFF;*/
    /*!*border-bottom-color: #fff;*!*/
/*}*/

/******************************CONTENT*****************************/

/* ---- Slider Home Page ---- */

#owl-example .owl-controls .owl-pagination {
    display:  inline-block;
    position: absolute;
    bottom:   30px;
    right:    100px;
}

#owl-example .owl-controls .owl-page span {
    opacity:            1;
    background:         none;
    width:              10px;
    height:             10px;
    margin:             5px 6px;
    border:             1px solid white;
    -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -ms-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s;
}

#owl-example .owl-controls .owl-page.active span {
    background: white;
}

.owl-theme .owl-controls {
    margin-top: 0;
}

#owl-example .owl-controls .owl-buttons {
    position:          absolute;
    top:               50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
    width:             100%;
    display:           block;
}

#owl-example .owl-controls .owl-buttons i,
#owl-example .owl-controls .owl-buttons span.custom-icons{
    font-size: 3em;
}

.owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    color:      #FFFFFF;
    opacity:    1;
}

.owl-buttons .owl-next {
    position: absolute;
    right:    3%;
}

.owl-buttons .owl-prev {
    position: absolute;
    left:     3%;
}

#owl-example, .owl-wrapper-outer, .owl-wrapper, .owl-item, .slide1 {
    height: 100%;
}

.slide1 {
    -webkit-background-size: cover;
    -moz-background-size:    cover;
    -o-background-size:      cover;
    background-size:         cover;
    position:                relative;
}

.owl-carousel .caption {
    opacity: 0;
}

.owl-carousel .active .caption {
    opacity:            1;
    -webkit-transition: opacity 0.3s 1s;
    -moz-transition:    opacity 0.3s 1s;
    -ms-transition:     opacity 0.3s 1s;
    -o-transition:      opacity 0.3s 1s;
    transition:         opacity 0.3s 1s;
}

.fix-body {
    overflow: hidden;
}

.scroll-lightbox {
    overflow-x:                 scroll;
    -webkit-overflow-scrolling: touch;
}

.caption {
    position:  absolute;
    bottom:    40px;
    left:      4%;
    color:     #FFFFFF;
    max-width: 560px;
}

.caption .caption-title {
    margin-bottom: 7px;
}

.caption .caption-title .slide-title {
    font-size:      33px;
    text-transform: uppercase;
    line-height:    1.3;
    font-weight:    400;
}

.caption .caption-title span {
    font-size:   42px;
    margin-left: 20px;
}

.caption a {;
    color:           #FFFFFF;
    text-decoration: none;
}

.slide1 .caption .read {
    text-transform:  capitalize;
    font-size:       12px;
    font-weight:     100;
    color:           #FFFFFF !important;
    padding:         0 0 5px 0;
    border-bottom:   1px solid rgba(255, 255, 255, 0.6);
    text-decoration: none;
    position:        relative;

    display: inline-block;
    width: auto;
}

.caption-title .display-buy-share-menu-wrapper a.share span {
    color: #FF004E;
    font-size: 17px;
    margin: 0;
}

.caption ul.share-menu-list li.share-menu-li span.text {
    padding-left: 20px;
}

.caption-title .display-buy-share-menu-wrapper a.share {
    display: block;
    line-height: 2.4em;
}
.caption-title .display-buy-share-menu-wrapper {
    display: inline-block;
    margin-left: 1em;
    vertical-align: top;
}
.caption-title .pop-info.show-pop {
    top: 0px;
    left: 32px;
}
.caption-title a.share.display-buy-share-menu.share-menu-active:after {
    bottom: 2px;
    height: auto;
    top: 0;
    right: -15px;
    position: absolute;
    left: auto;
    width: 4px;
}

@media ( max-width: 425px){
    .caption .caption-title .slide-title {
        font-size: 22px;
        line-height: 1.2em;
        height: 1.9em;
    }
    .caption .caption-title {
        margin-right: 10px;
    }
    .caption-title .display-buy-share-menu-wrapper a.share {
        line-height: 1.8em;
    }
}


/* ---- Slider All Artist (featured playlist) ---- */

.featured-playlist-wrapper {
    min-height: 250px;
}

.home-featured-playlist img {
    width: 100%;
    -webkit-transition: transform 0.2s;
    -moz-transition:    transform 0.2s;
    -ms-transition:     transform 0.2s;
    -o-transition:      transform 0.2s;
    transition:         transform 0.2s;
}
.home-featured-playlist .slide-all > a {
    position: relative;
    overflow: hidden;
    display: block;
}
.home-featured-playlist .slide-all:hover img {
    -webkit-transform: translate(0%, 0%) scale(1.06); -moz-transform: translate(0%, 0%) scale(1.06); -ms-transform: translate(0%, 0%) scale(1.06); -o-transform: translate(0%, 0%) scale(1.06); transform: translate(0%, 0%) scale(1.06);
}


.featured-playlist-title {
    color:           #333333 !important;
    text-align:      left;
    margin:          0px;
    text-decoration: none !important;
}

.carousel-all-artist {
    position:      relative;
    width:         100%;
    margin-top:    40px;
    margin-bottom: 40px;
}

.all-wrapper {
    margin-right: 160px;
}

#owl-example-all .slide-all {
    margin-right:     20px;
    background-color: #FFFFFF;
    font-weight:      300;
}

#owl-example-all .slide-all .img {
    height:          250px;
    background-size: cover;
}

#owl-example-all .slide-all .title {
    color:         #000000;
    padding:       15px 15px 0;
    font-weight:   bold;
    text-overflow: ellipsis;
    white-space:   nowrap;
    overflow:      hidden;
}

#owl-example-all .slide-all .song {
    display:    inline-block;
    padding:    0px 0 10px 15px;
    margin-top: 30px;
    font-size:  13px;
}

#owl-example-all .slide-all .song img {
    width: 15px;
}

#owl-example-all .slide-all .song .qty {
    color:       #7F7F7F;
    font-size:   1em;
    float:       right;
    line-height: 1.3;
    margin-left: 10px;
}

.btn-next {
    background-color: #FF004E;
    position:         absolute;
    right:            0;
    top:              0;
    bottom:           92px;
    width:            132px;
    text-align:       center;
    cursor:           pointer;
}

.img-container {
    position: relative;
    height:   100%;
}

.img-container img {
    width:                             70px;
    -webkit-transform:                 translateY(-50%);
    -moz-transform:                    translateY(-50%);
    transform:                         translateY(-50%);
    top:                               38%;
    position:                          relative;
    -webkit-animation:                 pulsate 1.2s ease-out;
    -o-animation:                      pulsate 1.2s ease-out;
    animation:                         pulsate 1.2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count:      infinite;
    animation-iteration-count:         infinite;
    opacity:                           0.0
}

.caption-artist {
    position:   absolute;
    bottom:     40px;
    color:      #FFFFFF;
    display:    block;
    width:      100%;
    text-align: center;
}

.caption-artist .caption-title p {
    font-size:      100px;
    text-transform: uppercase;
}

.owl-carousel .caption-artist {
    opacity: 0;
}

.owl-carousel .active .caption-artist {
    opacity:            1;
    -webkit-transition: opacity 0.3s 1s;
    -moz-transition:    opacity 0.3s 1s;
    -ms-transition:     opacity 0.3s 1s;
    -o-transition:      opacity 0.3s 1s;
    transition:         opacity 0.3s 1s;
}

.caption-title .arrow-down, .arrow-down-wrapper .arrow-down {
    /*border:        1px solid #FFFFFF;*/
    box-shadow:    0 0 1px 1px #fff inset;
    border-radius: 50%;
    display:       inline-block;
    width:         50px;
    height:        50px;
}
span.custom-icons.jump-icon,
.arrow-down-wrapper .arrow-down span.custom-icons.jump-icon{
    font-size: 1.2em;
    line-height: 2.8em;
    transform: rotate(-90deg);
    display: block;
}

.arrow-down-wrapper {
    position: relative;
    text-align: center;
    color: white;
    display: block;
    margin: 0 auto;
    width: 210px;
    bottom: 80px;
}


section#artist-slider .bg-element {
    top: 60px;
}

@media (max-width: 768px) {
    .btn-next {
        width: 15%;
    }
    section#artist-slider .bg-element {
        top: 50px;
    }
}

/* ---- Slider Main Menu ---- */

.main-menu-hover {
    height:           100%;
    background-color: rgba(0, 0, 0, 0.95);
}

.main-menu-hover .owl-carousel.owl-main-menu  .owl-wrapper-outer{
    padding: 20px 0;
}
#connect-main-menu, #artist-main-menu,
#label-main-menu, #explore-main-menu {
    position: relative;
    margin:   0 auto;
    padding:  0;
}

.display-menu-wrapper .owl-carousel {
    width:  90%;
    margin: 0 auto;
}
.display-menu-wrapper.display-menu .owl-carousel, .display-menu-wrapper:hover .owl-carousel {
    //opacity: 0 !important;
}

.owl-main-menu .slide-all {
    margin-right: 30px;
    margin-left:  30px;
}

.owl-main-menu .slide-all .img {
    height:          180px;
    background-size: cover;
    -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -ms-transition: transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s;
}
.owl-main-menu .slide-all img{
    -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -ms-transition: transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s;
}
.owl-main-menu .slide-all:hover img:not(.label-icon) {
    -webkit-transform: translate(0%, 0%) scale(1.06); -moz-transform: translate(0%, 0%) scale(1.06); -ms-transform: translate(0%, 0%) scale(1.06); -o-transform: translate(0%, 0%) scale(1.06); transform: translate(0%, 0%) scale(1.06);
}

.owl-main-menu .slide-all .title {
    color:        #959595;
    font-size:    14px;
    padding-top:  15px;
    font-weight: 100;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    overflow: hidden;
}
.owl-main-menu .slide-all:hover .title {
    color: white;
}

.owl-main-menu .owl-buttons .owl-prev,
.owl-main-menu .owl-buttons .owl-next {
    top:               48%;
    -webkit-transform: translateY(-50%);
    -moz-transform:    translateY(-50%);
    transform:         translateY(-50%);
}

.owl-main-menu .owl-buttons .owl-prev i,
.owl-main-menu .owl-buttons .owl-next i {
    font-size: 20px;
}

.owl-main-menu .owl-buttons .owl-prev {
    left: -3%;
}

.owl-main-menu .owl-buttons .owl-next {
    right: -3%;
}


@media (max-width: 768px) {
    .owl-main-menu .slide-all .title {
        color: white;
    }
    .owl-main-menu .slide-all:hover img:not(.label-icon) {
        -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;
    }
}

/* ---- Content ---- */

.wrapper {
    background-color: #F7F7F7;
}

/*.no-visible{*/
/*display: none;*/
/*}*/

/* ---- grid ---- */

.container-grid {
    padding-right: 30px;
    padding-left:  30px;
}

.container-grid-home {
    padding-right: 20px;
    padding-left:  20px;
}

.panel-default {
    border: none;
}

.grid {
    /*background: #EEE;*/
    max-width: 100%;
}

.grid-homepage {
    padding-top: 0px !important;
    margin-top:  40px;
}

div#grid-homepage {
    padding-top: 0px !important;
    margin-top:  25px;
}

/* clearfix */
.grid:after {
    content: '';
    display: block;
    clear:   both;
}

/* ---- grid-item ---- */

/* 4 columns by default */
.grid-sizer, .grid-item {
    width:   20%;
    padding: 0 0.5em;
}

.gutter-sizer { width: 1.25%; }

.grid-item {
    float:         left;
    border-radius: 0 !important;
}

.grid-item .img-div {
    position: relative;
    overflow: hidden;
}

.grid-item .img-div .overlay {
    position:         absolute;
    top:              0;
    bottom:           0;
    left:             0;
    right:            0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index:          1;
}

.grid-item .img-div .icon {
    position:         absolute;
    height:           50px;
    width:            50px;
    right:            0;
    top:              0;
    text-align:       center;
    background-color: #FF004E;
    z-index:          2;
    cursor:           pointer;
}

.grid-item .img-div .icon img {
    margin: 20px auto;
    color:  #FFFFFF;
    width:  25px;
}

.grid-item .img-div img {
    width:               100%;
    -webkit-transition:  transform 0.15s;
    -moz-transition:     transform 0.15s;
    -ms-transition:      transform 0.15s;
    -o-transition:       transform 0.15s;
    transition:          transform 0.15s;
    -webkit-transform:   translate(0%, 0%);
    -moz-transform:      translate(0%, 0%);
    -ms-transform:       translate(0%, 0%);
    -o-transform:        translate(0%, 0%);
    transform:           translate(0%, 0%);
    backface-visibility: hidden;
}

.grid-item .img-div:hover img {
    -webkit-transform: translate(0%, 0%) scale(1.06);
    -moz-transform:    translate(0%, 0%) scale(1.06);
    -ms-transform:     translate(0%, 0%) scale(1.06);
    -o-transform:      translate(0%, 0%) scale(1.06);
    transform:         translate(0%, 0%) scale(1.06);
}

.grid-item .img-div .panel-caption {
    position: absolute;
    bottom:   18px;
    left:     30px;
    right:    30px;
    z-index:  1;
}

.grid-item .img-div .panel-caption .title {
    text-transform:  uppercase;
    font-size:       28px;
    color:           #FFFFFF !important;
    text-decoration: none;
    /*text-overflow:   ellipsis;*/
    /*white-space:     nowrap;*/
    /*overflow:        hidden;*/
    line-height:     1.1em;
    width:           100%;
    display:         block;
}

.grid-item .img-div .panel-caption .name {
    text-transform:  capitalize;
    font-size:       12px;
    color:           #FFFFFF !important;
    padding:         0 0 4px;
    border-bottom:   1px solid rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-weight:     100;
    display: inline-block;
}

.grid-item .panel-footer {
    font-weight:      bold;
    padding:          7px 15px 6px;
    background-color: #FFFFFF;
    position:         relative;
}

.grid-item .panel-footer .music {
    /*margin-right:    15px;*/
    /*color:           #2FCF67;*/
    /*text-decoration: none;*/
}

.grid-item .panel-footer .panel-footer-type > span {
    font-size:   12px;
    opacity:     0.7;
    font-weight: 400;
}

.grid-item .panel-footer .panel-footer-title {
    font-weight: 400;
    margin:      0.2em 0 0.4em;
}

.grid-item.post-razz_news .panel-footer .panel-footer-title {
    margin-top: 1em;
}

.grid-item .panel-footer .panel-footer-misc > span {
    font-size:      12px;
    font-weight:    100;
    display:        inline-block;
    margin-top:     1px;
    vertical-align: top;
    opacity:        0.75;
    margin-bottom:  9px;
}

.grid-item .panel-footer .panel-footer-misc img {
    width:          13px;
    vertical-align: top;
    margin-top:     0.2em;
}

/****
*****
*****/
.grid-item {
    -webkit-transition: opacity 0.2s 0.2s;
    -moz-transition:    opacity 0.2s 0.2s;
    -ms-transition:     opacity 0.2s 0.2s;
    -o-transition:      opacity 0.2s 0.2s;
    transition:         opacity 0.2s 0.2s;
    opacity:0;
}
.grid-wrapper.grid-loaded .grid-item,
.grid-wrapper .grid-item.grid-item-loaded,
.grid-wrapper-simple.grid-loaded .grid-item,
.grid-wrapper-simple .grid-item.grid-item-loaded{
    opacity: 1;
}

/*************** ICONS GRID ***************/

.grid-item .panel-footer .icon-wrapper {
    display:        inline-block;
    vertical-align: middle;
    font-size:      1.4em;
    line-height:    1em;
    margin-right:   0.3em;
}

.grid-item.playlist .panel-footer .icon-wrapper {
    font-size:   1em;
    color:       #67CCCB;
    padding-top: 0.1em;
}

.grid-item.music .panel-footer .icon-wrapper {
    font-size: 1.1em;
    color:     #5DBC87;
}

.grid-item.videos .panel-footer .icon-wrapper {
    color: #CD3E43;
}

.grid-item.news .panel-footer .icon-wrapper {
    color: #FF004E;
}

.grid-item .panel-footer .type {
    display:        inline-block;
    vertical-align: top;
    line-height:    26px;
    font-size:      13px;
}

.grid-item .panel-footer .share {
    margin-left:     0px;
    position:        absolute;
    right:           10px;
    color:           #FF004E;
    width:           auto;
    text-decoration: none !important;
    font-size:       1.2em;
    line-height:     1em;
    margin-top:      4px;
}

.grid-item.post-razz_videos .panel-footer .share,
.grid-homepage .grid-item .panel-footer .share {
    line-height: 0.6em;
}

.grid-item .panel-footer .panel-footer-misc.relative .share {
    right: 0;
}

.grid-item .panel-footer img {
    width: 20px;
}

.grid-item .icon {
    display: none;
}

.grid-item .icon.icon-video {
    /*background-image: url('../img/headphones.png');*/
    background-size:     20px auto;
    background-position: center;
    background-repeat:   no-repeat;
    left:                0;
    display:             inline-block;
    margin:              0 auto;
    top:                 50%;
    -webkit-transform:   translateY(-50%);
    -moz-transform:      translateY(-50%);
    transform:           translateY(-50%);
    border-radius:       100%;
}

.grid-item .icon.icon-video:before {
    position:      absolute;
    background:    white;
    content:       "";
    border-bottom: 9px solid #FF004E;
    border-top:    9px solid #FF004E;
    width:         15px;
    height:        15px;
    border-left:   15px solid white;
    margin:        0 auto;
    display:       block;
    left:          38%;
    top:           32%;
}

.grid-item .icon.icon-playlist {
    background-image:    url('../img/headphones.png');
    background-size:     20px auto;
    background-position: center;
    background-repeat:   no-repeat;
}

/*.height1 { height: 400px; }*/
.height2 { height: 300px; }

.panel {
    margin-bottom: 30px;
}

/*******  GRID INDIVIDUAL BLOCKS ******/
.panel-footer-title-link {
    color:           #333333;
    max-width:       90%;
    text-overflow:   ellipsis;
    overflow:        hidden;
    display:         inline-block;
    white-space:     pre;
    text-align:      left;
    text-decoration: none;
}

.panel-footer-title-link:hover,
.panel-footer-title-link:focus,
.panel-footer-title-link:active,
.panel-footer-title-link:visited {
    /*color:           #757575;*/
    text-decoration: none;
}

.panel-footer-share-menu-link img {
    width: 20px !important;
}

.panel-footer-share-menu-link {
    float:      right;
    width:      10%;
    text-align: right;
}

.panel-footer-author-link {
    text-transform:  capitalize;
    font-size:       12px;
    color:           #757575 !important;
    font-weight:     100;
    padding:         0 0 4px;
    border-bottom:   1px solid rgba(25, 25, 25, 0.35);
    text-decoration: none !important;
    margin-bottom:   10px;
    display:         inline-block;
}

.grid-item .panel-footer .panel-footer-author-link {
    margin-bottom: 5px;
}

.panel-footer-misc span.entry-creation-time {
    float:   right;
    opacity: 0.6;
}

.grid-item.news .panel-footer-title-link {
    height:      3em;
    overflow:    hidden;
    white-space: pre-wrap;
}

.panel-footer-type.text-uppercase {
    font-weight:    400;
    font-size:      0.75em;
    color:          #757575;
    letter-spacing: 0px;
}


.grid-item.post-razz_videos .img-div {
    min-height: 200px;
    background: rgba(255, 0, 78, 0.05);
}
.grid-item.post-post .img-div {
    min-height: 190px;
    background: rgba(236, 236, 236, 0.15);
}


.grid-item.post-razz_playlist .img-div {
    min-height: 300px;
    background: rgba(103, 204, 203, 0.15);
}
.grid-item.post-razz_releases .img-div {
    min-height: 300px;
    background: rgba(93, 188, 135, 0.15);
}
.grid-item .img-div .panel-caption, .grid-item .img-div .icon,.grid-item .img-div .overlay {
    opacity: 0;
    transition: opacity 0.1s;
}
.grid-item.grid-item-loaded .img-div .panel-caption, .grid-item.grid-item-loaded .img-div .icon,.grid-item.grid-item-loaded  .img-div .overlay {
    opacity: 1;
}


/****************************** ARTIST PAGE *****************************/

div#artist-content-info {
    display: none;
}

/*** BIO ***/
div#bio {
    position: relative;
    max-height: 100%;
    background: #F7F7F7;
}
#bio .bio-header {
    height: 470px;
    position: relative;
    width: 100%;
}
#bio .bio-wrapper {
    max-width: 94%;
    margin: 0 auto 10px;
    position: relative;
    z-index: 1;
    background: #F7F7F7;
    padding: 0 6%;
}
#bio .bio-artist-name {
    font-size: 34px;
    line-height: 3em;
    height: 100px;
    margin-top: -80px;
    text-transform: uppercase;
    color: #FF004E
}
#bio .bio-content {
    line-height: 2em;
    color: #7F7F7F;
    font-size: 16px;
    font-weight: 100;
    word-wrap: break-word;
    margin-bottom: 2em;
}
#bio .bio-line{
    background: #9A9A9A;
    position: absolute;
    left: -3.15%;
    right: -3.2%;
    height: 1px;
}
#bio ul.bio-artist-social {
    text-align: center;
    padding: 2em 0;
}
#bio ul.bio-artist-social li {
    margin: 0 8px;
    font-size: 1.2em;
}
#bio ul.bio-artist-social li a.social-media-artist-link span.icon-youtube {
    vertical-align: bottom;
    display: inline-block;
    font-size: 19px;
    padding-bottom: 15px;
}
#bio ul.bio-artist-social li a.social-media-artist-link span.icon-twitter {
    vertical-align: bottom;
    display: inline-block;
    font-size: 18px;
    padding-bottom: 16px;
}
#bio ul.bio-artist-social li a.social-media-artist-link span.icon-ig {
    vertical-align: bottom;
    display: inline-block;
    font-size: 17px;
    padding-bottom: 17px;
}
#bio ul.bio-artist-social li a.social-media-artist-link span.icon-spotify {
    bottom: -2px;
}


@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {
    #bio{
        height:100%;
    }
    #bio .bio-wrapper {
        max-width: 100%;
        padding: 0 30px;
    }
    #bio .bio-artist-name {
        font-size: 30px;
        line-height: 3em;
        height: 70px;
        margin-top: 0px;
    }
    #bio .bio-artist-social li {
        margin: 0 4px !important;
        font-size: 1em !important;
    }
    #bio .bio-line{
        left: 0;
        right: 0;
    }
    #bio ul.bio-artist-social{
        margin: 0 -30px;
    }

    #bio ul.bio-artist-social li a.social-media-artist-link span.icon-youtube {
        font-size: 17px;
        padding-bottom: 12px;
    }
    #bio ul.bio-artist-social li a.social-media-artist-link span.icon-ig {
        font-size: 14px;
        padding-bottom: 13px;
    }
    #bio ul.bio-artist-social li a.social-media-artist-link span.icon-twitter {
        font-size: 16px;
        padding-bottom: 13px;
    }
    #bio ul.bio-artist-social li a.social-media-artist-link span.icon-spotify {
        bottom: 0px;
    }
}
@media (max-width: 468px) {}


#owl-example-artist .owl-controls .owl-pagination {
    display:  inline-block;
    position: absolute;
    bottom:   35px;
    right:    3%;
}

#owl-example-artist .owl-controls .owl-page span {
    opacity:    1;
    background: #FFFFFF;
    width:      18px;
    height:     18px;
    margin:     5px 13px;
}

.owl-theme .owl-controls {
    margin-top: 0;
}

#owl-example-artist .owl-controls .owl-buttons {
    position:          absolute;
    top:               50%;
    -webkit-transform: translateY(-50%);
    -moz-transform:    translateY(-50%);
    transform:         translateY(-50%);
    width:             100%;
    display:           block;
}

#owl-example-artist .owl-controls .owl-buttons i,
#owl-example-artist .owl-controls .owl-buttons span.custom-icons {
    font-size: 3em;
}

#owl-example-artist .owl-controls .owl-buttons div {
    background: transparent;
    color:      #FFFFFF;
    opacity:    1;
}

.owl-buttons .owl-next {
    position: absolute;
    right:    3%;
}

.owl-buttons .owl-prev {
    position: absolute;
    left:     3%;
}

#owl-example-artist .owl-controls .owl-page span {
    background: #E5E5E5;
}

#owl-example-artist, .owl-wrapper-outer, .owl-wrapper, .owl-item, .slide2 {
    height: 100%;
}

.slide2 {
    height:                  100%;
    background:              url('/img/Don-Omar.jpg') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size:    cover;
    -o-background-size:      cover;
    background-size:         cover;
    position:                relative;
}

.caption-title.center-caption {
    width:     80%;
    margin:    0 auto;
    max-width: 800px;
}

.caption-artist .caption-title p {
    font-size:      4em; /* CHECK this */
    text-transform: uppercase;
    line-height:    1em;
    margin-bottom:  0.6em;
}

.caption-artist .caption-title p a {
    color:           #FFFFFF !important;
    text-decoration: none;
}

.artist-social-media {
    backgrond-color: #F7F7F7;
    padding-right:   30px;
    padding-left:    30px;
}

ul.artist-social {
    padding:       15px 0;
    padding:       15px 0 0;
    margin-bottom: 0;
    margin-left:   0px;
}

ul.artist-social .text-follow, .text-share {
    font-size:      18px;
    font-weight:    bolder;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height:    1;
}

ul.artist-social .text-follow {
    padding-right: 15px;
    line-height: 2.5em;
    vertical-align: top;
    display: inline-block;
}

ul.artist-social .text-share {
    padding-left: 25px;
    /*border-left: 1px solid #e5e5e5;*/
    line-height:  2.2em;
    float:        right;
}

ul.artist-social .text-share a {
    text-decoration: none !important;
}

ul.artist-social .text-share span.icon-share {
    color:       #FF004E;
    display:     inline-block;
    line-height: 0em;
}

.text-share img {
    width: 17px;
}

.artist-social li a img {
    width:        42px;
    margin-left:  10px;
    margin-right: 10px;
}

.artist-social li a .share-icon {
    width:        25px;
    margin-left:  10px;
    margin-right: 10px;
}

.artist-social li p {
    display: inline-block;
    color:   #575757;
}

.artist-social li .spotify {
    margin-right: 15px;
}

.artist-social a.social-media-artist-link {
    line-height: 2.7em;
    width: 2.7em;
    margin-right: 0.2em;
    display: inline-block;
    background: white;
    text-align: center;
    border-radius: 100%;
    text-decoration: none !important;
    -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;
}
.artist-social a.social-media-artist-link .icon-twitter{ color: #55ACEE; }
.artist-social a.social-media-artist-link .icon-fb{ color: #3b5998; }
.artist-social a.social-media-artist-link .icon-youtube{ color: #e52d27; }
.artist-social a.social-media-artist-link .icon-ig{ color: #3f729b; }
.artist-social a.social-media-artist-link .icon-spotify{ color: #2ebd59; bottom: -1px;}
.artist-social a.social-media-artist-link .icon-music { color: #444444; margin-left: -2px; }

.artist-social a.social-media-artist-link span.icon-youtube {
    vertical-align: bottom;
    display: inline-block;
    font-size: 17px;
    padding-bottom: 12px;
}
.artist-social a.social-media-artist-link span.icon-twitter {
    vertical-align: bottom;
    display: inline-block;
    font-size: 17px;
    padding-bottom: 12px;
}
.artist-social a.social-media-artist-link span.icon-ig {
    vertical-align: bottom;
    display: inline-block;
    font-size: 15px;
    padding-bottom: 12px;
}

.artist-social a.social-media-artist-link.btn-effect-1:after { background: #ff004e !important; }
.artist-social a.social-media-artist-link.btn-effect-1:hover .custom-icons {
    color: white;
}

@media (max-width: 768px) {

    .artist-social a.social-media-artist-link span.icon-youtube {
        font-size: 16px;
        padding-bottom: 11px;
    }
    .artist-social a.social-media-artist-link span.icon-twitter {
        font-size: 15px;
        padding-bottom: 11px;
    }
    .artist-social a.social-media-artist-link span.icon-ig {
        font-size: 14px;
        padding-bottom: 12px;
    }
    .artist-social a.social-media-artist-link .icon-spotify{ }
}
@media (max-width: 375px){
    .artist-social a.social-media-artist-link {
        line-height: 2.4em;
        width:       2.4em;
    }
}


/****************************** SOLO ARTIST CAROUSEL *****************************/

#artist-social-media-block + .carousel-artist-solo {
    margin-top: 0px;
}

.carousel-artist-solo {
    position:      relative;
    width:         100%;
    margin-bottom: 40px;
    margin-top:    40px;
}

.all-wrapper {
    margin-right: 160px;
}

#owl-artist-featured-content .slide-all {
    margin-right:     20px;
    background-color: #FFFFFF;
}

#owl-artist-featured-content .slide-all .img {
    height:          250px;
    background-size: cover;
}

#owl-artist-featured-content .slide-all .title {
    color:        #000000;
    font-size:    14px;
    padding-top:  15px;
    padding-left: 15px;
    font-weight:  bold;
}

#owl-artist-featured-content .slide-all .song {
    display: inline-block;
    padding: 30px 0 15px 15px;
}

#owl-artist-featured-content .slide-all .song img {
    width: 15px;
}

#owl-artist-featured-content .slide-all .song .qty {
    color:       #7F7F7F;
    font-size:   1em;
    float:       right;
    line-height: 1.7;
    margin-left: 10px;
}

.btn-next-artist {
    background-color: #FF004E;
    position:         absolute;
    right:            0;
    top:              0;
    bottom:           102px;
    width:            150px;
    text-align:       center;
    cursor:           pointer;
}

.img-container {
    position: relative;
    height:   100%;
}

.img-container img {
    width:                             70px;
    -webkit-transform:                 translateY(-50%);
    -moz-transform:                    translateY(-50%);
    transform:                         translateY(-50%);
    top:                               38%;
    position:                          relative;
    -webkit-animation:                 pulsate 1.2s ease-out;
    -o-animation:                      pulsate 1.2s ease-out;
    animation:                         pulsate 1.2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count:      infinite;
    animation-iteration-count:         infinite;
    opacity:                           0.0
}

/****************************** VIDEO DETAIL *****************************/

.other-featured-video-detail {
    background-color: #F7F7F7;
    padding-bottom:   20px;
}

.video-detail {
    margin: 0 auto;
}

.video-detail .video {
    background-color: #202020;
}

.video-detail .general-info, .general-info-2 {
    background-color: #FFFFFF;
}

.video-detail .title {
    font-size:      34px;
    text-transform: uppercase;
    padding-top:    10px;
}

.video-detail .author {
    font-size:       12px;
    margin-top:      10px;
    margin-bottom:   40px;
    color:           #999999;
    border-bottom:   1px solid #999999;
    text-decoration: none;
}

.video-detail .general-info {
    padding-bottom: 30px;
}

.video-detail .general-info-2 {
    font-size: 12px;
}

.video-detail ul.duration {
    margin-left: 0px;
}

.video-detail .duration .first {
    padding:      0 20px 0 0;
    border-right: 2px solid #E8E8E8;
}

.video-detail .duration .second {
    padding: 0 20px 0 20px;
    border:  none;
}

.video-detail .duration .third {
    padding:     0 0 0 20px;
    border-left: 2px solid #E8E8E8;
}

.video-detail .duration li a {
    float:        left;
    margin-right: 15px;
}

.video-detail .duration li a img {
    width: 15px;
}

.video-detail .duration li p {
    display: inline-block;
    color:   #575757;
}

.video-detail .share li.four {
    float:        right;
    margin-right: 15px;
}

.video-detail .share li a img {
    width: 15px;
}

.video-detail .share li p {
    display: inline-block;
    color:   #575757;
}

.video-bott {
    padding:          10px;
    background-color: #FFFFFF;
    display:          block;
}

.video-bott .title-bott {
    font-size:   15px;
    color:       #000000;
    float:       left;
    font-weight: bold;
}

.video-bott img {
    width:        15px;
    float:        right;
    margin-right: 10px;
}

.video-author {
    color:         #7F7F7F;
    font-size:     12px;
    margin-left:   10px;
    border-bottom: 1px solid #7F7F7F;
    display:       inline-block;
}

.other-featured-video-detail .other-video {
    background-color: #FFFFFF;
    padding-bottom:   20px;
    margin-bottom:    30px;
}

.video-icons {
    background-color: #FFFFFF;
    padding-bottom:   10px;
}

.title-bott {
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space:   nowrap;
    overflow:      hidden;
    width:         80%;
}

/****************************** VIDEO LIST *****************************/

.video-list .second-menu-wrapper {
    position: fixed;
    top:      62px;
    display:  block;
    width:    100%;
    z-index:  5;
}

.admin-bar .video-list .second-menu-wrapper {
    top: 93px;
}

.video-list-content {
    padding-top:   170px;
    padding-left:  35px;
    padding-right: 35px;
    margin-bottom: 40px;
}

.video-list-content .video-bott {
    padding:          10px;
    background-color: #FFFFFF;
    display:          block;
    position:         relative;
}

.video-list-content .title-bott {
    font-size:   15px;
    color:       #000000;
    float:       left;
    font-weight: bold;
}

.video-list-content .video-bott img {
    margin-right: 10px;
    float:        right;
    margin-left:  0;
}

.video-list-content .author {
    width:            100%;
    background-color: #FFFFFF;
    padding:          10px 0 20px;
}

@media (max-width: 786px) {
    .video-list-content {
        padding-top: 130px;
    }
}

/****************************** ARTIST LIST *****************************/

.artist-list .second-menu-wrapper {
    position: fixed;
    top:      70px;
    display:  block;
    width:    100%;
    z-index:  5;
}

.admin-bar .artist-list .second-menu-wrapper {
    top: 93px;
}

#grid-artist-list .grid-item {
    margin-bottom: 20px;
}

.artist-list-content {
    padding-top:   160px;
    padding-left:  30px;
    padding-right: 30px;
    margin-bottom: 40px;
}

.artist-list-content .artist-name {
    bottom:         20px;
    display:        block;
    color:          #FFFFFF;
    font-size:      2em;
    text-transform: uppercase;
    left:           15px;
    right:          15px;
    overflow:       hidden;
    line-height:    1em;
    position:       absolute;
    font-weight:    100;
}

@media (max-width: 991px) {
    .artist-list-content {
        padding-top: 130px;
    }
}

/****************************** MUSIC LIST *****************************/

.carousel-all-music {
    position:      relative;
    width:         100%;
    margin-top:    180px;
    margin-bottom: 40px;
}

.all-wrapper {
    margin-right: 160px;
}

#owl-example-all-music .slide-all {
    margin-right:     20px;
    background-color: #FFFFFF;
}

#owl-example-all-music .slide-all .img {
    height:          250px;
    background-size: cover;
}

#owl-example-all-music .slide-all .new-song {
    text-transform: uppercase;
    font-size:      12px;
    padding-top:    15px;
    padding-left:   15px;
}

#owl-example-all-music .slide-all .title {
    color:        #000000;
    font-size:    16px;
    padding-left: 15px;
    font-weight:  bold;
}

#owl-example-all-music .slide-all .song {
    display: block;
    padding: 15px 0 15px 15px;
}

#owl-example-all-music .slide-all .song img {
    width:        15px;
    float:        right;
    margin-right: 15px;
    display:      inline-block;
    margin-top:   10px;
}

#owl-example-all-music .slide-all .song .qty {
    color:         #7F7F7F;
    font-size:     .9em;
    display:       inline-block;
    border-bottom: 1px solid #999999;
}

.btn-next-music {
    background-color: #FF004E;
    position:         absolute;
    right:            0;
    top:              0;
    bottom:           102px;
    width:            150px;
    text-align:       center;
    cursor:           pointer;
}

.btn-next-music .img-container {
    position: relative;
    height:   100%;
}

.btn-next-music .img-container img {
    width:                             70px;
    -webkit-transform:                 translateY(-50%);
    -moz-transform:                    translateY(-50%);
    transform:                         translateY(-50%);
    top:                               38%;
    position:                          relative;
    -webkit-animation:                 pulsate 1.2s ease-out;
    -o-animation:                      pulsate 1.2s ease-out;
    animation:                         pulsate 1.2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count:      infinite;
    animation-iteration-count:         infinite;
    opacity:                           0.0
}

.followers.release {
    border-bottom: 1px solid #999999;
}

.music-list .second-menu-wrapper {
    position: fixed;
    top:      62px;
    display:  block;
    width:    100%;
    z-index:  5;
}

.admin-bar .music-list .second-menu-wrapper {
    top: 93px;
}

.music-list-content {
    padding-left:  30px;
    padding-right: 30px;
}

@media (max-width: 768px) {
    .carousel-all-music {
        margin-top: 106px;
    }
}

/******************************MENU HOME PAGE*****************************/

/*.second-menu-videos-detail {*/
    /*display: block;*/
    /*width:   100%;*/
    /*z-index: 5;*/
/*}*/

/*.second-menu-videos-detail .locator {*/
    /*text-transform: uppercase;*/
    /*font-size:      32px;*/
    /*color:          #FFFFFF;*/
    /*float:          left;*/
    /*margin-right:   10px;*/
/*}*/

/*.second-menu-videos-detail .inner {*/
    /*background-color: rgba(0, 0, 0, .85);*/
/*}*/

/*.second-menu-videos-detail .menu-nav {*/
    /*text-align:  inherit;*/
    /*margin-left: 0;*/
/*}*/

/*.second-menu-videos-detail .menu-nav > li {*/
    /*display:      inline-block;*/
    /*margin-left:  0;*/
    /*margin-right: 20px;*/
/*}*/

/*.second-menu-videos-detail .menu-nav > li > a {*/
    /*font-size:     14px;*/
    /*color:         #FFFFFF; !* IE8 proofing *!*/
    /*color:         rgba(255, 255, 255, 1);*/
    /*border:        1px solid transparent;*/
    /*border-bottom: 2px solid transparent;*/
    /*padding:       10px 30px;*/
/*}*/



/*.second-menu .menu-nav > .active > a,*/
/*.second-menu .menu-nav > .active > a:hover,*/
/*.second-menu .menu-nav > .active > a:focus {*/
    /*color: #FFFFFF;*/
    /*!*border-bottom-color: #fff;*!*/
/*}*/

/****************************** VIDEO *****************************/
div#single-video-content-wrapper ul.share > li > a {
    display:         block;
    text-align:      center;
    float:           none;
    color:           #333333 !important;
    text-decoration: none;
}

/****************************** ALBUM *****************************/

#section-lightbox .close {
    float:       none;
    font-size:   21px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #FFFFFF;
    opacity:     1;
    position:    relative;
    margin:      0 auto;
    z-index:     1;
}

.close:after {
    position:    absolute;
    right:       30px;
    display:     inline-block;
    content:     "\00d7";
    font-size:   50px;
    font-weight: 100;
    color:       white;
    top:         10px;
    display: none;
}

#section-lightbox .close img {
    position: absolute;
    right: -40px;
    top: 40px;
}
#section-lightbox .close:after {
    display: none;
}

@media (max-width: 1300px){
    #section-lightbox .close img {
        right: 20px;
    }
}



/******************************SINGLE POST*****************************/

.single-post #ajax-content-wrapper.wrapper {
    background-color: #FFFFFF;
}

.banner-wrapper {
    height: 500px;
}

.banner {
    background-size: cover;
    height:          100%; "
}

.single-header-meta-info .duration li p {
    color:   #333333;
    opacity: 0.6;
}

#single-post-content-wrapper {
    background-color: #FFFFFF;
    padding:          0 !important;
}

#single-post-content-wrapper .banner {
    height: 600px;
    width:  100%;
}

#single-post-content-wrapper .content {
    position:         relative;
    top:              -100px;
    background-color: #FFFFFF;
    padding:          40px 80px;
}

#single-post-content-wrapper .single-header-meta-info {
    margin-bottom: 40px;
}

#single-post-content-wrapper .release {
    font-weight:    bold;
    text-transform: uppercase;
    font-size:      15px;
    display:        inline-block;
}

#single-post-content-wrapper ul {
    float: right
}

#single-post-content-wrapper ul.duration .second {
    border-right: 2px solid #E8E8E8;
    border-left:  2px solid #E8E8E8;
}

#single-post-content-wrapper ul .third {
    padding-left: 15px;
}

#single-post-content-wrapper .new-title {
    color:          #FF004E;
    text-transform: uppercase;
    font-size:      34px;
}

#single-post-content-wrapper .details {
    text-transform: none;
    display:        inline-block;
    float:          none;
    margin:         10px 0;
    font-size:      12px;
}

#single-post-content-wrapper .details li {
    float:        left;
    margin-right: 10px;
    color:        #7F7F7F;
}

#single-post-content-wrapper .content-wrapper {
    margin-top:  20px;
    /*font-family: 16px;*/
    line-height: 2em;
    color:       #7F7F7F;
    font-size:   16px;
    font-weight: 100;
    word-wrap:   break-word;
}

#ajax-content-wrapper .grid-container {
    padding: 30px;
}



/****************************** LIGHT BOX *****************************/

#section-lightbox {
    position:         fixed;
    width:            100%;
    bottom:           0;
    top:              0;
    left:             0;
    background-color: rgba(23, 23, 23, .95);
    overflow-x:       scroll;
    display:          none;
    z-index:          15;
}

#section-lightbox .contain-element {
    padding-left:  30px;
    padding-right: 30px;
}

.admin-bar #section-lightbox {
    top: 32px;
}

#section-lightbox .second-menu-wrapper .inner {
    margin-bottom:  30px;
    padding: 0px;
}

.album-wrapper {
    background-color: #222222;
    position:         relative;
}

.album-wrapper .album-caption {
    color:    white;
    position: absolute;
    bottom:   70px;
}

.album-wrapper .type {
    line-height:    1;
    text-transform: uppercase;
    display:        block;
    color:          white;
    font-size:      12px;
    margin-bottom:  0.9em;
}

.album-wrapper .title {
    font-size:      40px;
    line-height:    1;
    text-transform: uppercase;
    display:        block;
    color:          white;
}

.album-wrapper .name {
    color:           #000000;
    font-size:       18px;
    text-transform:  uppercase;
    font-weight:     bold;
    display:         inline-block;
    padding-top:     15px;
    padding-bottom:  5px;
    border-bottom:   1px solid #000000;
    text-decoration: none;
}

ul.duration {
    margin-left: 0px;
}

ul.duration span.custom-icons {
    color:          #FF004E;
    line-height:    1em;
    vertical-align: middle;
    font-size:      0.9em;
}

.share {
    text-transform: uppercase;
    font-weight:    bold;
    font-size:      16px;
    margin-left:    0px;
    margin-right:   0.7em;
}

.share a {
    text-decoration: none;
}

.four {
    padding:     0 0px 0 20px;
    border-left: 1px solid rgba(232, 232, 232, 0.3);
}

.four > a {
    float:  right;
    margin: 0 30px 0 15px;
}

.third > a > i {
    color:     #FF004E;
    padding:   0 15px 0 10px;
    font-size: 19px;
}

.share li.four a > [class^="icon-"],
.share li.third a > [class^="icon-"]{
    color:       #FF004E;
    font-size:   0.9em;
    margin-left: 0.5em;
    padding: 0;
}

ul {
    padding: 0;
}

ul > li {
    display: inline-block;
}

.duration .first {
    padding: 0 20px 0 0;
}

.duration .second {
    padding:     0 20px 0 20px;
    border-left: 1px solid rgba(232, 232, 232, 0.3);
}

.duration li a {
    float:        left;
    margin-right: 15px;
}

.duration li a img {
    width: 15px;
}

.duration li p {
    display:     inline-block;
    color:       white;
    font-size:   12px;
    font-weight: 100;
}

.share li > a {
    float:        none;
    margin-right: 0px;
}

.share li a img {
    width: 15px;
}

.share li p {
    display:   inline-block;
    color:     white;
    font-size: 14px;
}

.playlist-list-wrapper {
    margin: 0 15px;
}

.song {
    background-color: #FFFFFF;
    border-top:       1px solid #E9EAEB;
    border-bottom:    1px solid #E9EAEB;
    padding:          20px 15px 20px;
    font-size:        13px;
    position: relative;
}

.song.has-preview{
    cursor: pointer;
}
.song:not(.no-effect):hover,
.song.has-preview.active{
    background-color: #F7F7F7;
    cursor:           pointer;
}

.song .icon-wrapper{
    color: #FF004E;
    position: absolute;
    left: 15px;
}
.song.has-preview.active .number,
.song.has-preview:hover .number{
    opacity: 0 !important;
}

.song .icon-wrapper .custom-icons {
    opacity:0;
    position: absolute;
    left: -1px;
}
.song.has-preview.active.song-playing .icon-wrapper .custom-icons.icon-pause {
    opacity: 1;
}
.song.has-preview.active.song-paused .icon-wrapper .custom-icons.icon-play,
.song.has-preview:hover .icon-wrapper .custom-icons.icon-play{
    opacity: 1;
}
.song.has-preview.song-paused .icon-wrapper .custom-icons.icon-pause,
.song.has-preview.song-playing .icon-wrapper .custom-icons.icon-play{
    opacity: 0 !important;
}

.song.has-preview .song-playing-progress {
    position: absolute;
    bottom: -2px;
    height: 2px;
    width: 0%;
    left: 0;
    background: #FF004E;
    opacity: 0;
    -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s;
}
.song.has-preview .song-playing-progress:after {
    content: " ";
    height: 10px;
    width: 1px;
    background: #B7B7B7;
    right: 0;
    position: absolute;
    bottom: 0;
    opacity:0;
}
.song.has-preview.song-playing .song-playing-progress,
.song.has-preview:hover .song-playing-progress{
    opacity:1;
}
.song.has-preview.song-loaded .song-playing-progress:after{
    opacity:1;
}

.song.has-preview.song-loaded .song-playing-progress{
    /*-webkit-transition: width 30s linear;*/
    /*-moz-transition:    width 30s linear ;*/
    /*-ms-transition:     width 30s linear ;*/
    /*-o-transition:      width 30s linear ;*/
    /*transition:         width 30s linear ;*/

    -webkit-animation:songPlayAnimation 30s linear;
    -o-animation:songPlayAnimation 30s linear;
    animation:songPlayAnimation 30s linear;

    width: 100%;
}

.song.has-preview.song-loaded.song-playing .song-playing-progress{
    -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running;
}
.song.has-preview.song-loaded.song-paused .song-playing-progress{
    -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused;
}


@-webkit-keyframes songPlayAnimation {
    0% { width: 0}
    100% { width: 100% }
}

@-ms-keyframes songPlayAnimation {
    0% { width: 0}
    100% { width: 100% }
}

@keyframes songPlayAnimation {
    0% { width: 0}
    100% { width: 100% }
}

.album-details {
    /* margin-top: 40px; */
    /* margin-left: -15px; */
    position: absolute;
    /* bottom: 107px; */
    left:     33.3333333333%;
    right:    0;
    bottom:   10px;
}

.song .number {
    float:       left;
    font-weight: bold;
    width:       3em;
}

.song.title-row {
    font-size: 15px;
}

.song.title-row .number {
    opacity: 0;
}

.song .song-name {
}

.song .icon {
    float:   right;
    display: inline-block;
    width:   20px;
}

.song .icon img {
    width: 20px;
}

.song .song-duration {
    display: inline-block;
}
.song .song-listen{
    color: #FF004E;
    cursor: pointer;
    position: relative;
}

@media (max-width: 768px){
    .song .icon-wrapper .custom-icons {
        left: -17px;
    }
}



.album-wrapper {
}

.other-featured {
    background-color: #F7F7F7;
    padding-bottom:   40px;
}

.other-featured .header {
    color:          #000000;
    text-transform: uppercase;
    font-size:      38px;
    padding:        30px;
}

.other-featured .other {
    background-color: #FFFFFF;
}

.featured-bott {
    padding: 20px;
}

.featured-bott .playlist {
    text-transform: uppercase;
    font-weight:    bolder;
    color:          #7F7F7F;
    font-size:      12px;
}

.featured-bott .title {
    font-size:   16px;
    color:       #000000;
    font-weight: bold;
}

.featured-bott .featured-footer {
    padding: 15px 0;
}

.featured-bott .featured-footer .followers {
    font-size: 12px;
    color:     #7F7F7F;
    float:     left;
}

.featured-bott .featured-footer img {
    width: 20px;
    float: right;
}

.loadMore {
    background-color: #FF004E;
}

.loadMore p {
    color:       #FFFFFF;
    text-align:  center;
    padding:     20px;
    font-weight: bolder;
}

.playlist-related-wrapper {
    background: #FFFFFF;
}

/******************************   GENERAL SINGLE PAGE   *****************************/
.single #page > #content {
    margin-top: 61px;
    overflow: hidden;
}

.single.single-razz_artist #page > #content,
.single.single-razz_label #page > #content {
    margin-top: 0px;
}

/******************************FOOTER*****************************/

.btn-load-more {
    background:         #FF004E;
    border-radius:      0px;
    box-shadow:         none !important;
    text-shadow:        none !important;
    color:              white;
    width:              100%;
    cursor:             pointer;
    padding:            1.6em 0;
    text-transform:     capitalize;
    border:             none !important;
    -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;
    height: 65px;
}
button.btn.btn-load-more.btn-effect-disabled {
    opacity: 0.4;
    color: white !important;
    background: #666 !important;
    cursor: auto;
}
#section-lightbox button.btn.btn-load-more.btn-effect-disabled {
    opacity:    1;
    background: #A0A0A0 !important;
}
.btn-effect-1.btn-effect-disabled:hover:after {
    width: 0 !important;
    opacity: 0 !important;
}

.btn-load-more .icon-add {
    font-size:   0.7em;
    font-weight: bold;
    margin-left: 1em;
}

.border-effect-1 {
    position: relative;
}

.border-effect-1:before {
    content:       "";
    border-bottom: 1px solid #FF004E;
    position:      absolute;
    left:          0;
    bottom:        -1px;
    width:         0;
    transition:    all 0.2s;
    right:         0;
    z-index:       11;
}

.border-effect-1:hover:before {
    width: 100%;
}

.border-effect-1 span.text {
    transition: opacity 0.12s;
    opacity: 1;
    color: inherit;
}
.border-effect-1 .text-overlay {
    position: absolute;
    left: 0px;
    width: 0;
    overflow: hidden;
    transition: all 0.2s;
    z-index: 0;
    color: #FF004E;
    top: 0em;
    white-space: nowrap;
    line-height: 1.4em;
}
.border-effect-1:hover span.text {  transition: opacity 1s; opacity: 0.4; }
.grid .border-effect-1:hover span.text,
.home-main-slider .border-effect-1:hover span.text{  transition: opacity 0.12s 0.06s; opacity: 0.4; }
.border-effect-1:hover .text-overlay { width: 100%; }


.btn-effect-1,
.btn-effect-1:active,
.btn-effect-1:focus {
    color:    #FFFFFF;
    position: relative;
}

.btn-load-more.btn-effect-1:active{
    color: white;
}


body.is-mobile .border-effect-1:before,body.is-mobile .border-effect-1 .text-overlay{
    display: none;
}
body.is-mobile .border-effect-1:hover span.text{ opacity:1 !important; }



.btn-effect-1 > * { z-index: 1; position: relative; }

/* Button 1d */
.btn-effect-1 {
    overflow: hidden;
}

.btn-effect-1.btn-effect-1-round:after {
    height:                0%;
    background:            #E2E2E2;
    -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
}

.btn-effect-1.btn-effect-1-round:hover:after,
.btn-effect-1.btn-effect-1-round:focus:after,
.btn-effect-1.btn-effect-1-round:active:after{
    height: 100%;
}

.btn-effect-1:after {
    content:            '';
    position:           absolute;
    -webkit-transition: all 0.3s;
    -moz-transition:    all 0.3s;
    transition:         all 0.3s;
    width:              0;
    height:             103%;
    top:                50%;
    left:               50%;
    background:         #FFFFFF;
    opacity:            0;
    -webkit-transform:  translateX(-50%) translateY(-50%);
    -moz-transform:     translateX(-50%) translateY(-50%);
    -ms-transform:      translateX(-50%) translateY(-50%);
    transform:          translateX(-50%) translateY(-50%);
}

.btn-effect-1:hover{ /* .btn-effect-1:focus,.btn-effect-1:active */
    color: #FF004E;
}



.btn-effect-1:hover:after,
/*.btn-effect-1:active:after,*/
/*.btn-effect-1:focus:after,*/
.btn-load-more.btn-effect-1:hover:after{
/*.btn-load-more.btn-effect-1:hover:active:after*/
/*.btn-load-more.btn-effect-1:focus:after*/
/* .btn-effect-1:focus:after,.btn-effect-1:active:after */
    width:   100%;
    opacity: 1;
}
.btn-load-more.btn-effect-1:active:after{
     width:   0%;
     opacity: 0;
}

#footer-social-wrapper {
    text-align:       center;
    background-color: #222222;
}

.footer-social-list {
    margin:  0;
    padding: 20px 0px;
}

.footer-social-list li {
    background-color:   #393939;
    border-radius:      50%;
    margin:             10px;
    width:              50px;
    height:             50px;
    line-height:        50px;
    overflow:           hidden;
    -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s;
}

@media (max-width: 375px){

    .footer-social-list li {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

.footer-social-list li a {
    display:   block;
    font-size: 18px;
    cursor: pointer;
    text-decoration: none !important;
}

.footer-social-list .fa-facebook-f {
    color: #3B5B96;
}

.footer-social-list .fa-twitter {
    color: #5AAEEB;
}

.footer-social-list .fa-youtube-play,.footer-social-list .icon-youtube {
    color: #CE2121;
    top: 2px;
}

.footer-social-list .fa-instagram {
    color: #5380A5;
}

.footer-social-list .fa-spotify {
    color: #1DD760;
    bottom: -1px;
}

.footer-social-list li:hover,
.footer-social-list li:focus,
.footer-social-list li:active {
    /*background: #FFFFFF;*/
}

/*.footer-social-list li.fa-facebook-f-wrapper:hover,*/
/*.footer-social-list li.fa-facebook-f-wrapper:focus,*/
/*.footer-social-list li.fa-facebook-f-wrapper:active{*/
/*background: #A3C4E5;*/
/*}*/
/*.footer-social-list li.fa-twitter-wrapper:hover,*/
/*.footer-social-list li.fa-twitter-wrapper:focus,*/
/*.footer-social-list li.fa-twitter-wrapper:active{*/
/*background: #ADD1EB;*/
/*}*/
/*.footer-social-list li.fa-youtube-play-wrapper:hover,*/
/*.footer-social-list li.fa-youtube-play-wrapper:focus,*/
/*.footer-social-list li.fa-youtube-play-wrapper:active{*/
/*background: #FFA9A9;*/
/*}*/
/*.footer-social-list li.fa-instagram-wrapper:hover,*/
/*.footer-social-list li.fa-instagram-wrapper:focus,*/
/*.footer-social-list li.fa-instagram-wrapper:active{*/
/*background: #A9BDCE;*/
/*}*/
/*.footer-social-list li.fa-spotify-wrapper:hover,*/
/*.footer-social-list li.fa-spotify-wrapper:focus,*/
/*.footer-social-list li.fa-spotify-wrapper:active{*/
/*background: #A0D7C1;*/
/*}*/

/* footer for the copy info */
footer#colophon {
    background:  black;
    color:       white;
    text-align:  center;
    font-size:   0.9em;
    font-weight: 100;
    padding:     1.3em 0;
}

.menu-footer-menu-container, .site-info > p {
    display: inline-block;
}

.display_menu_new_line .menu-footer-menu-container,
.menu-footer-menu-container .site-info > p {
    display: block;
}

.site-info {
    font-size: 0.85em;
}

.site-info > p {
    padding-right: 0.6em;
}

.menu-footer-menu-container .site-info > p {
    padding-right: 0em;
}

ul#footer-menu {
    margin-left:   0px;
    margin-bottom: 0px;
}

ul#footer-menu li {
    padding:    0 0.8em 0 0.7em;
    box-shadow: -0.3em 0 0px -0.2em;
}

ul#footer-menu li a {
    color:       white !important;
    font-weight: 400;
}

ul#footer-menu li a:hover,
ul#footer-menu li a:focus,
ul#footer-menu li a:active {
    -webkit-box-shadow: 0 1px 0 0 white;
    -moz-box-shadow:    0 1px 0 0 white;
    box-shadow:         0 1px 0 0 white;
    text-decoration:    none !important;
}

span.developed-by {
    box-shadow: -0.3em 0 0px -0.2em;
    display: inline-block;
    padding-left: 10px;
}
.developed-by a {
    color: white !important;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0px 1px rgba(255,255,255,0.7);
    font-weight: 500;
}
@media (max-width: 768px){
    span.developed-by {
        box-shadow: none;
        display: inline-block;
        padding-left: 0;
    }
}

/******************************ANIMATIONS*****************************/

@-ms-keyframes moveUp {
    0% {
        transform:         translate(0, 20px);
        -ms-transform:     translate(0, 20px);
        -webkit-transform: translate(0, 20px);
    }
    100% {
        transform:         translate(0, 0);
        -ms-transform:     translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

}

@-webkit-keyframes moveUp {
    0% {
        transform:         translate(0, 20px);
        -ms-transform:     translate(0, 20px);
        -webkit-transform: translate(0, 20px);
    }
    100% {
        transform:         translate(0, 0);
        -ms-transform:     translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

}

@keyframes moveUp {
    0% {
        transform:         translate(0, 20px);
        -ms-transform:     translate(0, 20px);
        -webkit-transform: translate(0, 20px);
    }
    100% {
        transform:         translate(0, 0);
        -ms-transform:     translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

}

.full-container {
    -webkit-animation-name:             moveUp;
    -webkit-animation-duration:         .5s;
    -webkit-transition-timing-function: linear;
    -moz-animation-name:                moveUp;
    -moz-animation-duration:            .5s;
    -moz-animation-timing-function:     linear;
    animation-name:                     moveUp;
    animation-duration:                 .5s;
    animation-timing-function:          linear;
}

@-webkit-keyframes pulsate {
    0% { -webkit-transform: scale(0.1, 0.1);
        -ms-transform:      scale(0.1, 0.1);
        transform:          scale(0.1, 0.1);
        opacity:            0.0; }

    50% { opacity: 1.0; }

    100% { -webkit-transform: scale(1.2, 1.2);
        -ms-transform:        scale(1.2, 1.2);
        transform:            scale(1.2, 1.2);
        opacity:              0.0; }
}

@-ms-keyframes pulsate {
    0% { -webkit-transform: scale(0.1, 0.1);
        -ms-transform:      scale(0.1, 0.1);
        transform:          scale(0.1, 0.1);
        opacity:            0.0; }

    50% { opacity: 1.0; }

    100% { -webkit-transform: scale(1.2, 1.2);
        -ms-transform:        scale(1.2, 1.2);
        transform:            scale(1.2, 1.2);
        opacity:              0.0; }
}

@keyframes pulsate {
    0% { -webkit-transform: scale(0.1, 0.1);
        -ms-transform:      scale(0.1, 0.1);
        transform:          scale(0.1, 0.1);
        opacity:            0.0; }

    50% { opacity: 1.0; }

    100% { -webkit-transform: scale(1.2, 1.2);
        -ms-transform:        scale(1.2, 1.2);
        transform:            scale(1.2, 1.2);
        opacity:              0.0; }
}

/******************************RESPONSIVE MEDIA QUERIES*****************************/

@media screen and (max-width: 1999px) {

    .grid-sizer, .grid-item { width: 25%; }

}

@media screen and (max-width: 1700px) {

    .grid-sizer, .grid-item { width: 33.33333%; }

}

@media screen and (max-width: 1199px) {

    .grid-sizer, .grid-item { width: 50%; }

    #owl-example-artist .owl-controls .owl-page span {
        display: none;
    }

    .second-menu .menu-nav > li + li {
        margin-left: 0;
    }

    .menu-nav {
        overflow:                   auto;
        font-size:                  0;
        white-space:                nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .menu-nav > li {
        margin:  0 5px;
        padding: 0 15px;
    }

    .video-detail .video iframe {
        height: 600px !important;
    }
}

@media (min-width: 991px) {
    #section-lightbox .grid-item {
        width: 33.33333% !important;
    }
}

@media (max-width: 991px) {
    .menu-nav > li {
        margin:  0px;
        padding: 0 10px;
    }

    ul.artist-social {
        padding: 30px 0;
        margin:  0;
    }

    .grid-item .img-div .panel-caption .title {
        font-size: 24px;
    }

    .grid-item .img-div{
        min-height: 180px;
    }
    .grid-item.post-razz_releases .img-div,
    .grid-item.post-razz_playlist .img-div{
        min-height: 180px;
    }
    .grid-item.post-razz_videos .img-div,
    .grid-item.post-post .img-div{
        min-height: 140px;
    }

    .playlist-release-details-block {
        /*position: relative !important;*/
    }

    .album-wrapper .album-caption {
        color:    white;
        position: absolute;
        bottom:   110px;
    }

    .album-details {
        left: 41.6%;
    }

    .album-details .pull-right {
        float: left !important;
    }

    .col-md-6.col-lg-6.album-details-info {
        margin-bottom: 20px;
    }

    section#section-lightbox .grid-item.post-razz_videos .img-div {
        height: 210px;
    }

    .video-detail .video iframe {
        height: 450px !important;
    }
}

@media screen and (max-width: 768px) {

    .no-padding-right-xs {
        padding-right: 0px;
    }

    .no-padding-left-xs {
        padding-left: 0;
    }

    .menu-footer-menu-container, .site-info > p {
        display: block;
    }

    ul#footer-menu li:first-child {
        box-shadow: none;
    }

    .video-detail .video iframe {
        height: 350px !important;
    }

    .grid-item .img-div{
        min-height: 160px;
    }
    .grid-item.post-razz_releases .img-div,
    .grid-item.post-razz_playlist .img-div{
        min-height: 160px;
    }
    .grid-item.post-razz_videos .img-div,
    .grid-item.post-post .img-div{
        min-height: 130px;
    }

    .grid-item.post-razz_videos .img-div {
        height: auto !important;
    }

    .playlist-release-details-block {
        /*position: relative !important;*/
    }

    .album-wrapper .album-caption {
        color:    white;
        position: relative;
        bottom:   0px;
        width:    100%;
        margin:   2em 0 2em 15px;
    }

    .album-details {
        position: relative;
        left:     0;
    }

    .album-details .pull-right {
        float: left !important;
    }

    .col-md-6.col-lg-6.album-details-info {
        margin-bottom: 20px;
    }

    .album-wrapper > .col-xs-12 {
        padding-right: 0px;
    }

    .row.visible-xs.mobile-playlist-release-button-group {
        background:     white;
        padding:        1.6em 0;
        font-weight:    900;
        text-transform: uppercase;
    }

    .mobile-playlist-release-button-group .col-xs-6.text-center:nth-child(2) {
        border-left: 1px solid rgba(0, 0, 0, 0.2);
    }

    .row.visible-xs.mobile-playlist-release-button-group a img {
        display:     inline-block;
        width:       14px;
        margin-left: 10px;
    }

    .mobile-playlist-release-button-group a > i {
        color:          #FF2F6D;
        font-size:      1.4em;
        line-height:    0.8em;
        vertical-align: middle;
        margin-left:    10px;
    }

    ul.artist-social {
        padding: 30px 0;
        margin:  0;
    }

    ul.artist-social .text-follow {
        display: none;
    }

    .artist-social li {
        display:   inline-block;
        margin:    0 !important;
        padding:   0 !important;
        width:     auto !important;
        font-size: 14px;
    }
    ul.artist-social .text-share{
        line-height: 2.5em;
    }

    .artist-social li a {
        margin: 0px !important;
    }

    .artist-social li a img {
        width:  35px;
        margin: 0 3px;
    }

    .home div#ajax-content-wrapper {
        margin-top: 60px;
    }

    .admin-bar #main-menu {
        top: 0;
    }

    .admin-bar .second-menu.sticky {
        top: 103px;
    }

    .admin-bar .second-menu-artist {
        top: 50px;
    }

    .single #page > #content {
        margin-top: 0px;
    }

    .menu-nav > li {
        display: inline-block;
        padding: 0px;
    }

    .full-height {
        max-height: 530px;
    }

    .grid-sizer, .grid-item {
        width: 50%
    }

    .row.other-featured-video-detail .grid-item {
        width: 50%;
    }

    .song .number {
        width: 2em;
    }

    .grid-item .img-div .panel-caption .title {
        font-size: 20px;
    }

    .grid-item .img-div .overlay {
        background-color: rgba(0, 0, 0, 0.45);
    }

    .grid-item .img-div .panel-caption {
        left:  20px;
        right: 20px;
    }

    .menu-brand {
        background-color: #000000;
        display:          block;
        width:            100%;
        line-height:      50px;
        text-align:       center;
    }

    .menu-brand img {
        width: 75px;
    }

    .menu-nav {
        text-align: center;
        margin:     0;
        clear:      both;
    }

    .menu .inner {
        padding: 0 !important;
    }

    .all-wrapper {
        margin-right: 14%;
    }

    .menu-icon-mobile {
        width:       22px !important;
        padding-top: 20px;
        right:       20px;
        position:    absolute;
        cursor:      pointer;
        display:     inline-block !important;
    }

    .second-menu.sticky {
        top: 50px;
    }
    .video-list .second-menu-wrapper, .music-list .second-menu-wrapper, .second-menu-artist, .single .second-menu.sticky {
        top: 50px;
    }

    .hide-menu {
        display: none;
    }

    #owl-example .owl-controls .owl-buttons i, #owl-example-artist .owl-controls .owl-buttons i,
    #owl-example .owl-controls .owl-buttons span.custom-icons, #owl-example-artist .owl-controls .owl-buttons span.custom-icons{
        font-size: 2em;
    }

    .caption-title .arrow-down, .arrow-down-wrapper {
        display: none;
    }

    .caption {
        bottom: 30px;
    }

    .playlist-release-details-block { overflow: hidden; }

    .caption .caption-title p, .caption-artist .caption-title p, .video-detail .title, .album-wrapper .title {
        font-size:     29px;
        line-height:   1.1em;
        margin-bottom: 10px;
    }
    #section-lightbox .video-detail .title{
        color: white;
    }

    #owl-example .owl-controls .owl-pagination {
        bottom: 25px;
        right:  25px;
    }

    .release-cover-image {
        padding: 0px;
    }
}

@media (max-width: 767px) {
    #single-post-content-wrapper .content {
        padding: 30px;
    }

    .video-detail .author{
        margin-bottom: 10px;
    }

    #single-post-content-wrapper .release {
        font-size:  13px;
        margin-top: 0px;
        display:    block;
    }

    #single-post-content-wrapper .new-title {
        font-size: 28px;
    }

    #single-post-content-wrapper ul.duration,
    #single-video-content-wrapper ul.duration {
        float:      none;
        /* display: block; */
        margin-top: 1.2em;
        display:    flex;
    }

    #section-lightbox #single-post-content-wrapper ul.duration li p,
    #section-lightbox #single-video-content-wrapper ul.duration li p{
        color: white;
    }
    #single-post-content-wrapper ul.duration .first,
    #single-video-content-wrapper ul.duration .first {
        width: 30%;

        /** This is because we dont have the comments enabled. */
        width: auto;
    }

    #single-post-content-wrapper ul.duration .second,
    #single-video-content-wrapper ul.duration .second {
        width: 45%;

        /** This is because we dont have the comments enabled. */
        width: auto;
        padding: 0 0 0 20px;
    }

    #single-post-content-wrapper ul.duration .third,
    #single-video-content-wrapper ul.duration .third {
        width: 60%;
        width: auto;
    }

    #single-post-content-wrapper .content-wrapper {
        font-size: 14px;
    }

    div#single-video-content-wrapper ul.share {
        float:      none;
        width:      100%;
        text-align: center;
        margin:     0px;
        padding:    1em 0 1em 0;
    }

    div#single-video-content-wrapper ul.share li {
        width: 50%;
        float: left;
    }

    div#single-video-content-wrapper ul.share li:first-child {
        box-shadow: 6px 0 0 -5px rgba(0, 0, 0, 0.3);
    }

    div#single-video-content-wrapper ul.share li a {
        display:         block;
        text-align:      center;
        float:           none;
        color:           #333333 !important;
        text-decoration: none;
    }

    div#single-video-content-wrapper .video-icons,
    div#single-video-content-wrapper .general-info-2,
    div#single-video-content-wrapper.video-detail .general-info {
        background:     none;
        padding-bottom: 10px;
    }

    div#single-video-content-wrapper .video-icons,
    div#single-video-content-wrapper .general-info-2 {
        padding-bottom: 0px;
    }

    div#single-video-content-wrapper .share-buy-wrapper {
        margin-top:       10px;
        background-color: #FFFFFF;
    }

}

@media (max-width: 600px) {
    .grid-sizer, .grid-item,
    .row.other-featured-video-detail .grid-item {
        width: 100%;
    }
}

@media (max-width: 468px) {
    .full-height {
        max-height: 400px;
    }

    #single-post-content-wrapper .content {
        padding: 20px;
    }

}

@media (max-width: 400px) {
    .grid-sizer, .grid-item {
        width: 100%
    }

    .caption {
        bottom: 20px;
    }

    .caption .caption-title p, .caption-artist .caption-title p, .video-detail .title {
        font-size: 25px;
    }

    #owl-example .owl-controls .owl-pagination {
        bottom: 15px;
        right:  15px;
    }
}

.no-padding-left-md { padding-left: 0; }

@media (max-width: 991px) {
    .no-padding-left-md { padding-left: 0px; }

    section#section-lightbox #razz-content-wrapper {
        padding: 0px;
    }
}

/******************************************************/
/*.grid-item.post-razz_videos .img-div {*/
/*height:   210px;*/
/*overflow: hidden;*/
/*}*/
/*section#section-lightbox .grid-item.post-razz_videos .img-div {*/
/*height: 160px;*/
/*}*/

.main-menu-hover a {
    text-decoration: none !important;
}

/**********************************************************************************
 **       BUY/SHARE menu display
 **********************************************************************************/

a.share.display-buy-share-menu.share-menu-active:after {
    background: #FF004E;
    content:    "";
    width:      100%;
    height:     5px;
    position:   relative;
    display:    block;
    bottom:     -6px;
}

/* #########################
 this lines of code are needed
 because each block has the
 elements in different position
 */
.panel-footer-title .pop-info,
.panel-footer-type .pop-info,
.panel-footer-misc .pop-info { right: -159px; }

.panel-footer-title .pop-info.pop-info-left,
.panel-footer-type .pop-info.pop-info-left,
.panel-footer-misc .pop-info.pop-info-left { right: 22px; }

.grid-item .panel-footer .panel-footer-misc.relative .pop-info {
    top:   20px;
    right: -169px;
}

.grid-item .panel-footer .panel-footer-misc.relative .pop-info.pop-info-left {
    right: 12px;
}

.grid-item .panel-footer .panel-footer-misc.relative .pop-info.show-pop {
    top: 33px
}

.grid-item .panel-footer .panel-footer-misc.relative .pop-info.pop-info-top {
    top:    auto;
    bottom: 20px;
}

.grid-item .panel-footer .panel-footer-misc.relative .pop-info.pop-info-top.show-pop {
    bottom: 33px;
}

.grid-homepage .panel-footer .pop-info { right: -159px; }

.grid-homepage .panel-footer .pop-info.pop-info-left { right: 23px; }

/* ######################### */

.display-buy-share-menu-wrapper {
    position: relative;
}

.pop-info {
    position:           absolute;
    width:              200px;
    min-height:         30px;
    background:         #252525;
    background:         rgba(8, 8, 8, 0.92);
    background:         #202020;
    z-index:            -1;
    border-radius:      0 10px 10px 10px;
    box-shadow:         6px 6px 10px -3px rgba(22, 22, 22, 0.5);
    opacity:            0;
    top:                10px;
    overflow:           hidden;
    -webkit-transition: opacity 0.3s, top 0.3s, bottom 0.3s, z-index 0s 0.5s, height 0.3s;
    -moz-transition:    opacity 0.3s, top 0.3s, bottom 0.3s, z-index 0s 0.5s, height 0.3s;
    -ms-transition:     opacity 0.3s, top 0.3s, bottom 0.3s, z-index 0s 0.5s, height 0.3s;
    -o-transition:      opacity 0.3s, top 0.3s, bottom 0.3s, z-index 0s 0.5s, height 0.3s;
    transition:         opacity 0.3s, top 0.3s, bottom 0.3s, z-index 0s 0.5s, height 0.3s;
}
.pop-info.pop-info-left {
    border-radius: 10px 0 10px 10px;
    box-shadow:    -6px 6px 10px -3px rgba(22, 22, 22, 0.5);
}

.pop-info.pop-info-top {
    top:           auto;
    bottom:        0px;
    border-radius: 10px 10px 10px 0;
    box-shadow:    6px -6px 10px -3px rgba(22, 22, 22, 0.5);
}

.pop-info.pop-info-left.pop-info-top {
    border-radius: 10px 10px 0 10px;
    box-shadow:    -6px -6px 10px -3px rgba(22, 22, 22, 0.5);
}

.pop-info.menu-submenu-wrapper, .pop-info.menu-submenu-wrapper ul{
    border-radius:      0 0px 10px 10px !important;
}

.pop-info.show-pop {
    opacity:            1;
    top:                40px;
    z-index:            3;
    -webkit-transition: opacity 0.3s, top 0.3s, z-index 0s, height 0.3s;
    -moz-transition:    opacity 0.3s, top 0.3s, z-index 0s, height 0.3s;
    -ms-transition:     opacity 0.3s, top 0.3s, z-index 0s, height 0.3s;
    -o-transition:      opacity 0.3s, top 0.3s, z-index 0s, height 0.3s;
    transition:         opacity 0.3s, top 0.3s, z-index 0s, height 0.3s;
}

.pop-info.pop-info-top.show-pop {
    top:                auto;
    bottom:             40px;
    -webkit-transition: opacity 0.3s, top 0s, bottom 0.3s, z-index 0s, height 0.3s;
    -moz-transition:    opacity 0.3s, top 0s, bottom 0.3s, z-index 0s, height 0.3s;
    -ms-transition:     opacity 0.3s, top 0s, bottom 0.3s, z-index 0s, height 0.3s;
    -o-transition:      opacity 0.3s, top 0s, bottom 0.3s, z-index 0s, height 0.3s;
    transition:         opacity 0.3s, top 0s, bottom 0.3s, z-index 0s, height 0.3s;
}

.pop-info .loading {
    margin-top: 10px; color: white;
}

.display-buy-share-menu-wrapper .pop-info.pop-info-left {
    right: 0;
}

.display-buy-share-menu-wrapper .display-buy-share-menu.share-menu-active:after {
    content:    " ";
    max-width:  140px;
    height:     5px;
    background: #FF004E;
    position:   absolute;
    left:       0;
    bottom:     -18px;
    width:      100%;
}

ul.share-menu-list {
    margin:             0px;
    padding:            0px;
    opacity:            1;
    z-index:            1;
    position:           relative;
    text-align:         left;
    -webkit-transition: transform 0.2s, opacity 0.2s;
    -moz-transition:    transform 0.2s, opacity 0.2s;
    -ms-transition:     transform 0.2s, opacity 0.2s;
    -o-transition:      transform 0.2s, opacity 0.2s;
    transition:         transform 0.2s, opacity 0.2s;
    border-radius:      0 10px 10px 10px;
    background:         #202020;
    overflow:           hidden;
    box-shadow:         6px 6px 10px -3px rgba(22, 22, 22, 0.5);
}
.pop-info-left ul.share-menu-list {
    border-radius: 10px 0 10px 10px;
}
.pop-info-top ul.share-menu-list {
    border-radius: 10px 10px 10px 0;
}
.pop-info-top.pop-info-left ul.share-menu-list {
    border-radius: 10px 10px 0 10px;
}


ul.share-menu-list li.share-menu-li {
    display:            block;
    font-weight:        100;
    box-shadow:         0px 1px rgba(255, 255, 255, 0.1);
    -webkit-transition: background-color 0.15s;
    -moz-transition:    background-color 0.15s;
    -ms-transition:     background-color 0.15s;
    -o-transition:      background-color 0.15s;
    transition:         background-color 0.15s;
}

ul.share-menu-list li.share-menu-li a {
    text-decoration: none;
}

ul.share-menu-list li.share-menu-li span.text {
    color:           white;
    font-size:       13px;
    display:         block;
    text-decoration: none !important;
    cursor:          pointer;
    padding-left:    50px;
    line-height:     3.5em;
    text-transform:  capitalize;
}

ul.share-menu-list li.share-menu-li span.custom-icons {
    float:       left;
    line-height: 3em;
    clear: left;
    color: white;
    margin-left: 12px;
    font-size: 15px;
}

ul.share-menu-list li.share-menu-li span.custom-icons.icon-dots {
    float:    none;
    position: absolute;
    right:    10px;
    top:      0;
}

ul.share-menu-list li.share-menu-li:hover {
    background-color: #FF004E;
}

ul.share-menu-nested {
    position:          absolute;
    left:              0;
    top:               0;
    right:             0;
    z-index:           0;
    -webkit-transform: translateX(70%);
    -moz-transform:    translateX(70%);
    -ms-transform:     translateX(70%);
    -o-transform:      translateX(70%);
    transform:         translateX(70%);
    opacity:           0;
}

ul.share-menu-list.move-out-left {
    opacity:           0;
    -webkit-transform: translateX(-20%);
    -moz-transform:    translateX(-20%);
    -ms-transform:     translateX(-20%);
    -o-transform:      translateX(-20%);
    transform:         translateX(-20%);
}

ul.share-menu-list.move-in-left {
    opacity:                  1;
    -webkit-transform:        translateX(0%);
    -moz-transform:           translateX(0%);
    -ms-transform:            translateX(0%);
    -o-transform:             translateX(0%);
    transform:                translateX(0%);
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay:    0.15s;
    -ms-transition-delay:     0.15s;
    -o-transition-delay:      0.15s;
    transition-delay:         0.15s;
    z-index:                  1;
}

body.is-mobile .pop-info{
    display: none;
}

div#pop-info-mobile{
    display: none;
}
body.is-mobile div#pop-info-mobile {
    position: fixed;
    bottom: -220px;
    left: 0;
    right: 0;
    z-index: 2;
    display: block;
    background: #202020;
    transition: all 0.3s;
    min-height: 80px;
}
body.is-mobile div#pop-info-mobile.show-pop {
    bottom: 0;
}
body.is-mobile div#pop-info-mobile #pop-info-mobile-content{
    display: none;
}
body.is-mobile div#pop-info-mobile.content-loaded #pop-info-mobile-content{
    display: block;
}
body.is-mobile div#pop-info-mobile.content-loaded .loading{
    display: none;
}

body.is-mobile #pop-info-mobile ul.share-menu-list li.share-menu-li span.text,
body.is-mobile #pop-info-mobile ul.share-menu-list li.share-menu-li span.custom-icons {
    font-size: 16px;
}

@media (max-width: 768px) {
    /*.pop-info {*/
        /*position:      fixed;*/
        /*bottom:        -20px !important;*/
        /*top:           auto !important;*/
        /*left:          0 !important;*/
        /*right:         0 !important;*/
        /*border-radius: 0px !important;*/
        /*width:         100%;*/
    /*}*/

    /*.pop-info.show-pop {*/
        /*bottom: 0 !important;*/
    /*}*/
}


div#loader,div#search-wrapper {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(27, 27, 27, 0.88);
    /* display: none; */
    opacity: 0;
    -webkit-transition: z-index 0s, opacity 0.06s;
    -moz-transition: z-index 0s, opacity 0.06s;
    -ms-transition: z-index 0s, opacity 0.06s;
    -o-transition: z-index 0s, opacity 0.06s;
    transition: z-index 0s, opacity 0.06s;
    z-index: -10;
}
div#loader.display,div#search-wrapper.display {
    opacity: 1;
    z-index: 20;
    transition: z-index 0.06s, opacity 0.06s;
}
.loading-animation {
    width: 100px;
    margin: 0 auto 0;
    height: 100px;
    border-radius: 100%;
    border: 2px solid rgba(154, 154, 154, 0.5);
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;

    -webkit-animation:infiniteAnimation 1s 0ms infinite normal ease-in backwards;
    -o-animation:infiniteAnimation 1s 0ms infinite normal ease-in backwards;
    animation:infiniteAnimation 1s 0ms infinite normal ease-in backwards;
}
.loading-animation:before {
    position: absolute;
    content: " ";
    top: -2px;
    right: -2px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 2px solid #FF004E;
    border-width: 1px 0px 1px 2px;

    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    -moz-transform: rotate3d(0, 0, 0, 0deg);
    -ms-transform: rotate3d(0, 0, 0, 0deg);
    -o-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
    -webkit-transform-origin:center center;
    -moz-transform-origin:center center;
    -ms-transform-origin:center center;
    -o-transform-origin:center center;
    transform-origin:center center;
}
.loading-animation.loading-div,
.loading-animation.loading-div:before{
    width: 60px;
    height: 60px;
}

body.is-mobile div#pop-info-mobile .loading-animation,
body.is-mobile div#pop-info-mobile .loading-animation:before {
    width: 50px;
    height: 50px;
}
body.is-mobile div#pop-info-mobile .loading-animation{
    top: 20%;
}

.pop-info .loading-animation,
.pop-info .loading-animation:before{
    width: 20px;
    height: 20px;
}

.pop-info .loading-animation {
    top: 15%;
    margin-top: 0px;
}

.loading-animation.loading-div{
    top: 10%;
}
.main-menu-hover .loading-animation.loading-div{
    top: 30%;
}

@-moz-keyframes infiniteAnimation {
    /*0%   { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}*/
    100% { -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);}
}
@-webkit-keyframes infiniteAnimation {
    /*0%   { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}*/
    100% { -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes infiniteAnimation {
    /*0%   { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}*/
    100% { -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);}
}


.animation-x{
    -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s;
}

@media (max-width: 768px) {
    .loading-div.loading-animation, .loading-div.loading-animation:before {
        height: 30px;
        width: 30px;
    }

    .main-menu-hover .loading-div.loading-animation,
    .main-menu-hover .loading-div.loading-animation:before {
        height: 40px;
        width: 40px;
    }
    .main-menu-hover .loading-animation.loading-div{
        top: 20%;
    }
}





/****************************** SUBMENUS *****************************/



body.is-mobile .pop-info.menu-submenu-wrapper{
    position: fixed;;
    top: auto !important;
    bottom: 0px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-height: 100px;
    max-height: 200px;
    border-radius: 0px !important;
    display: block !important;
}

.submenu-entry-menu-wrapper{
    position: relative;
}

.menu-submenu-wrapper{
    position: absolute;
    display: block;
    width: 230px;
    height: 0px;
    overflow: auto;
    -webkit-transition: height 0.15s, top 0s !important;
    -moz-transition:    height 0.15s, top 0s !important;
    -ms-transition:     height 0.15s, top 0s !important;
    -o-transition:      height 0.15s, top 0s !important;
    transition:         height 0.15s, top 0s !important;
}
.menu-submenu-wrapper.menu-submenu-wrapper-display{
    display: block;
    opacity:1;
    z-index: 1;
    max-height: 200px;
    height: auto;
}

.menu-submenu-wrapper ul.submenu-entry-menu{
    padding: 0;
    margin:0;
}
.menu-submenu-wrapper ul.submenu-entry-menu li {
    display: block;
    padding:0;
    margin: 0;

    box-shadow: 0px 1px rgba(255, 255, 255, 0.1);
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    -ms-transition: background-color 0.15s;
    -o-transition: background-color 0.15s;
    transition: background-color 0.15s;

}
.menu-submenu-wrapper ul.submenu-entry-menu li a{
    display: block;
    padding: 0 0 0 15px;
    color: white;
    margin: 0;
    text-decoration: none !important;
    font-weight: 100;
    line-height: 3.2em;
    font-size: 14px;
}
.menu-submenu-wrapper ul.submenu-entry-menu li:hover a,
.menu-submenu-wrapper ul.submenu-entry-menu li:focus a {
    /*color: #FF004E;*/
}
.menu-submenu-wrapper ul.submenu-entry-menu li:hover,
.menu-submenu-wrapper ul.submenu-entry-menu li a.second-menu-active {
    background-color: #FF004E;
}





/***************************      NO RESULTS     **************************/
.no-result-inner.no-result-filter {
    text-align: center;
    min-height: 350px;
    padding-top: 20px;
}
.no-result-inner.no-result-filter h2 {
    font-size: 70px;
}






/***************************      SEARCH     **************************/
div#search-wrapper {
    top: 60px;
    padding-top: 20px;
    background: rgba(27,27,27,0.95);
}

#search-header{
    position: relative;
}
#search-header .close {
    top: 23px !important;
    position: absolute;
    right: 15px;
    width: 30px;
    opacity: 0.8;
}
#search-header input#search-input {
    width: 100%;
    background: none;
    border-width: 0 0 1px 0;
    border-radius: 0;
    font-size: 3em;
    line-height: 1em;
    color: white;
    font-weight: 100;
    font-family: "proxima-nova-extra-condensed",sans-serif;
    text-transform: uppercase;
    vertical-align: bottom;
    padding: 5px 0 0 15px;
}


div#search-elements {
    margin-top: 30px;
}
div#search-elements .search-item{
    opacity:1;
    min-height:100px;
    margin-bottom: 1em;
}
div#search-elements .search-item img{
    width:100%;
}
div#search-elements .search-item .artist-name {
    bottom: 20px;
    display: block;
    color: #FFFFFF;
    font-size: 2em;
    text-transform: uppercase;
    left: 15px;
    right: 15px;
    overflow: hidden;
    line-height: 1em;
    position: absolute;
    font-weight: 100;
}
div#search-elements .search-item .overlay:before{
    content: " ";
    position: absolute;
    bottom: 0;
    height: 70%;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

div#search-wrapper #search-no-result{
    display: none;
    margin: 0 auto;
    text-align: center;
    color: white;
}
div#search-wrapper.no-result #search-no-result {
    display: block;
}

#search-no-result h2 {
    font-size: 50px;
}

@media (max-width: 1200px) {

    div#search-elements .search-item {
        width: 33.33333%;
    }

    #search-no-result h2 {
        font-size: 44px;
    }

}
@media (max-width: 991px) {
    #search-no-result h2 {
        font-size: 38px;
    }
}
@media (max-width: 768px) {
    div#search-elements .search-item {
        width: 50%;
    }
    #search-no-result h2 {
        font-size: 30px;
    }
    .search-menu-element.pull-right{ float: none !important; }
}

/* FORM BUILDER MIGRATIONS: PUSH - DCS: 2018-12-12 */
.blocker {
    z-index: 999!important;
}
.ae-cform-item {
    margin: 0 0 0 0;
}

.optin, .ae-cform-optin-label, .ae-cform-signin-button {
    color: #FFF;
}

.ae-cform-optin {
    text-align: center;
}