@layer {
html {
background-color: var(--darkreader-background-ffffff, #181a1b) !important;
}
html {
color-scheme: dark !important;
}
iframe {
color-scheme: dark !important;
}
html, body {
background-color: var(--darkreader-background-ffffff, #181a1b);
}
html, body {
border-color: var(--darkreader-border-4c4c4c, #736b5e);
color: var(--darkreader-text-000000, #e8e6e3);
}
a {
color: var(--darkreader-text-0040ff, #3391ff);
}
table {
border-color: var(--darkreader-border-808080, #545b5e);
}
mark {
color: var(--darkreader-text-000000, #e8e6e3);
}
::placeholder {
color: var(--darkreader-text-a9a9a9, #b2aba1);
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
background-color: var(--darkreader-background-faffbd, #404400) !important;
color: var(--darkreader-text-000000, #e8e6e3) !important;
}
::selection {
background-color: var(--darkreader-background-0060d4, #004daa) !important;
color: var(--darkreader-text-ffffff, #e8e6e3) !important;
}
::-moz-selection {
background-color: var(--darkreader-background-0060d4, #004daa) !important;
color: var(--darkreader-text-ffffff, #e8e6e3) !important;
}
}
.jfk-bubble.gtx-bubble, .captcheck_answer_label > input + img, span#closed_text > img[src^="https://www.gstatic.com/images/branding/googlelogo"], span[data-href^="https://www.hcaptcha.com/"] > #icon, img.Wirisformula, a[data-testid="headerMediumLogo"]>svg, .d2l-navigation-link-image-container, .d2l-iframe-loading-container {
filter: invert(100%) hue-rotate(180deg) contrast(90%) !important;
}
[data-darkreader-inline-bgcolor] {
background-color: var(--darkreader-inline-bgcolor) !important;
}
[data-darkreader-inline-bgimage] {
background-image: var(--darkreader-inline-bgimage) !important;
}
[data-darkreader-inline-border] {
border-color: var(--darkreader-inline-border) !important;
}
[data-darkreader-inline-border-bottom] {
border-bottom-color: var(--darkreader-inline-border-bottom) !important;
}
[data-darkreader-inline-border-left] {
border-left-color: var(--darkreader-inline-border-left) !important;
}
[data-darkreader-inline-border-right] {
border-right-color: var(--darkreader-inline-border-right) !important;
}
[data-darkreader-inline-border-top] {
border-top-color: var(--darkreader-inline-border-top) !important;
}
[data-darkreader-inline-boxshadow] {
box-shadow: var(--darkreader-inline-boxshadow) !important;
}
[data-darkreader-inline-color] {
color: var(--darkreader-inline-color) !important;
}
[data-darkreader-inline-fill] {
fill: var(--darkreader-inline-fill) !important;
}
[data-darkreader-inline-stroke] {
stroke: var(--darkreader-inline-stroke) !important;
}
[data-darkreader-inline-outline] {
outline-color: var(--darkreader-inline-outline) !important;
}
[data-darkreader-inline-stopcolor] {
stop-color: var(--darkreader-inline-stopcolor) !important;
}
[data-darkreader-inline-bg] {
background: var(--darkreader-inline-bg) !important;
}
[data-darkreader-inline-border-short] {
border: var(--darkreader-inline-border-short) !important;
}
[data-darkreader-inline-border-bottom-short] {
border-bottom: var(--darkreader-inline-border-bottom-short) !important;
}
[data-darkreader-inline-border-left-short] {
border-left: var(--darkreader-inline-border-left-short) !important;
}
[data-darkreader-inline-border-right-short] {
border-right: var(--darkreader-inline-border-right-short) !important;
}
[data-darkreader-inline-border-top-short] {
border-top: var(--darkreader-inline-border-top-short) !important;
}
[data-darkreader-inline-invert] {
filter: invert(100%) hue-rotate(180deg);
}
:root {
--darkreader-neutral-background: var(--darkreader-background-ffffff, #181a1b);
--darkreader-neutral-text: var(--darkreader-text-000000, #e8e6e3);
--darkreader-selection-background: var(--darkreader-background-0060d4, #004daa);
--darkreader-selection-text: var(--darkreader-text-ffffff, #e8e6e3);
}
.vimvixen-hint {
background-color: var(--darkreader-background-ffd76e, #684b00) !important;
border-color: var(--darkreader-background-c59d00, #9e7e00) !important;
color: var(--darkreader-text-302505, #d7d4cf) !important;
}
#vimvixen-console-frame {
color-scheme: light !important;
}
::placeholder {
opacity: 0.5 !important;
}
#edge-translate-panel-body,
.MuiTypography-body1,
.nfe-quote-text {
color: var(--darkreader-neutral-text) !important;
}
gr-main-header {
background-color: var(--darkreader-background-add8e6, #1b4958) !important;
}
.tou-z65h9k,
.tou-mignzq,
.tou-1b6i2ox,
.tou-lnqlqk {
background-color: var(--darkreader-neutral-background) !important;
}
.tou-75mvi {
background-color: var(--darkreader-background-cfecf5, #0f3a47) !important;
}
.tou-ta9e87,
.tou-1w3fhi0,
.tou-1b8t2us,
.tou-py7lfi,
.tou-1lpmd9d,
.tou-1frrtv8,
.tou-17ezmgn {
background-color: var(--darkreader-background-f5f5f5, #1e2021) !important;
}
.tou-uknfeu {
background-color: var(--darkreader-background-faedda, #432c09) !important;
}
.tou-6i3zyv {
background-color: var(--darkreader-background-85c3d8, #245d70) !important;
}
div.mermaid-viewer-control-panel .btn {
background-color: var(--darkreader-neutral-background);
fill: var(--darkreader-neutral-text);
}
svg g rect.er {
fill: var(--darkreader-neutral-background) !important;
}
svg g rect.er.entityBox {
fill: var(--darkreader-neutral-background) !important;
}
svg g rect.er.attributeBoxOdd {
fill: var(--darkreader-neutral-background) !important;
}
svg g rect.er.attributeBoxEven {
fill: var(--darkreader-selection-background);
fill-opacity: 0.8 !important;
}
svg rect.er.relationshipLabelBox {
fill: var(--darkreader-neutral-background) !important;
}
svg g g.nodes rect,
svg g g.nodes polygon {
fill: var(--darkreader-neutral-background) !important;
}
svg g rect.task {
fill: var(--darkreader-selection-background) !important;
}
svg line.messageLine0,
svg line.messageLine1 {
stroke: var(--darkreader-neutral-text) !important;
}
div.mermaid .actor {
fill: var(--darkreader-neutral-background) !important;
}
mitid-authenticators-code-app > .code-app-container {
background-color: white !important;
padding-top: 1rem;
}
iframe#unpaywall[src$="unpaywall.html"] {
color-scheme: light !important;
}
select {
--darkreader-bg--form-control-background-color: rgba(22, 22, 22, 0) !important;
}
select * {
background-color: var(--darkreader-neutral-background) !important;
}
body#tumblr {
--darkreader-bg--secondary-accent: 31, 32, 34 !important;
--darkreader-bg--white: 23, 23, 23 !important;
--darkreader-text--black: 228, 224, 218 !important;
}
:host {
--d2l-border-color: var(--darkreader-bg--d2l-color-gypsum) !important;
--d2l-button-icon-background-color-hover: var(--darkreader-bg--d2l-color-gypsum) !important;
--d2l-color-ferrite: var(--darkreader-neutral-text) !important;
--d2l-color-sylvite: var(--darkreader-bg--d2l-color-sylvite) !important;
--d2l-dropdown-background-color: var(--darkreader-neutral-background) !important;
--d2l-dropdown-border-color: var(--darkreader-border--d2l-color-mica) !important;
--d2l-input-backgroud-color: var(--darkreader-neutral-background) !important;
--d2l-menu-border-color: var(--darkreader-bg--d2l-color-gypsum) !important;
--d2l-tooltip-background-color: var(--darkreader-neutral-background) !important;
--d2l-tooltip-border-color: var(--darkreader-bg--d2l-color-gypsum) !important;
}
:host([_floating]) .d2l-floating-buttons-container {
background-color: var(--darkreader-neutral-background) !important;
border-top-color: var(--darkreader-border--d2l-color-mica) !important;
opacity: 0.88 !important;
}
d2l-card {
background: var(--darkreader-neutral-background) !important;
border-color: var(--darkreader-border--d2l-color-gypsum) !important;
}
d2l-dropdown-content > div,
d2l-menu-item {
background-color: var(--darkreader-neutral-background) !important;
border-radius: 10px !important;
}
d2l-empty-state-simple {
border-color: var(--darkreader-bg--d2l-color-gypsum) !important;
}
.d2l-button-filter > ul > li > a.vui-button {
border-color: var(--darkreader-border--d2l-color-mica) !important;
}
.d2l-label-text:has(.d2l-button-subtle-content):hover,
.d2l-label-text:has(.d2l-button-subtle-content):focus,
.d2l-label-text:has(.d2l-button-subtle-content):active {
background-color: var(--darkreader-bg--d2l-color-gypsum) !important;
}
.d2l-navigation-centerer {
color: inherit !important;
}
.d2l-tabs-layout {
border-color: var(--darkreader-border--d2l-color-gypsum) !important;
}
.d2l-input,
.d2l-calendar-date,
.d2l-htmleditor-container {
background-color: var(--darkreader-neutral-background) !important;
}
.d2l-collapsible-panel {
border: 1px solid var(--darkreader-border--d2l-color-mica) !important;
border-radius: 0.4rem !important;
}
.d2l-collapsible-panel-divider {
border-bottom: 1px solid var(--darkreader-border--d2l-color-mica) !important;
}
.d2l-w2d-flex {
border-bottom: 2px solid var(--darkreader-border--d2l-color-mica) !important;
}
.d2l-collapsible-panel scrolled,
.d2l-collapsible-panel-header,
.d2l-w2d-collection-fixed {
background-color: var(--darkreader-neutral-background) !important;
}
.d2l-loading-spinner-bg {
fill: var(--darkreader-bg--d2l-color-gypsum) !important;
}
.d2l-loading-spinner-bg-stroke {
stroke: var(--darkreader-border--d2l-color-mica) !important;
}
.d2l-loading-spinner-wrapper svg path,
.d2l-loading-spinner-wrapper svg circle {
fill: var(--darkreader-neutral-background) !important;
}
embed[type="application/pdf"][src="about:blank"] { filter: invert(100%) contrast(90%); }
* {
font-family: "Open Sans";
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
label {
cursor: pointer;
}
a {
text-decoration: none;
}
::-webkit-scrollbar {
display: none;
}
.popup-parent {
visibility: hidden;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #29282d;
opacity: 0;
z-index: 9;
}
.season-popup {
visibility: hidden;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #29282d;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
opacity: 0;
z-index: 9;
}
.movie-popup-parent {
visibility: hidden;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 9;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.movie-popup-parent-background {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #29282d;
background-image: url('http://tv.vegaplayer.io/img/bg.jpg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0.8;
}
.popup-name-block {
position: absolute;
width: 100%;
height: 8rem;
top: 0;
left: 0;
}
.popup-content-block {
position: absolute;
width: 44.5%;
height: 84%;
top: 8%;
left: 25.5%;
padding: 2%;
}
.parental-password-block {
position: absolute;
width: 50%;
height: 40%;
top: 25%;
left: 25%;
}
.pin_row {
height: 45%;
width: 100%;
}
.pin_input {
width: 22%;
margin: 1.5%;
height: 100%;
background-color: #2E1F4A;
float: left;
border-radius: 7rem;
color: white;
font-size: 23rem;
text-align: center;
cursor: pointer;
background-size: 25%;
background-repeat: no-repeat;
background-position: center;
}
.pin_input.active-pin {
border: 0.3rem solid #AC22DA;
}
#confirm_pin {
background-color: #2E1F4A;
padding: 0.6rem 1.5rem;
text-align: center;
width: 25%;
margin: 0 auto;
margin-top: 10%;
color: white;
border-radius: 0.2rem;
cursor: pointer;
}
#confirm_pin.active {
background-color: #2b83a5;
}
#pin_title {
color: white;
text-align: center;
line-height: 4rem;
font-size: 4.5rem;
height: 22%;
}
#pin_success,
#pin_error {
color: red;
text-align: center;
line-height: 11rem;
font-size: 4.5rem;
}
#pin_success {
color: #00b307;
}
.popup-item-block.active {
border: 0.3rem solid #AC22DA;
}
.popup-item-block.active div {
}
.popup-item-block {
position: relative;
width: 100%;
height: 10%;
background-color: #2E1F4A;
margin-bottom: 2%;
cursor: pointer;
border-radius: 0.8rem;
border: .3rem solid transparent;
}
.popup-season-serials {
position: absolute;
width: 100%;
height: 94%;
top: 8%;
overflow-y: scroll;
padding: 2%;
}
.pop-name {
width: 100%;
height: 100%;
text-align: center;
font-weight: 700;
font-family: 'Open Sans';
font-size: 4.3rem;
color: #fff;
text-transform: capitalize;
}
.popup-item-name,
.popup-item-image-name {
position: absolute;
font-size: 1.4rem;
color: #fff;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.popup-item-name {
width: 92%;
}
.popup-item-image-name {
width: 77%;
font-size: 3.5rem;
}
.popup-item-img {
position: absolute;
width: 12%;
height: 100%;
background-image: url('http://tv.vegaplayer.io/img/icons/favorite.png');
background-repeat: no-repeat;
background-size: 45%;
background-position: 50%;
}
.popup-search-img {
position: absolute;
width: 12%;
height: 100%;
background-image: url('http://tv.vegaplayer.io/img/icons/search.png');
background-repeat: no-repeat;
background-size: 45%;
background-position: 50%;
}
.popup-hr {
margin: 5% 3%;
border: 0.049rem solid #504e56;
}
.protected-popup-parent {
visibility: hidden;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #29282d;
opacity: 0;
z-index: 99;
background-image: url('http://tv.vegaplayer.io/img/bg.jpg');
background-size: contain !important;
}
.protected-popup-name-block {
position: absolute;
width: 100%;
height: 8%;
top: 0;
left: 0;
}
.prot-pop-name {
width: 98%;
height: 60%;
font-size: 1.4rem;
position: absolute;
top: 52%;
left: 50%;
color: #fff;
}
.float-right {
float: right;
}
.active-level {
background-color: #504e56;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
border: 0.2rem solid #fff !important;
}
.relative_list {
position: relative;
}
.provider-login-container {
position: absolute;
width: 35rem;
height: 50rem;
padding: 1%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: none;
}
.login-block {
width: 100%;
text-align: center;
}
.login-block img {
width: 60%;
padding: 5% 0 8%;
}
.provider-name-block,
.provider-name-input {
margin-bottom: 5%;
}
.provider-name-block span {
font-size: 1.2rem;
color: #fff;
}
div.tablinks span {
font-size: 1.2rem;
color: #fff;
}
.input {
display: inline-block;
width: 100%;
font-size: 1rem;
border: 0.2rem solid #444348;
background: rgba(255, 255, 255, 0.12);
color: #fff;
padding: 3%;
border-radius: 0.3rem;
outline: none;
}
.provider-name-input .input {
width: 66%;
overflow: hidden;
float: left;
margin-right: 1%;
height: 4.2.4rem;
}
.button {
position: relative;
display: inline-block;
font-size: 1rem;
outline: none;
cursor: pointer;
}
.button-success {
background-color: #3f857c;
border: 0.2rem solid #3f857c;
padding: 3%;
color: #fff;
border-radius: 0.3rem;
}
.description span {
font-size: .82rem;
color: #fff;
}
._or_parent {
display: block;
margin: 8% 10% 2% 5%;
overflow: hidden;
text-align: center;
white-space: nowrap;
width: 90%;
}
._or_parent>span {
display: inline-block;
position: relative;
}
._or_child {
color: #a3a6ab;
}
._or_parent>span:before {
margin-right: 1.5rem;
right: 100%;
}
._or_parent>span:before,
._or_parent>span:after {
background: #ccd0d5;
content: "";
height: 0.1rem;
position: absolute;
top: 50%;
width: 999.9rem;
margin-left: 1.5rem;
}
.provider-login-upload-block {
margin: 6% 0 8%;
text-align: center;
}
#local-file-upload-id {
display: none;
}
label.input {
display: inline-block;
width: 100%;
font-size: 1rem;
border: 0.2rem solid #444348;
background: rgba(255, 255, 255, 0.12);
text-align: center;
color: #a3a6ab;
padding: 3%;
border-radius: 0.3rem;
margin-top: 1.2rem;
outline: none;
}
.input:active {
border: 0.2rem solid #fff;
}
.menu-container{
display: flex;
flex-direction: column;
align-items: center;
padding: 12.2rem;
}
.menu_logo {
width: 44.8rem;
height: 20.2rem;
margin-bottom: 17.5rem;
}
.upload-file-menu-block img {
position: absolute;
width: 1.4rem;
top: 2.8rem;
left: 0.9rem;
}
.upload-file-menu-block {
position: relative;
margin-bottom: 3%;
}
.login-container {
position: absolute;
width: 34rem;
height: 50rem;
padding: 1%;
top: 49%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.provider-login-name-block span {
font-size: 1rem;
color: #fff;
}
.input-block {
width: 100%;
height: 3rem;
position: relative;
margin-bottom: 3%;
}
.login-menu-block {
position: relative;
margin-bottom: 5%;
}
.login-menu-block span {
font-size: 1.5rem;
color: #fff;
}
.input-block img {
position: absolute;
width: 1.4rem;
top: 0.8rem;
left: 0.9rem;
}
.input-block .input {
padding: 4% 4% 4% 12%;
}
.input-block .input {
width: 100%;
overflow: hidden;
}
.login-upload-block {
margin: 10% 0 8%;
}
.remember-me-block {
width: 100%;
height: 1.3rem;
margin: .8rem 0rem 1rem 0rem;
}
.container_checkbox {
display: block;
position: relative;
padding-left: 2.5rem;
margin-bottom: 1.2rem;
cursor: pointer;
font-size: 1rem;
color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.container_checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 2.2rem;
width: 2.2rem;
border-radius: 0.3rem;
background-color: #444348;
border: 0.2rem solid transparent;
}
.container_checkbox input:checked~.checkmark {
background-color: #3f857c;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.container_checkbox input:checked~.checkmark:after {
display: block;
}
.container_checkbox .checkmark:after {
left: 0.6rem;
top: 0rem;
width: 0.4rem;
height: 1.2rem;
border: solid white;
border-width: 0 0.3rem 0.3rem 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-body {
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0%;
background-color: #232323;
background-repeat: no-repeat;
background-size: cover;
}
#menu_logo {
width: 100%;
height: 12%;
position: fixed;
top: 8%;
background-position: center;
background-image: url('http://tv.vegaplayer.io/img/logo/logo-large.png');
background-size: contain;
background-repeat: no-repeat;
}
.menu-footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: flex-end;
padding: 0 5rem;
}
.menu-footer>div {
color: white;
opacity: 0.6;
font-size: 3rem;
font-weight: bold;
padding: 5rem 0;
display: none;
}
#playlist_status {
position: absolute;
left: 5rem;
bottom: 10rem;
font-size: 3rem;
font-weight: bold;
color: #ffffff;
opacity: .6;
}
.menu-block-right {
width: 28.3rem;
height: 100%;
margin-right: 1.5rem;
}
.menu-block-left {
width: 62.6rem;
height: 100%;
}
.menu-block-row {
display: flex;
margin-bottom: 1.5rem;
display: -webkit-flex;
}
.menu-block {
display: flex;
align-items:center;
justify-content: center;
}
.menu-item {
position: relative;
width: 30rem;
height: 30rem;
border-radius: 50%;
border: 0.3rem solid transparent;
border-bottom: none;
background: #2E1F4A;
display: flex;
flex-direction: column-reverse;
align-items: center;
justify-content: center;
transition:border 300ms linear;
}
.menu-item:not(:first-child){
margin-left: 1.5rem;
}
.menu-item.active-menu {
border-color: #AC22DA;
}
.menu-block-item-icon {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.menu-icon{
position: absolute;
top:0;
left:0;
transition: opacity 300ms linear;
width: 100%;
}
.active-menu .def-icon{
opacity: 0;
}
.active-menu .active-icon{
opacity: 1;
}
.active-icon{
opacity: 0;
}
.menu-block_item {
position: absolute;
bottom: 4rem;
left: 50%;
transform: translateX(-50%);
font-style: normal;
font-weight: 500;
font-size: 4rem;
color: #ffffff;
z-index: 1;
}
.active-menu .menu-icon-container::after{
position: absolute;
top:0;
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
background-image:linear-gradient(254deg, rgba(196, 38, 247, 0.50) 0%, rgba(106, 11, 246, 0.50) 100%);
filter: blur(10px);
}
.menu_popup {
position: absolute;
width: 90%;
height: 90%;
top: 5%;
left: 5%;
}
.menu_popup_button {
width: 18.9rem;
height: 6.3rem;
border-radius: 12.6rem;
border: .3rem solid #AC22DA;
font-style: normal;
font-weight: 600;
font-size: 2rem;
line-height: 2.9rem;
color: #ffffff;
text-align: center;
text-transform: uppercase;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.menu_cavas_parent {
text-align: center;
height: 30%;
zoom: 1;
}
#menu_popup_mac {
font-style: normal;
font-weight: 600;
font-size: 2.4rem;
line-height: 3.6rem;
color: #ffffff;
margin-bottom: 4.8rem;
}
.menu_popup_box2_text {
font-style: normal;
font-weight: 400;
font-size: 2.4rem;
text-align: center;
color: #ffffff;
}
#menu_popup_mac span {
font-size: 2.4rem;
}
.for-help_contact {
font-size: 3rem;
}
.menu_popup_header {
text-align: center;
margin-bottom: 4.5rem;
}
.menu_popup_header_text {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 3.4rem;
text-align: center;
color: #ffffff;
}
.menu-qr-block {
position: absolute;
bottom: 0;
right: 0;
}
.menu-qr-block-header {
font-style: normal;
font-weight: 700;
font-size: 4.8rem;
text-align: center;
color: #ffffff;
margin-bottom: 0.5rem;
}
.menu_popup_header_link {
font-style: normal;
font-weight: 400;
font-size: 3rem;
color: #ca77ff;
}
.menu_popup_content {
width: 106.8rem;
display: flex;
margin: 0 auto;
}
.menu_popup_box1,
.menu_popup_box2 {
width: 125.2rem;
height: 52.2rem;
background: rgba(1, 1, 2,0.5);
border-radius: 1rem;
padding: 5rem 30rem;
display: flex;
flex-direction: column;
align-items: center;
}
.menu_popup_box1 {
padding-top: 10rem;
margin-right: 3.4rem;
}
.menu_popup_qr_footer {
font-style: normal;
font-weight: 700;
font-size: 2.4rem;
line-height: 2.9rem;
margin-top: 1.7rem;
color: #5ac8cb;
position: absolute;
bottom: 18rem;
}
.menu_popup_box2_head {
font-style: normal;
font-weight: 700;
font-size: 3.4rem;
line-height: 3.6rem;
text-align: center;
color: #ffffff;
margin-bottom: 2.4rem;
}
.menu_popup_box2_text {
font-style: normal;
font-weight: 600;
font-size: 2.4rem;
line-height: 3.6rem;
text-align: center;
color: #ffffff;
margin-bottom: 6rem;
}
#qr-code {
width: 17.8rem;
height: 17.8rem;
}
.context #qr-code {
position: absolute;
bottom: 10rem;
right: -30rem;
}
.playlist-large {
height: 60.5rem;
top: -3.07rem;
left: 0.4rem;
background: url('http://tv.vegaplayer.io/img/menu_icon/big-bg-disactive.png');
background-position: center -7rem;
background-size: 212%;
}
.playlist-large.active-menu {
background: url('http://tv.vegaplayer.io/img/menu_icon/big-bg-active.png');
background-position: center -7rem;
background-size: 212%;
}
.playlist-large .menu-block-item-icon {
top: 20rem;
}
.playlist-large .menu-block_item {
bottom: 32%;
}
.movies-pos {
position: relative;
left: 50%;
}
.series-large {
height: 60.5rem;
top: -31rem;
background: url('http://tv.vegaplayer.io/img/menu_icon/big-bg-disactive.png');
background-position: center -7rem;
background-size: 212%;
}
.series-large.active-menu {
background: url('http://tv.vegaplayer.io/img/menu_icon/big-bg-active.png');
background-position: center -7rem;
background-size: 212%;
}
.series-large .menu-block-item-icon {
top: 15rem;
}
.series-large .menu-block_item {
bottom: 32%;
}
.remove {
display: none;
}
.playlist-pos {
position: relative;
bottom: -29.5rem;
}
.series-pos {
position: relative;
left: 31.3rem;
top: -1rem;
}
.main-block-pos {
position: relative;
left: -12rem;
}
.movies-pos {
left: 31rem;
}
.movies-position {
left: -31rem;
top: 31rem;
}
.container-parent {
width: 93.5%;
height: 96%;
position: absolute;
margin: 5rem 6.3rem;
top: 0;
left: 0;
display: flex;
align-items: center;
}
.block-1 {
width: 4%;
height: 100%;
position: absolute;
display: inline-block;
left: 0%;
}
.tv_right_block {
width: 71.8rem;
height: 100%;
}
.tv_player_block {
width: 105rem;
height: 100%;
margin-left: 4.1rem;
}
.search_block,
.tv_block {
width: 100%;
height: 100%;
}
.block-2 {
width: 40%;
height: 100%;
position: absolute;
display: inline-block;
left: 1%;
}
.block-3 {
width: 57%;
height: 100%;
position: absolute;
display: inline-block;
right: 0%;
}
.block-3-left {
position: absolute;
width: 87.4%;
height: 100%;
left: 0;
padding: 1%;
overflow: hidden;
}
.block-3-right {
position: absolute;
width: 10%;
height: 100%;
right: 0;
}
.back-button {
width: 7.2rem;
height: 7.2rem;
background-image: url('http://tv.vegaplayer.io/img/icons/back.png');
background-repeat: no-repeat;
background-size: 55%;
background-position: 40%;
border-radius: 0.4rem;
cursor: pointer;
background-color: #2E1F4A;
border: .3rem solid transparent;
}
.block-top-parent {
position: relative;
width: 100%;
height: 7.2rem;
margin-bottom: 0.6rem;
background: #2E1F4A;
cursor: pointer;
}
.category-con-block {
position: absolute;
left: 0;
top: 0;
width: 15%;
height: 100%;
background-image: url('http://tv.vegaplayer.io/img/icons/category.png');
background-repeat: no-repeat;
background-size: 50%;
background-position: 50%;
}
.go-to-category {
position: absolute;
width: 100%;
height: 100%;
right: 0;
top: 0;
border-radius: 0.4rem;
}
.category-text {
color: #fff;
font-size: 4rem;
font-size: 2.8rem;
font-weight: 600;
overflow: hidden;
height: 100%;
line-height: 6.8rem;
padding-left: 3.1rem;
}
.block-body-parent {
width: 100%;
height: 100%;
}
#categories_list {
height: 100%;
}
#categories_parent {
width: 71.8rem;
height: 88%;
position: absolute;
transform: translateX(-110%);
overflow: hidden;
}
.block-right-parent {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.block-right-parent #tv-loading {
display: none;
top: 27% !important;
}
.tv-block-body-parent {
display: inline-block;
background-color: #2E1F4A;
width: 7.4%;
height: 100%;
position: absolute;
right: 0;
}
.category-list {
width: 96%;
height: 96%;
position: absolute;
overflow: hidden;
}
.category-item {
position: relative;
width: 100%;
height: 12.2rem;
background: #2E1F4A;
border: 0.1rem solid transparent;
border-radius: 1rem;
margin-bottom: 0.9rem;
border-radius: 0.4rem;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
border: 0.4rem solid transparent;
}
.category-item.locked {
background-image: url('http://tv.vegaplayer.io/img/icons/lock.png');
background-repeat: no-repeat;
background-position: 95% center;
background-size: 3rem;
}
.item-block.locked {
background-image: url('http://tv.vegaplayer.io/img/icons/lock.png');
background-repeat: no-repeat;
background-position: 98.5% 87%;
background-size: 3rem;
}
.item-block {
position: relative;
width: 100%;
height: 12.2rem;
background: #2E1F4A;
border: 0.1rem solid transparent;
border-radius: 1rem;
margin-bottom: 0.9rem;
border-radius: 0.4rem;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
border: 0.4rem solid transparent;
}
.item-block>.item-block-number,
.item-block>.item-block-left,
.item-block>.item-block-right {
font-size: 3rem;
}
.category-name {
display: inline-block;
width: 82%;
color: #fff;
font-size: 3.1rem;
font-weight: bold;
overflow: hidden;
height: 40%;
line-height: 5rem;
}
.item-block-number {
align-items: top;
display: inline-block;
width: 15%;
text-align: center;
font-weight: bold;
color: #fff;
}
.item-block-left {
display: inline-block;
width: 23%;
height: 80%;
background-repeat: no-repeat;
background-size: 50%;
background-position: center;
}
.protected-block {
width: 43%;
height: 43%;
position: absolute;
left: 55%;
top: 50%;
background-image: url('http://tv.vegaplayer.io/img/icons/protected.png');
background-repeat: no-repeat;
background-position: 50%;
background-size: 85%;
}
.item-block-right {
display: inline-block;
width: 65%;
padding-left: 3%;
color: #fff;
font-weight: bold;
overflow: hidden;
height: 33%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
padding-right: 3rem;
}
.item-block-left img {
position: absolute;
width: 95%;
height: 70%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 0.4rem;
}
.favorite_block {
position: absolute;
right: 2%;
top: 10%;
border-radius: 50%;
width: 1.5rem;
height: 1.5rem;
}
.favorite_block.favorite_channel {
background-image: url('http://tv.vegaplayer.io/img/icons/favorite.png');
background-size: cover;
}
.item-live-program {
display: inline-block;
font-size: 0.85rem;
width: 88.3%;
height: 27%;
color: #fff;
overflow: hidden;
}
.more_button {
visibility: hidden;
position: absolute;
display: inline-block;
width: 10%;
height: 36%;
background-color: #49474e;
background-image: url('http://tv.vegaplayer.io/img/icons/more.png');
background-size: 60%;
background-repeat: no-repeat;
background-position: 50%;
border-radius: 0.3rem;
}
.item-program-time {
font-size: 0.9rem;
color: #fff;
width: 100%;
}
.item-program-progress {
position: relative;
width: 100%;
height: 21%;
}
.progress {
position: absolute;
width: 100%;
height: 47%;
background-color: #434248;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 0.3rem;
}
.progress-go {
position: absolute;
height: 100%;
background: #AC22DA;
z-index: 1;
border-radius: 0.3rem;
}
.progress-go.active:after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 200%;
border: 0.2rem solid white;
width: 0.8rem;
border-radius: 0.4rem;
background: #AC22DA;
}
.player_pause {
position: absolute;
visibility: hidden;
height: 10%;
top: 40%;
width: 100%;
background-image: url('http://tv.vegaplayer.io/img/player/pause_green.png');
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.video-home-screen {
width: 100%;
height: 60.7rem;
object-fit: fill;
background-color: #000000;
position: relative;
margin-bottom: 1.6rem;
}
.video-full-screen {
background-color: #29282d;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9;
object-fit: cover;
margin: 0 !important;
}
#video {
height: 100%;
width: 100%;
}
.epg-list-parent {
position: relative;
width: 99%;
height: 40%;
padding: 1%;
overflow-y: scroll;
margin: 0 auto;
}
.epg-list-parent .not_found_text {
font-size: 1.6rem;
}
.epg-list-parent .not_found_img {
margin-top: 11%;
width: 13%;
}
.epg-list-item {
position: relative;
width: 100%;
height: 23%;
background-color: #2E1F4A;
margin-bottom: 1%;
border-radius: 0.4rem;
cursor: pointer;
}
.epg-list-left {
position: absolute;
display: inline-block;
width: 8%;
height: 100%;
left: 0;
}
.epg-list-right {
position: absolute;
display: inline-block;
width: 90%;
height: 100%;
right: 0;
}
.epg-recorded {
position: absolute;
top: 50%;
left: 53%;
width: 26%;
height: 25%;
background-image: -webkit-gradient(linear,
left top,
right top,
from(#ff5733),
to(#c70039));
background-image: -webkit-linear-gradient(left, #ff5733, #c70039);
background-image: -o-linear-gradient(left, #ff5733, #c70039);
background-image: linear-gradient(to right, #ff5733, #c70039);
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.epg-dont-recorded {
position: absolute;
top: 50%;
left: 53%;
width: 26%;
height: 25%;
background-image: -webkit-gradient(linear,
left top,
right top,
from(gray),
to(#b7b7a3));
background-image: -webkit-linear-gradient(left, gray, #b7b7a3);
background-image: -o-linear-gradient(left, gray, #b7b7a3);
background-image: linear-gradient(to right, gray, #b7b7a3);
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.epg-live {
position: absolute;
top: 50%;
left: 53%;
width: 0;
height: 0;
border-top: 0.7rem solid transparent;
border-bottom: 0.7rem solid transparent;
border-left: 1rem solid seagreen;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.epg-content {
font-size: 1.2rem;
height: 50%;
overflow: hidden;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
}
.epg-day-block {
position: relative;
width: 100%;
height: 13.45%;
background-color: #2E1F4A;
margin-bottom: 8%;
border-radius: 0.4rem;
cursor: pointer;
}
.block-3-right {
position: absolute;
width: 12%;
height: 100%;
right: 0;
padding: 0.5%;
}
.epg-day {
position: absolute;
color: #fff;
font-size: 1.3rem;
font-weight: 600;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.epg-week-day {
color: #fff;
font-size: 0.9rem;
position: absolute;
bottom: 10%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.parental-input-block {
width: 100%;
height: 3rem;
position: relative;
margin-bottom: 3%;
}
.parental-input-block img {
position: absolute;
width: 1.8rem;
top: 1rem;
left: 1.1rem;
}
.parental-input-block .input {
border: 0.2rem solid transparent;
padding: 1.4% 7% 2.6% 10%;
font-size: 1.1rem;
}
.parental-input-block .button-success {
padding: 2%;
}
.parental-input-block .button img {
position: absolute;
width: 1.6rem;
top: 1rem;
left: 1.2rem;
}
.parental-input-block .button {
border: 0.2rem solid transparent;
font-size: 1.2rem;
}
.time_block {
width: 100%;
height: 7.2rem;
background: #2E1F4A;
color: white;
line-height: 7.2rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 3.1rem;
}
.time_block #day {
padding-left: 1.8rem;
font-weight: 600;
font-size: 2.4rem;
}
.time_block #time {
padding-right: 1.8rem;
font-weight: 600;
font-size: 2.4rem;
}
.info_buttons {
width: 100%;
height: 10.1rem;
background: #2E1F4A;
border-radius: 0.4rem;
display: flex;
justify-content: center;
align-items: center;
}
.info_button {
position: relative;
color: white;
font-weight: bold;
font-size: 3rem;
padding-left: 7%;
padding-right: 3%;
}
.info_button div {
text-align: left;
}
.info_button::before {
content: "";
width: 2.5rem;
height: 1.5rem;
position: absolute;
left: 0%;
top: 50%;
transform: translateY(-50%) translateX(130%);
border-radius: 0.3rem;
}
.info_button.green_btn::before {
background-color: green;
}
.info_button.yellow_btn::before {
background-color: yellow;
}
.info_button.red_btn::before {
background-color: red;
}
.info_button.blue_btn::before {
background-color: blue;
}
.info_button.red_btn::after {
content: "";
position: absolute;
right: 3%;
top: 25%;
width: 2.2rem;
height: 2.5rem;
background-image: url('http://tv.vegaplayer.io/img/icons/arrow.png');
background-repeat: no-repeat;
background-size: 2.2rem;
background-position: 0 center;
visibility: hidden;
}
.info_button.red_btn.asc::after {
transform: rotate(180deg);
visibility: visible;
}
.info_button.red_btn.desc::after {
visibility: visible;
}
.current_channel {
width: 100%;
height: 17.5rem;
background: #2E1F4A;
position: relative;
display: flex;
justify-content: center;
align-items: center;
background-repeat: no-repeat;
background-size: 9%;
background-position: 16% center;
margin-bottom: 1.6rem;
}
.current_channel-number {
width: 13%;
display: inline-block;
color: white;
font-size: 5rem;
text-align: center;
font-weight: bold;
}
.current_channel-info {
width: 70%;
margin-left: 15%;
display: inline-block;
color: white;
font-size: 2.5rem;
height: 90%;
font-weight: bold;
overflow: hidden;
}
.current_channel-name {
height: 37%;
overflow: hidden;
font-size: 3.7rem;
line-height: 5rem;
}
.current_channel-epg {
height: 65%;
overflow: hidden;
position: relative;
font-weight: normal;
}
.current-epg,
.next-epg {
height: 44%;
margin-top: 0.5%;
font-size: 3rem;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.current-epg span,
.next-epg span {
color: #6A0BF6;
margin-right: 0.5rem;
font-size: 3rem;
}
#free_trial_btn_parent {
width: 100%;
bottom: 7%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#free_trial_btn {
width: 44.3rem;
font-style: normal;
font-weight: 600;
font-size: 2.3rem;
line-height: 2.4rem;
color: #ffffff;
text-align: center;
border-radius: 12.6rem;
border: .3rem solid #AC22DA;
padding: 2rem 3.3rem;
cursor: pointer;
background-image: url('http://tv.vegaplayer.io/img/icons/arrow_right.png');
background-repeat: no-repeat;
background-position: 95% center;
margin-bottom: 1.4rem;
}
#free_trial_btn_bottom {
font-size: 2rem;
color: #fff;
}
.search_block {
transform: translateX(110%);
opacity: 0;
}
.tv_search_block.search .tv_player_block {
transform: translateX(130%);
}
.tv_search_block.search .search_block {
transform: translateX(-135rem);
opacity: 1;
width: 100%;
position: absolute;
top: 0;
}
.tv_search_block.search .epg_days_block {
transform: translateX(135%);
}
.channel_search_block {
width: 80%;
margin-left: 10%;
margin-top: 32%;
border-radius: 1rem;
background-color: #2E1F4A;
overflow: hidden;
background-image: url('http://tv.vegaplayer.io/img/icons/search.png');
background-repeat: no-repeat;
background-size: 2rem;
background-position: 1.7rem center;
}
.channel_search_block input {
width: 80%;
margin-left: 5rem;
border: none;
background-color: transparent;
outline: none;
font-size: 2rem;
font-weight: bold;
color: white;
line-height: 3rem;
padding: 1rem 0;
}
.player-more-options {
position: absolute;
bottom: 0;
left: 0;
width: 40rem;
color: white;
text-shadow: 0 0 0.5rem black;
font-size: 3rem;
font-weight: bold;
padding-left: 3.5rem;
background-image: url('http://tv.vegaplayer.io/img/icons/back.png');
background-repeat: no-repeat;
background-position: left center;
background-size: 2.5rem;
}
.tv_start_page_loading {
position: fixed;
width: 100%;
height: 100%;
background-color: #232020;
z-index: 9999;
display: none;
}
.tv_start_page_loading #start_page_logo {
position: absolute;
width: 100%;
height: 100%;
top: -10rem;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 75rem;
background-image: url('http://tv.vegaplayer.io/img/icons/splash-screen-logo.svg');
opacity: 0;
transition: opacity 0.5s linear;
}
.tv_start_page_loading .lds-dual-ring {
opacity: 0;
top: 80%;
}
.block-4 {
position: absolute;
width: 91%;
height: 100%;
left: 4.5%;
z-index: 1;
}
.block-5 {
width: 4%;
height: 100%;
position: absolute;
display: inline-block;
right: 0%;
}
#movie_block {
width: 90%;
height: 96%;
position: absolute;
margin: 2% 5%;
top: 0;
left: 0;
}
.movie-header {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 8%;
}
.movie-body {
position: relative;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
}
.movie-body-search {
position: absolute;
width: 100%;
height: 92%;
bottom: 0;
}
.movie-info {
font-size: 5rem;
line-height: 4rem;
color: #fff;
width: 95%;
height: 65%;
margin-top: 1.3%;
}
.search_count {
font-size: 1rem;
color: #fff;
width: 95%;
height: 35%;
}
.menu-button {
width: 20%;
height: 100%;
float: left;
margin-left: 1%;
padding-left: 6rem;
background-image: url('http://tv.vegaplayer.io/img/icons/search.png');
background-repeat: no-repeat;
background-size: 8.5%;
background-position: 3% 50%;
border-radius: 0.4rem;
cursor: pointer;
background-color: #2E1F4A;
color: white;
line-height: 4.5rem;
font-size: 3.2rem;
border: .3rem solid transparent;
}
.movie {
width: 22rem;
height: 100%;
display: inline-block;
margin-bottom: 3%;
margin-top: 0.5%;
margin-right: 2.2rem;
margin-left: 0.5%;
background: #2E1F4A;
border-radius: 1rem;
border: .3rem solid transparent;
position: relative;
overflow: hidden;
}
.movie .locked {
width: 17%;
height: 10%;
position: absolute;
right: 2%;
top: 1%;
z-index: 1;
background-color: #df2115;
border-radius: 0.5rem;
background-image: url('http://tv.vegaplayer.io/img/icons/lock.png');
background-repeat: no-repeat;
background-position: center;
background-size: 40%;
}
.movie-name-block {
width: 100%;
height: 20%;
font-size: 1.2rem;
color: #fff;
font-weight: 600;
padding: 2% 3%;
}
.movie-name {
width: 88%;
height: 4.6rem;
font-size: 2.5rem;
line-height: 5.5rem;
white-space: normal;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.movie-search .movie-name {
line-height: 4.3rem;
}
.movie-year-category {
position: absolute;
width: 97%;
height: 7%;
padding: 0% 0% 0% 3%;
background-color: #ff000000;
font-size: 0.85rem;
color: #fff;
left: 0;
bottom: 2%;
}
.movie-img-block {
position: absolute;
width: 30%;
height: 83%;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
}
.movie-info-block {
position: absolute;
width: 126rem;
padding: 0 8rem;
height: 100%;
top: 0;
right: -5rem;
}
.movie-info-name-1 {
width: 98%;
font-size: 6rem;
letter-spacing: 0.05rem;
color: #fff;
font-weight: 600;
padding-left: 2%;
}
.movie-info-name-2 {
width: 98%;
font-size: 1.3rem;
letter-spacing: 0.05rem;
color: #fff;
padding-left: 2%;
}
.actors-parent,
#season_parent {
position: relative;
margin-left: 2rem;
width: 99%;
padding: 1rem 0;
margin-top: 1rem;
}
.season-parent {
height: 4.5rem;
width: 1000rem;
margin: 3rem 0;
}
#season_cursor,
#episode_cursor {
position: relative;
overflow: hidden;
}
.episode-parent {
height: 22rem;
width: 1000rem;
padding: 0.5rem 0;
overflow: hidden;
}
.actor-block {
position: relative;
width: 14%;
height: 11rem;
background-color: #2E1F4A;
display: inline-block;
margin: 1% 0.8%;
border-radius: 0.25rem;
cursor: pointer;
vertical-align: top;
}
.play.active,
.season-block.active {
}
.episode-block.active {
transform: scale(1.05);
border: 0.3rem solid #AC22DA;
}
.episode-block.active .episode-name-block {
}
.play.active span {
color: #fff;
}
.season-block {
background-color: #2E1F4A;
margin-left: 1rem;
border-radius: 0.4rem;
cursor: pointer;
float: left;
font-size: 2rem;
color: #fff;
font-weight: 600;
padding: 1rem 0.5rem;
width: 17rem;
text-align: center;
border: 0.3rem solid transparent;
}
.season-block.selected-season {
background: #6A0BF6;
}
.episode-block {
width: 17rem;
height: 21rem;
background-color: #2E1F4A;
border: .3rem solid transparent;
margin-left: 1rem;
border-radius: 1rem;
cursor: pointer;
float: left;
}
.episode-img {
width: 100%;
height: 75%;
background-repeat: no-repeat;
background-position: 50% 0;
background-size: 100%;
border-radius: 0.4rem 0.4rem 0 0;
background-size: cover;
}
.episode-name-block {
width: 100%;
height: 25%;
padding: 3% 5%;
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.episode-name {
color: #fff;
font-size: 2.9rem;
font-weight: 600;
overflow: hidden;
width: 100%;
height: 100%;
}
.user-name {
color: #fff;
font-size: 0.95rem;
margin: 5% 10%;
}
.user-img {
width: 100%;
height: 70%;
background-repeat: no-repeat;
background-position: 50% 25%;
background-size: 100%;
border-radius: 0.25rem 0.25rem 0 0;
}
.movie-info-desc {
margin-top: 1%;
padding: 1% 2%;
color: #fff;
font-size: 3.2rem;
line-height: 4.5rem;
max-height: 20rem;
overflow: hidden;
}
.movie-info-info-1 {
padding: 0 2rem;
font-size: 3rem;
color: #929292;
line-height: 5rem;
overflow: hidden;
height: 5.2rem;
margin: 1rem 0;
}
.movie-info-info-2 {
width: 96%;
height: 8rem;
padding: 2%;
font-size: 2rem;
color: #fff;
display: flex;
justify-content: left;
align-items: center;
}
.movie-info-info-3 {
width: 96%;
padding: 1% 2% 0;
font-size: 1rem;
letter-spacing: 0.05rem;
color: #929292;
}
.rating-parent {
font-size: 4rem;
background-repeat: no-repeat;
background-size: 4rem;
background-position: 0% 50%;
padding-left: 5rem;
margin-right: 3rem;
}
.eye {
background-image: url('http://tv.vegaplayer.io/img/icons/eye.png');
}
.tmdb {
background-image: url('http://tv.vegaplayer.io/img/icons/tmdb.png');
}
.rating {
background-image: url('http://tv.vegaplayer.io/img/icons/rating.png');
}
.imdb {
background-image: url('http://tv.vegaplayer.io/img/icons/imdb.png');
}
.kinopoisk {
background-image: url('http://tv.vegaplayer.io/img/icons/kinopoisk.png');
}
.time {
background-image: url('http://tv.vegaplayer.io/img/icons/time.png');
}
.watch-trailler-block {
position: absolute;
width: 30%;
height: 23%;
bottom: 0;
left: 0;
text-align: center;
}
.play,
.trailer {
position: relative;
display: inline-block;
width: 80%;
height: 7rem;
background-color: #2E1F4A;
border-radius: 12.6rem;
margin: 1%;
padding: 0.5%;
cursor: pointer;
font-size: 1.5rem;
line-height: 1rem;
border: .3rem solid transparent;
}
.favorite {
position: relative;
display: inline-block;
width: 12%;
height: 100%;
background-color: #2E1F4A;
border-radius: 0.4rem;
margin: 1%;
padding: 0.5%;
cursor: pointer;
}
.favorite-icon {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 50%;
background-size: 80%;
}
.buttons {
position: absolute;
width: 100%;
height: 45%;
top: 45%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.play span,
.trailer span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 3rem;
color: #ffffff;
}
.actors-popup {
visibility: hidden;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 9;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.actors-popup-parent-background {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #101010;
opacity: 0.8;
}
.movie-img-block {
position: absolute;
width: 30%;
height: 83%;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
}
.actors-info-block {
position: absolute;
width: 69.5%;
height: 100%;
top: 0;
right: 0;
overflow-y: scroll;
}
.actors-movie {
position: relative;
width: 24%;
height: 18rem;
display: inline-block;
margin-bottom: 0.5%;
margin-top: 1%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0.2rem solid transparent;
border-radius: 0.25rem;
cursor: pointer;
}
.movie-img {
width: 100%;
height: 80%;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
position: relative;
}
.actors-movie-name {
position: absolute;
width: 97%;
height: 8%;
padding: 2% 0% 0% 3%;
font-size: 1.05rem;
color: #fff;
font-weight: 600;
left: 0;
bottom: 14%;
}
.actors-movie-year-category {
position: absolute;
width: 97%;
height: 12%;
padding: 0% 0% 0% 3%;
font-size: 0.85rem;
color: #fff;
left: 0;
bottom: 2%;
}
.movie-info-name-3 {
width: 98%;
height: 4%;
font-size: 1.7rem;
color: #fff;
padding-left: 2%;
margin-top: 4%;
}
.seria {
display: inline-block;
position: relative;
width: 18%;
margin: 1%;
height: 10.5rem;
border-radius: 0.4rem;
background-color: #2E1F4A;
cursor: pointer;
}
.seria-img {
width: 100%;
height: 80%;
background-repeat: no-repeat;
background-position: 50% 25%;
background-size: cover;
}
.seria-name-block {
width: 100%;
height: 20%;
position: absolute;
bottom: 0;
left: 0;
padding: 5%;
}
.seria-name {
width: 100%;
height: 100%;
overflow: hidden;
color: #fff;
}
#movie_info_popup.show {
visibility: visible;
opacity: 1;
z-index: 99;
}
.movie_progress {
width: 100%;
height: 2%;
background-color: white;
position: absolute;
bottom: 0;
left: 0;
}
.movie_progress div {
height: 100%;
background-color: #6558ff;
}
#subtitle {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
z-index: 2;
text-align: center;
}
#subtitle.show_bg #subtitle_text {
background-color: rgba(0, 0, 0, 0.7);
}
#subtitle_text {
text-align: center;
color: #fff;
font-weight: bold;
font-size: 5rem;
line-height: 6rem;
z-index: 1;
}
.category-parent {
width: 100%;
overflow-y: hidden;
margin-bottom: 1.5rem;
}
.category-row {
position: relative;
justify-content: flex-start;
}
.movie-category {
width: 28rem;
height: 8.2rem;
background: #2E1F4A;
border-radius: 1rem;
border: .3rem solid transparent;
padding: 1.5rem;
margin-right: 1rem;
position: relative;
float: left;
}
.movie-category-name {
width: 90%;
font-size: 2.5rem;
line-height: 4rem;
font-weight: bold;
color: white;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.movie-category.active {
border-color: #AC22DA;
}
.container-header {
height: 5%;
margin-bottom: 1%;
}
.cursor_parent {
position: relative;
}
.movie-cursor {
position: absolute;
top: 50%;
width: 10rem;
height: 15rem;
z-index: 111;
background-size: 5rem;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
transition: 200ms;
opacity: 0;
transform: translateY(-50%);
}
.movie-cursor._left {
background-image: url('http://tv.vegaplayer.io/img/icons/left.png');
left: -10rem;
}
.movie-cursor._right {
background-image: url('http://tv.vegaplayer.io/img/icons/right.png');
right: -10rem;
}
.movie-cursor.episode_cursor._left {
top: 65%;
left: -9rem;
}
.movie-cursor.episode_cursor._right {
top: 65%;
right: -9rem;
}
#episode_cursor:hover~.movie-cursor.episode_cursor {
opacity: 1;
}
.movie-cursor.season_cursor._left {
top: 18%;
left: -9rem;
}
.movie-cursor.season_cursor._right {
top: 18%;
right: -9rem;
}
#season_cursor:hover~.movie-cursor.season_cursor {
opacity: 1;
}
.movie-cursor:hover {
opacity: 1;
}
#movie_body>#cat_left,
#movie_body>#cat_right {
top: 7%;
}
#movie_keyboard .symbol {
width: 7.2%;
}
.exit-item-img,
.password-item-img,
.format-item-img,
.xtream-item-img,
.globus-item-img,
.timezone-item-img,
.padlock-item-img,
.lock-item-img,
.sub-item-img,
.tmdb-item-img,
.epg-item-img,
.player-item-img,
.app-menu-img {
position: absolute;
width: 12%;
height: 100%;
background-repeat: no-repeat;
background-size: 45%;
background-position: 50%;
}
.exit-item-img {
}
.password-item-img {
background-image: url('http://tv.vegaplayer.io/img/icons/key.png');
}
.xtream-item-img,
.format-item-img {
background-image: url('http://tv.vegaplayer.io/img/icons/format.png');
}
.sub-item-img {
background-image: url('http://tv.vegaplayer.io/img/icons/subtitles.png');
background-position: 50% 60%;
}
.tmdb-item-img {
background-image: url('http://tv.vegaplayer.io/img/icons/tmdb.png');
}
.globus-item-img {
background-image: url('http://tv.vegaplayer.io/img/icons/globus.png');
}
.padlock-item-img {
background-image: url('http://tv.vegaplayer.io/img/icons/padlock.png');
}
.lock-item-img {
background-image: url('http://tv.vegaplayer.io/img/icons/lock.png');
}
.epg-item-img {
box-sizing: border-box;
border: 0.15rem solid white;
width: 7%;
height: 40%;
top: 30%;
left: 2.5%;
line-height: 2.6rem;
border-radius: 0.3rem;
color: white;
font-weight: bold;
font-size: 1.5rem;
text-align: center;
padding: 0.15rem 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.slider:before {
position: absolute;
content: "";
height: 2.3rem;
width: 2.3rem;
left: 0.5rem;
bottom: 0.3rem;
background-color: #2E1F4A;
}
.switch {
position: absolute;
right: 12%;
top: 2rem;
transform: translateY(-50%);
}
.switch input {
display: none;
}
input:focus+.slider {
-webkit-box-shadow: 0 0 0.1rem #fd7b2f;
box-shadow: 0 0 0.1rem #fd7b2f;
}
input:checked+.slider {
opacity: 1;
}
input:checked+.slider:before {
-webkit-transform: translateX(2.6rem);
-ms-transform: translateX(2.6rem);
transform: translateX(2.8rem);
background-color: #ffffff;
}
input:checked+.slider{
background-color: #6A0BF6;
}
.slider.round {
width: 6rem;
height: 3rem;
border-radius: 5.1rem;
background-color: #4C3774;
opacity: 0.4;
}
.slider.round:before {
border-radius: 50%;
}
.device-info-container{
position: absolute;
bottom: 2rem;
width: 100%;
color: #ffffff;
display: flex;
justify-content: space-between;
}
#settings_device_key {
position: absolute;
bottom: 7rem;
right: -3%;
}
#settings_device_key,
#settings_device_key span {
font-size: 3rem;
font-weight: bold;
color: #fff;
}
#app_version,
#settings_mac,
#app_version>span,
#settings_mac>span {
font-weight: 600;
font-size: 3.4rem;
}
#epg-link-input {
width: 80%;
height: 3rem;
border-radius: 0.5rem;
background: #2E1F4A;
border: none;
cursor: pointer;
color: white;
font-size: 3rem;
padding: 3rem;
}
#epg-link-input.active {
border: 0.3rem solid #6558ff;
}
.cat_col {
width: 30%;
float: left;
height: 100%;
margin-left: 3%;
color: white;
}
.cat_name {
font-size: 5rem;
}
.cat_list {
margin-top: 7%;
height: 90%;
width: 100%;
overflow: hidden;
position: relative;
}
.cat_list_parent {
width: 100%;
height: 100%;
position: relative;
}
.cat_el {
background: #2E1F4A;
line-height: 10rem;
margin-top: 0.6rem;
border-radius: 0.3rem;
height: 10%;
overflow: hidden;
padding-left: 17%;
padding-right: 5%;
cursor: pointer;
font-size: 3rem;
border: .3rem solid transparent;
}
.cat_el.active {
border-color: #AC22DA;
}
.cat_el.locked {
background-image: url('http://tv.vegaplayer.io/img/icons/lock.png');
background-repeat: no-repeat;
background-position: 3rem center;
background-size: 6%;
}
.epg-link-qr-parent {
width: 100%;
margin-top: 5%;
}
.epg-link-qr-text {
text-align: center;
color: white;
font-size: 2.2rem;
width: 100%;
}
.epg-link-qr {
margin-top: 5%;
}
.app-menu-head {
font-style: normal;
font-weight: 400;
font-size: 4.4rem;
line-height: 6rem;
color: #ffffff;
width: 120rem;
position: relative;
left: -12rem;
margin-bottom: 5.6rem;
}
.app-menu-item {
width: 100%;
height: 7rem;
background: #2E1F4A;
border-radius: 0.6rem;
margin-bottom: 2rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 2rem 2.8rem;
position: relative;
border: 0.3rem solid rgba(0, 0, 0, 0);
}
.app-menu-item.active {
border: 0.3rem solid #6558ff;
}
.app-menu-item-name {
font-style: normal;
font-weight: 600;
font-size: 3rem;
line-height: 7rem;
color: #ffffff;
}
.app-menu-switch {
position: absolute;
right: 10%;
top: 40%;
transform: translateY(-50%);
}
.app-menus-forbidden-text {
font-style: normal;
font-weight: 400;
font-size: 6rem;
text-align: center;
color: #ffffff;
position: absolute;
left: 50%;
top: 40%;
transform: translate(-50%, -50%);
}
.app-menus-forbidden-button {
background: #5ac8cb;
border: 0.0590546rem solid rgba(255, 255, 255, 0.2);
border-radius: 1rem;
font-style: normal;
font-weight: 700;
font-size: 4rem;
text-align: center;
color: #fff;
padding: 1rem 4rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
}
.block-6 {
position: absolute;
width: 91%;
height: 100%;
left: 4.5%;
}
.search-result-block {
position: relative;
width: 100%;
height: 50%;
margin: 0.5% 0;
display: flex;
align-items: center;
}
.movie-items-parent {
width: 100%;
height: 100%;
overflow: scroll;
white-space: nowrap;
}
.keyboard-block {
width: 100%;
height: 7%;
}
.search-result-block .movie {
width: 18%;
height: 96%;
margin-bottom: 0.5%;
}
.search-result-block .movie-year-category {
font-size: 0.9rem;
}
.wrapper_1 {
width: 56%;
margin: 0 auto;
text-align: center;
position: relative;
}
.wrapper_1_icon {
width: 6.5rem;
height: 6.5rem;
background-image: url('http://tv.vegaplayer.io/img/icons/search.png');
background-repeat: no-repeat;
background-size: 50%;
background-position: center;
position: absolute;
top: 0%;
left: 0;
}
.wrapper_1 input {
width: 100%;
margin: 0 auto;
background-color: #2E1F4A;
font-size: 3rem;
font-weight: 100;
color: #fff;
border-radius: 0.8rem;
border: 1rem solid #2E1F4A;
padding: 0.2rem 2em;
outline: none;
}
.keyboard_block {
width: 100%;
margin-top: 0;
height: 100%;
margin-top: 0.6rem;
}
.symbol,
.symbol2,
.symbol3 {
position: relative;
height: 8.6rem;
vertical-align: top;
text-align: center;
display: inline-block;
border-radius: 0.4rem;
background-color: #2E1F4A;
margin: 0.3rem;
cursor: pointer;
}
.symbol {
width: 7.2%;
}
.symbol2 {
width: 14.7%;
}
.symbol3 {
width: 68.4%;
}
.tv_search_keyboard .keyboard .keyboard_content {
width: 100%;
}
.tv_search_keyboard .symbol {
width: 7.1%;
}
.symbol div,
.symbol2 div,
.symbol3 div {
font-size: 3.5rem;
font-weight: bold;
color: #fff;
width: 65%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.backspace {
background-image: url('http://tv.vegaplayer.io/img/keyboard/backspace.png');
background-repeat: no-repeat;
background-position: 50%;
background-size: 48%;
}
.shift {
background-image: url('http://tv.vegaplayer.io/img/keyboard/shift.png');
background-repeat: no-repeat;
background-position: 50%;
background-size: 36%;
}
.keyboard_parent {
bottom: 0;
display: none;
position: fixed;
width: 100%;
height: 42%;
left: 0;
z-index: 9;
}
.keyboard_parent.tv_search_keyboard {
height: 50%;
}
.keyboard {
text-align: center;
position: absolute;
width: 73%;
left: 50%;
transform: translateX(-50%);
bottom: 1%;
z-index: 9;
}
#playlist_page .keyboard {
background: #181246;
}
.keyboard_content {
width: 100%;
}
.number_keyboard .symbol {
width: 9.56%;
}
.number_keyboard .keyboard {
width: 72%;
}
.player-header {
width: 92%;
height: 20rem;
position: relative;
top: 82%;
left: 5%;
background: #2E1F4A;
box-shadow: 0 1.2rem 5.4rem rgba(0, 0, 0, 0.35);
border-radius: 1.5rem;
}
.player-item-number {
width: 15rem;
font-style: normal;
font-weight: 700;
font-size: 4.5rem;
line-height: 3.8rem;
color: #b3b3b3;
text-align: center;
}
.player-item-time {
position: absolute;
right: 1rem;
top: 1rem;
font-style: normal;
font-weight: 600;
font-size: 2.8rem;
line-height: 3.8rem;
color: #ffffff;
}
.player-item-lock {
width: 4rem;
height: 4rem;
position: absolute;
top: 1rem;
right: 0.5rem;
}
.player-item-lock.lock {
background: url('http://tv.vegaplayer.io/img/icons/player-item-lock.png');
background-size: contain;
}
.player-item-lock.unlock {
background: url('http://tv.vegaplayer.io/img/icons/player-item-unlock.png');
background-size: contain;
}
.player-item-resolution {
position: absolute;
right: 0.7rem;
bottom: 2%;
font-style: normal;
font-weight: 600;
font-size: 2.8rem;
line-height: 3.8rem;
}
.player-header-info-block {
font-size: 1.75rem;
color: #fff;
width: 98%;
height: 82%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.player-header-block-left {
position: absolute;
width: 20%;
height: 100%;
left: 0;
display: flex;
align-items: center;
}
.player-header-block-left img {
width: 8.3rem;
height: 8.7rem;
object-fit: contain;
margin-left: 2rem;
}
.player-header-block-right {
width: 80%;
position: absolute;
left: 35rem;
}
.player-item-name {
font-style: normal;
font-weight: 700;
font-size: 4.5rem;
line-height: 5.5rem;
color: #ffffff;
margin-top: 3.8rem;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.current-epg-info,
.next-epg-info {
font-style: normal;
font-weight: 600;
font-size: 2.4rem;
line-height: 3.3rem;
color: #ffffff;
}
.current-epg-info>span,
.next-epg-info>span {
font-size: 3rem;
color: #6A0BF6;
margin-right: 0.5rem;
}
.progress-parent {
position: absolute;
width: 100%;
height: 50%;
bottom: 5%;
text-align: center;
}
.time-section {
position: relative;
width: 10%;
display: inline-block;
vertical-align: top;
color: white;
font-size: 3rem;
font-weight: bold;
top: 50%;
transform: translateY(-50%);
}
.progress-time-section {
width: 75%;
height: 100%;
display: inline-block;
}
.player-progress {
position: relative;
width: 100%;
height: 15%;
background-color:#ffffff;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 0.3rem;
}
.player-controls-parent {
width: 100%;
height: 55%;
text-align: center;
}
.player-controller {
display: inline-block;
width: 7%;
height: 100%;
cursor: pointer;
}
.left-cont.player-controller {
background-repeat: no-repeat;
background-size: 55%;
background-position: 45%;
border-radius: 50%;
background-image: url('http://tv.vegaplayer.io/img/player/left.png');
}
.play-pause {
background-repeat: no-repeat;
background-size: 55%;
background-position: 50%;
border-radius: 50%;
background-image: url('http://tv.vegaplayer.io/img/player/play.png');
}
.right-cont.player-controller {
background-repeat: no-repeat;
background-size: 56%;
background-position: 65%;
border-radius: 50%;
background-image: url('http://tv.vegaplayer.io/img/player/right.png');
}
.player-favorite-button {
width: 100%;
height: 8%;
margin-bottom: 14%;
background-repeat: no-repeat;
background-size: 55%;
background-position: 50%;
border-radius: 0.4rem;
cursor: pointer;
background-color: #2E1F4A;
}
.player-subtitle-button {
width: 100%;
height: 8%;
margin-bottom: 14%;
background-image: url('http://tv.vegaplayer.io/img/player/subtitle.png');
background-repeat: no-repeat;
background-size: 55%;
background-position: 50%;
border-radius: 0.4rem;
cursor: pointer;
background-color: #2E1F4A;
}
.quality-subtitle-button {
width: 100%;
height: 8%;
margin-bottom: 14%;
background-image: url('http://tv.vegaplayer.io/img/player/quality.png');
background-repeat: no-repeat;
background-size: 55%;
background-position: 50%;
border-radius: 0.4rem;
cursor: pointer;
background-color: #2E1F4A;
}
.audio-subtitle-button {
width: 100%;
height: 8%;
margin-bottom: 14%;
background-image: url('http://tv.vegaplayer.io/img/player/audio.png');
background-repeat: no-repeat;
background-size: 55%;
background-position: 50%;
border-radius: 0.4rem;
cursor: pointer;
background-color: #2E1F4A;
}
.player-container-parent {
width: 98%;
height: 96%;
position: absolute;
margin: 1%;
}
.progress-block {
position: absolute;
transform: translateY(100%);
transition: all 0.3s linear;
bottom: 0%;
left: 0;
width: 100%;
height: 13%;
z-index: 3;
background-image: linear-gradient(to top, #383636, transparent);
}
.progress-block.show {
transform: translateY(0);
}
#player_background {
position: absolute;
width: 100%;
height: 100%;
background-color: #000;
z-index: -1;
}
#pause_block {
display: none;
position: absolute;
width: 100%;
height: 100%;
background-image: url('http://tv.vegaplayer.io/img/player/pause.png');
background-repeat: no-repeat;
background-size: 8rem;
background-position: center center;
z-index: 1;
}
#player_top_block {
width: 60%;
height: 15%;
position: fixed;
left: 20%;
transform: translateY(-100%);
border-radius: 3rem;
overflow: hidden;
transition: all 0.3s linear;
background-color: #000000;
opacity: 0.8;
}
#player_top_block.show {
transform: translateY(20%);
}
#season_hr {
background-color: white;
width: 94%;
left: 3%;
height: 1%;
position: absolute;
top: 49%;
opacity: 0.5;
}
.seasons_block,
.episodes_block {
height: 36%;
width: 90%;
left: 5%;
position: absolute;
overflow: hidden;
white-space: nowrap;
}
.seasons_block {
top: 8%;
}
.episodes_block {
top: 58%;
}
#seasons_parent,
#episodes_parent {
width: 100%;
height: 100%;
position: relative;
text-align: none;
font-size: 0;
}
.seasons,
.episodes {
margin-right: 0.2rem;
font-size: 1.8rem;
backface-visibility: hidden;
display: inline-block;
font-weight: bold;
color: #cccccc;
border-radius: 6rem;
padding: 0.5rem 2rem;
transition: all 0.3s linear;
}
.episodes.selected,
.seasons.selected {
background-color: #414141;
color: white;
}
.episodes.active,
.seasons.active {
background-color: white !important;
color: black;
}
.player-item-lock-btn {
width: 23.3rem;
height: 7.9rem;
display: flex;
align-items: center;
justify-content: flex-end;
position: absolute;
bottom: 6.4rem;
right: 9rem;
padding-right: 2.7rem;
}
.lck-btn {
width: 3rem;
height: 1.5rem;
background-color: red;
}
.lck-text {
font-style: normal;
font-weight: 500;
font-size: 2.4rem;
line-height: 3.6rem;
color: #fdfdfd;
margin-left: 1.8rem;
}
.active-day,
.active-tv,
.active-category,
.active-epg {
background-color: #6A0BF6 !important;
}
.login-active {
border: 0.2rem solid #2b83a5 !important;
}
.home-active {
border: 0.2rem solid #2b83a5 !important;
}
.category-item.active,
.item-block.active,
.epg-list-item.active,
.epg-day-block.active {
border-color: #AC22DA;
}
.player-settings-button.active {
background-color: #2b83a5 !important;
}
.keyboard-item.active {
box-shadow: 0 0 0 0.3rem #AC22DA;
}
.keyboard-item.active div {
}
.password-element.active {
border-color: #2b83a5 !important;
}
.back-button.active-pin,
.back-button.active {
border-color: #AC22DA;
}
.back-button.active div {
font-weight: bold !important;
}
.wrapper_1_input.active {
background-color: #2b83a5 !important;
border-color: #2b83a5 !important;
color: white !important;
}
.wrapper_1_input.active~.wrapper_1_icon {
}
.movie.active {
z-index: 2;
border-color: #AC22DA;
}
.menu-button.active {
border-color: #AC22DA;
}
.menu-button.active div {
font-weight: bold !important;
}
.seria.active {
-webkit-transform: scale(1.06);
-ms-transform: scale(1.06);
transform: scale(1.06);
}
.seria.active .seria-name-block {
background-color: #2b83a5;
}
.seria.active .seria-name-block div {
color: #000;
}
.player-controller.active {
background-color: #3f857c !important;
-webkit-transform: scale(1.1) !important;
-ms-transform: scale(1.1) !important;
transform: scale(1.1) !important;
}
.player-subtitle-button.active {
background-image: url('http://tv.vegaplayer.io/img/player/subtitle-black.png') !important;
}
.audio-subtitle-button.active {
background-image: url('http://tv.vegaplayer.io/img/player/audio-black.png') !important;
}
.quality-subtitle-button.active {
background-image: url('http://tv.vegaplayer.io/img/player/quality-black.png') !important;
}
.movie-left.active {
border-color: #AC22DA !important;
background-color: transparent;
}
.movie-left.active span {
color: #ffffff !important;
}
.block-top-parent.active {
background-color: #2b83a5 !important;
}
.block-top-parent.active div {
color: #000 !important;
font-weight: bold !important;
}
.block-top-parent.active .category-con-block {
background-image: url('http://tv.vegaplayer.io/img/icons/category-black.png') !important;
}
.settings-element.active .password-item-img {
background-image: url('http://tv.vegaplayer.io/img/icons/key-black.png') !important;
}
.settings-element.active .format-item-img {
background-image: url('http://tv.vegaplayer.io/img/icons/format-black.svg') !important;
}
.settings-element.active .exit-item-img {
}
.hover-movie-right {
border: 0.2rem solid #2b83a5 !important;
}
.shift.active {
}
.backspace.active {
}
.format-popup-name-block {
position: absolute;
width: 100%;
height: 8%;
top: 0;
left: 0;
}
.player-element,
.format-element {
margin-bottom: 2%;
}
#formats_parent {
margin-top: 5%;
}
.player-selected-img,
.format-selected-img {
position: absolute;
width: 12%;
height: 100%;
background-repeat: no-repeat;
background-size: 45%;
background-position: 50%;
}
.timezone_el.selected-language .player-selected-img,
.lng_el.selected-language .player-selected-img,
.player-selected-img.selected-player,
.format-selected-img.selected {
background-image: url('http://tv.vegaplayer.io/img/icons/selected_playlist.png');
}
.player-element.active .selected-player,
.format-element.active .selected {
background-image: url('http://tv.vegaplayer.io/img/icons/checked-black.svg') !important;
}
.lng_el img {
position: absolute;
right: 5%;
top: 25%;
width: 10%;
height: 50%;
}
.search-popup {
background-size: contain !important;
visibility: hidden;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 8;
}
.video_popup {
background-color: #29282d;
visibility: hidden;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 9;
}
.player-popup-subparent {
width: 96%;
height: 96%;
margin: 1% auto;
position: relative;
}
.player-popup-parent {
visibility: hidden;
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
opacity: 0;
z-index: 2;
}
.player-popup-parent.show {
visibility: visible;
opacity: 1;
z-index: 99;
}
.player-popup-content-block {
position: absolute;
width: 44.5%;
height: 84%;
top: 8%;
left: 25.5%;
overflow-y: scroll;
padding: 2%;
}
.player-pop-name {
width: 90%;
height: 60%;
font-size: 1.4rem;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
}
.player-settings-popup-parent {
background-color: #29282d;
visibility: hidden;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 99;
}
.progress-loaded {
height: 100%;
background-color: rgb(183, 183, 163);
border-radius: 0.3rem;
}
.movie-popup-parent-background {
opacity: 1;
}
.channel-index-popup {
display: none;
position: absolute;
top: 5%;
right: 0%;
font-weight: bold;
text-align: center;
font-size: 10rem;
color: #AC22DA;
z-index: 9;
width: 20%;
text-shadow: 0.1rem 0.1rem 0.5rem black;
}
.season-block.active {
border-color: #AC22DA;
}
.season-block.active .season-name-block {
background-color: #2b83a5 !important;
}
.season-block.active div {
color: #000 !important;
}
.keyboard-first {
display: none;
width: 81.5%;
position: absolute;
bottom: 0%;
margin-left: 10%;
background: #29282d;
z-index: 99999999;
}
.not_found_block {
width: 100%;
height: 100%;
text-align: center;
}
.not_found_img {
margin-top: 5%;
width: 10%;
}
.not_found_text {
margin-top: 0;
font-size: 2rem;
color: #fff;
}
.loading {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50, -50);
height: 4rem;
width: 4rem;
background: transparent;
border-radius: 50%;
border-top: 0.2rem solid #fff;
border-right: 0.2rem solid transparent;
border-bottom: none;
border-left: none;
animation: spinner5 700ms linear infinite;
}
.loading-movie {
height: 7rem;
width: 7rem;
border-top: 0.3rem solid #fff;
border-right: 0.3rem solid transparent;
}
@keyframes spinner5 {
to {
transform: rotate(360deg);
}
}
.category_row {
width: 100%;
position: absolute;
}
.category_row:nth-last-child() {
margin-bottom: 20%;
}
.category_name {
width: 100%;
font-size: 2.2rem;
color: #fff;
overflow: hidden;
margin-bottom: 1.5rem;
}
.movie_row {
width: 100%;
height: 34rem;
position: relative;
white-space: nowrap;
}
.row_left_arrow,
.row_right_arrow {
position: absolute;
width: 5rem;
height: 5rem;
background-image: url('http://tv.vegaplayer.io/img/icons/back.png');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
cursor: pointer;
z-index: 1;
pointer-events: auto;
}
.row_left_arrow {
left: 0;
top: 35%;
}
.row_right_arrow {
right: 0;
transform: rotate(180deg);
top: 35%;
}
.loading-parent {
margin: 0;
padding: 0;
display: none;
justify-content: center;
align-items: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #000;
}
@keyframes animate {
0% {
background-position: -400%;
}
100% {
background-position: 400%;
}
}
.progress-round {
position: absolute;
top: -1.4rem;
padding: 0.5rem;
background: #3f857c;
border-radius: 0.3rem;
color: #fff;
font-size: 2.3rem;
z-index: 2;
display: none;
}
.round-time {
color: #fff;
font-size: 2.5rem;
position: absolute;
left: -4rem;
bottom: -3rem;
}
.popup_parent {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.popup_background {
background-image: url('http://tv.vegaplayer.io/img/bg.jpg');
position: fixed;
background-color: #29282d;
background-size: contain !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
}
.exit_popup {
background: none;
position: absolute;
width: 60%;
height: 60%;
top: 20%;
left: 20%;
z-index: 99999;
}
.exit_popup_body {
margin-top: 10%;
text-align: center;
color: #fff;
font-size: 4rem;
padding: 0 4rem;
}
.exit_popup_buttons_block {
width: 100%;
height: 20%;
margin-top: 4%;
text-align: center;
}
.exit_popup_button {
font-size: 2rem;
color: #fff;
border: 0.2rem solid transparent;
background: transparent;
padding: 0.8% 3%;
border-radius: 0.6rem;
cursor: pointer;
margin-left: 1rem;
width: 20%;
}
#alert_popup {
z-index: 99999999999999999999;
}
.alert_popup_button {
font-size: 3rem;
font-weight: bold;
color: #afafaf;
border: 0.2rem solid #afafaf;
background: transparent;
padding: 0.8% 5%;
border-radius: 0.6rem;
cursor: pointer;
}
.alert_active {
color: white;
border: 0.3rem solid #AC22DA;
border-radius: 1rem;
}
.exit_active {
border: 0.3rem solid #AC22DA;
border-radius: 1rem;
}
.activation_content {
color: white;
text-align: center;
width: 100%;
height: 100%;
font-size: 6rem;
font-weight: bold;
margin-top: 20%;
}
.activation_loading {
position: absolute;
width: 100%;
height: 50%;
bottom: 0;
}
body {
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0%;
background-image: url('http://tv.vegaplayer.io/img/bg.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.playlist_header {
position: relative;
width: 100%;
padding: 0 20%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
padding-top: 4.3rem;
margin-bottom: 11rem;
}
.playlist_add {
position: absolute;
top: 2rem;
right: 35rem;
cursor: pointer;
width: 12.5rem;
height: 10rem;
background-color: #2E1F4A;
background-image: url('http://tv.vegaplayer.io/img/icons/plus.png');
background-size: 5.4rem;
background-position: center;
background-repeat: no-repeat;
}
.playlist_add.active {
border: 0.3rem solid #AC22DA;
}
.playlist_text {
font-weight: 400;
font-size: 3.4rem;
color: white;
}
.playlists {
width: 100%;
padding: 0 33.4rem;
}
.playlist_item_delete {
width: 7.2rem;
height: 7.2rem;
background-repeat: no-repeat;
background-image: url('http://tv.vegaplayer.io/img/icons/delete_playlist.png');
background-size: 4rem;
background-position: center;
background-color: #4C3774;
opacity: 0;
}
.playlist_item_delete.active {
border: 0.3rem solid #AC22DA;
opacity: 1;
}
.playlist_item {
width: 100%;
height: 10rem;
cursor: pointer;
padding: 1rem 2rem 1rem 7rem;
background: #2E1F4A;
border: .3rem solid transparent;
margin-bottom: 1.8rem;
font-weight: 600;
position: relative;
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
}
.playlist_item.active {
border: 0.3rem solid #AC22DA;
}
.playlist_item.active .playlist_item_delete{
opacity: 1;
}
.playlist_item.selected {
background-image: url('http://tv.vegaplayer.io/img/icons/selected_playlist.png');
background-repeat: no-repeat;
background-size: 2.7rem;
background-position: left 2.5rem center;
background-color: #2E1F4A;
}
.playlist_name {
font-size: 3rem;
color: white;
line-height: 8.8rem;
overflow: hidden;
height: 8.8rem;
}
.playlist_url {
font-size: 3rem;
color: white;
line-height: 5rem;
overflow: hidden;
height: 5rem;
width: 90%;
}
#playlist_popup_content {
height: 35vh;
display: flex;
justify-content: center;
align-items: center;
}
.playlist_add_popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('http://tv.vegaplayer.io/img/bg.jpg');
background-size: contain !important;
z-index: 2;
}
.popup_body {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
height: 100%;
padding-top: 3%;
text-align: center;
}
.add_popup_header {
font-family: 'Open Sans';
font-size: 3.4rem;
font-weight: 700;
color: white;
margin-bottom: 7.6rem;
}
.playlist_input {
width: 79.5rem;
border-radius: 5rem;
background-color: #2E1F4A;
color: #ffffff;
font-size: 2.2rem;
padding: 0 3rem 0 7.8rem;
display: flex;
justify-content: left;
height: 7rem;
overflow: hidden;
border: 0.3rem solid transparent;
margin: 2.8rem auto;
}
.playlist_input::placeholder{
color: #ffffff;
font-size: 2.2rem;
}
.playlist_input div {
display: inline-block;
font-size: 3rem;
color: white;
text-align: left;
line-height: 7rem;
padding: 0 2rem;
font-weight: bold;
}
.playlist_input input {
line-height: 4rem;
width: 80%;
border: none;
background-color: transparent;
outline: none;
font-size: 2.7rem;
font-weight: bold;
color: white;
}
.playlist_popup_buttons {
display: flex;
justify-content: center;
width: 80%;
margin-left: 10%;
margin-top: 2%;
}
.popup_tabs {
width: 30.6rem;
height: 10rem;
text-align: center;
color: #ffffff;
background-color: #2E1F4A;
font-size: 3rem;
font-weight: 600;
line-height: 10rem;
border: 0.3rem solid transparent;
}
.popup_tabs:not(:first-child){
margin-left: 2.8rem;
}
.popup_button {
display: inline-block;
padding: 1rem 0;
width: 15%;
line-height: 6rem;
background-color: #2E1F4A;
border-radius: 5rem;
font-size: 3rem;
font-weight: 600;
color: #ffffff;
margin-left: 1%;
border: .3rem solid transparent;
}
.playlist_popup_info {
position: absolute;
width: 100%;
bottom: 2rem;
display: flex;
justify-content: center;
}
.playlist_cavas_parent {
position: absolute;
right: -15rem;
bottom: 3.5rem;
}
.playlist_popup_text>span {
font-size: 3.6rem;
line-height: 6rem;
}
.playlist-link{
display: block;
color: #820BFD;
}
.playlist_popup_text {
color: white;
width: 90rem;
font-size:3rem;
font-weight: 600;
line-height: 3.6rem;
text-align: center;
}
.popup_item.active,
.delete_popup_btn.active {
border-color: #AC22DA;
}
.popup_button.active {
border-color: #AC22DA;
}
.active-popup-btn {
background: #6A0BF6;
}
.delete_popup_header {
font-size: 7rem;
font-weight: bold;
color: white;
margin-top: 10%;
}
#add_error {
width: 50%;
margin: 2% 25%;
font-size: 2.5rem;
line-height: 2.5rem;
height: 2.5rem;
border-radius: 0.5rem;
color: #ff5c5c;
line-height: 5rem;
font-weight: bold;
}
.playlist_parent {
position: relative;
overflow: hidden;
}
.empty_playlist {
width: 100%;
height: 40rem;
position: relative;
background-image: url('http://tv.vegaplayer.io/img/icons/playlist.png');
background-position: center;
background-size: auto;
background-repeat: no-repeat;
}
.empty_playlist div {
font-size: 4.5rem;
text-align: center;
color: white;
font-weight: bold;
position: absolute;
bottom: 0;
width: 100%;
}
#loading_text {
position: absolute;
font-size: 4.5rem;
font-weight: 600;
text-align: center;
width: 100%;
bottom: 10%;
color: #fff;
}
@keyframes placeHolderShimmer {
0% {
background-position: -46.8rem 0
}
100% {
background-position: 46.8rem 0
}
}
.__loading {
animation-duration: .9s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #2E1F4A 8%, #8c899e26 18%, #2E1F4A 33%);
-webkit-background-size: 80rem 10.4rem;
background-size: 80rem 10.4rem;
border-radius: 0.4rem;
position: relative;
}
.back-button-loading {
width: 100%;
height: 8%;
border-radius: 0.4rem;
background-color: #2E1F4A;
}
.movie-img-block {
position: absolute;
width: 30%;
height: 80%;
top: 0;
left: 0;
background-color: #2E1F4A;
border-radius: 0.5rem;
}
.movie-info-name-1-loading {
width: 57%;
height: 7%;
margin-left: 2%;
background-color: #2E1F4A;
margin-bottom: 1.5%;
}
.movie-info-name-2-loading {
width: 50%;
height: 5%;
margin-left: 2%;
background-color: #2E1F4A;
margin-bottom: 2.5%;
}
.movie-info-info-1-loading {
width: 68%;
height: 5%;
margin-left: 2%;
background-color: #2E1F4A;
margin-bottom: 1.5%;
}
.movie-info-info-3-loading {
width: 36%;
height: 5%;
margin-left: 2%;
background-color: #2E1F4A;
margin-bottom: 3%;
}
.rating-parent-loading {
margin-bottom: 3.5%;
}
.rating-loading {
display: inline-block;
position: relative;
width: 3rem;
height: 100%;
background-color: #2E1F4A;
}
.rating-number-loading {
display: inline-block;
position: relative;
width: 4rem;
height: 1em;
bottom: .7rem;
background-color: #2E1F4A;
}
.movie-line-loading,
.movie-line-loading-75 {
height: 1.3em;
padding-left: 2%;
background-color: #2E1F4A;
margin-bottom: 2%;
}
.movie-line-loading {
width: 100%;
}
.movie-line-loading-75 {
width: 75%;
}
.button-loading {
position: relative;
display: inline-block;
width: 38%;
height: 100%;
background-color: #2E1F4A;
border-radius: 0.4rem;
margin: 1%;
padding: .5%;
}
.button-fav-loading {
position: relative;
display: inline-block;
width: 12%;
height: 100%;
background-color: #2E1F4A;
border-radius: 0.4rem;
margin: 1%;
padding: .5%;
}
#movie_player_settings {
position: absolute;
top: 5rem;
left: 5rem;
width: 5rem;
height: 5rem;
background-image: url('http://tv.vegaplayer.io/img/player/player_settings.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
visibility: hidden;
pointer-events: none;
z-index: 1;
}
#movie_player_settings.active {
background-image: url('http://tv.vegaplayer.io/img/player/player_settings_active.png');
}
#movie_player_settings.show {
visibility: visible;
pointer-events: all;
}
#player_settings_popup {
width: 20%;
height: 100vh;
background-color: rgba(1,1,2,0.5);
box-shadow: 0 0 2rem 0 #000000;
position: absolute;
top: 0;
left: -50%;
z-index: 9;
overflow: hidden;
padding: 1rem 2rem;
transition: all 0.3s linear;
}
#player_settings_popup.show {
left: 0%;
}
#player_settings_parent {
position: relative;
width: 100%;
height: 100%;
color: white;
font-weight: bold;
overflow-x: scroll;
}
.player_settings_title {
font-size: 2.5rem;
margin: 1.5rem 0;
}
.player_settings_option {
font-size: 1.5rem;
padding: 0.9rem 2rem;
width: 95%;
cursor: pointer;
margin-bottom: 1rem;
background-color: #44434a;
transition: all 0.2s;
border: 0.3rem solid transparent;
}
.player_settings_option.active{
border-color: #AC22DA;
}
.checked {
background-image: url('http://tv.vegaplayer.io/img/icons/selected_playlist.png');
background-repeat: no-repeat;
background-position: right 3% center;
background-size: 1.4rem;
}
.player_settings {
width: 100%;
display: none;
}
.player_options {
width: 100%;
}
#background {
background-image: url('http://tv.vegaplayer.io/img/bg.jpg');
background-repeat: no-repeat;
background-position: 12% center;
background-size: contain !important;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1;
display: none;
background-color: #221e1f;
}
.bottom_info {
position: absolute;
bottom: 1%;
height: 5%;
width: 80%;
left: 10%;
text-align: center;
}
.email_block {
position: fixed;
bottom: 4rem;
left: 50%;
transform: translateX(-50%);
font-style: normal;
font-weight: 600;
font-size: 3rem;
line-height: 4.6rem;
text-align: center;
color: #ffffff;
}
.email {
font-style: normal;
font-weight: 400;
font-size: 3rem;
color: #820BFD;
}
.block-message {
font-size: 4rem;
color: #AC22DA;
}
.phone_block {
background-image: url('http://tv.vegaplayer.io/img/icons/phone.svg');
padding-left: 7%;
margin: 0 2%;
}
.header {
font-style: normal;
font-weight: 700;
font-size: 4.8rem;
line-height: 6.4rem;
color: #fff;
padding-top: 6.4rem;
}
#mac {
color: white;
font-style: normal;
font-weight: 600;
font-size: 3.4rem;
line-height: 6.4rem;
margin-bottom: 4.5rem;
}
.welcome_text {
width: 44.7rem;
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 2.4rem;
line-height: 3.6rem;
text-align: center;
color: #fff;
margin-bottom: 5.5rem;
}
.a {
transition: all 0.4s;
color: white;
border: 0.2rem solid #2b83a5;
padding: 1rem 2rem;
border-radius: 0.5rem;
font-size: 2rem;
font-weight: bold;
}
#text {
color: white;
font-size: 3.6rem;
font-weight: 200;
text-align: center;
width: 90%;
overflow: hidden;
max-height: 19%;
margin: 5%;
padding-bottom: 5%;
border-bottom: 0.5rem solid #2b83a5;
}
#canvas {
text-align: center;
}
.context {
}
.welcome-qr-block {
position: absolute;
right: 4rem;
bottom: 3.5rem;
}
.welcome-qr-block-header {
font-style: normal;
font-weight: 700;
font-size: 4.8rem;
text-align: center;
color: #ffffff;
margin-bottom: 0.5rem;
}
.context_divs {
display: flex;
justify-content: center;
}
.context1 {
margin-right: 3.4rem;
}
.context1,
.context2 {
width: 125.2rem;
height: 62rem;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
background: rgba(1, 1, 2,0.5);
border-radius: 1rem;
}
.context1header {
font-style: normal;
font-weight: 400;
font-size: 4.8rem;
line-height: 5rem;
color: #fff;
margin-bottom: 9.6rem;
}
.canvas-bottom-info {
font-style: normal;
font-weight: 700;
font-size: 3rem;
line-height: 4.2rem;
margin-top: 1rem;
color: #ffffff;
}
.or {
font-style: normal;
font-weight: 700;
font-size: 4rem;
line-height: 6rem;
color: #ffffff;
margin-top: 3rem;
}
.bottom_link {
font-style: normal;
font-weight: 700;
font-size: 3rem;
line-height: 3.6rem;
color: #fff;
text-align: center;
}
.bottom_link a {
font-style: normal;
font-weight: 700;
font-size: 3rem;
line-height: 3.6rem;
color: #5ac8cb;
}
#background p {
font-size: 3rem;
color: #fff;
}
#start_video {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9;
object-fit: fill;
}
#player_loading.transparent,
#loading.transparent {
background: transparent !important;
}
#player_loading,
#loading {
position: fixed;
width: 100%;
height: 100%;
background-image: url('http://tv.vegaplayer.io/img/bg.jpg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 9999;
}
#start_page_loading {
position: fixed;
width: 100%;
height: 100%;
background-image: url('http://tv.vegaplayer.io/img/bg.jpg');
z-index: 9999;
display: none;
}
#start_page_logo {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 60rem;
background-image: url('http://tv.vegaplayer.io/img/logo.png');
opacity: 0;
transition: opacity 0.5s linear;
}
#start_page_loading.show .lds-dual-ring,
#start_page_loading.show #start_page_logo {
opacity: 1;
}
#start_page_loading .lds-dual-ring {
opacity: 0;
top: 85% !important;
}
#player_loading {
z-index: 1;
}
#tv_loading {
width: 100%;
height: 100%;
position: absolute;
}
.lds-dual-ring {
display: inline-block;
width: 7.6rem;
height: 7.8rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.lds-dual-ring:after {
content: " ";
display: block;
width: 6.4rem;
height: 6.4rem;
border-radius: 50%;
border: 0.6rem solid #fff;
border-color: #fff transparent #fff transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.accept_body {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('http://tv.vegaplayer.io/img/bg.jpg');
background-size: contain !important;
}
.accept_content {
width: 140rem;
height: 73.8rem;
padding: 6rem 8.5rem;
margin: 22.3rem auto;
background: rgba(1, 1, 2,0.5);;
border-radius: 1.47rem;
}
.privacy_policy {
font-style: normal;
font-family: 'Open Sans';
font-weight: 700;
font-size: 3.4rem;
line-height: 5.4rem;
text-align: center;
margin-bottom: 3.7rem;
color: #ffffff;
}
.accept_text {
width: 118.8rem;
height: 44.6rem;
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 2.6rem;
line-height: 3.6rem;
text-align: center;
color: white;
overflow-y: scroll;
margin-bottom: 3.5rem;
padding: 0 8.6rem;
outline: none !important;
}
.accept_text::-webkit-scrollbar {
width: 1.5rem;
display: inline-block !important;
}
.accept_text::-webkit-scrollbar-thumb {
background: #AC22DA;
border-radius: 1rem;
}
.accept_text::-webkit-scrollbar-track {
background: #15171e;
border-radius: 0.8rem;
}
#accept_button {
width: 44.3rem;
height: 6.3rem;
margin: 0 auto;
font-style: normal;
font-weight: 700;
font-size: 2rem;
line-height: 6rem;
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;
cursor: pointer;
color: #ffffff;
border: .3rem solid transparent;
border-radius: 5rem;
}
#accept_button.active {
border-color: #AC22DA;
}
.hidden {
display: none;
}
.logo {
width: 33.5rem;
height: 15.1rem;
object-fit: contain;
margin: 6.3rem auto;
display: block;
}
.player_error_block {
width: 100%;
height: 100%;
font-size: 5rem;
font-weight: 500;
font-style: normal;
color: #ffffff;
display: flex;
align-items: center;
justify-content: space-around;
background: transparent;
position: absolute;
left: 0;
top: 0;
}
.android_player {
background: none;
}
.android_player .container-zoom,
.android_player #video,
.android_player #player_background {
display: none;
}
.android_player #video_parent {
opacity: 0;
}
.android_player.full_screen .epg_block,
.android_player.full_screen .epg_days_block,
.android_player.full_screen .info_buttons,
.android_player.full_screen .tv_right_block,
.android_player.full_screen .current_channel,
.android_player.full_screen .time_block {
display: none;
}
.epg_days_block {
width: 12rem;
height: 100%;
display: flex;
flex-direction: column;
position: absolute;
top: 0;
right: 1rem;
}
.epg_days_block #time {
width: 100%;
height: 8.2rem;
background-color: #2E1F4A;
border-radius: 1rem;
font-size: 3rem;
font-weight: 500;
line-height: 7.2rem;
text-align: center;
font-style: normal;
color: #fff;
margin-bottom: 2.2rem;
border: 0.2rem solid rgba(256, 256, 256, 0.05);
}
.epg_day_item {
width: 100%;
height: 11.8rem;
display: flex;
flex-direction: column;
align-items: center;
border: .3rem solid rgba(256, 256, 256, 0.05);
background-color: #2E1F4A;
border-radius: 1.5rem;
margin-bottom: 1.8rem;
}
.epg_day_item.active {
border-color: #AC22DA;
}
.epg_day_item.day_selected {
background: #FC0098;
}
.epg_day_item:nth-child(7) {
margin-bottom: 0;
}
.epg_day {
font-size: 5.4rem;
font-weight: 500;
font-style: normal;
color: #ffffff;
}
.epg_day_name {
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
color: #ffffff;
}
.epg_parent {
height: 37rem;
margin-top: 1.3rem;
overflow: hidden;
}
.epg_scroll {
width: 100%;
display: flex;
flex-direction: column;
padding: 0 0.2rem;
transition: transform .3s linear;
}
.epg_item {
width: 100%;
height: 8.03rem;
background-color: #2E1F4A;
display: flex;
align-items: center;
border-radius: 1rem;
border: .3rem solid rgba(256, 256, 256, 0.05);
margin-bottom: 1.5rem;
padding: 0 2rem;
}
.epg_item.active {
border-color: #AC22DA;
}
.epg_live_icon {
width: 4rem;
height: 4rem;
border-radius: 50%;
background-color: #D9D9D9;
margin-right: 3rem;
}
.epg_time {
width: 20rem;
font-size: 3rem;
font-weight: 400;
font-style: normal;
color: #fff;
margin-right: 3rem;
}
.epg_name {
width: 68%;
font-size: 3rem;
font-weight: 400;
font-style: normal;
text-align: end;
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.epg_player_parent.show {
display: flex;
}
.epg_player_parent {
width: 98%;
height: 36rem;
position: absolute;
bottom: 2rem;
left: 2.2rem;
z-index: 222;
flex-direction: column;
align-items: flex-start;
display: none;
}
.epg_channel_info {
width: 97rem;
height: 16rem;
background-color: #2E1F4A;
border-radius: 1.5rem;
display: flex;
align-items: center;
padding: 1.6rem;
margin-bottom: 2rem;
border: .2rem solid rgba(255, 255, 255, .1);
position: relative;
}
.epg_channel_icon {
width: 11rem;
height: 100%;
background-image: url('http://tv.vegaplayer.io/img/icons/channel.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 2rem;
}
.epg_channel_name_block {
height: 9rem;
display: flex;
flex-direction: column;
justify-content: space-between;
color: #ffffff;
font-weight: 400;
}
.epg_channel_name {
font-size: 3rem;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.epg_channel_program {
width: 68rem;
height: 3.2rem;
font-size: 2.4rem;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.epg_channel_time {
position: absolute;
right: 1rem;
bottom: 0.5rem;
font-size: 2.4rem;
font-weight: 500;
color: #ffffff;
}
.epg_control_parent {
width: 100%;
height: 18rem;
background-color: #2E1F4A;
border-radius: 1.5rem;
border: .2rem solid rgba(255, 255, 255, .1);
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.epg_progress_block {
display: flex;
align-items: center;
justify-content: space-between;
padding: 2.4rem;
}
.epg_current_time,
.epg_duration_time {
color: #ffffff;
font-size: 3rem;
}
.epg_progress_parent {
width: 88%;
height: 1rem;
background-color: rgba(255, 255, 255, .2);
}
.epg_progress {
width: 1%;
height: 100%;
background-color: #AC22DA;
border-radius: 0 1rem 1rem 0;
position: relative;
transition: width .1s linear;
}
.epg_progress.epg_active::before {
display: block;
}
.epg_progress::before {
content: "";
width: 2.1rem;
height: 2.1rem;
position: absolute;
right: -0.5rem;
top: -0.5rem;
background-color: #AC22DA;
border-radius: 50%;
display: none;
}
.epg_buttons_block {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
padding-bottom: 1rem;
padding-right: 2.5rem;
}
.epg_buttons_block>div {
width: 21.1rem;
height: 6.4rem;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border: 0.2rem solid #ffffff;
border-radius: 1.5rem;
margin-left: 2rem;
}
.epg_buttons_block>div.epg_active {
border-color: #AC22DA;
}
.epg_btn_icon {
width: 3.8rem;
height: 3.8rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.epg_btn_text {
text-align: center;
font-size: 2rem;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
}
.epg_previous_btn .epg_btn_icon {
background-image: url('http://tv.vegaplayer.io/img/icons/epg_previous.png');
}
.epg_next_btn .epg_btn_icon {
background-image: url('http://tv.vegaplayer.io/img/icons/epg_next.png');
}
.epg_stop_btn .epg_btn_icon {
background-image: url('http://tv.vegaplayer.io/img/icons/epg_stop.png');
}
.epg_empty_block {
width: 100%;
height: 37rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.epg_empty_icon {
width: 13rem;
height: 13rem;
background-image: url('http://tv.vegaplayer.io/img/icons/empty.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
margin-bottom: 2rem;
}
.epg_empty_text {
font-size: 3.5rem;
font-weight: 500;
font-style: normal;
color: #ffffff;
}
.movie_content {
position: relative;
left: 0;
top: 1rem;
height: 84rem;
width: 101%;
overflow: hidden;
}
.movies_scroll {
width: 100%;
height: 100%;
will-change: transform;
}