.artist header nav ul li a,a,a.btn,body>header nav ul li a,footer a{
    text-decoration:none
}
body,html{
    margin:0;
    padding:0;
    font-family:'Source Sans Pro',sans-serif;
    font-weight:100;
    font-size:10px
}
body{
    display:flex;
    flex-direction:column;
    height:100vh
}
*,:after,:before{
    box-sizing:border-box
}
.legal{
    font-size:1.8rem
}
main{
    flex:1 0 auto
}
small{
    font-size:1rem
}
#video-bg{
    position:relative;
    max-height:500px;
    overflow:hidden
}
#video-bg .player-controls{
    position:absolute;
    top:0;
    right:0;
    z-index:100;
    padding:1rem;
    cursor:pointer;
    transition:all .5s;
    -webkit-transform:all .5s;
    opacity:0;
    pointer-events:none
}
#video-bg .player-controls button{
    background:0 0;
    border:none;
    color:#fff;
    cursor:pointer;
    font-size:2rem
}
#video-bg a{
    position:static!important;
    margin:0 .5rem;
    display:inline-block
}
#video-bg:before{
    content:"";
    background:rgba(0,0,0,.5);
    width:100%;
    height:100%;
    z-index:50;
    position:absolute;
    transition:all .5s;
    -webkit-transition:all .5s
}
#video-bg #player-wrapper{
    position:relative;
    padding-bottom:56.25%;
    height:0
}
#video-bg #player-wrapper #player{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
#video-bg .content{
    position:absolute;
    top:0;
    opacity:1;
    z-index:100;
    width:100%;
    height:100%;
    color:#fff;
    transition:all .5s;
    -webkit-transition:all .5s;
    text-align:center
}
#cart,#video-bg a,a.btn{
    transition:all .5s;
    text-transform:uppercase
}
#video-bg .content .wrapper{
    position:static
}
#video-bg .content .wrapper .inner-wrapper{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
#video-bg .content h1,#video-bg .content h2,#video-bg .content p{
    color:#fff
}
#video-bg .content h1{
    font-family:'Josefin Sans',sans-serif;
    font-size:12rem;
    display:block;
    text-transform:uppercase;
    margin:0
}
@media (max-width:1300px){
    #video-bg .content h1{
        font-size:9vw
    }
}
#video-bg .content p{
    font-size:1.6rem
}
#video-bg .content #umute{
    cursor:pointer;
    color:#00d2e9;
    border:none;
    background:0 0;
    font-size:2.5rem;
    border-radius:100%;
    -webkit-border-radius:100%;
    text-align:center;
    display:inline-block;
    margin:1rem auto;
    vertical-align:middle
}
#video-bg.playing:before{
    background:0 0
}
#video-bg.playing .content{
    opacity:0;
    pointer-events:none
}
#video-bg.playing .player-controls{
    opacity:1;
    pointer-events:auto
}
@font-face{
    font-family:icomoon;
    src:url(https://f9.limitedrun.com/fonts/179/icomoon.eot?fw4b6n);
    src:url(https://f9.limitedrun.com/fonts/179/icomoon.eot?fw4b6n#iefix) format("embedded-opentype"),url(https://f9.limitedrun.com/fonts/178/icomoon.ttf?fw4b6n) format("truetype"),url(https://f9.limitedrun.com/fonts/181/icomoon.woff?fw4b6n) format("woff"),url(https://f9.limitedrun.com/fonts/180/icomoon.svg?fw4b6n#icomoon) format("svg");
    font-weight:400;
    font-style:normal
}
@-webkit-keyframes marquee{
    from{
        transform:translateX(0);
        -webkit-transform:translateX(0)
    }
    to{
        -webkit-transform:translateX(-100%)
    }
}
@keyframes marquee{
    from{
        transform:translateX(0)
    }
    to{
        transform:translateX(-100%)
    }
}
[class*=" icon-"],[class^=icon-]{
    font-family:icomoon!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
#cart,#video-bg a,.add-to-cart-btn,.split-hero h1,body>header nav ul li a{
    font-family:'Josefin Sans',sans-serif
}
.icon-bandcamp:before{
    content:"\e900"
}
.icon-sooper:before{
    content:"\e901";
    color:#fff
}
.icon-arrow-left:before{
    content:"\e908";
    color:#fff
}
.icon-arrow-right:before{
    content:"\e909";
    color:#fff
}
.icon-arrow_drop_down:before{
    content:"\e905"
}
.icon-instagram:before{
    content:"\e907"
}
.icon-play:before{
    content:"\e906"
}
.icon-pause:before{
    content:"\e902"
}
.icon-jump-left:before{
    content:"\e903"
}
.icon-jump-right:before{
    content:"\e904"
}
.icon-facebook:before{
    content:"\ea90"
}
.icon-spotify:before{
    content:"\ea94"
}
.icon-twitter:before{
    content:"\ea96"
}
.icon-stop:before{
    content:"\ea1e"
}
.icon-volume-medium:before{
    content:"\ea27"
}
.icon-plus:before{
    content:"\ea0a"
}
.icon-cross:before{
    content:"\ea0f"
}
.icon-youtube:before{
    content:"\ea9d"
}
#product-cta:after,.social ul li a:after,body>header nav ul li a:after{
    content:""
}
a{
    color:#fff
}
a.btn{
    text-align:center;
    padding:1rem 2rem;
    font-size:1.4rem;
    border-radius:5px;
    -webkit-transition:all .5s;
    color:#00d2e9;
    border:1px solid #00d2e9;
    background:rgba(17,122,125,.05)
}
a.btn:hover{
    background:rgba(17,122,125,0)
}
.logo-container{
    max-width:180px;
    margin:0 auto
}
@media (max-width:767px){
    .logo-container{
        max-width:140px
    }
}
.logo-container a{
    display:block
}
p{
    color:#000
}
.logo-sequence{
    background:url(https://s9.limitedrun.com/images/1272014/logo-sprite.png) repeat-x;
    background-size:2800%;
    display:inline-block;
    padding:15.25% 0;
    font-size:0;
    width:100%
}
.wrapper{
    max-width:1280px;
    margin:0 auto;
    position:relative
}
.wrapper.bg{
    padding-left:2rem!important;
    padding-right:2rem!important;
    max-width:1320px
}
#about .left,#about .right{
    max-width:320px;
    margin-bottom:2rem;
    width:100%
}
#about{
    font-size:1.8rem
}
#about .left{
    float:left;
    margin-right:2rem
}
#about .right{
    float:right;
    margin-left:2rem
}
#about img{
    width:100%
}
#cart,#video-bg a{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    cursor:pointer;
    margin-top:1rem;
    background:#fff;
    color:#1e28e9;
    padding:1.3rem 3.25rem 1rem;
    font-size:1.2rem;
    -webkit-transition:all .5s
}
#cart:hover{
    background:rgba(255,255,255,.8)
}
section{
    padding:2rem
}
body{
    padding-top:9.7rem
}
@media (max-width:767px){
    #cart,#video-bg a{
        top:100%;
        padding:.5rem .5rem .3rem;
        font-size:1rem;
        margin-top:0
    }
    body{
        padding-top:9.5rem
    }
}
body>header{
    position:fixed;
    top:0;
    z-index:1000;
    width:100%;
    padding:2rem;
    -webkit-box-shadow:-2px 8px 20px -10px rgba(0,0,0,.75);
    -moz-box-shadow:-2px 8px 20px -10px rgba(0,0,0,.75);
    box-shadow:-2px 8px 20px -10px rgba(0,0,0,.75);
    background:#1e28e9
}
body>header .social{
    padding:0;
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    font-size:1.2rem
}
@media (max-width:567px){
    #about .left,#about .right{
        max-width:100%;
        margin-left:0;
        margin-right:0
    }
    body>header .social{
        position:static;
        padding-top:.5rem;
        display:none
    }
}
body>header .social ul li a{
    padding:0 .3rem
}
body>header nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
@media (max-width:767px){
    body>header{
        padding:1rem 2rem 2rem
    }
    body>header .wrapper{
        padding-bottom:2rem
    }
    body>header nav{
        top:100%
    }
}
body>header nav ul{
    margin:0;
    padding:0
}
body>header nav ul li{
    display:inline-block
}
body>header nav ul li a{
    display:block;
    padding:2rem 1rem;
    line-height:1;
    font-size:1.2rem;
    font-weight:100;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.1rem;
    transition:all .5s;
    -webkit-transition:all .5s
}
body>header nav ul li:first-child a{
    padding-left:0
}
body>header nav ul li a:after{
    width:0%;
    height:1px;
    display:block;
    background:rgba(255,255,255,0);
    transition:all .5s;
    -webkit-transition:all .5s;
    margin:0 auto
}
#new-releases ul li,#product-cta .left,#product-cta .right,#product-cta p a span,.split-hero .left,.split-hero .right,.split-hero ul,.split-hero ul li,footer .left,footer .right,footer .right nav ul li,footer form input,footer form label,footer nav a,footer ul li a:after{
    display:inline-block
}
body>header nav ul li a:hover{
    color:rgba(255,255,255,.8)
}
footer,footer form input:last-child:hover{
    color:#fff
}
body>header nav ul li a:hover:after{
    width:100%;
    background:#fff
}
footer{
    background:#000;
    padding:2rem;
    font-size:0
}
footer .logo-container{
    margin:0 0 1rem;
    max-width:120px
}
footer a{
    transition:all .5s;
    -webkit-transition:all .5s
}
footer a:hover{
    color:#00d2e9
}
footer nav a{
    margin-right:1rem
}
footer nav a{
    margin-left:1rem
}
footer .left,footer .right{
    vertical-align:top;
    width:50%;
    font-size:1.4rem
}
@media (max-width:600px){
    footer .left,footer .right{
        width:100%;
        text-align:center
    }
    footer .left .info{
        padding-top:2rem
    }
}
footer .right{
    text-align:right
}
@media (max-width:600px){
    footer .right{
        text-align:center
    }
    footer .right nav{
        position:absolute;
        top:0;
        right:0
    }
    footer .right .social{
        position:absolute;
        top:3rem;
        right:0;
        padding:0
    }
}
#product-cta h1,.split-hero .right{
    text-align:left
}
footer .right nav ul{
    margin:0
}
footer ul li a:after{
    content:"|";
    padding:0 5px 0 10px;
    color:rgba(255,255,255,.2)
}
footer ul li:last-child a{
    margin-right:0
}
footer ul li:last-child a:after{
    display:none
}
footer form label{
    color:#ccc;
    font-size:12px;
    letter-spacing:.01em;
    width:279px;
    text-align:right;
    padding-bottom:5px
}
footer form input:first-child{
    padding:.5rem 1rem;
    border:none;
    font-size:1.2rem;
    -webkit-border-radius:0;
    -webkit-border-top-left-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius:0;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-bottomleft:10px;
    border-radius:10px 0 0 10px
}
footer form input:last-child{
    background:#117E7F;
    color:rgba(255,255,255,.75);
    border:none;
    padding:.6rem 1rem;
    -webkit-border-radius:10px;
    -webkit-border-top-left-radius:0;
    -webkit-border-bottom-left-radius:0;
    -moz-border-radius:10px;
    -moz-border-radius-topleft:0;
    -moz-border-radius-bottomleft:0;
    border-radius:0 10px 10px 0;
    cursor:pointer;
    transition:all .5s;
    -webkit-transition:all .5s;
    letter-spacing:.1rem
}
#product-cta p a,#sampler a{
    border:2px solid #fff;
    font-weight:700;
    transition:all .5s
}
.mailing-signup,.social{
    padding-top:2rem
}
.social ul{
    margin:0;
    padding:0
}
.social ul li{
    display:inline-block
}
.split-hero{
    font-size:0
}
.split-hero .left,.split-hero .right{
    width:50%;
    font-size:1.6rem;
    vertical-align:middle
}
.split-hero .left{
    padding-right:6rem
}
.split-hero ul{
    margin:0;
    padding:0;
    font-size:0
}
.split-hero ul li{
    width:50%
}
.split-hero ul li img{
    width:100%
}
.split-hero h1{
    font-size:4rem;
    margin:0;
    font-weight:700;
    text-transform:uppercase;
    color:#1D4B69
}
.split-hero p{
    font-size:2rem;
    padding:1rem 0 3rem;
    margin:0
}
.split-hero iframe{
    height:500px
}
@media (max-width:767px){
    .split-hero .left,.split-hero .right{
        width:100%;
        padding:2rem 0
    }
}
#new-releases{
    text-align:center;
    font-size:0
}
#new-releases h2{
    font-size:4rem;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.1rem
}
#new-releases ul{
    margin:0 auto;
    max-width:800px;
    padding:0
}
#new-releases ul li{
    width:25%;
    padding:2rem 1rem;
    vertical-align:top;
    font-size:1.6rem;
    text-align:left
}
@media (max-width:600px){
    footer form label{
        text-align:center
    }
    #new-releases ul li{
        width:50%
    }
}
#new-releases ul li img{
    width:100%;
    -webkit-box-shadow:3px 2px 23px -1px rgba(0,0,0,.75);
    -moz-box-shadow:3px 2px 23px -1px rgba(0,0,0,.75);
    box-shadow:3px 2px 23px -1px rgba(0,0,0,.75)
}
#new-releases ul li h3{
    font-size:1.4rem;
    margin:0;
    color:#fff;
    letter-spacing:.05rem
}
#new-releases ul li h3 span{
    display:block;
    font-size:1.4rem
}
#product-cta{
    background-image:url(https://s9.limitedrun.com/images/1274694/floral.jpg);
    background-size:180px;
    position:relative;
    font-size:0
}
#product-cta:after{
    background:rgba(62,47,82,.6);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
#product-cta h1{
    font-size:6rem;
    color:#00ffbd;
    text-transform:uppercase
}
@media (max-width:930px){
    #product-cta h1{
        font-size:6vw
    }
}
#product-cta .wrapper{
    z-index:100;
    position:relative
}
#product-cta .left,#product-cta .right{
    width:50%;
    font-size:1.4rem;
    vertical-align:top
}
@media (max-width:620px){
    #product-cta .left,#product-cta .right{
        width:100%
    }
}
#product-cta .left{
    text-align:right
}
#product-cta .left h1{
    text-align:right;
    line-height:1;
    padding-bottom:.5rem
}
#product-cta .right{
    text-align:left
}
@media (max-width:767px){
    #product-cta .left,#product-cta .right{
        text-align:center
    }
    #product-cta .left h1,#product-cta .right h1{
        text-align:center;
        font-size:10vw;
        margin:0 0 1rem
    }
    #product-cta .left a,#product-cta .right a{
        font-size:1.6rem;
        width:100%
    }
    #product-cta .right{
        margin-top:2rem
    }
    #product-cta .right img{
        width:70%
    }
    #intro .wrapper{
        display:flex;
        flex-wrap:wrap-reverse
    }
}
#product-cta p{
    margin:0
}
#product-cta p a{
    color:#fff;
    font-size:2rem;
    text-transform:uppercase;
    letter-spacing:.1rem;
    -webkit-transition:all .5s;
    padding:.5rem 1rem;
    background:rgba(0,0,0,.25)
}
@media (max-width:930px){
    #product-cta p a{
        font-size:2.25vw
    }
}
#product-cta p a:hover{
    color:rgba(255,255,255,.8)
}
#product-cta p a span{
    vertical-align:middle;
    margin-top:-3px
}
#product-cta h3{
    font-size:4rem;
    padding-bottom:2rem;
    text-transform:uppercase
}
#product-cta .btn{
    font-size:4rem
}
#product-cta img{
    width:100%;
    max-width:300px
}
.divider{
    opacity:.25
}
#sampler a,.store nav ul li{
    display:inline-block;
    text-transform:uppercase
}
#intro h1{
    font-size:6rem;
    color:#281ee9
}
@media (max-width:968px){
    #intro h1{
        font-size:6vw
    }
}
#intro p{
    font-weight:700
}
@media (max-width:767px){
    #intro h1{
        font-size:9vw
    }
    #intro p{
        font-size:1.6rem;
        padding-bottom:0
    }
}
#intro .left a img{
    transition:all .25s;
    -webkit-transition:all .25s
}
#intro .left a:hover img{
    transform:scale(1.025);
    -webkit-transform:scale(1.025)
}
#sampler{
    background:#00d2e9
}
#sampler h1{
    font-size:6rem;
    color:#ff6096
}
@media (max-width:1300px){
    #sampler h1{
        font-size:4.25vw
    }
}
#sampler p{
    font-weight:700;
    color:#191919
}
#sampler a{
    color:#fff;
    text-align:center;
    padding:.5rem;
    -webkit-transition:all .5s
}
#sampler a:hover{
    opacity:.8;
    -webkit-opacity:.8
}
@media (max-width:767px){
    #sampler h1{
        font-size:8vw
    }
    #sampler p{
        font-size:1.6rem;
        padding-bottom:0
    }
    #sampler a{
        margin-top:2rem
    }
}
.store nav{
    background:#000;
    width:100%
}
.store nav ul{
    margin:0;
    text-align:center;
    padding:2rem 0
}
.store nav ul li{
    font-size:1.4rem
}
.store nav ul li.active a{
    color:#00ced1
}
.store nav ul li a{
    padding:1rem 0;
    transition:all .5s
}
.store nav ul li a:hover{
    color:#00d2e9
}
.store nav ul li:last-child a:after{
    display:none
}
.store nav ul li a:after{
    content:"|";
    margin:0 1rem;
    color:rgba(255,255,255,.25)
}
#product .product-info:after,.artist header:before,.select-wrapper:after{
    content:""
}
@media (max-width:600px){
    .store nav ul li{
        font-size:1.2rem
    }
    .store nav ul li a:after{
        margin:0 .5rem
    }
}
nav.pagination{
    width:100%;
    background:0 0
}
nav.pagination span{
    color:#232323;
    font-size:1.4rem;
    display:inline-block
}
nav.pagination span.current{
    padding:1rem
}
nav.pagination a{
    color:#232323;
    display:block;
    transition:all .5s;
    -webkit-transition:all .5s;
    padding:1rem
}
.next,.prev{
    width:100px
}
nav.pagination .inactive{
    opacity:0;
    -webkit-opacity:0
}
nav.pagination span a:hover,nav.pagination span.current,nav.pagination span.current a{
    color:#00d2e9
}
#product-grid{
    padding:2rem;
    text-align:center
}
#product-grid .product{
    text-align:left;
    display:inline-block;
    width:160px;
    vertical-align:top;
    margin:1rem
}
#artists,#notfound{
    text-align:center
}
@media (max-width:600px){
    #product-grid .product{
        width:140px
    }
}
#product-grid .product .image{
    width:100%;
    display:block;
    height:160px;
    margin:0 auto;
    background-size:cover
}
#product-grid .product .info{
    color:#232323
}
#product-grid .product h2,#product-grid .product h3{
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin:0;
    line-height:1;
    display:block
}
#product-grid .product h2:hover,#product-grid .product h3:hover{
    text-overflow:ellipsis;
    overflow:hidden
}
#product-grid .product h2{
    font-size:1.2rem;
    padding:.5rem 0;
    font-weight:400
}
#product-grid .product h3{
    font-size:1.4rem;
    padding-bottom:.5rem
}
#product{
    font-size:0
}
#product section{
    font-size:1.6rem;
    padding-bottom:0;
    width:50%
}
#product section a{
    color:#00ced1
}
#product section a:hover{
    color:rgba(0,206,209,.8)
}
#product .additional-info{
    font-size:0;
    padding:1rem 0;
    background:#140032
}
#product .additional-info h3,#product .additional-info p{
    margin:0 0 1rem;
    color:#fff
}
#product .additional-info section{
    width:50%;
    display:inline-block;
    vertical-align:top
}
@media (max-width:600px){
    #product-grid .product .image{
        height:140px
    }
    #product .additional-info section{
        width:100%
    }
}
#product .main,#product aside{
    display:inline-block;
    font-size:1rem;
    vertical-align:top;
    position:relative
}
#product #soundcloud,#product aside img{
    width:100%
}
#product #soundcloud iframe{
    height:50rem
}
#product aside{
    width:220px;
    padding:1rem
}
#product select{
    -webkit-appearance:none;
    border-radius:0;
    padding:.5rem 2rem .5rem 1rem;
    cursor:pointer;
    background:#fff
}
#product-images{
    margin:0 1rem 0 0;
    padding:0;
    font-size:0;
    display:inline-block;
    z-index:100;
    width:100%;
    max-width:60px;
    position:relative
}
#product-images li{
    display:block;
    width:100%;
    margin-bottom:.5rem
}
#product-images li a{
    display:block
}
#product-images li .active{
    border:1px solid #000
}
#product h1,#product h2{
    margin:0;
    line-height:1
}
#product h1{
    font-weight:100;
    padding:.25rem 0
}
#product h2{
    padding:.25rem 0 .5rem
}
#product .product-info{
    position:relative;
    background-size:cover;
    background-position:center
}
#product .product-info:after{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,.85)
}
#product .product-info.merch:after{
    background:#fff
}
#product .product-info.merch .album-details,#product .product-info.merch .album-details p,#product .product-info.merch .product-options,#product .product-info.merch .product-options p{
    color:#000
}
#product .product-info img,#product .product-info select{
    width:100%
}
#product .product-info h1{
    font-size:1.4rem
}
#product .product-info h2{
    font-size:1.6rem
}
#product .main{
    width:calc(100%)
}
.add-to-cart-btn{
    background:#ff0064;
    color:#fff;
    padding:1.3rem 2rem 1rem;
    border-radius:0;
    border:none;
    text-transform:uppercase;
    cursor:pointer;
    transition:all .5s;
    -webkit-transition:all .5s;
    display:block
}
.add-to-cart-btn:hover{
    background:rgba(255,0,100,.8)
}
.select-wrapper{
    position:relative;
    margin:1rem 0
}
.select-wrapper:after{
    position:absolute;
    right:5px;
    top:50%;
    width:0;
    height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:8px solid #000;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    pointer-events:none
}
.product-image{
    width:100%;
    max-width:300px
}
@media (max-width:767px){
    .product-image{
        width:calc(100% - 400px)
    }
}
@media (max-width:600px){
    .product-image{
        width:calc(100% - 150px);
        max-width:1000px;
        margin-bottom:1rem
    }
}
.product-image,.product-options{
    display:inline-block;
    vertical-align:top;
    position:relative;
    z-index:100
}
.product-options{
    color:#fff;
    padding-left:1rem;
    max-width:360px
}
@media (max-width:800px){
    .product-options{
        max-width:320px
    }
}
@media (max-width:600px){
    .product-options{
        padding-left:0
    }
}
.product-info{
    padding:2rem
}
.album-details{
    position:relative;
    z-index:1000;
    color:#fff;
    padding-top:2rem;
    border-top:1px rgba(255,255,255,.5) solid;
    margin-top:2rem
}
.album-details h3{
    margin:0;
    letter-spacing:.06rem;
    font-size:1.4rem;
    line-height:1
}
.album-details p{
    color:#fff;
    margin:1rem 0;
    font-size:1.4rem;
    letter-spacing:.05rem
}
#notfound,#order{
    font-size:1.8rem
}
#notfound a,#order a{
    color:#00d2e9;
    font-weight:strong
}
.artist header h1,.artist header nav ul li a{
    font-weight:100;
    text-transform:uppercase;
    letter-spacing:.05em
}
#order{
    text-align:left
}
#artists{
    font-size:0
}
#artists .artist{
    display:inline-block;
    text-align:left;
    padding:1rem;
    max-width:160px;
    vertical-align:top
}
#artists .artist a{
    width:140px;
    height:140px;
    background-size:cover;
    display:inline-block;
    background-position:top center
}
#artists .artist h2{
    font-size:1.2rem;
    margin:.5rem 0
}
.display-image{
    padding:50%;
    background-position:top center;
    background-size:contain;
    background-repeat:no-repeat;
    display:block
}
.artist header{
    position:relative;
    width:100%;
    overflow:hidden
}
.artist header:before{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.75);
    z-index:1
}
.artist header .background{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    z-index:0;
    -webkit-filter:blur(6px);
    -moz-filter:blur(6px);
    -o-filter:blur(6px);
    -ms-filter:blur(6px);
    filter:blur(6px)
}
.artist header .wrapper{
    position:relative;
    padding:4rem 0;
    z-index:5
}
.artist header .wrapper .left{
    display:inline-block
}
.artist header .wrapper .left .profile-image{
    width:175px;
    height:175px;
    background-size:cover;
    background-position:center;
    -webkit-border-radius:100px;
    border-radius:100px;
    background-clip:padding-box;
    vertical-align:top
}
.artist header .wrapper .right{
    display:inline-block;
    vertical-align:top;
    padding-left:10px
}
@media (max-width:767px){
    .artist header .wrapper .left,.artist header .wrapper .right{
        width:100%;
        text-align:center
    }
    .artist header .wrapper .left .profile-image{
        margin:0 auto
    }
}
.artist header .wrapper .social{
    margin:0;
    padding:2rem 0 0
}
.artist header .wrapper .social li{
    display:inline-block;
    margin-right:1rem
}
.artist header .wrapper .social li a{
    display:block;
    color:#fff;
    font-size:2rem;
    text-decoration:none;
    -moz-transition:color .5s;
    -o-transition:color .5s;
    -webkit-transition:color .5s;
    transition:color .5s
}
.artist header .wrapper .social li a:hover{
    color:#00d2e9
}
.artist header nav ul{
    padding:0;
    margin:0;
    text-align:center
}
.artist header nav ul li{
    display:inline-block
}
.artist header nav ul li a{
    color:#fff;
    font-size:18px;
    display:block;
    padding:20px 30px 0;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    -webkit-transition:all .5s;
    transition:all .5s
}
.artist header nav ul li a:hover{
    color:#00d2e9
}
.artist header h1{
    color:#fff;
    font-family:oswald;
    margin:0;
    font-size:4rem
}
.artist .content,.artist .content a{
    color:#232323
}
.artist #product-grid .product{
    width:100%;
    margin:0
}
.artist #product-grid .product .product-image{
    width:15rem;
    height:15rem;
    display:inline-block;
    vertical-align:top;
    margin-right:2rem
}
.artist #product-grid .product .product-image img{
    width:100%
}
.artist #product-grid .product .product-info{
    display:inline-block;
    vertical-align:top;
    height:15rem;
    padding:0
}
.artist #product-grid .product .product-info.merch .album-details,.artist #product-grid .product .product-info.merch p{
    color:#000
}
.artist #product-grid .product .product-info .title{
    font-size:3.2rem;
    line-height:1;
    margin-top:-5px;
    font-weight:400
}
.artist #product-grid .product .product-info .release{
    font-size:1.4rem;
    color:rgba(0,0,0,.75);
    font-weight:400
}
.artist #product-grid .product .product-info .details{
    border-bottom:1px solid rgba(0,0,0,.2);
    padding-bottom:1rem
}
.artist #product-grid .product .product-info .details a{
    display:inline-block;
    font-weight:400;
    padding:.5rem 0 0;
    color:#00d2e9;
    position:relative;
    font-size:1.4rem
}
.artist #product-grid .product .product-info .details a:after{
    content:"";
    position:absolute;
    margin-left:4px;
    top:1.2rem;
    width:0;
    height:0;
    border-style:solid;
    border-width:3px 0 3px 5px;
    border-color:transparent transparent transparent #00d2e9
}
.artist #product-grid .product select{
    -webkit-appearance:none;
    border-radius:0;
    padding:.5rem 2rem .5rem 1rem;
    cursor:pointer;
    width:100%
}
.artist #product-grid .product .add-to-cart-btn{
    width:100%
}
.artist #product-grid .product #soundcloud{
    margin-top:2rem
}
.artist #product-grid .product #soundcloud iframe{
    height:500px
}
.artist #bio{
    background:#140032;
    position:relative
}
.artist #bio article{
    background-size:cover;
    background-position:top right
}
.artist #bio .overlay{
    position:absolute;
    height:100%;
    width:100%;
    background-size:cover;
    background-position:center;
    opacity:.2;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter:alpha(opacity=20)
}
.artist #bio .wrapper{
    padding-top:10rem;
    padding-bottom:10rem
}
@media (max-width:767px){
    .artist #bio .wrapper{
        padding-top:2rem;
        padding-bottom:2rem
    }
}
.artist #bio .wrapper .content{
    display:inline-block;
    text-align:left;
    max-width:540px;
    color:#fff
}
.artist #bio .wrapper .content h1{
    font-size:4rem;
    letter-spacing:.05em;
    color:#00d2e9
}
.artist #bio .wrapper .content h1:first-of-type{
    display:inline
}
.artist #bio .wrapper .content p{
    font-size:1.8rem;
    margin-top:0;
    color:#fff;
    padding:2rem 0 0
}
.artist #bio .wrapper .content p:first-of-type{
    display:inline;
    padding:0
}

.artist #bio .overlay{
  background-attachment:fixed;
}


#artists h3{
  font-size:26px;
  text-align:left;
  font-family:oswald;
  text-transform: uppercase;
  font-weight: 100;
}

footer nav a:first-child{
    margin-left:0;
}

footer nav a:last-child{
    margin-right:0;
}

body, html{
                    box-sizing:border-box;
                    margin:0;
                    
                }

                *, *:after, *:before{
                    box-sizing: inherit;
                }

                @keyframes rotateburst{
                    0% {
                        transform:rotate(0deg);
                        -webkit-transform:rotate(0deg);
                    }
                    50% {
                        transform:rotate(-180deg);
                        -webkit-transform:rotate(-180deg);
                    }
                    100% {
                        transform:rotate(-360deg);
                        -webkit-transform:rotate(-360deg);
                    }
                }


                @keyframes popout{
                    0% {
                        transform:scale(1);
                        -webkit-transform:scale(1);
                    }
                    50% {
                        transform:scale(1.2);
                        -webkit-transform:scale(1.1);
                    }
                    100% {
                        transform:scale(1);
                        -webkit-transform:scale(1);
                    }
                }


                #monsters-of-sooper{
                    width:100%;
                    font-family: "Josefin Sans", sans-serif;
                    height: 100%;
                    background:
                    -webkit-linear-gradient(90deg,transparent 50%,#00d2e9 50%,#00d2e9),
                    -webkit-linear-gradient(82deg,transparent 50%,#ff6096 50%,#ff6096),
                    -webkit-linear-gradient(67deg,transparent 50%,#00d2e9 50%,#00d2e9),
                    -webkit-linear-gradient(52deg,transparent 50%,#ff6096 50%,#ff6096),
                    -webkit-linear-gradient(37deg,transparent 50%,#00d2e9 50%,#00d2e9),
                    -webkit-linear-gradient(22deg,transparent 50%,#ff6096 50%,#ff6096),
                    -webkit-linear-gradient(7deg,transparent 50%,#00d2e9 50%,#00d2e9),
                    -webkit-linear-gradient(-8deg,transparent 50%,#ff6096 50%,#ff6096),
                    -webkit-linear-gradient(-23deg,transparent 50%,#00d2e9 50%,#00d2e9),
                    -webkit-linear-gradient(-38deg,transparent 50%,#ff6096 50%,#ff6096),
                    -webkit-linear-gradient(-53deg,transparent 50%,#00d2e9 50%,#00d2e9),
                    -webkit-linear-gradient(-68deg,transparent 50%,#ff6096 50%,#ff6096),
                    -webkit-linear-gradient(-83deg,transparent 50%,#00d2e9 50%,#00d2e9);
                    background-position: center -100%;
                    background-color: #00d2e9;
                    background-size: 100% 200%;
                    overflow: hidden;
                    padding-bottom:20px;
                }

                #monsters-of-sooper .wrapper{
                    max-width:1200px;
                    margin:0 auto;
                }

                #monsters-of-sooper .record-link{
                    width:100%;
                    max-width:250px;
                    position: relative;
                    padding:20px;
                }

                #monsters-of-sooper h1{
                    margin:0;
                }

                #monsters-of-sooper small{
                    font-size: 12px;
                    display: block;
                }

                #monsters-of-sooper .record-link .top{
                    position: absolute;
                    top:0;
                    text-align: center;
                    transform:rotate(-15deg) translate(-20%, 20px);
                    
                }

                #monsters-of-sooper .record-link .top span:nth-child(1){
                    display: inline-block;
                    animation:popout 5s ease-in-out 1s infinite;
                }

                #monsters-of-sooper .record-link .top span:nth-child(2){
                    display: inline-block;

                }

                #monsters-of-sooper .record-link .top span:nth-child(3){
                    display: inline-block;
                    animation:popout 5s ease-in-out 3s infinite;
                }

                #monsters-of-sooper .record-link .top span{
                    font-weight:bold;
                    color:#fff;
                    text-shadow: 4px 4px 30px rgba(0, 0, 0, 1);
                }

                #monsters-of-sooper img{
                    width:100%;
                }

                #monsters-of-sooper .vidplayer{
                    width:100%;
                    position: relative;
                    padding-top:56.25%;
                }

                #monsters-of-sooper .vidplayer iframe{
                    width:100%;
                    position: absolute;
                    top:0;
                    left:0;
                    width:100%;
                    height:100%;
                }

                #monsters-of-sooper .info{
                    display: flex;
                    max-width:600px;
                    margin:0 auto;
                    align-items: center;
                    justify-content: center;

                }

                 #monsters-of-sooper .get-it-now{
                     text-align: center;
                     text-transform: uppercase;
                     font-weight: bold;
                     padding:20px;
                     position: relative;
                     width:180px;
                     height:180px;
    
                 }

                 #monsters-of-sooper .content{
                     position: absolute;
                     z-index:100;
                     top:50%;
                     left:50%;
                     width:100%;
                     transform: translate(-41%, -41%) rotate(5deg);
                 }

                 #monsters-of-sooper .content p{
                     margin:0;
                     font-size:20px;
                     color:#fff;
                    text-shadow: 4px 4px 30px rgba(0, 0, 0, 1);
                    text-transform: uppercase;
                    animation:popout 3s ease-in-out 1s infinite;
                 }

                 #monsters-of-sooper .content p em{
                     color:goldenrod
                 }


                  #burst-12 {
                    background: #ff00bf;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    text-align: center;
                    animation:rotateburst 30s linear 0s infinite;
                     
                    }
                    #burst-12:before,
                    #burst-12:after {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    background: #ff00bf;
                    }
                    #burst-12:before {
                    transform: rotate(30deg);
                    }
                    #burst-12:after {
                    transform: rotate(60deg);
                    }
                    
                    .unmute{
                        
                        position: absolute;
                        left:50%;
                        top:50%;
                        transform:translate(-50%, -50%);
                        -webkit-transform:translate(-50%, -50%);
                        z-index: 1000;
                        background:rgba(255, 255, 255, 0.5);
                        padding:10px;
                        font-size:16px;
                        cursor: pointer;
                        display:none;
                    }
                    
                    @media(max-width:567px){
                      #monsters-of-sooper .content,
                         #burst-12{
                            margin-left:-30px;
                        }

                        #monsters-of-sooper .content{
                            margin-left:-20px;
                            margin-top:10px;
                        }
                        #monsters-of-sooper .get-it-now{
                            width:120px;
                            height:120px;
                        }

                        #monsters-of-sooper .content p{
                            font-size:16px;
                        }
                    }
                    
                    
                    
/* NEW STYLES BELOW */

  .sooper-product .top-content{
    display:flex;
  }

  .product-imagery-wrapper{
   width:calc(100% - 500px);
  }

  .product-imagery{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-self: start;
   
  }
  
 .product-imagery-wrapper.single{
   justify-content:center;
   display:flex;
   width:100%;
 }
 
  .product-imagery-wrapper.single .product-imagery{
    justify-content:center;
  }
  
  .product-imagery .product-images{
    width:calc(50% - 10px);
    display:flex;
    padding:10px;
    margin:10px 0;
    align-items:center;
    background:#eaebf2;
  }
  
  .product-imagery .product-images img{
    width:100%;
    display:block;
  }
  
  .mobile{
    display:none;
  }
  
  .product-infos{
    width:500px;
    padding:20px;
  }
  
  
   @media(max-width:960px){
     
     
    .mobile{
      display:block;
    }
    
    .desktop{
      display:none;
    }
    
   
     
     .sooper-product .top-content{
       flex-wrap:wrap;
     }
    
     .product-imagery{
        flex-wrap:unset;
        width:unset;
     }
     
     
     
     .product-imagery .product-images{
       width:90vw;
       max-width:480px;
     }
     
     .product-imagery-wrapper{
       display: flex;
      width: 100vw;
      overflow: scroll;
    
     }
     
     
      .product-imagery-wrapper.single{
          justify-content:center;
      }
     
     .product-infos{
       width:100%;
     }
  }
  
  
  .product-infos h1{
    padding:0;
    margin:0;
    font-size:28px;
    line-height:1;
    font-weight:100;
  }
  
  .product-infos h1 a{
    color:#000;
  }
  
  .product-infos h1 a:hover{
    color:#333;
  }
  
  .product-infos h2{
    font-size:42px;
    margin:0;
    line-height:1;
  }
  
  .release-info{
    font-size:16px;
    font-weight:100;
    padding-top:10px;
    padding-left:2px;
  }
  
  .products-options{
    padding-top:20px;
  }
  
  .products-options .option-select{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
  }
  
  .products-options .option-select button{
    border:none;
    width:calc(50% - 10px);
    border-radius:10px;
    padding:16px;
    margin:10px 0;
    font-size:16px;
    font-weight:400;
    font-family:"Source Sans Pro", sans-serif;
    background:#fff;
    border:1px #ccc solid;
    cursor:pointer;
  }
  
  .products-options .option-select button.disabled{
    pointer-events:none;
   cursor: not-allowed;
  }
  
  .products-options .option-select button.selected,
  .products-options .option-select button:hover{
     border:1px #000 solid;
     background:#f7f7f7;
  }
  
  
  .products-options button.add-to-cart{
    width:100%;
    background:#1E29E9;
    color:#fff;
   font-family:"Source Sans Pro", sans-serif;
   font-size:18px;
   font-weight:bold;
   border:none;
   padding:20px;
   cursor:pointer;
   border-radius:60px;
   margin-top:20px;
  }
  
  .products-options button.add-to-cart:disabled{
    opacity:0.25;
    cursor:auto;
  }
  
  
  
  .products-options button.add-to-cart:not([disabled]):hover{
    background:#000;
  }
  
  .select-header{
    width:100%;
    display:flex;
    justify-content:space-between;
    font-size:18px;
    font-weight:bold;
    padding:10px 0;
  }
  
  
  .albums-details{
    padding-top:30px;
  }
  
  
    .info-section{
      border-top:1px solid #cccccc50;
      border-bottom:1px solid #cccccc50;
      padding:20px 0;
    }
    
    .info-section.no-top-border{
      border-top:none;
    }
  
  .info-section button{
    font-size:22px;
    background:none;
    border:none;
    font-family:"Source Sans Pro", sans-serif;
    padding:0;
    cursor:pointer;
    display: flex;
    text-align: left;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  
   .info-section.open button:after{
     transform:rotate(-180deg);
   }
  
  .info-section button:after{
    content:"";
    width: 0; 
    height: 0; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #000;
    
  }
  
  .info-section .content{
    height:0;
    overflow:hidden;
    font-weight:100;
  }
  
  .open .content{
    height:auto;
  }
  
  .info-section p{
    font-size: 16px;
    line-height: 1.5;;
  }
  
  
  .oos{
    text-align:center;
    font-size:16px;
    padding:20px 0 10px;
  }
  
  #availability-request{
    padding-top:5px;
    cursor:pointer;
  }
  
 #availability-request strong{
    padding-bottom:3px;
    border-bottom: 1px solid #000;
  }
  
  .pre{
        font-size: 16px;
    line-height: 1.5;
  }
  
  .merch-reco{
    padding:20px;
    margin-top:20px;
    
  }
  
  .merch-reco .products{
    display:flex;
    width:100%;
    justify-content:space-between;
  }
  
  .merch-reco .product{
    width:25%;
    padding:20px;
    background:#cccccc20;
  }
  
  .merch-reco .product img{
    width:100%;
    display:block;
  }
  
   .merch-reco h2{
    font-size:36px;
    margin:0;
    padding:20px 0;
    border-top:1px solid #cccccc50;
  }
  
  .merch-reco h3{
    font-size:20px;
    color:#000;
    display:flex;
    justify-content:space-between;
    font-weight:100;
  }
  
  
  .spotify-album{
    padding:40px 0 20px;
  }
  
  @media(max-width:960px){
    
    .merch-reco .products{
      flex-wrap:wrap;
    }
    
    .merch-reco .product{
      width:50%;
      padding:10px;
      margin-bottom:10px;
    }
    
  .merch-reco h2{
    font-size:5vw;
  }
  .merch-reco h3{
    font-size:18px;
    flex-wrap:wrap
  }
  
  .merch-reco h3 span{
    display:block;
    width:100%;
    padding-bottom:3px;
  }
  }