html,body,div,span,object,iframe,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
*,:before,:after{box-sizing:inherit;outline:0}

.megaroot {
    font-size: 10px;
}

*{	box-sizing: border-box;}
html{box-sizing:border-box;font-size:10px;font-family:sans-serif;outline:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:kern 1;font-kerning:normal;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
a,
a:visited{color:#FFF; text-decoration:none;}
a:hover{color:#FFF;}


html {scroll-behavior: smooth}
/* .navyblue{background-color:#0D1A37} */


@font-face {
    font-family: 'Averta PE';
    src: url('../afonts/AvertaPE-Regular.woff2') format('woff2'),
        url('../afonts/AvertaPE-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Averta PE';
    src: url('../afonts/AvertaPE-Semibold.woff2') format('woff2'),
        url('../afonts/AvertaPE-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


.megatv {padding-top: 50px;color:#FFFFFF;font-weight:400;font-family:'Averta PE', Arial, sans-serif}

/* .megatv {
    --navy:#021149;
    --secondcolor:#c3f247;
    --thirdcolor:#99002e;
    --fourthcolor:#fd8724;
    --semicolor: rgba(255,255,255,0.2)
} */

.megatv {
    --navy:#021149;
    --secondcolor:#c3f247;
    --thirdcolor:#99002e;
    --fourthcolor:#c3f247;
    --semicolor: rgba(255,255,255,0.2)
}



.choosed-red.megatv {
    --navy:#8F0029;
    --secondcolor:#e72c46;
    --thirdcolor:#00CCFF;
    --semicolor: rgba(255,255,255,0.2)
}


.second-color{color:var(--secondcolor)}
.white-color{color:#FFFFFF}

.headeringborder{}


/* width */
body::-webkit-scrollbar{width:5px}
body::-webkit-scrollbar-track{-webkit-box-shadow:none;border-radius:0}
body::-webkit-scrollbar-thumb{border-radius:0;background-color:#B41923;-webkit-box-shadow:none}


.prel{position:relative}
.fullwidth{width:100%}
.clearfix{clear:both}

.megatv {
    font-size: 10px;
    font-size: 1rem;
    margin: 0;
    background-color:#001254;
/*     background-color: #0d1a37; */
/* background: #0d1a37;
background: -webkit-linear-gradient(to top, #0f2d6f, #0d1a37);
background: linear-gradient(to top, #0f2d6f, #0d1a37); */

    min-width: 1030px;
/*     overflow-x: hidden; */
    transition: all .3s ease;
}

.choosed-red.megatv{
  
background: #8b0028;
background: -webkit-linear-gradient(to top, #ff004a, #8b0028);
background: linear-gradient(to top, #ff004a, #8b0028);
 
}

.gridrow {
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
    max-width: 1400px;
}


.font-medium {font-size: 18px}
.font-large {font-size: 22px}


/* HEADER */
#Identity{position:fixed;z-index:99999;left:0;top:0;right:0;border-bottom:1px solid rgba(255,255,255,0.2)}
.logo{max-width:100px;padding-top:8px;transition:all .3s ease}
.gridrow.flexrow{display:flex;align-items:center;justify-content:flex-start}
#meganav{width:50px;border:2px solid transparent;transition:all .3s ease;margin-right:10px;padding:10px;height:50px;display:flex;flex-direction:column;justify-content:center}
#meganav:hover{border:2px solid #FFF;cursor:pointer}
#meganav span:nth-child(2){margin-top:5px;margin-bottom:2px}
#meganav span{background:#FFF;display:block;height:2px;margin:0}
.tf-l{display:block;width:110px}
.tf-r{display:flex;align-items:center;justify-content:space-between;flex-grow:1}
#MainNav {
    flex-grow: 1;
    display: flex;
    justify-content: center;
}
.tf-r .social-cell-footer {
    margin: 0 10px 0 0;
    border-right: 1px solid #FFF;
}
.primarymenu li{position:relative;text-transform:uppercase;display:block;list-style:none;font-size:1.8rem;line-height:1;font-weight:700;float:left;padding-right:10px}
.live-item:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: var(--secondcolor);
    float: left;
    position: absolute;
    left: -10px;
    top: 8px;
}
/* .primarymenu li:last-child{padding-left:15px;border-left:1px solid #fff;padding-right:0} */
.primarymenu li a:hover,
.primarymenu li a:visited,
.primarymenu li span,
.primarymenu li a{color:#fff;position:relative;font-weight:700;cursor:pointer}
.primarymenu li span:after,
.primarymenu li a:after{content:'';position:absolute;width:0;height:2px;display:block;right:0;background:#fff;transition:width .2s ease;-webkit-transition:width .2s ease}
.primarymenu li span:hover:after,
.primarymenu li a:hover:after{width:100%;left:0;background:#fff}
.lightredbg.hfixed .logo{max-width:70px;padding-top:4px}
.mega-logo{margin-right:20px}
.mega-logo svg{fill:#fff;height: auto}
.menu-col a.menu-poster{display:flex;align-items:center}
.menu-col a.menu-poster .poster-th{height:60px;overflow:hidden;border-radius:100%;max-width:60px;margin-right:10px}
.poster-th img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center 0;
    object-position: center 0;
    width: 100%;
    max-width: none;
    height: 100%;
}
.colsf{display:flex;flex-wrap:wrap}
.menu-col a.menu-poster{display:flex;align-items:center;width:calc(25% - 64px/4)}
#page{margin-top:2rem}
#seires-menu.activemenu span {color: var(--secondcolor)}


/* MEGA MENU */
#meganav.activemenu span:last-child{transform:rotate(-45deg) translate(5px,-5px)}
#meganav.activemenu span:first-child{transform:rotate(45deg) translate(0px,0px)}
#mega-box-menu{display:none;position:absolute;width:auto;min-height:100px;max-height:calc(100vh - 70px);overflow-y:scroll;background-color:#0a1736;top:5rem;min-width:300px;border:2px solid #fff;left:15px;right:15px}
#mega-box-menu.open-box{display:block}
#meganav.activemenu{border:2px solid #FFF;border-bottom:0}
.menu-wrap{display:flex;flex-wrap:wrap;flex-direction:column}
.menu-col h2{color:var(--secondcolor);font-size:2rem;line-height:1.1;margin:15px 7px 10px;font-weight:800}

.menu-col h2 a{color:var(--secondcolor);font-size:2rem;line-height:1.1;margin:0;font-weight:800}

.menu-col{width:100%;clear:both;display:block;padding-bottom:10px;border-bottom:2px solid #FFF;margin-bottom:10px;padding-bottom:20px;padding-left:7px}
.menu-col .cols{columns:4;-webkit-columns:4;-moz-columns:4;-ms-columns:4}
.menu-col:last-child{border:0;margin-bottom:0}
.menu-col a{color:#FFF;display:block;margin:8px 8px;font-size:15px;font-weight:600}
#mega-box-menu::-webkit-scrollbar{display:none}
#mega-box-menu {scrollbar-width: none}
.fixed-no-scroll {overflow: hidden}
.primarymenu li.activemenu a {
    color: #0cf;
}
#mega-box-menu-series {
    display: none;
    position: absolute;
    width: auto;
    min-height: 100px;
    max-height: calc(100vh - 70px);
    overflow-y: scroll;
    background-color: #0a1736;
    top: 5rem;
    min-width: 300px;
    border: 2px solid #fff;
    left: 15px;
    right: 15px;
}
#mega-box-menu-series.open-box {
    display: block;
}

#mega-box-menu-series::-webkit-scrollbar{display:none}
#mega-box-menu-series{scrollbar-width: none}
.primarymenu .current-item a:hover, .primarymenu .current-item a:visited, .primarymenu .current-item a {
    color:var(--secondcolor);
}






/* SEARCH */
.search-box{display:flex;align-items:center}
#punch-search:hover{cursor:pointer}
.search-box svg{width:20px;height:20px}
.search-box span{color:#fff;position:relative;font-weight:700;font-size:1.5rem;line-height:1;margin-right:1rem}
#megasearch{background-color:rgba(0,0,0,0.3);text-align:right;height:1px;overflow:hidden;transition:all .2s ease}
#megasearch.open-box{height:auto;padding:1rem 0}
#megasearch #searchform input[type="text"]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;border:0;background-color:rgba(255,255,255,0.2);padding:8px 10px;font-size:1.5rem;font-family:inherit;width:calc(100% - 120px);border-radius:0;font-weight:400;color:#fff;max-width:400px}
#megasearch #searchform input[type="submit"]{background:var(--secondcolor);-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;border:0;padding:10px 10px;font-size:1.5rem;font-weight:bold;color:#222;margin-left:5px}
@media(max-width:1023px){
#Identity .gridrow{padding:0 1rem}
.tf-l.mega-logo{margin-right:10px;width:100px}
.search-box span{display:none}
.social-cell-footer a{margin:5px 4px}
}


@keyframes fadeInDown {
   0% {
      opacity: 0;
      transform: translateY(-20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
} 
@keyframes fade-in-up {
	 0% {
		 opacity: 0;
	}
	 100% {
		 transform: translateY(0);
		 opacity: 1;
	}
}



/* FOOTER */
footer {background-color:#021149;border-top: 1px solid rgba(255,255,255,0.1);margin-top: 5rem;padding: 2rem 0;position:relative}
.col5{width:50%;padding:10px 0;align-self:flex-start}
.col5.tp3{padding-top:3rem;padding-bottom:3rem}
.social-cell-footer a {display: block;color: #ffffff;opacity: 1;margin: 0 10px}
.social-cell-footer{margin-bottom:20px;margin-top:20px}
.bottommenu li a{color:#333333}
.bottommenu li{display:block;font-size:1.5rem;margin-bottom:5px;float:left;margin:0 5px;padding-right:5px;border-right:1px solid #DDD;opacity:.8;font-weight:500}
.bottommenu li:last-child{border:0;padding-right:0}
.forma-news{margin-top:20px}
div#copyright .col5{align-self:baseline}
.col5.txt-right{text-align:right}
.social-cell-footer {display: flex;flex-direction: row;justify-content: center}
#copyright.gridrow.flexrow {text-align: center;color: #FFF;justify-content: center;font-size: 1.6rem}
.footer-logo svg {max-width: 160px}
.footer-logo {text-align: center;display: block;margin: 0 auto}
.footer-logo svg {fill: #FFFFFF}
.menu-footer{display:flex;justify-content:center;margin-bottom:2rem;flex-wrap: wrap}
.menu-footer li{display:block;margin:0 1rem}
.menu-footer li a{color:#FFF;font-size:1.6rem}



/* GENERAL CSS */
.menu-col-mobile{display:none}
.justify-center{justify-content:center}
.uppercase{text-transform:uppercase}
.imagefit{-o-object-fit:cover;object-fit:cover;-o-object-position:center 0;object-position:center 0;width:100%;max-width:none;height:100%}
.text-ellipsis{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.just-space{height:30px}
.relative-post .mask-image:after{position:absolute;bottom:0;left:0;background:var(--thirdcolor);height:5px;content:"";transition:all .3s ease;width:0}
.relative-post .mask-image:hover:after{width:100%}

.ptile.relative-post .mask-image:hover img,
.blocked.relative-post .mask-image:hover img {
    transform: scale(1.05);
}
.ptile.relative-post .mask-image img,
.blocked.relative-post .mask-image img {
    transition: all 0.3s ease;
}

.sidebar-width{width:330px;padding:0 15px}
.billboard-slot {margin-bottom: 2rem}
.das-r1 {
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--semicolor);
    padding-bottom: 2rem;
}


#myBtn {
    display: none;
     position: fixed;
    bottom: 30px;
    right: 15px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: var(--thirdcolor);
    color: white;
    cursor: pointer;
    border-radius: 2px;
    font-size: 18px;
    width: 4vw;
    height: 4vw;
    max-width: 48px;
    max-height: 48px;
    padding: 10px;
}#myBtn img {
    width: 100%;
}


.pos-change .video.prestuck {
    position: fixed;
    z-index: 3;
    transition: top 0.5s ease, left 0.5s ease, width 0.5s ease;
}

#ClosePlayer {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    right: 5px;
    z-index: 9;
    transition: all 0.2s ease;
    background-color: rgba(0,0,0,0.95);
    font-size: 30px;
    text-align: center;
    border: none;
    appearance: none;
    padding: 0;
    line-height: 1;
    border-radius: 100%;
    text-indent: -999999999999999999px;
    width: 42px;
    height: 42px;
    bottom: -20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQ3Ljk3MSA0Ny45NzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPHBhdGggZD0iTTI4LjIyOCwyMy45ODZMNDcuMDkyLDUuMTIyYzEuMTcyLTEuMTcxLDEuMTcyLTMuMDcxLDAtNC4yNDJjLTEuMTcyLTEuMTcyLTMuMDctMS4xNzItNC4yNDIsMEwyMy45ODYsMTkuNzQ0TDUuMTIxLDAuODggICBjLTEuMTcyLTEuMTcyLTMuMDctMS4xNzItNC4yNDIsMGMtMS4xNzIsMS4xNzEtMS4xNzIsMy4wNzEsMCw0LjI0MmwxOC44NjUsMTguODY0TDAuODc5LDQyLjg1Yy0xLjE3MiwxLjE3MS0xLjE3MiwzLjA3MSwwLDQuMjQyICAgQzEuNDY1LDQ3LjY3NywyLjIzMyw0Ny45NywzLDQ3Ljk3czEuNTM1LTAuMjkzLDIuMTIxLTAuODc5bDE4Ljg2NS0xOC44NjRMNDIuODUsNDcuMDkxYzAuNTg2LDAuNTg2LDEuMzU0LDAuODc5LDIuMTIxLDAuODc5ICAgczEuNTM1LTAuMjkzLDIuMTIxLTAuODc5YzEuMTcyLTEuMTcxLDEuMTcyLTMuMDcxLDAtNC4yNDJMMjguMjI4LDIzLjk4NnoiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center;
}

.pos-change #ClosePlayer{opacity:1}

.video-wrap {
    background-color: #000;
}



@media (max-width: 667px){
.das_sticky.pos-change .video.prestuck{top: 120px!important;}
.pos-change .video.prestuck {left: 0!important;width: 100%!important}
}


#onesignal-popover-container, 
#onesignal-slidedown-container {
    z-index: 999!important;
  }