:root {
  --body: #ffffff;
  --utama: #bc2b2b;
  --font: Inter, sans-serif;
  --bgnav: #821c1c;
  --txtnav: #ffffff;
  --garis: #e4b622;
  --txtnavactive: #f1bf08;
  --bgfooter: #3c3c3e;
  --txtfooter: #ffffff;
  --btnmore: #333;
  --txtbtnmore: #ffffff;
}
body {
    font-family: var(--font);
    -webkit-font-smoothing: antialiased;
    color: #444;
    background-color: #eee;
    font-size: 14px;
    line-height: 1.5;
}
* {
    box-sizing: border-box;
}
a {
    background-color: transparent;
    color: #444;
    text-decoration: none;
}

[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;
}
.icons-search:before {
    content: "\e93d";
}
.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";
}
.icons-category:before {
    content: "\e900";
}
.icons-home:before {
    content: "\e925";
}
.icon-play{z-index:1;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:32px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;box-shadow:0 0 0 5px rgba(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"}

.content {
    background-color: var(--body);
    display: block;
}
.content.boxed {
    max-width: 1024px;
    margin: auto;
}
@-webkit-keyframes shimmer{
    100%{
        transform:translateX(100%)
    }
}
@keyframes shimmer{
    100%{
        transform:translateX(100%)
    }
}
img {
    max-width: 100%;
    height: auto;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 1000px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
    position: relative;
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.media-body {
    -ms-flex: 1;
    flex: 1;
}
.media.media-center,
.media-center {
    -ms-flex-item-align: center;
    align-self: center;
}
.media-row {
    flex-wrap: wrap;
}
.media-image {
    background: #DDD;
    position: relative;
    overflow: hidden;
}
.media-image:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #DDD;
    animation: shine 1s infinite;
}
.media-image:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));
    -webkit-animation: shimmer 2s infinite;
    animation: shimmer 2s infinite;
    content: "";
}
.media-image img {
    display: block;
    object-fit: cover;
    width: 100%;
    z-index: 2;
    position: absolute;
    height: 100%;
}
.media-link:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    cursor: pointer;
}
.media-link:hover {
	color: var(--utama);
}

.adx-parallax {
    background: #1d2327;
}
.adx-parallax .parallax-box {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 250px;
    position: relative;
    max-width: 970px;
    left: 0;
    right: 0;
    margin-bottom: 0;
}
.adx-parallax .parallax-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(auto,auto,auto,auto);
}
.adx-parallax .parallax-wrap .widget {
    width: 970px;
    height: auto;
    position: fixed;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    margin: 0 auto;
    max-width: 970px;
    left: 0;
    right: 0;
}
.parallaxads {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 300px;
    position: relative;
    left: 0;
    right: 0;
    margin-bottom: 0;
    background: #1d2327;
}
.parallaxads-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(auto,auto,auto,auto);
}
.parallaxads-wrap {
    height: auto;
    position: fixed;
    top: 0;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    margin: 0 auto;
    max-width: 640px;
    width: 100%;
}
.parallaxads-wrap img {
    margin: 0 auto;
    display: block;
}
.parallaxads span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background: var(--utama);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8px;
    z-index: 9;
}
/* HEADER  */
.billboard {
    padding: 15px 0;
}
.billboard .widget {
    text-align: center;
    max-width: 970px;
    margin: 0 auto;
}
.header {
    position: relative;
    z-index: 10;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.header-wrap {
    height: 58px;
}
.header-brand {
    display: flex;
    align-items: center;
}
.header-brand img {
    height: 38px;
    width: auto;
}
.header-more {
    display: flex;
    justify-content: flex-end;
    height: 100%;
}
.header-more > * {
    border-right: 1px solid rgba(0,0,0,0.1);
}
.header-date {
    display: flex;
    align-items: center;
    padding: 15px;
}
.header-network {
    align-items: center;
    display: flex;
}
.header-network .network-wrap > a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 15px;
}
.header-network .network-wrap i {
    margin-right: 10px;
    font-size: 20px;
}
.header-network .network-wrap i:before {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32px' height='32px' viewBox='0 0 32 32' id='icon' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Enetwork--1%3C/title%3E%3Cpath d='M16,20a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,16,20Zm0-6a2,2,0,1,0,2,2A2.0021,2.0021,0,0,0,16,14Z'/%3E%3Cpath d='M5,20a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,5,20Zm0-6a2,2,0,1,0,2,2A2.0023,2.0023,0,0,0,5,14Z'/%3E%3Cpath d='M10,31a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,10,31Zm0-6a2,2,0,1,0,2,2A2.0021,2.0021,0,0,0,10,25Z'/%3E%3Cpath d='M22,31a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,22,31Zm0-6a2,2,0,1,0,2,2A2.0021,2.0021,0,0,0,22,25Z'/%3E%3Cpath d='M27,20a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,27,20Zm0-6a2,2,0,1,0,2,2A2.0021,2.0021,0,0,0,27,14Z'/%3E%3Cpath d='M22,9a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,22,9Zm0-6a2,2,0,1,0,2,2A2.0021,2.0021,0,0,0,22,3Z'/%3E%3Cpath d='M10,9a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,10,9Zm0-6a2,2,0,1,0,2,2A2.0021,2.0021,0,0,0,10,3Z'/%3E%3Crect id='_Transparent_Rectangle_' data-name='<Transparent Rectangle>' class='cls-1' width='32' height='32' transform='translate(32 32) rotate(180)'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    display: block;
    background-size: 24px;
    background-repeat: no-repeat;
    filter: invert(26%) sepia(0%) saturate(239%) hue-rotate(134deg) brightness(93%) contrast(92%);
}
.header-network .network__menu {
    margin-top: 1rem;
    left: calc(100% - 1010px);
    top: 42px;
    display: none;
    z-index: 1;
    padding: 10px;
    width: 996px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    position: absolute;
    background: #fff;
    list-style: none;
    border-radius: 5px;
    border-bottom: 3px solid var(--utama);
}
.header-network .network-wrap:hover .network__menu {
    display: block;
}
.network__menu li {
    clear: both;
    width: 19%;
    vertical-align: top;
    border-left: 0 solid #eee;
    border-right: 0px solid #eee;
    display: inline-block;
    padding: 0 10px;
}
.network__menu li a {
    padding: 5px 0;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    line-height: 1.5;
}
.network__menu li a:hover {
    color: var(--utama);
}
.network__menu li a .menu-image-title {
    padding: 0;
}
.header-search {
    display: flex;
    align-items: center;
}
.header-search a {
    padding: 15px;
}
.header-search a i {
    font-size: 24px;
}
.header-search .search-wrap {
    width: 350px;
    left: 267px;
    position: absolute;
    background: #fff;
    border-radius: 5px;
    border-bottom: 3px solid #626272;
    top: 42px;
    display: none;
    z-index: 1;
    padding: 10px;
    margin-top: 15px;
    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
}
.header-search:hover .search-wrap {
    display: block;
}
.header-search .search__bar {
    position: relative;
}
.header-search .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;
    border: 1px solid #eee;
    padding: 0 10px;
}
.header-search .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;
    position: absolute;
}
.header-search .search__bar i {
    right: 1px;
    top: 1px;
    z-index: 1;
    width: 40px;
    height: 38px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-shadow: none;
    border: none;
    color: #000;
    bottom: 1px;
    position: absolute;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-search .search__input:focus {
    outline: none;
}
.header-social {
    display: flex;
    align-items: center;
    padding: 15px 10px;
}
.header-social .social__item {
    display: inline-block;
}
.header-social .social__item a {
    width: 32px;
    height: 32px;
    display: flex;
    margin: 0 5px;
    border-radius: 50em;
    align-items: center;
    text-align: center;
    justify-content: space-around;
    background: #444;
    color: #fff;
    font-size: 24px;
}
.header-social .social__item a.facebook {
    background: #1877F2;
}
.header-social .social__item a.twitter {
    background: #1DA1F2;
}
.header-social .social__item a.instagram {
    background: #5851DB;
    background: -moz-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%);
    background: -webkit-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%);
    background: radial-gradient(ellipse at left bottom, #ffdc80 15%, #e1306c 55%, #5851db 100%);
}




/* NAV  */
.nav {
    background: var(--bgnav);
    height: 46px;
    position: sticky;
    top: 0;
    z-index: 9;
}
.nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav ul li {
    display: inline-block;
    position: relative;
}
.nav ul li a {
    color: var(--txtnav);
    font-size: 14px;
    font-weight: 600;
    padding: 13px 10px;
    display: block;
}
.nav ul li:first-child a {
    margin-left: -10px;
}
.nav ul > li a:hover,
.nav ul > li.current-menu-item a {
    color: var(--txtnavactive);
}
.nav ul li a .menu-image-title {
    padding: 0;
}
.nav nav > ul > li > .sub-menu {
    margin-top: 1rem;
    left: 0;
    top: 20px;
    display: none;
    z-index: 1;
    padding: 10px;
    width: 250px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    position: absolute;
    background: #fff;
    border-radius: 5px;
}
.nav nav > ul > li:hover > .sub-menu {
    display: block;
}
.nav nav > ul > li > .sub-menu .sub-menu li a:before {
    content: "";
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%0A%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='50pt' height='50pt' viewBox='0 0 1289.000000 1640.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,1640.000000) scale(0.100000,-0.100000)'%0Afill='%23444' stroke='none'%3E%3Cpath d='M1606 16213 c-296 -418 -620 -987 -831 -1458 -769 -1721 -970 -3617%0A-579 -5455 267 -1256 825 -2470 1603 -3490 430 -565 953 -1099 1511 -1545%0A1271 -1015 2820 -1672 4425 -1874 430 -54 629 -66 1130 -66 443 0 604 7 920%0A40 71 8 131 13 132 11 2 -2 -332 -335 -742 -741 -410 -406 -745 -743 -745%0A-750 0 -7 198 -209 441 -449 l441 -436 1789 1782 1789 1783 -892 893 c-491%0A491 -1297 1294 -1791 1784 l-898 892 -442 -442 -442 -442 1209 -1209 1208%0A-1208 -78 -21 c-422 -114 -926 -193 -1474 -231 -126 -9 -859 -7 -915 3 -16 2%0A-70 7 -120 11 -686 46 -1542 247 -2230 523 -1713 688 -3115 1966 -3939 3592%0A-471 930 -732 1860 -818 2915 -19 234 -16 879 5 1122 116 1322 538 2520 1275%0A3618 63 94 127 186 143 206 16 20 29 41 29 47 0 7 -941 701 -996 735 -9 5 -44%0A-37 -118 -140z'/%3E%3C/g%3E%3C/svg%3E%0A");
    margin-top: -10px;
    display: inline-block;
    margin-right: 10px;
}
.nav .sub-menu li {
    display: block;
}
.nav ul.sub-menu li a {
    color: #333;
    font-weight: 400;
    padding: 5px 10px;
    margin: 0px -5px;
}
.nav ul.sub-menu li:first-child a {
    margin: 0px -5px;
}

/* Main */
main.main {
    min-height: 300px;
}



/* Widget */
.widget-title {
    position: relative;
    margin: 0;
    margin-bottom: 15px;
    font-size: 20px;
    padding-bottom: 10px;
    font-weight: 600;
}
.widget-title span {
    padding-right: 15px;
    vertical-align: middle;
}
.widget-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 3px;
    background: var(--garis);
}
.sidebar .widget {
    padding-bottom: 30px;
    display: block;
}
.sidebar-sticky {
    position: sticky;
    top: 70px;
}

/* Featured */
.featured {
    padding: 35px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.featured-big .image-big {
    width: 400px;
    height: 250px;
    margin-right: 25px;
    border-radius: 5px;
    overflow: hidden;
}
.single-post .featured {
    background: rgba(0,0,0,0.05);
}
.page-template-default.page .featured-big.noimage {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    margin: 0 auto;
}
.featured-single .image-big {
    width: auto;
    margin-right: 5px;
}
.featured-single .image-big-box {
    width: 500px;
    height: 400px;
    margin-right: 25px;
    border-radius: 5px;
    overflow: hidden;
}
.featured-single .media-title,
.featured-big .media-title {
    font-size: 28px;
    margin: 0;
    line-height: 1.4;
}
.featured-big .media-title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.featured-item {
    position: relative;
}
.featured-small {
    margin: 0 -5px;
}
.featured-small .featured-item {
    position: relative;
    padding: 0 12px;
    padding-top: 30px;
}
.featured-custom .widget-title {
    margin-bottom: -10px;
}
.media-title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.media-author {
    margin-bottom: 10px;
    color: #666;
    font-size: 12px;
}
.media-author .avatar-image {
    width: 20px;
    height: 20px;
    border-radius: 50em;
    overflow: hidden;
    margin-right: 10px;
}
.media-meta {
    color: #999;
    font-size: 11px;
    display: flex;
    align-items: center;
    padding-top: 10px;
}
.media-meta .media-category {
    font-weight: 600;
    color: var(--utama);
}
.media-meta .media-category:after {
    content: "\00B7";
    display: inline-block;
    margin: 0 5px;
    color: #888;
}
.media-more {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.media-more .more-link {
    background: var(--btnmore);
    padding: 7px 15px;
    color: var(--txtbtnmore);
    border-radius: 5px;
    font-size: 14px;
}

.media-title {
    font-size: 16px;
    margin: 0;
    position: relative;
    font-weight: 600;
}

.image-small {
    background: #DDD;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    width: 100%;
    height: 0;
    margin-bottom: 10px;
    padding-bottom: 56%;
}
.media-bookmark i {
    font-size: 20px;
    color: #bbb;
}
.media-bookmark i:before {
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' viewBox='0 0 20 20' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.26758 3C6.61339 2.4022 7.25973 2 8.00001 2H12.5C14.433 2 16 3.567 16 5.5V15.5C16 15.6844 15.8985 15.8538 15.7359 15.9408C15.5734 16.0278 15.3761 16.0183 15.2227 15.916L15 15.7676V5.5C15 4.11929 13.8807 3 12.5 3H6.26758Z' fill='%23212121'/%3E%3Cpath d='M6 4C4.89543 4 4 4.89543 4 6V17.5C4 17.6844 4.10149 17.8538 4.26407 17.9408C4.42665 18.0278 4.62392 18.0183 4.77735 17.916L9 15.1009L13.2226 17.916C13.3761 18.0183 13.5733 18.0278 13.7359 17.9408C13.8985 17.8538 14 17.6844 14 17.5V6C14 4.89543 13.1046 4 12 4H6ZM5 6C5 5.44772 5.44772 5 6 5H12C12.5523 5 13 5.44772 13 6V16.5657L9.27735 14.084C9.1094 13.972 8.8906 13.972 8.72265 14.084L5 16.5657V6Z' fill='%23212121'/%3E%3C/svg%3E");
    display: block;
    background-size: 20px;
    width: 20px;
    height: 20px;
    filter: invert(71%) sepia(2%) saturate(0%) hue-rotate(165deg) brightness(88%) contrast(82%);
}
.media-bookmark {
    display: flex;
    align-items: center;
    margin-right: 5px;
}


/* editor */
.editor {
    padding: 25px 0 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.editor-item {
    margin-bottom: 30px;
}
.media-number {
    font-size: 30px;
    font-weight: 600;
    color: #c6c6c6;
    margin-right: 15px;
    width: 30px;
    text-align: center;
}

/* Title  */
.featured-small .media-title {
    font-size: 16px;
}
.editor .media-title {
    font-size: 16px;
}
.custom1 .media-title {
    font-size: 17px;
}
.custom2 .media-title {
    font-size: 16px;
}
.popularpos .media-title {
    font-size: 16px;
}
.related .media-title {
    font-size: 16px;
}

/* Post  */
.post {
    padding: 25px 0;
}
.post-detail {
    font-size: 16px;
}
.post-detail a {
    color: var(--utama);
}
.read-title a {
    font-weight: 600;
    font-size: 15px;
}
.read .widget-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    align-items: flex-start;
}
.read-item {
	width: 50%;
    padding: 0 10px 10px;
    border: none;
}
.m-auto {
    margin-left: auto;
    margin-right: auto;
}
.no-margin {
    margin-left: 0;
    margin-right: 0;
}
.image-article {
    background: #DDD;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    width: 150px;
    height: 0;
    margin-bottom: 0;
    padding-bottom: 150px;
    margin-left: 15px;
}
.image-article2 {
    background: #DDD;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    width: 100%;
    height: 0;
    margin-bottom: 10px;
    padding-bottom: 56%;
}

.media-expert {
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 10px;
}
.media-expert p {
    margin: 0;
}
.article-item {
    padding: 15px 0;
    border-bottom: 1px solid #c6c6c6;
}
.article2-item {
    padding-bottom: 30px;
}
.article-item .media-title a,
.article2-item .media-title a {
    -webkit-line-clamp: 2;
}
.pagination {
    padding: 15px 0;
    text-align: center;
    display: none;
}
.info {
    padding: 15px 0;
    text-align: center;
}
.info button {
    border: 1px solid #585858;
    padding: 7px 15px;
    border-radius: 50em;
    display: inline-block;
    font-weight: 600;
    background: transparent;
    cursor: pointer;
}
.loading {
    display: none;
}
.no-more {
    color: #888;
    font-size: 14px;
    display: none;
}
.lds-roller {
    position: relative;
    width: 80px;
    height: 80px;
    margin: auto;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--utama);
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* Post */
.post-header, .post-detail {
    display: block;
    padding-bottom: 15px;
}
.post-footer {
    display: block;
    padding-bottom: 30px;
}
.post-detail figure {
    margin: 0;
    padding: 0;
}

/* More  */
.post-bottom .widget {
    display: block;
    padding-bottom: 30px;
}

/* related  */
.relatedgrid-item > * {
    box-shadow: rgba(0, 0, 0, 0.133) 0px 0.16rem 0.36rem 0px, rgba(0, 0, 0, 0.11) 0px 0.03rem 0.09rem 0px;
    margin-bottom: 30px;
    padding: 15px;
    display: block;
    border-radius: 5px;
}
.related .article-item:first-child {
    padding-top: 0;
}

/* search  */
.widget-subheader {
    display: block;
    margin-bottom: 15px;
    color: #888;
}
.widget-subheader b {
    color: #444;
}

/* Share  */
.post-share {
    display: flex;
}
.share-label {
    display: flex;
    align-items: center;
    font-weight: 600;
    margin-right: 5px;
    font-size: 24px;
}
.post-share a {
    width: 32px;
    height: 32px;
    display: flex;
    margin: 0 2px;
    border-radius: 50em;
    align-items: center;
    text-align: center;
    justify-content: space-around;
    border: none;
    background: #444;
    color: #fff;
    font-size: 18px;
}
.post-share a.facebook {
    background: #1877F2;
}
.post-share a.twitter {
    background: #1DA1F2;
}
.post-share a.whatsapp {
    background: #25D366;
}
.post-share a.telegram {
    background: #229ED9;
}
/* tag  */
.post-tag ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.post-tag ul li {
    display: block;
    margin-bottom: 5px;
    margin-right: 5px;
}
.post-tag a {
    padding: 5px 10px;
    border: 1px solid #666;
    border-radius: 5px;
    display: block;
}

.post-tag a:hover {
    color: var(--utama);
}
/* Popular tag  */
.populartag .widget-content {
    display: inline-flex;
    flex-wrap: wrap;
}
.populartag a {
    padding: 5px 10px;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-weight: 600;
}
.populartag a:hover {
    color: var(--utama);
}

/* Popular Pos  */
.popularpos .widget-content {
    border: 1px solid #c6c6c6;
    border-radius: 5px;
}
.popular-item {
    padding: 15px;
    border-bottom: 1px solid #c6c6c6;
}
.popular-item:last-child {
    border-bottom: none;
}


/* author */
.author-page {
    padding: 25px 0;
    border-bottom: 1px solid #eee;
}
.author-page .widget-content {
    padding: 15px;
    background: #efefef;
    border-radius: 5px;
    position: relative;
}
.author-page .image-author {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50em;
    margin-right: 15px;
}

.media-share {
    display: flex;
    align-items: center;
    padding-top: 10px;
}
figcaption,
.media-caption {
    font-size: 12px;
    text-align: left;
    padding: 10px 0;
}
.media-share a {
    width: 32px;
    height: 32px;
    display: flex;
    margin: 0 2px;
    border-radius: 50em;
    align-items: center;
    text-align: center;
    justify-content: space-around;
    background: #444;
    color: #fff;
    font-size: 18px;
}
.media-share a:first-child {
    margin-left: 0;
}

.media-share a.facebook {
    background: #1877F2;
}
.media-share a.twitter {
    background: #1DA1F2;
}
.media-share a.instagram {
    background: #5851DB;
    background: -moz-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%);
    background: -webkit-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%);
    background: radial-gradient(ellipse at left bottom, #ffdc80 15%, #e1306c 55%, #5851db 100%);
}

.media-share a.linkedin {
    background: #0A66C2;
}
.media-share a.youtube {
    background: #CD201F;
}
.media-desc {
    padding-top: 5px;
    color: #888;
}
.media-counter {
    display: flex;
    align-items: center;
}
.media-counter i {
    margin-right: 5px;
    font-size: 16px;
}
.author-page .media-title {
    font-size: 24px;
    display: flex;
    align-items: center;
}
.media-title i {
    margin-left: 5px;
}

.author-item {
    padding: 15px 0;
    display: block;
    border-bottom: 1px solid #eee;
}
.author-item .image-author {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50em;
    margin-right: 15px;
}


/* Footer */
footer.footer {
    background: var(--bgfooter);
}
.footer-top {
    padding: 25px 0;
}
.footer-contact {
    color: var(--txtfooter);
    line-height: 1.5;
}
.footer-contact p {
    margin: 0;
}
.footer-social {
    display: flex;
    margin-top: 25px;
}
.social__link {
    width: 30px;
    display: flex;
    height: 30px;
    color: #fff;
    align-items: center;
    justify-content: center;
    background: #323232;
    margin-right: 5px;
    font-size: 18px;
    border-radius: 50em;
}
.footer-brand {
    display: flex;
    justify-content: flex-end;
}
.footer-brand img {
    height: 50px !important;
    width: auto;
    display: block;
}
.footer-bottom {
    padding: 10px 0;
    border-top: 1px solid rgb(255 255 255 / 10%);
}
.footer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-nav ul li {
    display: inline-flex;
    align-items: center;
}
.footer-nav ul li:after {
    content: "\00B7";
    display: inline-block;
    margin: 0 5px;
    color: var(--txtfooter);
}
.footer-nav ul li:last-child::after {
    content: "";
}
.footer-nav ul li a {
    color: var(--txtfooter);
    display: block;
    margin-right: 3px;
    margin-left: 0px;
    padding: 10px 0;
}
.footer-nav ul li:first-child a {
    margin-left: 0;
}
.footer-nav ul li .menu-image-title {
    padding: 0;
}
.footer-copyright {
    display: flex;
    justify-content: flex-end;
    color: var(--txtfooter);
}
.footer-copyright p {
    margin: 0;
}


.contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}
.contact-item i {
    margin-right: 10px;
    font-size: 16px;
}

.sticky-ads-left {
    position: fixed;
    width: 300px;
    top: 106px;
    z-index: 999;
    margin-left: -820px;
    text-align: right;
    left: 50%;
}

.sticky-ads-right {
    position: fixed;
    width: 300px;
    top: 106px;
    z-index: 999;
    margin-right: -820px;
    text-align: left;
    right: 50%;
}
.boxed .sticky-ads-right,
.boxed .sticky-ads-left {
    top: 0;
}
.header-more > *:last-child {
    border: 0;
}
.notfound-message-image {
    max-width: 640px;
    display: block;
    margin: 0 auto;
}
.notfound-message-sub-caption {
    display: block;
    max-width: 640px;
    margin: 25px auto;
    text-align: center;
}

.filter {
    padding-bottom: 10px;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-end;
}
.incat {
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 10px;
    font-size: 13px;
}
.incat option {
    font-size: 13px;
    color: #444;
}
.incat:focus {
    outline: 0;
}
.filter-tanggal {
    margin-right: 10px;
}
.filter button {
    border: 1px solid #bfbfbf;
    padding: 0px 15px;
    border-radius: 50em;
    display: inline-block;
    font-weight: 600;
    background: transparent;
    cursor: pointer;
    height: 33px;
}

#reportrange {
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#reportrange > i {
    font-weight: bold;
    margin-left: 10px;
    margin-right: -5px;
    font-size: 16px;
    color: #000;
}
.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, 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;
  }
}


.mode {
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 24px;
    height: 100%;
    cursor: pointer;
    padding: 0 15px;
}
.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='%23444444' 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");
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}
.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='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 1V3' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21V23' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.22 4.22L5.64 5.64' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.36 18.36L19.78 19.78' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 12H3' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 12H23' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.22 19.78L5.64 18.36' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.36 5.64L19.78 4.22' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        filter: brightness(0) invert(1);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}
.icon-telegram {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg class='w-64 h-64' xmlns='http://www.w3.org/2000/svg' fill='currentColor' stroke='none' viewBox='0 0 24 24'%3E%3Cpath d='m20.665 3.717-17.73 6.837c-1.21.486-1.203 1.161-.222 1.462l4.552 1.42 10.532-6.645c.498-.303.953-.14.579.192l-8.533 7.701h-.002l.002.001-.314 4.692c.46 0 .663-.211.921-.46l2.211-2.15 4.599 3.397c.848.467 1.457.227 1.668-.785l3.019-14.228c.309-1.239-.473-1.8-1.282-1.434z'%3E%3C/path%3E%3C/svg%3E");
    filter: brightness(0) invert(1);
}
.icon-share {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg class='w-64 h-64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23444'%3E%3Cg%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M13 14h-2a8.999 8.999 0 0 0-7.968 4.81A10.136 10.136 0 0 1 3 18C3 12.477 7.477 8 13 8V3l10 8-10 8v-5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.icon-linkedin {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg class='w-64 h-64' fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'%3E%3C/path%3E%3C/svg%3E");
}
.icons-doc {
    background-image: url("data:image/svg+xml,%3Csvg class='w-64 h-64' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23444' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3Cline x1='9' y1='9' x2='10' y2='9'%3E%3C/line%3E%3Cline x1='9' y1='13' x2='15' y2='13'%3E%3C/line%3E%3Cline x1='9' y1='17' x2='15' y2='17'%3E%3C/line%3E%3C/svg%3E");
    width: 19px;
    height: 19px;
    background-size: 19px;
    background-repeat: no-repeat;
}
.la-medal {
    background-image: url("data:image/svg+xml,%3Csvg class='w-64 h-64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F57C00'%3E%3Cg%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M12 7a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 3.5l-1.323 2.68-2.957.43 2.14 2.085-.505 2.946L12 17.25l2.645 1.39-.505-2.945 2.14-2.086-2.957-.43L12 10.5zm1-8.501L18 2v3l-1.363 1.138A9.935 9.935 0 0 0 13 5.049L13 2zm-2 0v3.05a9.935 9.935 0 0 0-3.636 1.088L6 5V2l5-.001z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-tiktok {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill:%23fff;transform: ;msFilter:;'%3E%3Cpath d='M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 18px;
}
.icon-gnews {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill:%23fff;transform: ;msFilter:;'%3E%3Cpath d='M19.875 3H4.125C2.953 3 2 3.897 2 5v14c0 1.103.953 2 2.125 2h15.75C21.047 21 22 20.103 22 19V5c0-1.103-.953-2-2.125-2zm0 16H4.125c-.057 0-.096-.016-.113-.016-.007 0-.011.002-.012.008L3.988 5.046c.007-.01.052-.046.137-.046h15.75c.079.001.122.028.125.008l.012 13.946c-.007.01-.052.046-.137.046z'%3E%3C/path%3E%3Cpath d='M6 7h6v6H6zm7 8H6v2h12v-2h-4zm1-4h4v2h-4zm0-4h4v2h-4z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 18px;
}
.icon-discord {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill:%23fff;transform: ;msFilter:;'%3E%3Cpath d='M14.82 4.26a10.14 10.14 0 0 0-.53 1.1 14.66 14.66 0 0 0-4.58 0 10.14 10.14 0 0 0-.53-1.1 16 16 0 0 0-4.13 1.3 17.33 17.33 0 0 0-3 11.59 16.6 16.6 0 0 0 5.07 2.59A12.89 12.89 0 0 0 8.23 18a9.65 9.65 0 0 1-1.71-.83 3.39 3.39 0 0 0 .42-.33 11.66 11.66 0 0 0 10.12 0q.21.18.42.33a10.84 10.84 0 0 1-1.71.84 12.41 12.41 0 0 0 1.08 1.78 16.44 16.44 0 0 0 5.06-2.59 17.22 17.22 0 0 0-3-11.59 16.09 16.09 0 0 0-4.09-1.35zM8.68 14.81a1.94 1.94 0 0 1-1.8-2 1.93 1.93 0 0 1 1.8-2 1.93 1.93 0 0 1 1.8 2 1.93 1.93 0 0 1-1.8 2zm6.64 0a1.94 1.94 0 0 1-1.8-2 1.93 1.93 0 0 1 1.8-2 1.92 1.92 0 0 1 1.8 2 1.92 1.92 0 0 1-1.8 2z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 18px;
}

.social__link.facebook {
    background: #1877F2;
}
.social__link.twitter {
    background: #1DA1F2;
}
.social__link.instagram {
    background: #5851DB;
    background: -moz-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%);
    background: -webkit-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%);
    background: radial-gradient(ellipse at left bottom, #ffdc80 15%, #e1306c 55%, #5851db 100%);
}
.social__link.telegram {
    background: #0088cc;
}
.social__link.youtube {
    background: #CD201F;
}
.social__link.linkedin {
    background: #0A66C2;
}
.social__link.discord {
    background: #7289da;
}
.social__link.tiktok {
    background: #131418;
}
.social__link.gnews {
    background: #0099FF;
}
.mode .hide{
    display: none;
}
.sticky-ads-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: visible;
    position: fixed;
    text-align: center;
    bottom: -104px;
    width: 100%;
    max-width: 736px;
    margin-left: -368px;
    left: 50%;
    z-index: 999;
    max-height: 104px;
    background-image: none;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 0;
    padding: 4px 4px 0;
    transition: all .4s ease-in-out;
    bottom: 0;
}
.sticky-ads-bottom .widget img {
    display: block;
}
button.ad-close {
    position: absolute;
    width: 28px;
    height: 28px;
    top: -28px;
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='13' height='13' viewBox='341 8 13 13' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%234F4F4F' d='M354 9.31L352.69 8l-5.19 5.19L342.31 8 341 9.31l5.19 5.19-5.19 5.19 1.31 1.31 5.19-5.19 5.19 5.19 1.31-1.31-5.19-5.19z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
    background-size: 13px 13px;
    background-position: center;
    background-color: #fff;
    background-repeat: no-repeat;
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 12px 12px 0 0;
    cursor: pointer;
}
button.ad-close:before {
    position: absolute;
    content: "";
    top: -20px;
    right: 0;
    left: -20px;
    bottom: 0;
}
.sticky-ads-bottom .widget.hide {
    display: none;
}
body.darkmode {
    color: #fff;
    background: #1c1c1c;
}
.darkmode .header-search .search-wrap,
.darkmode .header-network .network__menu,
.darkmode .content {
    background-color: #222222;
}
.darkmode * {
    color: #fff;
    border-color: #333333 !important;
}
.darkmode header.header,
.darkmode footer.footer {
    background: #282828;
}
.darkmode .network__menu li:hover a span{
    color: var(--utama);
}
.darkmode .incat, .darkmode  #reportrange {
    background: #383838;
    color: #fff;
}
.darkmode .darkmode .network__menu li a span,
.darkmode .incat option{
    color: #fff;
}
.darkmode .daterangepicker {
    background: #383838;
}
.darkmode .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #383838;
    border-left: 6px solid transparent;
}
.darkmode .daterangepicker .ranges li:hover {
    background:#424242
}
.darkmode .nav {
    background: #282828;
}
.darkmode .header-search .search__bar i,
.darkmode .nav nav > ul > li > .sub-menu .sub-menu li a:before,
.darkmode .header-network .network-wrap i,
.darkmode .header-brand img {
    filter: brightness(0) invert(1);
}
.darkmode .nav nav > ul > li > .sub-menu,
.darkmode .image-article {
    background: #282828;
}
.darkmode .media-image:before {
    background: #282828;
}
.darkmode .media-image:after {
    background-image: linear-gradient(90deg,rgb(64 64 64 / 0%) 0,rgb(48 48 48 / 20%) 20%,rgb(32 32 32 / 50%) 60%,rgb(52 52 52 / 0%));
}
.darkmode .media-caption,
.darkmode figcaption,
.darkmode .media-desc,
.darkmode .media-counter,
.darkmode .media-author a,
.darkmode .media-date {
    color: #999;
}