* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color:transparent;
}
body {
	font-family: Roboto,sans-serif;
}
a {
	color:#1a1a1a;
	text-decoration:none;
}
a:hover {
	color:#bd0b0b;
	text-decoration:none;
}

.title-read-news {
	width: 100%;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.7rem;
	color: #1a1a1a;
}

.sticky-logo {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	background: white;
}

.title-section {
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.2rem;
}
.title-section, .title-section a{
	color: #3a3a3a;
}
.title-card {
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.3rem;
	letter-spacing: -.2px;
	display: -webkit-box; 
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 3; 
	overflow: hidden; 
	text-overflow: ellipsis; 
}
.title-card.title-lg{
	font-size: 1.2rem;
	line-height: 1.4rem;
}
.align-end {
	align-items: end;
}

.sub-title {
	font-size: 16px;
	line-height: 19.6px;
}

.sub-title {
	font-size: 16px;
	line-height: 19.6px;
}

.content-read-news {
	color:#1a1a1a;
	font-weight: normal;
	font-size: 1.1rem;
	line-height: 1.6rem;
}

.content-read-news a{
	color:#1392c4;
	font-weight:700;
	text-decoration:none;
}

.pop-up-container {
	position: absolute;
	bottom: 30px;
	right: 0;
}

.pop-up-box {
	border: 0.1px #E8E8E8 solid;
	padding: 8px
}

.icon-home {
  display: inline-block;
  position: relative;
  width: 22px;
  height: 22px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 21H7C4.79086 21 3 19.2091 3 17V10.7076C3 9.30887 3.73061 8.01175 4.92679 7.28679L9.92679 4.25649C11.2011 3.48421 12.7989 3.48421 14.0732 4.25649L19.0732 7.28679C20.2694 8.01175 21 9.30887 21 10.7076V17C21 19.2091 19.2091 21 17 21Z' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 17H15' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-more-dot {
	background: url(/assets/icons/svg/dropdown-dot.svg) no-repeat;
	background-size: contain;
	width: 24px;
	height: 7px;
	display: inline-block;
	align-items: center;
}

.icon-more-dot-white {
	background: url(/assets/icons/svg/dropdown-dot-white.svg) no-repeat;
	background-size: contain;
	width: 24px;
	height: 7px;
	display: flex;
}

.icon-phone {
	background: url(/assets/icons/svg/phone.svg) no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	display: inline-block;
}

button.btn-custom {
	border: none;
	background-color: white;
	cursor: pointer;
}

.icon-share-fb {
	background: url(/assets/icons/svg/share-fb.svg) space center;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;

}

.icon-share-twitter {
	background: url(/assets/icons/svg/share-twitter.svg) space center;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-share-tele {
	background: url(/assets/icons/svg/share-tele.svg) space center;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-share-vk {
	background: url(/assets/icons/svg/share-vk.svg) space center;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-share-linkedin {
	background: url(/assets/icons/svg/share-linkedin.svg) space center;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-share-pRobotoest {
	background: url(/assets/icons/svg/share-pRobotoest.svg) space center;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-share-wa {
	background: url(/assets/icons/svg/share-wa.svg) space center;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-share-call {
	background: url(/assets/icons/svg/share-call.svg) space center;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
}

.align-center {
	align-items: center;
}

.icon-share-link {
	background: url(/assets/icons/svg/copy-link.svg) space center;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-share-close {
	background: url(/assets/icons/svg/close-share.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-more-chat {
	background: url(/assets/icons/svg/chat.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-more-send {
	background: url(/assets/icons/svg/send.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-like-white {
	background: url(/assets/icons/svg/like-white.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-share-white {
	background: url(/assets/icons/svg/share-white.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-comment-white {
	background: url(/assets/icons/svg/comment-white.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-more-like {
	background: url(/assets/icons/svg/heart.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-more-like-red {
	background: url(/assets/icons/svg/heart-red.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
}

li.list-none {
	list-style: none;
}

.icon-more-close {
	background: url(/assets/icons/svg/close-share.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-menu-arrow-right {
	background: url(/assets/icons/svg/menu-arrow-right.svg) space center;
	display: inline-block;
	width: 12px;
	height: 12px;
}

.icon-time {
	background: url(/assets/icons/svg/time.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
}


.icon-fb {
	background: url(/assets/icons/svg/fb.svg) space center;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-ig {
	background: url(/assets/icons/svg/ig.svg) space center;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-youtube {
	background: url(/assets/icons/svg/youtube.svg) space center;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-twitter {
	background: url(/assets/icons/svg/twitter.svg) space center;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-camera-badge {
	background: url(/assets/icons/svg/camera-badge.svg) space center;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: contain;
}

.icon-video-badge {
	background: url(/assets/icons/svg/video-badge.svg) space center;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: contain;
}

.icon-play {
	background: url(/assets/icons/svg/video-badge.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
}

.icon-play-md {
	background: url(/assets/icons/svg/video-badge.svg) space center;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: contain;
}

.icon-rss {
	background: url(/assets/icons/svg/rss.svg) space center;
	display: inline-block;
	width: 12px;
	height: 12px;
	background-size: contain;
}

.icon-english {
	background: url(/assets/icons/svg/english.svg) space center;
	display: inline-block;
	width: 18px;
	height: 18px;
	background-size: contain;
}

.icon-chevron-right {
	background: url(/assets/icons/svg/chevron-right.svg) space center;
	display: inline-block;
	width: 6px;
	height: 8px;
	background-size: contain;
}

.icon-chevron-down {
	background: url(/assets/icons/svg/chevron-down.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
}

.icon-chevron-left {
	background: url(/assets/icons/svg/chevron-left.svg) space center;
	display: inline-block;
	width: 6px;
	height: 8px;
	background-size: contain;
}

.icon-chevron-up {
	background: url(/assets/icons/svg/chevron-up.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
}

.icon-indonesia {
	background: url(/assets/icons/svg/indonesia.svg) space center;
	display: inline-block;
	width: 18px;
	height: 18px;
	background-size: contain;
}

.icon-calendar {
	background: url(/assets/icons/svg/calendar.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-profil {
	background: url(/assets/icons/svg/profil.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
}

.modal {
	display: none;
	position: fixed;
	z-index: 99;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	height: auto;
	border-radius: 12px;
}

.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.share-text {
	display: flex;
	justify-content: center;
	font-family: Roboto,Roboto,sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 22.4px;
}

.share-item {
	border: none;
	padding: 0;
	/* justify-content: center; */
}

.btn-text {
	vertical-align: middle;
	font-size: 11px
}

.fs-13 {
	font-size: 13px !important
}

.fs-15 {
	font-size: 15px !important
}

.menu-border {
	width: 56px;
	height: 56px;
	box-shadow: 0px 2px 4px rgba(104, 104, 104, 0.25);
	border-radius: 6px;
	padding: 16px;
}

.border-circle-black {
	border: 1px solid #252525;
	border-radius: 28px;
}

.search-field {
	position: relative;
	display: inline-block;
}

.search-field input[type="text"] {
	padding-top: 20.5px;
	padding-bottom: 20.5px;
	padding-left: 16px;
	padding-right: 55px;
	border: 1px solid #FFFFFF;
	border-radius: 3px;
	font-size: 16px;
	width: 100%;
	height: 54px;
}

.search-field input[type="text"]::placeholder {
	color: #B5B4B4;
}

.search-field input[type="text"]:focus {
	outline: none;
	border-color: #0066cc;
	box-shadow: 0 0 5px #0066cc;
}

.search-field .send-icon {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	cursor: pointer;
	width: 25px;
	height: 25px;
	background: url('/assets/icons/send-icon-search.png') no-repeat;
	background-size: 25px;
}

.username-field {
	position: relative;
	display: inline-block;
}

.username-field input[type="text"] {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 16px;
	width: 100%;
	height: 48px;
}

.username-field input[type="text"]::placeholder {
	color: #B5B4B4;
}

.username-field input[type="text"]:focus {
	outline: none;
	border-color: #0066cc;
	box-shadow: 0 0 5px #0066cc;
}

.username-field .profile {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	cursor: pointer;
	width: 25px;
	height: 25px;
	background: url('/assets/icons/profile-black.png') no-repeat;
	background-size: 25px;
}

.telephone-field {
	position: relative;
	display: inline-block;
}

.telephone-field input[type="number"] {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 16px;
	width: 100%;
	height: 48px;
}

.telephone-field input[type="number"]::placeholder {
	color: #B5B4B4;
}

.telephone-field input[type="number"]:focus {
	outline: none;
	border-color: #0066cc;
	box-shadow: 0 0 5px #0066cc;
}

.telephone-field .call {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	cursor: pointer;
	width: 25px;
	height: 25px;
	background: url('/assets/icons/Call.png') no-repeat;
	background-size: 25px;
}

.password-field {
	position: relative;
	display: inline-block;
}

.password-field input[type="text"]::placeholder {
	color: #B5B4B4;
}

.password-field input[type="password"]::placeholder {
	color: #B5B4B4;
}


.password-field input[type="password"] {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 16px;
	width: 100%;
	height: 48px;
}

.password-field input[type="password"]:focus {
	outline: none;
	border-color: #0066cc;
	box-shadow: 0 0 5px #0066cc;
}

.password-field input[type="text"] {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 16px;
	width: 100%;
	height: 48px;
}

.password-field input[type="text"]:focus {
	outline: none;
	border-color: #0066cc;
	box-shadow: 0 0 5px #0066cc;
}

.password-field .show-password {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	cursor: pointer;
	width: 25px;
	height: 25px;
	background: url('/assets/icons/visibility-off.png') no-repeat;
	background-size: 25px;
}


.password-field .show-password.show {
	background: url('/assets/icons/visibility.png') no-repeat;

	background-size: 25px;

}

.login-btn {
	border: 1px solid black;
	background: #221F1F;
	width: 100%;
	height: 48px;
	padding: 14px;
	display: inline-block;
  text-align: center;
}

.register-btn {
	border: 1px solid #252525;
	width: 100%;
	height: 48px;
	padding: 14px;
}

.divider {
	border: 0.5px solid black;
	height: 0.5px;
	width: 100%;
}

.text-is-dark-blue {
	color: #3E4EE1;
}

.edit-border {
	border: 1px solid #221F1F;
	border-radius: 4px;
	height: 32px;
	width: auto;
	padding: 7px;
}

.google-btn {
	display: flex;
	align-items: center;
	gap: 9px;
	justify-content: center;
	border: 1px solid #B5B4B4;
	width: 100%;
	height: 48px;
	padding: 14px;
	cursor: pointer;
	color: #101755;
}

.google-logo {
	width: 20px;
	height: 20px;
}

.logo-antara {
	width: 104px;
	height: 24.48px;
}

#header {
	width: 100%;
}
.header-logo {
	height:50px;
	padding: 0 1rem 0 0.5rem;
	display: flex;
	justify-content: space-between;
	background:#fff;
}
.logo {
	padding:.3rem 0;
}
.navbar {
	height:44px;
}
a.is-active {
	border-bottom: 1px solid white !important;
	/* z-index: 99; */
	/* font-weight: 600 !important; */
}

a.no-style {
	text-decoration: none;
	color: white;
}

a.no-text-decoration {
	text-decoration: none;
}

.icon-btn {
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0 !important;
}

.icon-14 {
	width: 14px;
	height: 14px;
}

.object-fit {
	object-fit: cover;
}

.menu-item {
	margin-right: 8px;
	font-family: Roboto,Roboto,sans-serif;
	font-size: 16px;
	line-height: 17px;
	text-align: center;
	width: auto;
}

.menu-item-2 {
	margin-right: 8px;
	font-family: Roboto,Roboto,sans-serif;
	font-size: 16px;
	line-height: 17px;
	text-align: center;
	width: auto;
}

img.footer-icon-10 {
	width: 10.28px;
	height: 16.58px;
}

.footer-content-list {
	list-style: none;
	font-size: 13px;
	line-height: 15.4px;
	font-weight: 400;
}

.line {
	width: 0.1px;
	height: 100%;
	background-color: white;
}

.footer-content {
	width: 345px;
	height: auto;
}

.footer-item {
	font-family: Roboto,Roboto,sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 15.4px;
}

.footer-item-two-title {
	font-family: Roboto,Roboto,sans-serif;
	font-size: 13px;
	line-height: 18.2px;
	font-weight: 700;
}

.footer-item-two-content {
	font-family: Roboto,Roboto,sans-serif;
	font-size: 11px;
	line-height: 15.4px;
	font-weight: 400;
}

.text-justify {
	text-align: justify;
}

.text-black-cust-1 {
	background: #252525;
}

.footer-left-content {
	width: 121px;
}

.footer-right-content {
	width: 208px;
}

.border-b-white {
	border-bottom: 1px solid #FFFFFF;
}

.border-t-white {
	border-top: 1px solid #FFFFFF;
}

.border-r-white {
	border-right: 1px solid #FFFFFF;
}

.border-l-white {
	border-left: 1px solid #FFFFFF;
}

.footer-icon-16 {
	width: 16px;
	height: 16px;
}

.footer-icon-18 {
	width: 18px;
	height: 18px;
}

.no-text-decoration {
	text-decoration: none;
	color: black;
}

.text-black {
	color: black;
}

.menu-scroll-y {
	width: 100%;
	overflow-x: scroll;
}

hr.spacer {
	border: 0.5px solid #e8e8e8;
	margin-bottom: 5px;
	margin-top: 5px;
}

.menu-scroll-y::-webkit-scrollbar {
	display: none;
}

.icon {
	background: url('/assets/icons/profile-black.png') no-repeat;
	background-size: 24px;
	background-position: 5px 8px;
}

.container {
	width: 360px;
}

.section {
	width: 100%;
	height: auto;
}


.footer-download {
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 16px;
	padding-top: 12px;
}

.footer-one-container {
	padding-left: 21px;
	padding-right: 21px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
}


.footer-two-container {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 24px;
	padding-bottom: 24px;
	color: white;
}

.footer-download-bg {
	background: #F2F2F2;

}

.footer-bg-black {
	background: #252525;
}

.footer-bg-bold-black {
	background: #1A1A1A;
}

.flex {
	display: flex;
}

.flex-col {
	flex-direction: column;
}

.flex-row {
	flex-direction: row;
}

.flex-wrap {
	flex-wrap: wrap;
}

.gap-0 {
	gap: 0 !important;
}

.gap-1 {
	gap: 2px !important;
}

.gap-2 {
	gap: 4px !important;
}

.gap-3 {
	gap: 6px !important;
}

.gap-4 {
	gap: 8px !important;
}

.gap-5 {
	gap: 10px !important;
}

.gap-6 {
	gap: 12px !important;
}

.gap-7 {
	gap: 14px !important;
}

.gap-8 {
	gap: 16px !important;
}

.gap-9 {
	gap: 18px !important;
}

.gap-10 {
	gap: 20px !important;
}

.gap-11 {
	gap: 22px !important;
}

.gap-12 {
	gap: 24px !important;
}

.gap-13 {
	gap: 26px !important;
}

.gap-14 {
	gap: 28px !important;
}

.gap-15 {
	gap: 30px !important;
}

.gap-16 {
	gap: 32px !important;
}

.gap-17 {
	gap: 34px !important;
}

.gap-20 {
	gap: 40px !important;
}

.footer-logo {
	width: 97px;
	height: 16px;
}

.section-logo {
	width: 325px;
}

.border-b-gray {
	border-bottom: 1px solid #B5B4B4;
}

.text-center {
	text-align: center;
}

.gplay-btn {
	width: auto;
	height: 100px;
	cursor: pointer;
}

.timeline-button {
	border: 1px solid transparent;
	border-radius: 8px;
	background: #E9E9E9;
	width: auto;
	height: 36px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.filter-button {
	border: 1px solid black;
	border-radius: 8px;
	background: transparent;
	width: auto;
	height: 36px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.justify-between {
	justify-content: space-between;
}

.justify-center {
	justify-content: center;
}

.justify-start {
	justify-content: start;
}

.justify-end {
	justify-content: end;
}

.items-center {
	align-items: center;
}

.items-start {
	align-items: start;
}

.items-end {
	align-items: end;
}


.flex-container {
	display: flex;
	align-items: center;
}

.relative-wraper {
	position: relative;
}

.foto-badge,.video-badge {
	position: absolute;
	top: 10px;
	left: 15px;
}

.foto-badge-2 {
	position: absolute;
	top: 0px;
	left: 5px;
}

.foto-badge-3 {
	margin: 0;
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

.left-border-infografik {
	border-left: 4px solid #DFA613;
	margin-right: 4px;
}

.left-border-berita {
	border-left: 4px solid #A30930;
	margin-right: 4px;
}

.left-border-video {
	border-left: 4px solid #9F49BD;
	margin-right: 4px;
}

.left-border-bisnis {
	border-left: 4px solid #5250D2;
	margin-right: 4px;
}

.left-border-sports {
	border-left: 4px solid #ED8769;
	margin-right: 4px;
}

.left-border-bola {
	border-left: 4px solid #45B08C;
	margin-right: 4px;
}

.left-border-lifestyle {
	border-left: 4px solid #088FFA;
	margin-right: 4px;
}

.left-border-foto {
	border-left: 4px solid #7EA829;
	margin-right: 4px;
}


.is-home {
	border-right: 1px solid white !important;
	font-weight: bolder;
}

.is-home-2 {
	border-right: 1px solid white !important;

}

a.menu-link {
	text-decoration: none;
	color: white;
	margin-right: 8px;
	display: inline;
}

a.menu-navbar {
	text-decoration: none;
	color: black;
}

a.content-link {
	text-decoration: none;
	color: #000000;
}


.menu {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 999;
	width: 100%;
	height: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right: 16px;
}

.overlayed-format {
	width: 100%;
	height: 100%;
	/* height: 230px; */
	position: relative
}

.btn-large {
	border: 1px solid #111010;
	background: #111010;
	border-radius: 3px;
	padding: 8px;
	cursor: pointer;
}

button.btn-large {
	border: 1px solid #111010;
	background: #111010;
	border-radius: 3px;
	padding: 8px;
	cursor: pointer;
	width: 100%;
	height: 30px;
}

.overlayed-content {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	z-index: 2;
}

.overlayed-content-p25 {
	position: absolute;
	bottom: 25px;
	left: 25px;
	right: 25px;
	z-index: 2;
}

button {
	background: transparent;
	order: none;
	cursor: pointer;
	border: none;
}

.list-inline {
	padding-bottom:7px;
	list-style: none;
	width:100%;
	overflow-x: scroll;
	display: flex;
	flex-wrap: no-wrap;
}

.list-inline li, .tags-list li {
	margin: 0;
}
.list-inline li a, .tags-list li a{
	display: inline-block;
	letter-spacing: 1px;
	padding: 7px 10px;
	width: max-content;
	margin-right: 5px;
	border: 1px solid #777;
	color: #3a3a3a;
}

.tags-list {
	list-style: none;
	display: block;
}

.tags-list li {
	display:inline-block;
	margin-bottom:.5rem;
}

.box-pagination-last {
	border: 1px solid #AAAAAA !important;
	color: #AAAAAA !important;
}

.box-pagination {
	border: 1px solid #252525;
	margin-right: 4px;
	padding: 6px 10px;
	color: #252525
}

.box-pagination-large {
	border: 1px solid #252525;
	margin-right: 4px;
	padding: 6px 10px;
}

.pagination-active {
	background: #252525 !important;
	border: 1px solid #252525 !important;
	color: white !important;
}

.overlay {
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 70%);
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
}

.more-container {
	width: 130px;
	height: 108px;
	background: white;
}

.komen-container {
	height: auto;
	background: #F2F2F2;
	width: 100%;
	padding: 0 16px 16px 16px;
}

.reply-container {
	height: auto;
	background: #F2F2F2;
	width: 100%;
	padding-left: 57px;
	padding-right: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.komen-avatar {
	width: 32px;
	height: 32px;
	border-radius: 32px;
}

.avatar-pic {
	width: 32px !important;
	height: 32px !important;
	border-radius: 28px;
}

.block {
	display: block;
}

.hidden {
	display: none !important;
}

.text-gray {
	color: #717171;
}

.text-gray-8080 {
	color: #808080;
}

.text-is-green {
	color: #7EA829;
}

.text-is-purple {
	color: #9F49BD;
}

.text-is-sky-blue {
	color: #088FFA;
}

.bottom-15 {
	bottom: -15px;
}

.text-is-gray {
	color: #5B7586;
}

.text-is-cream {
	color: #ED8769;
}

.text-is-red {
	color: #E44B4B;
}

.text-is-purple-light {
	color: #5250D2;
}

.text-is-orange {
	color: #DFA613
}
.text-middle {
	text-align: center;
}
.text-cust-9 {
	font-size: 9px;
	line-height: 12.6px;
}
.text-cust-10 {
	font-size: 10px;
	line-height: 14px;
}
.text-cust-11 {
	font-size: 11px;
	line-height: 15px;
}
.text-cust-13 {
	font-size: 13px;
	line-height: 18px;
}
.text-cust-14 {
	font-size: 14px;
	line-height: 18px;
}
.text-cust-15 {
	font-size: 15px;
	line-height: 21px;
}
.text-cust-16 {
	font-size: 16px;
	line-height: 23px;
}

.lh-18 {
	line-height: 18px;
}
.lh-20 {
	line-height: 20px
}

.font-100 {
	font-weight: 100;
}

.font-200 {
	font-weight: 200;
}

.font-300 {
	font-weight: 300;
}

.font-400 {
	font-weight: 400;
}

.font-500 {
	font-weight: 500;
}

.font-600 {
	font-weight: 600;
}

.font-700 {
	font-weight: 700;
}

.font-800 {
	font-weight: 800;
}

.font-900 {
	font-weight: 900;
}

.is-bg-black {
	background: #252525 !important;
}

.is-bg-red {
	background: #A30930 !important;
}

.is-bg-purple {
	background: #5250D2 !important;
}

.is-bg-orange {
	background: #ED8769 !important;
}

.is-bg-dark-orange {
	background: #DFA613 !important;
}

.is-bg-green {
	background: #7EA829 !important;
}

.is-bg-light-green {
	background: #45B08C !important;
}

.is-bg-blue {
	background: #088FFA !important;
}

.is-bg-light-gray {
	background: #5B7586 !important;
}

.is-bg-gray {
	background: #F2F2F2 !important;
}

.is-bg-dark-purple {
	background: #9F49BD !important;
}

.pr-8 {
	padding-right: 8px;
}

.pl-4 {
	padding-left: 4px;
}
.pl-6 {
	padding-left: 6px;
}
.pl-8 {
	padding-left: 8px;
}
.pl-16 {
	padding-left: 16px;
}

.pr-4 {
	padding-right: 4px;
}

.pt-8 {
	padding-top: 8px;
}

.pb-0 {
	padding-bottom:0;
}
.pb-8 {
	padding-bottom: 8px;
}
.pb-16 {
	padding-bottom: 16px;
}

.px-1 {}

.px-2 {}

.px-3 {}

.px-4 {}

.px-5 {}

.px-6 {}

.px-7 {}

.px-8 {
	padding-left: 8px;
	padding-right: 8px;
}

.px-9 {}

.px-10 {}

.px-10 {}

.px-16 {
	padding-left: 16px;
	padding-right: 16px;
}

.px-17 {
	padding-left: 17px;
	padding-right: 17px;
}

.px-32 {
	padding-left: 32px;
	padding-right: 32px;
}

.px-34 {
	padding-left: 34px;
	padding-right: 34px;
}

.px-36 {
	padding-left: 36px;
	padding-right: 36px;
}

.py-1 {}

.py-2 {}

.py-3 {}

.py-4 {
	padding-top: 4px;
	padding-bottom: 4px;
}

.py-5 {}

.py-6 {}

.py-7 {
	padding-bottom: 7px;
	padding-top: 7px;
}

.py-8 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.py-9 {}

.py-10 {}

.py-11 {}

.py-16 {
	padding-top: 16px;
	padding-bottom: 16px;
}

.text-white {
	color: white;
}

.content-bg {
	background: #F2F2F2;
}

.w-1 {}

.w-2 {
	width: 2px !important;
}

.w-3 {
	width: 3px !important;
}

.w-4 {}

.w-5 {}

.w-6 {}

.w-7 {
	width: 7px;
}

.w-8 {}

.w-9 {}

.w-10 {}

.w-11 {
	width: 11px;
}

.w-12 {
	width: 12px;
}

.w-13 {
	width: 13px;
}

.w-14 {
	width: 14px;
}

.w-16 {
	width: 16px;
}

.w-17 {
	width: 17px;
}

.w-19 {
	width: 19px;
}

.w-20 {
	width: 20px;
}

.w-24 {
	width: 24px;
}

.w-25 {
	width: 25px;
}

.w-30 {
	width: 30px;
}

.w-40 {
	width: 40px;
}

.w-57 {
	width: 57px;
}

.w-72 {
	width: 72px;
}

.w-80 {
	width: 80px;
}

.w-90 {
	width: 90px;
}
.w-100 {
	width: 100px;
}

.w-104 {
	width: 104px;
}

.w-156 {
	width: 156px;
}

.w-215 {
	width: 215px;
}

.w-255 {
	width: 255px;
}

.w-316 {
	width: 316px;
}

.w-full {
	width: 100%;
}

.p-8 {
	padding: 8px;
}

.h-1 {}

.h-2 {
	height: 2px !important;
}

.h-3 {
	height: 3px !important;
}

.h-4 {}

.h-5 {
	height: 5px;
}

.h-6 {}

.h-7 {}

.h-8 {}

.h-9 {}

.h-10 {}

.h-11 {
	height: 11px;
}

.h-12 {
	height: 12px;
}

.h-13 {
	height: 13px;
}

.h-14 {
	height: 14px;
}

.h-16 {
	height: 16px;
}

.h-17 {
	height: 17px;
}

.h-19 {
	height: 19px;
}

.h-20 {
	height: 20px;
}

.h-24 {
	height: 24px;
}

.h-25 {
	height: 25px;
}

.h-30 {
	height: 30px;
}

.h-40 {
	height: 40px;
}

.h-48 {
	height: 48px;
}

.h-57 {
	height: 57px;
}

.h-59 {
	height: 59px;
}

.h-80 {
	height: 80px;
}
.h-100 {
	height: 100px;
}

.h-134 {
	height: 134px;
}

.h-185 {
	height: 185px;
}

.h-192 {
	height: 192px;
}

.h-auto {
	height: auto;
}

.h-full {
	height: 100%;
}

.rounded-sm {
	border-radius: 3px;
}
.rounded-md {
	border-radius: 5px;
}
.rounded-lg {
	border-radius: 8px;
}

.cursor-pointer {
	cursor: pointer;
}

/* margin helper */
.m-0 {
	margin: 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mt-1 {
	margin-top: 1px !important;
}

.mt-2 {
	margin-top: 2px !important;
}

.mt-3 {
	margin-top: 3px !important;
}

.mt-4 {
	margin-top: 4px !important;
}

.mt-5 {
	margin-top: 5px !important;
}

.mt-6 {
	margin-top: 6px !important;
}
.mt-7 {
	margin-top: 7px !important;
}
.mt-8 {
	margin-top: 8px !important;
}
.mt-9 {
	margin-top: 9px !important;

}
.mt-10 {
	margin-top: 10px !important;
}
.mt-11 {
	margin-top: 11px !important;

}
.mt-16 {
	margin-top: 16px !important;
}

my-16 {
	margin-top: 16px !important;
	margin-bottom: 16px !important;
}

.mt-50 {
	margin-top: 50px;
}
.mt-60 {
	margin-top: 60px;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-2 {
	margin-bottom: 2px !important;
}

.mb-3 {
	margin-bottom: 3px !important;
}

.mb-5 {
	margin-bottom: 5px !important;
}

.mb-6 {
	margin-bottom: 6px !important;
}

.mb-8 {
	margin-bottom: 8px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-12 {
	margin-bottom: 12px !important;
}

.mb-13 {
	margin-bottom: 13px !important;
}

.mb-15 {
	margin-bottom: 15px !important;
}

.mb-16 {
	margin-bottom: 16px !important;
}

.mb-17 {
	margin-bottom: 17px !important;
}

.mb-18 {
	margin-bottom: 18px !important;
}

.mb-19 {
	margin-bottom: 19px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mb-22 {
	margin-bottom: 22px !important;
}

.mb-25 {
	margin-bottom: 25px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mb-32 {
	margin-bottom: 32px !important;
}

.mb-35 {
	margin-bottom: 35px !important;
}

.mb-36 {
	margin-bottom: 36px !important;
}

.mt-40 {
	margin-top: 40px !important;
}

.mt-68 {
	margin-top: 68px !important;
}

.mr-2 {
	margin-right: 2px !important;
}

.mr-4 {
	margin-right: 4px !important;
}

.mr-5 {
	margin-right: 5px !important;
}

.mr-6 {
	margin-right: 6px !important;
}

.mr-8 {
	margin-right: 8px !important;
}

.mr-10 {
	margin-right: 10px !important;
}

.mr-16 {
	margin-right: 16px !important;
}

.mr-21 {
	margin-right: 21px !important;
}

.mr-25 {
	margin-right: 25px !important;
}

.mr-28 {
	margin-right: 28px !important;
}

.mr-30 {
	margin-right: 30px !important;
}

.mr-33 {
	margin-right: 33px !important;
}

.mr-42 {
	margin-right: 42px !important;
}

.mr-62 {
	margin-right: 62px !important;
}

.ml-0 {
	margin-left: 0px !important;
}

.ml-5 {
	margin-left: 5px !important;
}

.ml--4 {
	margin-left: -4px !important;
}

.ml-8 {
	margin-left: 8px !important;
}

.ml-16 {
	margin-left: 16px !important;
}

.ml--168 {
	margin-left: -168px;
}

.mr-0 {
	margin-right: 0px !important;
}

.mr-1 {
	margin-right: 1px !important;
}

.b-30 {
	bottom: 30px;
}


.row {
	margin-right: -8px;
}

.row::after {
	content: "";
	clear: both;
	display: table;
}

@media only screen and (min-width: 360px) {

	.col-1 {
		width: 8.33%;
	}

	.col-2 {
		width: 16.66%;
	}

	.col-3 {
		width: 25%;
	}

	.col-4 {
		width: 33.33%;
		padding-top: 0px;
		padding-bottom: 0;
	}

	.col-5 {
		width: 41.66%;
	}

	.col-6 {
		float: left;
		width: 50%;
		padding-top: 0px;
		padding-bottom: 0;
		padding-right: 8px;
	}

	.col-7 {
		width: 58.33%;
	}

	.col-8 {
		width: 66.66%;
		padding-top: 0px;
		padding-bottom: 0;
	}

	.col-9 {
		width: 75%;
	}

	.col-10 {
		width: 83.33%;
	}

	.col-11 {
		width: 91.66%;
	}

	.col-12 {
		width: 100%;
		padding-top: 0px;
		padding-bottom: 0;
	}
}

.hamburg {
	cursor:pointer;
	height:24px;
	width:24px;
	margin:13px 0;
}

.icon-hamburg {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 14.2412C17.2549 14.2415 17.5 14.3391 17.6854 14.514C17.8707 14.689 17.9822 14.9281 17.9972 15.1826C18.0121 15.437 17.9293 15.6876 17.7657 15.883C17.6021 16.0785 17.3701 16.2041 17.117 16.2342L17 16.2412H1C0.74512 16.2409 0.499968 16.1433 0.314632 15.9683C0.129296 15.7934 0.017765 15.5542 0.00282788 15.2998C-0.0121092 15.0453 0.0706746 14.7948 0.234265 14.5993C0.397855 14.4039 0.629904 14.2783 0.883 14.2482L1 14.2412H17ZM17 7.24118C17.2652 7.24118 17.5196 7.34654 17.7071 7.53407C17.8946 7.72161 18 7.97596 18 8.24118C18 8.5064 17.8946 8.76075 17.7071 8.94829C17.5196 9.13582 17.2652 9.24118 17 9.24118H1C0.734784 9.24118 0.48043 9.13582 0.292893 8.94829C0.105357 8.76075 0 8.5064 0 8.24118C0 7.97596 0.105357 7.72161 0.292893 7.53407C0.48043 7.34654 0.734784 7.24118 1 7.24118H17ZM17 0.24118C17.2652 0.24118 17.5196 0.346537 17.7071 0.534074C17.8946 0.72161 18 0.975964 18 1.24118C18 1.5064 17.8946 1.76075 17.7071 1.94829C17.5196 2.13582 17.2652 2.24118 17 2.24118H1C0.734784 2.24118 0.48043 2.13582 0.292893 1.94829C0.105357 1.76075 0 1.5064 0 1.24118C0 0.975964 0.105357 0.72161 0.292893 0.534074C0.48043 0.346537 0.734784 0.24118 1 0.24118H17Z' fill='%23252525'/%3E%3C/svg%3E%0A");
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-close-hamburg {
	background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23222222' d='M18.1818182,0 C19.1859723,0 20,0.814027728 20,1.81818182 L20,18.1818182 C20,19.1859723 19.1859723,20 18.1818182,20 L1.81818182,20 C0.814027728,20 0,19.1859723 0,18.1818182 L0,1.81818182 C0,0.814027728 0.814027728,0 1.81818182,0 L18.1818182,0 Z M12.2066229,6.81750327 L10.01,9.011 L7.81496625,6.81750327 C7.57521591,6.57797386 7.20156116,6.5541821 6.93520889,6.74601683 L6.85072984,6.81794775 C6.58458604,7.08433702 6.58478504,7.51604037 6.85117431,7.78218417 L6.85117431,7.78218417 L9.046,9.975 L6.85117431,12.1680169 C6.58478504,12.4341607 6.58458604,12.865864 6.85072984,13.1322533 C7.11687363,13.3986426 7.54857698,13.3988416 7.81496625,13.1326978 L10.01,10.938 L12.2066229,13.1326978 C12.4463733,13.3722272 12.820028,13.3960189 13.0863803,13.2041842 L13.1708593,13.1322533 C13.4370031,12.865864 13.4368041,12.4341607 13.1704149,12.1680169 L13.1704149,12.1680169 L10.975,9.975 L13.1704149,7.78218417 C13.4368041,7.51604037 13.4370031,7.08433702 13.1708593,6.81794775 C12.9047155,6.55155848 12.4730122,6.55135948 12.2066229,6.81750327 Z'/%3E%3C/svg%3E");
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
}


.icon-rss {
	background: url(/assets/icons/svg/rss.svg) space center;
	display: inline-block;
	width: 12px;
	height: 12px;
	background-size: contain;
}

.icon-english {
	background: url(/assets/icons/svg/english.svg) space center;
	display: inline-block;
	width: 18px;
	height: 18px;
	background-size: contain;
}

.icon-chevron-right {
	background: url(/assets/icons/svg/chevron-right.svg) space center;
	display: inline-block;
	width: 6px;
	height: 8px;
	background-size: contain;
}

.icon-chevron-left {
	background: url(/assets/icons/svg/chevron-left.svg) space center;
	display: inline-block;
	width: 6px;
	height: 8px;
	background-size: contain;
}


.rotate-180 {
	transform: rotate(180deg);
}



.icon-indonesia {
	background: url(/assets/icons/svg/indonesia.svg) space center;
	display: inline-block;
	width: 18px;
	height: 18px;
	background-size: contain;
}

.icon-comment-fill-black {
	background: url(/assets/icons/svg/comment-fill-black.svg) space center;
	display: inline-block;
	width: 21px;
	height: 22px;
	background-size: contain;
}

.icon-thumb-up {
	background: url(/assets/icons/svg/thumb-up.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
}

.icon-thumb-down {
	background: url(/assets/icons/svg/thumb-down.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
}

.icon-dot {
	background: url(/assets/icons/svg/dot.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
}

.icon-like-black {
	background: url(/assets/icons/svg/like-black.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
}

.icon-comment-fill-black {
	background: url(/assets/icons/svg/comment-fill-black.svg) space center;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: contain;
}



.max-content {
	width: max-content;
}

.web-kit-box {
	display: -webkit-inline-box;
}

img.object-cover {
	object-fit: cover;
}

/* slider */
.slider {
	width: 100% !important;
	height: auto;
}

.wrapper {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#items {
	width: 10000px;
	position: relative;
	top: 0;
	left: 0;
}

#items.shifting {
	transition: left .2s ease-out;
}

.slide {
	/* width: 100vw;
	aspect-ratio: 328/192; */
	width: 100%;
	cursor: pointer;
	float: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.comment-box {
	width: 100%;
	margin-bottom: 12px;
	border-radius: 4px;
	border: 1px solid #D9D9D9;
	font-size: 1rem;
	color:#333;
}

.sticky-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background: white;
}

.nav {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
	color: #fff;
  -webkit-overflow-scrolling: touch;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
}
.nav::-webkit-scrollbar { /* WebKit */
	width: 0;
	height: 0;
}
.navbar_fixed {
	position: fixed;
  top: 0;
	left: 0;
  z-index: 999;
  width: 100%;
}
.nav li {
  margin: 0 8px;
	padding: 12px 0;
}
.nav li:first-child {
  padding: 9px 0 9px 8px;
}
.nav li:last-child {
  margin-right:15px;
}
.nav li a {
  color: #eee;
  text-decoration: none;
	font-weight:500;
  font-size:.9em;
  letter-spacing: 0;
}
.bg-black {
  background: #000;
}
.figure-image {
	margin-top:1rem;
}
.figure-image img {
	width:100%;
}
.fig-caption {
	font-size: 13px;
	color: #808080;
	margin-bottom:1.5rem;
}
.baca-juga {
	display:inline-block;
	width:100%;
}
.slug {
  margin: 0;
  line-height:1.2rem;
  font-size: .9rem;
}
.slug a {
  color: #c90000;
}
.comment-box {
	padding:.4rem;
}