*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: revert;
  box-sizing: revert; }

html {
  margin: 0;
  padding: 0; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #2a2a2a;
  background: var(--bg-main);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeSpeed;
  margin: 0;
  padding: 0; }

a {
  color: inherit;
  text-decoration: none;
  vertical-align: baseline;
  outline: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  a:hover {
    color: #3CA5DD;
    text-decoration: none; }

a:focus,
button:focus {
  outline: 0;
  outline: -webkit-focus-ring-color auto 0;
  outline-offset: 0; }

img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: top;
  border: 0;
  -ms-interpolation-mode: bicubic; }

table {
  border-collapse: collapse; }

iframe {
  border: none;
  vertical-align: top; }

video {
  vertical-align: top; }

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none; }

input,
button,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0; }

input:focus {
  outline: 0; }

input:focus::-webkit-input-placeholder,
input:focus:-moz-placeholder,
input:focus::-moz-placeholder,
input:focus:-ms-input-placeholder {
  color: transparent; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: 14px;
  font-weight: 400; }

.col-bs10-1, .col-bs9-1, .col-bs12-1, .col-bs10-2, .col-bs9-2, .col-bs12-2, .col-bs10-3, .col-bs9-3, .col-bs12-3, .col-bs10-4, .col-bs9-4, .col-bs12-4, .col-bs10-5, .col-bs9-5, .col-bs12-5, .col-bs10-6, .col-bs9-6, .col-bs12-6, .col-bs10-7, .col-bs9-7, .col-bs12-7, .col-bs10-8, .col-bs9-8, .col-bs12-8, .col-bs10-9, .col-bs9-9, .col-bs12-9, .col-bs10-10, .col-bs9-10, .col-bs12-10, .col-bs10-11, .col-bs9-11, .col-bs12-11, .col-bs10-12, .col-bs9-12, .col-bs12-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left; }

.col-bs10-1 {
  width: 10%; }

.col-bs10-2 {
  width: 20%; }

.col-bs10-3 {
  width: 30%; }

.col-bs10-4 {
  width: 40%; }

.col-bs10-5 {
  width: 50%; }

.col-bs10-6 {
  width: 60%; }

.col-bs10-7 {
  width: 70%; }

.col-bs10-8 {
  width: 80%; }

.col-bs10-9 {
  width: 90%; }

.col-bs10-10 {
  width: 100%; }

.col-bs9-1 {
  width: 11.11111%; }

.col-bs9-2 {
  width: 22.22222%; }

.col-bs9-3 {
  width: 33.33333%; }

.col-bs9-4 {
  width: 44.44444%; }

.col-bs9-5 {
  width: 55.55556%; }

.col-bs9-6 {
  width: 66.66667%; }

.col-bs9-7 {
  width: 77.77778%; }

.col-bs9-8 {
  width: 88.88889%; }

.col-bs9-9 {
  width: 100%; }

.col-bs12-1 {
  width: 8.33333%; }

.col-bs12-2 {
  width: 16.66667%; }

.col-bs12-3 {
  width: 25%; }

.col-bs12-4 {
  width: 33.33333%; }

.col-bs12-5 {
  width: 41.66667%; }

.col-bs12-6 {
  width: 50%; }

.col-bs12-7 {
  width: 58.33333%; }

.col-bs12-8 {
  width: 66.66667%; }

.col-bs12-9 {
  width: 75%; }

.col-bs12-10 {
  width: 83.33333%; }

.col-bs12-11 {
  width: 91.66667%; }

.col-bs12-12 {
  width: 100%; }

.clearfix {
  *zoom: 1; }
  .clearfix:after, .clearfix:before {
    display: table;
    content: "";
    line-height: 0; }
  .clearfix:after {
    clear: both; }

.container {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  *zoom: 1;
  position: relative; }

.col-offset-fluid {
  margin-right: -15px;
  margin-left: -15px; }

.col-offset-0 {
  padding-right: 0px;
  padding-left: 0px; }

.col-offset-center {
  float: none;
  margin-left: auto;
  margin-right: auto; }

:root {
  --cl-kompas: #007AFF;
  --bg-body: #F2F2F2;
  --bg-main: #fff;
  --bg-white: #fff;
  --bg-white-lv2: #fff;
  --bg-gray-med: #f0f0f0;
  --bg-gray-bold: #efedef;
  --bg-blue-lite: #F1F6FC;
  --bg-blue-inverted: #dfdfdf;
  --bg-place: #F2F2F2;
  --bg-black: #000;
  --bg-black-transparent: rgba(255,255,255,.75);
  --bg-input: #fff;
  --bg-toggle: #d7d7d7;
  --bg-radio: #f4f4f4;
  --bg-disabled: #DADADA;
  --cl-main: #1a1a1a;
  --cl-white: #fff;
  --cl-gray: #717171;
  --cl-gray-lite: #999;
  --cl-gray-med: #666;
  --cl-gray-bold: #545454;
  --cl-blue: #3CA5DD;
  --cl-red: #ff0000;
  --cl-orange: #E55225;
  --br-black: #000;
  --br-gray-bold: #9b9b9b;
  --br-gray-med: #C9C9CA;
  --br-grey-reg: #DBDBDB;
  --br-gray-lite: #E5E5E5;
  --br-list: #E2E2E2;
  --br-list-lv2: #e3e2e3;
  --br-blue: #3CA5DD;
  --cl-shadow: #f1f1f1;
  --cl-shadow-none: #ddd;
  --cl-shadow-nav: rgba(0, 0, 0, 0.75);
  --cl-shadow-inset: 0 3px 6px rgba(0, 0, 0, 0.16) inset, 0 3px 6px rgba(0, 0, 0, 0.16);
  --cl-hover: #000;
  --cl-alpha: 1;
  --img-filter: none;
  --img-grayscale: none;
  --img-dark: 0;
  --img-light: 1;
  --img-kolom: none;
  --ico-invert: invert(1);
  --bg-title: transparent;
  --cl-title: #4a4a4a;
  --bg-panel1: #3a3a3a;
  --bg-panel2: #424242;
  --bg-most: #71C4D6;
  --bg-most2: #e7e7e7;
  --br-most: #fff;
  --bg-breaking1: #dedede;
  --bg-breaking2: #eaeaea;
  --cl-breaking1: #ed1c24;
  --cl-crumb: #E55225;
  --bg-share: #dcdcdc;
  --weight-title: 500;
  --bg-topic: #9b9b9b;
  --cl-video-disabled: 255,255,255;
  --bg-copy: 0,0,0;
  --cl-copy: #fff;
  --bg-info: #daeaf7;
  --bg-auto-bar: #bbe7ff;
  --bg-comment: 245, 252, 255;
  --bg-comment-hover: #d6eefa;
  --bg-comment2: #eff5f7;
  --bg-comment3: #E4F4FC;
  --bg-banner1: rgba(255, 255, 255, 0.8);
  --bg-adsbox: #fff;
  --bg-brandz: #f2f2f2;
  --cl-brandz-border: #fff;
  --bg-profile: #E7F7FB;
  --br-profile: #C9E6EE;
  --bg-warticle: #f1f1f1;
  --bg-warning: #FFF7E9;
  --br-warning:#FFE5B7;
  --bg-smart: #EAF5FB;
  --bg-dark-sun: #ffb42b;
  --bg-dark-shade: transparent;
  --bg-dark-light: #ffb42b;
  --bg-submenu: #383838;
  --bg-submenu2: #fff;
  --cl-submenu: #fff;
  --bg-news-menu1: #f62d1d;
  --bg-news-menu2: #de1e0e;
  --bg-news-menu3: #bd190c;
  --cl-grey-border: #EBEBEB;
  --bg-toc: #edf1fd;
  --cl-toc: #3c5cb9;
  --cl-infografik: #AD0243;
  --bg-infografik: #AD0243;
  --cl-gray-video: #A0A4A8;
  --bg-video-kg: #B70000;
  --bg-cekfakta: #CC0000;
  --bg-blogger: #ebf8ff;
  --bg-modal: rgba(255,255,255,.9);
  --bg-modal-header: #F6F9F9;
  --cl-modal-black: #000;
  --cl-modal-dark: #666;
  --img-modal-gray: none;
  --cl-txt: #333;
  --cl-time: #959595;
  --cl-time2: #888;
  --bg-section-title: #F3F5F6;
  --bg-time: #333;
  --bg-bullet: #C9C9C9;
  --br-item: #E3E3E3;
  --br-tab: #D9D9D9;
  --br-tab2: #e5e5e5;
  --cl-tab2: #A7A7A7;
  --cl-channel: #BF451F;
  --cl-blue3: #007AFF;
  --cl-blue2: #007AFF;
  --br-item2: #dfdfdf;
  --filter-gray2: invert(39%) sepia(5%) saturate(18%) hue-rotate(109deg) brightness(98%) contrast(89%);
  --bg-btn2: #fff;
  --hover-bg-btn2: #fff;
  --hover-cl-btn2: #0068DA;
  --hover-br-btn2: #0068DA;
  --active-bg-btn2: #f1f1f1;
  --active-br-btn2: #0056B4;
  --active-cl-btn2: #0056B4;
  --cl-line: #E7E7E7;
  --bg-lestari-menu: #EBEBEB;
  --cl-blue-lestari-1: #E1EFFF;
  --cl-blue-lestari-2: #183466;
  --cl-blue-lestari-3: #143163;
  --cl-lestari-border: #E7E7E7;
  --bg-lestari-csr: #F0FBFF;
  --cl-lestari-more: #007AFF;
  --cl-lestari-brand: #143163;
  --cl-lestari-border: #E7E7E7;
  --cl-lestari-border2: #E1E1E1;
  --bg-lestari-partner: rgba(217, 217, 217, .2);
  --bg-lestari-blue: #E1EFFF;
  --bg-lestari-csr: #F0FBFF; }

.icoBase {
  display: inline-block;
  position: relative; }

.icoInline {
  position: relative;
  width: 13px;
  height: 13px;
  vertical-align: baseline;
  margin-bottom: -1px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center; }

.icoThumb {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px; }

.icoLike {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='M22.6 12.7h-4l.9-4.1c.1-.5.1-1-.1-1.5s-.5-.9-.9-1.2l-.6-.5c-.3-.2-.6-.3-.9-.4h-.8c-.3.1-.5.2-.8.3-.2.2-.4.5-.6.7-1.2 2.3-2.7 4.4-4.2 6.4l-.3-.3c-.1-.1-.3-.1-.4-.1H5.8c-.2 0-.4.1-.5.2-.2.2-.3.4-.3.6v11.8c0 .2.1.4.2.5.1.1.3.2.5.2h4.2c.2 0 .4-.1.5-.2.1-.1.2-.3.2-.5.4.4.9.8 1.4 1 .5.2 1.1.4 1.7.4h4.1c.7 0 1.4-.2 2-.5.6-.3 1.1-.8 1.5-1.4l4.1-6.1c.3-.5.5-1.1.6-1.7 0-.6-.1-1.2-.4-1.8s-.7-1-1.3-1.3c-.5-.3-1.1-.5-1.7-.5zM9.2 23.8H6.5V13.5h2.7v10.3zm15-6.6-4.1 6.1c-.2.4-.6.7-1 .9-.4.2-.8.3-1.3.3h-4.1c-.4 0-.8-.1-1.2-.3-.4-.2-.7-.4-.9-.8l-.9-1.2v-7.7c1.6-1.3 3.8-4.9 5.5-7.8 0-.1.1-.1.1-.2.1 0 .1-.1.2-.1h.2c.1 0 .1 0 .2.1l.6.5c.2.1.3.3.4.5.1.3.1.6.1.8l-1.1 5v.3c0 .1.1.2.1.3.1.1.2.2.3.2.1 0 .2.1.3.1h5c.3 0 .7.1 1 .3.3.2.5.4.7.7.2.3.2.6.2 1s-.1.7-.3 1z'/%3E%3C/svg%3E"); }
  .icoLike--fill {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.576 12.715h-4.047l.914-4.1a2.689 2.689 0 0 0-1.019-2.743l-.63-.47a2.01 2.01 0 0 0-2.946.6 49.836 49.836 0 0 1-4.242 6.45.752.752 0 0 0-.678-.43H5.753a.755.755 0 0 0-.753.75v11.785a.748.748 0 0 0 .753.75H9.93a.746.746 0 0 0 .733-.648A4.176 4.176 0 0 0 13.721 26h4.135c.685 0 1.359-.167 1.962-.489a4.143 4.143 0 0 0 1.497-1.354l4.11-6.14a3.4 3.4 0 0 0-1.09-4.817 3.436 3.436 0 0 0-1.76-.485ZM9.177 23.807h-2.67V13.521h2.67v10.286Zm14.995-6.621-4.11 6.139a2.64 2.64 0 0 1-2.206 1.175h-4.135a2.672 2.672 0 0 1-2.12-1.056l-.918-1.216v-7.703c1.574-1.322 3.814-4.9 5.47-7.776a.488.488 0 0 1 .333-.239.505.505 0 0 1 .405.09l.63.47a1.201 1.201 0 0 1 .451 1.219l-1.116 5.013a.747.747 0 0 0 .41.84.757.757 0 0 0 .325.073h4.987a1.927 1.927 0 0 1 1.69 1.01 1.904 1.904 0 0 1-.094 1.96h-.002Z' fill='%23666'/%3E%3Cpath d='M9.578 13.038H6v11.64h3.578l.894-1.791 3.13 2.238 6.71-.448 5.813-8.505-2.683-2.239h-5.814l.894-7.163-1.789-.895-2.236 2.686-4.025 5.372-.894-.895Z' fill='%23666'/%3E%3Cpath stroke='%23fff' d='M10.5 12v13'/%3E%3C/svg%3E");
    -webkit-filter: none;
    filter: none; }

.icoDislike {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='M8.4 19.3h4l-.9 4.1c-.1.5-.1 1 .1 1.5s.5.9.9 1.2l.6.5c.2.2.5.3.8.4s.6.1.8 0c.3-.1.5-.2.8-.3l.6-.6c1.2-2.3 2.7-4.4 4.2-6.4l.3.3c.1.1.3.1.4.1h4.2c.2 0 .4-.1.5-.2.1-.1.2-.3.2-.5v-12c0-.2-.1-.4-.2-.5-.1-.1-.3-.2-.5-.2H21c-.2 0-.4.1-.5.2-.1.1-.2.3-.2.5-.4-.4-.9-.8-1.4-1-.5-.3-1-.4-1.6-.4h-4.1c-.7 0-1.4.2-2 .5s-1.1.8-1.5 1.4L5.6 14c-.4.5-.6 1.1-.6 1.7 0 .6.1 1.2.4 1.8s.7 1 1.3 1.3c.5.3 1.1.5 1.7.5zM21.8 8.2h2.7v10.3h-2.7V8.2zm-15 6.6 4.1-6.1c.2-.4.6-.7 1-.9s.8-.3 1.3-.3h4.1c.4 0 .8.1 1.2.3s.7.4.9.8l.9 1.2v7.7c-1.6 1.3-3.8 4.9-5.5 7.8 0 .1-.1.1-.1.2-.1 0-.1.1-.2.1h-.2c-.1 0-.1 0-.2-.1l-.6-.5c-.2-.1-.3-.3-.4-.5-.1-.2-.1-.5 0-.7l1.1-5v-.3c0-.1-.1-.2-.1-.3-.1-.1-.2-.2-.3-.2-.1 0-.2-.1-.3-.1h-5c-.3 0-.7-.1-1-.3-.3-.2-.5-.4-.7-.7-.2-.3-.2-.6-.2-1-.1-.5 0-.8.2-1.1z'/%3E%3C/svg%3E"); }
  .icoDislike--fill {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.55 19.285h4.046l-.914 4.1a2.689 2.689 0 0 0 1.019 2.743l.63.47a2.009 2.009 0 0 0 2.381.024 2 2 0 0 0 .565-.624 49.832 49.832 0 0 1 4.242-6.45.752.752 0 0 0 .678.43h4.175a.755.755 0 0 0 .753-.75V7.443a.749.749 0 0 0-.753-.75h-4.177a.746.746 0 0 0-.733.648A4.175 4.175 0 0 0 18.404 6h-4.135a4.162 4.162 0 0 0-3.459 1.843l-4.11 6.14A3.4 3.4 0 0 0 7.79 18.8c.532.317 1.14.485 1.76.485ZM22.947 8.193h2.67v10.286h-2.67V8.193ZM7.953 14.814l4.11-6.139A2.641 2.641 0 0 1 14.27 7.5h4.135a2.673 2.673 0 0 1 2.12 1.056l.918 1.216v7.703c-1.574 1.322-3.814 4.9-5.47 7.776a.489.489 0 0 1-.333.239.505.505 0 0 1-.405-.09l-.63-.47a1.201 1.201 0 0 1-.451-1.219l1.116-5.013a.746.746 0 0 0-.41-.84.756.756 0 0 0-.325-.073H9.547a1.927 1.927 0 0 1-1.69-1.01 1.905 1.905 0 0 1 .093-1.96h.003Z' fill='%23666'/%3E%3Cpath d='M22.547 18.962h3.578V7.322h-3.578l-.894 1.791-3.13-2.238-6.71.448L6 15.828l2.683 2.239h5.814l-.894 7.163 1.789.895 2.236-2.686 4.025-5.372.894.895Z' fill='%23666'/%3E%3Cpath stroke='%23fff' d='M21.625 20V6'/%3E%3C/svg%3E");
    -webkit-filter: none;
    filter: none; }

.icoShare {
  width: 32px;
  height: 32px;
  padding: 0;
  background-size: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='M20.5 19c-.5 0-1 .1-1.5.3-.5.2-.9.5-1.2.8l-4.3-2.8c.3-.9.3-1.8 0-2.7l4.3-2.8c.6.7 1.5 1.1 2.4 1.1.9.1 1.8-.2 2.6-.8.7-.6 1.2-1.4 1.4-2.3.2-.9 0-1.9-.5-2.6-.5-.8-1.3-1.3-2.2-1.6-.9-.2-1.8-.1-2.7.3-.8.4-1.5 1.1-1.8 2-.3.9-.3 1.8 0 2.7l-4.3 2.8c-.5-.5-1.2-.9-1.9-1.1-.7-.2-1.5-.1-2.2.2-.7.3-1.3.8-1.7 1.4-.4.6-.6 1.3-.6 2.1 0 .7.2 1.5.6 2.1.4.6 1 1.1 1.7 1.4.7.3 1.5.3 2.2.2.7-.2 1.4-.5 1.9-1.1l4.3 2.8c-.3.7-.3 1.6-.1 2.3.2.8.7 1.5 1.3 2 .6.5 1.4.8 2.2.8.8 0 1.6-.2 2.2-.7.7-.5 1.2-1.1 1.4-1.9.3-.8.3-1.6 0-2.3-.2-.8-.7-1.4-1.4-1.9-.5-.4-1.3-.7-2.1-.7zm0-12c.4 0 .9.1 1.2.4.4.2.7.6.8 1 .2.4.2.9.1 1.3s-.3.8-.6 1.2c-.3.3-.7.5-1.2.6-.4.1-.9 0-1.3-.1-.4-.2-.8-.5-1-.8s-.4-.8-.4-1.2c0-.6.2-1.2.7-1.6.5-.6 1.1-.8 1.7-.8zM10 18.2c-.4 0-.9-.1-1.3-.4-.4-.2-.7-.6-.8-1-.2-.4-.2-.9-.1-1.3s.3-.8.6-1.2c.3-.3.7-.5 1.2-.6.4-.1.9 0 1.3.1.4.2.8.5 1 .8s.4.8.4 1.2c0 .6-.2 1.2-.7 1.6-.4.6-1 .8-1.6.8zM20.5 25c-.4 0-.9-.1-1.2-.4-.4-.2-.7-.6-.8-1-.2-.4-.2-.9-.1-1.3s.3-.8.6-1.2c.3-.3.7-.5 1.2-.6.4-.1.9 0 1.3.1.4.2.8.5 1 .8s.4.8.4 1.2c0 .6-.2 1.2-.7 1.6-.5.6-1.1.8-1.7.8z'/%3E%3C/svg%3E"); }

.icoBookmark {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 33' style='enable-background:new 0 0 32 33' xml:space='preserve'%3E%3Cpath d='M8 13c0-2.8 0-4.2.9-5.1S11.2 7 14 7h4c2.8 0 4.2 0 5.1.9s.9 2.3.9 5.1v6.8c0 2.7 0 4-.8 4.4-.8.4-1.9-.4-4-2.1l-.7-.5c-1.2-.9-1.8-1.4-2.5-1.4s-1.3.5-2.5 1.4l-.7.5c-2.1 1.7-3.2 2.5-4 2.1-.8-.3-.8-1.7-.8-4.4V13z' style='fill:none;stroke:%23231f20;stroke-width:1.8'/%3E%3C/svg%3E"); }
  .icoBookmark--fill {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13c0-2.828 0-4.243.879-5.121C9.757 7 11.172 7 14 7h4c2.828 0 4.243 0 5.121.879C24 8.757 24 10.172 24 13v6.828c0 2.683 0 4.024-.844 4.435-.845.41-1.9-.419-4.01-2.076l-.675-.531c-1.186-.932-1.78-1.398-2.471-1.398-.692 0-1.285.466-2.471 1.398l-.675.53c-2.11 1.658-3.165 2.487-4.01 2.077C8 23.853 8 22.51 8 19.828V13Z' fill='%23666' stroke='%23666' stroke-width='1.8'/%3E%3C/svg%3E");
    -webkit-filter: none;
    filter: none; }

.icoComment {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st1%7Bfill:none;stroke:%23000;stroke-width:1.8;stroke-linecap:round%7D%3C/style%3E%3Cpath d='M23 7H9c-1.1 0-2 .9-2 2v13.7c0 1.7 2 2.6 3.3 1.5l3.5-2.9c.4-.3.8-.5 1.3-.5H23c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2z' style='fill:none;stroke:%23000;stroke-width:1.8;stroke-linejoin:round'/%3E%3Cpath class='st1' d='M11.9 12.1h8.2M11.9 16.1h8.2'/%3E%3C/svg%3E"); }

.icoDismiss {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 16 16M17 1 1 17' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); }

.icoFacebook {
  background-color: #3b5998; }
  .icoFacebook:after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.857 3.49H9.5V.626A21.22 21.22 0 0 0 7.107.5C4.738.5 3.113 1.99 3.113 4.73v2.52H.5v3.2h2.613v8.05h3.206v-8.05h2.509l.4-3.2H6.319v-2.2c0-.925.25-1.558 1.538-1.558V3.49Z' fill='%23000'/%3E%3C/svg%3E"); }

.icoTwitter {
  background-color: #1da1f2; }
  .icoTwitter:after {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.361 2.398a8.054 8.054 0 0 1-2.325.637 4.055 4.055 0 0 0 1.78-2.24 8.1 8.1 0 0 1-2.57.983 4.051 4.051 0 0 0-6.9 3.692 11.493 11.493 0 0 1-8.344-4.23 4.053 4.053 0 0 0 1.253 5.4 4.036 4.036 0 0 1-1.834-.506v.05a4.051 4.051 0 0 0 3.247 3.97 4.07 4.07 0 0 1-1.829.069 4.052 4.052 0 0 0 3.781 2.81A8.168 8.168 0 0 1 .627 14.71 11.513 11.513 0 0 0 18.338 4.486a8.2 8.2 0 0 0 2.023-2.088Z' fill='%23000'/%3E%3C/svg%3E"); }

.icoWhatsapp {
  background-color: #25d366; }
  .icoWhatsapp:after {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.573 11.297c-.223-.112-1.32-.65-1.524-.726-.204-.075-.353-.112-.5.112-.147.224-.576.726-.706.875-.13.15-.26.168-.483.056a6.09 6.09 0 0 1-1.797-1.108 6.724 6.724 0 0 1-1.241-1.545c-.13-.223-.014-.344.1-.455.114-.11.223-.26.335-.39a1.52 1.52 0 0 0 .223-.373.41.41 0 0 0-.019-.39c-.056-.113-.5-1.21-.688-1.657-.188-.446-.365-.376-.5-.383a8.41 8.41 0 0 0-.428-.008.82.82 0 0 0-.595.28 2.5 2.5 0 0 0-.781 1.86c.073.842.39 1.644.911 2.308a9.945 9.945 0 0 0 3.808 3.367c.415.18.84.336 1.272.47.455.138.936.168 1.405.088a2.302 2.302 0 0 0 1.506-1.06c.146-.334.191-.703.13-1.062-.056-.093-.2-.149-.428-.26v.001ZM9.5 16.854a7.41 7.41 0 0 1-3.777-1.034l-.271-.16-2.808.736.75-2.738-.176-.28A7.42 7.42 0 1 1 9.5 16.853Zm6.318-13.736A8.93 8.93 0 0 0 1.767 13.891L.5 18.517l4.733-1.24a8.921 8.921 0 0 0 9.228-.42 8.932 8.932 0 0 0 1.357-13.739Z' fill='%23000'/%3E%3C/svg%3E"); }

.icoLine {
  background-color: #00c300; }
  .icoLine:after {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.955 8.875a.568.568 0 1 1 0 1.137h-1.582v1.016h1.582a.568.568 0 0 1 0 1.135H15.8a.57.57 0 0 1-.565-.567v-4.3a.57.57 0 0 1 .568-.568h2.151a.568.568 0 0 1 0 1.136h-1.581v1.01h1.582Zm-3.475 2.718a.567.567 0 0 1-.568.565.556.556 0 0 1-.46-.225l-2.2-2.99v2.65a.568.568 0 1 1-1.133 0v-4.3a.565.565 0 0 1 .556-.567.583.583 0 0 1 .446.229l2.219 3V7.293a.569.569 0 0 1 1.136 0l.004 4.3Zm-5.175 0a.567.567 0 0 1-1.134 0v-4.3a.567.567 0 0 1 1.134 0v4.3Zm-2.223.567h-2.15a.571.571 0 0 1-.568-.567v-4.3a.568.568 0 1 1 1.136 0v3.735h1.583a.568.568 0 0 1 0 1.135l-.001-.003Zm15.051-2.876c0-4.841-4.854-8.781-10.817-8.781S.5 4.44.5 9.28c0 4.337 3.849 7.97 9.045 8.66.352.074.832.233.954.532.084.318.095.65.034.973l-.148.919c-.041.27-.216 1.069.946.58a34.866 34.866 0 0 0 8.505-6.286 7.771 7.771 0 0 0 2.3-5.38' fill='%23000'/%3E%3C/svg%3E"); }

.icoTelegram {
  background-color: #2AABEE; }
  .icoTelegram:after {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9.375 12.263-.357 5.026a1.248 1.248 0 0 0 1-.483l2.4-2.29 4.966 3.637c.911.508 1.553.24 1.8-.838l3.26-15.275C22.733.694 21.957.167 21.07.497L1.9 7.83C.595 8.339.615 9.068 1.68 9.4l4.9 1.524L17.958 3.8c.535-.355 1.022-.158.622.2l-9.205 8.263Z' fill='%23000'/%3E%3C/svg%3E"); }

.icoCopyLink {
  background-color: #999; }
  .icoCopyLink:after {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.5 12.5 6-6M11.5 13.658l-2.567 2.567a4.353 4.353 0 0 1-7.433-3.08c0-1.154.459-2.262 1.275-3.078L5.342 7.5M13.658 11.5l2.567-2.567a4.354 4.354 0 1 0-6.158-6.158L7.5 5.342' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

.icoSocmed {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%; }
  .icoSocmed:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
    -webkit-filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(318deg) brightness(110%) contrast(101%);
    filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(318deg) brightness(110%) contrast(101%); }

.icoBar {
  position: relative;
  width: 18px;
  height: 14px; }
  .icoBar > i {
    display: block;
    height: 2px;
    width: 100%;
    background: var(--bg-react-icon);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .icoBar:after, .icoBar:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--bg-react-icon);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .icoBar:after {
    top: 0; }
  .icoBar:before {
    bottom: 0; }

.icoMeatball {
  display: block;
  position: relative;
  width: 4px;
  height: 4px;
  margin-left: 12px;
  margin-right: 12px;
  border-radius: 4px;
  background-color: var(--cl-gray-lite); }
  .icoMeatball:before, .icoMeatball:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: var(--cl-gray-lite); }
  .icoMeatball:before {
    right: 6px;
    -webkit-transition: right .3s ease-out;
    transition: right .3s ease-out; }
  .icoMeatball:after {
    left: 6px;
    -webkit-transition: left .3s ease-out;
    transition: left .3s ease-out; }

.icoDelete {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:none;stroke:%23000;stroke-width:1.8;stroke-linecap:round%7D%3C/style%3E%3Cpath class='st0' d='M10 15v-3M14 15v-3M3 7h18c-.9 0-1.4 0-1.8.2-.5.2-.9.6-1.1 1.1-.1.3-.1.8-.1 1.7v6c0 1.9 0 2.8-.6 3.4s-1.5.6-3.4.6h-4c-1.9 0-2.8 0-3.4-.6C6 18.8 6 17.9 6 16v-6c0-.9 0-1.4-.2-1.8-.2-.5-.5-.8-1-1C4.4 7 3.9 7 3 7h0zM10.1 3.4c.1-.1.4-.2.7-.3.3-.1.8-.1 1.2-.1s.9 0 1.2.1c.3.1.6.2.7.3'/%3E%3C/svg%3E"); }

.icoPlay {
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-filter: invert(100%) sepia(0%) saturate(6817%) hue-rotate(208deg) brightness(118%) contrast(82%);
  filter: invert(100%) sepia(0%) saturate(6817%) hue-rotate(208deg) brightness(118%) contrast(82%);
  background-size: auto 100%;
  background-position: center center;
  position: absolute;
  left: 4px;
  top: calc(50% - 13px / 2);
  z-index: 1; }

.icoVideo {
  background-size: auto 100%;
  -webkit-filter: invert(58%) sepia(71%) saturate(6560%) hue-rotate(351deg) brightness(96%) contrast(87%);
  filter: invert(58%) sepia(71%) saturate(6560%) hue-rotate(351deg) brightness(96%) contrast(87%);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E"); }

.modalContent {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  background: var(--bg-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  max-width: 500px;
  margin: 0 auto; }
  #kcm-modals .modalContent {
    visibility: visible;
    opacity: 1;
    position: relative; }

.modalHeader {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 25px;
  padding: 20px 15px; }

.modalTitle {
  max-width: 400px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  font-size: 18px;
  font-weight: 500;
  color: var(--cl-txt); }

.modalDismiss {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-preferred-size: 32px;
  flex-basis: 32px;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0; }
  .modalDismiss .icoBase {
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center center;
    -webkit-filter: invert(63%) sepia(0%) saturate(0%) hue-rotate(63deg) brightness(98%) contrast(92%);
    filter: invert(63%) sepia(0%) saturate(0%) hue-rotate(63deg) brightness(98%) contrast(92%); }

.modalBody {
  position: relative;
  padding: 20px 15px;
  background: var(--bg-react-modal); }

.paging {
  position: relative; }
  .paging__wrap {
    position: relative; }
  .paging__teaser {
    padding: 7px 0;
    font-size: 17px;
    font-weight: 600;
    color: var(--cl-main); }
  .paging__item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 5px 0; }
  .paging__link {
    padding: 8px 12px;
    display: block;
    line-height: 1;
    border-radius: 20px;
    color: var(--cl-main) !important;
    background: var(--bg-white-lv2);
    border: 1px solid var(--br-list-lv2);
    font-size: 17px;
    font-weight: 500; }
    .paging__link--prev, .paging__link--next {
      color: var(--cl-main) !important;
      font-size: 12px;
      font-weight: 300; }
    .paging__link--show {
      text-align: center;
      padding: 9px 10px;
      margin: 0;
      background: #3CA5DD;
      border: 1px solid #3CA5DD;
      color: #fff !important;
      font-size: 16px;
      font-weight: 400; }
    .paging__link--active, .paging__link:hover {
      background: #3CA5DD;
      border: 1px solid #3CA5DD;
      color: #fff !important; }
  .paging--article {
    border: 1px solid var(--br-list);
    border-radius: 8px;
    padding: 10px 10px 6px;
    background: var(--bg-gray-bold); }
  .paging__footnote {
    position: relative;
    padding: 20px 25px; }
    .paging__footnote span {
      display: inline-block;
      padding: 0 0 5px;
      font-size: 16px;
      font-weight: 700;
      color: var(--cl-main); }
    .paging__footnote .next {
      display: block;
      font-size: 20px;
      font-weight: 700;
      color: #3CA5DD;
      font-style: italic; }
      .paging__footnote .next:hover {
        color: var(--cl-main); }

.articleHL-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.articleHL-big {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden; }
  .articleHL-bigType2 {
    position: relative;
    margin-bottom: 24px;
    overflow: hidden; }
    .articleHL-bigType2 .articleHL-box {
      width: calc(100% - 485px);
      position: relative;
      padding-left: 20px; }
      .articleHL-bigType2 .articleHL-box p {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        color: var(--cl-gray-med);
        margin: 10px 0; }
    .articleHL-bigType2 .articleHL-img {
      width: 485px; }
      .articleHL-bigType2 .articleHL-img::after {
        width: 0;
        height: 0; }
    .articleHL-bigType2 .articleHL-img {
      border-radius: 12px;
      position: relative;
      overflow: hidden; }
    .articleHL-bigType2 .articleTitle {
      font-size: 24px;
      font-weight: 500;
      line-height: 28px;
      color: var(--cl-txt);
      margin-top: 0;
      margin-bottom: 5px;
      -webkit-line-clamp: 4;
      height: auto;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical; }
    .articleHL-bigType2 .articlePost ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 5px; }
      .articleHL-bigType2 .articlePost ul li::after {
        width: 0;
        height: 0; }
  .articleHL-big .articleHL-box {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 35px 30px; }
  .articleHL-big .articleHL-img {
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: calc(2/3 * 740px);
    background: var(--bg-gray-med); }
    .articleHL-big .articleHL-img::after {
      position: absolute;
      content: '';
      width: 100%;
      height: 300px;
      bottom: 0;
      left: 0;
      background: black;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(4%, black), color-stop(60%, rgba(255, 255, 255, 0)));
      background: linear-gradient(0deg, black 4%, rgba(255, 255, 255, 0) 60%);
      z-index: 1;
      pointer-events: none; }
  .articleHL-big .articleTitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 37px;
    color: var(--cl-white);
    margin-bottom: 5px;
    -webkit-line-clamp: 2;
    height: 74px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .articleHL-big .articlePost {
    color: var(--cl-white); }
    .articleHL-big .articlePost ul li {
      color: var(--cl-white); }

.articleHL-small .articleHL-wrap {
  gap: 20px; }

.articleHL-small .articleItem {
  width: calc(100% / 3); }

.articleHL-subtitle {
  background-color: #E65225;
  position: absolute;
  left: 40px;
  top: 30px;
  z-index: 1;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--cl-white);
  border-radius: 30px; }

.articleHL-item {
  position: relative; }

.articleList {
  --gap: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--gap); }
  .articleList .articleItem {
    width: calc(100% / 4 - var(--gap) + (var(--gap) / 4)); }
  .articleList.-listGrid {
    --gap: 12px;
    gap: var(--gap);
    row-gap: 30px; }
    .articleList.-listGrid .articleItem {
      width: calc(100% / 3 - var(--gap) + (var(--gap) / 3)); }
  .articleList.-list {
    --gap: 24px;
    gap: var(--gap); }
    .articleList.-list .articleItem {
      width: 100%; }
      .articleList.-list .articleItem-wrap {
        gap: 16px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
      .articleList.-list .articleItem-img {
        width: 236px; }
      .articleList.-list .articleItem-box {
        width: calc(100% - 236px - 16px); }
    .articleList.-list .articleTitle {
      font-size: 20px;
      line-height: normal;
      margin-bottom: 8px;
      height: auto; }

.articleItem {
  position: relative;
  vertical-align: top;
  display: inline-block; }
  .articleItem-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .articleItem-img {
    width: 100%;
    background: var(--bg-gray-med);
    position: relative;
    overflow: hidden;
    border-radius: 8px; }
    .articleItem-img::before {
      content: "";
      display: block;
      padding-top: 56%;
      pointer-events: none; }

.articleTitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--cl-txt);
  margin-top: 8px;
  margin-bottom: 5px;
  -webkit-line-clamp: 3;
  height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.articlePost {
  position: relative;
  width: 100%; }
  .articlePost ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px; }
    .articlePost ul li {
      position: relative;
      font-size: 12px;
      font-weight: 400;
      line-height: 14px;
      color: var(--cl-gray-med); }
      .articlePost ul li:not(:last-child)::after {
        content: '';
        width: 5px;
        height: 5px;
        background-color: var(--bg-bullet);
        border-radius: 4px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -13px; }
  .articlePost-subtitle {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: #e55225; }
  .articlePost-agenda {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--cl-gray-med);
    padding-left: 15px;
    position: relative; }
  .articlePost.-agenda ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px; }
    .articlePost.-agenda ul li::after {
      width: 0;
      height: 0; }

.articleMore {
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: var(--cl-kompas);
  padding-right: 20px;
  position: relative;
  display: inline-table; }
  .articleMore::after {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23007AFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 6px;
    width: 8px;
    height: 10px;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
  .articleMore-link {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: var(--cl-kompas);
    padding-right: 20px;
    position: relative;
    display: inline-table; }

.agenda-icon {
  width: 12px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-table;
  position: absolute;
  left: 0;
  top: 2px; }
  .agenda-icon.-date {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1.5H9.5V1C9.5 0.867392 9.44732 0.740215 9.35355 0.646447C9.25979 0.552678 9.13261 0.5 9 0.5C8.86739 0.5 8.74021 0.552678 8.64645 0.646447C8.55268 0.740215 8.5 0.867392 8.5 1V1.5H3.5V1C3.5 0.867392 3.44732 0.740215 3.35355 0.646447C3.25979 0.552678 3.13261 0.5 3 0.5C2.86739 0.5 2.74021 0.552678 2.64645 0.646447C2.55268 0.740215 2.5 0.867392 2.5 1V1.5H1C0.734875 1.5003 0.480694 1.60575 0.293222 1.79322C0.10575 1.98069 0.000297764 2.23487 0 2.5V12.5C0.000297764 12.7651 0.10575 13.0193 0.293222 13.2068C0.480694 13.3942 0.734875 13.4997 1 13.5H11C11.2651 13.4997 11.5193 13.3942 11.7068 13.2068C11.8942 13.0193 11.9997 12.7651 12 12.5V2.5C11.9997 2.23487 11.8942 1.98069 11.7068 1.79322C11.5193 1.60575 11.2651 1.5003 11 1.5ZM2.5 2.5V3C2.5 3.13261 2.55268 3.25979 2.64645 3.35355C2.74021 3.44732 2.86739 3.5 3 3.5C3.13261 3.5 3.25979 3.44732 3.35355 3.35355C3.44732 3.25979 3.5 3.13261 3.5 3V2.5H8.5V3C8.5 3.13261 8.55268 3.25979 8.64645 3.35355C8.74021 3.44732 8.86739 3.5 9 3.5C9.13261 3.5 9.25979 3.44732 9.35355 3.35355C9.44732 3.25979 9.5 3.13261 9.5 3V2.5H11L11.0001 4.5H1V2.5H2.5ZM11 12.5H1V5.5H11.0002L11.0006 12.5H11Z' fill='%23000'/%3E%3C/svg%3E%0A");
    -webkit-filter: invert(61%) sepia(0%) saturate(1%) hue-rotate(83deg) brightness(100%) contrast(88%);
    filter: invert(61%) sepia(0%) saturate(1%) hue-rotate(83deg) brightness(100%) contrast(88%); }
  .agenda-icon.-location {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3.5C5.50555 3.5 5.0222 3.64662 4.61107 3.92133C4.19995 4.19603 3.87952 4.58648 3.6903 5.04329C3.50108 5.50011 3.45157 6.00277 3.54804 6.48773C3.6445 6.97268 3.8826 7.41814 4.23223 7.76777C4.58186 8.1174 5.02732 8.3555 5.51227 8.45196C5.99723 8.54843 6.49989 8.49892 6.95671 8.3097C7.41352 8.12048 7.80397 7.80005 8.07867 7.38893C8.35338 6.9778 8.5 6.49445 8.5 6C8.49924 5.33719 8.2356 4.70175 7.76693 4.23307C7.29825 3.7644 6.66281 3.50076 6 3.5ZM6 7.5C5.70333 7.5 5.41332 7.41203 5.16664 7.2472C4.91997 7.08238 4.72771 6.84811 4.61418 6.57403C4.50065 6.29994 4.47094 5.99834 4.52882 5.70736C4.5867 5.41639 4.72956 5.14912 4.93934 4.93934C5.14912 4.72956 5.41639 4.5867 5.70736 4.52882C5.99834 4.47094 6.29994 4.50065 6.57403 4.61418C6.84811 4.72771 7.08238 4.91997 7.2472 5.16664C7.41203 5.41332 7.5 5.70333 7.5 6C7.49955 6.39769 7.34138 6.77896 7.06017 7.06017C6.77896 7.34137 6.39769 7.49955 6 7.5ZM6 0.5C4.54182 0.501654 3.14383 1.08165 2.11274 2.11274C1.08165 3.14383 0.501654 4.54182 0.5 6C0.5 7.96225 1.40687 10.0424 3.12269 12.0156C3.89481 12.9072 4.76367 13.7101 5.71325 14.4096C5.7973 14.4685 5.89741 14.5 6 14.5C6.10259 14.5 6.2027 14.4685 6.28675 14.4096C7.23633 13.7101 8.10519 12.9072 8.87731 12.0156C10.5931 10.0424 11.5 7.96231 11.5 6C11.4983 4.54182 10.9184 3.14383 9.88726 2.11274C8.85617 1.08165 7.45818 0.501654 6 0.5ZM6 13.3737C4.96669 12.5632 1.5 9.57694 1.5 6C1.5 4.80653 1.97411 3.66193 2.81802 2.81802C3.66193 1.97411 4.80653 1.5 6 1.5C7.19347 1.5 8.33807 1.97411 9.18198 2.81802C10.0259 3.66193 10.5 4.80653 10.5 6C10.5 9.577 7.03312 12.5634 6 13.3737Z' fill='%23000'/%3E%3C/svg%3E%0A");
    -webkit-filter: invert(61%) sepia(0%) saturate(1%) hue-rotate(83deg) brightness(100%) contrast(88%);
    filter: invert(61%) sepia(0%) saturate(1%) hue-rotate(83deg) brightness(100%) contrast(88%); }

/*extend set*/
.articleItem-img img, .lestariProgramItem-images img, .lestariCSRItem-images img, .lestariAktivitasItem-img img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  -webkit-filter: var(--img-filter);
  filter: var(--img-filter); }

.sectionBox {
  padding: 24px 0; }
  .sectionBox.--line {
    border-top: 1px solid var(--cl-line); }
    .sectionBox.--line .articleTitle {
      margin-top: 5px; }
  .sectionBox.--linebottom {
    border-bottom: 1px solid var(--cl-line); }

.sectionHead {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: var(--cl-txt);
  position: relative; }
  .sectionHead.-sc {
    padding-left: 12px;
    position: relative; }
    .sectionHead.-sc::before {
      width: 2px;
      height: 18px;
      content: '';
      background-color: #E65225;
      position: absolute;
      left: 0;
      top: 5px; }
  .sectionHead-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px; }
    .sectionHead-wrap .sectionHead-pilar {
      width: 32px; }
      .sectionHead-wrap .sectionHead-pilar img {
        width: 100%; }
  .sectionHead .articleMore {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto; }

.lestariHeader {
  background: var(--bg-lestari-menu);
  width: 1100px;
  height: 50px; }
  @media (min-width: 1100px) {
    .lestariHeader {
      width: 100%; } }
  .lestariHeader-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 43px; }
  .lestariHeader-logo {
    display: inline-block;
    margin: 5px 0;
    width: 131px;
    position: relative; }
    .lestariHeader-logo img {
      opacity: var(--img-light); }
    .lestariHeader-logo .logo-drk {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      opacity: var(--img-dark); }

.lestariMenu {
  display: inline-block;
  position: relative; }
  .lestariMenu ul {
    position: relative; }
  .lestariMenu li {
    display: inline-block;
    padding: 4px 8px; }
    .lestariMenu li a {
      display: block;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 700;
      line-height: 1;
      color: var(--cl-gray-med);
      position: relative; }
      .lestariMenu li a.active, .lestariMenu li a:hover {
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        color: var(--cl-blue-lestari-2); }
      .lestariMenu li a.active::after {
        position: absolute;
        content: '';
        width: 100%;
        height: 3px;
        background-color: var(--cl-blue-lestari-2);
        top: -20px;
        left: 0;
        right: 0;
        margin: auto; }

.lestariHead {
  position: relative;
  width: 100%; }
  .lestariHead.-bottom .lestariHead-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: auto; }
  .lestariHead.-bottom .lestariHead-content {
    width: 100%; }
  .lestariHead-wrap {
    width: 100%;
    padding: 20px 0 10px;
    border-bottom: 1px solid var(--cl-lestari-border);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px; }
  .lestariHead-content {
    width: calc(100% - 155px - 16px); }
    .lestariHead-content h3 {
      font-size: 18px;
      font-weight: 500;
      color: var(--cl-txt);
      margin: 0 0 5px 0; }
    .lestariHead-content h4 {
      font-size: 24px;
      font-weight: 500;
      color: var(--cl-txt); }
    .lestariHead-content p {
      font-size: 14px;
      font-weight: 400;
      color: var(--cl-gray-med);
      margin: 0; }
  .lestariHead-logo {
    width: 155px;
    position: relative; }
    .lestariHead-logo img {
      opacity: var(--img-light); }
    .lestariHead-logo .logo-drk {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      opacity: var(--img-dark); }
  .lestariHead-program .lestariHead-logo {
    height: 50px;
    width: auto; }
    .lestariHead-program .lestariHead-logo img {
      height: 100%;
      opacity: 1; }
  .lestariHead-program .lestariHead-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .lestariHead-program .lestariHead-content {
    width: auto; }
  .lestariHead-program .--line-lestari {
    width: 440px; }
  .lestariHead-program.--jagoan-lokal .--line-lestari::before {
    background-color: #2C2C66; }
  .lestariHead-program.--jagoan-lokal .--line-lestari::after {
    background-color: #403592; }
  .lestariHead-program.--jagoan-lokal .--line-lestari span::before {
    background-color: #664EA2; }
  .lestariHead-program.--jagoan-lokal .--line-lestari span::after {
    background-color: #E93D93; }
  .lestariHead-program.--jernihkan-bumi .--line-lestari::before {
    background-color: #0A6E3A; }
  .lestariHead-program.--jernihkan-bumi .--line-lestari::after {
    background-color: transparent; }
  .lestariHead-program.--jernihkan-bumi .--line-lestari span::before {
    background-color: #41A449; }
  .lestariHead-program.--jernihkan-bumi .--line-lestari span::after {
    background-color: #89BC39; }
  .lestariHead-program.--jernihkan-harapan .--line-lestari::before {
    background-color: #0A6E3A; }
  .lestariHead-program.--jernihkan-harapan .--line-lestari::after {
    background-color: transparent; }
  .lestariHead-program.--jernihkan-harapan .--line-lestari span::before {
    background-color: #41A449; }
  .lestariHead-program.--jernihkan-harapan .--line-lestari span::after {
    background-color: #89BC39; }
  .lestariHead-program.--festival-ceban .--line-lestari::before {
    background-color: #0A4D88; }
  .lestariHead-program.--festival-ceban .--line-lestari::after {
    background-color: transparent; }
  .lestariHead-program.--festival-ceban .--line-lestari span::before {
    background-color: #E75524; }
  .lestariHead-program.--festival-ceban .--line-lestari span::after {
    background-color: #89BC39; }

.lestariAbout {
  padding: 32px 0;
  border-top: 1px solid var(--cl-line);
  position: relative;
  text-align: center; }
  .lestariAbout-wrap {
    width: 100%;
    max-width: 925px;
    margin: 0 auto; }
  .lestariAbout .--line-lestari {
    top: -1px;
    left: 0;
    right: 0;
    bottom: unset;
    margin: auto; }
  .lestariAbout h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--cl-txt); }
  .lestariAbout p {
    font-size: 16px;
    font-weight: 400;
    color: var(--cl-gray-med);
    margin-top: 10px;
    letter-spacing: -0.01em;
    line-height: 140%; }
  .lestariAbout-col-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .lestariAbout-col-wrap h3 {
      font-size: 24px;
      font-weight: 500;
      line-height: 1.3;
      color: var(--cl-txt); }
    .lestariAbout-col-wrap p {
      font-size: 14px;
      font-weight: 400;
      color: var(--cl-gray-med);
      margin-top: 10px; }
  .lestariAbout-col-1 {
    width: 360px;
    height: 307px; }
  .lestariAbout-col-2 {
    width: calc(100% - 360px - 32px); }

.lestariPurpose {
  padding: 32px 0;
  border-top: 1px solid var(--cl-line);
  position: relative; }
  .lestariPurpose-wrap {
    width: 100%;
    max-width: 925px;
    margin: 0 auto; }
  .lestariPurpose .--line-lestari {
    top: -1px;
    left: 0;
    bottom: unset; }
  .lestariPurpose h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--cl-txt); }
  .lestariPurpose p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--cl-gray-med);
    margin-top: 10px; }
  .lestariPurpose + .lestariRelated {
    margin-top: -20px;
    margin-bottom: 35px;
    gap: 0; }
    .lestariPurpose + .lestariRelated .lestariRelated-label {
      font-weight: 500;
      font-size: 16px;
      color: var(--cl-txt); }
    .lestariPurpose + .lestariRelated .lestariRelated-box {
      gap: 8px; }

.lestariPilar p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--cl-gray-med); }

.lestariPilar-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0;
  --gap: 16px;
  gap: var(--gap); }

.lestariPilarItem {
  width: calc(100% / 4 - var(--gap) + (var(--gap) / 4));
  min-height: 145px;
  text-align: center; }
  .lestariPilarItem-img {
    position: relative;
    width: 100%;
    height: 100%; }
    .lestariPilarItem-img img {
      width: auto;
      height: 100%; }
  .lestariPilarItem-inner {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    height: 100%; }
  .lestariPilarItem-icon {
    width: 100%;
    height: 47px; }
    .lestariPilarItem-icon img {
      width: auto;
      height: 100%; }
  .lestariPilarItem-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--cl-white);
    width: 100%;
    height: 100%; }

.lestariProgram {
  --gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--gap); }
  .lestariProgram-wrap {
    margin-bottom: 30px; }
    .lestariProgram-wrap .lestariProgram {
      row-gap: 32px; }
      .lestariProgram-wrap .lestariProgramItem {
        width: calc(100% / 3 - var(--gap) + (var(--gap) / 3)); }
  .lestariProgramItem {
    width: calc(100% / 4 - var(--gap) + (var(--gap) / 4)); }
    .lestariProgramItem.--side {
      background-color: var(--cl-blue-lestari-1);
      border-radius: 8px;
      padding: 20px 18px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .lestariProgramItem.--side .lestariProgramItem-images {
        background: transparent;
        width: 129px;
        height: 129px;
        margin: 0 auto; }
      .lestariProgramItem.--side h3 {
        padding: 0 10px; }
      .lestariProgramItem.--side p {
        margin: 10px 0; }
    .lestariProgramItem-images {
      width: 100%;
      background: var(--bg-gray-med);
      position: relative;
      overflow: hidden;
      border-radius: 8px; }
      .lestariProgramItem-images::before {
        content: "";
        display: block;
        padding-top: 100%;
        pointer-events: none; }
    .lestariProgramItem-box {
      position: relative; }
    .lestariProgramItem-logo {
      position: absolute;
      width: 160px;
      height: 100px;
      bottom: 0;
      left: 0;
      z-index: 1;
      pointer-events: none;
      background-color: #f8f8f8;
      border-top-right-radius: 90px;
      padding: 32px 32px 15px 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .lestariProgramItem-channel {
      position: absolute;
      width: 80px;
      height: 28px;
      top: 0;
      right: 0;
      z-index: 1;
      pointer-events: none;
      background-color: #f8f8f8;
      border-bottom-left-radius: 10px;
      padding: 4px 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .lestariProgramItem-content {
      margin-top: 12px; }
      .lestariProgramItem-content h3 {
        font-size: 18px;
        font-weight: 500;
        color: var(--cl-txt); }
      .lestariProgramItem-content p {
        font-size: 14px;
        font-weight: 400;
        color: var(--cl-gray-med);
        margin: 4px 0 0;
        line-height: 140%;
        letter-spacing: -0.01em; }

.lestariCSR {
  --gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--gap); }
  .lestariCSRItem {
    width: calc(100% / 4 - var(--gap) + (var(--gap) / 4)); }
    .lestariCSRItem.--csrdetail {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      background-color: var(--bg-lestari-csr);
      border-radius: 8px;
      overflow: hidden;
      padding: 16px; }
      .lestariCSRItem.--csrdetail .sectionHead {
        color: #333; }
      .lestariCSRItem.--csrdetail p {
        font-size: 16px;
        font-weight: 400;
        color: #333;
        margin: 0; }
    .lestariCSRItem-images {
      width: 100%;
      background: var(--bg-gray-med);
      position: relative;
      overflow: hidden;
      border-radius: 8px; }
      .lestariCSRItem-images::before {
        content: "";
        display: block;
        padding-top: 100%;
        pointer-events: none; }
    .lestariCSRItem-box {
      position: relative; }
    .lestariCSRItem-content {
      margin-top: 12px; }
      .lestariCSRItem-content h3 {
        font-size: 16px;
        font-weight: 500;
        color: var(--cl-txt); }

.lestariRelated {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0px;
  margin: 24px 0 16px;
  position: relative; }
  .lestariRelated-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - 100px - 16px); }
    .lestariRelated-box.--taglist {
      gap: 4px;
      border: 1px solid var(--cl-lestari-border);
      border-radius: 30px;
      width: auto;
      padding: 0px 7px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      position: relative;
      height: 32px; }
      .lestariRelated-box.--taglist::after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        cursor: pointer; }
      .lestariRelated-box.--taglist .lestariRelated-inner {
        border: 0;
        gap: 0;
        padding: 0; }
  .lestariRelated-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--cl-lestari-border);
    border-radius: 30px;
    padding: 5px 10px;
    background: var(--bg-white-lv2);
    font-size: 14px;
    font-weight: 600;
    color: var(--cl-txt); }
  .lestariRelated-label {
    font-size: 14px;
    font-weight: 400;
    color: var(--cl-gray-med);
    width: 100px;
    padding: 6px 0; }
  .lestariRelated-pilar {
    width: 24px;
    position: relative;
    overflow: hidden; }
    .lestariRelated-pilar::before {
      content: "";
      display: block;
      padding-top: 100%;
      pointer-events: none; }
    .lestariRelated-pilar img {
      position: absolute;
      -o-object-fit: contain;
      object-fit: contain;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      -webkit-filter: var(--img-filter);
      filter: var(--img-filter); }

.lestariAktivitas {
  --gap: 24px;
  margin: 24px 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--gap); }
  .lestariAktivitasItem {
    width: calc(100% / 4 - var(--gap) + (var(--gap) / 4)); }
    .lestariAktivitasItem-img {
      width: 100%;
      background: var(--bg-gray-med);
      position: relative;
      overflow: hidden;
      border-radius: 8px;
      border: 1px solid var(--cl-line); }
      .lestariAktivitasItem-img::before {
        content: "";
        display: block;
        padding-top: 56%;
        pointer-events: none; }
    .lestariAktivitasItem-title {
      font-size: 16px;
      font-weight: 500;
      color: var(--cl-txt);
      width: 100%;
      padding: 10px 0; }
    .lestariAktivitasItem-program {
      position: absolute;
      width: 112px;
      height: 32px;
      top: 0;
      left: 0;
      z-index: 1;
      pointer-events: none;
      background-color: #f8f8f8;
      border-bottom-right-radius: 10px;
      padding: 4px 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .lestariAktivitasItem-program img {
        position: relative;
        -o-object-fit: contain;
        object-fit: contain; }
    .lestariAktivitasItem-box {
      padding: 8px 18px 36px 18px; }
      .lestariAktivitasItem-box .lestariAktivitasItem-content p {
        font-size: 16px;
        font-weight: 400;
        color: var(--cl-gray-med);
        margin: 0; }

.lestariSidebar-head {
  position: relative;
  padding: 10px 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--cl-txt); }
  .lestariSidebar-head .--line-lestari {
    width: 185px; }

.lestariSidebarImg {
  margin: 15px 0; }

.lestariSidebar .articleList.-list {
  gap: 22px; }
  .lestariSidebar .articleList.-list .articleItem-img {
    width: 80px;
    height: 80px; }
  .lestariSidebar .articleList.-list .articleItem-box {
    width: calc(100% - 80px - 16px); }
    .lestariSidebar .articleList.-list .articleItem-box .articleTitle {
      margin-top: 0;
      -webkit-line-clamp: 2;
      height: 40px;
      font-size: 16px; }

.lestariPartner {
  position: relative;
  background: var(--bg-place);
  padding: 32px 0;
  position: relative; }
  .lestariPartner-about {
    position: relative;
    text-align: center; }
    .lestariPartner-about h3 {
      font-size: 24px;
      font-weight: 500;
      line-height: 1.3;
      color: var(--cl-txt); }
    .lestariPartner-about p {
      font-size: 16px;
      font-weight: 400;
      color: var(--cl-gray-med);
      margin-top: 10px;
      letter-spacing: -0.01em;
      line-height: 140%; }
  .lestariPartner-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin: 25px 0 35px; }
  .lestariPartner-item {
    width: 165px;
    height: 120px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 165px;
    flex-basis: 165px;
    background: var(--bg-white);
    position: relative;
    overflow: hidden;
    border-radius: 8px; }
  .lestariPartner-img {
    width: 100%;
    height: 100%;
    position: relative; }
    .lestariPartner-img img {
      position: absolute;
      -o-object-fit: contain;
      object-fit: contain;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      -webkit-filter: var(--img-filter);
      filter: var(--img-filter); }
  .lestariPartner-article {
    position: relative;
    padding: 0 15px; }
  .lestariPartner-slider {
    position: relative;
    height: 300px;
    overflow: hidden;
    padding: 0 15px;
    margin-bottom: 30px; }
    .lestariPartner-slider .slick-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 16px; }
      .lestariPartner-slider .slick-slide > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        position: relative;
        height: 120px;
        overflow: hidden;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
    .lestariPartner-slider .slick-dots {
      bottom: -10px;
      position: relative; }
      .lestariPartner-slider .slick-dots li button {
        border-radius: 100%;
        background-color: #D9D9D9; }
      .lestariPartner-slider .slick-dots li.slick-active button {
        background-color: #EF1D07; }

.lestariModal-tags {
  position: absolute;
  top: 30px;
  background-color: var(--bg-white);
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
  width: 100%;
  max-width: 400px;
  padding: 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }
  .lestariModal-tags.openModal {
    opacity: 1;
    visibility: visible;
    top: 40px; }
  .lestariModal-tags .lestariRelated-box {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .lestariModal-tags .lestariRelated-item {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
  .lestariModal-tags .lestariRelated-inner {
    font-size: 14px;
    font-weight: 400;
    padding: 5px 16px 5px 8px;
    height: 30px;
    gap: 8px; }
  .lestariModal-tags .lestariRelated-pilar {
    width: 18px; }

.lestariModal-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 25px; }

.lestariModal-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 25px;
  padding: 6px 0 8px; }

.lestariModal-title {
  max-width: 400px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--cl-txt); }

.lestariModal-aktivitas {
  max-width: 420px; }
  .lestariModal-aktivitas .buttonDismiss {
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 1; }
    .lestariModal-aktivitas .buttonDismiss .icoBase {
      background-size: 24px;
      -webkit-filter: invert(32%) sepia(0%) saturate(4%) hue-rotate(232deg) brightness(95%) contrast(92%);
      filter: invert(32%) sepia(0%) saturate(4%) hue-rotate(232deg) brightness(95%) contrast(92%);
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21508 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.807 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0865C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6934 24 14.3734 24 12C23.9939 8.81927 22.7277 5.77057 20.4785 3.52146C18.2294 1.27234 15.1807 0.0060992 12 0ZM16.35 15.0346C16.5233 15.2096 16.6206 15.446 16.6206 15.6923C16.6206 15.9386 16.5233 16.175 16.35 16.35C16.1736 16.5206 15.9377 16.616 15.6923 16.616C15.4469 16.616 15.2111 16.5206 15.0346 16.35L12 13.3038L8.96539 16.35C8.78895 16.5206 8.55313 16.616 8.3077 16.616C8.06227 16.616 7.82644 16.5206 7.65 16.35C7.47667 16.175 7.37943 15.9386 7.37943 15.6923C7.37943 15.446 7.47667 15.2096 7.65 15.0346L10.6962 12L7.65 8.96538C7.50281 8.78603 7.42758 8.55834 7.43897 8.3266C7.45035 8.09486 7.54752 7.87564 7.71158 7.71158C7.87565 7.54751 8.09487 7.45034 8.32661 7.43896C8.55835 7.42758 8.78604 7.5028 8.96539 7.65L12 10.6962L15.0346 7.65C15.214 7.5028 15.4417 7.42758 15.6734 7.43896C15.9051 7.45034 16.1244 7.54751 16.2884 7.71158C16.4525 7.87564 16.5497 8.09486 16.561 8.3266C16.5724 8.55834 16.4972 8.78603 16.35 8.96538L13.3038 12L16.35 15.0346Z' fill='%23000'/%3E%3C/svg%3E%0A"); }
  .lestariModal-aktivitas .slick-dots {
    top: calc(56% - 40px);
    bottom: unset; }
    .lestariModal-aktivitas .slick-dots li button {
      border-radius: 100%;
      background-color: #D9D9D9; }
    .lestariModal-aktivitas .slick-dots li.slick-active button {
      background-color: #007AFF; }
  .lestariModal-aktivitas .lestariAktivitasItem-img {
    border: 0;
    border-radius: 0; }

.--line-lestari {
  position: absolute;
  bottom: 0;
  width: 240px;
  height: 2px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .--line-lestari::after, .--line-lestari::before {
    content: '';
    height: 2px; }
  .--line-lestari::before {
    width: 50%;
    background-color: #D9243C; }
  .--line-lestari::after {
    width: 50%;
    background-color: #27B3D8; }
  .--line-lestari span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .--line-lestari span::after, .--line-lestari span::before {
      content: '';
      height: 2px; }
    .--line-lestari span::before {
      width: 25%;
      background-color: #F0B913; }
    .--line-lestari span::after {
      width: 75%;
      background-color: #5BB047; }

.theme--lestari .pt0 {
  padding-top: 0; }

.theme--lestari hr.-line {
  border: 1px solid var(--cl-line); }

.theme--lestari.page--whead .kcm__stick {
  top: 219px; }
  .theme--lestari.page--whead .kcm__stick--sticky {
    -webkit-transform: translateY(-147px);
    transform: translateY(-147px); }

.theme--lestari .paging__link--active, .theme--lestari .paging__link:hover {
  background-color: var(--cl-kompas); }

.theme--lestari .slick-dots li button:before {
  color: transparent; }

.theme--lestari .stream-loadmore {
  height: 45px;
  margin: 30px 0 20px; }

.theme--lestari .stream-loadmore a {
  color: #fff;
  display: block;
  padding: 0;
  text-align: center;
  margin: 0 auto; }

.lestariHead-program.--jagoan-lokal ~ .container .articlePost-subtitle {
  color: #FF5C00; }

.lestariHead-program.--jernihkan-bumi ~ .container .articlePost-subtitle {
  color: #078628; }

.lestariHead-program.--jernihkan-harapan ~ .container .articlePost-subtitle {
  color: #F47A04; }

.lestariHead-program.--festival-ceban ~ .container .articlePost-subtitle {
  color: #E75524; }

.lestariPartnerInfo {
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 42px; }
  .lestariPartnerInfo img {
    width: auto;
    height: 100%; }

.lestariPartnerInfo-logo {
  max-width: 150px;
  max-height: 75px; }

.articleList.articleListPartner .articleItem-img {
  width: 80px;
  height: 80px; }

.articleList.articleListPartner .articleItem-box {
  width: calc(100% - 80px - 16px); }

.articleList.articleListPartner .articleTitle {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px; }

@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: local("Roboto"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: 'Roboto Condensed';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(https://fonts.gstatic.com/s/robotocondensed/v17/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYb9lecyU.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: 'Roboto Condensed';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v17/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.pt0 {
  padding-top: 0; }

.mt1 {
  margin-top: 10px; }

.mt2 {
  margin-top: 20px; }

.mt3 {
  margin-top: 30px; }

.mt4 {
  margin-top: 40px; }

.mt5 {
  margin-top: 50px; }

.mt6 {
  margin-top: 60px; }

.mt7 {
  margin-top: 70px; }

.mb2 {
  margin-bottom: 20px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif; }

.articleTitle {
  line-height: 20px !important; }

.articleHL-big .articleHL-img img {
  width: 100%; }

.articleHL-big .articleTitle {
  line-height: 37px !important; }

.articleHL-bigType2 .articleTitle {
  line-height: 28px !important; }

.articleMore-link:link, .articleMore-link:visited, .articleMore:link, .articleMore:visited, .articleMore:link {
  color: var(--cl-kompas); }

.sectionBox.--line .articleTitle {
  line-height: normal !important; }

.buttonDismiss {
  border: 0;
  background: unset;
  outline: 0;
  cursor: pointer; }

.lestariHeader-logo a .logo-rotate, .lestariHead-logo a .logo-rotate {
  width: 30px !important; }

.ktk-shr {
  width: 35px;
  height: 35px;
  display: inline-table; }
  .ktk-shr-indeks {
    height: 35px; }

.lestariHead-content p {
  font-size: 14px !important; }

.menu-nav ul {
  margin: 1em 0; }