.radio{width:100%;height:100%;padding:10px 0;margin:0;overflow:hidden;background:#0b62b3;background:-moz-linear-gradient(-45deg,#0b62b3 0%,#7dff5f 100%);background:-webkit-linear-gradient(-45deg,#0b62b3 0%,#7dff5f 100%);background:linear-gradient(135deg,#0b62b3 0%,#7dff5f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b62b3',endColorstr='#7dff5f',GradientType=1);font-family:helvetica neue,futura,trebuchet ms,Arial;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.padding{width:100%;height:12.5%}
.station{position:relative;width:100%;height:15%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-webkit-box-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:5%;cursor:pointer;box-sizing:border-box}
.station:hover{background-color:rgba(255,255,255,.1)}
.title_radio{line-height:150%;font-weight:300;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.33)}
.subtitle{display:inline-block;vertical-align:middle}
.live{ background-color:#cc1919;border-radius:3px;font-weight:700;color:#fff;font-size:100%;line-height:150%;display:inline-block;text-align:center;opacity:0;text-shadow:none}
.playing{position:absolute;right:5%;top:50%;margin:-20px auto;width:50px;height:40px;text-align:center;font-size:10px;-webkit-transition:all .2s ease;transition:all .2s ease;display:none}
.playing>div{background-color:#fff;height:100%;width:6px;display:inline-block;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-animation:wavy 1s ease infinite forwards;animation:wavy 1s ease infinite forwards;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;box-shadow:1px 1px 2px rgba(0,0,0,.33)}
.playing .rect2{-webkit-animation-delay:.25s;animation-delay:.25s}
.playing .rect3{-webkit-animation-delay:.5s;animation-delay:.5s}
.playing .rect4{-webkit-animation-delay:.75s;animation-delay:.75s}
.playing .rect5{-webkit-animation-delay:1s;animation-delay:1s}
@-webkit-keyframes wavy{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.6);transform:scaleY(.6)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}
@keyframes wavy{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.6);transform:scaleY(.6)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}