/* SLIDE */
#_slides{
	height : 100%;
	width : 100%;
	background-size: 100% auto;
	position : fixed;
	/*background:#d8a209;*/
	background:rgba(216, 162, 9, .2);
	font-size: 100%;
	z-index:-1;
	transition:all 2.5s;
}
#_slides ._slide-opt{ 
	opacity:0;
	margin:0;
	transition:all 2s;
}

#_slides ._active, #_slides figure._active{ 
	transform:translateX(0px);
	opacity:1 !important;
	transition:all 3.5s;
}

._img-slide {
	width:100%;
	height:100%;
}


/* END SLIDE */

/* CANVAS */
canvas {
  display: block;
  vertical-align: bottom;
}

/* ---- particles.js container ---- */

#particles-js {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  z-index:550;
  /*background-color: #06C;*/
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  /*background-position: 50% 50%;
  opacity:0.5;*/
}

/* ---- stats.js ---- */

.count-particles{
	background: #000022;
	position: absolute;
	top: 48px;
	left: 0;
	width: 80px;
	color: #13E8E9;
	font-size: .8em;
	text-align: left;
	text-indent: 4px;
	line-height: 14px;
	padding-bottom: 2px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	z-index:-1;
}

.js-count-particles{
	font-size: 1.1em;
}

#stats,
.count-particles{
	-webkit-user-select: none;
}

#stats{
	border-radius: 3px 3px 0 0;
	overflow: hidden;
}

.count-particles{
	border-radius: 0 0 3px 3px;
}

.icon{
	height: 20px;
    margin:auto;
}

.sosmed{
 	padding-right: 2%;
	min-width:100px;
}

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

.menu-list-circle{
	list-style:circle;
	padding: 0px 0px 5px 18px;
}
.menu-list-circle a:hover{
	color:#30afb8;
}
.cid-rlThPLIAI2 .card-img img {
	width: 75px !important; 
}
  
.cid-rlThwGLh3G1 {
	background-color: rgba(20, 157, 204, 0.2);
	margin-top:-180px;
	color:#fff;
	padding-top:1.5rem;
	padding-bottom:1.5rem;
}

.cid-rlThPLIAI2{
	background: rgba(216, 162, 9, .1);
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.cid-rlThPLIAI2 .container{
	max-width:100%;
}
.cid-rlThPLIAI2 .card-box2 {
	margin-top:-40px;
}
.cid-rlThPLIAI2 .card-box {
	background-color: rgba(20, 157, 204, 0.5);
	/*background-color: rgba(20, 157, 204, 1); !important;
    background: linear-gradient(#ccbe14, transparent) !important;*/
}

.cid-rlThPLIAI2 .card-custom {
	transform:translateY(-1px);
	margin-bottom: 0rem;
	padding-right:0px;
	padding-left:0px;
	max-width:20%;
}
.cid-rlThPLIAI2 .card-img {
	padding-top:.2rem;
	background-color: rgba(20, 157, 204, 0.5);
}
.cid-rlThPLIAI2 .card-img span {
	font-size: 50px;
	color:#f9e717;
}
.cid-rlThPLIAI2 .card-box .card-title {
	padding-top:5px !important;
}
.cid-rlThPLIAI2 h4{
	color:#ffffff !important;
}

/* ======== Button Custom ============*/
.btn-custom-readmore::before, .btn-custom-readmore::after{
	content: " ";
    border-style: solid;
    border-width: 15.5px 10px;
    height: 0;
    position: absolute;
    width: 0;
    z-index: 5;
    padding: 0px;
	top: -2px;
}
.btn-custom-readmore::before{
	border-color: #fff transparent #fff #fff;
	border-left:none;
    left: -2px;
}
.btn-custom-readmore::after{
    border-color: transparent #fff transparent transparent;
	/*border-color: transparent rgba(224, 152, 38, .78)  rgba(48, 175, 184, .91) transparent transparent;*/
    right: -2px;
}
.btn-custom-readmore {
	width: 100%;
	font-size: .8rem;
	margin: 10px 0px 0px;
    border-radius: 0;
    padding: 5px;
    color: #076d75 !important;
    background: #efefef;
	display: inline-block;
    position: absolute;
    bottom: 0;
	z-index:-1;
}

.btn-custom-readmore:hover {
    color: #8c4c0a !important;
    background: #dfdfdf;
	text-decoration:underline;
}
.btn-berita{
	padding:15px !important;
	font-size: 1rem !important;
}
.btn-custom-sit{
	width: 100%;
    padding: 0;
    font-size: .8rem;
    font-weight: 500;
    margin: 10px 0;
    color: #fff;
    background: #30afb8;
}
.btn-custom-sit:hover{
	background: #129fa9;
	color: #fff;
}
.padding0{
	padding-top: 35px;
	padding-bottom:0px !important;
}

.sidebar-module-inset{
	padding:5px 10px 10px 10px;
	background:#efefef;
	border-radius:3px;
	text-transform:capitalize;
	font-size: .95rem;
}
.sidebar-module-inset h4{
	padding-top:0px;
	padding-bottom:10px;
	font-size:1.2rem;
}
.sidebar-module-inset i{
	font-family:"Julee";
	font-weight:300;
}

.sidebar-widget .list-link {
	list-style:none;
	padding-left:0px;
}
.sidebar-widget h4{
	border-bottom: solid 4px #2da0a9;
    padding-bottom: 3px;
    margin-bottom: 5px;
}
.sidebar-widget h4 span.header{
	background:#2da0a9;
    padding: 0px 10px;
	color:#fff;
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.sidebar-widget .list-link li a:first-child{
	padding-top: 10px;
}
.sidebar-widget .list-link li a {
	
}

.sidebar-widget .list-link a {
	padding-bottom: 5px;
	border-bottom: 1px dotted #e09826;
	color: #0f0f0f;
    /*border-left: #f4487a 2px solid;*/
    padding-left: 5px;
	
    /*background: #f3d5a5;*/
    width: 100% !important;
	display:inline-block;
	position:relative;
	transition:all 0.3s ease;
}
.sidebar-widget .list-link a::before {
	content: "";
	position: absolute;
	z-index:-1;
	top: 0;  left: 0;  right: 0;  bottom: 0;
	background: #e09826;
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition: transform .3s ease-out;
}
.sidebar-widget .list-link a:hover {
	color:#fff;
	background: #2da0a9;
	transition:all .3s ease;
	transform:scale(1.07);
	left:0;
}

ol.list-images {
	list-style:none;
	padding-left:0px;
	
}
ol.list-images li {
	display:contents;
}
ol.list-images li a img {
	width:calc(96% / 3);
	display:inline-block;
	outline:1px solid #eee;
	transition:all .3s ease-in;
}
ol.list-images li a img:hover{
	transform:scale(.9);
	transition:all .3s ease-out;
}

ol.list-videos {
	list-style:none;
	padding-left:0px;
	
}
ol.list-images li {
	display:cover;
}

/* ======= BERITA & MAGAZINE ====== */

.entry-date::after{
	content: " ";
    border-color: rgba(48, 175, 184, .91) transparent transparent rgba(48, 175, 184, .91);
    border-style: solid;
    border-width: 15.5px 10px;
    top: 0;
    height: 0;
    right: -20px;
    position: absolute;
    width: 0;
    z-index: 5;
    padding: 0px;
}
.entry-date {
	background: rgba(48, 175, 184, .91);
	left: 0;
	padding: 2px 0px 5px 10px;
	position: absolute;
	text-align: center;
	top: 0;
}
.entry-date a{
	font-size:12px;
	color:#fff !important;
}

/* Berita */
.cid-rlThLNuU8O .card-box{
	padding:0px .61rem;
}
.cid-news .card-wrapper{
	transition:all .8s; 
	opacity:0;
}
.cid-news p.content{
	/*font-family: "Rubik";*/
	padding-top:10px !important; 
    font-size: 14px;
    text-align: justify;
    margin-bottom: 10px;
}

.cid-news .card-wrapper a{
	cursor:pointer;
	line-height:1.3;
	color:#06F;
}
.cid-news .card-wrapper a:hover{
	color:#09C;
}
.cid-news .card-wrapper a img{
	display:inline-block;
	overflow:hidden;
}
.cid-news .card-wrapper.news-hide{
	transform:translateX(-150px);
}
.cid-news .card-wrapper.--show{
	opacity:1; 
	transform:translateX(0); 
	transition:all .8s;
	cursor:pointer;
}
.cid-news .card-wrapper:hover, .cid-news .card-wrapper.--show:hover{
	transform:translateY(-5px); 
	transition:all .5s; 
	box-shadow:1px 2px 5px 2px rgba(0, 0, 0, .3);
}


/* Magazine */
.cid-mag .card-wrapper{
	transition:all .5s; 
	opacity:0;
	border: 1px solid #eee;
	border-radius: 3px;
	box-shadow: 1px 3px 3px #aaa;
}
.cid-mag .card-wrapper a{
	cursor:pointer;
	line-height:1.3;
	color:#06F;
}
.cid-mag .card-wrapper a:hover{
	color:#09C;
}
.cid-mag .card-wrapper a img{
	display:inline-block;
	overflow:hidden;
}
.cid-mag .card-wrapper.mag-hide{
	transform:translate(0, -150px) rotate(0deg);
}
.cid-mag .card-wrapper.--show{
	opacity:1; 
	transform:translate(0, 0); 
	transition:all 1s;
	cursor:pointer;
}
.cid-mag .card-wrapper:hover, .cid-mag .card-wrapper.--show:hover{
	transform:translateY(-10px) scale(0.95); 
	transition:all .5s; 
	box-shadow:1px 2px 10px 2px rgba(0, 0, 0, .3);
}

@media (max-width: 500px) {
	.footer{font-size: 50%;}
	.menu {font-size: 55%;}
	.badge {padding:6% 6% 6% 6%;
		right: -5%;}
	.icon{height: 1.7%;}
	*{letter-spacing: 0px;}
	
}

@media (min-width: 501px) and (max-width: 780px) {
	.footer{font-size: 55%;}
	.menu {font-size: 55%;}
	.badge {padding:5% 4% 6% 5%; 
		font-size: 110%;
		right: -5%;}
	.icon{height: 1.7%;}
	*{letter-spacing: 0px;}
	
}

@media (min-width: 781px) and (max-width: 990px) {
	.footer{font-size: 60%;}
	.menu {font-size: 55%;}
	.badge {
		padding:4% 1% 2% 1%; 
		top: -5%;
		right: 1%;
		font-size: 110%;}
	.icon{height: 1.7%;}
	*{letter-spacing: 0px;}
	
}