:root {
    --black: #1F2022;
    --teal: #01D19D;
    --white: #fff;
    --tealbark: #22ccc6;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue-Thin.eot');
    src: url('../fonts/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue-Thin.woff2') format('woff2'),
    url('../fonts/HelveticaNeue-Thin.woff') format('woff'),
    url('../fonts/HelveticaNeue-Thin.ttf') format('truetype'),
    url('../fonts/HelveticaNeue-Thin.svg#HelveticaNeue-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeueRegular.eot');
    src: url('../fonts/HelveticaNeueRegular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueRegular.woff2') format('woff2'),
    url('../fonts/HelveticaNeueRegular.woff') format('woff'),
    url('../fonts/HelveticaNeueRegular.ttf') format('truetype'),
    url('../fonts/HelveticaNeueRegular.svg#HelveticaNeueRegular') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue-Medium.eot');
    src: url('../fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue-Medium.woff2') format('woff2'),
    url('../fonts/HelveticaNeue-Medium.woff') format('woff'),
    url('../fonts/HelveticaNeue-Medium.ttf') format('truetype'),
    url('../fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue-Bold.eot');
    src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'),
    url('../fonts/HelveticaNeue-Bold.woff') format('woff'),
    url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'),
    url('../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue.eot');
    src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue.woff2') format('woff2'),
    url('../fonts/HelveticaNeue.woff') format('woff'),
    url('../fonts/HelveticaNeue.ttf') format('truetype'),
    url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue-Light.eot');
    src: url('../fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue-Light.woff2') format('woff2'),
    url('../fonts/HelveticaNeue-Light.woff') format('woff'),
    url('../fonts/HelveticaNeue-Light.ttf') format('truetype'),
    url('../fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/*Default-CSS*/
body.show-menu {
    overflow: hidden;
}
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
form select,
form textarea,
form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="submit"]):not([type="reset"]):not([type="image"]){
    border: 2px solid rgba(255, 255, 255, 0.8);
    height: 74px;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.8);
    border-radius: 60px;
    font-weight: normal;
    font-size: 30px;
    color: #aaa;
    padding: 0 0 0 30px;
}
form select{
    width: 100%;
    padding:0 30px;
}
form textarea{
    height: 100px;
    resize: none;
    padding: 20px 30px;
    border-radius: 25px;
}
html[dir="rtl"] input[type="password"],
form input[type="password"]{
    font-family: "HelveticaNeue" !important;
}

input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}
input[type="file"]::-moz-file-upload-button {
    cursor: pointer;
}
input[type="file"]::-ms-file-upload-button {
    cursor: pointer;
}
input[type="file"]::-o-file-upload-button {
    cursor: pointer;
}
input[type="file"] {
    cursor: pointer;
}
html body {
    font-family: "HelveticaNeue";
    margin: 0;
    background: var(--black);
    color: var(--white);
    scroll-behavior: smooth;
    padding-top: 100px;
}

html body.hide-add{
    padding-top: 0 !important;
}

html body.hide-add .external-banner{
    display: none;
}
*::-moz-selection {
    color: var(--white);
    background: var(--black);
}
*::-webkit-selection {
    color: var(--white);
    background: var(--black);
}
*::-webkit-input-placeholder {
    color: #818181;
    opacity: 1;
}
*:-moz-placeholder {
    color: #818181;
    opacity: 1;
}
*::-moz-placeholder {
    color: #818181;
    opacity: 1;
}
*:-ms-input-placeholder {
    color: #818181;
    opacity: 1;
}
a,
div a:hover,
div a:active,
div a:focus,
button {
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
a,
span,
div a:hover,
div a:active,
button {
    text-decoration: none;
}
*::after,
*::before,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

ul,
ul li,
ol,
li {
    list-style: outside none none;
    font-family: "HelveticaNeue";
}
body ul {
    margin: 0;
    padding: 0;
}

body a {
    outline: none;
    color: var(--teal);
}
body a:hover {
    color: #fff;
}
body .clearfix,
body .clear {
    clear: both;
    line-height: 100%;
}
body .clearfix {
    height: auto;
}
* {
    outline: none !important;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clr:after,
ul:after,
.clearfix:after,
li:after {
    clear: both;
    display: block;
    content: "";
}

.channels-dropdown-menu li:after,
.channels-dropdown-menu li:empty{
    display: none;
}

div input,
div select,
div textarea,
div button {
    font-family: "HelveticaNeue";
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: "HelveticaNeue";
    line-height: 140%;
    color: var(--white);
    font-weight: 500;
    margin: 0 0 15px;
}
body h1 {
    font-size: 24px;
}
body h2 {
    font-size: 22px;
}
body h3 {
    font-size: 18px;
}
body h4 {
    font-size: 16px;
}
body h5 {
    font-size: 12px;
}
body h6 {
    font-size: 10px;
}
body h1:last-child,
body h2:last-child,
body h3:last-child,
body h4:last-child,
body h5:last-child,
body h6:last-child {
    margin-bottom: 0;
}
div select {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div select option {
    font-size: 13px;
    color: #333;
    padding: 2px 5px;
}
img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
body p {
    color: var(--white);
    font-family: "HelveticaNeue";
    font-size: 15px;
    line-height: 140%;
    margin: 0 0 15px;
    padding: 0;
}
body p:empty {
    margin: 0;
    line-height: 0;
}
body p:last-child {
    margin-bottom: 0;
}
p strong {
    font-weight: 500;
}
.kd-left {
    text-align: left;
}
.kd-right {
    text-align: right;
}
.kd-center {
    text-align: center;
}

label em {
    color: #ff0000;
    display: inline-block;
    font-style: normal;
    vertical-align: top;
    margin-left: 5px;
}

.hidden {
    display: none !important;
}

iframe {
    display: block;
    border: none;
}

.gm-style img {
    max-height: inherit;
    max-width: none;
}

.container:after {
    content: "";
    display: block;
    clear: both;
}

.container {
    width: 100%;
    max-width: 1800px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    position: relative;
    float: none;
}

body .container .container {
    padding-left: 0;
    padding-right: 0;
}

/*scroll Hide*/

html.no-scroll {
    overflow: hidden;
}
html.no-scroll body {
    overflow: hidden;
    height: 100%;
}

/*button*/

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

/* Buttons styles start */

select{
    height: 73px;
    border-radius: 36.5px;
    background: transparent;
    border: 2px solid #707070;
    font-weight: bold;
    font-size: 27px;
    text-align: left;
    color: #b5b5b5;
}

.btn,
button {
    display: inline-block;
    border: 1px solid var(--teal);
    padding: 12px 35px;
    margin: 0;
    text-decoration: none;
    background: transparent;
    color: var(--white);
    font-family: "HelveticaNeue";
    font-size: 13.03;
    line-height: 120%;
    cursor: pointer;
    text-align: center;
    min-width: 164px;
    font-weight: 500;
    position: relative;
    transition: all 0.5s ease;
    border-radius: 8px;
}

.btn:hover,
.btn:focus,
button:hover,
button:focus {
    background: var(--teal);
    color: var(--black);
    transition: all 0.5s ease;
}

.round-coner {
    border-radius: 5px;
}

/* Button styles end */


/*lozad*/

.lozad {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
}


[data-loaded="true"] {
    animation-name: fade;
    animation-duration: 1.5s;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1;
}

@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/*lozad*/

/*grid*/
.kd-row:after {
    content: "";
    display: block;
    clear: both;
}
.kd-row {
    margin-right: -15px;
    margin-left: -15px;
}
.kd-half-offset {
    margin-left: 4.166666667%;
}
.kd-md-offset-12 {
    margin-left: 100%;
}
.kd-md-offset-11 {
    margin-left: 91.66666667%;
}
.kd-md-offset-10 {
    margin-left: 83.33333333%;
}
.kd-md-offset-9 {
    margin-left: 75%;
}
.kd-md-offset-8 {
    margin-left: 66.66666667%;
}
.kd-md-offset-7 {
    margin-left: 58.33333333%;
}
.kd-md-offset-6 {
    margin-left: 50%;
}
.kd-md-offset-5 {
    margin-left: 41.66666667%;
}
.kd-md-offset-4 {
    margin-left: 33.33333333%;
}
.kd-md-offset-3 {
    margin-left: 25%;
}
.kd-md-offset-2 {
    margin-left: 16.66666667%;
}
.kd-md-offset-1 {
    margin-left: 8.33333333%;
}
.kd-md-offset-0 {
    margin-left: 0;
}

.kd-1,
.kd-2,
.kd-3,
.kd-4,
.kd-5,
.kd-6,
.kd-7,
.kd-8,
.kd-9,
.kd-10,
.kd-11,
.kd-12 {
    float: left;
}
.kd-1,
.kd-2,
.kd-3,
.kd-4,
.kd-5,
.kd-6,
.kd-7,
.kd-8,
.kd-9,
.kd-10,
.kd-11,
.kd-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.kd-1 {
    width: 8.33%;
}
.kd-2 {
    width: 16.66%;
}
.kd-3 {
    width: 25%;
}
.kd-4 {
    width: 33.33%;
}
.kd-5 {
    width: 41.66%;
}
.kd-6 {
    width: 50%;
}
.kd-7 {
    width: 58.33%;
}
.kd-8 {
    width: 66.66%;
}
.kd-9 {
    width: 75%;
}
.kd-10 {
    width: 83.33%;
}
.kd-11 {
    width: 91.66%;
}
.kd-12 {
    width: 100%;
}

/*grid*/

/*Gapping*/
.section-gapping,
section {
    padding-bottom: 90px;
    padding-top: 90px;
    overflow: hidden;
    position: relative;
    transform: scale(1);
}
.pb-0{
    padding-bottom: 0 !important;
}
.pt-0{
    padding-top: 0 !important;
}
/*.main-contant{
    min-height: 100vh;
}*/

.main-contant {
    min-height: calc(100vh - 697px);
}

section.recently-added:hover,
section.featured:hover {
    z-index: 1;
}
.mt--95{
    margin-top: -95px;
}

.come-in {
    transform: translateY(150px);
    animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
    animation-duration: 0.6s;
}
.already-visible {
    transform: translateY(0);
    animation: none;
}

@keyframes come-in {
    to { transform: translateY(0); }
}
/*Gapping close*/


/* Slider Nowrap Css start */
section.featured + section.recently-added:not(.mt--95){
    padding-top: 0;
}

.five-slider.owl-carousel .owl-stage {
    white-space: nowrap;
}

.five-slider.owl-carousel .owl-item {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.five-slider.owl-carousel .owl-item > * {
    white-space: normal;
}

.five-slider.owl-carousel .owl-item > li,
.four-slider.owl-carousel .owl-item > li{
    width: 342px;
}

/* Slider Nowrap Css end */
.btn.lodemorebtn {
    margin: 0 auto;
    width: 225px;
    display: block;
    margin-top: 20px;
}
.HeroSlider .owl-stage.single {
    transform: translate3d(0px,0px, 0px) !important;
}

.HeroSlider  .owl-nav button {
    min-width: 1px;
    pointer-events: auto;
}
.HeroSlider .owl-nav.disabled,
.HeroSlider .owl-nav {
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.single-program-player .HeroSlider .owl-nav.disabled{
    display: none;
}
/*Default-CSS close*/

/*external banner*/
.external-banner {
    background: #1f2022;
    position: relative;
    padding: 0;
    margin-top: -120px;
}
.btn-leaderboard-close.btn {
    border: 0;
    padding: 0;
    color: #fff;
    min-width: 1px;
    float: none;
    margin-top: 10px;
}

.btn-leaderboard-close.btn:focus,
.btn-leaderboard-close.btn:hover{
    background-color: transparent;
    color: #ffffff;
}

.external-banner-area {
    line-height: 0;
    text-align: center;
}

.external-banner .external-banner-area {
    padding: 10px 0 20px;
}
.close-add-bnt{
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-left: 30px;
    max-width: 14%;
    width: 100%;
}

.close-add-bnt:hover{
    color: var(--teal);
}

.close-add-bnt i{
    color: var(--teal);
}

.external-banner-area-block{
    display: flex;
    justify-content: center;
}
/*external banner end*/

/*header*/
.external-banner + .header.fixed,
.external-banner + .header {
    position: sticky !important;
}
.external-banner-area .container {
    text-align: right;
}
.header {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 15px 0;
    background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
header.header.scrolling_down {
    top: -400px;
    transition: all 0.5s ease;
    transition-delay: 0.15s;
}
.header.fixed {
    background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
    padding: 15px 0;
    transition: all 0.5s ease;
}

.header.fixed .logo {
    max-width: 110px;
    transition: all 0.5s ease;
}

.external-banner + header .navbar > ul > li:hover > .sub-menu{
    top: 215px;
}

.header.fixed .navbar > ul > li.has-dropdown > .sub-menu{
    top: 100px;
}
.external-banner + header.fixed .navbar > ul > li.has-dropdown.channels-dropdown-show > .sub-menu {
    top: 100px;
}
.external-banner + header .navbar > ul > li.has-dropdown.channels-dropdown-show > .sub-menu {
    top: 215px;
}

.header .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.navbar > ul::after,
.header .container::after {
    display: none;
}
.header .left-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 64%;
    justify-content: space-between;
}
.header .left-menu .logo {
    max-width: 100px;
    width: 100%;
}
.left-menu .navbar {
    width: 79.4%;
}
.header .logo a {
    display: block;
    line-height: 0;
}
.navbar > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.navbar > ul > li.bbc-formobile{
    display: none;
}

li.has-dropdown.channels-dropdown:after {
    content: "";
    position: absolute;
    top: 20px;
    bottom: -360%;
    left: 0;
    right: 0;
    background: transparent;
    opacity: 0;
    cursor: pointer;
    display: none !important;
}

.channels-dropdown-menu li{
    padding: 0 10px;
}

.channels-dropdown-menu li a {
    opacity: 0.5;
    display: block;
    max-width: 150px;
    width: 100%;
}

.channels-dropdown{

}

.channels-dropdown-menu li.active a,
.channels-dropdown-menu li a:hover{
    opacity: 1;
}

.navbar > ul > li {
    position: relative;
}

.navbar > ul > li > a {
    font-family: HelveticaNeue;
    font-weight: bold;
    font-size: 18px;
    line-height: 15px;
    color: #fff;
    position: relative;
    padding: 6px 0;
}
.navbar > ul > li > a:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10%;
    margin: auto;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
    height: 2px;
    background: var(--teal);
}
.navbar > ul > li.active > a,
.navbar > ul > li > a:hover{
    color: var(--teal);
}
.navbar > ul > li.active > a:before,
.navbar > ul > li > a:hover::before {
    width: 100%;
    transition: all 0.5s ease;
    opacity: 1;
    visibility: visible;
}
.navbar > ul > li.has-dropdown > a{
    padding-right: 20px;
}
.navbar > ul > li.has-dropdown > a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: var(--teal) transparent transparent transparent;
    transform: translateY(-50%);
}
.navbar > ul > li.has-dropdown > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 125px;
    width: 100%;
    background: transparent;
}
.navbar > ul > li.has-dropdown > .sub-menu {
    position: fixed;
    left: 0;
    right: 0;
    top: 110px;
    background: #000;
    padding: 28px 0;
    z-index: 0;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}

/*.navbar > ul > li.has-dropdown.channels-dropdown-show > .sub-menu {
    transition: all 0.5s ease;
    top: 100%;
    opacity: 1;
    visibility: visible;
    top: 155px;
    pointer-events: auto;
}*/
.navbar > ul > li:hover .sub-menu {
    transition: all 0.5s ease;
    top: 100%;
    opacity: 1;
    visibility: visible;
    top: 85px;
    pointer-events: auto;
}

.navbar > ul > li.has-dropdown > .sub-menu:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20%;
    right: -20%;
    background: #000;
    z-index: -2;
}

.header .right-menu {
    width: 35%;
    transition: all 0.5s ease 0s;
}
.header .right-menu > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.header .right-menu > ul > li {
    position: relative;
    padding: 10px 0 10px 15px;
    transition: all 0.5s ease 0s;
}
.header .right-menu ul::after {
    display: none;
}
.header .right-menu > ul > li > a {
    display: block;
    font-family: "HelveticaNeue";
    font-weight: bold;
    font-size: 30px;
    line-height: 15px;
    color: #b5b5b5;
}

html[lang="en"] .header .right-menu > ul > li > a {
    font-family: 'Lato', 'GEDinarOne-Light', tahoma;
}
html[lang="en"] .header .right-menu > ul > li.change-lang > a {
    margin-top: -10px;
}
.header .right-menu > ul > li > a:hover{
    color: var(--teal);
}
.header .right-menu > ul > li > a:hover svg g,
.header .right-menu > ul > li > a:hover svg path,
.header .right-menu > ul > li > a:hover svg ellipse,
.header .right-menu > ul > li > a:hover svg line{
    stroke: var(--teal);
}
.mobile-menu{
    display: none;
}

.dropdown-menu {
    position: absolute;
    right: -50px;
    width: 324px;
    background: #525252;
    max-height: 0;
    transition: all 0.5s ease;
    overflow: visible;
    top: 110%;
    border-radius: 0;
    padding-top: 0;
    margin-top: 0;
    opacity: 0;
    pointer-events: none;
    padding: 10px 30px;
}
.user-icon:hover .dropdown-menu{
    max-height:500px;
    opacity: 1;
    pointer-events: auto;
    transition: all 0.5s ease;
}
.header .right-menu .dropdown-menu .user-login {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.header .right-menu .dropdown-menu .user-login > li {
    width: 100%;
}

.dropdown-menu .user-login li a {
    display: block;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #707070;
    font-weight: bold;
    font-size: 22px;
    color: #fff;
    text-transform: capitalize;
}
.dropdown-menu .user-login li:last-child a {
    border-bottom: none;
}
.dropdown-menu .user-login li a:hover {
    color: var(--teal);
}
.search-icon .search-click::before,
.user-icon .user-click::before {
    content: "";
    position: absolute;
    bottom: -10px;
    right: -14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 24px 20px 24px;
    border-color: transparent transparent #525252 transparent;
    opacity: 0;
    transition: all 0.5s ease;
}
.search-icon.show_search_bar .search-click::before,
.user-icon:hover .user-click::before {
    opacity: 1;
    transition: all 0.5s ease;
}
.search-icon .dropdown-menu {
    width: 270px;
    padding: 0;
    right: -30px;
    border: 1px solid #707070;
}

.search-icon.show_search_bar .dropdown-menu {
    max-height: 200px;
    opacity: 1;
    pointer-events: auto;
    transition: all 0.5s ease;
}
.dropdown-searchmenu form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    border-radius: 0;
    overflow: visible;
    margin-bottom: 0;
}
.dropdown-searchmenu form .form-group {
    position: relative;
    width: 100%;
    display: block;
}
.dropdown-searchmenu form .form-group input {
    width: 100%;
    height: 50px !important;
    padding: 0 50px 0 50px !important;
    font-size: 16px;
    border: none !important;
    font-size: 20px !important;
    color: #a09b9b !important;
}
.dropdown-searchmenu .btn-search {
    min-width: 1px;
    padding: 0;
    width: 15px;
    height: 100%;
    border-radius: 0;
    background: transparent !important;
    border: none;
    position: absolute;
    right: 13px;
    display: flex;
    top: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
}

.dropdown-searchmenu .voice-search {
    position: absolute;
    top: 0;
    right: initial;
    height: 100%;
    bottom: 0;
    border-right: 1px solid #707070;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}
.dropdown-searchmenu .voice-search a {
    display: block;
    width: 30px;
    height: 30px;
    background: var(--teal);
    border-radius: 50px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dropdown-searchmenu .btn-search:hover,
.dropdown-searchmenu .voice-search a:hover {
    background: #000;
}

.mmenu {
    width: 25px;
    height: 25px;
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
}

.mmenu span {
    position: relative;
    height: 1px;
    background-color: var(--white);
    width: 100%;
    transition: all 0.5s ease 0s;
}

.mmenu span:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    display: block;
    top: -8px;
    background-color: var(--white);
    transition: all 0.5s ease 0s;
}

.mmenu span:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    display: block;
    bottom: -8px;
    background-color: var(--white);
    transition: all 0.5s ease 0s;
}

span.mmenu.menu-close-icon span {
    background-color: transparent;
}

span.mmenu.menu-close-icon span:before {
    top: 0;
    transform: rotate(-45deg);
}

span.mmenu.menu-close-icon span:after {
    bottom: 0;
    transform: rotate(45deg);
}

/*header end*/

/*hero section*/
section.hero-section {
    padding-top: 0;
    overflow: hidden;
    padding-bottom: 0;
    /* margin-top: -100px; */ /* (NOTE: - When BG Img Set in Header) */
}
.external-banner + .header.fixed + script + section.hero-section {
    /* margin-top: -100px; */ /* (NOTE: - When BG Img Set in Header) */
}
.slider-banner {
    position: relative;
}
.slider-banner > div {
    display: block;
    white-space: nowrap;
}
.HeroSlider .item {
    position: relative;
}
.HeroSlider .item .HeroSlider-img {
    position: relative;
    padding-top: 56.35%;
}

.HeroSlider-img.HeroSlider-mobile-img > a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
}
.HeroSlider-img.HeroSlider-mobile-img > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.HeroSlider .item.hide-caption .HeroSlider-img::before{
    display: none;
}

.HeroSlider .item .HeroSlider-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* background: linear-gradient(90deg,rgba(50,60,76,0) 0,rgba(0, 0, 0, 0.6) 50%,rgba(0, 0, 0, 0.9)); */
    height: 100%;
    z-index: 1;
    opacity: 0.7;
    transform: scaleX(-1);
    /*display: none;*/
}
.HeroSlider .item .HeroSlider-img > img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.HeroSlider .item .HeroSlider-img > img.decktop-banner {
    display: block;
}
.HeroSlider .item .HeroSlider-img > img.mobile-banner {
    display: none;
}
.HeroSlider .item.hide-caption .HeroSlider-img iframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.HeroSlider .item.hide-caption .HeroSlider-img > img {
    opacity: 0;
    z-index: -1;
}
.HeroSlider .item .HeroSlider-info {
    position: absolute;
    bottom: 26%;
    left: 0;
    right: 0;
    max-width: 1800px;
    padding: 0 15px;
    z-index: 1;
    margin: auto;
    pointer-events: none;
}
.HeroSlider .item .HeroSlider-info > img,
.HeroSlider .item .HeroSlider-info .on-top > img {
    max-width: 770px;
    margin: 0;
    max-height: 290px;
    object-fit: cover;
    object-position: top center;
    width: auto;
}

.HeroSlider .item .HeroSlider-info > *{
    pointer-events: auto;
}
.HeroSlider .HeroSlider-info .quality {
    width: auto;
    display: block;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    padding: 6px 7px 8px 7px;
    text-align: center;
    font-family: 'HelveticaNeue' !important;
}

html[lang="ar"] .HeroSlider-info .seasons-category > span.quality,
.HeroSlider-info .seasons-category > span.quality{
    font-family: 'HelveticaNeue' !important;
}
.HeroSlider .HeroSlider-info .quality:empty{
    display: none;
}
.slider-banner .HeroSliderNav {
    position: absolute;
    bottom: 48px;
    left: 0;
    right: 0;
    z-index: 1;
    width: auto;
    margin: auto;
    max-width: 1800px;
    padding: 0 15px;
    transition: all 0.5s ease;
    pointer-events: none;
}
.slider-banner .HeroSliderNav .owl-stage-outer {
    display: flex;
    justify-content: center;
}
.slider-banner .HeroSliderNav > .item {
    display: inline-block;
    width: 400px;
    white-space: normal;
}
.slider-banner .HeroSlider .item {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    white-space: normal;
}
.slider-banner .HeroSliderNav .owl-stage-outer {
    overflow: visible;
    pointer-events: none;
}
.slider-banner .HeroSliderNav .owl-stage-outer > *{
    pointer-events: auto;
}
.slider-banner .HeroSliderNav .HeroSlider-img {
    position: relative;
    padding-top: 50.15%;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.5s ease;
    cursor: pointer;
}
.slider-banner .HeroSliderNav .current .HeroSlider-img,
.slider-banner .HeroSliderNav .HeroSlider-img:hover {
    transition: all 0.5s ease;
    transform: scale(1.18);
    z-index: 1;
}
.slider-banner .HeroSliderNav .current,
.slider-banner .HeroSliderNav:hover {
    z-index: 1;
}
.slider-banner .HeroSliderNav .HeroSlider-img > img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.HeroSlider .item .HeroSlider-info > * {
    max-width: 780px;
    width: 100%;
}
.HeroSlider .HeroSlider-info h2 {
    font-family: "HelveticaNeue";
    font-weight: bold;
    font-size: 94px;
    line-height: 120%;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 4px 0 3px rgba(0,0,0,0.3);
}
.HeroSlider .HeroSlider-info p {
    font-family: "HelveticaNeue";
    font-weight: 400;
    font-size: 22px;
    line-height: 140%;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.HeroSlider-info .seasons-category {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.HeroSlider-info .seasons-category > span{
    font-family: "HelveticaNeue";
    font-weight: bold;
    font-size: 30px;
    line-height: 100%;
    color: #fff;
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
}
.HeroSlider-info .seasons-category > span.seasons{
    padding-right: 30px;
    margin-right: 30px;
    border-right: 2px solid #fff;
}
.HeroSlider-info .action-button {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.add-fav > .btn,
.HeroSlider-info .action-button .btn {
    min-width: 1px;
    margin-right: 25px;
    min-width: 143.74px;
    border-radius: 75px;
    padding: 14px 24px;
    font-family: "HelveticaNeue";
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #fff;
    border: 3px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.HeroSlider-info .action-button .btn:hover{
    background: var(--teal);
    border-color: var(--teal);
}
.HeroSlider-info .action-button .btn:last-child{
    margin-right: 0;
}

.HeroSlider-info .action-button a.btn.play.watch-now-btn{
    white-space: nowrap;
    margin-left: 10px;
    border-color: transparent;
    background-color: var(--teal) !important;
    width: auto;
}

/*.HeroSlider-info .action-button .btn.play {
    background: var(--teal);
    border-color: var(--teal);
}*/
.HeroSlider-info .action-button .btn.play:hover{
    background: var(--teal);
    border-color: var(--teal);
}
.HeroSlider-info .action-button .btn > svg {
    margin-right: 10px;
    display: none;
}
.HeroSlider-info .action-button .btn img {
    width: auto;
    max-width: 18px;
    margin-right: 10px;
}
.add-fav > .btn img,
a.btn.add-to-fav img{
    transition: all 0.5s ease 0s;
    display: none;
}
.add-fav > .btn.add-to-fav:before,
.add-to-fav:before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    margin-right: 12px;
    line-height: 0;
    font-weight: 900
}
.add-fav > .btn.added-to-fav.add-to-fav:before,
.added-to-fav.add-to-fav:before {
    content: "\f068";
}
.slider-banner .owl-carousel .owl-item img.mobile-banner {
    display: none;
}
.HeroSliderNav .owl-item.active:hover {
    z-index: 2;
}

a.btn.add-to-fav.added-to-fav img {
    clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
}

.action-button > .icon > a {
    width: 54px;
    height: 54px;
    background: var(--teal);
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    border: none;
    cursor: pointer;
    position: relative;
}
.action-button > .icon img {
    width: auto;
}
.volume > img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.volume > img {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
}
.volume[data-mute="0"] > img.v-off {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}
.volume[data-mute="1"] > img.v-on {
    opacity: 1;
    transform: scale(1);
    pointer-events: none;
}
.action-button .close a {
    display: flex;
    border-radius: 50px;
    width: 54px;
    height: 54px;
    background-color: var(--teal);
    background-image: url("../images/close.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.action-button .icon {
    display: none;
    align-items: center;
}
.hide-caption .HeroSlider-info > :not(.action-button) {
    opacity: 0.4;
    z-index: -1;
    transition: all 0.5s ease;
}

.plus.share {
    display: inline-flex;
    padding: 0;
    border-radius: 18px;
    vertical-align: top;
    margin-right: 10px;
    width: 75px;
    height: 65px;
    border: 3px solid #fff;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 60px;
    transition: all 0.5s ease;
    position: relative;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.hide-caption span.plus.share {
    display: none;
}

.plus.share > img {
    max-width: 30px;
}

ul.social-share {
    position: absolute;
    left: -50px;
    right: -50px;
    background: #bdbebe;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    top: 0;
    border-radius: 6px;
    cursor: pointer;
    opacity: 0;
    transition: all 0.5s ease;
    transform: scale(0);
}

ul.social-share::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 30px;
    height: 0;
    margin: auto;
    top: 44px;
    z-index: -1px;
    border-style: solid;
    border-width: 20px 17px 0 17px;
    border-color: #bdbebe transparent transparent transparent;
}

ul.social-share > li {
    width: 33.33%;
    line-height: 130%;
}

ul.social-share > li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 9px;
    font-size: 23px;
    color: #fff;
}

.plus.share:hover {
    background-color: var(--teal);
}

.share:hover .social-share {
    top: -69px;
    transform: scale(1);
    opacity: 1;
}

.play-episode-box-video-share{
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.play-episode-sec .play-episode-box-video-share {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}

.play-episode-box-video-share .video-share {
    display: flex;
    align-items: center;
}

.play-episode-box .video-share {
    position: absolute;
    bottom: 70px;
    left: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.overlay-current-video-right {
    display: flex;
    align-items: center;
}

.play-episode-box .action-button .icon {
    display: flex;
    margin-right: 17px;
}

.call-back > .back {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    position: relative;
    display: flex;
    align-items: center;
    direction: ltr;
}

.video-widget .share:hover .social-share {
    top: 75px;
}

.video-widget ul.social-share::before {
    top: -19px;
    transform: rotate(180deg);
}

.video-widget > ul > li > .add-fav > a,
.video-widget > ul > li > a,
.video-widget > ul > li > .plus.share {
    border: 0;
    margin: 0;
    width: 45px;
    height: 45px;
    border-radius: 10px;
    background: transparent;
    border: 1px solid var(--teal);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    min-width: 1px;
}

.video-widget > ul > li.v-info:before {
    content: "";
    border-width: 12px;
    border-style: solid;
    border-top-color: transparent;
    border-bottom-color: rgba(1, 209, 157, 0.46);
    display: block;
    border-right-color: transparent;
    border-left-color: transparent;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 20px;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease 0s;
}

.video-widget > ul > li.v-info.show-info:before{
    opacity: 1;
    visibility: visible;
}

.video-widget > ul > li > .add-fav > a:hover,
.video-widget > ul > li > a:hover,
.video-widget > ul > li > .plus.share:hover{
    background-color: var(--teal);
}

.video-widget > ul > li > .add-fav > a::before{
    margin: 0 !important;
    font-size: 20px;
}

.video-widget > ul > li > .add-fav > a{
    font-size: 0;
}
.video-widget > ul > li > .add-fav > a.btn.add-to-fav::before {
    content: "\f004";
    font-weight: normal;
}
.video-widget > ul > li > .add-fav > a.btn.add-to-fav.added-to-fav::before {
    font-weight: bold;
}
.play-video-live-sec.hide-header .overlay-current-video-controls{
    opacity: 0;
    visibility: hidden;
}

.video-widget > ul {
    display: flex;
}

.video-widget > ul > li {
    margin: 0px 5px;
    position: relative;
}

.play-video-live-sec.hide-header .play-video-live-overlay{
    pointer-events: auto;
}

.play-video-live-overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    pointer-events: none;
}

.show-more-ep .more-episode-wrap {
    bottom: 50px;
    opacity: 1;
    z-index: 2;
    visibility: visible;
    pointer-events: auto;
    transition: all 0.5s ease;
}

.video-widget .hover-detail {
    position: absolute;
    top: 0;
    left: -270px;
    right: -120px;
    height: auto;
    background: rgba(1, 209, 157, 0.46);
    padding: 15px;
    border-radius: 5px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    transition: all 0.5s ease;
}

.video-widget > ul > li.show-info .hover-detail {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
    transition: all 0.5s ease;
    top: 65px;
}

.showoverlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(#000 0%, rgba(0, 0, 0, 0.33) 100%);
    z-index: -1;
    transition: all 0.5s ease;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
}

.show-more-ep .showoverlay {
    pointer-events: auto;
    z-index: 1;
    visibility: visible;
    opacity: 1;
    transition: all 0.5s ease;
}

.hover-detail .ser-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.video-widget .title-info {
    margin-bottom: 15px;
    max-width: 100%;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.video-widget .title-info span {
    font-weight: bold;
    font-size: 16px;
    text-align: right;
    color: #fff;
    margin-left: 10px;
}

.video-widget .s-video-detail {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.video-widget .s-video-detail > .img-wrap {
    width: 36%;
    padding-top: 19.75%;
    position: relative;
    overflow: hidden;
}

.video-widget .s-video-detail > .img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.video-widget .s-video-detail .content {
    width: 64%;
    padding-right: 20px;
}

.video-widget .s-video-detail .content p {
    font-weight: 500;
    font-size: 20px;
    text-align: right;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.more-episode .tab-wrap {
    min-height: 50px;
}

.tab-content.current {
    display: inherit;
}
.tab-content h4, .season-no h4 {
    font-weight: 500;
    font-size: 20px;
    color: #f0f0f0;
}


.episode-slider-invideo.slider .item {
    background: transparent;
}

.episode-slider-invideo.slider .item .img-wrap:hover {
    transform: scale(1);
}

.episode-slider-invideo .owl-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 32%;
    transform: translateY(-50%);
    left: 20px;
    right: 20px;
    pointer-events: none;
    transition: all 0.5s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.episode-slider-invideo .owl-nav button.disabled {
    opacity: 0.8;
}

.episode-slider-invideo:hover .owl-nav{
    opacity: 1;
    visibility: visible;
}

.episode-slider-invideo .owl-nav button {
    font-size: 4vw !important;
    min-width: 1px;
    pointer-events: auto;
}

.episode-slider-invideo.owl-carousel .owl-stage {
    white-space: nowrap;
}
.episode-slider-invideo.owl-carousel .owl-stage > div {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.season-no {
    margin-bottom: 20px;
}

.more-episode-wrap {
    position: absolute;
    bottom: -200%;
    left: 20px;
    right: 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.5s ease;
    /*padding-right: 7.7%;*/
    padding-right: 0%;
    overflow: hidden;
    bottom: 0;
}

.season-no > ul > li.active, .season-no > ul > li:hover {
    transition: all 0.5s ease;
    opacity: 1;
    background: var(--teal);
}

.season-no > ul > li {
    border-radius: 5px;
    background: transparent;
    border: 1px solid var(--teal);
    opacity: 0.61;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 7px;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.5s ease;
    padding: 10px 20px;
}

.season-no > ul > li.current {
    background: var(--teal);
}

.tab-newcontent {
    display: none;
}
.tab-newcontent.current {
    display: inherit;
}

.season-no > ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
    margin: 0 -7px;
}

.overlay-current-video-controls {
    display: flex;
    width: auto;
    justify-content: space-between;
    position: absolute;
    top: 0;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 9;
    align-items: center;
    opacity: 1;
    left: 0;
    right: 0;
    visibility: visible;
    transition: all 0.5s ease 0s;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    direction: rtl;
}

.show-more-ep .hide-header .overlay-current-video-controls {
    opacity: 1;
    visibility: visible;
}

.more-episode-wrap .episodes-name .date{
    color: #ffffff;
}

.overlay-current-video-left .channel-logo {
    max-width: 150px;
    height: 70px;
    padding-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay-current-video-left {
    display: flex;
    align-items: center;
}

.call-back {
    margin-right: 25px;
}

.video-duration > * {
    font-weight: bold;
    font-size: 22px;
    text-align: right;
    color: #fff;
    margin-left: 15px;
    margin-right: 15px;
}

.video-duration {
    border-right: 4px solid var(--teal);
    padding-right: 0;
}

.video-duration > :last-child {
    margin-left: 0;
}

.call-back > .back > span {
    width: 40px;
    height: 40px;
    line-height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 100%;
    font-size: 20px;
    margin-right: 10px;
}

.hide-caption .HeroSlider-info:hover > * {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
}
.hide-caption .HeroSlider-info .action-button > a {
    display: none;
}
.hide-caption .HeroSlider-info  .action-button .icon {
    display: flex;
}
.hide-nav-slider .HeroSliderNav {
    bottom: -350px;
    transition: all 0.5s ease;
}
header + section {
    padding-top: 20px;
}

.HeroSlider .owl-dots button span {
    width: 8px;
    height: 8px;
    background-color: #fff;
    display: inline-block;
    border-radius: 100%;
}

.HeroSlider .owl-dots button.active span{
    background-color: var(--teal);
}

.HeroSlider .owl-dots{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}

.HeroSlider .owl-dots button{
    min-width: 1px;
    margin: 0 5px;
}

/*hero section end*/

/*live TV*/
.title {
    font-family: Helvetica;
    font-weight: bold;
    font-size: 38px;
    line-height: 120%;
    color: #b5b5b5;
    margin-bottom: 32px;
    text-transform: capitalize;
}
.big.title{
    font-size: 58px;
}
.slider .four-slider.owl-carousel,
.slider .five-slider.owl-carousel {
    max-width: 96.5%;
    min-height: 160px;
}


.slider .item {
    display: block;
    border-radius: 7px;
    background: #38393b;
    position: relative;
}
.slider .item .img-wrap {
    position: relative;
    padding-top: 56.435%;
    border-radius: 7px;
    overflow: hidden;
    transition: all 0.5s ease;
    background: #38393B;
    line-height: 0;
}

.live .slider .item .img-wrap,
.live .slider .item {
    background: transparent;
}

.slider .item .img-wrap + .episodes-name{
    margin-top: 10px;
}

.episodes-section {
    padding-top: 30px;
}

.slider .item .img-wrap > img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}
.slider .item .img-wrap:hover{
    transition: all 0.5s ease;
    transform: scale(1.1);
}
.slider .owl-carousel .owl-stage-outer {
    overflow: visible;
}
.slider .owl-carousel .img-wrap,
.slider .owl-carousel > li .img-wrap {
    background-image: url("../images/placeholder.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% auto;
}
.slider .owl-carousel > li .img-wrap img{
    opacity: 0;
}
/*live TV end*/

/*bbcplayer*/
.bbcplayer .container{
    /*max-width: 1920px;*/
    padding: 0;
}

.bbcplayer .container {
    max-width: 100%;
}

.bbcplayer-slider .owl-item {
    transition: all 0.5s ease;
    transform: scale(1);
    opacity: 0;
}
.bbcplayer-slider-img {
    padding-top: 25.7%;
    position: relative;
}
.bbcplayer-slider-img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.bbcplayer-slider .owl-stage-outer {
    overflow: hidden;
    padding: 20px 0;
}
.bbcplayer-slider {
    max-width: 100%;
    margin-left: auto;
    /*    padding-left: 25%;*/
}

.bbcplayer-slider .owl-item.active {
    transition: all 0.5s ease;
    z-index: 1;
    opacity: 1;
}
.bbcplayer-slider .active.center {
    z-index: 2;
    opacity: 1;
    transform: scale(1.11);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}
.bbcplayer-slider .active.center + div + div {
    opacity: 0;
}
.bbcplayer-slider .owl-nav.disabled {
    display: flex;
}

.four-slider .owl-nav,
.five-slider .owl-nav,
.bbcplayer-slider .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 1;
    justify-content: space-between;
    display: flex;
    pointer-events: none;
}

.four-slider .owl-nav, .five-slider .owl-nav {
    position: fixed;
    top: calc(50% - -38px);
    right: 0;
    left: 0;
}


.four-slider .owl-nav button,
.five-slider .owl-nav button,
.HeroSlider .owl-nav button{
    width: 65px;
    height: 200px;
    border-radius: 10px 0 0 10px;
    background-color: rgba(0, 0, 0, 0.3) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
    min-width: 1px;
}

.four-slider .owl-nav button,
.five-slider .owl-nav button {
    height: 80px;
    width: 33px;
}

.four-slider .owl-nav button img,
.five-slider .owl-nav button img {
    min-width: 1px;
    max-width: 12px;
}

/*.four-slider .owl-stage-outer,
.four-slider,
.five-slider,
.five-slider .owl-stage-outer {
    position: static;
}

.featured .container,
.recently-added .container {
    position: static;
}

.featured,
.recently-added{
    position: relative;
}*/


.four-slider .owl-nav button.owl-prev,
.five-slider .owl-nav button.owl-prev,
.HeroSlider .owl-nav button.owl-prev {
    border-radius: 0 10px 10px 0px;
}
.bbcplayer-slider.owl-carousel .owl-nav button {
    min-width: 1px;
    pointer-events: auto;
    height: 200px;
    border-radius: 10px 0 0 10px;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url(../images/right-arrow.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
    width: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bbcplayer-slider.owl-carousel .owl-nav button:hover{
    background-color: rgba(0, 0, 0, 0.8);
}
.bbcplayer-slider.owl-carousel .owl-nav button.owl-prev {
    border-radius: 0 10px 10px 0px;
    background-image: url(../images/left-arrow.svg);
}
.bbcplayer-slider.owl-carousel .owl-nav button span{
    display: none;
}

.slider .item > a {
    display: block;
}
/*bbcplayer end*/

/*Featured*/
.item .details {
    display: block;
    padding: 25px 15px;
    position: absolute;
    top: 0;
    background: #38393b;
    max-height: 160px;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    overflow: hidden;
    bottom: auto;
}
.movies .item .details {
    top: 70%;
}
.item .details img{
    width: auto;
}
.item .details h3 {
    font-family: "HelveticaNeue";
    font-weight: bold;
    font-size: 24px;
    line-height: 120%;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 5px;
}
.item .details h3:last-child {
    margin-bottom: 0;
}
.item .details .seasons-category {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 18px;
}
.item .details .seasons-category span.episode-name {
    max-width: 100%;
}
.seasons-category span:empty {
    display: none;
}
.item .details .seasons-category span {
    font-family: "HelveticaNeue";
    font-weight: bold;
    font-size: 16px;
    line-height: 120%;
    color: #fff;
    position: relative;
    margin-right: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 45%;
}
.item .details .seasons-category span:last-child{
    margin-right: 0;
}
.item .details .seasons-category span.seasons {
    margin-right: 12px;
    padding-right: 12px;
    border-right: 2px solid #fff;
    max-width: 38%;
}
.item .details .seasons-category span.quality{
    /*width: 26px;*/
    width: auto;
    padding: 2px 3px;
    height: 17px;
    line-height: 17px;
    border-radius: 4px;
    background: transparent;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-family: "HelveticaNeue";
    font-weight: bold;
    font-size: 12px;
    color: #fff;
}
.item .details .action-div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.item .details .action-div a {
    font-family: "HelveticaNeue";
    font-weight: bold;
    font-size: 13px;
    line-height: 120%;
    color: #fff;
    position: relative;
    padding-left: 48px;
    min-height: 36px;
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.item .details .action-div a:last-child{
    margin-right: 0;
}
.item .details .action-div a > span {
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background: var( --teal);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var( --teal);
    transition: all 0.5s ease;
}
.item .details .action-div a.add-to-fav > span {
    background: transparent;
    border-color: #898989;
    padding: 12px;
}
.item .details .action-div a:hover{
    color: var( --teal);
}
.item .details .action-div a:hover > span {
    background: transparent;
    transition: all 0.5s ease;
}
.item .details .action-div a.add-to-fav:hover > span {
    background: var(--teal);
    border-color: var(--teal);
}
.slider .item.info .img-wrap {
    transform: none !important;
}
.slider .item.info:hover .details {
    top: 95%;
    opacity: 1;
    visibility: visible;
}

section.listing {
    padding-top: 0;
    transform: none;
}
section.listing.relatedNew-section {
    transform: scale(1);
}
section.listing.relatedNew-section .owl-nav {
    top: calc(50% - -24px);
}
.slider .item.info:hover > a {
    margin-top: -90px;
}
.slider .item.info{
    transition: all 0.5s ease;
}
.slider .item.info:hover {
    transform: scale(1.12);
    transition: all 0.5s ease;
}

.details .action-div .add-to-fav:before {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #898989;
    transition: all 0.5s ease;
}


.details .action-div .add-to-fav span.plus-icon {
    display: none;
}

.details .action-div .add-to-fav {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/*Featured end*/

/*footer*/
.cookies-block {
    background-color: #000;
    padding: 12px 24px;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 99;
}

.cookies-block p {
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
    width: calc(100% - 20px);
    padding-right: 10px;
}

.cookies-block p a{
    color: var(--teal);
}

a.cookies-close{
    width: 20px;
    height: 20px;
    display: block;
}

.footer{
    border-top:1px solid #535457;
    padding: 90px 0;
    position: relative;
    margin-top: 40px;
}
.footer .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.f-menu > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}
.f-menu > ul > li {
    margin: 0 35px;
}
.f-menu > ul > li a{
    font-family: "HelveticaNeue";
    font-weight: bold;
    font-size: 22px;
    line-height: 15px;
    text-align: center;
    color: #b5b5b5;
}
.f-menu > ul > li.active a,
.f-menu > ul > li a:hover{
    color: var(--teal);
}
ul.social-icon {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 45px;
}
ul.social-icon li {
    margin: 0 6px;
}
ul.social-icon li > a {
    width: 61px;
    height: 61px;
    background: #000;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 22px;
}
ul.social-icon li > a:hover {
    background: var(--teal);
    color: #1f2022;
}
ul.social-icon li.play > a {
    padding-left: 4px;
    padding-bottom: 3px;
}
.address ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}
.address ul li {
    font-family: "HelveticaNeue";
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    text-align: center;
    color: #b5b5b5;
    font-style: normal;
    position: relative;
    padding: 0 20px;
    border-right: 2px solid #b5b5b5;
}
.address ul li * {
    color: inherit;
    font-style: inherit;
}
.address ul li a:hover{
    color: var(--teal);
}
.address ul li:last-child {
    border-right-width: 0;
}
.note{
    margin-bottom: 60px;
}
.note p {
    font-family: "HelveticaNeue";
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #878181;
}
.copyright ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.copyright ul li{
    margin: 0 15px;
    font-family: "HelveticaNeue";
    font-weight: normal;
    font-size: 16px;
    line-height: 15px;
    text-align: center;
    color: #878181;
}
.copyright ul li * {
    color: inherit;
    font-style: inherit;
}
.copyright ul li a:hover{
    color: var(--teal);
}
/*footer end*/


/*series page*/
.seasons-category-listing,
.category-listing {
    margin-bottom: 60px;
    width: 60.8%;
}

/*.category-listing .owl-stage .owl-item li {
    padding-right: 0;
    padding-left: 0;
}*/

.category-listing .owl-stage .owl-item {
    padding-right: 0;
    padding-left: 0;
}

.seasons-category-listing > ul,
.category-listing > ul {
    height: 65px;
    background: #38393b;
    border-radius: 50px;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
}

/*.category-listing .owl-stage .owl-item:last-child,
.seasons-category-listing ul li:last-child {
    padding-right: 0;
}*/

.seasons-category-listing > ul{
    padding: 5px;
}

.seasons-category-listing > ul li,
.category-listing > ul li {
    min-width: 120px;
    padding-right: 0;
}

.category-listing > ul li {
    padding-right: 1px;
}

.seasons-category-listing > ul li{
    display: inline-block;
    vertical-align: top;
}

.seasons-category-listing > ul li a,
.category-listing > ul li a {
    font-family: "HelveticaNeue";
    font-weight: bold;
    font-size: 22px;
    line-height: 100%;
    text-align: left;
    color: #7b7b7b;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 70px;
    height: 55px;
    padding: 0 20px;
}

.seasons-category-listing.tab > ul li a{
    color: #7b7b7b;
}

.seasons-category-listing.tab > ul li.active a,
.seasons-category-listing.tab > ul li a:hover,
.seasons-category-listing > ul li a.active,
.seasons-category-listing > ul li a:hover,
.category-listing > ul li a:hover,
.category-listing > ul li a.active {
    background: #c9cacc;
    color: #38393B;
}

.tab.seasons-category-listing {
    display: inline-block;
}

.seasons-category-listing > ul li a{
    color: #ffffff;
}

.seasons-category-listing > ul li a.active{
    background-color: #FFFFFF;
    color: #000000;
}

.seasons-category-listing > ul,
.category-listing > ul .owl-stage {
    white-space: nowrap;
    flex-wrap: nowrap;
}
.category-listing > ul .owl-stage .owl-item {
    display: inline-block;
    vertical-align: top;
    float: none;
}
.show-listing-box .show-listing {
    margin: 0 -7.5px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.show-listing-box .show-listing h3.no_result {
    padding-left: 20px;
}
ul.show-listing.slider li {
    min-height: 100px;
}

.show-listing.movies a.item:hover {
    transform: scale(1.1);
}

.show-listing.movies .img-wrap:hover {
    transform: none;
}

.show-listing-box .show-listing .show-item {
    padding: 0 7.5px;
    width: 20%;
    margin-bottom: 30px;
}
.show-listing-box .show-listing .show-item a {
    border-radius: 7px;
    overflow: hidden;
    transition: all 0.5s ease;
}
.show-listing-box .show-listing .show-item:hover{
    z-index: 1;
}
.show-listing-box .show-listing .show-item:hover a {
    /*transform: scale(1.1);*/
    transition: all 0.5s ease;
}
.show-listing-box .show-listing .show-item .img-wrap {
    line-height: 0;
    position: relative;
    padding-top: 56.433%;
    border-radius: 7px;
    overflow: hidden;
    transition: all 0.5s ease;
    background-color: #38393B;
    background-image: url("../images/placeholder.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% auto;
}
.show-listing-box .movies .show-item .img-wrap {
    padding-top: 142.65%;
}
.show-listing-box .show-listing .show-item .img-wrap > img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.category-listing > ul .owl-nav {
    position: absolute;
    top: 0px;
    left: 5px;
    right: 5px;
    justify-content: space-between;
    display: flex;
    height: 100%;
    pointer-events: none;
}

ul.episodes-list.slider .catch-up-episodes {
    width: 100%;
}

.catch-up-episodes .show-list .episodes-name h3 {
    padding: 0;
}

.category-listing > ul.owl-carousel .owl-nav > button{
    pointer-events: auto;
    background: url(../images/right-arrow.svg) no-repeat center center;
    min-width: 1px;
    width: 60px;
    height: 100%;
    opacity: 0.75;
    background-color: #38393b !important;
}
.category-listing > ul.owl-carousel .owl-nav > button.owl-prev {
    background: url(../images/left-arrow.svg) no-repeat center center;
}
.category-listing > ul .owl-nav > button span{
    display: none;
}

.category-listing > ul.owl-carousel .owl-nav > button:hover{
    opacity: 1;
}
.category-listing > ul.owl-carousel .owl-nav > button.disabled {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.seasons-sec{
    overflow: visible;
}

.show-page .play-episode-external-right {
    display: none;
}
.show-page .play-episode-seasons-left {
    width: 100%;
    padding-right: 0;
}
.show-page .play-episode-seasons-left .show-item {
    width: 20%;
}
/*series page end*/


/*podcasts detail*/
.podcasts-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.podcasts-info .podcasts-img {
    position: relative;
    padding-top: 24.85%;
    border-radius: 12px;
    overflow: hidden;
    width: 49.436%;
}
.podcasts-info .podcasts-img > img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.podcasts-info .podcasts-detail {
    width: 49.436%;
    padding: 60px;
    background: rgba(104, 105, 106, 0.2);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    /*flex-direction: column;*/
    /*justify-content: space-between;*/
}
.podcast-name {
    margin-bottom: 40px;
    width: 100%;
}
.podcast-name h2 {
    font-family: "HelveticaNeue";
    font-weight: 500;
    font-size: 47px;
    line-height: 120%;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
.podcast-name span {
    display: block;
    font-family: "HelveticaNeue";
    font-weight: normal;
    font-size: 28px;
    line-height: 120%;
    color: #6f6f6f;
    margin-bottom: 10px;
}
.podcast-name span:last-child{
    color: #6f6f6f;
    margin-bottom: 0;
}
.podcast-name span.time {
    color: #d0d0d0;
}
.podcasts-detail p {
    font-family: "HelveticaNeue";
    font-weight: normal;
    font-size: 25px;
    line-height: 120%;
    color: #8e8c8c;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.podcast-player {
    background: #000000;
    max-width: 1006px;
    margin: 70px auto;
    padding: 15px 42px;
    border-radius: 12px 12px 0 0;
    position: relative;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.progress-bar {
    position: relative;
    max-width: 1208px;
    width: 100%;
    background: #707070;
    height: 5px;
    border-radius: 5px;
    overflow: visible;
}
.progress-bar .running-bar {
    background: #01d19d;
    filter: drop-shadow(0px 0px 10px rgba(245, 187, 0, 0.47));
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 5px;
    transition: all 0.5s ease;
}
.progress-bar .running-bar::before {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    width: 11px;
    height: 11px;
    background: #01d19d;
    filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.16));
    border-radius: 50px;
    border: 3px solid #ffffff;
}

.podcast-player .podcast-time {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 25px;
}
.podcast-time > span {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}
.podcast-time > span.remaning-time {
    margin: 0 63px;
    opacity: 0.5;
}

.podcast-player .podcast-action {
    display: flex;
    justify-content: center;
    align-items: center;
}

.podcast-action span{
    position: relative;
    cursor: pointer;
}

.podcast-player .podcast-action .play {
    margin: 0 32px;
    width: 63px;
}

.podcast-action span svg:hover {
    filter: drop-shadow(0px 0px 10px rgba(245, 187, 0, 0.47));
}

.podcast-action span svg:hover path{
    fill: #fff;
}

.podcast-player .podcast-action .play svg:hover > g > path {
    fill: #2e2f30;
    transition: all 0.5s ease;
    width: ;
}

.podcast-player-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}

.podcast-player-img{
    width: 110px;
    height: 55px;
    background-color: #343434;
    border-radius: 8px;
}

.podcast-player-progress-audio-block {
    width: calc(100% - 110px);
    padding-left: 47px;
}

.podcast-player-progress-audio-block iframe {
    width: 100%;
    height: 66px;
}

.podcast-player-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 18px;
}

.plus.share.audio-share-icon {
    position: absolute;
    top: 20px;
    right: -36px;
    width: 37px;
    height: 37px;
    border-radius: 0 5px 5px 0;
    background: #000;
    line-height: 37px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    margin: 0 !important;
}

.plus.share.audio-share-icon > img {
    max-width: 20px;
}

.plus.share.audio-share-icon:hover svg path {
    fill: #01D19D;
}

.player-controls-left a {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 24px;
    vertical-align: top;
    margin-right: 6px;
}

.player-controls-rigth span{
    font-size: 18px;
    color: #fff;
}

.podcast-player-progress-audio-block h2{
    font-size: 20px;
    color: #fff;
    margin-bottom: 5px;
}

.related {
    margin-top: 30px;
}
.episodes-list {
    position: relative;
    margin: 0 -7.5px;
    display: flex;
    flex-wrap: wrap;
}
.episodes-list > li {
    padding: 0 7.5px;
    margin-bottom: 15px;
    width: 20%;
}
.episodes-list > li.no_result {
    text-align: center;
    margin: 10px 0 150px 0;
}
.episodes-name {
    margin-top: 15px;
}

.episodes-name-with-date {
    position: relative;
}

.episodes-list > li .item {
    background: transparent;
    border-radius: 0;
}
.episodes-name h3 {
    font-family: "HelveticaNeue";
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-right: 0 !important;
    padding-left: 0 !important;
    position: relative;
    white-space: normal;
}

/*.episodes-name .time {
    border-right: 1px solid #fff;
    padding-right: 6px;
}*/

.episodes-name .category {
    border-left: 1px solid #fff;
    padding-left: 6px;
    margin-left: 4px;
}

.episodes-name .category,
.episodes-name .date,
.episodes-name .time {
    font-family: "HelveticaNeue";
    font-weight: normal;
    font-size: 14px !important;
    line-height: 100%;
    color: #6f6f6f;
    display: inline-block;
}
.episodes-name .date,
.episodes-name-with-date .date {
    position: absolute;
    right: 0;
    top: 5px;
    display: none;
}
/*podcasts detail end*/

/*channels start*/
.channels-listing {
    padding-top: 30px;
}

.channel-page-channels ul {
    background-color: #000;
    justify-content: space-between;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding: 10px;
    overflow: auto;
    scrollbar-width: 0 !important;
}

.action-button span.plus.share {
    margin: 0 !important;
}

.channel-page-channels ul::-webkit-scrollbar {
    display: none;
}

.channel-page-channels ul li {
    display: inline-block;
}

.channel-page-channels-sec{
    padding-bottom: 0;
}

.channel-page-channels-sec .container {
    padding: 0;
}

/*channels end*/

/*bbcplayer start*/
.bbcplayer-image img {
    width: 100%;
}

.bbcplayer-image {
    width: 100%;
    max-width: 440px;
}

.bbcplayer-image-block {
    padding-top: 10px;
    padding-bottom: 55px;
}

/*bbcplayer end*/

.catchup-slider-block.slider {
    margin: 0 -15px;
    width: auto;
    padding-top: 15px;
}

.catchup-slider .item .img-wrap {
    padding-top: 60.25%;
}

.catchup-tab .tab.seasons-category-listing{
    display: none;
}
.tab.seasons-category-listing:empty {
    display: none;
}
.catchup-full-video-sec {
    padding-top: 0px;
    margin-bottom: 50px;
}

.catchup-full-video-block {
    position: relative;
    padding-top: 56.2%;
    overflow: hidden;
}

.catchup-full-video-block > div,
.catchup-full-video-block > iframe,
.catchup-full-video-block > img{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.catchup-full-video-block > div{
    background-size: cover;
    background-position: center center;
}
.catchup-full-video-block > div .iframe-audio {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border: none;
    height: 66px;
    z-index: 999;
}
.catchup-full-video-block > img{
    object-fit: cover;
    object-position: top center;
}
.catchup-slider .owl-nav {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -2.5%;
    right: -2.5%;
    justify-content: space-between;
    pointer-events: none;
}

.catchup-slider .owl-nav button {
    min-width: 1px;
    pointer-events: auto;
}

.slider .catchup-slider.owl-carousel .owl-stage-outer {
    overflow: hidden;
    padding: 5px 0;
}

.owl-stage-outer .owl-stage {
    white-space: nowrap;
}
.owl-stage-outer .owl-stage .owl-item {
    display: inline-block;
    vertical-align: top;
    float: none;
}
.owl-stage-outer .owl-stage .owl-item > *{
    white-space: normal;
}
.drop-down .selected a {
    height: 73px;
    border-radius: 36.5px;
    background: transparent;
    border: 2px solid #707070;
    font-weight: bold;
    font-size: 27px;
    color: #b5b5b5;
    display: inline-block;
    line-height: 60px;
    display: block;
    position: relative;
}

.drop-down .selected .select-arrow {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.drop-down .selected a span {
    cursor: pointer;
    display: block;
    padding: 6px 70px 6px 30px;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.drop-down .option{
    position:relative;
}

.drop-down .options{
    background: #1F2022;
    list-style: none;
    padding: 0px 0px;
    position: absolute;
    left: 0px;
    top: 73px;
    width: auto;
    min-width: 170px;
    border: 1px solid #707070;
    z-index: 1;
    width: 100%;
    border-radius: 35px;
    overflow: hidden;
    display: none;
}
.drop-down .options ul {
    max-height: 324px;
    overflow: auto;
    scrollbar-width: thin;
}
.drop-down .options ul::-webkit-scrollbar {
    width: 5px;
}
.drop-down .options ul::-webkit-scrollbar-track {
    background: #3f3f40;
}
.drop-down .options ul::-webkit-scrollbar-thumb {
    background: #828283;
}

.drop-down .selected span.value, .drop-down .options span.value{
    display: none;
}

.drop-down .options ul li a {
    padding: 15px 20px;
    display: block;
    text-decoration: none;
    background: transparent;
    border-bottom: 1px solid #707070;
    font-weight: bold;
    font-size: 18px;
    color: #b5b5b5;
}

.drop-down .options ul li:last-child a {
    border-bottom: 0;
}
.drop-down .options ul li a.active,
.drop-down .options ul li a:hover{
    background:var(--teal);
    color:#fff;
    transition:0.2s ease;
}

.catch-up-episodes .episodes-list {
    padding-top: 0;
}

.catch-up-episodes .catch-up-episodes-select-box {
    padding-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.catch-up-episodes-select-box .drop-down {
    max-width: 400px;
    width: 100%;
    margin: 0 20px;
}

.catch-up-episodes {
    padding-top: 0;
}

.drop-down{
    position: relative;
}

.show-list .episodes-name h3 {
    font-weight: bold;
    font-size: 20px;
    color: #b5b5b5;
}

.show-list .episodes-name .time{
    font-size: 16px;
    color: #b5b5b5;
}

.show-list .episodes-name{
    padding-left: 20px;
    padding-right: 20px;
}

a.full-screen-icon {
    display: block;
    z-index: 1;
    position: absolute;
    bottom: 25px;
    right: 50px;
}

.livestrim-main-video .video a.full-screen-icon {
    bottom: auto;
    right: auto;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--black);
    padding: 7px;
}

.livestrim-main-video .video a.full-screen-icon svg{
    transition: all 0.5s ease 0s;
}

.full-screen-vodeo-show.livestrim-main-video .video a.full-screen-icon svg {
    transform: rotateY(180deg);
}


.full-screen-vodeo-show:not(.hide-slider-wrapper).livestrim-main-video .video a.full-screen-icon{
    left: 270px;
}

/*catchup end*/

/*show-program-movie start*/

.single-program-player .HeroSlider .item .HeroSlider-info {
    bottom: 8%;
}
.single-program-player .HeroSlider .item .HeroSlider-info > img {
    width: auto;
    margin: 0 0 0 4px;
}
.single-program-player .HeroSlider .HeroSlider-info p {
    font-size: 22px;
}
.HeroSlider .HeroSlider-info p strong {
    font-weight: 900;
}
.add-fav > .btn,
.single-program-player .HeroSlider-info .action-button .btn {
    font-size: 26px;
}

.play-trailer{
    font-weight: bold;
    text-decoration: underline;
    font-size: 30px;
    line-height: 39px;
    text-align: left;
    color: #fff;
}

.single-program-player .HeroSlider .item .HeroSlider-info > * {
    max-width: 870px;
}

.seasons-filter-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 0;
}

.seasons-filter-head .seasons-filter-nav {
    width: auto;
    min-width: 1px;
}

/*.seasons-filter-head > *{
    margin-bottom: 0 !important;
}*/

.seasons-filter-head .title {
    color: #ffffff;
    display: block;
    width: 100%;
}

.seasons-filter-nav {
    padding-left: 0;
    width: 100%;
}

.play-progress {
    height: 5px;
    background-color: #6d6d6d;
    border-radius: 10px;
    display: block;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.play-progress > span{
    background-color: #01D19D;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 20px;
}

.cast-and-crew-details *{
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}

.cast-and-crew-details h3{
    display: none !important;
}

.cast-and-crew-slider li {
    text-align: center;
}

.cast-and-crew-slider .item{
    display: block;
    border-radius: 0;
    background: transparent;
    position: relative;
}

.cast-and-crew-slider .item .img-wrap {
    padding-top: 100.5%;
    border-radius: 100%;
    background: transparent;
    background: #fff;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.5));
    margin-bottom: 15px;
}

.cast-and-crew-sec .slider {
    margin-right: -5%;
}

section.cast-and-crew-sec.mt--95 {
    margin-top: 0;
}

.related-main-sec .related{
    margin-top: 0;
}

/*show-program-movie end*/

.show-program-bbsplayer-img img {
    width: 100%;
    max-width: 233px;
    padding-bottom: 5px;
}

.show-program-bbsplayer-img > img {
    margin: 0;
}

/*show-program-movie end*/


/*play-episode start*/
.play-episode-sec {
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
}

.play-episode-sec .play-episode-box {
    padding-top: 42.83%;
    max-width: 76%;
    margin: 0 auto;
}

.play-episode-box > iframe,
.play-episode-box > img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

.play-episode-box > img{
    object-fit: cover;
    object-position: top center;
}

.play-episode-box{
    position: relative;
    overflow: hidden;
    background: #262626;
}
.play-episode-box > p.not-allowed-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    font-size: 20px;
    padding: 0 15px;
}
.video-play-icon {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
}

.play-episode-seasons-title h2 {
    font-weight: bold;
    font-size: 44px;
    color: #01d19d;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.play-episode-seasons-title h2 .play-episode-box-video-share {
    padding: 0;
}
.play-episode-seasons-title h2 .video-share {
    margin-left: 15px;
}

a.embad-code {
    display: inline-flex;
    padding: 0;
    border-radius: 18px;
    vertical-align: top;
    margin-right: 10px;
    width: 75px;
    height: 65px;
    border: 3px solid #fff;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 60px;
    transition: all 0.5s ease;
    position: relative;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

a.embad-code:hover{
    background-color: var(--teal);
}

.play-episode-seasons-sec {
    padding-top: 50px;
    overflow: visible;
}
section.seasons-sec.play-episode-seasons-sec{
    transform: none;
}
.play-episode-seasons-title {
    padding-bottom: 50px;
}

.play-episode-seasons-sec .seasons-filter-head {
    padding-bottom: 20px;
}

.play-episode-seasons-block {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.play-episode-seasons-left {
    width: calc(100% - 300px);
    padding-right: 60px;
}

.play-episode-seasons-left .episodes-list > li{
    width: 33.33%;
}

.my-favorite-videos-sec .play-episode-seasons-left .episodes-list > li{
    width: 20%;
}

.play-episode-external-right {
    width: 300px;
    padding-left: 0;
    position: sticky;
    top: 130px;
}

.play-episode-external-banner {
    position: relative;
    overflow: hidden;
    margin: 0 0 0 auto;
    max-width: 300px;
}
.play-episode-external-banner > iframe,
.play-episode-external-banner > img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: top center;
}

.name-of-cast {
    background: transparent;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 70px;
}

.related-main-sec {
    padding-bottom: 55px;
}

.cast-and-crew-sec {
    padding-bottom: 40px;
}

.name-of-cast h2 {
    font-weight: bold;
    font-size: 60px;
    color: #b5b5b5;
    padding-bottom: 40px;
}

.name-of-cast-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 1370px;
}

.name-of-image{
    width: 222px;
    height: 222px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    border-radius: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

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

.name-of-image-info {
    width: calc(100% - 370px);
    padding-left: 75px;
}

.name-of-image-info p{
    font-weight: 500;
    font-size: 30px;
    color: #fff;
}

/*play-episode end*/

/*Livestrim Start*/

.module-gallery {
    width: 100%;
    margin: 0 auto;
    position: relative;
    /*height: 100vh;*/
}

.module-gallery .slider-wrapper {
    display: flex;
    overflow: hidden;
    min-height: 1px;
    max-height: unset;
    flex-wrap: wrap;
}
.slider-thumb.livestrim-main-nav-thumb::after {
    display: none;
}
.module-gallery .slider-thumb .slick-prev,
.module-gallery .slider-thumb .slick-next {
    z-index: 1;
    height: 1em;
    width: 100%;
    background-color: #000;
    opacity: 0.3;
    transition: opacity 300ms ease;
    font-size: 1.5em;
    color: #fff;
}
.module-gallery .slider-thumb .slick-prev:before,
.module-gallery .slider-thumb .slick-next:before {
    content: '';
}
.module-gallery .slider-thumb .slick-prev:hover,
.module-gallery .slider-thumb .slick-next:hover {
    opacity: 0.5;
}
.module-gallery .slider-thumb .slick-prev {
    left: unset;
    top: -23px;
}
.module-gallery .slider-thumb .slick-next {
    top: unset;
    right: unset;
    bottom: -52px;
}
section.livestrim-main-sec {
    padding: 0;
}
.slider-thumb.livestrim-main-nav-thumb {
    width: 270px;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(31, 32, 34, 0.6);
    height: 100%;
    padding: 40px 0;
    transition: all 0.5s ease 0s;
}

.slider.slick-vertical .slick-slide .img-wrap,
.slider.slick-vertical .slick-slide{
    background: transparent;
}

.livestrim-main-nav-preview {
    width: 100%;
}

.slider-preview.livestrim-main-nav-preview li {
    height: 882px;
}
.livestrim-main-nav-preview .slick-list .slick-track > li > img {
    width: 100%;
    height: 100%;
}

li.type-image.slick-slide.slick-current.slick-active {
    opacity: 1 !important;
}
.slider-thumb.livestrim-main-nav-thumb .slick-list {
    padding: 0 32px;
    margin-bottom: 0;
    height: 100% !important;
}
.slider-thumb.livestrim-main-nav-thumb .slick-list li {
    margin-bottom: 25px;
}

.module-gallery .slider-thumb .slick-prev,
.module-gallery .slider-thumb .slick-next {
    top: 20px;
    z-index: 1;
    height: auto;
    width: auto;
    background-color: transparent;
    opacity: 1;
    transition: opacity 300ms ease;
    font-size: 1.5em;
    color: #fff;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
}
.module-gallery .slider-thumb .slick-next{
    top: auto;
    bottom: 20px;
}
.slick-track .slick-track { display: none; }

.livestrim-main-video-thumb .video {
    padding-left: 270px;
}

.livestrim-main-video .video{
    padding-left: 270px;
    transition: all 0.5s ease 0s;
    position: relative;
}

.video .video-wrap {
    padding-top: 0;
    position: relative;
    min-height: calc(100vh - 181px);
}
.video-wrap > div,
.video-wrap > iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.video-wrap > div {
    background-size: contain !important;
    background-repeat: no-repeat;
    background-color: #000;
}
.video-wrap > div p {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    max-width: 380px;
    text-align: center;
}

.video-wrap > div .iframe-audio {
    width: 100%;
    position: absolute;
    left: 0;
    height: 67px;
    bottom: 0;
}
.full-screen-vodeo-show:not(.hide-slider-wrapper) .slider-thumb.livestrim-main-nav-thumb {
    left: 0;
}

.full-screen-vodeo-show.hide-slider-wrapper .slider-thumb.livestrim-main-nav-thumb,
.full-screen-vodeo-show .slider-thumb.livestrim-main-nav-thumb {
    left: -270px;
}



.livestrim-main-video.full-screen-vodeo-show .video {
    padding-left: 0;
}

.hide-slider-wrapper .transparent-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 260px;
    z-index: 1;
    display: none;
}

/*Livestrim Start*/

/* My List start*/

.my-list-sec .big.title {
    margin-bottom: 60px;
}


/* My List end*/



/* Resume Watching Series Start*/
section.resume-watching {
    padding-top: 0;
}
.resume-watching .owl-item {
    padding: 20px 0;
}
.resume-watching-series-sec .big.title {
    margin-bottom: 80px;
}

.resume-watching-series-sec h2.title {
    margin-bottom: 20px;
    font-size: 30px;
}

.resume-watching-series-tab-contant > div{
    padding-bottom: 40px;
}

.resume-watching-series-tab-contant > div:last-child{
    padding-bottom: 0;
}

/* Resume Watching Series End*/


/* shign-up start */
.simple-user-block h2 {
    font-weight: bold;
    font-size: 50px;
    text-align: center;
    color: #b5b5b5;
    margin-bottom: 55px;
}

.field > input{
    width: 100%;
}

.field > input[disabled]::placeholder,
.field > input[disabled] {
    color: #403e3e !important;
}

.simple-user-block{
    width: 100%;
    max-width: 536px;
    margin-left: auto;
    margin-right: auto;
}

.simple-user-sec {
    padding-top: 50px;
    padding-bottom: 70px;
}

.form > .field {
    margin-bottom: 30px;
}

.custom-checkbox label:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    border: 1px solid var(--teal);
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-size: 0px;
    background-repeat: no-repeat;
    background-image: url('../images/checkmark.png');
    transition: all 0.5s ease 0s;
}

.custom-checkbox input:checked + label:before{
    background-color: var(--teal);
    background-size: 12px;
}

.custom-checkbox label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    line-height: 20px;
}

.custom-checkbox {
    position: relative;
}

.simple-user-form .custom-checkbox {
    text-align: center;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    margin: 0;
    width: 20px;
    height: 20px;
    z-index: 1;
}

.forg-password a {
    font-weight: normal;
    font-size: 28px;
    text-align: left;
    color: var(--teal);
}

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

.forg-password {
    padding-top: 16px;
    text-align: center;
}

.simple-user-btn {
    display: block;
    font-weight: bold;
    font-size: 35px;
    text-align: center;
    color: #fff;
    width: 100%;
    background-color: var(--teal);
    border-radius: 60px;
    padding: 16px 10px;
}

.simple-user-btn-block {
    padding-top: 45px;
}

.new-to-awaan-link-block p{
    font-weight: normal;
    font-size: 22px;
    text-align: center;
    color: #ffffff;
}

.new-to-awaan-link-block p a{
    text-decoration: underline;
}

.new-to-awaan-link-block {
    padding-top: 40px;
}

.sign-in-account-options p {
    font-weight: normal;
    font-size: 26px;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}

.sign-up-block .simple-user-btn-block {
    padding-top: 0;
}

.sign-in-account-options {
    padding-top: 50px;
}

.sign-in-account-options ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.sign-in-account-options ul li a.g-signin2 > div {
    margin: 0 auto;
}

.sign-in-account-options ul li {
    padding: 0 12px;
}

/*.sign-in-account-options ul li a {
    width: 76px;
    height: 76px;
    line-height: 72px;
    text-align: center;
    border: 2px solid #fff;
    display: block;
    border-radius: 100%;
    color: #ffffff;
    font-size: 36px;
    overflow: hidden;
    position: relative;
}*/

/*.sign-in-account-options ul li a.g-signin2:after {
    content: "\f0d5";
    font-family: "Font Awesome 5 Brands";
}*/

.sign-in-account-options ul li a.g-signin2 i{
    display: none;
}

/*.abcRioButton.abcRioButtonLightBlue {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
}*/

.sign-in-account-options ul li a {
    display: block;
    width: 100%;
    max-width: 222px;
    line-height: 0;
    margin-left: auto;
    margin-right: auto;
}


.sign-in-account-options ul li a.g-signin2 {
    margin-bottom: 10px;
}


/*.sign-in-account-options ul li a:hover{
    background-color: var(--teal);
    border-color: var(--teal);
    color: #000000;
}*/

/* shign-up end */

/* Setting start */

.settings-list li a {
    font-size: 26px;
    color: #fff;
    display: block;
    border-top: 1px solid #535457;
    padding: 26px 0;
}

.settings-list li a:hover{
    color: var(--teal);
}

.settings-list li:last-child a{
    border-bottom: 1px solid #535457;
}

form .val-error input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="submit"]):not([type="reset"]):not([type="image"]){
    border-color: #f70505;
}

.val-error-msg p,
.alert,
.validation-alert{
    padding: 10px 0;
    font-size: 26px;
    text-align: center;
}

.validation-alert.alert-danger{
    color: #f20505;
}

.alert.alert-success{
    color: green;
}

.alert.alert-danger,
.validation-alert.alert-danger{
    color: #f20505;
}

.val-error-msg {
    padding-bottom: 10px;
}

.user-form-bake-btn a{
    font-size: 26px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-form-bake-btn a img{
    margin: 0 10px 0 0;
}

.user-form-bake-btn {
    padding-top: 65px;
}

form .drop-down .selected a{
    border-color: #ffffff;
}

form .drop-down .selected a span{
    font-weight: normal;
    color: #656565;
}
/* Setting end */

/* search-result start*/

.search-result-sec {
    padding-top: 90px;
}

.search-result-tab .tab {
    margin-bottom: 145px;
}

/* search-result end*/

.terms-conditions-sec .big.title {
    font-weight: bold;
    font-size: 47px;
    text-align: center;
    color: #b5b5b5;
}

/* Terms & Conditions start */

.terms-conditions-content p{
    font-weight: 500;
    font-size: 30px;
    color: #fff;
}

.terms-conditions-content {
    width: 100%;
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 55px;
}

.owl-carousel div.owl-stage:after {
    display: none;
}

.no_result{
    color : #b5b5b5 !important;
    width: 100% !important;
}
/* Terms & Conditions end */


.intl-tel-input ul.country-list {
    position: absolute;
    z-index: 6;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: none;
    background-color: #252525;
    border: 1px solid #515050;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    top: 100%;
    left: 0;
    right: 0;
    width: 300px;
    overflow-x: hidden;
}

.intl-tel-input ul.country-list .country {
    padding: 10px 10px;
    border-bottom: 1px solid rgb(81, 80, 80);
    font-size: 14px;
}

.intl-tel-input ul.country-list .country > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    color: #fff;
    font-size: 14px;
}

.intl-tel-input .country-list .country .dial-code {
    color: #999;
}

.form-field.number {
    display: flex;
}

.intl-tel-input .selected-flag .iti-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: none;
}

.intl-tel-input.allow-dropdown .selected-flag {
    width: 100%;
}

.form-field.number .intl-tel-input.allow-dropdown {
    max-width: 140px;
    width: 100%;
}

.form-field.number .intl-tel-input.allow-dropdown input{
    width: 100%;
}

.intl-tel-input.allow-dropdown .flag-container {
    right: 0;
    left: 0;
}

.form-field.number #phone {
    width: calc(100% - 140px);
    margin-left: 15px;
}

.intl-tel-input .selected-flag .iti-arrow {
    right: 8px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #555;
}

.form-field.number .intl-tel-input.allow-dropdown input {
    width: 100%;
    padding-left: 10px !important;
}

.form-grp .radio {
    position: relative;
    cursor: pointer;
}
.form-grp .radio input[type="radio"] {
    opacity: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0;
    cursor: pointer;
}
.form-grp .radio input[type="radio"]:checked:not(old) + label {
    background-color: var(--teal);
    border-color: var(--teal);
}
.form-grp .radio input[type="radio"] + label {
    background-color: #5488d5;
    display: block;
}
.form-grp .radio input[type="radio"] + label {
    padding: 0;
    text-align: center;
    background-color: var(--black);
    height: 70px;
    line-height: 70px;
    margin: 0;
    border-radius: 50px;
    cursor: pointer;
    border: 1px solid #fff;
    transition: all 0.5s ease 0s;
    font-size: 18px;
}

.intl-tel-input ul.country-list *,
.intl-tel-input ul.country-list{
    font-family: 'HelveticaNeue' !important;
}

.smarttv-content-cotnainer img {
    margin-bottom: 20px;
}

.smarttv-tvtype-list {
    display: flex;
    flex-wrap: wrap;
}

.smarttv-tvtype-list li {
    margin: 5px;
}

.smarttv-tvtype-list li a {
    display: block;
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 20px;
    max-width: 220px;
    max-height: 430px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.smarttvbanner-slider-info h2{
    font-size: 30px;
    color: #ffffff;
}

.smarttvbanner-slider-info p{
    color: #ffffff;
    font-size: 18px;
}

.smarttvbanner-slider-img {
    position: relative;
    overflow: hidden;
    padding-top: 40.7%;
}

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

.smarttvbanner-slider-item {
    position: relative;
}

.smarttvbanner-slider-info {
    position: absolute;
    bottom: 30px;
    right: 0;
    left: 0;
    text-align: center;
}

.fluid-slider .owl-dots button span{
    width: 30px;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    background-color: #fff;
    display: block;

}

.fluid-slider .owl-dots button {
    min-width: 1px;
}

.fluid-slider .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.fluid-slider .owl-dots button.active span{
    background-color: #01d19d;
}

body.VideoPage .play-episode-sec,
body.VideoPage {
    padding-top: 0 !important;
}
body.VideoPage footer{
    display:none;
}
.address ul li > a[href="tel:97143077000"] {
    direction: ltr;
    display: block;
}

.remove-fav {
    position: static;
    top: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    border-radius: 50px;
    border: 2px solid #fff;
    z-index: 1;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    left: 50%;
    cursor: pointer;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.9);
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    transition: all 0.5s ease 0s;
}
.remove-fav:hover {
    border-color: var(--teal);
    color: var(--teal);
}

a.cc-btn.cc-dismiss {
    background-color: var(--teal);
}

a.cc-link {
    color: var(--teal) !important;
}

.dialog .cc-banner .cc-message {
    font-weight: bold;
    font-size: 16px;
    line-height: normal;
    text-align: left;
}

.cc-compliance a.cc-btn.cc-dismiss {
    background-image: url(../images/close.png);
    font-size: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
    border: 0;
    background-size: 20px;
}

.cc-window.cc-floating.cc-type-info.cc-theme-block {
    display: flex;
    flex-direction: row;
}

.cc-compliance {
    margin-left: 10px;
}

.cc-floating .cc-message {
    margin-bottom: 0 !important;
}

.cc-window.cc-floating {
    padding: 12px 24px !important;
}

.my-favorite-videos-sec .play-episode-seasons-left {
    padding-right: 0;
    width: 100%;
}

.slider-thumb.livestrim-main-nav-thumb .item .img-wrap {
    padding-top: 68.85%;
    border: 2px solid transparent;
}

.slider-thumb.livestrim-main-nav-thumb .item .img-wrap.current-channel{
    transform: scale(1.1);
    border-color: var(--teal);
}

html[dir="ltr"] .cookies-content {
    display: flex;
    align-items: center;
    justify-content: center;
}
html[dir="ltr"] .cookies-content p {
    max-width: 840px;
    width: 100%;
    padding: 0;
    margin: 0;
}
html[dir="ltr"] .cookies-content .cc-btn.cc-dismiss {
    margin-left: 30px;
}
a.cc-link:empty {
    display: none;
}

.header:before {
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    transition: all 0.5s ease 0s;
}
.abcRioButtonLightBlue{
    margin: 0px;
    width: 100% !important;
}

.abcRioButtonContents span{
    content: "Sign in with Google";
}


#Leaderboard{
    min-height: 90px;
}
#Leaderboard  iframe{
    display: unset;
}
.btn-leaderboard-close {
    color: var(--teal);
}
#Leaderboard > div{
    padding-top: 20px;
    padding-bottom: 10px;
}
.external-banner-area #Leaderboard > div{
    padding: 0px;
}

/* smart banner */
.smartbanner{
    height: 56px !important;
}
html[lang="ar"] .smartbanner-button{
    left: 20px !important;
}
.smartbanner-button{
    right:auto !important;
}
.smartbanner-info{
    margin-right: 12px !important;
    margin-top: -28px !important;
}

.smartbanner-icon{
    margin-top: -28px !important;
    width: 29px !important;
    height: 29px !important;
}

.smartbanner-ios .smartbanner-close{
    margin-top: -28px !important;
}

/* end smart banner */


.smartbanner.smartbanner-ios {
    position: relative;
    top: -80px;
    left: 0;
    right: 0;
}

.podcasts-detail .podcast-name span.date {
    display: none;
}

.embed-popup {
    background-color: rgba(0,0,0,0.9);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.5s ease 0s;
}

.embed-popup-info-div h2 {
    font-size: 22px;
}

.embed-popup-inner-blocks h3 {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    font-size: 18px;
}

.embed-popup-inner-blocks {
    padding-bottom: 20px;
}

.options-block-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.options-block-row .field {
    padding-right: 22px;
}

.embed-code {
    border: 1px solid #fff;
    border-radius: 5px;
}
.embed-code textarea{
    width: 100%;
    background: black;
    border: none;
    color: white;
}

.gen-embedd-btn {
    display: block;
    width: 100%;
    font-size: 16px;
    background-color: var(--teal);
    color: #fff;
}

.gen-embedd-btn:hover{
    background-color: transparent;
    color: #fff;
}

.embed-popup-inner {
    max-width: 750px;
    border: 1px solid #fff;
    padding: 15px;
    margin: 0 15px;
    background-color: #000000;
    max-height: 730px;
    overflow: auto;
    position: relative;
}

.embed-popup-inner-blocks form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="submit"]):not([type="reset"]):not([type="image"]) {
    width: 190px;
    height: 50px;
    font-size: 18px;
    padding: 0 0 0 10px;
}

.embed-popup-inner-blocks form {
    margin-bottom: 0;
}

.embed-popup-inner::-webkit-scrollbar {
    width: 5px;
}

.embed-popup-inner::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.embed-popup-inner::-webkit-scrollbar-thumb {
    background: #ccc;
}

a.embed-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
}

.embed-popup.show-embed-popup{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.embed-code-block h4 {
    font-size: 14px;
    margin-bottom: 10px;
}
.action-button span.plus.share {
    margin: 0 !important;
}

.search-suggestion {
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    background: #525252;
    max-height: 300px;
    overflow: auto;
    scrollbar-width: thin;
    z-index: 99;
    border: 1px solid #707070;
    border-top: 0;
}
.search-suggestion ul {
    height: 100%;
}
.search-suggestion::-webkit-scrollbar {
    width: 5px;
}
.search-suggestion::-webkit-scrollbar-track {
    background: #3f3f40;
}
.search-suggestion::-webkit-scrollbar-thumb {
    background: #828283;
}
.search-suggestion li {
    color: #fff;
    cursor: pointer;
    padding: 10px 15px;
    font-size: 14px;
    border-bottom: 1px solid #707070;
}
.search-suggestion li a{
    color: inherit;
    font-size: inherit;
}
.search-suggestion li:hover{
    color: var(--teal);
}


.external-banner-area .btn-leaderboard-close.btn {
    position: absolute;
    right: 0;
    top: 10px;
    margin: 0;
}

.current-item{
    border: solid 3px var(--teal) !important;
}

.Opinion-Matters {
    max-width: 650px;
    padding: 30px;
    margin: 0 auto;
    background: #1f2022;
    border-radius: 15px;
    box-shadow: 0 0 50px 0 rgba(255, 255, 255,0.1);
}
.Opinion-Matters .field {
    display: block;
}
.Opinion-Matters .field > label {
    width: 100%;
    display: block;
    line-height: 120%;
    margin-bottom: 10px;
}
.Opinion-Matters .field textarea,
.Opinion-Matters .field select,
.Opinion-Matters .field input {
    height: 60px !important;
    font-size: 16px !important;
    width: 100%;
}
.Opinion-Matters .field textarea{
    height: 100px !important;
}
.Opinion-Matters .field.form-grp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Opinion-Matters .field.form-grp .radio {
    width: 48%;
}
.Opinion-Matters .form-grp .radio input[type="radio"] + label {
    height: 60px !important;
    line-height: 60px !important;
    font-size: 16px;
}
.Opinion-Matters .action-btn.center {
    text-align: center;
}
.action-btn.center .btn {
    background: var(--teal);
    color: var(--white);
    width: 100%;
    border-radius: 50px;
    padding: 15px;
    font-size: 16px;
}
.action-btn.center .btn:hover{
    background: #009B74;
    color: var(--white);
}
section.listing .container > h1.big.title {
    display: none;
}
.main-contant > .header:first-child + script + .hero-section {
    /* margin-top: -130px; */
}
.img-wrap > .top-img {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 45px;
    z-index: 1;
}
.movies .img-wrap > .top-img {
    width: 60px;
}
.HeroSlider .on-top {
    margin-bottom: 15px;
}
.top10 {
    display: flex;
    margin: 0px 0 15px 0;
}
.HeroSlider .top10 .top-img .no-wrap {
    width: 50px;
    margin-right: 10px;
    position: relative;
}
.HeroSlider .top10 .top-img .no-wrap .no {
    position: absolute;
    top: 18px;
    font-size: 22px;
    left: 0;
    right: 0;
    text-align: center;
    color: var(--teal);
    font-weight: 900;
    margin: 0;
}
.top10 .top-img {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.img-wrap > .top-img .no {
    position: absolute;
    top: 15px;
    color: var(--teal);
    font-weight: 900;
    text-align: center;
    display: block;
    right: 0;
    left: 0;
    font-size: 20px;
}
.movies .img-wrap > .top-img .no {
    top: 23px;
    font-size: 24px;
}

.slider .four-slider.owl-carousel .owl-item,
.slider .five-slider.owl-carousel .owl-item {
    opacity: 0;
    transition: all 0.5s ease;
}
.slider .four-slider.owl-carousel .owl-item.active,
.slider .five-slider.owl-carousel .owl-item.active {
    opacity: 1;
    transition: all 0.5s ease;
}

.slider .item.loaded {
    background: transparent;
}
.slider .item.loaded .img-wrap {
    background: transparent;
}




/* START CALENDER PAGE */
.header.ramadan-header {
    background: url("https://beta.awaandev.mangomolo.com/images/Background.jpg");
    background-size: cover;
    background-position: center left;
}
.ramadan_comm_sec .owl-stage-outer {
    background-color: #000;
}
.ramadan_comm_sec.slider-banner {
    padding-bottom: 0;
    /* padding-top: 100px; */
}
.main-contant > .header:first-child + script + .hero-section.ramadan_comm_sec.slider-banner {
    margin-top: 0;
    padding-top: 0;
}
.ramadan_comm_sec .slider_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ramadan_comm_sec .slider_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider_wrap {
    display: block;
    margin: 0 auto;
    /* background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%); */
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, #0000002b 100%);
    border-radius: 66px;
    border: 0px solid #707070;
    overflow: hidden;
    z-index: 1;
    width: 82.8%;
    padding-top: 46.55%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.slider_wrap::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(180deg,rgba(59, 85, 136, 0) 0%, #1c1d1f85 100%);
    height: 100%;
    z-index: 1;
}
.program-info {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    width: 100%;
    padding-left: 122px;
    padding-right: 76px;
    padding-bottom: 75px;
    padding-top: 55px;
    max-width: 900px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.hide-nav-slider .hide-caption .program-info > h2,
.hide-nav-slider .hide-caption .program-info > div,
.hide-nav-slider .hide-caption .program-info > p {
    opacity: 0.4;
    transition: all 0.3s ease-in-out;
}
.hide-nav-slider .hide-caption .program-info:hover > h2,
.hide-nav-slider .hide-caption .program-info:hover > div,
.hide-nav-slider .hide-caption .program-info:hover > p {
    opacity: 1;
}
.hide-nav-slider .hide-caption .program-info div.action-button{
    opacity: 1;
}
/*  .hide-caption .program-info {
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
 } */
.year {
    position: absolute;
    top: 66px;
    left: 122px;
    z-index: 2;
}
.program-info h2 {
    width: 100%;
    margin-bottom: 32px;
    max-width: 337px;
}
.timing span {
    font-size: 26px;
    margin-right: 17px;
}
.program-info p {
    font-size: 20px;
    margin: 10px 0 20px;
    min-height: 30px;
}
.program-info .action-button .icon {
    display: none;
    line-height: 0;
    vertical-align: bottom;
}
.ramadan_comm_sec .hide-caption .action-button .icon {
    display: inline-flex;
}
.ramadan_comm_sec .action-button a {
    width: 58px;
    height: 58px;
    background: #04D19D;
    border-radius: 40px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
    border: 1px solid transparent;
    font-weight: 500;
}
.ramadan_comm_sec .action-button .close {
    display: inline-block;
}
.ramadan_comm_sec .action-button a:hover{
    background: transparent;
    border-color: #fff;
}
.ramadan_comm_sec .volume img,
.ramadan_comm_sec .close img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.ramadan_comm_sec .volume img{
    opacity: 0;
}
.ramadan_comm_sec .volume[data-mute="0"] img.v_off {
    opacity: 1;
    pointer-events: auto;
}
.ramadan_comm_sec .volume[data-mute="1"] img.v_on {
    opacity: 1;
    pointer-events: auto;
}
.ramadan_comm_sec .action-button a.volume img,
.ramadan_comm_sec .action-button .close a img  {
    width: auto;
}
.btn_available,
.btn_watch {
    display: inline-block;
}
.action-button .btn_available a,
.action-button .btn_watch a {
    width: auto;
    line-height: 55px;
    padding: 0 38px;
    height: 58px;
    font-size: 23px;
    color: #fff;
}
.action-button .btn_available a span {
    display: inline-block;
    position: relative;
    top: 2px;
}
.progress-hd {
    margin-bottom: 20px;
}
.program-info .progress-hd > span {
    margin-right: 10px;
    margin-left: 0;
}
.progress-hd > span {
    display: inline-block;
    vertical-align: middle;
    font-size: 19px;
    line-height: 140%;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 10px;
    margin-left: 10px;
    font-weight: bold;
    padding: 10px;
    background-color: #1C1D1F;
}
.ramadan_comm_sec .owl-nav {
    position: absolute;
    left: 0;
    margin: auto;
    height: 184px;
    width: 82.8%;
    pointer-events: none;
    top: 50%;
    transform: translateY(-50%);
}
.ramadan_comm_sec .owl-carousel .owl-nav button {
    width: 60px;
    height: 100%;
    min-width: auto;
    pointer-events: all;
    background: #5252525e;
}
.ramadan_comm_sec .owl-carousel .owl-nav button.owl-prev {
    border-radius: 0 14px 14px 0;
    float: left;
}
.ramadan_comm_sec .owl-carousel .owl-nav button.owl-next {
    float: right;
    border-radius: 14px 0 0 14px;
}
.hero-section .owl-carousel .owl-nav button span {
    font-size: 0;
    width: 100%;
    background-size: 22px;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    background-position: center;
}
.hero-section .owl-carousel .owl-nav button.owl-prev span {
    background-image: url("../images/left2.png");
    filter: brightness(0) invert(1);
    transition: all 0.3s ease;

}
.hero-section .owl-carousel .owl-nav button.owl-prev:hover span{
    filter: brightness(1) invert(0);
}
.hero-section .owl-carousel .owl-nav button.owl-next span {
    background-image: url("../images/right2.png");
    filter: brightness(0) invert(1);
    transition: all 0.3s ease;
}
.hero-section .owl-carousel .owl-nav button.owl-next:hover span {
    filter: brightness(1) invert(0);
}


.ramadan_comm_sec .item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.program-info .episodes p {
    font-size: 28px;
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
    margin-bottom: 10px;
}
.program-info .episodes p span {
    margin-left: 10px;
    display: inline-block;
}
.ramadan_comm_sec .HeroSlider .item.hide-caption .HeroSlider-img > img {
    opacity: 1;
    z-index: 1;
}
.ramadan_comm_sec .HeroSlider .HeroSlider-img > img {
    /* display: block !important; */
}
.ramadan_comm_sec .slider_info {
    position: relative;
    z-index: 2;
}
.ramadan_comm_sec .HeroSlider .owl-dots {
    display: none;
}
.progress-hd .mobile_text {
    display: none;
}





.listing_sec .title {
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;
}
.listing_sec .comm_list_inner {
    max-width: 1741px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.listing_sec .title h2 {
    font-size: 40px;
    color: #B5B5B4;
}
.list ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8.5px;
    margin-right: -8.5px;
}
.list ul li {
    display: inline-block;
    margin-bottom: 33px;
    width: 20%;
    padding: 0 8.5px;
}
.list li a {
    display: block;
    position: relative;
    padding-top: 56%;
    border-radius: 12px;
    overflow: hidden;
}
.list li a:hover {
    transform: scale(1.1);
    z-index: 1;
}
.list li a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.more {
    text-align: center;
    margin-top: 35px;
}
.more a {
    display: inline-block;
    border: 2px solid var(--teal);
    padding: 0 60px;
    height: 53px;
    line-height: 48px;
    border-radius: 11px;
    background: transparent;
    font-size: 20px;
    color: #fff;
}
.more a:hover {
    background: var(--teal);
}



.mobile_connect {
    display: none;
}
/* END CALENDER PAGE */



/* START SHOW PAGE CODE */

.listing_sec.ep_list_sec {
    padding: 50px 0;
}
.show_info .year {
    top: 110px;
    max-width: 110px;
}
.show_bg {
    position: relative;
    padding-top: 56.25%;
}
.show_bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(28, 29, 31, 0) , #1f2022 100%);
    z-index: 1;
}
.show_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.program-info p.ep_info {
    min-height: 46px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
}
.show_info .program-info {
    max-width: 1120px;
    padding-bottom: 0;
}
.HeroSlider-info .action-button .btn.btn.btn_share {
    padding: 0;
    height: 55.6px;
    min-width: 90px;
}
.HeroSlider-info .action-button .btn.btn_share img {
    margin: 0 auto;
    position: relative;
    max-width: 32px;
}
.HeroSlider-info.show_info .action-button {
    margin-top: 0;
}
.ep_name {
    display: flex;
    padding: 15px 0;
    flex-wrap: wrap;
}
.ep_name p {
    margin: 0;
    font-size: 20px;
    font-weight: ;
}
.ep_name p span {
    display: inline-block;
    margin: 0 7px;
}
.ep_list.list ul li {
    width: 25%;
}
.listing_sec.ep_list_sec .comm_list_inner {
    max-width: 1700px;
}
.listing_sec.ep_list_sec .title {
    max-width: calc(100% - 40px);
    margin-bottom: 20px;
}
.listing_sec.ep_list_sec .title h2 {
    font-size: 32px;
    color: #fff;
}
.show_bg .mobile-banner {
    display: none;
}

.catchup-full-video-block > p.not-allowed-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    font-size: 20px;
    padding: 0 15px;
}
/* END SHOW PAGE CODE */