.u-hidden{display:none}.u-trimmed{max-width:100px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-centered{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.u-overlay{background:rgba(255,255,255,0.96);position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;opacity:0;visibility:hidden;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;transition:opacity .2s ease}.u-overlay--show{opacity:1;visibility:visible}.flip-horizontal{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"Roboto",sans-serif;font-size:62.5%;color:rgba(0,25,37,0.8);letter-spacing:-0.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-size:1.6rem}button,input,a{-webkit-transition:.2s ease border, .2s ease background, .2s ease color;-moz-transition:.2s ease border, .2s ease background, .2s ease color;transition:.2s ease border, .2s ease background, .2s ease color}input[type="checkbox"]{margin:0;padding:0}::-webkit-input-placeholder{color:#D3D3D4;font-weight:400}:-moz-placeholder{color:#D3D3D4;font-weight:400}::-moz-placeholder{color:#D3D3D4;font-weight:400}:-ms-input-placeholder{color:#D3D3D4;font-weight:400}h1{font-size:2.2rem;color:#001925;font-weight:500;margin:0}h2{font-size:1.8rem;font-weight:500;margin:0}.main{position:absolute;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%;text-align:center}.main h1{margin-top:40px;white-space:nowrap}@media (max-width: 767px){.main h1{white-space:normal}}.main h1 span{display:inline-block;margin:0 14px}.main p{font-size:14px;margin-top:30px}.footer{height:70px;width:100%;padding:0 30px;background:#fff;border-top:1px solid rgba(0,25,37,0.1);position:absolute;bottom:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 767px){.footer{display:none}}.controls ul li{float:left}.controls ul li a{color:#001925;padding:10px;display:block}.controls ul li a:hover{color:rgba(0,25,37,0.5)}.playing{margin-left:30px;text-align:center;font-weight:500}.playing .song{margin-bottom:6px;display:block}.playing .duration{display:block;font-size:1.4rem;color:rgba(0,25,37,0.5)}.copyright{margin-left:auto}.copyright p{font-size:1.4rem}.sidepanel{position:absolute;left:0;z-index:15;width:280px;height:100vh;padding:0 40px;background:#fff;border-right:1px solid rgba(0,25,37,0.1);-webkit-transform:translateX(-280px);-moz-transform:translateX(-280px);-ms-transform:translateX(-280px);transform:translateX(-280px);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-moz-transition:transform .2s ease, -moz-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease, -moz-transform .2s ease}.sidepanel--show{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.nav{padding-top:80px}.nav ul li{line-height:38px}.nav ul li a{display:block;text-decoration:none}.nav ul li a:hover{color:rgba(0,25,37,0.5)}.nav--main{border-bottom:1px solid rgba(0,25,37,0.1);padding:0 30px 30px}.nav--main a{color:#001925;font-weight:500;font-size:1.6rem}.nav--contact{border-bottom:1px solid rgba(0,25,37,0.1);padding:30px}.nav--contact a{color:rgba(0,25,37,0.5);font-weight:500;font-size:1.6rem}.nav--contact a:hover{color:#001925 !important}.nav--social{padding:30px 30px 0}.nav--social a{font-size:1.4rem;color:rgba(0,25,37,0.3)}.button{background:none;border:none;padding:0;margin:0;outline:none}.button:hover{cursor:pointer;color:rgba(0,25,37,0.5)}.button--menu{position:absolute;top:30px;left:30px;z-index:10}.progress{width:100%;height:4px;position:absolute;bottom:0;background:rgba(0,25,37,0.1)}.progress .range{width:0%;height:4px;display:block;background:#99A3A8;position:relative;-webkit-transition:width 2s ease;-moz-transition:width 2s ease;transition:width 2s ease}.progress .range:after{content:"";position:absolute;right:0;bottom:0;width:4px;height:8px;background:#001925}.brand{width:270px;height:130px;margin:auto;background:url("../img/logo.png") center center no-repeat;-moz-background-size:cover;background-size:cover}@media (max-width: 767px){.brand{width:200px;height:97px}}#app{width:100vw;height:100vh;position:relative}

/*# sourceMappingURL=maps/app.css.map */