*,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:800}i,em{font-style:italic}img{max-width:100%}.btn,input[type=button],select,button{-webkit-appearance:none;cursor:pointer;background-color:transparent}.hide{display:none;}

:root{
  --site-container:975px;
  --space-1:4px;
  --space-2:8px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:40px;
  --body-padding:50px;
  --max-zindex:2147483648;
}

body, html{font-family:'Montserrat', sans-serif; font-size:14px; font-weight:400; 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;}
html{scroll-behavior:smooth;}
body{overflow-x:hidden; position:relative; background-color:var(--color-background); padding-top:var(--body-padding);}
a{font-weight:600;}
.btn, a.btn{padding:8px 16px; font-weight:bold; -webkit-appearance:none; text-align:center; text-transform:uppercase;}
#btt{display:none;}
.content_center{display:flex; justify-content:center; align-items:center;}
.flex_ori{display:block; overflow:hidden; position:relative; line-height:0;}
.flex_ori:before{content:''; display:block;}
.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;}
.search-box{--search-button:69px; --search-field:0; position:relative; z-index:2; 
display:grid; grid-template-columns:1fr var(--search-field) var(--search-button);}
.search-field{position:relative; z-index:1; width:100%; background-color:var(--color-sticky); border:1px solid;}
.search-button{width:var(--search-button); height:100%;}
.section-title{position:relative; display:flex; margin-bottom:var(--space-3);}
.section-title:after, .section-title-label:after, .section-title-icon:after{content:''; display:block; 
position:absolute; bottom:0; left:0; width:100%; height:4px;}
.section-title:after{z-index:-2;}
.section-title-label:after, .section-title-icon:after{z-index:-1;}
.section-title-label, .section-title-icon{position:relative;}
.section-title-label{text-transform:uppercase; font-size:20px; font-weight:800; padding-bottom:var(--space-2); text-align:center;
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-icon{padding-left:12px; left:-2px;}
.section-title-icon .svgicon{height:14px; width:auto; position:relative; top:5px;}
.share-box{display:flex; justify-content:space-between; border:1px solid rgba(0,0,0,0.05); padding:var(--space-1) var(--space-2);}
.share-box-label{margin:0 10px; font-weight:bold; font-size:18px;}
.share-list{display:flex;}
.share-list-link{position:relative; font-size:36px; line-height:0; width:32px; height:36px; font-weight:normal; margin:var(--space-1);}
.share-list-link .svgicon-share-ellipsis{position:absolute; z-index:2; top:6px; left:5px; font-size:22px;}
.sticky-link{height:var(--body-padding);}

header{position:fixed; top:0; left:0; width:100%; z-index:calc(var(--max-zindex) - 2000);}
header > span{display:flex; justify-content:space-between;}
header .sticky-link{padding:0 var(--space-2);}

.user-thumb{width:24px; height:24px; border-radius:50%;}

.site-container > span{width:100%; margin:0 auto; display:block;}
.main-container{display:grid; grid-gap:var(--space-6); grid-template-columns:1fr; 
margin:var(--space-3) 0; /*min-height:calc(100vh - var(--body-padding) - var(--space-3) - var(--space-3));*/}
.column-big-container, .column-small-container{display:grid; grid-template-columns:1fr; grid-template-rows:min-content; grid-row-gap:var(--space-6);}

.article-list-container{display:grid; grid-template-columns:1fr; grid-gap:var(--space-3);}
.article-list-row{--thumb-size:96px; display:grid; grid-template-columns:1fr var(--thumb-size); grid-gap:var(--space-3); 
border-bottom:1px dashed; padding-bottom:var(--space-3);}
.article-list-info{display:flex; align-items:center;}
.article-list-info > span{display:flex; flex-wrap:wrap; gap:var(--space-2);}
.article-list-title{width:100%; font-weight:600; font-size:16px; line-height:140%; 
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.article-list-kanal, .article-list-date{font-weight:normal; font-size:11px;}
.article-list-kanal{padding-right:var(--space-2); border-right:1px solid;}
.article-list-thumb-frame{width:var(--thumb-size);}
.article-list-thumb-frame:before{padding-top:100%;}

.article-kanal-container .article-list-row:first-child{grid-template-columns:1fr;}
.article-kanal-container .article-list-row:first-child .article-list-thumb{grid-row:1/2;}
.article-kanal-container .article-list-row:first-child .article-list-thumb-frame{width:100%;}

.slotiklan{position:relative; overflow:hidden;}
.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, .slotiklan-topcustom{contain-intrinsic-size:1px 90px; min-height:90px;}
.slotiklan-topcustom{margin-top:var(--space-2);}
.iklan-native{contain-intrinsic-size:1px 106px; height:106px;}
.iklan-native iframe{width:100%; height:100%;}
  
.sticky-bottom{position:fixed; z-index:calc(var(--max-zindex) - 12000); bottom:0; left:0; width:100%; height:auto;}
.sticky-bottom-close{position:absolute; top:-33px; left: 50%; transform: translateX(-50%); z-index:2; width:auto; padding: 8px 13px; border-radius: 4px; display: flex; align-items: center; gap: 8px; height:auto; font-size:13px; background-color: rgba(0, 0, 0, 0.5); color: #FFF;}
.sticky-bottom-100{ height:100px;}
.sticky-bottom.slotiklan-custom-desktop{width: fit-content; left: 50%; transform: translateX(-50%); bottom: 0px;}
.sticky-bottom.slotiklan-custom-desktop::before{background: none;}

@media screen and (min-width:0px) and (max-width:359px){
  .share-box-label{font-size: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;}
  .float-bottom{display:none;}
  .search-field{padding:var(--space-3);}
  body{padding-bottom:var(--body-padding);}
  
  header .header-logo{padding-left:var(--space-3);}
  header .header-togglemenu{padding:0 var(--space-3);}
  header .header-menu-mobile{display:flex;}
  header .svgicon{width:auto; height:20px;}
  
  .base-container{margin:0 var(--space-3);}
  .main-container{grid-template-rows: auto 1fr;}
  
  .article-kanal-container .article-list-row:first-child .article-list-thumb-frame:before{padding-top:56.25%;}
  
  .slotiklan-topcustom{contain-intrinsic-size:1px 100px; min-height:100px; padding-bottom:var(--space-2);}
}