html,body{margin:0;padding:0;width:100%;height:100%}body{background-color:#e2bd03;font-family:"Roboto",Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;color:#000;overflow:hidden}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3{margin:0;padding:0;font-size:52px;line-height:52px;color:#111}p{margin:0}a{text-decoration:none;color:#000}a:hover{color:#a53d86}.hidden{display:none}.fade{opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.visible{opacity:1;visibility:visible}header{position:absolute;width:100%;padding:50px 80px 10px 80px;display:flex;justify-content:space-between;z-index:1}header div.logo{position:relative;margin-right:25px;display:table}header div.logo img{position:relative;width:130px}header div.logo a{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block}header nav.navigation{position:relative}header nav.navigation div.burger{position:relative;display:inline-block;cursor:pointer}header nav.navigation div.burger .bar1,header nav.navigation div.burger .bar2,header nav.navigation div.burger .bar3{width:35px;height:5px;background-color:#fff;margin:6px 0;transition:.2s}header nav.navigation div.burger.black .bar1,header nav.navigation div.burger.black .bar2,header nav.navigation div.burger.black .bar3{background-color:#000}header nav.navigation div.change .bar1{-webkit-transform:rotate(-45deg) translate(-8px, 6px);transform:rotate(-45deg) translate(-8px, 6px)}header nav.navigation div.change .bar2{opacity:0}header nav.navigation div.change .bar3{-webkit-transform:rotate(45deg) translate(-8px, -8px);transform:rotate(45deg) translate(-8px, -8px)}header nav.navigation ul{position:absolute;top:60px;left:-45px;margin:0;padding:8px 8px 3px 8px;list-style-type:none;text-align:right;background:rgba(0,0,0,.8)}header nav.navigation ul li{margin-right:0;margin-bottom:5px;display:block}header nav.navigation ul.white{background:hsla(0,0%,100%,.4)}header nav.navigation ul.hide{display:none}@media(max-width: 720px){header{padding-left:50px;padding-right:50px}}@media(max-width: 600px){header{padding-top:25px;padding-left:25px;padding-right:25px}}header.blocked{position:fixed}header.blocked nav.navigation{display:none}header{position:relative;justify-content:flex-start;align-items:end;z-index:unset}header div.logo{margin-right:20px}header div.info{position:relative;left:18%;color:hsla(0,0%,100%,.9)}header div.info h1{color:hsla(0,0%,100%,.9);display:inline-block}header div.cart{position:absolute;top:130px;left:calc(100% - 145px);width:48px;height:45px;margin-right:25px;padding:10px;background-image:url(../images/saasfee-soundpark-basket.svg);background-size:28px 25px;background-position:10px 10px;background-repeat:no-repeat;border-radius:50%;background-color:#fff;transition:filter .2s ease-in-out,left .4s ease-in-out;cursor:pointer}header div.cart div.number{position:absolute;width:20px;height:20px;right:-10px;bottom:-5px;padding-top:1px;border:1px solid #000;border-radius:50%;background-color:#fff;font-size:12px;line-height:16px;text-align:center;font-weight:bold;opacity:1;transition:opacity .2s ease-in-out}header div.cart div.number.empty{opacity:0}header div.cart.fixed{position:fixed;top:15px;left:15px;box-shadow:0px 0px 2px 2px rgba(0,0,0,.15);z-index:99}header div.cart:hover{filter:invert(100%)}@media(max-width: 1023px){header{padding-right:40px;padding-left:40px}header div.info{left:10%}header div.cart{left:calc(100% - 90px)}}@media(max-width: 849px){header{padding-right:20px;padding-left:20px}header div.info{left:5%}header div.cart{left:calc(100% - 75px)}}@media(max-width: 649px){header{padding-right:10px;padding-left:10px}header div.cart{left:calc(100% - 65px)}}@media(max-width: 600px){header div.info{width:200px}header div.cart{top:110px}}@media(max-width: 499px){header div.info{width:150px}}@media(max-width: 449px){header div.cart{left:calc(100% - 58px)}}section{position:relative;padding:0 80px}section article>*{position:relative}section article{position:relative;margin:10px 0;display:flex;align-items:center}section article div.bgr{position:absolute;width:100%;height:100%}section article div.bgr.white{background-color:hsla(0,0%,100%,.1);transition:background-color .4s ease-in-out}section article img.cover{width:150px;height:150px}section article div.content{width:calc(100% - 330px);display:flex;flex-wrap:wrap}section article div.content div.info{width:calc(50% - 20px);margin-left:20px}section article div.content div.prelisten{width:calc(50% - 40px);margin-left:20px;margin-right:20px;display:flex;align-items:center}section article div.content div.prelisten button.play{position:relative;width:40px;height:40px;border:0;background:rgba(0,0,0,0);font-size:32px;line-height:32px;cursor:pointer}section article div.content div.prelisten button.play span{position:absolute;top:4px;left:0;transition:filter .2s ease-in-out}section article div.content div.prelisten button.play span.pause{display:none}section article div.content div.prelisten button.play:hover span{filter:invert(100%)}section article div.content div.prelisten button.play.playing span.play{display:none}section article div.content div.prelisten button.play.playing span.pause{display:block}section article div.content div.prelisten div.player{position:relative;width:calc(100% - 40px);height:30px;padding:1px}section article div.content div.prelisten div.player div.bgr img.audio{width:100%;height:100%;padding:2px;opacity:.8}section article div.content div.prelisten div.player div.playhead{position:absolute;width:2px;height:calc(100% - 2px);background-color:#fa1414;opacity:0;transition:opacity .2s ease-in-out}section article div.content div.prelisten div.player.playing{cursor:pointer}section article div.content div.prelisten div.player.playing div.playhead{opacity:1}section article div.content div.prelisten.no-border{height:auto;margin:0;border:0 !important;background-color:rgba(0,0,0,0)}section article div.icons{width:180px;display:flex;flex-wrap:wrap}section article div.icons div.format{position:relative;width:60px;height:60px}section article div.icons div.format::before{content:"";position:absolute;top:15px;left:15px;width:30px;height:30px;background-size:30px 30px;background-repeat:no-repeat}section article div.icons div.format.tape::before{background-image:url(../images/saasfee-soundpark-cassette.svg)}section article div.icons div.format.mp3::before{background-image:url(../images/saasfee-soundpark-mp3.svg)}section article div.icons div.format.cd::before{background-image:url(../images/saasfee-soundpark-cd.svg)}section article div.icons div.format.vinyl::before{background-image:url(../images/saasfee-soundpark-vinyl.svg)}section article div.icons div.link{position:relative;width:60px;height:60px}section article div.icons div.link a{position:absolute;width:100%;height:100%;display:inline-block}section article div.icons div.link.icon{transition:filter .2s ease-in-out}section article div.icons div.link.icon:hover{filter:invert(100%)}section article div.icons div.link.icon::before{content:"";position:absolute;top:20px;left:20px;width:20px;height:20px;background-image:url(../images/saasfee-soundpark-link.svg);background-size:20px 20px;background-repeat:no-repeat}section article div.icons div.cart{position:relative;width:60px;height:60px;transition:filter .2s ease-in-out;cursor:pointer}section article div.icons div.cart:hover{filter:invert(100%)}section article div.icons div.cart::before{content:"";position:absolute;top:10px;left:15px;width:28px;height:33px;background-image:url(../images/saasfee-soundpark-basket-plus.svg);background-size:28px 33px;background-repeat:no-repeat}section article p.info{font-size:18px;line-height:22px;color:rgba(0,0,0,.8)}section article p.text{padding:5px 0}section article p.plus{padding:0 25px;font-size:26px;line-height:28px;opacity:0;transition:opacity .4s ease-in-out}section article:hover div.bgr.white{background-color:hsla(0,0%,100%,.35)}section article:hover p.plus{opacity:1}section.content{margin:75px 0 100px 0}@media(max-width: 1023px){section{padding-right:40px;padding-left:40px}section article p.info{font-size:16px;line-height:20px}section.content{margin-top:50px}}@media(max-width: 849px){section{padding-right:20px;padding-left:20px}section article div.content{width:calc(100% - 210px)}section article div.content div.info{width:calc(100% - 40px)}section article div.content div.prelisten{width:250px;height:40px;margin-top:10px;border:1px solid rgba(0,0,0,.2);background-color:hsla(0,0%,100%,.2)}section article div.content div.prelisten button.play{border-right:1px solid rgba(0,0,0,.2)}section article div.icons{width:60px}section article div.icons div.format{height:50px;background-color:hsla(0,0%,100%,.2)}section article div.icons div.format::before{top:11px}section article div.icons div.link{height:50px;background-color:hsla(0,0%,100%,.2);border-top:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2)}section article div.icons div.link.icon::before{top:15px}section article div.icons div.cart{height:50px;background-color:hsla(0,0%,100%,.2)}section article div.icons div.cart::before{top:8px}}@media(max-width: 649px){section{padding-right:10px;padding-left:10px}section article p.info{font-size:14px;line-height:18px}section.content{margin-top:30px}}@media(max-width: 449px){section article div.content{width:calc(100% - 190px)}section article div.icons{width:40px}section article div.icons div.format{width:40px}section article div.icons div.format::before{left:5px}section article div.icons div.link{width:40px}section article div.icons div.link.icon::before{left:10px}section article div.icons div.cart{width:40px}section article div.icons div.cart::before{left:5px}section article p.info{opacity:.8}}section.order{position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);opacity:0;display:none;transition:opacity .2s ease-in-out}section.order div.line{position:relative;width:100%;height:1px;margin:25px 0;background-color:#afafaf}section.order button{position:absolute;left:calc(100% - 120px);bottom:0;width:120px;padding:8px 15px;border:1px solid #000;background-color:#000;color:#fff;opacity:1;transition:background-color .2s ease-in-out,color .2s ease-in-out,opacity .2s ease-in-out;cursor:pointer}section.order button:hover{background-color:#fff;color:#000}section.order button.disabled{opacity:0;cursor:default}section.order div.layers{position:relative;width:640px;min-height:520px;margin:auto;padding:25px;transition:height .2s ease-in-out;background-color:hsla(0,0%,100%,.9)}section.order div.layers div.empty,section.order div.layers div.order,section.order div.layers div.address,section.order div.layers div.confirmation,section.order div.layers div.error{position:absolute;width:calc(100% - 50px);height:calc(100% - 110px);opacity:0;transition:opacity .2s ease-in-out;display:none}section.order div.layers div.empty p.terms,section.order div.layers div.order p.terms,section.order div.layers div.address p.terms,section.order div.layers div.confirmation p.terms,section.order div.layers div.error p.terms{margin-top:25px;color:#333}section.order div.layers div.empty p.text,section.order div.layers div.order p.text,section.order div.layers div.address p.text,section.order div.layers div.confirmation p.text,section.order div.layers div.error p.text{margin-bottom:15px}section.order div.layers div.empty div.text{position:relative;width:100%;margin-top:160px;text-align:center}section.order div.layers div.order{margin-bottom:65px;flex-direction:column}section.order div.layers div.order h3{padding-left:2px}section.order div.layers div.order table{position:relative;width:100%;border-spacing:0}section.order div.layers div.order table tr th,section.order div.layers div.order table tr td{position:relative}section.order div.layers div.order table tr th{padding:2px 4px;text-align:left}section.order div.layers div.order table tr td{padding:2px 4px;border-left:1px solid hsla(0,0%,100%,.3);border-right:1px solid hsla(0,0%,100%,.3);vertical-align:top}section.order div.layers div.order table tr td span.icon{position:absolute;top:3px;width:16px;height:16px;border:1px solid #000;background-color:hsla(0,0%,100%,.8);transition:color .2s ease-in-out,background-color .2s ease-in-out;display:inline-block;cursor:pointer}section.order div.layers div.order table tr td span.icon:hover{color:#fff;background-color:rgba(0,0,0,.6)}section.order div.layers div.order table tr td span.icon.plus{left:1px}section.order div.layers div.order table tr td span.icon.plus::before{content:"+";position:absolute;top:-1px;left:3px}section.order div.layers div.order table tr td span.icon.minus{left:18px}section.order div.layers div.order table tr td span.icon.minus::before{content:"–";position:absolute;top:-1px;left:3px}section.order div.layers div.order table tr td span.icon.trash{left:35px}section.order div.layers div.order table tr td span.icon.trash::before{content:"X";position:absolute;top:-1px;left:3px}section.order div.layers div.order table tr td.cell{font-size:12px}section.order div.layers div.order table tr td.title{width:38%}section.order div.layers div.order table tr td.artist{width:30%}section.order div.layers div.order table tr td.format{width:9%}section.order div.layers div.order table tr td.quantity{width:5%}section.order div.layers div.order table tr td.price{width:6%}section.order div.layers div.order table tr td.basket{width:9%;padding:0}section.order div.layers div.order table tr td.bold{font-weight:bold}section.order div.layers div.order table tr th.align-right,section.order div.layers div.order table tr td.align-right{text-align:right}section.order div.layers div.order table tr.item:nth-child(odd){background-color:#dfdfdf}section.order div.layers div.order table tr.item:nth-child(even){background-color:#d0d0d0}section.order div.layers div.order table:last-of-type{width:18%;margin-top:25px;align-self:flex-end}section.order div.layers div.address form{display:flex;flex-wrap:wrap;align-items:center}section.order div.layers div.address form input{width:100%;margin-bottom:10px;padding:4px 8px;border:1px solid #000;color:#000;font-family:"Roboto",Helvetica,Arial,sans-serif;font-size:14px;line-height:18px}section.order div.layers div.address form input.error{border-color:#d00;background-color:rgba(230,0,0,.06)}section.order div.layers div.address form input[name=zip]{width:30%;margin-right:15px}section.order div.layers div.address form input[name=city]{width:calc(70% - 15px)}section.order div.layers div.address form input[name=country]{width:30%;margin-right:15px}section.order div.layers div.address form input:focus{outline:none}section.order div.layers div.address form input:last-of-type{margin-bottom:0}section.order div.layers div.address form a{text-decoration:underline}section.order div.layers div.address p.waiting{position:absolute;right:0;bottom:0;opacity:0;visibility:hidden;font-size:12px;line-height:16px;transition:opacity .2s ease-in-out,visibilty .2s ease-in-out}section.order div.layers div.address p.waiting::before{content:"";position:absolute;top:-23px;left:-65px;width:80px;height:80px;background-size:80px 80px;background-repeat:no-repeat;background-image:url(../images/loading.gif)}section.order div.layers div.address p.waiting.show{opacity:1;visibility:visible}section.order div.close{position:absolute;top:15px;right:20px;width:32px;height:32px;transition:transform .2s ease-in-out;cursor:pointer}section.order div.close::before,section.order .close::after{content:" ";position:absolute;left:15px;height:33px;width:2px;background-color:#000}section.order div.close::before{transform:rotate(45deg)}section.order div.close::after{transform:rotate(-45deg)}section.order div.close:hover{transform:rotate(90deg)}section.order div.support{position:absolute;left:25px;bottom:25px;width:calc(100% - 50px);color:#333}section.order div.support div.line{margin-bottom:20px !important}section.order div.support a{color:#333}section.order div.support a:hover{text-decoration:underline}section.show,div.show{opacity:1 !important}footer{position:fixed;width:100%;height:16px;bottom:0px;background-color:#000;opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}footer div.links{position:absolute;padding:1px 0px 0px 50px;font-size:10px;line-height:12px;color:#aaa}footer div.links a{text-decoration:none;color:#aaa}footer div.links a:hover{color:#fff}footer.visible{opacity:1;visibility:visible}@media(max-width: 600px){footer div.links{padding-left:25px}}html,body{width:auto;height:auto}body{min-width:365px;font-weight:400;overflow-y:auto}h1{position:relative;letter-spacing:-1px}h2,h3{position:relative;font-weight:700;font-size:26px;line-height:28px}h3{font-weight:400}a{transition:color .2s ease-in-out}span.big{font-size:52px;line-height:52px;letter-spacing:-1px}@media(max-width: 1023px){h1{font-size:46px;line-height:46px}h2,h3{font-size:22px;line-height:24px}span.big{font-size:46px;line-height:46px}}@media(max-width: 649px){h1{font-size:34px;line-height:34px}h2,h3{font-size:20px;line-height:22px}span.big{font-size:34px;line-height:15px}}@media(max-width: 449px){h2,h3{font-size:14px;line-height:16px}}