.utama_konten_main{
	width: 100%;
	box-sizing: border-box;
	min-width: 1100px;
}
.utama_konten_boxkonten{
	width: 100%;
	box-sizing: border-box;
	min-width: 1100px;
}
.utama_konten_kategori{
	color: white;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	padding: 20px 0px 20px 0px;
	text-transform: uppercase;
	width: 100%;
	min-width:1100px;
	box-sizing: border-box;
}
.utama_konten_img{
	position: relative;
	width: 70%;
	min-width: 700px;
	height:532px;
	overflow: hidden;
	float: left;
	box-sizing: border-box;
}
.utama_konten_img img{
	width:100%;
	min-height: 100%;
}
.utama_konten_img_judul{
	position: absolute;
	bottom: 50px;
	width: 40%;
	padding: 15px;
	background: rgba(95,95,95,0.6);	
	box-sizing: border-box;
	color: white;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	left: 50px;
}
.utama_konten_img_judul_tanggal{
	font-size: 13px;
	margin-bottom: 15px;
	font-weight: 100;
}
.utama_konten_img_hide{
	opacity: 0;
	visibility: hidden;
	width: 100%;
	min-height: 100%;
	transition: visibility 1s,opacity 1s;
}
.utama_konten_img_show{
	opacity: 1;
	width: 100%;
	visibility:visible;
	transition: visibility 1s,opacity 1s;
}
.box_utama_nomor_bg1,.box_utama_datanomor{
	position: absolute;
	left: -29px;
	font-size: 26px;
	padding: 5px 2px 5px 2px;
	color: white;
	width: 26px;
	height: 40px;
	font-weight: bold;
	top: 5px;
	opacity:0;
	transition: opacity 0.8s;
}
.box_utama_bghitam{
	background: #222222;
	opacity: 1 !important;
}
.box_utama_bgaktif{
	background: #2c4d09;
}
.box_utama_nomor_bg2{
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	left: -49px;
	top: 5px;
	opacity:0;
	transition: opacity 0.8s;
}
.box_utama_datanomor{
	left: -35px;
	opacity:0;
	transition: opacity 0.2s;
}
.box_utama_datanomor_aktif{
	display: block;
	opacity:1;
}

.utama_konten_judul{
	position: relative;
	width: 29%;
	min-width: 300px;
	float: left;
	color: white;
	text-align: left;
	box-sizing: border-box;
}
.utama_konten_img_judul a{
	color: white;
}
.utama_konten_judul .box_utama_judul{
	position:relative;
	padding: 8px 10px 8px 10px;
	height: 90px;
	border-bottom: 0.5px solid #6b6b6b;
	cursor: pointer;
	transition: 1s;
}
.utama_konten_judul .box_utama_judul:hover{
	background: #4e4e4e;
}
.utama_konten_judul .box_utama_judul .utama_judul_tanggal{
	font-size: 12px;
	padding: 5px 0 5px 0;
}
.utama_konten_judul .box_utama_judul .utama_judul_judul{
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}
.utama_judul_judul a{
	color: white;
}

@media only screen and (max-width: 800px) {
	.utama_konten_boxkonten{
		min-width: 100%;
	}
	.utama_konten_img{
		min-width:100%;
		width: 100%;
		height: auto;
	}
	.utama_konten_judul{
		display: none;
	}
	.utama_konten_main,.utama_konten_kategori{
		min-width: 100% !important;
	}
	.utama_konten_img_judul{
		width: 98%;
		left: 1%;
		bottom: 1%;
		font-size: 16px;
	}
	#box_utama_full{
		background: white;
	}
	.utama_konten_img_judul_tanggal{
		font-size:11px;
		margin-bottom: 0px;
	}
	.utama_judul_judul{
		font-size: 11px;
	}
}