*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
	font-family: sans-serif;
}
::-moz-selection {
  background: none;
}
::selection {
  background: none;
}

a{text-decoration:none;}
a:hover{text-decoration:none;}
html {
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.9);
}
body{
  height: 100%;
  width: 100%;
  background-color: #fff;
  font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-rendering: optimizeLegibility;
    color: #414141;
}
.mobile-only{display:none;}
.desktop-only{display:block;}
.bg{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	overflow:hidden;
	z-index:-1;
	background: rgb(0,178,221);background: -moz-linear-gradient(90deg, #000 30%, #001b32 90%);background: -webkit-linear-gradient(90deg, #000 30%, #001b32 90%);background: linear-gradient(90deg, #000 30%, #001b32 90%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b2dd",endColorstr="#001b32",GradientType=1);
}
.main-content{
	position:fixed;
	z-index:55;
	top:0;
	left:30px;
	right:30px;
	bottom:30px;
	background:#ffffff;
}
.menu-btn{
	display:none;
}

.menu{
	position:absolute;
	top:110px;
	left:0;
	bottom:0;
	width:calc(20% - 20px);
	overflow-y:hidden;
	opacity:1;
	visibility:visible;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
	z-index:199;
	background:transparent;
}
body.show-menu .menu{
	opacity:1;
	visibility:visible;
}
.menu-items{
	position:absolute;
	top:50%;
	width:100%;
	text-align:left;
	-webkit-transform:translate3d(0, -50%, 0);
	-moz-transform:translate3d(0, -50%, 0);
	-ms-transform:translate3d(0, -50%, 0);
	-o-transform:translate3d(0, -50%, 0);
	transform:translate3d(0, -50%, 0);
	z-index:99;
}
.menu-items > ul{
	list-style:none;
	padding:0;
	margin:0;
}
.menu-items > ul > li{
	display:block;
	margin:10px 15px;
	line-height:40px;
	height:40px;
	color:#fff;
}
.menu-items > ul > li img{width:40px;height:40px;margin:0 5px 0 0;}
.menu-items > ul > li > div{
	cursor: pointer;
	outline:none;
	display:block;
	text-decoration:none;
	color:#fff;
	opacity:1;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;

}
body.show-menu .menu-items > ul > li > div{
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
}
.close-menu .menu{
	top:0;
	left:20%;
	bottom:0;
	width:40px;
	overflow:hidden;
	opacity:1;
	margin-left:-20px;
	visibility:visible;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
	z-index:199;
	background:transparent;
}
.close-menu .menu-items{
	position:absolute;
	top:50%;
	width:40px;
	height:40px;
	text-align:left;
	background:#919191;
	border-radius:40px;
	border:#cccccc 3px solid;
	-webkit-transform:translate3d(0, -50%, 0);
	-moz-transform:translate3d(0, -50%, 0);
	-ms-transform:translate3d(0, -50%, 0);
	-o-transform:translate3d(0, -50%, 0);
	transform:translate3d(0, -50%, 0);
	z-index:99;
}
.close-menu .menu-items:before, .close-menu .menu-items:after{content:'';position:absolute;width:2px;height:60%;top:20%;background:#fff;left:50%;margin-left:-1px;}
.close-menu .menu-items:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.close-menu .menu-items:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

.close-menu .menu-items > ul > li{margin:0;}
.close-menu .menu-items > ul > li img{width:40px;height:40px;margin:0;}
.standar-breadcrumb{background:#717171;}
body.show-menu .menu-items > ul > li:nth-of-type(1) > div{
	-webkit-transition-delay:.4s;
	-moz-transition-delay:.4s;
	transition-delay:.4s;
}
body.show-menu .menu-items > ul > li:nth-of-type(2) > div{
	-webkit-transition-delay:.5s;
	-moz-transition-delay:.5s;
	transition-delay:.5s;
}
body.show-menu .menu-items > ul > li:nth-of-type(3) > div{
	-webkit-transition-delay:.6s;
	-moz-transition-delay:.6s;
	transition-delay:.6s;
}
body.show-menu .menu-items > ul > li:nth-of-type(4) > div{
	-webkit-transition-delay:.7s;
	-moz-transition-delay:.7s;
	transition-delay:.7s;
}
body.show-menu .menu-items > ul > li:nth-of-type(5) > div{
	-webkit-transition-delay:.8s;
	-moz-transition-delay:.8s;
	transition-delay:.8s;
}
body.show-menu .menu-items > ul > li:nth-of-type(6) > div{
	-webkit-transition-delay:.9s;
	-moz-transition-delay:.9s;
	transition-delay:.9s;
}
body.show-menu .menu-items > ul > li:nth-of-type(7) > div{
	-webkit-transition-delay:1s;
	-moz-transition-delay:1s;
	transition-delay:1s;
}
.transit{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.section{
	position:absolute;
	top:110px;
	left:0;
	right:0;
	bottom:0;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
	overflow-y:hidden;
	overflow-x:hidden;
	padding-bottom:0;
background:transparent;
}
.section:after{content: ' ';position:fixed;top:0;height:100%;width:20%;left:0;background:#000;opacity:0.5;}
.pages-style .section:after{display:none;}
body.show-menu .section.active,
.section{
	opacity:0;
	visibility:hidden;
	z-index:95;
}
.section.active{
	opacity:1;
	visibility:visible;
	z-index:100;
}

/*=================================================================================
	Preloader
=================================================================================*/
#preloader{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(../img/loading.jpg) no-repeat center;background-size:cover;
	z-index:9999999 !important;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
}
#preloader > .loader{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	text-align:center;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
#preloader > .loader > span{
	display:block;
	margin-top:25px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:10px;
	font-weight:bold;
	color:#fff;
}
.no-js #preloader{
	display:none;
}
body.loaded #preloader{
	opacity:0;
	visibility:hidden;
}
.headerpage{position:fixed;width:100%;top:0;left:0;z-index:99999999;}
.headerpage{background:#000;background: -moz-linear-gradient(90deg, #000 30%, #001b32 90%);background: -webkit-linear-gradient(90deg, #000 30%, #001b32 90%);background: linear-gradient(90deg, #000 30%, #001b32 90%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b2dd",endColorstr="#001b32",GradientType=1);}
.headerpage-inner{position:relative;padding:15px 0;margin:0 30px;}

.back-home{position:absolute;bottom:30px;left:0;top:110px;width:100%;height:calc(100vh - 140px);background:url(../img/coverhome.jpg) no-repeat center;background-size:cover;z-index:1;}
.back-home:after{content:"";position:absolute;top:0;left:0;width:20%;height:100%;background:rgba(0,0,0,0.6);z-index:2;}
.logo1, .logo2{position:absolute;top:15px;left:0;z-index:99999;}
.logo1 img, .logo2 img{float:left;height:80px;width:auto;}
.header-right{position:relative;overflow:hidden;float:right;width:100%;text-align:right;z-index:9999;}
.header-right p{font-size:100%;margin:0 10px 0 0;padding:0;line-height:40px;display:inline-block;color:rgba(255,255,255,0.6);}
.dot{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../img/dot.png) repeat center fixed;}
.bg-blue{background:#005c82;}
.bg-jingga{background:#932e75;}
.bg-viola{background:#734e96;}
.bg-green{background:#008366;}
.custom-2-only{display:none;}
.custom-1-only{display:block;}
.body-home{
	position:absolute;
	top:0;
	left:20%;
	right:0;
	bottom:0;
	padding:40px 7%;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
	overflow-y:auto;
	overflow-x:hidden;
	padding-bottom:0;
background: rgb(255,255,255);
background: -moz-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%);
background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#cccccc",GradientType=1);
}

.pages-style .body-home{left:0;padding:0;}
.body-home2{
	width:100%;
	padding:0;
	margin:110px 0 0;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
	float:left;
}

.header-right .form-control {
  float:right;
  width: auto;
  height: 40px;
  padding: 0 10px;
  line-height:40px;
  color: #bdbdbd;
  background-color:rgba(0,0,0,0.3);
  border: 1px solid #717171;
  border-radius:0;
  -webkit-box-shadow:none;
          box-shadow:none;
  -webkit-transition:none;
       -o-transition:none;
          transition:none;
}
.slide-left{width:float;width:60%;position:relative;overflow:hidden;}
.pencarian-submit{position:absolute;top:0;right:0;width:40px;height:40px;background:#717171 url(../img/icon/search.png) center no-repeat;background-size:50% auto;outline:none;border:none;}
.slidehome-image, .single-news-image, .image-height-middle, .image-plus-content, .personal-box, .grafis-box, .image-height-middle2{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.slidehome-image{height:calc(100vh - 130px);}
.single-news-image{padding-bottom:50%;}
.image-height-middle{padding-bottom:60%;}
.image-height-middle2{padding-bottom:80%;margin:0 0 20px;}
.image-plus-content{padding-bottom:60%;}
.personal-box{padding-bottom:100%;}
.grafis-box{padding-bottom:100%;}
.slidehome-image img, .single-news-image img, .image-height-middle img, .image-height-middle2 img, .image-plus-content img, .personal-box img, .grafis-box img{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.slidehome-text{position:absolute;right:0;bottom:0;}
.single-news-title{position:relative;padding:15px;margin:-20px 15px 0;background:#dbdbdb;}
.single-news-date{position:relative;overflow:hidden;margin:-30px 0 5px;}
.single-news-date p{font-size:100%;float:left;line-height:30px;margin:0;padding:0 10px;background:#007ba4;color:#fff;}
.single-news-title h2{font-size:100%;display:block;line-height:1.2;margin:0;padding:0;color:#414141;font-weight:bold;}

.margin-min5{margin:0 -5px;}
.padding-leftright5{padding:0 5px;}
.margin-min10{margin:0 -10px;}
.padding-leftright10{padding:0 10px;}
.next-news{position:relative;width:100%;float:left;margin:30px 0 0;}
.next-news-row{position:relative;padding:5px 0;margin:0;overflow:hidden;}
.next-news-image{width:40%;float:left;}
.next-news-title{width:60%;float:right;}
.next-news-title p{font-size:100%;display:block;line-height:1.2;margin:0 0 5px;padding:0;color:#007ba4;}
.next-news-title h2{font-size:100%;display:block;line-height:1.2;margin:0;padding:0;color:#414141;font-weight:500;}
.content-image{position:relative;overflow:hidden;max-height:300px;}
.content-head{position:relative;overflow:hidden;width:100%;margin:0;z-index:2;}
.content-head h1{font-size:140%;display:block;font-weight:bold;margin:0 0 5px;padding:0;line-height:1.2;color:#000;}
.figure-style .content-head h1{font-size:180%;}

.content-category{position:relative;float:left;overflow:hidden;width:100%;margin:0 0 5px;}
.video-flat-style .content-category{margin:10px 0 5px;} 
.content-category h2{position:relative;float:left;font-size:100%;font-weight:bold;margin:0;padding:0 10px 0 0;line-height:30px;text-transform:uppercase;z-index:2;color:#000;}
.content-category h3{position:relative;float:left;font-size:100%;font-weight:bold;margin:0;padding:0 10px 0 15px;line-height:30px;text-transform:uppercase;z-index:2}
.content-category h3:after{content:"";position:absolute;top:50%;left:0;border-left:#919191 10px solid;border-top:transparent 7px solid;border-bottom:transparent 7px solid;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.content-category a{color:#a20000;}

.content-date{position:relative;float:left;width:100%;padding:10px 0 0;margin:0 0 20px;border-top:#bdbdbd 1px solid;}

.content-date p{display:block !important;font-size:90%;font-weight:normal;margin:0;padding:0 0 0 0;line-height:20px;z-index:2;color:#717171;}

.content-detail{width:100%;float:left;margin:20px 0 30px;line-height:1.6;}

.content-tags{position:relative;overflow:hidden;margin:30px 0 30px;width:100%;}
.content-tags p{font-size:100%;margin:2px 4px 2px 0;padding:0 10px;line-height:30px;float:left;color:#919191;border:#bdbdbd 1px solid;border-radius:30px;}
.content-tags p:hover{color:#fff;background-color:#919191;border-color:#919191;}
.shareto{position:relative;float:left;text-align:center;overflow:hidden;width:100%;margin:0 0 30px;}
.shareto-inner{position:relative;margin:0 auto;padding:0 10px;z-index:2;display:inline-block;}
.shareto:after{content:"";position:absolute;top:50%;left:0;width:100%;border-top:#bdbdbd 1px solid;height:1px;z-index:1;}
.video-flat-style .shareto:after{display:none;}
.shareto img{width:auto;height:34px;}
.head-right{position:relative;width:100% !important;display:block;margin:0 0 15px;padding:0 0 5px;border-bottom:#bdbdbd 1px solid;z-index:2;}
.video-flat-style .head-right{margin:50px 0 15px;width:100%;float:left;}
.head-right h1{font-size:100%;font-weight:bold;display:block;color:#000;margin:0;padding:0;line-height:1.2;text-transform:uppercase;width:100% !important;}

.image-2-only{width:50%;float:left;margin:0 0 10px;}
.image-3-only{width:33.333333%;float:left;margin:0 0 10px;}
.image-1-only{width:100%;margin:0 auto 10px;}
.column-3{width:33.333333%;float:left;margin:0 0 0;}
.column-4{width:25%;float:left;}
.column-2{width:50%;float:left;}
.column-2grafik{width:calc(50% - 10px);float:left;}
.column-2b{width:50%;float:left;}
.column-3-center{width:calc(33.333333% - 10px);display:inline-block;margin:0 auto ;}
.column-6 {width: 16.66666667%;float:left;margin:0 0 10px;}

.profile{position:relative;width:100%;margin:0 0 30px;float:left;}
.profile-left{width:40%;float:left;}
.profile-right{width:40%;float:right;text-align:center;}
.profile-box{position:relative;overflow:hidden;padding:10px;margin:0 0 5px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:#bdbdbd 1px solid;}
.profile-box2{position:relative;overflow:hidden;padding:0;background:#fff;}
.profile-box2:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border:rgba(0,0,0,0.1) 5px solid;z-index:1;}
.profile-box2:after{content:"";position:absolute;top:5px;left:5px;bottom:5px;right:5px;z-index:2;border:#fff 1px solid;}
.profile-box img{width:70px;height:70px;float:left;margin:0 5px 0 0;}
.profile-box p{font-size:100%;margin:0 10px;padding:0;line-height:1.2;font-weight:bold;color:#414141;}
.profile h2{font-size:100%;margin:5px auto 0;padding:0;line-height:1.2;font-weight:bold;color:#414141;}
.profile h3{font-size:100%;margin:0 15px 15px;padding:0;line-height:1.2;font-weight:normal;color:#fff;}
.profile h4{font-size:100%;margin:10px;padding:0;line-height:1.2;font-weight:bold;color:#fff;font-weight:bold;}
.absolute-title{position:absolute;bottom:0;left:0;right:0;}
.category-title h2{font-size:100%;margin:5px 10px 10px;padding:0;line-height:1.2;font-weight:bold;color:#bdbdbd;}
.category-title h3{font-size:100%;margin:0 10px 5px;padding:0;line-height:1.2;font-weight:normal;color:#ffc000;}
.category-style:hover .category-title h2, .category-style:hover .category-title h3{color:#fff;}
.cover-black-gradient{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.85;background: rgba(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
.figure-style .cover-black-gradient{top:5px;left:5px;right:5px;bottom:5px;}
/*=================================================================================
	Main Section
=================================================================================*/
.main-section{
	overflow:visible;
	padding:0;
}
.main-section,
.main-section > .row,
.main-section > .row > div{
	height:100%;
	position:relative;
}
.main-section .bg-person{
	height: 100%;
	width: auto;
	background-image: url(../img/5174asdasd44825.jpg);
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
}
a.btn-material{
	color:#FFF;
}
.btn-material{
	position:relative;
	padding:11px 27px;
	border:solid 2px #009688;
	background:#009688;
	text-align:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	text-decoration:none !important;
	color:#FFF;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:600;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
}
.btn-material:hover{
	outline:none;
	-webkit-box-shadow: 0 10px 35px 0 rgba(0,0,0,.14);
	-moz-box-shadow: 0 10px 35px 0 rgba(0,0,0,.14);
	box-shadow: 0 10px 35px 0 rgba(0,0,0,.14);
}


/* information Section */
.information{
	position:relative;
	padding:40px 35px;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
}
.information:hover{
	-webkit-box-shadow: 0 15px 50px 0 rgba(0,0,0,.14);
	-moz-box-shadow: 0 15px 50px 0 rgba(0,0,0,.14);
	box-shadow: 0 15px 50px 0 rgba(0,0,0,.14);
}
.information [class^="ion-"],
.information [class*="ion-"]{
	font-size:0;
	text-align: center;
	display: block;
}
.information [class^="ion-"]:before,
.information [class*="ion-"]:before{
	font-size:64px;
	line-height:1em;
	vertical-align:middle;
}
.information > span{
	margin-top: 20px;
	margin-bottom: 10px;
	display: block;
	font-size: 16px;
	text-align: center;
	font-weight:bold;
	text-transform:uppercase;
}
.information > p{
	margin:0;
	text-align: justify;
	color:rgba(0,0,0,.45);
	font-weight:500;
}
.information a{
	font-weight: 400;
	color:rgba(0,0,0,.45);
}
.information a:hover,
.information a:focus{
	outline: none;
}



/*== Demo CSS ==*/
.customize-btn{
	font-size:28px;
	color:#202020 !important;
	text-decoration:none !important;
	line-height:44px;
	height:44px;
	width:44px;
	text-align:center;
	vertical-align:middle;
	background:#F0F0F0;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.customize-btn > i:before{
	vertical-align:middle;
}
.colors{
	float:right;
	width:auto;
	text-align:right;
	z-index:9999 !important;
}
.colors > a{
	height:40px;
	color:#bdbdbd;
	line-height:1.1;
	font-size:12px;
	padding:0 10px;
	background:#3c255a;
	display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
}
.colors > a:hover{
	outline: none;
	background:#009bad;
	color:#fff;
}
.pencarian{position:relative;float:right;margin:0 10px 0 0;}
.embed-event{height:300px;position:relative;}
.embed-event-body{position:relative;}
.embed-event-head{position:absolute;top:0;left:0;font-size:100%;font-weight:bold;float:left;color:#000;margin:0;padding:0;line-height:40px;text-transform:uppercase;}



/* just add that code to your style.css file to apply changes */
.section{
	-webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;

	transform: translate3d(0,0,0);
    backface-visibility: hidden;
    perspective: 1000px;
}
footer{
	text-align: center;
}

/* alert */
.alert.alert-success{
	background-color: #009688;
}
.alert.alert-danger{
	background-color: #F44336;
}


.section2 {
    display: block;
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin-bottom: 30px;
}
.section-head{width:100%;position:relative;float:left;list-style:none;margin:0 0 10px;z-index:2;}

.section2 .section-content {
    width: 100%;
    display: block;
    position: relative;
    float: left;
}

.section2 .section-content .tab-content {
    width: 100%;
    display: block;
}
.section-head h1{font-size:100%;font-weight:bold;float:left;color:#000;margin:0;padding:0;line-height:26px;text-transform:uppercase;border-bottom:#bdbdbd 4px solid;}
.menu-small{float:right;width:30px;height:30px;position:relative;}
.line-menu{position:absolute;left:0;top:50%;height:4px;background:#bdbdbd;width:100%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.line-menu:before{content:"";position:absolute;left:0;top:-8px;height:4px;background:#bdbdbd;width:100%;}
.line-menu:after{content:"";position:absolute;left:0;bottom:-8px;height:4px;background:#bdbdbd;width:100%;}
.section-head ul{margin:0;padding:0;}
.section-head li img{width:40px;height:40px;float:left;padding:5px;}
.section-head li {margin:0 0;padding:0 5px 0 0;display:inline-block;line-height:40px;font-size:90%;border:#bdbdbd 1px solid;font-weight:bold;}
.section-head li a{color:#414141;}
.section-head li a:focus, .section-head li a:hover, .section-head li a:active {color: #000;}

.gridview{position:relative;margin:0 0;display: grid;grid-template-columns:65% auto;}
.style2-grid .gridview-margin{margin:0 70px 0 0;}
.gridview-margin{margin:0 50px 0 0;}
.sidebarright {grid-template-columns: 35% auto;float:right !important;margin:0 0 0 auto;}
.sidebarright ul {list-style: none;margin:0;padding: 0;position:relative;overflow:hidden;z-index:100;}
.sidebarright ul {position: sticky !important;top:0;}
.flat-page-style .gridview{display: grid;grid-template-columns:65% auto;}
.flat-page-style .sidebarright {grid-template-columns: 35% auto;float:right !important;margin:0 0 0 auto;}
.flat-page-style .sidebarright ul {position: sticky !important;top:30px;}
.doc-style .gridview{display: grid;grid-template-columns:70% auto;}
.doc-style .sidebarright {grid-template-columns: 30% auto;float:right !important;margin:0 0 0 auto;}
.doc-style .sidebarright ul {position: sticky !important;top:30px;}
.grafis-style .gridview{display: grid;grid-template-columns:65% auto;}
.grafis-style .sidebarright {grid-template-columns: 35% auto;float:right !important;margin:0 0 0 auto;}
.grafis-style .sidebarright ul {position: sticky !important;top:30px;}

.standar-page-style .gridview, .style2-grid .gridview{display: grid;grid-template-columns:70% auto;}
.standar-page-style .sidebarright, .style2-grid .sidebarright {grid-template-columns: 30% auto;float:right !important;margin:0 0 0 auto;}
.standar-page-style .sidebarright ul, .standar-doc-style .sidebarright ul, .standar-grafis-style .sidebarright ul, .standar-figure-style .sidebarright ul, .style2-grid .sidebarright ul  {position: sticky !important;top:130px;}


.left-sticky .gridview{position:relative;margin:0 0;display: grid;grid-template-columns:280px auto;}
.left-sticky .gridview-margin{margin:0 0 0 60px;}
.left-sticky .sidebarright {grid-template-columns: calc(100% - 280px) auto;float:left !important;margin:0 auto 0 0;}
.left-sticky .sidebarright ul {list-style: none;margin:0;padding: 0;position:relative;overflow:hidden;max-width:280px;}
.left-sticky .sidebarright ul {position: sticky !important;top:15px;}
.body-home2 .left-sticky .sidebarright ul{top:130px;}

.admin-title{width:100%;float:left;margin:10px 0 10px;}
.admin-title h1{display:block;line-height:1.2;padding:0 0 5px;margin:0 auto 20px;text-align:center;color:#000;font-size:140%;font-weight:bold;border-bottom:#bdbdbd 1px solid;}
.admin-title h2{display:block;line-height:1.2;padding:0;margin:0 0 10px;font-size:100%;font-weight:normal;}

.admin-bio{width:100%;float:left;padding:0 0 10px;margin:0 0 20px;border-bottom:#bdbdbd 1px solid;}
.left-sticky a{color:#414141;}

/* document */
.document{position:relative;width:100%;float:left;margin:0 0 60px;}
.document-inner{width:60%;margin:0 auto;}
.document-box{position:relative;overflow:hidden;padding:25px;border:#bdbdbd 1px solid;border-radius:10px;}
.document-info{width:100%;text-align:center;float:left;margin:0 0 10px;}
.document-info p{line-height:1.2;font-size:100%;margin:0;padding:0;color:#515151;}
.link-download{width:100%;float:left;display:block;text-align:center;line-height:1.2;padding:0;margin:10px 0;font-weight:normal;border:none;outline:none;box-shadow:none;z-index:3;cursor:pointer;background:#455769;}
.link-download h3{display:block;text-align:center;line-height:1.2;padding:0;margin:10px 20px;color:#fff;font-size:100%;font-weight:normal;}
.link-download:hover{background:#000;}
.document-related{position:relative;overflow:hidden;padding:15px 10px 10px;background:#fff;border:#bdbdbd 1px solid;margin:0;}
.video-height{height:380px;}

.document-row{position:relative;width:100%;overflow:hidden;margin:0 0 20px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.left-icon{width:60px;min-width:60px;height:60px;float:left;margin:0 10px 0 0;}
.document-row h2{font-size:100%;line-height:1.2;padding:0;margin:0;font-weight:bold;color:#414141;}
.icon-document{background:url(../img/icon/icon-document.png) no-repeat center;background-size:100% 100%;border:transparent 1px solid;}
.icon-video{background:url(../img/icon/icon-video.png) no-repeat center;background-size:100% 100%;border:transparent 1px solid;}
.icon-figure{background:url(../img/icon/icon-figure.png) no-repeat center;background-size:100% 100%;border:transparent 1px solid;}
.icon-pimpinan{background:url(../img/icon/icon-pimpinan.png) no-repeat center;background-size:100% 100%;border:transparent 1px solid;}
.icon-info{background:url(../img/icon/icon-info.png) no-repeat center;background-size:100% 100%;border:transparent 1px solid;}
.icon-grafis{background:url(../img/icon/icon-grafis.png) no-repeat center;background-size:100% 100%;border:transparent 1px solid;}

.search-head{width:100%;float:left;text-align:center !Important;}
.search-head h2{font-size:120%;line-height:1.2;padding:0 0 10px;margin:0 0 40px;font-weight:bold;color:#000;border-bottom:#bdbdbd 1px solid;}
.search-head h1{font-size:140%;line-height:1.2;padding:0 0 10px;margin:0 0 40px;font-weight:bold;color:#000;border-bottom:#bdbdbd 1px solid;}
.empty-result{width:100%;position:relative;overflow:hidden;text-align:center !Important;}
.empty-result h1{position:relative;font-size:400%;line-height:1.2;padding:0;margin:0 auto;font-weight:bold;color:#ffc600;z-index:2;}
.search-image{width:250px;height:250px;position:relative;overflow:hidden;text-align:center !Important;margin:-40px auto 30px;z-index:1;}
.search-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/search-vector.png) no-repeat center;background-size:100% 100%;}
.hover-style:hover .document-row h2{color:#000;}
.hover-style:hover .icon-document, .hover-style:hover .icon-video, .hover-style:hover .icon-figure, .hover-style:hover .icon-pimpinan, .hover-style:hover .icon-info, .hover-style:hover .icon-grafis{background-size:70% 70%;border:#bdbdbd 1px solid;background-color:#fff;}

.body-home-inner{width:100%;margin:0 0 0;float:left;}
.body-margin-flat{margin:30px 10%;}
.video-flat-style .body-margin-flat{margin:30px 25%;}
.video-flat-style .body-home-inner{width:70%;margin:30px 15%;}
.publication{position:relative;overflow:hidden;width:100%;}
.image-default{margin:0 0 10px;}
.border-image{position:relative;overflow:hidden;padding:10px 10px 0;border:#bdbdbd 1px solid;background:#fff;margin:0 0 40px !important;}
.image-description{width:100%;float:left;margin:5px 0 10px;padding:0;line-height:1.2;font-size:90%;}
.standar-breadcrumb{width:100%;float:left;padding:15px 0;margin:0 0 50px;background:#006a9b;color:rgba(255,255,255,0.6);line-height:1.2;font-size:90%;border-top:#003e7e 1px solid;}
.standar-breadcrumb a{color:#fff;}
.dropdown-menu {
  position: absolute;
  top:30px;
  right: 0 !important;
  z-index: 1000;
  display: none;
  float: right;
  width:200px;
  padding:10px;
  margin: 0 0 0 auto;
  font-size:100%;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #bdbdbd;
  border-radius:0;
}
.dropdown-menu li{border:none;display:block;margin:0 0 0 auto;padding:5px 0;line-height:1.2;}
.heading{width:100%;float:left;text-align:center;margin:0 0 30px;}
.heading h1{font-size:120%;font-weight:bold;margin:0;display:inline-block;padding:0 15px;line-height:40px;border:#bdbdbd 1px solid;border-radius:40px;text-transform:uppercase;color:#a20000;}

/* reaction */
.reactions {display: block;width:100%;padding:0;margin:0 0 0;}
.video-flat-style .reactions {width:80%;margin:0 auto;}
.reactions h2{display:block;font-size:100%;text-align:center;margin:0 auto 10px;padding:0;line-height:1.2;font-weight:bold;z-index:1;}

.reactions .col-reaction {width:20%;margin:0;float:left;cursor: pointer;}
.reactions .col-reaction{margin-bottom: 4px;}
.reactions .icon-cnt {position:relative;overflow:hidden;border:#bdbdbd 1px solid;margin:0 2px;padding:2px 0 2px 0;background:#fff;}
.reactions .icon-cnt .icon-cnt-inner{position:relative;overflow:hidden;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.reactions .icon-cnt img{float:left;width:50px;height:50px;margin:0 0 0 0;}
.reactions .icon-cnt  p{float:right;margin:0 5px 0 auto;color:#919191 !important;font-size:100%;font-weight:bold;}
.reactions .icon-cnt h3{display:block;margin:0 auto;color:#919191 !important;font-size:100%;font-weight:normal;}
.reactions .img-reaction {width: auto;height: 50px;max-width: 100%;margin:0;position: relative;}
.col-disable-voting {cursor: default !important;}
.emotion {position:relative;overflow:hidden;width:100%;text-align:center;border-top:#bdbdbd 1px solid;}
.disable-voting {background-color: #fff !important;cursor: default !important;}
.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/* personil */
.personil-head{width:100%;text-align:center;margin:0 0 30px;}
.personil-head h1{font-size:100%;display:block;font-weight:bold;margin:0 0 5px 15px;padding:0;line-height:1.2;color:#a20000;letter-spacing:15px;text-transform:uppercase;}
.staf-style .personil-head h1{letter-spacing:0;margin:0 0 5px 0;}
.personil-head h2{font-size:100%;display:block;font-weight:bold;margin:0 0 5px;padding:0;line-height:1.2;color:#000;text-transform:uppercase;}
.personil-foto-big{width:100%;position:relative;}
.personil-foto-big img{display:block;width:100%;height:auto;}
.personil-foto{position:relative;overflow:hidden;padding:5px;border:#bdbdbd 1px solid;width:100%;}
.personil-foto img{display:block;width:100%;height:auto;}
.personil-title{position:relative;overflow:hidden;width:100%;margin:0 0 30px;}
.personil-title h1{font-size:200%;display:block;font-weight:bold;margin:0 0 5px;padding:0;line-height:1.2;color:#000;}
.personil-profil{position:relative;overflow:hidden;width:100%;margin:0 0 15px;}
.personil-left{width:25%;float:left;}
.personil-right{width:75%;float:right;}
.personil-profil p{font-size:100%;display:block;margin:0;padding:0;line-height:1.2;font-weight:normal;}
.personil-profil span{float:right;margin:0 15px;}

.sekilas{width:100%;float:left;padding:0 0 5px;margin:0 0 15px;border-bottom:#bdbdbd 1px solid;font-size:100%;font-weight:bold;color:#000;}

/* popular */
.populer{width:100%;padding:0 0;margin:0;}
.populer-row{width:100%;min-width:100% !important;display:inline-block;padding:0 0 0;margin:0 0 10px;}
.populer-row:last-child{border-bottom:none;}
.populer li{margin:0;padding:0;line-height:1.2;font-size:100%;font-weight:normal;color:#515151;}
.populer ol{counter-reset:li;list-style:none; 
    *list-style:decimal;font-size:100%;padding: 0;margin:0;text-shadow:0 1px 1px rgba(255,255,255,.8);}
.populer ol ol{margin:0 0 0 60px;}
.populer-list li{position: relative;display:block;padding:0 0 0 5px;margin:0 0 0 20px;background:none;color:#515151;text-decoration:none;text-shadow:none;border-left:#bdbdbd 1px solid;}
.populer-list li:before{content:counter(li);counter-increment:li;position:absolute;left:-20px;top:0;margin-top:0;height:auto;width:auto;line-height:1;text-align:left;font-weight:bold;font-size:170%;color:#bdbdbd;}
.populer-list li:hover{color:#a20000;border-left:#a20000 1px solid;}
.populer-list li:hover:before{color:#a20000;}
/* end popular */

/* fortab */
.fortab{position:relative;width:100%;float:left;text-align:center;margin:0 0 0;}
.fortab-inner{position:relative;overflow:hidden;}
.main{margin:0 auto;width:100%;position:relative;text-align:right;}
.content{width:100%;overflow:hidden;margin:0 0 0;padding:0;position:relative;z-index:1;}
.content > div{display: none;padding:15px 0 0;position:relative;overflow:hidden;text-align:left;z-index:1;border-top:#bdbdbd 1px solid;}
.fortab input{display:none;}
.fortab label{width:auto;margin:0 0 0 auto !important;text-align:right;padding:0 0 0 15px;line-height:30px;font-weight:bold;display:inline-block;font-size:100%;cursor:pointer;}
.fortab input:checked + label{color:#a20000;}
.fortab input:checked + label:after{content:"";position: absolute;left: 50%;bottom:-7px;margin: 0 0 0 -10px;width: 0;height: 0;border-left: 12px solid transparent;border-right:12px solid transparent;border-top:10px solid transparent;}
#tab_one:checked ~ .content #content_one, #tab_two:checked ~ .content #content_two, #tab_three:checked ~ .content #content_three{display:block;}
.fortab h1{float:left;font-size:100%;color:#a20000;padding:0;margin:0;float:left;line-height:30px;text-transform:uppercase;font-weight:bold;}

.max-column{width:60%;margin:0 auto;}
.hover-style{-moz-transition: all 1s ease-in-out 0s;-webkit-transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s;}

/* category */
.categoryhead{width:100%;float:left;text-align:center;margin:0 0 30px;}
.categoryhead-singlesub{width:100%;float:left;padding:0 0 5px;border-bottom:#bdbdbd 1px solid;text-align:center;margin:0 0 0;}
.categoryhead-singlesub h1{font-size:100%;margin:0 auto 10px !important;padding:0;line-height:1.2;text-transform:uppercase;font-weight:bold;color:#000;}
.categoryhead-singlesub h2{font-size:120%;margin:0 auto 0 !important;padding:0;line-height:1.2;text-transform:uppercase;font-weight:bold;color:#000;}
.categoryhead-multisub{width:100%;float:left;padding:0 0 5px;margin:0 0 10px;border-bottom:#bdbdbd 1px solid;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.categoryhead-multisub h1{font-size:140%;float:left;margin:0 0 0 auto !important;padding:0;line-height:1.2;text-transform:uppercase;font-weight:bold;color:#000;}
.category-body{width:100%;text-align:center;}
.category-anggota-column{width:25%;display:inline-block;margin:0 -5px 10px;}
.komisi-column{width:33.333333%;float:left;margin:0 0 10px;}
.badan-column{width:50%;float:left;margin:0 0 10px;}
.menucategory{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:left;float:left !important;margin:0 auto 0 0 !important;}
.menucategory img{width:auto;height:30px;float:right;margin:0 0 0 5px;opacity:0.4;}
.menucategory img:hover{opacity:0.7;}
.menucategory p{float:left;line-height:1.2;font-size:90%;margin:0 auto 0 0;padding:0;color:#515151;}
.multisub-item h4{display:block;line-height:1.2;font-size:90%;margin:10px 0;padding:0;}
.multisub-item a{color:#bdbdbd;margin:0 0 10px;}
.multisub-item a:hover{color:#fff;}
.categoryhead h3{display:block;line-height:1.2;font-size:90%;margin:0 auto 0 0 !important;padding:0;text-align:left !important;}
/* end category */

.pagination-container{position:relative;width:100%;float:left;text-align:center;}
.pagination {margin: 0 auto !important;margin-top:20px !important;}
.pagination li a {
	position:relative;
    margin: 0 2px;
	padding:7px 7px;
    border: 1px solid #bdbdbd;
    color: #515151;
    text-align: center;
    -moz-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    font-size: 100%;
    line-height: 1;
    border-radius: 1px !important
}

.pagination .prev a {
    line-height: 1 !important;color:transparent;padding:7px 12px;
}

.pagination .next a {
    line-height: 1 !important;color:transparent;padding:7px 12px;
}
.pagination .page-first a {
    line-height: 1 !important;
}
.pagination .prev a:hover, .pagination .next a:hover{color:transparent;}
.pagination .page-last a {
    line-height: 1 !important
}
.pagination li a:hover, .pagination li a:focus, .pagination li a:active {
    color: #fff;border-color:#919191;background:#919191;
}
.pagination > .active > a {background:#919191;border-color:#919191;}
.pagination > .active > a:hover {background:#919191;border-color:#919191;}
.pagination .prev a:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-size: auto 50%;background-repeat: no-repeat;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23515151'%2F%3E%3C%2Fsvg%3E ");}
.pagination .next a:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-size: auto 50%;background-repeat: no-repeat;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23515151'%2F%3E%3C%2Fsvg%3E");}
.pagination .prev a:hover:after{background-color:#919191;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E ") !important;}
.pagination .next a:hover:after {background-color:#919191;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}

.with-popin{margin:0 auto 0 0;animation: popin 0.7s linear infinite 0.5s;}
.with-popin2{margin:0 auto;animation: popin 0.7s linear infinite 0.5s;}
.footer-inner{width:100%;float:left;padding:50px 0;margin:40px 0 0;border-top:#bdbdbd 1px solid;}

.margin-footer-video{margin:0 10%;}
.margin-footer-default{margin:0 10%;}
@keyframes popin{
0%{opacity: 0.3;transform: scale(1);}
1%{opacity: 1;transform: scale(1);}
99%{opacity: 0;transform: scale(1.3);}
100%{opacity: 0;transform: scale(1);}
}
@-webkit-keyframes popin{
0%{opacity: 0.3;transform: scale(1);}
1%{opacity: 1;transform: scale(1);}
99%{opacity: 0;transform: scale(1.3);}
100%{opacity: 0;transform: scale(1);}
}
@-moz-keyframes popin{
0%{opacity: 0.3;transform: scale(1);}
1%{opacity: 1;transform: scale(1);}
99%{opacity: 0;transform: scale(1.3);}
100%{opacity: 0;transform: scale(1);}
}
@-ms-keyframes popin{
0%{opacity: 0.3;transform: scale(1);}
1%{opacity: 1;transform: scale(1);}
99%{opacity: 0;transform: scale(1.3);}
100%{opacity: 0;transform: scale(1);}
}
@-o-keyframes popin{
0%{opacity: 0.3;transform: scale(1);}
1%{opacity: 1;transform: scale(1);}
99%{opacity: 0;transform: scale(1.3);}
100%{opacity: 0;transform: scale(1);}
}

.jssorl-009-spin img {animation-name:jssorl-009-spin;animation-duration:1.6s;animation-iteration-count:infinite;animation-timing-function:linear;}
@keyframes jssorl-009-spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
        
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#919191;stroke-width:1200;stroke-miterlimit:20;}
.jssora051:hover {opacity:1;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}
.container-slide{position:relative;margin:0 auto;top:0px;left:0px;width:1000px;height:350px;overflow:hidden;}
.slide-body{position:relative;overflow:hidden;width:100%;margin:0 0 50px !important;padding:20px 0 0;}
.slide-body:after{content:"";position:absolute;top:0;left:0;width:100%;background:#006a9b;height:200px;z-index:1;}
.slide-body-inner{position:relative;width:80%;margin:0 auto;z-index:2;height:350px;}
.slide-line-top{position:absolute;top:0;left:0;right:0;height:5px;background:#fff;}
.slide-line-left{position:absolute;top:0;left:0;bottom:0;width:5px;background:#fff;border-left:#006a9b 1px solid;}
.slide-line-right{position:absolute;top:0;right:0;bottom:0;width:5px;background:#fff;border-right:#006a9b 1px solid;}
.slide-line-bottom{position:absolute;bottom:0;left:1px;right:1px;height:5px;background:#fff;border-bottom:#006a9b 1px solid;}
.slide-left-image{width:60%;}
.title-slide{height:100%;width:40%;position: absolute;top:0;right:0;margin:0 ;background:#dbdbdb;}
.title-slide-line{position:absolute;top:0;left:0;bottom:0;width:5px;background:#fff;}
.title-slide-inner{position: absolute;top:50%;right:0;left:0;margin:0 15px;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);z-index:10 !important;}
.title-slide h1{display:block;font-size:130%;margin:0 0 5px;padding:0;line-height:1.2;font-weight:bold;color:#000;}
.title-slide h2{display:block;font-size:100%;margin:0 0 25px;padding:0 0 0 5px;line-height:1.2;font-weight:normal;color:#d20000;border-left:#ffba00 5px solid;}
.title-slide h3{display:block;font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:normal;color:#515151;}

.footer-left{width:45%;float:left;}
.footer-center{width:25%;float:left;}
.footer-right{width:30%;float:right;}
.footer-address{width:100%;float:left;}
.footer-flex{position:relative;overflow:hidden;width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 0 10px;}
.footer-flex h3{font-size:90%;font-weight:bold;margin:0;padding:0;line-height:1.2;}
.footer-flex img{display:block;width:auto;height:30px;float:left;margin:0 5px 0 0;}
.footer-left p{font-size:90%;font-weight:normal;margin:0 0 0 35px;padding:0;line-height:1.2;}
.footer-link h4{position:relative;display:block;padding:0 0 0 20px;margin:0 0 10px;font-size:90%;line-height:1.2;font-weight:bold;}
.footer-link h4{font-weight:normal;}
.footer-link h4:after{content:"";position:absolute;top:0;left:0;border-left:#bdbdbd 13px solid;border-top:transparent 9px solid;border-bottom:transparent 9px solid;}
.footer-link a{color:#515151;}
.footer-link-body{position:relative;overflow:hidden;width:100%;}
.copyright{position:relative;float:left;text-align:center;overflow:hidden;width:100%;margin:30px 0 0;}
.copyright p{position:relative;display:inline-block;z-index:2;font-size:90%;font-weight:normal;margin:0 auto;padding:0 15px;line-height:30px;background:#fff;border-radius:30px;border:#919191 1px solid;}
.copyright:after{content:"";position:absolute;top:50%;left:0;width:100%;border-top:#919191 1px solid;height:1px;z-index:1;}

.harga-row{position:relative;overflow:hidden;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:5px 0;border-bottom:#bdbdbd 1px solid;}
.harga-row2{width:100%;float:left;position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:5px 0;border-bottom:#bdbdbd 1px solid;}
.harga-row p{font-size:100%;margin:0;padding:0;line-height:1.1;}
.harga-row h3{font-size:100%;margin:0 5px;padding:10px 0;line-height:1.1;font-weight:bold;}
.harga-title{font-size:100%;margin:0;padding:0;line-height:1.1;width:40%;float:left;height:54px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.harga-nilai{width:25%;float:left;font-size:100%;margin:0;padding:0;line-height:1.1;}
.harga-update{width:20%;float:left;font-size:100%;margin:0;padding:0;line-height:1.1;}
.harga-status{width:15%;float:left;font-size:100%;margin:0;padding:0;line-height:1.1;}
.harga-title img{width:54px;min-width:54px;height:54px;float:left;margin:0 5px 0 0;border:#bdbdbd 1px solid;padding:3px;background:#fff;}
.harga-border-left{border-left:#bdbdbd 1px solid;}
.naik, .turun, .tetap{width:20px;height:20px;position:relative;overflow:hidden;margin:0 auto !important;}
.naik img, .turun img, .tetap img{position: absolute;top: 50%;left: 50%;margin:0 auto;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.sub-harga{position:relative;margin:-26px 60px 15px 0;overflow:hidden;z-index:1;}
.sub-harga h2{font-size:100%;font-weight:bold;float:left;color:#000;margin:0;padding:0;line-height:26px;text-transform:uppercase;border-bottom:#bdbdbd 4px solid;}
.col-scroll{position:relative;overflow:hidden;border:#bdbdbd 1px solid;border-top:none;padding:10px;height:300px;margin:0 0 20px;}
.col-scroll-absolute{position:absolute;left:0;top:0;width:100%;height:100%;}
.withscroll {width:100%;float:left;overflow-y: scroll;scrollbar-color:#bdbdbd #dbdbdb;scrollbar-width: thin;height:100%;}
.withscroll-margin{padding:0 10px;}
.withscroll::-webkit-scrollbar {width: 5px;}
.withscroll::-webkit-scrollbar-track {background:#bdbdbd);}
.withscroll::-webkit-scrollbar-thumb {background:#dbdbdb;}

.indek-bottom{position:relative;overflow:hidden;width:100%;float:left;margin:20px 0 0;text-align:center;font-size:100%;padding:0;}
.indek-bottom a{background:#dbdbdb;line-height:40px;padding:0 20px;border-radius:40px;display:inline-block;margin:0 auto;color:#919191;}
.indek-bottom a:hover{background:#919191;color:#fff;}
.indek-absolute{position:absolute;top:50%;right:0;width:26px;height:26px;border-radius:26px;border:#919191 1px solid;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);background-position: center;background-repeat:no-repeat;background-size:auto 60%;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23616161'%2F%3E%3C%2Fsvg%3E");}

.contact-map-container{position:relative;width:100%;float:left;height:calc(100vh - 200px);border:#bdbdbd 1px solid;}
.no-video{background:url(../img/no-video.jpg) no-repeat center;background-size:cover;}
.no-blog{background:url(../img/no-blog.jpg) no-repeat center;background-size:cover;}

/* profile */
.profile-tab{text-align:center;width:100%;position:relative;overflow:hidden;list-style:none;margin:0 0 20px;}
.profile-tab li{display:inline-block;margin:0 5px;padding:5px 0 0;line-height:1.2;border-top:rgba(194,51,111,1) 1px solid};}

.profile-style .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 10px 12px;
  font-size: 100%;
  line-height: 1.42857143;
  color: #414141;
  background-color:transparent;
  border: 1px solid #919191;
  border-radius:0;
  -webkit-box-shadow:none;
          box-shadow: none;
  -webkit-transition: none;
       -o-transition: none;
          transition: none;
}
.profile-style .form-control:focus {
  border-color: #919191;
  background-color:#fff !important;
  outline: 0;
  -webkit-box-shadow:none;
          box-shadow:none;
}
.btn-viola{background:#3c255a;margin:0 0 20px !important;}
.btn-viola:hover{background:#000;}

.cb-slideshow,
.cb-slideshow:after {position: absolute;width: 100%;top: 0;left: 0px;height:100%;bottom:0px !important;overflow:hidden;background:transparent;}
.cb-slideshow ul, .cb-slideshow li{list-style:none;margin:0;padding:0;color:transparent;}
.cb-slideshow:after {content: '';background: transparent url(../images/pattern.png) repeat top left;}
.cb-slideshow li span {width: 100%;height: 100%;bottom:0;position: absolute;top: 0px;left: 0px;background-size: cover;background-position: 50% 50%;background-repeat: none;opacity: 0;z-index: 0;-webkit-backface-visibility: hidden;-webkit-animation: imageAnimation 36s linear infinite 0s;-moz-animation: imageAnimation 36s linear infinite 0s;-o-animation: imageAnimation 36s linear infinite 0s;-ms-animation: imageAnimation 36s linear infinite 0s;animation: imageAnimation 36s linear infinite 0s;}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
	right:0;
	bottom:15px;
	left:20%;
    text-align: center;
    opacity: 0;
	z-index:80;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3{display:block;font-size:100%;color:#fff;margin:0 30%;line-height:1.2;padding:0;font-weight:bold;text-shadow:-1px -1px 0 rgba(0,0,0,0.7), 1px -1px 0 rgba(0,0,0,0.7), -1px 1px 0 rgba(0,0,0,0.7), 1px 1px 0 rgba(0,0,0,0.7);}
.cb-slideshow li div h2{font-family:Time News Roman;display:block;font-size:160%;color:#ffe153;margin:0 15%;line-height:1.2;padding:10px;background:rgba(0,0,0,0.5);font-weight:800;letter-spacing:-0.5px;text-shadow:-1px -1px 0 rgba(0,0,0,0.7), 1px -1px 0 rgba(0,0,0,0.7), -1px 1px 0 rgba(0,0,0,0.7), 1px 1px 0 rgba(0,0,0,0.7);}
.cb-slideshow li:nth-child(1) span { background-image: url(../img/1.jpg) }
.cb-slideshow li:nth-child(2) span {
    background-image: url(../img/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../img/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../img/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../img/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(../img/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -webkit-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -moz-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -o-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -ms-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}

#mapid { height: 480px; }


.nav-mobile {display: none;}
.mobile-menu-icon {
	position:fixed;
	top:25px;
	right:20px;
    width: 30px;
    height: 30px;
    margin: auto;
    display: block;
    cursor: pointer;
    margin: 0;
	background:url(../img/icon/menu.png) no-repeat center;
	background-size:100% 100%;
	z-index:999999999;
}
.mobile-menu {
    display: none;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999999;
    top: 0;
    left: 0;
    bottom: 0;
    text-align: left;
    overflow-y: auto;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
background:#f0f0f0;
}
.mobile-menu-inner {
    padding:10px 0 30px;
	width:90%;
	margin:0 5%;
    position: relative;
}
.mobile-menu .closebtn {
	width:40px;
	height:40px;
    position: absolute;
    right: -5px;
    top: 15px;
	z-index:100;
}
.mobile-menu .closebtn:before{content:'';position:absolute;left:50%;margin-left:-1px;width:2px;height:70%;top:15%;background:#515151;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mobile-menu .closebtn:after{content:'';position:absolute;left:50%;margin-left:-1px;width:2px;height:70%;top:15%;background:#515151;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.mobile-menu .nav {
    margin: 0 0;
    width: 100%;
	font-size: 100%;-ms-word-break: break-all;
     word-break: break-all;
}
.mobile-menu a{color:#414141;margin:0;padding:0;}
.mobile-menu ul{margin:0 0;padding:0;}
.mobile-menu li ul{margin:0;padding:10px 0;}
.mobile-menu li{font-size:16px;margin:0 5%;padding:5px 0;line-height:1.2;}
.mobile-menu li ul li{font-size:16px;margin:0 -25px;padding:0 0;line-height:1.2;}


.image-window, .image-window2{position:fixed;height:100%;background-color:#d1d1d1;top:0;right:0;bottom:0;width:100%;z-index:9999999 !important;opacity:0;pointer-events:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.image-window:target, .image-window2:target{opacity:1;pointer-events:auto;}
.image-window>div {width:40%;left:30%;position:absolute;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}

.image-window2>div {width:40%;left:30%;position:absolute;top:140px;bottom:30px;}
.image-close {z-index:700;position:absolute;width:30px;height:30px;right:-15px;text-decoration:none;top:-15px;background:#515151;border-radius:30px;}
.image-close:before, .image-close:after{content:'';position:absolute;width:2px;height:60%;top:20%;background:#fff;left:50%;margin-left:-1px;}
.image-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.image-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.image-close:hover{color:#000;}
.lihat-gambar{width:100%;float:right;text-align:right;font-size:100%;margin:5px 0;padding:0;line-height:1.2;;}
.grafik-box{position:relative;overflow:hidden;background:#fff;padding:10px;}
.grafik-body{position:relative;overflow:hidden;background:#fff;border:#bdbdbd 1px solid;padding:10px 10px 10px;}
.chart-box{height:200px;position:relative;overflow:hidden;background:#fff;}
.grafik-title{position:relative;overflow:hidden;padding:10px 0;margin:0;height:80px;background:#fff;}
.grafik-title h2{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:normal;}

div.popup{
		position:fixed;
		width:100%;
		top:0;
		bottom:0;
		background: rgba(0,0,0,.8);
		z-index:999999999;
		
	}
	
	div#box{
		background:transparent;
		width:30%;
		left:35%;
		max-height:80%;
		position:absolute;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);
		-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;
	}
	
	a.close{
opacity:1 !important;
	}
	.tutup-iklan{
		position:absolute;top:-15px;right:-10px;
		text-decoration:none;
		width:30px;height:30px;background:#a20000;
		margin:0;opacity:1 !important;border-radius:30px;
	}
	
.tutup-iklan:before, .tutup-iklan:after{content:'';position:absolute;width:2px;height:60%;top:20%;background:#fff;left:50%;margin-left:-1px;}
.tutup-iklan:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.tutup-iklan:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

	
	
.popup-isi{width:100%;position:relative;overflow:hidden;text-align:center;}
.popup-isi img{display:block;width:100%;height:auto;margin:0 auto 20px;}
.popup-text{position:relative;overflow:hidden;margin:0 0 20px;padding:10px;background:#414141;text-align:left;}
.popup-text h2{display:block;font-size:100%;font-weight:normal;padding:0;line-height:1.2;margin:0;color:#fff;}
.popup-text p{display:block;font-size:100%;font-weight:normal;padding:0;line-height:1.2;margin:0 0 5px;color:#bdbdbd;}

.post-detail-slider .owl-nav .owl-prev, .post-detail-slider .owl-nav .owl-next {
    padding: 0;
    position:absolute;
    height: 30px;
    width:30px;
	top:50%;
	margin-top:-15px;
	left:-15px;
	border:none;
	border-radius:5px;
    box-shadow: none !important;
	background-color:rgba(0,0,0,0.4);
	background-size: auto 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.post-detail-slider .owl-nav .owl-next {
	right:-15px;
	left:auto;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}


.withscroll2 {width:100%;float:left;overflow-y: scroll;scrollbar-color:transparent transparent;scrollbar-width: thin;height:100%;}
.withscroll2::-webkit-scrollbar {width: 0px;}
.withscroll2::-webkit-scrollbar-track {background:transparent);}
.withscroll2::-webkit-scrollbar-thumb {background:transparent;}