html,body{overflow:hidden;height:100%;margin:0;padding:0;background-color:#000;font-family:Arial,sans-serif;font-weight:500;letter-spacing:1px}iframe{width:100%;height:100%;border:0}a{color:#fff;text-decoration:none}a:active,a:focus,a:hover{color:#21bcc2}#video-container{position:relative;width:auto;height:100%;display:flex;justify-content:center;align-items:center}video{width:100%;height:100%}.loader{display:none;position:absolute;transform:translate(-50%,-50%);z-index:100;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #21bcc2;width:40px;height:40px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.central-play-button{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;display:none;z-index:10;align-items:center;justify-content:center;transition:background-color .3s;background-color:rgba(0,0,0,0.2);-webkit-tap-highlight-color:transparent}.central-play-button svg{width:50px;height:50px;fill:white}.tvl{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:2}.controls{position:absolute;bottom:0;width:100%;height:5.2%;min-height:50px;display:flex;justify-content:center;transition:background-color .5s ease,visibility .5s,opacity .5s ease;background-color:rgba(0,0,0,.2);visibility:hidden}.controls.show{visibility:visible;opacity:.8}.control-items{display:flex;align-items:center}button{background:0;border:0;color:#fff;padding:0 20px;font-size:40px;cursor:pointer;-webkit-tap-highlight-color:transparent}.playPause,.fullscreen,.settings{fill:#fff}.playPause{width:28px;height:28px;margin-top:10px}.fullscreen{width:30px;height:30px;margin-top:9px}.settings{width:28px;height:28px;margin:10px 0 0 20px}button,.slider{margin:0 5px}.slider{-webkit-appearance:none;width:100px;height:4px;margin-top:2px;border-radius:5px;background:#21bcc2;outline:0;transition:opacity .2s;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer}#settingsMenu{position:absolute;bottom:100%;margin-left:136px;background-color:rgba(0,0,0,.7);box-shadow:0 2px 10px rgba(0,0,0,.5);color:#fff;font-size:14px;z-index:1;display:none}#settingsMenu a{padding:10px 15px;text-decoration:none;display:block;white-space:nowrap}#settingsMenu a:hover,#settingsMenu a.active{background-color:rgba(255,255,255,.1)}#settingsMenu a.active::after{content:"";display:inline-block;margin-left:7px;border-radius:50%;width:8px;height:8px;background-color:#21bcc2}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#qualityButton{position:relative;display:inline-block}#currentQuality{position:absolute;background-color:rgba(0,0,0,.5);color:#fff;font-size:10px;padding:2px 4px;border-radius:3px}.menu{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2500;margin:60px 0 0 8px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu a,.menu span{font-size:18px;background-color:#134850;padding:10px;text-decoration:none;color:#fff;margin-bottom:4px;border-radius:10px}.menu span,.menu a:hover{background-color:#176e77}@media(max-width:768px){.menu{margin:36px 0 0 4px}.menu a,.menu span{font-size:16px}}.reklama{position:absolute;left:50%;bottom:56px;transform:translateX(-50%);z-index:9998}.close,.close-ya{position:absolute;opacity:.9;transform:translateX(-100%);z-index:9997;cursor:pointer;height:20px;width:20px;outline:.1px solid #000}.close{left:100%;top:0}.close-ya{top:-21px;margin-left:100%}