#html5-video-holder #videocontrols .controlsright .volumecontrols{position:relative;overflow:hidden;height:100%;width:32px;transition:width 150ms ease-in-out;vertical-align:top;display:inline-block}#html5-video-holder #videocontrols .controlsright .volumecontrols button.mute{position:absolute;top:0;right:0;background-image:url(../img/S_VolumeThree_18_N.svg)}#html5-video-holder #videocontrols .controlsright .volumecontrols button.mute.level2{background-image:url(../img/S_VolumeTwo_18_N.svg)}#html5-video-holder #videocontrols .controlsright .volumecontrols button.mute.level1{background-image:url(../img/S_VolumeOne_18_N.svg)}#html5-video-holder #videocontrols .controlsright .volumecontrols button.mute.muteicon{background-image:url(../img/S_VolumeMute_18_N.svg)}#html5-video-holder #videocontrols .controlsright .volumecontrols .volumewrap{position:absolute;top:0;right:36px;opacity:0;width:64px;height:100%;margin:0;z-index:5;overflow:hidden}#html5-video-holder #videocontrols .controlsright .volumecontrols .volumewrap .volume{cursor:pointer;width:100%;height:100%}#html5-video-holder #videocontrols .controlsright .volumecontrols .volumewrap .volume::-ms-tooltip{display:none}#html5-video-holder #videocontrols .controlsright .volumecontrols .volumeslide{width:48px;height:2px;position:absolute;top:50%;right:36px;padding:8px;transform:translateY(-50%);-webkit-opacity:0;-moz-opacity:0;opacity:0;-webkit-transition:opacity 150ms ease-in-out;-moz-transition:opacity 150ms ease-in-out;-o-transition:opacity 150ms ease-in-out;-ms-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out}#html5-video-holder #videocontrols .controlsright .volumecontrols .volumeslide .volumetracks{position:relative;width:100%;height:100%}#html5-video-holder #videocontrols .controlsright .volumecontrols .volumeslide .volumetracks .volumetrack{width:100%;height:100%;background:rgba(255,255,255,.2);border-radius:1px;z-index:1;position:absolute;top:0;left:0;right:0}#html5-video-holder #videocontrols .controlsright .volumecontrols .volumeslide .volumetracks .volumefill{width:100%;height:100%;background:#fff;border-radius:1px;z-index:2;position:absolute;top:0;left:0;right:0}#html5-video-holder #videocontrols .controlsright .volumecontrols .volumeslide .volumeknob{width:16px;height:16px;position:absolute;top:1px;right:0;z-index:3;padding:2px;box-sizing:border-box}#html5-video-holder #videocontrols .controlsright .volumecontrols .volumeslide .volumeknob .volumeknobfill{background:#fff;border-radius:50%;width:100%;height:100%}#html5-video-holder #videocontrols .controlsright .volumecontrols .volumeslide.hide{display:none}#html5-video-holder #videocontrols .controlsright .volumecontrols .volumeslide.show{display:block}#html5-video-holder #videocontrols .controlsright .volumecontrols:hover{width:132px}#html5-video-holder #videocontrols .controlsright .volumecontrols:hover .volumeslide{-webkit-opacity:1;-moz-opacity:1;opacity:1}#html5-video-holder #videocontrols.full-screen-mode .controlsright .volumecontrols{width:48px}#html5-video-holder #videocontrols.full-screen-mode .controlsright .volumecontrols .volumewrap{right:48px}#html5-video-holder #videocontrols.full-screen-mode .controlsright .volumecontrols .volumeslide{right:48px;top:50%;transform:translateY(-50%)}#html5-video-holder #videocontrols.full-screen-mode .controlsright .volumecontrols:hover{width:160px}#html5-video-holder #videocontrols.full-screen-mode .controlsright .volumecontrols:hover .volumeslide{-webkit-opacity:1;-moz-opacity:1;opacity:1}#html5-video-holder #videocontrols.use-png .controlsright .volumecontrols button.mute{background-image:url(../img/S_VolumeThree_18_N.png)}#html5-video-holder #videocontrols.use-png .controlsright .volumecontrols button.mute.level2{background-image:url(../img/S_VolumeTwo_18_N.png)}#html5-video-holder #videocontrols.use-png .controlsright .volumecontrols button.mute.level1{background-image:url(../img/S_VolumeOne_18_N.png)}#html5-video-holder #videocontrols.use-png .controlsright .volumecontrols button.mute.muteicon{background-image:url(../img/S_VolumeMute_18_N.png)}#html5-video-holder .startcover{width:100%;height:100%;position:absolute;top:0;left:0;z-index:20;background:rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity 150ms ease-in-out;transform:translateZ(0)}#html5-video-holder .startcover::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/S_PlayCircle_24_N.svg) no-repeat center / 10vw;transition:opacity 150ms ease-in-out,background-size 150ms ease-in-out}#html5-video-holder.idle{cursor:pointer}#html5-video-holder.idle .startcover{opacity:1}#html5-video-holder.idle #videocontrols{display:none;pointer-events:none}#html5-video-holder.idle #videocontrols.show{display:none;pointer-events:none}#html5-video-holder.idle #videocontrols.loaded{display:none;pointer-events:none}#html5-video-holder #videocontrols{position:absolute;bottom:0;-webkit-opacity:0;-moz-opacity:0;opacity:0;height:40px;z-index:2147483647;pointer-events:all;display:block;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;width:100%;min-width:230px;font-size:14px;display:none;touch-action:none;-ms-touch-action:none}#html5-video-holder #videocontrols .videogradient{position:absolute;z-index:0;top:-48px;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 36%,rgba(0,0,0,.05) 80%,rgba(0,0,0,.025) 90%,rgba(0,0,0,0) 100%)}#html5-video-holder #videocontrols .timelinewrap{height:2px;position:absolute;top:-7px;left:6px;right:6px;z-index:2147483647;padding:7px 10px;cursor:pointer}#html5-video-holder #videocontrols .controlsleft{position:absolute;bottom:0;left:8px;height:100%}#html5-video-holder #videocontrols .controlsleft .videotime{display:inline-block;margin-left:4px}#html5-video-holder #videocontrols .controlsleft .videotime .timelabel{color:rgba(255,255,255,.875);text-align:right;margin-right:8px}#html5-video-holder #videocontrols .controlsleft .videotime .vduration{color:rgba(255,255,255,.666)}#html5-video-holder #videocontrols .controlsleft .videotime>span{display:inline-block;font-weight:700}#html5-video-holder #videocontrols .controlsright{position:absolute;bottom:0;right:8px;height:100%}#html5-video-holder #videocontrols button{background-color:transparent;border:none;background-position:center;background-repeat:no-repeat;background-size:18px;-webkit-opacity:.875;-moz-opacity:.875;opacity:.875}#html5-video-holder #videocontrols button:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1}#html5-video-holder #videocontrols button.fullscreen{background-image:url(../img/S_FullScreen_18_N.svg)}#html5-video-holder #videocontrols button.fullscreen.show-normal-screen{background-image:url(../img/S_FullScreenExit_18_N.svg)}#html5-video-holder #videocontrols button.hd{background-image:url(../img/S_Settings_18_N.svg)}#html5-video-holder #videocontrols button.playpause{background-image:url(../img/S_Play_18_N.svg)}#html5-video-holder #videocontrols button.playpause.pauseicon{background-image:url(../img/S_Pause_18_N.svg)}#html5-video-holder #videocontrols .videobutton{text-indent:-9999px;color:transparent;cursor:pointer;overflow:hidden;border-radius:4px;padding:0;margin:0;width:32px;height:100%}#html5-video-holder #videocontrols .videobutton:focus{outline:0}#html5-video-holder #videocontrols.show{-webkit-opacity:1;-moz-opacity:1;opacity:1;pointer-events:all}#html5-video-holder #videocontrols.hide{-webkit-opacity:0;-moz-opacity:0;opacity:0;pointer-events:none}#html5-video-holder #videocontrols.loaded{display:block}#html5-video-holder #videocontrols.ended .playpause{background-image:url(../img/S_Replay_24_N.svg)}#html5-video-holder #videocontrols.full-screen-mode{font-size:16px}#html5-video-holder #videocontrols.full-screen-mode .timelinewrap{top:-12px}#html5-video-holder #videocontrols.full-screen-mode .videobutton{width:48px;cursor:pointer}#html5-video-holder #videocontrols.full-screen-mode button{background-size:24px}#html5-video-holder #videocontrols.use-png.ended .playpause{background-image:url(../img/S_Replay_24_N.png)}#html5-video-holder #videocontrols.use-png button.fullscreen{background-image:url(../img/S_FullScreen_18_N.png)}#html5-video-holder #videocontrols.use-png button.fullscreen.show-normal-screen{background-image:url(../img/S_FullScreenExit_18_N.png)}#html5-video-holder #videocontrols.use-png button.hd{background-image:url(../img/S_Settings_18_N.png)}#html5-video-holder #videocontrols.use-png button.playpause{background-image:url(../img/S_Play_18_N.png)}#html5-video-holder #videocontrols.use-png button.playpause.pauseicon{background-image:url(../img/S_Pause_18_N.png)}#html5-video-holder #videocontrols .timelinewrap .ccv-thumbnail-holder{position:absolute;bottom:17px;opacity:1}#html5-video-holder #videocontrols .timelinewrap .duration{position:absolute;left:0;top:-25px;background:#232323;color:#cdcdcd;padding:4px 8px;border-radius:4px;font-size:12px;line-height:16px;font-weight:700;z-index:2147483647;transition:transform 150ms ease-in-out;display:none}#html5-video-holder #videocontrols .timelinewrap .duration.show{display:block}#html5-video-holder #videocontrols .timelinewrap .duration.hide{display:none}#html5-video-holder #videocontrols .timelinewrap .timelineknob{width:16px;height:16px;padding:4px;position:absolute;top:-4px;left:-1px;z-index:4;pointer-events:none}#html5-video-holder #videocontrols .timelinewrap .timelineknob .timeknob{width:100%;height:100%;background:#fff;border-radius:50%;transform:scale(0);-webkit-transition:-webkit-transform 150ms ease-in-out;-moz-transition:-moz-transform 150ms ease-in-out;-o-transition:-o-transform 150ms ease-in-out;-ms-transition:-ms-transform 150ms ease-in-out;transition:transform 150ms ease-in-out}#html5-video-holder #videocontrols .timelinewrap .timelineknob.sticky .timeknob{transform:scale(1)}#html5-video-holder #videocontrols .timelinewrap:hover .timeknob{transform:scale(1)}#html5-video-holder #videocontrols .timelinewrap .videotimewrap{width:100%;height:100%;position:relative;overflow:hidden;border-radius:4px;transform:translateZ(0);-webkit-transition:-webkit-transform 150ms ease-in-out;-moz-transition:-moz-transform 150ms ease-in-out;-o-transition:-o-transform 150ms ease-in-out;-ms-transition:-ms-transform 150ms ease-in-out;transition:transform 150ms ease-in-out}#html5-video-holder #videocontrols .timelinewrap .videotimewrap .timelineslide{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0;right:0;z-index:5}#html5-video-holder #videocontrols .timelinewrap .videotimewrap .timelineslide::-ms-tooltip{display:none}#html5-video-holder #videocontrols .timelinewrap .videotimewrap .timeline{width:0;height:100%;background:#fff;position:absolute;top:0;left:0;z-index:3;border-radius:1px}#html5-video-holder #videocontrols .timelinewrap .videotimewrap .buffer{height:100%;background:rgba(255,255,255,.3);position:absolute;top:0;left:0;z-index:2}#html5-video-holder #videocontrols .timelinewrap .videotimewrap .track{width:100%;height:100%;background:rgba(255,255,255,.2);position:absolute;top:0;left:0;z-index:1}#html5-video-holder #videocontrols .timelinewrap .videotimewrap .hoverline{width:1px;height:100%;background:rgba(255,255,255,.35);position:absolute;top:0;left:0;z-index:4;transform-origin:left center;transition:none;display:none}#html5-video-holder #videocontrols .timelinewrap .videotimewrap .hoverline.dark{background:rgba(0,0,0,.2)}#html5-video-holder #videocontrols .timelinewrap .videotimewrap>div{-webkit-transition:-webkit-transform 150ms ease-in-out;-moz-transition:-moz-transform 150ms ease-in-out;-o-transition:-o-transform 150ms ease-in-out;-ms-transition:-ms-transform 150ms ease-in-out;transition:transform 150ms ease-in-out}#html5-video-holder #videocontrols .timelinewrap:hover .videotimewrap{transform:scaleY(2)}#html5-video-holder #videocontrols .timelinewrap:active~.videotimewrap{transform:scaleY(2)}#html5-video-holder #videocontrols .timelinewrap.show{-webkit-opacity:1;-moz-opacity:1;opacity:1}#html5-video-holder #videocontrols .timelinewrap.hide{-webkit-opacity:0;-moz-opacity:0;opacity:0}#html5-video-holder div.message-container{width:100%;height:100%;display:none;position:absolute;top:0;background:rgba(0,0,0,.3)}#html5-video-holder div.message-container img.poster{float:left;position:absolute}#html5-video-holder div.message-container div.message-background{position:absolute;top:38%;height:120px;width:100%;-webkit-opacity:.7;-moz-opacity:.7;opacity:.7;background:#000}#html5-video-holder div.message-container span.message{position:absolute;top:38%;width:100%;margin-top:20px;text-align:center;font-family:adobe-clean,"Helvetica Neue",Helvetica,Arial,sans-serif}#html5-video-holder div.message-container span.message p.title{font-size:24pt;margin:0;color:#fff;font-weight:300}#html5-video-holder div.message-container span.message p.title img{padding-right:13px;height:24px}#html5-video-holder div.message-container span.message p.subtitle{font-size:12pt;margin:0;color:#fff;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;font-weight:300}#html5-video-holder div.message-container div.press-esc-message div.message-background{height:94px}@media screen and (max-height:480px){#html5-video-holder div.message-container div.message-background{top:0;height:100%}#html5-video-holder div.message-container span.message{top:20%}}#html5-video-holder #html5-video-poster{float:left;top:0;position:absolute;width:100%;height:100%;margin:auto;background-color:#1c1c1c;background-repeat:no-repeat;background-position:center;background-size:contain}#html5-video-holder #html5-video-poster.show{display:block}#html5-video-holder #html5-video-poster.hide{display:none}#html5-video-holder #html5-video-poster img.poster{float:left;position:absolute;width:inherit;height:inherit}#html5-video-holder div.video-js{margin-left:auto;margin-right:auto}.html5-video-wrapper{width:100%;height:100%}.html5-video-wrapper #html5-video-holder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;width:100%;height:100%;position:absolute;top:0;overflow:hidden;display:inline-block}.html5-video-wrapper #html5-video-holder:-webkit-full-screen{display:inherit;width:100%;height:100%}.html5-video-wrapper #html5-video-holder:-moz-full-screen{display:inherit;width:100%;height:100%}.html5-video-wrapper #html5-video-holder.disable{cursor:default}.html5-video-wrapper #html5-video-holder .hid{display:none}.html5-video-wrapper #html5-video-holder div.spinner{position:absolute;top:0;width:100%;height:100%}.html5-video-wrapper #html5-video-holder div.spinner .show{display:block}.html5-video-wrapper #html5-video-holder div.spinner .hide{display:none}.html5-video-wrapper #html5-video-holder div.spinner img{float:left;position:absolute;margin:auto;top:50%;left:50%;margin-top:-32px;margin-left:-16px}.html5-video-wrapper #html5-video-holder #video-surface{display:block;width:100%;height:100%;position:absolute;top:0}.html5-video-wrapper #html5-video-holder #video-surface .spinnerwrap{margin:0 auto;display:block;height:100px;width:100px;position:relative;vertical-align:middle;outline-offset:2px;top:calc(50% - 50px)}.html5-video-wrapper #html5-video-holder #video-surface .spinnerwrap .spinner{position:absolute;height:100%;width:100%;top:0;left:0;animation:rotate90 1s linear infinite normal}.html5-video-wrapper #html5-video-holder #video-surface .spinnerwrap .circle-clipper{width:50%;height:100%;overflow:hidden;position:absolute}.html5-video-wrapper #html5-video-holder #video-surface .spinnerwrap .circle-clipper .circle{width:200%;height:100%;border:4px solid #2680eb;position:absolute;border-radius:50%;box-sizing:border-box;border-bottom-color:transparent}.html5-video-wrapper #html5-video-holder #video-surface .spinnerwrap .left{top:0;left:0}.html5-video-wrapper #html5-video-holder #video-surface .spinnerwrap .left .circle{border-right-color:transparent;transform:rotate(134deg);animation:left-spin 1s linear infinite normal}.html5-video-wrapper #html5-video-holder #video-surface .spinnerwrap .right{right:0;top:0}.html5-video-wrapper #html5-video-holder #video-surface .spinnerwrap .right .circle{right:0;border-left-color:transparent;transform:rotate(-45deg);animation:right-spin 1s linear infinite normal}.html5-video-wrapper #html5-video-holder #video-surface .spinnerwrap .track{height:100%;width:100%;border:4px solid #e1e1e1;border-radius:50%;box-sizing:border-box}@keyframes rotate90{from{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes right-spin{10%{transform:rotate(45deg)}32%{transform:rotate(45deg)}54%{transform:rotate(226deg)}to{transform:rotate(226deg)}}@keyframes left-spin{from{opacity:0}9.499%{opacity:0}9.5%{transform:rotate(135deg);opacity:1}25%{transform:rotate(234deg)}85%{transform:rotate(405deg)}to{transform:rotate(405deg);opacity:1}}