/*SITE WRAPPER*/
.vjsvrapper{padding-bottom: 56.25%;height: 0;background:#000;margin-bottom:20px;display:block;}
.vjsvrapper-an{padding-bottom: 45.62%;height: 0;background:#000;margin-bottom:20px;display:block;}
/*THEME*/
.video-js {font-size: 10px; color: $primary-foreground-color;}
.video-js .vjs-tech{cursor:pointer;}
.video-js.vjs-paused .vjs-big-play-button{display:block;}
.vjs-sublime-skin .vjs-big-play-button {font-size: 8em; $big-play-width: 3em;$big-play-height: 1.5em;line-height: $big-play-height;height: $big-play-height;width: $big-play-width;border: 0;border-radius: 0.3em; @if $center-big-play-button {left: 50%;top: 50%;margin-left: -($big-play-width / 2);margin-top: -($big-play-height / 2);   } @else {    left: 0.5em;top: 0.5em;}}
.video-js .vjs-control-bar,.video-js .vjs-big-play-button,.video-js .vjs-menu-button .vjs-menu-content {background-color: $primary-background-color;background-color: rgba($primary-background-color, 0.7); background-color: transparent;}
.video-js .vjs-slider {background-color: $slider-bg-color;background-color: rgba($slider-bg-color, 0.5);background-color: rgba(255,255,255,.3);border-radius: 2px;height: 4px;}
.video-js .vjs-volume-level,.video-js .vjs-play-progress,.video-js .vjs-slider-bar {background: $primary-foreground-color;}
.video-js .vjs-load-progress {background: ligthen($slider-bg-color, 25%);background: rgba($slider-bg-color, 0.5);}
.video-js .vjs-load-progress div {background: ligthen($slider-bg-color, 50%);background: rgba($slider-bg-color, 0.75);}
.vjs-sublime-skin .vjs-poster {outline: none; outline: 0;}
.vjs-sublime-skin:hover .vjs-big-play-button {background-color: transparent;}
.vjs-sublime-skin .vjs-fullscreen-control:before, .vjs-sublime-skin.vjs-fullscreen .vjs-fullscreen-control:before {content: '';}
.vjs-sublime-skin.vjs-fullscreen .vjs-fullscreen-control {background: #fff;}
.vjs-sublime-skin .vjs-fullscreen-control {border: 3px solid #fff;box-sizing: border-box;cursor: pointer;margin-top: -7px;top: 50%;height: 14px;width: 22px;margin-right: 10px;}
.vjs-sublime-skin.vjs-fullscreen .vjs-fullscreen-control:after  {background: #000;content: "";display: block;position: absolute;bottom: 0;left: 0;height: 5px;width: 5px;}
.vjs-sublime-skin .vjs-progress-holder {margin: 0;}
.vjs-sublime-skin .vjs-progress-control .vjs-progress-holder:after {border-radius: 2px;display: block;height: 4px;}
.vjs-sublime-skin .vjs-progress-control .vjs-load-progres, .vjs-sublime-skin .vjs-progress-control .vjs-play-progress {border-radius: 2px;height: 4px;}
.vjs-sublime-skin .vjs-playback-rate {display: none;}
.vjs-sublime-skin .vjs-progress-control {margin-right: 40px;}
.vjs-sublime-skin .vjs-time-control {right: 40px;}
.vjs-sublime-skin .vjs-mute-control:before, .vjs-sublime-skin .vjs-volume-menu-button:before, .vjs-sublime-skin .vjs-mute-control.vjs-vol-0:before, .vjs-sublime-skin .vjs-volume-menu-button.vjs-vol-0:before, .vjs-sublime-skin .vjs-mute-control.vjs-vol-1:before, .vjs-sublime-skin .vjs-volume-menu-button.vjs-vol-1:before, .vjs-sublime-skin .vjs-mute-control.vjs-vol-2:before, .vjs-sublime-skin .vjs-volume-menu-button.vjs-vol-2:before {content: '';}
.vjs-sublime-skin .vjs-menu-button-inline .vjs-menu, .vjs-sublime-skin .vjs-menu-button-inline:focus .vjs-menu, .vjs-sublime-skin .vjs-menu-button-inline.vjs-slider-active .vjs-menu {display: block;opacity: 1;}
.vjs-sublime-skin .vjs-volume-menu-button {width: 3em;position: absolute;right: 0;margin-right: 40px;}
.vjs-sublime-skin .vjs-menu-button .vjs-menu-content, .vjs-sublime-skin .vjs-menu-button-inline:hover, .vjs-sublime-skin .vjs-menu-button-inline:focus, .vjs-sublime-skin .vjs-menu-button-inline.vjs-slider-active {width: 3em;}
.vjs-sublime-skin .vjs-menu-button-inline .vjs-menu {left: 0;}
.vjs-sublime-skin .vjs-mouse-display:before, .vjs-sublime-skin .vjs-play-progress:before, .vjs-sublime-skin .vjs-volume-level:before {content: '';}
.vjs-sublime-skin .vjs-volume-bar {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAcCAQAAACw95UnAAAAMElEQVRIx2NgoBL4n4YKGUYNHkEG4zJg1OCRYDCpBowaPJwMppbLRg0eNXjUYBLEAXWNUA6QNm1lAAAAAElFTkSuQmCC);background-size: 22px 14px;background-repeat: no-repeat;height: 100%;width: 100%;max-width: 22px;max-height: 14px;margin: 7px 4px;border-radius: 0;}
.vjs-sublime-skin .vjs-volume-level {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAcAQAAAAAyhWABAAAAAnRSTlMAAHaTzTgAAAAZSURBVHgBYwAB/g9EUv+JokCqiaT+U4MCAPKPS7WUUOc1AAAAAElFTkSuQmCC);background-size: 22px 14px;background-repeat: no-repeat;max-width: 22px;max-height: 14px;height: 100%;}
/*IMA*/
.ima-ad-container {top: 0px;position: absolute;display: block;width: 100%;height: 100%;cursor:pointer;}
.video-js.vjs-playing .bumpable-ima-ad-container {margin-top: -40px;}
.video-js.vjs-user-inactive.vjs-playing .bumpable-ima-ad-container {margin-top: 0px;}
.video-js.vjs-paused .bumpable-ima-ad-container,
.video-js.vjs-playing:hover .bumpable-ima-ad-container,
.video-js.vjs-user-active.vjs-playing .bumpable-ima-ad-container {margin-top: -40px;}
.ima-controls-div {bottom:0px; height: 37px; position: absolute; overflow: hidden; display: none; opacity: 1; background-color: rgba(7, 20, 30, .7); background: -moz-linear-gradient(bottom, rgba(7, 20, 30, .7) 0%, rgba(7, 20, 30, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(7, 20, 30, .7)), color-stop(100%,rgba(7, 20, 30, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(bottom, rgba(7, 20, 30, .7) 0%, rgba(7, 20, 30, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(bottom, rgba(7, 20, 30, .7) 0%, rgba(7, 20, 30, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(bottom, rgba(7, 20, 30, .7) 0%, rgba(7, 20, 30, 0) 100%); /* IE10+ */ background: linear-gradient(to top,rgba(7, 20, 30, .7) 0%,rgba(7, 20, 30, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0007141E',endColorstr='#07141E',GradientType=0 ); /* IE6-9 */}
.ima-countdown-div {height: 10px;color: #FFFFFF;text-shadow: 0 0 0.2em #000;cursor: default;}
.ima-seek-bar-div {top: 12px;height: 3px;position: absolute;background: rgba(255, 255, 255, .4);}
.ima-progress-div {width: 0px;height: 3px;background-color: #ECC546;}
.ima-play-pause-div, .ima-mute-div, .ima-slider-div, .ima-fullscreen-div {width: 35px;height: 20px;top: 11px;left: 0px;position: absolute;color: #CCCCCC;font-size: 1.5em;line-height: 2;text-align: center;font-family: VideoJS;cursor: pointer;}
.ima-mute-div {left: auto;right: 85px;}
.ima-slider-div {left: auto;right: 35px;width: 50px;height: 10px;top: 20px;background-color: #555555;}
.ima-slider-level-div {width: 100%;height: 10px;background-color: #ECC546;}
.ima-fullscreen-div {left: auto;right: 0px;}
.ima-playing:before {content: "\00f103";}
.ima-paused:before {content: "\00f101";}
.ima-playing:hover:before, .ima-paused:hover:before {text-shadow: 0 0 1em #fff;}
.ima-non-muted:before {content: "\00f107";}
.ima-muted:before {content: "\00f104";}
.ima-non-muted:hover:before, .ima-muted:hover:before {text-shadow: 0 0 1em #fff;}
.ima-non-fullscreen:before {content: "\00f108";}
.ima-fullscreen:before {content: "\00f109";}
.ima-non-fullscreen:hover:before, .ima-fullscreen:hover:before {text-shadow: 0 0 1em #fff;}
/*ADS*/
.vjs-ad-playing.vjs-ad-playing .vjs-progress-control {pointer-events: none;}
.vjs-ad-playing.vjs-ad-playing .vjs-play-progress {background-color: #ffe400;}
.vjs-ad-playing.vjs-ad-loading .vjs-loading-spinner {display: block;}
/*RESOLUTION SWITCH*/
.video-js .vjs-volume-menu-button{z-index:10;}
.vjs-resolution-button .vjs-menu-icon:before {content: '\f110';font-family: VideoJS;font-weight: normal;font-style: normal;font-size: 1.8em;line-height: 1.67em;}
.vjs-resolution-button .vjs-resolution-button-label {font-size: 1em;line-height: 3em;position: absolute;top: 2px;left:-30px;width: 100%;height: 100%;text-align: center;box-sizing: inherit;z-index:9;}
.vjs-resolution-button .vjs-menu .vjs-menu-content {width: 4em;display:block;background:#000;margin-bottom:2px;margin-left:4px;}
.vjs-resolution-button .vjs-menu li:focus {background-color:rgba(0,0,0,1)}
.vjs-resolution-button .vjs-menu li {text-transform: none;font-size: 1em;}
/*DOCK*/
.video-js .vjs-dock-text,.video-js .vjs-dock-shelf {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.2em; height: 25%; pointer-events:auto; position: absolute; top: 0; }
.video-js .vjs-dock-text {left: 0; margin: 0; width: 100%; background: rgba(0, 0, 0, 0.8); background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8) 25%, transparent 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 25%, transparent 100%); padding: 20px 10% 20px 24px; }
.video-js .vjs-dock-shelf {padding: 20px 24px;right: 0;text-align: right;width: 25%;}
.video-js .vjs-dock-shelf * {pointer-events: auto; }
.video-js .vjs-dock-title, .video-js .vjs-dock-description {margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.video-js .vjs-dock-title {font-size: 1.25em;font-weight: bold;letter-spacing: 1px;line-height: 1.333;margin-bottom: 0.333em; }
.video-js .vjs-dock-description {font-size: 1em;font-weight: normal;line-height: 1.5; }
.vjs-playing.vjs-user-inactive .vjs-dock-text,.vjs-playing.vjs-user-inactive .vjs-dock-shelf {opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s; }
.vjs-playing.vjs-no-flex.vjs-user-inactive .vjs-dock-text,.vjs-playing.vjs-no-flex.vjs-user-inactive .vjs-dock-shelf {display: none; }
/* DOCK SHARE */
.video-js .vjs-share-button {cursor: pointer;padding:10px;border-radius:15%;color:#FFF;position: absolute;top: 1em;right: 1em;background:rgba(255,0,0,0.8);}
.video-js .vjs-share-button:before {font-family: FontAwesome;content: '\f064';}
.video-js .vjs-share-button:hover{background:rgba(255,0,0,1);}
.vjs-playing.vjs-user-inactive .vjs-share-button{opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}
.video-js .vjs-share-button.no-button{display:none;}