html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{background:#000}.player-container{width:100%;height:100%}#player-control{line-height:40px;padding-top:12px;position:absolute;bottom:0;left:0;right:0;background:transparent;background:-webkit-linear-gradient(rgba(60,60,60,0),rgba(30,30,30,0.9));background:-o-linear-gradient(rgba(60,60,60,0),rgba(30,30,30,0.9));background:-moz-linear-gradient(rgba(60,60,60,0),rgba(30,30,30,0.9));background:linear-gradient(rgba(60,60,60,0),rgba(30,30,30,0.9))}#player-control.non-playing .seek-bar-container,#player-control.non-playing .playback-button,#player-control.non-playing .volume-control,#player-control.non-playing .fullscreen-button{opacity:1}#player-control.playing .seek-bar-container,#player-control.playing .playback-button,#player-control.playing .volume-control,#player-control.playing .fullscreen-button{opacity:.7}#player-control.playing .seek-bar-container:hover,#player-control.playing .playback-button:hover,#player-control.playing .volume-control:hover,#player-control.playing .fullscreen-button:hover{opacity:1}.video-player-viewport video::-webkit-media-controls{display:none!important}.video-player-viewport:-webkit-full-screen{max-width:none}.video-player-viewport:-moz-full-screen{max-width:none}.video-player-viewport:-ms-full-screen{max-width:none}.video-player-viewport:fullscreen{max-width:none}.video-player-viewport:-webkit-full-screen #player-control{position:fixed;z-index:2147483647!important}.video-player-viewport:-moz-full-screen #player-control{position:fixed;z-index:2147483647!important}.video-player-viewport:-ms-full-screen #player-control{position:fixed;z-index:2147483647!important}.video-player-viewport:fullscreen #player-control{position:fixed;z-index:2147483647!important}.video-player-viewport:-webkit-full-screen .video-player-wrapper{height:100%;padding-bottom:0}.video-player-viewport:-moz-full-screen .video-player-wrapper{height:100%;padding-bottom:0}.video-player-viewport:-ms-fullscreen .video-player-wrapper{height:100%;padding-bottom:0}.video-player-viewport:fullscreen .video-player-wrapper{height:100%;padding-bottom:0}:-webkit-full-screen{position:fixed;width:100%;height:100%;top:0;background:0}:-ms-fullscreen{width:auto;height:auto;margin:auto}#player-control .playback-button{display:block;position:relative;width:48px;height:36px;top:0;left:0;bottom:0;text-align:center;color:#fff;border:0;float:left;cursor:pointer}#player-control .playback-button:hover{opacity:100%}#player-control .playback-button .glyph-pro{position:relative;font-size:24px;top:7px}#player-control .play-button,#player-control .pause-button,#player-control .replay-button{left:6px;width:36px;height:36px}#player-control .play-button{background-image:url('../img/videopage/player_play.svg')}#player-control .pause-button{background-image:url('../img/videopage/player_pause.svg')}#player-control .replay-button{background-image:url('../img/videopage/player_replay.svg')}#player-control .playback-button.paused .pause-button,#player-control .playback-button.paused .replay-button,#player-control .playback-button.playing .play-button,#player-control .playback-button.playing .replay-button,#player-control .playback-button.ended .play-button,#player-control .playback-button.ended .pause-button{position:relative;display:none}#player-control .playback-button.paused .play-button,#player-control .playback-button.playing .pause-button,#player-control .playback-button.ended .replay-button{position:relative;display:block}#player-control .progress-time-container{position:absolute;top:0;bottom:0;left:48px;right:138px;cursor:pointer}#player-control .seek-bar-container{position:relative;cursor:pointer;height:12px;background:transparent;padding-left:6px;padding-right:6px}#player-control .seek-bar{position:relative;top:4px;height:4px;background:#000}#player-control .button-container{position:relative;height:36px}#player-control .seek-bar .played-bar,#player-control .seek-bar .buffered-bar,#player-control .seek-bar .hover-bar{position:absolute;top:0;height:4px}#player-control .seek-bar .played-bar{background:#fff}#player-control .seek-bar .buffered-bar{background:#505050}#player-control .seek-bar .hover-bar{display:none;background:#969696}#player-control .seek-bar .time-tooltip{display:none;position:absolute;width:50px;height:25px;margin-left:-25px;bottom:17px;line-height:25px;background:#505050;color:#fff;text-align:center;font-size:12px;border-radius:3px;pointer-events:none}#player-control .seek-bar .time-tooltip::after{position:absolute;top:100%;left:50%;margin-left:-6px;content:" ";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #505050}#player-control .seek-bar-container:active .time-tooltip{background:#000}#player-control .seek-bar-container:active .time-tooltip::after{border-top:6px solid #000}#player-control .seek-bar-container .seek-bar .hover-bar{width:0;content:" "}#player-control .seek-bar-container:hover .seek-bar{top:3px;height:6px}#player-control .seek-bar-container:hover .played-bar,#player-control .seek-bar-container:hover .buffered-bar,#player-control .seek-bar-container:hover .hover-bar{display:block;top:0;height:6px}#player-control .seek-bar:hover .time-tooltip{display:inline}#player-control .progress-time{font-size:14px;color:#fff}#player-control .controls-right{float:right;position:relative;width:138px;height:100%}#player-control .volume-control{width:94px}#player-control .volume-control .volume-up-icon,#player-control .volume-control .volume-mute-icon{color:#fff;cursor:pointer}#player-control .volume-up-icon{width:36px;height:36px;background-image:url('../img/videopage/player_volume_full.svg')}#player-control .volume-mute-icon{width:36px;height:36px;background-image:url('../img/videopage/player_volume_mute.svg')}#player-control .volume-control .volume-mute-icon,#player-control .volume-control.muted .volume-up-icon{display:none}#player-control .volume-control.muted .volume-mute-icon,#player-control .volume-control .volume-up-icon{display:block}#player-control .volume-control .volume-slider{position:absolute;padding:0;top:0;bottom:0;left:34px;width:50px;height:36px;cursor:pointer}#player-control .volume-control .volume-slider .slider-track{position:absolute;left:2px;top:16px;width:50px;height:4px;background-color:#505050}#player-control .volume-control .volume-slider .slider-track .track-value-bar{position:absolute;height:4px;background:#fff;width:100%}#player-control .volume-control .volume-slider .slider-thumb{position:absolute;height:20px;width:4px;background:white;top:8px;left:100%}#player-control .fullscreen-button{position:absolute;top:0;bottom:0;right:6px;width:36px;height:36px;cursor:pointer;background-image:url('../img/videopage/player_full_screen.svg')}.video-player-viewport{position:relative;width:100%;height:100%;background-color:#000;background-size:contain;background-repeat:no-repeat;background-position:center center}.video-player-wrapper{cursor:pointer;width:100%;height:100%}.video-player-wrapper video{width:100%;height:100%}.video-loading{display:none;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0);background-color:rgba(0,0,0,0.6);background-image:url(../img/studio/spin.svg);background-repeat:no-repeat;background-position:center center}.converting .video-loading{display:block}.video-loading-message{position:absolute;left:0;right:0;bottom:50%;margin-bottom:30px;text-align:center;color:#eee}