*,html{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;text-align:left}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}a img{border:0}a{text-decoration:none}b,strong{font-weight:900}i,em{font-style:italic}img{max-width:100%}.btn,input[type=button],select,button{-webkit-appearance:none;background-color:transparent;cursor:pointer}.hide{display:none;}

:root{
  --site-container:970px;
  --section-space-small:10px;
  --section-space-normal:15px;
  --section-space-big:30px;
  --body-padding:50px;
  --topbar-height:4px;
  --menu-height:40px;
  --color-background:#FDFDFD; 
  --color-default:#757575; 
  --max-zindex:2147483648;
}

body, html{font-family:'Barlow', sans-serif; font-size:14px; font-weight:500; letter-spacing:0.4px; font-feature-settings:'lnum' 1; color:var(--color-default);
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeSpeed;}
body{overflow-x:hidden; position:relative; background-color:var(--color-background);}
a{font-weight:700;}
.btn, a.btn{padding:12px 20px; font-weight:bold; -webkit-appearance:none; text-align:center; text-transform:uppercase;}
.clearenter::before, .clearenter::after{content:''; display:block; overflow:hidden; visibility:hidden; width:0;}
.clearenter::after, .clearboth{clear:both;}
.content_center{display:flex; justify-content:center; align-items:center;}
.flex_ori{display:block; overflow:hidden; position:relative; line-height:0;}
.flex_ori img{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.flex_ori img:not([src]){visibility:hidden;}
.profile-icon .flex_ori img{border-radius:50%; border:1px solid; overflow:hidden;}
#btt, .float-search, .float-profile, .float-network, .profile-icon .fas{display:none;}
.alert-box{display:grid; grid-template-columns:55px 1fr;}
.alert-icon{font-size:24px;}
.alert-label{justify-content:flex-start; line-height:140%; padding:var(--section-space-small); padding-left:0;}

.section-title{font-size:24px; font-weight:900; text-transform:uppercase; position:relative; padding-left:16px; font-style:italic;
margin-bottom:var(--section-space-normal);}
.section-title > *{word-wrap:break-word; word-break:break-word; hyphens:auto;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.section-title:before{content:''; display:block; position:absolute; height:29px; width:5px; transform:skew(-15deg) translate(-12px,0px);}
.section-nocontent{margin-bottom:calc(var(--section-space-small) * -3) !important;}

.search-box-container{position:relative;}
.search-field{border:1px solid; width:100%; padding:12px 84px 12px 12px;}
.search-button{position:absolute; z-index:2; top:3px; right:3px; width:70px; height:calc(100% - 6px); padding:7px 18px;}

.header-left, .header-right{display:flex;}
.header-box{display:flex; justify-content:space-between;}
.header-logo svg{width:auto;}
.live-button{height:100%;}
.live-button > b{text-transform:uppercase; border-radius:3px;}

menu .menu-main > ul > li{position:relative;}
menu .menu-main-link{text-transform:uppercase; height:var(--menu-height); font-size:12px; font-weight:700;}
menu .menu-main-link .fa-home{width:14px; height:12px; display:inline-block;}

.snd{--snd-height:40px; position:-webkit-sticky !important; position:sticky !important; z-index:calc(var(--max-zindex) - 4000) !important; 
border-bottom:1px solid; background-color:var(--color-background); width:100%;}
.snd > *{flex-grow:1;}
.snd-link{color:var(--color-link-secondary); height:var(--snd-height); text-transform:uppercase; font-size:12px; font-weight:bold;
position:relative; z-index:1000;}
.snd-link:hover{color:var(--color-link-primary); opacity:0.55;}
.snd-link img, .snd-link .svgicon{width:auto; height:24px;}
.snd-viu img{width: 78px; height: 30px;}
.snd-sub-container{position:relative;}
.snd-more-button .fas{font-size:16px; margin-left:5px; transition:all 0.25s;}
.snd-more{position:absolute; z-index:1; top:0px; padding-top:calc(var(--snd-height) + 5px); display:none;}
.snd-more-box{max-height:calc(100vh - 160px); overflow-y:auto;
  border-radius:var(--rounded-normal); box-shadow:var(--shadow-default);}
.snd-more-box .snd-link{padding:0 21px; min-width:160px; justify-content:flex-start;}
.snd-more-box .snd-link:not(:first-child){border-top:1px dashed;}
.snd .menu-parent{position: relative;}
.snd .menu-parent .menu-main-link { text-transform: uppercase; height: var(--menu-height); font-size: 16px; font-weight: 700; }
.snd .menu-parent .menu-sub{display: none !important;}
.snd .menu-parent .menu-subright { left: auto; right: 0; }
.snd .menu-parent .menu-sub > ul { background-color: #FFF; }
.snd .menu-parent .menu-main-link { padding: 0 5px; position: relative; z-index: 2; }

.snd .menu-parent .menu-sub { position: absolute; z-index: 999999999 !important; top: 0; right: 0; padding-top: var(--menu-height); margin-top: var(--section-space-small); }
.snd .menu-parent .menu-subdomain > ul { display: grid ; grid-template-columns: repeat(3, 1fr); min-width: 360px; }
.snd .menu-parent .menu-sub > ul { width: 360px; overflow: hidden; border-radius: var(--rounded-normal); box-shadow: var(--shadow-default); }
.snd .menu-parent .menu-sub .menu-main-link { padding: 0 var(--section-space-normal); justify-content: flex-start; font-size: 12px; }

.snd-menusub{position: -webkit-sticky !important; position: sticky !important; z-index: calc(var(--max-zindex) - 4000) !important; top: calc(var(--body-padding) + var(--topbar-height) + 41px); display: none !important;}
.snd-menusub .menu-subright { left: auto; right: 0; }
.snd-menusub .menu-sub > ul { background-color: #FFF; }
.snd-menusub .menu-main-link { padding: 0 5px; position: relative; z-index: 2; text-transform: uppercase; height: var(--menu-height); font-size: 12px; font-weight: 700;}
.snd-menusub .menu-sub { position: absolute; top: 0; left: 50%; transform: translateX(-50%); margin-top: var(--section-space-small); min-width: 360px;}
.snd-menusub .menu-subdomain > ul { display: grid ; grid-template-columns: repeat(3, 1fr); min-width: 360px; }
.snd-menusub .menu-sub > ul { width: 360px; overflow: hidden; border-radius: var(--rounded-normal); box-shadow: var(--shadow-default); }
.snd-menusub .menu-sub .menu-main-link { padding: 0 var(--section-space-normal); justify-content: flex-start; font-size: 12px; }

.site-container > span{width:100%; min-height:100vh; margin:0 auto; display:block;}
.main-container{display:grid; grid-gap:var(--section-space-big); margin:var(--section-space-normal) 0;}
.column-big-container, .column-small .column-small-container{display:grid; grid-template-columns:1fr; grid-template-rows:min-content; 
grid-row-gap:var(--section-space-big);}
.main-container-full{grid-template-columns:1fr !important;}

.article-list-container{display:grid; grid-template-columns:1fr; grid-gap:var(--section-space-small);}
.article-list-row{--article-thumb-size:95px; display:grid; grid-template-columns:var(--article-thumb-size) 1fr; grid-gap:var(--section-space-small); 
padding-bottom:var(--section-space-small); border-bottom:1px dashed;}
.article-list-thumb{position:relative;}
.article-list-thumb:before, .article-list-thumb-link{width:100%;}
.article-list-thumb:before, .article-list-thumb-link:before{padding-top:100%;}
.article-list-thumb-link{z-index:2; display:block;}
.article-list-thumb-link:before{display:block; content:'';}
.article-list-thumb-link .video-icon{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; font-size:36px; line-height:100%;}
.article-list-info{justify-content:flex-start;}
.article-list-info > span{display:flex; flex-wrap:wrap;}
.article-list-info > span > *:not(.article-list-title){margin:7px 7px 0 0;}
.article-list-info > span > *:not(.article-list-title) *{font-size:12px;}
.article-list-cate, .article-list-info .title-network{display:inline-block; padding:3px 5px;}
.article-list-upperdeck{margin:0 0 2px 0 !important; line-height:140%; font-size:12px;}
.article-list-title{width:100%;}
.article-list-title h2{font-size:16px; line-height:140%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.article-list-cate{border:1px solid;}
.article-list-date{font-weight:normal;}
.article-list-desc{display:none;}
.sorot-edition{position:absolute; z-index:4; bottom:0; left:0; width:100%; padding:5px; text-align:center; font-size:12px; line-height:normal;}

.share-box{--share-size:32px; display:flex; justify-content:space-between; border:1px dashed; padding:4px;}
.share-box-label{margin:0 8px; font-weight:700; font-size:18px;}
.share-list{display:flex;}
.share-list-link{position:relative; font-size:36px; line-height:0; padding:8px;}
.share-list-link .svgicon{width:var(--share-size); height:var(--share-size);}
.share-box .share-list-link .fa-ellipsis-h{position:absolute; z-index:2; top:0; left:0; bottom:0; right:0; transform:scale(0.65);}

.topic-list{--topic-size:40px;}
.topic-list .section-title{margin-bottom:5px;}
.topic-list-container, .person-list-container{display:flex; flex-wrap:wrap;}
.topic-link, .person-link{display:flex; overflow:hidden; margin-right:var(--section-space-small); margin-top:var(--section-space-small);}
.topic-thumb, .topic-hashtag, .topic-arrow, .topic-title{height:var(--topic-size);}
.topic-thumb, .topic-hashtag{width:var(--topic-size);}
.topic-hashtag{background-color:var(--color-link-secondary); position:relative;}
.topic-icon{width:16px; height:18px; fill:var(--color-link-primary); margin-right:8px;}
.topic-arrow{position:absolute; top:0; right:-8px; width:10px; fill:var(--color-link-secondary);}
.topic-title{justify-content:flex-start; padding:0 var(--section-space-normal); font-size:14px; line-height:140%;}

.person-list{margin-bottom:calc(var(--section-space-small) * -1) !important;}
.person-list-container{display:grid; grid-template-columns:repeat(auto-fill, minmax(160px,1fr));}
.siapa-list-box{position:relative;}
.siapa-list-box:before{height:100%;}
.siapa-list-box:after{content:''; display:block; padding-top:133.33%;}
.siapa-rip img{filter:grayscale(100%);}
.slb-thumb, .slb-info{position:absolute; bottom:0; left:0; width:100%;}
.slb-thumb{z-index:1; height:100%;}
.slb-info{z-index:2; padding:calc(3 * var(--section-space-normal)) var(--section-space-normal) var(--section-space-normal);}
.slb-name{color:#FFF; font-size:16px; text-transform:uppercase;}
.slb-job{font-weight:normal; margin-top:5px;}

.slotiklan{overflow:hidden; position:relative;}
.slotiklan-300x250{contain-intrinsic-size:1px 250px; height:250px;}
.slotiklan-320x50{contain-intrinsic-size:1px 50px; height:50px;}
.slotiklan-728x90{contain-intrinsic-size:1px 90px; height:90px;}
.slotiklan-970x250{contain-intrinsic-size:1px 200px; height:200px; margin-top: 15px;}
.slotiklan-320x100{contain-intrinsic-size:1px 100px; height:100px;}
.slotiklan-160x600{contain-intrinsic-size:1px 600px; height:600px;}
.slotiklan-topdesktop{contain-intrinsic-size:1px 200px; min-height:250px;z-index: 2 !important; background: #EEE;}
.slotiklan-topdesktop:before{background: none !important;}
.iklan-native{contain-intrinsic-size:1px 106px; height:106px;}
.iklan-native iframe{width:100%; height:100%;}

.iklan-top-desktop-970x250{margin-top: 15px;}

.sticky-bottom.slotiklan-custom-desktop { width: 100%; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 99 !important; background-color: hsla(0, 0%, 100%, .5);}
.sticky-bottom.slotiklan-custom-desktop > span > div{min-height: 90px;}
.sticky-bottom > span { display: inline-block; line-height: 100%; position: relative; z-index: 1; }
.sticky-bottom-close { position: absolute; top: -33px; left: 50%; transform: translateX(-50%); z-index: 2; width: auto; padding: 8px 13px; border-radius: 5px; display: flex; align-items: center; gap: 8px; height: auto; font-size: 13px; background-color: rgba(0, 0, 0, 0.5); color: #FFF;}

.slot-iklan { display: flex; justify-content: center; position: relative; }
.slotiklan-sticky-ads { position: relative; height: 750px; overflow: visible !important; }
.slot-iklan-bar { background-color: #F8F8F8; border-bottom: 1px solid #D3D3D3; border-top: 1px solid #D3D3D3; }
.slotiklan::before { position: absolute; background-color: #EEE; z-index: -1; top: 0; left: 0; bottom: 0; right: 0; margin: auto; padding: 10px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; color: #212121; content: ''; line-height: 150%; text-align: center; }
.info-ads-bar-container { display: flex; justify-content: space-between; }
.slotiklan-sticky-ads .content_center > * { margin: auto; }
.info-ads-bar-container > * { font-size: 8px; }

.iklan-top-mobile { position: relative; margin-top: var(--size-1); z-index: 99; }
.slotiklan-custom { contain-intrinsic-size: 1px 100px; --max-h-topbanner: 150px; height: calc(var(--max-h-topbanner) + 30px); background: #E9E9E9; margin-top: 0 !important; }
.slotiklan.slotiklan-box-custom { overflow: visible !important; z-index: 1; }

.frame-iklan-body { padding: 13px 0; display: grid; gap: 8px; }
.frame-sticky-ads{position: sticky; position: -webkit-sticky; top: 90px !important; bottom: 40px; height: fit-content; max-height: 750px; overflow: hidden; display: grid; justify-content: center;}
.frame-iklan-320x100{width: 320px; height: 100px; position: relative;}
.frame-iklan-320x50{width: 320px; height: 50px; position: relative;}
.frame-iklan-728x90{width: 728px; height: 90px; position: relative;}
.sticky-leaderboard-close, .sticky-320x100-close{ position: absolute; top: 0; right: 0; z-index: 2; width: 35px; height: 25px; font-size: 16px; background-color: #212121; color: #FFF;}


.header-multibrand .sub-menu-networks{display:none;}
  
.sticky-bottom{position:fixed; z-index:calc(var(--max-zindex) - 10000); bottom:0; left:0; width:100%; min-height:50px;}
.sticky-bottom-video-close{position:absolute; z-index:2; top:0; right:0; width:35px; height:25px; font-size:16px;}
.sticky-bottom-close .fas{height: 100%;}
.sticky-bottom-video-close .fas{width:11px; height:16px;}

#wa-channel{position: fixed; bottom: calc(160px + var(--section-space-normal)); right: var(--section-space-normal); z-index: calc(var(--max-zindex) - 10000); font-size: 18px; width: 36px; height: 36px; color: var(--color-link-primary); border: 2px solid rgba(0,0,0,0.1); border-radius: 50%;}
.thumb-wa-logo{position: relative;}
.thumb-wa-logo:before{content:''; display:block; padding-top:100%;}
.thumb-wa-logo img{position: absolute; object-fit: cover; width: 100%; height: 100%;}

#credential_picker_container, #credential_picker_iframe{z-index:var(--max-zindex) !important;}

.widget-pushnotif-box, .float-profile{background-color:#FFF;}
.widget-other-article{background-color:#FFF;}
.wpn-no{background-color:#F5F5F5 !important;}



.widget-affiliate *{font-size:14px !important;}
.widget-affiliate-box{width:100%; display:grid; border:1px solid; overflow:hidden; grid-template-columns:68px 1fr; grid-gap:0px 13px; padding:13px;}
.wab-thumb-frame:before{content:''; display:block; padding-top:100%;}
.wab-info{display:grid; grid-gap:5px; grid-auto-rows:min-content;}
.wab-title{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:normal !important; line-height:140%; overflow:hidden;}
.wab-price{display:flex; flex-wrap:wrap; align-items:center;}
.wab-price > *{margin-right:5px; margin-bottom:8px;}
.wab-price-base{font-weight:normal !important;}
.wab-price-discount{font-size:10px !important; padding:3px 5px; line-height:100%;}
.wab-action{display:flex; flex-wrap:wrap; align-content:flex-start;}
.wab-action > *{margin-right:5px; margin-top:5px;}
.wab-buy{display:flex; justify-content:center; align-items:center; padding:8px 21px; text-transform:capitalize; font-weight:normal;}
.wab-buy-icon{line-height:0; margin-right:8px;}
.wab-buy-icon svg{width:13px; height:auto;}

.widget-affiliate-multiple{position:relative; overflow:hidden;}
.widget-affiliate-multiple .widget-affiliate-box{margin-top:5px;}
.widget-affiliate-multiple .widget-affiliate-box:nth-child(n+3){display:none;}
.widget-affiliate-multiple .widget-affiliate-teaser{position:absolute; z-index:1000; bottom:0; left:0; width:100%; height:50%;}
.affiliate-section-title{font-size: 18px; margin-bottom: 13px;}
.affiliate-list-container{display: grid; row-gap: 13px;}


@media screen and (min-width:0px) and (max-width:1023px){
  .desktop-only{display:none !important; visibility:hidden; content-visibility:hidden;}
  .desktop-only iframe[loading=lazy]{content-visibility:hidden !important;}
  
  .live-button{padding:0 7px;}
  .live-button > b{padding:4px 6px; font-size:14px; line-height:14px;}
  .profile-icon .flex_ori{width:24px; height:24px;}

  header, .menu-bottom{background-color:#FFF; position:sticky !important; position: -webkit-sticky; left:0; width:100%; z-index:calc(var(--max-zindex) - 2000);}
  header{top:0;}
  header:before{content:''; display:block; height:var(--topbar-height);}
  .header-logo, .header-live > a, .header-profile > a{height:var(--body-padding);}
  .header-logo{padding-left:var(--section-space-normal); padding-right:8px;}
  .header-logo svg{height:24px;}
  .header-logo svg.logormd26{height:34px;}
  .header-logo img{height:28px;}
  .header-profile > a{padding-left:10px; padding-right:var(--section-space-normal);}
  .header-menu{display:flex;}
  
  menu, .menu-main-close.btn{display:none;}
  .menu-bottom{bottom:0; display:flex;}
  .menu-bottom-link{--icon-size:18px; height:var(--body-padding); width:100%; padding:0 10px;}
  .bottom-icon{font-size:var(--icon-size); text-align:center; font-weight:normal; height:var(--icon-size);}
  .bottom-icon .svgicon{height:var(--icon-size); width:auto;}
  .bottom-name{font-size:10px; text-align:center; margin-top:3px; font-weight:normal;}
  
  .snd, .snd-link{padding:0 8px;}
  .snd{top:calc(var(--body-padding) + var(--topbar-height));
  display:grid; grid-auto-flow:column; overflow-x:auto;}
  .snd-more, .snd-more-box{display:flex; padding-top:0;}
  .snd-more-box{background-color:transparent !important; box-shadow:0 0 0;}
  .snd-more-box .snd-link{padding:0 8px; min-width:inherit;}

  .snd .menu-parent .menu-sub {position: fixed; width: 300px; z-index: 9999999; top: 55px; left: 50%; transform: translateX(-50%);}
  .snd .menu-parent .menu-subdomain > ul {min-width: 300px;}
  .snd .menu-parent .menu-sub > ul {width: 300px;}
  
  .main-container{grid-template-columns:1fr;}
  .base-container{margin:0 var(--section-space-normal);}

  #menuVivaNetworkSub.is-open { display: block !important; }
  @supports (-webkit-touch-callout: none) {
    #menuVivaNetworkSub.is-open { display: block !important; }
  }

  .widget-affiliate{margin:0 var(--section-space-normal);}
  .wab-action{grid-column:1/3;}
  .widget-affiliate .wab-title{font-size: 12px !important;}

  .sticky-bottom { height: fit-content; bottom: 0; overflow: visible; z-index: calc(var(--max-zindex) + 8000) !important; }
  #contentExpandBottom.hide{max-height: 0;}
  #contentExpandBottom.hide span{max-height: 0;}
  #contentExpandBottom.hide::before{max-height: 0;}
  .sticky-bottom .brand-text { padding: 2px 0; font-size: 8px; background-color: #E6E6E6; padding-left: 8px; }

  .sticky-bottom.mobile-only .sticky-bottom-close{background: #E6E6E6; top: -31px; text-transform: uppercase; font-weight: 500; border-radius: 8px 8px 0 0; color: #000000;}

  .slotiklan-box-custom { position: relative; width: fit-content; height: fit-content; }
}