html,body{height:100%;width:100%;padding:0;margin:0;background-color:black;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-font-smoothing: subpixel-antialiased;}
#player,#playerbase{position:fixed;width:100%;height:100%!important;left:0;top:0;z-index:10}
.jw-rightclick{display:none!important}
.jw-display-icon-display{border-radius:50%}
.loader{position:absolute;top:0;left:0;z-index:999996;width:100%;height:100%;background-color:rgba(0,0,0,.3)}
.loader>.page-loader__spinner{position:absolute;float:left;left:50%;top:50%;height:100px;width:100px;background:url('../../img/loading.svg');background-repeat:no-repeat;background-size:100px 100px;transform:translate(-50%,-50%)}
.rek{position:absolute;z-index:999998;float:left;left:50%;top:50%;height:auto;width:auto;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.3)}
.rek_close{z-index:999999;position:absolute;color:white;top:12px;right:3px;cursor:pointer;font-size:20px;font-weight:700;line-height:0;-webkit-transition-duration:0.4s;opacity:1}
.rek_counter{display:block;z-index:999999;position:absolute;color:black;margin:auto;width:100%;bottom:8px;background-color:rgba(255,255,255,.5);font-family:tahoma;text-align:center;cursor:pointer;font-size:14px;font-weight:700;text-shadow:1px 1px 1px white,0 0 1em white,0 0 .2em black}
.blockout{position: absolute;top: 10px;right: 10px;z-index: 999996;width: 45px;height: 45px;background-color: rgba(0,0,0,0.0);}.dropbtn1{display:inline-block;padding:8px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-color:;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:#fff;font-family:tahoma;font-weight:600;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);box-shadow:0 0 5px 0 rgba(0,0,0,.75)}
.dropbtn2{display:inline-block;padding:8px 12px;margin-bottom:0;font-size:12px;vertical-align: center; font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-color:transparent;border:1px solid #32b7d3;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:#fff;font-family:tahoma;font-weight:600;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);box-shadow:0 0 5px 0 rgba(0,0,0,.75)}
.dropdown-content a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.dropdown-content a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.dropdown-content a{font-weight:900;background-color:#f9f9f9;border-bottom-style:solid;border-bottom-color:#000;border-bottom-width:thin}.dropdown-content{display:none;position:absolute;right:0;min-width:100px;width:auto;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:999998}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;font-family:tahoma;font-size:12px;display:block}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#32b7d3; color:#fff;}.fireplayer_QualitySwitcher[data-level-selector]{float:right;position:relative;height:100%}.fireplayer_QualitySwitcher[data-level-selector] button{background-color:transparent;color:#fff;font-family:Roboto,Open Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased;border:none;font-size:10px;height:100%}.fireplayer_QualitySwitcher[data-level-selector] button:hover{color:#c9c9c9}.fireplayer_QualitySwitcher[data-level-selector] button.changing{-webkit-animation:pulse .5s infinite alternate}.fireplayer_QualitySwitcher[data-level-selector]>ul{list-style-type:none;position:absolute;bottom:100%;border:1px solid #000;display:none;background-color:#e6e6e6;white-space:nowrap}.fireplayer_QualitySwitcher[data-level-selector] li{font-size:10px}.fireplayer_QualitySwitcher[data-level-selector] li[data-title]{background-color:#c3c2c2;padding:5px}.fireplayer_QualitySwitcher[data-level-selector] li a{color:#444;padding:2px 10px;display:block;text-decoration:none}.fireplayer_QualitySwitcher[data-level-selector] li a:hover{background-color:#555;color:#fff}.fireplayer_QualitySwitcher[data-level-selector] li a:hover a{color:#fff;text-decoration:none}.fireplayer_QualitySwitcher[data-level-selector] li.current a{color:red}.play-button-outer{position:absolute;float:left;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999997;width:6em;height:6em;background-color:purple;cursor:pointer}
.play-button{margin:0 auto;top:25%;position:relative;width:0;height:0;border-style:solid;border-width:1.5em 0 1.5em 3em;border-color:transparent transparent transparent #000;opacity:.75}
.play-button-outer:hover{background-color:purple}.play-button-outer:hover .play-button{opacity:1}html,body {background: #000; width: 100%; height: 100%;}
* {margin: 0; padding: 0;}
#player {height: 100% !important;}
.player-logo:hover {opacity:0.6}
.jw-progress {background:#32b7d3!important}
.jw-knob {width:14px!important;height:14px!important}
.jw-knob:after {content:;position:absolute;top:4px;left:4px;width:6px;height:6px;background:#0f0f1d;border-radius:100%}
.jw-title {padding-left:75px!important;padding-top:17px!important}
.jw-poster {position:absolute;left:15px;top:15px;display:block;}
.jw-poster img {width:48px;height:48px;object-fit:cover;border-radius:100%;box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
animation: pulse-white 2s infinite;}
.jw-title-primary {font-size: 18px!important;padding-bottom:.4em!important;text-shadow: 0 0 2px rgba(0,0,0,.5);padding-top:2px!important}
.jw-title-secondary {opacity:.6;display:block !important;}
.jw-title-primary, .jw-title-secondary{padding-left:0!important}
.jw-preview {background-size: cover !important;}
.jw-breakpoint-1 .jw-display .jw-svg-icon {width:70px !important;height:70px !important;}
.jw-icon-display .jw-svg-icon-play {
overflow: visible;
}
.jw-icon-display .jw-svg-icon-play #layer1 {
z-index: 2;
}
.jw-icon-display .jw-svg-icon-play #layer2 {
transform: scale(0.5);
transform-origin: right center;
animation: pulse-me 3s linear infinite;
z-index: 1;
}
.jw-state-idle .jw-display-icon-container:hover .jw-icon-display .jw-svg-icon-play {
}
.cls-1{fill:#32b7d3 !important;}
.cls-2{fill:#010101 !important;}
.jw-icon-inline .jw-svg-icon-play g#layer2 {
display: none;
}
.jwplayer.jw-state-paused:not(.jw-flag-touch):not(.jw-flag-small-player):not(.jw-flag-casting):not(.jw-flag-play-rejected) .jw-display {
display: table !important;
}
.jw-state-paused .jw-title {
display: block !important;
}
@keyframes pulse-me {
0% {
transform: scale(0.5);
opacity: 0;
}
50% {
opacity: 0.2;
}
70% {
opacity: 0.3;
}
100% {
transform: scale(1.4);
opacity: 0;
}
}
@keyframes pulse-white {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes pulse-play {
0% {
transform: scale(0.95);
}
70% {
transform: scale(1.1);
}
100% {
transform: scale(0.95);
}
}
@keyframes draw {
50% {
stroke-dashoffset: 0;
}
}.quality-label {
position: absolute;
top: 5px;
right: -10px;
background: #32b7d3;
padding: 1px 3px;
font-weight: 600;
font-size: 10px;
color: #333!important;
line-height: 1.1;
border-radius: 10px;
box-shadow: 0 0 5px -2px #000;
}.jw-settings-submenu-audioTracks .jw-settings-submenu-items:before,
.jw-settings-submenu-captions .jw-settings-submenu-items:before,
.jw-settings-submenu-playbackRates .jw-settings-submenu-items:before,
.jw-settings-submenu-quality .jw-settings-submenu-items:before {
color: #fff;
font-weight: bold;
padding: 10px;
display: block;
}
.jw-settings-submenu-audioTracks .jw-settings-submenu-items:before {
content: 'Seslendirme';
}
.jw-settings-submenu-captions .jw-settings-submenu-items:before {
content: 'Altyazı';
}
.jw-settings-submenu-playbackRates .jw-settings-submenu-items:before {
content: 'Oynatma Hızı';
}
.jw-settings-submenu-quality .jw-settings-submenu-items:before {
content: 'Kalite';
}
.jw-settings-submenu-items {
flex: 1;
}
.jw-settings-submenu.jw-settings-submenu-active {
display: flex !important;
flex-direction: column-reverse;
}
.jw-breakpoint-4 .jw-settings-menu,
.jw-breakpoint-3 .jw-settings-menu {
height: 250px !important;
max-height: 250px !important;
}
.jw-settings-topbar .jw-settings-topbar-buttons {
display: flex;
}
.jw-settings-quality.jw-submenu-quality {
order: 3;
}
.jw-settings-captions.jw-submenu-captions {
order: 2;
}
.jw-settings-playbackRates.jw-submenu-playbackRates {
order: 4;
}
.jw-settings-audioTracks.jw-submenu-audioTracks {
order: 1;
}
.jw-settings-close {
order: 5;
}.jw-time-tip .jw-text, .jw-controlbar .jw-tooltip .jw-text, .jw-settings-menu .jw-tooltip .jw-text{color:#000!important;}
.jw-breakpoint-7 .jw-display .jw-icon .jw-button-image{display:none!important;}
.jw-display-controls{margin-top: 5%!important;}
.humane,.humane-flatty{position:fixed;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;z-index:100000}.humane,.humane-flatty{font-size:16px;top:0;left:0;opacity:0;width:100%;color:#000;padding:15px;text-align:center;background-color:$aqua-marine;-moz-transform:translateY(-100px);-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px)}.humane p,.humane ul,.humane-flatty p,.humane-flatty ul{margin:0;padding:0}.humane ul,.humane-flatty ul{list-style:none}.humane-flatty.humane-info,.humane.humane-info{background-color:#3498db;color:#fff}.humane-flatty.humane-success,.humane.humane-success{background-color:#32b7d3;color:#000}.humane-flatty.humane-error,.humane.humane-error{background-color:#f83b31;color:#fff}.humane-animate,.humane-flatty.humane-flatty-animate{opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.humane-animate:hover,.humane-flatty.humane-flatty-animate:hover{opacity:.7}.humane-flatty.humane-flatty-js-animate,.humane-js-animate{opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.humane-flatty.humane-flatty-js-animate:hover,.humane-js-animate:hover{opacity:.7}
.jw-display-container {
display: table-cell!important;
text-align: center!important;
vertical-align: middle!important;
}
.btn-warning {
color: #111!important;
background-color: #32b7d3!important;
border-color: #32b7d3!important;
}
.btn-warning:hover {
background: #ffdf6d;
}
.btn {
font: 15px Tahoma;
margin-top: 3px;
margin-bottom: 5px;
padding: 2px 5px;
text-decoration: none;
}
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
cursor: pointer;
}
.btn-sm {
padding: .25rem .5rem;
font-size: .875rem;
border-radius: .2rem;
}
.btn-outline {
color: #cacaca;
background-color: transparent;
border-color: #cacaca;
}
.btn-outline:hover {
color: #fff;
border-color: #fff;
}
.btn-download {
position: absolute;
top: 10px;
right: 10px;
z-index: 100001;
}
.label {
padding: 2px 6px;
}
.jw-flag-user-inactive .btn-download {
display: none;
}
.jw-flag-small-player .jw-settings-open.jw-controls {
z-index: 9999999999 !important;
}
.video-presets {
position: absolute;
bottom: 100%;
z-index: 9;
}
.intro-presets {
right:3%;
position: absolute;
bottom: 100%;
z-index: 9;
}
.outro-presets {
right:3%;
position: absolute;
bottom: 100%;
z-index: 9;
}
@media (max-width: 768px) {
.hidden-xs {
display: none !important;
}
.btn-sm {
padding: .10rem .3rem;
font-size: .625rem;
}
}
.autofs{display:none;}
body {
margin: 0;
padding: 0;
}
video {
width: 100%;
height: 100%;
}
.watermark {
position: absolute;
z-index: 10;
left: 20px;
top: 20px;
transition: all 0.5s;
display: none;
}
.ad-image { width: 100%; height: 100%; background-color: #fcfcfc; text-align: center; z-index: 9; line-height: 100%; position: absolute; overflow: hidden; top: 0; }
.ad-image img { text-align: center; max-width: 100%; margin-top: 5%; vertical-align: middle; }
.ads-test { color: #ffcc7f; width: 100%; padding: 10px; background-color: rgba(0, 0, 0, 0.5); }
.embed-video-player{position: relative;}
.mejs__container
{width: 100% !important; height: 100% !important;}
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--primary: #0676ed;
--background: #222b45;
--warning: #f2a600;
--success: #12c99b;
--error: #e41749;
--dark: #151a30;
}
.alert {
min-height: 67px;
width: 560px;
max-width: 90%;
border-radius: 12px;
padding: 16px 22px 17px 20px;
display: flex;
align-items: center;
z-index: 9999;
position: absolute;
}
.alert-dark {
background: var(--dark);
left: 50%;
transform: translate(-50%, 0%);
}
.alert-dark img{
max-width: 100%; margin: auto;
}
.alert-dark a{
max-width: 80%;
margin: auto;
}
.alert .icon__wrapper {
height: 34px;
width: 34px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.253);
display: flex;
align-items: center;
justify-content: center;
}
.alert .icon__wrapper span {
font-size: 21px;
color: #fff;
}
.alert p {
color: #fff;
font-family: Verdana;
margin-left: 10px;
}
.alert p a,
.alert p a:visited,
.alert p a:active {
color: #fff;
margin: auto;
text-decoration: none;
font-weight: 300;
animation: lights 5s 750ms linear infinite;
}
.alert .open {
margin-left: auto;
margin-right: 5px;
}
.alert .close,
.alert .open {
color: #fff;
transition: transform 0.5s;
font-size: 18px;
cursor: pointer;
}
.alert .close:hover,
.alert .open:hover {
transform: scale(1.3);
}
.mdi-alert-outline::before {
content: "\F002A";
}
.mdi:before, .mdi-set {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
animation: lights 5s 750ms linear infinite;
}
@keyframes lights {
0% {
color: hsl(230, 40%, 80%);
text-shadow:
0 0 1em hsla(320, 100%, 50%, 0.2),
0 0 0.125em hsla(320, 100%, 60%, 0.3),
-1em -0.125em 0.5em hsla(40, 100%, 60%, 0),
1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
}
30% {
color: hsl(230, 80%, 90%);
text-shadow:
0 0 1em hsla(320, 100%, 50%, 0.5),
0 0 0.125em hsla(320, 100%, 60%, 0.5),
-0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2),
0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
}
40% {
color: hsl(230, 100%, 95%);
text-shadow:
0 0 1em hsla(320, 100%, 50%, 0.5),
0 0 0.125em hsla(320, 100%, 90%, 0.5),
-0.25em -0.125em 0.125em hsla(40, 100%, 60%, 0.2),
0.25em 0.125em 0.125em hsla(200, 100%, 60%, 0.4);
}
70% {
color: hsl(230, 80%, 90%);
text-shadow:
0 0 1em hsla(320, 100%, 50%, 0.5),
0 0 0.125em hsla(320, 100%, 60%, 0.5),
0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2),
-0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
}
100% {
color: hsl(230, 40%, 80%);
text-shadow:
0 0 1em hsla(320, 100%, 50%, 0.2),
0 0 0.125em hsla(320, 100%, 60%, 0.3),
1em -0.125em 0.5em hsla(40, 100%, 60%, 0),
-1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
}
}