@charset "utf-8";.colgroup{zoom:1;margin-left:-1em;margin-right:-1em}.colgroup:before,.colgroup:after{content:"\0020";display:block;height:0;overflow:hidden}.colgroup:after{clear:both}.col{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left}.col-pct-10{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:10%}.col-pct-20{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:20%}.col-pct-30{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:30%}.col-pct-40{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:40%}.col-pct-50{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:50%}.col-pct-60{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:60%}.col-pct-70{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:70%}.col-pct-80{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:80%}.col-pct-90{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:90%}.col-pct-100{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:100%}.col-1{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:8.33333333%}.col-2{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:16.66666667%}.col-3{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:25%}.col-4{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:33.33333333%}.col-5{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:41.66666667%}.col-6{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:50%}.col-7{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:58.33333333%}.col-8{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:66.66666667%}.col-9{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:75%}.col-10{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:83.33333333%}.col-11{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:91.66666667%}.col-12{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:100%}.q1{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:25%}.q2{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:50%}.q3{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:75%}.q4{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:100%}.quarter{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:25%}.half{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:50%}.full{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:100%}@media screen and (min-width:64em) and (max-width:80em){.main.grid-collapsible{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:25%}}@media screen and (min-width:120em){.main.grid-collapsible{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:100%}}.serif-font{font-family:'Droid Serif',serif}.sans-serif-font{font-family:'Open Sans',sans-serif}.zero-margin{margin:0}.hide-text{text-indent:100%;white-space:nowrap;overflow:hidden}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@font-face{font-family:'dejavusansmono';src:url('../fonts/dejavusansmono/webfont.eot');src:url('../fonts/dejavusansmono/webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/dejavusansmono/webfont.woff') format('woff'),url('../fonts/dejavusansmono/webfont.ttf') format('truetype'),url('../fonts/dejavusansmono/webfont.svg#dejavusansmono') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'social';src:url('../fonts/social/webfont.eot');src:url('../fonts/social/webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/social/webfont.woff') format('woff'),url('../fonts/social/webfont.ttf') format('truetype'),url('../fonts/social/webfont.svg#social') format('svg');font-weight:normal;font-style:normal}.ui-modal{z-index:9000;position:absolute;height:100%;width:100%;text-align:center}.ui-modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.ui-modal .close{z-index:999;position:absolute;top:10px;right:10px;cursor:pointer}.ui-modal .overlay{z-index:99;position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);width:100%;height:100%}.ui-modal .content{z-index:999;position:relative;display:inline-block;vertical-align:middle}.ui-modal.close{-webkit-animation-name:ui-modal-zero;animation-name:ui-modal-zero}@keyframes ui-modal-zero{from{width:auto}to{width:auto}}.ui-modal{-webkit-animation-name:ui-modal-slide-up;animation-name:ui-modal-slide-up;-webkit-animation-duration:.5s;animation-duration:.5s}.ui-modal .overlay{background:#000}body.transition{-webkit-transition:transform .5s;transition:transform .5s}body.withdraw{-webkit-transform:scale3d(.95, .95, 1);transform:scale3d(.95, .95, 1)}body.withdraw .ui-modal{-webkit-transform:scale3d(1.05, 1.05, 1);transform:scale3d(1.05, 1.05, 1)}.ui-modal.close{-webkit-animation-name:ui-modal-slide-down;animation-name:ui-modal-slide-down}.ui-modal.close .content{-webkit-animation-name:ui-modal-fade-out;animation-name:ui-modal-fade-zoom-out;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes ui-modal-slide-up{from{top:100%}to{top:0}}@keyframes ui-modal-slide-down{from{top:0}to{top:100%}}@keyframes ui-modal-fade-zoom-in{from{opacity:0;transform:scale3d(.8, .8, .8)}to{opacity:1;transform:scale3d(1, 1, 1)}}@keyframes ui-modal-fade-zoom-out{from{opacity:1;transform:scale3d(1, 1, 1)}to{opacity:0;transform:scale3d(.8, .8, .8)}}.btn{display:inline-block;margin:auto;padding:11px 17px;background:#339900;color:#FFF;font-size:15px;text-decoration:none;vertical-align:middle;border:0;-moz-transition:all ease .2s;-webkit-transition:all ease .2s;transition:all ease .2s}.btn::after{display:none}.btn:hover{background:#006600;color:#FFF}.btn:active{background:#006600;color:#FFF}.btn.inactive{border-top-color:#4a4a4a;background:#4a4a4a;color:#ccc;cursor:default}.btn-secondary{background:#dfa;color:#390;border:solid 1px #060}html,body{width:100%;height:100%;-webkit-overflow-scrolling:touch}html{font-size:100%;line-height:150%}body{font-size:1em;font-family:'Open Sans',sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.touch{width:100%;height:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}h1{margin:1rem 0;font-family:'Open Sans',sans-serif;font-size:2rem;font-weight:400}h2{margin:1rem 0;font-family:'Open Sans',sans-serif;font-size:1.8rem;font-weight:400}h3{margin:1rem 0;font-family:'Open Sans',sans-serif;font-size:1.6rem;font-weight:400}h4{margin:1rem 0;font-size:1.4rem;font-weight:normal}h5{margin:1rem 0;font-size:1.2rem;font-weight:normal}h6{font-size:1rem;margin:1rem 0;font-weight:normal}p{margin:.75rem 0}a{position:relative;color:#fff;text-decoration:none}a::after{position:absolute;content:" ";width:0%;left:0;bottom:0;height:2px;background:#fff;-moz-transition:width ease .5s;-webkit-transition:width ease .5s;transition:width ease .5s}a:hover::after{width:100%}footer{width:100%;background-color:#080;color:#fff;text-align:center}footer .social{padding:1em;list-style-type:none}footer .social li{display:inline-block;padding:0 6px}footer .social li a:hover::after{display:none}footer .social li a:hover i{opacity:1}footer .social li i{font-size:2em;opacity:.9}footer .social i[data-icon]:before{font-family:'social'}footer .social cite{display:none}footer .about{padding:1em}footer .about h3{margin:0}footer .copyright{clear:both;background:#fff;padding:1em 2em;text-align:left;font-size:.75em;color:#444}footer .copyright .logo{display:block;background:url(//cdn.kdi.co/img/logos/kdi/kdi-2010-64.png);width:64px;height:64px;opacity:.95;transform:scale3d(.95, .95, .95);transition:transform .5s ease,opacity .5s;-webkit-transition:-webkit-transform .5s ease,opacity .5s}footer .copyright .logo:hover{opacity:1;transform:scale3d(1, 1, 1)}footer .copyright p{margin:0;line-height:64px}footer .copyright p a{color:#444;text-decoration:none;border-bottom:1px solid #fff;-webkit-transition:.3s linear;transition:.3s linear}footer .copyright p a:hover{border-bottom:1px solid #444}header.top{background-color:#080;height:60px}header.top h1.logo{float:left;margin:0;margin-top:15px;padding:0;padding-left:55px;color:#f6ff00;font-size:2em}header.top h1.logo a{color:#f6ff00}header.top h1.logo a:after{display:none}header.top h1.logo::first-letter{font-size:0}header.top h1.logo:before{content:" ";position:absolute;width:60px;height:60px;left:0;top:-2px;background:url(../img/logo/streamsonic-icon-128.png) center center no-repeat;background-size:contain}header.top nav{float:right;color:#fff}header.top nav ul{padding:1em}header.top nav li{display:inline-block;margin:0 8px}header.top nav li.image img{border-radius:50%}.main{min-height:100%}.container{max-width:1000px;margin:0 auto}ul.tabs{position:relative;list-style-type:none;z-index:2}ul.tabs li{width:25%;float:left;background-color:#080;text-align:center;z-index:2}ul.tabs li a{text-decoration:none;color:#f6ff00;font-weight:300;padding:1rem 1rem;display:block;width:100%}ul.tabs li a:hover{font-weight:600;color:#fff;background:#2a2}ul.tabs li a::after{display:none}ul.tabs li.selected{background-color:#fafafa;background-image:none;border-bottom:0 solid #fff;z-index:2}ul.tabs li.selected a{color:#080;font-weight:600}ul.tabs li.selected a:hover{background:none}section.tabs .tab{margin:0}section.tabs[rel="tab-1"] .tab:nth-child(1){display:block}section.tabs[rel="tab-1"] .tab:not(:nth-child(1)){display:none}section.tabs[rel="tab-2"] .tab:nth-child(2){display:block}section.tabs[rel="tab-2"] .tab:not(:nth-child(2)){display:none}section.tabs[rel="tab-3"] .tab:nth-child(3){display:block}section.tabs[rel="tab-3"] .tab:not(:nth-child(3)){display:none}section.tabs[rel="tab-4"] .tab:nth-child(4){display:block}section.tabs[rel="tab-4"] .tab:not(:nth-child(4)){display:none}section.tabs h4 span{display:inline-block;padding:12px 0}section.tabs .list{background-color:#fff}section.tabs .list:nth-child(odd){background-color:#ccc}ul.tags{list-style-type:none;clear:both}ul.tags li{margin:1em;float:left}ul.tags li a{background-color:#eee;display:inline-block;color:#000;padding:10px 20px;text-align:center;border-radius:30px}ul.tags li a:hover{background-color:#080;color:#fff}ul.tags li a::after{display:none}ul.tags li.selected a{background-color:#080;color:#fff}.index .main{overflow-x:hidden;background-color:#390;background-image:url(../img/index/back/fallback.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;color:#eee}.index .main #hero{height:100vh;overflow:hidden}.index .main .content{padding:0;position:absolute;width:100%;text-align:center;margin-top:50px}.index .main h2{min-height:256px;background:url(../img/logo/streamsonic-icon-256.png) center center no-repeat}.index .main h3{text-shadow:0 0 5px #f6ff00}.index .main .actions a{display:inline-block;background:rgba(51,153,0,0.5);margin:0 8px}.index .main .actions a:hover{background:#390}.index .main .back{padding:0}.index .main .back a{color:#390}@media screen and (max-width:30em){.index .sidebar{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:100%}.index .main-content{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:100%}}.home .main header{position:relative;min-height:300px;background:url(../img/home/header.jpg) center center no-repeat;background-size:cover}.home .main header p{margin:0}.home .main header p.set{font-size:1.5em;font-weight:600;color:#fff;padding:60px 0 0 20px;text-align:center}.home .main header p.set .tags{color:#f6ff00}.home .main header button{position:absolute;right:20%;bottom:10%;border:0;font-size:2em;border-radius:24px}.home .main header.invite{text-align:center;padding:5%}.home .main header.invite p{color:#fff;font-size:150%;font-weight:bold;padding-bottom:12px}.home section.tabs{min-height:500px}.home section.tabs .tab{padding:0 5%}.home .ui-modal .player{color:#fff}@media screen and (max-width:30em){.home .sidebar{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:100%}.home .main-content{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:100%}}.about{background:#390;color:#eee;text-align:center}.about header{display:none}.about section{height:100%}.about #hero{position:relative;padding-top:120px;background:url(../img/about/back/hero.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:500px}.about #hero h2,.about #hero h3,.about #hero a,.about #hero p{position:relative}.about #hero::before{position:absolute;content:" ";left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.4);-webkit-transition:background 1s;transition:background 1s}.about #hero p{margin:0 auto;padding:8px 5%;max-width:800px;color:#fff}.about #hero h2{display:inline-block;margin:0 auto;padding-left:104px;color:#f6ff00;font-size:5em}.about #hero h2::first-letter{font-size:0}.about #hero h2:before{content:" ";position:absolute;width:120px;height:120px;left:0;top:-46px;background:url(../img/logo/streamsonic.png) center center no-repeat;background-size:contain}.about #hero h3{text-shadow:1px 1px rgba(0,40,0,0.8);color:#eee}.about #hero .btn{text-align:center;display:table;margin:4% auto 0%}.about #hero:hover::before{background:rgba(0,0,0,0.8)}.about #targets .btn{display:inline-block}.about #targets .btn:hover{margin-top:-2px}.about #targets .target{position:relative;-moz-box-sizing:border-box;box-sizing:border-box;width:33.333333%;height:355px;float:left;padding:150px 0px;background-color:rgba(255,255,255,0.6)}.about #targets .target::before{content:"";position:absolute;background-size:cover;left:0;top:0;width:100%;height:100%;opacity:.5}.about #targets .target.selected{background-color:rgba(255,255,255,0.8)}.about #targets .target.selected::before{opacity:.7}.about #targets .target.selected .btn{color:#f6ff00;background:#006600}.about #targets .target.selected img{opacity:1}.about #targets .target:hover{background-color:rgba(255,255,255,0.9)}.about #targets #target-artists::before{background-image:url(../img/about/targets/target-artists.svg)}.about #targets #target-fans::before{background-image:url(../img/about/targets/target-fans.svg)}.about #targets #target-developers::before{background-image:url(../img/about/targets/target-developers.svg)}.about section[id^="artists-"]:nth-child(even),.about section[id^="fans-"]:nth-child(even),.about section[id^="developers-"]:nth-child(even){background:rgba(255,255,255,0.1);text-align:left;padding:2% 10%;min-height:200px}.about section[id^="artists-"]:nth-child(odd),.about section[id^="fans-"]:nth-child(odd),.about section[id^="developers-"]:nth-child(odd){background:rgba(255,255,255,0.2);text-align:right;padding:2% 10%;min-height:200px}.about #fans-rewards{background:url(../img/about/back/fans.jpg);background-size:cover;background-attachment:fixed;color:#444}.about #artists-distribution{background:url(../img/about/back/artists.jpg);background-size:cover;background-attachment:fixed;color:#ffc}.about #developers-api{background:url(../img/about/back/developers.jpg);background-size:cover;background-attachment:fixed;color:#fff}@media screen and (max-width:30em){.about .sidebar{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:100%}.about .main-content{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:100%}}.account-login,.account-register{background:-webkit-linear-gradient(45deg, #060, #d4db00);background:-moz-linear-gradient(45deg, #060, #d4db00);background:-o-linear-gradient(45deg, #060, #d4db00);background:linear-gradient(45deg, #060, #d4db00);background-attachment:fixed;background-color:#060}.account-login header,.account-register header{padding:1em;text-align:center}.account-login header h2,.account-register header h2{position:relative;display:inline-block;margin:0 auto;padding-left:55px;color:#f6ff00;font-size:2.5em}.account-login header h2 a,.account-register header h2 a{color:#f6ff00}.account-login header h2 a:after,.account-register header h2 a:after{display:none}.account-login header h2::first-letter,.account-register header h2::first-letter{font-size:0}.account-login header h2:before,.account-register header h2:before{content:" ";position:absolute;width:60px;height:60px;left:0;top:-16px;background:url(../img/logo/streamsonic.png) center center no-repeat;background-size:contain}.account-login header h3,.account-register header h3{color:#fff}.account-login .main,.account-register .main{min-height:auto}.account-login .main .centerframe,.account-register .main .centerframe{background:#dfa;padding:2em;max-width:500px}.account-login input,.account-register input{display:block;width:100%;padding:8px;margin:8px 0}.account-login .btn,.account-register .btn{width:100%}.account-login footer,.account-register footer{background:none;font-size:.75em;color:#ccc}.account-login footer a,.account-register footer a{color:#ccc}.account-login footer a:after,.account-register footer a:after{display:none}.account-login .centerframe{text-align:center}.account-register{text-align:center}.account-register .login{background:#dfa;padding:2em;max-width:500px;margin:0 auto}.account-register .login>p a{display:inline-block;margin:auto;padding:11px 17px;background:#339900;color:#FFF;font-size:15px;text-decoration:none;vertical-align:middle;border:0;-moz-transition:all ease .2s;-webkit-transition:all ease .2s;transition:all ease .2s;width:100%}.account-register .login>p a::after{display:none}.account-register .login>p a:hover{background:#006600;color:#FFF}.account-register .login>p a:active{background:#006600;color:#FFF}.account-register .login>p a.inactive{border-top-color:#4a4a4a;background:#4a4a4a;color:#ccc;cursor:default}@media screen and (max-width:30em){.index .sidebar{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:100%}.index .main-content{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:100%}}.docs .main .content{padding:0 5%}.docs .main .content a{color:#390}@media screen and (max-width:30em){.docs .sidebar{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:100%}.docs .main-content{position:relative;min-height:1px;padding-left:1em;padding-right:1em;float:left;width:100%}}