*,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;}

.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-970x200{contain-intrinsic-size:1px 200px; height:200px;}
.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:200px;z-index: 2 !important;}
.iklan-native{contain-intrinsic-size:1px 106px; height:106px;}
.iklan-native iframe{width:100%; height:100%;}

.frame-iklan-320x100{width: 320px; height: 100px; 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%; height:50px;}
.sticky-bottom-close, .sticky-bottom-video-close{position:absolute; z-index:2; top:0; right:0; width:35px; height:25px; font-size:16px;}
.sticky-bottom-close .fas, .sticky-bottom-video-close .fas{width:11px; height:16px;}
.sticky-bottom-100{ height:100px;}

#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;}
  body{padding:calc(var(--body-padding) + var(--topbar-height)) 0 var(--body-padding);}
  
  .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:fixed; 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 > button{height:var(--body-padding);}
  .header-logo{padding-left:var(--section-space-normal); padding-right:8px;}
  .header-logo svg{height:24px;}
  .header-logo img{height:28px;}
  .header-profile > button{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;}
  
  .main-container{grid-template-columns:1fr;}
  .base-container{margin:0 var(--section-space-normal);}



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