header{background:#ffde2f}.hidden{display:none}.sticky{transition:background-color .3s ease;background-color:#50a2e0;margin:0;padding:0;position:fixed;text-align:center;top:0}header .container{position:relative}header .header-section{display:flex;justify-content:space-between;align-items:center;height:70px}.header-section .header-left{display:flex;align-items:center}.header-section .header-left .dna-logo{width:87px;height:50px;display:inline-block}.header-section .header-right{display:flex;align-items:end;justify-content:space-between}.header-social-icon a{display:inline-block;margin-right:10px}.header-login{position:relative;display:flex;text-align:center;align-items:center;justify-content:center}.header-login a,.header-login span.lang-drpdwn-btn{margin-left:20px;font: 14px/17px Rubik;color:#000;cursor:pointer}.header-login a span,.header-login span.lang-drpdwn-btn span{display:flex;margin-top:2px;align-items:center}.header-login .dropdown-language{display:none;position:absolute;box-shadow:0 8px 16px;z-index:1;right:0;top:50px;background:#fff;width:150px}.header-login .dropdown-language a{color:#000;padding:10px;text-decoration:none;display:block;margin:0}.header-login .dropdown-language a:hover{color:red}.header-login .dropdown-language a.active{font-weight:800;text-decoration:none}.arrow{border:solid #000;border-width:0 1px 1px 0;display:inline-block;padding:3px;margin-left:5px;margin-top:-5px}.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.active{display:block!important}.show{display:block}.premiumbtn,.premiumbtn:hover{width:124px;height:35px;background:#3e4242;border-radius:19px;font: 300 16px/19px Rubik!important;color:#fff!important;cursor:pointer;margin:0 20px;padding:7px}.premiumbtn svg{margin-right:8px}header .icon-search{padding-top:5px;padding-right:10px;cursor:pointer}header .searchBox{position:absolute;top:50px;z-index:9;right:0;border:1px solid #d5d1d1;border-radius:6px;padding:6px;background-color:var(--white);box-shadow:0 3px 5px #00000029;width:355px;height:52px}header .searchBox .searchArrow{content:"";position:absolute;width:0;height:0;bottom:100%;border:.75rem solid transparent;border-top:none;border-bottom-color:var(--white);filter:drop-shadow(0 -.0625rem .0625rem rgba(0,0,0,.1));right:16px}header .searchBox .searchForm{display:flex}header .searchBox .searchForm .inputSearch{width:100%;border:0;border-radius:6px;z-index:1;box-sizing:border-box;font-size:16px;background-color:var(--white);outline:0;color:var(--grey4);height:42px;padding-right:10px}header .searchBox .searchForm .searchBtn{width:50px;height:40px;background:var(--black);text-align:center;color:var(--white);border-radius:6px;cursor:pointer;font-size:16px;border:0;outline:0}.desktop-menubar{display:flex;justify-content:space-between;align-items:center;height:50px;position:relative}.desktop-menubar .desktop-menu ul{padding:0;margin:0}.desktop-menubar .desktop-menu ul li{list-style:none;display:inline-block;font: 16px/19px Rubik;color:var(--darkgrey1);border-bottom:3px solid transparent;padding:14px 0}.desktop-menubar .desktop-menu ul li:hover{border-bottom:3px solid #3e4242}.desktop-menubar .desktop-menu ul li a{font: 16px/19px Rubik;color:var(--darkgrey1);text-decoration:none;padding:0 10px}.desktop-menubar .desktop-menu ul li a.active,.desktop-menubar .desktop-menu ul li a:hover{font-weight:800;text-decoration:none}.sub-menu{position:absolute;left:0;right:0;background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 6px #00000029;z-index:999;padding:20px;top:50px;display:none}.sub-menu ul{display:flex}.sub-menu ul li{border:none!important;width:17%}.sub-menu ul li a{font:normal normal medium 14px/18px Rubik;letter-spacing:0;color:#3e4242;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical}.desktop-menubar .desktop-menu ul li:hover .sub-menu{display:block}.submenubox a img{width:200px;height:120px;object-fit:contain}.mobilemenu{white-space:nowrap;overflow-y:hidden;overflow-x:scroll;border-top:1px solid #c7c5c5;border-bottom:1px solid #c7c5c5;margin:0;padding:0;background:#fff;box-shadow:0 3px 8px #dcdcdc;display:none}.mobilemenu ul{margin:0;padding:0;list-style:none;height:40px;overflow-y:hidden}.mobilemenu li{display:inline-block;text-transform:uppercase;font-size:13px;margin-bottom:-5px}.mobilemenu .active a{color:#333;padding-bottom:9px}.mobilemenu li a{color:#a4a4a4;display:block;padding:10px 5px 15px}.mobilemenu li a:hover{text-decoration:none}.mobilemenu .active{border-bottom:1px solid #fdd828}.burger-menu-set{width:40px;height:60px;top:0;right:15px;display:none}.burger-menu-set .hamburger-menu{top:0;left:0;padding-top:20px;padding-left:0;width:40px;height:60px;line-height:60px;cursor:pointer;z-index:9998;background:0 0}.burger-menu-set .hamburger-menu .bar,.burger-menu-set .hamburger-menu .bar:after,.burger-menu-set .hamburger-menu .bar:before{width:30px;height:3px}.burger-menu-set .hamburger-menu .bar{position:relative;transform:translateY(10px);background:#3e4242;transition:all 0s .3s}.burger-menu-set .hamburger-menu .bar.animate{background:rgba(255,255,255,0)}.burger-menu-set .hamburger-menu .bar:before{content:"";position:absolute;left:0;bottom:10px;transition:bottom .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1);background:#3e4242;width:50%}.burger-menu-set .hamburger-menu .bar:after{content:"";position:absolute;left:0;top:10px;background:#3e4242;transition:top .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1);width:70%}.burger-menu-set .hamburger-menu .bar.animate:after{top:0;transform:rotate(45deg);transition:top .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)}.burger-menu-set .hamburger-menu .bar.animate:before{bottom:0;width:70%;transform:rotate(-45deg);transition:bottom .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)}.dropdown-mobile{position:relative}.dropdown-mobile .mobile-menu ul{margin:0;padding:0}.dropdown-mobile .mobile-menu li{margin:0;overflow:hidden;padding:0;position:relative;text-align:left;color:#000;font: 600 14px/24px Rubik;border-bottom:1px solid #a9a9a9}.dropdown-mobile .mobile-menu li:last-child{border-bottom:0}.dropdown-mobile .mobile-menu li:hover{text-decoration:none}.dropdown-mobile .mobile-menu li a{text-decoration:none;color:#000;font: 500 14px/24px Rubik;padding:15px 0;display:block}.dropdown-mobile .mobile-menu .tv-live{line-height:60px}.dropdown-mobile .mobile-menu .tv-live .in-text{padding:6px;font-size:14px;text-align:center;width:100%;display:block;line-height:50px}.dropdown-mobile .mobile-menu .tv-live .in-text a,.dropdown-mobile .mobile-menu .tv-live .in-text a i{color:#333;margin-right:6px;font-weight:700}.dropdown-mobile .mobile-menu{top:70px;left:-100%;width:100%;background:#eee;padding:20px 30px;color:#000;height:calc(100vh - 60px);position:fixed;z-index:9997;-webkit-transform:translate3d(0,0,205px);-moz-transform:translate3d(0,0,205px);transform:translateZ(205px);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;height:95vh;overflow-y:auto}.dropdown-mobile .mobile-menu.active{left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.dropdown-mobile .mobile-menu .in-menu{padding:0;margin-bottom:0}.dropdown-mobile .mobile-menu .in-menu h3{padding-bottom:0;margin:0;padding-right:15px;line-height:50px;font-weight:500;font-size:14px;border-bottom:none;border-top:1px dotted #333}.dropdown-mobile .mobile-menu .in-menu h3 a{display:block;text-decoration:none}.dropdown-mobile .mobile-menu .in-menu h3 a:hover{text-decoration:none}.has-children:hover{cursor:pointer}.children{display:none}.mobile-menu .children li:first-child{margin-top:0}.icon-arrow{position:absolute;display:block;font-size:.7em;color:#000;top:5px;right:10px;transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);transition:.6s;-webkit-transition:.6s;-moz-transition:.6s}.icon-arrow:after{content:"\25bc"}.icon-arrow.open{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transition:.6s;-webkit-transition:.6s;-moz-transition:.6s}.mobile-arrow,.mobile-search{display:none}body.offcanvas-active{overflow:hidden}header .screen-overlay{width:0;height:100%;z-index:30;position:fixed;top:90px;left:0;opacity:0;visibility:hidden;background-color:#2229;transition:opacity .2s linear,visibility .1s,width 1s ease-in}header .screen-overlay.show{transition:opacity .5s ease,width 0s;opacity:1;width:100%;visibility:visible}.mobile-language{display:none}.more-button-menu{list-style:none;position:absolute;top:50px;z-index:9;right:73px;border:1px solid #d5d1d1;border-radius:0;padding:6px;background-color:var(--white);width:150px;height:auto;box-shadow:0 3px 5px #00000029}.more-button-icon{position:relative;width:20px;height:50px;background-color:#0000001a}.more-button-icon:after{content:"";height:3px;width:3px;background:var(--black);border-radius:5px;display:block;position:absolute;top:15px;left:9px;box-shadow:0 8px 0 var(--black),0 16px 0 var(--black)}#more-button-icon{cursor:pointer}.more-button-menu ul{margin:0;padding:0;list-style:none}.more-button-menu ul li{padding:10px;border-bottom:1px solid #eee}.more-button-menu ul li:last-child{border-bottom:0}.more-button-menu ul li:nth-child(1),.more-button-menu ul li:nth-child(2){display:none}@media screen and (min-width:992px) and (max-width:1024px){.desktop-menubar .desktop-menu ul li a{padding:0 7px}.desktop-menu ul li:nth-child(12),.desktop-menu ul li:nth-child(13){display:none}.more-button-menu ul li:nth-child(1),.more-button-menu ul li:nth-child(2){display:block}}@media screen and (min-width:768px) and (max-width:991px){header{background:#ffde2f;box-shadow:0 3px 6px #00000029;position:sticky;z-index:99;top:0;height:70px}.desktop-language{display:none}.mobile-language{display:block}.desktop-menu,.desktop-menubar,.header-login .premiumbtn,.header-login a span,.header-right .header-login .lang-drpdwn-btn span,.header-social-icon{display:none}.header-right .header-login span.lang-drpdwn-btn{display:flex;align-items:center;margin-top:1px}.header-login{height:27px}.header-signin{order:3}.hum-menuBell{position:relative;float:left;cursor:pointer}.belliconAdd .fa-bell{font-size:22px;color:#f0d104}.mobilemenu{display:block}.burger-menu-set,.mobile-arrow{display:inline-block}.premiumbtnbox{display:flex;justify-content:center;margin:20px 0}.premiumbtn{display:flex;justify-content:center;align-items:center}.mobile-menu .header-social-icon{display:block;text-align:center}header .searchBox .searchArrow{right:140px}.mobile-search{display:block}}@media screen and (max-width:767px){header{background:#ffde2f;box-shadow:0 3px 6px #00000029;position:sticky;z-index:999;top:0;height:70px}.desktop-language{display:none}.mobile-language{display:block}.header-login .premiumbtn,.header-login a span,.header-right .header-login .lang-drpdwn-btn span,.header-social-icon{display:none}.header-right .header-login span.lang-drpdwn-btn{display:flex;align-items:center;margin-top:1px}.header-login{height:27px}.header-signin{order:3}.hum-menuBell{position:relative;float:left;cursor:pointer}.belliconAdd .fa-bell{font-size:22px;color:#f0d104}.mobilemenu{display:block}.burger-menu-set,.mobile-arrow{display:inline-block}.premiumbtnbox{display:flex;justify-content:center;margin:20px 0}.premiumbtn{display:flex;justify-content:center;align-items:center}.mobile-menu .header-social-icon{display:block;text-align:center}header .searchBox .searchArrow{right:140px}.mobile-search{display:block}}