/* MAIN STYLES */
body {
	font:14px/28px 'Open Sans',sans-serif;
	font-weight:normal;
	color:#000;
	 -webkit-font-smoothing:antialiased;
}
h1 {
	font-size:2.5em;
	line-height:46px;
	font-weight:300;
	margin-bottom:20px;
}
h1,h2,h3,h4,h5,h6 {
	color:#000000;
}
ul {
	-moz-padding-start:0px;
	-webkit-padding-start:0px;
	-khtml-padding-start:0px;
	-o-padding-start:0px;
	padding-start:0px;
	padding: 0px;
}
a,a:hover {
	text-decoration:none;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	/* ...and now for the proper property */
	transition:.3s;
}
a:hover,.highlight {
	color:#fe4918;
}
.max80 {
	max-width:80%;
	margin:0px auto;
}
.pxauto {margin:0px auto;}
.margbottom50 {
	margin-bottom:50px;
}
.unstyle {
	list-style:none;
}
.uppercase {
	text-transform:uppercase;
}
.btn {
	border-radius:3px;
}
.btn-simple {
	color:#ffffff;
	background-color:transparent;
	border:1px solid rgba(255,255,255,0.4);
}
.btn-simple.whitebg {
	background-color:#ffffff;
	color:#444;
	border:0;
}
.btn-simple:hover {
	background-color: rgba(231, 170, 22, 0.8);
	color:#fff;
}
.btn-default {
	background-color:#fe4918;
	color:#fff;
	border:0;
}
.btn-default:hover {
	background-color:#444;
	color:#fff;
	border:0;
}
.btn-lg {
	font-size:20px;
	padding:20px 60px;
}

.main_home {
	position:fixed;
	top:0px;
	max-height:70px;
	z-index:999;
	width:100%;
	/*
	padding-top:17px;
	padding-bottom:6px;
	*/
	background:none;
	overflow:hidden;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	opacity:0;
	top:-100px;

}
@media only screen and (max-width:766px) {
	.main_home {
			padding-top:25px;
	}
}

.main_h {
	position:fixed;
	top:0px;
	/*max-height:70px;*/
	z-index:999;
	width:100%;
	/*
	padding-top:17px;
	padding-bottom:6px;
	*/
	/*
	background:none;
	overflow:hidden;
	*/
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	opacity:0;
	top:-100px;

}
@media only screen and (max-width:766px) {
	.main_h {
		padding-top:25px;
	}
}
/* Static Page Menu */
.main_s {
	position:fixed;
	top:0px;
	/*max-height:70px;*/
	z-index:999;
	width:100%;
	/*
	padding-top:17px;
	padding-bottom:6px;
	*/
	/*
	background:none;
	overflow:hidden;
	*/
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	opacity:0;
	top:-100px;
}
@media only screen and (max-width:766px) {
	.main_s {
		/*padding-top:25px;*/
	}
}
/* End Static Page Menu */

.open-nav {
	max-height:400px !important;
}
.open-nav .mobile-toggle {
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
}
.sticky {
	background-color:#fff;
	opacity:1;
	top:0px;
	border-bottom:0px solid #eee;
}
.logo {
	width:116px;
	font-size:25px;
	color:#8f8f8f;
	text-transform:uppercase;
	float:left;
	display:block;
	line-height:1;
	/*margin-top: -5px;*/
	margin-top:2px;
	letter-spacing:3px;
}
@media only screen and (max-width:766px) {
	.logo {
		float:none;
	}
}
nav {
	float:right;
}
@media only screen and (max-width:766px) {
	nav {
			width:100%;
	}
}
nav ul {
	list-style:none;
	overflow:hidden;
	text-align:right;
	float:right;
}
@media only screen and (max-width:766px) {
	nav ul {
			padding-top:10px;
			margin-bottom:22px;
			float:left;
			text-align:center;
			width:100%;
	}
}
nav ul li {
	display:inline-block;
	margin-left:30px;
	line-height:1.5;
}
@media only screen and (max-width:766px) {
	nav ul li {
			width:100%;
			padding:7px 0;
			margin:0;
	}
}
nav ul a {
	color:#333;
	text-transform:uppercase;
	font-size:13px;
	font-weight:600;
}
nav ul li.active a {
	color:#fe4918;
}
.nav>li {
	display:inline-block;
}
.nav>li>a {
	padding:0px;
}
.nav>li>a:hover {
	background-color:transparent;
}
.mobile-toggle {
	display:none;
	cursor:pointer;
	font-size:20px;
	position:absolute;
	right:22px;
	top:20px;
	width:30px;
	-webkit-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
@media only screen and (max-width:766px) {
	.mobile-toggle {
			display:block;
	}
}
@media only screen and (max-width:991px) {
	nav ul li {
	margin-left: 15px;
	}
}
@media only screen and (max-width:800px) {
	.logo {
	margin-left: 20px;
	}
	.wow {
    visibility: visible !important;
    -webkit-animation: none !important;
     -moz-animation: none !important;
       -o-animation: none !important;
      -ms-animation: none !important;
          animation: none !important;
	}
}
.mobile-toggle span {
	width:30px;
	height:4px;
	margin-bottom:6px;
	border-radius:1000px;
	background:#8f8f8f;
	display: block;
}
/* SECTION - GENERAL */
section {
	height:100%;
	z-index:0;
	padding:60px 0 60px;
}
section .container {position:relative;}

.bgcover{
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:top center;
}

.bgfix{
	background-attachment:fixed;
}

.direksi-bg {
	background-color: #beb977;
}

.white-bg{
	background-color: #fff;
}

.no-pad{
	padding: 0px;
}

.no-margin{
	margin: 0px;
}

.dropshadow{
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -webkit-transition: opacity 0.6s ease-in-out;
  -ms-transition: opacity 0.6s ease-in-out;
  -moz-transition: opacity 0.6s ease-in-out;
  -o-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
}

.main-page {
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -webkit-transition: opacity 0.6s ease-in-out;
  -ms-transition: opacity 0.6s ease-in-out;
  -moz-transition: opacity 0.6s ease-in-out;
  -o-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .main-page {
      position: relative;
      z-index: 1; } }
  .main-page.swipe {
    left: 70%;
    overflow: auto; }
  .main-page .content.noflow-x {
    width: 100%; }

.container {
  display: block;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px; }
  .container.relative {
    position: relative; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .container {
      padding-left: 24px;
      padding-right: 24px; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .container {
      padding-left: 20px;
      padding-right: 20px; } }
	  
.main-page {
  display: block;
  width: 100%;
  max-width: 1308px;
  margin: 0 auto;
  background-color: #fff;
  min-height: 100%;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -webkit-transition: opacity 0.6s ease-in-out;
  -ms-transition: opacity 0.6s ease-in-out;
  -moz-transition: opacity 0.6s ease-in-out;
  -o-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .main-page {
      position: relative;
      z-index: 1; } }
  .main-page.swipe {
    left: 70%;
    overflow: auto; }
  .main-page .content.noflow-x {
    width: 100%; }
	
.wrapsection {
	padding: 60px 0;
	position: relative;
	margin: -60px 0;
}

.wrapsection-page {
	padding: 60px 0;
	position: relative;
	margin: -60px 0;
}

.wrapsection-video {
	padding: 25px 0px;
	position: relative;
}

#player {margin-bottom:35px;}
#player img{width:250px;}

.overlay {
	opacity:0.37;
    background-color: #222;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.highlightbg {
	background-color:#fe4918;
}
.highlightbusiness{
	background: url(../img/background-image-overlay.png) repeat;
}

.graybg {
	background-color:#f6f6f6;
}
.bluebg {
	background-color:#428bca;
}
.blacktext,.blacktext h1,.blacktext h2,.blacktext h3,.blacktext h4,.blacktext h5,.blacktext h5,.blacktext .required {
	color:#000;
}
.whitetext,.whitetext h1,.whitetext h2,.whitetext h3,.whitetext h4,.whitetext h5,.whitetext h5,.whitetext .required {
	color:#fff;
}
.whitetext #contact-form input,.whitetext #contact-form select,.whitetext #contact-form textarea {
	border:0px;
}
.sectionhead {
	text-align:center;
	margin-bottom:30px;
}
.sectionhead .lead {
	text-transform:none;
	/*text-align: left;*/
	letter-spacing:1px;
	font-weight:100;
	font-size:14px;
	line-height:24px;
}
.sectionhead h1 {
	margin-top:0px;
}
.sectionhead em{
	color: #00a261;
	font-size: 18px;
	font-weight: bold;
}



.divider-area {
	width:100%;
	height:1px;
	position:relative;
	background-color:#f0f0f0;
	border:0px;
	margin:0px auto;
}
.divider-area .icon {
	display:inline-block;
	left:50%;
	margin-top:-30px;
	background:#fff;
	position:absolute;
	height:60px;
	width:60px;
	border-radius:50%;
	text-align:center;
	color:#f0f0f0;
	font-size:30px;
	border:1px solid #f0f0f0;
	line-height:60px;
	margin-left:-30px;
}
.divider-area .icon a {
	color:#ccc;
}
.divider-area .icon a:hover {
	color: #fe4918;
}


/* SECTION - BACKGROUNDS */
.ourbusiness {
	background-image:url(../img/overlay.jpg);
}
	.ourbusiness .caption{
		padding-top:0px;
	}
	
.testimonials {
	background-image:url(../img/overlay2.jpg);
}
.contact-page {
	background-image:url(../img/overlay-map.png);
}
.management {
	background-image:url(../img/overlay4.jpg);
}
.companybg {
	background-image:url(../img/companybg.jpg);
	border-bottom: 5px solid #0ca462;
}
section#companybg {
	min-height: 300px;
}
.conservationbg{
	background-image:url(../img/conservation-bg.jpg);
}

section#conservationbg {
	min-height: 300px;
}

.news{
	background-image:url(../img/conservation-bg.jpg);
}

/* Single Page */
/* Header untuk Single Page */
section#statis-header {
	background: #006439;
	height:120px;
}

@media only screen and (max-width:991px) {
	section#statis-header {
		height:auto;
		padding-top: 100px;
		padding-bottom: 15px;
	}
}
@media only screen and (max-width:767px) {
	section#statis-header {
		height:auto;
		padding-top: 100px;
		padding-bottom: 15px;
	}
	
}
@media only screen and (max-width:541px) {
	section#statis-header {
		height:auto;
		padding-top: 100px;
		padding-bottom: 15px;
	}
	
}

	.statishead {
		text-align:center;
	}
	.statishead h1 {
		font-size: 24px;
		text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);	
		margin-top:6px;
		color: #fff;
	}
	.statishead em{
		color: #00a261;
		font-size: 18px;
		font-weight: bold;
	}

section#page {

}

section#page img{
	border: 5px solid #eee;
	border-radius: 5px;
	margin: 5px 10px;
}

@media only screen and (max-width:991px) {
	.wrapsection-page img{
		width: 100%;
		float: left;
		position: relative;
	}
}
@media only screen and (max-width:767px) {
	.wrapsection-page img{
		width: 100%;
		float: left;
		position: relative;
	}
	
}
@media only screen and (max-width:541px) {
	.wrapsection-page img{
		width: 100%;
		float: left;
		position: relative;
	}
}

#page h1,#page h2,#page h3,#page h4,#page h5{
	margin-top: 25px;
	font-weight: bold;
}
/* End */

.businessbg{
	background-image:url(../img/palmoil.jpg);
	background-repeat: no-repeat;
	margin-top:70px;
}

section#businessbg {
	min-height: 300px;
	border-bottom: 8px solid #0ca462;
}

.businessbg2{
	background-image:url(../img/sugary.jpg);
	background-repeat: repeat-x;
	margin-top:70px;
}

section#businessbg2 {
	min-height: 300px;
	border-bottom: 8px solid #0ca462;
}

.sambutan{
	background-color:#e5e5e5;
	margin-top:30px;
}

section#sambutan {

}

	.sambutan h4{
		color: #007c4a;
		font-weight: bold;
	}
	
.palmoilbg{
	background-image:url(../img/bufferzone.jpg);
	background-repeat: no-repeat;
	margin-top:70px;
}

section#palmoilbg {
	min-height: 300px;
	border-bottom: 8px solid #0ca462;
}

.sugarbg{
	background-image:url(../img/sugarbg2.jpg);
	background-repeat: no-repeat;
	margin-top:70px;
}

section#sugarbg {
	min-height: 300px;
	border-bottom: 8px solid #0ca462;
}

.companyslogan1{
	background-image:url(../img/companyslogan1.jpg);
	background-repeat: no-repeat;
	margin-top:60px;
}

section#companyslogan1 {
	min-height: 300px;
	border-bottom: 8px solid #0ca462;
}

.companyslogan2{
	background-image:url(../img/companyslogan2.jpg);
	background-repeat: no-repeat;
	margin-top:60px;
}

section#companyslogan2 {
	min-height: 300px;
	border-bottom: 8px solid #0ca462;
}

/* SECTION - STATIC */
#static {
	text-align: left;
}

/* SECTION - HOME */
section.homepage {
	background-image:url(../img/home-bg.jpg);
	background-position:top center;
	background-size:cover;
	background-repeat: no-repeat;
	position:relative;
	height:auto;
	overflow:hidden;
	padding:130px 0;
	background-attachment:fixed;
	animation: animatedBackground 20s linear infinite alternate;
}

@keyframes animatedBackground {
	from { background-position: 0 50%; }
	to { background-position: 0 100%; }
}

.section-overlay-home {
	background-color:rgba(0,0,0,0.2);
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}

.homepage .btn-primary {
	margin-right:30px;
}
@media only screen and (max-width:991px) {
	.homepage .btn-primary {
	margin-right:0px;
	margin-bottom:10px;
	}
}
@media only screen and (max-width:767px) {
	.homepage .btn-primary {	
	margin-bottom:0px;
	}
	.homepage .text-right, .homepage .small-text  {text-align:center !important;}
	
}
@media only screen and (max-width:541px) {
	.homepage .btn-primary {	
	margin-bottom:10px;
	}
	
}
.homepage .small-text {
	font-size:16px;
	line-height:38px;
	color:#fff;
	font-weight:400;
	margin:30px 0;
	text-align:right;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width:991px) {
	.homepage .homeimg {
	position: relative;
	float: left;
	margin-bottom: 0px;
	}
}
@media only screen and (max-width:767px) {
	.homepage .homeimg {	
	display: none;
	}
	
}
@media only screen and (max-width:541px) {
	.homepage .homeimg {	
	display: none;
	}
	
}
.homepage ul.icos {
	margin-top:30px;
}
.homepage ul.icos li {
	margin-right:30px;
	display:inline;
}
.homepage ul.icos i {
	font-size:32px;
	color:rgba(255,255,255,0.4);
	-webkit-transition:0.25s;
	-moz-transition:0.25s;
	-o-transition:0.25s;
	transition:0.25s;
}
.rotate-description {
	font-size:36px;
	font-weight:300;
	color:#000;
	line-height:58px;
	transition:all 0.5s ease;
}
.introarrow {
	position:absolute;
	height:80px;
	width:80px;
	bottom:-40px;
	left:50%;
	border-radius:40px;
	background:#fff;
	color:#444;
	margin-left:-40px;
	font-size:30px;
	line-height:1;
	text-align:center;
}
.introarrow i {
	display:block;
	margin: 15px 0 0 0;
}
/* SECTION - FEATURES */
.feature-icon {
	font-size:40px;
	line-height:100px;
	border:1px solid #aaa;
	height:100px;
	width:100px;
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	transition:all 0.6s;
	display:inline-block;
	text-align:center;
	margin-bottom:20px;
	border-radius:50%;
	color:#aaa;
}
.feature-icon:hover {
	color:#fe4918;
	border-radius:0;
	border:1px solid #fe4918;
}
.feature-item p.description {
	color:#fff;
	font-weight:300;
	margin-bottom:0;
	text-transform:uppercase;
}
.feature-item a{
	color: #e7aa16;
}
.sep {
	border-bottom:1px solid;
	display:inline-block;
	width:30px;
	margin:0px auto;
	margin-bottom: 3px;
}

/* SECTION - DOWNLOAD */
ul.iconlist i{background-color: #fff;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 50%;
display: inline-block;
text-align: center;
margin-right: 15px;
color: #444;
}

/* SECTION - PRICING */
#plans,#plans ul,#plans ul li {
	margin:0;
	padding:0;
	list-style:none;
}
#pricePlans:after {
	content:'';
	display:table;
	clear:both;
}
#pricePlans {
	zoom:1;
}
#pricePlans {
		margin:0 auto;
}
#pricePlans #plans .plan {
	background:#fff;
	float:left;
	width:100%;
	text-align:center;
	border-radius:5px;
	margin:0 0 20px 0;
	border:1px solid #ddd;
}
.planContainer .title h2 {
	font-size:2.125em;
	font-weight:300;
	color:#333;
	margin:0;
	padding:.6em 0;
}
.planContainer .title h2.bestPlanTitle {
	background:#333;
	color:#fff;
	border-radius:5px 5px 0 0;
}
.planContainer .price p {
	background:#333;
	color:#fff;
	font-size:1.2em;
	font-weight:300;
	height:3.6em;
	line-height:3.6em;
	margin:0 0 1em;
}
.planContainer .price p.bestPlanPrice {
	background-color:#fe4918;
}
.planContainer .price p span {
	color:#ccc;
}
.planContainer .options {
	margin-top:10em;
}
.planContainer .options li {
	font-weight:700;
	color:#364762;
	line-height:2.5;
}
.planContainer .options li span {
	font-weight:400;
	color:#979797;
}
.planContainer .button a {
	text-transform:uppercase;
	text-decoration:none;
	color:#333;
	font-weight:600;
	letter-spacing:3px;
	line-height:3.6em;
	border:1px solid #ccc;
	display:inline-block;
	width:80%;
	height:3.6em;
	border-radius:3px;
	margin:1.5em 0 1.8em;
}
.planContainer .button a.bestPlanButton {
	color:#fff;
	background-color:#fe4918;
	border:1px solid #fe4918;
}
@media screen and (min-width:481px) and (max-width:768px) {
	#pricePlans #plans .plan {
		width:49%;
		margin:0 2% 20px 0;
	}
	#pricePlans #plans>li:nth-child(2n) {
		margin-right:0;
	}
}
@media screen and (min-width:769px) and (max-width:1024px) {
	#pricePlans #plans .plan {
		width:49%;
		margin:0 2% 20px 0;
	}
	#pricePlans #plans>li:nth-child(2n) {
		margin-right:0;
	}
}
@media screen and (min-width:1025px) {
	#pricePlans {
		margin:0px auto;
	}
	#pricePlans #plans .plan {
		width:24%;
		margin:0 1.33% 0px 0;
	}
	#pricePlans #plans>li:last-child {
		margin-right:0;
	}
	.planContainer .button a:hover {
		background:#333;
		color:#fff;
		border: 1px solid #333;
	}
}
/* SECTION - TESTIMONIALS */
#wowtestim .item img.avatar {
	width:120px;
	display:block;
	border-radius:50%;
	margin:0px auto;
	margin-bottom:10px;
	background-color:rgba(255,255,255,1);
	padding:0px;
}
.testimonials .client-msg {
	max-width:60%;
	margin:0px auto;
	font-weight:300;
	font-size:120%;
}
.testimonials .client-pos {
	margin:5px auto 15px;
	padding:0;
	font-size:13px;
}
.testimonials .client-name {
	padding:0;
	font-size:22px;
	margin: 0px;
}
/* SECTION - CONTACT */
#contact-form label {
	text-transform:uppercase;
	font-weight:300;
}
#contact-form input,#contact-form select,#contact-form textarea {
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	width:100%;
		border:1px solid #DDD;
		border-radius:3px;
}
#contact-form input,#contact-form select {
	height:40px;
	margin-bottom:0px;
}
#contact-form input#submit {
	width:auto;
	margin-top:20px;
	background-color:#333;
	color:#fff;
	padding:0px 30px;
	text-transform:uppercase;
	font-weight:300;
	border:0px;
}
#contact-form textarea {
	height:200px;
}
.required {
	color:#e9266d
}
#success,#error {
	display:none
}
#success span,#error span {
	display:block;
		width:100%;
	background:#fff;
		margin-top:10px;
}
#success span p,#error span p {
	margin-top:6em
}
#success span p {
	padding:20px;
	font-weight:700;
	text-transform:uppercase;
	margin-top:20px !Important;
}
#error span p {
	color:#c0392b;
}
.error {
	text-transform:none;
	font-style:italic;
	display: inline-block;
}
button, input, optgroup, select, textarea {color:#888; padding:0px 20px;}
/* SECTION - FOOTER */
.footerarrow {
	position:absolute;
	height:80px;
	width:80px;
	top:-40px;
	left:50%;
	border-radius:40px;
	background:#222;
	color:#fff;
	margin-left:-40px;
	font-size:30px;
	line-height:1;
	text-align:center;
}
.footerarrow i {
	display:block;
	margin:12px 0 0 0;
}
.footerarrow:hover {
	color:#eee;
}
.footer {
	background: #222;
	padding:25px 0 25px;
	border-top: 5px solid #0ca462;
	position:relative;
}
ul.social-icons li {
	display:inline-block;
	float:none;
	padding:17px;
	width:10px;
	height:10px;
	position:relative;
	background:#555;
	margin-right:5px;
	border-radius:50%;
}
ul.social-icons li i {
	position:absolute;
	font-size:15px;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	left:50%;
	top:50%;
	margin-left:-20px;
	margin-top:-20px;
}
ul.social-icons li a {
	color:#fff;
}
ul.social-icons li a i {
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-o-transition-duration:0.8s;
	transition-duration:0.8s;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	transition-property:transform;
	overflow:hidden;
}
ul.social-icons li a i:hover {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
}
ul.social-icons li a:hover {
	text-decoration:none;
	color: #fff;
}

/* Tambahan 09/17/2014 */
    .gmap3{
        margin: 20px auto;
        border: 0px dashed #C0C0C0;
        width: 500px;
        height: 400px;
    }
	
    .businessmap{
        width: 100%;
        min-height: 550px;
    }
	
.thumbnail {
	/*background: rgba(255,255,255,0.8);*/
	background: transparent;
	border: 0px;
	border-radius: 0px;
}

.northsumatera{
	border-top: 5px solid #8b5200;
}
	
.java{
	border-top: 5px solid #f15a29;
}

.westkalimantan{
	border-top: 5px solid #0b6c3f;
}

.southeastsulawesi{
	border-top: 5px solid #127cb8;
}

.lblnorthsumatera{
	background-color: #8b5200;
	color: #fff;
	padding: 5px 10px;
	}
	
.lbljava{
	background-color: #f15a29;
	color: #fff;
	padding: 5px 10px;
}

.lblwestkalimantan{
	background-color: #0b6c3f;
	color: #fff;
	padding: 5px 10px;
}

.lblsoutheastsulawesi{
	background-color: #127cb8;
	color: #fff;
	padding: 5px 10px;
}

/* Lightbox */
	.fancybox-custom .fancybox-skin {
		box-shadow: 0 0 50px #222;
	}
	
#homemenu {
	float: left;
	position: relative;
	margin-top: -120px;
}
/*
#homemenu nav {
	float:right;
}

#homemenu nav ul {
	list-style:none;
	overflow:hidden;
	text-align:right;
	float:right;
}

#homemenu nav ul li {
	display:inline-block;
	margin-left:30px;
	line-height:1.5;
}

#homemenu nav ul a {
	color:#fff;
	text-transform:uppercase;
	font-size:13px;
	font-weight:600;
}
#homemenu nav ul li.active a {
	color:#fe4918;
}
#homemenu .nav>li {
	display:inline-block;
}
#homemenu .nav>li>a {
	padding:0px;
}
#homemenu .nav>li>a:hover {
  background-color:transparent;
  opacity: 0.6;
  filter: alpha(opacity=80);
  -webkit-transition: 0.3s 0.03s ease;
  -moz-transition: 0.3s 0.03s ease;
  -o-transition: 0.3s 0.03s ease;
  transition: 0.3s 0.03s ease;
}
*/
@media only screen and (max-width:766px) {
	#homemenu {
		display: none;
	}
}
@media only screen and (max-width:991px) {
	#homemenu {
		display: none;
	}
}
@media only screen and (max-width:800px) {
	#homemenu {
		display: none;
	}
}

#pageheader{
	margin-top: 70px;
	height: 303px;
}

#bahasa {

}

@media only screen and (max-width:766px) {
	#bahasa {
		margin: 0 auto;
	}
}
@media only screen and (max-width:991px) {
	#bahasa {
		margin: 0 auto;
	}
}
@media only screen and (max-width:800px) {
	#bahasa {
		margin: 0 auto;
	}
}

/* Menu Button */
.lang-button-en {
	position: fixed;
	top:0px;
	right: 0px;
	z-index: 1000;
	margin: 0.35em;
	padding: 0;
	border: none;
	font-size: 3em;
	color: #373a47;
	background: transparent;
}
/*
@media only screen and (max-width:766px) {
	.lang-button-en{
	top:0px;
	right: 50px;
	}
}
@media only screen and (max-width:991px) {
	.lang-button-en {
	top:0px;
	right: 50px;
	}
}
@media only screen and (max-width:800px) {
	.lang-button-en {
	top:0px;
	right: 50px;
	}
}
*/
.lang-button-id {
	position: fixed;
	top:0px;
	right: 0px;
	z-index: 1000;
	margin: 0.35em 1.25em 0.25em 1.25em;
	padding: 0;
	border: none;
	font-size: 3em;
	color: #373a47;
	background: transparent;
}
/*
@media only screen and (max-width:766px) {
	.lang-button-id{
	top:0px;
	right: 60px;
	}
}
@media only screen and (max-width:991px) {
	.lang-button-id {
	top:0px;
	right: 60px;
	}
}
@media only screen and (max-width:800px) {
	.lang-button-id {
	top:0px;
	right: 60px;
	}
}
*/
.nav > li > a.flag{
	padding-right: 0px;
}

.subsidiaries img{
	float: left;
	position: relative;
	padding: 10px;
}		
	
.padzero{
	padding:0px;
}

.trans{
	background: none;
	}
/* PAS MAP */
#pasmap {
	/*background-image:url(../img/overlay1.jpg);*/
}
.pasmap {
	background: rgba(0,0,0,0.5);
	padding: 1px 18px;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
}

#companymenu{
	top: 100px;
	left: 0px;
	position: fixed;
	z-index: 9999;
}

.orangebg{
	padding: 15px;
	background: rgba(231,170,22,0.8);
}
	.orangebg em{
		color: #fff;
		}
	em.orangebg{
		color: #fff;
		line-height: 4em;
		}
	
/* gray background wrapper */
.gray-wrap {
  background-color: #f2f2f2;
  position: relative; }
.floating-menu {
  z-index: 9996;
  padding-top: 0px;
  padding-left: 20px;
  position: absolute;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .floating-menu {
      padding-top: 76px; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .floating-menu {
      display: none; } }
  .floating-menu.fixed {
    position: fixed;
    top: 10%; }
  .floating-menu.ontop {
    top: 20px; }
  .floating-menu.onbottom {
    bottom: 70px; }

.side-menu {
  background-color: #320d38;
  width: 122px; }
  .side-menu li {
    display: block; }
    .side-menu li a {
      display: block;
      padding: 12px 11px;
      border-bottom: 1px solid #32414b;
      color: #fff;
      font-size: 13px;
      line-height: 1;
      -webkit-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      -webkit-box-shadow: 0 2px 0 -1px rgba(255, 255, 255, 0.2);
      -ms-box-shadow: 0 2px 0 -1px rgba(255, 255, 255, 0.2);
      -moz-box-shadow: 0 2px 0 -1px rgba(255, 255, 255, 0.2);
      -o-box-shadow: 0 2px 0 -1px rgba(255, 255, 255, 0.2);
      box-shadow: 0 2px 0 -1px rgba(255, 255, 255, 0.2); }
      .side-menu li a.active {
        background-color: #019058; }
      .side-menu li a:hover {
        background-color: #01a363; }
    .side-menu li:last-child a {
      border-bottom: none;
      -webkit-box-shadow: 0 0 0 black;
      -ms-box-shadow: 0 0 0 black;
      -moz-box-shadow: 0 0 0 black;
      -o-box-shadow: 0 0 0 black;
      box-shadow: 0 0 0 black; }
	  
/* Sub content with fixed sidebar. */
.sub-content {
  padding-left: 160px;
  padding-right: 20px;
  
  padding-top: 65px; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .sub-content {
      padding-left: 0;
      padding-top: 40px; } }
  .sub-content.white {
    color: #fff; }
  .sub-content.extra {
    padding-bottom: 10px; }
    .sub-content.extra header {
      margin-bottom: 58px; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
        .sub-content.extra header {
          margin-bottom: 40px; } }
    .sub-content.extra p.desc {
      font-size: 19px;
      line-height: 35px; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
        .sub-content.extra p.desc {
          font-size: 17px;
          line-height: 32px; } }
  .sub-content h1.title {
    font: 35px "Montserrat Regular";
    line-height: 50px;
    margin: 0 0 25px 0; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
      .sub-content h1.title {
        font-size: 25px;
        line-height: 36px;
        margin: 0 0 15px 0; } }
  .sub-content h2.subtitle {
    font: 24px "Montserrat Regular";
    line-height: 37px;
    margin-bottom: 25px;
    text-align: center; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
      .sub-content h2.subtitle {
        text-align: left; } }
  .sub-content p.text {
    font: 20px "Lato Regular";
    line-height: 37px;
    margin-bottom: 41px; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
      .sub-content p.text {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 20px; } }
  .sub-content img.big {
    width: 100%;
    margin-bottom: 45px; }
  .sub-content p.text-col {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 80px;
    -webkit-column-count: 2;
    -ms-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 54px;
    -ms-column-gap: 54px;
    -moz-column-gap: 54px;
    -o-column-gap: 54px;
    column-gap: 54px; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
      .sub-content p.text-col {
        -webkit-column-count: 1;
        -ms-column-count: 1;
        -moz-column-count: 1;
        -o-column-count: 1;
        column-count: 1;
        margin-bottom: 40px; } }
  .sub-content .people-list {
    padding: 0;
    background: none; }
    .sub-content .people-list h2.subtitle {
      text-align: left; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
        .sub-content .people-list h2.subtitle {
          font-size: 19px; } }
    .sub-content .people-list .peoples {
      margin: 0;
      padding-bottom: 40px; }
      .sub-content .people-list .peoples .list {
        *zoom: 1;
        width: 104.44444%;
        margin-left: -4.44444%; }
        .sub-content .people-list .peoples .list:after, .sub-content .people-list .peoples .list:before {
          content: "";
          display: table; }
        .sub-content .people-list .peoples .list:after {
          clear: both; }
        @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
          .sub-content .people-list .peoples .list {
            width: 100%;
            margin-left: 0; } }
        .sub-content .people-list .peoples .list li {
          width: 20.55556%;
          margin-left: 4.44444%;
          float: left;
          margin-bottom: 30px; }
          @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
            .sub-content .people-list .peoples .list li {
              width: 100%;
              float: none;
              margin-left: 0; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
            .sub-content .people-list .peoples .list li {
              width: 28.88889%;
              margin-left: 4.44444%;
              float: left; } }
            @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-width: 320px) and (max-device-width: 767px) {
              .sub-content .people-list .peoples .list li {
                width: 100%;
                float: none;
                margin-left: 0; } }
          .sub-content .people-list .peoples .list li a {
            height: 286px;
            position: relative; }
            @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
              .sub-content .people-list .peoples .list li a {
                width: 70%;
                height: auto;
                margin: 0 auto; } }
            @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
              .sub-content .people-list .peoples .list li a {
                height: 320px; } }
            .sub-content .people-list .peoples .list li a .thumb-box {
              margin-bottom: 17px; }
        .sub-content .people-list .peoples .list .button {
          width: 100%;
          position: absolute;
          top: auto;
          right: auto;
          bottom: 0;
          left: 0; }
          @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
            .sub-content .people-list .peoples .list .button {
              position: relative;
              top: auto;
              right: auto;
              bottom: auto;
              left: auto; } }
          .sub-content .people-list .peoples .list .button .icon {
            left: 8px;
            top: 7px; }
          .sub-content .people-list .peoples .list .button .text {
            display: block;
            font-size: 9px;
            padding-left: 30px;
            text-align: left; }

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .float-wrap {
    /* display: none; */ } }
	
	
.background-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  background-color: #44546c;
  background-size: cover;
  background-position: center;
  z-index: 0;
  overflow: hidden; }
  .background-image img {
    display: none; }
  .background-image video {
    opacity: 0; }
  .background-image .loader-bg {
    background-color: #44546c;
    position: relative;
    width: 100%;
    height: 100%; }
  .background-image .img-loader {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    width: 48px;
    height: 48px; }
    .background-image .img-loader .bgd {
      background-color: #ef652f;
      position: relative;
      top: -50%;
      left: -50%;
      width: 100%;
      height: 100%;
      -webkit-border-radius: 50%;
      -ms-border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      -webkit-animation: imageLoader 2s infinite;
      -ms-animation: imageLoader 2s infinite;
      -moz-animation: imageLoader 2s infinite;
      -o-animation: imageLoader 2s infinite;
      animation: imageLoader 2s infinite; }
      .background-image .img-loader .bgd .icon {
        -webkit-background-size: 1088px 192px;
        -ms-background-size: 1088px 192px;
        -moz-background-size: 1088px 192px;
        -o-background-size: 1088px 192px;
        background-size: 1088px 192px;
        background-position: 0px 0px;
        background-image: url(../img/sdpi/sprites.png);
        display: inline-block;
        height: 32px;
        width: 32px;
        position: absolute;
        top: 8px;
        left: 8px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dppx), only screen and (min-resolution: 1.3dppx) {
          .background-image .img-loader .bgd .icon {
            background-image: url(../img/hdpi/sprites@2x.png); } }
  .background-image.paralax .paralax-holder {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
      .background-image.paralax .paralax-holder {
        display: none; } }
		
/* off-wrap */
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .content-blog {
    padding-bottom: 20px; } }

.off-wrap {
  /*background-color: #303438;*/
  position: relative;
  min-height: 650px;
  padding-bottom: 42px;
  overflow: hidden; }
  .off-wrap .background-image {
    opacity: 0.2; }
  .off-wrap .sub-content {
    padding-top: 0; }
  .off-wrap header {
    padding: 35px 0;
    position: relative; }
    .off-wrap header:before {
      content: "";
      display: inline-block;
      width: 400%;
      height: 100%;
      position: absolute;
      top: 0;
      right: -40px;
      z-index: 0;
      background-color: rgba(0, 47, 65, 0.8); }
    .off-wrap header h1.title {
      font: 28px "Montserrat Regular";
      margin: 0 0 20px 0;
      padding-left: 52px;
      position: relative; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
        .off-wrap header h1.title {
          font-size: 22px;
          line-height: 37px;
          padding-left: 40px; } }
      .off-wrap header h1.title .icon {
        -webkit-background-size: 1224px 216px;
        -ms-background-size: 1224px 216px;
        -moz-background-size: 1224px 216px;
        -o-background-size: 1224px 216px;
        background-size: 1224px 216px;
        background-position: -684px 0px;
        background-image: url(../img/sdpi/sprites.png);
        display: inline-block;
        height: 36px;
        width: 36px;
        position: absolute;
        left: 0;
        top: -4px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dppx), only screen and (min-resolution: 1.3dppx) {
          .off-wrap header h1.title .icon {
            background-image: url(../img/hdpi/sprites@2x.png); } }
        @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
          .off-wrap header h1.title .icon {
            -webkit-background-size: 952px 168px;
            -ms-background-size: 952px 168px;
            -moz-background-size: 952px 168px;
            -o-background-size: 952px 168px;
            background-size: 952px 168px;
            background-position: -532px 0px;
            background-image: url(../img/sdpi/sprites.png);
            display: inline-block;
            height: 28px;
            width: 28px;
            top: 5px; } }
          @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-device-width: 320px) and (max-device-width: 767px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-device-width: 320px) and (max-device-width: 767px) and (min-resolution: 125dppx), only screen and (min-device-width: 320px) and (max-device-width: 767px) and (min-resolution: 1.3dppx) {
            .off-wrap header h1.title .icon {
              background-image: url(../img/hdpi/sprites@2x.png); } }
    .off-wrap header p.desc {
      font: 20px "Montserrat Regular";
      line-height: 35px;
      position: relative;
      z-index: 1; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
        .off-wrap header p.desc {
          font-size: 15px;
          line-height: 25px; } }
		  
		  
/* Filtering Subsidiaries with CSS3 */
section.ff-container{
	display: block;
}
.ff-container{
	width: 100%;
	margin: 10px auto 30px auto;
}

.ff-container ol,ul {
	list-style:none;
}

.ff-container li {
	margin:0;
	padding:0;
}

.ff-container label{
	/*font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;*/
	display: block;
	margin-bottom: 10px;
	width: 25%;
	height: 30px;
	cursor: pointer;
	color: #777;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 14px;
	text-align: center;
	float: left;

	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	/*float:left;*/

	box-shadow: 0px 0px 0px 1px #aaa, 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 1px 2px rgba(0,0,0,0.2);

}
.ff-container label.ff-label-type-all{
	border-radius: 3px 0px 0px 3px;
}
.ff-container label.ff-label-type-3{
	border-radius: 0px 3px 3px 0px;
}
.ff-container input.ff-selector-type-all:checked ~ label.ff-label-type-all,
.ff-container input.ff-selector-type-1:checked ~ label.ff-label-type-1,
.ff-container input.ff-selector-type-2:checked ~ label.ff-label-type-2,
.ff-container input.ff-selector-type-3:checked ~ label.ff-label-type-3,
.ff-container input.ff-selector-type-4:checked ~ label.ff-label-type-4{
	background: #00a261;
	background: -moz-linear-gradient(top, #00a261 0%, #004d2e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a261), color-stop(100%,#004d2e));
	background: -webkit-linear-gradient(top, #00a261 0%,#004d2e 100%);
	background: -o-linear-gradient(top, #00a261 0%,#004d2e 100%);
	background: -ms-linear-gradient(top, #00a261 0%,#004d2e 100%);
	background: linear-gradient(top, #00a261 0%,#004d2e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a261', endColorstr='#004d2e',GradientType=0 );
	color: #fff;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
	box-shadow: 0px 0px 0px 1px #40496e, 0 1px 2px rgba(0,0,0,0.1) inset;
}
.ff-container input{
	display: none;
}
.ff-items{
	position: relative;
	margin: 0px auto;
	padding-top: 20px;
}

.ff-items a{
	display: block;
	position: relative;
	/*
	padding: 10px;
	background: #fff;
	*/
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 4px;
	width: 140px;
	height: 140px;
}
.ff-items a span{
	display: block;
	background: rgba(0,162,97, 0.9);
	font-style: italic;
	color: #fff;
	font-weight: bold;
	padding: 20px;
	position: absolute;
	/*
	bottom: 10px;
	left: 10px;
	*/
	width: 140px;
	height: 140px;
	overflow: hidden;
	opacity: 0;
	text-align: center;
	text-shadow: 1px 1px 1px #303857;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ff-items a:hover span{
	height: 140px;
	opacity: 1;
}
.ff-items li img{
	display: block;
}

.ff-items li{
	margin: 0px;
	float: left;
	width: 154px;
	height: 158px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}
.ff-container input.ff-selector-type-all:checked ~ .ff-items li,
.ff-container input.ff-selector-type-1:checked ~ .ff-items .ff-item-type-1,
.ff-container input.ff-selector-type-2:checked ~ .ff-items .ff-item-type-2,
.ff-container input.ff-selector-type-3:checked ~ .ff-items .ff-item-type-3,
.ff-container input.ff-selector-type-4:checked ~ .ff-items .ff-item-type-4{
	opacity: 1;
}

.ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1),
.ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2),
.ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3),
.ff-container input.ff-selector-type-4:checked ~ .ff-items li:not(.ff-item-type-4){
	opacity: 0.1;
}
.ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1) span,
.ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2) span,
.ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3) span,
.ff-container input.ff-selector-type-4:checked ~ .ff-items li:not(.ff-item-type-4) span{
	display:none;
}



.shape .bg, .shape .details
{
  position: absolute;
  width: 300px;
  height: 300px;
  vertical-align: middle;
  text-align: center;
  top: 0px;
  left: 0px;
  opacity: 0;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  display: none;
}

/* Line 1 */
.shape:hover .details
{
  opacity: 1;
  z-index: 450;
  display: block;
}

p.copyright{
	color: #fff;
}

.one-edge-shadow {
	-webkit-box-shadow: 0 8px 6px -6px #323232;
	   -moz-box-shadow: 0 8px 6px -6px #323232;
	        box-shadow: 0 8px 6px -6px #323232;
}

/* =============== NEWS =============== */
.caption{
	height: 120px;
}

.caption h4{
	font-size: 14px;
	font-weight: bold;
}

.caption a{
	color: #006439;
}

.caption a:hover{
	color: #000;
}

.pagination > li > a{
	color: #006439;
}

.pagination > li > a.disabled{
	color: #ccc;
}

#about h4 a{
	color: #000;
}

#about h4 a:hover{
	color: #0ca462;
}

#prestasi img{
	border: 0px;
}

.thumbnail-wrapper {
width:300px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 5px;
float:left;
margin: 0 20px 20px 0;
}
.video-caption{
	padding: 10px 5px;
	line-height:1.2em;
	text-align: justify;
	height:100px;
}

.text-black { color: #000; }