#feed{ /*display: none;*/ }
html {margin: 0;padding: 0;}
body{background-color:#fff; color:#313131; overflow-x:hidden !important;font-size:16px !important;margin: 0;padding: 0;font-family: 'Roboto-Regular';}
h1, h2, h3, h4{margin:0;padding:0;line-height:1.2;font-weight:bold;}
p{font-size:100%;line-height:1.2;margin:0;padding:0;}
a{text-decoration:none; color:#064500;}
a:hover{color:#000; text-decoration:none !important;}
a:focus{outline:none; text-decoration:none !important ;color:#007b17 !important;}

:root{
	--c-black: #000000;
	--c-white: #ffffff;
	--c-greysoft: #dbdbdb;
	--c-greymid: #bdbdbd;
	--c-greymid2: #919191;
	--c-greydark: #313131;
	--c-yellow: #ffc000;
	--border-greysoft: #bdbdbd;
	--border-greymid: #919191;
	--border-white: #ffffff;
	--bg-white: #ffffff;
	--bg-greysoft: #e9e9e9;
	--bg-greysoft2: #dbdbdb;
	--bg-greymid: #bdbdbd;
	--bg-greydark: #313131;
	--bg-yellow: #ffc000;
	--bg-transgrey-c: linear-gradient(to right, #e9e9e9, transparent, #e9e9e9);
	--bg-greywhite: linear-gradient(to right, #e9e9e9 40%, #fff);
	--bg-transblack-l: linear-gradient(to right, rgba(0,0,0,0.3), transparent 80%);
	--bg-transblack-r: linear-gradient(to right, transparent 15%, rgba(0,0,0,0.7));
	--bg-transblack-t: linear-gradient(to top, #000, transparent);
	--bg-darkwhite: linear-gradient(to right, var(--bg-greydark), #fff 60%);
	--bg-darkgrey: linear-gradient(to right, var(--bg-greydark), var(--bg-greymid) 70%);
}
.bg-white{background:var(--bg-white);}
.trans-h{-webkit-transition:height .10s cubic-bezier(0,0,.58,1);-moz-transition:height .10s cubic-bezier(0,0,.58,1);-o-transition:height .10s cubic-bezier(0,0,.58,1);-ms-transition:height .10s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.trans-w{-webkit-transition:width .10s cubic-bezier(0,0,.58,1);-moz-transition:width .10s cubic-bezier(0,0,.58,1);-o-transition:width .10s cubic-bezier(0,0,.58,1);-ms-transition:width .10s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.trans-def{transition:all 0.2s linear 0.1s;-webkit-transition:all 0.1s linear 0.1s;-moz-transition:all 0.1s linear 0.1s;-o-transition:all 0.1s linear 0.1s}
.relative{position:relative;}
.relative-100{width:100%;position:relative;}
.relhid{position:relative;overflow:hidden;}
.colfle{display:flex;justify-content: space-between center;flex-flow: row wrap;}
.difle-c{display:flex !important;justify-content: center;align-items: center;}
.difle-l{display:flex !important;justify-content: left;align-items: center;}
.difle-r{display:flex !important;justify-content:right;align-items: center;}
.tooltip-cutom{position:relative;display:inline-block}
.tooltip-cutom .tooltip-cutomtext{visibility:hidden;background-color:#000;color:#fff;border-radius:3px;padding:7px;position:absolute;z-index:800;top:100%;font-size:85%;line-height:1.1;margin:12px 0 0;left:50%;-webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
.tooltip-cutom .tooltip-cutomtext:after{content:"";position:absolute;top:-7px;left:50%;border-left:transparent 9px solid;border-right:transparent 9px solid;border-bottom:#000 9px solid;-webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
.tooltip-cutom:hover .tooltip-cutomtext {visibility: visible;z-index:999;}
.imagecrop-headline, .imagecrop-article, .imagecrop-gallery, .link-area-box, .imagecrop-small, .imagecrop-personal, .aparatur-thumb, .imagetop, .imagecrop-arsip, .imagecrop-multi{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.imagecrop-headline{height:100%;}
.imagecrop-article{padding-bottom:56%;border-radius:4px 4px 0 0;}
.imagecrop-gallery{padding-bottom:56%;border-radius:4px;}
.imagecrop-small{padding-bottom:70%;border-radius:4px;}
.imagecrop-personal{height:44vh;max-height:44vh;}
.pemerintah .imagecrop-personal{height:50vh;max-height:50vh;}
.imagetop {padding-bottom:45%;}
.imagecrop-arsip{padding-bottom:70%;border-radius:4px;}
.aparatur-thumb{padding-bottom:90%;border-radius:4px;background:var(--bg-greydark);}
.imagecrop-multi{height:30vh;border-radius:4px;width:calc(33.33333333% - 10px);margin:0 5px;}
.imagecrop-headline img, .logo-no-image img, .imagecrop-article img, .link-area-box img, .imagecrop-gallery img, .imagecrop-small img, .imagecrop-personal img, .aparatur-thumb img, .imagetop img, .imagecrop-arsip img, .imagecrop-multi img, .event-backg img, .rgloading img{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);} 
.logo-no-image img{width:15% !important;height:auto !important;}
.head-module{position:relative;background:var(--bg-darkwhite);border-bottom:var(--border-greysoft) 1px solid;height:44px;border-radius:4px 4px 0 0;}
.gridside .head-module{background:var(--bg-darkgrey);}
.head-module h1{position:relative;font-size:110%;margin:0 0 0 15px;padding:0;line-height:1;font-weight:bold;text-transform:uppercase;color:var(--c-white);text-shadow:1px 2px 2px rgba(0,0,0,0.6);-webkit-text-stroke:1px transparent;z-index:3;}
.head-module-icon{position:relative;width:44px;height:44px;background:var(--bg-2);border-radius:4px 0 0 0;}
.page-content .head-module-icon{background:var(--bg-greysoft);}
.head-module-icon:after{content:"";position:absolute;right:-8px;top:0;border-left:var(--bg-2) 8px solid;border-top:transparent 22px solid;border-bottom:transparent 22px solid;z-index:2 !important;}
.page-content .head-module-icon:after{border-left:var(--bg-greysoft) 8px solid;}
.head-module-icon:before{content:"";position:absolute;right:-60px;top:0;bottom:0;width:60px;background:linear-gradient(to right, var(--bg-1), transparent );z-index:1;opacity:0.6;}
.head-module-icon svg, .head-module-icon img{width:auto;height:24px;fill:var(--c-white);margin:0 -4px 0 0;}
.head-module-right{float:right;margin:0 10px 0 auto;}
.module-right-icon svg{width:auto;height:24px;fill:var(--c-greymid);margin:3px 0 0 10px;}
.head-long{position:relative;background:var(--bg-darkwhite);border-bottom:var(--border-greysoft) 1px solid;height:44px;}
.head-long h1{position:relative;font-size:110%;margin:0;padding:0;line-height:1;font-weight:bold;text-transform:uppercase;color:var(--c-white);text-shadow:1px 2px 2px rgba(0,0,0,0.6);-webkit-text-stroke:1px transparent;}
.box-main{border-radius:4px;border:var(--border-greysoft) 1px solid;}
.colscroll{width:100%;float:left;overflow-y: scroll;scrollbar-width: thin;height:100%;}
.colscroll::-webkit-scrollbar{width: 7px;}
.colscroll{scrollbar-width: thin;}
.colscroll::-webkit-scrollbar-track{background:transparent;}
.colscroll::-webkit-scrollbar-thumb {background:var(--bg-greymid);}
.pd-5{padding:5px;}
.pd-15{padding:15px;}
.pd-10{padding:10px;}
.pd-lr-10{padding-left:10px;padding-right:10px;}
.pd-lr-4{padding-left:4px;padding-right:4px;}
.pd-lr-5{padding-left:5px;padding-right:5px;}
.pd-top-10{padding-top:10px;}
.pd-top-5{padding-top:5px;}
.ptb-5{padding-top:5px;padding-bottom:5px;}
.pd-bottom-5{padding-top:5px;}
.mlr-min-5{margin-left:-5px;margin-right:-5px;}
.mlr-min-4{margin-left:-4px;margin-right:-4px;}
.mlr-min-10{margin-left:-10px;margin-right:-10px;}
.mb-20{margin-bottom:20px;}
.padding-tb-4{padding-top:4px;padding-bottom:4px;}