@charset "UTF-8";*,h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}a,a:hover{text-decoration:none}ul{list-style:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#232c32}.nav,main{height:100%}.nav,.nav-logo__link,body{display:-webkit-box;display:-ms-flexbox;display:flex}.nav{width:200px;background:#0f181f;position:fixed;z-index:99;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.nav-logo__link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-logo__img{width:50px;height:37px}.nav-logo__text{font-family:'Montserrat';font-weight:600;font-size:13px;color:#fff;margin-left:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.nav li a,.nav-logo__text span{color:#fff}.nav ul{padding-top:30px}.nav li div,.nav-logo__text,.nav-top{display:-webkit-box;display:-ms-flexbox;display:flex}.nav li div{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav li a{display:block;padding:10px 10px 10px 25px;margin:10px 0;position:relative;font-family:Montserrat;font-weight:400;font-size:20px;text-decoration:none}.nav li a:hover{font-family:"Montserrat";font-weight:400;background:#1a232a;color:#ff002e;-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,.3);box-shadow:0 0 10px 1px rgba(0,0,0,.3)}.nav li a::after{position:absolute;content:'';top:50%;left:0;width:5px;height:0;opacity:0;background-color:#ff002e;z-index:1;-webkit-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear}.nav li a:hover:after{height:100%;opacity:1;top:0}.nav li a .fa{font-size:30px}.nav .item{margin-left:25px}.nav-top{height:60px;background:#1a232a;position:fixed;z-index:98}.nav-top .navTopBar,.nav-top .navTopBar__toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.nav-top,.nav-top .navTopBar{width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-top .navTopBar{margin-left:230px}.nav-top .navTopBar__toggle{width:70px}.nav-top .navTopBar__profil,.nav-top .navTopBar__toggle a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-top .navTopBar__toggle a{width:35px;height:35px;color:#fff;font-size:35px;text-decoration:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nav-top .navTopBar__search-form form .btn:hover,.nav-top .navTopBar__toggle a:hover{color:#ff002e}.nav-top .navTopBar__toggle a:active{color:#a7fe02}.nav-top .navTopBar__search-form form{border-bottom:2px solid #0f181f}.nav-top .navTopBar__search-form form .search{width:310px;height:28px;background:#262f38;font-size:16px;color:#fff;border:0;outline:0;padding-left:10px}.nav-top .navTopBar__search-form form .btn{width:40px;height:30px;background:#0f181f;border:0;color:#fff;font-size:16px;margin-left:-3.6px;cursor:pointer;outline:0}.nav-top .navTopBar__profil{width:230px;cursor:pointer}.aside a img,.nav-top .navTopBar__profil-photo{width:30px;height:30px;border-radius:50%;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.5);box-shadow:inset 0 0 4px rgba(0,0,0,.5)}.nav-top .navTopBar__profil-photo img{position:relative;width:30px;height:30px;border-radius:50%;z-index:-2}.nav-top .navTopBar__profil-name{margin-left:12px}.nav-top .navTopBar__profil-name h5{font-family:Montserrat;font-weight:600;font-size:14px;color:#fff}.nav-top .navTopBar__profil-name p{font-size:12px;opacity:.6}main{width:100%;margin:60px 0 0 200px}.aside{-webkit-box-flex:0;-ms-flex:0 0 240px;flex:0 0 240px;height:100%;display:block;margin-top:60px}.aside .advertising{width:100%;height:300px;background:#000}.aside .last-music,.aside .top{width:100%;background:#1a232a}.aside .top{margin-top:5px}.aside h1,.aside h5,.aside p,.nav-top .navTopBar__profil-name p{font-family:Montserrat;font-weight:400;color:#fff}.aside h1{font-size:22px;text-align:center;padding-top:10px}.aside .music-name,.aside a{display:-webkit-box;display:-ms-flexbox;display:flex}.aside a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0 10px 15px;border-bottom:1px solid rgba(255,255,255,.3)}.aside a:hover{background:rgba(255,255,255,.1);border-bottom:1px solid rgba(141,18,44,.3)}.aside a img{width:40px;height:40px;-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,.75);box-shadow:0 0 2px 1px rgba(0,0,0,.75)}.aside .music-name{margin-left:15px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.aside h5,.aside p{font-size:18px}.aside p{font-weight:300;font-size:13px;opacity:.5}.activePlayer{display:block!important}.b-layer{display:none;position:fixed;width:100%;height:60px;z-index:100;bottom:0}.player{width:100%;height:100%;background:#000}.control{width:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto}.control .btn{cursor:pointer}.control .fa{font-size:26px;color:#fff}
/*# sourceMappingURL=style.min.css.map */
