@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

/*======= END FONT ========*/
body{
  	margin: 0;
   font-family: 'Noto Sans',Tahoma, Geneva, sans-serif;
   text-align:left;
   font-weight:400 !important;
   line-height:26px;
   font-size:14px;
   color:#333;
   padding-top:80px;
   background:#ffffff;
	}
.body-home{
   padding-top:0px;
	}
p {
   margin: 0;
   text-align:left;
  font-weight:lighter !important;
}
.mt-20{
	margin-top:20px;
	}

.welcome{
	border-top:1px solid #FFFFFF;
	background:#d96e10;
	float:left;
	width:100%;
	height:auto;
	color:#FFFFFF;
	font-size:18px;
	}
.welcome h3{
	font-size:34px;
	font-family:'Noto Sans';
	}
.welcome p{
	font-size:20px;
	font-weight:bold;
	margin:0px 0px 20px 0px;
	line-height:28px;
	}
.welcome .imgbox{
	border:8px solid #854433;
	width:180px;
	height:180px;
	border-radius:50%;
	float:left;
	margin:15px;
	overflow:hidden;
	}
.welcome .imgbox img{
	width:100%;
	}
#section{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	}
.box-content-why{
	width:95%;  
	height:auto;
	float:left;
	margin:0px 15px 15px 0px;
	text-align:center;
	}
.box-content-why strong,.box-content-why b{
	font-size:18px;
	line-height:40px;
	}
.box-content{
	width:95%;  
	height:auto;
	float:left;
	margin:15px 15px 15px 0px;
	}
.box-content p{
	margin-bottom:10px;
	}
.detail{
	width:100%;
	height:auto;
	background:#ffffff;
	}
.detailbox{
	border:1px solid #CCCCCC;
	float:left;
	margin:10px 0px 0px 0px;
	background:#ffffff;
	background: none repeat scroll 0% 0% #FFF;
	box-shadow: 0px 0px 1px #cccccc;
	}
.detailbox-isi{
	width:94%;
	margin:20px;
	float:left;
	}

.detailbox-isi-paket{
	width:100%;
	margin:20px;
	float:left;
	}

/* MENU HOME */
	
.body-home .dropdown{
	float: left;
    }
.body-home .dropdown a{
	float: left;
	color:#fff;
	text-decoration:none;
    }
.body-home .dropdown-item{
	float: left;
    width: 100%;
    padding: 4px 15px 5px 15px;
    color: #333;
    border-bottom: 1px solid #ccc;
	color:#333;
	}
.body-home .dropdown-menu a{
	color:#333;
	}
.topmenu-home{
	float:right;
	width:auto;
	}
.topmenu-home a{
	float:left;
	width:auto;
	padding:15px 5px 15px 5px;
	}
.topmenu-home a img{
	padding-top:5px;
	}
.home-content{
	float:left;
	width:100%; 
	margin:0px 0px 0px 0px;
	z-index:99;
	position:relative;
	height:auto;
	overflow:hidden;
	}
.welcome-home{
	float:left;
	width:100%;
	height:400px;
	}
.video_box{
	float:left;
	margin-top:220px;
	width:100%;
	}
.video_box iframe{
	width:320px;
	height:180px;
	}
.home-content .menu-home-atas{
	float:left;
	width:100%;
	padding:50px 40px 50px 40px;
	height:140px;
	overflow:hidden;
	border:1px solid #999;
	border-top:none;
	color:#fff;
	font-size:16px;
	background:url(../images/bg.menuhome.png) repeat;
	}
.home-content .menu-home-bawah{
	float:left;
	width:100%;
	height:140px;
	padding:40px 40px 60px 40px;
	border:1px solid #999;
	color:#fff;
	font-size:16px;
	background:url(../images/bg.menuhome.png) repeat;
	}
.home-content .menu-home-atas h4, .home-content .menu-home-bawah h4{
	font-size:26px !important;
	margin-bottom:0px !important;
	}
.menu-home-img{
	width:50px;
	height:50px;
	float:right;
	margin:-40px 20px 0px 0px;
	}
.icon-about{
	background:url(../images/img.icon.about.ori.png) no-repeat;
	}
.menu-about:hover .icon-about{
	background:url(../images/img.icon.about.hover.png) no-repeat;
	margin:-55px 20px 0px 0px;
	}
.icon-human{
	background:url(../images/img.icon.human.ori.png) no-repeat;
	}
.menu-human:hover .icon-human{
	background:url(../images/img.icon.human.hover.png) no-repeat;
	margin:-55px 20px 0px 0px;
	}
.icon-veterinary{
	background:url(../images/img.icon.veterinary.ori.png) no-repeat;
	}
.menu-veterinary:hover .icon-veterinary{
	background:url(../images/img.icon.veterinary.hover.png) no-repeat;
	margin:-55px 20px 0px 0px;
	}
.icon-rnd{
	background:url(../images/img.icon.rnd.ori.png) no-repeat;
	}
.menu-rnd:hover .icon-rnd{
	background:url(../images/img.icon.rnd.hover.png) no-repeat;
	margin:-35px 20px 0px 0px;
	}
.icon-mediaroom{
	background:url(../images/img.icon.mediaroom.ori.png) no-repeat;
	}
.menu-mediaroom:hover .icon-mediaroom{
	background:url(../images/img.icon.mediaroom.hover.png) no-repeat;
	margin:-35px 20px 0px 0px;
	}
.icon-recruit{
	background:url(../images/img.icon.recruit.ori.png) no-repeat;
	}
.menu-recruit:hover .icon-recruit{
	background:url(../images/img.icon.recruit.hover.png) no-repeat;
	margin:-35px 20px 0px 0px;
	}
		
.menu_lnk {
    display:block;
    font-size:24px;
    padding-left:58px;
    color:#fff;
    vertical-align:middle;
    position:relative;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -moz-osx-font-smoothing:grayscale;
    -webkit-transition-property:color;
    transition-property:color;
    -webkit-transition-duration:0.3s;
    transition-duration: 0.3s;
}
.menu_lnk:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:100%;text-shadow:none;background:#fff;z-index:-1;
    -webkit-transform:scaleY(0);transform:scaleY(0);
    -webkit-transform-origin:50%;transform-origin:50%;
    -webkit-transition-property:transform;transition-property:transform;
    -webkit-transition-duration:0.3s;transition-duration:0.3s;
    -webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;
}
.menu_lnk:hover {
	text-shadow:none !important;
	color:#CC0000;
	text-decoration:none;
	padding:40px 40px 60px 40px;
	}
.menu_lnk:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.menu_lnk .menu-home-info{
	display:none;
	color:#666666;
	}
.menu_lnk:hover .menu-home-info{
	display:block
	}
/*========= HEADER ==============*/
.topbar{
	padding: 8px 0px;
	position: relative;
	background: url(../images/bg.header.jpg) #ffffff;
	}
.topsosmed{
	float:right;
	width:auto;
	margin:30px 0px 0px 0px;
	}
.loginbar{
	list-style:none;
	}
.loginbar li{
	float:left;
	padding:0 8px;
	text-align:left;
	font-size:13px;
	border-left:1px #bebebe solid;
	}
.loginbar li:first-child{
	border:0;
	}
.loginbar li a{
	color:#222222;
	}
.loginbar li a:hover{
	color:#333;
	}
.loginbar li ul{
	width:auto;
	min-width: inherit !important;
	padding:0;
	float:right;
	}
.loginbar li ul li{
	width:100%;
	float:left;
	padding:0;
	border:0;
	}
.loginbar li ul li a{
	padding:5px 10px;
}

.navbar-brand{
	height:auto;
	margin:10px;
	padding:0;
	float:left;
	}
.navbar-brand-insight img{
	width:80%;
	}
.navbar-inverse {
    background-color: transparent;
    border-bottom: 1px solid #999;
	padding:10px 0px 0px 0px;
}
.navbar-default{
	position:relative;
	z-index:100;
	border-bottom:1px solid #FFFFFF;
	-webkit-box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.2);
	-khtml-box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.2);
	font-size:18px;
	text-transform:uppercase;
	background:#16a085;
}
.navbar{
	border-radius:0px;
	}
.navbar-default .navbar-nav > li > a {
	color:#fff
	}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #fff;
	background-color: #25a8ff
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #fff;
	background-color: #2173a9
}
.navbar-default .navbar-nav>li>a .icon{
	width:28px;
	height:21px;
	margin:-60px auto;
}
.navbar-default .navbar-nav>li>a .icon span{ 
	width:28px;
	height:21px;
	float:left;
}
.navbar-default .navbar-toggle {
	border-color: #333
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #ef5d0e
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #333
}
.navbar-inverse .navbar-nav>li>a {
	color: #fff;
	font-size:16px;
	text-transform:none;
	font-family: 'Noto Sans';
	padding: 25px 10px 25px 10px
}
.minifont a,a.minifont{
	font-size:14px !important;
	padding: 20px 10px 20px 10px 
}
.navbar-home{
    top: 0px;
    border-width: 0 0 1px;
	}
.navbar-inverse:hover{
	background:#fff;
	color:#333 !important;
	-webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
	}
.navbar-inverse:hover a{
	color:#333 !important;
	}
.navbar-inverse:hover a:hover{
	color:#CC0000 !important;
	}

.navbar-inverse-active{
	background:#fff;
	color:#333 !important;
	-webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
	}
.navbar-inverse-active a{
	color:#333 !important;
	}
.navbar-inverse-active a:hover{
	color:#CC0000 !important;
	}

.navhome{
	height:120px;
	border-bottom:1px solid #999;
	position:relative;
	float:left;
	width:100%;
	margin: 0px 0px 0px 0px;
	z-index:999;
	padding:30px 0px 30px 0px;
	}
		
@media screen and (max-width:990px) and (min-width:768px){
	.boxform textarea {
		width:100%;
		}
}
@media screen and (min-width:1200px){
	.navbar-default .navbar-nav>li>a{
		height:60px;
		padding:20px 20px 10px 20px;
	}
}
@media screen and (max-width:1199px) and (min-width:991px) {
	.navbar-default .navbar-nav>li>a{
		height:60px;
		padding:10px;
		line-height:58px;
	}
}
@media (max-width:768px){
	.navbar-nav>li>a {
		border-bottom:1px #dedede solid;
		font-size:16px;
		-webkit-box-shadow: 0px 0px 1px 0px #c8c8c8;
		-moz-box-shadow: 0px 0px 1px 0px #c8c8c8;
		-o-box-shadow: 0px 0px 1px 0px #c8c8c8;
		-khtml-box-shadow: 0px 0px 1px 0px #c8c8c8;
		box-shadow: 0px 0px 1px 0px #c8c8c8;
		background:#f5f5f5;
		color:#333;
	}
	.navbar-nav>li:hover{
		background:#f5f5f5;
		}
	
	
}


.boxSrch{
	position:relative;
	float:left;
	margin-right:10px;
	margin-top:-40px;
	}
@media screen and (min-width:768px){
	.boxSrch{
		float:right !important;
		margin-top:-45px !important;
	}
}
.callCenter{
	float:left;
	margin:-5px 15px 0 0;
	}
.boxSrch input[type="text"]{
	padding:5px 10px;
	padding-right:25px;
	border:2px #d3d3d3 solid;
	}
.boxSrch span{
	position:absolute;
	right:7px;
	top:7px;
	color:#107D46;
	font-size:17px;
	}
.boxSrch input[type="submit"]{
	z-index:100;
	width:20px;
	border:0;
	position:absolute;
	top:5px;
	right:5px;
	background:none;
	}
.welcomeimg{
	width:100%;
	float:left;
	height:auto;
	border-bottom:1px #9b9b9b solid;
	}
.welcomeimg img{
	width:100%;
	height:auto;
	}	
/*==-- icon navbar --==*/
.navbar-default .navbar-nav>.active>a .icon span.home{
	background-position:0 100%;
	}
	
.navbar-default .navbar-nav>li>a .icon span.about{
	background-position:15% 0;
	}
.navbar-default .navbar-nav>.active>a .icon span.about{
	background-position:15% 100%;
	}
	
.navbar-default .navbar-nav>li>a .icon span.news{
	background-position:33% 0;
	}
.navbar-default .navbar-nav>.active>a .icon span.news{
	background-position:33% 100%;
	}
	
.navbar-default .navbar-nav>li>a .icon span.product{
	background-position:48% 0;
	}
.navbar-default .navbar-nav>.active>a .icon span.product{
	background-position:48% 100%;
	}
	
.navbar-default .navbar-nav>li>a .icon span.office{
	background-position:68% 0;
	}
.navbar-default .navbar-nav>.active>a .icon span.office{
	background-position:68% 100%;
	}
	
.navbar-default .navbar-nav>li>a .icon span.report{
	background-position:84% 0;
	}
.navbar-default .navbar-nav>.active>a .icon span.report{
	background-position:84% 100%;
	}
	
.navbar-default .navbar-nav>li>a .icon span.contact{
	background-position:100% 0;
	}
.navbar-default .navbar-nav>.active>a .icon span.contact{
	background-position:100% 100%;
	}

/*==-- end icon navbar --==*/

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{
	top:0;
	left:100%;
	margin-top:-6px;
	margin-left:-1px;
	}
.dropdown-submenu>a:after{
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#fff;
	margin-top:5px;
	margin-right:-10px;
	}
.dropdown-submenu:hover>a:after, .dropdown-submenu:hover>a:focus{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
	}
@media (max-width:900px) {
	.navbar-nav .open .submenu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color:#f5f5f5;
		border: 0;
		box-shadow: none;
		border-radius: 0;
	}
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 8px 15px 8px 25px;
	}
	.navbar-nav .open .submenu>li>a {
		line-height: 20px;
		color:#333 !important;
	}
	.navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
		background-color:#f3f3f3 !important;
		color:#333 !important;
	}
	
	.chillmenu{
		background-color: rgba(1, 88, 161, 0.88) !important;
		padding:0 !important;
	}
	.chillmenu li a{
		color:#fff !important;
	}
}
.submenu{
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	min-width: 270px;
	background-color:#ffffff;
	border:0;
	border-top:5px  solid #ff6600;
}
.chillmenu{
	top:0;
	left: 200px;
	z-index: 100 !important;
	min-width: 180px;
	background-color: rgba(1, 88, 161, 0.88);
	border:0;
	padding:0;
	padding-bottom:10px;
	border-radius: 0 0 5px 5px;
}
.submenu li{
	position:relative;
	border-bottom:1px #cccccc solid;
	
	}
.submenu li:hover{
	background-color: #ffffff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-khtml-box-shadow: none;
	text-shadow: none;
	}
.submenu li a{
	color:#333;
	padding:8px 15px;
	font-size:16px;
	}
.chillmenu li{
	border-bottom:1px #0e7e46 solid;
	/*--- Box shadow ---*/
	-webkit-box-shadow: 0px 1px 0px 0px rgba(3, 100, 181, 0.88);
	-moz-box-shadow: 0px 1px 0px 0px rgba(3, 100, 181, 0.88);
	-o-box-shadow: 0px 1px 0px 0px rgba(3, 100, 181, 0.88);
	-khtml-box-shadow: 0px 1px 0px 0px rgba(3, 100, 181, 0.88);
	box-shadow: 0px 1px 0px 0px rgba(3, 100, 181, 0.88);
	}
@media (min-width:992px) {
	.navbar-nav li:hover .submenu{
		display:block;
	}
	.submenu li:hover .chillmenu{
		display:block;
	}
}
 
/*========= END HEADER ==============*/


/*========= SLIDER ==============*/
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: auto;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  width:40%;
  right:50px;
  color:#333333;
  text-shadow: none;
}
.carousel-caption h1{
	margin:0;
	text-align:left;
	padding:12px 15px;
	font-weight:600;
	font-family: 'Noto Sans';
}
.carousel-caption h1 a{
	color:#333333 !important;
	font-weight:600;
	font-size:26px;

	}
.carousel-caption h1 a:hover{
	color:#333333!important;
	text-decoration:none !important; 
	}

.carousel-caption p{
	float:left;
	clear:both;
	text-align:left;
	font-size:18px;
	font-weight:normal;
	line-height:34px;
	padding:5px 15px;
	color:#333333;
	font-family: 'Noto Sans';
}
.imgslide{
	width:90%; 
	float:left;
	margin:0px 0px 20px 20px;
	height:150px; 
	overflow:hidden; 
	border-radius:10px;
	}
.sliderhome{
	margin-top: -678px;
    float: left;
    width: 100%;
    height: 678px;
    overflow: hidden;
	}
.carousel-control.left {
    display: none;
}
.carousel-control.right {
    display: none;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: auto;
  background-color: #fff;
}
.carousel-inner > .item > img {
  position: relative;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}


@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(2, 2);
  }
  to {
    -webkit-transform: scale(1, 1);
  }
}

@keyframes zoom {
  from {
    transform: scale(2, 2);
  }
  to {
    transform: scale(1, 1);
  }
}

.carousel-inner .item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}


.carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
.carousel .active.left { left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}

.carousel-info{
	
	margin:-50px auto;
	position:relative;
	z-index:99999999;
	}

.carousel-indicators {
    top:280px;
    left: 100px;
	z-index:99999;
	height:30px;
}
.carousel-caption{
	float:left;
	top:110px;
	left: 80px;;
	position:absolute;
	margin:0px;
	text-align:left;
	color:#fff;
	}
.slide-caption-top{
	font-size:20px;
	width:100%;
	float:left;
	padding:5px 0px 5px 0px;
	}
.slide-caption-head{
	font-size:32px;
	font-weight:bold;
	width:100%;
	float:left;
	padding:8px 0px 8px 0px;
	}
.slide-caption-info{
	font-size:14px;
	width:100%;
	float:left;
	padding:5px 0px 5px 0px;
	line-height:26px;
	}

@media screen and (max-width:768px) {
	.carousel-caption{
		float:left;
		top:110px;
		left: 140px;;
		position:absolute;
		margin:0px;
		text-align:left;
		color:#fff;
    	width: 90%;
	}
	.welcome{
		}
	.carousel-caption h1, .carousel-caption p{
		z-index:10;
		width:105%;
		float:left;
		padding:12px 25px;
		margin-left:-25px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box
	}
	.carousel-indicators {
		bottom:150px;
	}
}
@media screen and (max-width:420px) {
	.carousel-caption h1{
		font-size:24px;
		padding:12px 30px;
	}
	.carousel-caption p{
		font-size:14px;
		padding:12px 30px;
	}
	.carousel-indicators {
		display:none;
	}
}
@media screen and (max-width:420px) {
	.carousel-caption{
		left:0px;
	}
	.carousel-indicators {
		display:none;
	}
}
@media screen and (max-width:420px) {
	.carousel-caption{
		left:0px;
	}
	.carousel-indicators {
		display:none;
	}
}



/*========= END SLIDER ==============*/

/* ------- Home --------------*/
.beritahome{
	float:left;
	width:100%;
	background:#fff;
	padding:5px 25px 25px 25px;
	}
.beritahome-item{
	width:100%;
	float:left;
	border-bottom:1px solid #ccc;
	padding:20px 0px 20px 0px;
	}
.beritahome-item:last-child{
	border:none;
	}
.beritahome-item-img{
	width:300px;
	height:200px;
	overflow:hidden;
	float:left;
	margin:0px 20px 20px 0px;
	}
.beritahome-item-img img{
	width:100%;
	height:auto;
	}

.berita-home{
	float:left;
	}
.berita-home h2{
	margin-top:0px;
	}
.berita-home-judul{
	float:left;
	width:auto;
	margin:20px 0px -60px 20px;
	background:#CC3300;
	position:relative;
	padding:5px 20px 5px 20px;
	color:#FFFFFF;
	text-transform:uppercase;
	}
.berita-home-img{
	float:left;
	width:96%;
	}
.berita-home-img img{
	width:100%;
	}
.boxhome-item{
	width:98%;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	min-height:300px;
	height:auto;
	margin:0px auto;
	overflow:hidden;
	}
.boxhome-item-judul{
	padding:10px;
	float:left;
	width:100%;
	background:#107D46;
	color:#FFFFFF;
	font-family: 'Noto Sans';
	text-transform:uppercase;
	font-size:20px;
	}
.boxhome-item-isi{
	margin:10px;
	float:left;
	min-height:10px;
	height:auto;
	overflow:hidden;
	}

/*==== Hover Effects ====*/
.hover-effect {
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
/*==== End Hover Effects ====*/

/*========= CONTENT ==============*/
.homeNews{
	background: url(../images/bg.main.jpg);
	padding:15px 0;
	}
.homeServe{
	padding:15px 0;
	border-right:0;
	border-left:0;
	}
.headline{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
    font-family: 'Noto Sans';
	font-size:18px;
	padding:10px 15px;
	background:#107D46;
	color:#fff;
	}
.headline h2{
	float:left;
	margin:5px 0;
	text-transform:uppercase;
	color:#fff;
	font-size:20px;
	}
.thumbpaket{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	padding:5px;
	overflow:hidden;
	}

.thumbpaket img,.img-program img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.thumbpaket:hover img,.img-program:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

.team-item{
	margin:10px;
	height:auto;
	max-height:360px;
	overflow:hidden;
	}

.list-client{
	margin:10px 10px 0px 10px;
	height:auto;
	height:280px;
	overflow:hidden;
	}
	
.list-paket{
	margin:95%;
	margin:10px;
	height:auto;
	max-height:360px;
	overflow:hidden;
	}
.thumbBlog{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	margin-right:12px;
	padding:5px;
	}
.thumbBlog img{
	width:100%;
	height:auto;
}
.margin5{
	padding:10px;
	}
.thumbNews{
	width:300px;
	height:auto;
	float:left;
	clear:both;
	margin-right:12px;
	padding:5px;
	}
.thumbNews img{
	width:100%;
	height:auto;
}
.thumbWork{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	margin-right:12px;
	padding:10px;
	border:2px solid #CCC;
	}
.thumbWork img{
	width:100%;
	height:auto;
}
.thumbTeam{
	width:243px;
	height:auto;
	float:left;
	clear:both;
	margin-right:12px;
	padding:5px;
	}
.thumbTeam img{
	max-width:100%;
	height:auto;
}
.thumbAneka{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	}
.thumbAneka img{
	max-width:100%;
	width:100%;
}

a.btnMore-white{
	color:#fff;
	padding:5px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
	border:2px #fff solid;
	
	/* Rounded Corners */
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	}
a.btnMore-white:hover{
	background:#fff;
	color:#f1744d;
	text-decoration:none;
	}
@media screen and (max-width:470px) {
	.thumbNews{
		width:100%;
		float:left;
		margin-right:0;
		margin-bottom:5px;
		position:relative;
	}
	.contentNews{
		height:330px;
		overflow:hidden;
	}
}
.thumbNews:hover{
	background:#6cadde;
	}
.date{
	font-size:14px;
	color:#777;
	text-align:left;
	}
a.title-news{
	margin-bottom:5px;
	font-family: 'Noto Sans';
	font-size:24px;
	text-align:left;
	color:#444;
	line-height:34px;
	font-weight:bold;
	padding-bottom:20px;
	}
a.title-news:hover{
	color:#f1744d;
	text-decoration:none;
	}
	
@media (min-width:992px){

.row{
	margin:0;
	}
.col-md-3{
	padding:0;
	}
}
.title-serve{ 
	width:100%;
	height:auto;
	float:left;
	position:relative;
    font-family: 'Noto Sans';
	font-size:17px;
	text-align:left;
	text-transform:uppercase;
	color:#fff;
	background:#075a91;
	text-align:center;
	}
.title-serve span{
	padding:10px;
	float:left;
	text-align:center;
	width:98%;
	}
.title-serve a{
	color:#FFFFFF;
	}

.title-populer{ 
	width:99%;
	margin:5px;
	height:auto;
	float:left;
	position:relative;
    font-family: 'Noto Sans';
	font-size:17px;
	text-align:left;
	text-transform:uppercase;
	color:#333;
	text-align:center;
	border-bottom:2px solid #CC3300
	}
.title-populer span{
	padding:10px;
	float:left;
	text-align:left;
	font-weight:bold;
	width:98%;
	}
.title-serve a{
	color:#FFFFFF;
	}
	
.bg-gold{
	background:#c69d14;
	}
.item-text{
	width:100%;
	height:auto;
	float:left;
	margin:1px 0px;
	padding:0px;
	}
.img-program{
	width:100%;
	height:200px;
	float:left;
	overflow:hidden;
	}
.img-program img{
	width:100%;
	}
.text-program{
	height:100px;
	overflow:hidden;
	}
@media (max-width:990px){
	
	.item-text{
		border:0;		
	}
}
.icon-serve{
	width:84px;
	height:84px;
	position:absolute;
	right:10px;
	top:5px;
	background:url(../images/icon-services.png) no-repeat;
	}

@media (min-width:992px) and (max-width:1199px){
	.title-serve{
		text-align:center;
	}
	.item-text{
		padding:10px 0;
	}
	.icon-serve {
		float:left;
		margin:0 82px 10px;
		position:relative;
	}
}
.newspaper{
	background-position:33% 0;
	}
.bond{
	background-position:66.5% 0;
	}
.fasilitas{
	background-position:100% 0;
	}
.text-padding{
	padding:0 15px;
	}
a.btnMore-blue{
	margin:0 auto;
	color:#107D46;
	padding:10px 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
	border:2px #107D46 solid;
	
	/* Rounded Corners */
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	}
a.btnMore-blue:hover{
	background:#107D46;
	color:#fff;
	text-decoration:none;
	}
a.btnMore-gold{
	margin:0 auto;
	color:#b89111;
	padding:10px 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
	border:2px #c69d14 solid;
	
	/* Rounded Corners */
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	}
a.btnMore-gold:hover{
	background:#c69d14;
	color:#fff;
	text-decoration:none;
	}

.box_form{
	width:100%;
	height:auto;
	float:left;
	margin:15px 0;
	padding:8px 15px;
	border:2px #d6d6d6 solid;
	}
.box_form label{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
.box_form select, .box_form input[type="text"]{
	color:#107D46;
	border:2px #569ed4 solid;
	font-family:Tahoma, Geneva, sans-serif;
	padding:2px 5px 2px 5px;
	
	/* Rounded Corners */
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	}
.form-control:focus{
	box-shadow: none;
	}
.box_form select option{
	color:#444;
	}
.btn-u {
	border: 0;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	font-weight: 400;
	padding: 7px 13px;
	margin:0 0 0 10px;
	position: relative;
	background: #107D46;
	display: inline-block;
	text-decoration: none;
	}
.btn-u:hover {
	background: #0569a2;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
.bg-divider{
	width:100%;
	height:4px;
	float:left;
	background:url(../images/bg-divider.gif) repeat-x;
	}

.title-table{
	width:100%;
	height:64px;
	float:left;
	padding:10px 0;
	text-align:center;
	color:#666;
	}
.table{
	color:#666;
	}
.table thead{
	color:#444;
	}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td{
	border:2px #d9dfed solid;
	}
.table-bordered{
	border:2px #d9dfed solid;
	}
.table tbody tr:nth-child(even) {background: #fff}
.table tbody tr:nth-child(odd) {background: #eff7fc}
.table > thead > tr > th{ vertical-align:middle;}

.btnMore{
	width:100%;
	height:auto;
	float:left;
	margin-top:-15px;
}
.btnMore a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#107D46;
	}
.nav-tabs{
	border:0;
	}
.nav-tabs li{
	width:49%;
	height:auto;
	text-align:center;
    font-family: 'Noto Sans';
	font-size:18px;
	}
.nav-tabs li:nth-child(odd) { float:left;}
.nav-tabs li:nth-child(even) { float:right;}
.nav-tabs > li > a {
	border:0 !important;
	color:#fff;
	background:#6cadde;
	
	/* Rounded Corners */
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	}
.nav-tabs > li > a:hover{
	background:#107D46;
	}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #f5f5f5;
	background-color: #f1744d;
	cursor: default
}

.videohome1-item{
	color:#333;
	margin:10px;
	float:left;
	}
.videohome1-item .judul1{
	color:#333;
	font-size:22px;
	line-height:28px;
	}
.videohome1-item .judul1:hover{
	color:#F60;
	text-decoration:none;
	}
.videohome1-item-img{
	width:100%;
	margin:0px 0px 8px 0px;
	height:170px;
	overflow:hidden;
	}
.videohome1-item-img img{
	width:100%;
	}
.title-video1{
	width:100%;
	height:auto;
	float:left;
	margin:12px 0;
	}
.title-video1 a{
	color:#107D46;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	}
	
.videohome{
	
	}
.videohome-item{
	color:#bce0e0;
	margin:10px;
	}
.videohome-item .judul1{
	color:#FFFFFF;
	font-size:22px;
	line-height:28px;
	font-weight:lighter;
	
	}
.videohome-item-img{
	width:100%;
	border:6px solid #048c8c;
	margin:0px 0px 8px 0px;
	height:170px;
	overflow:hidden;
	}
.videohome-item-img img{
	width:100%;
	}
.title-video{
	width:100%;
	height:auto;
	float:left;
	margin:12px 0;
	}
.title-video a{
	color:#107D46;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	}
.preview-video{
	width:100%;
	height:auto;
	float:left;
	}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
	height: 0;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.homeGall{
	width:100%;
	height:auto;
	float:left;
	padding:0;
	margin:0;
	margin-bottom:20px;
	list-style:none;
	}
.homeGall li{
	width:49%;
	height:auto;
	margin-top:15px;
	}
@media (max-width:400px){
	.homeGall li{
		width:100%;
	}
}
.homeGall li:nth-child(odd) { float:left;}
.homeGall li:nth-child(even) { float:right;}
.thumbGall{
	width:100%;
	height:auto;
	float:left;
	padding:4px;
	background:#c0d2e0;
	}
.thumbGall:hover{
	background:#107D46;
	}
.thumbGall a{
	width:100%;
	height:170px;
	float:left;
	overflow:hidden;
}

.boxSlide-awards{
	width:100%;
	height:auto;
	float:left;
	margin-top:-15px;
	padding:15px;
	padding-bottom:0;
	}
.boxAwards{
	position:relative;
	margin-right:10px;
	}
.boxAwards h5{
	width:100%;
	height:auto;
	float:left;
	color:#C69D14;
	text-align:center;
	background:#F5F5F5;
	padding:8px 10px;
	border:1px #bebebe solid;
	}
.image-center{
	width:150px;
	height:auto;
	margin:0 auto;
	}
.image-center img{
	width:150px;
	height:auto;
	margin:5px auto;
	border:3px #dedede solid;
	}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 62%;
	margin-top: -16px;
	outline: 0;
	width: 29px;
	height: 29px;
	text-indent: -9999px;
	z-index: 9999;
	}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
	}
.bx-pager{
	display:none;
	}
	
.bx-wrapper .bx-prev {
	left:15px;
	background: url(../images/controls.png) no-repeat 0 0;
	}
.bx-wrapper .bx-next {
	right:15px;
	background: url(../images/controls.png) no-repeat 100% 0;
	}
.bx-wrapper .bx-prev:hover {
	background-position: 0 100%;
	}
.bx-wrapper .bx-next:hover {
	background-position: 100% 100%;
	}
/*========= END CONTENT ==============*/



/*========= Detail ==============*/
.jumbotron {
	float:left;
	width:100%;
	background:#ee8b0a;
	padding:20px 0px 20px 0px;
	}
.jumbotron img{
	min-width: 100%;
	height:auto;
	}

.page-location{
	width:100%;
	height:auto;
	float:left;
	padding:5px 0px 5px 0px;
	text-align:left;
	font-family: 'Noto Sans';
	text-transform:uppercase;
	}
.sub-location{
	display:block;
	width:100%;
	height:auto;
	float:left;
	font-family: 'Noto Sans';
	font-size:20px;
	text-transform:uppercase;
	color:#444;
	padding:12px 10px;
	border-bottom:3px #107D46 solid;
	}
.title-page{
	width:100%;
	height:auto;
	float:left;
	padding:8px 0px 0px 15px;
    font-family: 'Noto Sans';
	font-size:34px;
	font-weight:lighter;
	text-align:left;
	color:#ffffff;
	}

		
@media only screen and (max-width: 479px){
	.page-location{
		margin-top:0px;
	}
	.title-page{
		font-size:20px;
	}
}
.boxnav-detail{
	width:100%;
	height:auto;
	float:left;
	background:#004a8d;
	}
.subnav-detail{
	width:100%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	}
.subnav-detail li{
	float:left;font-size:14px;
	text-align:left;
	}
.subnav-detail li a{
	float:left;
	padding:15px;
	color:#fff; 
	}
.subnav-detail li a:hover,
.subnav-detail li a:focus{
	background:#107D46;
	text-decoration:none;
	}
.subnav-detail li a.active-sub{
	background:#fff;
	color:#333;
	}

.subnav-detail ul li,
.subnav-detail ul li a{
	width:100%;
	}
.subnav-detail ul li a{
	padding:10px 15px;
	}
.subnav-detail ul li a:hover{
	color:#fff;
	background-color: rgba(1, 88, 161, 0.88) !important;
}
	
#toggle, .toggle { display: none; }
@media only screen and (max-width: 768px){
	.menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; z-index:10001;}
	.menu > li { display: block; width: 100%; margin: 0; }
	.menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
	#toggle:checked ~ .menu { display: block; opacity: 1;}
	.subnav-detail ul{
		float:left !important;
		position:relative !important;
	}
	.navbar-brand{
		width:60%;
		overflow:hidden;
		float:left;
		margin-left:30px;
		}
	.navbar-brand img{
		width:70%;
		
		}
}
@media only screen and (max-width: 768px){
	.menu{
		background-color: rgba(0, 124, 194, 0.9);
		border-top: 1px solid #51C1F1;
	}
	
	.menu, .menu > li, .menu > li > a{
		height: auto;
	}
	
	.menu > li > a{
		padding: 10px;
		position:relative;
		border-bottom:1px rgba(2, 109, 170, 0.88) solid;
		
		/*--- Text shadow ---*/
		-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
		-o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
		-khtml-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
		text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
		
		/*--- Box shadow ---*/
		-webkit-box-shadow: 0px 1px 0px 0px rgba(9, 143, 219, 0.88);
		-moz-box-shadow: 0px 1px 0px 0px rgba(9, 143, 219, 0.88);
		-o-box-shadow: 0px 1px 0px 0px rgba(9, 143, 219, 0.88);
		-khtml-box-shadow: 0px 1px 0px 0px rgba(9, 143, 219, 0.88);
		box-shadow: 0px 1px 0px 0px rgba(9, 143, 219, 0.88);
	}
	
	.menu > li > a:hover, .menu > li > a:focus{
		color:#fff;
		background-color: rgba(1, 88, 161, 0.88);
		
		/*--- Text shadow ---*/
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		-khtml-box-shadow: none;
		text-shadow: none;
	}
	
	.toggle:after {
		content: 'View Menu';
		display: block;
		width: 100%;
		margin: 10px 0;
		padding: 10px 50px;
		background: #038ad6;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		text-align: center;
		text-transform:uppercase;
		font-family: 'Noto Sans';
		font-size: 16px;
		font-weight:normal !important;
		color: #FFFFFF;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
	}
	
	.toggle:hover:after{
		background: #45ABD6;
	}
	
	#toggle:checked + .toggle:after{
		content: 'Close Menu';
	}
}

.thumbDetail,
.thumbList-gall{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	margin-bottom:12px;
	}
.thumbList{
	width:345px;
	height:auto;
	clear:both;
	margin:0 12px;
	}
.thumbDetail a{
	width:100%;
	height:400px;
	float:left;
	overflow:hidden;
}
.thumbList-gall a{
	width:100%;
	height:250px;
	float:left;
	overflow:hidden;
}
.thumbDetail img,
.thumbList img,
.thumbList-gall img{
	min-width:100%;
	height:auto;
}

.box-kanan{
	margin:0px 0px 0px 0px;
	float:right;
	width:96%;
	padding:0px;
	overflow:hidden;
	background:#fff;
	padding:20px;
	}
.box-kanan-judul{
	float:left;
	padding:10px 15px 10px 15px;
	color:#db5b06;
	font-family: 'Noto Sans';
	text-transform:uppercase;
	font-size:24px;
	width:100%;
	border-bottom:2px solid #CCCCCC;
	}
.box-kanan-isi{
	float:left;
	padding:15px;
	}
.box-kanan-isi .jalanpintas{
	float:left;
	margin:0px 0px 0px 0px;
	}


.box-kanan-isi .jalanpintas a{
	float:left;
	width:100%;
	padding:8px 0px 8px 40px;
	list-style:none;
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #CCCCCC;
	background:url(../images/bg.bullet.png) left center no-repeat;
	}
.box-kanan-isi .jalanpintas a:hover{
	text-decoration:none;
	background:url(../images/bg.bullet.png) left center no-repeat #edf3f6;
	}

.judul1 a,a.judul1{
	float:left;
	color:#db5b06;
	font-family: 'Noto Sans';
	font-size:18px;
	width:100%;
	}
.judul-1{
	color:#db5b06;
	font-family: 'Noto Sans';
	font-size:22px;
	width:100%;
	font-weight:bold;
	}

.judul-2{
	color:#999999 !important;
	font-family: 'Noto Sans';
	font-size:18px;
	width:100%;
	}
.judul-3{
	color:#db5b06;
	font-family: 'Noto Sans';
	font-size:18px;
	width:100%;
	font-weight:bold;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	}
.infopage{
	padding:20px 50px 20px 50px;
	text-align:center;
	font-size:18px;
	line-height:30px;
	color:#666666;
	margin:0px 0px 20px 0px;
	border-bottom:2px solid #CCCCCC;
	}

@media screen and (max-width:600px) {
	.thumbList{
		width:100%;
		float:left !important;
		margin:0;
		margin-bottom:10px;
		position:relative;
	}
	.thumbDetail a,
	.thumbList-gall a{
		width:100%;
		height:auto;
		float:left;
		overflow:hidden;
	}
}

.name-occupation{font-size:22px;
	text-align:left;
	color:#107D46;
	}
.name-occupation span{
	color:#555;
	font-size:30px;
	}

/* POPMENU */
.popmenu{
	float:left;
	height:300px;
	}
./* POPMENU */
.popmenu{
	float:left;
	height:300px;
	}
/*contact*/
.btn-warn{
	width:100%;
	height:auto;
	float:left;
	padding:8px;
	margin:10px 0 5px;
	
	/* Rounded Corners */
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	}
.maps{
	width:98%;
	height:450px;
	float:left;
	padding:10px;
	margin-bottom:10px;
	overflow:hidden;
	}
.maps img{
	width:100%;
	}
@media (max-width:767px) {
	.maps{
		height:auto;
	}
}
.side-contact{
	width:100%;
	height:auto;
	float:left;
	}
.btn-contact{
	width:100%;
	height:auto;
	float:left;
	font-family: 'Noto Sans';
	font-size:16px;
	padding:10px;
	margin-bottom:10px;
	border:1px #bebebe solid;
	border-bottom:2px #cecece solid;
	
	/* Rounded Corners */
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	
	/* Gradient background */
	background: #fff;
	background: -moz-linear-gradient(top, #fff, #ededed);
	background: -o-linear-gradient(top, #fff, #ededed);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ededed));
	background: -khtml-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ededed));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ededed');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ededed');
	}
.btn-contact p{font-size:20px;
	color:#007CC2;
	}
.form-contact input[type="text"]{
	width:100%;
	float:left;font-size:15px;
	margin:12px 0 0;
	padding:6px 10px;
	padding-right:25px;
	border:2px #d3d3d3 solid;
	outline:0;
}
.form-contact textarea{
	max-width:100%;
	min-width:100%;
	height:150px;
	float:left;font-size:15px;
	margin:12px 0 0;
	padding:6px 10px;
	padding-right:25px;
	border:2px #d3d3d3 solid;
	outline:0;
}
.form-contact input[type="submit"]{
	float:right;
	margin-top:10px;
	padding:8px 30px;
	border:0;
	font-family: 'Noto Sans';
	font-size:16px;
	color:#fff;
	background:#107D46;
	}
.form-contact input[type="submit"]:hover{
	background:#0569a2;
}

/* Video */
.list-video{
	float:left;
	padding:5px;
	margin:10px 5px 5px 5px;
	width:380px;
	height:380px;
	overflow:hidden;
	}
.list-video .thumbDetail span{
	float:left;
	width:360px;
	height:200px;
	overflow:hidden;
	}
.list-video .thumbDetail img{
	width:360px;
	}

/*login*/
.bar-login,
.bar-register{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:15px;
	}
.bar-login label{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:8px;font-size:14px;
	text-align:left;
	color:#666;
	}
.bar-register label{
	width:40%;
	height:auto;
	float:left;
	margin-top:10px;font-size:14px;
	text-align:left;
	color:#666;
	}
.bar-register span{
	color:#e1a73f;
	}
.bar-login input[type="text"],
.bar-login input[type="password"]{
	width:100%;
	float:left;font-size:15px;
	padding:6px 10px;
	padding-right:25px;
	border:2px #d3d3d3 solid;
	outline:0;
	}
.bar-register input[type="text"],
.bar-register input[type="password"]{
	width:60%;
	height:auto;
	float:left;font-size:15px;
	padding:6px 10px;
	padding-right:25px;
	border:2px #d3d3d3 solid;
	outline:0;
	}

.bar-register select{
	cursor:pointer;
	float:left;
	margin-bottom:10px;padding:5px;
	color:#107D46;
	border:2px #569ed4 solid;
	outline:0;
	}
@media (max-width:420px) {
	.bar-register{
		margin-bottom:5px;
	}
	.bar-register select,
	.bar-register label,
	.bar-register input[type="text"],
	.bar-register input[type="password"]{
		width:100%;
	}
}
#date,
#month{
	margin-right:15px;
	}
.bar-register select option{
	cursor:pointer;
	color:#444;
	padding:0 5px;
	background:#fff;
	}
.bar-register input[type="submit"]{
	margin:0 auto;
	padding:8px 40px;
	border:0;
	font-family: 'Noto Sans';
	text-transform:uppercase;
	font-size:20px;
	color:#fff;
	background:#107D46;
	}
@media (max-width:420px) {
	.bar-register input[type="submit"]{
		width:100%;
		margin-bottom:50px;
	}
	.list-content p{
	float:left;
	width:50%;
	}

}

.bar-login input[type="submit"]{
	float:right;
	margin-top:10px;
	padding:8px 30px;
	border:0;
	font-family: 'Noto Sans';
	text-transform:uppercase;
	font-size:16px;
	color:#fff;
	background:#107D46;
	}
.bar-login input[type="submit"]:hover,
.bar-register input[type="submit"]:hover{
	background:#0569a2;
}
.bar-login a{
	float:left;
	margin-top:8px;
	font-size:14px;
	text-align:left;
	}
/*end login*/

/*content list*/
.detail-info{
	width:100%;
	padding:5px 0px 5px 0px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:none;
	border-right:none;
	float:left;
	height:auto;
	margin:10px 0px 10px 0px;
	color:#999999
	}
.large-content,
.large-ctn_gall{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:10px;
	}
.list-content{
	width:100%;
	height:auto;
	float:left;
	padding:15px 0;
	border-bottom:1px #d6d6d6 solid;
	}
.list-content1{
	width:98%;
	height:auto;
	float:left;
	padding:15px;
	text-align:left;
	background:#ffffff;
	margin:5px;
	}
.list-content h2{
	margin:0px !important;
	padding:5px 0px 10px 0px !important;
	font-size:22px;
	color:#333333;
	font-weight:bold;
	line-height:30px;
	}
.list-content a:hover{
	text-decoration:none;
	color:#f1511f;
	}
.list-ctn_gall{
	width:100%;
	height:365px;
	float:left;
	padding:15px 0;
	border-bottom:1px #d6d6d6 solid;
	}
@media (max-width:360px) {
	.navbar-brand img{
		width:90%;
		}
	.large-content{
		height:auto;
		overflow:hidden;
	}
	.list-content{
		height:auto;
		overflow:hidden;
	}
	.large-ctn_gall,
	.list-ctn_gall{
		height:auto;
		overflow:hidden;
	}
}
.thumbHeadline{
	width:400px;
	height:auto;
	clear:both;
	margin:0 12px 8px 0;
	padding:5px;
	background:#c0deeb;
	}
.thumbHeadline:hover{
	background:#6cadde;
	}
.thumbHeadline img{
	max-width:100%;
	height:auto;
	}
.title-headline{
	width:100%;
	height:auto;
	float:left;
	font-size:14px;
	color:#666666;
	margin-bottom:5px;
	}
.title-headline a,
.title-headline span{
	color:#444;
	font-family: 'Noto Sans';
	font-size:28px;
	line-height:38px;
	font-weight:bold;
	}
@media (max-width:645px) {
	.thumbHeadline{
		width:100%;
	}
	.title-headline a{
		line-height:28px;
	}
}
a.list-link{
	color: #444;
	font-family: "Noto Sans";
	font-size: 24px;
	line-height: 34px;
	font-weight:bold;
	}
.title-headline a:hover,
a.list-link:hover{
	color:#5fb63c;
	text-decoration:none;
	}
.list-content span,
.list-ctn_gall span{
	color:#CC6600;
	}
	
/*galeri thumb*/
.thumbDetail-gall{
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
	clear:both;
	margin-bottom:12px;
	padding:5px;
	background:#c0deeb;
	}
.thumbDetail-gall .item{
	width:100%;
	height:360px;
	float:left;
	overflow:hidden;
}
@media (max-width:645px) {
	.thumbDetail-gall .item{
		height:auto;
	}
}
.list-inline{
	width:100%;
	height:auto;
	float:left;
	list-style:none;
	}
.list-inline li{
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	padding:3px;
	background:#dedede;
	}
.list-inline li a{
	cursor:pointer;
	width:120px;
	height:80px;
	float:left;
	overflow:hidden;
}
.list-inline li img{
	width:120px;
	height:auto;
	}
.list-inline li a.selected img {
	opacity:0.5;
}
/*end content list*/





/*========= Detail ==============*/



/*========= FOOTER ==============*/
#footer{
	width:100%;
	height:auto;
	float:left;
	margin-top:0px;
	padding:25px 0px 25px 0px;
	background:#3e4148;
	color:#fff;
	font-weight: 100;
	font-size:14px;
	}
#footer a{
	color:#333;
	font-weight:normal;
	padding:5px;
	}
.copyright{
	float:left;
	color:#fff;
	text-align:left;
	}
.footer-nav{
	float:right;
	list-style:none;
	}	
.footer-nav li{
	float:left;
	margin-left:20px;
	text-align:left;
	}
.footer-nav li a{
	color:#007CC2;
	}
.footer-nav li a:hover{
	color:#333;
	}
.footer-area ul{
	margin:0px;
	float:left;
	}
.footer-area ul li{
	float:left;
	width:100%;
	list-style:none;
	margin-left:-45px;
	}
.footer-area ul li a{
	color:#fff !important;
	}
.footer-link-item{
	margin-bottom:20px;
	}
	
@media (max-width:1199px) {
.copyright{
	width:100%;
	margin:15px 0;
	text-align:center;
	}
.footer-nav{
	width:80%;
	float:none;
	margin:0 auto;
	}
}
@media (max-width:992px){
.footer-nav{
	width:100%;
	}
.list-content p{
	float:left;
	width:50%;
	}

}
@media (max-width:600px){
.footer-nav{
	width:100%;
	float:left;
	padding:0;
	margin:0;
	}
.footer-nav li{
	width:50%;
	margin:0;
	padding:3px 10px;
	text-align:left;
	}
.list-content p{
	float:left;
	width:100%;
	}

}

.clubMember{
	float:left;
	margin:10px 0 5px;
	}
.clubMember span{
	float:left;
	margin-right:15px;
	}
.footer-socmed{
	float:right;
	margin:25px 0px 0px 0px;
	}
.footer-socmed a{
	width:50px;
	height:50px;
	float:left;
	margin:10px 5px;
	border:2px solid;
	background:url(../images/icon-socmed.png) no-repeat;
	/* Rounded Corners */
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;
	border-radius: 50px;
	}
.footer-socmed a.fb{
	border-color:#3b5ba6;
	}
.footer-socmed a.fb:hover{
	background:#3b5ba6 url(../images/icon-socmed.png) no-repeat;
	background-position:0 90%;
	}
.footer-socmed a.twitt{
	border-color:#34b4d7;
	background-position:50% 0;
	}
.footer-socmed a.twitt:hover{
	background:#34b4d7 url(../images/icon-socmed.png) no-repeat;
	background-position:50% 92%;
	}
.footer-socmed a.rss{
	border-color:#ee6b27;
	background-position:100% 0;
	}
.footer-socmed a.rss:hover{
	background:#ee6b27 url(../images/icon-socmed.png) no-repeat;
	background-position:100% 90%;
	}
@media (max-width:992px){
.clubMember{
	width:100%;
	}
.footer-socmed{
	width:180px;
	float:none !important;
	margin:0 auto;
	}
.box-kanan{
	margin:10px 0px 0px 0px;
	float:right;
	width:100%;
	border:1px solid #CCCCCC;
	padding:0px;
	overflow:hidden;
	}
.box-kanan-judul{
	float:left;
	padding:10px 10px 10px 10px;
	color:#FF3300;
	font-family: 'Noto Sans';
	text-transform:uppercase;
	font-size:18px;
	width:100%;
	}
.box-kanan-isi{
	float:left;
	padding:10px;
	width:100%;
	}
.box-kanan-isi ul{
	float:left;
	margin:0px 0px 0px 0px;
	width:100%
	}
.box-kanan-isi li{
	list-style:none;
	width:100%
	}

.box-kanan-isi li a{
	float:left;
	width:100%;
	padding:8px 0px 8px 40px;
	list-style:none;
	margin:0px 0px 0px -20px;
	border-bottom:1px solid #CCCCCC;
	background:url(../images/bg.bullet.png) left center no-repeat;
	}
.box-kanan-isi li a:hover{
	text-decoration:none;
	background:url(../images/bg.bullet.png) left center no-repeat #edf3f6;
	}
}
@media (max-width:360px){
.clubMember span{
	width:100%;
	float:left;
	margin-bottom:10px;
	}

}
/*========= END FOOTER ==============*/

.box_calc{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 20px 0;
	padding:8px 15px;
	border:1px #d6d6d6 solid;
	border-top:0;
	}
.box_calc label{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	width:180px;
	}
.box_calc select{
	color:#666;
	border:1px #d6d6d6 solid;
	font-family:Tahoma, Geneva, sans-serif;
	
	/* Rounded Corners */
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	}
.box_calc input[type="text"]{
	color:#666;
	border:1px #d6d6d6 solid;
	font-family:Tahoma, Geneva, sans-serif;
	
	/* Rounded Corners */
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	}
.input-calc { width:auto !important; margin:0 5px 5px 0 !important; }
.submit-button { 
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	margin:0 5px 5px 0;
	background-color:#107D46;
	color:#FFFFFF;
	padding:10px 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
	border:2px #107D46 solid;
	
}

.error{
	width:100%px;
	float:left;
	margin:10px;
	padding:10px;
	text-align:center;
	border:1px solid #999999;
	background:#F5F5F5;
	color:#990000;
	}
.komen-item{
	float:left;
	width:205px;
	margin:3px;
	height:40px;
	overflow:hidden;
	border:1px solid #CCCCCC;
	padding:3px;
	}

.box-komentar{
	width:650px;
	float:left;
	margin:10px;
	}
.box-komentar-judul{
	width:630px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:3px 5px 3px 5px;
	background:#CCCCCC;

	font-weight:normal;
	}
.box-komentar{
	width:570px;
	float:left;
	margin:10px;
	}
.komentar-item{
	width:570px;
	float:left;
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
	margin:0px 0px 10px 0px;
	color:#333333;

	line-height:24px;
	}
.komentar-item .tgl{
	font-size:12px;
	color:#999999;
	}
.tgl{
	font-size:14px;
	color:#999999;
	}
.komentar-nama{

	font-weight:bold;
	}
.komentar-nomor{
	float:left;
	width:60px;
	height:60px;
	padding:5px;
	text-align:center;

	font-weight:bold;
	border:1px #ccc solid;
	margin:0px 5px 5px 0px;
	background:#eeeeee;
	}
.komentar-isi{
	float:left;
	width:490px;
	height:auto;
	margin:0px 0px 0px 10px;
	}
.securebox{
	padding:8px;
	margin-bottom:5px;
	border:1px solid #666666;
	border:1px solid #CCCCCC;
	border: 1px solid #BBB;
	max-width:400px;
	line-height:24px;
	float:left;
	background:#f4f4f4;
	}
.box-avatar{
	width:52px;
	float:right;
	margin-left:10px;
	height:52px;
	overflow:hidden;
	margin-bottom:10px;
	background:#FFFFFF;
	border:1px #999999 solid;
	}
.avatar{
	float:left;
	width:50px;
	height:50px;
	margin:1px;
	overflow:hidden;
	}
.avatar img{
	height:50px;
	}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
}
.boxform{
	margin:10px;
	padding:10px;
	border:1px solid #999999;
	line-height:25px;
	}
label {
	float: left;
	width: 120px;
	font-weight: normal;
	text-align: left;
	padding:3px;
	}
.textformkanan{
	float:left;
	}
.button {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #999;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:10px 32px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin-top:5px;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.button:active {
	position:relative;
	top:1px;
}

.button1{
	padding:3px 5px 3px 5px;
	color:#000;
	background:url(../images/bg.button1.jpg) center repeat-x;
	border:#ccc 1px double;
	text-align:center;
	margin-left:3px;
	}
.button1:hover{
	color:#0099FF;
	text-decoration:none;
	}
.boxform textarea{
	width:400px;
	color: #107D46;
	border: 2px solid #569ED4;
	font-family: Tahoma,Geneva,sans-serif;
	border-radius: 0px;
	}

.boxnewspilihan{
	float: left;
	width: 96%;
	height: 360px;
	overflow: hidden;
	text-align: left;
	margin: 5px 15px 15px 0px;
	padding: 8px;
	}
.boxnewspilihan-isi{
	margin:5px;
	text-align:left;
	}
.boxnewspilihan-isi .judul1{
	font-size:18px;
	font-weight:normal;
	font-family:'Noto Sans';
	margin-bottom:8px;
	line-height:28px;
	
	}
.boxnewspilihan .box-boxnewspilihan{
	width: 100%;
	height:200px;
	float:left;
	overflow:hidden;
	border:none;
	}
.boxnewspilihan .box-boxnewspilihan img{
	width: 100%;
	}
.box-detail{
	width:95%;
	margin:20px;
	}
.detail-tour{
	line-height:26px;
	}
.detail-lengkap p{
	font-size:16px;
	line-height:28px;
	}
.detailinfo{
	color:#999999;
	width:100%;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC
	}
.infodetail{
	float:left;
	width:100%;
	border-bottom:2px solid #CCCCCC;
	font-family: 'Noto Sans';
	padding:12px 0px 12px 0px;
	font-size:20px;
	}


/* FORM SEARCH */
.formsearch{
	float:left;
	padding:15px;
	width:75%;
	height:50px;
	overflow:hidden;
	margin-left:150px;
	}
.formsearch input[type="text"] {
    color: #ff7234;
    border: 1px solid #e15c22;
    padding: 2px 15px 2px 15px;
	width:40%;
	border-radius: 8px 0px 0px 8px;
	margin:0px;
	float:left;
}
.formsearch input[type="submit"] {
    color: #fff;
    border: 1px solid #932f03;
	border-left:none;
    padding: 2px 15px 2px 15px;
	width:auto;
	border-radius: 0px 8px 8px 0px;
	margin:0px;
	float:left;
	background:#bb420c;
	text-transform:uppercase;
	font-weight:bold;
}

.formsearch select {
    color: #ff7234;
	border:none;
    border-top: 1px solid #e15c22;
	border-bottom: 1px solid #e15c22;
    padding: 5px 15px 4px 15px;
	width:auto;
	margin:0px;
	float:left;
}




.video-item{
	width:100%;
	float:left;
	}
.video-item-img{
	width:100%;
	height:270px;
	float:left;
	overflow:hidden;
	margin:5px 0px 5px 0px;
	}
.video-item-img img{
	width:100%;
	}
.thumbteacher { 
	width:50%; 
	float:left;
	margin:0px 15px 15px 0px;
	}
@media screen and (max-width:990px) {
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.thumbteacher { width:100%; }
	.boxhome-item,.boxhome-item:last-child{
		float:left;
		width:95%;
		margin:10px;
		max-height:300px;
		height:auto;
	}
	.boxform textarea {
		width:100%;
		}
	.box-komentar{
		width:90%;
		}
	.komentar-item{
		width:100%;
		}
	.komentar-isi{
		width:100%;
		}
	.komentar-nomor{
		display:none;
		}
	.boxnewspilihan{
		float: left;
		width: 45%;
		height: auto;
		overflow: hidden;
		text-align: left;
		margin: 5px 15px 8px 0px;
		padding: 0px;
		}
	.boxnewspilihan-isi{
		margin:5px;
		text-align:left;
		font-size:13px;
		}
	.boxnewspilihan-isi .judul1{
		font-size:18px;
		font-weight:normal;
		font-family:'Noto Sans';
		margin-bottom:8px;
		line-height:28px;
		
		}
	.boxnewspilihan .box-boxnewspilihan{
		width: 100%;
		height:auto;
		float:left;
		overflow:hidden;
		border:none;
		}
	.boxnewspilihan .box-boxnewspilihan img{
		width: 100%;
		}
	.infodetail{
		float:left;
		width: 100%;
		border-bottom:1px solid #CCCCCC;
		font-family: 'Noto Sans';
		padding:12px 0px 12px 0px;
		font-size:18px;
		}
	.lampiran{
		float:left;
		width:100%;
		height:auto;
		margin:5px 0px 5px 0px;
		border-bottom:1px solid  #CCCCCC;
		padding:5px;
		}
	.lampiran-img{
		float:left;
		width:40px;
		height:32px;
		}
	.lampiran-info{
		float:left;
		width:80%;
		padding:5px 0px 0px 0px;
		}
	.large-content img, .large-content iframe{
		width:100% !important;
		height:auto !important;
	}
}

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

	.boxnewspilihan{
		float: left;
		width: 95%;
		height: auto;
		overflow: hidden;
		text-align: left;
		margin: 5px 15px 8px 0px;
		padding: 0px;
		}
	.thumbteacher { width:100%; }
	
}

.icon {
    background-color: #428BCA;
    border: 4px solid #428BCA;
    border-radius: 50%;
    color: #FFF;
    display: block;
    font-size: 50px;
    height: 70px;
    line-height: 70px;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    width: 70px;
}
.icon {
    transition: all 0.2s linear 0s;
}

/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.5);}
  100% {transform: scale(1);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.5);}
  100% {transform: scale(1);}
} /*End of Zoom in Keyframes */

/* Zoom out Keyframes */
@-webkit-keyframes zoomout {
  0% {transform: scale(1);}
  50% {transform: scale(0.67);}
  100% {transform: scale(1);}
}
@keyframes zoomout {
    0% {transform: scale(1);}
  50% {transform: scale(0.67);}
  100% {transform: scale(1);}
}
/*End of Zoom out Keyframes */


.kanal-header{
	width:100%;
	height:320px;
	overflow:hidden;
	margin-top:-80px;
	float:left;
	position:relative;
	}
.kanal-header-bg{
	width:100%;
	overflow:hidden;
	float:left;
	position:relative;
	margin-top:-300px;
	}
.kanal-header-bg img{
	-webkit-animation: zoom 10s;
  	animation: zoom 10s;
	margin-left:-30%;
  	}

.kanal-header-name{
	width:100%;
	text-align:center;
	float:left;
	margin:190px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	font-size:32px;
	color:#fff;
	z-index:99;
	position:relative;
	}
.kanal-header-info{
	width:100%;
	text-align:center;
	float:left;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	font-size:16px;
	color:#fff;
	z-index:99;
	position:relative;
	}
.judulkanal{
	font-size:34px;
	font-family:'Noto Sans';
	color:#0772b8;
	padding:5px 0px 5px 0px;
	margin:10px 0px 10px 0px;
	line-height:40px;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:2px solid #CCCCCC;
	}

.link-program a, a.link-program{
	float:right;
	margin:-60px 140px 0px 0px;
	position:relative;
	background:#e99002;
	border:2px solid #FFFFFF;
	color:#ffffff;
	}
.bloghome{
	color:#FFFFFF;
	}
.bloghome p{
	color:#FFFFFF;
	}
.bloghome a{
	color:#FFFFFF;
	}
.bloghome a:hover{
	color:#FF6600;
	}
.bloghome .date{
	color:#FF6600;
	}
.testimoni{
	font-size:18px;
	line-height:30px;
	}
.testimoni span{
	font-size:35px;
	font-weight:bold;
	line-height:22px;
	}
#pushstat{
	display:none;
	}
.imgwork{
		width:100%;
		border:2px solid #CCC;
}

@media (max-width:768px){
	body{
		 padding-top:60px;
		 }
	
	#topmenu {
		width: 100%;
		display: block;
		background: #ff6600;
		z-index: 80;
		text-align: center;
		text-align:left;
		height:auto;
	}
	#topmenu a{
		float:left;
		padding:5px;
		color:#FFFFFF;
		font-weight:bold;
		}
	#topmenu a:hover{
		float:left;
		text-decoration:none;
		color:#990000
		}
	.carousel{
		margin:0px 0px;
		}
	.detailbox{
		margin:15px;
		width:92%;
		}
	.detailbox-isi{
		margin:0px;
		width:100%
		}
	.detailbox-isi .thumbNews img,.detailbox-isi  .thumbDetail img{
		width:100%;
		}
	.thumbNews {
		width: 100%;
		float: left;
		margin-right: 0;
		margin-bottom: 5px;
		position: relative;
	}
	.box-content{
		width:100%;  
		height:auto;
		float:left;
		margin:15px 0px 15px 0px;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #333;
		font-size: 18px;
		text-transform: uppercase;
		font-family: 'Noto Sans';
	}
	
	.list-content1 {
		width: 100%;
		height: auto;
		float: left;
		padding: 20px;
	}
	.boxnewspilihan {
		float: left;
		width: 100%;
		height: auto;
		overflow: hidden;
		text-align: left;
		margin: 5px 0px 8px 0px;
		padding: 0px;
	}
	.boxnewspilihan-isi {
		margin: 5px;
		text-align: left;
		font-size: 16px;
	}

	
}

.testimonihome{
	font-size:18px;
	line-height:30px;
	}
.testimonihome-img{
	float:left;
	width:100px;
	height:100px;
	overflow:hidden;
	margin:0px 20px 20px 0px;
	border:4px solid #999999;
	border-radius: 50%;
	}
.testimonihome img{
	float:left;
	width:100px;
	}
.section a{
	float:left;
	width:100% !important;
	border-bottom:1px solid #999999;
	padding:8px 0px 8px 16px;
	font-size:18px;
	color:#333;
	font-weight:normal;
	}
.section a:hover{
	color:#F60;
	text-decoration:none;
	}
.centered
{
	margin-left:27%;
}

.detail-batas{
	float:left;
	width:100%;
	background:#f2f3ef;
	border-top:1px solid #f7c824;
	border-bottom:2px solid #FF6600;
	padding:8px 0px 8px 0px;
	margin:15px 0px 15px 0px;
	}
.detail-batas span{
	float:left;
	padding:0px 20px 0px 20px;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	}

.hubungi-kami{
	margin:10px 0px 10px 20px;
	float:right;
	border:1px solid #CCCCCC;
	background:#f2f3ef;
	}
.hubungi-kami-isi{
	margin:15px;
	}
.list-paket{
	height:300px;
	overflow:hidden;
	}
.paketinfo{
	height:145px;
	float:left;
	overflow:hidden;
	}


/* subcriber-item */
.subcriber-item-header{
	width:100%;
	float:left;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	border:1px solid #CCCCCC;
	background:#CCCCCC;
	color:#333333;
	font-weight:bold;
	}
.subcriber-item{
	width:100%;
	float:left;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	border:1px solid #CCCCCC
	}
.subcriber-item div,.subcriber-item-header div{
	padding:5px;
	}

.img-detail{
	width:100%;
	height:600px;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align:center !important;
  color:#fff !important;
  
}
.img-detail .title-headline h1{
	width:100%;
	color:#333;
	font-size:38px;
	font-weight:bold;
	text-align:left;
	margin-top:20px;
}
.lengkap , .large-content, .lengkap ul li, .large-content p, .large-content div{
	  font-size:16px ;
	  line-height:26px;
}

.img-detail .detail-info{
	border:none;
	color:#666 !important;
	text-align:left;
	}
.img-detail .detail-info span{
	border:none;
	color:#666 !important;
	font-size:18px;
	}
.table-pembicara td, .table-pembicara th{
	padding:5px;
	border-bottom:1px solid #CCCCCC;
	}
.footer-sosmed{
	padding:20px 0px 20px 0px;
	font-size:18px;
	text-align:center;
	float:left;
	background:#e0dfdf;
	width:100%;
	margin:20px 0px 0px 0px;
	}
.footer-sosmed a{
	color:#333;
	}
.subscribe-box{
	float:left;
	width:100%;
	border:1px solid #CCCCCC;
	border-radius:5px;
	margin:15px 0px 15px 0px;
	padding:20px;
	background:#f5f5f5;
	}
.subscribe-box .input-group {
	width:100%;
	font-size:16px;
	}
.subscribe-box .form-control{
	width:70%;
	float:left;
	font-size:16px;
	}
.subscribe-box .btn{
	width:30%;
	float:left;
	font-size:16px;
	}
pre{
	font-size:14px;
	width:100%;
	float:left;
	line-height:22px;
	}
.modal-dialog {
    width: 1240px;
    margin: 120px auto;
	z-index:999999;
}

/* About */
.ringkas-box{
	float:left;
	width:100%;
	background:url(../images/bg.ringkas.jpg);
	height:270px;
	margin:10px 0px 10px 0px;
}
.ringkas-box-isi{
	float:left;
	width:97%;
	margin:20px;
	font-size:20px !important;
	line-height: 24px!important;
    padding: 60px;
	height:235x;
	overflow:hidden;
	border:2px solid #fff;
	color:#fff;
	text-align:center;
	height:230px;
}
.articles-item{
	float:left;
	width:96%;
	height:350px;
	overflow:hidden;
	text-align:center;
	}

/* Breadcumb */
.breadcumb-menu{
	float:left;
	width:100%;
	padding:5px 0px 5px 0px;
	font-size:16px;
}
.breadcumb-item{
	float:left;
	padding:5px 10px 5px 0px;
	width:auto;
}
.breadcumb-batas{
	float:left;
	padding:5px 10px 5px 0px;
	width:auto;
}
.breadcumb-menu a{
	color:#333;
}

/* product */
.product-listitem{
	float:left;
	width:96%;
	border:1px solid #ccc;
	height:400px;
	margin:5px 0px 5px 0px;
	}
.product-listitem-img{
	float:left;
	width:100%;
	border-bottom:1px solid #ccc;
	height:200px;
	overflow:hidden;
	}
.product-listitem-img img{
	float:left;
	width:100%;
	height:auto;
	}
.product-listitem-body{
	float:left;
	padding:10px;
	width:auto;
	height:130px;
	overflow:hidden;
	}
.product-listitem-body .title a{
	font-size:18px;
	color:#000;
	}
.hover-area{
	float:left;
	padding:10px;
	}
.product-rubrik{
	float:left;
	width:100%;
	padding:20px 0px 20px 0px;
	font-size:28px;
	border-bottom:1px solid #f4f5f5;
	margin:0px 0px 10px 0px;
	font-weight:bold;
	color:#069
	}
.product-grand{
	float:left;
	width:100%;
	padding:5px 0px 5px 0px;
	margin:0px 0px 5px 0px;
	}	
.product-grand a{
	float:left;
	padding:5px 30px 5px 30px;
	margin:2px;
	font-size:16px;
	border:1px solid #ccc;
	color:#333;
	}	
.product-grand a:hover{
	border:1px solid #FF0000;
	color:#FF0000;
	text-decoration:none;
	}

.product-rubrik-detail{
	float:left;
	width:100%;
	padding:20px 0px 20px 0px;
	font-size:28px;
	border-bottom:2px solid #930;
	margin:0px 0px 10px 0px;
	font-weight:bold;
	color:#069
	}
.detail-product{
	font-size:16px;
	line-height:26px;
}
.content-link{
	float:left;
	width:100%;
	height:auto;
}
.content-link a{
	float:left;
	width:auto;
	height:auto;
}
.content-link .btn{
	margin:5px 5px 0px 5px;
	padding:10px 20px 10px 21px;
}

/* POPMENU */
.popmenu{
	float:left;
	height:320px;
	}
.popmenu2{
	height:180px;
	}
.popmenu h4{
	font-size:20px;
	border-bottom:2px solid #CC0000;
	padding:5px 0px 10px 0px;
	}
.popmenu ul{
	float:left;
	width:100%;
	margin-left:-40px;
	}
.popmenu ul li{
	float:left;
	width:100%;
	list-style:none;
	}
.popmenu ul li a{
	float:left;
	width:100%;
	list-style:none;
	font-size:14px;
	color:#666;
	padding:3px 0px 3px 0px;
	}
.popmenu .dep3{
	margin-left:-20px;
	}

.footer-menu .popmenu{
	float:left;
	height:280px;
	}
.footer-menu .popmenu2{
	height:140px;
	}
.footer-menu .popmenu h4{
	font-size:18px;
	border-bottom:1px solid #fff;
	padding:5px 0px 10px 0px;
	margin-left:-40px;
	}
..footer-menu popmenu ul{
	float:left;
	width:100%;
	margin-left:-40px;
	}
.footer-menu .popmenu ul li{
	float:left;
	width:100%;
	list-style:none;
	}
.footer-menu .popmenu ul li a{
	float:left;
	width:100%;
	list-style:none;
	font-size:13px;
	color:#666;
	padding:3px 0px 3px 5px !important;
	line-height:20px;
	}
.footer-menu .popmenu .dep3{
	margin-left:20px;
	}
.footer-menu  img{
	display:none;
	}

@media (max-width:768px){

	/* HOME */
	.navbar-brand-home{
		width:50%;
		float:left;
		}
	.carousel-caption {
		float: left;
		float:left;
		top:60px;
		left: 30px;;
		position:absolute;
		margin:0px;
		text-align:left;
		color:#fff;
		width:90%;
	}
	.carousel .item {
		height: auto;
		background-color: #fff;
		height: 1600px;
	}
	.carousel .item img{
		height:1000px;
		width:800px;
		max-width:800px;
		}
	.slide-caption-top{
		font-size:16px;
		width:100%; 
		float:left;
		padding:5px 0px 5px 0px;
		}
	.slide-caption-head{
		font-size:24px;
		font-weight:bold;
		width:100%;
		float:left;
		padding:8px 0px 8px 0px;
		}
	.slide-caption-info{
		font-size:14px;
		width:100%;
		float:left;
		padding:5px 0px 5px 0px;
		line-height:26px;
		}
	.sliderhome {
		margin-top: -960px;
		float: left;
		width: 100%;
		height:1010px;
	}
	.home-content .menu-home-atas{
		height: 80px;
   		padding: 15px 10px 10px 20px;
		border-top:1px solid #999;
		}
	.home-content .menu-home-bawah{
		height: 80px;
   		padding: 15px 10px 10px 20px;
		}
	.home-content .menu-home-atas h4{
		font-size:16px !important;
		}
	.home-content .menu-home-bawah h4{
		font-size:16px !important;
		}
	.menu-home-img {
		width: 50px;
		height: 50px;
		float: right;
		margin: -30px 20px 0px 0px;
	}
	.menu-about:hover .icon-about{
		margin:-30px 20px 0px 0px;
	}

	.menu-human:hover .icon-human{
		margin:-30px 20px 0px 0px;
		}
	
	.menu-veterinary:hover .icon-veterinary{
		margin:-30px 20px 0px 0px;
		}
	
	.menu-rnd:hover .icon-rnd{
		margin:-30px 20px 0px 0px;
		}
	.menu-mediaroom:hover .icon-mediaroom{
		margin:-30px 20px 0px 0px;
		}
	
	.menu-recruit:hover .icon-recruit{
		margin:-30px 20px 0px 0px;
		}
	.welcome-home{
		height:400px;
		}
	.topmenu-home a{
		float:left;
		width:auto;
		padding:5px 5px 15px 5px;
		}
	.navbar-inverse .navbar-nav>li>a {
		color: #fff;
		font-size: 16px;
		text-transform: none;
		font-family: 'Noto Sans';
		padding: 10px 15px 10px 15px;
	}
	.navbar-brand-home img{
		width:100%;
		}
	.navhome {
		height: 80px;
		border-bottom: 1px solid #999;
		position: relative;
		float: left;
		width: 100%;
		margin: 0px 0px 0px 0px;
		z-index: 999;
		padding: 20px 0px 20px 0px;
	}
	.video_box iframe{
		width: 100%;
		height: 180px;
		margin-top: -30px;
		z-index: 9999;
		position: relative;
	}
	.slide-caption-info{
		line-height:22px;
		font-size:12px;
		}
	.modal-dialog {
		width: 100% !important;
		margin: 80px auto;
		z-index: 999999;
	}
	.modal-content{
		background:#ffffff;
		box-shadow: none;
		width:100%;
		height:autopx;
		overflow:hidden;
		border:none;
	}
	.modal-info-text{
		float:left;
		width:auto;
		margin:10px 10px 10px 0px;
		font-size:16px;
	}
	.lengkap, .large-content, .lengkap ul li, .large-content p, .large-content div {
		font-size: 16px !important;
		line-height: 30px !important;
	}
	.beritahome-item-img{
		width:100%;
		height:auto;
		}
	.beritahome-item-img img{
		width:100%;
		height:auto;
		}
	.title-headline h1{
		font-size:22px;
		line-height:28px;
		color:#333;
		}
	.popmenu{
		height:auto !important;
		margin-top:15px;
	}
	.popmenu ul{
		margin-left:10px !important;
	}
	.popmenu h4{
		margin-left:-10px !important;
	}
	.breadcumb-menu{
		font-size:14px !important;
		padding:5px;
	}
	.ringkas-box{
		height:auto;
	}
	.ringkas-box-isi{
		width:90%;
		height:auto;
	}
}