*{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#312732;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,body,html{margin:0!important;padding:0!important;box-sizing:border-box}#root,.App,body,html{width:100%;height:100%}.App{font-family:"Open Sans";overflow:hidden}.App,.Login{text-align:center}.Login{width:100%;box-sizing:border-box;display:-webkit-flex;align-items:center}.LoginIn{margin:150px auto auto;width:90%}.Login img{width:13%;display:block;margin:0 auto 50px}.Login p{font-size:30px;margin:0 30%}.Login .errorMessage{color:red;font-size:30px;height:40px;padding:20px 0}.ContainerButton{background:#fff;box-sizing:border-box;width:10%;margin:40px auto 20px;padding:2px;border-radius:40px;background:#000}.ContainerButton.active{background:linear-gradient(#dd1091,#510e6c)!important}.Button{position:relative;background:#000;padding:10%;color:#fff;width:100%;border-radius:40px;border:none;cursor:pointer}.Button,.Input{font-size:20px;outline:none}.Input{display:block;text-align:center;border-radius:40px;padding:10px;margin:35px auto;width:18%;border:5px solid transparent}.Input.active{border:5px solid #dd1091}.Home{height:100%}.Home img{display:block;width:80px;padding:20px}.OptionsHome{display:-webkit-flex;width:100%;height:70%;justify-content:space-around}.ContainerOption{position:relative;width:20%;height:40%;background:#fff;border-radius:40px;padding:5px;margin:auto 50px;min-width:220px;transition:.5s;cursor:pointer}.Option{background:#312732;height:100%;width:100%;font-size:40px;border-radius:40px;display:inline-block;text-transform:uppercase}.Option p{margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-decoration:none}.ContainerOption.active{transform:scale(1.2);background:#dd1091;background:linear-gradient(#dd1091,#510e6c)}.Options{display:-webkit-flex;width:100%;justify-content:space-around;height:80%;margin:auto}.PageLogo{display:block;width:80px;padding:20px}.PageLayout{height:100%;width:100%}.PageLayout h1{position:absolute;margin:0;top:30px;width:80%;left:10%;height:10%;font-size:60px;text-transform:uppercase;font-weight:400;overflow:hidden}.ContainerChoice{position:relative;width:35%;height:80%;background:#fff;border-radius:40px;padding:5px;margin:auto 50px;min-width:500px;transition:.5s;cursor:pointer}.Choice{background:#312732;height:100%;width:100%;font-size:40px;border-radius:40px;display:inline-block}.Choice p{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;color:#fff}.ContainerChoice.active{transform:scale(1.1);background:#dd1091;background:linear-gradient(#dd1091,#510e6c)}.Logo{display:block;width:80px;margin:20px}.Nalog h1{position:absolute;margin:0;top:30px;width:100%;font-size:60px;text-transform:uppercase}.OptionsNalog{display:-webkit-flex;width:100%;justify-content:space-around;height:80%;margin:auto}.OptionsNalog .logout{position:absolute;width:100px;height:20px;top:0;right:50px}.ContainerLogout{position:absolute;right:50px;top:30px;width:300px;height:80px;background:#fff;border-radius:40px;padding:5px;margin:auto 50px;transition:.5s;cursor:pointer}.Logout{background:#312732;height:100%;width:100%;font-size:30px;border-radius:40px;display:inline-block}.Logout p{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;color:#fff}.ContainerLogout.active{transform:scale(1.1);background:#dd1091;background:linear-gradient(#dd1091,#510e6c)}.Loader{position:relative;border:24px solid #fff;border-top-color:#dd1091;border-radius:50%;width:200px;height:200px;animation:spin 2s linear infinite;-webkit-animation:spin 2s linear infinite;margin:auto}@-webkit-keyframes spin{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}.player_full_screen{position:fixed;top:0;left:0;width:100%;height:100vh}.Test{position:fixed;height:100px;width:100px;font-size:50px}.video-dimensions{width:100%!important}#video_holder{width:100%;height:100vh}.stream_title_holder{width:100%;text-align:left;font-size:62px;color:hsla(0,0%,100%,.8);margin-bottom:30px}#video_holder video{width:100%!important;height:100vh;background:#000}.controls_holder{position:fixed;padding:100px 40px 60px;bottom:0;left:0;right:0;box-sizing:border-box;width:100%;background-image:linear-gradient(transparent,rgba(0,0,0,.2),rgba(0,0,0,.3),rgba(0,0,0,.5),rgba(0,0,0,.7),rgba(0,0,0,.8),rgba(0,0,0,.9),rgba(0,0,0,.9),rgba(0,0,0,.9),rgba(0,0,0,.9),rgba(0,0,0,.9));transition:opacity .3s linear;opacity:0}.controls_holder.show{opacity:1}.time_progress_holder{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center}.time{flex-basis:10%;font-size:36px;color:hsla(0,0%,100%,.8);line-height:1}.time.time_start{text-align:left}.time.time_end{text-align:right}.progress_holder{flex-basis:80%;height:5px;background:hsla(0,0%,58.8%,.7);position:relative;transition:all .2s linear}.progress_holder.active{height:10px}.progress{background:#dd1091;position:absolute;left:0;top:0;height:100%}.progress_holder.active .progress:after{content:"";display:inline-block;width:17px;height:17px;background:#dd1091;border:6px solid #fff;border-radius:50%;position:absolute;right:-13px;top:-9px;box-sizing:content-box}.main_controls{width:100%;text-align:center;margin-top:40px}.control{display:inline-block;margin:0 60px}.control svg{font-size:64px;color:hsla(0,0%,100%,.6);transition:all .2s linear}.control.active svg{color:#dd1091;transform:scale(1.3)}.loader_player{position:fixed;height:100%;width:100%;top:0;left:0;margin:auto;background:rgba(0,0,0,.9)}.loader_player .Loader{top:30%}.ContainerKategorija{display:-webkit-flex;width:80%;margin:2% auto 0;flex-wrap:wrap;height:70%}.ContainerList{width:21%;margin:auto 1%;height:27%;background:#fff;padding:5px;transition:.5s;cursor:pointer}.ContainerList,.List{position:relative;border-radius:40px}.List{background:#312732;height:100%;width:100%;font-size:30px;display:inline-block;overflow:hidden}.List .withoutIcon{margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;color:#fff}.List div.withIcon{margin:auto;top:50%;transform:translateY(-50%);font-size:20px;position:relative!important;width:90%;text-shadow:3px 3px 3px #000;font-weight:700}.List img{height:100%;opacity:.8}.List img,.ListTime{position:absolute;left:50%;transform:translateX(-50%)}.ListTime{font-size:13px;bottom:10%;margin-right:-50%}.List .favorit{fill:#fff;position:absolute;right:30px;bottom:5px;transition:.5s}.List .favorit:hover{transform:scale(1.5)}.List .favorit.active{fill:red}.ContainerList.active img{-webkit-filter:brightness(.4);filter:brightness(.4)}.ContainerList.active{transform:scale(1.1);background:#dd1091;background:linear-gradient(#dd1091,#510e6c);overflow:hidden}.ContainerTVUnazad{display:-webkit-flex;width:80%;margin:2% auto 0;justify-content:space-around;flex-wrap:wrap;height:70%}.ContainerTVUnazad .TVUnazadKat{width:50%}.ContainerTVUnazad .TVUnazadKat div{margin-left:auto;margin-right:auto}.ContainerSezone{position:relative;height:80px;background:#fff;border-radius:40px;padding:5px;transition:.5s;cursor:pointer;text-align:center;width:85%!important;margin:15px 0;overflow:hidden}.ContainerSezone .Sezone{background:#312732;height:100%;width:100%;font-size:20px;border-radius:40px;display:inline-block}.ContainerSezone .Sezone p{margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;color:#fff}.ContainerSezone.active{transform:scale(1.1);background:#dd1091;background:linear-gradient(#dd1091,#510e6c)}.ContainerSezone.epizoda .Sezone{font-size:15px!important}.ContainerSezone.epizoda .Sezone p{width:80%}.ContainerPrikaz{display:-webkit-flex;width:90%;margin:2% auto 0;flex-wrap:wrap;height:70%;justify-content:space-around;text-align:left}.ContainerPrikaz .PrikazSlike{position:relative;height:100%;width:25%;overflow:hidden}.ContainerPrikaz .PrikazSlike img{position:absolute;height:100%;left:50%;transform:translateX(-50%)}.ContainerPrikaz .PrikazInformacije{font-size:1.3em;width:30%}.ContainerPrikaz .PrikazInformacije p{margin-bottom:5%}.ContainerPrikaz .PrikazInformacije b{font-size:1.3em;margin-right:2px}.ContainerPrikaz .Kontrole{width:30%;height:100%}.SerijeLista{display:-webkit-flex;margin:2% auto 0;flex-wrap:wrap}.SerijeLista div{width:50%}.ContainerPlay{position:relative;height:80px;background:#fff;border-radius:40px;padding:5px;transition:.5s;cursor:pointer;text-align:center}.ContainerPlay .Play{background:#312732;height:100%;width:100%;font-size:40px;border-radius:40px;display:inline-block}.ContainerPlay .Play p{margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;color:#fff}.ContainerPlay.active{transform:scale(1.1);background:#dd1091;background:linear-gradient(#dd1091,#510e6c)}
/*# sourceMappingURL=main.5ab342ec.chunk.css.map */