/*#region Fonts*/

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

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

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

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

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

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

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

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


/*#endregion Fonts*/

/*#region Variables*/

:root {
    /* Light mode variables */
    --light-color-white: #FFFFFF;
    --light-color-white-v2: #FFFFFF;
    --light-color-white-v3: #FFFFFF;
    --light-color-black: #000000;
    --light-color-ch-black: #111111;
    --light-color-lotion: #FAFAFA;
    --light-color-dark-charcoal33: #333333;
    --light-color-dark-charcoal33-v2: #333333;
    --light-color-dark-charcoal32: #323232;
    --light-color-dark-quick-silver: #A3A3A3;
    --light-color-dove-gray: #666666;
    --light-color-whit-opacity: rgba(255,255,255,0.1);
    --light-color-ch-white: #E0E0E0;
    /* Colors variables*/
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-ch-black: #111111;
    --color-dark-charcoal33: #333333;
    --color-dark-charcoal32: #323232;
    --color-ch-white: #E0E0E0;
    --color-blue: #0E68FC;
    --color-red: #F72805;
    --color-green: #28a745;
    --color-raisin-black: #222222;
    --color-whit-opacity: rgba(255,255,255,0.1);
    --color-dove-gray: #666666;
    /* Border radius*/
    --card-border-radius: 10px;
    --image-border-radius: 6px;
    --smallbox-border-radius: 4px;
    /* Fonts variables*/
    --font-cairo-regular: 'Cairo-Regular';
    --font-cairo-semibold: 'Cairo-SemiBold';
    --font-cairo-bold: 'Cairo-Bold';
    --font-cairo-black: 'Cairo-Black';
    --font-aktivgrotesk-regular: 'AktivGrotesk-Regular';
    --font-aktivgrotesk-medium: 'AktivGrotesk-Medium';
    --font-aktivgrotesk-bold: 'AktivGrotesk-Bold';
    --font-aktivgrotesk-black: 'AktivGrotesk-Black';
}

.dark-mode-checkbox:checked ~ .body-container,
.dark-mode {
    /* Toggle the theme */
    --light-color-white: var(--color-ch-black);
    --light-color-white-v2: var(--color-dark-charcoal33);
    --light-color-white-v3: var(--color-black);
    --light-color-black: var(--color-white);
    --light-color-ch-black: var(--color-ch-white);
    --light-color-lotion: var(--color-raisin-black);
    --light-color-dark-charcoal33: var(--color-ch-white);
    --light-color-dark-charcoal33-v2: var(--color-white);
    --light-color-dark-charcoal32: var(--color-ch-white);
    --light-color-dark-quick-silver: var(--color-ch-white);
    --light-color-dove-gray: var(--color-ch-white);
    --light-color-whit-opacity: rgba(0,0,0,0.1);
    --light-color-ch-white: var(--color-raisin-black);
}

.card-module-header-container .card-module-body-container {
    /* Toggle the theme */
    --light-color-white: var(--color-ch-black);
    --light-color-white-v2: var(--color-ch-white);
    --light-color-white-v3: var(--color-black);
    --light-color-black: var(--color-white);
    --light-color-ch-black: var(--color-ch-white);
    --light-color-lotion: var(--color-raisin-black);
    --light-color-dark-charcoal33: var(--color-white);
    --light-color-dark-charcoal33-v2: var(--color-white);
    --light-color-dark-charcoal32: var(--color-white);
    --light-color-dark-quick-silver: var(--color-white);
    --light-color-dove-gray: var(--color-ch-white);
    --light-color-whit-opacity: rgba(0,0,0,0.1);
    --light-color-ch-white: var(--color-raisin-black);
}

/*#endregion Variables*/

/*#region Colors Classes*/

.bg-color__light-color-white {
    background-color: var(--light-color-white);
}

.color__light-color-white {
    color: var(--light-color-white);
}


.bg-color__light-color-white-v2 {
    background-color: var(--light-color-white-v2);
}

.color__light-color-white-v2 {
    color: var(--light-color-white-v2);
}

.bg-color__light-color-white-v3 {
    background-color: var(--light-color-white-v3);
}

.color__light-color-white-v3 {
    color: var(--light-color-white-v3);
}

.bg-color__light-color-black {
    background-color: var(--light-color-black);
}

.color__light-color-black {
    color: var(--light-color-black);
}

.bg-color__light-color-ch-black {
    background-color: var(--light-color-ch-black);
}

.color__light-color-ch-black {
    color: var(--light-color-ch-black);
}

.bg-color__light-color-lotion {
    background-color: var(--light-color-lotion);
}

.color__light-color-lotion {
    color: var(--light-color-lotion);
}

.bg-color__light-color-dark-charcoal33 {
    background-color: var(--light-color-dark-charcoal33);
}

.color__light-color-dark-charcoal33 {
    color: var(--light-color-dark-charcoal33);
}

.bg-color__light-color-dark-charcoal33-v2 {
    background-color: var(--light-color-dark-charcoal33-v2);
}

.color__light-color-dark-charcoal33-v2 {
    color: var(--light-color-dark-charcoal33-v2);
}

.bg-color__light-color-dark-charcoal32 {
    background-color: var(--light-color-dark-charcoal32);
}

.color__light-color-dark-charcoal32 {
    color: var(--light-color-dark-charcoal32);
}

.bg-color__light-color-dark-quick-silver {
    background-color: var(--light-color-dark-quick-silver);
}

.color__light-color-dark-quick-silver {
    color: var(--light-color-dark-quick-silver);
}

.bg-color__light-color-dove-gray {
    background-color: var(--light-color-dove-gray);
}

.color__light-color-dove-gray {
    color: var(--light-color-dove-gray);
}

.bg-color__light-color-whit-opacity {
    background-color: var(--light-color-whit-opacity);
}

.color__light-color-whit-opacity {
    color: var(--light-color-whit-opacity);
}

.bg-color__light-color-whit-opacity {
    background-color: var(--light-color-whit-opacity);
}

.color__light-color-whit-opacity {
    color: var(--light-color-whit-opacity);
}

.bg-color__light-color-ch-white {
    background-color: var(--light-color-ch-white);
}

.color__light-color-ch-white {
    color: var(--light-color-ch-white);
}

/*.hover-date .card-module-date-container {
    visibility: hidden;
    opacity: 0;
    transform: translateX(100%);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.hover-date:hover .card-module-date-container {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}

.hover-date .card-module-body-container-row .card-module-date-container {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}

.hover-border .card-module-header-border-anim {
    position: absolute;
    right: 0;
    width: 0;
    height: 5px;
    bottom: 0;
    border-radius: 0px 0px 10px 10px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.hover-border:hover .card-module-header-border-anim {
    width: 100%;
}*/
/*#endregion Colors Classes*/

/*#region Border Classes*/
.border-radius-6 {
    border-radius: 6px;
}

.border-radius-10 {
    border-radius: 10px;
}

.border-all--color-ch-white {
    border: 1px solid var(--color-ch-white);
}
/*#endregion Border Classes*/

/*#region Swiper*/
.swiper-container {
    width: 100%;
    height: 100%;
}

/*#endregion Swiper*/

/*#region Flickity*/

.main-carousel {
    width: 100%;
    height: 100%;
    display: flex;
}

.flickity-viewport {
    width: 100%;
    height: 100%;
}

.RepetitiveCards .flickity-viewport {
    width: 100%;
    height: 100%;
    overflow: visible !important;
}

/*#endregion Flickity*/

/*#region Container Width*/
.MyMainDivFullWidth {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv2040 {
    position: relative;
    max-width: 2040px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv2000 {
    position: relative;
    max-width: 2000px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1940 {
    position: relative;
    max-width: 1940px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1920 {
    position: relative;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1916 {
    position: relative;
    max-width: 1916px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1600 {
    position: relative;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1580 {
    position: relative;
    max-width: 1580px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1570 {
    position: relative;
    max-width: 1570px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1530 {
    position: relative;
    max-width: 1530px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1470 {
    position: relative;
    max-width: 1470px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1440 {
    position: relative;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1430 {
    position: relative;
    max-width: 1430px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1380 {
    position: relative;
    max-width: 1380px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1290 {
    position: relative;
    max-width: 1290px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1284 {
    position: relative;
    max-width: 1284px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1270 {
    position: relative;
    max-width: 1270px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1250 {
    position: relative;
    max-width: 1250px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1230 {
    position: relative;
    max-width: 1230px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1130 {
    position: relative;
    max-width: 1130px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv1020 {
    position: relative;
    max-width: 1020px;
    width: 100%;
    margin: 0 auto !important;
}

.MyMainDiv980 {
    position: relative;
    max-width: 980px;
    width: 100%;
    margin: 0 auto !important;
}

/*#endregion */

/*#region Controls Main Div*/

.MainControlDiv {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

/*#endregion Controls Main Div*/

/*#region Overlays & Shadows*/

.overlay-background__linear {
    /*background: transparent linear-gradient(180deg, #11111100 0%, #111111 100%) 0% 0% no-repeat padding-box;*/
    position: absolute;
    width: 100%;
    height: 100%;
    /*will stay left*/
    left: 0;
    bottom: 0;
    border-radius: var(--image-border-radius);
}

    .overlay-background__linear.overlay-background__linear-partial {
        height: 76%;
    }

.ott-card-module-Image-with-rownumber .overlay-background__linear {
    width: calc(100% - 50px);
}

.card-module-box-shadow {
    box-shadow: 0px 0px 10px #00000080;
}

/*#endregion Overlays & Shadows*/

/*#region text input style*/
.forms-text-input {
    width: 100%;
    height: 30px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9B9B9B;
    position: relative;
    color: var(--light-color-black);
}

    .forms-text-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #9B9B9B;
    }

    .forms-text-input::-moz-placeholder { /* Firefox 19+ */
        color: #9B9B9B;
    }

    .forms-text-input:-ms-input-placeholder { /* IE 10+ */
        color: #9B9B9B;
    }

    .forms-text-input:-moz-placeholder { /* Firefox 18- */
        color: #9B9B9B;
    }

.forms-text-input-required::after {
    content: '';
    position: absolute;
    bottom: 0;
    /*right: 0;*/
    width: 50px;
    height: 1px;
    background-color: var(--color-red);
    z-index: 2;
}

/*.textarea.forms-text-input-required::after {
    bottom: 8px;
}*/

.custom-dropdown {
    position: relative;
}

    .custom-dropdown select {
        width: 100%;
        border: none;
        border-bottom: 1px solid #9B9B9B;
        color: var(--color-blue);
        -moz-appearance: none; /* Firefox */
        -webkit-appearance: none; /* Safari and Chrome */
        appearance: none;
        position: relative;
        padding: 5px;
        background-color: var(--light-color-white);
    }

.dark-mode-checkbox:checked ~ .body-container .custom-dropdown select,
.dark-mode-checkbox:checked ~ .body-container .custom-dropdown::after {
    color: var(--color-white);
}

.custom-dropdown::after {
    content: '\f3d0';
    font-family: ionicons;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--color-blue);
    font-size: 23px;
}

.btn-normal {
    min-width: 252px;
    padding: 6px;
    background-color: var(--color-ch-white);
    color: var(--light-color-black);
    text-align: center;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    border: none;
}

    .btn-normal.active {
        color: var(--color-white);
        background-color: var(--color-blue);
    }

    .btn-normal.red {
        color: var(--color-white);
        background-color: var(--color-red);
    }

    .btn-normal.blue {
        color: var(--color-white);
        background-color: var(--color-blue);
    }

.btn-subscribe {
    width: 94px;
    height: 36px;
    background-color: var(--color-red);
    border-radius: 4px;
    color: var(--color-white);
}

    .btn-subscribe span {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }
/*#endregion*/

/*#region Toast Message*/
.ToastStyle.toastStyleWithTheme {
    background-color: var(--light-color-dark-charcoal33) !important;
    color: var(--light-color-white) !important;
    font-family: var(--font-cairo-regular) !important;
    font-size: 14px;
    line-height: 20px;
}
/*#endregion*/

/*#region Cards*/

.card-module-container {
    /*overflow: hidden;*/
    display: flex;
    flex-direction: column;
}

.ott-card-module-container.card-module-container {
    /*overflow: hidden;*/
    display: block;
}

.ott-card-module-body-container.card-module-horizontal__body-container {
    justify-content: space-around;
}

.swiper-slide .card-module-container {
    justify-content: center;
}

.card-module {
    display: flex;
    flex-direction: column;
}

    .card-module.card-module-horizontal {
        display: flex;
        flex-direction: row;
    }

        .card-module.card-module-horizontal .card-module-horizontal__header-container {
            flex-shrink: 0;
        }

    .card-module.dark-mode {
        background-color: var(--color-dark-charcoal32);
        padding: 10px;
        border-radius: 10px;
        height: 100%;
    }

.card-module-header-container,
.card-module-image-container {
    width: 100%;
    position: relative;
    /*overflow: hidden;*/
    border-radius: 6px;
}

    .card-module-header-container .card-module-body-container {
        position: absolute;
        /*bottom: 12px;*/
        bottom: 0;
        margin-bottom: 12px;
        max-width: 97%;
        overflow: hidden;
    }

    .card-module-header-container.card-module-horizontal__header-container {
        overflow: visible;
    }


.card-module-body-container.card-module-body-container-move-up {
    position: relative;
    bottom: 100px;
}

.card-module-body-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    z-index: 110;
}

    .card-module-body-container.card-module-body-container-center {
        align-items: center;
        text-align: center;
    }

    .card-module-body-container.card-module-body-container-row {
        flex-direction: row;
        align-items: start;
    }

        .card-module-body-container.card-module-body-container-row.card-module-body-container-center {
            justify-content: center;
        }

        .card-module-body-container.card-module-body-container-row .card-module-date-category-container {
            padding-top: 10px;
            flex-direction: row-reverse;
        }

.card-module-body-container-reverse {
    flex-direction: column-reverse;
}

    .card-module-body-container-reverse .card-module-sep {
        display: none;
    }

    .card-module-body-container-reverse .card-module-sep-below-title {
        display: block;
    }

.card-module-sep-below-title {
    display: none;
}

.card-module-title, .card-module-calltoaction {
    color: var(--light-color-dark-charcoal33);
    padding-top: 2px;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .card-module-title.vip {
        color: var(--color-red);
    }

.card-module.dark-mode .card-module-title {
    padding-top: 15px;
}

.card-module-body-container.card-module-body-container-move-up .card-module-title {
    color: var(--color-white);
    max-width: 93%;
}

.card-module-desc {
    color: var(--light-color-dark-charcoal33);
    padding-top: 5px;
}

.card-module-date-category-container,
.Cards___horizontal .card-module-body-container-reverse .card-module-date-category-container {
    display: flex;
    padding-top: 5px;
    flex-wrap: wrap;
}

.card-module.dark-mode .card-module-date-category-container,
.card-module.dark-mode .Cards___horizontal .card-module-body-container-reverse .card-module-date-category-container {
    padding-top: 20px;
}

.ott-card-module-container .card-module-date-category-container,
.ott-card-module-container .Cards___horizontal .card-module-body-container-reverse .card-module-date-category-container {
    display: flex;
    padding-top: 13px;
    flex-wrap: wrap;
}

.card-module-category-container {
    position: relative;
    z-index: 11;
    color: var(--color-white);
    padding: 2px 7px 2px 7px;
    background-color: var(--color-blue);
    border-radius: 4px;
}

.card-module-date-container {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    color: var(--light-color-dark-quick-silver);
    background-color: transparent;
    border-radius: 4px;
    padding: 1px 0 2px 0;
}

    .card-module-date-container .icons {
        font-size: 16px;
        line-height: 16px;
    }

.ott-card-module-container .card-module-date-container {
    background-color: unset !important;
    padding: 1px 0 2px 0;
}

.ott-card-module-container .card-module-horizontal__title {
    /*padding: 0 10px;*/
}

.card-module-img {
    width: 100%;
    border-radius: var(--image-border-radius);
}

.card-module-img-fit {
    object-fit: cover;
    border-radius: var(--image-border-radius);
}

.card-module-bgImg {
    width: 100%;
    background-size: cover;
    background-position: center center;
    border-radius: 6px;
}

.card-module-play-icon {
    position: absolute;
    top: 10px;
    /*will stay left*/
    left: 10px;
    width: 22px;
}

.card-module.card-module-horizontal .card-module-play-icon {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 16px;
}

.ott-card-module-container .card-module-play-icon {
    position: relative;
    top: auto;
    /*will stay left*/
    left: auto;
    width: 40px;
}

.ott-card-module-container.card-module-horizontal-container .card-module-play-icon {
    position: absolute;
    top: 5px;
    left: -5px;
    /*width: 28px;*/
    width: 30px;
    height: 30px;
}

    .ott-card-module-container.card-module-horizontal-container .card-module-play-icon:after {
        border-top-width: 7px;
        border-bottom-width: 7px;
        border-left-width: 10px;
    }

.dark-mode-checkbox:checked ~ .body-container .card-module-date-container,
.dark-mode .card-module-date-container,
.card-module-header-container .card-module-date-container {
    padding: 1px 7px 2px 7px;
    background-color: rgba(51,51,51,0.5);
}

.ott-card-module-container .card-module-header-container .card-module-date-container {
    background-color: transparent;
    padding: 0;
}

.card-module-vertical__subscription-container {
    border-radius: 6px 0 0 6px;
    padding: 4px 9px;
    position: relative;
}

.card-module-vertical__date-category-container .card-module-vertical__subscription-container {
    background-color: var(--color-ch-black);
    /*right: -15px;*/
}

.card-module-horizontal__body-container .card-module-horizontal__subscription-container {
    background-color: var(--light-color-white);
    /*padding: 2px 0;*/
    padding: 5px 3px;
    border-radius: 5px;
}

.card-module-sep {
    /*width: 100%;*/
    width: 60%;
    border-bottom: 1px solid var(--light-color-ch-white);
    margin: 10px 0 20px;
}

.card-module-rownumber {
    position: absolute;
    top: -23px;
    letter-spacing: 0;
    display: inline-block;
    color: var(--light-color-ch-white);
    text-shadow: 0px 3px 6px #00000066;
}

.dark-mode-checkbox:checked ~ .body-container .card-module-rownumber,
.dark-mode .card-module-rownumber {
    color: var(--light-color-ch-white);
    text-shadow: 1px 1px 0 #777777, 1px -1px 0 #777777, -1px 1px 0 #777777, -1px -1px 0 #777777, 1px 0px 0 #777777, 0px 1px 0 #777777, -1px 0px 0 #777777, 0px -1px 0 #777777;
}

.card-badge {
    position: absolute;
}


.card-module-vertical__title.text-title-23 .Ellipsis-2 {
    min-height: 56px;
}

.ott-card-module-Image-with-rownumber {
    /*display: flex;*/
    position: relative;
}

    .ott-card-module-Image-with-rownumber .card-module-image-content {
        position: relative;
        padding-right: 50px;
    }

        .ott-card-module-Image-with-rownumber .card-module-image-content .card-module-img {
            border-radius: 6px;
        }

.ott-card-module-rownumber {
    position: absolute;
    top: -8px;
    right: -10px;
    z-index: 10;
    height: 114%;
}

    .ott-card-module-rownumber.dark {
        display: none;
    }

    .ott-card-module-rownumber.light {
        display: block;
    }

.dark-mode-checkbox:checked ~ .body-container .ott-card-module-rownumber.dark,
.dark-mode .ott-card-module-rownumber.dark {
    display: block;
}

.dark-mode-checkbox:checked ~ .body-container .ott-card-module-rownumber.light,
.dark-mode .ott-card-module-rownumber.light {
    display: none;
}

.card-module-progress {
    position: absolute;
    bottom: -5px;
    width: calc(100% - 7px);
    left: 3px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    direction: rtl;
}

    .card-module-progress .icon {
        font-size: 8px;
        line-height: 8px;
        color: var(--color-white);
        margin-right: 4px;
    }

.card-module-progress-bar {
    position: relative;
    width: 100%;
    background-color: var(--color-white);
    height: 2px;
}

.card-module-progress-current {
    position: absolute;
    bottom: 0;
    background-color: var(--color-red);
    height: 100%;
    left: 0;
}

@media all and (max-width: 1439.98px) {
    .card-module-vertical__title.text-title-23 .Ellipsis-2 {
        min-height: 44px;
    }
}

@media (max-width: 767.98px) {
    .articlemostread_item_border {
        display: none;
    }

    .card-module-rownumber {
        top: unset;
        bottom: 0;
    }

    .card-module-vertical__title.text-title-23 .Ellipsis-2 {
        min-height: 52px;
    }

    .card-module.card-module-horizontal .card-module-horizontal__header-container {
        flex-shrink: 0;
        /*max-width: 140px !important;*/
    }
}

@media(max-width:575.98px) {
    .horizontal_to_vertical_mobile {
        overflow: visible !important;
    }

        .horizontal_to_vertical_mobile .card-module-horizontal {
            flex-direction: column !important;
        }

        .horizontal_to_vertical_mobile .card-module-horizontal__header-container {
            max-width: unset !important;
        }

        .horizontal_to_vertical_mobile .card-module-horizontal__body-container {
            padding: 15px 0 !important;
        }
}
/*#endregion Cards*/

/*#region Utilities*/

.fixedScrollingBottom {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    z-index: 100;
}

.fixedScrollingTop {
    position: fixed !important;
    top: 15px !important;
    bottom: auto !important;
    z-index: 100;
}

.loadmore-ctrl .row-remove-from__loadmore {
    width: 0;
    height: 0;
    position: relative;
    overflow: hidden;
    display: none;
    opacity: 0;
    visibility: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

.push-up-div {
    position: relative;
    margin-top: -110px !important;
}

    .push-up-div.push-small {
        margin-top: -80px !important;
    }

    .push-up-div.act-as-dark-till-mobile .title-module {
        color: var(--color-white);
    }

/*Large devices (desktops, tablets less than 1200px)*/
@media (max-width: 1199.98px) {
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .push-up-div,
    .push-up-div.push-small {
        margin-top: 0 !important;
    }

        .push-up-div.no-xs-revert {
            margin-top: -110px !important;
        }

        .push-up-div.push-small.no-xs-revert {
            margin-top: -80px !important;
        }

        .push-up-div.act-as-dark-till-mobile .title-module {
            color: var(--light-color-dark-charcoal33);
        }
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
}

/*#endregion Utilities*/

/*#region Controls*/
.title-module {
    color: var(--light-color-dark-charcoal33);
}

.title-module-container-shows .title-module {
    color: var(--light-color-black);
}

.title-module-show {
    display: block;
}

.title-module-hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
}

.title-module-remove {
    display: none;
}

.title-module__border {
    width: 2px;
    height: 32px;
}

.title-module__icon {
    font-size: 24px;
    line-height: 24px;
    position: relative;
    top: 3px;
}

.title-module__cta .icon {
    font-size: 22px;
    line-height: 22px;
    position: relative;
    top: 4px;
    color: var(--color-red);
}

@media (max-width: 767.98px) {
}

/*#endregion Controls*/

/*#region sliderautowidthheight*/

.outlined__title {
    text-shadow: 1px 1px 0 var(--light-color-dark-charcoal33), 1px -1px 0 var(--light-color-dark-charcoal33), -1px 1px 0 var(--light-color-dark-charcoal33), -1px -1px 0 var(--light-color-dark-charcoal33), 1px 0px 0 var(--light-color-dark-charcoal33), 0px 1px 0 var(--light-color-dark-charcoal33), -1px 0px 0 var(--light-color-dark-charcoal33), 0px -1px 0 var(--light-color-dark-charcoal33);
    text-align: center;
    font-size: 200px;
    line-height: 180px;
    color: var(--light-color-white-v2);
}

/*.sliderautowidthheightSwiper-next {
    background-image: url(../images/left-arrow.png) !important;
    border-radius: 0 100px 100px 0;
}*/
/*.sliderautowidthheightSwiper-prev {
    background-image: url(../images/right-arrow.png) !important;
    border-radius: 100px 0 0 100px;
}*/
.sliderautowidthheightSwiper-next,
.sliderautowidthheightSwiper-prev {
    width: 54px !important;
    height: 108px !important;
    margin-top: 0 !important;
    background-size: 32px !important;
    transform: translate(0%, -50%) !important;
    background-color: #0e68fc80;
}

.sliderautowidthheightSwiper-bigitem {
    max-width: 890px !important;
}

    .sliderautowidthheightSwiper-bigitem .card-module-vertical__bgImg {
        height: 500px !important;
    }

.sliderautowidthheightSwiper-smallitem {
    max-width: 420px !important;
}

    .sliderautowidthheightSwiper-smallitem .card-module-vertical__bgImg {
        height: 236px !important;
    }

    .sliderautowidthheightSwiper-smallitem .card-module-body-container.card-module-body-container-move-up {
        position: relative;
        bottom: 60px;
    }

/*Large devices (desktops, tablets less than 1200px)*/
@media (max-width: 1199.98px) {
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
}

@media (max-width:767.98px) {
    .outlined__title {
        font-size: 70px;
        line-height: 74px;
    }

    .sliderautowidthheightSwiper-bigitem {
        max-width: unset !important;
    }

        .sliderautowidthheightSwiper-bigitem .card-module-vertical__bgImg {
            height: 180px !important;
        }

    .sliderautowidthheightSwiper-smallitem {
        max-width: 294px !important;
    }

        .sliderautowidthheightSwiper-smallitem .card-module-vertical__bgImg {
            height: 165px !important;
        }

        .sliderautowidthheightSwiper-smallitem .card-module-vertical__header-container .card-module-vertical__body-container {
            display: none;
        }

    .sliderautowidthheightSwiper-next,
    .sliderautowidthheightSwiper-prev {
        display: none;
    }
}
/*#endregion*/

/*#region sliderwithsidecornertitle*/

.sliderwithsidecornertitle .swiper-slide {
    max-width: 428px;
    width: 100%;
}

.sliderwithsidecornertitle__category__container {
    height: 241px;
    min-width: 380px;
    justify-content: end;
    display: flex;
    align-items: center;
    padding: 30px;
    color: var(--color-white);
    z-index: 2;
}

    .sliderwithsidecornertitle__category__container span {
        z-index: 1;
    }

.sliderwithsidecornertitle__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    top: 0;
    mix-blend-mode: multiply;
}

@media (max-width: 1199.98px) {
    .sliderwithsidecornertitle__category__container {
        min-width: 241px;
    }
}

@media (max-width: 767.98px) {
    .sliderwithsidecornertitle__category__container {
        min-width: unset;
        width: 100%;
        justify-content: center;
        height: 120px;
    }

    .sliderwithsidecornertitle__item .card-module-header-container {
        margin-bottom: 10px;
        border-radius: 0px;
    }

    .sliderwithsidecornertitle__item .card-module-image-container {
        border-radius: 0px;
    }

    .sliderwithsidecornertitle .swiper-slide {
        max-width: 380px;
    }
}

/*#endregion*/

/*#region FirstColumn1AbsoluteCardSecondColumnHorizontalCards*/
.firstabsolutecardsecondhorizontalcards .outlined__title {
    font-size: 70px;
    line-height: 70px;
}

.firstabsolutecardsecondhorizontalcards .card-module-horizontal__title {
    color: var(--light-color-dark-charcoal33-v2);
}

@media(max-width:991.98px) {
    .firstabsolutecardsecondhorizontalcards {
        max-width: 706px;
        width: 100%;
        margin: 0 auto;
    }

        .firstabsolutecardsecondhorizontalcards .card-module-vertical__bgImg {
            /*height: 265px !important;*/
            height: auto !important;
            object-fit: contain;
        }

        .firstabsolutecardsecondhorizontalcards .card-module.card-module-horizontal .card-module-horizontal__header-container {
            max-width: 140px !important;
        }

        .firstabsolutecardsecondhorizontalcards .card-module-horizontal__title {
            padding-top: 0px;
        }

        .firstabsolutecardsecondhorizontalcards .card-module-body-container-move-up {
            position: relative;
            bottom: 55px;
        }
}

@media(max-width:767.98px) {
    .firstabsolutecardsecondhorizontalcards .outlined__title {
        font-size: 55px;
        line-height: 55px;
    }

    .firstabsolutecardsecondhorizontalcards .card-module-vertical__bgImg {
        /*height: 248px !important;*/
    }
}
/*#endregion FirstColumn1AbsoluteCardSecondColumnHorizontalCards*/

/*#region articlesmostread*/
.articlesmostread_title_sec {
    z-index: 1;
}

.articlemostread_title_section_border {
    width: 100%;
    border-bottom: 1px solid;
    border-bottom-color: var(--light-color-dark-charcoal33);
    opacity: 0.1;
    margin-bottom: 50px;
}

.articlesmostread_filters .selected {
    color: var(--color-red);
}

.articlesmostread_filters_sep {
    height: 30px;
    width: 1px;
    padding: 0 45px;
}

    .articlesmostread_filters_sep div {
        height: 30px;
        opacity: 0.1;
        width: 1px;
        background-color: var(--light-color-dark-charcoal33);
    }

/*   .articlesmostread_filters_sep::after {
        content: '';
        height: 30px;
        opacity: 0.1;
    }*/

.articlemostread_item .card-module-vertical__header-container .card-module-vertical__body-container {
    display: none;
}

.articlemostread_item .card-module-img {
    border-radius: 6px;
}

.articlemostread_item .card-module-vertical__body-container {
    padding: 0px !important;
}

.articlemostread_item .card-module-vertical__bgImg {
    border-radius: 6px;
}


.MostReadPageStart .card-module-rownumber {
    /*right: 0;*/
    font-size: 102px;
    line-height: 85px;
    top: unset;
    bottom: 0;
}

.MostReadPageStart .articlesmostread .card-module.card-module-horizontal {
    margin-bottom: 26px;
}

@media (max-width: 767.98px) {

    .articlesmostread_title_sec {
        padding-bottom: 42px;
    }

    .articlemostread_item .card-module-vertical__header-container .card-module-vertical__body-container {
        display: block;
    }

    .articlemostread_item .card-module-vertical__bgImg {
        height: 199px !important;
    }

    .articlemostread_item .card-module-vertical__header-container {
        max-width: 100% !important;
    }

    .articlemostread_title_section_border {
        margin: 10px 0;
    }

    .articlesmostread_filters_sep {
        padding: 0;
    }
}
/*#endregion*/

/*#region Cards*/
.title-module-container {
    padding-bottom: 20px;
}

    .title-module-container.title-module-container-shows {
        padding-bottom: 8px;
    }

.Cards___horizontal .card-module-sep {
    margin: 18px auto 10px auto;
}

.Cards___horizontal .card__item:last-child .card-module-horizontal-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.Cards___horizontal .card-module-date-category-container {
    padding-top: 0px;
}

@media (max-width:991.98px) {
    .Cards___vertical .picturetype__thumbnail .card-module-vertical__bgImg {
        height: 249px !important;
    }
}

@media all and (max-width:767.98px) {
    .card-gradient-semi {
        background: linear-gradient(to bottom,var(--color-ch-black) 0%, var(--color-ch-black) 50%, transparent 51%);
    }

        .card-gradient-semi .title-module {
            color: var(--color-white) !important;
        }
}

/*#endregion*/

/*#region footer*/

.footer-copyright-symbol {
    font-family: var(--font-aktivgrotesk-regular);
}

.footer-softimpact-logo {
    padding: 38px 15px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #E5E5E5;
}

.dark-mode-checkbox:checked ~ .body-container .footer-softimpact-logo {
    border-color: #696969;
}

.softimpact-logo-footer {
    content: url(../images/logo-SI.svg);
}

.dark-mode-checkbox:checked ~ .body-container .softimpact-logo-footer {
    content: url(../images/logo-SI-dark.svg);
}

.footer-content {
    background-color: #222;
    color: var(--color-white);
    padding: 0 15px;
    padding-top: 45px;
}

.footer-arrow-up {
    font-size: 20px;
}

.footer-gototop {
    color: #D4D5D7;
}

.frow-container {
    padding-bottom: 40px;
}

.srow-container {
    padding-top: 35px;
    padding-bottom: 40px;
}

.third-row-container {
    padding-top: 75px;
    padding-bottom: 90px;
}

.footer-social-media-sep {
    width: 2px;
    height: 25px;
    background-color: var(--color-ch-white);
}

.fourth-row-container {
    padding-bottom: 15px;
}

.fiverow-container {
    padding-top: 15px;
    padding-bottom: 30px;
}

.item-footer-link {
    position: relative;
}

    .item-footer-link:after {
        content: "";
        position: absolute;
        /*right: 0;
        left: 100%;*/
        bottom: -1px;
        height: 1px;
        /*transition-property: right left;*/
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        background: #BABABA;
    }

.srow-title-space {
    padding-bottom: 10px;
}

.srow-container .d-flex div {
    padding: 0 10px;
    padding-bottom: 10px;
}

.footer-bottom-item {
    border-bottom: 1px solid #586069;
}

.fourth-row-container .footer-social-media-sep:last-child {
    display: none;
}

.categories-hidden .col-xs-12 {
    display: none;
}

.categories-hidden .row {
    justify-content: center
}

.footer-arrow-down-categories {
    display: none;
}

.categories-hidden .footer-arrow-down-categories {
    display: block;
}

.categories-hidden .footer-categories-hiden-container {
    height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
}

.footer-categories-hiden-container {
    height: auto;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 1;
}

@media all and (max-width:991.98px) {

    .footer-content {
        padding-top: 30px;
    }

    .frow-container {
        flex-direction: column;
    }

    .frow-fcol-footer {
        width: 100%;
        justify-content: center;
        border-bottom: 1px solid #586069;
        padding-bottom: 20px;
    }

    .gototop-container {
        padding-top: 20px;
    }

    .frow-container {
        padding-bottom: 20px;
    }

    .srow-container.d-flex, .third-row-container.row {
        display: none !important;
    }

    .fourth-row-container {
        flex-direction: column;
        padding-top: 30px;
    }

    .footer-social-media-title {
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
        padding-top: 30px;
    }

    .fourth-row-container .d-flex {
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        padding-bottom: 20px;
    }

    .footer-social-media-sep {
        width: 100%;
        height: 1px;
        background-color: #586069;
    }

    .fourth-row-title-spacing {
        padding-bottom: 5px;
        /*padding-top: 30px;*/
    }

    .fiverow-container {
        flex-direction: column;
    }

        .fiverow-container .d-flex {
            width: 100%;
            justify-content: space-between;
        }

        .fiverow-container .fcol {
            padding-bottom: 20px;
            border-bottom: 1px solid #586069;
            flex-wrap: wrap;
        }

            .fiverow-container .fcol .fiverow-space-items {
                padding-bottom: 10px;
            }

    .fiverow-container {
        padding-top: 30px;
        padding-bottom: 20px;
    }

        .fiverow-container .scol {
            padding-top: 20px;
        }

    .fourth-row-container img {
        margin-bottom: 10px;
    }
}

@media all and (max-width:450px) {
    /*.footer-frow-padding-between-item {
        padding-right: 15px;
    }*/

    .frow-fcol-footer {
        flex-wrap: wrap;
        padding-bottom: 10px;
    }

        .frow-fcol-footer .footer-frow-padding-between-item {
            padding-bottom: 10px;
        }
}

/*#endregion*/

/*#region TopicPresentation*/
.btn-callToAction {
    color: var(--color-white);
    padding: 10px 40px;
    background-color: var(--color-red);
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 20px;
}

.open-container-full-width {
    width: 100vw;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 1;
}

.bg-topic-presentation {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}

.topic-presentation-container {
    position: relative;
    z-index: 2;
}

.topic-presentation-floated .topic-presentation-container {
    justify-content: center;
    height: 100%;
}

.topic-presentation-floated .topic-presentation-floating-image {
    width: 300px;
}

.topic-presentation-floating-image {
    position: absolute;
    top: unset;
    bottom: 0;
    right: 0;
    left: 0;
}

.topic-presentation-floated.TopicPresentation {
    height: 220px;
}

.topic-presentation-picture {
    position: relative;
}

.topic-presentation-content {
    max-width: 605px;
}

.mobile-app-topic-pres {
    border: 1px solid var(--light-color-dark-charcoal33);
    border-radius: 10px;
    max-width: 195px;
    width: 100%;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    line-height: 28px;
}

    .mobile-app-topic-pres:hover {
        /*background-color: var(--color-ch-white);*/
        color: var(--color-red);
        border-color: var(--color-red);
    }

.google-play-topic-pres svg path {
    fill: var(--light-color-dark-charcoal33);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.mobile-app-topic-pres:hover.google-play-topic-pres svg path {
    fill: var(--color-red);
}

.mobile-app-topic-pres .apple-icon {
    font-size: 50px;
}

.topic-pres-subtitle-color {
    color: var(--light-color-dark-charcoal33-v2);
}

@media all and (max-width:1199.98px) {
    .topic-presentation-picture {
        width: 30%;
    }

    .topic-presentation-content {
        max-width: 60%;
        text-align: center !important;
    }
}

@media all and (max-width:991.8px) {
    .TopicPresentation .topic-presentation-container {
        flex-direction: column-reverse !important;
    }

    .topic-presentation-content {
        max-width: initial !important;
        width: 100%;
    }

    .topic-presentation-picture {
        width: 100%;
    }

    .topic-presentation-floating-image {
        position: relative;
        top: unset;
        bottom: unset;
        right: unset;
        left: unset;
    }

    .topic-presentation-floated.TopicPresentation {
        height: auto;
    }

    .open-container-full-width {
        height: 300px !important;
        background-size: cover !important;
    }
}

@media all and (max-width:450px) {
    .mobile-app-topic-pres {
        font-size: 17px;
        line-height: 23px;
    }

        .mobile-app-topic-pres .apple-icon {
            font-size: 35px;
        }

    .google-play-topic-pres svg {
        width: 25px;
    }
}

/*#endregion TopicPresentation*/

/*#region FirstColumn2AbsoluteCardSecondColumn1AbsoluteCardThirdColumn2AbsoluteCard*/

.padding-b-firstCol2absolute-items {
    padding-bottom: 5px;
}

.padding-b-firstCol2absolute-container .padding-b-firstCol2absolute-items:nth-child(2n) {
    padding-bottom: 0;
}

@media all and (max-width:1199.98px) {
    .padding-b-firstCol2absolute-container .padding-b-firstCol2absolute-items {
        padding-bottom: 5px !important;
    }
}

@media all and (max-width:767.8px) {
    .padding-b-firstCol2absolute-container .padding-b-firstCol2absolute-items {
        padding-bottom: 5px !important;
    }
}

/*#endregion*/

/*#region Author Presentation*/
.author-media-sep {
    margin: 0 20px;
    width: 1px;
    height: 25px;
    background-color: var(--light-color-dark-charcoal33);
}

.author-pres-picture {
    border-radius: 50%;
    border: 1px solid #707070;
    width: 140px;
}

.author-share-icon {
    border-radius: 50%;
    background-color: rgb(29, 137, 228);
    color: var(--color-white);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 30px;
    cursor: pointer;
}

.share-social-media-container {
    position: absolute;
    width: 180px;
    height: 42px;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
}

.share-social-media-items {
    position: absolute;
    top: 2px;
    box-shadow: 0 0 3px 0 var(--light-color-black);
    border-radius: 30px 30px 30px 30px;
    padding: 5px 11px;
}

@media all and (max-width:767.8px) {
    .author-pres-picture {
        width: 100px;
    }

    .author-share-icon {
        width: 25px;
        height: 25px;
        font-size: 21px;
    }

    .author-share-icon {
        display: none;
    }
}

/*#endregion*/

/*#region highlightedstories*/

.highlighted-history-container {
    width: 100%;
    height: 50vw;
    position: relative;
}

.highlighted-history-image-wrapper {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.highlighted-history-image {
    object-fit: cover;
    height: 90%;
}

.highlightedstories_bottom_gradient {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 60%;
}

.highlightedstories_left_gradient {
    position: absolute;
    top: 0px;
    width: 40%;
    height: 100%;
}

.abso_content {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0;
}

.highlightedstories_main_article {
    position: absolute;
    width: 100%;
    max-width: 726px;
    bottom: 16%;
}

    .highlightedstories_main_article .card-module-body-container {
        position: relative !important;
    }

.highlightedstories_latest_news {
    position: absolute;
    max-width: 312px;
    width: 100%;
    bottom: 16%;
    z-index: 10;
}

    .highlightedstories_latest_news .title-module {
        color: var(--color-white);
    }

    .highlightedstories_latest_news .ion-md-add {
        font-size: 15px;
    }

    .highlightedstories_latest_news .card-module-date-container {
        background-color: transparent !important;
        color: var(--color-white);
        padding: 0;
    }

.dark-mode-checkbox:checked ~ .body-container .highlightedstories_latest_news .card-module-date-container,
.dark-mode .highlightedstories_latest_news .card-module-date-container {
    padding: 0;
}

.highlightedstories_latest_news .card-module-sep {
    border-bottom-color: var(--color-blue);
    opacity: 0.5;
}

.highlightedstories_latest_news .icon {
    color: var(--color-red);
    font-size: 20px;
    line-height: 20px;
}

.highlightedstories_latest_news .card-module {
    padding: 0px !important;
    background-color: transparent !important;
}

.added_article {
    display: none;
    overflow: hidden;
}

    .added_article .card-module {
        /*right: -100%;*/
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

.latestnews_loader {
    position: absolute;
    /*right: 0;*/
    top: 10px;
    width: 13px;
    display: none;
}

@media (max-width: 1439.98px) {
    .highlighted-history-container {
        height: 60vw;
    }
}

@media(max-width:1199.98px) {

    .highlighted-history-container {
        height: 66vw;
    }

    .highlighted-history-image {
        height: 85%;
    }

    .highlightedstories_left_gradient {
        width: 50%;
    }

    .highlightedstories_main_article {
        max-width: 430px;
    }

        .highlightedstories_main_article .card-module-vertical__title {
            font-size: 32px;
            line-height: 50px;
        }
}

@media(max-width:991.98px) {

    .highlighted-history-container {
        height: 84vw;
    }

    .highlighted-history-image {
        height: auto;
    }
}

@media(max-width:767.98px) {

    .highlighted-history-container {
        height: auto;
        position: relative;
    }

    .highlighted-history-image-wrapper {
        position: relative;
    }

    .highlightedstories_left_gradient {
        display: none;
    }

    .highlightedstories_bottom_gradient {
        height: 100%;
    }

    /*   .highlighted-history-image {
        height: 70vw;
    }
*/
    .highlightedstories_main_article {
        max-width: unset;
        padding-bottom: 30px;
        padding-top: 0;
        bottom: 0;
    }

    .highlightedstories_latest_news {
        position: relative;
        bottom: 0;
        max-width: unset;
        width: 100%;
        z-index: 2;
        padding: 0 15px 40px 15px;
        /*background-color: var(--color-black);*/
        background-color: var(--color-ch-black);
        padding-top: 30px;
    }

    .abso_content {
        position: relative;
    }

    .highlightedstories_main_article .card-module-vertical__title {
        font-size: 22px;
        line-height: 30px;
    }
}

@media(max-width:576.98px) {
    .highlighted-history-image {
        height: 61vw;
    }

    .highlightedstories_main_article {
        padding-bottom: 0;
    }
}

/*#endregion*/

/*#region Header*/

.header-container {
    padding: 28px 0;
    background-color: rgba(0,0,0,0.9);
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 99999;
    /*opacity: 0;*/
}

.header-container-transition {
    transition: top 0.2s ease-in-out;
}

.header-container.nav-up {
    position: fixed;
    top: -130px;
}

.header-container.nav-down {
    position: fixed;
    top: 0;
}

.header-body {
    padding: 0 15px;
}

.header-body-container {
    display: flex;
    flex-direction: column;
    align-items: end;
    flex-grow: 1;
    justify-content: center;
}

.header-body-up-container-left-side,
.header-body-bottom-container-left-side {
    flex: 0 0 68%;
}

.header-body-up-container-right-side,
.header-body-bottom-container-right-side {
    flex: 0 0 32%;
}

.header-body-up-bottom-sep {
    width: calc(100% - 18px);
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
}

.header-body-up-container {
    padding-bottom: 10px;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.header-body-bottom-container {
    padding-top: 10px;
    width: 100%;
    height: 100%;
}

.header-nav-item {
    color: var(--color-white);
    padding: 0 18px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    flex: 0 0 auto;
}

.header-nav-item-big-space {
    padding: 0 38px;
}

.language-nav-item {
    color: var(--color-white);
}

.header-nav-item-loadmore {
    position: relative;
    cursor: pointer;
}

.header-nav-item.main_cat {
    display: none;
}

.header-submenu-container, .header-loggedIn-container, .header-submenu-vod-container, .header-vod-loggedIn-container, .header-nav-item-live-container {
    position: absolute;
    top: 36px;
    background-color: var(--color-dark-charcoal32);
    color: var(--color-white);
    width: 553px;
    max-height: 360px;
    overflow: auto;
    cursor: default;
    display: none;
    z-index: 9999;
}

.header-nav-item-live-container {
    width: auto;
    min-width: 194px;
    padding: 12px 12px;
    /*background: transparent linear-gradient(46deg, #0E68FC 0%, #F72805 100%) 0% 0% no-repeat padding-box;*/
    background-color: var(--color-dark-charcoal32);
    z-index: 99;
}

.header-nav-item-live {
    position: relative;
}

.audio-seperator {
    width: 100%;
    height: 1px;
    background-color: rgba(255,255,255,.2);
    margin: 10px 0;
}

.live-content-title {
    width: 85px;
}

.header-submenu-vod-container {
    top: 59px;
}

.header-submenu-container {
    width: 660px;
}

.header-loggedIn-container, .header-vod-loggedIn-container {
    width: 150px;
}

.header-vod-loggedIn-container {
    top: 49px;
}

.header-item-vod-icon-bottom-loggedIn .header-submenu-spacing {
    width: Calc(100% + 60px);
}

.header-submenu-spacing {
    position: absolute;
    top: 0;
    width: Calc(100% + 20px);
    height: Calc(100% + 23px);
    cursor: pointer;
    /*height: 100%;*/
}

.header-nav-item-live .header-submenu-spacing {
    height: Calc(100% + 30px);
    width: 100%;
}

.header-vod-loadmore-container .header-submenu-spacing {
    width: calc(100% + 60px);
}

.header-nav-item-vod-bottom .header-submenu-spacing {
    top: -15px;
    height: Calc(100% + 30px);
}

.header-item-vod-header-vodbottom-icon-container .header-submenu-spacing {
    top: -26px;
    height: Calc(100% + 50px);
}

.header-item-icon-loggedIn .header-submenu-spacing {
    width: 100%;
}

/* width */
.header-submenu-container::-webkit-scrollbar, .header-submenu-vod-container::-webkit-scrollbar {
    width: 2px;
}

/* Track */
.header-submenu-container::-webkit-scrollbar-track, .header-submenu-vod-container::-webkit-scrollbar-track {
    margin: 5px 0;
    background: var(--light-color-white);
}

/* Handle */
.header-submenu-container::-webkit-scrollbar-thumb, .header-submenu-vod-container::-webkit-scrollbar-thumb {
    background-color: var(--light-color-black);
}

.header-submenu-item, .header-submenu-loggedin-item, .header-submenu-vod-item, .header-submenu-vod-loggedin-item {
    padding: 10px;
    border-bottom: .5px solid rgba(255,255,255,0.2);
    cursor: pointer;
}

.logout-color {
    color: var(--color-red);
}

.header-submenu-item.noborder, .header-submenu-vod-item.noborder, .header-submenu-loggedin-item.noborder, .header-submenu-vod-loggedin-item.noborder {
    border-bottom: none;
}

.header-submenu-item:hover, .header-submenu-vod-item:hover, .header-submenu-loggedin-item:hover, .header-submenu-vod-loggedin-item:hover {
    background-color: var(--light-color-dove-gray);
    color: var(--light-color-white);
}

.header-nav-item-loadmore-arrow {
    font-size: 17px;
    position: relative;
    top: 1px;
}

.show_current {
    color: var(--color-white);
}

.show_current_inner {
    /*border-bottom: 1px solid rgba(255,255,255,0.5);*/
    /*padding-bottom: 5px;*/
}

.progress-not-filled {
    height: 1px;
    width: 100%;
    background-color: rgba(255,255,255,.5);
    margin-top: 3px;
}

.progress-filled {
    position: absolute;
    height: 4px;
    background-color: #FFF;
    top: 50%;
}

/*Large devices (desktops, tablets less than 1200px)*/
@media (max-width: 1199.98px) {
    .header-container {
        padding: 8px 0;
    }

    .header-logo-container img {
        width: 26px;
    }
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
}

/*#region Action Bar*/
.actionbar-container {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 99999;
    background-color: var(--color-dark-charcoal32);
    box-shadow: 0px -7px 6px #00000029;
    padding: 8px 8px;
}

.actionbar-nav-item,
.actionbar-nav-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 8px;
    color: var(--color-white);
}

.actionbar-nav-item-icon {
    position: relative;
    margin-bottom: 2px;
}

    .actionbar-nav-item-icon.push-up {
        top: -7px
    }

.actionbar-pipe {
    height: 68%;
    width: 1px;
    background-color: #4D4D4D;
    margin: 0 8px;
}

.actionbar-nav-item-disk {
    border-radius: 50%;
    position: absolute;
    width: 45px;
    height: 45px;
    background-color: var(--color-dark-charcoal32);
    top: -22px;
}

.menu-login-mobile {
    display: none;
}

/*Large devices (desktops, tablets less than 1200px)*/
@media (max-width: 1199.98px) {
    .actionbar-container {
        display: flex !important;
    }

    .header-body-container {
        flex-direction: row;
        align-items: center;
        justify-content: end;
    }

    .menu-login-mobile {
        display: block;
    }
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
}

@media (max-width: 380px) {

    .actionbar-container {
        padding: 8px 0;
    }

    .actionbar-nav-item {
        padding: 0 4px;
    }

    .actionbar-pipe {
        height: 60%;
        margin: 0 0px;
    }
}

/*#endregion Action Bar*/

/*#region Theme switch*/

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    border: 1px solid var(--color-white);
    -webkit-transition: .2s;
    transition: .2s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 17px;
        left: 0px;
        bottom: 1px;
        background-color: white;
        -webkit-transition: .2s;
        transition: .2s;
        background-image: url('../images/Header/sun icon.svg');
        background-size: 53%;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

.dark-mode-checkbox:checked ~ .body-container .slider:before {
    background-image: url('../images/Header/nighmode icon.svg');
}

.dark-mode-checkbox:checked ~ .body-container .slider:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }


/*#endregion Theme switch*/

/*#region Notification*/
.NotificationsDiv {
    position: absolute;
    background-color: #fff;
    top: 35px;
    width: 390px;
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
    max-height: 428px;
    min-height: 130px;
    box-sizing: content-box !important;
    z-index: 9999;
}

    .NotificationsDiv .NotificationsLoader {
        position: absolute;
        /*left: 50%;*/
        top: 50%;
        transform: translateY(-50%);
    }

/*.ShowNotificationsOnScroll .NotificationsDiv {
    right: auto;
    left: 0;
}*/

.NotificationsDivHeight {
    width: 390px;
    max-height: 440px;
    min-height: 130px;
    background: transparent linear-gradient(39deg, #0E68FC 0%, #F72805 100%) 0% 0% no-repeat padding-box;
    overflow: auto;
}

    /* width */
    .NotificationsDivHeight::-webkit-scrollbar {
        width: 2px;
    }

    /* Track */
    .NotificationsDivHeight::-webkit-scrollbar-track {
        margin: 5px 0;
        /*background: #7099b3;*/
    }

    /* Handle */
    .NotificationsDivHeight::-webkit-scrollbar-thumb {
        background: var(--color-white);
    }

/*.NotificationsDiv, .NotificationsDivHeight {
    border-radius: 6px 0px 6px 6px;
}*/

.notification-item .card-module-category-container, .notification-item .card-module-date-container, .notification-item .card-module-title, .notification-title {
    background-color: transparent;
    color: var(--color-white);
}


.notification-item {
}

    .notification-item:hover {
        background-color: rgba(251, 251, 251, 0.35);
    }

    .notification-item .card-module-date-category-container {
        justify-content: space-between;
    }

.GoToChildOnClickNew {
    cursor: pointer;
}

.IsRead {
    background-color: rgba(251, 251, 251, 0.1);
}

.ReadTextColor {
    color: #B5B5B5 !important;
}


.NotificationsLoader .loading-progress-overlay .mastermenu-loader {
    width: 40px;
    height: 40px;
}

.TopTriangle {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--light-color-white);
    position: absolute;
    top: -10px;
    transform: translateX(-50%);
}

.NotificationsCount {
    border-radius: 50%;
    background-color: var(--color-blue);
    width: 16px;
    height: 16px;
    color: var(--color-white);
    position: absolute;
    top: -8px;
    text-align: center;
    padding-top: 0px;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s;
    pointer-events: none;
}

.NotificationsCountNumber {
    line-height: 17px;
    transition: all 0.5s;
    font-size: 9px !important;
    line-height: 16px !important;
    text-align: center;
}

.NotificationsAnimation {
    opacity: 1;
    /*transform: scale(1);*/
    animation-name: NotificationsPopAnimation;
    animation-duration: 0.4s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-play-state: running;
}

.notification-fixed-bottom .NotificationsDiv {
    position: fixed;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: Calc(100% - 50px);
    max-height: initial;
}

    .notification-fixed-bottom .NotificationsDiv.slideup {
        top: 0;
    }

.notification-fixed-bottom .NotificationsDivHeight {
    width: 100%;
    min-height: 100%;
    max-height: 100%;
}

.notification-bottom .TopTriangle {
    display: none;
    border-bottom: unset;
    border-top: 10px solid var(--light-color-white);
    border-width: 6px;
    top: -8px;
}

.notification-bottom.notification-container-active .TopTriangle {
    display: block;
}

@-moz-keyframes NotificationsPopAnimation {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes NotificationsPopAnimation {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes NotificationsPopAnimation {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}


@media all and (max-width:500px) {
    .NotificationsDiv {
        width: 300px;
    }
}

/*#endregion*/

/*#region weather*/
.weatherDivContainer {
    overflow: hidden;
    height: 30px;
    position: relative;
}

.weather-container {
    z-index: 2;
}

.innerClassRepeaterWeather {
    height: 100%;
    width: auto;
    display: -webkit-box;
    overflow: hidden;
    position: relative;
    margin: 0;
}

.WeatherMenuTransitionLeft {
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
    /*left: 0;*/
    position: absolute;
    -ms-transition-delay: 30s;
    -o-transition-delay: 30s;
    -webkit-transition-delay: 30s;
    transition-delay: 30s;
    -ms-transition-duration: 3000s;
    -o-transition-duration: 3000s;
    -webkit-transition-duration: 3000s;
    transition-duration: 3000s;
}

.WeatherMenuTransitionRight {
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
    /*Right: 0;*/
    position: absolute;
    -ms-transition-delay: 30s;
    -o-transition-delay: 30s;
    -webkit-transition-delay: 30s;
    transition-delay: 30s;
    -ms-transition-duration: 3000s;
    -o-transition-duration: 3000s;
    -webkit-transition-duration: 3000s;
    transition-duration: 3000s;
}

.HeaderWeatherCity {
    line-height: 31px;
    color: var(--color-white);
}

.HeaderWeatherImg {
    width: 27px;
}


.HeaderWeatherTemp {
    color: var(--color-white);
    direction: ltr;
}

    .HeaderWeatherTemp span {
        font-weight: bold;
    }

.weather-updated-on {
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: Calc(100% - 30px);
    left: 15px;
    right: 15px;
    border-top: 1px solid rgba(255,255,255,.2);
    padding-top: 6px;
}

@media all and (max-width:767.8px) {
    .weather-today-info, .weather-humidity-container, .weather-today-info-container {
        text-align: center !important;
    }

        .weather-today-info img {
            display: inline-block;
        }
}

/*#endregion*/

/*#region burger menu*/
.burger-menu-container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 999999;
    background: transparent linear-gradient(39deg,#0e68fc 0%,#f72805 100%) 0% 0% no-repeat padding-box;
    color: var(--color-white);
    overflow: auto;
    display: none;
}

    /* width */
    .burger-menu-container::-webkit-scrollbar {
        width: 2px;
    }
    /* Track */
    .burger-menu-container::-webkit-scrollbar-track {
        margin: 5px 0;
    }
    /* Handle */
    .burger-menu-container::-webkit-scrollbar-thumb {
        background: var(--light-color-white);
    }

.menu-content {
    height: Calc(100vh - 520px);
    overflow: auto;
    margin-bottom: 40px;
    display: grid;
    /*place-items: center;*/
    place-items: start;
}

    /* width */
    .menu-content::-webkit-scrollbar {
        width: 2px;
    }
    /* Track */
    .menu-content::-webkit-scrollbar-track {
        margin: 5px 0;
    }
    /* Handle */
    .menu-content::-webkit-scrollbar-thumb {
        background: var(--light-color-white);
    }

.menu-listing-categories {
    margin-bottom: 10px;
}

/*.menu-category-container div:nth-child(2n + 1) {
    padding-right: 0;
}*/
/*.close-menu {
    font-size: 60px;
    color: var(--color-white);
}*/

.menu-globe {
    font-size: 30px;
}

/*.menu-category-container {
    height: 240px;
    overflow: auto;
}*/

/* width */
/*.menu-category-container::-webkit-scrollbar {
        width: 2px;
    }*/

/* Track */
/*.menu-category-container::-webkit-scrollbar-track {
        margin: 5px 0;
    }*/

/* Handle */
/*.menu-category-container::-webkit-scrollbar-thumb {
        background: var(--light-color-white);
    }*/

/*.menu-category-container div:nth-child(2n + 1) {
        padding-right: 0;
    }*/

.categories-container {
    /*padding-bottom: 120px;*/
}

.menu-listing-categories {
    min-width: 122px;
    border-radius: 30px;
    border: 1px solid #E0E0E0;
    padding: 1px 5px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: #E0E0E0;
}

    .menu-listing-categories:hover {
        background-color: var(--color-white);
        color: var(--color-dark-charcoal33);
    }

.menu-login-section {
    /*background-color: var(--color-black);*/
}

.login-section, .watch-latest-programs {
    background-color: var(--color-black);
}

.burger-menu-container .item-footer-link:after {
    background-color: var(--color-white);
}

.menu-category-container .col-6 {
    padding-bottom: 10px;
}

.menu-user {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-red);
    border-radius: 50%;
}

.menu-sep {
    margin: 0 20px;
    width: 1px;
    height: 14px;
    background-color: var(--color-white);
}

.menu-listing-static-category {
    padding-bottom: 25px;
}

.menu-listing-category-container {
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
}

    .menu-listing-category-container::-webkit-scrollbar {
        border: none;
        background-color: transparent;
    }

    .menu-listing-category-container .menu-listing-categories {
        flex: 0 0 auto;
    }

.menu-login-section .btn-callToAction {
    font-size: 18px;
    line-height: 25px;
    padding: 3px 42px;
    margin-bottom: 0;
}

.login-section {
    padding-top: 5px;
    padding-bottom: 5px;
}

.menu-login-content, .watch-latest-programs-content {
    max-width: 670px;
}

    .watch-latest-programs-content .text-title-23 {
        font-size: 16px;
        line-height: 26px;
    }
/*.menu-login-content {
    margin-right: auto;
}*/
/*.watch-latest-programs-content {
    margin-left: auto;
}*/
.menu-social-media .footer-bottom-item {
    border-color: #B5B5B5;
}

.menu-social-media .fourth-row-container {
    padding-bottom: 28px;
}

.menu-social-media .fourth-row-container {
    justify-content: center;
}

/*.close-btn-container {
    height: 60px;
}*/

/*.close-menu {
    position: absolute;
    top: -25px;
    cursor: pointer;
}*/

.noscroll {
    overflow: hidden;
}

.btn_menu_login {
    background-color: transparent;
    color: var(--color-white);
    border: none;
}

@media all and (max-width:1350px) {
    .menu-login-section .btn-callToAction {
        padding: 3px 15px;
    }
}

@media all and (max-width:1199.8px) {
    .menu-content {
        height: auto;
    }

    .categories-container .col-lg-9, .categories-container .col-lg-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .bg-black-on-tablet {
        /*background-color: var(--color-black);*/
    }

    .menu-listing-static-category {
        padding-top: 40px;
    }

    .menu-login-section .col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .menu-login-content, .watch-latest-programs-content {
        max-width: initial;
        margin: unset;
    }

    .watch-latest-programs.h-100 {
        height: 60px !important;
    }

    .menu-login-section .btn-callToAction {
        padding: 8px 62px;
    }

    .menu-language-name {
        width: 220px;
        text-align: center;
    }

    .menu-content.padding-t-md-50 {
        padding-top: 30px !important;
    }

    .categories-container {
        /*padding-bottom: 70px;*/
    }

    .NotificationsDiv {
        z-index: 99999;
    }

    .actionbar-container {
        z-index: 999999;
    }
}


@media all and (max-width:767.8px) {
    .categories-container {
        /*padding-bottom: 10px;*/
    }

    .watch-latest-programs.h-100 {
        height: auto !important;
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .watch-latest-programs-content.justify-content-between {
        flex-wrap: wrap;
        justify-content: center !important;
        text-align: center;
    }

    .watch-latest-programs .btn-callToAction {
        margin-top: 5px;
    }

    .lastrow {
        flex-direction: column;
    }

    .items-menu-container {
        width: 100%;
    }

    .lastrow .items-menu-container:nth-child(1) {
        padding-bottom: 10px;
        border-bottom: 1px solid #b5b5b5;
    }

    .lastrow .items-menu-container:nth-child(2) {
        padding-top: 25px;
    }

    .items-menu-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .items-menu-container .item-footer-link {
            margin-bottom: 3px;
        }

    /*.close-btn-container {
        height: 40px;
    }*/

    /*.close-menu {
        font-size: 40px;
    }*/

    .menu-content.padding-t-md-50 {
        padding-top: 10px !important;
    }

    .menu-content {
        margin-bottom: 0;
    }

    .login-section {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
    }

    .menu-user {
        width: 40px;
        height: 40px;
    }

    .menu-create-account, .menu-create-account-sep {
        display: none;
    }

    .menu-language-name {
        width: auto;
    }

    .footer-social-media-sep {
        background-color: #b5b5b5;
    }

    .menu-category-container {
        height: auto;
    }

    .menu-stuck {
        position: fixed !important;
        width: 100%;
        top: 0;
        background: #b03c51;
        padding-top: 15px;
        z-index: 1;
    }

    .reserve-menu-height {
        height: 45px;
    }
}

@media all and (max-width:400px) {
    .menu-user {
        width: 30px;
        height: 30px;
    }

    /*.menu-listing-categories {
        width: 100%;
    }*/
}

/*#enbdregion*/
/*#endregion Header*/

/*#endregion*/

/*#region firstrow1bighorizontalcardrestrows3horizontalcards*/
.horizontal_big .card-module-header-container {
    width: 100%;
}

.horizontal_big .card-module-body-container {
    justify-content: space-between;
    height: 243px;
}

.horizontal_small .card-module-date-container {
    padding: 1px 7px 2px 7px;
    background-color: var(--color-red);
    color: var(--color-white);
}

.horizontal_small .card-module-horizontal__body-container {
    width: 100%;
}

.horizontal_small .card-module-date-category-container {
    flex: 0 0 auto;
}

.horizontal_small .card-module-body-container {
    padding: 0px;
}

@media(max-width:767.98px) {
    .firstrow1bighorizontalcardrestrows3horizontalcards
    .card-module.card-module-horizontal {
        flex-direction: column;
        align-items: start;
    }

    .horizontal_big .card-module-header-container {
        max-width: unset !important;
    }

    .horizontal_big .card-module-body-container {
        height: auto;
        width: 100%;
        padding: 15px 0 0 0;
        flex-direction: column;
    }
}
/*#endregion*/

/*#region BreakingNewsBar*/
.breakingnewsbar_main_title {
    color: var(--color-white);
    flex: 0 0 auto;
    min-width: 232px;
}

.breakingnewsbar {
    position: fixed;
    bottom: 5%;
    width: 100%;
    height: 50px;
    z-index: 100001;
}

.breakingnewsbar_blue_sec, .breakingnewsbar_item_white {
    height: 100%;
    width: 100vw;
    position: absolute;
    top: 0;
    z-index: -1;
}

.breakingnewsbar_blue_sec {
    background-color: var(--color-blue);
}

.breakingnewsbar_item_white {
    background-color: var(--color-white);
}

.breakingnewsbar_icon, .breakingnewsbar_title {
    z-index: 1;
}

.breakingnewsbar_icon {
    margin: 0 20px;
}

.breakingnewsbar_title {
    max-width: unset;
}

.breakingnewsbar_mainInfo {
    flex-grow: 1;
    height: 50px;
    color: var(--color-black);
    max-width: 100%;
    box-shadow: 0px 0px 10px #00000066;
}

.breakingnewsbar_open {
    display: none;
    font-size: 15px !important;
    margin: 0 2px;
    width: 100%;
}

.breakingnewsbar_close {
    max-width: 100%;
}

.breakingnewsbar_closed {
    width: auto;
}

.breakingnewsbar_closed_finished {
    height: 35px;
    bottom: 6%;
}

.breakingnewsbar_closed .breakingnewsbar_close,
.breakingnewsbar_closed .breakingnewsbar_title,
.breakingnewsbar_closed .breakingnewsbar_mainInfo {
    overflow: hidden;
    max-width: 0;
    margin: 0px;
}

.breakingnewsbar_closed .breakingnewsbar_swiper {
    opacity: 0;
}

.breakingnewsbar_closed .breakingnewsbar_open {
    display: block;
}

.breakingnewsbar_open_container {
    min-width: unset;
    flex: 0;
    width: 35px;
    display: none;
}

.breakingnewsbar_closed_finished .breakingnewsbar_open_container {
    display: flex;
}

.breakingnewsbar_item {
    /*background-color: var(--color-white);*/
    flex-grow: 1;
}

.breakingNewsNotification {
    color: var(--color-white);
    background-color: var(--color-blue);
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    margin-bottom: 5px;
    position: absolute;
    top: -12px;
    left: -11px;
    width: 20px;
    height: 20px;
    z-index: 1;
    display: none;
}

.beaking-news-max-width-items {
    /*max-width: 1430px;*/
    width: 100%;
    position: relative;
}

@media all and (max-width:1430px) {
    .beaking-news-max-width-items {
        transform: none !important;
    }
}

@media(max-width:1200px) {
    .breakingnewsbar {
        bottom: 12%;
    }

    .breakingnewsbar_closed_finished {
        bottom: 13%;
    }
}

@media(max-width:767.98px) {
    .breakingnewsbar_title {
        display: none;
    }

    .breakingnewsbar_main_title {
        min-width: unset;
    }
}
/*#endregion*/

/*#region weather*/
.weather-today-info-container, .lsting-cities-container, .weather-future-day {
    background-color: rgba(255,255,255,0.05);
    color: var(--color-white);
    border-radius: 10px;
}

.weather-today-info-container {
    padding: 15px;
}

.weather-icon-pin {
    font-size: 30px;
    color: var(--color-red);
}

.weather-lstingcitiesicon-pin {
    font-size: 23px;
    color: var(--color-red);
}

.weather-arrow-down {
    /*width: 12px;
    height: 12px;
    border: 1px solid var(--light-color-white);
    border-top: none;
    transform: rotate(-45deg);*/
    cursor: pointer;
    font-size: 20px;
    top: 3px;
    position: relative;
}

.lsting-cities-container {
    padding: 15px;
}

.lsting-cities-items {
    border-bottom: 1px solid rgba(224, 224, 224, 0.2);
    padding-bottom: 5px;
    align-items: center;
    margin: 0 0 6px 0 !important;
}

    .lsting-cities-items:hover {
        background-color: rgba(255,255,255,.1);
    }

.weather-future-day {
    padding: 15px;
}

.weather-future-day-title {
    border-bottom: 1px solid rgb(224, 224, 224);
    margin-bottom: 15px;
}

.lsting-cities-container {
    max-height: 370px;
    overflow: auto;
}

    /* width */
    .lsting-cities-container::-webkit-scrollbar {
        width: 2px;
    }

    /* Track */
    .lsting-cities-container::-webkit-scrollbar-track {
        margin: 5px 0;
        /*background: #7099b3;*/
    }

    /* Handle */
    .lsting-cities-container::-webkit-scrollbar-thumb {
        background: var(--light-color-white);
    }

.cities-listing-container {
    position: absolute;
    top: 29px;
    background-color: var(--light-color-white);
    color: var(--light-color-black);
    min-width: 160px;
    /*max-width: 200px;*/
    padding: 0;
    border-radius: 10px;
    z-index: 8;
    text-align: center;
    max-height: 170px;
    overflow: auto;
}

    /* width */
    .cities-listing-container::-webkit-scrollbar {
        width: 2px;
    }

    /* Track */
    .cities-listing-container::-webkit-scrollbar-track {
        margin: 5px 0;
        /*background: #7099b3;*/
    }

    /* Handle */
    .cities-listing-container::-webkit-scrollbar-thumb {
        background: var(--light-color-black);
    }

.cities-listing-items {
    padding: 2px 5px;
    border-radius: 10px;
    cursor: pointer;
}

    .cities-listing-items:hover {
        background-color: var(--light-color-lotion);
    }

.open-bg-weather-full-width {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100vw;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 1;
    /*background-image: url(../images/BgWeatherLight.png);*/
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

/*.dark-mode .open-bg-weather-full-width {
    background-image: url(../images/BgWeatherDark.png);
}*/


@media all and (max-width:600px) {
    .cities-listing-container {
        top: 20px;
    }
}



/*#endregion*/

/*#region Contact us*/
.contactus-bottom-item {
    border-bottom: 1px solid #707070;
}

.contactus-contact {
    padding-bottom: 30px;
}

.contact-department-dropdown {
    width: 330px;
}

.contact-department {
    padding-top: 30px;
    padding-bottom: 150px;
}

.contact-entry-items {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 60px;
}

.contact-entry-title {
    max-width: 416px;
    width: 100%;
}

.contact-entry-input-field {
    padding-bottom: 20px;
}

.contact-entry-form {
    padding-top: 75px;
}

.PlaceHolderColor {
    border-color: var(--color-red);
}

.ValidatorsDiv {
    color: var(--color-red);
}

.loading-progress-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--color-ch-black);
    opacity: 0.8;
    z-index: 100000;
}

@media all and (max-width:1199.8px) {
    .contact-entry-title {
        padding-bottom: 20px;
    }

    .contact-entry-items {
        flex-direction: column;
    }


    .contact-entry-input {
        width: 100%;
    }

    .contact-entry-input-field {
        padding-bottom: 25px;
    }

    .contact-entry-items {
        padding-bottom: 30px;
    }

    .contact-entry-form {
        padding-top: 30px;
    }

    .contact-department {
        padding-bottom: 128px;
    }
}

@media all and (max-width:767.8px) {
    .contact-department {
        padding-bottom: 50px;
    }

    .contact-submit .contact-entry-title {
        display: none;
    }
}

@media all and (max-width:500px) {
    .contact-submit {
        text-align: center;
    }

    /*.contact-department {
        display: none;
    }*/
}

/*#endregion*/

/*#region Loader*/

.mastermenu-loader {
    display: block;
    position: absolute;
    /*left: 50%;*/
    top: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    border-radius: 50%;
    border: 3px solid transparent;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    border-top-color: var(--color-blue);
}

.loading-progress-overlay .mastermenu-loader {
    width: 80px;
    height: 80px;
}

.mastermenu-loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
    border-top-color: var(--color-blue);
}

.mastermenu-loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    border-top-color: var(--color-blue);
}

.request-quote-loader.mastermenu-loader {
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*#endregion*/

/*#region developmentstories*/
.developmentstories_articlesnumber {
    flex-grow: 1;
    text-align: center;
}

.developmentstories_count {
    line-height: 14px !important;
    padding: 0 15px;
}

.developmentstories_articles {
    border: 1px solid var(--color-ch-white);
    border-radius: 0px 0px 10px 10px;
    background-color: var(--light-color-lotion);
    padding: 5px;
}

.developmentstories .card-module-body-container {
    padding: 0px;
}

.developmentstories_center_current_article {
    text-align: center;
    background-color: var(--light-color-lotion);
    border: 1px solid var(--color-ch-white);
    border-radius: 10px 10px 0px 0px;
    padding: 10px !important;
}

    .developmentstories_center_current_article .card-module-horizontal__date-category-container {
        justify-content: center;
    }

        .developmentstories_center_current_article .card-module-horizontal__date-category-container .card-module-horizontal__date-container {
            background-color: transparent;
        }

    .developmentstories_center_current_article .card-module-sep {
        display: none;
    }

.developmentstories_item:last-child .card-module-sep {
    opacity: 0;
}

.sub_articles_result {
    position: relative;
}

    .sub_articles_result .developmentstories_item:last-child .card-module-sep {
        opacity: 0;
    }

.developmentstories_preloader {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    /*left: 0px;*/
    top: 0px;
    z-index: 101;
}

    .developmentstories_preloader img {
        position: absolute;
        /*left: 50%;*/
        top: 50%;
        transform: translate(-50%,-50%);
        z-index: 102;
        width: 30px;
    }

    .developmentstories_preloader .loading-progress-overlay {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .developmentstories_preloader .loading-spinner {
        width: 45px;
        height: 45px;
    }

.developmentstories_overlay {
    opacity: 0.5;
    background-color: var(--light-color-white);
    width: 100%;
    height: 100%;
    position: absolute;
    /*left: 0px;*/
    top: 0px;
}

.prev_next_arrows {
    line-height: 0px;
    font-size: 20px;
}
/*#endregion*/

/*#region google search*/
.gsc-result-info {
    color: var(--color-red) !important;
}

.gsc-positioningWrapper {
    display: none;
}

.gs-visibleUrl-breadcrumb {
    color: var(--color-blue) !important;
}

.gs-snippet {
    color: #9B9B9B;
}

.gsc-thumbnail-inside {
    /*position: absolute !important;*/
    /*right: 179px !important;*/
    top: 3px !important;
    max-height: 36px;
    overflow: hidden;
    max-width: calc(100% - 180px);
    z-index: 1;
}

.gsc-url-top {
    /*position: absolute !important;*/
    top: 42px !important;
    max-width: calc(100% - 180px);
    max-height: 21px;
    overflow: hidden;
    z-index: 1;
}

.gsc-table-cell-snippet-close {
    top: 65px !important;
    position: absolute !important;
    max-width: calc(100% - 180px);
    max-height: 53px;
    overflow: hidden;
}

.gs-webResult {
    position: relative !important;
    border-bottom: 1px solid rgba(0,0,0,.1) !important;
    min-height: 130px !important;
}

.gs-image-box {
    width: 155px !important;
    height: 100px !important;
}

.gs-image {
    width: 100% !important;
    max-width: none !important;
    max-height: 100px !important;
}

.gs-title, .gs-title b {
    color: var(--light-color-black) !important;
}

.gsc-cursor-box.gs-bidi-start-align {
    text-align: center !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    color: var(--light-color-white) !important;
    background-color: #B5B5B5 !important;
    display: inline-block !important;
    font-size: 18px !important;
    text-align: center;
    line-height: 35px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    background-color: var(--light-color-dark-charcoal32) !important;
    color: var(--light-color-white) !important;
    width: 50px !important;
    height: 50px !important;
    line-height: 50px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    color: var(--light-color-white) !important;
    background-color: var(--light-color-dark-charcoal32) !important;
    text-decoration: none !important;
}

.gcsc-more-maybe-branding-root a {
    text-align: center;
}


.gcsc-find-more-on-google {
    color: var(--light-color-dark-charcoal32) !important;
}

.gcsc-find-more-on-google-magnifier path {
    fill: var(--light-color-dark-charcoal32) !important;
}

.gcsc-more-maybe-branding-root {
    position: relative;
}

.gsc-search-box-tools {
    display: none !important;
}


.GoogleSearch .forms-text-input {
    border-width: 2px;
    border-color: var(--light-color-dark-charcoal32);
    padding: 0 40px;
    padding-bottom: 15px;
    height: 50px;
    color: var(--light-color-dark-charcoal32);
}

.google-search-icon {
    font-size: 33px;
    position: absolute;
    top: -10px;
    color: #9B9B9B;
    cursor: pointer;
}

    .google-search-icon.ion-ios-close {
        font-size: 40px;
        color: var(--light-color-dark-charcoal33);
    }

.gsc-control-cse {
    padding: 0 !important;
}

.gsc-webResult .gsc-result {
    border-color: transparent !important;
}

.gsc-webResult.gsc-result {
    padding: 12px 0 !important;
}

.gsc-above-wrapper-area {
    margin-bottom: 50px;
}

.gsc-control-cse, .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
    background-color: var(--light-color-white) !important;
    border-color: var(--light-color-white) !important;
}

.gs-snippet {
    color: #9B9B9B !important;
}

.gsc-orderby-label, .gcsc-find-more-on-google-text, .gcsc-find-more-on-google-query, .gcsc-branding-img-noclear, .gsc-selected-option-container {
    color: var(--light-color-dark-charcoal33) !important;
}

.gsc-selected-option-container {
    background-color: transparent !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

.dark-mode .gsc-selected-option-container {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.gs-web-image-box-portrait img.gs-image {
    object-fit: contain !important;
}

.gsc-wrapper .gsc-adBlock {
    display: none;
}

.gsc-results.gsc-webResult {
    width: 100%;
}

@media all and (max-width:767.8px) {
    .gs-image-box {
        width: 115px !important;
        height: 70px !important;
    }

    .gs-image {
        max-height: 70px !important;
    }

        .gs-image .gs-image {
            object-fit: contain !important;
        }

    .gsc-thumbnail-inside, .gsc-url-top, .gsc-table-cell-snippet-close {
        max-width: calc(100% - 130px) !important;
    }

    .gsc-table-cell-snippet-close {
        top: 44px !important;
    }

    .gsc-url-top {
        top: 26px !important;
    }

    .gsc-above-wrapper-area {
        margin-bottom: 20px;
    }

    .gs-webResult {
        min-height: 90px !important;
    }

    .gs-title {
        height: 22px !important;
        overflow: hidden;
    }

    .gs-visibleUrl-breadcrumb {
        height: 16px;
        overflow: hidden;
    }
}

@media all and (max-width:480px) {
    .gsc-thumbnail-inside,
    .gsc-url-top {
        position: absolute !important;
    }
}

@media all and (max-width:450px) {
    .gs-image-box {
        width: 90px !important;
    }

    .gsc-thumbnail-inside, .gsc-url-top, .gsc-table-cell-snippet-close {
        max-width: calc(100% - 110px) !important;
    }
}

/*#endregion*/

/*#region RSS*/
.rss-links .btn-normal {
    min-width: 189px;
    padding: 7px 14px 6px;
}

.rss-links-description {
    border-bottom: 1px solid #E5E5E5;
}

.subscribe-rss {
    color: var(--color-red);
}

.rss-logo {
    width: 41px;
    height: 41px;
    border: 1px solid var(--color-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .rss-logo .ion-logo-rss {
        font-size: 26px;
        color: var(--color-blue);
    }

.click-rss-below .ion-ios-arrow-round-forward {
    font-size: 29px;
    color: var(--color-red);
}

.rss-globe {
    font-size: 35px;
}

.rss-news-container .rss-news-items {
    padding-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E5E5E5;
    align-items: center;
}

    .rss-news-container .rss-news-items .title-module-container {
        padding-bottom: 0;
    }

.rss-news-container {
    padding-bottom: 90px;
    border-bottom: 1px solid #E5E5E5;
}

.rss-links .rss-links-item {
    margin-bottom: 10px;
}

.btn-normal.rss-links-item {
    color: var(--color-black);
}

    .btn-normal.rss-links-item.active {
        color: var(--color-white);
    }

.rss-arrow-down .ion-ios-arrow-down {
    font-size: 25px;
    color: var(--color-blue);
}

.RSS .category-container:last-child .rss-news-container {
    border-bottom: none;
}

.dark-mode-checkbox:checked ~ .body-container .show-image {
    content: url('../images/Header/baramejicon.svg');
}

.dark-mode-checkbox:checked ~ .body-container .episode-image {
    content: url('../images/episode-news -dark.svg');
}

@media all and (max-width:1199.8px) {
    .rss-news-container .rss-news-items-container {
        width: 100% !important;
        max-width: 100%;
        flex: 0 0 100%;
    }
}

@media all and (max-width:767.8px) {
    .rss-news-title-container {
        border-bottom: 1px solid #E5E5E5;
    }

    .rss-news-items .col-xs-7 {
        display: none !important;
    }

    .rss-news-items .col-xs-1 {
        flex: auto !important;
        max-width: 40px !important;
    }

    .rss-news-items .col-xs-4 {
        flex: auto !important;
        max-width: calc(100% - 53px) !important;
    }

    .rss-links .btn-normal {
        min-width: 150px;
        padding-top: 5px 14px;
    }

    .rss-news-container.row {
        display: none;
    }

    .rss-news-container {
        padding-bottom: 0;
        border: none;
    }

    .rss-logo {
        width: 35px;
        height: 35px;
    }

        .rss-logo .ion-logo-rss {
            font-size: 22px;
        }
}

/*#endregion*/

/*#region newsletter*/

.newsLetter-field-submit-container {
    background-color: var(--color-blue);
    color: var(--color-white);
    margin-top: 10px;
}

.newsLetter-field {
    border: 1px solid var(--color-ch-white);
    border-radius: 4px;
    background-color: var(--color-white);
}
/*#endregion*/

/*#region Social Media Network*/

.fourth-row-container {
    position: relative;
    z-index: 2;
}

.social-media-network-in-page {
    /*height: 120px;*/
    background-color: var(--color-black);
    color: var(--color-white);
    padding: 0 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .social-media-network-in-page.social-media-stuck {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 20;
        height: 50px;
    }

.social-media-preserve-height.preserve, .social-media-network-in-page {
    height: 120px;
}

    .social-media-network-in-page.social-media-invisible {
        height: 0;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        pointer-events: none;
    }

    .social-media-network-in-page.fourth-row-container {
        padding-bottom: 0;
    }

.social-media-network-bgcolor {
    width: 100vw;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -1;
    background-color: var(--color-black);
    display: none;
}

.social-media-network-in-page .social-media-network-bgcolor {
    display: block;
}

.social-media-network-in-page.footer-bottom-item {
    border: none;
}

/*.social-media-preserve-height.preserve + .social-media-network-bgcolor {
    background-color: transparent;
}*/

@media all and (max-width:991.8px) {
    .social-media-network-in-page {
        position: relative;
    }

    .social-media-preserve-height.preserve, .social-media-network-in-page {
        height: auto;
    }

    .social-media-network-in-page {
        padding-top: 15px;
    }
}

@media all and (max-width:767.8px) {
    .social-media-network-in-page {
        height: auto;
    }
}


/*#endregion*/

/*#region tabulationbar*/
.tabulationbar {
    z-index: 101;
}

.tabulationbar_slide {
    /*max-width: 200px !important;*/
    /*display: inline-block;*/
}

.tabulationbar_slide_item {
    background-color: var(--color-ch-white);
    padding: 4px 14px;
    color: var(--color-dark-charcoal33);
    /*min-width: 115px;*/
    text-align: center;
    white-space: nowrap;
}

.dark-mode-checkbox:checked ~ .body-container .tabulationbar_slide_item,
.dark-mode .tabulationbar_slide_item {
    background-color: #3F3F3F;
    color: var(--color-ch-white);
}

.tabulationbar_slide_item_selected {
    background-color: #b5b5b5;
}

.dark-mode-checkbox:checked ~ .body-container .tabulationbar_slide_item_selected,
.dark-mode .tabulationbar_slide_item_selected {
    background-color: #848484;
}

.tabulationbar_slide_item_low {
    opacity: 0.5;
}

.flickity-slider .tabulationbar_slide:last-child::after {
    display: none;
}

.tabulationbar_swiper .flickity-viewport {
    overflow: visible !important;
}
/*.tabulationbar_item {
    margin-right: 66px;
}*/
.tabulationbar_item_selected {
    color: var(--color-red);
}

.tabulation_opener {
    display: none;
    color: var(--color-red);
    font-size: 20px;
    line-height: 44px;
    /*margin-right: 10px;*/
    cursor: pointer;
}

.tabulation_content {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--light-color-black);
}

.tabulation_content_inner {
    display: flex;
}

.tabulationbar_swiper,
.tabulationbar_swiper .swiper-wrapper {
    /*width: calc(100vw - 30px);*/
    width: 100%;
    height: 100%;
    display: flex;
}

    .tabulationbar_swiper .swiper-wrapper .swiper-slide:first-child .tabulationbar_slide_item {
        border-radius: 0 33px 33px 0;
    }

    .tabulationbar_swiper .swiper-wrapper .swiper-slide:last-child .tabulationbar_slide_item {
        border-radius: 33px 0 0 33px;
    }

/*.tabulationbar_siblings {
    margin-right: 1px !important;
}*/

/*.tabulationbar_childs0 {
    margin-right: 20px !important;
}*/

.category_siblings {
    position: absolute;
    /*right: 0;*/
    top: 29px;
    background-color: var(--color-ch-white);
    color: var(--color-dark-charcoal33);
    width: 100%;
    min-width: 132px;
    padding: 10px;
    text-align: center;
    z-index: 101;
    display: none;
}

    .category_siblings div {
        padding-bottom: 10px;
    }

        .category_siblings div:last-child {
            padding-bottom: 0;
        }

    .category_siblings > div .slimScrollBar {
        width: 2px !important;
    }

.siblingarrowRotate {
    transform: rotate(-180deg);
}

.tabulationbar_container:after {
    content: '';
    border-bottom: 2px solid #E0E0E0;
    width: 100%;
    position: absolute;
    right: 0px;
    bottom: -9px;
}

.tabulationRotate {
    transform: rotate(-180deg);
}

.tabulationbar_tablet {
    display: none;
}

.tabulationbar_desktop {
    display: block;
}

@media(max-width:1199.98px) {
    .tabulationbar_title {
        justify-content: center;
        max-width: 277px;
        flex-direction: column;
        margin: 0 auto;
    }

    .tabulationbar_container {
        flex-direction: column;
        width: 100%;
    }

    .tabulation_content {
        display: none;
        width: 100%;
        flex-direction: column;
        background-color: var(--light-color-dark-charcoal32);
        color: var(--light-color-white);
    }

    .tabulation_content_inner {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /*padding: 10px 27px 10px 0;*/
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }

    .tabulationbar_item {
        border-bottom: 0.25px solid rgba(224,224,224,0.2);
        /*margin-right: 0px;*/
        width: 100%;
        padding: 9px 0;
    }

        .tabulationbar_item:last-child {
            border: none;
        }

        .tabulationbar_item:last-child {
            border: none;
        }

    .tabulationbar_container:after {
        display: none;
    }

    .tabulationbar_title {
        position: relative;
    }

        .tabulationbar_title:after {
            content: '';
            border-bottom: 2px solid #E0E0E0;
            width: 100%;
            position: absolute;
            right: 0px;
            bottom: 6px;
        }

    .tabulation_opener {
        display: block;
    }

    .tabulationbar_title .text-title-17 {
        font-size: 27px;
    }

    .tabulationbar_tablet {
        display: block;
    }

    .tabulationbar_desktop {
        display: none;
    }
}
/*#endregion*/

/*#region searchautocomplete*/
.searchautocomplete {
    position: fixed;
    /*left: 0;*/
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.95);
    z-index: 100002;
    display: none;
    padding: 15px;
}

    .searchautocomplete .slimScrollBar {
        width: 4px !important;
        opacity: 1 !important;
        background-color: var(--color-blue) !important;
    }

.searchautocomplete_close {
    font-size: 60px;
    color: var(--color-ch-white);
    /*margin-right: auto;*/
    top: 45px;
    /*left: 0;*/
    position: absolute;
}

.searchautocomplete_search_container {
    width: 100%;
    position: relative;
    margin-top: 186px;
}

.searchautocomplete_search_icon {
    position: absolute;
    /*right: 0;*/
    top: 0;
    z-index: 1;
    color: #9b9b9b;
    font-size: 45px;
    line-height: 0px;
}

.searchautocomplete_arrow_icon {
    position: absolute;
    /*left: 6px;*/
    top: 12px;
    color: #9b9b9b;
    font-size: 32px;
    line-height: 0;
}

.searchautocomplete_search_input {
    padding: 0 65px 0 26px;
    height: 55px;
    font-family: var(--font-cairo-semibold) !important;
    font-size: 24px !important;
    line-height: 34px !important;
    color: #9b9b9b;
}

.LoadArticlesResult {
    margin-top: 20px;
    /*padding-right: 65px;*/
}

.searchautocomplete_search_preloader {
    position: absolute;
    /*left: -5px;*/
    top: 9px;
    width: 38px;
    display: none;
}

.no_matching {
    color: var(--color-white);
}

@media(max-width:1199.98px) {
    .searchautocomplete_search_container {
        margin-top: 119px;
    }
}

@media(max-width:767.98px) {
    /*.LoadArticlesResult {
        padding-right: 0px;
    }*/

    .searchautocomplete .card-module.card-module-horizontal .card-module-horizontal__header-container {
        max-width: 135px !important;
    }

    .searchautocomplete .card-module-horizontal__title {
        font-size: 16px;
        line-height: 26px;
    }

    .searchautocomplete_search_input {
        font-size: 22px !important;
        line-height: 35px !important;
        height: 40px;
    }

    .searchautocomplete_search_icon {
        font-size: 35px;
    }

    .searchautocomplete_arrow_icon {
        font-size: 25px;
        top: 8px;
    }

    .searchautocomplete_search_preloader {
        top: 3px;
        width: 34px;
    }
}
/*#endregion*/

/*#region Careers */
.careers-listing-items .ion-ios-arrow-round-back {
    color: var(--color-red);
}

.careers-subtitle {
    color: #9B9B9B;
}

.call-to-action-careers {
    min-width: 252px;
    padding: 2px 5px;
    background-color: var(--color-red);
    border-radius: 4px;
    color: var(--color-white);
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border: none;
    outline: none;
}

.careers-form-title {
    border-bottom: 1px solid #B5B5B5;
}

.careers-form-title {
    display: flex;
    align-items: center;
}

    .careers-form-title .TitleModule, .careers-form-opportunities .TitleModule {
        width: auto !important;
    }

.careers-form-subtitle {
    color: #B5B5B5;
}

.careers-form-opportunities .custom-dropdown select {
    color: #E0E0E0;
}

.careers-form-opportunities .custom-dropdown::after {
    color: var(--color-red);
}

.careers-form-title {
    margin-bottom: 30px;
}

.careers-form-opportunities {
    padding-bottom: 100px;
}

.careers-form-input .btn-normal.fullwidth {
    min-width: 100%;
    background-color: var(--color-blue);
    color: var(--color-white);
    text-transform: capitalize;
}

.careers-form-input .fcol, .careers-form-input .scol, .careers-form-input .fullcol {
    padding-bottom: 20px;
}

.careers-form-input .custom-dropdown select {
    height: 33px;
    padding: 0 5px;
}

.careers-form-input {
    border: 1px solid #707070;
    border-radius: 4px;
    padding: 40px 30px 45px;
}

.careers-hremail {
    color: var(--color-red);
    direction: ltr;
}

.calltoaction-withoutLink, .nolink .calltoaction-withLink {
    display: none;
}

.calltoaction-withLink, .nolink .calltoaction-withoutLink {
    display: block;
}

.careers-form-subtitle .ion-ios-arrow-round-down {
    color: var(--color-red);
}

@media all and (max-width:1199.8px) {
    .careers-listing-container .careers-listing-items, .form-careers-container .col-md-7, .form-careers-container .col-md-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .form-careers-container {
        flex-direction: column-reverse;
    }
}

@media all and (max-width:767.8px) {
    .form-careers-container {
        flex-direction: column-reverse;
    }

    .careers-form-opportunities {
        padding-bottom: 40px;
    }

    .fill-info-careers.padding-b-xs-80 {
        padding-bottom: 10px !important;
        border-bottom: 1px solid #707070;
    }

    .careers-form-input {
        border: none;
        padding: 10px 0px 25px;
    }
}


/*#endregion*/

/*#region Top Pages*/

.toppages-title {
    color: var(--color-white);
}

.bg-toppages-presentation {
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    z-index: 1;
}

.border-bottom-toppages {
    padding-bottom: 15px;
    border-bottom: 3px solid var(--color-red);
    display: inline-block;
    margin-bottom: 80px;
}

.toppages-container {
    position: relative;
    z-index: 2;
    padding-top: 10px;
    padding-bottom: 20px;
    color: var(--color-ch-white);
}

.advertise-desc-max-width {
    max-width: 354px;
    padding-bottom: 65px;
}

.text-danger {
    color: var(--color-red) !important;
}

.advertive-sep {
    height: 1px;
    width: 100%;
    background-color: var(--color-ch-white);
    margin-bottom: 40px;
}

.toppages-textcontent {
    color: var(--color-ch-white);
}

.advertise-border-bottom {
    padding-bottom: 60px;
    margin-bottom: 40px;
    border-bottom: 1px solid var(--color-ch-white);
}

.advertise-arrow-down {
    display: block;
    padding-top: 100px;
    font-size: 100px;
    color: var(--color-red);
}

.advertise-container-designer {
    background-image: url(../uploadImages/ExtImages/images1/TopPagesBG.png);
    background-position: center center;
    background-size: cover;
}

    .advertise-container-designer .tabulation_content, .advertise-container-designer .tabulationbar_title {
        color: var(--color-white);
    }

.advertise-container .advertise-content {
    flex-wrap: nowrap;
}

.advertise-container {
    padding-bottom: 50px;
}

@media all and (max-width:1199.8px) {
    .toppages-container {
        flex-direction: column-reverse;
    }

    .advertise-container .advertise-content {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .advertise-container {
        padding-bottom: 75px;
    }
}

@media all and (max-width:767.8px) {
    .border-bottom-toppages {
        margin-bottom: 10px;
    }

    .advertise-arrow-down {
        padding-top: 20px;
    }

    .advertise-border-bottom {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .advertise-arrow-down {
        font-size: 50px;
    }

    .advertise-container {
        padding-bottom: 35px;
    }
}

/*#endregion*/

/*#region Advertise Custom Form*/

.advertise-item-space {
    display: block;
    width: 100%;
    height: 80px;
}

.advertise-custom-title .label-container {
    width: 100%;
}

.advertise-bottom-item {
    border-bottom: 1px solid #707070;
    padding-bottom: 20px;
}

.custom-form-container .forms-text-input + div::after {
    content: '';
    position: absolute;
    top: -1px;
    width: 50px;
    height: 1px;
    background-color: var(--color-red);
}

/*.custom-form-container .forms-text-text-area-custom.forms-text-input + div::after {
    top: -9px;
}*/

@media all and (max-width:1199.8px) {
    .advertise-items .col-lg-3, .advertise-items .col-lg-9, .advertise-items.advertise-items-title .col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .advertise-item-space {
        height: 40px;
    }

    .advertise-items .col-lg-3 {
        padding-bottom: 20px;
    }

    .advertise-bottom-item {
        padding-bottom: 30px;
    }
}

@media all and (max-width:767.8px) {
    .advertise-bottom-item, .advertise-items .col-lg-3 {
        padding-bottom: 30px;
    }

    .advertise-item-space {
        height: 30px;
    }
}

/*#endregion*/

/*#region Privacy Policy*/
.privacy-policy ul {
    /*padding-right: 20px;*/
    list-style-type: square;
}

.privacy-pocicy-subtitle {
    color: var(--color-blue);
}

@media all and (max-width:767.8px) {
    .privacy-policy-img {
        width: 100px;
    }
}

/*#endregion*/

/*#region Mobile Description*/
.mobile-description-img-container {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--color-white);
}

.colorE0E0E0 {
    color: var(--color-ch-white);
}

.mobile-desc-content .google-play-topic-pres svg path {
    fill: var(--color-ch-white);
}

.mobile-desc-content .mobile-app-topic-pres {
    border-color: var(--color-ch-white);
}

/*#endregion*/

/*#region Taradodat al Kanawat*/
.taradodat-kanawat-border-bottom, .taradodat-listing .taradodat-items {
    border-bottom: 1px solid #E5E5E5;
}

.taradodat-items-title {
    width: 360px;
}

.lnk-taradodat-kanawat {
    color: var(--color-blue);
}

.taradodat-listing .taradodat-items {
    padding-bottom: 20px;
    padding-top: 20px;
}

    .taradodat-listing .taradodat-items:last-child {
        border: none;
    }

.PrivacyContactLink {
    color: #0068ff;
    text-decoration: underline;
}

@media all and (max-width:1199.8px) {
    .taradodat-kanat-container .taradodat-kanawat-border-bottom {
        /*border: none;*/
        padding-bottom: 5px !important;
    }

    .taradodat-items {
        flex-wrap: wrap;
    }

    .taradodat-items-title {
        width: 100%;
        padding-bottom: 20px;
    }

    .taradodat-listing .taradodat-items {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

/*#endregion*/

/*#region About Us*/
.nb-hours {
    color: var(--color-red);
}

.aboutus-details-container {
    color: var(--color-white);
    background-color: var(--color-dark-charcoal32);
    position: relative;
    margin-top: -250px;
    padding-top: 500px;
    z-index: 1;
    overflow: hidden;
}

.lbci-logo-blue {
    position: absolute;
    bottom: 70px;
}

.lbci-logo-red {
    position: absolute;
    bottom: -80px;
}

.abousus-spacing {
    width: 100%;
    height: 177px;
}

.vision-and-mission-items {
    max-width: 663px;
    position: absolute;
    bottom: 70px;
    z-index: 2;
}

.entreprise-values {
    padding-bottom: 174px;
    justify-content: center;
}

.entreprise-values-items {
    max-width: 700px;
    position: relative;
    z-index: 2;
}

.aboutus-floated-image {
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.aboutuspic-container {
    z-index: 2;
}

.img-and-logo-aboutus {
    position: absolute;
    top: 0;
}

.vision-and-mission-container {
    padding-left: 15px;
    padding-right: 15px;
}

@media all and (max-width:1199.8px) {

    .abousus-circle-img {
        position: relative;
    }

    .aboutus-details-container {
        margin-top: -150px;
        /*padding-top: 450px;*/
        padding-top: 30%;
    }

    .img-and-logo-aboutus {
        top: -24%;
    }

    .lbci-logo-blue {
        bottom: 0;
    }

        .lbci-logo-blue img, .lbci-logo-red img {
            width: 100px;
        }

    .lbci-logo-red {
        bottom: -90px;
    }

    .vision-and-mission-items {
        top: -170px;
        max-width: 571px;
    }

    .aboutus-floated-image img {
        width: 470px;
    }
}

@media all and (max-width:1000px) {
    .aboutus-floated-image img {
        width: 350px;
    }

    .img-and-logo-aboutus {
        top: -30%;
    }
}

@media all and (max-width:920px) {
    .lbci-logo-red {
        /*bottom: -50px;*/
    }

        .lbci-logo-blue img, .lbci-logo-red img {
            width: 70px;
        }

    .aboutus-details-container {
        margin-top: -120px;
    }

    .lbci-logo-red {
        bottom: -40px;
    }

    .lbci-logo-blue {
        bottom: 40px;
    }
}

@media all and (max-width:767.8px) {
    .aboutus-pic-container {
        flex-direction: column-reverse;
    }

    .abousus-circle-img {
        /*width: 250px;*/
    }

    .lbci-logo-blue img, .lbci-logo-red img {
        /*width: 44px;*/
    }

    .lbci-logo-blue {
        bottom: unset;
        top: 40px;
    }

    .lbci-logo-red {
        bottom: 0;
        top: unset;
    }

    .vision-and-mission-items {
        top: 0;
        bottom: 0;
        position: relative;
    }

    .abousus-spacing {
        height: 40px;
    }

    .aboutus-floated-image img {
        width: 192px;
    }

    .abousus-circle-img {
        width: 50%;
        display: inline-block;
    }

    .lbci-logo-blue img, .lbci-logo-red img {
        width: 44px;
    }

    .aboutus-details-container {
        margin-top: -150px;
        padding-top: 300px;
    }

    .img-and-logo-aboutus {
        top: 0;
    }
}

@media all and (max-width:510px) {
    .abousus-circle-img {
        width: 65%;
    }
}

@media all and (max-width:450px) {
    .aboutus-details-container {
        margin-top: -80px;
        padding-top: 250px;
    }
}

/*#endregion*/

/*#region Mobile Description*/
.mobile-description-container {
    background-image: url(../uploadImages/ExtImages/images1/MobileDescriptionBackgroundOnly.png);
    background-size: cover;
    background-position: center center;
}

    .mobile-description-container .mobile-description-content {
        flex-wrap: nowrap;
    }

.advertise-img-desc {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--color-ch-white);
}

.mobile-description-content {
    color: var(--color-ch-white);
}

.mobile-description-container .mobile-app-topic-pres {
    border-color: var(--color-ch-white);
}

    .mobile-description-container .mobile-app-topic-pres:hover {
        border-color: var(--color-red);
    }

.mobile-description-container .google-play-topic-pres svg path {
    fill: var(--color-ch-white);
}

.mobile-desc-mobile {
    display: none;
}

.mobile-desc-desktop {
    display: block;
}

.mobile-description-item {
    max-width: 586px;
}

@media all and (max-width:1300px) {
    .mobile-description-container .border-bottom-toppages {
        margin-bottom: 50px;
    }
}

@media all and (max-width:1199.8px) {
    .mobile-description-content {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .mobile-desc-mobile {
        display: block;
        width: 100%;
    }

    .mobile-desc-desktop {
        display: none;
    }

    .mobile-description-container {
        /*background-image: url(../uploadImages/ExtImages/images1/MobileDescriptionMobilePic.png);*/
        background-image: none;
    }

    .mobile-description-item {
        position: absolute;
        bottom: 30%;
        text-align: center;
    }
}

@media all and (max-width:767.8px) {
    .mobile-description-item {
        bottom: 20%;
    }
}

@media all and (max-width:767.8px) {
    .mobile-description-item {
        bottom: 10%;
    }
}

@media all and (max-width:400px) {
    .mobile-description-apple-android {
        flex-wrap: wrap;
    }

        .mobile-description-apple-android .google-play-topic-pres {
            margin-bottom: 20px;
        }

    .mobile-description-container .border-bottom-toppages {
        margin-bottom: 20px;
    }

    .advertise-img-desc {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .mobile-description-item {
        bottom: 10px;
    }

    .mobile-description-apple-android .mobile-app-topic-pres {
        height: 45px;
    }
}

/*#endregion*/

/*#region 404*/

@media all and (max-width:767.8px) {
    .notfound-content img {
        width: 263px;
    }
}
/*#endregion*/

/*#region 503*/

.notavailable-content {
    color: var(--color-red);
}

@media all and (max-width:767.8px) {
    .notavailable-content img {
        width: 332px;
    }
}
/*#endregion*/

/*#region register*/
.register_switch {
    background-color: var(--color-red);
    color: var(--color-white);
    padding: 6px 34px;
    border-radius: 4px;
    display: inline-block;
}

.register_title, .reset_password_title {
    font-family: var(--font-cairo-bold);
    font-size: 32px;
    line-height: 72px;
    color: var(--color-white)
}

.register_steps {
    width: 100%;
    max-width: 230px;
    position: relative;
}

.register_steps_line {
    background-color: #626262;
    height: 1px;
    width: 100%;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    position: absolute;
}

.register_step {
    background-color: #626262;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    color: var(--color-white);
    position: relative;
    z-index: 1;
}

.step_selected {
    background-color: var(--color-red);
}

.register_tabs {
    background-color: var(--color-dark-charcoal32);
    color: var(--color-white);
    border-radius: 30px;
    padding: 5px;
}

.register_tab {
    background-color: transparent;
    border-radius: 30px;
    padding: 5px 35px;
}

.register_tab_selected {
    background-color: var(--color-red);
}

.register_form {
    background-color: var(--color-black);
    border-radius: 10px;
    padding: 40px 15px;
    max-width: 550px;
    width: 100%;
    box-shadow: 0px 3px 6px #00000080;
    position: relative;
}

    .register_form .forms-text-input {
        border: 1px solid rgba(185, 185, 185, 0.3);
        color: var(--color-white);
        border-radius: 6px;
        padding: 9px 22px;
        font-size: 18px;
        line-height: 33px;
        height: auto;
    }

    .register_form .custom-dropdown select {
        color: var(--color-white);
        border: 1px solid rgba(185, 185, 185, 0.3);
        border-radius: 6px;
        padding: 9px 22px;
        font-size: 18px;
        line-height: 33px;
        height: auto;
        background-color: transparent;
    }

    .register_form .custom-dropdown::after {
        color: rgba(185, 185, 185, 0.5);
    }

    .register_form .custom-dropdown option {
        color: var(--color-black);
    }

.register[data-interfacedefaultlang="ar"]
.register_form .custom-dropdown::after {
    left: 12px;
    right: unset;
}

.register[data-interfacedefaultlang="en"]
.register_form .custom-dropdown::after {
    right: 12px;
    left: unset;
}


.register[data-interfacedefaultlang="ar"] .dialing_codes {
    padding-left: 5px;
}

.register[data-interfacedefaultlang="en"] .dialing_codes {
    padding-right: 5px;
}

.register_button {
    width: 100%;
    max-width: 440px;
    background-color: var(--color-red);
    color: var(--color-white);
    padding: 6px 34px;
    text-align: center;
    border-radius: 4px;
    border: none;
}

.register_close {
    background-color: var(--color-dark-charcoal32);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    /*left: -25px;*/
    top: -25px;
}

.register_fb {
    /*    background-color: #475993;
    max-width: 440px;
    border-radius: 4px;
    color: var(--color-white);
    padding: 4px 6px;*/
}

.register_gm {
    background-color: var(--color-ch-white);
    max-width: 440px;
    border-radius: 4px;
    color: var(--color-black);
    padding: 4px 6px;
}

.color-white {
    color: var(--color-white);
}

.register_tw {
    background-color: #03A9F4;
    max-width: 440px;
    border-radius: 4px;
    color: var(--color-white);
    padding: 4px 6px;
}

.fb-img {
    margin-left: 0;
    margin-right: 0;
}

.gm-img {
    margin-left: 0;
    margin-right: 0;
}

.tw-img {
    margin-left: 0;
    margin-right: 0;
}

div[data-interfacedefaultlang="en"] {
    direction: ltr;
}

div[data-interfacedefaultlang="ar"] {
    direction: rtl;
}
    /*#region Password Strength*/

    div[data-interfacedefaultlang="ar"] .passwordChecker {
        left: 30px;
        right: unset;
    }

    div[data-interfacedefaultlang="ar"] .passwordBox {
        margin-right: 3px;
        margin-left: 0;
    }

    div[data-interfacedefaultlang="ar"] .inputPassword {
        padding-left: 150px;
        padding-right: 22px;
    }


div[data-interfacedefaultlang="en"] .passwordChecker {
    right: 30px;
    left: unset;
}

div[data-interfacedefaultlang="en"] .passwordBox {
    margin-left: 3px;
    margin-right: 0;
}

div[data-interfacedefaultlang="en"] .inputPassword {
    padding-right: 150px;
    padding-left: 22px;
}

.passwordChecker {
    position: absolute;
    /*left: 30px;*/
    top: calc(50% + 5px);
    bottom: 0;
    z-index: 10 !important;
    display: none;
    transform: translate(0, -50%);
}

.passwordBox {
    width: 7px;
    height: 7px;
    /*margin-right: 3px;*/
}

.PasswordText {
    font-size: 12px;
    text-transform: initial;
    position: relative;
    top: -8px;
    line-height: 18px;
}

.passwordstatement {
    font-size: 14px;
    line-height: 16px;
    text-transform: initial;
    display: none;
}

.passwordTooShort {
    font-size: 14px;
    display: none;
    color: var(--color-red);
}

/*.inputPassword {
    padding-right: 150px;
}*/

.white-space-break-spaces {
    white-space: break-spaces;
}
/*#endregion*/

@media(max-width:1199.98px) {
    .register_title, .reset_password_title {
        font-size: 25px !important;
        line-height: 65px !important;
    }

    .register_form .forms-text-input {
        font-size: 16px;
        line-height: 30px;
    }
}

@media(max-width:768px) {
    .register_tab, .register_twitter, .register_google, .register_facebook {
        font-size: 13px !important;
        line-height: 23px !important;
    }
}
/*#endregion*/

/*#region login*/
.login_forgetpassword {
    font-family: var(--font-cairo-regular);
    font-size: 18px;
    line-height: 33px;
    color: #888;
    background-color: transparent;
    border: none;
}

.login-input-checkbox {
    display: none;
}



    .login-input-checkbox + label {
        color: var(--color-white);
    }

        .login-input-checkbox + label .CheckBoxStyle {
            width: 26px;
            height: 26px;
            border: 2px solid var(--color-white);
            border-radius: 3px;
            position: relative;
            font-size: 22px;
        }

    .login-input-checkbox:checked + label .CheckBoxStyle {
        width: 26px;
        height: 26px;
    }

    .login-input-checkbox + label .CheckBoxStyle .ion-md-checkmark {
        display: none;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        line-height: 0;
    }

    .login-input-checkbox:checked + label .CheckBoxStyle .ion-md-checkmark {
        display: block;
    }

@media(max-width:1199.98px) {
    .login_remember_me {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .login-input-checkbox:checked + label .CheckBoxStyle {
        width: 20px;
        height: 20px;
    }

    .login-input-checkbox + label .CheckBoxStyle {
        width: 20px;
        height: 20px;
    }

    .login_forgetpassword {
        font-size: 16px;
        line-height: 26px;
    }

    .login-input-checkbox + label .CheckBoxStyle {
        font-size: 17px;
    }
}

/*#endregion*/

/*#region reset_password*/
.reset_password_title {
    font-size: 28px;
    line-height: 68px;
}
/*#endregion*/

/*#region accountverification_title*/
.accountverification_title {
    font-family: var(--font-cairo-bold);
    font-size: 32px;
    line-height: 72px;
    color: var(--color-white);
}

.accountverification_container {
    background-color: var(--color-black);
    border-radius: 10px;
    padding: 40px 20px;
    width: 100%;
    box-shadow: 0 3px 6px #00000080;
    position: relative;
}

.AccountVerification-desc {
    color: var(--color-white);
}
/*#endregion*/

/*#region Banners*/
.BannersControl_FullMainDiv {
    max-width: calc(100vw - 15px);
    overflow: hidden;
}

.BannersMain {
    margin: 0 auto;
}

.MypaddingBT30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.HalfFullWidthBgColorTop {
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
    /*right: 0;*/
    background-color: #000000;
}

.HalfFullWidthBgColorBottom {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    /*right: 0;*/
    background-color: #FFFFFF;
}

@media all and (max-width:768px) {
    .BannersControl_FullMainDiv {
        max-width: calc(100vw - 30px);
        float: none;
        margin: 0 auto;
    }
}

/*#endregion Banners*/

/*#region HpPresentation*/

.pres-swiper-slide {
    overflow: hidden;
}

.slider-presentation-wrapper {
    position: relative;
    width: 100%;
    height: 50vw;
}

.slider-presentation-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: calc(100% - 125px);
}

.slider-bottom_gradient {
    background: transparent linear-gradient(180deg,#11111100 0%,#11111166 28%,#111 74%,#111 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: calc(60% + 125px);
}

.slider-right_gradient {
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 100%;
}

.hppresentation-infoContainer {
    position: absolute;
    width: 100%;
    bottom: 41%;
}

.pres-pagination-padding {
    position: absolute;
    padding: 0 60px;
    bottom: 37%;
    z-index: 13;
}

.HpPresentation .swiper-pagination-bullet {
    background-color: rgba(255,255,255,0.1);
    height: 2px;
    width: 32px;
    margin: 0 3px;
    border-radius: 0;
    opacity: 1;
}

    .HpPresentation .swiper-pagination-bullet:hover {
        background-color: #ee1c25;
    }

.progress {
    position: absolute;
    top: 0;
    background-color: var(--color-red);
    height: 100%;
    z-index: 100;
}

.hppresenatation-show-now {
    max-width: 100%;
    background-color: rgba(255,255,255,0.1);
    border-radius: 40px;
    color: var(--color-white);
}

.hppresentation-play-btn {
    width: 66px;
    height: 66px;
    background: transparent linear-gradient(180deg, #F72805 0%, #0E68FC 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .hppresentation-play-btn i {
        font-size: 40px;
    }

.hpresentation-plus-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(to bottom,#f72805,#0e68fc);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
}

.hppresentation-item-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #678da4;
    border-radius: 50%;
}

    .hppresentation-item-plus .ion-ios-add {
        font-size: 35px;
    }


.vod-presentation-share-item {
    width: 33px;
}

.slide-presentation-item-title,
.slide-presentation-item-cat,
.slide-presentation-item-duration,
.slide-presentation-item-date,
.slide-presentation-item-previous,
.hppresentation-item-sep,
.card-stadalone,
.vod-sliderpresentation-share {
    color: var(--color-white);
    display: flex;
    padding-top: 6px;
}

    .slide-presentation-item-previous .icon {
        line-height: 12px;
    }

.slide-presentation-item-desc {
    color: var(--color-white);
    padding-top: 6px;
    max-width: 640px;
}


.pres-seperator::after {
    content: "";
    background-color: var(--color-red);
    height: 20px;
    width: 1px;
    margin: 0 20px;
    position: relative;
    top: 3px;
}

.slide-presentation-infos .pres-seperator:last-child::after {
    display: none !important;
}

.hppresentation-item-sep.pres-seperator::after, .card-stadalone.pres-seperator::after {
    height: 15px;
    width: 1px;
    margin: 0 8px;
}

.ShareDiv_per_abs {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.reserve-space-for-share {
    position: absolute;
    width: 30px;
    left: 0;
    top: 0;
    z-index:1;
}

.slider-presentation-title {
    position: absolute;
    z-index: 2;
    bottom: 82%;
    color: var(--color-white);
}

.slider-presentation-genre-sep {
    height: 32px;
    width: 1px;
    background-color: var(--color-white);
    margin: 0 12px;
}

.slider-presentation-genre-item {
    color: var(--color-white);
}

.slider-presentation-genre-arrow {
    font-size: 18px;
    line-height: 18px;
    padding: 10px 10px;
}

.slider-presentation-genre-option {
    color: var(--color-white);
    background-color: var(--color-dark-charcoal32);
    padding: 10px 12px;
    width: 100%;
}

    .slider-presentation-genre-option:hover {
        background-color: var(--color-dove-gray);
    }

.slider-presentation-genre-select {
    display: none;
    position: absolute;
    top: 39px;
    min-width: 150px;
}

.vod-push-up-div {
    position: relative;
    margin-top: -250px !important;
    margin-bottom: 18px !important;
}

    .vod-push-up-div .title-module {
        color: var(--color-white);
    }

@media (max-width: 1400px) {

    .slider-presentation-wrapper {
        height: 58vw;
    }
}

@media (max-width: 1199.98px) {

    .slider-presentation-wrapper {
        height: 68vw;
    }
}

@media (max-width: 991.98px) {

    .slider-presentation-wrapper {
        height: 88vw;
    }
}

@media all and (max-width:767.8px) {

    .vod-push-up-div {
        margin-top: 40px !important;
    }

        .vod-push-up-div .title-module {
            color: var(--light-color-dark-charcoal33);
        }

    .slider-presentation-wrapper {
        height: 100vh;
    }

    .slider-presentation-img {
        height: calc(100% - 225px);
    }

    .slider-bottom_gradient {
        background: transparent linear-gradient(180deg,#11111100 0%,#11111166 18%,#111 58%,#111 100%) 0% 0% no-repeat padding-box;
    }

    .slider-right_gradient {
        display: none;
    }

    .hppresentation-infoContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
        bottom: 9%;
    }

    .pres-pagination-padding {
        bottom: 4%;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .slider-presentation-title {
        bottom: 47%;
        justify-content: center;
    }

    .slide-presentation-infos {
        justify-content: center;
    }

    .slide-presentation-item-desc {
        text-align: center;
    }

    .hppresentation-infoContainer, .pres-pagination-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hppresentation-play-btn {
        width: 40px;
        height: 50px;
    }
}

/*#endregion*/

/*#region FirstRow1AbsoluteCard2VerticalBgCardsRrestRowsAbsoluteCards*/

.ArticleHighLightedHomePagePageStart .FirstRow1AbsoluteCard2VerticalBgCardsRrestRowsAbsoluteCards .title-module__cta,
.GoldMembershipArticlesPageStart .FirstRow1AbsoluteCard2VerticalBgCardsRrestRowsAbsoluteCards .title-module__cta {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

/*#endregion FirstRow1AbsoluteCard2VerticalBgCardsRrestRowsAbsoluteCards*/

/*#region Hide Recaptcha Google v3*/
.grecaptcha-badge {
    display: none !important;
}
/*#endregion*/

/*#region preloader*/

.loading-page.loading-progress-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}

.loading-spinner {
    width: 70px;
    height: 70px;
    background: linear-gradient(90deg, #009fff, #ec2f4b);
    border-radius: 50%;
    position: relative;
    animation: rotate 2s linear infinite;
}

    .loading-spinner::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background: var(--light-color-white);
        width: 80%;
        height: 90%;
        border-radius: 50%;
        box-shadow: 0 0 5px 5px var(--light-color-white);
    }
/*#endregion*/

/*#region MembersPackages*/
.MembersPackages_coupon {
    background-color: transparent;
    border: none;
    padding: 0 10px;
    color: var(--color-white);
    width: 100%;
}

div[data-interfacedefaultlang="ar"] .MembersPackages_coupon {
    border-right: 1px solid var(--color-dove-gray);
    margin-right: 10px;
}

div[data-interfacedefaultlang="en"] .MembersPackages_coupon {
    border-left: 1px solid var(--color-dove-gray);
    margin-left: 10px;
}

.MembersPackages_coupon::placeholder {
    color: var(--color-dove-gray);
}

.MembersPackages_coupon:-ms-input-placeholder {
    color: var(--color-dove-gray);
}

.MembersPackages_coupon:-moz-placeholder {
    color: var(--color-dove-gray);
}

.coupon_submit {
    background-color: var(--color-red);
    color: var(--color-white);
    text-align: center;
    padding: 8px 20px;
    border: none;
    border-radius: 4px;
}

.coupon_entry {
    border: 1px solid var(--color-dove-gray);
    max-width: 300px;
    width: 100%;
}

div[data-interfacedefaultlang="ar"] .coupon_entry {
    margin-left: 5px;
    padding-right: 10px;
}

div[data-interfacedefaultlang="en"] .coupon_entry {
    margin-right: 5px;
    padding-left: 10px;
}

.coupon_message {
    color: var(--color-red);
}

.package_plan {
    color: var(--color-white);
}

.plan_tabs {
    background-color: var(--color-dark-charcoal32);
    color: var(--color-white);
    border-radius: 30px;
    padding: 5px;
}

.plan_tab {
    background-color: transparent;
    border-radius: 30px;
    padding: 8px 35px;
    min-width: 165px;
    text-align: center;
}

.plan_tab_selected {
    background-color: var(--color-blue);
}

.plan {
    background-color: #222334;
    color: var(--color-white);
    padding: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.plan_details-price-section {
    flex-basis: 65%;
}

.plan_details-infos-section {
    flex-basis: 35%;
}

div[data-interfacedefaultlang="ar"] .plan {
    border-radius: 0 10px 10px 0;
}

div[data-interfacedefaultlang="en"] .plan {
    border-radius: 10px 0 0 10px;
}

.plan_price {
    font-family: var(--font-cairo-semibold);
    font-size: 65px;
    line-height: 85px;
}

    .plan_price.plan_price_size_small {
        font-size: 45px;
    }

.plans_container {
    max-width: 960px;
}

div[data-interfacedefaultlang="ar"] .plan_descriptions {
    margin-right: 25px;
}

div[data-interfacedefaultlang="en"] .plan_descriptions {
    margin-left: 25px;
}

.plan_descriptions_inner, .checkout-cart-payment-gateway {
    padding: 25px 25px 0px 25px;
    background-color: #222334;
    color: var(--color-white);
}

.plan_descriptions_inner {
    height: calc(100% - 20px);
}

div[data-interfacedefaultlang="ar"] .plan_descriptions_inner {
    border-radius: 10px 0 0 10px;
}

.MembersPackages div[data-interfacedefaultlang="ar"] .plan_descriptions_inner {
    border-radius: 10px 0 0 0;
}

.MembersPackages div[data-interfacedefaultlang="ar"] .checkout-cart-payment-gateway {
    border-radius: 0 0 0 10px;
}

div[data-interfacedefaultlang="en"] .plan_descriptions_inner {
    border-radius: 0 10px 10px 0;
}

.MembersPackages div[data-interfacedefaultlang="en"] .plan_descriptions_inner {
    border-radius: 0 10px 0 0;
}

.MembersPackages div[data-interfacedefaultlang="en"] .checkout-cart-payment-gateway {
    border-radius: 0 0 10px 0;
}

.plan_details, .plan_descriptions {
    width: 50%;
    position: relative;
}

.plan_selected {
    background-color: var(--color-blue);
}


.input-checkbox {
    display: none;
}



    .input-checkbox + label {
        color: var(--color-white);
    }

        .input-checkbox + label .CheckBoxStyle {
            width: 26px;
            height: 26px;
            /*margin-left: 10px;*/
            border: 2px solid var(--color-white);
            border-radius: 3px;
            position: relative;
            font-size: 22px;
        }

    .input-checkbox:checked + label .CheckBoxStyle {
        width: 26px;
        height: 26px;
        /*margin-left: 10px;*/
    }

    .input-checkbox + label .CheckBoxStyle .ion-md-checkmark {
        display: none;
        position: absolute;
        /*left: 0;*/
        top: 0;
        /*right: 2px;*/
        width: 100%;
        height: 100%;
        line-height: 0;
    }

    .input-checkbox:checked + label .CheckBoxStyle .ion-md-checkmark {
        display: block;
    }

div[data-interfacedefaultlang="ar"] .input-checkbox + label .CheckBoxStyle {
    margin-left: 10px;
}

div[data-interfacedefaultlang="ar"] .input-checkbox:checked + label .CheckBoxStyle {
    margin-left: 10px;
}

div[data-interfacedefaultlang="ar"] .input-checkbox + label .CheckBoxStyle .ion-md-checkmark {
    left: 0;
    right: 2px;
}


div[data-interfacedefaultlang="en"] .input-checkbox + label .CheckBoxStyle {
    margin-right: 10px;
}

div[data-interfacedefaultlang="en"] .input-checkbox:checked + label .CheckBoxStyle {
    margin-right: 10px;
}

div[data-interfacedefaultlang="en"] .input-checkbox + label .CheckBoxStyle .ion-md-checkmark {
    right: 0;
    left: 2px;
}

.form-button {
    width: 100%;
    max-width: 380px;
    background-color: var(--color-red);
    color: var(--color-white);
    padding: 6px 34px;
    text-align: center;
    border-radius: 4px;
}

.plan_descriptions .slimScrollBar {
    opacity: 1 !important;
    width: 4px !important;
    background-color: var(--color-blue) !important;
    width: 4px !important;
    background-color: var(--color-blue) !important;
}

.coupon_message_success {
    color: var(--color-white);
}

.plan_discount {
    text-align: center;
    background-color: var(--color-red);
    color: var(--color-black);
    border-radius: 17px;
    margin-top: 5px;
    padding: 4px 30px;
}

.plan_selected .plan_discount {
    background-color: var(--color-white);
    color: var(--color-blue);
}

.hidden_plan_description {
    display: none;
    border-radius: 10px;
    padding: 25px;
    color: var(--color-white);
    background-color: #222334;
    margin-bottom: 20px;
}

.preloader_container {
    display: none;
}

.plan_descriptions .outlined__title {
    font-size: 35px;
    line-height: 42px;
    text-shadow: none;
    color: var(--color-ch-white);
    position: absolute;
    z-index: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .6;
}

.modal_subscription {
    top: 140px;
}

.subscription_yes {
    background-color: var(--color-blue);
    color: var(--color-white);
    border-radius: 5px;
}

.modal_subscription .modal-body {
    color: var(--color-ch-black);
}

@media (max-width:1200px) {
    .plan_price {
        font-size: 45px;
    }

    .coupon_submit {
        padding: 8px 10px;
    }
}

@media (max-width:991.98px) {
    .plan_descriptions {
        display: none !important;
    }

    .plan {
        border-radius: 10px !important;
    }

    .plan_details, .plan_descriptions {
        width: 100%;
        max-width: 500px;
    }

        .plan_descriptions .outlined__title {
            display: none;
        }

    .plan_price {
        font-size: 35px;
    }

    .plan_tab {
        min-width: unset;
    }
}

@media (max-width:480px) {
    .plan_details-container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .plan_price.plan_price_size_small {
        line-height: 58px;
    }
}
/*#endregion*/

/*#region LoadMore*/
.LoadMoreContentLoading .loading-spinner {
    width: 40px;
    height: 40px;
}

/*#endregion*/

/*#region checkout_billing*/
.billing-header-title, .billing-header-item, .billing-header-info {
    color: var(--color-white);
}

.billing-content .billing-header-title {
    color: var(--color-white);
}

.billing-content {
    background-color: #222334;
    border-radius: 10px;
    max-width: 540px;
    margin: 0 auto;
    padding: 25px;
}

.billing-content-item, .billing-content-total, .checkout-billing-coupon {
    color: var(--color-white);
}

.btn-apply_coupon {
    max-width: 150px;
}

.billing-content-item .custom-dropdown select {
    background-color: transparent;
    color: var(--color-white);
}


.billing-content-item .custom-dropdown option {
    color: var(--color-black);
}

.CheckoutBilling[data-interfacedefaultlang="ar"] .custom-dropdown::after {
    left: 12px;
}

.CheckoutBilling[data-interfacedefaultlang="en"] .custom-dropdown::after {
    right: 12px;
}

.CheckoutBilling[data-interfacedefaultlang="ar"] .forms-text-input {
    margin-left: 15px;
}

.CheckoutBilling[data-interfacedefaultlang="en"] .forms-text-input {
    margin-right: 15px;
}

.billing_error {
    color: var(--color-red);
}

.CheckoutBilling .input-checkbox + label {
    color: var(--color-white);
}

    .CheckoutBilling .input-checkbox + label .CheckBoxStyle {
        border: 2px solid var(--color-white);
    }

.billing-link {
    font-size: 15px;
}
/*#endregion*/

/*#region areebapayment*/
.areebapayment_cardinfo {
    color: var(--color-white);
}

.areebapayment_cardentry {
    border-radius: var(--card-border-radius);
    background-color: var(--color-black);
    color: var(--color-white);
    padding: 40px 0;
    width: 100%;
    max-width: 639px;
}

.areebapayment_currency_label {
    border: 1px solid var(--color-white);
    color: var(--color-white);
    padding: 9px 15px;
}

.AreebaPayment[data-interfacedefaultlang="ar"] .areebapayment_currency_label {
    border-radius: 0 10px 10px 0;
}

.AreebaPayment[data-interfacedefaultlang="en"] .areebapayment_currency_label {
    border-radius: 10px 0 0 10px;
}


.areebapayment_currency {
    position: relative;
}

    .areebapayment_currency select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        height: 100%;
        text-align: center;
        background-color: var(--color-white);
        color: var(--color-black);
    }

    .areebapayment_currency::after {
        content: '\f3d0';
        font-family: ionicons;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        color: #708EA7;
        font-size: 23px;
    }


.AreebaPayment[data-interfacedefaultlang="ar"] .areebapayment_currency select {
    border-radius: 10px 0 0 10px;
}

.AreebaPayment[data-interfacedefaultlang="en"] .areebapayment_currency select {
    border-radius: 0 10px 10px 0;
}

.AreebaPayment[data-interfacedefaultlang="ar"] .areebapayment_currency::after {
    left: 12px;
}

.AreebaPayment[data-interfacedefaultlang="en"] .areebapayment_currency::after {
    right: 12px;
}

.areebapayment_price {
    padding: 14px 22px;
    background-color: var(--color-white);
    color: var(--color-black);
}

.AreebaPayment[data-interfacedefaultlang="ar"] .areebapayment_price_text {
    padding-right: 65px;
}

.billing_error {
    color: var(--color-red);
}

.AreebaPaymentPage-FieldTitle {
    padding-bottom: 3px;
}

.AreebaPaymentPage-FieldBox {
    background-color: var(--color-whit-opacity);
    color: var(--color-white);
    border-radius: 7px;
    border: none;
    height: 50px;
    padding: 0 15px !important;
}

    .AreebaPaymentPage-FieldBox.FieldErrorVal {
        border: 1px solid var(--color-red);
    }

.AreebaPayment[data-interfacedefaultlang="ar"] .AreebaPaymentPage_month {
    border-radius: 0 10px 10px 0;
}

.AreebaPayment[data-interfacedefaultlang="en"] .AreebaPaymentPage_month {
    border-radius: 10px 0 0 10px;
}

.AreebaPayment[data-interfacedefaultlang="ar"] .AreebaPaymentPage_year {
    border-radius: 10px 0 0 10px;
    border-right: 2px solid var(--color-dove-gray);
}

.AreebaPayment[data-interfacedefaultlang="en"] .AreebaPaymentPage_year {
    border-radius: 0 10px 10px 0;
    border-left: 2px solid var(--color-dove-gray);
}

.AreebaPayment[data-interfacedefaultlang="ar"] .AreebaPaymentPage_code,
.AreebaPayment[data-interfacedefaultlang="ar"] .AreebaPaymentPage_paymentCardType {
    padding-right: 10px !important;
}

.AreebaPayment[data-interfacedefaultlang="en"] .AreebaPaymentPage_code,
.AreebaPayment[data-interfacedefaultlang="en"] .AreebaPaymentPage_paymentCardType {
    padding-left: 10px !important;
}

.AreebaPaymentPage_PayBtn {
    border: none;
    color: var(--color-white);
    display: table;
    margin: 0 auto;
}

.AreebaPaymentPage_CancelBtn {
    background-color: var(--color-dove-gray);
}

.AreebaPayment[data-interfacedefaultlang="ar"] .combo-cur {
    display: block;
}

.AreebaPayment[data-interfacedefaultlang="ar"] .combo-cur-Olang {
    display: none;
}


.AreebaPayment[data-interfacedefaultlang="en"] .combo-cur {
    display: none;
}

.AreebaPayment[data-interfacedefaultlang="en"] .combo-cur-Olang {
    display: block;
}

.spinner {
    display: none;
}

@media all and (max-width:575.98px) {
    .AreebaPayment[data-interfacedefaultlang="ar"] .AreebaPaymentPage_code {
        padding-right: 0 !important;
    }

    .AreebaPayment[data-interfacedefaultlang="en"] .AreebaPaymentPage_code {
        padding-left: 0 !important;
    }
}

/*#endregion*/

/*#region purchase*/
#challengeFrame {
    width: 100%;
    height: 100%;
    border: none;
}

.purchase-order-number,
.order_details_title,
.vod_order_details_title,
.vod_order_details_inner, .VOD_PlanDesc {
    color: var(--color-white);
}

.purchase-complete-desc {
    color: #24E06B;
}

.purchase-complete-email {
    color: var(--color-dove-gray);
}

.go-to-card {
    color: var(--color-white);
    background-color: var(--color-blue);
    text-align: center;
    width: 100%;
    max-width: 394px;
    padding: 5px 15px;
    margin: 0 auto;
}

.purchase-error {
    color: var(--color-red);
}

.order_details {
    padding-top: 54px;
    max-width: 771px;
    margin: 0 auto;
}

.order_sep {
    border-bottom: 1px solid var(--color-dove-gray);
}

.vod_order_details_inner {
    padding: 5px 0;
}

.preloader_container {
    display: none;
}

.order_details-container {
    background-color: var(--color-dark-charcoal33);
    padding-bottom: 100px;
    padding-left: 15px;
    padding-right: 15px;
}

.VOD_PlansInfo {
    max-width: 771px;
    margin: 0 auto;
}

.CheckoutPurchase {
    background-color: var(--color-dark-charcoal33);
    padding-top: 50px;
}

    .CheckoutPurchase .MyReceipt {
        right: 50%;
        top: 50%;
        transform: translate(50%,-50%);
    }
/*#endregion*/

/*#region Menu VOD*/
.header-container-vod {
    padding: 5px 0;
    background-color: rgba(0,0,0,.6);
    position: absolute;
    width: 100%;
    top: 0;
    /*z-index: 99999;*/
    z-index: 99998;
}

    .header-container-vod.header-container-vod-fixed {
        position: fixed;
    }

.btn-subscribe-vod {
    background-color: var(--color-red);
    color: var(--color-white);
    padding: 8px 26px;
    border-radius: 4px;
    cursor: pointer;
}

.logo-lbci-vod-width {
    width: 32px;
    display: inline-block;
    vertical-align: middle;
}

.header-nav-item-vod, .burger-menu-footer-item {
    color: var(--color-white);
    display: flex;
    align-items: center;
    text-transform: capitalize;
}

.header-body-vod {
    padding: 0 60px;
}

.checkout-cart-old-price {
    text-decoration: line-through;
}

.header-bottom-container-vod-fixed {
    position: fixed;
    top: 0;
}

@media (max-width: 1199.98px) {
    .header-body-vod {
        padding: 0 35px;
    }
}

@media all and (max-width:767.8px) {
    .header-container-vod {
        padding: 13px 0 8px;
    }

    .header-nav-item-vod {
        display: none;
    }

    .header-body-vod {
        padding: 0 15px;
    }
}

/*#endregion*/

/*#region Menu VOD Bottom*/
.header-container-vod-bottom {
    /*padding: 24px 0;*/
    background-color: var(--color-black);
    position: absolute;
    width: 100%;
    /*bottom: 0;*/
    /*top: 69px;*/
    /*top: Calc(100vh - 74px);*/
    bottom: calc(-100vh + 69px);
    z-index: 99999;
    border: 1px solid var(--color-dark-charcoal32);
    height: 89px;
}

.header-container-vod-bottom-hide {
    height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.header-container-vod-bottom-logo {
    display: none;
}

.header-container-vod-bottom-fixed {
    position: fixed;
    top: 0;
}

    .header-container-vod-bottom-fixed .header-container-vod-bottom-logo {
        display: block;
    }

.header-container-vod-bottom {
    display: flex;
    align-items: center;
}

.header-item-vod-header-vodbottom-icon-container {
    display: flex;
    align-items: center;
    padding: 24px 0;
}

.header-nav-item-vod-bottom {
    color: var(--color-white);
    flex: 0 0 auto;
}

.header-body-vod-bottom {
    padding: 0 60px;
    /*padding-right: 65px;*/
    opacity: 0;
}

.AreebaPayment[data-interfacedefaultlang="en"] .areebapayment_price_text {
    padding-left: 65px;
}

.header-nav-item-vod-bottom-container .header-nav-item-vod-bottom:last-child {
    padding-left: 0;
}

.header-nav-item {
}

@media all and (max-width:767.8px) {
    .header-body-vod-bottom {
        padding: 0 15px;
    }
}

/*#endregion*/

/*#region flickity */

.flickity-button {
    border: none !important;
}

.flickity-prev-next-button {
    width: 50px !important;
    height: 100% !important;
    border-radius: 0 !important;
}

    .flickity-prev-next-button .flickity-button-icon {
        width: 45% !important;
        height: 60% !important;
    }

.flickity-button-icon {
    fill: var(--color-red) !important;
}

.flickity-rtl .flickity-prev-next-button.previous {
    right: -1px !important;
    left: auto !important;
    top: 50%;
    display: none;
}

.flickity-prev-next-button.previous {
    right: auto !important;
    left: -1px !important;
    top: 50%;
    display: none;
}

.flickity-rtl .flickity-prev-next-button.next {
    left: -1px !important;
    right: auto !important;
    top: 50%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 0;
}

.flickity-prev-next-button.next {
    right: -1px !important;
    left: auto !important;
    top: 50%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 0;
}

.card__swiper_indent .flickity-rtl .flickity-prev-next-button.next {
    left: 60px !important;
    right: auto !important;
}

.card__swiper_indent .flickity-prev-next-button.next {
    right: 60px !important;
    left: auto !important;
}

.card__swiper:hover .flickity-prev-next-button.next {
    opacity: 1;
}

@media (max-width: 1199.98px) {
    .card__swiper_indent .flickity-rtl .flickity-prev-next-button.next {
        left: 35px !important;
    }

    .card__swiper_indent .flickity-prev-next-button.next {
        right: 35px !important;
    }
}

@media (max-width: 767.98px) {
    .card__swiper_indent .flickity-rtl .flickity-prev-next-button.next {
        left: 15px !important;
    }

    .card__swiper_indent .flickity-prev-next-button.next {
        right: 15px !important;
    }
}

/*#endregion*/

/*#region Weather*/

.Weather_mainInfo {
    /*height: 30px;*/
    height: 100%;
}

.now-temp.text-title-29 {
    line-height: 70px;
}

.weather-today-info-container {
    min-height: 366px;
}

@media all and (max-width:767.8px) {
    .weather-today-info-container {
        min-height: initial;
    }
}

/*#endregion*/

/*#region manage_profile*/
.user_image {
    max-width: 100px;
    border-radius: 50%;
}

.user_info_section, .manage_profile_title, .manage_profile_subtitle {
    color: var(--color-white);
}

.navigation_sec {
    min-width: 433px;
    max-width: 433px;
}

.user_item {
    color: var(--color-white);
    max-width: 238px;
    width: 100%;
}
.menuprofile_item .user_item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.menuprofile_item {
    opacity: 0.4;
    position: relative;
}

.menu_selected {
    background-color: rgba(255,255,255,0.06);
    position: relative;
    opacity: 1 !important;
}

    .menu_selected::after {
        content: '';
        height: 100%;
        width: 2px;
        background-color: var(--color-white);
        position: absolute;
    }

.navigation_content {
    width: calc(100% - 433px);
}


.profile_content {
    width: 100%;
    max-width: 662px;
}

    .profile_content .forms-text-input {
        border-radius: 7px;
        border: 1px solid rgba(185, 185, 185, 0.3);
        padding: 9px 20px;
        color: var(--color-white);
        height: 51px;
    }

    .profile_content .custom-dropdown select {
        background-color: transparent;
        color: var(--color-white);
        border: 1px solid rgba(185, 185, 185, 0.3);
        height: 51px;
        border-radius: 7px;
        padding: 9px 20px;
    }

    .profile_content .custom-dropdown::after {
        color: var(--color-white);
    }

    .profile_content .custom-dropdown option {
        color: var(--color-black);
    }

.profile_change_pass {
    background-color: #323232;
    color: var(--color-white);
    text-align: center;
}

.profile_update {
    background-color: var(--color-red);
    color: var(--color-white);
    text-align: center;
    padding: 11px 35px;
    border: none;
}

.navigation_content > div {
    height: 100%;
}

.user_logout {
    text-decoration: underline;
}

.delete_account {
    background-color: #222;
    color: #888888;
    text-align: center;
    padding: 13px;
    display: inline-block;
    margin-top: 20px;
}

.account-deactive-overlay {
    background-color: rgba(0,0,0,0.4);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    display: none;
}

.account-deactive-popup {
    background-color: var(--color-white);
    border-radius: 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
}



.subscription_item {
    background-color: rgba(50, 50, 50, 0.3);
    color: var(--color-white);
    padding: 12px 15px;
    text-align: center;
}

.manage_order_action {
    background-color: var(--color-dark-charcoal32);
    color: var(--color-white);
    padding: 12px 15px;
    width: 100%;
    max-width: 271px;
    text-align: center;
}

.subscription_days_left {
    background-color: var(--color-dark-charcoal32);
    color: var(--color-white);
    padding: 30px;
}

.subscription_red {
    background-color: var(--color-red);
    padding: 5px 15px;
}

.subscription_blue {
    background-color: var(--color-blue);
    padding: 5px 15px;
}

.subscription_morePlans {
    background-color: var(--color-white);
    color: var(--color-black);
    padding: 5px 15px;
}

.subscription_item_red {
    color: var(--color-red);
}

.MinPlans_subscribe {
    background: transparent linear-gradient(222deg, #CBAC58 0%, #BE9F4D 100%) 0% 0% no-repeat padding-box;
    color: var(--color-light);
    text-align: center;
    width: 100px;
    padding: 26px 22px;
}

.MinPlans {
    max-width: unset;
    opacity: 1;
    color: var(--color-white);
    background: transparent linear-gradient(105deg, #11111180 0%, #22222280 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #C3A4524D;
}


.member_OrderHistoryDate, .OrderDetails_info {
    color: var(--color-white);
}

.MyReceipt {
    position: absolute;
    top: -200px;
    z-index: 1001;
    width: 100%;
    display: none;
    max-width: 746px;
}

.ReceiptDiv {
    max-width: 746px;
    margin: 0 auto;
    background-color: var(--color-white);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.print_website_logo {
    background-color: var(--color-dark-charcoal32);
    padding: 15px;
    width: 73px;
    top: 0px;
    position: absolute;
}

.print_logo {
    position: absolute;
    top: 0px;
    background-color: var(--color-blue);
    color: var(--color-white);
    padding: 10px;
    width: 90px;
}

.order_id_info {
    background-color: #f2f2f2;
    padding: 30px 0;
    margin-bottom: 30px;
}

.order_id_info_blue_text {
    color: var(--color-blue);
}

.receipt_details {
    max-width: 530px;
    margin: 0 auto;
    border-bottom: 1px solid var(--color-black);
    padding: 0 15px;
    padding-bottom: 10px;
}

.receipt_msg {
    max-width: 530px;
    margin: 0 auto;
    padding: 40px 15px 0 15px;
}

.receipt_close {
    text-decoration: underline;
    padding: 10px;
    cursor: pointer;
}


.OrderDetails_info_text {
    font-family: var(--font-cairo-bold);
    font-size: 18px;
    line-height: 28px;
    width: 143px;
}

.MainOrderDiv {
    padding-bottom: 30px;
    position: relative;
}

    .MainOrderDiv::before {
        content: '';
        position: absolute;
        background-image: url(../images/dot.png);
        width: 2px;
        height: 100%;
        top: 24px;
    }

.member_OrderHistoryDate .ion-md-time {
    font-size: 20px;
}

.view_details {
    background-color: var(--color-white);
    color: var(--color-black);
    text-align: center;
    padding: 12px 10px;
    font-size: 16px !important;
    font-family: var(--font-cairo-semibold) !important;
    line-height: 28px !important;
    width: 143px;
}

.user_choose_plan {
    text-decoration: underline;
}

.user_not_subscribed {
    color: var(--color-white);
}

.label_color_red {
    color: var(--color-red);
}

.ReceiptMemberDet, .TitleSubscription, .order_id_info, .receipt_msg, .ReceiptDet, .receipt_close {
    color: var(--color-black);
}

@media(max-width:1200px) {
    .navigation_sec {
        min-width: 300px;
    }

    .navigation_content {
        width: calc(100% - 300px);
    }

    .profile_content {
        max-width: 520px;
    }

    .subscription_days_left {
        flex-wrap: wrap;
    }

        .subscription_days_left > div {
            width: 50% !important;
            margin-bottom: 20px;
        }

    .view_details {
        padding: 5px;
    }

    .OrderDetails_info {
        flex-wrap: wrap;
        justify-content: start !important;
    }

        .OrderDetails_info > div {
            margin-bottom: 20px;
            font-size: 16px;
            line-height: 26px;
        }

    .order_id_info {
        padding: 15px;
    }
}

@media(max-width:923px) {
    .manage_subscription .plan_details {
        width: 100%;
        max-width: 500px;
    }

    .manage_subscription .plan_descriptions {
        display: none;
    }

    .manage_subscription .plan_selected + .hidden_plan_description {
        display: block;
    }

    .manage_subscription .plan {
        border-radius: 10px;
    }
}

@media(max-width:768px) {
    .navigation_content {
        width: 100%;
    }

    .profile_content {
        margin: 0 auto;
    }

    .menu_selected::after {
        width: 0px;
    }

    .navigation_sec {
        max-width: unset;
    }

    .user_item {
        display: flex;
        align-items: center;
        width: 100%;
        padding-right: 50px;
    }

        .user_item > div {
            width: auto !important;
            padding-top: 0px !important;
        }


    .member_OrderHistory {
        padding: 0 15px !important;
    }


    .manage_profile_title, .manage_profile_subtitle {
        text-align: center;
    }

    .profile_change_pass {
        padding: 10px;
    }

    .delete_account {
        margin-top: 102px;
    }

    .subscription_days_left {
        flex-direction: column;
        flex-wrap: unset;
    }

        .subscription_days_left > div {
            width: 230px !important;
            margin: 0 auto 20px auto;
        }

    .subscription_morePlans {
        text-align: center;
    }

    .OrderDetails_info_text {
        width: 50%;
    }

    .OrderDetails_info {
        justify-content: center !important;
    }

    .print_website_logo {
        width: 50px;
    }

    .user_not_subscribed, .user_not_subscribed .user_item {
        padding: 0px !important;
        margin-bottom: 30px;
    }

    .MyReceipt {
        top: 0;
    }
}

/*#endregion*/

/*#region burger menu vod*/
.burger-menu-vod-container {
    position: fixed;
    width: 375px;
    max-height: Calc(100vh - 120px);
    color: var(--color-white);
    z-index: 99998;
    /*overflow: auto;*/
    display: none;
}

.burger-menu-account {
    background-color: var(--color-black);
    padding: 25px 35px;
}

.burger-menu-category-listing {
    background-color: var(--color-dark-charcoal32);
    padding-top: 26px;
}

.burger-menu-search {
    background-color: #3c3c3e;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.burger-menu-search {
    padding: 6px 50px;
}

.burger-menu-vod-cat-item {
    padding: 14px 50px 14px;
}

    .burger-menu-vod-cat-item:hover {
        background-color: #3c3c3e;
    }

/* width */
.scroll-container::-webkit-scrollbar {
    width: 2px;
}

/* Track */
.scroll-container::-webkit-scrollbar-track {
    margin: 5px 0;
    background: var(--light-color-white);
}

/* Handle */
.scroll-container::-webkit-scrollbar-thumb {
    background-color: var(--light-color-black);
}

.burger-menu-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 38px 50px;
    background-color: #19191A;
}

.burger-menu-vod-cat-listing-container {
    max-height: Calc(100vh - 410px);
    overflow: auto;
}

@media all and (max-width:767.8px) {
    .burger-menu-vod-container {
        width: 100%;
        max-height: calc(100vh - 80px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .burger-menu-overlay-mobile {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(0,0,0,0.88);
        z-index: -1;
    }

    .burger-menu-vod-cat-listing-container {
        max-height: Calc(100vh - 340px);
    }
}

@media all and (max-width:500px) {
    .burger-menu-vod-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .burger-menu-account {
        padding: 10px;
    }

    .burger-menu-search {
        padding: 6px 25px;
    }

    .burger-menu-vod-cat-item {
        padding: 8px 25px 8px;
    }

    .burger-menu-footer {
        padding: 15px 25px;
    }
}

/*#endregion*/

/*#region otp in member verification*/
.verify-account-otp {
    /*display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 15px;*/
    display: block;
    text-align: center;
    position: relative;
    padding-top: 15px;
}

.verify-account-box {
    width: 40px;
    height: 40px;
    margin-left: 1px;
    margin-right: 1px;
}

.forms-text-input.vertification-code-text {
    color: var(--color-white);
    border: 1px solid #9b9b9b;
    font-size: 20px;
    text-align: center;
}

.forms-text-input.verify-account-box {
    color: var(--color-white);
    border: 1px solid #9b9b9b;
    font-size: 20px;
    text-align: center;
}

.PlaceHolderColor.vertification-code-text {
    border-color: var(--color-red);
}

/*#endregion*/

/*#region VOD Schedule*/

.schedule-not-selected, .schedule-dropup-channels {
    display: none;
}

.schedule-selected {
    cursor: pointer;
}

.schedule-dropdown-channels::before {
    transition: transform .6s ease;
    -webkit-transition: transform .6s ease;
    -moz-transition: transform .6s ease;
    -o-transition: transform .6s ease;
}

.schedule-dropdown-channels.rotate180::before {
    transform: rotate(-180deg);
}

.VOD_schedule__item {
    width: 190px;
}

.vod-schedule-swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-blue);
    color: var(--color-white);
}

    .vod-schedule-swiper-container .flickity-rtl .flickity-prev-next-button.next {
        opacity: 1;
    }

    .vod-schedule-swiper-container .flickity-prev-next-button.next, .vod-schedule-swiper-container .flickity-prev-next-button.previous {
        background: none !important;
    }

    .vod-schedule-swiper-container .flickity-rtl .flickity-prev-next-button.previous {
        display: block;
    }

.vod-schedule-time {
    min-width: 250px;
}

.vod-schedule-thumb {
    min-width: 224px;
    width: 30%;
    flex: 0 0 auto;
}

.vod-schedule-description {
    max-width: 440px;
}

.vod-schedule-more-info {
    max-width: 390px;
}

.vod-schedule-play {
    position: absolute !important;
    top: 0;
    /*pointer-events: none;*/
}

.vod-schedule-listing-content {
    padding-top: 60px;
    padding-bottom: 60px;
}

.vod-schedule-listing-content {
    background-color: var(--color-ch-black);
    color: var(--color-white);
}

.alternate-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.06);
}

.VOD_schedule__swiper .flickity-viewport {
    margin: 0 100px;
}

.VOD_Schedule .flickity-prev-next-button .flickity-button-icon {
    fill: var(--color-white) !important;
}

.vod-schedule-swiper-container.stuck {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999999;
}

.vod-schedule-swiper-container-preserve-height, .vod-schedule-swiper-container.stuck {
    height: 100px;
}

.VOD_schedule__item.text-title-17 {
    line-height: 34px !important;
}

.vod-schedule-month {
    opacity: 0;
    visibility: hidden;
}

    .VOD_schedule__item:hover .vod-schedule-month, .vod-schedule-month.visible {
        opacity: 1;
        visibility: visible;
    }

.schedule-tomorrow-container {
    background-color: var(--light-color-ch-black);
    color: var(--light-color-white);
}

@media all and (max-width:1200px) {
    .vod-schedule-thumb {
        width: 35%;
    }

    .vod-schedule-time {
        min-width: 180px;
    }

    .icon-play-vod.vod-schedule-play {
        width: 44px;
        height: 44px;
    }

        .icon-play-vod.vod-schedule-play::after {
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            border-left: 14px solid var(--color-white);
        }
}

@media all and (max-width:1000px) {
    .vod-schedule-time {
        min-width: initial;
    }

    .VOD_schedule__swiper .flickity-viewport {
        margin: 0 50px;
    }

    .VOD_schedule__item {
        width: 150px;
    }
}

@media all and (max-width:767.8px) {
    .vod-scheduler-flex {
        flex-direction: column;
    }

    .vod-schedule-time {
        text-align: center;
        padding-bottom: 10px;
    }

    .vod-schedule-thumb {
        padding-bottom: 15px;
    }

    .vod-schedule-more-info {
        max-width: initial;
    }

    .VOD_schedule__item {
        width: 150px;
    }

    .vod-schedule-info, .vod-schedule-thumb {
        max-width: 444px;
        width: 100%;
    }

    .vod-schedule-play {
        width: auto;
    }

    .vod-schedule-month {
        opacity: 1;
        visibility: visible;
    }
}

@media all and (max-width:400px) {
    .vod-schedule-more-info .d-flex {
        flex-direction: column;
        align-items: start !important;
    }
}

/*#endregion*/

/*#region Footer VOD*/
.VOD_MasterFooter .footer-softimpact-logo {
    background-color: var(--color-dark-charcoal32);
    border-bottom: none;
    padding: 20px 15px;
    border: 1px solid #696969;
}

    .VOD_MasterFooter .footer-softimpact-logo img {
        content: url(../images/logo-SI-dark.svg);
    }

.vod-social-media-platform {
    padding-top: 15px;
}

.VOD_MasterFooter .footer-content {
    padding-top: 25px;
    padding-left: 60px;
    padding-right: 60px;
}

.VOD_MasterFooter .frow-container {
    padding-bottom: 25px;
}

.VOD_MasterFooter .fiverow-container {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #586069;
}

.VOD_MasterFooter .fourth-row-container {
    border-bottom: none;
    padding-bottom: 0;
}

.vod-lastrow {
    padding-top: 10px;
    padding-bottom: 10px;
}

.sep-footer-vod {
    margin: 0 20px;
    vertical-align: middle;
    display: none;
}

@media all and (max-width:991.98px) {
    .vod-social-media-platform {
        padding-top: 0;
    }

    .VOD_MasterFooter .fiverow-container {
        flex-direction: column-reverse;
        padding-top: 0;
        padding-bottom: 0;
    }

        .VOD_MasterFooter .fiverow-container .fcol {
            border-bottom: none;
            border-top: 1px solid #586069;
            padding-top: 10px;
            padding-bottom: 5px;
        }

    .VOD_MasterFooter .fourth-row-container {
        padding-top: 15px;
    }

    .VOD_MasterFooter .footer-social-media-title {
        padding-top: 20px;
    }
}

@media all and (max-width:767.8px) {
    .VOD_MasterFooter .vod-lastrow {
        flex-direction: column;
    }

    .VOD_MasterFooter .privacy-terms-vod {
        justify-content: space-between;
        width: 100%;
        padding-bottom: 15px;
    }

    .sep-footer-vod {
        display: inline-block;
    }

    .VOD_MasterFooter .footer-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*#endregion*/

/*#region Genres*/

.genres-items {
    padding-bottom: 10px;
}

.genres-item {
    color: var(--color-white);
    margin-bottom: 10px;
}

.genres-item-sep {
    margin: 0 10px 10px 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: transparent linear-gradient(180deg, #F72805 0%, #0E68FC 100%) 0% 0% no-repeat padding-box;
    transform: matrix(0, -1, 1, 0, 0, 0);
}

/*#endregion Genres*/

/*#region Article details Presentation*/

.article-details-presentation-close-icon {
    font-size: 40px;
    line-height: 40px;
    margin: auto;
    top: -2px;
    position: absolute;
    left: 0px;
    right: 0;
    bottom: 0;
    color: var(--light-color-dove-gray);
}

@media(max-width:768px) {
    .article-details-presentation-close-icon {
        top: 4px;
    }
}

/*#endregion*/

/*#region Shows Filters*/

.filters-label {
    color: var(--color-white);
}

.filters-label-selected {
    color: var(--color-red);
}

.filters-select-arrow {
    color: var(--color-red);
    font-size: 18px;
    line-height: 18px;
}

    .filters-select-arrow.white {
        color: var(--color-white);
    }

.filters-select-option {
    color: var(--color-white);
    background-color: var(--color-dark-charcoal32);
    padding: 8px 10px;
    width: 100%;
}

    .filters-select-option:hover {
        background-color: var(--color-dove-gray);
    }

    .filters-select-option.selected {
        color: var(--color-red);
    }

.filters-select {
    display: none;
    position: absolute;
    top: 28px;
    min-width: 150px;
    z-index: 9998;
}

/*#endregion Shows Filters*/

/*#region video_player*/
.video_player {
    height: calc(100vh - 70px);
    position: relative;
}

.video_player_presentation {
    width: 100%;
    height: 100vh;
}

.video_play_button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: none;
    z-index: 1;
}

.video_player_episode_details {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: var(--color-white);
    z-index: 1;
    max-width: 22%;
}

.video_player_overlay_bottom {
    background: rgba(0,0,0,0.24);
    background: linear-gradient(90deg,rgba(0,0,0,0.8) 0%, transparent 50%);
    background: -webkit-linear-gradient(90deg,rgba(0,0,0,0.8) 0%, transparent 50%);
    background: -moz-linear-gradient(90deg,rgba(0,0,0,0.8) 0%, transparent 50%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.video_player_overlay_right {
    /*background: rgba(0,0,0,1);
    background: linear-gradient(180deg,rgba(0,0,0,0.65) 55%, transparent 100%);
    background: -webkit-linear-gradient(180deg,rgba(0,0,0,0.65) 55%, transparent 100%);
    background: -moz-linear-gradient(180deg,rgba(0,0,0,0.65) 55%, transparent 100%);*/
    background: radial-gradient(at center center, rgba(0,0,0,0.65) 0, transparent 71%);
    background: -webkit-radial-gradient(at center center, rgba(0,0,0,0.65) 0, transparent 71%);
    background: -moz-radial-gradient(at center center, rgba(0,0,0,0.65) 0, transparent 71%);
    position: absolute;
    bottom: 59px;
    right: 0px;
    height: calc(100% - 124px);
    width: 0;
}

.video_player_opened .video_player_overlay_right {
    width: 430px;
}


.video_player_opened .video_player_overlay_right_full {
    width: 40%;
}


.video_player_chapter_arrow {
    background-color: var(--color-dark-charcoal32);
    width: 40px;
    height: 37px;
}

.video_player_chapter_title {
    height: 37px;
    color: var(--color-white);
    justify-content: center;
    background-color: var(--color-black);
}

.video_player_chapter_title_text {
    overflow: hidden;
    font-family: var(--font-cairo-bold) !important;
    opacity: 0;
    display: none;
}

.video_player_chapter_container {
    position: absolute;
    top: 65px;
    z-index: 1;
    max-width: 18%;
    width: 81px;
    height: 37px;
    overflow: hidden;
}

.video_player_opened .video_player_chapter_container {
    height: calc(100% - 123px) !important;
    width: 100% !important;
}

    .video_player_opened .video_player_chapter_container .slimScrollDiv {
        height: calc(100% - 160px) !important;
    }

    .video_player_opened .video_player_chapter_container > div {
        width: 100%;
        justify-content: space-between;
    }

.video_player_opened .video_player_chapter_title_text {
    opacity: 1;
    display: block;
}

.video_player_chapter_list {
    width: 40px;
}

.video_player_opened .video_player_chapter_arrow img {
    transform: rotate(0);
}

.video_player_chapter_arrow img {
    transform: rotate(180deg);
}


.video_player_opened .ChaptersItemsContainer {
    height: 100% !important;
    opacity: 1;
    width: 100%;
}

.video_player_chapter_container .slimScrollDiv {
    height: 0 !important;
}

.video_player_opened .video_player_chapter_container .slimScrollDiv {
    height: calc(100% - 160px) !important;
}

.video_player_chapter_container .slimScrollBar {
    width: 3px !important;
    opacity: 1 !important;
    border-radius: 1px !important;
}

.ChaptersItemsContainer {
    max-width: 380px;
    width: 0px;
    padding: 0 10px;
    /*overflow-y: scroll;*/
    position: relative;
    opacity: 0;
}


.ChaptersItem .card-module-sep {
    width: calc(100% - 90px);
    opacity: 0.5;
    border-color: rgba(255,255,255,0.5);
}

.video_player_opened .episode_season_selection {
    opacity: 1;
}


.episode_season_selection {
    font-family: var(--font-cairo-bold);
    font-size: 14px;
    line-height: 70px;
    color: var(--color-white);
    opacity: 0;
    position: relative;
}

    .episode_season_selection > div {
        width: 50%;
        /*text-align: center;*/
    }

.video_show_episode_title {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 1;
    color: var(--color-white);
    display: none;
}

.VideoPlayerContainer .divVideo {
    /*height: calc(100vh - 70px);*/
    height: calc(100vh - 96px);
    width: 100%;
}

.VideoPlayerContainer .videoWrapper {
    width: 100%;
    height: 100%;
    padding: 0px;
}

.VideoPlayerContainer .embed-responsive {
    height: 100%;
}

.video_player_custom_ddl {
    position: absolute;
    top: calc(-100% + -80px);
    height: 160px;
    display: none;
    background-color: var(--color-dark-charcoal32);
    padding: 10px 0;
    color: var(--color-white);
    z-index: 110;
    width: 100% !important;
}

.video_player_opened .video_player_custom_ddl .slimScrollDiv, .video_player_opened .episode_data, .video_player_opened .season_data {
    height: 100% !important;
}

.episode_season_item {
    font-size: 14px;
    line-height: 24px;
}

.episode_season_item_sep {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    margin: 5px 0;
}

.video_player .subscription-needed__overlay .color__light-color-white {
    color: var(--color-white) !important;
}

.SP-BtnClose {
    display: none !important;
}

.VideoPlayer {
    height: calc(100vh - 70px);
}

    .VideoPlayer .subscription-needed__overlay {
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
        z-index: 1;
        padding: 81px;
        height: 100vh !important;
        position: relative !important;
        min-height: 512px;
    }

.close_video_player {
    position: absolute;
    top: 60px;
    z-index: 10;
}

.video_subscribtion_needed .video_player_episode_details,
.video_subscribtion_needed .video_show_episode_title {
    display: none !important;
}

.episode_data, .season_data {
    padding: 0 15px;
}

.video_play_button_faded, .video_pause_button_faded {
    display: none;
    z-index: -1
}

.episode_season_selection .preloader_container {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

    .episode_season_selection .preloader_container .loading-spinner {
        margin: 0 auto;
        top: 19px;
    }

.episode_season_selection .loading-spinner {
    width: 30px;
    height: 30px;
}

    .episode_season_selection .loading-spinner::before {
        width: 50%;
        height: 60%;
    }

.video_player_episode_details .slide-presentation-item-title {
    font-size: 50px;
    line-height: 60px;
}

.video_player .slide-presentation-item-previous {
    display: none !important;
}

.video_player .hppresenatation-show-now > div:nth-child(1) {
    display: none !important;
}

.episode_season_selection > div:nth-child(2) {
    max-width: 25px !important;
}

.SubscriptionNeededTitle, .SubscriptionNeededDesc {
    color: var(--color-white);
}

@media(max-width:1350px) {
    .ChaptersItem .card-module-header-container {
        display: none;
    }

    .ChaptersItem .card-module-sep {
        margin-right: 0px !important;
        margin-left: 0px !important;
        width: 100%;
    }
}

@media(max-width:1199.98px) {
    .video_player_episode_details .slide-presentation-item-title {
        font-size: 35px;
        line-height: 45px;
    }
}

@media(max-width:991.98px) {
    .ChaptersItem .card-module-header-container {
        display: block;
    }

    .ChaptersItem .card-module-sep {
        width: calc(100% - 90px);
    }

    .video_player_episode_details .slide-presentation-item-title {
        font-size: 40px;
        line-height: 50px;
    }

    .video_player_chapter_container {
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
        background-color: var(--color-black);
        max-width: unset !important;
        display: block !important;
        height: auto !important;
        overflow: visible;
    }

    .video_player_chapter_arrow {
        display: none !important;
    }

    .video_player_chapter_title {
        width: 100% !important;
    }

    .video_player_chapter_title_text {
        display: block !important;
        width: 100% !important;
        opacity: 1 !important;
    }


    .video_player_opened .ChaptersItemsContainer,
    .ChaptersItemsContainer {
        max-width: unset !important;
        max-height: 322px;
        height: auto;
        width: 100%;
        opacity: 1 !important;
    }

    .video_play_button_trigger {
        width: 70px !important;
    }


    .video_player_episode_details {
        top: unset;
        transform: translate(0%,0%);
        z-index: 1;
        bottom: 0;
        width: 100%;
        max-width: 461px;
        padding: 0 15px;
        position: relative;
        margin: 0 auto;
        margin-bottom: 20px;
        display: flex !important;
        flex-direction: column;
    }

        .video_player_episode_details .slide-presentation-item-title,
        .video_player_episode_details .slide-presentation-item-desc {
            text-align: center;
            display: block;
        }

        .video_player_episode_details > div {
            justify-content: center;
        }

            .video_player_episode_details > div:last-child {
                justify-content: center;
                max-width: 116px;
                margin: 0 auto;
            }

    .episode_season_selection {
        position: relative !important;
        opacity: 1 !important;
    }

        .episode_season_selection > div {
            width: auto;
        }

    .video_player_presentation {
        height: auto;
    }

    .VideoPlayerContentImg {
        height: 450px !important;
    }

    .video_player_custom_ddl {
        height: 190px;
        top: -190px !important;
    }


    .VideoPlayer .subscription-needed__overlay {
        padding: 0px !important;
        background-color: var(--color-black) !important;
        height: auto !important;
        min-height: unset !important;
    }

    .VideoPlayer .subscription-needed__overlay_inner {
        position: absolute;
        width: 100%;
        height: 100px;
        top: -100px;
        left: 0;
        background: transparent linear-gradient(180deg,#00000000 0%,#000 100%) 0% 0% no-repeat padding-box;
    }

    .VideoPlayer .SubscriptionNeeded {
        background-image: none !important;
    }

        .VideoPlayer .SubscriptionNeeded .slide-presentation-item-title {
            justify-content: center !important;
            width: 100% !important;
            font-size: 24px;
            line-height: 34px;
        }

    .video_player .subscription-needed__overlay .color__light-color-white {
        font-size: 24px;
        line-height: 34px;
    }

    .VideoPlayer .SubscriptionNeeded .SubscriptionNeededTitle,
    .VideoPlayer .SubscriptionNeeded .SubscriptionNeededDesc {
        text-align: center !important;
    }

    .VideoPlayer .SubscriptionNeeded .SubscriptionNeededDesc {
        font-size: 14px;
        line-height: 24px;
    }

    .VideoPlayer .SubscriptionNeeded_actions {
        flex-direction: column !important;
    }

        .VideoPlayer .SubscriptionNeeded_actions input {
            margin: 0 0 20px 0 !important;
        }

    .VideoPlayer .subscription-needed_inner {
        justify-content: end !important;
    }

    .VideoPlayer .posterImg {
        display: block !important;
    }

    .VideoPlayer, .video_player, .VideoPlayerContainer .divVideo {
        height: auto;
    }


    .video_play_button, .video_show_episode_title {
        display: none !important;
    }

    .video_show_episode_title {
        bottom: 83px;
    }

        .video_show_episode_title .text-title-17 {
            font-size: 18px;
            line-height: 28px;
        }

        .video_show_episode_title .text-title-8 {
            font-size: 18px;
        }

    .video_player_chapter_container .slimScrollDiv {
        height: auto !important;
    }

    .video_player_episode_details .slide-presentation-item-title {
        font-size: 24px;
        line-height: 34px;
    }

    .close_video_player {
        top: 55px;
    }

    .video_player_overlay_right {
        display: none !important;
    }

    .VideoPlayerContainer .videoWrapper {
        height: 450px;
    }
}
/*#endregion*/

/*#region Live*/

.AbsoLayer {
    width: 100%;
    height: 100%;
    background-color: rgba(51,51,51,.7);
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.LiveContentMainDiv {
    height: calc(100vh - 70px) !important;
    width: 100%;
    overflow: hidden;
}

    .LiveContentMainDiv .LiveContent_ImgDefault {
        height: calc(100vh - 48px) !important;
        width: 100vw;
    }

.DivNotSubsTableBehavior {
    display: inline-block !important;
}

.DivNotSubsTableBehavior {
    display: table !important;
}

.Live_Main {
    width: 100%;
    background-color: #FFFFFF !important;
}

.Live_Main {
    background-color: #000000 !important;
}

.LiveContentMainDiv_Subs .MainControlDiv {
    padding: 0 !important;
}

.Live_Video {
    max-width: none !important;
    width: 100% !important;
    margin: auto;
    height: calc(100vh - 70px);
}

    .Live_Video .Live_divShowPlayer {
        padding: 0 !important;
        height: 100%;
    }

        .Live_Video .Live_divShowPlayer .MyPlayerNextChannels {
            width: 100% !important;
            height: 100%;
        }

            .Live_Video .Live_divShowPlayer .MyPlayerNextChannels #itworkshtml5player {
                height: 100%;
            }

                .Live_Video .Live_divShowPlayer .MyPlayerNextChannels #itworkshtml5player #playerLivePage {
                    /*height: 100%;*/
                }


.AbsoLayer {
    width: 100%;
    height: 100%;
    background-color: rgba(51,51,51,0.7);
    color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}


.PositionCentered {
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    position: inherit;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.SubscribeTitle {
    font-size: 45px;
    margin-bottom: 10px;
    padding: 0 5px;
}

.SubscriptionTitle {
    /*font-size: 35px;*/
    padding: 0 5px;
}

.SubscribeTitleSub {
    /*font-size: 14px;*/
    padding: 0 5px;
}

.textUnderLine {
    border-bottom: 1px solid #fff;
    padding-bottom: 1px;
}

a.textUnderLine {
    display: inline;
}

.textUnderLine:hover {
    opacity: 0.7;
}

/*.SubscriptionBtn {
    width: 234px;
    height: 33px;
    background-color: #0068FF;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    margin-top: 22px;
    padding-top: 16px;
    cursor: pointer;
}*/

/*.SubscriptionBtn:hover {
        background-color: #2278ff;
    }*/

.SubscriptionBtnNotLogin, .SubscriptionBtn, .SignBtn {
    max-width: 330px;
    width: 100%;
    height: 66px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    margin-top: 34px;
    padding-top: 20px;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
}


/*.SubscriptionBtnNotLogin:hover {
        background-color: #2278ff;
    }*/

.SubscriptionBtnNotLogin, .SubscriptionBtn {
    background-color: var(--color-red);
    margin-left: 25px;
}

.SignBtn {
    background-color: var(--color-blue);
}

/*.SignBtn:hover {
        background-color: #3F3F3F;
    }*/

.BtnLink {
    right: 0px;
    top: 0px;
}

.mgBt20 {
    margin-bottom: 20px;
}


.blackOverlay {
    position: absolute;
    width: 89vw;
    height: 364px;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    top: 50%;
    background: -webkit-radial-gradient(rgba(0,0,0,0.5), transparent, transparent); /* For Safari 5.1 to 6.0 */
    background: -o-radial-gradient(rgba(0,0,0,0.5), transparent, transparent); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(rgba(0,0,0,0.5), transparent, transparent); /* For Fx 3.6 to 15 */
    background: radial-gradient(rgba(0,0,0,0.5), transparent, transparent); /* Standard syntax (must be last) */
}

.ColorRed {
    color: #C51F33;
}

.calcWidth {
    width: calc(100% - 150px) !important;
}

.RegShowTitle {
    margin-bottom: 20px;
}

.EpisodeDesc {
    font-size: 18px;
    margin: 0 auto;
    max-width: 800px;
    line-height: 26px;
    margin-bottom: 20px;
    font-family: 'AktivGrotesk_W_Rg',tahoma;
}

.MyPlayer #playerLivePage_itwplayer {
    width: 100%;
    max-width: 100%;
    height: calc(100vh - 70px);
}

.divAudiologoContent + .MyPlayer #playerLivePage_itwplayer {
    height: 0;
}

.divAudiologoContent + .MyPlayer {
    /*display: none;*/
}

.divAudiologoContent + .MyPlayer {
    height: 0;
}

    .divAudiologoContent + .MyPlayer .video-js .vjs-big-unmute-button {
        top: -60px;
    }

.MyPlayer .vjs-poster {
    background-size: cover;
}

@media all and (max-width:767.8px) {
    .Live_Video, .MyPlayer #playerLivePage_itwplayer, .LiveContentMainDiv {
        height: calc(100vh - 80px);
    }

    .SubscribeTitle {
        font-size: 30px;
        display: inline-block;
    }

    .SubscriptionTitle {
        /*font-size: 25px;*/
        margin-bottom: 10px;
    }

    .blackOverlay {
        height: 321px;
        width: 911px;
    }

    .SubscriptionBtnNotLogin, .SubscriptionBtn, .SignBtn {
        display: block;
        margin: 0 auto;
        margin-top: 14px;
        height: 50px;
        padding-top: 9px;
    }
}

@media (max-width:530px) {
    .SubscribeTitle {
        font-size: 22px;
    }

    .SubscribeTitleSub {
        /*font-size: 13px;*/
    }

    .SubscriptionBtn {
        font-size: 12px;
        width: 140px;
        height: 22px;
        padding-top: 7px;
    }

    .mgBt20 {
        margin-bottom: 15px;
    }

    .SubscriptionTitle {
        /*font-size: 14px;*/
        margin-bottom: 7px !important;
    }

    .RegShowTitle {
        margin-bottom: 10px;
    }

    .EpisodeDesc {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 10px !important;
    }
}

@media(max-width:452px) {
    .calcWidth {
        width: 100%;
    }

    .blackOverlay {
        height: 237px;
    }
}




/*#endregion*/

/*#region VOD Details*/
.show-details-wrapper {
    height: 52vw;
    position: relative;
    width: 100%;
}

.show-details-image-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}

.show-details-img {
    width: 100%;
    position: relative;
    filter: blur(4px);
    -webkit-filter: blur(4px);
}

.show-details-img-overlay {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.show-details-img-overlay-nograd {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(0,0,0,0.4);
}

.show-details-info-overlay {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.show-details-info-part {
    width: 60%;
    position: absolute;
    top: 0;
    /*margin-top: 35vh;*/
    margin-top: 20%;
    /*bottom: 32%;*/
    z-index: 300;
}

.show-details-info-container {
    width: 100%;
    max-width: 620px;
}

.show-details-episodes-part {
    position: absolute;
    width: 40%;
    position: absolute;
    top: 0;
    margin-top: 10%;
    /*margin-top: 20vh;*/
    /*bottom: calc(100% - 100vh + 74px);*/
    /*bottom: calc(-43% + 221px);*/
    height: 100%;
    /*z-index: 300;*/
}

.show-details-episodes-list {
    /*overflow-y: scroll;*/
    /*height: calc(80vh - 126px);*/
    /*height: 65%;*/
    height: 100% !important;
}

    /*.show-details-episodes-list::-webkit-scrollbar {
        width: 2px;
    }

    
    .show-details-episodes-list::-webkit-scrollbar-track {
        background-color: rgba(250,250,250,0.3);
    }

    
    .show-details-episodes-list::-webkit-scrollbar-thumb {
        background-color: rgba(250,250,250,1);
    }

        .show-details-episodes-list::-webkit-scrollbar-thumb:hover {
            background-color: var(--color-red);
        }*/

    .show-details-episodes-list + .slimScrollBar {
        opacity: 1 !important;
    }

.show-details-seasons-part {
    display: flex;
    padding-bottom: 14px;
}

.show-details-seasons-ep__count {
    padding-bottom: 10px;
    color: var(--color-white);
}

@media (max-width: 1199.98px) {

    .show-details-wrapper {
        height: 62vw;
    }

    .show-details-info-part {
        width: 52%;
    }

    .show-details-episodes-part {
        width: 48%;
    }
}

@media (max-width: 991.98px) {
    .show-details-wrapper {
        height: auto;
    }

    .show-details-image-wrapper {
        position: relative;
        overflow: visible;
    }

    .show-details-info-part {
        width: 100%;
        margin-top: 13%;
        padding: 0 35px;
    }

    .show-details-episodes-part {
        position: relative;
        width: 70%;
        margin-top: 2%;
        padding: 0 35px;
    }

    .show-details-episodes-list {
        /*overflow-y: initial;
        height: auto;*/
        padding: 0;
    }
}

@media (max-width: 767.98px) {

    .show-details-img-overlay-nograd {
        display: none;
    }

    .show-details-wrapper {
        margin-top: 80px;
    }

    .show-details-info-part {
        position: relative;
        margin-top: 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .show-details-info-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .show-details-episodes-part {
        width: 100%;
        margin-top: 4%;
        padding: 0 15px;
    }

    .show-details-img {
        filter: blur(0);
        -webkit-filter: blur(0);
    }

    .show-details-img-overlay {
        background: rgb(0,0,0);
        background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 7%, rgba(0,0,0,1) 65%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 7%, rgba(0,0,0,1) 65%, rgba(0,0,0,1) 100%);
        background: linear-gradient(180deg, rgba(0,0,0,0) 7%, rgba(0,0,0,1) 65%, rgba(0,0,0,1) 100%);
    }

    .show-details-episodes-list .card-module-horizontal__header-container {
        max-width: 38% !important;
    }

    /*.show-details-info-overlay {
            display: block;
        }*/
}
/*#endregion*/

/*#region VOD_CardStandalone*/
.card-standalone-header {
    z-index: 16;
}

.card-standalone-body {
    background-color: var(--color-black);
    border-radius: 0px 0px 32px 32px;
    position: relative;
    top: -4px;
    z-index: 15;
}

.card-standalone-title,
.card-standalone-desc,
.card-standalone-date {
    text-align: center;
    color: var(--color-white);
}

.card-standalone-previous {
    color: var(--color-white);
    padding-bottom: 25px;
}

.card-standalone-header__img {
    border-radius: 6px;
}

.card-standalone-img-info {
    position: absolute;
    bottom: -14px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card-standalone-header__duration {
    background-color: rgba(0,0,0,0.6);
    border-radius: 6px;
    padding: 2px 23px;
    color: #B2B2B2;
    margin-bottom: 10px;
}

.card-standalone-header__title {
    background-color: var(--color-red);
    color: var(--color-white);
    padding: 0 12px;
    border-radius: 6px;
}

.card-standalone-now {
    max-width: 100%;
    background-color: rgba(255,255,255,0.1);
    border-radius: 40px;
    color: var(--color-white);
    position: relative;
}

.card-stadalone {
    padding-top: 0;
}

.card-stanalone-content {
    max-width: Calc(100% - 100px);
}

.watch-now-container {
    /*height: 0;
    opacity: 0;*/
    /*visibility: hidden;*/
    /*display: none;*/
}

.watch-now-container {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.VOD_CardStandalone:hover .card-standalone-body-wrapper {
    background-color: var(--color-black);
    border-radius: 0px 0px 32px 32px;
}

.VOD_CardStandalone:hover .watch-now-container {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.vod-card-stand-alone {
    height: 60px;
}

@media all and (max-width:1199.98px) {
    .watch-now-container {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .card-standalone-body-wrapper {
        background-color: var(--color-black);
        border-radius: 0px 0px 32px 32px;
    }
}

/*.VOD_CardStandalone:hover .watch-now-container {
    height: auto;
    opacity: 1;
    visibility: visible;
}*/
/*#endregion*/

/*#region VOD_EpisodeAndChapters*/
.episode-main-section {
    padding-top: 25px;
    background-color: var(--color-ch-black);
    padding-bottom: 75px;
    height: 670px;
}

    .episode-main-section.hide-image {
        height: 720px;
    }

.episode-chapter-second-section {
    background-color: var(--color-raisin-black);
    padding-top: 40px;
    padding-bottom: 20px;
}

.VOD_EpisodeAndChapeters {
    color: var(--color-white);
}

    .VOD_EpisodeAndChapeters .ott-card-module-rownumber.light {
        display: block;
    }

    .VOD_EpisodeAndChapeters .ott-card-module-rownumber.dark {
        display: none;
    }

.episode-chapters-seperator {
    display: flex;
}

    .episode-chapters-seperator::after {
        content: "";
        background-color: var(--color-red);
        width: 1px;
        margin: 0 20px;
        position: relative;
    }

.episode-main-section .ott-card-module-rownumber {
    height: 30%;
    top: unset;
    bottom: 0;
    right: 0;
}

.episode-main-section .ott-card-module-Image-with-rownumber .card-module-image-content {
    padding-right: 0px;
}

.chapter-more, .chapter-less, .chapter-def {
    max-width: 200px;
    width: 100%;
    height: 112px;
    background-color: var(--color-dark-charcoal32);
    color: var(--color-dove-gray);
    text-align: center;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
}

.chapter-def {
    color: var(--color-white);
    margin-bottom: 15px;
}

.chapter-more {
    background-image: url('../images/arrowChapterToLeft.png');
}

.chapter-less {
    background-image: url('../images/arrowChapterToRight.png');
}

.chapter-def {
    /*background-image: url('../images/chapter-makate3.png');*/
    background-image: url('../images/chapter-makate3-new.png');
}

.LoadMoreChapters {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(100,100,100,.2);
    z-index: 10;
}

.row-number-chapters {
    width: 30px;
    height: 56px;
    background-color: var(--color-raisin-black);
}

    .row-number-chapters .ott-card-module-rownumber {
        height: 69%;
    }

.episode-chapters-container .ott-card-module-rownumber {
    height: 34%;
    right: -9px;
    bottom: -4px;
}

.episode-first .ott-card-module-rownumber {
    right: -13px;
    bottom: -4px;
}

.row-number-chapters .ott-card-module-rownumber {
    /*right: -15px;*/
}


@media all and (max-width:991.8px) {
    .episode-main-section, .episode-main-section.hide-image {
        height: 1135px;
    }
}

@media all and (max-width:767.8px) {
    .episode-main-section {
        height: 1730px;
    }

        .episode-main-section.hide-image {
            height: 1730px;
        }

    .episode-first .ott-card-module-rownumber, .episode-chapters-container .ott-card-module-rownumber {
        right: 0;
    }

    .episode-first .ott-card-module-rownumber {
        height: 23%;
    }

    .chapter-def {
        margin-bottom: 20px;
    }
}

@media all and (max-width:500px) {
    .episode-main-section {
        height: 1600px;
    }

        .episode-main-section.hide-image {
            height: 1630px;
        }

        .episode-main-section.hide-image {
            height: 1580px;
        }

    .episode-chapters-container .card-module-header-container, .chapter-more, .chapter-less, .chapter-def {
        /*max-width: 150px !important;*/
        max-width: 50% !important;
    }

    .chapter-more, .chapter-less, .chapter-def {
        max-height: 20vw;
    }
}

/*#endregion*/

/*#region vod_searchautocomplete*/
.advanced_search {
    color: #B5B5B5;
    position: absolute;
    left: 62px;
    top: 12px;
    cursor: pointer;
}

.vodsearchautocomplete .searchautocomplete_search_input {
    padding-right: 160px;
    padding-left: 160px;
}

.advance_search_opened .advanced_search {
    color: var(--color-red);
}

.advance_search_opened .custom-dropdown select,
.advance_search_opened .custom-dropdown::after {
    color: var(--color-white);
    background-color: var(--color-dark-charcoal32);
    border: none;
}
/*#endregion*/

/*#region VOD_SlidePresentationItem*/
.slider-presentation-item-favorites {
    background: transparent linear-gradient(180deg, #F72805 0%, #0E68FC 100%) 0% 0% no-repeat padding-box;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    font-size: 35px;
}

    .slider-presentation-item-favorites .icon {
        padding-top: 2px;
        padding-left: 1px;
    }

.bookmark-not-favorite-hover {
    position: absolute;
    top: 0;
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

    .bookmark-not-favorite-main:hover + .bookmark-not-favorite-hover, .bookmark-not-favorite-hover:hover {
        /*display: flex;*/
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

.bookmark-not-favorite, .bookmark-favorite {
    cursor: pointer;
}

.icon-play-vod {
    position: relative;
    /*background: transparent linear-gradient(90deg, #F72805 0%, #0E68FC 100%) 0% 0% no-repeat padding-box;*/
    width: 66px;
    height: 66px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    flex: 0 0 auto;
}

    .icon-play-vod.icon-play-vod-small {
        width: 40px;
        height: 40px;
    }

        .icon-play-vod.icon-play-vod-small:after {
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            border-left: 14px solid var(--color-white);
        }

    .icon-play-vod::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent linear-gradient(90deg, #F72805 0%, #0E68FC 100%) 0% 0% no-repeat padding-box;
        transition: all 0.1s linear;
        border-radius: 50%;
    }

    .icon-play-vod:hover::before {
        transform: rotate(180deg);
    }

    .icon-play-vod::after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 20px solid var(--color-white);
    }

/*#endregion*/

/*#region Ott cards hover*/

.mute_unmute_video {
    opacity: 0;
    visibility: hidden;
    color: var(--light-color-dark-charcoal33);
}

.promo-playing .mute_unmute_video {
    opacity: 1;
    visibility: visible;
}

.hide-info .ott-card-module-body-container,
.hide-info .overlay-background__linear {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.promo-playing-hide-info .ott-card-module-body-container,
.promo-playing-hide-info .overlay-background__linear {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.promo-playing-hide-info {
    cursor: none;
}

.zoomIn-info {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .35s ease;
    -webkit-transition: transform .35s ease;
    -moz-transition: transform .35s ease;
    -o-transition: transform .35s ease;
    z-index: 999;
}

.zoomIn-info-normal-scale {
    transform: scale(1.3);
}

.zoomIn-info-right-scale {
    transform: translateX(-70px) scale(1.3);
    z-index: 1400;
}

.zoomIn-info-left-scale {
    transform: translateX(70px) scale(1.3);
    z-index: 1400;
}

.zoomIn-info-zindex {
    z-index: 1400;
}

.zoomIn-info .ott-card-module-body-container,
.zoomIn-info .overlay-background__linear {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity .35s ease, visibility .35s ease;
    -webkit-transition: opacity .35s ease, visibility .35s ease;
    -moz-transition: opacity .35s ease, visibility .35s ease;
    -o-transition: opacity .35s ease, visibility .35s ease;
}

.zoomIn-info.zoomIn-info-enabled .ott-card-module-body-container,
.zoomIn-info.zoomIn-info-enabled .overlay-background__linear {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.zoomIn-info.zoomIn-info-enabled.promo-playing-hide-info .ott-card-module-body-container,
.zoomIn-info.zoomIn-info-enabled.promo-playing-hide-info .overlay-background__linear {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.zoomIn-info.zoomIn-info-enabled.promo-playing-hide-info {
    cursor: none;
}

.zoomIn-info .ott-card-module-rownumber {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity .35s ease, visibility .35s ease;
    -webkit-transition: opacity .35s ease, visibility .35s ease;
    -moz-transition: opacity .35s ease, visibility .35s ease;
    -o-transition: opacity .35s ease, visibility .35s ease;
}

.zoomIn-info.zoomIn-info-enabled .ott-card-module-rownumber.light,
.zoomIn-info.zoomIn-info-enabled .ott-card-module-rownumber.dark {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.slideIn-enabled {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: width .35s ease, transform .35s ease;
    -webkit-transition: width .35s ease, transform .35s ease;
    -moz-transition: width .35s ease, transform .35s ease;
    -o-transition: width .35s ease, transform .35s ease;
}

.slideIn-info .ott-card-module-body-container,
.slideIn-info .overlay-background__linear {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity .35s ease, visibility .35s ease;
    -webkit-transition: opacity .35s ease, visibility .35s ease;
    -moz-transition: opacity .35s ease, visibility .35s ease;
    -o-transition: opacity .35s ease, visibility .35s ease;
}

.slideIn-info-enabled.slideIn-info-left .ott-card-module-body-container,
.slideIn-info-enabled.slideIn-info-right .ott-card-module-body-container,
.slideIn-info-enabled.slideIn-info-left .overlay-background__linear,
.slideIn-info-enabled.slideIn-info-right .overlay-background__linear {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.slideIn-info-enabled .slideIn-info.promo-playing-hide-info .ott-card-module-body-container,
.slideIn-info-enabled .slideIn-info.promo-playing-hide-info .overlay-background__linear {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.slideIn-info-enabled .slideIn-info.promo-playing-hide-info {
    cursor: none;
}

.promo-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    border-radius: 6px;
    height: 100%;
}

.promo-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0);
    background-image: -moz-linear-gradient(top,rgba(0,0,0,0) 10%,rgba(0,0,0,.43) 53%,rgba(0,0,0,.85) 100%);
    background-image: -o-linear-gradient(top,rgba(0,0,0,0) 10%,rgba(0,0,0,.43) 53%,rgba(0,0,0,.85) 100%);
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,.43) 53%,rgba(0,0,0,.85) 100%);
    background-size: contain;
    z-index: 2;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity .35s ease, visibility .35s ease;
    -webkit-transition: opacity .35s ease, visibility .35s ease;
    -moz-transition: opacity .35s ease, visibility .35s ease;
    -o-transition: opacity .35s ease, visibility .35s ease;
}

.promo-playing-hide-info .promo-overlay,
.promo-playing-hide-info .mute_unmute_video {
    opacity: 0;
    visibility: hidden;
}

.mute_unmute_video {
    z-index: 1;
    cursor: pointer;
    font-size: 22px;
    line-height: 10px;
}

.AppendMyDataPromo_Unmute {
    display: none;
}

.promo_unmute .AppendMyDataPromo_Unmute {
    display: block;
}

.promo_unmute .AppendMyDataPromo_Mute {
    display: none;
}
/*#endregion Ott cards hover*/

/*#region vod_searchautocomplete*/
.advanced_search, .vodsearchresult_advanced_search {
    color: #B5B5B5;
    position: absolute;
    top: 12px;
    cursor: pointer;
}

.vodsearchresult_advanced_search {
    cursor: initial
}

.advance_search_opened .advanced_search,
.vodsearchresult_advanced_search {
    color: var(--color-red);
}

.advanced_search_container {
    display: none;
    /*position: absolute;*/
    width: 100%;
    z-index: 1001;
    background-color: var(--color-black);
}

    .advanced_search_container .custom-dropdown {
        width: 100%;
        max-width: 300px;
    }

        .advanced_search_container .custom-dropdown select {
            height: 52px;
            padding: 0 15px;
        }

        .advanced_search_container .custom-dropdown select,
        .advanced_search_container .custom-dropdown::after {
            color: var(--color-white);
            background-color: var(--color-dark-charcoal32);
            border: none;
        }

    .advanced_search_container .date_inputs {
        color: var(--color-white);
        background-color: var(--color-dark-charcoal32);
        padding: 11px 20px;
    }

    .advanced_search_container .datetimepicker-input,
    .advanced_search_container .datetimepicker {
        color: var(--color-white);
        text-align: center;
    }

.date_sep {
    height: 30px;
}

.advanced_search_btn {
    color: var(--color-white);
    background-color: var(--color-red);
    padding: 12px 40px;
    font-size: 22px !important;
    height: 52px;
}

.advance_search_opened .advanced_search_container {
    display: flex;
}

.vodsearchautocomplete {
    z-index: 999999;
}

.vodsearchresult .advanced_search_btn {
    padding: 3px 40px;
}

@media (max-width: 1439.98px) {
    .advanced_search {
        top: 16px;
    }
}

@media (max-width: 1199.98px) {
    .advanced_search_container .datetimepicker-input,
    .advanced_search_container .datetimepicker {
        color: var(--color-white);
        text-align: center;
        width: 120px;
    }

    .advanced_search_btn {
        padding: 12px 10px;
    }
}

@media (max-width: 767.98px) {
    .advanced_search {
        top: 6px;
    }

    .vodsearchautocomplete .searchautocomplete_search_input {
        font-size: 18px !important;
    }

    .advanced_search_container .custom-dropdown {
        max-width: unset;
        margin-bottom: 15px;
    }

    .date_inputs {
        width: 100%;
    }

    .advanced_search_container .date_inputs {
        padding: 11px 20px;
    }

    .advanced_search_container .datetimepicker-input,
    .advanced_search_container .datetimepicker {
        width: 100%;
    }

    .advanced_search_btn {
        margin-top: 52px;
        width: 100%;
    }
}
/*#endregion*/

/*#region vod_search_result*/
.vodsearchresult .vodsearchautocomplete {
    background-color: transparent;
    z-index: 0 !important;
}

.vodsearchresult .advanced_search_container {
    position: relative;
    z-index: 0;
    background-color: transparent;
}

.vodsearchresult .ddl_order {
    background-color: transparent;
}

    .vodsearchresult .ddl_order select {
        color: var(--color-red);
        background-color: transparent;
        border: none;
    }

    .vodsearchresult .ddl_order::after {
        color: var(--color-red);
    }

    .vodsearchresult .ddl_order select option {
        color: var(--color-black);
    }
/*#endregion*/

/*#region ott favorites*/

.card-favorites {
    font-size: 22px;
    color: var(--color-white);
    line-height: 20px;
}

    .card-favorites.bookmark-not-favorite:hover:before {
        content: "\f443";
        color: var(--color-red);
    }

    .card-favorites.bookmark-favorite {
        color: var(--color-red);
    }

/*#endregion*/

/*#region mediagallery*/
.mediagalleryslider_albumtitle {
    background-color: var(--light-color-black);
    color: var(--light-color-white);
    border-radius: var(--image-border-radius);
    padding: 5px 15px;
}

.swiper-container-img .swiper-button-next, .swiper-container-img .swiper-button-prev {
    height: 100% !important;
    background-size: 13px !important;
    background-position: center center !important;
    top: 0 !important;
    margin: 0 !important;
    background-color: rgba(0,0,0,.5) !important;
    width: 30px !important;
}

.swiper-button-prev-img-details, .swiper-button-next-img-details {
    opacity: 0 !important;
}

.swiper-container-img {
    width: 100%;
}

    .swiper-container-img:hover .swiper-button-prev-img-details,
    .swiper-container-img:hover .swiper-button-next-img-details {
        opacity: 1 !important;
    }

.lg-outer.lg-visible {
    z-index: 1000000;
    background-color: var(--color-black);
}

.lg-outer .lg-video-cont {
    height: 100% !important;
    padding: 0 !important;
}

.lg-outer .lg-video {
    width: 100% !important;
    height: 85% !important;
    padding: 0 !important;
    margin-top: 50px;
}

.MediaGallerySlider .swiper-button-disabled {
    display: none !important;
}
/*#endregion*/

/*#region control under chpaters*/
.hide-control-title .Cards__vertical_title, .hide-control-title .Cards__horizontal_title {
    display: none;
}

/*.align-content-center .ott-card-module-body-container.card-module-horizontal__body-container {
    justify-content: center;
}*/

/*#endregion*/

/*#region subscription*/
.have-only-one-package .checkout-cart-payment-gateway {
    display: none;
}

/*#endregion*/


.opacityHalf {
    opacity: 0.5;
}