.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
text-align: center; }
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
font-weight: normal;
font-style: normal; }
.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
content: "\f101"; }
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-play-circle:before {
content: "\f102"; }
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
content: "\f103"; }
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
content: "\f104"; }
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
content: "\f105"; }
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
content: "\f106"; }
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
content: "\f107"; }
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f108"; }
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f109"; }
.vjs-icon-square {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-square:before {
content: "\f10a"; }
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-spinner:before {
content: "\f10b"; }
.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
content: "\f10c"; }
.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
content: "\f10d"; }
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
content: "\f10e"; }
.vjs-icon-share {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-share:before {
content: "\f10f"; }
.vjs-icon-cog {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-cog:before {
content: "\f110"; }
.vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
content: "\f111"; }
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-circle-outline:before {
content: "\f112"; }
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-circle-inner-circle:before {
content: "\f113"; }
.vjs-icon-hd {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-hd:before {
content: "\f114"; }
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
content: "\f115"; }
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
content: "\f116"; }
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-facebook:before {
content: "\f117"; }
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-gplus:before {
content: "\f118"; }
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-linkedin:before {
content: "\f119"; }
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-twitter:before {
content: "\f11a"; }
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-tumblr:before {
content: "\f11b"; }
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-pinterest:before {
content: "\f11c"; }
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
content: "\f11d"; }
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
content: "\f11e"; }
.vjs-icon-next-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-next-item:before {
content: "\f11f"; }
.vjs-icon-previous-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-previous-item:before {
content: "\f120"; }
.video-js {
display: block;
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: normal;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
word-break: initial; }
.video-js:-moz-full-screen {
position: absolute; }
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important; }
.video-js[tabindex="-1"] {
outline: none; }
.video-js *,
.video-js *:before,
.video-js *:after {
box-sizing: inherit; }
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0; }
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
width: 100%;
max-width: 100%;
height: 0; }
.video-js.vjs-16-9 {
padding-top: 56.25%; }
.video-js.vjs-4-3 {
padding-top: 75%; }
.video-js.vjs-fill {
width: 100%;
height: 100%; }
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%; }
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0; }
.video-js.vjs-fullscreen {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important; }
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none; }
.vjs-hidden {
display: none !important; }
.vjs-disabled {
opacity: 0.5;
cursor: default; }
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px; }
.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible; }
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0px auto; }
.vjs-no-js a,
.vjs-no-js a:visited {
color: #66A8CC; }
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.5em;
width: 3em;
display: block;
position: absolute;
top: 10px;
left: 10px;
padding: 0;
cursor: pointer;
opacity: 1;
border: 0.06666em solid #fff;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
border-radius: 0.3em;
transition: all 0.4s; }
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -0.75em;
margin-left: -1.5em; }
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
transition: all 0s; }
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
display: none; }
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
display: block; }
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.vjs-control .vjs-button {
width: 100%;
height: 100%; }
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: 0.5em;
z-index: 2; }
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
overflow: auto; }
.video-js .vjs-modal-dialog > * {
box-sizing: border-box; }
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1; }
.vjs-menu-button {
cursor: pointer; }
.vjs-menu-button.vjs-disabled {
cursor: default; }
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none; }
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
overflow: auto; }
.vjs-menu .vjs-menu-content > * {
box-sizing: border-box; }
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
display: none; }
.vjs-menu li {
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase; }
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5); }
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2B333F; }
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default; }
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0em;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7); }
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em; }
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
display: block; }
.video-js .vjs-menu-button-inline {
transition: all 0.4s;
overflow: hidden; }
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em; }
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em; }
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
transition: all 0.4s; }
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
display: block;
opacity: 1; }
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto; }
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
width: auto; }
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden; }
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3.0em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7); }
.vjs-has-started .vjs-control-bar {
display: flex;
visibility: visible;
opacity: 1;
transition: visibility 0.1s, opacity 0.1s; }
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
transition: visibility 1s, opacity 1s; }
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
display: none !important; }
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible; }
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table; }
.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
flex: none; }
.vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67; }
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white; }
.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle; }
.video-js .vjs-custom-control-spacer {
display: none; }
.video-js .vjs-progress-control {
cursor: pointer;
flex: auto;
display: flex;
align-items: center;
min-width: 4em;
touch-action: none; }
.video-js .vjs-progress-control.disabled {
cursor: default; }
.vjs-live .vjs-progress-control {
display: none; }
.vjs-no-flex .vjs-progress-control {
width: auto; }
.video-js .vjs-progress-holder {
flex: auto;
transition: all 0.2s;
height: 0.3em; }
.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0 10px; }
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.666666666666666666em; }
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
font-size: 1em; }
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0; }
.video-js .vjs-play-progress {
background-color: #fff; }
.video-js .vjs-play-progress:before {
font-size: 0.9em;
position: absolute;
right: -0.5em;
top: -0.333333333333333em;
z-index: 1; }
.video-js .vjs-load-progress {
background: rgba(115, 133, 159, 0.5); }
.video-js .vjs-load-progress div {
background: rgba(115, 133, 159, 0.75); }
.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1; }
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
display: none; }
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
display: block;
font-size: 0.6em;
visibility: visible; }
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
font-size: 1em; }
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1; }
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0; }
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block; }
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s; }
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
display: none; }
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8); }
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em;
/* iOS Safari */
-webkit-touch-callout: none;
/* Safari */
-webkit-user-select: none;
/* Konqueror HTML */
/* Firefox */
-moz-user-select: none;
/* Internet Explorer/Edge */
-ms-user-select: none;
/* Non-prefixed version, currently supported by Chrome and Opera */
user-select: none;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5); }
.video-js .vjs-slider.disabled {
cursor: default; }
.video-js .vjs-slider:focus {
text-shadow: 0em 0em 1em white;
box-shadow: 0 0 1em #fff; }
.video-js .vjs-mute-control {
cursor: pointer;
flex: none; }
.video-js .vjs-volume-control {
cursor: pointer;
margin-right: 1em;
display: flex; }
.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em; }
.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 0;
width: 1px;
height: 1px;
margin-left: -1px; }
.video-js .vjs-volume-panel {
transition: width 1s; }
.video-js .vjs-volume-panel:hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
width: 5em;
height: 3em; }
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: 9em;
transition: width 0.1s; }
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
width: 4em; }
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3.5em;
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
visibility: visible;
opacity: 1;
position: relative;
transition: none; }
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
position: absolute;
bottom: 3em;
left: 0.5em; }
.video-js .vjs-volume-panel {
display: flex; }
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em; }
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em; }
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto; }
.video-js .vjs-volume-level {
position: absolute;bottom: 0;
left: 0;
background-color: #fff; }
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em; }
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em; }
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em; }
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em; }
.vjs-slider-horizontal .vjs-volume-level:before {
top: -0.3em;
right: -0.5em; }
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em; }
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%; }
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%; }
.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7); }
.video-js .vjs-volume-horizontal .vjs-menu {
left: -2em; }
.vjs-poster {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000000;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%; }
.vjs-has-started .vjs-poster {
display: none; }
.vjs-audio.vjs-has-started .vjs-poster {
display: block; }
.vjs-using-native-controls .vjs-poster {
display: none; }
.video-js .vjs-live-control {
display: flex;
align-items: flex-start;
flex: auto;
font-size: 1em;
line-height: 3em; }
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left; }
.video-js .vjs-time-control {
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em; }
.vjs-live .vjs-time-control {
display: none; }
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
display: none; }
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
display: none; }
.vjs-time-divider {
display: none;
line-height: 3em; }
.vjs-live .vjs-time-divider {
display: none; }
.video-js .vjs-play-control .vjs-icon-placeholder {
cursor: pointer;
flex: none; }
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none; }
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em; }
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em; }
.vjs-subtitles {
color: #fff; }
.vjs-captions {
color: #fc6; }
.vjs-tt-cue {
display: block; }
video::-webkit-media-text-track-display {
-webkit-transform: translateY(-3em);
transform: translateY(-3em); }
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-webkit-transform: translateY(-1.5em);
transform: translateY(-1.5em); }
.video-js .vjs-fullscreen-control {
cursor: pointer;
flex: none; }
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.vjs-playback-rate .vjs-playback-rate-value {
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center; }
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0em; }
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center; }
.vjs-error .vjs-error-display:before {
color: #fff;
content: 'X';
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -0.5em;
position: absolute;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%; }
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.85;
text-align: left;
border: 6px solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px;
visibility: hidden; }
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block;
-webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
animation: 0s linear 0.3s forwards vjs-spinner-show; }
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
content: "";
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: white; }
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: white; }
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: white;
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s; }
@keyframes vjs-spinner-show {
to {
visibility: visible; } }
@-webkit-keyframes vjs-spinner-show {
to {
visibility: visible; } }
@keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg); } }
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f; }
20% {
border-top-color: #73859f; }
35% {
border-top-color: white; }
60% {
border-top-color: #73859f; }
100% {
border-top-color: #73859f; } }
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f; }
20% {
border-top-color: #73859f; }
35% {
border-top-color: white; }
60% {
border-top-color: #73859f; }
100% {
border-top-color: #73859f; } }
.vjs-chapters-button .vjs-menu ul {
width: 24em; }
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em; }
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: "\f10d";
font-size: 1.5em;
line-height: inherit; }
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em; }
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: " \f11d";
font-size: 1.5em;
line-height: inherit; }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
flex: auto;
display: block; }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
width: auto; }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
display: none; }
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
display: none; }
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button {
display: none; }
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
height: 70%; }
.vjs-text-track-settings .vjs-modal-dialog-content {
display: table; }
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
display: table-cell; }
.vjs-text-track-settings .vjs-track-settings-controls {
text-align: right;
vertical-align: bottom; }
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr auto; }
.vjs-text-track-settings .vjs-track-settings-colors {
display: block;
grid-column: 1;
grid-row: 1; }
.vjs-text-track-settings .vjs-track-settings-font {
grid-column: 2;
grid-row: 1; }
.vjs-text-track-settings .vjs-track-settings-controls {
grid-column: 2;
grid-row: 2; } }
.vjs-track-setting > select {
margin-right: 5px; }
.vjs-text-track-settings fieldset {
margin: 5px;
padding: 3px;
border: none; }
.vjs-text-track-settings fieldset span {
display: inline-block; }
.vjs-text-track-settings legend {
color: #fff;
margin: 0 0 5px 0; }
.vjs-text-track-settings .vjs-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
display: block;
margin: 0 0 5px 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden; }
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
outline-style: solid;
outline-width: medium;
background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }
.vjs-track-settings-controls button:hover {
color: rgba(43, 51, 63, 0.75); }
.vjs-track-settings-controls button {
background-color: #fff;
background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
color: #2B333F;
cursor: pointer;
border-radius: 2px; }
.vjs-track-settings-controls .vjs-default-button {
margin-right: 1em; }
@media print {
.video-js > *:not(.vjs-tech):not(.vjs-poster) {
visibility: hidden; } }
.vjs-resize-manager {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
z-index: -1000; }
.js-focus-visible .video-js *:focus:not(.focus-visible) {
outline: none; }
.video-js *:focus:not(:focus-visible) {
outline: none; }
.video-js.skin-1 .vjs-control-bar{background:rgba(0,0,0,.5);height:40px;display:block}.video-js.skin-1 .vjs-control{display:inline-block;float:left}.video-js.skin-1 .vjs-control:focus,.video-js.skin-1 .vjs-control:hover{text-shadow:none}.video-js.skin-1 .vjs-control:focus:before,.video-js.skin-1 .vjs-control:hover:before{text-shadow:none}.video-js.skin-1 .vjs-control:before{font-size:20px;line-height:40px}.video-js.skin-1 .vjs-button>.vjs-icon-placeholder:before{line-height:40px;font-size:20px}.video-js.skin-1 .vjs-big-play-button{width:100px;height:100px;line-height:100px;border:0;border-radius:50%;text-shadow:none;left:50%;top:50%;margin:-50px 0 0 -50px;font-size:50px;background:rgba(0,0,0,.6)}.video-js.skin-1 .vjs-big-play-button:focus{background:rgba(0,0,0,.7)}.video-js.skin-1:hover .vjs-big-play-button{background:rgba(0,0,0,.7)}.video-js.skin-1 .vjs-play-control{width:40px;border-right:1px solid rgba(255,255,255,.1)}.video-js.skin-1 .vjs-fullscreen-control{float:right;border-left:1px solid rgba(255,255,255,.1);right:0;top:0}.video-js.skin-1 .vjs-volume-menu-button{float:right;margin:0 40px 0 0}.video-js.skin-1 .vjs-playback-rate .vjs-playback-rate-value{line-height:40px;font-size:12px;position:static}.video-js.skin-1 .vjs-menu-button-popup .vjs-menu .vjs-menu-content{bottom:25px;background:rgba(0,0,0,.5);padding:5px 0;max-height:none}.video-js.skin-1 .vjs-time-divider{display:inline-block;float:left;color:#fff;margin:0;min-width:0;padding:0}.video-js.skin-1 .vjs-time-control{line-height:40px;font-size:12px}.video-js.skin-1 .vjs-current-time,.video-js.skin-1 .vjs-duration{width:auto;margin:0;min-width:0;padding:0 8px}.video-js.skin-1 .vjs-current-time{margin-left:8px}.video-js.skin-1 .vjs-duration{color:#fff}.video-js.skin-1 .vjs-remaining-time{display:none}.video-js.skin-1 .vjs-load-progress{background:rgba(255,255,255,.2)}.video-js.skin-1 .vjs-load-progress div{background:rgba(255,255,255,.2)}.video-js.skin-1 .vjs-progress-control{position:absolute;left:0;bottom:40px;width:100%;height:auto}.video-js.skin-1 .vjs-slider{margin:0;background:rgba(255,255,255,.15)}.video-js.skin-1 .vjs-play-progress{background:#00c3e2}.video-js.skin-1 .vjs-play-progress:before{top:-5px;font-size:18px}.video-js.skin-1 .vjs-progress-holder{height:10px}.video-js.skin-1 .vjs-progress-holder .vjs-load-progress,.video-js.skin-1 .vjs-progress-holder .vjs-load-progress div,.video-js.skin-1 .vjs-progress-holder .vjs-play-progress{height:10px}.video-js.skin-1 .vjs-volume-panel{width:40px!important;overflow:hidden;transition:all .6s ease}.video-js.skin-1 .vjs-volume-panel .vjs-control{width:40px}.video-js.skin-1 .vjs-volume-panel:hover{width:140px!important}.video-js.skin-1 .vjs-volume-panel .vjs-volume-control{opacity:1!important;display:block!important;visibility:visible!important;transition:none!important;position:absolute!important;top:16px!important;left:42px!important;width:90px!important}.video-js.skin-1 .vjs-menu-button-inline{float:left;width:40px;margin:0;border-right:1px solid rgba(255,255,255,.1)}.video-js.skin-1 .vjs-menu-button-inline.vjs-slider-active,.video-js.skin-1 .vjs-menu-button-inline:focus,.video-js.skin-1 .vjs-menu-button-inline:hover{width:140px}.video-js.skin-1 .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;visibility:visible;top:16px}.video-js.skin-1 .vjs-menu-button-inline:before{width:40px}.video-js.skin-1 .vjs-volume-menu-button-horizontal .vjs-menu-content{width:90px;height:6px;overflow:hidden;border-radius:5px}.video-js.skin-1 .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{width:90px}.video-js.skin-1 .vjs-volume-bar.vjs-slider-horizontal{width:90px;height:6px;border-radius:5px;overflow:hidden}.video-js.skin-1 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{height:6px;border-bottom-left-radius:5px;border-top-left-radius:5px;position:static;background:#00c3e2}.video-js.skin-1 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:before{content:none}@media (min-width:1170px){.b-player.playlist-aside .vjs-playlist.vjs-playlist-skin-1{border-top:0;border-left:1px solid rgba(255,255,255,.1)}}.vjs-playlist-skin-1.vjs-mouse.vjs-playlist{border-top:1px solid rgba(255,255,255,.1);background:#000}.vjs-playlist-skin-1.vjs-mouse .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,.vjs-playlist-skin-1.vjs-mouse .vjs-playlist-item:hover .vjs-playlist-thumbnail:before{background:#00c3e2}.vjs-playlist-skin-1 .vjs-playlist-item{text-align:left}.vjs-playlist-skin-1 .vjs-playlist-item.vjs-selected{background:#00c3e2}.video-js.skin-2 .vjs-control-bar{background:#e6e6e6;height:40px;display:block;padding:0 40px 0 0}.video-js.skin-2 .vjs-big-play-button{width:100px;height:100px;line-height:100px;border:0;border-radius:50%;text-shadow:none;left:50%;top:50%;margin:-50px 0 0 -50px;font-size:50px;background:#e6e6e6;color:#000}.video-js.skin-2 .vjs-big-play-button:focus{background:#e6e6e6}.video-js.skin-2:hover .vjs-big-play-button{background:#e6e6e6}.video-js.skin-2 .vjs-button>.vjs-icon-placeholder:before{line-height:40px;font-size:20px}.video-js.skin-2 .vjs-control{display:inline-block;float:left;color:#000}.video-js.skin-2 .vjs-control:focus,.video-js.skin-2 .vjs-control:hover{text-shadow:none}.video-js.skin-2 .vjs-control:focus:before,.video-js.skin-2 .vjs-control:hover:before{text-shadow:none}.video-js.skin-2 .vjs-control:before{font-size:20px;line-height:40px;color:#1f1e21}.video-js.skin-2 .vjs-play-control{width:40px;border-right:1px solid #cfcfcf}.video-js.skin-2 .vjs-fullscreen-control{float:right;border-left:1px solid #cfcfcf;position:absolute;right:0;top:0}.video-js.skin-2 .vjs-volume-menu-button{float:right;margin:0 40px 0 0;border-left:1px solid #cfcfcf;overflow:visible}.video-js.skin-2 .vjs-playback-rate .vjs-playback-rate-value{line-height:40px;font-size:12px;position:static}.video-js.skin-2 .vjs-menu-button-popup .vjs-menu .vjs-menu-content{bottom:25px;background:rgba(0,0,0,.5);padding:5px 0;max-height:none}.video-js.skin-2 .vjs-time-divider{display:inline-block;float:left;color:#919191;padding:0;margin:0;min-width:0}.video-js.skin-2 .vjs-time-control{line-height:40px;font-size:12px}.video-js.skin-2 .vjs-current-time{margin-left:10px}.video-js.skin-2 .vjs-current-time,.video-js.skin-2 .vjs-duration{width:auto;min-width:0;padding:0 8px;color:#1f1e21}.video-js.skin-2 .vjs-duration{color:#919191}.video-js.skin-2 .vjs-remaining-time{display:none}.video-js.skin-2 .vjs-load-progress{background:rgba(130,130,130,.2)}.video-js.skin-2 .vjs-progress-control{position:absolute;left:0;bottom:25px;height:0;width:100%;padding:0 220px 0 170px}.video-js.skin-2 .vjs-slider{margin:0;background:#c4c4c4}.video-js.skin-2 .vjs-play-progress{background:repeating-linear-gradient(135deg,#fe626d,#fe626d 10px,#fe959c 10px,#fe959c 20px);border-radius:5px}.video-js.skin-2 .vjs-play-progress:before{top:-5px;font-size:18px;text-shadow:0 3px 5px rgba(0,0,0,.15);color:#fff}.video-js.skin-2 .vjs-progress-holder{width:auto;height:10px;border-radius:5px}.video-js.skin-2 .vjs-progress-holder .vjs-load-progress,.video-js.skin-2 .vjs-progress-holder .vjs-load-progress div,.video-js.skin-2 .vjs-progress-holder .vjs-play-progress{height:10px;border-radius:5px}.video-js.skin-2 .vjs-progress-holder .vjs-load-progress div{background:rgba(130,130,130,.2)}.video-js.skin-2 .vjs-volume-panel{width:155px!important;float:right;border-left:1px solid #cfcfcf}.video-js.skin-2 .vjs-volume-panel .vjs-control{width:40px}.video-js.skin-2 .vjs-volume-panel .vjs-volume-control{opacity:1!important;display:block!important;visibility:visible!important;transition:none!important;position:absolute!important;top:17px!important;left:42px!important;width:90px!important}.video-js.skin-2 .vjs-volume-panel .vjs-volume-level:before{color:#fff}.video-js.skin-2 .vjs-menu-button-inline{width:130px;margin:0 30px 0 0}.video-js.skin-2 .vjs-menu-button-inline.vjs-slider-active,.video-js.skin-2 .vjs-menu-button-inline:focus,.video-js.skin-2 .vjs-menu-button-inline:hover{width:130px}.video-js.skin-2 .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;visibility:visible;top:18px;margin-left:5px}.video-js.skin-2 .vjs-volume-menu-button-horizontal .vjs-menu-content{width:90px;height:6px;overflow:visible;border-radius:5px}.video-js.skin-2 .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{width:90px}.video-js.skin-2 .vjs-volume-bar.vjs-slider-horizontal{width:90px;height:6px;border-radius:5px}.video-js.skin-2 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{height:6px;border-bottom-left-radius:5px;border-top-left-radius:5px;position:static;background:#fe626d}.video-js.skin-2 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:before{top:-5px;font-size:18px;text-shadow:0 3px 5px rgba(0,0,0,.15);float:right;position:static;top:-.33333333em;right:-3.33333333em;font-size:1.9em;margin-right:-10px;margin-top:-7px;content:'\f111'}@media (max-width:600px){.video-js.skin-2 .vjs-progress-control{padding:0;bottom:50px}.video-js.skin-2 .vjs-progress-holder{border-radius:0}}@media (min-width:1170px){.b-player.playlist-aside .vjs-playlist.vjs-playlist-skin-2{border-top:0;border-left:1px solid #cfcfcf}}.vjs-playlist-skin-2.vjs-mouse.vjs-playlist{border-top:1px solid #cfcfcf;background:#e6e6e6}.vjs-playlist-skin-2.vjs-mouse .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,.vjs-playlist-skin-2.vjs-mouse .vjs-playlist-item:hover .vjs-playlist-thumbnail:before{background:#fe626d}.vjs-playlist-skin-2.vjs-playlist .vjs-playlist-description{color:#000}.vjs-playlist-skin-2.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-description{color:#fff}.vjs-playlist-skin-2 .vjs-playlist-name{color:#000}.vjs-playlist-skin-2 .vjs-playlist-item{text-align:left}.vjs-playlist-skin-2 .vjs-playlist-item.vjs-selected{background:#fe626d}.vjs-playlist-skin-2 .vjs-playlist-item.vjs-selected .vjs-playlist-name{color:#fff}.video-js.skin-3 .vjs-control-bar{background:#988bdd;height:80px;display:block;padding:0 70px 0 0}.video-js.skin-3 .vjs-big-play-button{width:100px;height:100px;line-height:100px;border:0;border-radius:50%;text-shadow:none;left:50%;top:50%;margin:-50px 0 0 -50px;font-size:50px;background:#988bdd}.video-js.skin-3 .vjs-big-play-button:focus{background:#988bdd}.video-js.skin-3:hover .vjs-big-play-button{background:#988bdd}.video-js.skin-3 .vjs-button>.vjs-icon-placeholder:before{line-height:80px;font-size:20px}.video-js.skin-3 .vjs-control{display:inline-block;float:left}.video-js.skin-3 .vjs-control:focus,.video-js.skin-3 .vjs-control:hover{text-shadow:none}.video-js.skin-3 .vjs-control:focus:before,.video-js.skin-3 .vjs-control:hover:before{text-shadow:none}.video-js.skin-3 .vjs-control:before{font-size:20px;line-height:80px;color:#fff}.video-js.skin-3 .vjs-time-divider{display:inline-block;float:left;color:#fff;padding:0;min-width:0}.video-js.skin-3 .vjs-time-control{line-height:80px;font-size:12px;color:#fff}.video-js.skin-3 .vjs-current-time{margin-left:0}.video-js.skin-3 .vjs-current-time,.video-js.skin-3 .vjs-duration{width:auto;min-width:0;color:#fff;padding:0 8px}.video-js.skin-3 .vjs-duration{color:#fff}.video-js.skin-3 .vjs-remaining-time{display:none}.video-js.skin-3 .vjs-play-control{width:80px}.video-js.skin-3 .vjs-fullscreen-control{float:right;position:absolute;right:0;top:0;width:60px}.video-js.skin-3 .vjs-volume-menu-button{float:right;margin:0 40px 0 0;overflow:visible}.video-js.skin-3 .vjs-playback-rate .vjs-playback-rate-value{line-height:80px;font-size:12px;position:static}.video-js.skin-3 .vjs-menu-button-popup .vjs-menu .vjs-menu-content{bottom:50px;background:rgba(0,0,0,.5);padding:5px 0;max-height:none}.video-js.skin-3 .vjs-load-progress{background:rgba(0,0,0,.25)}.video-js.skin-3 .vjs-play-progress:after{background:0 0;color:#fff}.video-js.skin-3 .vjs-progress-control{position:absolute;left:0;bottom:45px;height:0;width:100%;padding:0 150px 0 200px}.video-js.skin-3 .vjs-slider{margin:0;background:rgba(0,0,0,.25)}.video-js.skin-3 .vjs-play-progress{background:#fff;border-radius:5px}.video-js.skin-3 .vjs-play-progress:before{top:-5px;font-size:18px;text-shadow:0 3px 5px rgba(0,0,0,.15)}.video-js.skin-3 .vjs-progress-holder{width:auto;height:10px;border-radius:5px}.video-js.skin-3 .vjs-progress-holder .vjs-load-progress,.video-js.skin-3 .vjs-progress-holder .vjs-load-progress div,.video-js.skin-3 .vjs-progress-holder .vjs-play-progress{height:10px;border-radius:5px}.video-js.skin-3 .vjs-progress-holder .vjs-load-progress div{background:rgba(130,130,130,.2)}.video-js.skin-3 .vjs-volume-panel{width:30px!important;float:right}.video-js.skin-3 .vjs-volume-panel .vjs-mute-control{display:none}.video-js.skin-3 .vjs-volume-panel .vjs-volume-control{opacity:1!important;display:block!important;visibility:visible!important;transition:none!important}.video-js.skin-3 .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{left:8px;top:16px;background:0 0;height:50px}.video-js.skin-3 .vjs-menu-button-inline{width:30px;margin:0}.video-js.skin-3 .vjs-menu-button-inline:before{display:none}.video-js.skin-3 .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;visibility:visible;top:16px;margin-left:5px}.video-js.skin-3 .vjs-menu-button-inline .vjs-menu{left:0}.video-js.skin-3 .vjs-volume-bar{background:linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.25) 50%,transparent 50%,transparent);background-size:20px 5px;background-position:bottom}.video-js.skin-3 .vjs-volume-bar.vjs-slider-vertical{width:2em}.video-js.skin-3 .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{width:2em;background:linear-gradient(to bottom,#fff,#fff 50%,transparent 50%,transparent);background-size:20px 5px;background-position:bottom}.video-js.skin-3 .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level:before{display:none}.video-js.skin-3 .vjs-volume-bar.vjs-slider-horizontal{width:90px;height:6px;border-radius:5px}.video-js.skin-3 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{height:6px;border-bottom-left-radius:5px;border-top-left-radius:5px;position:static;background:#fe3638}.video-js.skin-3 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:before{top:-5px;font-size:18px;text-shadow:0 3px 5px rgba(0,0,0,.15);float:right;position:static;top:-.33333333em;right:-3.33333333em;font-size:1.9em;margin-right:-10px;margin-top:-7px;content:'\f111'}@media (max-width:600px){.video-js.skin-3 .vjs-progress-control{padding:0;bottom:90px}.video-js.skin-3 .vjs-progress-holder{border-radius:0}.video-js.skin-3 .vjs-progress-holder .vjs-play-progress{border-radius:0}}@media (min-width:1170px){.b-player.playlist-aside .vjs-playlist.vjs-playlist-skin-3{border-top:0;border-left:1px solid rgba(0,0,0,.25)}}.vjs-playlist-skin-3.vjs-mouse.vjs-playlist{border-top:1px solid rgba(0,0,0,.25);background:#988bdd}.vjs-playlist-skin-3.vjs-mouse .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,.vjs-playlist-skin-3.vjs-mouse .vjs-playlist-item:hover .vjs-playlist-thumbnail:before{background:#988bdd}.vjs-playlist-skin-3 .vjs-playlist-item{text-align:left}.vjs-playlist-skin-3 .vjs-playlist-item.vjs-selected{background:rgba(0,0,0,.25)}.vjs-playlist-skin-3 .vjs-playlist-item.vjs-selected .vjs-playlist-name{color:#fff}.video-js{overflow:hidden;max-width:100%}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after,.video-js .vjs-time-tooltip{padding:4px 7px;top:-25px}.vjs-playlist{max-width:740px;max-height:440px;margin:0 auto}.vjs-playlist .vjs-playlist-description{color:#fff}.vjs-playlist .vjs-playlist-duration{padding:3px 7px}.vjs-playlist-item{text-align:left;outline:0}.vjs-playlist-name{font-size:15px;font-weight:700;margin-top:10px}.vjs-playlist-description{font-size:14px;color:#fff}.vjs-playlist-now-playing:before{font-size:11px;font-weight:700}.vjs-mouse.vjs-playlist{padding:15px 15px 0 15px}.vjs-mouse.vjs-playlist .vjs-playlist-thumbnail{margin-right:14px}.vjs-mouse.vjs-playlist .vjs-playlist-description{margin-right:15px}.vjs-mouse.vjs-playlist .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,.vjs-mouse.vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail:before{border-radius:50%;width:36px;height:36px;line-height:36px;font-size:18px}.vjs-mouse.vjs-playlist time{font-size:11px;font-weight:700}.b-player.playlist-aside:after{content:'';display:table;clear:both}@media (min-width:1170px){.b-player.playlist-aside{max-width:1100px;margin:0 auto;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.b-player.playlist-aside .video-js{float:left}.b-player.playlist-aside .vjs-playlist{float:left;width:330px;box-sizing:border-box}}.video-js.skin-1 .vjs-control-bar{background:rgba(0,0,0,.5);height:40px;display:block}.video-js.skin-1 .vjs-control{display:inline-block;float:left}.video-js.skin-1 .vjs-control:focus,.video-js.skin-1 .vjs-control:hover{text-shadow:none}.video-js.skin-1 .vjs-control:focus:before,.video-js.skin-1 .vjs-control:hover:before{text-shadow:none}.video-js.skin-1 .vjs-control:before{font-size:20px;line-height:40px}.video-js.skin-1 .vjs-button>.vjs-icon-placeholder:before{line-height:40px;font-size:20px}.video-js.skin-1 .vjs-big-play-button{width:100px;height:100px;line-height:100px;border:0;border-radius:50%;text-shadow:none;left:50%;top:50%;margin:-50px 0 0 -50px;font-size:50px;background:rgba(0,0,0,.6)}.video-js.skin-1 .vjs-big-play-button:focus{background:rgba(0,0,0,.7)}.video-js.skin-1:hover .vjs-big-play-button{background:rgba(0,0,0,.7)}.video-js.skin-1 .vjs-play-control{width:40px;border-right:1px solid rgba(255,255,255,.1)}.video-js.skin-1 .vjs-fullscreen-control{float:right;border-left:1px solid rgba(255,255,255,.1);right:0;top:0}.video-js.skin-1 .vjs-volume-menu-button{float:right;margin:0 40px 0 0}.video-js.skin-1 .vjs-playback-rate .vjs-playback-rate-value{line-height:40px;font-size:12px;position:static}.video-js.skin-1 .vjs-menu-button-popup .vjs-menu .vjs-menu-content{bottom:25px;background:rgba(0,0,0,.5);padding:5px 0;max-height:none}.video-js.skin-1 .vjs-time-divider{display:inline-block;float:left;color:#fff;margin:0;min-width:0;padding:0}.video-js.skin-1 .vjs-time-control{line-height:40px;font-size:12px}.video-js.skin-1 .vjs-current-time,.video-js.skin-1 .vjs-duration{width:auto;margin:0;min-width:0;padding:0 8px}.video-js.skin-1 .vjs-current-time{margin-left:8px}.video-js.skin-1 .vjs-duration{color:#fff}.video-js.skin-1 .vjs-remaining-time{display:none}.video-js.skin-1 .vjs-load-progress{background:rgba(255,255,255,.2)}.video-js.skin-1 .vjs-load-progress div{background:rgba(255,255,255,.2)}.video-js.skin-1 .vjs-progress-control{position:absolute;left:0;bottom:40px;width:100%;height:auto}.video-js.skin-1 .vjs-slider{margin:0;background:rgba(255,255,255,.15)}.video-js.skin-1 .vjs-play-progress{background:#00c3e2}.video-js.skin-1 .vjs-play-progress:before{top:-5px;font-size:18px}.video-js.skin-1 .vjs-progress-holder{height:10px}.video-js.skin-1 .vjs-progress-holder .vjs-load-progress,.video-js.skin-1 .vjs-progress-holder .vjs-load-progress div,.video-js.skin-1 .vjs-progress-holder .vjs-play-progress{height:10px}.video-js.skin-1 .vjs-volume-panel{width:40px!important;overflow:hidden;transition:all .6s ease}.video-js.skin-1 .vjs-volume-panel .vjs-control{width:40px}.video-js.skin-1 .vjs-volume-panel:hover{width:140px!important}.video-js.skin-1 .vjs-volume-panel .vjs-volume-control{opacity:1!important;display:block!important;visibility:visible!important;transition:none!important;position:absolute!important;top:16px!important;left:42px!important;width:90px!important}.video-js.skin-1 .vjs-menu-button-inline{float:left;width:40px;margin:0;border-right:1px solid rgba(255,255,255,.1)}.video-js.skin-1 .vjs-menu-button-inline.vjs-slider-active,.video-js.skin-1 .vjs-menu-button-inline:focus,.video-js.skin-1 .vjs-menu-button-inline:hover{width:140px}.video-js.skin-1 .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;visibility:visible;top:16px}.video-js.skin-1 .vjs-menu-button-inline:before{width:40px}.video-js.skin-1 .vjs-volume-menu-button-horizontal .vjs-menu-content{width:90px;height:6px;overflow:hidden;border-radius:5px}.video-js.skin-1 .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{width:90px}.video-js.skin-1 .vjs-volume-bar.vjs-slider-horizontal{width:90px;height:6px;border-radius:5px;overflow:hidden}.video-js.skin-1 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{height:6px;border-bottom-left-radius:5px;border-top-left-radius:5px;position:static;background:#00c3e2}.video-js.skin-1 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:before{content:none}@media (min-width:1170px){.b-player.playlist-aside .vjs-playlist.vjs-playlist-skin-1{border-top:0;border-left:1px solid rgba(255,255,255,.1)}}.vjs-playlist-skin-1.vjs-mouse.vjs-playlist{border-top:1px solid rgba(255,255,255,.1);background:#000}.vjs-playlist-skin-1.vjs-mouse .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,.vjs-playlist-skin-1.vjs-mouse .vjs-playlist-item:hover .vjs-playlist-thumbnail:before{background:#00c3e2}.vjs-playlist-skin-1 .vjs-playlist-item{text-align:left}.vjs-playlist-skin-1 .vjs-playlist-item.vjs-selected{background:#00c3e2}.video-js.skin-2 .vjs-control-bar{background:#e6e6e6;height:40px;display:block;padding:0 40px 0 0}.video-js.skin-2 .vjs-big-play-button{width:100px;height:100px;line-height:100px;border:0;border-radius:50%;text-shadow:none;left:50%;top:50%;margin:-50px 0 0 -50px;font-size:50px;background:#e6e6e6;color:#000}.video-js.skin-2 .vjs-big-play-button:focus{background:#e6e6e6}.video-js.skin-2:hover .vjs-big-play-button{background:#e6e6e6}.video-js.skin-2 .vjs-button>.vjs-icon-placeholder:before{line-height:40px;font-size:20px}.video-js.skin-2 .vjs-control{display:inline-block;float:left;color:#000}.video-js.skin-2 .vjs-control:focus,.video-js.skin-2 .vjs-control:hover{text-shadow:none}.video-js.skin-2 .vjs-control:focus:before,.video-js.skin-2 .vjs-control:hover:before{text-shadow:none}.video-js.skin-2 .vjs-control:before{font-size:20px;line-height:40px;color:#1f1e21}.video-js.skin-2 .vjs-play-control{width:40px;border-right:1px solid #cfcfcf}.video-js.skin-2 .vjs-fullscreen-control{float:right;border-left:1px solid #cfcfcf;position:absolute;right:0;top:0}.video-js.skin-2 .vjs-volume-menu-button{float:right;margin:0 40px 0 0;border-left:1px solid #cfcfcf;overflow:visible}.video-js.skin-2 .vjs-playback-rate .vjs-playback-rate-value{line-height:40px;font-size:12px;position:static}.video-js.skin-2 .vjs-menu-button-popup .vjs-menu .vjs-menu-content{bottom:25px;background:rgba(0,0,0,.5);padding:5px 0;max-height:none}.video-js.skin-2 .vjs-time-divider{display:inline-block;float:left;color:#919191;padding:0;margin:0;min-width:0}.video-js.skin-2 .vjs-time-control{line-height:40px;font-size:12px}.video-js.skin-2 .vjs-current-time{margin-left:10px}.video-js.skin-2 .vjs-current-time,.video-js.skin-2 .vjs-duration{width:auto;min-width:0;padding:0 8px;color:#1f1e21}.video-js.skin-2 .vjs-duration{color:#919191}.video-js.skin-2 .vjs-remaining-time{display:none}.video-js.skin-2 .vjs-load-progress{background:rgba(130,130,130,.2)}.video-js.skin-2 .vjs-progress-control{position:absolute;left:0;bottom:25px;height:0;width:100%;padding:0 220px 0 170px}.video-js.skin-2 .vjs-slider{margin:0;background:#c4c4c4}.video-js.skin-2 .vjs-play-progress{background:repeating-linear-gradient(135deg,#fe626d,#fe626d 10px,#fe959c 10px,#fe959c 20px);border-radius:5px}.video-js.skin-2 .vjs-play-progress:before{top:-5px;font-size:18px;text-shadow:0 3px 5px rgba(0,0,0,.15);color:#fff}.video-js.skin-2 .vjs-progress-holder{width:auto;height:10px;border-radius:5px}.video-js.skin-2 .vjs-progress-holder .vjs-load-progress,.video-js.skin-2 .vjs-progress-holder .vjs-load-progress div,.video-js.skin-2 .vjs-progress-holder .vjs-play-progress{height:10px;border-radius:5px}.video-js.skin-2 .vjs-progress-holder .vjs-load-progress div{background:rgba(130,130,130,.2)}.video-js.skin-2 .vjs-volume-panel{width:155px!important;float:right;border-left:1px solid #cfcfcf}.video-js.skin-2 .vjs-volume-panel .vjs-control{width:40px}.video-js.skin-2 .vjs-volume-panel .vjs-volume-control{opacity:1!important;display:block!important;visibility:visible!important;transition:none!important;position:absolute!important;top:17px!important;left:42px!important;width:90px!important}.video-js.skin-2 .vjs-volume-panel .vjs-volume-level:before{color:#fff}.video-js.skin-2 .vjs-menu-button-inline{width:130px;margin:0 30px 0 0}.video-js.skin-2 .vjs-menu-button-inline.vjs-slider-active,.video-js.skin-2 .vjs-menu-button-inline:focus,.video-js.skin-2 .vjs-menu-button-inline:hover{width:130px}.video-js.skin-2 .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;visibility:visible;top:18px;margin-left:5px}.video-js.skin-2 .vjs-volume-menu-button-horizontal .vjs-menu-content{width:90px;height:6px;overflow:visible;border-radius:5px}.video-js.skin-2 .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{width:90px}.video-js.skin-2 .vjs-volume-bar.vjs-slider-horizontal{width:90px;height:6px;border-radius:5px}.video-js.skin-2 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{height:6px;border-bottom-left-radius:5px;border-top-left-radius:5px;position:static;background:#fe626d}.video-js.skin-2 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:before{top:-5px;font-size:18px;text-shadow:0 3px 5px rgba(0,0,0,.15);float:right;position:static;top:-.33333333em;right:-3.33333333em;font-size:1.9em;margin-right:-10px;margin-top:-7px;content:'\f111'}@media (max-width:600px){.video-js.skin-2 .vjs-progress-control{padding:0;bottom:50px}.video-js.skin-2 .vjs-progress-holder{border-radius:0}}@media (min-width:1170px){.b-player.playlist-aside .vjs-playlist.vjs-playlist-skin-2{border-top:0;border-left:1px solid #cfcfcf}}.vjs-playlist-skin-2.vjs-mouse.vjs-playlist{border-top:1px solid #cfcfcf;background:#e6e6e6}.vjs-playlist-skin-2.vjs-mouse .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,.vjs-playlist-skin-2.vjs-mouse .vjs-playlist-item:hover .vjs-playlist-thumbnail:before{background:#fe626d}.vjs-playlist-skin-2.vjs-playlist .vjs-playlist-description{color:#000}.vjs-playlist-skin-2.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-description{color:#fff}.vjs-playlist-skin-2 .vjs-playlist-name{color:#000}.vjs-playlist-skin-2 .vjs-playlist-item{text-align:left}.vjs-playlist-skin-2 .vjs-playlist-item.vjs-selected{background:#fe626d}.vjs-playlist-skin-2 .vjs-playlist-item.vjs-selected .vjs-playlist-name{color:#fff}.video-js.skin-3 .vjs-control-bar{background:#988bdd;height:80px;display:block;padding:0 70px 0 0}.video-js.skin-3 .vjs-big-play-button{width:100px;height:100px;line-height:100px;border:0;border-radius:50%;text-shadow:none;left:50%;top:50%;margin:-50px 0 0 -50px;font-size:50px;background:#988bdd}.video-js.skin-3 .vjs-big-play-button:focus{background:#988bdd}.video-js.skin-3:hover .vjs-big-play-button{background:#988bdd}.video-js.skin-3 .vjs-button>.vjs-icon-placeholder:before{line-height:80px;font-size:20px}.video-js.skin-3 .vjs-control{display:inline-block;float:left}.video-js.skin-3 .vjs-control:focus,.video-js.skin-3 .vjs-control:hover{text-shadow:none}.video-js.skin-3 .vjs-control:focus:before,.video-js.skin-3 .vjs-control:hover:before{text-shadow:none}.video-js.skin-3 .vjs-control:before{font-size:20px;line-height:80px;color:#fff}.video-js.skin-3 .vjs-time-divider{display:inline-block;float:left;color:#fff;padding:0;min-width:0}.video-js.skin-3 .vjs-time-control{line-height:80px;font-size:12px;color:#fff}.video-js.skin-3 .vjs-current-time{margin-left:0}.video-js.skin-3 .vjs-current-time,.video-js.skin-3 .vjs-duration{width:auto;min-width:0;color:#fff;padding:0 8px}.video-js.skin-3 .vjs-duration{color:#fff}.video-js.skin-3 .vjs-remaining-time{display:none}.video-js.skin-3 .vjs-play-control{width:80px}.video-js.skin-3 .vjs-fullscreen-control{float:right;position:absolute;right:0;top:0;width:60px}.video-js.skin-3 .vjs-volume-menu-button{float:right;margin:0 40px 0 0;overflow:visible}.video-js.skin-3 .vjs-playback-rate .vjs-playback-rate-value{line-height:80px;font-size:12px;position:static}.video-js.skin-3 .vjs-menu-button-popup .vjs-menu .vjs-menu-content{bottom:50px;background:rgba(0,0,0,.5);padding:5px 0;max-height:none}.video-js.skin-3 .vjs-load-progress{background:rgba(0,0,0,.25)}.video-js.skin-3 .vjs-play-progress:after{background:0 0;color:#fff}.video-js.skin-3 .vjs-progress-control{position:absolute;left:0;bottom:45px;height:0;width:100%;padding:0 150px 0 200px}.video-js.skin-3 .vjs-slider{margin:0;background:rgba(0,0,0,.25)}.video-js.skin-3 .vjs-play-progress{background:#fff;border-radius:5px}.video-js.skin-3 .vjs-play-progress:before{top:-5px;font-size:18px;text-shadow:0 3px 5px rgba(0,0,0,.15)}.video-js.skin-3 .vjs-progress-holder{width:auto;height:10px;border-radius:5px}.video-js.skin-3 .vjs-progress-holder .vjs-load-progress,.video-js.skin-3 .vjs-progress-holder .vjs-load-progress div,.video-js.skin-3 .vjs-progress-holder .vjs-play-progress{height:10px;border-radius:5px}.video-js.skin-3 .vjs-progress-holder .vjs-load-progress div{background:rgba(130,130,130,.2)}.video-js.skin-3 .vjs-volume-panel{width:30px!important;float:right}.video-js.skin-3 .vjs-volume-panel .vjs-mute-control{display:none}.video-js.skin-3 .vjs-volume-panel .vjs-volume-control{opacity:1!important;display:block!important;visibility:visible!important;transition:none!important}.video-js.skin-3 .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{left:8px;top:16px;background:0 0;height:50px}.video-js.skin-3 .vjs-menu-button-inline{width:30px;margin:0}.video-js.skin-3 .vjs-menu-button-inline:before{display:none}.video-js.skin-3 .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;visibility:visible;top:16px;margin-left:5px}.video-js.skin-3 .vjs-menu-button-inline .vjs-menu{left:0}.video-js.skin-3 .vjs-volume-bar{background:linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.25) 50%,transparent 50%,transparent);background-size:20px 5px;background-position:bottom}.video-js.skin-3 .vjs-volume-bar.vjs-slider-vertical{width:2em}.video-js.skin-3 .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{width:2em;background:linear-gradient(to bottom,#fff,#fff 50%,transparent 50%,transparent);background-size:20px 5px;background-position:bottom}.video-js.skin-3 .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level:before{display:none}.video-js.skin-3 .vjs-volume-bar.vjs-slider-horizontal{width:90px;height:6px;border-radius:5px}.video-js.skin-3 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{height:6px;border-bottom-left-radius:5px;border-top-left-radius:5px;position:static;background:#fe3638}.video-js.skin-3 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:before{top:-5px;font-size:18px;text-shadow:0 3px 5px rgba(0,0,0,.15);float:right;position:static;top:-.33333333em;right:-3.33333333em;font-size:1.9em;margin-right:-10px;margin-top:-7px;content:'\f111'}@media (max-width:600px){.video-js.skin-3 .vjs-progress-control{padding:0;bottom:90px}.video-js.skin-3 .vjs-progress-holder{border-radius:0}.video-js.skin-3 .vjs-progress-holder .vjs-play-progress{border-radius:0}}@media (min-width:1170px){.b-player.playlist-aside .vjs-playlist.vjs-playlist-skin-3{border-top:0;border-left:1px solid rgba(0,0,0,.25)}}.vjs-playlist-skin-3.vjs-mouse.vjs-playlist{border-top:1px solid rgba(0,0,0,.25);background:#988bdd}.vjs-playlist-skin-3.vjs-mouse .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,.vjs-playlist-skin-3.vjs-mouse .vjs-playlist-item:hover .vjs-playlist-thumbnail:before{background:#988bdd}.vjs-playlist-skin-3 .vjs-playlist-item{text-align:left}.vjs-playlist-skin-3 .vjs-playlist-item.vjs-selected{background:rgba(0,0,0,.25)}.vjs-playlist-skin-3 .vjs-playlist-item.vjs-selected .vjs-playlist-name{color:#fff}
@charset "UTF-8";
@font-face {
font-family: 'nuevo';
src: url('/css/skins/nuevo/fonts/nuevo.eot?crm9vn');
src: url('/css/skins/nuevo/fonts/nuevo.eot?crm9vn#iefix') format('embedded-opentype'), url('/css/skins/nuevo/fonts/nuevo.ttf?crm9vn') format('truetype'), url('/css/skins/nuevo/fonts/nuevo.woff?crm9vn') format('woff'), url('/css/skins/nuevo/fonts/nuevo.svg?crm9vn#nuevo') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: FSRegular;
src: url('/css/fonts/FSElliotGrWeb-Regular.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: FSHeavy;
src: url('/css/fonts/FSElliotGrWeb-Heavy.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
html {
font-family: FSRegular, Arial;
color: #FFF;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
background-color: #151515;
overflow-x: hidden;
}
body, html, .toplatest, .TopSchedule {
max-width: 1950px !important;
}
@media screen and (min-width: 1930px) {
body {
border: solid 1px rgba(255,255,255,.2) !important;
}
html {
margin: 10px auto !important;
}
.toplatest, .TopSchedule {
overflow: hidden;
left: auto !important;
}
}
body {
font-family: FSRegular, Arial;
margin: 0;
background-color: #151515;
height: 100%;
overflow-x: hidden;
}
* {
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
details,
figcaption,
figure,
footer,
.header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
border:0;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
clear: both;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
text-decoration: none;
outline: none;
color: #FFF;
cursor: pointer;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
.popular h2 {font-size:1.1rem}
@media screen and (max-width: 1366px) {
.weekmovie .allMovies {
left: 1% !important
}
.weekmovie .moviecontent {
max-width: 90% !important;
left: 1% !important;
bottom: 30px !important;
}
}
@media screen and (max-width: 800px) {
.moviespage .movieimg {
background: none !important
}
.moviespage .weekmovie {
height: calc(100% - 120px) !important;
background: #000 !important;
}
.moviespage .weekmovie .moviecontent {
position: relative !important;
top: 30px;
display: block;
margin:auto;
}
.moviespage .weekmovie .moviecontent .date, moviespage .weekmovie .moviecontent .time, moviespage .weekmovie .moviecontent .date .showname {
font-size: 1.2rem !important;
}
}
@media screen and (max-width: 1366px) {
.homeTeaser .infoBox .showdatetime .showname, .showmainteaser .showmetadata h1, .homeTeaser .infoBox .showdatetime .time {
font-size: 3rem;
}
.homeTeaser .infoBox .showdatetime {
height: auto;
}
}
.searchtextBox {
position: fixed;
top: -50px;
left: 0;
width: 100%;
height: 50px;
background-color: rgba(255,255,255,.9);
transition: all 100ms;
z-index: 4;
}
.searchtextBox #searchTxt {
border: 0;
width: 100%;
height: 100%;
padding: 0 10px 0 10px;
font-size: 1rem;
color: #EA3514;
background-color: transparent;
font-family: FSRegular;
font-weight:bold;
}
.searchtextBox #searchTxt::placeholder {
color: #F49854;
font-weight: bold;
font-family: FSRegular;
}
.livebtn {
font-weight: bold;
position: fixed;
height: 28px;
background-color: #CC5500;
top: 0;
left: calc(50% - 75px);
z-index: 1001;
width: 150px;
padding-top: 100px;
padding-bottom: 20px;
text-align: center;
font-size: 1.4rem;
transition: ease-in-out 300ms;
}
.homeTeaser {
width: 100%;
position: relative;
border-bottom: solid 1px rgba(255,255,255,.2);
background-color: #000;
min-height: 800px;
}
.homeTeaser:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
display: block;
flex-basis: 0%;
flex-grow: 1;
flex-shrink: 1;
background-image: linear-gradient(to bottom,transparent 34%,rgba(21,21,21,.8) 90%,#151515), linear-gradient(-90deg, transparent, #000000);
}
@media screen and (max-width: 650px) {
.homeTeaser:after {
display:none;
}
}
@media screen and (max-width: 1366px) {
.homeTeaser {
min-height: 600px;
}
}
.homeTeaser img {
width: 100%;
display: block;
transition: all 100ms;
}
.homeTeaser .infoBox {
position: absolute;
top: 40%;
left: 2%;
z-index: 3;
opacity: 1;
transition: ease-in 200ms;
max-width: 60%;
}
@media screen and (max-width: 1366px) {
.infoBox {
top:50% !important;
max-width: 70% !important;
}
}
@media screen and (max-width: 1100px) {
.infoBox {
top: unset !important;
bottom:25%;
max-width: 70% !important;
}
}
@media screen and (max-width: 900px) {
.infoBox {
top: unset !important;
bottom: 35%;
}
}
.infoBox .date {
font-size: 2rem;
opacity: .9;
}
.homeTeaser .infoBox .showdatetime {
width: 100%;
height: 100px;
}
.homeTeaser .infoBox .showdatetime .time {
font-size: 4rem;
padding-right: 20px;
color: #CC5500;
display: inline-block;
font-family: FSHeavy;
opacity: .9;
white-space: nowrap;
}
.homeTeaser .infoBox .showdatetime .showname, .showmainteaser .showmetadata h1 {
font-size: 4rem;
display: inline-block;
font-family: FSHeavy;
opacity: .9;
white-space: nowrap;
padding: 0;
margin: 0;
}
@media screen and (max-width: 650px) {
.homeTeaser .infoBox .showdatetime .showname, .showmainteaser .showmetadata h1, .homeTeaser .infoBox .showdatetime .time {
font-size: 1.5rem !important;
}
.latest:before, .HomeVZ3:before {
left: 10px !important;
}
}
@media screen and (max-width: 1366px) {
.homeTeaser .infoBox .showdatetime .showname, .showmainteaser .showmetadata h1, .homeTeaser .infoBox .showdatetime .time {
font-size: 3rem;
}
.homeTeaser .infoBox .showdatetime {
height: auto;
}
}
@media screen and (max-width: 1366px) {
.homeTeaser .infoBox .showdatetime .showname, .showmainteaser .showmetadata h1, .homeTeaser .infoBox .showdatetime .time {
font-size: 2rem;
}
.homeTeaser .infoBox .showdatetime {
height: auto;
}
}
.homeTeaser .infoBox .description, .showmainteaser .showmetadata .description {
max-width: 80%;
opacity: .9;
display: block;
}
@media screen and (max-width: 1600px) {
.watch .morewrapper {
width: 100% !important;
}
}
@media screen and (max-width: 1100px) {
.homeTeaser {
margin-top: 90px;
min-height: 400px;
}
.latest, .watch .morewrapper, .HomeVZ3 {
width: 100% !important;
}
.latest:before, .thisSeasonShows:before, .suggestShows:before, .HomeVZ3:before {
left: 20px !important;
}
.incaseyoumissit .missitteaser {
width: 100% !important;
margin-bottom: 20px;
}
.incaseyoumissit .ad300 {
width: 300px;
margin: auto;
}
}
@media screen and (max-width: 800px) {
.homeTeaser {
min-height: 300px;
}
.homeTeaser .infoBox .description {
display: none;
}
.homeTeaser .infoBox .latestEpisode,
.homeTeaser .infoBox .allvideos {
font-size: .8rem !important;
}
.header .menu a {
width: calc(33% - 20px);
text-align: center;
padding: 5px;
font-size: 1.3rem;
}
.header .menu .popular h1 {
font-size: 1.2rem
}
.header .menu .popular .menupopular a {
font-size: 1rem;
}
.suggestShows a .mmetadata .airtime {
display: none !important;
}
}
@media screen and (max-width: 850px) {
.livebtn {
position: fixed !important;
display: block;
background-color: #CC5500;
top: 48px;
left: calc(50% - 40px);
z-index: 1001;
width: 80px;
padding-top: 8px !important;
padding-bottom: 8px !important;
font-size: 1.1rem;
}
}
@media screen and (max-width: 650px) {
.homeTeaser {
min-height: unset;
}
.header .menu a, .header .menu .popular h1 {
font-size: 1rem;
}
.homeTeaser .infoBox {
bottom: unset;
max-width: unset !important;
top: 110% !important;
width: calc(100% - 40px);
}
.latest {
margin-top: 220px !important;
}
.incaseyoumissit {
width: 100% !important;
display: block !important;
}
.incaseyoumissit:before {
left: 20px;
}
.incaseyoumissit .missitteaser {
display: block;
}
.incaseyoumissit .ad300 {
margin-top: 20px;
}
.weekmovie .movieimg {
background-position: center center;
}
.weekmovie .moviecontent .showname {
font-size: 1.8rem !important;
}
.weekmovie .moviecontent span:nth-child(3) {
display: none !important;
}
.weekmovie .allMovies, .weekmovie .moviecontent .morebtn, .weekmovie .moviecontent .trailerbtn {
font-size: .8rem !important
}
.thisSeasonShows a, .suggestShows a {
width: 200px !important;
}
.header a img {
padding: 30px 0 0 20px;
width: 100px;
margin-right: 0px;
}
.livebtn {
position: fixed !important;
display: block;
background-color: #CC5500;
top: 45px !important;
left: calc(50% - 40px);
z-index: 1001;
width: 80px;
/* padding-top: 8px !important;
padding-bottom: unset !important;*/
font-size: 1.1rem;
}
.weekmovie .allMovies {
left: 1% !important;
}
.header .menu .popular .menupopular a {
width: calc(50% - 20px);
font-size: .8rem;
}
}
@media screen and (max-width: 550px) {
.livebtn {
left: unset !important;
right: 100px;
}
}
.homeTeaser .infoBox .latestEpisode,
.homeTeaser .infoBox .allvideos,
.showmainteaser .showmetadata .latestEpisode,
.showmainteaser .showmetadata .allvideos {
background-color: #CC5500;
display: inline-block;
padding: 10px 20px 10px 20px;
margin: 20px 10px 0 0;
opacity: .9;
font-weight: bold;
border-radius: 2px;
}
.latestEpisode {
background-color: #307FFF !important;
}
.showmainteaser .showmetadata .allvideos {
background-color: #307FFF;
}
.homeTeaser .infoBox .latestEpisode:hover,
.homeTeaser .infoBox .allvideos:hover,
.livebtn:hover,
.showmainteaser .showmetadata .allvideos:hover {
background-color: #FFF;
color: #CC5500
}
.latestEpisode:hover {
background-color: #FFF !important;
color: #307FFF !important;
}
.homeTeaser .teaservideo {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
opacity: 0;
transition: ease-in 1s;
}
.videoactions {
position: absolute;
top: 105px;
right: 20px;
z-index: 3;
font-size:1.7rem;
background-size: 100%;
background-repeat: no-repeat;
display: none;
cursor: pointer;
transition: ease-in-out 200ms;
}
.spider:after {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background: url('//s.tvopen.gr/images/bg_scene.png');
opacity: .5;
}
.latest, .middlesponsoship, .watch .morewrapper, .HomeVZ3 {
position: relative;
z-index: 3;
margin: auto;
margin-top: -300px;
width: 80%;
background-color: #232323;
padding-bottom: 20px;
border-top: solid 5px #CC5500;
}
.HomeVZ3 {
margin-top: 100px;
}
.watch .morewrapper {
margin-top: 0;
}
.middlesponsoship {
display: block;
margin-top: 40px;
border-top: unset;
padding: 0;
}
.middlesponsoship img {
max-width: 100%;
}
@media screen and (max-width: 650px) {
.middlesponsoship {
width: 100%;
}
}
@media screen and (max-width: 1700px) {
.latest {
margin-top: -120px;
}
}
@media screen and (max-width: 1600px) {
.latest {
margin-top: -120px;
width:100% !important;
}
.HomeVZ3, .otherwrapper {width:100% !important;}
.otherwrapper {
padding:0 !important;
}
.webtv .otherwrapper a {width:25% !important}
.latest:before, .thisSeasonShows:before, .suggestShows:before, .HomeVZ3:before {
left: 20px !important;
}
}
@media screen and (max-width: 1300px) {
.latest {
margin-top: -80px;
}
}
@media screen and (max-width: 1100px) {
.latest {
margin-top: 0px;
}
}
.latest:before, .HomeVZ3:before {
position: absolute;
top: -40px;
content: attr(layer-title);
font-size: 1.3rem;
}
.latest a, .HomeVZ3 a {
display: inline-block;
position: relative;
width: 25%;
min-width: 320px;
vertical-align: top;
}
.latest a img, .HomeVZ3 a img {
width: 100%;
min-width: 320px;
min-height: 180px;
}
.latest .title, .incaseyoumissit .missitteaser .title, .HomeVZ3 .title {
font-weight: bold;
display: block;
padding: 10px 10px 5px 10px;
font-size: 1.2rem;
}
.latest .description, .incaseyoumissit .missitteaser .description, .HomeVZ3 a .description {
display: block;
padding: 0 10px 0 10px;
}
.incaseyoumissit:before {
position: absolute;
top: -40px;
content: "Σε περίπτωση που το έχασες!";
font-size: 1.3rem;
}
.incaseyoumissit {
position: relative;
width: 80%;
margin: auto;
display: flex;
flex-wrap: wrap;
margin-top: 100px;
}
.incaseyoumissit .missitteaser {
margin-right: 20px;
background-color: #232323;
padding-bottom: 20px;
width: calc(100% - 320px);
}
.incaseyoumissit .missitteaser img {
width: 100%;
min-height: 211px;
}
.thisSeasonShows, .suggestShows {
position: relative;
margin-top: 100px;
width: 100%;
}
.thisSeasonShows:before, .suggestShows:before {
position: absolute;
top: -40px;
left: 10%;
content: "Οι εκπομπές μας";
font-size: 1.3rem;
}
.suggestShows:before {
content: "ΠΡΟΤΕΙΝΟΥΜΕ";
left: 30px;
}
.thisSeasonShows a, .suggestShows a {
width: 300px;
display: inline-block;
margin: 0 2px 0 2px;
position: relative;
transition: all 200ms;
-webkit-box-shadow: 2px 2px 30px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 30px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 30px 0px rgba(0,0,0,0.75);
box-sizing: border-box;
}
.thisSeasonShows a img, .suggestShows a img {
width: 100%;
display: block;
position: relative;
z-index: 1;
min-height: 355px;
}
.thisSeasonShows a .mmetadata, .suggestShows a .mmetadata {
z-index: 2;
position: absolute;
width: calc(100% - 40px);
padding: 20px;
bottom: 0px;
background-image: linear-gradient(to bottom,transparent 14%,rgba(15,15,15,.8) 90%,#111);
}
.thisSeasonShows a .mmetadata .movietitle, .suggestShows a .mmetadata .movietitle {
display: block;
font-weight: bold;
font-size: 1.2rem;
padding-bottom: 10px;
}
thisSeasonShows a .mmetadata .airtime, .suggestShows a .mmetadata .airtime {
display: block;
padding-bottom: 10px;
}
.thisSeasonShows a:hover, .suggestShows a:hover {
opacity: 1;
transform: scale(1.15);
z-index: 3;
border-style: solid;
border-width: 10px;
border-color: #CC5500
}
@media screen and (max-width: 800px) {
.thisSeasonShows, .suggestShows {
/*overflow:hidden;*/
}
.thisSeasonShows a:hover, .suggestShows a:hover {
border: none !important;
transform: none !important;
}
}
.weekmovie {
height: auto;
width: auto;
left: 0;
top: 0;
height: 470px;
margin-top: 100px;
width: 100%;
border-bottom: solid 1px rgba(255,255,255,.2);
border-top: solid 1px rgba(255,255,255,.2);
position: relative;
}
.weekmovie .movieimg:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: linear-gradient(to bottom,transparent 54%,rgba(17,17,17,.8) 80%,#111), linear-gradient(to right,#111,rgba(17,17,17,.95) 18.75%,rgba(17,17,17,.5) 50%,transparent 75%);
}
.weekmovie .movieimg {
margin-left: 0;
width: 100%;
height: 100%;
position: static;
margin-right: 0;
}
.weekmovie .movieimg img {
width: 100%;
display: block;
}
.weekmovie .moviecontent {
max-width: 50%;
left: 10%;
position: absolute;
bottom: 10%;
z-index: 2;
transition: all 200ms;
user-select: none;
-moz-user-select: none;
}
.weekmovie .moviecontent h2 {
font-size: 1.3rem;
padding: 0;
margin: 0;
}
.weekmovie .moviecontent span {
display: block;
/*padding: 20px 20px 20px 0;*/
/*width: 50%;*/
}
.weekmovie .moviecontent .date {
font-size: 2rem;
opacity: .9;
display: block;
}
.weekmovie .moviecontent .time {
width: auto;
font-size: 3rem;
padding-right: 20px;
color: #CC5500;
display: inline-block;
font-family: FSHeavy;
opacity: .9;
/*white-space: nowrap;*/
}
.weekmovie .moviecontent .showname {
width: auto;
font-size: 3rem;
display: inline-block;
font-family: FSHeavy;
opacity: .9;
/*white-space: nowrap;*/
}
.weekmovie .moviecontent .description {
max-width: 80%;
opacity: .9;
}
.weekmovie .moviecontent .morebtn {
background-color: #307FFF;
display: inline-block;
padding: 10px 20px 10px 20px;
margin: 20px 10px 0 0;
opacity: .9;
font-weight: bold;
border-radius: 2px;
}
.weekmovie .moviecontent .trailerbtn {
background-color: #CC5500;
display: inline-block;
padding: 10px 20px 10px 20px;
margin: 20px 10px 0 0;
opacity: .9;
font-weight: bold;
border-radius: 2px;
}
.weekmovie .trailerHolder {
position: absolute;
width: 100%;
margin: auto;
left: 0;
top: 0;
height: 100%;
background-color: #151515;
/*display:none;*/
opacity: 0;
transition: all 1s;
}
.weekmovie .trailerHolder #fmovietrailer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.weekmovie .allMovies {
background-color: #307FFF;
padding: 10px;
position: absolute;
top: 20px;
left: 10%;
z-index: 3;
font-size: 1rem;
font-weight: bold;
border-radius: 2px;
}
.big-play-button, .big-pause-button {
font-family: VideoJS;
position: absolute;
width: 100px;
height: 100px;
line-height: 100px;
border: 0;
border-radius: 50%;
text-shadow: none;
left: 50%;
top: 50%;
margin: -50px 0 0 -50px;
font-size: 50px;
background: rgba(0, 0, 0, 0.6);
text-align: center;
transition: all 200ms;
opacity: 0;
z-index: 2;
}
.big-play-button:focus, .big-pause-button:focus {
background: rgba(0, 0, 0,1);
}
.big-play-button:before {
content: "\f101";
}
.big-pause-button:before {
content: "\f103";
}
.big-play-button:focus, .big-pause-button:focus {
background: rgba(0, 0, 0,1);
}
.big-play-button:hover {
background: rgba(0, 0, 0, 0.7);
}
.close {
position: absolute;
right: 32px;
top: 32px !important;
width: 32px;
height: 32px;
opacity: 0.3;
z-index: 3;
background-color: #000;
border-radius: 5px;
}
.close:hover {
opacity: 1;
}
.close:before, .close:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
background-color: #FFF;
}
.close:before {
transform: rotate(45deg);
}
.close:after {
transform: rotate(-45deg);
}
.spinner {
width: 40px;
height: 40px;
position: relative;
margin: 100px auto;
display: none;
}
.double-bounce1, .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
0%, 100% {
-webkit-transform: scale(0.0)
}
50% {
-webkit-transform: scale(1.0)
}
}
@keyframes sk-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.footer {
display: block;
margin-top: 100px;
width: 100%;
border-top: solid 5px #CC5500;
padding-bottom: 50px;
position: relative;
z-index: 8;
background-color: rgba(0,0,0,.6)
}
.footer .flive {
background-color: #CC5500;
width: 40px;
text-align: center;
border-radius: 2px;
}
.footer .clmn0 img {
width: 80px;
padding: 20px;
}
.icon, .mytxt {
width: 20px;
height: 20px;
display: inline-block;
background-repeat: no-repeat;
background-size: 100%;
margin: 20px 10px 0 0;
}
.icon {
opacity: .5;
}
.icon:hover {
opacity: 1;
}
.mytxt {
width: 70px;
text-align: right;
}
.fb {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2060.734%2060.733%22%20style%3D%22enable-background%3Anew%200%200%2060.734%2060.733%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M57.378%2C0.001H3.352C1.502%2C0.001%2C0%2C1.5%2C0%2C3.353v54.026c0%2C1.853%2C1.502%2C3.354%2C3.352%2C3.354h29.086V37.214h-7.914v-9.167h7.914%20%20%20v-6.76c0-7.843%2C4.789-12.116%2C11.787-12.116c3.355%2C0%2C6.232%2C0.251%2C7.071%2C0.36v8.198l-4.854%2C0.002c-3.805%2C0-4.539%2C1.809-4.539%2C4.462%20%20%20v5.851h9.078l-1.187%2C9.166h-7.892v23.52h15.475c1.852%2C0%2C3.355-1.503%2C3.355-3.351V3.351C60.731%2C1.5%2C59.23%2C0.001%2C57.378%2C0.001z%22%20fill%3D%22%23969696%22/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A");
}
.ig {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210px%22%20height%3D%2210px%22%20viewBox%3D%220%200%2010%2010%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Instagram%22%20fill%3D%22%23969696%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22instagram%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M5%2C0%20C3.64166667%2C0%203.47208333%2C0.00625%202.93875%2C0.03%20C2.40625%2C0.055%202.04375%2C0.13875%201.725%2C0.2625%20C1.39625%2C0.39%201.11708333%2C0.56125%200.839166667%2C0.839166667%20C0.56125%2C1.11708333%200.389583333%2C1.39583333%200.2625%2C1.725%20C0.13875%2C2.04375%200.0545833333%2C2.40625%200.03%2C2.93875%20C0.005%2C3.47208333%200%2C3.64166667%200%2C5%20C0%2C6.35833333%200.00625%2C6.52791667%200.03%2C7.06125%20C0.055%2C7.59333333%200.13875%2C7.95625%200.2625%2C8.275%20C0.39%2C8.60333333%200.56125%2C8.88291667%200.839166667%2C9.16083333%20C1.11708333%2C9.43833333%201.39583333%2C9.61041667%201.725%2C9.7375%20C2.04416667%2C9.86083333%202.40666667%2C9.94541667%202.93875%2C9.97%20C3.47208333%2C9.995%203.64166667%2C10%205%2C10%20C6.35833333%2C10%206.52791667%2C9.99375%207.06125%2C9.97%20C7.59333333%2C9.945%207.95625%2C9.86083333%208.275%2C9.7375%20C8.60333333%2C9.61%208.88291667%2C9.43833333%209.16083333%2C9.16083333%20C9.43833333%2C8.88291667%209.61041667%2C8.60458333%209.7375%2C8.275%20C9.86083333%2C7.95625%209.94541667%2C7.59333333%209.97%2C7.06125%20C9.995%2C6.52791667%2010%2C6.35833333%2010%2C5%20C10%2C3.64166667%209.99375%2C3.47208333%209.97%2C2.93875%20C9.945%2C2.40666667%209.86083333%2C2.04333333%209.7375%2C1.725%20C9.61%2C1.39625%209.43833333%2C1.11708333%209.16083333%2C0.839166667%20C8.88291667%2C0.56125%208.60458333%2C0.389583333%208.275%2C0.2625%20C7.95625%2C0.13875%207.59333333%2C0.0545833333%207.06125%2C0.03%20C6.52791667%2C0.005%206.35833333%2C0%205%2C0%20Z%20M5%2C0.9%20C6.33458333%2C0.9%206.49375%2C0.906666667%207.02083333%2C0.929583333%20C7.50833333%2C0.9525%207.77291667%2C1.03333333%207.94875%2C1.1025%20C8.18291667%2C1.19291667%208.34875%2C1.30125%208.52458333%2C1.47583333%20C8.69916667%2C1.65083333%208.8075%2C1.81708333%208.89791667%2C2.05125%20C8.96625%2C2.22708333%209.04791667%2C2.49166667%209.07%2C2.97916667%20C9.09375%2C3.50666667%209.09916667%2C3.665%209.09916667%2C5%20C9.09916667%2C6.335%209.09291667%2C6.49375%209.06833333%2C7.02083333%20C9.04291667%2C7.50833333%208.96166667%2C7.77291667%208.89291667%2C7.94875%20C8.79958333%2C8.18291667%208.69333333%2C8.34875%208.51833333%2C8.52458333%20C8.34375%2C8.69916667%208.175%2C8.8075%207.94333333%2C8.89791667%20C7.76833333%2C8.96625%207.49958333%2C9.04791667%207.01208333%2C9.07%20C6.48125%2C9.09375%206.325%2C9.09916667%204.9875%2C9.09916667%20C3.64958333%2C9.09916667%203.49333333%2C9.09291667%202.96291667%2C9.06833333%20C2.475%2C9.04291667%202.20625%2C8.96166667%202.03125%2C8.89291667%20C1.79416667%2C8.79958333%201.63125%2C8.69333333%201.45666667%2C8.51833333%20C1.28125%2C8.34375%201.16916667%2C8.175%201.08166667%2C7.94333333%20C1.01291667%2C7.76833333%200.932083333%2C7.49958333%200.906666667%2C7.01208333%20C0.887916667%2C6.48708333%200.88125%2C6.325%200.88125%2C4.99375%20C0.88125%2C3.66208333%200.887916667%2C3.49958333%200.906666667%2C2.96833333%20C0.932083333%2C2.48083333%201.01291667%2C2.2125%201.08166667%2C2.0375%20C1.16916667%2C1.8%201.28125%2C1.6375%201.45666667%2C1.46208333%20C1.63125%2C1.2875%201.79416667%2C1.175%202.03125%2C1.08791667%20C2.20625%2C1.01875%202.46916667%2C0.9375%202.95666667%2C0.9125%20C3.48791667%2C0.89375%203.64416667%2C0.8875%204.98125%2C0.8875%20L5%2C0.9%20Z%20M5%2C2.4325%20C3.58125%2C2.4325%202.4325%2C3.5825%202.4325%2C5%20C2.4325%2C6.41875%203.5825%2C7.5675%205%2C7.5675%20C6.41875%2C7.5675%207.5675%2C6.4175%207.5675%2C5%20C7.5675%2C3.58125%206.4175%2C2.4325%205%2C2.4325%20Z%20M5%2C6.66666667%20C4.07916667%2C6.66666667%203.33333333%2C5.92083333%203.33333333%2C5%20C3.33333333%2C4.07916667%204.07916667%2C3.33333333%205%2C3.33333333%20C5.92083333%2C3.33333333%206.66666667%2C4.07916667%206.66666667%2C5%20C6.66666667%2C5.92083333%205.92083333%2C6.66666667%205%2C6.66666667%20Z%20M8.26916667%2C2.33125%20C8.26916667%2C2.6625%208%2C2.93125%207.66916667%2C2.93125%20C7.33791667%2C2.93125%207.06916667%2C2.66208333%207.06916667%2C2.33125%20C7.06916667%2C2.00041667%207.33833333%2C1.73166667%207.66916667%2C1.73166667%20C7.99958333%2C1.73125%208.26916667%2C2.00041667%208.26916667%2C2.33125%20Z%22%20id%3D%22Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E");
}
.tw {
width: 25px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210px%22%20height%3D%228px%22%20viewBox%3D%220%200%2010%208%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Twitter%22%20transform%3D%22translate%280.000000%2C%20-1.000000%29%22%20fill%3D%22%23969696%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22twitter%22%20transform%3D%22translate%280.000000%2C%201.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M9.98041748%2C0.952683652%20C9.61168285%2C1.11221613%209.21794925%2C1.22089506%208.80338319%2C1.27051828%20C9.22586559%2C1.01994156%209.55085205%2C0.625006408%209.70459564%2C0.153790947%20C9.30836215%2C0.381401548%208.86921378%2C0.547085662%208.40173326%2C0.63936023%20C8.02841548%2C0.246065515%207.49635432%2C0%206.9055456%2C0%20C5.77350944%2C0%204.85563102%2C0.903470549%204.85563102%2C2.01650689%20C4.85563102%2C2.17644948%204.87438023%2C2.33024043%204.90854548%2C2.47746963%20C3.20444981%2C2.39831855%201.69409608%2C1.5928641%200.683304862%2C0.37524991%20C0.505395609%2C0.671348747%200.405816424%2C1.01543036%200.405816424%2C1.39027016%20C0.405816424%2C2.09155688%200.768301321%2C2.70795099%201.31744511%2C3.07007741%20C0.981209116%2C3.05941457%200.664972293%2C2.96837033%200.389150452%2C2.81745015%20L0.389150452%2C2.84246681%20C0.389150452%2C3.82057723%201.09453773%2C4.63628441%202.03324861%2C4.82206387%20C1.86117245%2C4.86758599%201.67951335%2C4.89219255%201.49327111%2C4.89219255%20C1.36244323%2C4.89219255%201.23703179%2C4.87988927%201.11162035%2C4.85692316%20C1.37452606%2C5.65786641%202.1303279%2C6.2418619%203.02987376%2C6.25826626%20C2.32990292%2C6.79920029%201.44285655%2C7.12154611%200.487479688%2C7.12154611%20C0.324986459%2C7.12154611%200.162909879%2C7.1121136%200%2C7.0940688%20C0.912045331%2C7.66576101%201.98658389%2C8%203.14861881%2C8%20C6.92096163%2C8%208.98129245%2C4.9258215%208.98129245%2C2.26421285%20C8.98129245%2C2.17850003%208.98129245%2C2.09196699%208.97504271%2C2.00584406%20C9.37544269%2C1.72327882%209.72501146%2C1.36607372%2010%2C0.960885836%20L9.98041748%2C0.952683652%20Z%22%20id%3D%22Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E")
}
.youtube {
width: 25px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210px%22%20height%3D%228px%22%20viewBox%3D%220%200%2010%208%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Youtube%22%20transform%3D%22translate%280.000000%2C%20-1.000000%29%22%20fill%3D%22%23969696%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22youtube%22%20transform%3D%22translate%280.000000%2C%201.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M9.79122799%2C1.23528932%20C9.6733471%2C0.751795608%209.34328791%2C0.373983442%208.92090462%2C0.23904754%20C8.14144834%2C6.76869904e-06%205.00444943%2C6.76869904e-06%205.00444943%2C6.76869904e-06%20C5.00444943%2C6.76869904e-06%201.87537014%2C-0.00476450418%201.08799425%2C0.23904754%20C0.665610962%2C0.373983442%200.335551766%2C0.751795608%200.217670874%2C1.23528932%20C0.0699162221%2C2.14875455%20-0.00292752911%2C3.07602864%209.00302909e-05%2C4.00501322%20C-0.00235707429%2C4.93049236%200.0704842891%2C5.85422195%200.217670874%2C6.76424033%20C0.335551766%2C7.24773403%200.665610962%2C7.6255462%201.08799425%2C7.7604821%20C1.86661688%2C8%205.00444943%2C8%205.00444943%2C8%20C5.00444943%2C8%208.13311191%2C8%208.92090462%2C7.7604821%20C9.34328791%2C7.6255462%209.6733471%2C7.24773403%209.79122799%2C6.76424033%20C9.93533956%2C5.85389233%2010.0051108%2C4.93016541%209.99963876%2C4.00501322%20C10.0056812%2C3.0763568%209.93590767%2C2.14908539%209.79122799%2C1.23528932%20Z%20M4.0032441%2C5.71837731%20L4.0032441%2C2.28640073%20L6.61421422%2C4.00501322%20L4.0032441%2C5.71837731%20Z%22%20id%3D%22Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E");
}
.disclaimer {
display: block;
margin: 20px 10px 0 0;
}
/*****contact******/
.contact .stitle {
display: block;
margin-top: 180px;
width: calc(100% - 40px);
text-align: center;
padding: 20px 0 0 0;
font-weight: normal;
}
.contact .contactwrapper {
width: 600px;
margin: auto;
margin-top: 50px;
}
@media screen and (max-width: 640px) {
.contact .contactwrapper {
width: 95%;
}
}
.contact .contactwrapper input, .contact .contactwrapper textarea {
width: calc(100% - 20px);
padding: 10px;
border: 0;
border-radius: 5px;
background-color: #565656;
font-family: FSRegular;
font-size: 1rem;
color: #FFF;
}
.contact .contactwrapper textarea {
height: 100px;
resize: none;
}
.contact label {
display: block;
padding: 20px 0 5px 0;
}
.contact .submitBtn {
background-color: #CC5500 !important;
width: 100px !important;
text-align: center;
margin-top: 30px;
float: right;
}
/******Cookies*******/
.contentWrapper {
width: 80%;
margin: auto;
margin-top: 150px;
}
/******Live********/
.Live .vjs-progress-holder, .Live .vjs-duration-display, .Live .vjs-time-divider {
display: none;
}
.Live .vjs-live-display {
font-size: 1.1em;
padding-top: 4px;
}
.Live .vjs-time-divider {
display: none !important
}
.Live .myplayer {
width: 100%;
height: 100%;
}
.vjs-big-play-button {
background-color: transparent !important;
transition: ease-out 100ms !important;
border: solid 3px rgba(255,255,255,.5) !important;
}
.video-js.skin-1 .vjs-big-play-button {
opacity: .8
}
.vjs-control-bar {
border-top: solid 1px rgba(255,255,255,.2);
transition: all 200ms;
}
.Live .catchupitems {
width: 100%;
height: 0%;
background-color: #232323;
overflow: hidden;
}
.Live .catchupitems a {
display: inline-block;
position: relative;
max-width: 200px;
}
.Live .catchupitems img {
width: 100%;
min-width: 200px;
}
.Live .catchupitems .title {
display: block;
padding: 10px 10px 5px 10px;
font-size: .8rem;
}
.Live #fullBody {
display: none;
}
.Live .youwatching {
position: absolute;
display: block;
top: 30%;
left: 5%;
font-size: 4rem;
font-family: FSHeavy;
z-index: 7;
opacity: .6;
max-width: 50%;
}
@media screen and (max-width: 640px) {
.Live .youwatching {
font-size: 2rem;
}
}
.Live .youwatching span {
display: block;
font-size: 1.3rem;
font-family: FSRegular;
opacity: .7
}
/******** Show About ************/
.showMenu {
position: fixed;
top: 90px;
left: 0;
z-index: 1;
font-size: 1.1rem;
color: rgba(255,255,255,.5);
display: flex;
width: calc(100% - 60px);
padding: 10px 30px 10px 30px;
background-color: transparent;
}
@media screen and (max-width: 640px) {
.showMenu {
padding: 10px 30px 10px 10px !important;
width: calc(100% - 20px) !important;
}
}
.showmainteaser {
position: relative
}
.showmainteaser img {
width: 100%;
}
.show .showmainteaser img {
min-height: 250px;
}
.videoLib .showmainteaser img, .AboutPage .showmainteaser img {
min-height: 150px;
}
.AboutPage .showmainteaser:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 500px;
display: block;
flex-basis: 0%;
flex-grow: 1;
flex-shrink: 1;
background-image: linear-gradient(to bottom,transparent 34%,rgba(21,21,21,.8) 90%,#151515);
}
.showMenu .right {
margin-left: auto;
margin-right: 0;
padding-top: 5px;
}
@media screen and (max-width: 1100px) {
.showMenu .right {
display: none;
}
}
.showMenu .left a {
display: inline-block;
padding: 10px 20px 10px 20px;
margin-right: 5px;
color: #FFF;
}
.showMenu .left a:hover, .showMenu .left .smenu {
background-color: rgba(238,102,0,.5);
color: #FFF;
border-radius: 2px;
}
.showMenu .left .smenu {
background-color: #CC5500 !important;
color: #FFF;
}
.showMenu .left a:first-child {
font-weight: bold;
}
.aboutmainteaser {
width: 100%;
margin-top: 121px;
}
.aboutmainteaser img {
width: 100%;
}
.AboutDetails {
display: flex;
margin: auto;
margin-top: 50px;
width: 80%;
}
.AboutDetails .showtitle {
width: 30%;
padding: 20px;
color: #CCC;
}
.AboutDetails .showtitle span:first-child {
font-size: 1.4rem;
font-weight: bold;
display: block;
color: #FFF;
}
.AboutDetails .showdescription p {
padding: 0 0 5px 0;
margin: 0;
}
@media screen and (max-width: 1366px) {
.aboutmainteaser img {
margin-top: 170px;
}
.videosWrapper {
margin-top: -130px;
}
.showmainteaser .showmetadata {
top: 50%;
}
.otherwrapper {
width: 95%;
}
.infoBox .description, .showmainteaser .showmetadata .description {
max-width: 100%;
font-size: .9rem;
}
}
@media screen and (max-width: 1100px) {
.AboutDetails {
display: block;
}
.AboutDetails .showtitle span:first-child {
font-size: 1.4rem;
font-weight: bold;
display: block;
color: #FFF;
width: 100%;
}
.showmainteaser .showmetadata {
position: absolute;
top: calc(100% - 150px);
z-index: 3;
max-width: 50%;
}
.showmainteaser {
margin-top: 90px;
}
.videosWrapper {
margin-top: 30px;
}
.otherwrapper {
width: calc(100% - 40px);
}
.showmainteaser .showmetadata {
max-width: 80%;
}
.otherwrapper a {
width: calc(33% - 20px);
}
}
@media screen and (max-width: 1100px) {
.homeTeaser .infoBox .description, .showmainteaser .showmetadata .description {
max-width: 100%;
}
.otherwrapper a {
width: calc(50% - 20px);
}
.videosWrapper:before {
left: 15px;
}
}
@media screen and (max-width: 800px) {
.AboutDetails {
width: 98%;
}
.othertitle {
margin-top: 30px;
padding: 0;
}
.aboutmainteaser img {
width: 150%;
margin-left: -25%;
}
.AboutDetails .showtitle {
width: 100%;
padding: 0;
padding-bottom: 20px;
}
}
@media screen and (max-width: 650px) {
.showmainteaser .showmetadata {
max-width: 95%;
top: unset;
bottom: -100px;
}
.videosWrapper {
margin-top: 180px;
}
.otherwrapper {
width: 100%;
overflow: hidden;
}
.otherwrapper a {
width: calc(100% - 20px);
}
.showMenu {
padding: 10px;
}
.showMenu .right {
display: none
}
.showmainteaser img {
position: relative;
width: 150%;
left: -25%;
}
.showMenu {
width: 100%;
}
.showMenu .left {
width: 100%;
display: block;
}
.showMenu .left a {
display: inline-block;
}
}
/********* Show **************/
.show .showmainteaser {
position: relative;
width: 100%;
min-height: 250px;
}
.show .showmainteaser:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
display: block;
flex-basis: 0%;
flex-grow: 1;
flex-shrink: 1;
background-image: linear-gradient(to bottom,transparent 34%,rgba(21,21,21,.8) 90%,#151515), linear-gradient(-90deg, transparent, #000000);
}
.show .showmainteaser img {
display: block;
width: 100%;
}
.show .showmainteaser .showmetadata {
position: absolute;
top: 30%;
left: 2%;
z-index: 3;
opacity: 1;
transition: ease-in 200ms;
max-width: 45%;
overflow: hidden;
}
.show .showmainteaser .showmetadata h1 {
word-wrap: break-word;
white-space: normal;
}
.show .showMenu {
position: fixed;
top: 90px;
left: 0;
z-index: 3;
font-size: 1.1rem;
color: rgba(255,255,255,.5);
display: flex;
width: calc(100% - 50px);
padding: 10px 30px 10px 25px;
background-color: transparent;
}
.show .showmenu .left {
}
.show .showMenu .right {
margin-left: auto;
margin-right: 0;
padding-top: 5px;
}
.show .showMenu .left a {
display: inline-block;
padding: 10px 20px 10px 20px;
}
.show .showMenu .left a:hover, .show .showMenu .left .smenu {
background-color: rgba(238,102,0,.5);
}
.show .showMenu .left .smenu {
background-color: #CC5500;
border-radius: 2px;
}
.show .showMenu .left a:first-child {
font-weight: bold;
}
.show .videosWrapper {
position: relative;
}
.show .videosWrapper:before {
content: "ΤΕΛΕΥΤΑΙΑ ΕΠΕΙΣΟΔΙΑ";
position: absolute;
top: -50px;
left: 2%;
background-color: #307FFF;
padding: 10px 20px 10px 20px;
font-weight: bold;
border-radius: 2px;
opacity:.8;
}
.show .videosWrapper a {
width: 320px;
display: inline-block;
margin: 5px;
position: relative;
z-index: 1;
transition: all 200ms;
}
.show .videosWrapper a img {
-webkit-box-shadow: 0px 0px 21px -2px rgba(0,0,0,0.64);
-moz-box-shadow: 0px 0px 21px -2px rgba(0,0,0,0.64);
box-shadow: 0px 0px 21px -2px rgba(0,0,0,0.64);
border-radius: 2px;
margin-bottom: 10px;
max-height: 180px;
}
.show .videosWrapper a:hover {
transform: scale(1.1);
z-index: 2;
background-color: #CC5500;
font-weight: bold;
padding: 10px;
}
.show .otherwrapper a:hover {
background-color: #CC5500;
color: #000;
font-weight: bold;
}
@media screen and (max-width: 800px) {
.show .videosWrapper a:hover {
transform: none !important;
background-color: unset !important;
padding: 0;
}
.show .otherwrapper a:hover, .videoLib .otherwrapper a:hover, .webtv .otherwrapper a:hover {
background-color: unset !important;
color: #FFF !important;
font-weight: normal;
}
.watch .othertitle {
font-weight: normal !important;
}
}
.show .videosWrapper a:hover img {
box-shadow: none;
}
.show .otherwrapper {
display: block;
width: calc(100% - 40px);
text-align: center;
padding: 20px;
font-weight: normal;
margin-top: 50px;
z-index: 4;
position: relative;
}
.show .otherwrapper {
width: 90%;
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.show .otherwrapper a {
display: block;
width: calc(25% - 20px);
padding: 10px;
}
.show .otherwrapper a img {
width: 100%;
box-shadow: 9px 10px 39px -16px rgba(21,21,21,1);
}
.show .otherwrapper a span {
display: block;
padding: 10px;
}
.show .othertitle {
position: relative;
display: block;
z-index: 4;
width: calc(100% - 40px);
text-align: center;
padding: 20px;
font-weight: normal;
margin-top: 80px;
color: #5e5e5e;
}
.show .AllContent {
margin-top: -350px;
}
@media screen and (max-width: 1600px) {
.show .AllContent {
margin-top: -150px;
}
}
@media screen and (max-width: 1366px) {
.show .AllContent {
margin-top: 30px;
}
.show .showmainteaser .showmetadata {
top: 50%;
}
.show .otherwrapper {
width: 95%;
}
.show .infoBox .description, .show .showmainteaser .showmetadata .description {
max-width: 100%;
font-size: .9rem;
}
}
@media screen and (max-width: 1100px) {
.show .AllContent {
margin-top: 80px;
}
.show .showmainteaser .showmetadata {
position: absolute;
top: calc(100% - 150px);
z-index: 3;
max-width: 50%;
}
.show .showmainteaser {
margin-top: 90px;
}
.show .otherwrapper {
width: calc(100% - 40px);
}
.show .showmainteaser .showmetadata {
max-width: 80%;
}
.show .otherwrapper a {
width: calc(33% - 20px);
}
}
@media screen and (max-width: 1100px) {
.show .homeTeaser .infoBox .description, .show .showmainteaser .showmetadata .description {
max-width: 100%;
}
.show .otherwrapper a {
width: calc(50% - 20px);
}
}
@media screen and (max-width: 800px) {
.show .othertitle {
margin-top: 30px;
padding: 0;
}
}
@media screen and (max-width: 650px) {
.show .showmainteaser .showmetadata {
max-width: 95%;
top: unset;
bottom: -20px;
}
.show .videosWrapper {
margin-top: 90px;
}
.show .otherwrapper a {
width: calc(100% - 20px);
}
.show .showMenu {
padding: 10px;
}
.show .showMenu .right {
display: none
}
.show .showmainteaser img {
position: relative;
width: 150%;
left: -25%;
}
.show .showMenu {
width: 100%;
}
.show .showMenu .left {
width: 100%;
display: block;
}
.show .showMenu .left a {
display: inline-block;
}
}
/*********video library*********/
.videoLib .showmainteaser {
position: relative;
width: 100%;
}
.videoLib .showmainteaser:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 500px;
display: block;
flex-basis: 0%;
flex-grow: 1;
flex-shrink: 1;
background-image: linear-gradient(to bottom,transparent 34%,rgba(21,21,21,.8) 90%,#151515)
}
.videoLib .showmainteaser img {
display: block;
width: 100%;
}
.videoLib .showmainteaser .showmetadata {
position: absolute;
top: 30%;
left: 2%;
z-index: 3;
opacity: 1;
transition: ease-in 200ms;
max-width: 40%;
}
.videoLib .showMenu {
position: fixed;
top: 90px;
left: 0;
z-index: 9;
font-size: 1.1rem;
color: rgba(255,255,255,.5);
display: flex;
width: calc(100% - 60px);
padding: 10px 30px 10px 30px;
background-color: transparent;
}
.videoLib .showMenu .right {
margin-left: auto;
margin-right: 0;
padding-top: 5px;
}
.videoLib .showMenu .left a {
display: inline-block;
padding: 10px 20px 10px 20px;
}
.videoLib .showMenu .left a:hover, .showMenu .left .smenu {
background-color: rgba(238,102,0,.5);
color: #000;
}
.videoLib .showMenu .left .smenu {
background-color: #CC5500;
border-radius: 2px;
}
.showMenu .left a:first-child {
font-weight: bold;
}
.videoLib .otherwrapper {
display: block;
width: calc(100% - 40px);
text-align: center;
padding: 20px;
font-weight: normal;
margin: auto;
z-index: 4;
position: relative;
width: 90%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.videoLib .otherwrapper a {
display: block;
width: calc(25% - 20px);
padding: 10px;
}
.videoLib .otherwrapper .ad {
min-width: 300px;
min-height: 250px;
}
.videoLib .otherwrapper a img {
width: 100%;
box-shadow: 9px 10px 39px -16px rgba(21,21,21,1);
}
.videoLib .otherwrapper a span {
display: block;
padding: 10px;
}
.videoLib .otherwrapper a:hover {
background-color: #CC5500;
color: #000;
font-weight: bold;
}
.videoLib .othertitle {
position: relative;
display: block;
z-index: 4;
width: calc(100% - 40px);
text-align: center;
padding: 20px;
font-weight: normal;
margin-top: -150px;
}
@media screen and (max-width: 1366px) {
.videoLib .othertitle {
margin-top: -50px;
}
.videoLib .showmainteaser .showmetadata {
top: 50%;
}
.videoLib .otherwrapper {
width: 95%;
}
.videoLib .infoBox .description, .videoLib .showmainteaser .showmetadata .description {
max-width: 100%;
font-size: .9rem;
}
}
@media screen and (max-width: 1100px) {
.videoLib .showmainteaser .showmetadata {
position: absolute;
top: calc(100% - 150px);
z-index: 3;
max-width: 50%;
}
.videoLib .showmainteaser {
margin-top: 90px;
}
.videoLib .videosWrapper {
margin-top: 30px;
}
.videoLib .otherwrapper {
width: calc(100% - 40px);
}
.videoLib .showmainteaser .showmetadata {
max-width: 80%;
}
.videoLib .otherwrapper a {
width: calc(33% - 20px);
}
}
@media screen and (max-width: 1100px) {
.videoLib .homeTeaser .infoBox .description, .videoLib .showmainteaser .showmetadata .description {
max-width: 100%;
}
.videoLib .otherwrapper a {
width: calc(50% - 20px);
}
.videoLib .videosWrapper:before {
left: 15px;
}
}
@media screen and (max-width: 800px) {
.videoLib .othertitle {
margin-top: 30px;
font-size: 1.5rem !important;
}
.videoLib .otherwrapper a {
padding: 5px !important;
}
}
@media screen and (max-width: 650px) {
.videoLib .othertitle {
margin-top: 0;
}
.videoLib .showmainteaser .showmetadata {
max-width: 95%;
top: unset;
bottom: -100px;
}
.videoLib .videosWrapper {
margin-top: 180px;
}
.videoLib .otherwrapper a {
width: calc(100% - 20px);
}
.videoLib .showMenu {
padding: 10px;
}
.videoLib .showMenu .right {
display: none
}
.videoLib .showmainteaser img {
position: relative;
width: 150%;
left: -25%;
}
.videoLib .showMenu {
width: 100%;
}
.videoLib showMenu .left {
width: 100%;
display: block;
}
.videoLib .showMenu .left a {
display: inline-block;
}
}
/***********watch***************/
.watch .playerWrapper {
margin: 0;
padding: 0;
border: 0;
outline: 0;
margin-top: 160px;
width: 100%;
font-size: 100%;
vertical-align: baseline;
width: 100%; /*calc((100vh - 80px - 144px) * 16/9);*/
height: 100%;
max-height: calc(100vh - 180px);
}
.watch .playerWrapper .vholder {
margin: 0 auto;
width: 100%;
max-width: calc((100vh - 180px) * 16/9);
height: 100%;
position: relative;
min-height: 200px;
}
.watch .othertitle, .videoinfo {
margin: 0 auto;
max-width: calc((100vh - 180px) * 16/9);
font-weight: normal;
margin-top: 20px;
position: relative;
}
.watch .othertitle {
color: #5c5c5c;
}
@media screen and (max-height: 700px) {
.watch .playerWrapper {
max-height: calc(100vh - 80px);
}
.watch .playerWrapper .vholder {
max-width: calc((100vh - 80px) * 16/9);
}
.watch .othertitle, .videoinfo {
max-width: calc((100vh - 80px) * 16/9);
}
}
@media screen and (max-width: 1100px) {
.watch .videoinfo, .watch .othertitle {
max-width: 90%;
}
.watch .playerWrapper .vholder {
max-width: calc((100vh - 180px) * 16/9);
}
}
.watch .othertitle {
text-align: left;
font-size: 1rem;
font-weight: bold;
}
.watch .videoinfo h1 {
padding: 0;
margin: 0;
font-weight: normal;
line-height: 1;
}
.watch .videoinfo .description {
display: inline-block;
margin: 5px 0 10px 0;
vertical-align:top;
}
.watch .videoinfo .videoCategory, .Live .videoCategory, .watch .videoinfo .commentsBox {
background-color: #CC5500;
padding: 10px 20px 10px 20px;
border-radius: 2px;
/*max-width: 60%;*/
overflow: hidden;
display: inline-block;
margin: 0 5px 5px 0;
white-space:nowrap;
}
.watch .videoinfo .commentsBox{ background-color: rgba(255,255,255,.2);}
#LiveEpg .videoCategory {
position: absolute;
top: 10px;
right: 0px;
}
#LiveEpg .videoCategory:hover {
background-color: #CC5500 !important;
color: #000;
}
@media screen and (max-width: 1100px) {
#LiveEpg {
padding-bottom: 50px !important;
}
#LiveEpg .videoCategory {
position: absolute;
top: unset;
bottom: 10px;
right: 0px;
}
}
.watch .videoinfo .publishday {
font-size: 1rem;
color: #5c5c5c;
display: block;
margin: 20px 0 5px 0;
}
.watch .playerWrapper .vholder video {
height: 100%;
width: auto;
padding: 0;
margin: 0;
display: block;
}
.watch .otherwrapper a {
width: 320px;
display: inline-block;
margin: 5px;position: relative;
z-index: 1;
transition: all 200ms;
vertical-align: top;
}
.watch .otherwrapper a img {
width: 100%;
min-width: 320px;
min-height: 180px;
border-radius: 2px;
margin-bottom: 10px;
display: block;
}
.watch .otherwrapper a:hover {
transform: scale(1.1);
z-index: 2;
background-color: #CC5500;
color: #000;
font-weight: bold;
padding: 10px;
}
.watch .morewrapper a {
display: inline-block;
width: 25%;
vertical-align: top;
min-width: 320px;
padding:0 !important;
}
@media screen and (max-width: 1100px) {
.morewrapper {
width: 100% !important;
}
}
.watch .morewrapper a img {
width: 100%;
display: block;
}
.watch .morewrapper a .title {
font-weight: bold;
font-size: 1.1rem
}
.watch .morewrapper a span {
display: block;
padding: 10px;
}
.watch .switch {
position: absolute;
right: 10px;
width: 200px;
height: 24px;
font-size: 1rem;
color: #5c5c5c;
}
.watch .switch input {
opacity: 0;
width: 0;
height: 0;
}
.watch .slider {
width: 50px;
position: absolute;
cursor: pointer;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(255,255,255,.3);
-webkit-transition: .4s;
transition: .4s;
}
.watch .slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
.watch input:checked + .slider {
background-color: #307FFF;
}
.watch input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
.watch input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.watch .slider.round {
border-radius: 34px;
}
.watch .slider.round:before {
border-radius: 50%;
}
.watch .showMenu {
position: fixed;
top: 90px;
left: 0;
z-index: 3;
font-size: 1.1rem;
color: rgba(255,255,255,.5);
display: flex;
width: calc(100% - 60px);
padding: 10px 30px 10px 30px;
background-color: transparent;
}
.watch .showmenu .left {
}
.watch .showMenu .right {
margin-left: auto;
margin-right: 0;
padding-top: 5px;
}
.watch .showMenu .left a {
display: inline-block;
padding: 10px 20px 10px 20px;
margin-right: 5px;
}
.watch .showMenu .left a:hover, .showMenu .left .smenu {
background-color: rgba(238,102,0,.5);
color: #FFF;
}
.watch .showMenu .left .smenu {
background-color: #CC5500;
color: #FFF;
border-radius: 2px;
}
.watch .showMenu .left a:first-child {
font-weight: bold;
}
.watch .otherwrapper {
white-space: nowrap;
}
.watch .otherwrapper .title {
display: block;
width: 100%;
text-wrap: normal;
white-space: pre-wrap
}
/***********webtv***********/
.webtv .webtvwrapper {
margin-top: 30px;
white-space: nowrap;
}
.webtv .webtvwrapper a {
width: 320px;
display: inline-block;
margin: 5px;
position: relative;
z-index: 1;
transition: all 200ms;
box-sizing: border-box;
vertical-align:top;
}
.webtv .webtvwrapper a img {
width: 100%;
border-radius: 2px;
margin-bottom: 10px;
}
.webtv .webtvwrapper a .title {
display: block;
width:100%;
text-wrap:normal;
white-space:pre-wrap
}
.webtv .webtvwrapper a:hover {
transform: scale(1.1);
z-index: 2;
background-color: #CC5500;
padding: 10px;
box-shadow: 2px -9px 103px -32px rgba(0,0,0,0.87);
}
@media screen and (max-width: 800px) {
.webtv .webtvwrapper a:hover, .watch .otherwrapper a:hover {
transform: none !important;
background: none !important;
padding: 0 !important;
box-shadow: none;
color: #FFF !important
}
}
.webtv .stitle, .othertitle {
display: block;
margin-top: 150px;
width: calc(100% - 40px);
text-align: center;
padding: 20px;
font-weight: normal;
color: #5e5e5e;
font-size: 1.3rem
}
.webtv .othertitle {
margin-top: 20px;
}
.webtv .otherwrapper {
width: calc(90% - 60px);
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.webtv .otherwrapper a {
display: block;
width: calc(25% - 20px);
padding: 10px;
box-sizing: border-box;
vertical-align: top;
}
.webtv .otherwrapper a img {
width: 100%;
}
.webtv .otherwrapper .ad img {min-width:300px !important; }
.webtv .otherwrapper a span {
display: block;
padding: 10px;
}
.webtv .otherwrapper a:hover {
background-color: #CC5500;
color: #000;
font-weight: bold;
}
@media screen and (max-width: 1100px) {
.webtv .otherwrapper {
width: calc(100% - 40px);
}
.webtv .otherwrapper a {
width: calc(50% - 20px);
}
}
@media screen and (max-width: 650px) {
.webtv .otherwrapper a {
width: calc(50% - 20px);
}
}
@media screen and (max-width: 480px) {
.webtv .otherwrapper a {
width: calc(100% - 20px);
}
}
/**********Schedule************/
.schedule .dailyWrapper {
width: 60%;
margin: auto;
margin-top: 200px;
}
@media screen and (max-width: 1366px) {
.schedule .dailyWrapper {
width: 80%;
}
}
@media screen and (max-width: 1300px) {
.schedule .dailyWrapper {
width: 95%;
}
}
.schedule .row {
display: block;
width: 100%;
padding-bottom: 15px;
}
.schedule .isLive {
background-color: #CC5500;
}
.schedule .row2 {
background-color: #CC5500;
}
.schedule .isLive.row2 {
/*background-color: #FF0000 !important;*/
}
.schedule .row2 .time {
color: #FFF !important;
}
.schedule .row2 .showdetails .title {
color: #000;
}
.schedule .row2 .showdetails .gender {
color: #000 !important;
}
.schedule .row2 .showdetails .down {
display: block;
}
.schedule .row2 .showdetails .fulldetails {
display: block !important;
height: auto !important;
}
.schedule .row2 .showdetails .down {
bottom: 20px !important;
transform: rotate(225deg) !important;
}
.schedule .dailyWrapper .time {
font-size: 2rem;
padding: 10px 0 10px 15px;
color: #CC5500;
display: inline-block;
vertical-align: top;
width: 90px;
}
.schedule .dailyWrapper .showdetails {
width: calc(100% - 105px);
display: inline-block;
position: relative;
}
.schedule .dailyWrapper .showdetails .title {
display: block;
width: 100%;
font-size: 2rem;
/*font-family:FSHeavy;*/
padding: 10px 0 0 10px;
cursor: pointer;
}
.schedule .dailyWrapper .showdetails .gender {
padding: 10px;
color: #808080;
}
.schedule .isLive .showdetails .gender {
color: #000 !important;
}
.schedule .isLive .time {
color: #000 !important;
}
.schedule .dailyWrapper .showdetails .down {
position: absolute;
bottom: calc(50% - 10px);
right: 20px;
box-sizing: border-box;
height: 20px;
width: 20px;
border-style: solid;
border-color: white;
border-width: 0px 3px 3px 0px;
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
transition: all 200ms;
cursor: pointer;
}
.schedule .dailyWrapper .showdetails .fulldetails {
margin-top: 20px;
display: none;
overflow: hidden;
height: 0;
transition: all 200ms;
}
.schedule .dailyWrapper .showdetails .fulldetails .img {
width: 20%;
display: inline-block;
vertical-align: top;
}
@media screen and (max-width: 800px) {
.schedule .dailyWrapper .showdetails .fulldetails .img {
width: 80%;
display: block;
vertical-align: top;
}
.schedule .dailyWrapper .showdetails .fulldetails .fulldescription {
width: 100% !important;
}
.schedule .calendarpicker {
display: none;
}
}
.schedule .dailyWrapper .showdetails .fulldetails .img img {
width: 100%;
vertical-align: top;
}
.schedule .dailyWrapper .showdetails .fulldetails .fulldescription {
display: inline-block;
width: 70%;
padding: 10px;
color: #000;
vertical-align: top;
}
.schedule .morebtn, .schedule .trailerbtn {
display: inline-block;
padding: 10px 20px 10px 20px;
font-weight: bold;
width: unset !important;
}
.schedule .fulldetails .morebtn, .fulldetails .trailerbtn {
margin: 10px 10px 0 0;
background-color: #FFF;
color: #CC5500;
}
.schedule .fulldetails .trailerbtn {
margin-left: 0;
}
.schedule #onairBtn {
display: block;
text-align: center;
transition: all 600ms;
}
.schedule .dayname {
display: block;
width: calc(100% - 10px);
font-size: 1.8rem;
padding: 10px 0 10px 10px;
position: relative;
}
.schedule .clbtn {
padding: 10px;
padding-left: 60px;
background-color: #307FFF;
font-size: 1rem;
position: absolute;
right: 40px;
width: 230px;
cursor: pointer;
}
.schedule .clbtn:before {
position: absolute;
left: 20px;
top: 5px;
background-image: url('/images/calendar.png');
background-repeat: no-repeat;
width: 30px;
height: 30px;
background-size: 25px;
content: "";
}
/*************calendar***********/
.schedule .calendar {
position: absolute;
top: 50px;
z-index: 8;
right: -300px;
width: 300px;
background-color: #fff;
box-sizing: border-box;
box-shadow: 0 5px 50px rgba(0, 0, 0, 0.5);
/*border-radius: 8px;*/
overflow: hidden;
transition: ease-in-out 100ms;
}
.schedule .calendar__picture {
position: relative;
height: 200px;
padding: 20px;
color: #fff;
background: #262626 url("https://s.tvopen.gr/imgHandler/640/286ce1c2-3091-4055-b589-bc54958484b0.jpg") no-repeat center/cover;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.schedule .calendar__picture::before {
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
background: linear-gradient(to top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.1));
}
.schedule .calendar__picture h2 {
margin-top: 30px;
font-size: 1.4rem;
color: #CC5500;
}
.schedule .calendar__picture h3 {
margin: 0;
font-size: 2rem;
color: #FFF;
}
.schedule .calendar__date {
padding: 20px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(25px, 1fr));
grid-gap: 10px;
box-sizing: border-box;
}
.schedule .calendar__day {
display: flex;
align-items: center;
justify-content: center;
height: 25px;
font-weight: 600;
color: #262626;
}
.schedule .calendar__day:nth-child(7) {
color: #CC5500;
}
.schedule .calendar__number {
display: flex;
align-items: center;
justify-content: center;
height: 25px;
color: #262626;
font-size: 1rem;
border-radius: 3px;
}
.schedule .calendar__number:nth-child(7n) {
color: #307FFF;
font-weight: 700;
}
.schedule .nextmonth {
background-color: #CC5500 !important;
color: #FFF !important
}
.schedule .nextmonth:hover {
background-color: #307FFF !important;
}
.schedule .calendar__number--current, .calendar__number:hover {
background-color: #307FFF;
color: #fff !important;
font-weight: 700;
cursor: pointer;
}
.schedule .scheduleHeader {
position: absolute;
top: 121px;
height: 60px;
width: 100%;
transition: ease-in-out 200ms;
z-index: 8;
padding-left: 25px;
}
.schedule .scheduleHeader span {
font-size: 1.4rem;
}
.schedule .vjs-current-time-display, .schedule .vjs-time-control, .schedule .vjs-time-divider, .schedule .vjs-duration-display, .schedule .vjs-live-display, .schedule .vjs-fullscreen-control,
.schedule .vjs-progress-control {
display: none !important;
}
.schedule .otherday {
width: calc(100% - 20px);
background-color: #307FFF;
padding: 10px;
font-size: 1.4rem;
text-align: center;
}
@media screen and (max-width: 480px) {
.schedule .dailyWrapper .showdetails .down {
display: none;
}
.schedule .dailyWrapper .showdetails .title, .dailyWrapper .time {
font-size: 1.5rem;
width: auto;
}
.schedule .dayname {
width: calc(100% - 40px);
background-color: #307FFF;
padding: 10px;
font-size: 1.4rem;
text-align: center;
margin: auto;
}
.schedule .clbtn {
display: none;
}
.schedule .scheduleHeader {
padding-left: 0;
}
.schedule .calendar {
display: none;
}
}
.resultsDiv {
position: fixed;
width: 100%;
max-height: 100%;
overflow: auto;
left: 0;
z-index: 10000;
}
/*********shows page ***********/
.showspage .seriesWrapper {
margin-top: 90px;
}
.showspage .seriesWrapper .stitle, .showspage .catTitle {
display: block;
margin-top: 150px;
width: calc(100% - 40px);
text-align: center;
padding: 20px;
font-weight: normal;
}
.showspage.seriesWrapper .catTitle {
margin-top: 30px;
}
.showspage .seriesWrapper .catArea {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.showspage .seriesWrapper .catArea a {
display: block;
width: calc(33% - 40px);
margin: 20px;
position: relative;
overflow: hidden;
}
.showspage .seriesWrapper .catArea a:hover:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background-color: #CC5500;
z-index: 5;
}
.showspage .seriesWrapper .catArea a img {
width: 100%;
transition: all 200ms;
}
.showspage .seriesWrapper .catArea a .mmetadata {
z-index: 2;
position: absolute;
width: calc(100% - 20px);
left: 0px;
bottom: 0px;
padding: 10px;
padding-top: 50px;
background-image: linear-gradient(to bottom,transparent 14%,rgba(15,15,15,.8) 90%,#111);
}
.showspage .seriesWrapper .catArea a .mmetadata .movietitle {
display: block;
font-weight: bold;
font-size: 1.2rem;
padding-bottom: 10px;
}
.showspage .seriesWrapper .catArea a .mmetadata .airtime {
display: block;
padding-bottom: 10px;
}
.showspage .seriesWrapper .catArea a .mmetadata .details {
display: none;
}
.showspage .seriesWrapper .catArea a:hover > .mmetadata .details, .seriesWrapper .catArea a:hover > .shadow {
display: block;
}
.showspage .seriesWrapper .catArea a:hover img {
transform: scale(1.2);
}
.showspage .seriesWrapper .catArea a:hover span {
text-shadow: 0px 1px 0 #121212;
}
.showspage .seriesWrapper .catArea a .shadow {
display: none;
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-image: linear-gradient(to bottom,transparent 54%,rgba(21,21,21,.8) 80%,#151515);
}
.showspage .lettersWrapper, .navwrapper {
width: 90%;
margin: auto;
}
.showspage .lettersWrapper a {
margin: 5px;
padding: 13.33333px 0;
text-align: center;
color: #6D6E71;
text-decoration: none;
background: #212121;
width: calc(90%/24 - 10px);
height: 50px;
min-width: 50px;
display: block;
box-sizing: border-box;
}
.showspage .navwrapper {
margin-top: 30px;
}
.showspage .navwrapper a {
border-radius: 5px;
color: #6D6E71;
background: #212121;
padding: 10px;
margin: 5px;
word-wrap: hyphenate;
}
.showspage .lettersWrapper a:hover, .navwrapper a:hover {
font-weight: bold;
color: #000;
background-color: #CC5500;
}
@media screen and (max-width: 800px) {
.showspage .seriesWrapper .catArea a {
width: calc(50% - 40px);
}
.showspage .lettersWrapper, .navwrapper {
width: calc(100% - 20px);
padding: 10px;
}
}
@media screen and (max-width: 650px) {
.showspage .seriesWrapper .catArea a {
width: calc(100% - 40px);
}
}
.showspage .en {
display: none
}
.showspage .switcher {
background-color: #CC5500 !important;
color: #000 !important;
}
.showspage .inactive {
background-color: rgba(0,0,0,.1) !important;
color: rgba(255,255,255,.1) !important;
}
.showspage .inactive:hover {
background-color: rgba(0,0,0,.1) !important;
}
@media screen and (max-width: 1100px) {
.show .showMenu {
padding-left: 15px !important;
}
}
@media screen and (max-width: 410px) {
.livebtn {
top: 40px !important;
left: unset !important;
right: 20px;
}
.header .searchcontainer {
display: none;
}
.homeTeaser .infoBox .latestEpisode, .homeTeaser .infoBox .allvideos {
padding: 10px 10px 10px 10px;
}
.header .menu .popular .menupopular a {
width: calc(100% - 20px);
font-size: .8rem;
}
.header .menu {
width: calc(100% - 10px);
padding: 5px;
}
.webtv .webtvwrapper a, .show .videosWrapper a {
width: 280px;
}
.show .videosWrapper a img {
width: 100%;
}
}
.h_banner {
margin-top: 20px;
text-align: center;
height: auto;
width: 100%;
}
.lazyimg {
opacity: .1;
transition: all 400ms;
}
.ad {
position: relative;
}
.ad:before {
position: absolute;
top: calc(50% - 50px);
left: calc(50% - 80px);
width: 120px;
text-align: center;
display: block;
background-color: rgba(255,255,255,.01);
content: "ΔΙΑΦΗΜΙΣΗ";
padding: 20px;
color: #5E5E5E;
border-radius: 2px;
}
.ad:hover {
background-color: transparent !important;
}
.show .morevideosbtn {
display: block;
width: 110px;
margin-top: 50px;
padding: 10px 20px 10px 20px;
margin: auto;
background-color: #307FFF;
padding: 10px 20px 10px 20px;
border-radius: 2px;
}
.show .morevideosbtn:hover {
background-color: #FFF;
color: #307FFF;
}
.seemore img {
-webkit-box-shadow: unset !important;
-moz-box-shadow: unset !important;
box-shadow: unset !important;
border-radius: unset !important;
}
.seemore:hover {
transform: scale(1) !important;
background-color: unset !important;
padding: 0 !important;
}
.xw {
display: block;
position: absolute;
right: 10px;
top: 10px;
background-color: #eb4d4f;
width: 40px;
height: 40px;
border-radius: 40px;
cursor: pointer;
}
.xl {
height: 25px;
width: 8px;
margin-left: 16px;
margin-top: 8px;
background-color: #FFF;
transform: rotate(45deg);
z-index: 1;
border-radius: 5px;
}
.xr {
height: 25px;
width: 8px;
background-color: #FFF;
transform: rotate(90deg);
z-index: 2;
border-radius: 5px;
}
.voteButton {
display: none;
/*-webkit-animation: voteButton .6s ease-in-out both;*/
/*animation: voteButton .6s ease-in-out both;*/
box-shadow: -1px 2px 15px -4px rgba(0,0,0,0.75);
font-size: 1rem;
position: fixed;
bottom: 0px;
right: 0px;
padding: 20px;
padding-right: 60px;
border-radius: 5px;
z-index: 23444444;
background-color: #FFD300;
}
.voteButton a {
color: #000;
}
@-webkit-keyframes voteButton {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes voteButton {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
/* watch new */
.watch .vjs-seek-to-live-control {
display: none !important
}
.watch .video-js.skin-1 .vjs-progress-control {
left: 1%;
bottom: 60px;
width: 98%;
}
.watch .video-js.skin-1 .vjs-control-bar {
background: transparent;
height: 60px;
background-image: linear-gradient(to top,#111,rgba(17,17,17,.95) 18.75%,rgba(17,17,17,.5) 50%,transparent 75%);
}
.watch .vjs-control-bar, .video-js.skin-1 .vjs-fullscreen-control, .video-js.skin-1 .vjs-play-control {
border: 0 !important;
}
.watch .video-js.skin-1 .vjs-button > .vjs-icon-placeholder:before {
line-height: 60px;
font-size: 30px;
}
.watch .video-js.skin-1 .vjs-time-control {
line-height: 60px;
font-size: 18px;
font-family: FSRegular;
}
.watch .video-js.skin-1 .vjs-volume-panel .vjs-volume-control {
top: 28px !important;
}
.watch .video-js.skin-1 .vjs-play-progress {
background: linear-gradient(to right, rgb(238, 102, 0) 0%, rgb(48, 127, 255) 100%) !important;
}
.watch .video-js.skin-1 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
background-color: #FFF;
}
.watch .endcard {
position: absolute;
border-radius: 2px;
display: none;
bottom: 15%;
z-index: 1001;
width: 50%;
right: 2%;
background-color: #CC5500;
padding: 10px;
box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.75);
}
.endcard img {
width: 100%
}
.endcard .title {
display: block;
padding: 10px 0 5px 0;
font-size: 1.2rem;
font-weight: bold;
text-shadow: rgb(206, 89, 55) 2px 2px 2px;
color: rgb(255, 255, 255);
}
.endcard .description {
display: block;
padding: 0;
color: rgba(255,255,255,.7)
}
@media screen and (max-width: 800px) {
.endcard {
width: 40%;
bottom: 20%;
}
.endcard .description {
display: none;
}
}
@media screen and (max-width: 600px) {
.endcard {
width: 40%;
bottom: 20%;
right: 30%
}
}
@media screen and (max-width: 500px) {
.endcard {
width: 50%;
bottom: 10%;
right: 25%
}
}
.close {
top: -40px
}
.embed {
display: inline-block;
background-color: #307FFF !important;
}
.embedfloat {
display: none;
position: fixed;
top: 50%;
left: calc(50% - 200px);
width: 350px;
background-color: #000;
padding: 20px;
z-index: 100000
}
.embedfloat textarea {
width: 100%;
border: 0;
background-color: #151515;
color: #FFF;
height: 60px;
overflow: hidden
}
.embedfloat .copy {
display: block;
margin: 20px 0 0 0;
text-align: center;
padding: 10px;
background-color: #307FFF;
border-radius: 2px;
}
.embedfloat .copy:hover {
background-color: #FFF;
color: #307FFF
}
.embedfloat .close {
right: 0;
opacity: 1;
}
.embedfloat .close:hover {
background-color: red;
cursor: pointer
}
.vjs-chromecast-button {
position: absolute !important;
right: 40px;
}
.vjs-resolution-button {
color: #ccc;
font-family: VideoJS;
}
.vjs-resolution-button .vjs-resolution-button-staticlabel:before {
content: '\f110';
font-size: 1.8em;
line-height: 1.67;
}
.vjs-resolution-button .vjs-resolution-button-label {
font-size: 1em;
line-height: 3em;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
box-sizing: inherit;
font-family: Arial, Helvetica, sans-serif;
}
.vjs-resolution-button ul.vjs-menu-content {
width: 4em !important;
}
.vjs-resolution-button .vjs-menu {
left: 0;
}
.vjs-resolution-button .vjs-menu li {
text-transform: none;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}
.tooltip {
position: absolute;
display: none;
bottom: 60px;
width: 95%;
right: 25px;
width: 250px;
background-color: rgba(238,51,68,.75);
z-index: 9999999999;
text-align: center;
padding: 10px;
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75)
}
.tooltip .arrow-down {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(238,51,68,.75);
position: absolute;
bottom: -10px;
right: 20px
}
.video-js.skin-1 .vjs-progress-holder .vjs-load-progress, .video-js.skin-1 .vjs-progress-holder .vjs-load-progress div, .video-js.skin-1 .vjs-progress-holder .vjs-play-progress {
height: 5px;
}
.video-js.skin-1 .vjs-progress-holder {
height: 5px;
}
.video-js.skin-1 .vjs-play-progress:before {
top: -5px;
font-size: 14px;
}
@media screen and (orientation:landscape) {
@media screen and (max-width: 1100px) {
.watch .playerWrapper, .watch .playerWrapper .vholder {
max-width: unset;
width: 100% !important;
z-index: 99999
}
.watch .playerWrapper {
max-height: unset
}
}
}
/*chromecast*/
@font-face {
font-family: chromecast;
src: url("/css/fonts/chromecast.eot?#iefix") format("eot")
}
@font-face {
font-family: chromecast;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg7RB+YAAAC8AAAAYGNtYXAXVdKJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZjwDrFcAAAF4AAAAzGhlYWQKebynAAACRAAAADZoaGVhCTwFQQAAAnwAAAAkaG10eAk7AAAAAAKgAAAAFGxvY2EAKAB6AAACtAAAAAxtYXhwAAoALwAAAsAAAAAgbmFtZccyBsQAAALgAAABqnBvc3QAAwAAAAAEjAAAACAAAwU7AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAQQAAAAAAAQAAAAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QH//f//AAAAAAAg6QH//f//AAH/4xcDAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAEAAAAAAU7BAAADgATAB8ALAAAExEeARcRIREhHgEXIREhAxUzLgEnFR4DFzMuAycVHgMXMy4DJ08bNBoEGv1eCg8GAuz7FE+XD1E3LE09KQhqCDtZc0JSkG9HCWoKV4y2aAQA/k8GDwoBZ/0hGjQbA7H8l5c3UclqCCk9TSxCc1k7wmoJR2+QUmi2jFcKAAABAAAAAQAAsTF8aV8PPPUACwQAAAAAANMQO9UAAAAA0xA71QAAAAAFOwQAAAAACAACAAAAAAAAAAEAAAQAAAAAAAU7AAAAAAU7AAEAAAAAAAAAAAAAAAAAAAAFBAAAAAAAAAAAAAAAAAAAAAU7AAAAAAAAAAoAFAAeAGYAAQAAAAUALQAEAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAoAAAABAAAAAAACAAcAewABAAAAAAADAAoAPwABAAAAAAAEAAoAkAABAAAAAAAFAAsAHgABAAAAAAAGAAoAXQABAAAAAAAKABoArgADAAEECQABABQACgADAAEECQACAA4AggADAAEECQADABQASQADAAEECQAEABQAmgADAAEECQAFABYAKQADAAEECQAGABQAZwADAAEECQAKADQAyENocm9tZWNhc3QAQwBoAHIAbwBtAGUAYwBhAHMAdFZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMENocm9tZWNhc3QAQwBoAHIAbwBtAGUAYwBhAHMAdENocm9tZWNhc3QAQwBoAHIAbwBtAGUAYwBhAHMAdFJlZ3VsYXIAUgBlAGcAdQBsAGEAckNocm9tZWNhc3QAQwBoAHIAbwBtAGUAYwBhAHMAdEZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"),url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAT4AAsAAAAABKwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDtEH5mNtYXAAAAFoAAAAVAAAAFQXVdKJZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAMwAAADMPAOsV2hlYWQAAAKQAAAANgAAADYKebynaGhlYQAAAsgAAAAkAAAAJAk8BUFobXR4AAAC7AAAABQAAAAUCTsAAGxvY2EAAAMAAAAADAAAAAwAKAB6bWF4cAAAAwwAAAAgAAAAIAAKAC9uYW1lAAADLAAAAaoAAAGqxzIGxHBvc3QAAATYAAAAIAAAACAAAwAAAAMFOwGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QEEAAAAAAAEAAAAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkB//3//wAAAAAAIOkB//3//wAB/+MXAwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAABAAAAAAFOwQAAA4AEwAfACwAABMRHgEXESERIR4BFyERIQMVMy4BJxUeAxczLgMnFR4DFzMuAydPGzQaBBr9XgoPBgLs+xRPlw9RNyxNPSkIagg7WXNCUpBvRwlqCleMtmgEAP5PBg8KAWf9IRo0GwOx/JeXN1HJaggpPU0sQnNZO8JqCUdvkFJotoxXCgAAAQAAAAEAALExfGlfDzz1AAsEAAAAAADTEDvVAAAAANMQO9UAAAAABTsEAAAAAAgAAgAAAAAAAAABAAAEAAAAAAAFOwAAAAAFOwABAAAAAAAAAAAAAAAAAAAABQQAAAAAAAAAAAAAAAAAAAAFOwAAAAAAAAAKABQAHgBmAAEAAAAFAC0ABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAKAAAAAQAAAAAAAgAHAHsAAQAAAAAAAwAKAD8AAQAAAAAABAAKAJAAAQAAAAAABQALAB4AAQAAAAAABgAKAF0AAQAAAAAACgAaAK4AAwABBAkAAQAUAAoAAwABBAkAAgAOAIIAAwABBAkAAwAUAEkAAwABBAkABAAUAJoAAwABBAkABQAWACkAAwABBAkABgAUAGcAAwABBAkACgA0AMhDaHJvbWVjYXN0AEMAaAByAG8AbQBlAGMAYQBzAHRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBDaHJvbWVjYXN0AEMAaAByAG8AbQBlAGMAYQBzAHRDaHJvbWVjYXN0AEMAaAByAG8AbQBlAGMAYQBzAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJDaHJvbWVjYXN0AEMAaAByAG8AbQBlAGMAYQBzAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff"),url("/css/fonts/chromecast.svg?chromecast") format("svg");
font-weight: normal;
font-style: normal
}
.vjs-icon-chromecast, .video-js .vjs-chromecast-button, .vjs-tech-chromecast .casting-overlay .casting-information .casting-icon {
font-family: chromecast;
font-weight: normal;
font-style: normal
}
.vjs-icon-chromecast:before, .video-js .vjs-chromecast-button:before,
.vjs-tech-chromecast .casting-overlay .casting-information .casting-icon:before {
content: ""
}
.video-js .vjs-chromecast-button {
cursor: pointer
}
.video-js
.vjs-chromecast-button {
font-size: 0.7em
}
.video-js .vjs-chromecast-button:before {
line-height: 2.3
}
.video-js .vjs-chromecast-button.connected {
color: #66A8CC
}
.video-js .vjs-chromecast-button.error {
color: #c70000
}
.vjs-tech-chromecast .casting-image {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: #000;
background-repeat: no-repeat;
background-size: contain;
background-position: center
}
.vjs-tech-chromecast .casting-overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: #000;
background-color: rgba(0,0,0,0.3);
cursor: default
}
.vjs-tech-chromecast .casting-overlay .casting-information {
position: absolute;
bottom: 8em;
right: 8em;
height: 50px;
color: #FFF
}
.vjs-tech-chromecast .casting-overlay .casting-information .casting-icon {
font-size: 44px;
line-height: 50px;
margin-right: 10px;
float: left;
width: 58px;
height: 50px
}
.vjs-tech-chromecast .casting-overlay .casting-information .casting-description {
height: 50px;
font-size: 20px;
line-height: 20px
}
.vjs-tech-chromecast .casting-overlay .casting-information .casting-description small {
font-size: 11px
}
/***** update from 06032020 ********/
@media screen and (min-width: 1860px) {
html {
background-color: rgba(0,0,0,.9);
}
}
html, .menuBar {
margin: 0 auto;
max-width: 1920px;
}
body::-webkit-scrollbar {
width: 8px;
background-color: rgba(255,255,255,.1);
}
body::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
body::-webkit-scrollbar-thumb {
background-color: rgba(255,255,255, 0.99);
}
.menuBar {
width: calc(100% - 40px);
transition: all 500ms;
padding: 25px 20px 0 20px;
height: 65px;
background-color: rgba(0,0,0,.1);
font-size: 2rem;
position: fixed;
z-index: 999;
border-bottom: solid 1px rgba(255,255,255,.099)
}
.menuBar div, .menuBar a {
display: inline-block;
margin-right: 10px;
vertical-align: bottom
}
.logo {
width: 105px;
height: 40px;
background-image: url('//s.tvopen.gr/images/OpenLogo.svg');
background-size: contain;
font-size: 0;
background-repeat: no-repeat;
}
.logoSmall {
vertical-align: baseline;
width: 33px;
background-image: url('//s.tvopen.gr/images/open-key.png');
background-size: contain;
font-size: 0;
background-repeat: no-repeat;
}
.live {
background-color: #CC5500;
font-weight: bold;
padding: 8px 0 8px 0;
width: 80px;
text-align: center;
border-radius: 2px;
font-size: 1.2rem;
position: absolute;
left: calc(50% - 40px);
bottom: 25px;
border: solid 1px rgba(0,0,0,.099)
}
.live:hover {
color: #CC5500;
background-color: #FFF;
}
.search, .login {
position: absolute;
right: 25px;
bottom: 35px;
}
.login {right:60px;}
.search i, .login i {
vertical-align: bottom;
font-size: 1.3rem
}
.menu {
margin-left: 20px;
}
.menu a {
font-size: 1.3rem;
padding: 8px 15px 8px 15px;
border: solid 1px transparent
}
.menu a:hover {
border: solid 1px rgba(255,255,255,.2);
border-radius: 2px;
}
.burger {
padding: 0;
margin: 0;
padding-right: 15px;
display: none !important
}
.burger i {
vertical-align: baseline
}
.menusmall {
background-color: rgba(0,0,0,.8);
padding: 5px;
height: 40px;
width: calc(100% - 10px);
}
.menusmall > .live {
bottom: 5px;
}
.menusmall > .search, .menusmall > .login {
bottom: 8px;
}
.toplatest, .TopSchedule {
position: fixed;
top: 80px;
width: 100%;
margin: 0;
left: 0px;
box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.75);
z-index: 1001;
background-color: rgba(21,21,21,.8);
border-top: solid 5px #CC5500
}
.toplatest a, .TopSchedule a {
display: inline-block;
width: 320px;
vertical-align: top;
}
.toplatest a:hover {
background-color: #CC5500;
color: #000;
height: 265px;
padding-bottom: 0;
}
.toplatest a img {
width: 100%;
}
.toplatest a .title {
font-size: 1.1rem;
padding: 10px;
display: block
}
.TopSchedule a {
display: block;
padding: 10px;
width: 180px;
height: 80px;
border: solid 1px rgba(255,255,255,.1);
margin: 10px 10px 10px 0;
border-radius: 2px;
}
.TopSchedule a:hover, .TopSchedule a:hover .time {
background-color: #CC5500;
color: #000;
}
.TopSchedule a .time {
color: #CC5500;
display: block;
font-weight: bold;
margin-right: 5px;
}
.FooterLinks {
display: inline-block;
padding: 20px;
vertical-align: top;
width: 50%;
}
.FooterLinks a {
display: inline-block;
padding: 5px 10px 5px 10px;
margin: 2px;
border-radius:5px;
}
.FooterLinks a:hover {
background-color: rgba(255,255,255,.1)
}
.social a {
margin: 20px 10px 0 0;
display: inline-block
}
.social a i {
font-size: 2rem;
vertical-align: middle
}
.clmn0 {
display: inline-block;
width: 120px;
vertical-align: top;
}
.social {
display: inline-block;
width: calc(50% - 180px);
float: unset;
}
.FooterLinks {
display: inline-block;
padding: 20px;
vertical-align: top;
width: 50%;
}
.FooterLinks a {
display: inline-block;
padding: 5px 10px 5px 10px;
margin: 2px
}
.FooterLinks a:hover {
background-color: rgba(255,255,255,.1)
}
.clmn0 {
display: inline-block;
width: 120px;
vertical-align: top;
}
.social {
display: inline-block;
width: calc(50% - 180px);
float: unset;
}
@media screen and (max-width: 1100px) {
.showmainteaser, .videoLib .showmainteaser, .show .showmainteaser {
margin-top: 90px
}
.videoactions {
top: 15px;
}
}
@media screen and (max-width: 1280px) {
.burger {
display: inline-block !important
}
.menu {
display: none !important;
font-size: 1.1rem;
padding: 5px;
width: 100%;
background-color: rgba(0,0,0,.9);
}
.menu a {
display: inline-block;
width: calc(33% - 4px);
padding: 10px 0 10px 0;
margin: 0;
text-align: center;
}
.social {
display: block;
width: calc(100% - 180px);
margin-left: 150px;
float: unset;
}
.FooterLinks {
width: 80%;
}
.disclaimer {
width: 100%
}
}
@media screen and (max-width: 810px) {
.menuBar {
padding: 25px 5px 0 5px;
width: calc(100% - 10px)
}
.clmn0 {
display: none
}
.menu a {
font-size: 1.1rem;
}
.social {
margin: 0;
width: calc(100% - 40px);
padding: 20px;
border-top: solid 1px rgba(238,102,0,.5)
}
.FooterLinks {
width: calc(100% - 40px)
}
.burger {
padding: 0 10px 0 10px;
margin-right: 15px !important;
}
.burger i {
font-size: 2.5rem !important
}
.logo {
display: block;
width: 100px;
height: 32px;
vertical-align: top !important;
background-size: contain;
margin-top: 4px;
}
.search {
right: 10px;
top: 20px !important;
}
.search i {
font-size: 2rem
}
.live {
font-size: 1.1rem;
vertical-align: top !important;
bottom: unset !important;
padding: 6px 0 6px 0;
margin-top: 2px
}
.menusmall > .search {
top: 0px !important;
}
.menusmall {
padding: 5px
}
.videoLib .showMenu, .showMenu, .show .showMenu, .watch .showMenu {
top: 90px;
background-color: rgba(0,0,0,.1);
}
.webtv .otherwrapper a {
width: 100% !important
}
.videoLib .showmainteaser:after {
background-image: none
}
}
@media screen and (max-width: 610px) {
.menu a {
font-size: 1rem;
}
.webtv .stitle {
color: #000;
font-size: 1rem;
background-color: #CC5500;
font-weight: bold;
}
.live {
left: 53%
}
}
@media screen and (max-width: 390px) {
.search {
display: none !important;
}
.live {
left: unset;
right: 15px;
}
}
.nextplay {
display: block;
font-size: .8rem;
color: #CC5500
}
@media screen and (max-width: 640px) {
.nextplay {
display: none;
}
.login {
display: none !important;
}
}
.thematics {
display: block;
width: 100%;
margin-top:20px;
}
.thematics a {
display: inline-block;
padding: 5px 10px 5px 10px;
margin: 5px 5px 0 0;
background-color: #307FFF;
border-radius: 2px
}
.thematics a:hover {
background-color: #CC5500;
color: #000
}
@media screen and (max-width: 480px) {
.weekmovie {
margin-top: 10px;
}
}
#cnt {
position: absolute;
width: 100%;
top: 100px;
text-align: center;
font-size: 1.3rem;
z-index: 1000;
color: rgba(255,255,255,.5)
}
.covidplc {
width: calc(80% - 20px);
margin: auto;
background-color: rgba(255,255,255,.9);
height: 110px;
padding: 10px;
margin-top: 20px;
border-top: solid 5px #153f6a;
}
.ethnoslogo {
display: inline-block;
width: 150px !important;
margin-right: 10px;
text-align: center;
color: #000
}
.ethnoslogo img {
width: 100% !important;
margin: 30px 0 2px 0
}
.special-promo__inner {
width: calc(100% - 170px);
display: inline-block;
vertical-align: top;
}
.special-promo__link {
display: none;
}
.special-promo__inner article {
display: inline-block;
width: 33%;
vertical-align: top;
}
figure {
margin: 0;
padding: 0;
float: left
}
.special-promo__inner article img {
float: left;
padding: 5px;
}
.covid__article a span {
font-size: 1rem !important;
vertical-align: middle;
padding: 0;
margin: 0;
color: #000;
font-weight: bold;
}
@media screen and (max-width: 1200px) {
.covidplc {
height: 90px;
}
.special-promo__inner article img {
width: 80px;
height: 80px;
}
.covid__article a span {
font-size: .9rem !important
}
}
@media screen and (max-width: 1000px) {
.covid__article:last-child {
display: none;
}
.special-promo__inner article {
width: 40%;
}
}
@media screen and (max-width: 800px) {
.covidplc {
overflow: no-content
}
.special-promo__inner article {
width: 80%;
}
.covid__article:nth-child(2) {
display: none
}
}
.ethnoslogo {
display: inline-block;
width: 80px !important;
margin-right: 10px;
text-align: center;
color: #000
}
.ethnoslogo img {
width: 100% !important;
margin: 10px 0 2px 0
}
.special-promo__inner {
width: calc(100% - 100px);
display: inline-block;
vertical-align: top;
}
}
.thematics a {display:inline-block; padding:5px 10px 5px 10px; margin:5px 5px 0 0; background-color:#307FFF; border-radius:2px}
.thematics a:hover {background-color:#CC5500; color:#000}
.tagsrapper, .imgwrapper {width:calc(80% - 20px); padding:0 10px 0px 10px; margin:auto; position:relative; margin-top: 100px;  }
.tagsrapper:before, .imgwrapper:before {position: absolute; top: -40px; content: attr(layer-title);font-size: 1.3rem;}
@media screen and (max-width: 1600px) {.covidplc, .tagsrapper , .imgwrapper {width:100% !important;}}
.imgwrapper a {display:inline-block; width: 20%; position:relative}
.imgwrapper a img {width:100%; display:block}
.imgwrapper a .caption {display:none; padding:5px 10px 5px 10px; width:calc(100% - 20px); position:absolute; right:0; bottom:0; font-size:1rem; background-color: rgba(0,0,0,.5);   box-shadow: 0px -11px 31px 0px rgba(0,0,0,0.75);}
.imgwrapper a:hover .caption {display:block}
@media screen and (max-width: 900px) {.imgwrapper a {display:inline-block; width: 25%}}
@media screen and (max-width: 700px) {.imgwrapper a {display:inline-block; width: 33%}}
@media screen and (max-width: 500px) {.imgwrapper a {display:inline-block; width: 50%}}
#__overlay {position:fixed; top:0; left:0; width:100%; height:100%;background-color:rgba(255,255,255,.7); z-index:2147483646;}
.__logoutbox {position:absolute; top:50px; padding:10px; margin:0; font-size:1rem; left:-60px; text-align:center; background-color:rgba(0,0,0,.5); display:none !important; border-radius:2px;}
.logout:hover > .__logoutbox {display:block !important;}
#Login {position:fixed; top:calc(50% - 180px); left:calc(50% - 320px); width:640px; height:360px; background-color:rgba(214,92,2,1); z-index:2147483647; box-shadow: 0px 0px 21px 0px rgba(21,21,21,0.75); border-radius:10px; border:solid 5px #151515; color:#000; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);}
.loginlogo {font-size:3rem; width:80px; height:80px; position:absolute; top:-50px; left:calc(50% - 42.5px); text-align:center; border-radius:50%; background-color:rgba(214,92,2,1); border:solid 5px #151515;}
.LoginLeft {width:50%; height:100%; border-right:solid 5px #151515; display:inline-block; vertical-align:top}
.LoginLeft .wrapper {padding:30px;}
.LoginRight {display:inline-block; width:calc(50% - 10px); text-align:center; vertical-align:top; }
.LoginRight .legend {display:block; font-weight:bold; width:300px; margin-left:calc(50% - 150px); padding:0; margin:0; margin-top:50px;}
.LegalNotice {display:block; font-size:.9rem; width:300px; margin-left:calc(50% - 150px); margin-top:20px;}
.socialButtons {display:block; width:190px; margin-left:calc(50% - 100px); margin-top:20px; border:solid 3px #151515; padding:10px; border-radius:5px; text-align:left; color:#000; background-color:#4267b2}
@media screen and (max-width: 680px) {
#Login {width:calc(100% - 20px); top:50px; left:5px; height:calc(100% - 70px);}
.LoginLeft, .LoginRight {display:block; width:100%; height:auto;}
.LoginRight .legend {width:90%; margin:auto}
.LoginLeft .wrapper {padding:50px 20px 10px 20px}
.LegalNotice {width:90%; margin:auto; margin-top:10px;}
.socialButtons {display:inline-block; margin-left:10px;}
}
.vjs-picture-in-picture-control {position:absolute !important; right:80px;}
.commentblock {display:block; margin-top:50px; padding:20px; background-color:rgba(255,255,255,.2); position:relative;}
#commentblock:before {content: 'προσβλητικά σχόλια θα διαγράφονται μετά από έλεγχο';color: rgba(255,255,255,.2);position: absolute;top: -30px;left: 10px;}
#commentblock:empty {background-color:transparent}
.comment {width:100%; margin-bottom: 10px;margin-top: 10px;}
.commentblock .commentname {display:inline-block; font-size:1.1rem; font-weight:bold;}
.commentblock .commentdt  {display:inline-block; font-size:.8rem; color:#808080; margin-left:10px;}
.commentblock .message {display:block; font-size:1rem;}
.morecomments {display:block; width:200px; background-color:#CC5500; padding:10px 0 10px 0; text-align:center; border-radius:2px; margin:auto; margin-top:20px;}
.morecomments:hover {color:#CC5500; background-color:#FFF;}
#SubmitBtn {display:block; width:130px; float:right; background-color:#307FFF; border:0; padding:10px 0 10px 0; text-align:center; border-radius: 2px; color:#FFF; font-size:1rem; font-weight:normal; margin:10px 0 0 0}
#SubmitBtn:hover {background-color:#CC5500}
#username {font-size:1.1rem; font-family:FSRegular; color:#FFF; width:150px; border-radius:2px; border:solid 1px rgba(255,255,255,.2); padding:10px; background-color:transparent}
.box169 {width:100%; max-width: calc((100vh - 180px) * 16/9); margin:auto; margin-bottom:50px; position:relative}
#msgtxt {margin-top:20px; font-size:1.1rem; font-family:FSRegular; color:#FFF; width:calc(100% - 22px); min-height:60px; border-radius:2px; border:solid 1px rgba(255,255,255,.2); padding:10px; background-color:transparent}
#username:focus, #msgtxt:focus {box-shadow: 0px 0px 107px -34px rgba(255,255,255,1); border-color:#FFF;}
#alerts {padding:10px;}
.loginwarning {position:absolute; display:block; right:0; padding:10px; color:rgba(0,0,0,.8);  background-color:rgba(255,255,255,.2);  text-align:center; border-radius:2px;}
.loginwarning:hover {color:#000; background-color:#CC5500}
@media screen and (max-width: 680px) {
.loginwarning {position:relative; width:calc(90% - 20px); margin-left:5%; margin-bottom:20px}
#username {margin-left:5%}
#msgtxt {width:calc(90% - 20px);  margin-left:5%;}
#SubmitBtn {margin-right:5%; margin-bottom:20px;}
#alerts {width:90%; margin-left:5%; text-align:center}
}