*,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;cursor:pointer}.hide{display:none;}

:root{
  --site-container:970px;
  --section-space-small:10px;
  --section-space-normal:15px;
  --section-space-big:30px;
  --body-padding:50px;
}

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); padding:var(--body-padding) 0 0;}
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{width:24px; height:24px;}
.profile-icon .flex_ori img{border-radius:50%; border:1px solid; overflow:hidden;}
#btt{display:none;}
  
header{position:fixed; top:0; left:0; width:100%; z-index:99; display:flex; justify-content:center;}
header > span{display:flex; justify-content:space-between; width:100%; max-width:calc(var(--site-container) + var(--section-space-normal) + var(--section-space-normal));}
.header-left, .header-right{display:flex; flex-wrap:nowrap;}
.header-link{--icon-size:18px; height:var(--body-padding); padding:0 var(--section-space-small);}
.header-link-logo{padding-left:var(--section-space-normal);}
.header-link-logo img, .header-logo svg{height:24px;}
.header-link-logo svg{width:79px;}
.header-link .icon-box{width:var(--icon-size); height:var(--icon-size);}
.header-link-menu{padding-right:var(--section-space-normal);}

.section-title{font-size:24px; font-weight:900; text-transform:uppercase; position:relative; margin-bottom:var(--section-space-small);}
.section-title-note{font-size:14px; font-weight:normal; text-transform:capitalize;}

.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);}

.slotiklan{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{contain-intrinsic-size:1px 200px; min-height:90px;}

.siapa-list{display:grid; grid-template-columns:repeat(auto-fill, minmax(160px,1fr)); grid-gap:var(--section-space-small);}
.siapa-list-fit{grid-template-columns:repeat(auto-fit, minmax(160px,1fr));}
.siapa-list-box{position:relative;}
.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; display:none !important; visibility:hidden; content-visibility:hidden;}

.search-box{--button-width:55px;  position:relative;}
.search-field{padding:var(--section-space-normal); padding-right:calc(var(--button-width) + var(--section-space-normal)); width:100%;}
.search-button{position:absolute; top:0; right:0; height:100%; width:var(--button-width);}

.popup-box{display:none;}

.share-box{position:sticky; z-index:96; display:flex; justify-content:space-between; padding:7px 14px; margin:0 auto var(--section-space-normal);}
.share-list{display:flex; gap:var(--section-space-small);}
.share-list-link{font-size:36px; line-height:0; width:32px; height:36px; font-weight:normal;}

@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;}
  
  .main-container{grid-template-columns:1fr;}
  .base-container{margin:0 var(--section-space-normal);}
  
  .sticky-bottom{position:fixed; z-index:90; bottom:0; left:0; width:100%; height:50px;}
  .sticky-bottom-close{position:absolute; z-index:2; top:0; right:0; width:35px; height:25px; font-size:16px;}
  .sticky-bottom-close .fas{width:11px; height:16px;}
  
  .header-link{font-size:var(--icon-size);}
  
  .share-box{left:var(--section-space-normal); bottom:calc(var(--body-padding) + var(--section-space-normal));
  width:calc(100% - var(--section-space-normal) - var(--section-space-normal));}
  .share-list-link{position:relative;}
  .share-list-link .fa-ellipsis-h{position:absolute; z-index:2; top:6px; left:5px; font-size:22px;}
  
}