.content-container {
	padding: 30px 20px;
}
.content-container .row {
	margin: 0;
}
.content-container .content-header h2 {
	margin: 0;
	color: #df0707;
	font: bold 36px 'Roboto Slab', sans-serif;
}
.content-container .content-footer .btn {
	padding: 10px 20px;
	color: #ecf0f1;
	font: 20px 'Roboto Slab', sans-serif;
	background-color: #df0707;
	border: 1px solid #ba0c0c;
	transition: all .2s ease;
}
.content-container .content-footer .btn:hover {
	background-color: #ba0c0c;
}
.slideanim {
	visibility:hidden;
}
.pageslide {
    animation-name: pageslide;
    animation-duration: .8s;
    visibility: visible;
}
@keyframes pageslide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

/*-----------------------------------------------------------------------------------------------------------------------------*/

#content-artikel {
	padding: 20px;
	background-color: #fff;
}
#content-artikel .content-body {
	padding: 30px 50px;
}
#content-artikel .owl-prev, #content-artikel .owl-next {
	position: absolute;
	top: 0;
	bottom: 0;
	opacity: .7;
	color: #df0707;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s ease;
}
#content-artikel .owl-nav .disabled, #content-artikel .owl-nav .disabled:hover {
	opacity: 0;
}
#content-artikel .owl-prev:hover, #content-artikel .owl-next:hover {
	opacity: 1;
}
#content-artikel .owl-prev {
	left: 0;
}
#content-artikel .owl-next {
	right: 0;
}
#content-artikel .content-body .col-md-3 {
	padding: 10px 20px;
}
#content-artikel .thumbnail {
	margin-bottom: 0;
	padding: 0;
	background: none;
	border: none;
	transition: all .2s ease;
}
#content-artikel .content-body .thumbnail a {
	display: block;
	padding: 10px;
	text-decoration: none;
}
#content-artikel .thumbnail img {
	width: 100%;
	transition: all .2s ease;
}
#content-artikel .thumbnail .caption {
	padding: 10px 0;
	color: #777;
	font: 1.15vw 'Titillium Web', sans-serif;
	transition: all .2s ease;
}
#content-artikel .thumbnail .caption .caption-title {
	color: #333;
	font: bold 1.45vw 'Titillium Web', sans-serif;
	transition: all .2s ease;
}
#content-artikel .thumbnail .caption hr {
	margin: 8px 0;
}
#content-artikel .thumbnail .caption .caption-subtitle {
	color: #333;
	font: 1.3vw 'Titillium Web', sans-serif;
}
#content-artikel .thumbnail:hover {
	background-color: #eaeaea;
}
#content-artikel .thumbnail:hover img {
	filter: brightness(80%);
}

/*====================================                    MOBILE                    ====================================*/

@media screen and (max-width: 991px) {

/*-----------------------------------------------------------------------------------------------------------------------------*/

	#content-artikel .content-body .col-sm-6 {
		padding: 10px 0;
	}
	#content-artikel .thumbnail .caption {
		font-size: 2.4vw;
	}
	#content-artikel .thumbnail .caption .caption-title {
		font-size: 2.8vw;
	}

}