@charset "UTF-8";
*,
*:before,
*:after {
    box-sizing: border-box;
    transition: all 0.2s ease;
    -webkit-font-smoothing: antialiased;
}

::-moz-selection {
    background: #d2141b;
}

::selection {
    background: #d2141b;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    font-family: "Red Hat Display", sans-serif;
    font-size: 18px;
    line-height: 1.5;
    color: #ffffff;
    font-weight: 400;
    margin-top: 61px;
    background-color: #161616;
    letter-spacing: 0.2px;
}

@media all and (max-width: 850px) {
    body {
        margin-top: 51px;
    }
}

body.unfixed {
    margin-top: 0;
}

.white-body {
    background-color: #ffffff;
}

.white-body h2 {
    text-shadow: none;
}

strong {
    font-weight: 700;
}

h1 {
    font-size: 42px;
    letter-spacing: -0.5px;
    line-height: 1.1;
    font-weight: 700;
    margin: 0;
}

@media all and (max-width: 850px) {
    h1 {
        font-size: 36px;
    }
}

h2 {
    font-size: 2.1vw;
    line-height: 3.3vw;
    font-weight: 400;
    color: #ffffff;
    margin: 0 0 16px;
}

h3 {
    font-size: 35px;
    line-height: 1.1;
    font-weight: 700;
    margin: 0;
}

h4 {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
    margin: 0;
}

h5 {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}

p,
ul,
ol {
    font-size: 18px;
    line-height: 1.5;
    color: #ffffff;
    margin-bottom: 18px;
}

ul, ol {
    list-style-type: none;
}

.light {
    color: rgba(255, 255, 255, 0.8);
}

.small {
    font-size: 14px;
    margin-bottom: 14px;
}

input:not([type=checkbox]),
textarea,
select {
    font-family: "Red Hat Display", sans-serif;
    font-size: 18px;
    line-height: 1.5;
    color: #161616;
    background-color: #ffffff;
    font-weight: 400;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #d0d0d0;
    outline: none;
    width: 100%;
    height: 48px;
    margin: 0 0 20px;
    padding: 8px 15px 11px;
}

input:not([type=checkbox]).half,
textarea.half,
select.half {
    width: 48.5%;
}

input[type=checkbox] {
    margin: 15px 15px 0 0;
    display: inline-block;
    vertical-align: top;
}

input[type=checkbox] + label {
    margin: 8px 0 20px;
    vertical-align: top;
    width: calc(100% - 40px);
}

button,
.submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
}

button:hover, button:focus,
.submit:hover,
.submit:focus {
    outline: none;
}

.main-cta {
    color: #ffffff;
    font-size: 1.333vw;
    font-weight: 700;
    background-color: #ea1d25;
    border-radius: 50px;
    padding: 0.8vw 2.2vw;
    display: inline-block;
    font-size: 16px;
    padding: 12px 20px;
    text-align: center;
    line-height: 1.2;
}

.main-cta:hover {
    color: #ffffff;
    background-color: #d2141b;
}

@media all and (max-width: 850px) {
    .main-cta {
        font-size: 18px;
        padding: 12px 20px;
    }
}

.main-cta.ghost-btn {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.main-cta.disabled {
    background-color: #A4141A;
    color: rgba(255, 255, 255, 0.7);
}

.subscribe-btn {
    color: #ea1d25;
    border-radius: 50px;
    border: 1px solid #ea1d25;
    padding: 8px 16px;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 1.2;
    font-weight: 700;
    background-image: linear-gradient(90deg, #ea1d25 25%, #fcbfbf 37.5%, #d2141b, #f77a7a 62.5%, #ea1d25 75%);
    background-position: right center;
    background-size: 400% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /*text-fill-color: transparent;*/
    transition: color 200ms linear;
    margin: 0 15px;
}

.subscribe-btn:hover {
    background-position: left center;
    color: #d2141b;
    transition: background-position 2000ms ease-out;
}

@media all and (max-width: 1110px) {
    .subscribe-btn {
        font-size: 14px;
    }
}

.see-all {
    line-height: 1.2;
    display: block;
    text-align: right;
    color: #ffffff;
    font-size: 16px;
    padding: 18px;
    font-weight: 400;
    letter-spacing: 0.5px;
    background-color: #161616;
}

.see-all.centered {
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.see-all::after {
    content: " ";
    background-image: url(../images/icon-chevron-right-red.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 18px;
    height: 11px;
    display: inline-block;
    margin-left: 6px;
}

.see-all:hover {
    background-color: #2b2b2b;
    opacity: 0.8;
}

@media all and (max-width: 850px) {
    .see-all:hover {
        background-color: unset;
        opacity: 1;
    }
}

.overflower {
    width: 100%;
}

.overflower::before, .overflower::after {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.overflower::-webkit-scrollbar {
    display: none;
}

.align-center {
    text-align: center;
}

.controller {
    margin: 0 auto;
    width: 88%;
    max-width: 1280px;
}

.wrapper-poza {
    overflow: hidden;
    height: 0;
    padding-bottom: 66.66%;
    width: 100%;
    position: relative;
}

.wrapper-poza .poza {
    height: 0;
    padding-bottom: 66.66%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 1s ease;
}

.header {
    position: fixed;
    top: 0;
    z-index: 10000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 61px;
    background-color: #161616;
    color: #ffffff;
    width: 100%;
    border-bottom: 1px solid #333333;
}

@media all and (max-width: 850px) {
    .header {
        height: 51px;
    }
}

.header .row {
    overflow: visible;
}

.header .logo {
    position: absolute;
    background-image: url(../images/logoV2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 32px;
    width: 257px;
    text-indent: -9999px;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media all and (max-width: 1110px) {
    .header .logo {
        width: 19vw;
        height: 2.4vw;
    }
}

@media all and (max-width: 850px) {
    .header .logo {
        width: 180px;
        height: 23px;
    }
}

@media all and (max-width: 560px) {
    .header .logo {
        width: 170px;
        height: 23px;
    }
}

@media all and (max-width: 400px) {
    .header .logo {
        width: 40vw;
        height: 10vw;
    }
}

.header .logo a {
    display: block;
}

.header .meniu {
    padding-left: 0;
    margin: revert;
}

@media all and (max-width: 850px) {
    .header .meniu {
        display: none;
    }
}

.header .meniu li {
    display: table-cell;
}

.header .meniu li a {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    padding: 17px 0;
    display: inline-block;
    margin-right: 30px;
    position: relative;
}

.header .meniu li a.current {
    font-weight: 700;
}

.header .meniu li a.current::after {
    content: " ";
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background-color: #ea1d25;
    position: absolute;
    bottom: -1px;
    display: block;
}

.header .meniu li a.current:hover {
    opacity: 1;
}

.header .meniu li a:hover {
    opacity: 0.8;
}

@media all and (max-width: 1110px) {
    .header .meniu li a {
        font-size: 15px;
        padding: 19px 0 17px;
    }
}

.header .secondary-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: -15px;
}

@media all and (max-width: 850px) {
    .header .secondary-navigation {
        margin-right: -10px;
    }
}

.header .secondary-navigation .nav-item {
    display: flex;
    position: relative;
}

@media all and (max-width: 850px) {
    .header .secondary-navigation .nav-item.profile {
        display: none;
    }
}

.header .secondary-navigation .nav-item.profile.active {
    background-image: url(../images/icon-profile-red.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}

.header .secondary-navigation .nav-item.profile.active img {
    display: none;
}

.header .secondary-navigation .nav-item.profile.auth-user .account-menu-item {
    position: relative;
}

.header .secondary-navigation .nav-item.profile.auth-user .account-menu-item .circle-auth {
    border-radius: 50px;
    border: 1px solid #ea1d25;
    position: absolute;
    width: 40px;
    height: 40px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .secondary-navigation .nav-item.profile.auth-user .account-menu-item .circle-auth a {
    display: flex;
}

.header .secondary-navigation .nav-item.message-center.active {
    background-image: url(../images/icon-notifications-red.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}

.header .secondary-navigation .nav-item.message-center.active img {
    display: none;
}

.header .secondary-navigation .nav-item.search.active {
    background-image: url(../images/icon-search-red.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}

.header .secondary-navigation .nav-item.search.active img {
    display: none;
}

@media all and (max-width: 850px) {
    .header .secondary-navigation .nav-item .subscribe-btn {
        display: none;
    }
}

.header .secondary-navigation .nav-item .account-menu-item {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 20px 15px;
    box-sizing: content-box;
    cursor: pointer;
}

.header .secondary-navigation .nav-item .account-menu-item:hover {
    opacity: 0.8;
}

.header .secondary-navigation .nav-item .notifications {
    position: relative;
    display: flex;
    cursor: pointer;
}

.header .secondary-navigation .nav-item .notifications:hover {
    opacity: 0.8;
}

.header .secondary-navigation .nav-item .notifications button {
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    width: 20px;
    height: 20px;
    padding: 20px 15px;
    box-sizing: content-box;
    display: block;
}

@media all and (max-width: 850px) {
    .header .secondary-navigation .nav-item .notifications button {
        padding: 15px;
    }
}

.header .secondary-navigation .nav-item .notifications .counter {
    background-color: #ea1d25;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 14px;
    right: 8px;
}

.header .secondary-navigation .nav-item .search-box {
    display: inline-flex;
    position: relative;
    vertical-align: top;
    pointer-events: auto;
    align-items: center;
    padding: 20px 15px;
    width: 20px;
    height: 20px;
    box-sizing: content-box;
}

@media all and (max-width: 850px) {
    .header .secondary-navigation .nav-item .search-box {
        padding: 15px;
    }
}

.header .secondary-navigation .nav-item .search-box:hover {
    opacity: 0.8;
}

.header .secondary-navigation .nav-item img {
    width: 20px;
    height: 20px;
}

#clickme {
    width: 28px;
    height: 15px;
    background-image: url(../images/icon-menu.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    text-indent: -9999px;
    cursor: pointer;
    display: none;
    transition: none;
}

@media all and (max-width: 850px) {
    #clickme {
        display: block;
    }
}

#clickme.remove {
    width: 32px;
    height: 18px;
    background-image: url(../images/icon-close.svg);
}

#meniu-hamburger {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    padding: 0;
    background-color: rgba(22, 22, 22, 0.85);
    height: 100vh;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#meniu-hamburger li {
    display: flex;
    text-align: left;
    background-color: #161616;
}

#meniu-hamburger li:first-child {
    padding-top: 30px;
}

#meniu-hamburger li a {
    width: 100%;
    color: #fff;
    height: auto;
    padding: 20px 23px 20px 55px;
    line-height: 1;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.3px;
    display: block;
    position: relative;
}

#meniu-hamburger li a::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: -2px;
}

#meniu-hamburger li a.active-item {
    background-color: #333333;
}

#meniu-hamburger li a.active-item::after {
    content: "";
    background-color: transparent;
}

#meniu-hamburger li a.lista-mea::before, #meniu-hamburger li a.preferinte::before, #meniu-hamburger li a.abonament::before, #meniu-hamburger li a.smart-tv::before, #meniu-hamburger li a.deconectare::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 20px;
    height: 20px;
    left: 15px;
    top: 20px;
}

#meniu-hamburger li a.lista-mea::before {
    background-image: url(../images/icon-heart.svg);
}

#meniu-hamburger li a.preferinte::before {
    background-image: url(../images/icon-star.svg);
}

#meniu-hamburger li a.abonament::before {
    background-image: url(../images/icon-subscription.svg);
    width: 22px;
    height: 22px;
}

#meniu-hamburger li a.smart-tv::before {
    background-image: url(../images/icon-smart-tv.svg);
}

#meniu-hamburger li a.deconectare::before {
    background-image: url(../images/icon-logout.svg);
}

#meniu-hamburger.open {
    display: none;
}

@media all and (max-width: 850px) {
    #meniu-hamburger.open {
        display: block;
    }
}

#trigger {
    cursor: pointer;
    display: none;
    transition: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}

@media all and (max-width: 560px) {
    #trigger {
        display: block;
    }
}

#message-dropdown2 {
    display: none;
}

@media all and (max-width: 560px) {
    #message-dropdown2 {
        height: 100vh;
        background-color: rgba(22, 22, 22, 0.85);
    }
}

#message-dropdown2.open {
    display: none;
}

@media all and (max-width: 560px) {
    #message-dropdown2.open {
        display: block;
    }
}

.message-center .message-dropdown {
    position: absolute;
    top: 60px;
    right: 0;
    padding: 0;
    width: 416px;
    background-color: #161616;
    border-top: 2px solid #d0d0d0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0px 3px 25px #161616;
    display: none;
}

@media all and (max-width: 850px) {
    .message-center .message-dropdown {
        top: 51px;
    }
}

@media all and (max-width: 560px) {
    .message-center .message-dropdown {
        width: 100%;
        right: 0;
        top: 65px;
        position: fixed;
    }
}

.message-center .message-dropdown:before {
    content: "";
    position: absolute;
    right: 14px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d0d0d0;
}

@media all and (max-width: 560px) {
    .message-center .message-dropdown:before {
        right: 20px;
    }
}

.message-center .message-dropdown .inner {
    background-color: #161616;
}

@media all and (max-width: 560px) {
    .message-center .message-dropdown .inner {
        padding-top: 30px;
    }
}

@media all and (max-width: 560px) {
    .message-center .message-dropdown .see-all {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

.message-center .message-dropdown .element {
    position: relative;
    width: 100%;
    height: auto;
    padding: 16px 19px;
    display: flex;
    justify-content: space-between;
}

.message-center .message-dropdown .element:hover {
    background-color: #2b2b2b;
}

@media all and (max-width: 850px) {
    .message-center .message-dropdown .element:hover {
        background-color: unset;
    }
}

.message-center .message-dropdown .element.informative-notice {
    background-color: #222222;
}

.message-center .message-dropdown .element.informative-notice:hover {
    background-color: #2b2b2b;
}

.message-center .message-dropdown .element.most-recent .info {
    color: #ffffff;
}

.message-center .message-dropdown .element.most-recent .info .title {
    position: relative;
    font-weight: 700;
}

.message-center .message-dropdown .element.most-recent .info .title:before {
    content: " ";
    width: 6px;
    height: 6px;
    background-color: #ea1d25;
    border-radius: 50%;
    left: -10px;
    top: 6px;
    position: absolute;
}

.message-center .message-dropdown .element .info {
    width: calc(100% - 150px);
    color: #ffffff;
}

@media all and (max-width: 560px) {
    .message-center .message-dropdown .element .info {
        width: calc(100% - 144px);
    }
}

.message-center .message-dropdown .element .info .title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 6px;
}

.message-center .message-dropdown .element .info .description {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 8px;
    font-weight: 300;
    letter-spacing: 0.2px;
}

@media all and (max-width: 560px) {
    .message-center .message-dropdown .element .info .description {
        margin-bottom: 4px;
    }
}

.message-center .message-dropdown .element .info .date {
    font-size: 12px;
    color: #aaaaaa;
}

.message-center .message-dropdown .element .thumbnail {
    width: 157px;
    height: 0;
    padding-bottom: 22%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    margin-left: 16px;
    background-color: #333333;
}

@media all and (max-width: 560px) {
    .message-center .message-dropdown .element .thumbnail {
        width: 115px;
        padding-bottom: 19%;
    }
}

.message-center .message-dropdown .element .thumbnail img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right center;
    object-position: right center;
}

.message-center.empty-state .message-dropdown {
    width: 362px;
    padding: 20px;
}

@media all and (max-width: 560px) {
    .message-center.empty-state .message-dropdown {
        width: 100%;
        padding: 0;
    }
}

@media all and (max-width: 560px) {
    .message-center.empty-state .message-dropdown .inner {
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

.message-center.empty-state .message-dropdown .element {
    display: block;
    text-align: center;
    border-bottom: none;
}

.message-center.empty-state .message-dropdown .element:hover {
    background-color: transparent;
}

.message-center.empty-state .message-dropdown .element .image {
    width: auto;
    height: 120px;
    background-image: url(../images/ill-notifications-empty-state.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin: 0 auto 20px;
}

.message-center.empty-state .message-dropdown .element .title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
}

.message-center.empty-state .message-dropdown .element .description {
    margin-bottom: 0;
}

.message-center.empty-state .message-dropdown .element .info {
    width: 100%;
    color: #ffffff;
}

.message-center.empty-state.nelogat .message-dropdown .element .image {
    background-image: url(../images/ill-notifications-autenthicate.svg);
}

.message-center.empty-state.nelogat .message-dropdown .element .main-cta {
    width: 100%;
    margin-top: 20px;
}

@media all and (min-width: 560px) {
    .message-center:hover .message-dropdown, .message-center:hover #message-dropdown2 {
        display: block;
    }
}

.item_link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}

.profile {
    position: relative;
}

.profile .message-dropdown {
    width: 362px;
    padding: 20px;
    position: absolute;
    top: 60px;
    right: -2px;
    background-color: #161616;
    border-top: 2px solid #d0d0d0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0px 3px 25px #161616;
    display: none;
}

@media all and (max-width: 560px) {
    .profile .message-dropdown {
        border-left: unset;
        border-right: unset;
    }
}

.profile .message-dropdown:before {
    content: "";
    position: absolute;
    right: 19px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #d0d0d0;
}

.profile .message-dropdown .main-cta {
    width: 100%;
    margin-top: 20px;
}

.profile .message-dropdown .element {
    display: block;
    text-align: center;
    border-bottom: none;
    padding: 13px 18px;
}

.profile .message-dropdown .element:hover {
    background-color: transparent;
}

.profile .message-dropdown .element .image {
    width: auto;
    height: 120px;
    background-image: url(../images/ill-profile.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin: 0 auto 20px;
}

.profile .message-dropdown .element .title {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.profile .message-dropdown .element .description {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 8px;
    font-weight: 300;
    letter-spacing: 0.2px;
    margin-bottom: 0;
}

.profile .message-dropdown .element .info {
    width: 100%;
    color: #ffffff;
}

@media all and (max-width: 850px) {
    .profile .message-dropdown .element {
        display: none;
    }
}

.profile .item_link:hover {
    opacity: 0.8;
}

.profile ul {
    list-style-type: none;
}

.profile .submeniu {
    position: absolute;
    top: 60px;
    right: 0;
    padding: 0;
    height: auto;
    width: 175px;
    background-color: #161616;
    border-top: 2px solid #d0d0d0;
    box-shadow: 0px 3px 25px #161616;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: none;
}

.profile .submeniu::before {
    content: "";
    position: absolute;
    right: 16px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #d0d0d0;
}

@media all and (max-width: 850px) {
    .profile .submeniu {
        display: none;
    }
}

.profile .submeniu li {
    display: flex;
    text-align: left;
    position: relative;
}

.profile .submeniu li:hover {
    background-color: #2b2b2b;
}

.profile .submeniu li.active-item {
    background-color: #333333;
}

.profile .submeniu li a {
    width: 100%;
    color: #ffffff;
    height: auto;
    padding: 16px 23px 13px 50px;
    line-height: 1;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.3px;
    display: block;
}

.profile .submeniu li a.profil::before, .profile .submeniu li a.lista-mea::before, .profile .submeniu li a.preferinte::before, .profile .submeniu li a.abonament::before, .profile .submeniu li a.smart-tv::before, .profile .submeniu li a.deconectare::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 16px;
    height: 18px;
    left: 16px;
    top: 14px;
}

.profile .submeniu li a.profil::before {
    background-image: url(../images/icon-profile.svg);
}

.profile .submeniu li a.lista-mea::before {
    background-image: url(../images/icon-heart.svg);
}

.profile .submeniu li a.preferinte::before {
    background-image: url(../images/icon-star.svg);
}

.profile .submeniu li a.abonament::before {
    background-image: url(../images/icon-subscription.svg);
    width: 18px;
    height: 18px;
}

.profile .submeniu li a.smart-tv::before {
    background-image: url(../images/icon-smart-tv.svg);
}

.profile .submeniu li a.deconectare::before {
    background-image: url(../images/icon-logout.svg);
}

.profile:hover .submeniu, .profile:hover .message-dropdown {
    display: block;
}

.nav-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.meniu-mobil {
    background-color: #161616;
    border-top: 1px solid #333333;
    display: flex;
    list-style-type: none;
    position: fixed;
    width: 100%;
    height: 60px;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    z-index: 1100000;
    display: none;
}

@media all and (max-width: 850px) {
    .meniu-mobil {
        display: flex;
    }
}

.meniu-mobil li {
    width: 33.33%;
    display: flex;
    position: relative;
}

.meniu-mobil li a {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 4px;
}

.meniu-mobil li a:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

.meniu-mobil li a img {
    opacity: 0.5;
    width: 5vw;
    height: 22px;
}

.meniu-mobil li a span {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.7vw;
    font-weight: 400;
    display: block;
    line-height: 1.2;
}

@media all and (max-width: 560px) {
    .meniu-mobil li a span {
        font-size: 2.7vw;
    }
}

.meniu-mobil li.current-menu-item a img {
    opacity: 1;
}

.meniu-mobil li.current-menu-item a span {
    font-weight: 700;
    color: white;
}

.hero {
    width: 100%;
    height: 40.277vw;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}

@media all and (max-width: 560px) {
    .hero {
        margin-bottom: 6%;
    }
}

.hero .row {
    overflow: visible;
    z-index: 888999;
}

.hero .video_trailer_carousel,
.hero .video_trailer_banner,
.hero #video_trailer_banner {
    margin-top: -8%;
}

@media all and (max-width: 560px) {
    .hero .video_trailer_carousel,
    .hero .video_trailer_banner,
    .hero #video_trailer_banner {
        margin-top: 0;
    }
}

.hero .video_trailer_carousel,
.hero .video_trailer_banner video,
.hero #video_trailer_banner video {
    z-index: 777;
}

@media all and (max-width: 560px) {
    .hero .video-js.vjs-16-9 {
        padding-top: 0;
        padding-bottom: 100vw;
    }
}

.hero .video-js.vjs-4-3 {
    padding-top: 56.25%;
}

@media all and (max-width: 560px) {
    .hero .video-js.vjs-4-3 {
        padding-top: 100vw;
    }
}

@media all and (max-width: 560px) {
    .hero .video-js .vjs-tech {
        -o-object-position: center center;
        object-position: center center;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.hero .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    pointer-events: visible;
}

.hero .vjs-icon-volume-mute:before,
.hero .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.hero .vjs-icon-volume-high:before,
.hero .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: " ";
    background-position: center center;
    background-size: 1.9vw 1.9vw;
    background-repeat: no-repeat;
}

@media all and (max-width: 560px) {
    .hero .vjs-icon-volume-mute:before,
    .hero .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
    .hero .vjs-icon-volume-high:before,
    .hero .video-js .vjs-mute-control .vjs-icon-placeholder:before {
        background-size: 21px 21px;
    }
}

.hero .vjs-icon-volume-mute:before,
.hero .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    background-image: url(../images/icon-mute.svg);
}

.hero .vjs-icon-volume-high:before,
.hero .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    background-image: url(../images/icon-sound.svg);
}

.hero .vjs-button > .vjs-icon-placeholder:before {
    line-height: 1.8;
    position: absolute;
    z-index: 9999999;
}

.hero .video-js .vjs-control {
    width: 3.5vw;
    height: 3.5vw;
}

@media all and (max-width: 560px) {
    .hero .video-js .vjs-control {
        width: 35px;
        height: 35px;
    }
}

.hero .video-js .vjs-control-bar {
    top: auto;
    right: 4%;
    bottom: 19.3vw;
    cursor: pointer;
    border-radius: 50%;
    width: 3.5vw;
    height: 3.5vw;
    background-color: rgba(34, 34, 34, 0.6);
    opacity: 1;
    z-index: 9999999;
}

@media all and (max-width: 560px) {
    .hero .video-js .vjs-control-bar {
        width: 35px;
        height: 35px;
        top: 11px;
        right: 11px;
    }
}

.hero .video-js .vjs-control-bar:hover {
    background-color: rgba(34, 34, 34, 0.9);
}

.hero-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.hero-image::after {
    width: 100%;
    height: 15vw;
    background-image: linear-gradient(to bottom, rgba(22, 22, 22, 0) 2%, rgb(22, 22, 22) 98%);
    position: absolute;
    bottom: 0;
    content: "";
    z-index: 888888;
}

@media all and (max-width: 560px) {
    .hero-image::after {
        height: 60vw;
        background-image: linear-gradient(to bottom, rgba(22, 22, 22, 0) 15%, rgb(22, 22, 22) 100%);
    }
}

@media all and (max-width: 560px) {
    .hero-image {
        height: 100vw;
        position: relative;
    }
}

.hero-image .imagine-emisiune {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.hero-image .imagine-emisiune-mobil {
    display: none;
}

.hero-image .trailer-shadow {
    background: linear-gradient(77deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 85%);
    position: absolute;
    top: 0;
    left: 0;
    right: 26.09%;
    bottom: 0;
    opacity: 1;
    transition: opacity 0.5s;
    z-index: 888887;
}

@media all and (max-width: 560px) {
    .hero-image .trailer-shadow {
        display: none;
    }
}

.hero-text-new {
    position: relative;
    z-index: 999999;
    width: 25.33333vw;
    color: #fff;
    margin-top: -8vw;
}

.hero-text-new .hero-h2 {
    font-size: 3.1222vw;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1;
}

.hero-text-new p {
    font-size: 1.25vw;
    font-weight: 400;
    margin-bottom: 2.5277vw;
    color: #ffffff;
    line-height: 1.2;
}

.hero-text-new a {
    font-size: 1.333vw;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #ea1d25;
    color: #ffffff;
    border-radius: 50px;
    padding: 0.6vw 2.4vw 0.6vw 4.7vw;
    position: relative;
    display: inline-block;
    letter-spacing: 0.5px;
}

@media all and (max-width: 560px) {
    .hero-text-new a {
        font-size: 16px;
        padding: 12px 40px 12px 64px;
        margin-top: 13px;
    }
}

.hero-text-new a img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    padding: 0.33vw;
}

@media all and (max-width: 560px) {
    .hero-text-new a img {
        padding: 5px;
    }
}

.hero-text-new a:hover {
    color: #ffffff;
    background-color: #d2141b;
}

.hero-button {
    font-size: 1.333vw;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #ea1d25;
    color: #ffffff;
    border-radius: 50px;
    padding: 0.6vw 2.4vw 0.6vw 4.7vw;
    position: relative;
    display: inline-block;
    letter-spacing: 0.5px;
}

@media all and (max-width: 560px) {
    .hero-button {
        font-size: 18px;
        padding: 6px 40px 6px 64px;
        margin-top: 13px;
    }
}

.hero-button img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 0.33vw;
}

.hero-button.add-to-list-hero {
    cursor: pointer;
    padding: 0.6vw 1.2vw 0.6vw 3.8vw;
    background-image: url(../images/icon-heart-circle.svg);
    background-repeat: no-repeat;
    background-size: 2.3vw;
    background-position: 0.5vw center;
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-transform: none;
    margin-top: 0;
}

@media all and (min-width: 560px) {
    .hero-button.add-to-list-hero:hover {
        background-image: url(../images/icon-heart-circle-fill.svg);
    }
}

@media all and (max-width: 560px) {
    .hero-button.add-to-list-hero {
        font-size: 16px;
        padding: 12px 18px 12px 54px;
        background-size: 36px;
        background-position: 7px center;
        transition: none;
    }
}

.hero-button.add-to-list-hero.added {
    background-image: url(../images/icon-heart-circle-fill.svg);
}

.logo-hero {
    position: relative;
    width: 17vw;
    height: 12vw;
    margin-bottom: 20px;
}

@media all and (max-width: 560px) {
    .logo-hero {
        width: 200px;
        height: 120px;
        margin: 0 auto 6px;
    }
}

.logo-hero img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left bottom;
    object-position: left bottom;
    width: 100%;
    height: 100%;
}

@media all and (max-width: 560px) {
    .logo-hero img {
        -o-object-position: center bottom;
        object-position: center bottom;
    }
}

.title-hero {
    font-size: 1.6vw;
    font-weight: 700;
    margin-bottom: 0.5vw;
}

@media all and (max-width: 560px) {
    .title-hero {
        font-size: 20px;
        margin-bottom: 0;
        margin-top: 6px;
        line-height: 1;
    }
}

.title-hero.small {
    font-weight: 700;
}

@media all and (max-width: 560px) {
    .title-hero.small {
        font-size: 16px;
        font-weight: 400;
    }
}

.buton-vezi,
.buton-adauga {
    font-size: 0.8333vw;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.06944vw;
    width: 13.888vw;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.5);
    display: flex;
    border-radius: 200px;
    padding: 0.6944vw 0.34722vw 0.6944vw 0.6944vw;
    transition: 0.3s;
}

.buton-vezi span,
.buton-adauga span {
    display: block;
    flex: 1;
}

.buton-vezi svg,
.buton-adauga svg {
    width: 1.3888vw;
    height: 1.3888vw;
    margin: 0;
}

.buton-vezi svg .svg-fill,
.buton-adauga svg .svg-fill {
    fill: #ffffff;
}

.buton-vezi:hover,
.buton-adauga:hover {
    transform: translate(0, -0.1388vw);
    box-shadow: 0 0.34722vw 1.3888vw rgba(22, 22, 22, 0.15);
}

.buton-vezi:active,
.buton-adauga:active {
    transform: none;
    box-shadow: none;
}

.buton-vezi.favorit,
.buton-adauga.favorit {
    color: #ea1d25;
    border: 1px solid #ea1d25;
}

.buton-vezi.favorit svg .svg-fill,
.buton-adauga.favorit svg .svg-fill {
    fill: #ea1d25;
}

.buton-vezi .tooltip,
.buton-adauga .tooltip {
    position: absolute;
    background-color: rgba(22, 22, 22, 0.75);
    color: #ffffff;
    right: 0;
    bottom: 40px;
    font-size: 12px;
    line-height: 1.1;
    padding: 5px 8px 8px;
    border-radius: 5px;
    font-weight: 400;
    text-transform: none;
    width: 180px;
    display: none;
    letter-spacing: 0;
}

.buton-vezi .tooltip::after,
.buton-adauga .tooltip::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid rgba(22, 22, 22, 0.75);
    position: absolute;
    top: 100%;
    right: 9px;
}

.buton-vezi:hover .tooltip,
.buton-adauga:hover .tooltip {
    display: block;
}

.buton-vezi {
    margin-bottom: 1vw;
    background-color: #ffffff;
}

.buton-vezi.blue {
    color: #ea1d25;
}

.buton-vezi.blue svg .svg-fill {
    fill: #ea1d25;
}

.buton-vezi.pink {
    color: #ea1d25;
}

.buton-vezi.pink svg .svg-fill {
    fill: #ea1d25;
}

.buton-vezi.purple {
    color: #ea1d25;
}

.buton-vezi.purple svg .svg-fill {
    fill: #ea1d25;
}

.listings-wrapper {
    background-color: #161616;
}

.listings-wrapper .hero {
    padding: 0;
}

.listings-wrapper.livechannels section.descriere-episod {
    margin: 0 4%;
    padding: 0 0 20px 0;
}

@media all and (max-width: 560px) {
    .listings-wrapper.livechannels section.descriere-episod {
        font-size: 16px;
    }
}

.listings-wrapper section .slider-container {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow: inherit;
}

.listings-wrapper section .slider-container::-webkit-scrollbar {
    display: none;
}

@media all and (max-width: 560px) {
    .listings-wrapper section .slider-container {
        overflow-x: scroll;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

.listings-wrapper section .slider-wrapper {
    display: flex;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    position: relative;
    white-space: nowrap;
}

.listings-wrapper section .slider-wrapper::-webkit-scrollbar {
    display: none;
}

.listings-wrapper section .slide-left,
.listings-wrapper section .slide-right {
    position: absolute;
    background-color: rgba(22, 22, 22, 0.7);
    color: #ea1d25;
    font-size: 60px;
    line-height: 1;
    top: 0;
    bottom: 0;
    width: 4%;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.listings-wrapper section .slide-left span,
.listings-wrapper section .slide-right span {
    margin-top: -16px;
}

.listings-wrapper section .slide-left:hover,
.listings-wrapper section .slide-right:hover {
    opacity: 1;
}

.listings-wrapper section .slide-left.disabled,
.listings-wrapper section .slide-right.disabled {
    display: none;
}

.listings-wrapper section .slide-left {
    left: 0;
}

.listings-wrapper section .slide-left span {
    margin-left: 2px;
}

.listings-wrapper section .slide-left:hover span {
    margin-left: 0;
    margin-right: 2px;
}

.listings-wrapper section .slide-right {
    right: 0;
}

.listings-wrapper section .slide-right span {
    margin-right: 2px;
}

.listings-wrapper section .slide-right:hover span {
    margin-right: 0;
    margin-left: 2px;
}

.listings-wrapper section .item {
    display: inline-block;
    position: relative;
    transition: 0.3s;
    width: 14.6vw;
    overflow: visible;
    color: #ffffff;
    margin: 0 0.5vw;
    white-space: normal;
    vertical-align: top;
}

.listings-wrapper section .item:first-child {
    margin-left: 0;
}

.listings-wrapper section .item:last-child {
    margin-right: 0;
}

.listings-wrapper section .item .container .buton-adauga {
    position: absolute;
    width: 30px;
    height: 30px;
    padding: 5px;
    border: none;
    background-color: rgba(22, 22, 22, 0.75);
    bottom: 5px;
    right: 5px;
}

.listings-wrapper section .item .container .buton-adauga svg {
    width: 20px;
    height: 20px;
    margin: 0;
}

.listings-wrapper section .item img {
    transition: all 0.5s ease;
}

@media all and (max-width: 560px) {
    .listings-wrapper section .item img {
        border-radius: 5px;
    }
}

.listings-wrapper section .item:hover img {
    transform: scale(1.05);
}

.listings-wrapper section .item:active {
    transform: none;
}

.listings-wrapper section .item:nth-child(even) .text-container .decoration {
    background-image: url(../images/bg-item-show-B.svg);
}

.listings-wrapper section.live-channels-listing {
    margin-top: -4vw;
    z-index: 888899;
}

.listings-wrapper section.live-channels-listing .item {
    border: 1px solid #ffffff;
    border-radius: 10px;
    background-color: #161616;
    width: 14.6vw;
    height: 9vw;
    text-align: center;
}

.listings-wrapper section.live-channels-listing .item .logo-canal {
    position: absolute;
    top: 24%;
    right: 14%;
    bottom: 24%;
    left: 14%;
}

.listings-wrapper section.live-channels-listing .item .logo-canal img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.listings-wrapper section.live-channels-listing .item p {
    position: absolute;
    bottom: 20.833%;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    color: rgba(22, 22, 22, 0.8);
    margin-bottom: 18px;
}

.listings-wrapper section.live-channels-listing.pagina-canale {
    padding: 30px 40px 50px 50px;
}

.listings-wrapper section.live-channels-listing.pagina-canale .wrapper {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.listings-wrapper section.live-channels-listing.pagina-canale .item {
    margin: 0 10px 40px 0;
    width: calc((100% - 70px) / 7);
    height: calc((95vw - 70px) / 7);
}

.listings-wrapper section.shows-listing .item {
    color: #ffffff;
}

.listings-wrapper section.shows-listing.pagina-emisiuni {
    padding: 30px 40px 50px 50px;
}

.listings-wrapper section.shows-listing.pagina-emisiuni .wrapper {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.listings-wrapper section.shows-listing.pagina-emisiuni .item {
    margin: 0 10px 40px 0;
    width: calc((100% - 70px) / 7);
}

.listings-wrapper section.shows-listing.pagina-emisiuni h1 {
    color: #ffffff;
    margin-bottom: 30px;
}

.listings-wrapper section .episodes-wrapper {
    position: relative;
    overflow: visible;
}

.listings-wrapper section.individual-show {
    padding: 50px 0 4% 50px;
    flex-wrap: nowrap;
    margin: 0 0 3vw;
    align-items: center;
}

@media all and (max-width: 1630px) {
    .listings-wrapper section.individual-show {
        align-items: flex-end;
    }
}

.listings-wrapper section.individual-show .show-photo {
    width: 21vw;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 1;
    position: relative;
}

.listings-wrapper section.individual-show .show-photo .logo {
    position: absolute;
    width: 70%;
    height: 70%;
    z-index: 20;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, -5%);
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.listings-wrapper section.individual-show .show-photo .container {
    padding-bottom: 169%;
    margin: 0;
    height: 0;
    position: relative;
    overflow: hidden;
}

.listings-wrapper section.individual-show .show-photo .container img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 62% 23%;
    object-position: 62% 23%;
}

.listings-wrapper section.individual-show .show-photo .buton-adauga {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 12px;
    width: auto;
    border: none;
    background-color: rgba(22, 22, 22, 0.75);
}

.listings-wrapper section.individual-show .show-photo .buton-adauga svg {
    width: 24px;
    height: 24px;
}

.listings-wrapper section.individual-show .show-photo .buton-adauga svg .svg-fill {
    fill: #ffffff;
}

.listings-wrapper section.individual-show .show-photo .buton-adauga.favorit svg .svg-fill {
    fill: #ea1d25;
}

.listings-wrapper section.individual-show .slide-left,
.listings-wrapper section.individual-show .slide-right {
    top: 0;
    bottom: 0;
}

.listings-wrapper section.individual-show .show-info {
    flex: 1;
    width: 1px;
    margin-left: 1vw;
}

.listings-wrapper section.individual-show .show-info h3 {
    color: #ffffff;
    margin-bottom: 8px;
    padding-right: 50px;
}

.listings-wrapper section.individual-show .show-info > p {
    color: #ffffff;
    padding-right: 50px;
    max-width: 850px;
    line-height: 1.2;
}

.listings-wrapper section.individual-show .show-info .buton-adauga {
    display: none;
}

.listings-wrapper section.individual-show .item {
    width: 21vw;
}

.listings-wrapper section.episoade-cu-selector .slide-left,
.listings-wrapper section.episoade-cu-selector .slide-right {
    top: 143px;
}

.listings-wrapper section.episoade-cu-selector .with-dropdown ~ .slide-left, .listings-wrapper section.episoade-cu-selector .with-dropdown ~ .slide-right {
    top: 153px;
}

.listings-wrapper section.descriere-episod {
    color: #ffffff;
    display: block;
    padding: 35px 290px 50px 50px;
}

.listings-wrapper section.descriere-episod h1 {
    font-size: 48px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.listings-wrapper section.descriere-episod h1 .logo-canal {
    display: inline-block;
    margin: 9px 30px 10px 0;
    height: 90px;
    width: 90px;
    border-radius: 100px;
    vertical-align: middle;
    overflow: hidden;
    background-color: #ffffff;
}

.listings-wrapper section.descriere-episod h1 .nume-canal {
    display: block;
    flex: 1;
    margin-bottom: 5px;
}

.listings-wrapper section.descriere-episod h1 img {
    width: 90%;
    height: 90%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    margin: 5%;
}

.listings-wrapper section.descriere-episod p {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0;
}

.listings-wrapper section.descriere-episod .buton-adauga {
    position: absolute;
    top: 45px;
    right: 50px;
    padding: 10px 15px 10px 10px;
    font-size: 12px;
    letter-spacing: 1px;
    width: auto;
}

.listings-wrapper section.descriere-episod .buton-adauga svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.listings-wrapper section.descriere-episod .buton-adauga:hover {
    transform: translate(0, -2px);
}

.row {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 4%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow: visible;
}

.row::-webkit-scrollbar {
    display: none;
}

.slim-container {
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
}

@media all and (max-width: 850px) {
    .slim-container {
        max-width: 100%;
    }
}

.normal-container {
    max-width: 750px;
    width: 100%;
    margin: auto;
    text-align: center;
}

.ultraslim-container {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}

@media all and (max-width: 560px) {
    .ultraslim-container {
        max-width: 100%;
    }
}

.container {
    height: 0;
    padding-bottom: 56.15%;
    position: relative;
    overflow: hidden;
    margin: 0 0 14px;
}

.container img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 82% 23%;
    object-position: 82% 23%;
}

.container .progress-bar {
    position: absolute;
    height: 3px;
    width: 100%;
    bottom: 0;
    background-color: rgba(22, 22, 22, 0.5);
}

.container .progress-bar .progress {
    position: absolute;
    height: 3px;
    background-color: #ea1d25;
    bottom: 0;
}

.label-episod {
    position: absolute;
    background-color: rgba(234, 29, 37, 0.9);
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 18px 5px;
    border-radius: 0 0 8px 0;
    letter-spacing: 1px;
}

.label-episod.sezon-nou {
    background-color: #ea1d25;
    color: #161616;
}

h3 .label-episod {
    border-radius: 8px 0;
    display: inline-block;
    vertical-align: bottom;
    position: static;
    margin-bottom: 4px;
    margin-left: 5px;
    margin-top: 10px;
    padding-bottom: 6px;
}

.label-hero {
    background-color: #ea1d25;
    color: #161616;
    text-transform: uppercase;
    font-size: 0.8333vw;
    font-weight: 700;
    padding: 0.49vw 1.0416vw;
    height: 1.9444vw;
    line-height: 1;
    letter-spacing: 0.06944vw;
    border-radius: 8px 0;
    display: inline-block;
    margin-bottom: 1.4vw;
    position: relative;
}

.label-hero:hover {
    color: #161616;
}

.selector-sezoane {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.35);
    text-transform: uppercase;
    font-weight: 700;
    margin: -6px 0 33px;
    letter-spacing: 1px;
    height: 18px;
    width: 100%;
}

.selector-sezoane a {
    display: inline-block;
    margin-right: 20px;
}

.selector-sezoane a.selected {
    color: #ffffff;
}

.selector-sezoane a:hover {
    color: #ea1d25;
}

.selector-sezoane span {
    color: #ea1d25;
    font-weight: 400;
    margin-right: 20px;
}

.selector-sezoane.calendar a,
.selector-sezoane.calendar span {
    margin-right: 10px;
}

.selector-sezoane.with-dropdown {
    height: auto;
    margin-bottom: 23px;
}

.video-container {
    background-color: #282828;
    text-align: center;
    width: 100%;
    position: relative;
}

@media all and (max-width: 850px) {
    .video-container {
        height: auto;
    }
}

@media all and (max-width: 560px) {
    .video-container {
        position: -webkit-sticky;
        position: sticky;
        top: 51px;
        z-index: 999999;
        height: auto;
    }
}

.video-container video,
.video-container img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    -o-object-fit: contain;
    object-fit: contain;
    /*padding: 15px;*/
}

.video-container img {
    padding: 15px;
}

.video-container .inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.video-container .inner:hover .play-live {
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 55;
}

@media all and (max-width: 1110px) {
    .video-container .inner {
        max-width: 100%;
    }
}

.buton-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%);
    z-index: 99;
    display: block;
    border-radius: 200px;
    overflow: hidden;
}

.buton-play:hover {
    background-color: rgba(22, 22, 22, 0.9);
}

.program-tv .item {
    padding-top: 15px;
}

.program-tv .item strong {
    display: block;
    width: 100%;
}

#abonare-app-store {
    display: flex;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999999;
    background-color: #ffffff;
    align-items: center;
    box-shadow: 0 0 30px 0 rgba(22, 22, 22, 0.25);
    flex-direction: column;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #161616;
    display: none;
}

@media all and (max-width: 1110px) {
    #abonare-app-store {
        display: flex;
    }
}

@media all and (max-width: 850px) {
    #abonare-app-store {
        bottom: 60px;
    }
}

#abonare-app-store.ios .ios {
    display: inline-block;
}

#abonare-app-store.ios .android {
    display: none;
}

#abonare-app-store.android .ios {
    display: none;
}

#abonare-app-store.android .android {
    display: inline-block;
}

#abonare-app-store .icon-app-store {
    padding: 21px 0 7px;
    width: 100%;
    display: block;
}

#abonare-app-store .icon-app-store img {
    vertical-align: top;
    height: 64px;
}

#abonare-app-store .text-app-store {
    padding: 0 15px 18px;
    display: block;
}

#abonare-app-store .text-app-store button {
    font-size: 13px;
    padding: 10px 25px;
    margin: 10px auto;
    color: #ea1d25;
    background-color: transparent;
    display: block;
    border: 1px solid red;
    border-radius: 50px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.taburi-cont {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    margin: -50px 0 50px -120px;
    text-align: center;
    width: 780px;
    color: #ea1d25;
    background-color: rgba(234, 29, 37, 0.1);
    position: relative;
}

.taburi-cont::before {
    position: absolute;
    content: "";
    display: block;
    right: 100%;
    top: 0;
    width: 2000px;
    height: 100%;
    background-color: rgba(234, 29, 37, 0.1);
}

.taburi-cont::after {
    position: absolute;
    content: "";
    display: block;
    left: 100%;
    top: 0;
    width: 2000px;
    height: 100%;
    background-color: rgba(234, 29, 37, 0.1);
}

.taburi-cont li {
    flex: 1;
}

.taburi-cont li a {
    padding: 20px 0;
    display: block;
}

.taburi-cont li a:hover {
    background-color: #ea1d25;
    color: #ffffff;
}

.taburi-cont li a.selected {
    color: #161616;
    background-color: #ffffff;
}

.aboneaza-te .taburi-cont {
    margin-left: 0;
}

table {
    color: rgba(22, 22, 22, 0.8);
    width: 100%;
}

table tr td {
    padding: 25px 0 28px;
    text-align: left;
    border-bottom: 1px solid #d0d0d0;
}

table tr:last-child td {
    border-bottom: none;
}

table a {
    color: #ea1d25;
    padding: 25px 0 28px;
}

table a:hover {
    text-decoration: underline;
    color: #ea1d25;
}

.close {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 32px;
    position: absolute;
    top: -16px;
    right: 10px;
    background-color: #ffffff;
    border: 2px solid #161616;
    border-radius: 200px;
}

.close img {
    vertical-align: top;
    margin: 0;
}

.close-layer {
    position: fixed;
    background-color: rgba(234, 29, 37, 0.75);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 100vh;
    width: 100vw;
    z-index: 100;
    display: none;
}

.descriere-show {
    padding-top: 50px !important;
}

.descriere-show p {
    color: rgba(255, 255, 255, 0.75);
    max-width: 900px;
    margin-right: calc(100% - 950px);
}

/* Accordion */
.accordion-wrapper {
    margin: 3% auto 6%;
}

.accordion-wrapper .inner-expand {
    border-top: 1px solid #2a2a2a;
}

.accordion-wrapper .see-all {
    line-height: 1.2;
    display: block;
    text-align: right;
    color: #ffffff;
    padding: 19px 30px;
    letter-spacing: 0.5px;
    background-color: transparent;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media all and (max-width: 560px) {
    .accordion-wrapper .see-all {
        padding: 19px 18px;
    }
}

.accordion-wrapper .see-all:hover {
    background-color: #2b2b2b;
}

.accordion {
    background-color: transparent;
    color: #ffffff;
    cursor: pointer;
    padding: 12px 30px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    border-bottom: 1px solid #2a2a2a;
    border-left: 1px solid #2a2a2a;
    border-right: 1px solid #2a2a2a;
    position: relative;
    font-size: 22px;
}

@media all and (max-width: 850px) {
    .accordion {
        font-size: 18px;
        padding: 16px 18px;
    }
}

.accordion span {
    font-weight: 700;
    display: inline-block;
    width: 90%;
}

.accordion.active {
    background-color: #161616;
    border-bottom: 1px solid #161616;
}

.accordion:hover {
    background-color: #2b2b2b;
}

.accordion:after {
    content: "+";
    font-weight: bold;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
}

@media all and (max-width: 850px) {
    .accordion:after {
        font-size: 25px;
        right: 10px;
    }
}

.active:after {
    content: "−";
}

.panel {
    padding: 0 60px;
    background-color: #161616;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #161616;
    border-left: 1px solid #2a2a2a;
    border-right: 1px solid #2a2a2a;
    border-bottom: 1px solid #2a2a2a;
    margin-top: -1px;
}

@media all and (max-width: 850px) {
    .panel {
        padding: 0 18px;
    }
}

.panel p {
    color: #ffffff;
    margin: 16px 0 20px;
    font-size: 17px;
}

@media all and (max-width: 850px) {
    .panel p {
        font-size: 16px;
    }
}

.panel ol,
.panel ul {
    color: #ffffff;
    margin: 16px 0 25px;
    padding: 0 0 0 30px;
    font-size: 17px;
    list-style: none;
}

@media all and (max-width: 850px) {
    .panel ol,
    .panel ul {
        font-size: 16px;
        margin: 16px 0 20px 0;
    }
}

.panelV2 li,
.panel li {
    position: relative;
    margin-bottom: 12px;
    line-height: 1.2;
}

.panelV2 ul li::before,
.panel ul li::before {
    content: " ";
    width: 10px;
    height: 10px;
    background-color: #ea1d25;
    border-radius: 50%;
    left: -28px;
    top: 4px;
    position: absolute;
}

.panelV2 ol,
.panel ol {
    counter-reset: my-awesome-counter;
}

.panelV2 ol li,
.panel ol li {
    counter-increment: my-awesome-counter;
}

.panelV2 ol li::before,
.panel ol li::before {
    content: counter(my-awesome-counter) ".";
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    color: #ea1d25;
    width: 25px;
    height: 25px;
    left: -34px;
    top: -3px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.panelV2 a,
.panel a {
    text-decoration: underline;
}

.panelV2 a:hover,
.panel a:hover {
    color: #ea1d25;
}

/* End of Accordion */
.redesign-container {
    margin: 80px 0 60px;
}

.pagini-listing {
    max-width: 600px;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 30px;
}

.pagini-listing h2 {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 12px;
}

.page_link {
    background-color: #a9080d;
    display: block;
    padding: 18px 30px;
    margin-bottom: 3px;
    font-weight: 700;
    font-size: 16px;
    border-radius: 4px;
}

.page_link:hover {
    background-color: #810508;
}

section.intro-content {
    padding: 30px 0 0 0;
}

@media all and (max-width: 560px) {
    section.intro-content {
        padding: 7vw 0 5px 0;
    }
}

section.intro-content.arrow-title {
    padding: 15px 0 0;
}

@media all and (max-width: 560px) {
    section.intro-content.arrow-title {
        padding: 12px 0;
    }
}

section.intro-content h2 {
    font-weight: 300;
    font-size: 36px;
}

@media all and (max-width: 850px) {
    section.intro-content h2 {
        font-size: 24px;
    }
}

.intro-content .live-animation {
    margin: 0 0 16px 0;
}

.all-messages .intro-content {
    text-align: center;
}

@media all and (max-width: 850px) {
    .all-messages .intro-content {
        text-align: left;
    }
}

.all-messages-inner .message-center-main {
    display: block;
}

.all-messages-inner .message-center-main .message-dropdown {
    width: 100%;
    background-color: #333333;
    border-top: 4px solid #d0d0d0;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: block;
}

@media all and (max-width: 850px) {
    .all-messages-inner .message-center-main .message-dropdown {
        border-top: 2px solid #d0d0d0;
    }
}

@media all and (max-width: 560px) {
    .all-messages-inner .message-center-main .message-dropdown {
        border-right: none;
        border-left: none;
    }
}

.all-messages-inner .message-center-main .message-dropdown .element {
    position: relative;
    width: 100%;
    height: auto;
    padding: 20px 40px;
    display: flex;
    justify-content: space-between;
    background-color: #161616;
}

@media all and (max-width: 850px) {
    .all-messages-inner .message-center-main .message-dropdown .element {
        padding: 13px 18px;
    }
}

@media all and (max-width: 560px) {
    .all-messages-inner .message-center-main .message-dropdown .element {
        padding: 13px 0;
    }
}

.all-messages-inner .message-center-main .message-dropdown .element:hover {
    background-color: #2b2b2b;
}

.all-messages-inner .message-center-main .message-dropdown .element.informative-notice {
    background-color: #222222;
}

.all-messages-inner .message-center-main .message-dropdown .element.informative-notice:hover {
    background-color: #2b2b2b;
}

@media all and (max-width: 560px) {
    .all-messages-inner .message-center-main .message-dropdown .element.informative-notice {
        width: 100vw;
        left: -4%;
        padding: 13px 4%;
    }
}

.all-messages-inner .message-center-main .message-dropdown .element.most-recent .info {
    color: #ffffff;
}

.all-messages-inner .message-center-main .message-dropdown .element.most-recent .info .title {
    position: relative;
    font-weight: 700;
}

.all-messages-inner .message-center-main .message-dropdown .element.most-recent .info .title:before {
    content: " ";
    width: 8px;
    height: 8px;
    background-color: #ea1d25;
    border-radius: 50%;
    left: -15px;
    top: 9px;
    position: absolute;
}

@media all and (max-width: 850px) {
    .all-messages-inner .message-center-main .message-dropdown .element.most-recent .info .title:before {
        width: 7px;
        height: 7px;
        left: -13px;
        top: 9px;
    }
}

@media all and (max-width: 560px) {
    .all-messages-inner .message-center-main .message-dropdown .element.most-recent .info .title:before {
        width: 6px;
        height: 6px;
        left: -10px;
        top: 7px;
    }
}

.all-messages-inner .message-center-main .message-dropdown .element .info {
    width: 60%;
}

@media all and (max-width: 560px) {
    .all-messages-inner .message-center-main .message-dropdown .element .info {
        width: calc(100% - 112px);
    }
}

.all-messages-inner .message-center-main .message-dropdown .element .info .title {
    font-size: 23px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 6px;
}

@media all and (max-width: 560px) {
    .all-messages-inner .message-center-main .message-dropdown .element .info .title {
        font-size: 18px;
    }
}

.all-messages-inner .message-center-main .message-dropdown .element .info .description {
    font-size: 17px;
    line-height: 1.3;
    margin-bottom: 8px;
    font-weight: 300;
}

@media all and (max-width: 560px) {
    .all-messages-inner .message-center-main .message-dropdown .element .info .description {
        margin-bottom: 4px;
        font-size: 14px;
    }
}

.all-messages-inner .message-center-main .message-dropdown .element .info .date {
    font-size: 14px;
    color: #aaaaaa;
}

@media all and (max-width: 560px) {
    .all-messages-inner .message-center-main .message-dropdown .element .info .date {
        font-size: 12px;
    }
}

.all-messages-inner .message-center-main .message-dropdown .element .thumbnail {
    width: 40%;
    height: 0;
    padding-bottom: 22%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    margin-left: 16px;
    background-color: #333333;
}

@media all and (max-width: 560px) {
    .all-messages-inner .message-center-main .message-dropdown .element .thumbnail {
        width: 148px;
        padding-bottom: 19%;
    }
}

.all-messages-inner .message-center-main .message-dropdown .element .thumbnail img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right center;
    object-position: right center;
}

.all-messages-inner .message-center-main:hover .message-dropdown {
    display: block;
}

.preview-trailer {
    z-index: 99999999;
    position: absolute;
    text-align: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 120%;
    background-color: #222222;
    box-shadow: 0px 0px 20px 5px black;
    border-radius: 12px;
    overflow: hidden;
}

/*@media all and (min-width: 1630px) {*/
/*    .preview-trailer {*/
/*        width: 140%;*/
/*    }*/
/*}*/

@media (max-width: 560px) {
    .preview-trailer {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 450px;
    }
}

.preview-trailer .trailer-content-wrapper {
    padding: 14px 20px 0;
}

.preview-trailer .trailer-content-wrapper .trailer-content .title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 5px;
}

@media all and (max-width: 1350px) {
    .preview-trailer .trailer-content-wrapper .trailer-content .title {
        font-size: 25px;
    }
}

.preview-trailer .trailer-content-wrapper .trailer-content .description {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
    opacity: 0.8;
}

@media all and (max-width: 1350px) {
    .preview-trailer .trailer-content-wrapper .trailer-content .description {
        font-size: 16px;
    }
}

.preview-trailer .trailer-content-wrapper .buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
    /*width: calc(100% - 36px);*/
    left: 50%;
    bottom: 0;
    padding: 25px 36px 25px 36px;
    /*padding-bottom: 26px;*/
    /* padding-top: 55px; */
    /*background: #222;*/
    background: linear-gradient(0deg, rgb(34, 34, 34) 0%, rgb(34, 34, 34) 82%, rgba(34, 34, 34, 0) 100%);
    transform: translate(-50%, 0);
    z-index: 99;
    /*border-radius: 20px;*/
}

.preview-trailer .trailer-content-wrapper .buttons .btn-play {
    width: 40%;
    background-color: #ea1d25;
    text-transform: uppercase;
}

.preview-trailer .trailer-content-wrapper .buttons .btn-play:hover {
    background-color: #d2141b;
}

.preview-trailer .trailer-content-wrapper .buttons .btn-details {
    width: 58%;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.preview-trailer .trailer-content-wrapper .buttons .btn-details:hover {
    background-color: #333333;
    border: 1px solid transparent;
}

.preview-trailer .trailer-content-wrapper .buttons .btn-play,
.preview-trailer .trailer-content-wrapper .buttons .btn-details {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 50px;
    padding: 3% 3% 3% 10%;
    position: relative;
    display: inline-block;
    letter-spacing: 0.5px;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    position: relative;
    z-index: 99;
}

.preview-trailer .trailer-content-wrapper .buttons .btn-play img,
.preview-trailer .trailer-content-wrapper .buttons .btn-details img {
    position: absolute;
    transform: none;
    transition: none;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    padding: 5px;
    bottom: 0;
    left: 0;
}

.preview-trailer .vjs-icon-volume-mute:before,
.preview-trailer .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.preview-trailer .vjs-icon-volume-high:before,
.preview-trailer .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: " ";
    background-position: center center;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    z-index: 999;
}

.preview-trailer .vjs-icon-volume-mute:before,
.preview-trailer .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    background-image: url(../images/icon-mute.svg);
}

.preview-trailer .vjs-icon-volume-high:before,
.preview-trailer .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    background-image: url(../images/icon-sound.svg);
}

.preview-trailer .vjs-button > .vjs-icon-placeholder:before {
    line-height: 1.8;
    font-size: 22px;
}

.preview-trailer .video-js .vjs-control {
    width: 40px;
    height: 40px;
}

.preview-trailer .video-js .vjs-control-bar {
    top: auto;
    right: 18px;
    bottom: 12px;
    cursor: pointer;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: rgba(34, 34, 34, 0.6);
    opacity: 1;
}

.preview-trailer .video-js .vjs-control-bar:hover {
    opacity: 1;
    background-color: rgba(34, 34, 34, 0.9);
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
    background-color: #ea1d25;
}

.preview-slide {
    display: none;
}

.widget-short .preview-trailer {
    height: 450px;
}

/*.showSwiper .preview-trailer {*/
/*    height: 485px;*/
/*}*/

.showSwiper .preview-trailer .trailer-content-wrapper .trailer-content .title {
    font-size: 22px;
    margin-bottom: 0;
}

.showSwiper .preview-trailer .trailer-content-wrapper .trailer-content .at-tv {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 12px;
    display: block;
}

.showSwiper .preview-trailer .trailer-content-wrapper .trailer-content .at-tv span {
    font-size: 13px;
    display: inline-block;
}

.showSwiper .preview-trailer .trailer-content-wrapper .trailer-content .description {
    font-size: 16px;
    display: none;
}

.showSwiper .preview-trailer .trailer-content-wrapper .buttons {
    flex-wrap: wrap;
}

.showSwiper .preview-trailer .trailer-content-wrapper .buttons .btn-play {
    width: 100%;
    margin-bottom: 8px;
    text-transform: unset;
}

.showSwiper .preview-trailer .trailer-content-wrapper .buttons .btn-details {
    width: 100%;
}

.showSwiper .preview-trailer .trailer-content-wrapper .buttons .btn-details img {
    display: none;
}

.showSwiper .preview-trailer .trailer-content-wrapper .buttons .btn-play,
.showSwiper .preview-trailer .trailer-content-wrapper .buttons .btn-details {
    padding: 3%;
}

.trailerBox {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.add-to-list {
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    background-image: url(../images/icon-heart.svg);
    background-repeat: no-repeat;
    background-size: 21px 21px;
    background-position: center center;
    background-color: rgba(34, 34, 34, 0.5);
    width: 40px;
    height: 40px;
    position: absolute;
    left: 18px;
    bottom: 12px;
    z-index: 101;
    transition: none;
}

@media all and (max-width: 560px) {
    .add-to-list:hover {
        transition: none;
    }
}

.add-to-list.added {
    background-image: url(../images/icon-heart-full.svg);
    background-color: rgba(234, 29, 37, 0.9);
}

@media all and (min-width: 560px) {
    .add-to-list.added:hover {
        background-color: #d2141b;
    }
}

.top {
    padding: 8px 12px;
    color: #161616;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    font-weight: 700;
    border-radius: 6px;
    position: absolute;
    bottom: 54px;
    left: 0;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    width: 177px;
    justify-content: center;
    display: none;
}

.top span {
    position: absolute;
    top: 30px;
    left: 9px;
    width: 23px;
    height: 11px;
    overflow: hidden;
}

.soon-box .add-to-list .top span {
    top: 38px;
}

.top span::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

@media all and (min-width: 850px) {
    .list-btn:hover .top {
        display: flex;
    }

    .list-btn:hover .top .adauga {
        display: block;
    }

    .list-btn:hover .top .sterge {
        display: none;
    }
}

@media all and (min-width: 850px) {
    .list-btn.added:hover .top {
        display: flex;
    }

    .list-btn.added:hover .top .sterge {
        display: block;
    }

    .list-btn.added:hover .top .adauga {
        display: none;
    }
}

.thumbnail-cover {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
    z-index: 5;
}

.thumbnail-cover img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right center;
    object-position: right center;
}

.news-list .thumbnail-cover img {
    object-position: right top;
}

.truncate-show-description {
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 1.2;
}

@media all and (max-width: 560px) {
    .truncate-show-description {
        font-size: 16px;
    }
}

.truncate-show-description p {
    color: #ffffff;
    font-size: 19px;
    line-height: 1.2;
}

@media all and (max-width: 560px) {
    .truncate-show-description p {
        font-size: 16px;
    }
}

.truncate-show-description .read-more > a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    padding: 10px 30px 10px 10px;
    transition: all 1s ease;
    font-size: 16px;
}

.truncate-show-description.hasHidden .read-more > a:before {
    position: absolute;
    content: " ";
    width: 13px;
    height: 13px;
    background-image: url(../images/icon-chevron-down-red.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

.truncate-show-description .read-more > a:before {
    position: absolute;
    content: " ";
    width: 13px;
    height: 13px;
    background-image: url(../images/icon-chevron-up-red.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

.truncate-show-description .read-more {
    display: flex;
    justify-content: flex-end;
}

.truncate-show-description .read-more:hover {
    opacity: 0.8;
}

.productFullContent,
.liveFullContent,
.soonFullContent {
    margin-bottom: 5%;
}

@media all and (max-width: 850px) {
    .productFullContent,
    .liveFullContent,
    .soonFullContent {
        margin-bottom: 12%;
    }
}

.productFullContent .row,
.liveFullContent .row,
.soonFullContent .row {
    padding: 0 45px;
}

@media all and (max-width: 850px) {
    .productFullContent .row,
    .liveFullContent .row,
    .soonFullContent .row {
        padding: 0 4%;
    }
}

#stickyBar,
.stickyBar {
    height: 61px;
}

@media all and (max-width: 850px) {
    #stickyBar,
    .stickyBar {
        height: 51px;
    }
}

#stickyBar .title,
.stickyBar .title {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding-top: 8px;
    font-size: 18px;
    font-weight: 400;
}

@media all and (max-width: 850px) {
    #stickyBar .title,
    .stickyBar .title {
        width: auto;
        max-width: none;
        margin-left: 4%;
        font-size: 16px;
    }
}

#tabs,
.tabs {
    width: 100%;
    max-width: 860px;
    border-bottom: 1px solid #555555;
    background-color: #161616;
    padding-left: 0;
    display: flex;
    align-items: center;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    transition: none;
    height: 61px;
    margin: 0 auto;
}

#tabs::after, #tabs::before,
.tabs::after,
.tabs::before {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#tabs::-webkit-scrollbar,
.tabs::-webkit-scrollbar {
    display: none;
}

@media all and (max-width: 850px) {
    #tabs,
    .tabs {
        width: 100%;
        max-width: none;
        height: 51px;
    }
}

#tabs li,
.tabs li {
    list-style: none;
}

@media all and (max-width: 850px) {
    #tabs li:first-child,
    .tabs li:first-child {
        margin-left: 4%;
    }
}

#tabs li a,
.tabs li a {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    padding: 22px 0 14px;
    margin-right: 24px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

#tabs li a::after,
.tabs li a::after {
    content: " ";
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background-color: #ea1d25;
    position: absolute;
    bottom: 0;
    display: block;
}

@media all and (max-width: 850px) {
    #tabs li a,
    .tabs li a {
        padding: 13px 0;
    }
}

#tabs li a.inactive::after,
.tabs li a.inactive::after {
    content: none;
}

#tabs li a.inactive:hover,
.tabs li a.inactive:hover {
    opacity: 0.8;
}

.fullsticky {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 0 45px;
    transition: none;
}

@media all and (max-width: 850px) {
    .fullsticky {
        padding: unset;
    }
}

.stick {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 11000000;
    background-color: #161616;
    transition: all ease -1s;
}

.container-schedule {
    margin-top: 23px;
}

@media all and (max-width: 560px) {
    .container-schedule {
        margin-top: 20px;
    }
}

.schedule-column {
    position: relative;
}

@media all and (max-width: 560px) {
    .schedule-column #categorii,
    .schedule-column .categorii {
        position: absolute;
        top: -70vw;
    }
}

@media all and (max-width: 560px) {
    .schedule-column .stick {
        z-index: 10;
        top: unset;
    }
}

.schedule-column #stickyBar,
.schedule-column .stickyBar {
    height: auto;
}

.schedule-column #tabs,
.schedule-column .tabs {
    height: auto;
    justify-content: space-between;
}

.schedule-column #tabs li a,
.schedule-column .tabs li a {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    padding: 14px 0;
    margin-right: 26px;
    width: 100%;
}

@media all and (max-width: 850px) {
    .schedule-column #tabs li a,
    .schedule-column .tabs li a {
        width: 85%;
        margin-right: 40px;
    }
}

.schedule-column #tabs li a span,
.schedule-column .tabs li a span {
    font-weight: 300;
    font-size: 14px;
    color: #aaaaaa;
}

.sch-row {
    margin-bottom: 24px;
}

.sch-inner {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
}

@media all and (max-width: 850px) {
    .sch-inner {
        font-size: 16px;
    }
}

@media all and (max-width: 560px) {
    .sch-inner {
        font-size: 15px;
    }
}

.sch-inner span {
    font-weight: 400;
    width: 85px;
    display: inline-block;
}

@media all and (max-width: 850px) {
    .sch-inner span {
        width: 70px;
    }
}

.sch-inner .text {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: calc(100% - 70px);
}

.sch-inner .text .live-now-text {
    width: 100%;
    font-weight: 400;
    color: #ea1d25;
}

.sch-inner .text .name {
    width: 100%;
}

.filtering-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 8px 16px 0;
}

@media all and (max-width: 850px) {
    .filtering-area {
        margin: 0 0 16px 0;
    }
}

.filtering-area .apply button {
    display: block;
    background-color: #ea1d25;
    padding: 8px 20px;
    border-radius: 50px;
    color: #ffffff;
    margin: 6px 20px 6px 0;
    font-size: 16px;
}

@media all and (min-width: 560px) {
    .filtering-area .apply button:hover {
        background-color: #d2141b;
    }
}

@media all and (max-width: 560px) {
    .filtering-area .apply button {
        padding: 10px 16px;
        font-size: 3.5vw;
    }
}

.filtering-area .clear button {
    display: block;
    background-color: transparent;
    color: #ea1d25;
    position: relative;
    padding: 8px 5px 8px 25px;
    margin: 6px 0;
    font-size: 16px;
}

.filtering-area .clear button::before {
    content: " ";
    background-image: url(../images/icon-profile-sterge-red.svg);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 18px;
    height: 18px;
    left: 8px;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media all and (max-width: 560px) {
    .filtering-area .clear button {
        padding: 10px 16px 10px 25px;
        font-size: 3.5vw;
    }
}

.filtering-area select {
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 50px;
    border: none;
    background-color: #2e2e2e;
    cursor: pointer;
    background-image: url(../images/icon-chevron-down.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) center;
    height: auto;
    margin: 6px 0;
    font-size: 16px;
}

@media all and (max-width: 560px) {
    .filtering-area select {
        padding: 10px 20px 10px 16px;
        font-size: 3.5vw;
    }
}

@media all and (min-width: 560px) {
    .filtering-area select:hover {
        background-color: #292929;
    }
}

.select {
    width: 100%;
    margin-right: 12px;
}

@media all and (max-width: 560px) {
    .select {
        margin-right: 8px;
    }
}

@media all and (max-width: 560px) {
    .select:last-child {
        margin-right: 0;
    }
}

.select.season {
    max-width: 100%;
    width: auto;
}

.select.season select {
    padding: 8px 40px 8px 20px;
}

@media all and (max-width: 560px) {
    .select.season select {
        padding: 10px 40px 10px 16px;
    }
}

.select.month {
    max-width: 170px;
}

.select.year {
    max-width: 100px;
}

.select-selected {
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 50px;
    background-color: #2e2e2e;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select-selected:hover {
    background-color: #292929;
}

@media all and (max-width: 560px) {
    .select-selected {
        padding: 10px 20px 10px 16px;
    }
}

.select-selected:after {
    position: absolute;
    content: " ";
    width: 16px;
    height: 16px;
    background-image: url(../images/icon-chevron-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    right: 12px;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    transition: none;
}

@media all and (max-width: 560px) {
    .select-selected:after {
        width: 2.5vw;
        height: 2.5vw;
    }
}

.select-selected.select-arrow-active:after {
    background-image: url(../images/icon-chevron-up.svg);
}

.select-items div {
    color: #ffffff;
    padding: 8px 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media all and (max-width: 560px) {
    .select-items div {
        padding: 10px 20px 10px 16px;
    }
}

.select-items {
    position: absolute;
    background-color: #2e2e2e;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    margin-top: 6px;
    min-width: 4em;
    white-space: nowrap;
    max-height: 19em;
    overflow: auto;
    padding: 0.5rem 0px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    /* Width */
    /* Track */
    /* Handle */
}

@media all and (max-width: 560px) {
    .select-items {
        max-height: 13em;
    }
}

.select-items::-webkit-scrollbar {
    width: 8px;
}

.select-items::-webkit-scrollbar-track {
    background-color: #292929;
}

.select-items::-webkit-scrollbar-thumb {
    background: #454545;
    border-radius: 8px;
}

.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.2);
}

.container-episodes {
    margin-top: 16px;
}

@media all and (max-width: 850px) {
    .container-episodes {
        margin-top: 16px;
    }
}

.ep-row {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

@media all and (max-width: 560px) {
    .ep-row {
        margin-bottom: 20px;
    }
}

@media all and (min-width: 850px) {
    .ep-row:hover .play-episode {
        background-color: rgba(22, 22, 22, 0.6);
    }
}

.ep-row .thumbWrap {
    width: 40%;
}

.ep-row .thumbWrap .progress-bar {
    position: absolute;
    height: 4px;
    width: 100%;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.ep-row .thumbWrap .progress-bar .progress {
    position: absolute;
    height: 4px;
    background-color: #ea1d25;
    bottom: 0;
    z-index: 20;
}

.ep-row .thumbWrap .photoCover {
    border-radius: 4px 4px 0 0;
}

.ep-row .infoWrap {
    width: calc(60% - 20px);
    margin-top: 12px;
}

@media all and (max-width: 850px) {
    .ep-row .infoWrap {
        width: calc(60% - 14px);
        margin-top: 0;
    }
}

.ep-row .infoWrap h5 {
    font-size: 25px;
    font-weight: 400;
}

@media all and (max-width: 850px) {
    .ep-row .infoWrap h5 {
        font-size: 3vw;
    }
}

@media all and (max-width: 560px) {
    .ep-row .infoWrap h5 {
        font-size: 4.4vw;
        margin-bottom: 0.3rem;
    }
}

.ep-row .infoWrap .publish {
    font-size: 16px;
    font-weight: 300;
}

@media all and (max-width: 560px) {
    .ep-row .infoWrap .publish {
        font-size: 13px;
    }
}

.ep-row .infoWrap .duration {
    font-size: 15px;
    font-weight: 300;
    color: #aaaaaa;
    margin-top: 5%;
}

@media all and (max-width: 560px) {
    .ep-row .infoWrap .duration {
        font-size: 13px;
        margin-top: 2%;
    }
}

.play-episode {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    background-color: rgba(22, 22, 22, 0.3);
    background-image: url(../images/icon-play-standard.svg);
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: 25% 45%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
}

@media all and (max-width: 560px) {
    .play-episode {
        width: 10vw;
        height: 10vw;
        background-size: 10.5vw;
        background-position: 15% 45%;
    }
}

.recomSection,
.resultsSection,
.errorSection {
    margin-bottom: 3%;
}

@media all and (max-width: 560px) {
    .recomSection,
    .resultsSection,
    .errorSection {
        margin-bottom: 6%;
    }
}

.recomSection .row,
.resultsSection .row,
.errorSection .row {
    padding: 0 45px;
}

@media all and (max-width: 850px) {
    .recomSection .row,
    .resultsSection .row,
    .errorSection .row {
        padding: 0 4%;
    }
}

.recomSection .thumbTitle,
.resultsSection .thumbTitle,
.errorSection .thumbTitle {
    font-size: 30px;
    margin: 0 0 20px;
}

@media all and (max-width: 850px) {
    .recomSection .thumbTitle,
    .resultsSection .thumbTitle,
    .errorSection .thumbTitle {
        font-size: 25px;
        margin: 0 0 25px;
    }
}

@media all and (max-width: 560px) {
    .recomSection .thumbTitle,
    .resultsSection .thumbTitle,
    .errorSection .thumbTitle {
        font-size: 18px;
    }
}

.suggestions-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.card-suggested {
    position: relative;
    width: 48%;
    margin-bottom: 4%;
}

@media all and (max-width: 850px) {
    .card-suggested {
        width: 48%;
    }
}

@media all and (max-width: 560px) {
    .card-suggested {
        margin-bottom: 20px;
    }
}

.card-suggested .thumbImage {
    height: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 75%;
}

.card-suggested .thumbImage .logo {
    position: absolute;
    width: 70%;
    height: 35%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -5%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.card-suggested .thumbImage .logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.card-suggested .thumbImage .photoCover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    border-radius: 4px;
}

.card-suggested .thumbImage::after {
    width: 100%;
    height: 15vw;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.4) 90%);
    position: absolute;
    bottom: 0;
    content: "";
}

.card-suggested h5 {
    font-size: 23px;
    margin: 3% 0 0;
    padding: 0 6% 0 0;
    line-height: 1.2;
    font-weight: 400;
    color: white;
}

@media all and (max-width: 850px) {
    .card-suggested h5 {
        font-size: 20px;
    }
}

@media all and (max-width: 560px) {
    .card-suggested h5 {
        font-size: 17px;
        margin: 5% 0 0;
    }
}

.card-suggested .publish {
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
}

@media all and (max-width: 560px) {
    .card-suggested .publish {
        font-size: 13px;
    }
}

.live-animation {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 4% 4px;
}

@media all and (max-width: 850px) {
    .live-animation {
        margin: 16px 4% 16px;
    }
}

.live-animation .thumbTitle, .live-animation h2 {
    margin: 0;
}

.circle {
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1019607843);
    background: #ea1d25;
    margin-right: 1.2vw;
}

@media all and (max-width: 850px) {
    .circle {
        width: 10px;
        height: 10px;
        margin-right: 10px;
        flex-shrink: 0;
    }
}

.pulse {
    -webkit-animation: pulse-animation 2s infinite;
    animation: pulse-animation 2s infinite;
}

.pulse-small {
    -webkit-animation: pulse-animation-small 2s infinite;
    animation: pulse-animation-small 2s infinite;
}

@-webkit-keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(234, 29, 37, 0.7);
    }
    100% {
        box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
    }
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(234, 29, 37, 0.7);
    }
    100% {
        box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
    }
}

@-webkit-keyframes pulse-animation-small {
    0% {
        box-shadow: 0 0 0 0px rgba(234, 29, 37, 0.7);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
}

@keyframes pulse-animation-small {
    0% {
        box-shadow: 0 0 0 0px rgba(234, 29, 37, 0.7);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
}

.play-live {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    background-color: rgba(22, 22, 22, 0.3);
    background-image: url(../images/icon-play-standard.svg);
    background-repeat: no-repeat;
    background-size: 180px;
    background-position: 15% 45%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 55;
}

@media all and (max-width: 850px) {
    .play-live {
        width: 100px;
        height: 100px;
        background-size: 110px;
    }
}

.title-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.title-link .see-all {
    font-size: 1.7vw;
    margin: 0 4% 0 0;
    padding: 16px 0 16px 16px;
}

.title-link .see-all::after {
    width: 1.2vw;
    height: 1.2vw;
}

@media all and (max-width: 850px) {
    .title-link .see-all::after {
        width: 11px;
        height: 11px;
    }
}

@media all and (min-width: 850px) {
    .title-link .see-all:hover {
        margin: 0 3%;
        background-color: inherit;
    }

    .title-link .see-all:hover::after {
        margin-left: 17px;
    }
}

@media all and (max-width: 850px) {
    .title-link .see-all {
        font-size: 16px;
        width: 120px;
    }
}

.title-link .thumbTitle {
    position: relative;
    line-height: 0.9;
}

@media all and (min-width: 850px) {
    .title-link .thumbTitle:hover a {
        text-decoration: underline;
    }
}

@media all and (max-width: 850px) {
    .title-link .thumbTitle {
        padding: 13px 0;
        margin: 0 0 0 4%;
        width: calc(100% - 140px);
        line-height: 1.1;
    }
}

@media all and (max-width: 560px) {
    .title-link .thumbTitle span {
        font-size: 14px;
        display: block;
        font-weight: 400;
        margin-bottom: 0.3vw;
        margin-right: 0;
    }
}

.channel-shows {
    position: relative;
    margin: 0 0 0 4%;
    display: flex;
    align-content: center;
    width: 70%;
}

.channel-shows .channel-image {
    background-color: #333333;
    border-radius: 4px;
    width: 6vw;
    height: 3vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
}

@media all and (max-width: 850px) {
    .channel-shows .channel-image {
        width: 60px;
        height: 35px;
    }
}

@media all and (max-width: 560px) {
    .channel-shows .channel-image {
        width: 66px;
        height: 42px;
    }
}

.channel-shows .channel-image img {
    width: auto;
    height: 100%;
    padding: 0.5vw;
}

@media all and (max-width: 560px) {
    .channel-shows .channel-image img {
        padding: 1.5vw 1vw;
    }
}

.channel-shows .thumbTitle {
    margin: 0 0 0 2%;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
}

@media all and (max-width: 560px) {
    .channel-shows .thumbTitle {
        margin: 0 0 0 5%;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        font-size: 18px;
    }
}

@media all and (min-width: 850px) {
    .channel-shows:hover .channel-image {
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .channel-shows:hover .thumbTitle {
        text-decoration: underline;
    }
}

.explore.top-space {
    padding-top: 20px;
}

@media all and (max-width: 850px) {
    .explore.top-space {
        padding-top: 10px;
    }
}

.explore #stickyBar,
.explore .stickyBar {
    height: 70px;
}

@media all and (max-width: 850px) {
    .explore #stickyBar,
    .explore .stickyBar {
        height: 60px;
    }
}

.explore #tabs,
.explore .tabs {
    max-width: 100%;
    justify-content: center;
    border-bottom: transparent;
    height: 70px;
}

@media all and (max-width: 850px) {
    .explore #tabs,
    .explore .tabs {
        height: 60px;
    }
}

.explore #tabs li a,
.explore .tabs li a {
    padding: 10px 0;
}

.explore .single-tab {
    height: 70px;
}

@media all and (max-width: 850px) {
    .explore .single-tab {
        height: 60px;
    }
}

.explore .fullsticky {
    padding: 0 4%;
}

.explore .fullsticky.no-padd {
    padding: 0;
}

.explore .container-episodes {
    margin-top: 0;
}

.unfixed .header {
    position: relative;
    z-index: 11100000;
}

.single-tab {
    position: relative;
    display: flex;
    align-items: center;
    height: 61px;
}

@media all and (max-width: 850px) {
    .single-tab {
        height: 51px;
    }
}

.single-tab.shows-tab {
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.single-tab.shows-tab::after, .single-tab.shows-tab::before {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.single-tab.shows-tab::-webkit-scrollbar {
    display: none;
}

.single-tab.shows-tab:last-child {
    padding-right: 4%;
}

.single-tab .title-tab {
    display: block;
    position: relative;
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.single-tab .title-tab::before {
    content: " ";
    background-image: url(../images/icon-arrow-back.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 28px;
}

@media all and (max-width: 850px) {
    .single-tab .title-tab {
        font-size: 19px;
    }
}

@media all and (max-width: 560px) {
    .single-tab .title-tab {
        font-size: 16px;
    }
}

@media all and (min-width: 850px) {
    .single-tab .title-tab:hover {
        opacity: 0.8;
    }

    .single-tab .title-tab:hover::before {
        margin-left: -10px;
        margin-right: 38px;
    }
}

.single-tab .channel-shows {
    height: 61px;
    margin: 0;
}

.single-tab .channel-shows .channel-image {
    width: 80px;
    height: 50px;
}

.single-tab .channel-shows .thumbTitle {
    display: block;
}

.single-tab .channel-shows .thumbTitle span {
    font-size: 1.5vw;
    display: block;
    margin-bottom: 0.3vw;
    font-weight: 400;
}

.title-channel-shows {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 35px;
}

@media all and (max-width: 850px) {
    .title-channel-shows {
        margin-right: 20px;
    }
}

.title-channel-shows:first-child {
    margin-left: calc(4% + 50px);
}

.title-channel-shows:last-child {
    margin-right: 4vw;
}

.title-channel-shows.current-page .logo {
    border: 1px solid #ea1d25;
}

.title-channel-shows.current-page .name {
    color: #ea1d25;
}

.title-channel-shows.current-page:hover {
    opacity: unset;
}

.title-channel-shows .logo {
    background-color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    width: 55px;
    height: 33px;
}

.title-channel-shows .logo img {
    width: auto;
    height: auto;
    max-height: 100%;
    padding: 5px;
}

.title-channel-shows .name {
    font-size: 18px;
    font-weight: 700;
    margin-left: 12px;
    line-height: 1.2;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

@media all and (max-width: 560px) {
    .title-channel-shows .name {
        font-size: 16px;
    }
}

.title-channel-shows .name span {
    font-weight: 400;
    display: block;
    font-size: 13px;
}

@media all and (min-width: 850px) {
    .title-channel-shows:hover {
        opacity: 0.8;
    }

    .title-channel-shows:hover::before {
        margin-left: -10px;
        margin-right: 26px;
    }
}

.go-back {
    height: 70px;
    display: flex;
    align-items: center;
    margin-right: 5px;
    padding-right: 25px;
    position: absolute;
    z-index: 10;
    background-color: #161616;
    padding-left: 4%;
}

@media all and (max-width: 850px) {
    .go-back {
        height: 60px;
    }
}

.go-back img {
    width: 18px;
    height: 18px;
    max-width: none;
}

@media all and (min-width: 850px) {
    .go-back:hover {
        margin-left: -10px;
        margin-right: 15px;
    }
}

.listingSection {
    margin: 20px 0 3%;
}

@media all and (max-width: 850px) {
    .listingSection {
        margin: 10px 0 3%;
    }
}

.listingSection.mylistSection {
    margin: 0;
    /*min-height: calc(100vh - 190px);*/
}

.listingSection.liveSection {
    margin: 0 0 3%;
}

.listingSection .suggestions-wrapper {
    justify-content: flex-start;
    margin: 0 -5px;
}

.listingSection .card-suggested {
    width: calc(16.666% - 10px);
    margin: 0 5px 2%;
}

@media all and (max-width: 1350px) {
    .listingSection .card-suggested {
        width: calc(20% - 10px);
    }
}

@media all and (max-width: 1110px) {
    .listingSection .card-suggested {
        width: calc(25% - 10px);
    }
}

@media all and (max-width: 850px) {
    .listingSection .card-suggested {
        width: calc(33.3333% - 10px);
        margin: 0 5px 20px;
    }
}

@media all and (max-width: 560px) {
    .listingSection .card-suggested {
        width: calc(50% - 10px);
    }
}

.listingResults {
    margin: 30px 0 3%;
}

.listingResults .results-title {
    max-width: 950px;
    margin: 0 auto;
    padding: 0 45px 20px;
    font-size: 30px;
    font-weight: 700;
}

@media all and (max-width: 850px) {
    .listingResults .results-title {
        padding: 0 4% 20px;
        font-size: 25px;
    }
}

@media all and (max-width: 560px) {
    .listingResults .results-title {
        font-size: 18px;
    }
}

.mylistSection .add-to-list {
    left: 6px;
}

.mylistSection .top span {
    top: 38px;
}

.videoResults .card-suggested .thumbImage {
    padding-bottom: 56.25%;
}

.videoResults .card-suggested .thumbImage::after {
    background-image: none;
}

.videoResults .card-suggested .thumbImage .progress-bar {
    position: absolute;
    height: 4px;
    width: 100%;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.videoResults .card-suggested .thumbImage .progress-bar .progress {
    position: absolute;
    height: 4px;
    background-color: #ea1d25;
    bottom: 0;
    z-index: 20;
}

@media all and (min-width: 850px) {
    .videoResults .card-suggested:hover .play-episode {
        background-color: rgba(22, 22, 22, 0.6);
    }
}

.liveCard {
    width: 100%;
    height: auto;
    border-radius: 4px 4px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.liveCard .logo-container {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    position: relative;
    overflow: hidden;
}

.liveCard .logo-container img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    transform: translate(-50%, 0);
    padding: 1.5vw;
}

@media all and (max-width: 850px) {
    .liveCard .logo-container img {
        padding: 3vw;
    }
}

@media all and (max-width: 560px) {
    .liveCard .logo-container img {
        padding: 4vw;
    }
}

.streaming-now {
    padding: 0 12px 14px;
    border-radius: 0 0 4px 4px;
    flex: 1;
}

@media all and (max-width: 560px) {
    .streaming-now {
        padding: 0 10px 14px;
    }
}

.streaming-now .channel-name {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 1.2;
}

@media all and (max-width: 1350px) {
    .streaming-now .channel-name {
        font-size: 18px;
    }
}

@media all and (max-width: 560px) {
    .streaming-now .channel-name {
        font-size: 3.7vw;
    }
}

.streaming-now .live-animation {
    justify-content: center;
    margin: 0 16px 0 0;
}

.streaming-now .live-animation .circle {
    width: 8px;
    height: 8px;
    margin-right: 8px;
}

.streaming-now span {
    color: #ea1d25;
    font-size: 15px;
}

@media all and (max-width: 850px) {
    .streaming-now span {
        font-size: 13px;
    }
}

.streaming-now .live-sch {
    font-weight: 300;
    line-height: 1.3;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media all and (max-width: 850px) {
    .streaming-now .live-sch {
        font-size: 14px;
    }
}

.soon-column {
    margin-top: 10px;
}

@media all and (max-width: 560px) {
    .soon-column {
        margin-top: -20px;
    }
}

.soon-box {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.see-trailer {
    font-size: 18px;
    font-weight: 400;
    color: #ea1d25;
    margin-top: 5%;
    text-decoration: underline;
}

@media all and (max-width: 560px) {
    .see-trailer {
        font-size: 16px;
    }
}

.soon-row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

@media all and (min-width: 850px) {
    .soon-row:hover .play-episode {
        background-color: rgba(22, 22, 22, 0.6);
    }

    .soon-row:hover .see-trailer {
        text-decoration: none;
    }
}

.soon-row .thumbWrap {
    width: 40%;
}

@media all and (max-width: 850px) {
    .soon-row .thumbWrap {
        width: 38%;
    }
}

.soon-row .thumbWrap .thumbnail-cover {
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
    position: relative;
    z-index: 5;
}

.soon-row .thumbWrap .thumbnail-cover::after {
    width: 100%;
    height: 15vw;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.4) 90%);
    position: absolute;
    bottom: 0;
    content: "";
}

.soon-row .thumbWrap .thumbnail-cover .photoCover {
    border-radius: 4px;
    -o-object-position: top center;
    object-position: top center;
}

.soon-row .thumbWrap .thumbnail-cover .logo {
    position: absolute;
    width: 70%;
    height: 35%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -5%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.soon-row .thumbWrap .thumbnail-cover .logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: relative;
}

.soon-row .infoWrap {
    width: calc(60% - 30px);
}

@media all and (max-width: 850px) {
    .soon-row .infoWrap {
        width: calc(61% - 14px);
    }
}

.soon-row .infoWrap h5 {
    font-size: 33px;
    font-weight: 700;
}

@media all and (max-width: 850px) {
    .soon-row .infoWrap h5 {
        font-size: 3vw;
    }
}

@media all and (max-width: 560px) {
    .soon-row .infoWrap h5 {
        font-size: 4.7vw;
        margin-bottom: 0.3rem;
    }
}

.soon-row .infoWrap .publish {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
}

@media all and (max-width: 560px) {
    .soon-row .infoWrap .publish {
        font-size: 16px;
    }
}

.soon-description {
    font-size: 20px;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 30px;
}

@media all and (max-width: 850px) {
    .soon-description {
        font-size: 16px;
    }
}

.options-for-soon {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.options-for-soon .option-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 130px;
    width: 100%;
    margin: 0 5px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    padding: 50px 10px 10px 10px;
    background-position: 50% 18%;
    text-transform: none;
    transition: none;
}

.options-for-soon .option-box.details {
    background-image: url(../images/icon-details.svg);
    background-size: 28px 28px;
}

@media all and (max-width: 560px) {
    .options-for-soon .option-box.details {
        background-size: 23px 23px;
    }
}

.options-for-soon .option-box.notif_btn {
    background-image: url(../images/icon-notifications.svg);
}

@media all and (max-width: 560px) {
    .options-for-soon .option-box.notif_btn {
        padding: 42px 0 10px 0;
    }
}

.options-for-soon .option-box.notif_btn.added {
    background-image: url(../images/icon-notifications-full-red.svg);
}

.options-for-soon .option-box.list_btn {
    background-image: url(../images/icon-heart.svg);
    padding: 50px 18px 10px 18px;
}

@media all and (max-width: 560px) {
    .options-for-soon .option-box.list_btn {
        padding: 42px 20px 10px 20px;
    }
}

.options-for-soon .option-box.list_btn.add-to-list {
    height: unset;
    left: unset;
    bottom: unset;
    background-color: unset;
}

@media all and (min-width: 850px) {
    .options-for-soon .option-box.list_btn.add-to-list:hover {
        background-color: #222222;
    }
}

.options-for-soon .option-box.list_btn.add-to-list.added {
    background-color: unset;
}

.options-for-soon .option-box.list_btn.added {
    background-image: url(../images/icon-heart-full-red.svg);
}

@media all and (max-width: 560px) {
    .options-for-soon .option-box {
        background-size: 20px 20px;
        font-size: 14px;
        padding: 42px 10px 10px 10px;
        margin: 0 5px;
    }
}

@media all and (min-width: 850px) {
    .options-for-soon .option-box:hover {
        background-color: #222222;
    }
}

.options-for-soon .option-box .icon {
    width: 25px;
    height: 25px;
    margin-bottom: 10px;
}

@media all and (max-width: 560px) {
    .options-for-soon .option-box .icon {
        width: 20px;
        height: 20px;
    }
}

.options-for-soon .option-box .icon img {
    width: auto;
    height: 100%;
}

.search-container.top-space {
    padding-top: 30px;
}

.search-container #stickyBar,
.search-container .stickyBar {
    height: 70px;
}

@media all and (max-width: 850px) {
    .search-container #stickyBar,
    .search-container .stickyBar {
        height: 60px;
    }
}

.search-container #tabs,
.search-container .tabs {
    max-width: 100%;
    justify-content: center;
    border-bottom: transparent;
    height: 70px;
}

@media all and (max-width: 850px) {
    .search-container #tabs,
    .search-container .tabs {
        height: 60px;
    }
}

.search-container #tabs li a,
.search-container .tabs li a {
    padding: 10px 0;
}

.search-container .single-tab {
    height: 70px;
    display: flex;
    align-items: center;
    max-width: 950px;
    margin: 0 auto;
    padding: 0 45px;
}

@media all and (max-width: 850px) {
    .search-container .single-tab {
        height: 60px;
        padding: 0 4%;
    }
}

@media all and (min-width: 850px) {
    .search-container .single-tab .title-tab:hover {
        opacity: 0.8;
    }

    .search-container .single-tab .title-tab:hover::before {
        margin-left: -10px;
        margin-right: 38px;
    }
}

.search-container .fullsticky {
    padding: 0;
}

.search-container .container-episodes {
    margin-top: 0;
}

.search-wrapper {
    width: 100%;
}

.search-wrapper form {
    width: 100%;
    display: flex;
}

.search-wrapper form .input-wrapper {
    position: relative;
    width: calc(100% - 100px);
    height: auto;
}

@media all and (max-width: 560px) {
    .search-wrapper form .input-wrapper {
        width: calc(100% - 60px);
    }
}

.search-wrapper form .input-wrapper input {
    box-sizing: border-box;
    background-color: #333333;
    border: 1px solid transparent;
    border-radius: 8px 0 0 8px;
    color: white;
    margin: 0;
    padding: 26px 28px;
    font-size: 21px;
    box-shadow: inset 2px 2px 6px 0 #272727;
}

@media all and (max-width: 560px) {
    .search-wrapper form .input-wrapper input {
        padding: 20px 15px;
        font-size: 17px;
    }
}

.search-wrapper form .input-wrapper input:focus {
    border-top: 1px solid #ea1d25;
    border-bottom: 1px solid #ea1d25;
    border-left: 1px solid #ea1d25;
}

.search-wrapper form .input-wrapper .clear-text {
    border: none;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 16px;
    border-radius: 50%;
    background: #333333;
    padding: 0;
    outline: none;
    cursor: pointer;
    transition: 0.1s;
    color: white;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translate(0, -50%);
}

@media all and (max-width: 560px) {
    .search-wrapper form .input-wrapper .clear-text {
        right: 7px;
        width: 50px;
        height: 35px;
    }
}

.search-wrapper form .input-wrapper .clear-text img {
    width: 15px;
    height: 15px;
}

@media all and (min-width: 850px) {
    .search-wrapper form .input-wrapper .clear-text:hover {
        background: #3e3e3e;
    }
}

.search-wrapper form .search-btn {
    background-color: #ea1d25;
    width: 100px;
    border-radius: 0 8px 8px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media all and (max-width: 560px) {
    .search-wrapper form .search-btn {
        width: 60px;
    }
}

.search-wrapper form .search-btn img {
    width: auto;
    height: 26px;
}

@media all and (max-width: 560px) {
    .search-wrapper form .search-btn img {
        height: 20px;
    }
}

@media all and (min-width: 850px) {
    .search-wrapper form .search-btn:hover {
        background: #d2141b;
    }
}

.search-wrapper form input:-moz-placeholder-shown + button {
    opacity: 0;
    pointer-events: none;
}

.search-wrapper form input:-ms-input-placeholder + button {
    opacity: 0;
    pointer-events: none;
}

.search-wrapper form input:placeholder-shown + button {
    opacity: 0;
    pointer-events: none;
}

.noresults {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.noresults .icon-notfound {
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 50%;
    background-color: #222222;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media all and (max-width: 560px) {
    .noresults .icon-notfound {
        width: 45px;
        height: 45px;
        margin-right: 15px;
    }
}

.noresults .icon-notfound img {
    width: 56%;
    height: auto;
}

.noresults .text {
    width: calc(100% - 100px);
}

@media all and (max-width: 560px) {
    .noresults .text {
        width: calc(100% - 60px);
    }
}

.noresults .text .main {
    font-size: 26px;
    font-weight: 700;
}

@media all and (max-width: 560px) {
    .noresults .text .main {
        font-size: 17px;
    }
}

.noresults .text .secondary {
    font-size: 20px;
}

@media all and (max-width: 560px) {
    .noresults .text .secondary {
        font-size: 15px;
    }
}

.errorSection {
    height: calc(100vh - 240px);
    display: flex;
    justify-content: center;
    align-items: center;
}

@media all and (max-width: 850px) {
    .errorSection {
        height: calc(100vh - 280px);
    }
}

.server-error-container {
    width: 100%;
    max-width: 600px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.server-error-container .icon-pic {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: #222222;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

@media all and (max-width: 850px) {
    .server-error-container .icon-pic {
        width: 110px;
        height: 110px;
    }
}

@media all and (max-width: 560px) {
    .server-error-container .icon-pic {
        width: 80px;
        height: 80px;
    }
}

.server-error-container .icon-pic img {
    width: 50%;
    height: auto;
}

.server-error-container .main {
    font-size: 35px;
    margin: 0 0 10px;
    font-weight: bold;
}

@media all and (max-width: 850px) {
    .server-error-container .main {
        font-size: 25px;
    }
}

@media all and (max-width: 560px) {
    .server-error-container .main {
        font-size: 18px;
    }
}

.server-error-container .secondary {
    font-size: 24px;
    padding: 0 20%;
}

@media all and (max-width: 850px) {
    .server-error-container .secondary {
        font-size: 19px;
    }
}

@media all and (max-width: 560px) {
    .server-error-container .secondary {
        font-size: 15px;
    }
}

.video-info {
    padding: 20px 0;
}

.video-info .title {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.2;
}

@media all and (max-width: 850px) {
    .video-info .title {
        font-size: 30px;
    }
}

@media all and (max-width: 560px) {
    .video-info .title {
        font-size: 26px;
    }
}

.video-info .publish {
    font-size: 20px;
    font-weight: 300;
}

@media all and (max-width: 850px) {
    .video-info .publish {
        font-size: 18px;
    }
}

@media all and (max-width: 560px) {
    .video-info .publish {
        font-size: 16px;
    }
}

.video-column {
    position: relative;
}

@media all and (max-width: 560px) {
    .video-column #categorii,
    .video-column .categorii {
        position: absolute;
        top: -64vw;
    }
}

@media all and (max-width: 560px) {
    .video-column #stickyBar,
    .video-column .stickyBar {
        height: 71px;
    }
}

@media all and (max-width: 560px) {
    .video-column #tabs,
    .video-column .tabs {
        height: 71px;
    }
}

@media all and (max-width: 560px) {
    .video-column #tabs li a,
    .video-column .tabs li a {
        margin-top: 20px;
    }
}

@media all and (max-width: 560px) {
    .video-column .stick {
        top: 64vw;
        z-index: 100;
    }
}

.sch-title {
    display: flex;
    align-items: center;
    margin: 0;
}

.sch-title .go-back {
    position: relative;
}

.sch-title .thumbTitle {
    margin: 0 4% 0 0;
    line-height: 1.1;
    font-size: 28px;
}

@media all and (max-width: 560px) {
    .sch-title .thumbTitle {
        font-size: 18px;
    }
}

.scheduleSwiper .widget-live-channels .swiper-slide {
    cursor: pointer;
}

.scheduleSwiper .widget-live-channels .swiper-slide .thumbImage {
    padding-bottom: 60%;
}

@media all and (max-width: 560px) {
    .sch-col .stick {
        z-index: 11000000;
        top: 0;
    }
}

.scheduleFullContent {
    margin-top: 70px;
}

.scheduleFullContent #tabs,
.scheduleFullContent .tabs {
    max-width: 874px;
}

.scheduleFullPage {
    margin-top: 70px;
}

.scheduleFullPage .go-back {
    padding-left: 0;
}

.scheduleFullPage .thumbTiles.swiper {
    padding: 0;
}

.scheduleFullPage .fullsticky {
    padding: 0 4%;
}

@media all and (max-width: 850px) {
    .scheduleFullPage .fullsticky {
        padding: unset;
    }
}

.scheduleFullPage .schedule-column #categorii {
    position: unset;
    top: unset;
}

.infopage-title {
    display: flex;
    align-items: center;
    margin: 0 4% 0 -4%;
}

.infopage-title .go-back {
    position: relative;
}

.infopage-title h2 {
    margin: 0;
}

.content-infopage {
    min-height: calc(100vh - 190px);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.content-infopage .element {
    max-width: 450px;
    width: 100%;
}

.content-infopage .element .image {
    max-width: 300px;
    height: auto;
    margin: 0 auto 40px;
}

@media all and (max-width: 850px) {
    .content-infopage .element .image {
        max-width: 220px;
    }
}

.content-infopage .element .image img {
    width: 100%;
    height: auto;
}

.content-infopage .element .info {
    width: 100%;
    color: #ffffff;
}

.content-infopage .element .info .title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
}

@media all and (max-width: 850px) {
    .content-infopage .element .info .title {
        font-size: 22px;
    }
}

.content-infopage .element .info .description {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 300;
    letter-spacing: 0.2px;
}

@media all and (max-width: 850px) {
    .content-infopage .element .info .description {
        font-size: 16px;
    }
}

.content-infopage .element .main-cta {
    width: 100%;
    font-size: 20px;
    padding: 12px 20px;
    margin-top: 30px;
}

@media all and (max-width: 850px) {
    .content-infopage .element .main-cta {
        font-size: 16px;
    }
}

.content-infopage .element .main-cta.ghost-btn {
    margin-top: 16px;
}

.infopageSection.contact-error-message .image, .infopageSection.nointernet-error-message .image {
    max-width: 220px;
}

@media all and (max-width: 850px) {
    .infopageSection.contact-error-message .image, .infopageSection.nointernet-error-message .image {
        max-width: 140px;
    }
}

.infopageSection.title-off .content-infopage {
    margin-top: 165px;
}

@media all and (max-width: 850px) {
    .infopageSection.title-off .content-infopage {
        margin-top: 110px;
    }
}

.profileSection .inner,
.profile-header .inner {
    padding: 10px 20px;
    text-align: center;
}

.profileSection .main-cta,
.profile-header .main-cta {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
}

@media all and (max-width: 560px) {
    .profileSection .main-cta,
    .profile-header .main-cta {
        font-size: 16px;
    }
}

.profileSection .infobox-title,
.profile-header .infobox-title {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 16px;
}

@media all and (max-width: 560px) {
    .profileSection .infobox-title,
    .profile-header .infobox-title {
        font-size: 18px;
    }
}

.profileSection .infobox-description,
.profile-header .infobox-description {
    font-size: 18px;
}

@media all and (max-width: 560px) {
    .profileSection .infobox-description,
    .profile-header .infobox-description {
        font-size: 16px;
    }
}

.profile-header {
    background-color: #222222;
    border-radius: 0 0 24px 24px;
    padding: 30px 0;
    margin-bottom: 20px;
    position: relative;
}

@media all and (max-width: 560px) {
    .profile-header {
        padding: 20px 0;
    }
}

.profile-header.more {
    background-color: transparent;
    padding: 30px 0 0;
    margin-bottom: 16px;
}

@media all and (max-width: 560px) {
    .profile-header.more {
        padding: 12px 0 0;
        margin-bottom: 12px;
    }
}

.profile-header .profile-container {
    display: flex;
    justify-content: space-between;
}

@media all and (max-width: 850px) {
    .profile-header .single-tab {
        padding: 0 4%;
    }
}

.profile-header .account-info {
    display: flex;
    align-items: center;
    width: calc(100% - 30px);
}

.profile-header .account-info .logo-profile {
    margin-right: 16px;
    width: 60px;
    height: 60px;
}

@media all and (max-width: 560px) {
    .profile-header .account-info .logo-profile {
        width: 12vw;
        height: 12vw;
    }
}

.profile-header .account-info .logo-profile img {
    width: 100%;
    height: 100%;
}

.profile-header .account-info .name-and-email {
    width: calc(100% - 68px);
}

.profile-header .account-info .name-and-email p {
    color: #ffffff;
    margin: 0;
}

.profile-header .account-info .name-and-email .user-name {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
}

@media all and (max-width: 560px) {
    .profile-header .account-info .name-and-email .user-name {
        font-size: 4.5vw;
    }
}

.profile-header .account-info .name-and-email .user-email {
    font-size: 16px;
}

@media all and (max-width: 560px) {
    .profile-header .account-info .name-and-email .user-email {
        font-size: 3.4vw;
    }
}

.profile-header .edit-button {
    opacity: 0.5;
    width: 21px;
    height: 21px;
    margin-right: 16px;
}

@media all and (min-width: 850px) {
    .hover-header:hover {
        background-color: #333333;
    }
}

.profile-wrapper {
    min-height: calc(100vh - 110px);
}

@media all and (max-width: 850px) {
    .profile-wrapper {
        min-height: calc(100vh - 150px);
    }
}

.infobox {
    background-color: #222222;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 12px 4%;
    margin-left: -4%;
    margin-right: -4%;
}

@media all and (max-width: 560px) {
    .infobox {
        padding: 12px 0;
        margin-left: 0;
        margin-right: 0;
    }
}

.infobox .active-subscription {
    position: relative;
    padding: 14px 12px 14px 56px;
    cursor: pointer;
    border-radius: 4px;
}

@media all and (min-width: 850px) {
    .infobox .active-subscription:hover {
        background-color: #333333;
    }
}

.infobox .active-subscription p {
    margin: 0;
}

.infobox .active-subscription .infobox-title {
    color: #64D350;
    position: relative;
    margin-bottom: 8px;
}

.infobox .active-subscription .infobox-title::before {
    background-image: url(../images/icon-profile-abonament-activ.svg);
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 25px;
    height: 25px;
    left: -26px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.infobox .canceled-subscription {
    position: relative;
    border-radius: 4px;
}

.infobox .canceled-subscription p {
    margin: 0;
}

.infobox .canceled-subscription .infobox-title {
    color: #ea1d25;
    position: relative;
    margin-bottom: 8px;
    padding-left: 35px;
}

.infobox .canceled-subscription .infobox-title::before {
    background-image: url(../images/icon-profile-abonament-canceled.svg);
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 25px;
    height: 25px;
    left: 12px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.infobox .content-subscription {
    margin: -1px 20px 0;
    padding-top: 25px;
    border-top: 1px solid #333333;
}

.infobox .content-subscription .infobox-title {
    font-size: 16px;
    color: #ea1d25;
    text-transform: uppercase;
    font-weight: 400;
}

.infobox .content-subscription .infobox-description a {
    text-decoration: underline;
}

.infobox .content-subscription .infobox-description.small {
    font-size: 15px;
}

.infobox .content-subscription p.infobox-description {
    margin-bottom: 24px;
}

.infobox .content-subscription h1.infobox-description {
    margin-bottom: 6px;
    font-size: 24px;
    font-weight: 700;
}

@media all and (max-width: 560px) {
    .infobox .content-subscription h1.infobox-description {
        font-size: 22px;
    }
}

.infobox .content-subscription h6.infobox-description {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 700;
}

.infobox-title {
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 18px 0;
}

.infobox-description {
    color: #ffffff;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.2px;
    line-height: 1.3;
}

.infobox-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.infobox-list li {
    position: relative;
}

.infobox-list li a {
    padding: 14px 12px 14px 56px;
    color: #ffffff;
    display: block;
    font-size: 18px;
    border-radius: 4px;
}

@media all and (max-width: 560px) {
    .infobox-list li a {
        font-size: 16px;
    }
}

.infobox-list li a::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 18px;
    height: 18px;
    left: 30px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.infobox-list li a.lista-mea::before {
    background-image: url(../images/icon-heart.svg);
}

.infobox-list li a.mesaje-notificari::before {
    background-image: url(../images/icon-notifications.svg);
}

.infobox-list li a.preferinte::before {
    background-image: url(../images/icon-star.svg);
}

.infobox-list li a.autorizare-tv::before {
    background-image: url(../images/icon-profile-autorizare-tv.svg);
}

.infobox-list li a.schimba-parola::before {
    background-image: url(../images/icon-change-password.svg);
}

.infobox-list li a.setari::before {
    background-image: url(../images/icon-profile-setari.svg);
}

.infobox-list li a.mai-multe::before {
    background-image: url(../images/icon-profile-more.svg);
}

.infobox-list li a.trimite-mesaj::before {
    background-image: url(../images/icon-profile-trimite-mesaj.svg);
}

.infobox-list li a.intrebari::before {
    background-image: url(../images/icon-profile-intreaba.svg);
}

.infobox-list li a.cod-serviciu::before {
    background-image: url(../images/icon-profile-cod-serviciu.svg);
}

.infobox-list li a.evalueaza::before {
    background-image: url(../images/icon-profile-evalueaza-aplicatia.svg);
}

.infobox-list li a.cont-nou::before {
    background-image: url(../images/icon-profile-create-account.svg);
    height: 19px;
}

.infobox-list li a.termeni::before {
    background-image: url(../images/icon-profile-termeni.svg);
}

.infobox-list li a.politica::before {
    background-image: url(../images/icon-profile-politica-confidentialitate.svg);
}

.infobox-list li a.deconectare::before {
    background-image: url(../images/icon-logout.svg);
}

.infobox-list li a.sterge-cont::before {
    background-image: url(../images/icon-profile-sterge.svg);
}

@media all and (min-width: 850px) {
    .infobox-list li a:hover {
        background-color: #333333;
    }
}

.infobox .active-subscription::after,
.infobox-list li::after {
    background-image: url(../images/icon-chevron-right.svg);
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 15px;
    height: 15px;
    right: 16px;
    top: 50%;
    opacity: 0.5;
    transform: translate(-50%, -50%);
}

.infobox .active-subscription.default::after,
.infobox-list li.default::after {
    transform: rotate(90deg);
    right: 21px;
    top: 35%;
}

.infobox .active-subscription.default.less::after,
.infobox-list li.default.less::after {
    transform: rotate(-90deg);
    top: 40%;
}

.infobox .active-subscription::after {
    transform: rotate(90deg);
    right: 21px;
    top: 39%;
}

.infobox .active-subscription.less::after {
    transform: rotate(-90deg);
    top: 45%;
}

.warning-text p {
    color: #ea1d25;
}

.warning-text .infobox-description {
    font-weight: 400;
    margin-bottom: 0;
}

@media all and (max-width: 850px) {
    .customSection {
        padding: 0 4%;
        margin-top: 20px;
    }
}

.customSection a {
    text-decoration: underline;
}

.customSection ul, .customSection ol {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 30px;
}

.customSection ul li, .customSection ol li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    color: #ffffff;
}

.customSection ul li::before {
    content: " ";
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: #ea1d25;
    position: absolute;
    left: 0;
    top: 8px;
}

.customSection ol {
    counter-reset: li;
}

.customSection ol li {
    counter-increment: li;
}

.customSection ol li::before {
    content: counter(li);
    color: #ea1d25;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
}

.customSection .info-paragraph {
    margin-bottom: 30px;
}

.customSection .error, .customSection .errors {
    color: #ea1d25;
    margin-top: -6px;
    font-size: 15px;
    position: relative;
    padding-left: 23px;
    line-height: 1.2;
}

.customSection .error::before, .customSection .errors::before {
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url(../images/icon-info.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    left: 0;
    top: 1px;
}

.customSection .visible-warning {
    display: block;
    color: #ffffff;
    margin: 0px 0 23px;
    line-height: 1.3;
    font-size: 15px;
    position: relative;
    padding-left: 23px;
}

.customSection .visible-warning::before {
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url(../images/icon-info.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    left: 0;
    top: 1px;
}

.customSection .serviceCode {
    font-weight: 700;
    font-size: 60px;
    letter-spacing: 2px;
}

.customSection h2, .customSection p {
    color: #ffffff;
}

.customSection .title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 16px;
    line-height: 1.2;
}

@media all and (max-width: 850px) {
    .customSection .title {
        font-size: 28px;
        margin-bottom: 22px;
    }
}

.customSection .paragraph.main {
    font-size: 20px;
}

@media all and (max-width: 850px) {
    .customSection .paragraph.main {
        font-size: 18px;
    }
}

.customSection .paragraph.secondary {
    font-size: 18px;
}

@media all and (max-width: 850px) {
    .customSection .paragraph.secondary {
        font-size: 16px;
    }
}

.customSection button, .customSection .custom-button {
    background: none;
    color: #ffffff;
    padding: 0;
}

.customSection .main-cta {
    width: 100%;
    font-size: 20px;
    padding: 12px 20px;
    margin-top: 20px;
    text-decoration: none;
}

@media all and (max-width: 850px) {
    .customSection .main-cta {
        font-size: 16px;
    }
}

.customSection .success-msg {
    color: #64D350;
    position: relative;
    padding-left: 35px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}

.customSection .success-msg::before {
    background-image: url(../images/icon-profile-abonament-activ.svg);
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 25px;
    height: 25px;
    left: 0;
    top: -1px;
}

.customSection .forgot-pass {
    text-align: right;
    margin: 5px 0 20px;
    font-size: 16px;
}

.customSection .multiple-login {
    text-align: center;
    margin: 30px 0;
}

.customSection .multiple-login .login-choices {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -6px;
}

.customSection .multiple-login .login-choices .login-with {
    width: 72px;
    height: 72px;
    background-color: #ffffff;
    border-radius: 50%;
    margin: -10px 10px;
    border: 1px solid transparent;
}

@media all and (max-width: 560px) {
    .customSection .multiple-login .login-choices .login-with {
        width: 62px;
        height: 62px;
    }
}

@media all and (min-width: 850px) {
    .customSection .multiple-login .login-choices .login-with:hover {
        background-color: rgba(255, 255, 255, 0.9);
    }
}

.customSection .multiple-login .login-choices .login-with.icon {
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: center center;
}

@media all and (max-width: 560px) {
    .customSection .multiple-login .login-choices .login-with.icon {
        background-size: 30px;
    }
}

.customSection .multiple-login .login-choices .login-with.icon.apple {
    background-image: url(../images/login-apple.svg);
}

.customSection .multiple-login .login-choices .login-with.icon.facebook {
    background-image: url(../images/login-facebook.svg);
}

.customSection .multiple-login .login-choices .login-with.icon.orange {
    background-image: url(../images/login-orange.svg);
}

.customSection .login-create-account {
    text-align: center;
    margin-top: 80px;
}

.customSection .login-create-account .info-paragraph {
    margin-bottom: 0;
}

.customSection .login-create-account .main-cta {
    text-decoration: none;
    margin-top: 10px;
}

.sendMessage strong, .validation strong {
    color: #ea1d25;
}

.sendMessage .custom-button, .validation .custom-button {
    text-decoration: underline;
}

.validation .paragraph.main {
    position: relative;
    padding-bottom: 30px;
}

.validation .paragraph.main::after {
    content: " ";
    width: 200px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    bottom: 0;
    left: 0;
}

.validation .paragraph.secondary {
    margin-top: 20px;
}

.changePassword .custom-form {
    margin-top: 30px;
}

.smartTV .custom-form input {
    text-align: center;
}

.smartTV .custom-form input::-moz-placeholder {
    text-align: center;
}

.smartTV .custom-form input:-ms-input-placeholder {
    text-align: center;
}

.smartTV .custom-form input::placeholder {
    text-align: center;
}

.stergeCont p {
    margin-top: 10px;
}

.stergeCont .custom-form textarea {
    height: 94px;
}

.top-distance {
    padding: 50px 0;
}

@media all and (max-width: 850px) {
    .top-distance {
        padding: 25px 4%;
    }
}

.custom-form {
    position: relative;
}

.custom-form label {
    opacity: 0.6;
    font-size: 16px;
}

.custom-form input {
    background-color: #333333;
    border-radius: 8px;
    color: #ffffff;
    border: 1px solid transparent;
    font-size: 18px;
    padding: 12px 20px;
    margin: 0 0 14px;
    height: auto;
}

.custom-form input:focus {
    background-color: #454545;
}

.custom-form textarea {
    background-color: #333333;
    border-radius: 8px;
    height: 162px;
    padding: 20px;
    color: #ffffff;
    border: none;
    font-size: 18px;
    margin: 0 0 14px;
}

.custom-form textarea:focus {
    background-color: #454545;
}

.custom-form input::-moz-placeholder, .custom-form textarea::-moz-placeholder {
    color: #ffffff;
    opacity: 0.6;
}

.custom-form input:-ms-input-placeholder, .custom-form textarea:-ms-input-placeholder {
    color: #ffffff;
    opacity: 0.6;
}

.custom-form input::placeholder, .custom-form textarea::placeholder {
    color: #ffffff;
    opacity: 0.6;
}

.custom-form input[type=submit] {
    color: #ffffff;
    font-weight: 700;
    background-color: #ea1d25;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    width: 100%;
    height: auto;
    font-size: 20px;
    padding: 12px 20px;
    margin-top: 12px;
    border: 1px solid transparent;
    cursor: pointer;
}

@media all and (max-width: 850px) {
    .custom-form input[type=submit] {
        font-size: 16px;
    }
}

@media all and (min-width: 850px) {
    .custom-form input[type=submit]:hover {
        background-color: #d2141b;
    }
}

.custom-form input[type=submit].disabled {
    background-color: #A4141A;
    color: rgba(255, 255, 255, 0.7);
    cursor: initial;
}

.custom-form .flexbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.custom-form .flexbox .block-50 {
    width: 48.5%;
}

@media all and (max-width: 560px) {
    .custom-form .flexbox .block-50 {
        width: 100%;
    }
}

.custom-form .flexbox.check-container {
    flex-wrap: wrap;
}

.custom-form .check-container {
    margin: 30px 0;
}

.custom-form .check-container .error {
    margin-top: 5px;
}

.custom-form .check-wrap {
    position: relative;
    padding-left: 42px;
    margin-bottom: 24px;
    opacity: 1;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media all and (min-width: 850px) {
    .custom-form .check-wrap:hover input ~ .checkmark {
        background-color: #ffffff;
        border: 1px solid #ffffff;
    }
}

.custom-form .check-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.custom-form .check-wrap input:checked ~ .checkmark {
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.custom-form .check-wrap input:checked ~ .checkmark::after {
    display: block;
}

.custom-form .check-wrap .checkmark::after {
    left: 7px;
    top: 1px;
    width: 9px;
    height: 17px;
    border: solid #ea1d25;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.custom-form .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #ffffff;
    border-radius: 4px;
}

.custom-form .checkmark::after {
    content: "";
    position: absolute;
    display: none;
}

.custom-form .checkbox-text {
    width: 100%;
    font-size: 18px;
    margin-top: -5px;
    width: calc(100% - 42px);
}

@media all and (max-width: 560px) {
    .custom-form .checkbox-text {
        font-size: 16px;
    }
}

.custom-form .error {
    color: #ea1d25;
    margin-top: -6px;
    font-size: 15px;
    position: relative;
    padding-left: 23px;
    line-height: 1.2;
    display: none;
}

.custom-form .error::before {
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url(../images/icon-info.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    left: 0;
    top: 1px;
}

.custom-form .has-error input, .custom-form .has-error textarea, .custom-form .has-error .checkmark {
    border: 1px solid #ea1d25;
}

.custom-form .has-error .error {
    display: block;
}

.custom-form .pass-wrap {
    position: relative;
}

.custom-form .pass-wrap .eye-icon, .custom-form .pass-wrap .eye-icon-two {
    position: absolute;
    top: 19px;
    right: 20px;
    width: 27px;
    height: 22px;
    background-image: url(../images/icon-password-hidden.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.custom-form .pass-wrap .eye-icon img, .custom-form .pass-wrap .eye-icon-two img {
    width: 100%;
    height: auto;
}

.custom-form .pass-wrap input[type=password] + .eye-icon {
    background-image: url(../images/icon-password-hidden.svg);
    transition: none;
}

.custom-form .pass-wrap input[type=text] + .eye-icon {
    background-image: url(../images/icon-password-visible.svg);
    transition: none;
}

.custom-form .resend {
    margin: 40px 0 20px;
}

.custom-form .resend .text {
    margin-bottom: 0;
}

.custom-form .resend .text.question {
    font-size: 16px;
}

.custom-form .resend .text.timer {
    font-size: 18px;
    opacity: 0.5;
    font-weight: 700;
    margin-bottom: 30px;
    display: block;
}

.vertically-centered {
    min-height: calc(100vh - 300px);
    display: flex;
    justify-content: center;
    align-items: center;
}

dialog#favDialog:not([open]) {
    display: none;
}

dialog.modalDialog:not([open]) {
    display: none;
}

dialog.dialog-container {
    background-color: #333333;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    max-width: 600px;
    padding: 32px 30px 30px 30px;
    position: fixed;
    inset-block-start: 0px;
    inset-block-end: 0px;
    max-height: calc(100% - 6px - 2em);
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    visibility: visible;
    overflow: auto;
}

@media all and (max-width: 850px) {
    dialog.dialog-container {
        max-width: 555px;
        padding: 32px 24px 24px 24px;
    }
}

@media all and (max-width: 560px) {
    dialog.dialog-container {
        margin: auto 4%;
    }
}

dialog.dialog-container::-webkit-backdrop {
    background: rgba(22, 22, 22, 0.8);
}

dialog.dialog-container::backdrop {
    background: rgba(22, 22, 22, 0.8);
}

dialog.dialog-container .title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 16px;
}

@media all and (max-width: 850px) {
    dialog.dialog-container .title {
        font-size: 22px;
        margin-bottom: 22px;
    }
}

dialog.dialog-container .paragraph {
    font-size: 18px;
}

@media all and (max-width: 850px) {
    dialog.dialog-container .paragraph {
        font-size: 15px;
    }
}

dialog.dialog-container button {
    color: #ffffff;
    font-weight: 700;
    background-color: #ea1d25;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: 20px;
    padding: 12px 20px;
    margin-top: 12px;
    border: 1px solid transparent;
}

@media all and (max-width: 850px) {
    dialog.dialog-container button {
        font-size: 16px;
    }
}

@media all and (min-width: 850px) {
    dialog.dialog-container button:hover {
        background-color: #d2141b;
    }
}

dialog.dialog-container button.ghost-btn {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

@media all and (min-width: 850px) {
    dialog.dialog-container button.ghost-btn:hover {
        background-color: #454545;
    }
}

.modal-image {
    width: 120px;
    height: 120px;
    margin-bottom: 24px;
}

@media all and (max-width: 850px) {
    .modal-image {
        width: 100px;
        height: 100px;
    }
}

.modal-image img {
    width: 100%;
    height: auto;
}

#modalSupport,
.modalSupport {
    z-index: 9999999999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(22, 22, 22, 0.8);
    opacity: 1;
}

.preferences-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.preferences-container .item-pref {
    width: calc(33.3333% - 12px);
    margin: 0 6px 2%;
    position: relative;
    cursor: pointer;
}

@media all and (max-width: 560px) {
    .preferences-container .item-pref {
        width: calc(50% - 12px);
    }
}

@media all and (min-width: 850px) {
    .preferences-container .item-pref:hover .thumbImage {
        border: 2px solid #ea1d25;
    }
}

.preferences-container .item-pref input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 20;
}

.preferences-container .item-pref .thumbImage {
    height: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
    border: 2px solid transparent;
    border-radius: 16px;
    width: 100%;
    margin: 0;
    opacity: 1;
}

.preferences-container .item-pref .thumbImage .photoCover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.preferences-container .item-pref h5 {
    margin-top: 10px;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
}

@media all and (max-width: 560px) {
    .preferences-container .item-pref h5 {
        font-size: 16px;
    }
}

.preferences-container .item-pref.selected .thumbImage {
    border: 2px solid #ea1d25;
}

.preferences-container .item-pref.selected .thumbImage::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(22, 22, 22, 0.4);
    background-image: url(../images/icon-checked-red.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px;
}

@media all and (max-width: 560px) {
    .preferences-container .item-pref.selected .thumbImage::after {
        background-size: 50px;
    }
}

.item-pref:has(input:checked) .thumbImage {
    border: 2px solid #ea1d25;
}

.item-pref:has(input:checked) .thumbImage::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(22, 22, 22, 0.4);
    background-image: url(../images/icon-checked-red.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px;
}

.submit-preferences {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 30;
}

@media all and (max-width: 850px) {
    .submit-preferences {
        bottom: 58px;
    }
}

.submit-preferences input {
    position: relative;
    z-index: 10;
}

.submit-shadow {
    width: 100%;
    height: 70px;
    background-image: linear-gradient(to bottom, rgba(22, 22, 22, 0) 2%, rgb(22, 22, 22) 98%);
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    margin-top: -30px;
}

@media all and (max-width: 850px) {
    .submit-shadow {
        height: 60px;
        margin-top: -40px;
    }
}

.progress-bar {
    display: flex;
    margin: 0 auto;
}

.progress-bar .progress-item {
    position: relative;
    width: 24px;
    height: 24px;
    background-image: url(../images/icon-bullet-gray.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    margin: 0 25px;
}

.progress-bar .progress-item::after {
    position: absolute;
    content: " ";
    background-image: url(../images/icon-slider-detail-gray.svg);
    background-repeat: no-repeat;
    background-size: contain;
    left: 57%;
    width: 33px;
    height: 5px;
    top: 50%;
    transform: translate(57%, -50%);
}

.progress-bar .progress-item:last-child::after {
    background-image: none;
}

.progress-bar .progress-item.active {
    background-image: url(../images/icon-slider-current.svg);
    background-size: 24px;
}

.progress-bar .progress-item.completed {
    background-image: url(../images/icon-checked-red.svg);
    background-size: 14px;
}

.progress-bar .progress-item.completed::after {
    background-image: url(../images/icon-slider-detail-red.svg);
}

.abonamentSection {
    text-align: center;
    overflow: hidden;
}

.abonamentSection .title {
    font-size: 33px;
    margin-bottom: 0;
}

.abonamentSection .no-padd {
    margin-bottom: 0;
}

.subscriptionContainer .metode-abonare .item {
    width: 100%;
    margin: 30px 0 0;
    padding: 0;
}

.subscriptionContainer .metode-abonare .item:hover img {
    transform: none;
}

.subscriptionContainer .metode-abonare .item .icon-pay {
    padding: 15px;
    margin: 0 auto;
    border-radius: 8px;
    border: 2px solid #161616;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #222222;
    min-height: 350px;
}

@media all and (max-width: 560px) {
    .subscriptionContainer .metode-abonare .item .icon-pay {
        width: 100%;
        height: auto;
        padding: 15px 10px;
    }
}

.subscriptionContainer .metode-abonare .item .icon-pay.campaign-banner {
    margin-top: -10px;
    background: url("../images/abonament-banner-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    padding: 30px 16px;
}

.subscriptionContainer .metode-abonare .item .icon-pay .form-row input[type=checkbox] + label {
    width: fit-content;
}

.subscriptionContainer .metode-abonare .item .icon-pay.campaign-banner .ab__titlu {
    font-size: 17px;
}

@media all and (min-width: 560px) {
    .subscriptionContainer .metode-abonare .item .icon-pay.campaign-banner .ab__titlu {
        font-size: 21px;
    }
}


.subscriptionContainer .metode-abonare .item .icon-pay .symbol {
    width: 40px;
    margin-bottom: 20px;
}

.subscriptionContainer .metode-abonare .item .icon-pay .ab__titlu,
.subscriptionContainer .metode-abonare .item .icon-pay .ab__titlu span {
    font-size: 21px;
    color: #EA1D25;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 10px;
    text-align: center;
}

.subscriptionContainer .metode-abonare .item .icon-pay .ab__pret {
    font-size: 26px;
    line-height: 1.1;
    position: relative;
    padding: 5px 0 15px;
    text-align: left;
}

.subscriptionContainer .metode-abonare .item .icon-pay .ab__pret .old-price {
    text-decoration: line-through;
    color: #D5D5D5;
    position: absolute;
    top: -20px;
    font-size: 16px;
}

.subscriptionContainer .metode-abonare .item .icon-pay .ab__mobilpay {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    font-size: 15px;
    margin: 25px 0 30px;
}

.subscriptionContainer .metode-abonare .item .icon-pay .ab__mobilpay img {
    width: 78px;
    margin-top: 5px;
}

.subscriptionContainer .metode-abonare .item .icon-pay .main-cta {
    margin: 0 auto;
    background-color: #161616;
}

.subscriptionContainer .coduri {
    margin-bottom: 40px;
}

.subscriptionContainer .coduri .sms-code {
    padding-bottom: 50px;
}

.subscriptionContainer .coduri .voucher-code {
    padding-top: 40px;
}

.subscriptionContainer .coduri .sms-code, .subscriptionContainer .coduri .voucher-code {
    background-color: #222222;
    margin: 20px 0;
    padding: 40px 30px;
    border-radius: 8px;
}

@media all and (max-width: 850px) {
    .subscriptionContainer .coduri .sms-code, .subscriptionContainer .coduri .voucher-code {
        margin: 20px 0;
        padding: 30px 20px;
    }
}

.subscriptionContainer .coduri .error {
    text-align: left;
    margin-bottom: 0;
}

.subscriptionContainer .via-others {
    /*margin-bottom: 40px;*/
    padding: 40px 0;
    background-color: #222222;
    border-radius: 8px;
    padding: 40px 30px;
}

@media all and (max-width: 850px) {
    .subscriptionContainer .via-others {
        padding: 30px 20px;
    }
}

.subscriptionContainer .via-others .metode-abonare {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 30px;
}

.subscriptionContainer .via-others .metode-abonare a {
    text-decoration: none;
}

.subscriptionContainer .via-others .metode-abonare .item {
    margin: 0;
    padding: 0;
    width: 48%;
    height: auto;
    display: block;
}

.subscriptionContainer .via-others .metode-abonare .item p {
    margin-top: 16px;
    margin-bottom: 0;
    line-height: 1.3;
}

.subscriptionContainer .via-others .metode-abonare .item .provider {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ffffff;
    width: 100%;
    height: 150px;
    border-radius: 24px;
    border: 6px solid transparent;
}

.subscriptionContainer .via-others .metode-abonare .item .provider.paypal {
    background-image: url(../images/pay-pal.svg);
    background-size: 140px;
}

.subscriptionContainer .via-others .metode-abonare .item .provider.orange {
    background-image: url(../images/logo-orange.svg);
    background-size: 90px;
}

@media all and (min-width: 850px) {
    .subscriptionContainer .via-others .metode-abonare .item .provider.orange:hover {
        border: 6px solid #ff7900;
    }
}

.subscriptionContainer .via-others .metode-abonare .js-pay p {
    color: #009ae1;
}

@media all and (min-width: 850px) {
    .subscriptionContainer .via-others .metode-abonare .js-pay:hover .provider {
        border: 6px solid #009ae1;
    }
}

.subscriptionContainer .via-others .metode-abonare .orange p {
    color: #ff7900;
}

@media all and (min-width: 850px) {
    .subscriptionContainer .via-others .metode-abonare .orange:hover .provider {
        border: 6px solid #ff7900;
    }
}

.subscriptionContainer .coduri h4, .subscriptionContainer .via-others h4 {
    font-size: 22px;
    margin-bottom: 16px;
}

@media all and (max-width: 850px) {
    .subscriptionContainer .coduri h4, .subscriptionContainer .via-others h4 {
        font-size: 20px;
    }
}

.thumbSection {
    margin-bottom: 3%;
}

@media all and (max-width: 560px) {
    .thumbSection {
        margin-bottom: 7%;
    }
}

.thumbTitle {
    font-size: 2vw;
    font-weight: 700;
    color: #ffffff;
    margin: 0 4% 4px;
}

@media all and (max-width: 850px) {
    .thumbTitle {
        font-size: 20px;
        margin: 0 4% 16px;
        line-height: 0.8;
    }
}

.thumbTiles.swiper-container {
    padding: 0 4%;
    position: relative;
    overflow: hidden;
}

.thumbTiles.swiper-container::-webkit-scrollbar {
    display: none;
}

.thumbTiles.swiper {
    padding: 0 4%;
    position: relative;
    overflow: hidden;
}

.thumbTiles.swiper::-webkit-scrollbar {
    display: none;
}

.thumbTile {
    width: 20%;
}

.thumbTiles .swiper-button-prev,
.thumbTiles .swiper-button-next {
    height: 100%;
    width: 4%;
    width: calc(4% - 5px);
    top: 0;
    bottom: 0;
    margin: 0;
    background-color: rgba(20, 20, 20, 0.5);
}

.thumbTiles .swiper-button-prev {
    left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.thumbTiles .swiper-button-next {
    right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.thumbTiles .swiper-button-prev::after,
.thumbTiles .swiper-button-next::after {
    color: #fff;
    font-size: 2.4vw;
    font-weight: 700;
    transition: transform 0.1s ease-out;
    display: none;
}

.thumbTiles .swiper-button-prev:hover::after,
.thumbTiles .swiper-button-next:hover::after {
    transform: scale(1.25);
}

.thumbTiles:hover .swiper-button-prev::after,
.thumbTiles:hover .swiper-button-next::after {
    display: block;
}

@media all and (max-width: 560px) {
    .thumbTiles .swiper-button-prev,
    .thumbTiles .swiper-button-next {
        display: none;
    }
}

.full__link {
    text-indent: -9999px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
}

.mySwiper .full__link {
    z-index: 999999 !important;
}

.mySwiper a {
    z-index: 999999 !important;
}

.swiper-wrapper {
    height: auto;
}

.test {
    position: relative;
    width: 100%;
    height: 100%;
}

.swiper-slide {
    height: 100%;
}

.swiper-slide .thumbImage {
    height: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 119%;
}

.swiper-slide .thumbImage::after {
    width: 100%;
    height: 15vw;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.4) 90%);
    position: absolute;
    bottom: 0;
    content: "";
}

.swiper-slide .thumbImage .logo {
    position: absolute;
    width: 70%;
    height: 35%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -5%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.swiper-slide .thumbImage .logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.swiper-slide .thumbImage .photoCover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    border-radius: 4px;
}

.swiper-slide h5 {
    font-size: 1.6vw;
    margin: 4% 0 0;
    padding: 0 6% 0 0;
    line-height: 1.2;
    font-weight: 400;
    color: white;
}

@media all and (max-width: 850px) {
    .swiper-slide h5 {
        font-size: 2.4vw;
    }
}

@media all and (max-width: 560px) {
    .swiper-slide h5 {
        font-size: 4vw;
        margin: 5% 0 0;
    }
}

.swiper-slide span {
    padding: 0 6% 0 0;
    margin: 4% 0 0;
    font-size: 1.1vw;
    font-weight: 300;
    line-height: 1;
    display: block;
    color: white;
}

@media all and (max-width: 850px) {
    .swiper-slide span {
        font-size: 1.6vw;
        line-height: 1.2;
    }
}

@media all and (max-width: 560px) {
    .swiper-slide span {
        font-size: 3.2vw;
    }
}

.liveSection {
    margin-top: -3.4vw;
    z-index: 888899;
    position: relative;
}

@media all and (max-width: 560px) {
    .liveSection {
        margin-top: 0;
    }
}

.liveSection.livePage {
    margin-top: 20px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

@media all and (max-width: 560px) {
    .liveSection.livePage {
        margin-top: 20px;
    }
}

.liveSection .card-suggested {
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 1px solid #ffffff;
    border-radius: 4px;
}

@media all and (min-width: 850px) {
    .liveSection .card-suggested:hover {
        border: 1px solid #ea1d25;
    }
}

.livePage .widget-live-channels .swiper-slide .thumbImage {
    opacity: 0.6;
}

@media all and (max-width: 1630px) {
    .livePage .widget-live-channels .swiper-slide .thumbImage {
        padding-bottom: 60%;
    }
}

.livePage .widget-live-channels .swiper-slide.current-live-page .thumbImage {
    opacity: 1;
    border: 1px solid #ea1d25;
}

@media all and (min-width: 560px) {
    .livePage .widget-live-channels .swiper-slide:hover .thumbImage {
        opacity: 1;
    }
}

.widget-live-channels .swiper-slide .thumbImage {
    border: 1px solid #ffffff;
    border-radius: 4px;
}

.widget-live-channels .swiper-slide .thumbImage::after {
    background-image: unset;
}

.widget-live-channels .swiper-slide .thumbImage .logo {
    /*top: 18%;*/
    top: 0%;
    right: 12%;
    /*bottom: 18%;*/
    bottom: 0%;
    left: 12%;
    width: auto;
    height: auto;
    transform: unset;
}

.widget-tall .swiper-slide .thumbImage {
    padding-bottom: 169%;
}

.widget-tall .logo {
    position: absolute;
    width: 70%;
    height: 70%;
    z-index: 20;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, -5%);
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.widget-tall .container {
    padding-bottom: 169%;
    margin: 0;
    border-radius: 12px;
}

.widget-short .item {
    position: relative;
}

@media all and (max-width: 560px) {
    .widget-short .item {
        width: 34vw !important;
    }
}

.widget-short .container {
    padding-bottom: 119%;
    margin: 0 0 4%;
}

.widget-short.text-under h5 {
    margin-bottom: 5px;
    padding: 0 6%;
    line-height: 1;
    font-size: 25px;
    font-weight: 700;
}

@media all and (max-width: 1630px) {
    .widget-short.text-under h5 {
        font-size: 1.7vw !important;
    }
}

@media all and (max-width: 560px) {
    .widget-short.text-under h5 {
        font-size: 3.5vw !important;
        margin-bottom: 3px;
    }
}

.widget-short.text-under span {
    padding: 0 6%;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    display: block;
}

@media all and (max-width: 1630px) {
    .widget-short.text-under span {
        font-size: 1.1vw !important;
    }
}

@media all and (max-width: 560px) {
    .widget-short.text-under span {
        font-size: 3.3vw !important;
    }
}

.widget-short.text-bottom .container {
    margin: 0;
}

.widget-short.text-bottom .container::after {
    width: 100%;
    height: 15vw;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.6) 80%);
    position: absolute;
    bottom: 0;
    content: "";
}

@media all and (max-width: 560px) {
    .widget-short.text-bottom .container::after {
        height: 20vw;
    }
}

.widget-short.text-bottom .text-container {
    position: absolute;
    width: 87%;
    height: 38%;
    z-index: 20;
    bottom: 4%;
    left: 50%;
    transform: translate(-50%, -4%);
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.widget-short.text-bottom .text-container h5 {
    text-transform: uppercase;
    margin-bottom: 4px;
    padding: 0;
    flex: none;
    line-height: 1;
    font-size: 25px;
}

@media all and (max-width: 1630px) {
    .widget-short.text-bottom .text-container h5 {
        font-size: 1.7vw !important;
    }
}

@media all and (max-width: 560px) {
    .widget-short.text-bottom .text-container h5 {
        font-size: 3.5vw !important;
        margin-bottom: 1px;
    }
}

.widget-short.text-bottom .text-container span {
    font-size: 14px;
    line-height: 1;
}

@media all and (max-width: 1630px) {
    .widget-short.text-bottom .text-container span {
        font-size: 1.1vw !important;
    }
}

@media all and (max-width: 560px) {
    .widget-short.text-bottom .text-container span {
        font-size: 3vw !important;
    }
}

.widget-short.title-only h5 {
    font-size: 25px;
    padding: 0 6%;
}

@media all and (max-width: 1630px) {
    .widget-short.title-only h5 {
        font-size: 1.7vw !important;
    }
}

@media all and (max-width: 560px) {
    .widget-short.title-only h5 {
        font-size: 3.3vw !important;
    }
}

.widget-short.plus-logo .logo {
    position: absolute;
    width: 55%;
    height: 55%;
    z-index: 20;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, -5%);
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.widget-short.plus-logo .container {
    padding-bottom: 119%;
    margin: 0;
}

.widget-short .swiper-slide .thumbImage {
    padding-bottom: 119%;
}

.continue-watching .play-episode {
    width: 3.5vw;
    height: 3.5vw;
    background-size: 4vw;
}

@media all and (max-width: 1110px) {
    .continue-watching .play-episode {
        width: 6vw;
        height: 6vw;
        background-size: 7vw;
    }
}

@media all and (max-width: 560px) {
    .continue-watching .play-episode {
        width: 10vw;
        height: 10vw;
        background-size: 10.5vw;
    }
}

.continue-watching .swiper-slide {
    display: flex;
    flex-direction: column;
    height: auto;
}

@media all and (min-width: 850px) {
    .continue-watching .swiper-slide:hover .play-episode {
        background-color: rgba(22, 22, 22, 0.6);
    }
}

.continue-watching .swiper-slide .thumbImage {
    padding-bottom: 56.25%;
    position: relative;
    border-radius: 6px;
}

.continue-watching .swiper-slide .thumbImage::after {
    background: none;
    transition: none;
}

.continue-watching .swiper-slide .thumbImage .progress-bar {
    position: absolute;
    height: 4px;
    width: 100%;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.continue-watching .swiper-slide .thumbImage .progress-bar .progress {
    position: absolute;
    height: 4px;
    background-color: #ea1d25;
    bottom: 0;
    z-index: 20;
}

.continue-watching .swiper-slide .thumbImage .photoCover {
    border-radius: 4px 4px 0 0;
    -o-object-position: right center;
    object-position: right center;
}

.continue-watching .swiper-slide .title-box {
    display: flex;
    background-color: #333333;
    border-radius: 0 0 4px 4px;
    flex: 1;
    cursor: default;
}

.continue-watching .swiper-slide .title-box h5 {
    margin: 0;
    padding: 6%;
    font-size: 1.3vw;
}

@media all and (max-width: 850px) {
    .continue-watching .swiper-slide .title-box h5 {
        font-size: 2vw;
    }
}

@media all and (max-width: 560px) {
    .continue-watching .swiper-slide .title-box h5 {
        font-size: 4vw;
    }
}

.widget-lista-mea .add-to-list {
    left: 6px;
}


@media all and (max-width: 1110px) {
    .single-show-widget {
        padding: 5vw 0;
    }
}

@media all and (max-width: 560px) {
    .single-show-widget {
        margin: 6% 0;
    }
}

.single-show-widget .preview-trailer .trailer-content-wrapper::after {
    height: 170px;
}

@media all and (max-width: 850px) {
    .episodes-wrapper {
        padding: 0 4%;
    }
}

.episodes-wrapper .container {
    padding-bottom: 119%;
    margin: 0;
    border-radius: 10px;
}

.episodes-wrapper .container::after {
    width: 100%;
    height: 15vw;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.6) 80%);
    position: absolute;
    bottom: 0;
    content: "";
    border-radius: 10px;
}

@media all and (max-width: 560px) {
    .episodes-wrapper .container::after {
        height: 20vw;
        border-radius: 5px;
    }
}

.episodes-wrapper .text-container {
    position: absolute;
    width: 87%;
    height: 38%;
    z-index: 20;
    bottom: 4%;
    left: 50%;
    transform: translate(-50%, -4%);
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.episodes-wrapper .text-container h5 {
    margin-bottom: 4px;
    padding: 0;
    flex: none;
    line-height: 1;
    font-size: 25px;
}

@media all and (max-width: 1630px) {
    .episodes-wrapper .text-container h5 {
        font-size: 1.7vw !important;
    }
}

@media all and (max-width: 560px) {
    .episodes-wrapper .text-container h5 {
        font-size: 3.5vw !important;
        margin-bottom: 1px;
    }
}

.episodes-wrapper .text-container span {
    font-size: 14px;
    line-height: 1;
}

@media all and (max-width: 1630px) {
    .episodes-wrapper .text-container span {
        font-size: 1.1vw !important;
    }
}

@media all and (max-width: 560px) {
    .episodes-wrapper .text-container span {
        font-size: 3vw !important;
    }
}

.showCard {
    display: block;
    position: relative;
    width: 25vw;
    margin-right: 16px;
    /*margin-right: 55px;*/
    z-index: 200;
}

/*@media only screen and (max-width: 1629px) and (min-width: 1350px) {
    .showCard {
        margin-right: 90px;
    }
}

@media all and (max-width: 1300px) {
    .showCard {
        margin-right: 72px;
    }
}

@media all and (max-width: 1200px) {
    .showCard {
        margin-right: 82px;
    }
}

@media all and (max-width: 1120px) {
    .showCard {
        margin-right: 92px;
    }
}*/

@media all and (max-width: 1110px) {
    .showCard {
        display: none;
    }
}

.showCard .thumbImage {
    height: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 119%;
}

.showCard .thumbImage::after {
    width: 100%;
    height: 15vw;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.4) 90%);
    position: absolute;
    bottom: 0;
    content: "";
}

.showCard .thumbImage .logo {
    position: absolute;
    width: 70%;
    height: 35%;
    z-index: 20;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -5%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.showCard .thumbImage .logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.showCard .thumbImage .photoCover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    border-radius: 4px;
}

.showCard::after {
    position: absolute;
    background-color: #222222;
    left: -200px;
    z-index: -1;
    width: calc(104% + 200px);
    content: " ";
    top: 0;
    height: 100%;
}

.showInfo {
    width: calc(100% - 25vw);
}

@media all and (max-width: 1110px) {
    .showInfo {
        width: 100%;
    }
}

.showInfo .short-description {
    max-width: 850px;
    margin-bottom: 20px;
    margin-left: 4%;
}

@media all and (max-width: 1110px) {
    .showInfo .short-description {
        padding: 0 4%;
        margin-left: 0;
    }
}

.showInfo .short-description h3 {
    font-size: 2.5vw;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 8px;
    color: #ffffff;
    max-width: 63vw;
}

@media all and (max-width: 1110px) {
    .showInfo .short-description h3 {
        font-size: 20px;
    }
}

.showInfo .short-description p {
    font-size: 1.2vw;
    font-weight: 300;
    margin-bottom: 8px;
    line-height: 1.2;
    color: #ffffff;
}

@media all and (max-width: 1110px) {
    .showInfo .short-description p {
        font-size: 16px;
    }
}

@media all and (max-width: 560px) {
    .showInfo .short-description p {
        font-size: 14px;
    }
}

.showInfo .thumbSection {
    overflow-x: hidden;
    min-height: 100%;
    /* padding-top: 20px; */
}

.showInfo .thumbSection .thumbImage {
    margin-bottom: 0;
    border-radius: 4px;
}

.showInfo .thumbSection .thumbImage::after {
    /* background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 80%);*/
    background-image: none;
    height: 15vw;
}

@media all and (max-width: 560px) {
    .showInfo .thumbSection .thumbImage::after {
        /*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 70%);*/
        background-image: none;
        height: 28vw;
    }
}

.showInfo .thumbSection .thumbImage .text-container {
    position: absolute;
    width: 87%;
    z-index: 20;
    bottom: 4%;
    left: 50%;
    transform: translate(-50%, -4%);
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.showInfo .thumbSection .thumbImage .text-container h5 {
    padding: 0;
    flex: none;
    font-size: 20px;
    font-weight: 700;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    line-height: 1.1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media all and (max-width: 1110px) {
    .showInfo .thumbSection .thumbImage .text-container h5 {
        font-size: 18px;
    }
}

@media all and (max-width: 850px) {
    .showInfo .thumbSection .thumbImage .text-container h5 {
        font-size: 16px;
    }
}

@media all and (max-width: 560px) {
    .showInfo .thumbSection .thumbImage .text-container h5 {
        font-size: 3.5vw;
    }
}

.showInfo .thumbSection .thumbImage .text-container span {
    line-height: 1;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media all and (max-width: 850px) {
    .showInfo .thumbSection .thumbImage .text-container span {
        font-size: 14px;
    }
}

@media all and (max-width: 560px) {
    .showInfo .thumbSection .thumbImage .text-container span {
        font-size: 3.2vw;
    }
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #ffffff;
    width: 12px;
    height: 12px;
    margin: 0 6px;
    padding: 5px;
    opacity: 0.2;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #ea1d25;
    opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #ea1d25;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px;
}

@media all and (max-width: 560px) {
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 60px;
    }
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    color: white;
}

@media all and (max-width: 560px) {
    .swiper .hero-text-new {
        bottom: 75px;
    }
}

footer {
    color: #ffffff;
    background-color: #333333;
    padding: 50px 0 70px;
    margin-top: 50px;
}

@media all and (max-width: 850px) {
    footer {
        padding: 20px 0 100px;
    }
}

footer .social-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

footer .logo-footer {
    width: 40vw;
    height: 32px;
    background-image: url(../images/logoV2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    filter: grayscale(100%);
}

footer .social {
    display: flex;
    margin-bottom: 40px;
}

footer .social img {
    height: 30px;
    margin-left: 12px;
}

@media all and (max-width: 560px) {
    footer .social img {
        width: 6vw;
        margin-left: 4vw;
    }
}

footer .apps-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: baseline;
}

@media all and (max-width: 850px) {
    footer .apps-flex {
        flex-wrap: wrap;
    }
}

footer .apps {
    width: 60%;
    margin-bottom: 40px;
}

@media all and (max-width: 850px) {
    footer .apps {
        width: 100%;
    }
}

footer .apps .title {
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 25px;
}

@media all and (max-width: 560px) {
    footer .apps .title {
        font-size: 16px;
        margin-bottom: 1vw;
    }
}

footer .apps .apps-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
}

@media all and (max-width: 850px) {
    footer .apps .apps-inner {
        justify-content: space-between;
    }
}

footer .apps .apps-inner a:hover span {
    text-decoration: underline;
}

footer .apps .footer-item {
    width: 13%;
    padding: 0 17px;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    box-sizing: content-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media all and (max-width: 850px) {
    footer .apps .footer-item {
        width: 18%;
        padding: 20px 0;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
}

@media all and (max-width: 560px) {
    footer .apps .footer-item {
        padding: 20px 0 0;
    }
}

footer .apps .footer-item:first-child {
    padding-left: 0;
}

footer .apps .footer-item:last-child {
    border-right: none;
    padding-right: 0;
}

footer .apps .footer-item span {
    font-size: 14px;
    height: 50px;
    line-height: 1.1;
    margin-top: 15px;
    display: block;
    color: #ffffff;
}

@media all and (max-width: 1110px) {
    footer .apps .footer-item span {
        font-size: 1.3vw;
    }
}

@media all and (max-width: 850px) {
    footer .apps .footer-item span {
        font-size: 2vw;
    }
}

@media all and (max-width: 560px) {
    footer .apps .footer-item span {
        font-size: 3vw;
        margin-top: 10px;
        height: 7vh;
    }
}

footer .apps .footer-item .app-image {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    width: 88px;
    height: 58px;
}

@media all and (max-width: 1110px) {
    footer .apps .footer-item .app-image {
        width: 11vw;
        height: 5vw;
    }
}

@media all and (max-width: 850px) {
    footer .apps .footer-item .app-image {
        width: 14vw;
        height: 7vw;
    }
}

@media all and (max-width: 560px) {
    footer .apps .footer-item .app-image {
        width: 14vw;
        height: 9.5vw;
    }
}

footer .apps .footer-item .laptop-desktop {
    background-image: url(../images/icon-laptop-desktop.svg);
}

footer .apps .footer-item .apple {
    background-image: url(../images/icon-apple.svg);
}

footer .apps .footer-item .android {
    background-image: url(../images/icon-android.svg);
}

footer .apps .footer-item .huawei {
    background-image: url(../images/icon-huawei.svg);
}

footer .apps .footer-item .smarttv {
    background-image: url(../images/icon-smarttv.svg);
}

footer .links {
    width: 40%;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media all and (max-width: 850px) {
    footer .links {
        width: 100%;
        text-align: left;
        margin-bottom: 30px;
        justify-content: flex-start;
    }
}

@media all and (max-width: 560px) {
    footer .links {
        font-size: 3.5vw;
    }
}

footer .links .program-footer {
    text-transform: uppercase;
    text-decoration: underline;
    width: 100%;
    margin-bottom: 25px;
}

@media all and (max-width: 560px) {
    footer .links .program-footer {
        margin-bottom: 16px;
    }
}

footer .links ul {
    width: 65%;
    list-style-type: none;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

@media all and (max-width: 850px) {
    footer .links ul {
        font-size: 2vw;
        width: 50%;
    }
}

@media all and (max-width: 560px) {
    footer .links ul {
        font-size: 3.3vw;
        width: 65%;
    }
}

footer .links ul:last-child {
    width: 35%;
}

footer .links ul li {
    color: #ffffff;
}

footer .links ul li a {
    display: inline-block;
    margin-bottom: 5px;
    color: #ffffff;
}

@media all and (max-width: 560px) {
    footer .links ul li a {
        margin-bottom: 3vw;
    }
}

footer .links ul li a:hover {
    text-decoration: underline;
}

footer .copyrights {
    font-size: 14px;
    font-weight: 700;
}

@media all and (max-width: 560px) {
    footer .copyrights {
        font-size: 3.3vw;
    }
}

.service-code-new {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid #ea1d25;
    color: #ea1d25;
    padding: 12px 0;
    border-radius: 100px;
    display: inline-block;
    margin: 0 0 30px;
    letter-spacing: 0.5px;
    width: 170px;
    text-align: center;
}

#playerHolder {
    position: relative;
    margin: 0 auto;
}

.play-resume {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
}

@media all and (max-width: 1279px) {
    .play-resume {
        height: 56.25vw;
    }
}

@media all and (max-width: 560px) {
    .video-container, .video-container.video-live {
        height: 90vw !important;
    }

    #playerHolder {
        -ms-transform: translateY(30%);
        transform: translateY(30%);
    }
}

.res-inner {
    width: 500px;
    height: auto;
    margin: auto;
    background-color: #333333;
    padding: 40px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 16px;
    transform: translate(-50%, -65%);
    position: absolute;
    left: 50%;
    top: 50%;
}

@media all and (max-width: 560px) {
    .res-inner {
        width: 80%;
        padding: 15px;
        transform: translate(-50%, -30%);
    }
}

.res-inner p {
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 0;
}

.res-inner #start-video {
    margin-top: 25px;
    display: inline-block;
    color: #ea1d25;
    text-decoration: underline;
}

.res-inner #start-video:hover {
    color: #ea1d25;
}

.pr-btn {
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #ffffff;
    padding: 18px 20px 20px 100px;
    border-radius: 100px;
    background-repeat: no-repeat;
    background-color: #ea1d25;
    background-size: 40px 40px;
    background-position: 15px center;
    border: 1px solid transparent;
}

@media all and (max-width: 560px) {
    .pr-btn {
        font-size: 14px;
        padding: 10px;
        background-size: 30px 30px;
        background-position: 5px center;
    }
}

.pr-btn.play-res {
    background-image: url(../images/icon-play-logo.svg);
}

@media all and (min-width: 850px) {
    .pr-btn.play-res:hover {
        background-color: #d2141b;
    }
}

.pr-btn.play-back {
    background-image: url(../images/icon-reply.svg);
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: 15px;
}

@media all and (max-width: 560px) {
    .pr-btn.play-back {
        margin-top: 8px;
    }
}

@media all and (min-width: 850px) {
    .pr-btn.play-back:hover {
        background-color: #454545;
    }
}

.pr-btn.subscr {
    background-image: none;
    padding-left: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #ea1d25;
    border: transparent;
}

@media all and (min-width: 850px) {
    .pr-btn.subscr:hover {
        background-color: #d2141b;
    }
}

.subscribe-area {
    width: 100%;
    height: 0;
    padding-bottom: 52vw;
    overflow: hidden;
    position: relative;
    z-index: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    color: #d2141b;
    margin: 6% 0 3%;
}

@media all and (max-width: 850px) {
    .subscribe-area {
        padding-bottom: 84vw;
        margin: 8% 0;
    }
}

.subscribe-area img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.subscribe-area .main-cta {
    position: absolute;
    bottom: 6vw;
    z-index: 20;
    font-size: 1.333vw;
    padding: 0.8vw 2.2vw;
    display: inline-block;
}

@media all and (max-width: 850px) {
    .subscribe-area .main-cta {
        font-size: 18px;
        padding: 6px 30px;
    }
}

.subscribe-area.short-version {
    padding-bottom: 41vw;
}

@media all and (max-width: 850px) {
    .subscribe-area.short-version {
        padding-bottom: 64vw;
    }
}

.subscribe-area.preferinte {
    padding-bottom: 40vw;
    margin: 3% 0;
}

@media all and (max-width: 560px) {
    .subscribe-area.preferinte {
        padding-bottom: 84vw;
        margin: 4% 0 8%;
    }
}

.subscribe-area.preferinte .text-box {
    position: absolute;
    z-index: 11;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 58%;
    color: #ffffff;
    padding: 0 9%;
}

@media all and (max-width: 850px) {
    .subscribe-area.preferinte .text-box {
        top: 35%;
    }
}

@media all and (max-width: 560px) {
    .subscribe-area.preferinte .text-box {
        max-width: 500px;
        width: 100%;
        top: 40%;
    }
}

.subscribe-area.preferinte .text-box .icon {
    width: 7vw;
    height: 7vw;
    margin: 0 auto 10px;
}

@media all and (max-width: 560px) {
    .subscribe-area.preferinte .text-box .icon {
        width: 70px;
        height: 70px;
        background-size: 40px 40px;
    }
}

.subscribe-area.preferinte .text-box .icon img {
    width: 100%;
    height: auto;
    position: relative;
}

.subscribe-area.preferinte .text-box .title {
    font-size: 2.8vw;
    font-weight: 700;
    margin-bottom: 8px;
}

@media all and (max-width: 560px) {
    .subscribe-area.preferinte .text-box .title {
        font-size: 20px;
    }
}

.subscribe-area.preferinte .text-box .description {
    font-size: 2vw;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 1.2;
}

@media all and (max-width: 560px) {
    .subscribe-area.preferinte .text-box .description {
        font-size: 18px;
    }
}

.subscribe-area.preferinte::after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 9;
}

.subscribe-area.preferinte .main-cta {
    bottom: 10vw;
}

@media all and (max-width: 850px) {
    .subscribe-area.preferinte .main-cta {
        bottom: 6vw;
    }
}

@media all and (max-width: 560px) {
    .subscribe-area.preferinte .main-cta {
        bottom: 10vw;
    }
}

.no-flex .header {
    display: block;
}

.no-flex .header .meniu li {
    display: inline-block;
    vertical-align: top;
}

.no-flex .header .meniu li input[type=search] {
    display: inline-block;
    vertical-align: top;
}

.no-flex .header .meniu li input[type=search]:focus {
    padding: 8px 15px 11px 20px;
}

.no-flex .header .meniu li label {
    display: inline-block;
    vertical-align: top;
}

.no-flex .listings-wrapper section {
    display: block;
}

.no-flex .buton-vezi,
.no-flex .buton-adauga {
    display: block;
}

.no-flex .buton-vezi svg,
.no-flex .buton-adauga svg {
    display: inline-block;
    vertical-align: middle;
}

.no-flex .buton-vezi span,
.no-flex .buton-adauga span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
}

.no-flex .listings-wrapper section.episoade-cu-selector .slide-left,
.no-flex .listings-wrapper section.episoade-cu-selector .slide-right {
    display: none;
}

.no-flex .listings-wrapper section .slider-container {
    display: block;
}

.no-flex .listings-wrapper section .slider-wrapper {
    display: block;
}

.no-flex .listings-wrapper .item {
    width: 18.9%;
    display: inline-block;
    margin-bottom: 15px;
}

.no-flex .listings-wrapper section.shows-listing.pagina-emisiuni {
    padding-right: 0;
}

.no-flex .listings-wrapper section.shows-listing.pagina-emisiuni .wrapper {
    display: block;
}

.no-flex .listings-wrapper section.shows-listing.pagina-emisiuni .item {
    width: 18.9%;
}

.no-flex .listings-wrapper section .slide-left,
.no-flex .listings-wrapper section .slide-right {
    display: none;
}

.no-flex .hero {
    display: block;
}

.no-flex .listings-wrapper section.live-channels-listing .item {
    width: 10.17%;
    height: 250px;
}

.no-flex .listings-wrapper section.individual-show .show-photo {
    display: none;
}

.no-flex .listings-wrapper section.individual-show .show-info {
    width: 100%;
    margin-left: 0;
}

.no-flex .listings-wrapper section.individual-show .slider-wrapper {
    width: 100%;
}

.no-flex .listings-wrapper section.live-channels-listing.pagina-canale .wrapper {
    display: block;
    position: relative;
    width: 100%;
    width: calc(100% + 40px);
}

.no-flex .taburi-cont {
    display: block;
    font-size: 0;
}

.no-flex .taburi-cont li {
    display: inline-block;
    width: 33%;
    font-size: 18px;
}

.no-flex .taburi-cont.zona-cont li {
    width: 50%;
}

.no-flex .account form {
    display: block;
}

.no-flex .account .metode-abonare {
    display: block;
    text-align: center;
}

.no-flex .account .metode-abonare .item {
    display: inline-block;
    margin: 0 5px 30px;
}

.option:disabled {
    color: #797979;
}

.decorated-checkbox {
    background-color: rgba(234, 29, 37, 0.1);
    padding: 20px 20px 15px 25px;
    margin: 15px 0 25px;
}

.decorated-checkbox input[type=checkbox] {
    display: none;
}

.decorated-checkbox input[type=checkbox] + label {
    width: 100%;
    padding-left: 45px;
    background-image: url(../images/check-no-blue.svg);
    background-repeat: no-repeat;
    min-height: 28px;
    background-position: 0 center;
}

.decorated-checkbox input[type=checkbox]:checked + label {
    background-image: url(../images/check.svg);
}

@media all and (max-width: 1110px) {
    .account {
        padding-top: 0;
    }

    .account .bg-left,
    .account .bg-right {
        display: none;
    }

    .account .bg-top {
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top right;
        top: -15px;
        right: 10px;
        height: 75px;
        width: 186px;
        z-index: -1;
        display: none;
    }

    .account .metode-abonare {
        flex-wrap: wrap;
    }

    .account .metode-abonare .item {
        width: 47%;
    }

    .account .metode-abonare .item:nth-child(1) {
        order: 1;
    }

    .account .metode-abonare .item:nth-child(2) {
        order: 3;
    }

    .account .metode-abonare .item:nth-child(3) {
        order: 3;
    }

    .account .metode-abonare .item:nth-child(4) {
        order: 4;
    }

    .taburi-cont {
        display: flex;
        width: auto;
        margin: 0 0 50px;
    }
}

@media all and (max-width: 560px) {
    .hero {
        height: auto;
        display: block;
    }

    .hero-image .imagine-emisiune {
        display: none;
    }

    .hero-image .imagine-emisiune-mobil {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
    }

    .hero-text-new {
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 25px;
        left: 0;
        right: 0;
        padding: 0 4%;
    }

    .hero-text-new .hero-h2 {
        font-size: 26px;
        position: relative;
        margin-bottom: 0;
        margin-top: 6px;
    }

    .hero-text-new p {
        display: none;
    }

    .buton-vezi,
    .buton-adauga {
        position: relative;
        width: auto;
        font-size: 10px;
        display: inline-block;
        padding: 7px 11px 3px 7px;
        margin-bottom: 8px;
    }

    .buton-vezi svg,
    .buton-adauga svg {
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 4px;
    }

    .buton-vezi span,
    .buton-adauga span {
        display: inline-block;
        vertical-align: top;
        margin-top: 4px;
        line-height: 1;
    }

    .container {
        margin-bottom: 9px;
    }

    .taburi-cont {
        margin: 0 0 25px;
        transform: translateX(-6vw);
        width: 100vw;
        font-size: 12px;
        line-height: 1.1;
    }

    .taburi-cont a {
        padding: 15px 0;
        height: 56px;
    }

    .pr-btn .subscr {
        margin: 0;
    }

    .label-episod {
        padding: 4px 13px 5px;
        font-size: 11px;
    }

    .label-hero {
        font-size: 11px;
        letter-spacing: 1px;
        height: 21px;
        padding: 4px 13px 6px;
        position: absolute;
        bottom: calc(100vw - 52px);
    }
}

.sticky-cta-button {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    justify-content: center;
    z-index: 999999;
    background-color: #161616;
    box-shadow: 0px -3px 25px #161616;
    /*display: none;*/
}

@media all and (max-width: 850px) {
    .sticky-cta-button {
        display: flex;
        bottom: 60px;
    }
}

.sticky-cta-button .centered-content {
    max-width: 100%;
    width: 100%;
    padding: 10px 23px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sticky-cta-button .centered-content p {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #ea1d25;
    margin-bottom: 3px;
    margin-right: 16px;
    line-height: 1;
}

.sticky-cta-button .centered-content .subscribe-btn {
    margin: 0 0 0 10px;
}

@media all and (max-width: 560px) {
    .sticky-cta-button .centered-content .subscribe-btn {
        width: 240px;
        display: block;
        padding: 10px 8px;
    }
}

.sectiune-esimplu {
    width: 100%;
    min-height: calc(85vh - 61px);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 200px;
}

@media all and (max-width: 850px) {
    .sectiune-esimplu {
        min-height: calc(85vh - 51px);
    }
}

@media all and (max-width: 560px) {
    .sectiune-esimplu {
        padding-top: 100px;
        min-height: calc(80vh - 51px);
    }
}

.sectiune-esimplu.hero-esimplu {
    padding-bottom: 100px;
}

@media all and (max-width: 560px) {
    .sectiune-esimplu.hero-esimplu {
        padding-bottom: 80px;
    }
}

.sectiune-esimplu.hero-esimplu p {
    margin-bottom: 50px;
}

@media all and (max-width: 560px) {
    .sectiune-esimplu.hero-esimplu p {
        margin-bottom: 30px;
    }
}

.sectiune-esimplu.hero-esimplu .steps-esimplu {
    position: relative;
    color: rgba(255, 255, 255, 0.5);
    font-size: 22px;
}

.sectiune-esimplu.hero-esimplu .steps-esimplu h4 {
    color: #ffffff;
    position: relative;
    font-size: 30px;
    margin-bottom: 10px;
}

@media all and (max-width: 560px) {
    .sectiune-esimplu.hero-esimplu .steps-esimplu h4 {
        font-size: 24px;
    }
}

.sectiune-esimplu.hero-esimplu .steps-esimplu p {
    font-size: 22px;
    margin-bottom: 30px;
}

.sectiune-esimplu.hero-esimplu .steps-esimplu button,
.sectiune-esimplu.hero-esimplu .steps-esimplu a.submit {
    margin-bottom: 50px;
}

.sectiune-esimplu.devices-esimplu {
    background-color: #ffffff;
    min-height: 0;
    padding-top: 15vw;
}

@media all and (max-width: 1110px) {
    .sectiune-esimplu.devices-esimplu {
        padding-top: 18vw;
    }
}

.sectiune-esimplu.devices-esimplu h3 {
    color: #161616;
}

.sectiune-esimplu.devices-esimplu p {
    color: rgba(22, 22, 22, 0.5);
}

.sectiune-esimplu.devices-esimplu .hero-image {
    top: 0;
}

.sectiune-esimplu.devices-esimplu .hero-image::after {
    display: none;
}

.sectiune-esimplu.devices-esimplu .hero-image .hero-shape {
    top: 0;
    right: 80px;
    height: auto;
    width: 40vw;
}

.sectiune-esimplu .hero-image {
    width: 100%;
}

.sectiune-esimplu .hero-image .imagine-emisiune {
    -o-object-position: 80%;
    object-position: 80%;
    display: block !important;
}

.sectiune-esimplu .hero-image .hero-shape {
    z-index: 1;
}

@media all and (max-width: 1110px) {
    .sectiune-esimplu .hero-image .hero-shape {
        width: 22vw;
    }
}

.sectiune-esimplu .hero-image::after {
    content: "";
    display: block;
    position: absolute;
    background-image: linear-gradient(0deg, #161616 0%, rgba(0, 56, 92, 0.8) 100%);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.sectiune-esimplu .info-wrapper-esimplu {
    width: 60vw;
    margin-left: 50px;
}

@media all and (max-width: 1110px) {
    .sectiune-esimplu .info-wrapper-esimplu {
        margin-left: 40px;
        width: 70vw;
    }
}

@media all and (max-width: 850px) {
    .sectiune-esimplu .info-wrapper-esimplu {
        margin-left: 20px;
    }
}

@media all and (max-width: 560px) {
    .sectiune-esimplu .info-wrapper-esimplu {
        width: calc(100% - 40px);
    }
}

.sectiune-esimplu h1,
.sectiune-esimplu h3 {
    position: relative;
    color: #ffffff;
    font-size: 4.166vmax;
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 700;
}

@media all and (max-width: 1110px) {
    .sectiune-esimplu h1,
    .sectiune-esimplu h3 {
        font-size: 42px;
    }
}

@media all and (max-width: 560px) {
    .sectiune-esimplu h1,
    .sectiune-esimplu h3 {
        font-size: 36px;
    }
}

.sectiune-esimplu p {
    position: relative;
    color: rgba(255, 255, 255, 0.5);
    font-size: 30px;
    margin-bottom: 0;
}

@media all and (max-width: 850px) {
    .sectiune-esimplu p {
        font-size: 24px;
        margin-bottom: 10px;
    }
}

.sectiune-esimplu button,
.sectiune-esimplu a.submit {
    font-size: 1.46vmax;
    padding: 0.9vmax 3.125vmax 1.2vmax;
}

@media all and (max-width: 1110px) {
    .sectiune-esimplu button,
    .sectiune-esimplu a.submit {
        font-size: 14px;
        padding: 9px 30px 12px;
    }
}

@media all and (max-width: 560px) {
    .sectiune-esimplu--lp {
        padding-top: 28vw !important;
    }
}

.sectiune-esimplu--lp p {
    font-size: 24px;
}

.sectiune-esimplu--lp .info-wrapper-esimplu {
    margin-left: 90px;
    width: calc(100vw - 180px);
}

@media all and (max-width: 560px) {
    .sectiune-esimplu--lp .info-wrapper-esimplu {
        margin-left: 20px;
        width: calc(100vw - 40px);
    }
}

.sectiune-esimplu--lp form {
    position: relative;
}

.sectiune-esimplu--lp .input-group {
    width: 100%;
    padding: 7px 0 10px;
    color: #ffffff;
}

@media all and (max-width: 560px) {
    .sectiune-esimplu--lp .input-group {
        padding: 7px 0 10px;
    }
}

.sectiune-esimplu--lp textarea {
    background-color: rgba(22, 22, 22, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #ffffff;
    height: 200px;
}

.sectiune-esimplu--lp label {
    background-image: url(../images/check-no-blue.svg);
    background-repeat: no-repeat;
    min-height: 28px;
    padding-left: 40px;
}

.sectiune-esimplu--lp label a {
    text-decoration: underline;
}

.sectiune-esimplu--lp input[type=checkbox] {
    display: none;
}

.sectiune-esimplu--lp input[type=checkbox]:checked + label {
    background-image: url(../images/check.svg);
}

.sectiune-esimplu--lp input[type=submit] {
    width: auto;
    margin-right: 50px;
    border-radius: 200px;
    border: none;
    background-color: #ea1d25;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    padding-left: 35px;
    padding-right: 35px;
    cursor: pointer;
}

@media all and (max-width: 560px) {
    .sectiune-esimplu--lp input[type=submit] {
        margin-left: 30px;
        margin-right: 0;
    }
}

.sectiune-esimplu--lp input[type=submit]:hover {
    background-color: #ea1d25;
}

.sectiune-esimplu--lp .wrapper-devices-esimplu {
    margin-left: 90px;
}

@media all and (max-width: 560px) {
    .sectiune-esimplu--lp .wrapper-devices-esimplu {
        margin-left: 20px;
    }
}

@media all and (max-width: 560px) {
    .sectiune-esimplu--lp .hero-image .hero-shape {
        display: block;
        right: 30px !important;
        width: 60vw !important;
    }
}

.sectiune-esimplu--lp.hero-esimplu {
    padding-top: 80px;
    padding-bottom: 50px;
}

@media all and (max-width: 560px) {
    .sectiune-esimplu--lp.hero-esimplu {
        padding-top: 50px !important;
        padding-bottom: 10px;
    }
}

.sectiune-esimplu--lp.devices-esimplu h3 {
    max-width: 800px;
}

.sectiune-esimplu--hero1plus1 {
    padding-top: 12vw !important;
    border-bottom: 1px solid rgba(22, 22, 22, 0.15);
}

@media all and (max-width: 560px) {
    .sectiune-esimplu--hero1plus1 {
        padding-top: 0 !important;
    }
}

.sectiune-esimplu--hero1plus1 .hero-image .hero-shape {
    width: 30vw !important;
}

@media all and (max-width: 560px) {
    .sectiune-esimplu--hero1plus1 .hero-image {
        display: none;
    }
}

@media all and (max-width: 560px) {
    .sectiune-esimplu--hero1plus1 .concurs-hero {
        flex-direction: column;
    }
}

@media all and (max-width: 560px) {
    .sectiune-esimplu--hero1plus1 .concurs-hero img {
        margin-top: 10px;
        margin-bottom: 20px;
    }
}

.sectiune-esimplu--hero1plus1 button {
    margin-top: 50px;
}

@media all and (max-width: 560px) {
    .sectiune-esimplu--hero1plus1 button {
        transform: scale(1.2);
        transform-origin: left center;
    }
}

.banda-butoane {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(0deg, #161616 0%, rgba(0, 56, 92, 0.8) 100%);
    padding: 30px;
}

.banda-butoane button {
    transform: scale(1.2);
}

.concurs-hero {
    display: flex;
    align-items: center;
    padding: 0 90px 90px;
    margin-top: -50px;
}

@media all and (max-width: 1110px) {
    .concurs-hero {
        flex-direction: column-reverse;
    }
}

@media all and (max-width: 560px) {
    .concurs-hero {
        margin-top: 0;
        padding: 0 20px 60px;
    }
}

.concurs-hero img {
    width: 543px;
    margin-right: 80px;
}

@media all and (max-width: 1110px) {
    .concurs-hero img {
        margin-right: auto;
        margin-top: 50px;
    }
}

.concurs-hero p {
    margin-bottom: 18px;
}

.concurs-hero p.fineprint {
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 40px;
}

.wrapper-devices-esimplu {
    display: flex;
    flex-wrap: wrap;
    padding: 60px 0 10px;
    margin-left: 50px;
}

@media all and (max-width: 1110px) {
    .wrapper-devices-esimplu {
        margin-left: 40px;
    }
}

@media all and (max-width: 850px) {
    .wrapper-devices-esimplu {
        margin-left: 20px;
    }
}

@media all and (max-width: 560px) {
    .wrapper-devices-esimplu {
        padding-top: 30px;
    }
}

.device-item-esimplu {
    text-align: center;
    margin-right: 50px;
    margin-bottom: 40px;
}

@media all and (max-width: 1110px) {
    .device-item-esimplu {
        margin-right: 40px;
    }
}

.device-item-esimplu img {
    height: 16vh;
    margin-bottom: 20px;
}

@media all and (max-width: 850px) {
    .device-item-esimplu img {
        height: 160px;
    }
}

@media all and (max-width: 560px) {
    .device-item-esimplu img {
        height: 100px;
    }
}

@media all and (max-width: 560px) {
    .device-item-esimplu h4 {
        font-size: 20px;
    }
}

.nl-popup-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    overflow-y: scroll;
    background-color: rgba(22, 22, 22, 0.75);
}

@media all and (max-width: 850px) {
    .nl-popup-wrapper {
        align-items: flex-start;
        padding-top: 50px;
        padding-bottom: 80px;
    }
}

.nl-popup-wrapper .close-layer {
    position: absolute;
    z-index: 0;
    background-color: transparent;
    width: auto;
    height: auto;
}

.nl-popup {
    position: relative;
    width: 670px;
    max-width: 90%;
    background-color: #ffffff;
    border-radius: 8px;
    padding-bottom: 25px;
}

@media all and (max-width: 560px) {
    .nl-popup {
        width: 300px;
    }
}

.nl-popup .close {
    right: -16px;
}

.nl-popup .ilustratie {
    background-color: rgba(234, 29, 37, 0.1);
}

.nl-popup .ilustratie img {
    margin: -38px 0 -22px;
}

@media all and (max-width: 560px) {
    .nl-popup .ilustratie img {
        margin: 13px 0 -10px;
    }
}

.nl-popup .ilustratie--concurs img {
    margin-bottom: 0;
}

.nl-popup p {
    padding: 10px 50px 20px;
}

@media all and (max-width: 560px) {
    .nl-popup p {
        padding: 5px 30px 10px;
    }
}

.nl-popup h3 {
    padding: 35px 50px 10px;
    margin: 0;
    font-size: 32px;
}

@media all and (max-width: 560px) {
    .nl-popup h3 {
        font-size: 24px;
        padding: 25px 30px 10px;
    }
}

.nl-popup form {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

@media all and (max-width: 560px) {
    .nl-popup form {
        justify-content: flex-start;
    }
}

.nl-popup .input-group {
    width: 100%;
    padding: 7px 50px 10px;
}

@media all and (max-width: 560px) {
    .nl-popup .input-group {
        padding: 7px 30px 10px;
    }
}

.nl-popup label {
    background-image: url(../images/check-no-blue.svg);
    background-repeat: no-repeat;
    min-height: 28px;
    padding-left: 40px;
}

.nl-popup input[type=checkbox] {
    display: none;
}

.nl-popup input[type=checkbox]:checked + label {
    background-image: url(../images/check.svg);
}

.nl-popup input[type=submit] {
    width: auto;
    margin-right: 50px;
    border-radius: 200px;
    border: none;
    background-color: #ea1d25;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    padding-left: 35px;
    padding-right: 35px;
    cursor: pointer;
}

@media all and (max-width: 560px) {
    .nl-popup input[type=submit] {
        margin-left: 30px;
        margin-right: 0;
    }
}

.nl-popup input[type=submit]:hover {
    background-color: #ea1d25;
}

.nl-popup .has-error .error {
    display: block;
}

.nl-popup .error {
    color: #ea1d25;
    margin-top: -10px;
    display: none;
}

.account--others {
    padding: 60px 0 30px;
}

@media all and (max-width: 560px) {
    .account--others {
        padding: 30px 0 10px;
    }
}

.account--others h4 {
    margin-bottom: 35px;
}

.account--others .metode-abonare .item {
    width: 100%;
}

@media all and (max-width: 560px) {
    .account--6luni {
        padding-bottom: 10px;
    }
}

.account--6luni p {
    margin-bottom: 30px;
}

.account--6luni .metode-abonare .item {
    width: 100%;
}

@media all and (max-width: 560px) {
    .account--6luni .metode-abonare .item {
        width: 100%;
    }
}

.ab__titlu {
    font-size: 30px;
    color: #ea1d25;
    font-weight: 700;
    line-height: 1.1;
    margin: 30px 0 10px;
}

@media all and (max-width: 560px) {
    .ab__titlu {
        margin-top: 20px;
    }
}

.ab__pret {
    font-size: 24px;
    line-height: 1.1;
}

.ab__info {
    font-size: 14px;
    margin-top: 10px;
}

.ab__mobilpay {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    font-size: 14px;
}

@media all and (max-width: 560px) {
    .ab__mobilpay {
        margin: 15px 0;
    }
}

.ab__mobilpay img {
    width: 78px;
}

.ab__buton {
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    background-color: #ea1d25;
    border-radius: 100px;
    width: 210px;
    font-weight: 700;
    margin: 0 auto 30px;
    padding: 11px 34px 14px;
}

.ab__buton:hover {
    background-color: #ea1d25;
}

.account .formdata .js-form-group {
    width: 49%;
    display: block;
    text-align: left;
    float: left;
}

.account .formdata .js-form-group.right {
    float: right;
}

.account .formdata .js-form-group.one-line {
    float: none;
    width: 100%;
}

.account .formdata .js-form-group.one-line input {
    height: 100px;
}

.formdata .clearfix {
    display: block;
    clear: both;
    overflow: auto;
}

@media all and (max-width: 560px) {
    .account .formdata .js-form-group,
    .account .formdata .js-form-group.right,
    .account .formdata .price-line-info {
        width: 100%;
        float: none;
        clear: both;
        text-align: left;
    }
}

.account.first {
    padding: 0 0;
}

.account.first .metode-abonare {
    justify-content: center;
}

.formdata .js-form-div {
    display: block;
    clear: both;
}

.metode-abonare .item .icon-pay .submit {
    min-width: 220px;
}

@media (pointer: coarse) {
    .listings-wrapper section .slide-left,
    .listings-wrapper section .slide-right {
        display: none;
    }
}

/*.gift-card-box {*/
/*    background: url(https://antenaplay.ro/img/gift-card1.png) no-repeat center top;*/
/*    background-size: 100%;*/
/*    padding: 30px 0;*/
/*}*/

.gift-card-box .icon-pay1 {
    background: transparent;
    padding: 75px 10px 10px 10px;
}

#discount_voucher_code {
    width: 80%;
    text-align: center;
    margin-left: 10%;
}

.sch {
    padding-bottom: 60px;
}

.sch__tabs {
    display: flex;
    justify-content: center;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    position: -webkit-sticky;
    position: sticky;
    background-color: pink;
    z-index: 10;
    top: 43px;
    padding-top: 16px;
    font-size: 18px;
    border-top: none;
}

.sch__tabs ul {
    display: flex;
    list-style-type: none;
}

.sch__tabs a {
    display: block;
    padding: 18px 21px;
}

@-webkit-keyframes modal {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes modal {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes modal-body {
    from {
        transform: translate(0, 100px);
    }
    to {
        transform: translate(0, 0);
    }
}

@keyframes modal-body {
    from {
        transform: translate(0, 100px);
    }
    to {
        transform: translate(0, 0);
    }
}

#modalTrigger,
.modalTrigger {
    cursor: pointer;
}

.modal {
    display: none;
    position: fixed;
    z-index: 999999999999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-top: 20vh;
    background-color: rgb(11, 11, 11);
    background-color: rgba(11, 11, 11, 0.8);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-name: modal;
    animation-name: modal;
    transition: opacity 0.3s ease-out;
}

@media all and (max-width: 560px) {
    .modal {
        padding-top: 25vh;
    }
}

.modal-body {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 4%;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-name: modal-body;
    animation-name: modal-body;
    transform: translate(0, 0);
    transition: transform 0.3s ease-out;
}

.modal-content {
    position: relative;
    background-color: #333333;
    margin: auto;
    width: 100%;
    border-radius: 4px;
}

.close-btn {
    position: absolute;
    width: 30px;
    height: 30px;
    right: -50px;
    top: 0;
    background-image: url(../images/icon-close.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center center;
}

@media all and (max-width: 1110px) {
    .close-btn {
        top: -40px;
        right: 0;
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
}

.close-btn:hover,
.close-btn:focus {
    cursor: pointer;
    opacity: 0.8;
}

.videoTrailerBox .vjs-controls-disabled .vjs-control-bar,
.videoTrailerBox .vjs-using-native-controls .vjs-control-bar,
.videoTrailerBox .vjs-error .vjs-control-bar, .vjs-control-bar {
    opacity: 0.8 !important;
    z-index: 9999;
}

.videoTrailerBox .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 0.8 !important;
    /* border: 2px solid red;*/
}

.filtering-area option.hidden {
    display: none;
}

.filtering-area option.hidden, .profileSectionMore.hidden, .profileSectionMore li.hidden {
    display: none;
}

.filtering-area option.hidden,
.profileSectionMore.hidden,
.profileSectionMore li.hidden,
div.content-subscription.hidden {
    display: none;
}

.none {
    display: none;
}

.block {
    display: block;
}

.canalzile {
    max-width: 874px;
    width: 100%;
    height: auto;
    justify-content: flex-start;
    border-bottom: 1px solid #555555;
    background-color: #161616;
    padding-left: 0;
    display: flex;
    align-items: center;
    overflow-x: scroll;
    white-space: nowrap;
    transition: none;
    margin: 0 auto;
}

@media all and (max-width: 850px) {
    .canalzile {
        width: 100%;
    }
}

.canalzile::after, .canalzile::before {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.canalzile::-webkit-scrollbar {
    display: none;
}

.canalzile.block {
    display: flex;
}

.canalzile.none {
    display: none;
}

@media all and (max-width: 850px) {
    .canalzile li:first-child {
        padding-left: 4%;
    }
}

.canalzile a {
    color: #ffffff;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    padding: 14px 0;
    margin-right: 26px;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
}

.canalzile a span {
    font-weight: 300;
    font-size: 14px;
    color: #aaaaaa;
}

.canalzile .active {
    position: relative;
}

.canalzile .active::after {
    content: " ";
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background-color: #ea1d25;
    position: absolute;
    bottom: 0;
    display: block;
}

.custom-file-input::before {
    content: url(../images/attach.png);
    color: #ea1d25;
    display: flex;
    justify-content: center;
    border-radius: 3px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    padding-top: 3px;
}

.solicitare-ajutor input[type=file] {
    color: rgba(0, 0, 0, 0);
    height: 55px;
}

.custom-file-input {
    color: transparent;
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

.custom-file-input::before {
    content: url(../images/attach-new.svg);
    color: #ffffff;
    display: flex;
    justify-content: center;
    border-radius: 3px;
    outline: none;
    white-space: nowrap;
    /*-webkit-user-select: none;*/
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    padding-top: 3px;
}

.custom-file-input:active {
    outline: 0;
}

.footer-page {
    word-break: break-word;
    font-weight: 300;
    color: #ffffff;
}

.footer-page p {
    font-weight: 300;
    margin-bottom: 20px;
}

.footer-page a {
    font-weight: 700;
}

@media all and (min-width: 850px) {
    .footer-page a:hover {
        color: #ea1d25;
        text-decoration: none;
    }
}

.footer-page h2 {
    font-size: 29px;
    line-height: 1.2;
    margin-bottom: 16px;
    margin-top: 30px;
}

.footer-page h3 {
    font-size: 23px;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 24px;
}

.footer-page h4 {
    margin: 30px 0 10px;
}

.footer-page .title {
    margin-bottom: 25px;
    margin-top: 0;
}

.footer-page b, .footer-page strong {
    font-weight: 700;
}

.footer-page ul, .footer-page li {
    font-weight: 300;
}

.footer-page table {
    color: #ffffff;
}

.help-center {
    background-color: #F3F3F3;
    color: #161616;
}

.help-center .listings-wrapper {
    background-color: #F3F3F3;
}

@media all and (max-width: 1110px) {
    .help-center .listings-wrapper {
        padding: 0 4%;
    }
}

.help-center .listings-wrapper a {
    color: #ea1d25;
}

@media all and (min-width: 850px) {
    .help-center .listings-wrapper a:hover {
        text-decoration: underline;
    }
}

.help-center .listings-wrapper p {
    color: #161616 !important;
}

.help-center .listings-wrapper span {
    background-color: transparent !important;
    color: #161616 !important;
}

.help-center .listings-wrapper b {
    color: #161616 !important;
}

.help-center .listings-wrapper ol li {
    line-height: 1.5;
}

.help-center .listings-wrapper ol li::before {
    top: 0;
}

.help-center .listings-wrapper ul li::before {
    top: 8px;
}

.help-center .listings-wrapper ol, .help-center .listings-wrapper ul {
    color: #161616;
}

.help-center .listings-wrapper ol li, .help-center .listings-wrapper ul li {
    line-height: 1.5;
}

.help-center .searchbar {
    display: flex;
    margin-bottom: 20px;
}

.help-center .searchbar input {
    margin-bottom: 0;
    border-radius: 4px 0 0 4px;
    border: 1px solid #d0d0d0;
}

.help-center .searchbar input:focus {
    border: 1px solid #ea1d25;
}

.help-center .searchbar button {
    background-color: #ea1d25;
    margin-bottom: 0;
    width: 100px;
    height: 48px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-left: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media all and (max-width: 560px) {
    .help-center .searchbar button {
        width: 70px;
    }
}

@media all and (min-width: 850px) {
    .help-center .searchbar button:hover {
        background-color: #d2141b;
    }
}

.help-center .searchbar button img {
    width: 23px;
}

@media all and (max-width: 560px) {
    .help-center .searchbar button img {
        width: 20px;
    }
}

.help-center .single-tab .title-tab {
    color: #ea1d25;
    font-size: 16px;
    font-weight: 400;
}

.help-center .single-tab .title-tab::before {
    background-image: url(../images/icon-arrow-back-red.svg);
    margin-right: 20px;
}

@media all and (min-width: 850px) {
    .help-center .single-tab .title-tab:hover {
        opacity: 1;
        text-decoration: underline;
    }
}

.help-center .single-tab .title-tab:hover::before {
    margin-right: 30px;
}

.header-help {
    padding: 50px 0;
}

.header-help h1 {
    margin-bottom: 25px;
}

.grid-help {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 140px;
}

.grid-help .links-col {
    margin-bottom: 50px;
    padding: 0 12px;
    width: 25%;
}

.grid-help .links-col:first-child {
    padding-left: 0;
}

.grid-help .links-col:last-child {
    padding-right: 0;
}

@media all and (max-width: 1110px) {
    .grid-help .links-col {
        width: 48%;
        padding: 0;
    }
}

@media all and (max-width: 560px) {
    .grid-help .links-col {
        width: 100%;
    }
}

.grid-help .links-col h3 {
    font-size: 27px;
    margin-bottom: 18px;
}

.grid-help .links-col a {
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 17px;
    color: #222222;
}

@media all and (min-width: 850px) {
    .grid-help .links-col a:hover {
        color: #ea1d25;
        text-decoration: underline;
    }
}

.help-page-container {
    margin-top: 10px;
}

.help-page-container h1 {
    margin-bottom: 20px;
}

.help-page-container .expand-container .accordionV2,
.help-page-container .expand-container .accordion {
    background-color: white;
    color: #484A4C;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid #ebebeb !important;
    border-radius: 4px;
    padding: 6px 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
}

.help-page-container .expand-container .accordionV2::before,
.help-page-container .expand-container .accordion::before {
    background: url(../images/icon-play-red.svg);
    background-position: 50%;
    content: "";
    height: 24px;
    transform-origin: center center;
    transition: transform 0.25s ease;
    width: 24px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.help-page-container .expand-container .accordionV2::after,
.help-page-container .expand-container .accordion::after {
    content: none;
}

.help-page-container .expand-container .accordionV2.active,
.help-page-container .expand-container .accordion.active {
    color: black;
}

.help-page-container .expand-container .accordionV2.active::before,
.help-page-container .expand-container .accordion.active::before {
    transform: rotate(90deg);
}

.help-page-container .expand-container .panel {
    padding: 0 16px 0 32px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ffffff;
    z-index: 10;
    margin-top: -2px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 8px;
    position: relative;
    z-index: 10;
}

.help-page-container .expand-container .panelV2 {
    padding: 0 16px 0 32px;
    background-color: white;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ffffff;
    z-index: 10;
    margin-top: -2px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 8px;
    position: relative;
    z-index: 10;
}

.panelV2.hidden {
    display: none;
}

.help-page-container .expand-container .panel ol, .help-page-container .expand-container .panelV2 ul,
.help-page-container .expand-container .panel ol, .help-page-container .expand-container .panel ul {
    color: #161616;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-host, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-cookies-type {
    width: 25%;
}

@media all and (max-width: 560px) {
    #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-host, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-cookies-type {
        width: auto;
    }
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {
    font-size: 14px;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th {
    background-color: #333333;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr th:last-child, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr td:last-child {
    border-right: 0px;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr:last-child td {
    border-bottom: 0px;
}

@media all and (max-width: 560px) {
    #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr:last-child td {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        border-right: 0px;
    }
}

@media all and (max-width: 560px) {
    #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr:last-child td:last-child {
        border-bottom: 0px;
    }
}

@media all and (max-width: 560px) {
    #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table td {
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th {
    color: #ffffff;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th {
    min-width: 75px;
}

@media all and (max-width: 560px) {
    #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        z-index: -9999;
    }
}

#onetrust-banner-sdk th, #onetrust-banner-sdk td, #onetrust-pc-sdk th, #onetrust-pc-sdk td, #ot-sdk-cookie-policy th, #ot-sdk-cookie-policy td {
    padding: 12px 15px;
    text-align: left;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table {
    border-collapse: inherit;
    margin: auto;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    border-spacing: initial;
    width: 100%;
    overflow: hidden;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td span, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td a {
    font-size: inherit;
}

@media all and (max-width: 560px) {
    #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy thead, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy tbody, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy tr {
        display: block;
    }
}

@media all and (max-width: 560px) {
    #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td:before {
        content: attr(data-label);
        font-weight: 700;
        height: 100%;
        width: 40%;
        padding-right: 10px;
    }
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-mobile-border {
    display: none;
}

#onetrust-pc-sdk .screen-reader-only, #onetrust-pc-sdk .ot-scrn-rdr, .ot-sdk-cookie-policy .screen-reader-only, .ot-sdk-cookie-policy .ot-scrn-rdr {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.active:after {
    content: none;
}

.antena-rebranding {
    margin-top: 85px;
}

@media all and (max-width: 1110px) {
    .antena-rebranding {
        margin-top: 73px;
    }
}

@media all and (max-width: 850px) {
    .antena-rebranding {
        margin-top: 65px;
    }
}

.antena-rebranding .header {
    height: 85px;
    align-items: baseline;
}

@media all and (max-width: 1110px) {
    .antena-rebranding .header {
        height: 73px;
    }
}

@media all and (max-width: 850px) {
    .antena-rebranding .header {
        height: 65px;
    }
}

.antena-rebranding .header .antena-tab {
    width: 84px;
    height: auto;
}

@media all and (max-width: 1110px) {
    .antena-rebranding .header .antena-tab {
        width: 59px;
        height: auto;
    }
}

.antena-rebranding .header .antena-tab img {
    width: 100%;
    height: auto;
}

.antena-rebranding .header .nav-flex {
    margin-top: 7px;
}

@media all and (max-width: 1110px) {
    .antena-rebranding .header .nav-flex {
        margin-top: -6px;
    }
}

@media all and (max-width: 850px) {
    .antena-rebranding .header .nav-flex {
        margin-top: 13px;
    }
}

.antena-rebranding .header .logo {
    top: 47%;
}

.antena-rebranding #tabs, .antena-rebranding .tabs, .antena-rebranding #stickyBar, .antena-rebranding .stickyBar {
    height: 85px;
}

@media all and (max-width: 1110px) {
    .antena-rebranding #tabs, .antena-rebranding .tabs, .antena-rebranding #stickyBar, .antena-rebranding .stickyBar {
        height: 73px;
    }
}

@media all and (max-width: 850px) {
    .antena-rebranding #tabs, .antena-rebranding .tabs, .antena-rebranding #stickyBar, .antena-rebranding .stickyBar {
        height: 65px;
    }
}

.antena-rebranding #tabs li a, .antena-rebranding .tabs li a {
    padding: 40px 0 20px;
}

@media all and (max-width: 1110px) {
    .antena-rebranding #tabs li a, .antena-rebranding .tabs li a {
        padding: 26px 0 22px;
    }
}

@media all and (max-width: 850px) {
    .antena-rebranding #tabs li a, .antena-rebranding .tabs li a {
        padding: 20px 0;
    }
}

.antena-rebranding .schedule-column #stickyBar, .antena-rebranding .schedule-column .stickyBar {
    height: auto;
}

.antena-rebranding .schedule-column #tabs, .antena-rebranding .schedule-column .tabs {
    height: auto;
    justify-content: flex-start;
}

.antena-rebranding .sch-col #stickyBar, .antena-rebranding .sch-col .stickyBar {
    height: 85px;
}

@media all and (max-width: 1110px) {
    .antena-rebranding .sch-col #stickyBar, .antena-rebranding .sch-col .stickyBar {
        height: 73px;
    }
}

@media all and (max-width: 850px) {
    .antena-rebranding .sch-col #stickyBar, .antena-rebranding .sch-col .stickyBar {
        height: 65px;
    }
}

.antena-rebranding .sch-col #stickyBar .canalzile a, .antena-rebranding .sch-col .stickyBar .canalzile a {
    padding: 24px 0;
}

@media all and (max-width: 1110px) {
    .antena-rebranding .sch-col #stickyBar .canalzile a, .antena-rebranding .sch-col .stickyBar .canalzile a {
        padding: 18px 0;
    }
}

@media all and (max-width: 850px) {
    .antena-rebranding .sch-col #stickyBar .canalzile a, .antena-rebranding .sch-col .stickyBar .canalzile a {
        padding: 14px 0;
    }
}

.antena-rebranding .schedule-column #tabs li a, .antena-rebranding .schedule-column .tabs li a {
    padding: 14px 0;
}

@media all and (max-width: 560px) {
    .antena-rebranding .video-column #tabs, .antena-rebranding .video-column .tabs {
        height: 71px;
    }
}

@media all and (max-width: 560px) {
    .antena-rebranding .video-column #tabs li a, .antena-rebranding .video-column .tabs li a {
        padding: 13px 0;
    }
}

.antena-rebranding .explore #tabs li a, .antena-rebranding .explore .tabs li a {
    padding: 10px 0;
}

.antena-rebranding .explore .single-tab {
    height: 85px;
}

@media all and (max-width: 1110px) {
    .antena-rebranding .explore .single-tab {
        height: 73px;
    }
}

@media all and (max-width: 850px) {
    .antena-rebranding .explore .single-tab {
        height: 65px;
    }
}

.antena-rebranding .search-container .single-tab {
    height: 85px;
}

@media all and (max-width: 1110px) {
    .antena-rebranding .search-container .single-tab {
        height: 73px;
    }
}

@media all and (max-width: 850px) {
    .antena-rebranding .search-container .single-tab {
        height: 65px;
    }
}

.antena-tab {
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0);
    width: 90px;
    height: auto;
}

.antena-tab img {
    width: 100%;
    height: auto;
}

.freecontent {
    font-size: 13px;
    padding: 2px 4px;
    background-color: #ea1d25;
    position: absolute;
    top: 6px;
    left: 6px;
    text-transform: uppercase;
    font-weight: 400;
    z-index: 10;
    border-radius: 4px;
}

.freecontent-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.freecontent-wrap .freecontent {
    position: relative;
    margin-right: 12px;
    top: unset;
    left: unset;
    margin-top: 5%;
}

@media all and (max-width: 560px) {
    .freecontent-wrap .freecontent {
        margin-top: 2%;
        padding: 2px 6px;
        font-size: 12px;
    }
}

.video-container {
    height: calc(100vh - 85px - 148px);
}

.video-container.video-live {
    height: calc(100vh - 85px - 198px);
}

@media all and (max-width: 1279px) {
    .video-container, .video-container.video-live {
        height: 56.25vw;
    }
}

@media all and (max-width: 1279px) {
    .video-container .inner {
        max-width: 100%;
    }
}

p.error-response {
    font-family: "Red Hat Display", sans-serif;
    font-size: 18px;
    line-height: 1.5;
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 0.2px;
    margin-bottom: 0px;
}

.pagination button {
    width: 100%;
    background-color: transparent;
    color: #ffffff;
    text-align: center;
    display: block;
    border-radius: 50px;
    padding: 12px 10px;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 20px;
}


@media all and (max-width: 850px) {
    .pagination button {
        font-size: 16px;
    }
}

@media all and (min-width: 560px) {
    .pagination button:hover {
        background-color: #2b2b2b;
    }
}

.livePage .liveSwiper:not(.swiper-initialized) .widget-live-channels .swiper-slide,
.widget-channels .scheduleSwiper:not(.swiper-initialized) .widget-live-channels .swiper-slide,
.channelSwiperD:not(.swiper-initialized) .swiper-slide,
.channelSwiperFav:not(.swiper-initialized) .swiper-slide,
.widget-channels .swiper-container:not(.swiper-initialized) .widget-live-channels .swiper-slide {
    margin-right: 8px;
    min-width: calc(50% - 5px);
    flex-shrink: 1;
}

.livePage .liveSwiper.swiper-initialized .swiper-slide,
.widget-channels .scheduleSwiper.swiper-initialized .swiper-slide,
.channelSwiperD .swiper-slide,
.channelSwiperFav .swiper-slide,
.widget-channels .swiper-container.swiper-initialized .swiper-slide {
    flex-shrink: 0;
}

.widget-live-channels .swiper-slide .thumbImage {
    padding-bottom: 150px;
    height: 100px;
}

.widget-channels .swiper-container {
    padding: 0 4%;
    position: relative;
    overflow: hidden;
}

.widget-channels .swiper-container:not(.swiper-initialized) .widget-live-channels .swiper-slide .thumbImage {
    border: 1px solid #ffffff;
    border-radius: 4px;
}

@media all and (min-width: 360px) {
    .livePage .liveSwiper:not(.swiper-initialized) .widget-live-channels .swiper-slide {
        min-width: calc(50% - 5px) !important;
    }

    .widget-channels .scheduleSwiper:not(.swiper-initialized) .widget-live-channels .swiper-slide,
    .widgetImagesTallLogo .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetRecChannels2022 .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetImagesTitle2022 .swiper-container:not(.swiper-initialized) .swiper-slide,
    .continueWatching .swiper-container:not(.swiper-initialized) .swiper-slide,
    .continueWatching .CWswiper-container:not(.swiper-initialized) .swiper-slide,
    .recentShows .swiper-container:not(.swiper-initialized) .swiper-slide {
        min-width: calc(50% - 5px) !important;
    }

    .channelSwiperD:not(.swiper-initialized) .swiper-slide {
        min-width: calc(50% - 6px) !important;
    }

    .widgetImagesShortLogoMiru .swiper-container:not(.swiper-initialized) .swiper-slide {
        max-width: calc(50% - 5px) !important;
        max-width: -webkit-calc(50% - 5px) !important;
        max-width: -moz-calc(50% - 5px) !important;
        /*padding-right: 5px;*/
    }

    .miruna-class .swiper-container:not(.swiper-initialized) .swiper-slide {
        width: 49.5% !important;
        margin-right: 5px;
    }

    .favouriteShows .swiper-container:not(.swiper-initialized) .swiper-slide {
        width: 50%;
        padding-right: 8px;
    }
}

@media all and (min-width: 560px) {
    .livePage .liveSwiper:not(.swiper-initialized) .widget-live-channels .swiper-slide,
    .widget-channels .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetImagesTallLogo .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetRecChannels2022 .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetImagesTitle2022 .swiper-container:not(.swiper-initialized) .swiper-slide,
    .continueWatching .swiper-container:not(.swiper-initialized) .swiper-slide,
    .continueWatching .CWswiper-container:not(.swiper-initialized) .swiper-slide,
    .recentShows .swiper-container:not(.swiper-initialized) .swiper-slide {
        min-width: calc(33.3333% - 6px) !important;
    }

    .widgetImagesShortLogoMiru .swiper-container:not(.swiper-initialized) .swiper-slide {
        max-width: calc(33.3333% - 6px) !important;
        max-width: -webkit-calc(33.3333% - 6px) !important;
        max-width: -moz-calc(33.3333% - 6px) !important;
        /*padding-right: 6px;*/
    }

    .widget-channels .scheduleSwiper:not(.swiper-initialized) .widget-live-channels .swiper-slide,
    .widgetImagesTallLogo .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetRecChannels2022 .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetImagesTitle2022 .swiper-container:not(.swiper-initialized) .swiper-slide,
    .continueWatching .swiper-container:not(.swiper-initialized) .swiper-slide,
    .continueWatching .CWswiper-container:not(.swiper-initialized) .swiper-slide,
    .recentShows .swiper-container:not(.swiper-initialized) .swiper-slide {
        min-width: calc(25% - 6px) !important;
    }

    .channelSwiperD:not(.swiper-initialized) .swiper-slide {
        min-width: calc(25% - 6px) !important;
    }

    .channelSwiperFav:not(.swiper-initialized) .swiper-slide {
        min-width: calc(25% - 6px) !important;
    }

    .widgetImagesShortLogoMiru .swiper-container:not(.swiper-initialized) .swiper-slide {
        max-width: calc(25% - 6px) !important;
        max-width: -webkit-calc(25% - 6px) !important;
        max-width: -moz-calc(25% - 6px) !important;
        padding-right: 6px;
    }

    .miruna-class .swiper-container:not(.swiper-initialized) .swiper-slide {
        width: 32.7% !important;
        margin-right: 6px;
    }

    .favouriteShows .swiper-container:not(.swiper-initialized) .swiper-slide {
        width: 25.4%;
        padding-right: 7px;
    }
}

@media all and (min-width: 700px) {
    .livePage .liveSwiper:not(.swiper-initialized) .widget-live-channels .swiper-slide,
    .widget-channels .scheduleSwiper:not(.swiper-initialized) .widget-live-channels .swiper-slide,
    .widget-channels .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetImagesTallLogo .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetRecChannels2022 .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetImagesTitle2022 .swiper-container:not(.swiper-initialized) .swiper-slide,
    .continueWatching .swiper-container:not(.swiper-initialized) .swiper-slide,
    .continueWatching .CWswiper-container:not(.swiper-initialized) .swiper-slide,
    .recentShows .swiper-container:not(.swiper-initialized) .swiper-slide {
        min-width: calc(25% - 6px) !important;
    }

    .channelSwiperD:not(.swiper-initialized) .swiper-slide {
        min-width: calc(25% - 6px) !important;
    }

    .channelSwiperFav:not(.swiper-initialized) .swiper-slide {
        min-width: calc(25% - 6px) !important;
    }

    .widgetImagesShortLogoMiru .swiper-container:not(.swiper-initialized) .swiper-slide {
        max-width: calc(25% - 6px) !important;
        max-width: -webkit-calc(25% - 6px) !important;
        max-width: -moz-calc(25% - 6px) !important;
        /*padding-right: 6px;*/
    }

    .miruna-class .swiper-container:not(.swiper-initialized) .swiper-slide {
        width: 24.3% !important;
        margin-right: 6px;
    }

    .favouriteShows .swiper-container:not(.swiper-initialized) .swiper-slide {
        width: 25.3%;
        padding-right: 7px;
    }
}

@media all and (min-width: 1100px) {
    .livePage .liveSwiper:not(.swiper-initialized) .widget-live-channels .swiper-slide,
    .widget-channels .scheduleSwiper:not(.swiper-initialized) .widget-live-channels .swiper-slide,
    .widget-channels .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetImagesTallLogo .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetRecChannels2022 .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetImagesTitle2022 .swiper-container:not(.swiper-initialized) .swiper-slide,
    .continueWatching .swiper-container:not(.swiper-initialized) .swiper-slide,
    .continueWatching .CWswiper-container:not(.swiper-initialized) .swiper-slide,
    .recentShows .swiper-container:not(.swiper-initialized) .swiper-slide {
        min-width: calc(20% - 7px) !important;
    }

    .widgetImagesShortLogoMiru .swiper-container:not(.swiper-initialized) .swiper-slide {
        max-width: calc(20% - 7px) !important;
        max-width: -webkit-calc(20% - 7px) !important;
        max-width: -moz-calc(20% - 7px) !important;
        /*padding-right: 7px;*/
    }

    .channelSwiperD:not(.swiper-initialized) .swiper-slide {
        min-width: calc(20% - 6px) !important;
    }

    .miruna-class .swiper-container:not(.swiper-initialized) .swiper-slide {
        width: 28.2% !important;
        margin-right: 7px;
    }

    .favouriteShows .swiper-container:not(.swiper-initialized) .swiper-slide {
        width: 20.2%;
        padding-right: 8px;
    }
}

@media all and (min-width: 1350px) {
    .livePage .liveSwiper:not(.swiper-initialized) .widget-live-channels .swiper-slide,
    .widget-channels .scheduleSwiper:not(.swiper-initialized) .widget-live-channels .swiper-slide,
    .widget-channels .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetImagesTallLogo .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widget-channels .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetRecChannels2022 .swiper-container:not(.swiper-initialized) .swiper-slide,
    .widgetImagesTitle2022 .swiper-container:not(.swiper-initialized) .swiper-slide,
    .continueWatching .swiper-container:not(.swiper-initialized) .swiper-slide,
    .continueWatching .CWswiper-container:not(.swiper-initialized) .swiper-slide,
    .recentShows .swiper-container:not(.swiper-initialized) .swiper-slide {
        min-width: calc(16.6666% - 8px) !important;
    }

    .channelSwiperD:not(.swiper-initialized) .swiper-slide {
        min-width: calc(16.6% - 6px) !important;
        max-width: calc(16.6% - 6px);
        max-width: -webkit-calc(16.6% - 6px);
        max-width: -moz-calc(16.6% - 6px);
    }

    .channelSwiperFav:not(.swiper-initialized) .swiper-slide {
        min-width: calc(16.6% - 6px) !important;
        max-width: calc(16.6% - 6px);
        max-width: -webkit-calc(16.6% - 6px);
        max-width: -moz-calc(16.6% - 6px);
    }

    .widgetImagesShortLogoMiru .swiper-container:not(.swiper-initialized) .swiper-slide {
        flex-shrink: 0;
        width: 16.2%;
        height: 100%;
        margin-right: 8px;
        position: relative;
        transition-property: transform;
    }

    .miruna-class .swiper-container:not(.swiper-initialized) .swiper-slide {
        max-width: 24.5% !important;
        margin-right: 8px;
    }

    .favouriteShows .swiper-container:not(.swiper-initialized) .swiper-slide {
        width: 16.78%;
        padding-right: 7px;
    }

    .livePage .liveSwiper:not(.swiper-initialized) .widget-live-channels .swiper-slide .thumbImage,
    .widget-channels .scheduleSwiper:not(.swiper-initialized) .widget-live-channels .swiper-slide .thumbImage,
    .widget-channels .swiper-container:not(.swiper-initialized) .widget-live-channels .swiper-slide .thumbImage {
        padding-bottom: unset !important;
    }

    .widget-channels .swiper-container:not(.swiper-initialized) .widget-live-channels .swiper-slide .thumbImage {
        padding-bottom: 150px;
    }

    .widget-live-channels .swiper-slide .thumbImage {
        padding-bottom: 150px;
        height: 120px;
    }
}

.widget-channels.sport-channels,
.widget-channels.antenaplay-channels,
.widget-channels.must-carry-channels {
    margin-top: 2%;
}

.widget-channels.sport-channels .swiper-container:not(.swiper-initialized) .swiper-slide {
    max-width: calc(25% - 6px) !important;
}

div.metode-abonare .error {
    color: #ffffff;
    margin-top: 6px;
    font-family: "Red Hat Display", sans-serif;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.2px;
    margin-bottom: 0px;
}

#js-response-abonament.error,
.js-response-abonament.error {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.5;
}

#js-response-abonament.error::before {
    top: 4px;
}

.widgetRecChannels2022 {
    /*overflow: hidden;*/
    position: relative;
    /* padding: 0 4%;*/
}

.thumbImage .logo img {
    width: 157px;
    height: 76px;
    position: absolute;
    z-index: 99;
}

.widgetImagesTallLogo .swiper-container:not(.swiper-initialized) .swiper-slide,
.widgetRecChannels2022 .swiper-container:not(.swiper-initialized) .swiper-slide,
.widgetImagesTitle2022 .swiper-container:not(.swiper-initialized) .swiper-slide,
.recentShows .swiper-container:not(.swiper-initialized) .swiper-slide {
    flex-shrink: 0;
    width: 16.2%;
    height: 100%;
    margin-right: 8px;
    position: relative;
    transition-property: transform
}

.continueWatching .swiper-container:not(.swiper-initialized) .swiper-slide,
.continueWatching .CWswiper-container:not(.swiper-initialized) .swiper-slide {
    flex-shrink: 0;
    width: 16.2%;
    /*height: 100%;*/
    margin-right: 8px;
    position: relative;
    transition-property: transform
}

@keyframes entrance {
    0% {
        bottom: -100vh;
    }
    100% {
        bottom: 65px
    }
}

#banner-app-store {
    background-image: url("../img/appstore/svg/bg-popup.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    position: fixed;
    bottom: 65px;
    z-index: 999999;
    animation: entrance 1s;
}

#banner-app-store .banner-app-wrapper {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    max-width: 600px;
    background: rgba(22, 22, 22, 0.7058823529);
    border-radius: 15px;
    color: #FFFFFF;
    font-family: "Red Hat Display", sans-serif;
    border: 1px solid #FFFFFF;
    position: relative;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

#banner-app-store .banner-app-wrapper .banner-app-top {
    display: flex;
    justify-content: center;
    align-items: center;
}

#banner-app-store .banner-app-wrapper .banner-app-top img.close {
    position: absolute;
    font-size: 25px;
    top: 20px;
    left: 20px;
    cursor: pointer;
    background: transparent;
    border: none;
    width: 15px;
    height: 15px;
}

#banner-app-store .banner-app-wrapper .banner-app-top img.logo {
    width: 150px;
    height: auto;
    padding-bottom: 20px;
}

#banner-app-store .banner-app-wrapper .banner-app-btns {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 35px;
}

#banner-app-store .banner-app-wrapper .banner-app-btns p {
    font-size: 18px;
    margin: 0 10px;
}

#banner-app-store .banner-app-wrapper .banner-app-btns button {
    background: #ea1d25;
    height: 50px;
    margin: 0 10px;
    border: none;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
}

#banner-app-store .banner-app-wrapper .banner-app-btns button img {
    width: 100%;
    height: auto;
}

#btn-app-android {
    max-width: 45px;
    max-height: 45px;
}

.grow {
    /*transition:transform 30s ease-out;*/
    /*transform:scaleY(1);*/
    /*transform-origin:bottom;*/
    /*height: auto !important;;*/
    display: flex;
    position: fixed;
    bottom: 40px;
}

#banner-app-store .banner-app-wrapper .banner-app-btns button img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

/*# sourceMappingURL=default.css.map */

.module-login-orange {
    position: relative;
    left: -25px;
    top: -25px;
}

.trigger-login-orange {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: 400ms all cubic-bezier(0.32, 0.19, 0.22, 1.31);
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.trigger-login-orange span {
    width: 30px;
    height: 30px;
    background: #fff;
    display: block;
    transform: rotate(0deg);
    transition: 400ms all cubic-bezier(0.32, 0.19, 0.22, 1.31);
}

.trigger-login-orange span:before {
    content: url('https://staging-web.antenaplay.ro/images/login-orange.svg');
    width: 30px;
    height: 30px;
    background: #eb1010;
    display: block;
    transition: 400ms all cubic-bezier(0.32, 0.19, 0.22, 1.31);
}

.trigger-login-orange.active:hover span {
    transform: rotate(0deg);
}

.trigger-login-orange.active {
    background: #fff;
}

.trigger-login-orange.active span {
    width: 0;
    margin-right: 30px;
}

.module-login-orange .items {
    position: absolute;
    z-index: 0;
    top: -25px;
    left: -25px;
}

.module-login-orange .items div {
    width: 80px;
    height: 80px;
    position: absolute;
    transform: scale(0);
    transition: 400ms all 0ms linear;
    cursor: pointer;
    color: white;
    font-family: sans-serif;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.module-login-orange .items div:nth-of-type(1) {
    color: #000000;
    top: -20px;
    left: 110px;
    border-radius: 5px;
    transform-origin: bottom right;
    background-color: #fff;
    box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
}

.module-login-orange .items div:nth-of-type(2) {
    color: #eb1010;
    top: 65px;
    left: 110px;
    border-radius: 5px;
    transform-origin: bottom left;
    background-color: #fff;
    box-shadow: inset -1px 1px 2px 1px rgba(0, 0, 0, 0.25);
}

.module-login-orange .items div.active {
    transform: scale(1);
}

.module-login-orange .items .orange-title1 {
    position: absolute;
    font-size: 9px;
    bottom: -4px;
    left: 4px;
    color: #000;
}

.module-login-orange .items .orange-title2 {
    position: absolute;
    font-size: 9px;
    bottom: -18px;
    left: 0;
    color: #000;
}

.module-login-orange .items div a img {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.module-login-orange {
    position: relative;
    left: 10px;
    top: -35px;
}

.customSection .multiple-login .login-choices {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 560px) {
    .trigger-login-orange {
        width: 62px;
        height: 62px;
    }

    .module-login-orange .items div:nth-of-type(1) {
        left: 88px;
    }

    .module-login-orange .items div:nth-of-type(2) {
        left: 88px;
    }
}

/* CSS RALUCA */

.single-show-widget {
    background-color: #222222;
    padding: 5vw 0 0 4%;
    margin: 2% 0;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 99;
}

.showInfo .thumbSection .text-container {
    width: 87%;
    z-index: 20;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.showInfo .thumbSection .text-container h5 {
    padding: 0;
    flex: none;
    font-size: 20px;
    font-weight: 700;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    line-height: 1.1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media all and (max-width: 1110px) {
    .showInfo .thumbSection .text-container h5 {
        font-size: 18px;
    }
}

@media all and (max-width: 850px) {
    .showInfo .thumbSection .text-container h5 {
        font-size: 16px;
    }
}

@media all and (max-width: 560px) {
    .showInfo .thumbSection .text-container h5 {
        font-size: 3.5vw;
    }
}

.showInfo .thumbSection .text-container span {
    line-height: 1;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media all and (max-width: 850px) {
    .showInfo .thumbSection .text-container span {
        font-size: 14px;
    }
}

@media all and (max-width: 560px) {
    .showInfo .thumbSection .text-container span {
        font-size: 3.2vw;
    }
}

/*.single-show-widget.miruna-class  .thumbSection .thumbImage{*/
/*    width:95%;*/
/*}*/
/*.showInfo .thumbSection {*/
/*    overflow-x: hidden;*/
/*    min-height: 380px;*/
/*    !*padding-top: 20px;*!*/
/*}*/

.showSwiper .preview-trailer {
    height: 100%;
    /* margin-top: 4em;*/
    left: 85% !important;
}

@media all and (min-width: 1350px) {
    .showInfo .thumbSection {
        min-height: 340px;
    }

    .showSwiper .preview-trailer {
        height: 100%;
        left: 85% !important;
    }
}

@media all and (min-width: 1110px)
and (max-device-width: 1350px) {
    .showInfo .thumbSection {
        min-height: 340px;
    }

    .showSwiper .preview-trailer {
        height: 100%;
        left: 85% !important;
    }
}

@media screen and (min-width: 1024px) {
    .showInfo .thumbSection {
        min-height: 340px;
    }

    .showSwiper .preview-trailer {
        height: 100%;
        left: 85% !important;
    }
}

/*@media screen and (min-device-width: 768px)
    and (max-device-width: 1024px) {
        .showInfo .thumbSection {
            min-height: 300px;
        }
}

@media screen and (max-device-width: 480px)
    and (orientation: portrait) {
        .showInfo .thumbSection {
            min-height: 330px;
        }
}

@media screen and (max-device-width: 640px)
    and (orientation: landscape) {
        .showInfo .thumbSection {
            min-height: 330px;
        }
}

@media screen
    and (max-device-width: 640px) {
        .showInfo .thumbSection {
            min-height: 330px;
        }
}

@media screen and (min-device-width: 320px)
    and (-webkit-min-device-pixel-ratio: 2) {
        .showInfo .thumbSection {
            min-height: 350px;
        }
}

@media (device-height: 568px)
    and (device-width: 320px)
    and (-webkit-min-device-pixel-ratio: 2) {
        .showInfo .thumbSection {
            min-height: 350px;
        }
}

@media (min-device-height: 667px)
    and (min-device-width: 375px)
    and (-webkit-min-device-pixel-ratio: 3) {
        .showInfo .thumbSection {
            min-height: 350px;
        }
};*/

/* CSS CN */

#js-response-abonament.error,
.js-response-abonament.error {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.5;
}


div.metode-abonare .error {
    color: #ffffff;
    margin-top: 6px;
    font-family: "Red Hat Display", sans-serif;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.2px;
    margin-bottom: 0px;
}

#js-response-abonament.error::before {
    top: 4px;
}


/* CSS RALUCA */

.single-show-widget .show-more {
    position: absolute;
    color: #fff;
    top: 4vw;
    right: 4vw;
    font-size: 20px;
}

@media all and (min-width: 850px) {
    .single-show-widget .show-more {
        top: 5vw;
    }
}

@media all and (max-width: 1110px) {
    .single-show-widget .show-more {
        right: 7vw;
        font-size: 15px;
    }
}

@media all and (max-width: 400px) {
    .single-show-widget .show-more {
        font-size: 12px;
    }
}

.single-show-widget .show-more::after {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../images/icon-chevron-right-red.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    right: -30px;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media all and (max-width: 1110px) {
    .single-show-widget .show-more::after {
        width: 13px;
        height: 13px;
        right: -20px;
    }
}

.showInfo .thumbSection .text-container {
    width: 87%;
    z-index: 20;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.showInfo .thumbSection .text-container h5 {
    padding: 0;
    flex: none;
    font-size: 20px;
    font-weight: 700;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    line-height: 1.1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media all and (max-width: 1110px) {
    .showInfo .thumbSection .text-container h5 {
        font-size: 18px;
    }
}

@media all and (max-width: 850px) {
    .showInfo .thumbSection .text-container h5 {
        font-size: 16px;
    }
}

@media all and (max-width: 560px) {
    .showInfo .thumbSection .text-container h5 {
        font-size: 3.5vw;
    }
}

.showInfo .thumbSection .text-container span {
    line-height: 1;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media all and (max-width: 850px) {
    .showInfo .thumbSection .text-container span {
        font-size: 14px;
    }
}

@media all and (max-width: 560px) {
    .showInfo .thumbSection .text-container span {
        font-size: 3.2vw;
    }
}

.subscriptionContainer .via-others .metode-abonare .js-pay-custom p {
    color: #009ae1;
}

.metode-abonare.other {
    flex-wrap: wrap;
}

.subscription-swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    width: 100%;
    margin-right: 5px;
}

@media all and (min-width: 560px) {
    .subscription-swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
        width: 50%;
        margin-right: 5px;
    }
}

@media all and (min-width: 700px) {
    .subscription-swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
        width: 33.33%;
        margin-right: 6px;
    }
}

@media all and (min-width: 1100px) {
    .subscription-swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
        width: 32.8%;
        margin-right: 6px;
    }
}

.marketingimage.regular {
    display: none;
}

.marketingimage.mobile {
    display: block;
}

@media all and (min-width: 700px) {
    .marketingimage.regular {
        display: block;
    }

    .marketingimage.mobile {
        display: none;
    }
}

@media all and (max-width: 420px) {
    .abonamentSection .title {
        font-size: 18px;
    }
}

#pop-up-generic-message dialog.dialog-container button.close-button {
    border-radius: 0px;
    width: auto;
    padding: 0px 5px;
}

#pop-up-generic-message .close-button {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: red;
    width: auto;
}

#pop-up-generic-message .close-button:hover {
    color: darkred;
}

.revolut_button {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    font-size: 15px;
    margin: 25px 0 30px;
}

#revolut-pay {
    display: flex;
    align-content: center;
    text-align: center;
}


.hero-text-new .show-h1 {
    text-indent: -9999px
}

.first-row {
    display: flex;
}

.news-list .videoTrailerBox .vjs-controls-disabled .vjs-control-bar,
.news-list .videoTrailerBox .vjs-control-bar {
    width: 4em;
    height: 4em;
    top: 0.2em;
    right: 0.2em;
}

.news-list .video-js .vjs-mute-control span.vjs-icon-placeholder {
    width: 4em;
    height: 4em;
    position: absolute;
    z-index: 9999999;
    top: 0;
}

.news-list .vjs-button > .vjs-icon-placeholder:before {
    font-size: 2.5em;
    line-height: 1.6em;
}

.news-list .video-js .vjs-volume-panel {
    width: 6em;
    height: 6em;
}


#mixt-slider {
    margin-bottom: 50px;
}

@media all and (max-width: 650px) {
    #mixt-slider {
        margin-bottom: 2px;
    }
}


.hero .video_trailer_carousel {
    width: 100%;
    position: absolute;
}

.hero .video_trailer_carousel .video-js .vjs-mute-control {
    position: absolute;
    z-index: 88999999 !important;
/ / 888888
}

.hero .video_trailer_carousel .vjs-control-bar {
    right: 4%;
    top: 19.3vw;
    cursor: pointer;
    border-radius: 50%;
    width: 3.5vw;
    height: 3.5vw;
    background-color: rgba(34, 34, 34, 0.6);
    opacity: 1;
    z-index: 9999999;
}


.vjs-error-display {
    display: none;
}


#mixt-slider .swiper-button-prev,
#mixt-slider .swiper-button-next {
    display: none;
}


@media (max-width: 560px) {
    .hero .video_trailer_carousel .video-js .vjs-mute-control {
        width: 8vw;
        height: 8vw;
    }

    .hero .video_trailer_carousel .vjs-control-bar {
        width: 8vw;
        height: 8vw;
    }
}

.swiper-slide .button_play {
    font-size: 1.333vw;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #ea1d25;
    color: #ffffff;
    border-radius: 50px;
    padding: 0.6vw 2.4vw 0.6vw 4.7vw;
    position: relative;
    display: inline-block;
    letter-spacing: 0.5px;
    line-height: 1.5;
}

@media all and (max-width: 560px) {
    .swiper-slide .button_play {
        font-size: 16px;
        padding: 12px 40px 12px 64px;
        margin-top: 13px;
    }
}

.swiper-slide .button_play:hover {
    color: #ffffff;
    background-color: #d2141b;
}

.swiper-slide .button_play img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    padding: 0.33vw;
}

@media all and (max-width: 560px) {
    .swiper-slide .button_play img {
        padding: 5px;
    }
}

.swiper-slide:not(.editable) .editableLayer {
    background-image: url('../img/close-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 100%;
    height: 100%;
    /* border: 3px solid red; */
    /*z-index: 100;*/
    position: absolute;
    display: block;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    border: 2px solid red;
}

.swiper-slide.editable .play-episode {
    display: none;
}

.swiper-slide.editable .editableLayer {
    padding-bottom: 56.25%;
    height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: 1;
    position: relative;
    transition: none;
}

.swiper-slide.editable .editableLayer .close-episod {
    background: url(../img/exit-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    opacity: 1;
    width: 3.5vw;
    height: 3.5vw;
    background-size: 2vw;
    transition: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 51;
    border: 1px solid #ffffff;
    background-color: rgba(22, 22, 22, 0.3);
    border-radius: 50%;
    cursor: pointer;
}

@media (max-width: 1110px) {
    .swiper-slide.editable .editableLayer .close-episod {
        width: 6vw;
        height: 6vw;
        background-size: 4vw;
    }
}

@media all and (min-width: 850px) {
    .swiper-slide.editable:hover .editableLayer {
        background-color: rgba(22, 22, 22, 0.6);
    }
}

@media (max-width: 560px) {
    .swiper-slide.editable .editableLayer .close-episod {
        width: 10vw;
        height: 10vw;
        background-size: 5.5vw;
    }
}

.swiper-slide.editable .thumbImage::after {
    content: "";
    width: 100%;
    background-color: rgba(22, 22, 22, 0.7);
    height: 100%;
}

#editContinueWatching {
    background: url('../img/edit-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    display: inline-block;
    cursor: pointer;
}

@media all and (max-width: 850px) {
    #editContinueWatching,
    #editContinueWatching.editableButton {
        display: block;
        margin-left: auto;
        margin-top: -15px;
    }
}

#editContinueWatching img {
    height: 30px;
}

#editContinueWatching.editableButton {
    background: url('../img/exit-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.hero-button-like {
    background-image: url('../images/ic_show/ic_show_like.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: relative;
}

.hero-button-like::after {
    content: "";
    width: 1px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    height: 70%;
    background: #fff;
}

.hero-button-dislike {
    background-image: url('../images/ic_show/ic_show_dislike.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.hero-like {
    font-size: 1.333vw;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 50px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
}

.hero-like button {
    font-size: 16px;
    padding: 0;
    background-size: 2.3vw;
    background-position: center;
    transition: none;
    background-color: transparent;
    width: 100%;
}

.hero-button-like.selected {
    background-image: url('../images/ic_show/ic_show_like_selected.svg');
}

.hero-button-dislike.selected {
    background-image: url('../images/ic_show/ic_show_dislike_selected.svg');
}

.like-wrapper {
    display: flex;
    justify-content: center;
}

@media all and (max-width: 560px) {
    .hero-like button {
        background-size: 36px;
        padding: 12px 29px;
    }
}

@media all and (min-width: 560px) {
    .hero-like {
        flex-grow: 1;
    }

    .like-wrapper {
        justify-content: start;
    }
}

#pop-up-generic-message .modal-image {
    margin: auto;
    width: 300px;
    height: 180px;
    margin-bottom: 18px;
}

#pop-up-generic-message .modal-image img {
    height: 180px;
    object-fit: cover;
    border-radius: 5%;
}

#pop-up-generic-message .dialog-container {
    margin: auto;
    background: #161616;
}

#pop-up-generic-message .dialog-container button:not(.close-button) {
    background: #161616;
    border: 1px solid rgba(255, 255, 255, 0.22);
}

#pop-up-generic-message .dialog-container button:not(.close-button):hover {
    background: #eb1010;
}

#pop-up-generic-message .close-button {
    top: -5px;
    right: -5px;
}

.editable .full__link {
    display: none;
}

.thumbTiles.CWswiper-container {
    padding: 0 4%;
    position: relative;
    overflow: hidden;
}

.hero-button-like.selected {
    background-image: url('../images/ic_show/ic_show_like_selected.svg');
}

.hero-button-dislike.selected {
    background-image: url('../images/ic_show/ic_show_dislike_selected.svg');
}

#mixt-slider div.description-container {
    width: auto;
    margin: 0;
}

.suggestions-wrapper.listing-page .is_live::after,
.favorite-channel-list .is_livsse,
.liveSection .widget-live-channels .swiper-slide.is_live::after {
    content: "Live";
    display: block;
    position: absolute;
    width: 50px;
    height: 20px;
    background: #ea1d25;
    background-image: url('../images/icon-live-show.svg');
    background-repeat: no-repeat;
    background-position: 2px;
    background-size: 15px;
    border-radius: 3px;
    font-size: 12px;
    top: 6px;
    left: 6px;
    padding-left: 20px;
    padding-top: 1px;
    color: #ffffff;
}

.thumbTiles.channelSwiperD {
    padding: 0 4%;
    position: relative;
    overflow: hidden;
}

.thumbTiles.channelSwiperFav {
    padding: 0 4%;
    position: relative;
    overflow: hidden;
}

.add-to-channel-list {
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    background-image: url(../images/icon-heart.svg);
    background-repeat: no-repeat;
    background-size: 21px 21px;
    background-position: center center;
    background-color: rgba(34, 34, 34, 0.5);
    width: 40px;
    height: 40px;
    /*margin-right: 10px;*/
    position: relative;
    /*left: 18px;*/
    /*bottom: 12px;*/
    z-index: 101;
    transition: none;
}

@media all and (max-width: 560px) {
    .add-to-channel-list:hover {
        transition: none;
    }
}

.add-to-channel-list.added {
    background-image: url(../images/icon-heart-full.svg);
    background-color: rgba(234, 29, 37, 0.9);
}

@media all and (min-width: 560px) {
    .add-to-channel-list.added:hover {
        background-color: #d2141b;
    }
}

/*.add-to-channel-list .top span {*/
/*    position: absolute;*/
/*    top: 0px;*/
/*    left: 9px;*/
/*    width: 23px;*/
/*    height: 11px;*/
/*    overflow: visible;*/
/*}*/
/*.add-to-channel-list .top{*/
/*    top: 40px;*/
/*    bottom: auto;*/
/*}*/
.add-to-channel-list .top span::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

/* CSS RALU fav btn */

.mylistSection .live-animation {
    margin: 0;
    margin-bottom: 4px;
}

.mylistSection .listing-page .card-suggested .thumbImage .photoCover {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.mylistSection .listing-page .card-suggested .thumbImage::after {
    left: 0;
    right: 0;
}

.mylistSection .listing-page.favorite-channel-list .card-suggested .thumbImage .add-to-channel-list {
    position: absolute;
    bottom: 12px;
    left: 6px;
}

.favouritesChannels .thumbImage .add-to-channel-list {
    position: absolute;
    bottom: 12px;
    left: 6px;
}

.favouritesChannels .thumbImage .add-to-channel-list .top span {
    top: 31px;
}

.widget-channels .add-to-channel-list .top span {
    top: 38px;
}

.favorite-channel.add-to-channel-list {
    margin: 0 10px;
}

.metode-abonare .icon-pay input:not([type=checkbox]) {
    background-color: #333333;
    border-radius: 8px;
    color: #ffffff;
    border: 1px solid transparent;
    font-size: 18px;
    padding: 12px 20px;
    margin: 14px 0;
    height: 40px;
}

.subscription-swiper-container .metode-abonare .error {
    font-size: 16px;
}

.overflower .video-container.video-live {
    height: calc(100vh - 190px);
    margin-bottom: 5.4vw;
}

.video-container.video-live .live-animation {
    padding-top: 1%
}

.video-container.video-live img {
    padding-bottom: 6%;
}

@media all and (max-width: 1350px) {
    .video-container.video-live img {
        padding-bottom: 13%;
        height: 100%;
    }
}

@media all and (max-width: 560px) {
    .video-container.video-live img {
        height: auto;
    }
}

.video-container.video-live .live-animation .add-to-channel-list .top {
    bottom: 0;
    left: 54px;
}

.video-container.video-live .live-animation .add-to-channel-list .top span {
    position: absolute;
    top: 13px;
    left: -22px;
    width: 22px;
    height: 22px;
    overflow: hidden;
}

.video-container.video-live .live-animation .add-to-channel-list .top span::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    right: 0;
    transform: translate(46%, 20%) rotate(45deg);
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

.video-container.video-live .res-inner {
    transform: translate(-50%, -50%);
}

@media all and (max-width: 560px) {
    .video-container.video-live .res-inner {
        width: 80%;
        padding: 15px;
        transform: translate(-50%, -30%);
    }

    .video-container.video-live #playerHolder {
        transform: none;
    }
}

.light-wrapper {
    background-color: #F3F3F3;
    color: #161616;
    font-weight: 500;
    font-size: 17px;
    padding: 20px;
}

.light-wrapper a {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 17px;
    color: #273895;
}

.light-wrapper h1 {
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 1.1;
    font-weight: 700;
    margin: 0;
    text-align: center;
}

.light-wrapper h2 {
    font-size: 1vw;
    color: #222222;
}

.light-wrapper h3 {
    font-size: 1vw;
    color: #222222;
    margin: 20px 0;
}

.light-wrapper p, ul, ol {
    font-size: 0.8vw;
    color: #222222;
}

.note-canal {
    display: block;
    margin-bottom: 40px;
}

/* STUDENT */

.student-subscription {
    padding: 30px 16px 40px;
    margin: 0 auto;
    background-color: #222222;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 40px;
}

.student-subscription .student-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.student-subscription .student-wrap .symbol {
    width: 40px;
    margin-bottom: 20px;
}

.student-subscription .student-wrap .ab__titlu {
    font-size: 21px;
    color: #EA1D25;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 10px;
    text-align: center;
}

.student-subscription .student-wrap .ab__pret {
    font-size: 24px;
    line-height: 1.1;
    position: relative;
    padding: 10px 0;
}

.student-subscription .student-wrap .ab__pret .old-price {
    text-decoration: line-through;
    color: #D5D5D5;
    font-size: 18px;
}

.student-subscription .student-wrap .main-cta {
    min-width: 220px;
    margin-top: 0;
}

.subscriptionContainer.single .metode-abonare .item {
    margin-top: 0;
}

.subscriptionContainer.single .metode-abonare {
    max-width: 600px;
    margin: 0 auto;
}

.subscriptionContainer.single .metode-abonare .item .icon-pay .ab__pret {
    padding-top: 0;
}

.subscriptionContainer.single .metode-abonare .item .icon-pay .ab__mobilpay {
    margin: 15px 0 20px;
}

.subscriptionContainer.single .metode-abonare .icon-pay input:not([type=checkbox]) {
    max-width: 420px;
}

.subscriptionContainer.single .metode-abonare .item .icon-pay .main-cta {
    max-width: 420px;
}

.solicitare-ajutor.student-upload .custom-form input[type=submit] {
    margin-bottom: 20px;
}

.response.info {
    opacity: 0.6;
    font-size: 16px;
}

.solicitare-ajutor.student-upload {
    max-width: 600px;
    margin: 0 auto;
}

.student-upload .custom-file-input::before {
    content: url(../images/attach-doc3.svg);
    color: #ea1d25;
    display: flex;
    justify-content: center;
    border-radius: 3px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    padding-top: 3px;
}

.student-noauth .custom-file-like-input::before {
    content: url(../images/attach-doc3.svg);
    color: #ea1d25;
    display: flex;
    justify-content: center;
    border-radius: 3px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    padding-top: 3px;
}

.student-noauth .label-sm {
    opacity: 0.6;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
}

.student-noauth .custom-file-like-input {
    display: block;
    background-color: #333333;
    border-radius: 8px;
    color: #ffffff;
    border: 1px solid transparent;
    font-size: 18px;
    padding: 12px 20px;
    margin: 0 0 14px;
    height: auto;
}

.student-noauth .main-cta {
    margin-bottom: 10px;
    padding: 15px 20px;
}

@media all and (min-width: 700px) {
    .subscriptionContainer.single .success-msg::before {
        left: 21%;
    }
}

/* END STUDENT */

.student-upload #myuploadedfile {
    -moz-appearance: initial;
    background-image: url(../images/attach-doc3.svg);
    background-repeat: no-repeat;
    /*background-position-x: 10px;*/
    /*background-position-Y: center;*/
    background-position: center;
    cursor: pointer;
}

.student-upload #myuploadedfile[type=file]::file-selector-button {
    display: none;
}

.form-row .custom-file-input::before {
    content: none;
}

.form-row .custom-file-input {
    -moz-appearance: initial;
    background-image: url(../images/attach-new.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    height: 100%;
}

.form-row .custom-file-input[type=file]::file-selector-button {
    display: none;
}

/* module-student-subs */

.module-student-subs {
    position: relative;
    right: 0px;
    top: -25px;
}

.trigger-student-subs {
    width: 40%;
    height: 72px;
    border-radius: 5px;
    /*background: #fff;*/
    cursor: pointer;
    /*transition: 400ms all cubic-bezier(0.32, 0.19, 0.22, 1.31);*/
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.student-subscription .student-wrap .trigger-student-subs .main-cta {
    height: auto;
    /*padding: 6px 20px;*/
    min-width: 250px;
}

.trigger-student-subs span {
    width: 40%;
    height: 3em;
    /*background: #fff;*/
    display: block;
    transform: rotate(0deg);
    transition: 400ms all cubic-bezier(0.32, 0.19, 0.22, 1.31);
}

.trigger-student-subs.active:hover span {
    transform: rotate(0deg);
}

.trigger-student-subs.active {
    background: #fff;
}

.trigger-student-subs.active span {
    width: 0;
    margin-right: 30px;
}

.module-student-subs .items {
    position: absolute;
    z-index: 0;
    top: -25px;
    right: 0px;
}

.module-student-subs .items div {
    width: 80px;
    height: 80px;
    position: absolute;
    transform: scale(0);
    transition: 400ms all 0ms linear;
    cursor: pointer;
    color: white;
    font-family: sans-serif;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.module-student-subs .items div:nth-of-type(1) {
    color: #eb1010;
    /*top: -20px;*/
    /*left: 110px;*/
    /*border-radius: 5px;*/
    transform-origin: bottom right;
    /*background-color: #fff;*/
    /*box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.25);*/
}

.module-student-subs .items div:nth-of-type(2) {
    color: #eb1010;
    top: 40px;
    /*border-radius: 5px;*/
    transform-origin: bottom left;
    /*background-color: #fff;*/
    /*box-shadow: inset -1px 1px 2px 1px rgba(0, 0, 0, 0.25);*/
}

.module-student-subs .items div.active {
    transform: scale(1);
    left: 110px;
}

.module-student-subs {
    position: relative;
    left: 10px;
    top: -35px;
}

.student-subscription .student-wrap .module-student-subs .items .main-cta {
    min-width: 300px;
    margin-top: 0;
    font-size: 0.8vw;
    padding: 12px 10px;
}


.subscriptionContainer .student-subscription .module-student-subs {
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}

.subscriptionContainer .student-subscription .trigger-student-subs {
    width: 100%;
    position: relative;
    margin: auto;
}

.subscriptionContainer .student-subscription .trigger-student-subs.active span {
    margin: 0;
    width: 100%;
}

.subscriptionContainer .student-subscription .trigger-student-subs.active {
    background: transparent;
}

.subscriptionContainer .student-subscription {
    display: block;
    padding: 30px 16px 10px;
}

.subscriptionContainer .student-subscription .module-student-subs .items.active {
    display: flex;
}
.subscriptionContainer .student-subscription .module-student-subs .items {
    display: none;
    gap: 10px;
    justify-content: center;
    position: static;
}

.module-student-subs .items div {
    width: unset;
    height: unset;
    position: static;
}

.subscriptionContainer .student-subscription .module-student-subs .items div:nth-of-type(1) {
    transform-origin: top right;
}

.subscriptionContainer .student-subscription .module-student-subs .items div:nth-of-type(2) {
    transform-origin: top left;
}

.student-subscription .student-wrap .module-student-subs .items .main-cta {
    min-width: 260px;
    font-size: 11px;
}

/* Subscription page newdesign */

.subscriptionContainer.account--6luni p {
    margin-bottom: 0;
}

@media all and (max-width: 640px) {
    .subscriptionContainer .student-subscription .module-student-subs .items {
        flex-direction: column;
    }
}
.subscriptionContainer .subscription-swiper-container .swiper-slide.selected .metode-abonare .item .icon-pay {
    background: #161616;
    border: 2px solid #eb1010;
    border-radius: 8px;
    position: relative;
}
.subscriptionContainer .swiper-slide.selected .metode-abonare .item .icon-pay .main-cta {
    background-color: #eb1010;
}
.subscriptionContainer .swiper-slide .metode-abonare .item23 .icon-pay::before {
    content: 'PROMO';
    background: red;
    color: #fff;
    padding: 3px 5px;
    position: absolute;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 14px;
    right: 15px;
}
.subscriptionContainer .metode-abonare .item .icon-pay {
    align-items: start;
}
.subscriptionContainer .metode-abonare .item .icon-pay .submit {
    min-width: unset;
}
.subscriptionContainer .metode-abonare .item .icon-pay .ab__titlu,
.subscriptionContainer .metode-abonare .item .icon-pay .ab__titlu span {
    text-align: left;
    color: #fff;
}
.subscriptionContainer .metode-abonare .item .icon-pay .ab__titlu span {
    color: #fff;
}
.subscriptionContainer .metode-abonare .item {
    margin-top: 0;
}
.subscriptionContainer .ab__mobilpay {
    text-align: right;
    display: inline-block;
    width: 100%;
    margin: 20px 0 35px;
    padding-right: 10px;
}
.subscriptionContainer .metode-abonare .item .icon-pay .ab__month {
    top: -0.35em;
    position: relative;
    font-size: 14px;
    display: inline;
    padding: 0;
}
.subscriptionContainer .ab__mobilpay img {
    width: 64px;
    margin-left: 5px;
}
.subscriptionContainer .activeNewSubscribersVouchersCampaign input[type=checkbox] {
    width: unset;
    vertical-align: unset;
    margin: 0;
}
.subscriptionContainer .activeNewSubscribersVouchersCampaign input[type=checkbox] + label {
    width: unset;
    vertical-align: unset;
    margin: 0;
}
.subscriptionContainer .activeNewSubscribersVouchersCampaign {
    display: inline-block;
    border-radius: 50px;
    background-color: #eb1010;
    padding: 7px 10px;
    margin: 10px 0;
}
.subscriptionContainer .comment_star {
    margin: 0;
    display: inline-block;
    font-size: 13px;
}
.subscriptionContainer .comment_star a {
    color: #eb1010;
    font-weight: 600;
}
.subscriptionContainer .comment_voucher {
    margin: 35px auto;
    display: inline-block;
}
/* END Subscription page newdesign */

.subscription-swiper-container .metode-abonare .disclaimer {
    font-size: 12px;
    text-align: left;
    font-weight: 300;
    margin-top: 5px;
}
.subscription-swiper-container .metode-abonare .infobox-description {
    font-size: 12px;
    text-align: left;
}
.subscription-swiper-container .metode-abonare .ab__month_special {
    font-size: 14px;
    color: #D5D5D5;
    margin-top: 4px;
    position: absolute;
}
.privacy-policy.customSection ul li {
    color: #fff;
    font-size: 14px;
}
.privacy-policy.customSection ul li::before {
    top: 6px;
}

.weplore a {
    color: #ffffff;
    font-size: 2em;
}

.container_items {
    display: flex;
}
.container_items .thumbImage img{
    display: flex;
}

#w_eplore_tabs {
    width: 100%;
    max-width: 860px;
    border-bottom: 1px solid #555555;
    background-color: #161616;
    padding-left: 0;
    display: flex;
    align-items: center;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    transition: none;
    height: 61px;
    margin: 0 auto;
}

#w_eplore_tabs::after, #w_eplore_tabs::before,
.tabs::after {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#w_eplore_tabs::-webkit-scrollbar {
    display: none;
}

@media all and (max-width: 850px) {
    #w_eplore_tabs {
        width: 100%;
        max-width: none;
        height: 51px;
    }
}

#w_eplore_tabs li {
    list-style: none;
}

@media all and (max-width: 850px) {
    #w_eplore_tabs li:first-child {
        margin-left: 4%;
    }
}

#w_eplore_tabs li a {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    padding: 22px 0 14px;
    margin-right: 24px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

#w_eplore_tabs li a::after {
    content: " ";
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background-color: #ea1d25;
    position: absolute;
    bottom: 0;
    display: block;
}

@media all and (max-width: 850px) {
    #w_eplore_tabs li a {
        padding: 13px 0;
    }
}

#w_eplore_tabs li a.inactive::after {
    content: none;
}

#w_eplore_tabs li a.inactive:hover {
    opacity: 0.8;
}


/* Upgrade to premium */
.metode-abonare.upgrade .item {
    width: 100%;
    padding: 20px;
}
.metode-abonare.upgrade .item .symbol {
    width: 40px;
}
.metode-abonare.upgrade .item .ab__titlu {
    color: #fff;
    font-size: 26px;
    display: flex;
    align-items: center;
    margin: 0;
    gap: 20px;
}
.metode-abonare.upgrade .item .ab__pret {
    font-size: 26px;
    line-height: 1.1;
    position: relative;
    padding: 15px 0;
    text-align: left;
}
.metode-abonare.upgrade .item .upgradeToPremium {
    color: #ffffff;
    font-weight: 700;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    line-height: 1.2;
    width: 100%;
    font-size: 20px;
    padding: 12px 20px;
    text-decoration: none;
    margin: 0 auto;
    min-width: unset;
    background-color: #eb1010;
}
.metode-abonare.upgrade .disclaimer {
    font-size: 12px;
    text-align: left;
    font-weight: 300;
    margin-top: 5px;
    padding-left: 20px;
}
.metode-abonare.upgrade .premium_disclaimer {
    font-size: 16px;
    text-align: left;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 10px;
    display: inline-block;
}

.modal-top{
    display: flex;
    width: auto;
    position: relative;
}
.modal-image-close {
    width: auto;
    position: absolute;
    left: 0;
}
.modal-image-close-tr {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
}

.modal-image-close-tr img {
    align-self: flex-end;
    height: 40px;
}

dialog.dialog-container .modal-image-close-tr button {
    background: none;
}

.tc1{
    color:red;
}

.metode-abonare.upgrade .item .upgradeToPremium.custom-button.ghost-btn,
.metode-abonare.upgrade .item .custom-button.submit.main-cta.ghost-btn{
    background-color: #2b2b2b;
}
.canceled-subscription .subscriptionContainer .metode-abonare .item .icon-pay {
    max-width: 300px;
    border: 1px solid #ccc;
    margin: 15px auto;
}
.canceled-subscription .subscriptionContainer .metode-abonare .item .icon-pay .main-cta {
    background: #ef1010;
}

.response-container.error p.infobox-description {
    font-size: 13px;
    color: #ffffff;
    font-style: italic;
}