* {
    box-sizing: border-box; /* Agar padding tidak menambah lebar elemen */
  }

/* Slideshow CSS mulai */
.slideshow-window {
	height: 1.5rem;
	overflow: hidden;
	position: relative;
}

.slideshow-track {
	display: flex;
	flex-direction: column;
	position: absolute;
	width: 100%;
	animation: slideText 12s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

.slide-item {
	height: 1.5rem;
	display: flex;
	align-items: center;
}

@keyframes slideText {
	0%, 20%	 { transform: translateY(0%); }
	25%, 45%	{ transform: translateY(-25%); }
	50%, 70%	{ transform: translateY(-50%); }
	75%, 95%	{ transform: translateY(-75%); }
	100%			{ transform: translateY(0%); }
}
/* Slideshow CSS akhir */




.blinking {
	-webkit-animation: 1s blink ease infinite;
	-moz-animation: 1s blink ease infinite;
	-ms-animation: 1s blink ease infinite;
	-o-animation: 1s blink ease infinite;
	animation: 1s blink ease infinite;
	
}

@keyframes "blink" {
	from, to {
		opaberitanavigasi: 0;
	}
	50% {
		opaberitanavigasi: 1;
	}
}

@-moz-keyframes blink {
	from, to {
		opaberitanavigasi: 0;
	}
	50% {
		opaberitanavigasi: 1;
	}
}

@-webkit-keyframes "blink" {
	from, to {
		opaberitanavigasi: 0;
	}
	50% {
		opaberitanavigasi: 1;
	}
}

@-ms-keyframes "blink" {
	from, to {
		opaberitanavigasi: 0;
	}
	50% {
		opaberitanavigasi: 1;
	}
}

@-o-keyframes "blink" {
	from, to {
		opaberitanavigasi: 0;
	}
	50% {
		opaberitanavigasi: 1;
	}
}
	@media	screen and (min-width: 0px) and (max-width:1188px){
	body {
			margin:0;
			font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		}
			ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
		background-color: #002857;
		transition: 0.25s;
		position: fixed;
		height: auto;
	}

	li a {
		display: block;
		color: white;
		padding: 8px 16px;
		text-decoration: none;
		text-transform: uppercase;
		border-bottom: 1px #264f80 solid;
		transition: 0.25s;
	}

	/* Change the link and background color on hover */
	li a:hover {
				fill:#ffffff!important;
				color: #ffffff!important;
				background: #001937 !important;
				border:none!important;
				box-shadow: 0px 0px 20px 0px #f3e7a8!important;
	}

	li.active a {
		background: linear-gradient(to bottom, #BF953F, #fcf6ba, #AA771C)!important;
						font-weight: bold;
						color: #002857;
	}
	.notdisplayinmobile {
		display:none!important;
	}

	.content {
		width: 95%;
		display: block;
		margin: 1% 2.5%;
		justify-content: center;
	}
	.hidepositionontop{
		margin-top: -1000px;
		z-index: -1;
	}
	.breakingnewsdiv{
		background: red;padding: 8px;width: 100%;border-radius: 5px 5px 0px 0px;color: white;text-transform: uppercase;
		float: inline-start;
	}
	.newslist{
		box-shadow: 0px 0px 1px 0px grey;padding: 0px 8px;font-weight: bold;width: 100%;
	}
	.width-25 .width-20 .width-30 .width-35 .width-40 .width-50 .width-60 .width-70 .width-65 .width-80{
		width: 100%;
	}
	.newstoplist1{
		flex-wrap: nowrap;
        column-wrap: nowrap;
        display: none;
        height: 200px;
        background: #001d47;
        position: relative;
        padding: 0 2%;
	}
	.newstoplist1content{
		height: 100%!important;
	}
	.livenews{
		position: fixed !important;
        bottom: -275px;
        height: 300px !important;
        width: 100% !important;
        left: 0;
        transition: 0.25s;
        z-index: 1;
	}
	.openlivenews{
		bottom: 0!important;
	}
	.openvideolistnews{
		height: 170px!important;
	}
	.bannerlintasproaditv1{
		bottom: 0!important;
		top: 0!important;
		left: 0!important;
		right: 0!important;
	}
	.newsletterstyle0{
		width: 100%;
		height: 110px;
		position: relative;
	}
	.newsletterstyle1{
		padding: 10px;
		bottom: 0;
		width: 100%;
		height: 120px;
		position: relative;
		z-index: 1;
	}
	.newsletterstyle2{
		position: absolute;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		box-shadow: -10px 0px 15px -10px;
		opacity: 35%;
	}
	footer{
		background: linear-gradient(to bottom, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857,#002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857,  #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857,#002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857,#002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857,#002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857,#002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857,#002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857,#002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857,#002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857,#002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857,#002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857,#002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857,#002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857,#002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882,  #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227,#001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227,#001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227,#001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227,#001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227,#001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227,#001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227,#001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227) !important;					
			z-index: -5;
			position: relative;
			margin-bottom:30px;

	}
	.footerstyle1{
		width: 100%;
		min-height: 100px;
		background-size: contain;
		position: relative;
		padding: 5px 10px 20px 10px;
		display: block;
	}
	.footerstyle2{
		width: 100%;
		position: relative;
		border-bottom: 1px #ffe4952e solid;
		min-height: 100px;
	}
	.footerstyle3{
		width: 100%;
		position: relative;
		border-bottom: 1px #ffe4952e solid;
		padding: 5px 20px;
		display: block;
		text-align: center;
	}
	.footerstyle4{
		width: 100%;
		position: relative;
		border-bottom: 1px #ffe4952e solid;
		padding: 5px 20px;
		display: block;
		margin-bottom: 70px;
	}
	.sidenavbarlink1{
		width: 100%;
		position: relative;
		display: block;
	}
	.sidenavbarlink2{
		width: 100%;
		position: relative;
	}


}
	@media	screen and (min-width: 1188px) and (max-width:999999999999999999999999999999999px){
		body {
			margin:0;
			font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
			font-size: 12px;
		}
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		background-color: #002857;
		display: flex;
		justify-content: center;
		transition: 0.25s;
	}
	ul li a {
			display: block;
			color: white;
			padding: 14px 16px;
			text-decoration: none;
			text-transform: uppercase;
				transition: 0.25s;
	}

	ul li a:hover {
				fill:#ffffff!important;
				color: #ffffff!important;
				background: #001937 !important;
				border:none!important;
				box-shadow: 0px 0px 20px 0px #f3e7a8!important;
	}
	ul li.active a {
			background: linear-gradient(to bottom, #BF953F, #fcf6ba, #AA771C)!important;
						font-weight: bold;
						color: #002857;
	}
	.subnav-content {
			display: none;
			position: absolute;
			width: 500px;
			right: 0%;
			background-color: #001937;
			z-index: 1;
	}
	.subnav:hover .subnav-content {
			display: flex;
	}
	.notdisplayindesktop {
		display:none!important;
	}
	.content {
		width: 95%;
		display: flex;
		flex-direction: row;
				flex-wrap: wrap;
		margin: 1% 2.5%;
		justify-content: center;
	}
	.breakingnewsdiv{
		background: red;padding: 8px;width: 10%;border-radius: 5px 0px 00px 5px;color: white;text-transform: uppercase;
	}
	.newslist{
		box-shadow: 0px 0px 1px 0px grey;padding: 4px;font-weight: bold;width: 90%;height: 32px;
	}
	.width-20{
		width: 20%;
	}
	.width-25{
		width: 25%;
	}
	.width-30{
		width: 30%;
	}
	.width-35{
		width: 35%;
	}
	.width-40{
		width: 40%;
	}
	.width-50{
		width: 50%;
	}
	.width-60{
		width: 60%;
	}
	.width-65{
		width: 65%;
	}
	.width-70{
		width: 70%;
	}
	.width-80{
		width: 80%;
	}
	.openvideolistnews{
		height: 170px!important;
	}
	.bannerlintasproaditv{
		box-shadow: -30px 0px 20px -30px;
	}
	.newsletterstyle0{
		width: 100%;
		height: 50%;
		position: relative;
	}
	.newsletterstyle1{
		padding: 10px;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 35%;
	}
	.newsletterstyle2{
		position: absolute;
		bottom: 0;
		top: 0;
		left: 65%;
		right: 0;
		box-shadow: -10px 0px 15px -10px;
	}
	footer{
		background: linear-gradient(to bottom, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #002857, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882, #f5d882,  #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227, #001227) !important;
	}
	.footerstyle1{
		width: 100%;
		min-height: 100px;
		background-size: contain;
		position: relative;
		padding: 5px 10px 20px 10px;
		display: flex;
	}
	.footerstyle2{
		width: 25%;
		position: relative;
		border-right: 1px #ffe4952e solid;
	}
	.footerstyle3{
		width: 15%;
		position: relative;
		border-right: 1px #ffe4952e solid;
		padding: 5px 20px;
		display: block;
	}
	.footerstyle4{
		width: 30%;
		position: relative;
		border-right: 1px #ffe4952e solid;
		padding: 5px 20px;
		display: block;
		align-content: center;
	}
	.sidenavbarlink1{
		width: 100%;
		position: relative;
		display: flex;
	}
	.sidenavbarlink2{
		width: 17%;
		position: relative;
	}

}
.navigasiberita{
    text-transform: uppercase;
    padding: 8px;
    font-weight: bold;
    color: #001d47;
    background: white;
    margin: 0px 1px;
}
.navigasiberita:hover{
    text-transform: uppercase;
	padding: 8px;
	background: linear-gradient(to bottom, #BF953F, #fcf6ba, #AA771C) !important;
	font-weight: bold;
	margin: 0px 1px;
	border-radius: 2px 2px 0px 0px;
}
.navigasiberita-active{
    text-transform: uppercase;
	padding: 8px;
	background: linear-gradient(to bottom, #BF953F, #fcf6ba, #AA771C) !important;
	font-weight: bold;
	margin: 0px 1px;
	border-radius: 2px 2px 0px 0px;
}
.beritanavigasi{
	overflow-y: auto;
	position: absolute;
	bottom: 5px;
	top: 40px;
	left: 0;
	right: 0;
}