@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,) 400);body,html{width:100%;height:100%;margin:0;padding:0;color:#f1f1f1;font-family:"Open Sans",sans-serif;font-weight:300;font-size:16px;overflow:hidden}.loading{position:absolute;top:50%;left:50%;padding-top:20px}.player{width:100%;height:100%;position:absolute;z-index:-1}.playerbar{position:absolute;left:0;right:0;top:0;bottom:0}.playerbar media-info{padding-bottom:54px;display:flex;float:left;width:880px;height:100%;margin-right:.3125%;background-color:rgba(0,0,0,.7)}.playerbar.vod media-info{width:100%}.playerbar.live media-info.media-info-last{width:396px;margin-right:0}.playerbar.live .controls-play-pause{display:none}.playerbar .media-artwork{background-size:cover;background-position:bottom;background-repeat:no-repeat;position:relative;background-color:#262626}.playerbar.live .media-artwork{top:29px;left:180px;height:91px;width:163px}.playerbar.vod .media-artwork{bottom:116px;left:64px;position:absolute;height:168px;width:116px}.playerbar.live media-info.media-info-last .media-artwork{display:none}.playerbar .media-text{width:512px;position:relative;top:25px;left:203px}.playerbar.vod .media-text{width:100%;position:absolute;top:4px;left:213px;line-height:1.3}.playerbar.live media-info.media-info-last .media-text{left:17px}.playerbar media-info .media-current{opacity:.8;font-size:1.17em;white-space:nowrap;text-overflow:ellipsis}.playerbar media-info .media-title{font-size:2.084em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;opacity:.8}.playerbar.vod media-info .media-title{font-size:2.75em}.playerbar media-info .media-subtitle{font-size:1.34em;opacity:.8}.playerbar.vod media-info .media-subtitle{margin-top:0}.playerbar media-info .media-subtitle span:not(:first-child):before{content:"\00B7";padding-left:10px;padding-right:10px;font-weight:700}.playerbar .controls{bottom:40px;height:30px;left:180px;right:433px;position:absolute}.playerbar.vod .controls{bottom:78px;height:30px;left:110px;right:64px;position:absolute}.playerbar.vod.playing:not(.seeking) .controls{left:64px}.playerbar.vod .controls-play-pause{background-size:cover;border:0;background-image:url(images/pause.png);position:absolute;bottom:79px;left:65px;width:26px;height:29px;z-index:1;display:none}.playerbar .overlay{position:absolute;left:0;bottom:0;right:0;display:none;top:auto;height:205px}.playerbar .progressBar{background-color:#3ac2df}.playerbar .controls-progress{background-color:#2c6679;height:10px;margin-top:11px;overflow:hidden;position:relative}.playerbar .controls-progress-inner{height:100%;opacity:.8}.playerbar .controls-progress-thumb{height:100%;width:3px;background-color:rgba(255,255,255,.5);position:absolute;top:0;margin-left:-3px}.playerbar .controls-cur-time,.playerbar .controls-total-time{color:rgba(255,255,255,.8);font-size:16px;font-weight:400}.playerbar .controls-cur-time{float:left;line-height:30px;margin-right:15px}.playerbar .controls-total-time{float:right;line-height:30px;margin-left:15px}.playerbar .channelIcon{position:absolute;top:41px;left:80px}.playerbar.vod .channelIcon{display:none}.playerbar.loading .controls,.playerbar.loading .overlay,.playerbar.starting .controls,.playerbar.starting .overlay{display:block}.playerbar.loading .controls-cur-time,.playerbar.loading .controls-play-pause,.playerbar.loading .controls-progress-thumb,.playerbar.loading .controls-total-time,.playerbar.starting .controls-cur-time,.playerbar.starting .controls-play-pause,.playerbar.starting .controls-progress-thumb,.playerbar.starting .controls-total-time{display:none}.playerbar.vod.loading .controls,.playerbar.vod.starting .controls{left:64px}.playerbar.loading .controls-progress-inner,.playerbar.starting .controls-progress-inner{width:90%!important;-webkit-animation:loading 2s infinite linear}.playerbar.starting .channelIcon,.playerbar.starting media-info{display:none}.playerbar.buffering .overlay{display:block;opacity:1;transition:opacity 1s linear 5s}.playerbar.buffering.buffering-add .overlay{opacity:0;transition:none}.playerbar .buffering-image{background-image:url(images/buffering.png);background-size:cover;-webkit-animation:spin 1s infinite linear;opacity:0;position:absolute;width:29px;height:29px}.playerbar.vod .buffering-image{bottom:79px;left:65px}.playerbar.live .buffering-image{bottom:40px;left:96px}.playerbar.buffering .buffering-image{opacity:1}.playerbar.paused .controls-play-pause,.playerbar.paused .overlay{display:block}.playerbar.paused:not(.seeking) .overlay{opacity:0;transition:opacity 1s linear 5s}.playerbar.paused.paused-add:not(.seeking) .controls-play-pause,.playerbar.paused.paused-add:not(.seeking) .overlay{opacity:1;transition:none}.playerbar.playing .overlay{display:block;opacity:0;transition:opacity 1s linear 2s}.playerbar.playing.playing-add .overlay{opacity:1;transition:none}.playerbar.playing:not(.seeking) .controls-cur-time{margin-left:0}.playerbar:not(.loading).seeking .overlay{display:block;opacity:1;transition:none}.playerbar:not(.loading).seeking .channelIcon,.playerbar:not(.loading).seeking media-info{display:none}.playerbar:not(.loading).seeking .controls{display:block}.playerbar:not(.loading).seeking .buffering-image{opacity:1}.splash{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;text-align:center;display:flex;flex-direction:column;justify-content:center}.splash-image{display:block;height:14vh;width:auto;margin:0 auto 7vh}.splash-loading img{-webkit-animation:spin 1s infinite linear;height:7vh;width:7vh;display:block;margin:0 auto}.splash-title{font-size:3vh;text-align:center;line-height:1}.splash-subtitle{display:block;font-size:6vh;margin-bottom:13vh}.splash-ready{display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:3vh}.splash-ready img{width:8vh;margin-right:1vh}.splash-ready span{margin-left:24px;font-size:1.916em}.error-page{background-color:#262626;position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%}.error-page.error-add{opacity:1}.error-page.error{opacity:0;transition:opacity 1s linear 4s}.error-parent{background:linear-gradient(to bottom,#005580 0,#5ec0d6 100%);height:720px}.error-text{color:#828383;width:1000px;font-size:1.916em;display:block;text-align:center;margin:33px auto}.error-image{margin:300px auto 0;width:81px;display:block}@keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes loading{0%{margin-left:-100%}100%{margin-left:100%}}