@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400&display=swap);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:-webkit-flex;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 .media-artwork{background-size:cover;background-position:bottom;background-repeat:no-repeat;position:relative;background-color:#262626;top:29px;left:180px;height:91px;width:163px}.playerbar .media-info-no-channelIcon .media-artwork{left:64px}.playerbar.portrait .media-artwork{top:-77px;height:168px;width:116px}.playerbar.landscape .media-artwork{top:0}.playerbar.live media-info.media-info-last .media-artwork{display:none}.playerbar .media-text{width:512px;position:relative;padding-top:25px;left:203px}.playerbar.vod .media-text{width:100%;padding-top:0}.playerbar.vod.portrait .media-info-no-channelIcon .media-text{left:97px}.playerbar.vod.landscape .media-info-no-channelIcon .media-text{left:144px}.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;left:110px;right:64px}.playerbar.vod.playing:not(.seeking) .controls{left:64px}.playerbar .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.live .controls-play-pause{bottom:40px;left:98px}.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:78px}.playerbar.vod .channelIcon{top:20px}.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:not(.seeking) .controls-play-pause,.playerbar.paused:not(.seeking) .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-loading{position:absolute;bottom:5vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;width:100%}.title{font-size:5vh;margin:10px 0}.text{font-size:3vh}#loading{height:3vh;margin-top:3vh}.splash{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;text-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.logo{height:12vh;margin-bottom:6vh}.splash-ready{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:0 auto;font-size:3vh;-webkit-flex-direction:column;flex-direction:column}.splash-illustration{object-fit:contain;width:100%;height:100vh}.ready-icon{width:3vh;margin-right:1vh}.ready-to-cast{position:absolute;bottom:14vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:0 auto;font-size:3vh}.error-page{background-color:#1a1a1a;text-align:center;position:absolute;top:0;bottom:0;right:0;left:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;min-height:calc(100vh - 45px)}.error-page__text{margin-top:15px;height:24px;font-size:18px}.error-page__subtext{opacity:.9;font-size:16px}.error-page__img{max-width:80%;margin:0 auto;width:321px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-webkit-keyframes loading{0%{margin-left:-100%}100%{margin-left:100%}}@keyframes loading{0%{margin-left:-100%}100%{margin-left:100%}}