.con_header{height:44px;position:relative}#header_new{padding:8px 0 3px;background:#fff;position:relative;z-index:3;width:100%;transition:all 0.5s ease;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);border-bottom:2px solid #204099}#header_new.kanal{text-align:center}#header_new.kanal .logo{margin:0}#header_new .logo{display:inline-block;height:28px;margin:0 0 0 10px}#header_new .logo img{height:100%}#header_new #logo_icon{height:26px;position:absolute;left:8px;top:8px}#header_new #logo_icon img{height:100%}#header_new #logo_icon.logo_menu{left:0;top:0;width:28px;height:28px;padding:8px}#header_new #logo_icon.logo_menu.aktif{background:#f3f2f2}#header_new .menudetik#tutupmenu{display:none}#header_new .menudetik{border-radius:50%;height:26px;width:26px;line-height:26px;color:#fff;position:absolute;z-index:10;top:8px;right:8px;background:#969696;font-weight:bold;font-size:11px}#header_new .menudetik .grs{float:left;width:14px;margin:6px;position:relative}#header_new .menudetik .grs span{display:block;height:2px;background:#fff;width:100%;margin-top:2px;border-radius:3px}#header_new .menudetik.aktif{background:red}#header_new .menudetik.aktif .grs span{position:relative}#header_new .menudetik.aktif .grs span:first-child{transform:rotate(225deg);top:4px}#header_new .menudetik.aktif .grs span:nth-child(2n){opacity:0}#header_new .menudetik.aktif .grs span:last-child{transform:rotate(-225deg);top:-4px}#header_new .menudetik.nobg,#header_new .menudetik.nobg2{background:none;width:44px;height:44px;top:0;right:0;border-radius:0}#header_new .menudetik.nobg .grs,#header_new .menudetik.nobg2 .grs{margin:11px 13px;width:18px}#header_new .menudetik.nobg .grs span,#header_new .menudetik.nobg2 .grs span{margin-top:3px;height:3px;background:#969696}#header_new .menudetik.nobg .grs span:first-child,#header_new .menudetik.nobg2 .grs span:first-child{top:6px}#header_new .menudetik.nobg .grs span:last-child,#header_new .menudetik.nobg2 .grs span:last-child{top:-6px}#header_new .menudetik.nobg.aktif,#header_new .menudetik.nobg2.aktif{background:#f3f2f2}.navdetik{background:#204099;color:#fff;text-align:center;height:30px;line-height:30px}.navdetik a{float:left;width:33.3%;text-decoration:none;padding:0;color:#fff;font-size:13px}.navads{padding:0 3px;height:30px;background:#0C2C85}.navads a{float:left;text-align:center;color:#fff;text-decoration:none;height:20px;line-height:20px;border-radius:3px;margin:5px 2px;font-size:11px}.navads a:hover{background:#072577}.navads_s{float:left;text-align:center;background:#FF0000;color:#fff;text-decoration:none;height:20px;line-height:20px;border-radius:3px;margin:5px 2px;font-size:11px}.newnav{position:fixed;width:100%;background:rgba(0,0,0,0.4);left:0;margin-top:2px;z-index:10;height:100%;visibility:hidden;transition:visibility 0s, opacity 0.3s linear;opacity:0}.kanal .newnav{text-align:left}.newnav .ncontainer{background:#f3f2f2;width:100%;color:#4A4A4A}.newnav .ncontainer:after{border-bottom:7px solid #f3f2f2;border-left:5px solid transparent;border-right:5px solid transparent;content:"";position:absolute;right:16px;top:-7px}.newnav .ncontainer.d_aktif:after{border:none}.newnav .ncontainer .nuser{height:30px;line-height:30px;padding:10px 15px}.newnav .ncontainer .nuser .nnama{float:left;font-size:11px}.newnav .ncontainer .nuser .nnama a{text-decoration:none;color:#000}.newnav .ncontainer .nuser .nnama .box_img{height:30px;width:30px;border-radius:100px;overflow:hidden;float:left;margin-right:10px}.newnav .ncontainer .nuser .nnama .box_img .img_con{background:#fff}.newnav .ncontainer .nuser .msk{float:right;font-weight:bold;color:#4A4A4A;text-decoration:none}.newnav .ncontainer .nsearch{border:1px solid #ccc;background:#fff;height:20px;padding:5px;width:block;margin:0 15px}.newnav .ncontainer .nsearch .ninput{width:calc(100% - 40px);float:left;border:0;height:18px;outline:none;font-size:13px}.newnav .ncontainer .nsearch .nbtn{float:right;height:20px}.newnav .ncontainer .nlist-kanal{padding:10px 15px}.newnav .ncontainer .nlist-kanal hr{color:#d3d3d3;background-color:#d3d3d3;height:1px;display:block;border:none;clear:both}.newnav .ncontainer .nlist-kanal .lf{width:100%;text-align:center}.newnav .ncontainer .nlist-kanal strong{display:block;font-size:12px;text-transform:uppercase;margin-bottom:5px;color:#9B9B9B}.newnav .ncontainer .nlist-kanal a{color:#4A4A4A;text-decoration:none;width:50%;float:left;padding:7px 0;font-size:14px;font-weight:normal}.newnav .ncontainer .nlist-kanal .footm{text-align:center;margin-bottom:10px}.newnav .ncontainer .nlist-kanal .footm a{width:calc(100% / 4);font-size:11px}.newnav .ncontainer .nsubmenu{border-bottom:1px solid #ccc}.newnav .ncontainer .nsubmenu a{font-weight:bold}.newnav.show{visibility:visible;opacity:1;height:100%}.newnav.show .ncontainer{height:auto}.stay{position:fixed !important}.smartbanner_new{background:#60758E;height:30px;padding:5px 10px;position:relative;color:#fff;font-size:11px}.smartbanner_new .app_logo{height:30px;float:left;margin-right:10px}.smartbanner_new b{display:block;font-size:12px}.smartbanner_new .get_app{display:inline-block;height:20px;padding:0 10px;border:1px solid #fff;border-radius:3px;line-height:20px;font-size:11px;position:absolute;right:30px;top:10px;color:#fff;text-decoration:none}.smartbanner_new .sb_close{position:absolute;color:#fff;text-decoration:none;height:15px;width:15px;text-align:center;line-height:15px;font-size:10px;top:5px;right:5px;border:1px solid #fff;border-radius:100px}.new_banner_reg_50{text-align:center;height:50px;background:#0C2C85}.new_banner_reg_100{text-align:center;height:100px;background:#0C2C85}#header_new.fixed{position:fixed;width:100%;top:0;animation:animate_header 0.3s normal forwards ease-in-out}.con_newnav{height:calc(100% - 85px);margin-top:10px;position:relative;padding:0 0 5px;overflow-x:scroll !important;overflow-y:scroll !important;-webkit-overflow-scrolling:touch}.con_new2 .con_newnav{margin:0;padding:0;height:auto !important}#nav_swipe{position:relative;background:#204099;overflow-x:scroll !important;overflow-y:scroll !important;-webkit-overflow-scrolling:touch}#nav_swipe>div{white-space:nowrap;width:0;height:auto}#nav_swipe>div a{display:inline-block;float:none;width:auto;padding:0 10px}#nav_swipe>div a:first-child{margin-left:40px}#nav_swipe>div a:last-child{margin-right:38px}#con_swipe{position:relative}#con_swipe:after{position:absolute;right:0;top:0;content:"";width:60px;height:30px;z-index:2;background:-moz-linear-gradient(left, rgba(32,64,153,0) 0%, #204099 75%, #204099 100%);background:-webkit-linear-gradient(left, rgba(32,64,153,0) 0%, #204099 75%, #204099 100%);background:linear-gradient(to right, rgba(32,64,153,0) 0%, #204099 75%, #204099 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00204099', endColorstr='#204099',GradientType=1 )}#con_swipe .logo_icon{position:absolute;width:30px;height:20px;padding:5px 10px;z-index:2;background:-moz-linear-gradient(left, #204099 0%, #204099 70%, rgba(32,64,153,0) 100%);background:-webkit-linear-gradient(left, #204099 0%, #204099 70%, rgba(32,64,153,0) 100%);background:linear-gradient(to right, #204099 0%, #204099 70%, rgba(32,64,153,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#204099', endColorstr='#00204099',GradientType=1 )}#con_swipe .logo_icon img{height:100%;display:block}@keyframes animate_header{from{margin-top:-40px}to{margin-top:0}}