@charset "UTF-8";
:root {
  --gradient1: #9B3928;
  --gradient2: #000;
  --footergradient1: #9B3928;
  --footergradient2: #000;
  --title: #fff;
  --garis: #e4b622;
  --titlepost: #fff;
  --utama: #9B3928;
  --font: Inter, sans-serif;
  --bgmenu : #fff;
  --menucolor : #000;
  --menuhover : #9B3928;
  --colorfooter :#fff;
}
.arrow,
.breadcrumb__item:first-child,
.editors__subtitle,
.filter__title,
.footer__link:hover, 
.latest__author,
.latest__button,
.latest__subtitle,
.nav__home .icon,
.nav__more > a:hover,
.network__menu li:hover .icon-search:before,
.read__content a,
.read__info {
  color: var(--utama);
}
.most__image {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.nav li.current-menu-item a,
.nav li a:hover {
  color: var(--menuhover);  
}
.nav li a {
  color: var(--menucolor);  
}
.network__city a:hover{
  color: #fff;
}
.opinion__author__title a:hover,
.tag__list li a,
a:hover {
  color: var(--utama);
}
.breadcrumb__link:hover,
.breaking__content span,
.footer,
.most__item:hover .most__number,
.nav li ul li a,
.nav li ul li:hover,
.network__menu li a,
.network__menu li ul li:hover,
.network__sidebar .network__title,
.read__content a:hover,
.read__info a:hover,
.topic--list .topic__title,
.topic__b-link {
  color: #14142b;
}
.footer__menu.inline .footer__link,
.opinion__author__title a,
.widget__login p {
  color: #6e7191;
}
.ads__subtitle,
.breadcrumb__item:after,
.network__menu li date,
.network__sidebar .network__date,
.opinion__author__title,
.photo__author,
.photo__caption,
.photos__date,
.read__info__date,
.topic__date,
.videos__date {
  color: #999;
}
.most__number {
  color: var(--utama);
}
.divider {
  color: #fcfcfc;
}
.paging__wrap .page-numbers.current,.paging__wrap .page-numbers:hover,.ads__sticky__bottom .ads__button, .arrow:hover, .button--login:hover, .form__button, .hl__b-author, .hl__b-date, .icon-play, .latest__button:hover, .mfp-gallery .arrow,  .network__city, .network__menu--dark, .network__menu--dark .icon-search:before, .p404__link, .p404__link:hover, .paging__link--active, .paging__link--show, .paging__link:hover, .photos .title, .videos .title, .photos__count, .photos__img .icon, .social__link, .social__link:hover, .tag__list li a:hover, .topic__b-cat, .topic__b-lead, .topic .title, .topic__b-title, .videos__caption, .videos__duration, .widget__mail__footer a, .paging__wrap > .post-page-numbers.current, .paging__wrap .post-page-numbers:hover {
    color: #fff;
}
.network .title span {
  color : var(--title);
}
.network__title, .network__date,  .network__link:hover {
  color : var(--titlepost);  
}
.title:after {
  background-color: var(--garis);
}
.ads__sticky__bottom .ads__button,
.hl__b-subtitle,
.latest__button:hover,
.network__city,
.paging__link--show,
.topic__b-cat,
.widget__mail__footer a {
  background-color: var(--utama);
}

.ads__sticky__bottom .ads__button:hover,
.photos .title:after,
.tag__list li a:hover,
.widget__mail__footer a:hover {
  background-color: var(--utama);
}
.widget__mail__footer {
  background-color: #e4daff;
}
.tag__list li a {
  background-color: #eee;
}
.breadcrumb,
.widget tr:hover,
.widget__title {
  background-color: #eee;
}
.footer,
.widget__mail,
input[type="password"]:disabled,
input[type="text"]:disabled {
  background-color: #f7f7fc;
}
.arrow,
.breadcrumb__item:first-child,
.button,
.header,
.hl .slick-dots li button,
.latest--photos .latest__item,
.latest--video .latest__item,
.modals__box,
.nav li ul,
.nav__wrap.more,
.network__menu li ul,
.network__sidebar .network__item,
.opinion__wrap,
.paging,
.photo__icon,
.photos__item,
.topic__b-link,
.topic__item,
.videos__item,
.widget__epaper__box,
.widget__valas,
button,
input,
select,
textarea {
  background-color: #fff;
}
.photos__count,
.videos__duration,
.videos__latest__box {
  background-color: rgba(20, 20, 43, 0.6);
}
.breaking__title span,
.breaking__wrap,
.editors__img,
.hl__b-subtitle,
.latest__img,
.nav li ul,
.nav__wrap.more,
.network__city,
.network__img,
.network__menu li ul,
.paging,
.photos__count,
.title:after,
.topic__b-cat,
.videos__duration,
.widget__mail__footer a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.ads__sticky__bottom__wrapper,
.breadcrumb,
.breadcrumb__item:first-child,
.editors,
.hl,
.latest--photos .latest__item,
.latest--video .latest__item,
.most__wrap,
.network,
.network__sidebar .network__item,
.opinion__wrap,
.photo img,
.photos,
.photos__item,
.read__photo,
.slick-dots li button,
.topic,
.topic__b-item,
.topic__img,
.topic__item,
.videos,
.videos__img,
.videos__item,
.widget__epaper__box,
.widget__mail {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.tag__list li a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}
.breadcrumb__item:first-child,
.button,
.editors,
.hl,
.latest--photos .latest__item,
.latest--video .latest__item,
.latest__img,
.most__wrap,
.network__sidebar .network__item,
.opinion__img,
.opinion__item:hover .opinion__img,
.opinion__wrap,
.paging,
.photos,
.photos__item,
.topic,
.videos,
.videos__item,
.widget__epaper__box,
.widget__mail,
.widget__valas,
button,
input,
select,
textarea {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}
.button:focus,
.button:hover,
.header,
.opinion__header .opinion__img,
.read__info__img,
.widget__login,
button:focus,
button:hover,
input:focus,
input:hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.ads__sticky__bottom__wrapper,
.breaking__content,
.editors__img,
.editors__title,
.hl,
.hl__b-author__img,
.hl__b-title,
.hl__big,
.hl__s-img,
.hl__s-title,
.hl__small,
.latest--photos .latest__item,
.latest--photos .latest__title,
.latest--video .latest__item,
.latest--video .latest__title,
.latest__author__img,
.latest__img,
.latest__title,
.mfp-bg,
.mfp-iframe-scaler,
.modals,
.most__title,
.network__img,
.network__title,
.opinion__author,
.opinion__img,
.opinion__title,
.opinion__wrap,
.photos__img,
.photos__item,
.photos__title,
.read__info__img,
.slick-list,
.tab__hide,
.topic__b-img,
.topic__b-item,
.topic__b-title,
.topic__big,
.topic__img,
.videos__img,
.videos__item,
.videos__title,
.widget__epaper__img,
.widget__mail {
  overflow: hidden;
}
.ads__banner,
.ads__parallax a,
.ads__stick__fluid,
.breaking__content span,
.button--login,
.editors__link,
.footer__item,
.footer__link,
.form__group,
.form__group button,
.form__group input,
.form__group select,
.form__group textarea,
.form__radio label,
.hl__s-item,
.latest__link,
.mfp-arrow:after,
.mfp-arrow:before,
.mfp-figure small,
.mfp-figure:after,
.mfp-iframe-scaler iframe,
.most__link,
.nav li,
.nav li a,
.nav li ul:hover,
.nav li:hover > ul,
.nav__home .icon,
.nav__more > a,
.nav__wrap.more li,
.network__link,
.network__menu li ul:hover,
.network__menu li:hover > ul,
.network__menu li:nth-child(2n):active ul,
.opinion__link,
.p404__link,
.paging__link,
.photos__link,
.related__list li a,
.slick-dots,
.slick-dots li button,
.slick-initialized .slick-slide,
.slick-list,
.slick-slide img,
.slick-slider,
.slick-track,
.slick-vertical .slick-slide,
.social__block,
.tag__list li a,
.title__pr:after,
.topic__date,
.topic__link,
.videos__link,
article,
aside,
button.mfp-arrow,
button.mfp-close,
details,
figcaption,
figure,
footer,
header,
hgroup,
img.mfp-img,
nav,
section,
textarea {
  display: block;
}
.ads__close,
.ads__sticky__bottom .ads__button,
.breadcrumb,
.breadcrumb__item,
.breadcrumb__link,
.editors__subtitle,
.footer__logo a,
.footer__menu.inline .footer__item,
.footer__network .img,
.footer__network span,
.form__group label,
.form__radio input[type="radio"],
.gallery__list .photos__count span,
.hl__b-author,
.hl__b-subtitle,
.hl__link,
.latest__button,
.latest__subtitle,
.logo a,
.logo__link,
.mfp-container:before,
.mfp-content,
.modals__item,
.nav li ul li,
.network__city,
.network__menu li,
.network__menu li ul li,
.paging__item,
.photo__icon,
.photos__count,
.slick-dots li,
.social__item,
.social__link,
.social__share,
.tag__list li,
.title span,
.title:after,
.title__network a,
.title__network span,
.topic__b-cat,
.topic__b-lead,
.topic__b-link,
.videos__duration,
.widget__mail__footer a,
.widget__mail__footer a i {
  display: inline-block;
}
.ads,
.ads__banner,
.ads__box,
.ads__item,
.ads__parallax,
.ads__stick__wrap,
.ads__sticky__bottom__wrapper,
.ads__title,
.breadcrumb,
.breadcrumb__link,
.breadcrumb__wrap,
.breaking,
.breaking__content,
.breaking__title span,
.breaking__wrap,
.button,
.button--login,
.col-bs10-1,
.col-bs10-10,
.col-bs10-11,
.col-bs10-12,
.col-bs10-2,
.col-bs10-3,
.col-bs10-4,
.col-bs10-5,
.col-bs10-6,
.col-bs10-7,
.col-bs10-8,
.col-bs10-9,
.col-bs12-1,
.col-bs12-10,
.col-bs12-11,
.col-bs12-12,
.col-bs12-2,
.col-bs12-3,
.col-bs12-4,
.col-bs12-5,
.col-bs12-6,
.col-bs12-7,
.col-bs12-8,
.col-bs12-9,
.col-bs9-1,
.col-bs9-10,
.col-bs9-11,
.col-bs9-12,
.col-bs9-2,
.col-bs9-3,
.col-bs9-4,
.col-bs9-5,
.col-bs9-6,
.col-bs9-7,
.col-bs9-8,
.col-bs9-9,
.container,
.display-table,
.editors,
.editors__box,
.editors__img,
.editors__wrap,
.footer__item,
.footer__logo,
.footer__logo a,
.footer__menu,
.footer__menu.inline .footer__item,
.footer__network,
.form__footer,
.form__group,
.form__group.select,
.form__select,
.gallery,
.gallery__cover,
.gallery__list,
.header,
.hl,
.hl__b-author__img,
.hl__b-img,
.hl__b-item,
.hl__big,
.hl__s-img,
.hl__s-item,
.hl__small,
.latest,
.latest__author__wrap,
.latest__img,
.latest__item,
.logo,
.mail,
.mail__teaser,
.mfp-content,
.modals,
.modals__box,
.modals__content,
.most,
.most__item,
.most__number,
.most__right,
.nav,
.nav li,
.nav li a,
.nav__wrap,
.network,
.network__belt,
.network__box,
.network__img,
.network__menu,
.network__menu li a,
.network__sidebar,
.network__wrap,
.opinion,
.opinion__header,
.opinion__item,
.opinion__right,
.p404,
.p404__bubble,
.p404__wrap,
.page,
.paging,
.paging--article,
.paging--page,
.paging__wrap,
.photo,
.photo__author,
.photo__wrap,
.photos,
.photos__box,
.photos__img,
.photos__item,
.photos__wrap,
.read,
.read__content a,
.read__info,
.related,
.related__list,
.related__list li,
.related__wrap,
.row,
.search,
.search__bar,
.slick-dots li,
.slick-list,
.slick-slider,
.slick-track,
.social,
.social--header .social__link,
.social__link--cookpad,
.tag,
.tag--article,
.tag__list,
.title,
.title:after,
.title__pr:after,
.topic,
.topic--list,
.topic__b-cat,
.topic__b-img,
.topic__b-item,
.topic__big,
.topic__box,
.topic__img,
.topic__item,
.topic__wrap,
.videos,
.videos__box,
.videos__img,
.videos__item,
.videos__player,
.videos__ratio,
.videos__wrap,
.widget,
.widget__epaper,
.widget__epaper__box,
.widget__mail,
.widget__salat,
.widget__valas {
  position: relative;
}
.ads__close,
.ads__parallax__img,
.ads__stick--left,
.ads__stick--right,
.ads__stick__fluid,
.ads__sticky__bottom__wrapper embed,
.ads__sticky__bottom__wrapper iframe,
.ads__sticky__bottom__wrapper object,
.arrow,
.breaking__title,
.breaking__title span:before,
.button--login .icon,
.footer__menu.inline .footer__item:after,
.form__group.select:after,
.form__select:after,
.hl__b-box,
.hl__s-item:after,
.icon-play,
.mfp-arrow,
.mfp-arrow:after,
.mfp-arrow:before,
.mfp-bottom-bar,
.mfp-close,
.mfp-container,
.mfp-counter,
.mfp-figure:after,
.mfp-iframe-scaler iframe,
.mfp-preloader,
.modals:after,
.nav li ul,
.nav__home,
.nav__more,
.nav__wrap.more,
.network__city,
.network__menu li ul,
.p404__bubble:after,
.photo__icon__expand,
.photos__count,
.photos__img .icon,
.row__bg,
.search__bar .icon,
.search__submit,
.slick-dots,
.slick-dots li button:before,
.topic__b-box,
.videos__duration,
.videos__img img,
.videos__latest__box,
.videos__ratio iframe,
.widget__epaper__title {
  position: absolute;
}
.most__number,
.read__title,
.topic__b-title {
  font-size: 28px;
  line-height: 1.4;
  font-weight: 600;
}
.hl__b-title,
.title {
  font-size: 21px;
  line-height: 1.4;
  font-weight: 600;
}
.latest .title {
  font-size: 21px;
  line-height: 1.4;
  font-weight: 600;
}
.breadcrumb__item,
.page__teaser,
.read__content {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}
.paging__wrap .paging__nextprev {
    display: inline-block;
}
.paging__wrap .paging__nextprev a {
    background: unset;
    border: unset;
    padding: unset;
    margin: 0;
}
.paging__wrap .paging__nextprev a span {
    padding: 7px 11px;
    line-height: 1;
    border-radius: 20px;
    border: 1px solid var(--utama);
    display: inline-block;
}
.paging__nextprev {
    margin-left: 5px;
}
.more_article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.more_right {
    text-align: right;
}
.filter span,
.footer,
.footer__contact,
.nav li a,
.network__menu li a,
.opinion__author__title,
.opinion__header .opinion__author__title,
.read__info {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
}
.button,
.footer__link,
.network__menu li date,
.photo__caption,
.topic__b-link,
.videos__caption,
button,
input,
select,
textarea {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 400;
}
.editors__date,
.hl__b-date,
.latest__date,
.network__date,
.network__menu,
.photo__author,
.photos__date,
.topic__date,
.videos__date {
  font-size: 11px;
  line-height: 1.5;
  font-weight: 400;
}
.filter__title,
.latest__title,
.photos__hl .photos__title,
.read__content h2,
.videos__hl .videos__title {
  font-size: 21px;
  line-height: 1.5;
  font-weight: 600;
}
.breadcrumb__item:last-child,
.breaking__content span,
.latest--article .latest__title,
.latest--photos .latest__title,
.latest--video .latest__title,
.latest__button,
.network__sidebar .network__city,
.network__sidebar .network__title,
.opinion__header .opinion__author,
.photo__icon,
.read__content h3,
.related__list li .related__title,
.topic__b-cat,
.widget__mail__title {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 600;
}
.paging__wrap .page-numbers, .editors__title, .hl__b-author,  .network__title, .opinion__author, .opinion__author__title a, .paging__link, .paging__link--next, .paging__link--prev, .paging__teaser, .photos__count, .photos__title, .videos__duration, .videos__title, .widget__epaper__title, .widget__mail__footer a, .widget__title, .paging__wrap .post-page-numbers {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
}
.most__title {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
}
.topic__title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
}
.hl__s-title,
.latest__lead,
.search__input,
.tag__list li a,
.topic__b-lead,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 600;
}
.editors .title,
.network .title,
.topic .title {
    font-size: 21px;
    font-weight: 600;
}
.editors__subtitle,
.hl__b-subtitle,
.latest__author,
.latest__subtitle,
.network__city,
.opinion__title {
  font-size: 11px;
  line-height: 1.5;
  font-weight: 600;
}
.ads__banner,
.ads__bottom,
.ads__box,
.ads__horizontal,
.ads__sticky__bottom .ads__button,
.ads__top,
.display-center,
.latest__more,
.mfp-close,
.mfp-container,
.mfp-preloader,
.most__number,
.p404__link,
.paging--page .paging__wrap,
.photo__icon,
.read__title,
.slick-dots,
.slick-dots li button:before,
.social--article,
.social__link,
.social__share,
.social__text,
.text-center,
.topic__date,
.topic__title,
.widget__epaper__title,
.widget__login__box,
.widget__mail__footer {
  text-align: center;
}
.mfp-content,
.mfp-title,
.photo__caption,
.text-left,
.videos__caption,
.widget th {
  text-align: left;
}
.ads__sticky__bottom,
.ads__tower,
.filter__tanggal,
.footer__copyright,
.hl .slick-dots,
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.modals__footer,
.social--header,
.text-right,
.title__network a,
.title__pr__img,
.widget__title span {
  text-align: right;
}
.icon-large {
  font-size: 64px;
}
.icon-medium {
  font-size: 32px;
}
.icon-small {
  font-size: 24px;
}
.icon-xsmall {
  font-size: 16px;
}
.icon-xxsmall {
  font-size: 12px;
}
[class*=" icon-"],
[class^="icon-"] {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class*=" icons-"],
[class^="icons-"] {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
  content: "\e900";
  color: #848484;
}
.icon-line:before {
  content: "\e901";
}
.icon-photo:before {
  content: "\e902";
}
.icon-play:before {
  content: "\e903";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-feed:before {
  content: "\f09e";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-youtube:before {
  content: "\f16a";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-google:before {
  content: "\f1a0";
}
.icon-whatsapp:before {
  content: "\f232";
}
.icon-home {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAxOSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjE5Ij48ZGVmcz48aW1hZ2Ugd2lkdGg9IjIzIiBoZWlnaHQ9IjE5IiBpZD0iaW1nMSIgaHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFCY0FBQUFUQ0FNQUFBQk1aV2FFQUFBQUFYTlNSMElCMmNrc2Z3QUFBSGhRVEZSRkk2cmZJcXJoSUtmZkFBQUFFSEMvRUhhOEVIYThFSGkvSTZyZ0k2bmdJNm5oSUsvZkVIYThFSFc4RVhhOEVYYTdJcW5mSXFyZ0lxcmhJS3ZpRUhTN0VIVzhFSFc3SUt2ZklxbmdJcW5oSUtyZkVIVzZFSGE3RUhhOEVIYTdJcXJmSTZyZklxcmZFSFc5RUhhOElxbmZFSGE3STZyZkVIYThSYmhPVHdBQUFDaDBVazVUd0c4Z0FCQmZyeUQvcjE4UVVKLy84SUR2bjA5QTc4QkEzNDh3TUkvZmdPQ3c4R0RRMEhCZ29Pb1R1a2dBQUFDZFNVUkJWSGljYmRIYkZvSWdFSVhoeVcxSm9VQmxXbG9lT3ZuK2J4aUVFVUgvNVhlejE1b2hXaVFJU3BlcmpJaXg5WVo3bWhkQ1NKQml1dTF1YjdFc0RrSlhnV3BtTzU2YTlud1J0ZzdFbVV1NGNoRDZQNTVwSDJLWDBLNWlyNHpYc1hmR2VleTU4ZSt3TjJ0OENGM1BHbGVoVjlhYk1mQ3JkU1RrKzYzRTdFQjkvN2g4MkFQU2ZOMW4vL1lweGErRHExRk1yZnVDY3oyVGVkOTVBUmh5RUkvVnpURHVBQUFBQUVsRlRrU3VRbUNDIi8+PC9kZWZzPjxzdHlsZT50c3BhbiB7IHdoaXRlLXNwYWNlOnByZSB9PC9zdHlsZT48dXNlIGlkPSJCYWNrZ3JvdW5kIiBocmVmPSIjaW1nMSIgeD0iMCIgeT0iMCIgLz48L3N2Zz4=);
}
.icon-play {
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 32px;
  -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;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
}
.icons-category:before {
  content: "\e900";
}
.icons-attach:before {
  content: "\e903";
}
.icons-back-arrow:before {
  content: "\e904";
}
.icons-back:before {
  content: "\e905";
}
.icons-backspace:before {
  content: "\e906";
}
.icons-backward:before {
  content: "\e907";
}
.icons-bookmark:before {
  content: "\e909";
}
.icons-calandar:before {
  content: "\e90a";
}
.icons-call:before {
  content: "\e90b";
}
.icons-camera:before {
  content: "\e90c";
}
.icons-check:before {
  content: "\e912";
}
.icons-close:before {
  content: "\e914";
}
.icons-comment:before {
  content: "\e915";
}
.icons-configure:before {
  content: "\e916";
}
.icons-copy:before {
  content: "\e917";
}
.icons-cut:before {
  content: "\e918";
}
.icons-delete:before {
  content: "\e919";
}
.icons-disabled:before {
  content: "\e91a";
}
.icons-edit:before {
  content: "\e91b";
}
.icons-emoji-smile:before {
  content: "\e91c";
}
.icons-export:before {
  content: "\e91d";
}
.icons-file:before {
  content: "\e91e";
}
.icons-folder:before {
  content: "\e91f";
}
.icons-forward-arrow:before {
  content: "\e920";
}
.icons-forward-1:before {
  content: "\e921";
}
.icons-forward:before {
  content: "\e922";
}
.icons-heart:before {
  content: "\e923";
}
.icons-hide:before {
  content: "\e924";
}
.icons-home:before {
  content: "\e925";
}
.icons-image:before {
  content: "\e926";
}
.icons-layout:before {
  content: "\e927";
}
.icons-link:before {
  content: "\e928";
}
.icons-loading:before {
  content: "\e929";
}
.icons-location:before {
  content: "\e92a";
}
.icons-lock:before {
  content: "\e92b";
}
.icons-mail:before {
  content: "\e92c";
}
.icons-map:before {
  content: "\e92d";
}
.icons-menu-left:before {
  content: "\e92e";
}
.icons-menu-right:before {
  content: "\e92f";
}
.icons-more-vert:before {
  content: "\e931";
}
.icons-more:before {
  content: "\e932";
}
.icons-notification:before {
  content: "\e933";
}
.icons-paste:before {
  content: "\e934";
}
.icons-pause:before {
  content: "\e935";
}
.icons-play:before {
  content: "\e936";
}
.icons-plus:before {
  content: "\e937";
}
.icons-profile:before {
  content: "\e939";
}
.icons-refresh:before {
  content: "\e93a";
}
.icons-resize:before {
  content: "\e93b";
}
.icons-search:before {
  content: "\e93d";
}
.icons-send:before {
  content: "\e93e";
}
.icons-settings:before {
  content: "\e93f";
}
.icons-sound-muted:before {
  content: "\e940";
}
.icons-sound-playing:before {
  content: "\e941";
}
.icons-star:before {
  content: "\e942";
}
.icons-tag:before {
  content: "\e943";
}
.icons-thumbs-up-1:before {
  content: "\e944";
}
.icons-thumbs-up:before {
  content: "\e945";
}
.icons-time:before {
  content: "\e946";
}
.icons-view:before {
  content: "\e947";
}
.icons-wifi:before {
  content: "\e948";
}
*,
:after,
:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  margin: 0;
  padding: 0;
}
body {
  font-family: var(--font);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #14142b;
  background: #f1f1f1;
  -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;
}
.read__content figure {
    margin: 0;
}
a {
  color: inherit;
  text-decoration: none !important;
  vertical-align: top;
  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 {
  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;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
input:focus {
  outline: 0;
}
input:focus:-moz-placeholder,
input:focus:-ms-input-placeholder,
input:focus::-moz-placeholder,
input:focus::-webkit-input-placeholder {
  color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
.col-bs10-1,
.col-bs10-10,
.col-bs10-11,
.col-bs10-12,
.col-bs10-2,
.col-bs10-3,
.col-bs10-4,
.col-bs10-5,
.col-bs10-6,
.col-bs10-7,
.col-bs10-8,
.col-bs10-9,
.col-bs12-1,
.col-bs12-10,
.col-bs12-11,
.col-bs12-12,
.col-bs12-2,
.col-bs12-3,
.col-bs12-4,
.col-bs12-5,
.col-bs12-6,
.col-bs12-7,
.col-bs12-8,
.col-bs12-9,
.col-bs9-1,
.col-bs9-10,
.col-bs9-11,
.col-bs9-12,
.col-bs9-2,
.col-bs9-3,
.col-bs9-4,
.col-bs9-5,
.col-bs9-6,
.col-bs9-7,
.col-bs9-8,
.col-bs9-9 {
  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: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;
}
.col-offset-fluid {
  margin-right: -15px;
  margin-left: -15px;
}
.col-offset-0 {
  padding-right: 0;
  padding-left: 0;
}
.col-offset-center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.button,
button,
input,
select,
textarea {
  margin: 0;
  padding: 6px 12px;
  border-radius: 0;
  border: 1px solid #f7f7fc;
  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;
}
.button:focus,
.button:hover,
button:focus,
button:hover,
input:focus,
input:hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover {
  border: 1px solid #a2a2a2;
}
input[type="password"],
input[type="text"],
select {
  height: 45px;
}
input[type="password"]:disabled,
input[type="text"]:disabled {
  color: #c2bebe;
}
input[type="password"]:disabled:focus,
input[type="password"]:disabled:hover,
input[type="text"]:disabled:focus,
input[type="text"]:disabled:hover {
  border: solid 1px #f7f7fc;
  box-shadow: inherit;
}
textarea {
  min-height: 100px;
  max-width: 100%;
  width: 100%;
  resize: none;
}
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}
.form__attribute {
  padding: 12px 0 0;
}
.form__group {
  margin: 0 0 20px;
}
.form__group button,
.form__group input,
.form__group select,
.form__group textarea {
  width: 100%;
}
.form__group label {
  padding: 5px 0;
  font-size: 16px;
}
.form__group .error {
  color: red;
  padding: 2px 0;
  font-size: 12px;
}
.form__group .error:empty {
  padding: 0;
}
.form__group.select select {
  background: 0 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.form__group.select:after {
  content: "";
  top: 42px;
  right: 15px;
  width: 15px;
  height: 15px;
  border-left: 2px solid #a2a2a2;
  border-bottom: 2px solid #a2a2a2;
  transform: rotate(-45deg);
  z-index: 1;
  pointer-events: none;
}
.form__radio {
  padding: 13px 0 9px;
}
.form__radio input[type="radio"] {
  width: auto;
  margin-right: 10px;
}
.form__select {
  background: 0 0;
}
.form__select:after {
  content: "";
  right: 0;
  top: 0;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
}
.form__button {
  height: 45px;
  background: var(--utama);
  font-weight: 500;
  font-size: 16px;
  border: 1px solid var(--utama);
  text-transform: uppercase;
}
.form__button:focus,
.form__button:hover {
  background: #4d17e7;
  border: 1px solid #4d17e7;
}
.form__footer {
  padding: 10px 0;
}
.form--hide {
  visibility: hidden;
  display: none;
}
.social__item {
  padding: 0 2px;
}
.social__link {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  padding: 9px 8px;
  background: 0 0;
  font-size: 18px;
  line-height: 1;
}
.social__link--facebook {
  background: #3b5998;
}
.social__link--twitter {
  background: #1da1f2;
}
.social__link--instagram {
  background: #c13584;
}
.social__link--youtube {
  background: #cd201f;
}
.social__link--pinterest {
  background: #bd081c;
}
.social__link--whatsapp {
  background: #25d366;
}
.social__link--line {
  background: #00c300;
}
.social__link--linkedin {
  background: #0077b5;
}
.social__link--path {
  background: #ee3423;
}
.social__link--google-plus {
  background: #dd4b39;
}
.social__link--rss {
  background: #f26522;
}
.social__link--cookpad {
  background-color: #f3983e;
}
.social__link--kaskus {
  background-color: #faa61a;
}
.social__link--vidio {
  background-color: #ed3838;
}
.social__link--heart {
  background: #cd201f;
}
.social__link--comment-o {
  background: #b3b2b2;
}
.social--header {
  padding: 0;
}
.social--header .social__link {
  font-size: 16px;
  width: 32px;
  height: 32px;
  padding: 8px;
  color: #6e7191;
  background: #eee;
}
.social--header .social__link:hover {
  background: var(--utama);
  color: #fff;
}
.social--header .social__item {
  padding: 0 5px;
}
.social--article {
  padding: 10px 0 20px;
}
.social--article .social__link:hover {
  -ms-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}
.social__text {
  padding: 15px 0;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.social__share {
  vertical-align: top;
  padding: 2px 10px 0;
}
.social__share__count {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
.social__share span {
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
}
.header {
  padding: 0;
  z-index: 9;
  width: 1100px;
  margin-bottom: 15px;
}
@media (min-width: 1100px) {
  .header {
    width: 100%;
  }
}
.header__middle {
  padding: 0;
}
.header__middle .col-offset-fluid {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__bottom {
  background: var(--bgmenu);
  border-top: 1px solid #eee;
}
.logo {
  justify-content: flex-start !important;
  padding: 0 !important;
}
.logo img {
    padding: 10px 0;
    width: auto;
    height: 57px;
}
.is--scroll .header__bottom {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 1100px;
}
@media (min-width: 1100px) {
  .is--scroll .header__bottom {
    width: 100%;
  }
}
.header2 .col-bs12-7 {
    width: 100%;
    position: absolute;
    z-index: 1;
}
.header2 .logo {
    text-align: center;
}
.header2 .space-brand {
    width: 438px;
}
.header2 .network__menu {
    justify-content: center;
}
.header2 .col-bs12-4 {
    z-index: 2;
}
.content.boxed {
    max-width: 1160px;
    margin: 0 auto;
}
.content {
  background: #fff;
}
.nav {
  -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;
}
.nav__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  margin: 0 -6px;
  -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;
}
.nav__wrap .menu-image-title {
    padding: 0;
}
.nav li {
  transition-duration: 0.5s;
}
.nav li:hover {
  cursor: pointer;
  color: var(--utama);
}
.nav li ul {
  visibility: hidden;
  opacity: 0;
  margin-top: 1rem;
  left: 0;
  top: 15px;
  display: none;
  z-index: 1;
  padding: 10px;
  width: 250px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.nav li ul li {
  clear: both;
  width: 100%;
  width: 48%;
  vertical-align: top;
}
.nav li ul li a {
  padding: 10px 15px;
}
.nav li ul li a:hover {
  color: var(--utama) !important;
}
.nav li a {
  padding: 10px 14px;
}
.nav li ul:hover,
.nav li:hover > ul {
  visibility: visible;
  opacity: 1;
}
.nav__home {
  left: -35px;
  top: 12px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -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;
}
.nav__home .icon {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
.nav__home .icon:hover {
  color: #1cc8ee;
}
.nav__wrap.more {
  opacity: 0;
  visibility: hidden;
  margin: 0;
  flex-wrap: wrap;
  right: 0;
  top: 30px;
  z-index: 1;
  padding: 10px 10px;
  width: min-content;
  min-width: 150px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.nav__wrap.more li {
  width: 100%;
}
.nav__wrap.more li a {
  padding: 5px 7px;
}
.nav__more {
  right: -5px;
  top: 10px;
  z-index: 1;
}
.nav__more .icon {
  border-radius: 3px;
  font-size: 14px;
  color: #6e7191;
  padding: 0 5px;
  -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;
  margin-left: 5px;
}
.nav__more:hover .nav__wrap.more {
  opacity: 1;
  visibility: visible;
  top: 35px;
}
.nav__more > a {
  line-height: 1;
  padding: 2px 5px;
}
.nav__more > a:hover .icon {
  background: var(--utama);
  color: #fff;
}
.is--scroll .nav__home {
  opacity: 1;
  visibility: visible;
}
.search__bar {
  margin-top: 0;
}
.search__bar .icon {
  right: 10px;
  top: 10px;
  z-index: 2;
  font-size: 19px;
  pointer-events: none;
}
.search__input {
  background: 0 0;
  height: 40px !important;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: 5px;
}
.search__input:focus,
.search__input:hover {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: 0 0;
  box-shadow: none;
  border: 1px solid #eee;
}
.search__submit {
    right: 1px;
    top: 1px;
    z-index: 1;
    width: 40px;
    height: 38px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: 0 0;
    box-shadow: none;
    border: none;
    color: transparent;
    bottom: 1px;
}
.search__submit:focus,
.search__submit:hover {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: 0 0;
  box-shadow: none;
  border: none;
  color: transparent;
}
.hl__big {
  height: 421px;
}
.hl__small {
  margin-top: -7px;
  height: 189px;
}
.hl__link:hover {
  color: inherit;
}
.hl__b-img {
  height: 416px;
}
.hl__b-img img {
  width: 100%;
}
.hl__b-box {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 160px 20px 30px;
  background: linear-gradient(90deg, #14142b, transparent);
  background: -webkit-linear-gradient(90deg, #14142b, transparent);
}
.hl__b-subtitle {
  padding: 5px 10px;
  color: #fff;
}
.hl__b-author {
  padding: 0;
  letter-spacing: 1.2px;
}
.hl__b-author__img {
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  border-radius: 100%;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}
.hl__b-title {
  margin: 10px 0 12px;
  padding: 0;
  height: auto;
  max-height: 156px;
}
.hl__b-title a {
  color: #fff;
}
.hl__b-title a:hover {
  color: #fcfcfc;
}
.hl__b-date {
  letter-spacing: 1.2px;
}
.hl__s-item {
  height: 182px !important;
  background: #fff;
  margin-top: 7px;
  width: 25%;
  vertical-align: top;
  float: left;
}
.hl__s-item:after {
  content: "";
  width: 100%;
  top: -5px;
  left: 0;
  border-top: 5px solid transparent;
  z-index: 1;
}
.hl__s-item.slick-current {
  background-color: #eee;
}
.hl__s-item.slick-current:after {
  border-top: 7px solid var(--utama);
}
.hl__s-img {
  cursor: pointer;
  width: 100%;
  height: calc(174px / (5 / 3));
}
.hl__s-img img {
  width: 100%;
}
.hl__s-title {
  margin: 7px 0;
  padding: 0 10px;
  height: auto;
  max-height: 60px;
}
.hl__s-title a:hover {
  text-decoration: underline;
}
.hl .slick-dots {
  bottom: 33px;
  padding-right: 20px;
}
.hl .slick-dots li.slick-active button {
  background: #eba657;
  background: var(--utama);
}
.hl .slick-dots li button:before {
  content: "";
}
.latest__item {
  margin: 15px 0;
  min-height: calc(220px / (5 / 3));
}
.latest__item:first-child {
  margin: 0 0 15px;
}
.latest__img {
  width: 190px;
  height: calc(190px / (5 / 3));
  float: left;
  margin-right: 15px;
  border: 1px solid #eee;
}
.latest__subtitle {
  padding: 0;
}
.latest__title {
  margin: 6px 0;
  font-size: 18px;
  height: auto;
  max-height: 81px;
}
.latest__lead {
  margin: 10px 0;
}
.latest__date {
  color: #999;
}
.latest__author {
  padding: 0 0 5px;
  letter-spacing: 1px;
}
.latest__author__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 0 0 10px;
}
.latest__author__img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin-right: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
.latest__more {
  margin: -10px 0 0;
  padding: 0 0 20px;
}
.latest__button {
  padding: 10px 15px;
  text-transform: uppercase;
  border: 2px solid var(--utama);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
 font-size:13px;
}
.latest--article .latest__item {
  margin: 20px 0;
  min-height: 100px;
}
.latest--article .latest__img {
  width: 100px;
  height: 100px;
}
.latest--article .latest__title {
  margin: 0 0 7px;
  max-height: 71px;
}
.latest--video .latest__wrap {
  margin: 0 -5px;
}
.latest--video .latest__item {
  width: 240px;
  float: left;
  margin: 0 5px 15px;
  border: 1px solid #eee;
}
.latest--video .latest__img {
  float: none;
  width: inherit;
  height: calc(240px / (16 / 9));
}
.latest--video .latest__img img {
  width: 100%;
}
.latest--video .latest__right {
  height: 145px;
  padding: 10px 15px;
}
.latest--video .latest__title {
  height: auto;
  max-height: 72px;
}
.latest--video .latest__more {
  margin: 0;
}
.latest--photos .latest__wrap {
  margin: 0 -5px;
}
.latest--photos .latest__item {
  width: 240px;
  float: left;
  margin: 0 5px 15px;
  border: 1px solid #eee;
}
.latest--photos .latest__img {
  float: none;
  width: inherit;
  height: calc(240px / (16 / 9));
}
.latest--photos .latest__img img {
  width: 100%;
}
.latest--photos .latest__right {
  height: 145px;
  padding: 10px 15px;
}
.latest--photos .latest__title {
  height: auto;
  max-height: 72px;
}
.latest--photos .latest__more {
  margin: 0;
}
.most__number {
  width: 45px;
  height: 55px;
  padding: 8px 3px 8px 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;
}
.most__right {
  padding-left: 15px;
  flex: 1;
}
.most__title {
  height: auto;
  max-height: 93px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.most .ads__subtitle {
  border-bottom: none;
  margin-top: 5px;
}
.most__wrap {
  background-color: #fff;
  border: 1px solid #eee;
}
.most__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0;
  padding: 10px 15px;
  align-items: center;
  border-bottom: 1px solid #eee;
}
.most__item:last-child {
  border-bottom: 1px solid transparent;
}
.most .title {
  padding: 15px 0 15px;
}
.button--login {
  width: auto;
  padding: 10px 20px;
  margin: 0 0 20px;
  border: 1px solid transparent;
  vertical-align: text-bottom;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: 0 0;
  box-shadow: none;
  border-radius: 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;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.button--login:hover {
  border: 1px solid transparent;
  background: var(--utama);
}
.button--login .icon {
  left: 15px;
  top: 11px;
  z-index: 1;
  font-size: 20px;
}
.button--facebook {
  background: #3b5998;
}
.button--facebook:hover {
  background: #30487b;
}
.button--google {
  background: #dd4b39;
}
.button--google:hover {
  background: #ca3523;
}
.page__teaser {
  padding: 0 0 30px;
}
.page__teaser a {
  color: var(--utama);
}
.filter {
  margin: 30px 0;
  padding: 15px 0;
  border-bottom: 1px solid var(--utama);
}
.filter span {
  margin-right: 20px;
}
.filter__title {
  font-style: italic;
}
.editors {
    padding: 20px;
    border: 1px solid #eee;
    background-color: #fff;
}
.editors .title {
    padding-top: 0;
}
.feed-item .latest__subtitle:after {
    content: "";
    margin: 0 3px 0 6px;
    width: 3px;
    height: 3px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background-color: #999;
}
.editors__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.editors__item {
  width: 33.333333%;
  padding: 0 5px;
}
.editors__img {
  height: calc(214px / (5 / 3));
}
.editors__img img {
  width: 100%;
}
.editors__box {
  padding: 5px 5px 0px;
}
.editors__subtitle {
  text-transform: uppercase;
}
.editors__title {
  margin: 3px 0 5px;
  height: auto;
  max-height: 60px;
}
.editors__date {
  color: #999;
}
.editors .arrow {
  top: 45px;
}
.network {
  padding: 20px 20px 15px;
  background: #14142b url("https://premis.id/wp-content/themes/mediakit-1/assets/images/bg_box_1.svg") top right no-repeat;
}
.network__menu {
  display: flex;
  justify-content: flex-end;
  z-index: 11;
}
.network__menu li {
  padding: 0 10px;
  transition-duration: 0.5s;
  position: static;
  vertical-align: middle;
  border-right: 1px solid #eee;
}
.network__menu li .icons {
  margin-right: 10px;
}
.network__menu li:hover {
  cursor: pointer;
}
.network__menu li:hover > a {
  color: var(--utama);
}
.network__menu li .w-200 {
  width: 350px;
  left: 267px;
}
.network__menu li:last-child {
  border: none;
}
.network__menu li ul {
  visibility: hidden;
  opacity: 0;
  margin-top: 1rem;
  left: calc(100% - 1070px);
  top: 40px;
  display: none;
  z-index: 1;
  padding: 10px;
  width: 1070px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid var(--utama);
}
.network__menu li ul li {
  clear: both;
  width: 100%;
  width: 19%;
  vertical-align: top;
  border-left: 0 solid #eee;
  border-right: 0px solid #eee;
}
.network__menu li ul li a {
  padding: 5px 0;
  color: #333;
  justify-content: flex-start;
}
.network__menu li ul li a:hover {
  color: var(--utama);
}
.network__menu li a {
  padding: 16px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.network__menu li a img {
  margin-right: 10px;
  height: 25px;
}
.network__menu li ul:hover,
.network__menu li:hover > ul {
  visibility: visible;
  opacity: 1;
}
.network__menu li date {
  display: flex;
  justify-content: flex-end;
  padding: 19px 0;
}
.network__menu li .social {
  padding: 13px 0;
}
.network__menu__search {
  width: 100% !important;
  padding: 30px 0;
}
.network__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
  margin: 0;
}
@media (min-width: 1100px) {
  .network__wrap {
    margin: 0 -15px;
  }
}
.network .title {
    padding-top: 0;
}
.network__item {
  width: 25%;
  padding: 0 15px;
}
.network__img {
  margin-bottom: 5px;
}
.network__img img {
  width: 100%;
}
.network__box {
  padding: 5px 10px 0px;
}
.network__city {
  text-transform: uppercase;
  padding: 3px 5px;
  margin: 5px;
  left: 0;
  top: 0;
}
.network__title {
  margin: 5px 0;
  height: auto;
  max-height: 60px;
}
.network__link:hover {
  text-decoration: underline;
}
.network .arrow--left {
  left: 0;
}
.network .arrow--right {
  right: 0;
}
.network__sidebar {
  margin-bottom: 20px;
}
.network__sidebar .network__item {
  width: 100%;
  padding: 0 0;
  border: 1px solid #eee;
  margin-bottom: 20px;
}
.network__sidebar .network__city {
  color: var(--utama);
}
.network__sidebar .network__title {
  height: 48px;
  max-height: 48px;
}
.network__sidebar .network__link:hover {
  color: var(--utama);
}
.topic {
  padding: 20px 20px 15px;
  background: var(--utama) url("https://premis.id/wp-content/themes/mediakit-1/assets/images/bg_box_1.svg") top right no-repeat;
}
.topic .title{
	padding-top:0;
}
.topic__date {
  margin-bottom: 15px;
}
.topic__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  margin: 0;
}
@media (min-width: 1100px) {
  .topic__wrap {
    margin: 0 -15px;
  }
}
.topic__item {
  margin: 0 15px;
  width: 33%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}
.topic__img {
  width: 100%;
  height: calc(230px / (5 / 3));
}
.topic__img img {
  width: 100%;
}
.topic__box {
  padding: 0 10px;
}
.topic__title {
  margin: 10px 0;
}
.topic__link:hover {
  color: inherit;
  text-decoration: underline;
}
.topic__b-cat {
  padding: 8px 10px;
  height: 36px;
}
.topic__b-img {
  height: 421px;
}
.topic__b-img img {
  width: 100%;
}
.topic__b-box {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px 20px;
  background: linear-gradient(90deg, #000, transparent);
  background: -webkit-linear-gradient(90deg, #000, transparent);
}
.topic__b-title {
  margin: 15px 0 12px;
  padding: 0;
  height: auto;
  max-height: 156px;
}
.topic__b-title a:hover {
  color: inherit;
  text-decoration: underline;
}
.topic__b-lead {
  width: calc(100% - 120px);
  margin: 0;
  padding: 0;
}
.topic__b-link {
  float: right;
  padding: 8px 15px;
  border-radius: 20px;
}
.topic--list {
  padding: 20px 0;
}
.topic--list .topic__wrap {
  margin: 0 -10px;
  flex-wrap: wrap;
}
.topic--list .topic__item {
  width: 33.333333%;
  padding: 0 10px 20px;
  margin: 0;
}
.topic--list .topic__box {
  padding: 0 0 10px;
  background: 0 0;
}
.topic--list .topic__title {
  margin: 10px 0;
  font-size: 16px;
  max-height: inherit;
  height: auto;
}
.widget {
  padding-top: 10px;
}
.widget table {
  width: 100%;
}
.widget td,
.widget th {
  padding: 12px 15px;
}
.widget td span,
.widget th span {
  float: right;
}
.widget tr {
  border-bottom: 1px solid #f7f7fc;
}
.widget__title {
  padding: 15px;
}
.widget__title span {
  padding: 3px 0 0;
  float: right;
  font-size: 14px;
  font-weight: 400;
}
.widget__salat a {
  color: var(--utama);
}
.widget__salat a:hover {
  text-decoration: underline;
}
.widget__epaper__box {
  border: 1px solid #eee;
}
.widget__epaper__img {
  margin: 10px;
  height: 300px;
}
.widget__epaper__title {
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 200px 10px 20px;
  margin: 20px 20px 0;
  width: calc(100% - 40px);
  background: linear-gradient(90deg, #fff, transparent);
  background: -webkit-linear-gradient(90deg, #fff, transparent);
}
.widget__epaper a {
  color: inherit;
}
.widget__epaper a:hover .widget__epaper__title {
  text-decoration: underline;
}
.widget__mail {
  padding: 15px 15px 0;
  border: 1px solid #eee;
}
.widget__mail__wrap {
  padding: 0 0 20px;
}
.widget__mail__footer {
  padding: 15px;
  margin: 0 -15px;
}
.widget__mail__footer a {
  vertical-align: middle;
  padding: 7px 15px;
  text-transform: uppercase;
}
.widget__mail__footer a i {
  vertical-align: middle;
  margin-right: 5px;
}
.widget__mail__title {
  margin: 0 0 10px;
}
.widget__mail p {
  margin: 0;
}
.widget__valas {
  border: 1px solid #eee;
}
.widget__valas__content {
  height: 235px;
  overflow-x: scroll;
}
.widget__login {
  width: 400px;
  margin: 5vh auto;
  padding: 10px 30px 30px;
}
.widget__login__box {
  margin: 20px 0 0;
}
.opinion__wrap {
  border: 1px solid #eee;
}
.opinion__img {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  -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;
  border: 5px solid #fff;
}
.opinion__img img {
  width: 100%;
}
.opinion__right {
  width: calc(100% - 64px);
  padding-left: 15px;
}
.opinion__author {
  margin: 5px 0;
  height: auto;
  max-height: 95px;
}
.opinion__author__title {
  margin: 5px 0;
}
.opinion__title {
  margin: 5px 0;
  height: auto;
  max-height: 58px;
}
.opinion__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 10px 15px;
  align-items: center;
  border-top: 1px solid #eee;
}
.opinion__item:hover .opinion__img {
  -ms-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  border: 5px solid var(--utama);
}
.opinion__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 15px;
}
.opinion__header .opinion__right {
  padding-left: 25px;
  align-self: center;
}
.videos {
  padding: 20px 30px 30px;
  background: var(--utama) url("https://premis.id/wp-content/themes/mediakit-1/assets/images/bg_box_1.svg") top right no-repeat;
}
.videos__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  margin: 0;
}
@media (min-width: 1100px) {
  .videos__wrap {
    margin: 0 -15px;
  }
}
.videos__img {
  width: 100%;
  height: calc(230px / (16 / 9));
}
.videos__img img {
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  -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;
}
.videos__img:hover .icon {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
.videos__img:hover img {
  opacity: 0.75;
}
.videos__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
}
.videos__info {
  padding: 0 10px;
}
.videos__title {
  height: auto;
  max-height: 62px;
  margin-bottom: 5px;
}
.videos__duration {
  padding: 3px 10px;
  z-index: 2;
  right: 0;
  bottom: 0;
}
.videos__item {
  margin: 0 15px;
  width: 25%;
}
.videos__latest__box {
  z-index: 1;
  bottom: 0;
  right: 0;
  padding: 6px 10px;
}
.videos__hl .videos__box {
  pointer-events: none;
  z-index: 1;
  width: 100%;
  padding: 15px;
}
.videos__hl .videos__info {
  padding: 0;
}
.videos__hl .videos__item {
  width: 100%;
  border: 1px solid #eee;
}
.videos__hl .videos__img {
  height: calc(740px / (16 / 9));
}
.videos__player {
  margin-bottom: 20px;
}
.videos__caption {
  padding: 10px 0;
}
.videos__ratio {
  padding-bottom: 56.25%;
}
.videos__ratio img {
  width: 100%;
}
.videos__ratio iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.latest__item:hover .icon-play {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
.photo {
  margin-bottom: 20px;
}
.photo__main {
  width: 1100px;
}
@media (min-width: 1100px) {
  .photo__main {
    width: 100%;
  }
}
.photo img {
  width: 100%;
}
.photo__author {
  display: inline;
  padding: 0 5px;
}
.photo__caption {
  padding: 10px 0;
}
.photo__icon {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  padding: 10px;
}
.photo__icon__expand {
  top: 15px;
  right: 15px;
  z-index: 1;
}
.photos {
  padding: 20px 30px 30px;
  background: var(--utama) url("https://premis.id/wp-content/themes/mediakit-1/assets/images/bg_box_1.svg") top right no-repeat;
}
.photos__img .icon {
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 40px;
  opacity: 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;
}
.photos__img img {
  width: 100%;
  opacity: 1;
  -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;
}
.photos__img:hover .icon {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
.photos__img:hover img {
  opacity: 0.75;
}
.photos__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  margin: 0;
}
@media (min-width: 1100px) {
  .photos__wrap {
    margin: 0 -15px;
  }
}
.photos__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0;
}
.photos__info {
  padding: 0 10px;
}
.photos__title {
  height: auto;
  max-height: 62px;
  margin-bottom: 5px;
}
.photos__count {
  padding: 3px 10px;
  z-index: 2;
  left: 5px;
  top: 5px;
}
.photos__count span {
  margin-right: 5px;
}
.photos__item {
  margin: 0 15px;
  width: 25%;
}
.photos__hl .photos__box {
  pointer-events: none;
  z-index: 1;
  width: 100%;
  padding: 15px;
}
.photos__hl .photos__info {
  padding: 0;
}
.photos__hl .photos__item {
  width: 100%;
  border: 1px solid #eee;
  margin: 0;
}
.photos__hl .photos__img {
  height: calc(740px / (2 / 1));
}
.latest__item:hover .photos__latest__box {
  -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;
  background: rgba(0, 0, 0, 0.4);
}
.gallery__cover {
  margin-bottom: 20px;
}
.gallery__item {
  cursor: zoom-in;
}
.gallery__list .photos__count {
  right: 20px;
  bottom: 20px;
  left: inherit;
  top: inherit;
}
.gallery__list .photos__count span {
  vertical-align: middle;
}
.mfp-gallery .arrow {
  top: calc(50% - (39px / 2));
  background: 0 0;
  font-size: 35px;
  border: none;
  box-shadow: none;
  padding: 0 13.6px;
  position: fixed;
}
.mfp-gallery .arrow .icon {
  pointer-events: none;
}
.mfp-gallery .arrow--left {
  left: 10px;
}
.mfp-gallery .arrow--right {
  right: 10px;
}
.mfp-gallery .mfp-close {
  position: fixed;
}
.p404 {
  min-height: 100%;
  height: 70vh;
}
.p404__bubble {
  padding: 30px 0;
  border-radius: 100%;
  background: var(--utama);
  width: 45%;
  margin: 0 auto;
}
.p404__bubble:after {
  content: "";
  z-index: -1;
  bottom: -59px;
  right: 100px;
  width: 0;
  height: 0;
  border-top: 60px solid var(--utama);
  border-bottom: 60px solid transparent;
  border-right: 40px solid transparent;
  border-left: 40px solid var(--utama);
  -ms-transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}
.p404__title {
  font-size: 150px;
  font-weight: 600;
  line-height: 1;
  color: var(--utama);
}
.p404__subtitle {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  color: var(--utama);
}
.p404__content {
  padding: 30px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.p404__link {
  width: 150px;
  margin: 0 auto;
  padding: 10px 0;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  -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;
  background: var(--utama);
}
.p404__link:hover {
  background: #4d17e7;
}
.mail__teaser {
  padding: 10px 0 20px;
}
.breaking {
  margin: 30px 0 0;
}
.breaking__wrap {
  background: #ffdfdf;
  padding: 10px 15px 10px 190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.breaking__title {
  width: auto;
  height: 50px;
  top: -5px;
  left: 0;
  z-index: 1;
  text-transform: uppercase;
  font-style: italic;
  background: 0 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.breaking__title span {
  float: left;
  padding: 15px 15px 15px 35px;
  background: #ed2e2e;
}
.breaking__title span:before {
  content: "";
  left: 10px;
  bottom: 18px;
  width: 15px;
  height: 15px;
  background: #c30000;
  border-radius: 10px;
  -webkit-animation: blink 1s infinite;
  -moz-animation: blink 1s infinite;
  -ms-animation: blink 1s infinite;
  -o-animation: blink 1s infinite;
  animation: blink 1s infinite;
}
.breaking__content {
  height: 22px;
}
.breaking__content a:hover {
  color: #c30000;
}
.breaking__content span {
  padding-left: 40px;
}
.title {
  padding: 15px 0 15px;
}
.title span {
  padding-right: 15px;
  vertical-align: middle;
}
.title:after {
  content: "";
  vertical-align: middle;
  width: 20%;
  height: 4px;
}
.title__pr {
  padding: 15px 0;
}
.title__pr span {
  width: 50%;
  vertical-align: middle;
}
.title__pr__img {
  width: 50%;
}
.title__pr__img img {
  height: 23px;
  max-width: inherit;
}
.title__pr:after {
  top: 10px;
}
.title__network {
  padding: 15px 0 5px;
}
.title__network img {
  height: 35px;
  max-width: inherit;
}
.title__network a,
.title__network span {
  width: 50%;
  vertical-align: middle;
}
.title__network a {
  font-size: 12px;
}
.title__network:after {
  top: 0;
}
.breadcrumb {
  margin-top: 30px;
}
.breadcrumb__item {
  padding: 10px;
}
.breadcrumb__item:after {
  content: ">";
  margin-left: 20px;
}
.breadcrumb__item:first-child {
  padding: 10px 15px;
}
.breadcrumb__item:first-child:after {
  content: "";
  margin-left: 0;
}
.breadcrumb__item:last-child:after {
  content: "";
}
.read__article {
  padding: 0 0 20px;
}
.read__article .col-bs12-3 {
  width: 160px;
}
.read__article .col-bs12-9 {
  width: calc(100% - 160px);
  padding-right: 0;
}
.read__title {
  margin: 0 0 10px;
}
.read__info {
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.read__info a {
  font-weight: 500;
}
.read__info a:hover {
  text-decoration: underline;
}
.read__info__date {
  padding-left: 5px;
}
.read__info__img {
  margin-right: 15px;
  border-radius: 100%;
  width: 50px;
  height: 50px;
}
.read__photo {
  margin: 0 0 20px;
}
.read__content {
  padding: 0 0 20px;
  line-height: 27px;
}
.read__content h2,
.read__content h3,
.read__content h4,
.read__content h5 {
  margin: 15px 0 15px;
}

.read__content h2 {
	font-size: 20px;
}
.read__content h3 {
	font-size: 19px;
}
.read__content p {
  margin: 17px 0;
}
.read__content ol,
.read__content ul {
  list-style: disc;
  padding: 0 0 0 30px;
}
.read__content ol {
  list-style: decimal;
}
.read__content li {
  list-style: inherit;
  display: list-item;
}
.read__content iframe {
  max-width: 100%;
}
.read__content table {
  table-layout: auto !important;
}
.read__content table colgroup col,
.read__content table td,
.read__content table th {
  width: auto !important;
}
.read__tagging {
  padding: 10px 0;
}
.related__list li {
  border-bottom: 1px solid #eee;
}
.related__list li:last-child {
  border-bottom: 1px solid transparent;
}
.related__list li a {
  padding: 15px 0;
}
.tag__list {
  margin: 0 -2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.tag__list li {
  padding: 0 2px 8px;
}
.tag__list li a {
  padding: 5px 10px;
}
.comment__wrap {
  padding: 10px 0 30px;
}
.paging {
  padding: 15px;
  border: 1px solid #eee;
}
.paging__wrap {
  padding: 0;
}
.paging__teaser {
  padding: 12px 0 0;
  width: 80px;
}
.paging__all {
  float: right;
  margin: 5px 2px;
  padding-left: 5px;
}
.paging__item, .paging__wrap .post-page-numbers, .paging__wrap .page-numbers {
    vertical-align: middle;
    margin: 5px 1px;
    display: inline-block;
}
.paging__link, .paging__wrap .post-page-numbers, .paging__wrap .page-numbers {
    padding: 7px 11px;
    line-height: 1;
    border-radius: 20px;
    border: 1px solid var(--utama);
}
.paging__link--active, .paging__link:hover, .paging__wrap > a:hover, .paging__wrap > .post-page-numbers.current, .paging__wrap .page-numbers.current, .paging__wrap .post-page-numbers:hover, .paging__wrap .page-numbers:hover, .paging__wrap .post-page-numbers span:hover {
    background: var(--utama);
}
.paging__wrap .paging__nextprev .post-page-numbers:hover {
    background: unset;
}
.paging--article {
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.paging--article .paging__wrap {
  width: calc(100% - 80px);
}
.paging--page {
  padding: 10px 0;
}
.paging--page .paging__link, .paging__wrap .page-numbers {
  padding: 12px 15px;
  min-width: 38px;
}
body:after {
  content: "";
  background: 0 0;
}
#modals {
  visibility: hidden;
  opacity: 0;
}
.modals {
  width: 100%;
  height: 100%;
}
.modals:after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 10 !important;
  -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;
}
.modals #modals {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 101 !important;
  visibility: visible;
  opacity: 1;
}
.modals__hide {
  display: none;
}
.modals__content {
  top: 50%;
  padding: 0 20px;
  opacity: 0;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.modals .modals__content {
  opacity: 1;
}
.modals__box {
  max-width: 450px;
  margin: 0 auto;
  padding: 25px;
  border-radius: 10px;
}
.modals__footer {
  border-top: 1px solid #eee;
  padding: 10px 25px 0;
  margin: 20px -25px -15px;
}
.modals__button {
  cursor: pointer;
  outline: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--utama);
  border: 1px solid transparent;
  box-shadow: none;
}
.footer {
  margin-top: 40px;
  padding: 20px 0 20px;
  background-image: url("https://premis.id/wp-content/themes/mediakit-1/assets/images/bg_footer.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 1100px;
  border-top: 1px solid #e4daff;
}
@media (min-width: 1100px) {
  .footer {
    width: 100%;
  }
}
.footer p {
  margin: 0;
}
.footer__logo {
  padding: 0 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.footer__logo a {
  z-index: 2;
  padding: 0 10px 0 0;
}
.footer__logo .widget {
    max-width: 200px;
}
.footer__logo a{
  padding: 5px 0;
}
.footer__item {
  padding: 0;
}
.footer__menu {
  padding: 0;
}
.footer__menu.inline .footer__item:after {
  content: "|";
  right: -5px;
  bottom: 1px;
}
.footer__menu.inline .footer__item:last-child:after {
  content: "";
}
.footer__menu.inline li:first-child a
.footer__menu.inline .footer__item:first-child .footer__link {
  padding-left: 0;
}
.footer__menu.inline .footer__link {
  padding: 0 5px;
}
.footer__network {
  padding: 20px 0 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 14px;
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.footer__network span {
  vertical-align: middle;
}
.footer__network .img {
  padding: 0 10px;
  vertical-align: middle;
}
.footer__network .img img {
  height: 25px;
}
.footer__copyright {
  padding: 0;
  margin: 0;
}
.footer__contact i {
  margin-right: 5px;
}
.footer__bottom {
  letter-spacing: 0.6px;
  padding-top: 40px;
  padding-bottom: 15px;
}
.slick-slider {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  left: 0;
  top: 0;
}
.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  outline: 0;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-dots {
  bottom: -45px;
  list-style: none;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  height: 10px;
  width: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: 0 0;
  height: 10px;
  width: 10px;
  outline: 0;
  line-height: 0;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1;
}
.slick-dots li button:before {
  top: 0;
  left: 0;
  content: "•";
  width: 10px;
  height: 10px;
  font-family: slick;
  font-size: 6px;
  line-height: 10px;
  color: #000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}
.arrow {
    top: 33.333%;
    z-index: 1;
    font-size: 30px;
    line-height: 1;
    border-radius: 100%;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.4);
    width: 30px;
    height: 30px;
    text-align: center;
}
.arrow:hover {
  background: var(--utama);
}
.arrow--left {
  left: -10px;
}
@media (min-width: 1100px) {
  .arrow--left {
    left: -12px;
  }
}
.arrow--right {
  right: -10px;
}
@media (min-width: 1100px) {
  .arrow--right {
    right: -12px;
  }
}
.mfp-bg {
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1042;
  position: fixed;
  background: #000;
  opacity: 0.9;
  width: 1100px;
}
@media (min-width: 1100px) {
  .mfp-bg {
    width: 100%;
  }
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: 0 !important;
  -webkit-backface-visibility: hidden;
  width: 1100px;
}
@media (min-width: 1100px) {
  .mfp-wrap {
    width: 100%;
  }
}
.mfp-container {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container:before {
  content: "";
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  vertical-align: middle;
  margin: 0 auto;
  z-index: 1045;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #fff;
  top: 50%;
  width: auto;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #fff;
}
.mfp-preloader a:hover {
  color: #fff;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-arrow,
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  outline: 0;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  right: 0;
  top: 0;
  text-decoration: none;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus,
.mfp-close:hover {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  top: 5px;
  right: 5px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-counter i {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
.mfp-arrow {
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:focus,
.mfp-arrow:hover {
  opacity: 1;
}
.mfp-arrow:after,
.mfp-arrow:before {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  left: 0;
  top: 40px;
  bottom: 40px;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  background: #000;
}
.mfp-figure small {
  color: #fff;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -40px;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
  background: #000;
  padding: 10px;
}
.mfp-title {
  line-height: 1.3;
  color: #fff;
  word-wrap: break-word;
  padding-right: 80px;
  font-size: 12px;
  min-height: 20px;
}
.mfp-image-holder .mfp-content {
  max-width: 998px;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.ads__banner {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.ads__item {
  padding: 0;
}
.ads__middle {
  padding: 40px 0;
}
.ads__top {
  padding: 0;
  width: 1100px;
}
@media (min-width: 1100px) {
  .ads__top {
    width: 100%;
  }
}
.ads__top:empty {
  padding: 0;
}
.ads__bottom {
  padding: 20px 0;
}
.ads__horizontal {
  margin: 0;
  padding: 0;
  position: fixed;
  bottom: 0;
  left: calc((100% - 1100px) / 2);
  width: 1100px;
  z-index: 10;
  height: auto;
  background: #eee;
}
.ads__close {
  background: #eee;
  right: 0;
  top: -20px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1;
}
.ads__wrap {
  padding: 15px 0;
}
.ads__title {
  padding: 10px 20px;
  background: #f5f5f5;
  letter-spacing: 5px;
  font-style: italic;
  margin-top: 10px;
  font-size: 20px;
  color: #616161;
}
.ads__parallax {
  height: 300px;
  margin: 15px 0;
}
.ads__parallax a {
  width: 100%;
  height: 100%;
}
.ads__parallax__img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  clip: rect(auto, auto, auto, auto);
}
.ads__parallax__fixed {
  width: 595px;
  height: 100%;
  position: fixed;
  top: 0;
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.ads__stick {
  position: fixed;
  top: 102px;
  z-index: 10;
  width: 100%;
  -webkit-transition: top 0.2s ease;
  -moz-transition: top 0.2s ease;
  -ms-transition: top 0.2s ease;
  -o-transition: top 0.2s ease;
  transition: top 0.2s ease;
}
.ads__stick__wrap {
  width: 100%;
}
.ads__stick__fluid {
  width: calc((100% - 1100px) / 2);
  top: 0;
}
.ads__stick__fluid img {
  max-width: none;
}
.ads__stick__fluid--left {
  left: 0;
}
.ads__stick__fluid--right {
  right: 0;
}
.ads__stick--sticky {
  top: 60px;
}
.ads__stick--left {
  right: 0;
  width: 160px;
}
.ads__stick--right {
  left: 0;
  width: 160px;
}
.billboard {
    max-width: 970px;
    margin: auto;
    position: relative;
    margin-bottom: 15px;
}
.ads__sticky__bottom {
  position: fixed;
  bottom: 50px;
  right: -360px;
  z-index: 10;
  -webkit-animation: slideLeft 0.3s linear 3s 1 alternate forwards;
  -moz-animation: slideLeft 0.3s linear 3s 1 alternate forwards;
  -ms-animation: slideLeft 0.3s linear 3s 1 alternate forwards;
  -o-animation: slideLeft 0.3s linear 3s 1 alternate forwards;
  animation: slideLeft 0.3s linear 3s 1 alternate forwards;
}
.ads__sticky__bottom__wrapper {
  padding-bottom: 56.25%;
  width: 320px;
  padding-top: 30px;
  height: 0;
}
.ads__sticky__bottom__wrapper embed,
.ads__sticky__bottom__wrapper iframe,
.ads__sticky__bottom__wrapper object {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ads__sticky__bottom .ads__button {
  width: 25px;
  height: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  font-size: 18px;
  margin-bottom: 5px;
}
@keyframes slideLeft {
  from {
    right: -360px;
  }
  to {
    right: 15px;
  }
}
.is--scroll .ads__stick {
  top: 43px;
}
@-webkit-keyframes blink {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
@keyframes blink {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
.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;
}
.display-table {
  display: table;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.display-center {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.divider {
  padding: 2px 0;
  margin: 40px 0;
}
.pull-right {
  float: right;
}
.row__bg {
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: var(--utama);
  width: 1100px;
}
@media (min-width: 1100px) {
  .row__bg {
    width: 100%;
  }
}
.tab__hide {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.footer__menu ul {
    padding: 0;
    margin: 0;
}
.footer__menu li {
    display: block;
}
.footer__menu.inline li {
    display: inline-block;
}
.footer__menu a {
    color: #6e7191;
    padding: 0 5px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}
.footer__menu.inline li:first-child a{
    padding-left: 0;
}
.footer__menu.inline li:after {
    content: "|";
    right: -5px;
    bottom: 1px;
}
.footer__menu.inline li:last-child:after {
    content: "";
    right: -5px;
    bottom: 1px;
}
.footer__menu .menu-image-title {
    padding: 0;
}
.tag-item {
    padding: 5px 0;
}
.tag-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: baseline;
    font-size: 16px;
}
.hastag {
    color: var(--utama);
    margin-right: 8px;
    font-size: 22px;
}
.tag-title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
}
.more_article .social {
    align-items: center;
    display: flex;
}
span.sharetitle {
    margin-right: 5px;
}
.mode, .mode:hover {
    padding: 16px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    outline: none;
    box-shadow: unset;
    background-color: transparent;
}
.network__menu li a {
	font-size:16px;
}
.mode .dark {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Emoon@1x%3C/title%3E%3Cg id='moon' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Group' transform='translate(-0.000000, -0.000000)' stroke='%23000000' stroke-width='1.6'%3E%3Cpath d='M21.0000001,12.7900001 C20.5623509,17.5258085 16.5155206,21.1036352 11.7617765,20.9575684 C7.00803243,20.8115016 3.1884985,16.9919677 3.04243172,12.2382236 C2.89636495,7.48447951 6.47419162,3.43764924 11.21,3.00000001 C9.15036197,5.78645174 9.43925663,9.66045323 11.8894017,12.1105984 C14.3395469,14.5607435 18.2135484,14.8496381 21.0000001,12.7900001 L21.0000001,12.7900001 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.mode .light {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17Z' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 1V3' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21V23' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.22 4.22L5.64 5.64' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.36 18.36L19.78 19.78' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 12H3' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 12H23' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.22 19.78L5.64 18.36' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.36 5.64L19.78 4.22' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.mode:focus{
    border: 0;
    outline: none;
    box-shadow: unset;
}
.nav li a {
  font-size: 15px;
  font-weight: 500;
}
.hl__b-title {
  font-size: 25px;
}
.hl__s-title {
  font-size: 14px;
}
.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-family:arial;font-size:15px;line-height:1em}.daterangepicker:after,.daterangepicker:before{position:absolute;display:inline-block;border-bottom-color:rgba(0,0,0,.2);content:''}.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}.daterangepicker.opensleft:before{right:9px}.daterangepicker.opensleft:after{right:10px}.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.openscenter:after{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.opensright:before{left:9px}.daterangepicker.opensright:after{left:10px}.daterangepicker.drop-up{margin-top:-7px}.daterangepicker.drop-up:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}.daterangepicker.drop-up:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}.daterangepicker.single .daterangepicker .ranges,.daterangepicker.single .drp-calendar{float:none}.daterangepicker.single .drp-selected{display:none}.daterangepicker.show-calendar .drp-calendar{display:block}.daterangepicker.show-calendar .drp-buttons{display:block}.daterangepicker.auto-apply .drp-buttons{display:none}.daterangepicker .drp-calendar{display:none;max-width:270px}.daterangepicker .drp-calendar.left{padding:8px 0 8px 8px}.daterangepicker .drp-calendar.right{padding:8px}.daterangepicker .drp-calendar.single .calendar-table{border:none}.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{color:#fff;border:solid #000;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px}.daterangepicker .calendar-table .next span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.daterangepicker .calendar-table .prev span{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.daterangepicker .calendar-table td,.daterangepicker .calendar-table th{white-space:nowrap;text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer}.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff}.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{background-color:#fff;border-color:transparent;color:#999}.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}.daterangepicker td.start-date{border-radius:4px 0 0 4px}.daterangepicker td.end-date{border-radius:0 4px 4px 0}.daterangepicker td.start-date.end-date{border-radius:4px}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#357ebd;border-color:transparent;color:#fff}.daterangepicker th.month{width:auto}.daterangepicker option.disabled,.daterangepicker td.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}.daterangepicker select.monthselect{margin-right:2%;width:56%}.daterangepicker select.yearselect{width:40%}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{width:50px;margin:0 auto;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px}.daterangepicker .calendar-time{text-align:center;margin:4px auto 0 auto;line-height:30px;position:relative}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle}.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px}.daterangepicker .drp-buttons .btn{margin-left:8px;font-size:12px;font-weight:700;padding:4px 8px}.daterangepicker.show-ranges.single.rtl .drp-calendar.left{border-right:1px solid #ddd}.daterangepicker.show-ranges.single.ltr .drp-calendar.left{border-left:1px solid #ddd}.daterangepicker.show-ranges.rtl .drp-calendar.right{border-right:1px solid #ddd}.daterangepicker.show-ranges.ltr .drp-calendar.left{border-left:1px solid #ddd}.daterangepicker .ranges{float:none;text-align:left;margin:0}.daterangepicker.show-calendar .ranges{margin-top:8px}.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer}.daterangepicker .ranges li:hover{background-color:#eee}.daterangepicker .ranges li.active{background-color:#08c;color:#fff}@media (min-width:564px){.daterangepicker{width:auto}.daterangepicker .ranges ul{width:140px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker.single .drp-calendar.left{clear:none}.daterangepicker.single .drp-calendar,.daterangepicker.single .ranges{float:left}.daterangepicker{direction:ltr;text-align:left}.daterangepicker .drp-calendar.left{clear:left;margin-right:0}.daterangepicker .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker .drp-calendar.right{margin-left:0}.daterangepicker .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker .drp-calendar.left .calendar-table{padding-right:8px}.daterangepicker .drp-calendar,.daterangepicker .ranges{float:left}}@media (min-width:730px){.daterangepicker .ranges{width:auto}.daterangepicker .ranges{float:left}.daterangepicker.rtl .ranges{float:right}.daterangepicker .drp-calendar.left{clear:none!important}}

.read__tagging > * {
    display: inline-block;
}
.read__tagging .title:after {
    display: none;
}
.network, .topic {
    background: linear-gradient(60deg, var(--gradient1) 0%, var(--gradient2) 100%);
}
.footer {
    background: linear-gradient(60deg, var(--footergradient1) 0%, var(--footergradient2) 100%);
}
.footer, .footer__menu a {
    color: var(--colorfooter);
}
.footer {
    border-top: 3px solid var(--utama);
	line-height: 1.7;
}
.footer__contact {
    line-height: 1.7;
}
.hl__b-box {
    background: linear-gradient(90deg, #000, transparent);
    background: -webkit-linear-gradient(90deg, #000, transparent);
}
.body_list .most__title {
    font-size: 16px;
}
.body_list .latest__subtitle:after {
    content: "";
    margin: 0 3px 0 6px;
    width: 3px;
    height: 3px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background-color: #999;
}
.social--header .social__link--facebook{color:#3b5998}.social--header .social__link--twitter{color:#1da1f2}.social--header .social__link--instagram{color:#c13584}.social--header .social__link--rss{color:#f26522}.social--header .social__link--whatsapp{color:#25d366}.social--header .social__link--youtube{color:#cd201f}
body.darkmode,
body.darkmode .content,
.darkmode .header__bottom,
.darkmode .arrow,
.darkmode .breadcrumb__item:first-child,
.darkmode .button,
.darkmode .header,
.darkmode .hl .slick-dots li button,
.darkmode .latest--photos .latest__item,
.darkmode .latest--video .latest__item,
.darkmode .modals__box,
.darkmode .nav li ul,
.darkmode .nav__wrap.more,
.darkmode .network__menu li ul,
.darkmode .network__sidebar .network__item,
.darkmode .opinion__wrap,
.darkmode .paging,
.darkmode .photo__icon,
.darkmode .photos__item,
.darkmode .topic__b-link,
.darkmode .topic__item,
.darkmode .videos__item,
.darkmode .widget__epaper__box,
.darkmode .widget__valas,
.darkmode .most__wrap,
.darkmode button,
.darkmode input,
.darkmode select,
.darkmode textarea {
    background: #202124;
}
body.darkmode,
.darkmode .breadcrumb__link:hover, 
.darkmode .breaking__content span, 
.darkmode .footer, 
.darkmode .most__item:hover 
.darkmode .most__number, 
.darkmode .nav li a, 
.darkmode .network__menu li a, 
.darkmode .network__menu li ul li:hover, 
.darkmode .network__sidebar .network__title, 
.darkmode .read__content a:hover, 
.darkmode .read__info a:hover, 
.darkmode .topic--list .topic__title, 
.darkmode .topic__b-link {
    color: #ffffff;
}
.darkmode .nav li:hover a {
    color: var(--utama);
}
.darkmode .most__number {
    color: #6e6e72;
}
.darkmode .breadcrumb__link:hover,
.darkmode .breaking__content span,
.darkmode .footer,
.darkmode .most__item:hover .most__number,
.darkmode .nav li ul li a,
.darkmode .nav li ul li:hover,
.darkmode .network__menu li a,
.darkmode .network__menu li ul li:hover,
.darkmode .network__sidebar .network__title,
.darkmode .read__content a:hover,
.darkmode .read__info a:hover,
.darkmode .topic--list .topic__title,
.darkmode .topic__b-link,
.darkmode .search__input {
  color: #fff;
}
.darkmode .social--header .social__link {
    color: #999;
    background: #252532;
}
.darkmode .network__menu li,
.darkmode .header__bottom,
.darkmode .most__wrap,
.darkmode .most__item,
.darkmode .editors,
.darkmode .paging,
.darkmode .button, 
.darkmode button, 
.darkmode input, 
.darkmode select, 
.darkmode textarea,
.darkmode .search__input:focus, 
.darkmode .search__input:hover
 {
    border-color: #24242e;
}
.darkmode .logo img,
.darkmode .footer__logo img {
    filter: brightness(0) invert(1);
}

.darkmode .button:focus,
.darkmode .button:hover,
.darkmode .header,
.darkmode .opinion__header .opinion__img,
.darkmode .read__info__img,
.darkmode .widget__login,
.darkmode button:focus,
.darkmode button:hover,
.darkmode input:focus,
.darkmode input:hover,
.darkmode select:focus,
.darkmode select:hover,
.darkmode textarea:focus,
.darkmode textarea:hover {
  box-shadow: 0 2px 8px rgba(225, 225, 225, 0.06);
  -moz-box-shadow: 0 2px 8px rgba(225, 225, 225, 0.06);
  -o-box-shadow: 0 2px 8px rgba(225, 225, 225, 0.06);
}

.darkmode .mode:focus{
    border: 0;
    outline: none;
    box-shadow: unset;
}

.darkmode .ads__subtitle,
.darkmode .breadcrumb__item:after,
.darkmode .network__menu li date,
.darkmode .network__sidebar .network__date,
.darkmode .opinion__author__title,
.darkmode .photo__author,
.darkmode .photo__caption,
.darkmode .photos__date,
.darkmode .read__info__date,
.darkmode .topic__date,
.darkmode .videos__date {
  color: #999;
}

.darkmode .mode,.darkmode .mode:hover {
    border: 0;
    outline: none;
    box-shadow: unset;
}
.darkmode .hl__s-item,
.darkmode .tag__list li a {
    background: #303236;
}
.darkmode .hl__s-item.slick-current,
.darkmode .editors {
    background-color: #202124;
}
.darkmode .arrow {
    box-shadow: unset;
}
.darkmode .footer {
    border-color: #1d1e20;
}
.darkmode .footer, 
.darkmode .widget__mail, 
.darkmode input[type="password"]:disabled, 
.darkmode input[type="text"]:disabled {
    background: #1d1e20;
}
.darkmode .editors__date, 
.darkmode .hl__b-date, 
.darkmode .latest__date, 
.darkmode .network__date, 
.darkmode .network__menu, 
.darkmode .photo__author, 
.darkmode .photos__date, 
.darkmode .topic__date, 
.darkmode .videos__date,
.darkmode .hl__b-date,
.darkmode .footer__menu a {
    color: #999;
}
.darkmode .latest__img {
    border-color:#202124;
}
.darkmode .network,
.darkmode .videos {
    background-color: #1d1e20;
}
.darkmode .hl__b-box {
    background: linear-gradient(90deg, #14142b, transparent);
    background: -webkit-linear-gradient(90deg, #14142b, transparent);
}
.darkmode .breadcrumb, 
.darkmode .widget tr:hover, 
.darkmode .widget__title {
    background-color: #1d1e20;
}
.darkmode .social--header .social__link:hover {
    background: var(--utama);
    color: #fff;
}
.icons-category:before {
    content: "";
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%23333' viewBox='0 0 511.999 511.999' style='enable-background:new 0 0 511.999 511.999;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M476.098,312.993c16.737-103.048-39.549-201.607-132.718-241.264c-13.716-35.021-47.559-59.71-87.38-59.71 c-39.751,0-73.647,24.635-87.381,59.711C75.405,111.405,19.172,209.996,35.902,312.994C13.52,330.628,0,357.955,0,386.767 c0,72.402,78.903,117.239,140.807,81.177c69.508,42.014,158.56,43.413,230.384-0.007c61.777,35.989,140.809-8.643,140.809-81.17 C512,357.951,498.476,330.62,476.098,312.993z M256,44.548c32.982,0,61.264,26.783,61.264,61.265 c0,33.782-27.484,61.265-61.264,61.265c-33.78,0-61.264-27.484-61.264-61.265C194.736,71.519,222.823,44.548,256,44.548z M93.795,448.032c-33.781-0.001-61.265-27.484-61.265-61.265c0-34.688,28.155-61.265,61.265-61.265 c33.78,0,61.264,27.484,61.264,61.265C155.059,421.195,127.103,448.032,93.795,448.032z M344.971,445.42 c-55.443,29.352-122.418,29.395-177.943,0.005c57.025-70.757-11.94-175.232-100.461-148.411 c-8.064-77.095,30.798-149.311,95.787-185.979c2.72,49.298,43.68,88.572,93.647,88.572s90.927-39.274,93.647-88.572 c65.619,37.023,103.781,109.568,95.787,185.979C356.779,270.148,288.094,374.806,344.971,445.42z M418.205,448.031 c-33.259,0-61.264-26.825-61.264-61.265c0-33.781,27.484-61.265,61.264-61.265c33.031,0,61.265,26.494,61.265,61.265 C479.47,420.548,451.986,448.031,418.205,448.031z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
}

.darkmode .icons-category:before {
    content: "";
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%23fff' viewBox='0 0 511.999 511.999' style='enable-background:new 0 0 511.999 511.999;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M476.098,312.993c16.737-103.048-39.549-201.607-132.718-241.264c-13.716-35.021-47.559-59.71-87.38-59.71 c-39.751,0-73.647,24.635-87.381,59.711C75.405,111.405,19.172,209.996,35.902,312.994C13.52,330.628,0,357.955,0,386.767 c0,72.402,78.903,117.239,140.807,81.177c69.508,42.014,158.56,43.413,230.384-0.007c61.777,35.989,140.809-8.643,140.809-81.17 C512,357.951,498.476,330.62,476.098,312.993z M256,44.548c32.982,0,61.264,26.783,61.264,61.265 c0,33.782-27.484,61.265-61.264,61.265c-33.78,0-61.264-27.484-61.264-61.265C194.736,71.519,222.823,44.548,256,44.548z M93.795,448.032c-33.781-0.001-61.265-27.484-61.265-61.265c0-34.688,28.155-61.265,61.265-61.265 c33.78,0,61.264,27.484,61.264,61.265C155.059,421.195,127.103,448.032,93.795,448.032z M344.971,445.42 c-55.443,29.352-122.418,29.395-177.943,0.005c57.025-70.757-11.94-175.232-100.461-148.411 c-8.064-77.095,30.798-149.311,95.787-185.979c2.72,49.298,43.68,88.572,93.647,88.572s90.927-39.274,93.647-88.572 c65.619,37.023,103.781,109.568,95.787,185.979C356.779,270.148,288.094,374.806,344.971,445.42z M418.205,448.031 c-33.259,0-61.264-26.825-61.264-61.265c0-33.781,27.484-61.265,61.264-61.265c33.031,0,61.265,26.494,61.265,61.265 C479.47,420.548,451.986,448.031,418.205,448.031z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.breadcrumb__link .icons-home:before {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3L6 21' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 3L14 21' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 8H21' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 16H20' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    display: block;
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 4px;
}
.darkmode .breadcrumb__link .icons-home:before {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3L6 21' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 3L14 21' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 8H21' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 16H20' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.darkmode .network,
.darkmode .topic {
    background: #303236;
}