@charset "utf-8";
/* CSS Document */
p{
	margin-bottom: 15px;
}
.bg-orange{
	  background:#d87915; 
	  color: #fff; 
	  padding-bottom: 20px; 
	  margin-bottom: 20px ;
}
.product-title{
	font-family: 'CenturyGothic-Regular';
	padding:15px;
	font-size:22px;
	background: #d87915;
	color: #fff;
	float: left;
	margin: 0px 0px;
	
}
.product-title1{
	font-family: 'CenturyGothic-Regular';
	padding:15px;
	font-size:18px;
	background: #000;
	color: #fff;
	float: left;
	margin: 10px 0px;
	margin-top: 20px;
}
h2.product-title2{
	font-family: 'CenturyGothic-bold';
	padding:20px 0 10px;
	font-size:20px;
	border-bottom: 4px solid #000;
}
h2.lite{
	font-family: 'CenturyGothic-Regular';
	padding:20px 0 10px;
	font-size:20px;
	font-weight: bold;
}
 h2, h3{
	font-family: 'CenturyGothic-Bold';
	padding:20px 0 10px;
}
.red{
	color:#dd0d0d;
}
h2{
	font-size:21px;
}
h3{
	font-size:15px;
}
ul{
	margin:0;
	padding:0;
}
ul li{
	list-style:none;	
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
header{
	background:#d87915;
}
.row.center {
	text-align:center;
}
.row.center>div{
	float:none;
	displaY:inline-block;
	text-align:left;
}
.alert{
	margin:10px 0 20px 0;
}
.orange{
	color:#d87915;
}
a, a:visited{
	color:#d87915;
}
a:hover{
	color:#666;
}
.anchor{
   display:block;
   height:190px; /* this is the height of your header */
   margin-top:-190px; /* this is again negative value of the height of your header */
   visibility:hidden;
}
.thumbnail {
	margin:0px;
	padding:0px;
	border:0;
	background:0;
}
img.full-size{
	width:100%;
}
ul.arrow-list li{

    background: url("../images/arrow-list.png") no-repeat scroll left 3px rgba(0, 0, 0, 0);
    margin: 0 0 10px;
    padding-left: 20px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
header{
	position:fixed;
	width:100%;
	float:left;
	height:auto;
	background:#d87915;
	z-index:99;
}
.top-content{
	background:url(../images/logo-bg.png) no-repeat top left;
	padding:15px 20px;
	position:relative;
}
.logo{
	min-height:110px;
	margin-bottom: -32px;
	margin-top: -9px;
}
.btp-btn{
	float:right;
	
}
.lang-option{
	text-align:right;
}
ul.lang-nav{
	margin:0px;
	padding:0px;
	float:right;
	background:#d87915;
}
ul.lang-nav li{
	display:inline-block;
	padding:0 10px;
}
ul.lang-nav li:first-child{
	border-right:1px solid #fff;
	
}
ul.lang-nav li a{
	color:#fff;
	font-size:12px;
}
.top-address div{
	margin:10px 0 0 0;
	font-size:12px;
	color:#fff;
	line-height:19px;
	
}
.top-nav a { 
	color:#fff;
	letter-spacing:1px;
	font-size: small;
}
.panel-body a.apply-job, .panel-body button.apply-job{
	padding:10px 30px;
	background:#d87915;
	color:#fff !important;
	font-size:16px;
	font-weight:bold !important;
	display:inline-block;
	margin-top:30px;
	border:none;
	border-bottom:7px solid #b3712b;
}
#main-nav{
	margin-top:5px;
}
.navbar-default{
	background:none;
	border:0;
}
.nav > li > a:hover, .nav > li > a:focus {
	background:none;
	color:#333;
}

.breadcrumb-cont{
	margin:23px 0 0 50px;
	float:left;
	color:#000000;
	font-family: 'CenturyGothic-Bold';
}
.page-title{
	background:url(../images/page-title-bg.png) no-repeat top left;
	width:auto;
	padding:10px 30px 10px 90px;
	font-size:38px;
	color:#fff;
	float:right;
	line-height:normal;
	position:relative;
 
	
}
#slider-container{
	padding-top:225px;
	min-height:470px;
	background:#d87915;
	text-align:center;
}
#content-img-header{
	width:100%;
	padding-top:170px;
	position:relative;
}


.about-page, .services-page, .contact-pager, .products-page, .recruit-page{
	position:relative;
}
.prod-process{
	text-align:center;
}

.prod-process .img-responsive{
	display:inline-block;
}
#content-img-header .meta-container{
	position:absolute;
	top:0;
	width:100%;
	z-index:9;
	left:0;
	right:0;
}
#content-img-header img{
	width:100%;
}
.carousel-control.right, .carousel-control.left{
	background:none;
}
.carousel-caption{
	width:300px;
	right:250px;
	left:auto;
	top:20px;
	text-align:left;
	font-family: 'CenturyGothic-Bold';
	font-size:24px;
	
	
}
.carousel-caption h4{
	font-family: 'CenturyGothic-Bold';
	text-transform:uppercase;
	text-align:left;
	margin-bottom:30px;
	font-size:24px;
}
.carousel-caption .readmore a{
	margin-top:30px;
	border-bottom:3px solid #fff;
	float:left;
	font-size:16px;
	font-family: 'CenturyGothic-Bold';
	color:#fff;
}
.carousel-indicators{
	width:20px;
	left:0;
	right:auto;
	margin:0;
	top:40%;
	margin-bottom:-30%;
}
.carousel-indicators li{
	border-radius:0;
	border:0;
	background:#e8a55f;
}
.navbar{
	margin:0 !important;
}
.navbar-default .navbar-toggle .icon-bar{
	background:#fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background:#fea547;
}
#main-container{

}
#main-container .content{
	margin-bottom:20px;
}
.home #home-feature{
	 background:url(../images/featured-home.jpg) no-repeat bottom #c4c4c3;
	 background-size:100%;
	 padding:55px 0;

}
.item1 li{
	background:url(../images/arrow-list.png) no-repeat left 3px;
	padding-left:20px;
	margin:0 0 10px;
	
}
h3.arrow-icon{
	background:url(../images/arrow-list.png) no-repeat left 40%;
	padding:0 0 0 15px;
	margin:20px 0;
	
}
.news .news-item{
	float:left;
	width:100%;
}
.news .thumbnail img{
	float:left;
	margin:0 20px 10px 0px 
}
.news a.more{
	display:block;
	margin:20px 0 0 0 ;
}
.about-page{
	background-size:100%;
}
#about-feature{
	margin-bottom:40px;
}
/* #myCarousel . carousel-control{
	
} */

.table .row {
	border-bottom:1px solid #d87915;
	padding:5px 0;
	line-height:31px;
}
.table2 div{
	border-bottom:1px solid #d87915;
	padding:5px 0;
	line-height:31px;
	padding:0 15px;
}
.table2 div.row{
	padding: 0;
  border-bottom: 0
}
.table2 div.row>div{

}
.table2 >div:last-child{
border-bottom: 0	}
.form-container input{
	width:100%;
	-webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.3);
box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.3);
padding:5px;
}
.form-container textarea{
	width:100%;
	-webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.3);
box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.3);
}
.form-container .btn-orange, .btn-orange{
	padding:10px 20px;
	border:0;
	background:#d87915;
	width:auto;	
}
.btn-orange:hover{
	background:#FFCC33;
}
.service-list h2.orange{
	margin-top:30px;
}
.form-container .row {
	padding:5px 0;
	line-height:31px;
}
.overview-title{
	background:#e6b683;
	display: block;
    float: left;
    width: 100%;
}
.overview-title h2{
	margin:0px;
	padding:30px 15px;
	
}
.overview-content{
	background:url(../images/overview-bg.jpg) repeat-y top left #e6b683;
	padding-bottom:30px;
	color:#000;
}
.recruit .panel-heading{
	background:none;
	border-bottom:0;
}
.panel-heading a{
		color:#666;
	}
.recruit #accordion .panel-body{
	border:0;
}
.panel-heading .accordion-toggle:after {
	font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
	content: "\e113";    /* adjust as needed, taken from bootstrap.css */
	float: right;  
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
       /* adjust as needed, taken from bootstrap.css */
	float: right;  
	content: "\e114"; 
}
.equipt-list{
	background:#ddd;
	border-radius:10px;
	float:left;
}
.equipt-list .list-heading{
	padding:20px 0px;
	font-size:18px;
	color:#111;
	float:left;
	width:100%;
	background:#999;
	   border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.equipt-list .list-body{
	padding:10px 0px;
	float:left;
	width:100%;
	border-top:3px solid #fff;
}
.equipt-list .list-body .row{
	border-top:1px solid #fff;
	padding:10px 0;
}
.equipt-list .list-body .row:first-child{
	border:none;	
}
.equipt-list .list-body .row, .equipt-list .list-heading .row{
	margin:0;
}
footer{
	background:#000000;
	padding:20px 0;
	border-top:22px solid #999999;
}
.footer-nav a{
	color:#fff;
	padding:5px 0;
	display:block;
	text-transform:uppercase;
}
.modal-footer{
	border:none;
}
.social-icon ul{
	text-align:right;
}
.social-icon ul li{
	display:inline-block;
	vertical-align:top;
	text-align:right;
	line-height:0;
	
}
#left-footer{
	padding-top:105px;
}
.social-icon li a img:hover{
	opacity: 0.7; 
	filter: alpha(opacity=70);
}

.copyright{
font-size:11px;
color:#fff;
text-align:right;
padding:10px 0 0 0;
}

.carousel-gallery .active.left { left: -33%; }
.carousel-gallery .next        { left:  33%; }
.carousel-gallery .prev        { left: -33%; }
.carousel-control.left, #myCarousel .carousel-control.right {background-image:none;}

.scroll-text {
  border: 1px solid red;
  width: 400px;
  height: 4.5em;
  overflow: hidden;
}
.scroll-text ul {
  width: 800px;
  height: 100px;
  overflow: hidden;
  margin: 0;
}
.scroll-text ul li {
  height: 1.5em;
}
.scroll-img {
  height: 190px;
  overflow: hidden;
  font-size: 0;
  padding:0;
}
.scroll-img ul {
  width: auto;
  height: 600px;
  margin: 0;
  padding:0 !important;
}
.scroll-img ul li {
  display: inline-block;
  margin: 10px 30px 10px 0px;
 
}
#demo5.scroll-img ul {
  width: 1500px;
}
#demo5-btn {
  padding-top: 10px;
}
#demo5-backward {
	background:none;
		position: absolute; top: 0px; left:0;
}
 #demo5-forward{
	background:none;
	position: absolute; top: 0px; right:0;
}
.icon-chevron-left{
	background:url(../images/arrow.png) no-repeat left;
	background-color:none;
	width:35px;
	height:190px;
	display:block;

}
.icon-chevron-right{
	background:url(../images/arrow.png) no-repeat  right  ;
	background-color:none;
	width:35px;
	height:190px;
	display:block;
}

.modal-content{
	border-radius:0;
}
.modal-header{
 background:none;
 padding:20px;
 display:none;
}
.modal-body{
	background:0;
	padding:5px;
	 border-radius:0;
}
.main-product h3, .main-product .product-description{
	text-align:center;
}
.main-product .row.product-img{
	margin-bottom:50px;
}
.other-products-list li{
	border-bottom:1px solid #e6b683;
	padding:10px 0;
	margin:0 30px 0 15px ;
}
.alert-orange {
    background-color: #db8434;
    border-color: #db8434;
    color: #fff;
}
.breadcrumb-cont a, .breadcrumb-cont a:visited{
	color:#111;
	
}
.breadcrumb-cont a:hover{
	color:#db8434;
	text-decoration:none;
	
}

#back-top {
	position: fixed;
	bottom: 30px;
	right:50px;
	z-index:999999
}

#back-top a {
	width: 30px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 30x;
	height: 30px;
	display: block;
	margin-bottom: 7px;
	background: #e8a55f url(../images/up-arrow.png) no-repeat center ;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #db8434;
}
.corporate_form_fields .row input, .corporate_form_fields .row textarea{
	margin-bottom:20px;
}
.box-process{ margin: 30px 0 }
.box-process h2{ font-size: 20px; font-family: 'CenturyGothic-Regular'; margin: 0; padding: 0; margin-bottom: 10px; font-weight: bold;}
.box-process span{ font-size: 14px; font-family: 'CenturyGothic-Regular'; margin: 0; padding: 0}
.line{ width: 100%; border-bottom: 1px solid #e8e8e8; float: left; }
.box-process h2.orange{
	margin: 0 0 10px;
}
.img-text{
	font-size: 18px;
	color: #111;
	margin-top: 20px;
}
.img-factory{
	margin-top: 30px;
}
.img-factory>.row{
	margin-bottom: 30px;
}
.quality-control-container{
	margin-top:20px;
}
.quality-control-container h2.orange{
	padding-top: 0;
}
.img-quality{
	margin-bottom: 15px;
}
 .table.facility-table>tbody>tr>td, .table.facility-table>tbody>tr>th{
	padding:2px 5px;
	font-size: 12px
}
 .table.facility-table td:first-child{

 		text-align: center;
 	}
  .table.facility-table>tbody>tr>th{
	background: #d87915;
	color: #fff;
}
.list-dot{
	margin-left: 20px;
}
.list-dot li{
	list-style: square;
	margin-bottom: 15px;

}
.product-partname{
	margin-top: 20px;
	background: #ececec;
	padding:10px 20px;
	color:#d87915;
	font-weight: bold;
	font-size: 16px;
}
.forgedpart .row>.col-sm-2 h3{
	font-size: 20px;
}
.forgedpart .row.center>div{
	vertical-align: middle;
}
/* responsive */
@media (max-width: 1200px) {
		.carousel-caption{
			right:60px;

		}.carousel-caption h4{
		font-size:18px;
	}
		#infor{
	    margin-top:15px;
	}
	}
@media (max-width:1020px )and (min-width: 965px) {
		.carousel-caption{
			right:0;
			width:270px;
	}

	.home #home-feature {
			padding: 70px 0;
		}
}
@media (max-width: 960px) {
		.carousel-caption{
			right:0px;
			width:270px;
		}
		.home #home-feature{
			padding:40px 0;
		}
		.footer-nav li{
			display:inline-block;
			padding:0 20px;
		}
		#left-footer{
			padding:20px 0;
			text-align:center;
		}
		#left-footer .social-icon ul, .copyright{
			text-align:center;
		}
		#right-footer ul{
			text-align:center;
		}
		.top-content{
			background-position:-225px top;
		}
		#slider-container .carousel {
			margin-bottom:30px;
		}
		.carousel-caption .readmore{
			margin-top:20px;
			font-size:12px;
		}
		
	
	}
@media (max-width: 768px) {
		#slider-container{
				padding-top:325px;
		}
		#infor{
		    margin-top:20px;
		}
		#content-img-header{
				padding-top:17em;
		}
		.carousel-caption{
			font-size:16px;
			top:0;
			right:0;
			width:250px;
		}
		.carousel-caption h4{
			margin-top:0;
			padding-top:0;
			font-size:14px;
		}
		.logo-container{
			width:100%;
		}
		.footer-nav {
			text-align:center;
		}
		.carousel-indicators{
			margin:0;
		}
		.breadcrumb-cont{
			display:none;
			
		}
		.scroll-img{
			width:80%;
			
		}
.anchor{
   display:block;
   height:305px; /* this is the height of your header */
   margin-top:-305px; /* this is again negative value of the height of your header */
   visibility:hidden;
   
}
	.page-title{
		font-size:35px;
			padding:10px 20px 10px 150px;
		}
		.kebijakanmutu>div{
			margin-bottom: 15px;

		}
}

@media (max-width:640px){	
		header{
			position:absolute !important;
		}
		#infor{
		    margin-top:15px;
		}
		#pageTitle{
		    margin-top:50px;
		}
		.home #home-feature {
			padding: 10px 0;
		}
		.carousel-caption .readmore a {
			margin-top:20px;
		}
}
@media (max-width: 480px) {
		header{
			position:absolute;
		}
		#infor{
		    margin-top:50px;
		}
		#paraf{
		    text-align:justify;
		}
		#judul{
		    margin-top:50px;
		    padding-top:60px;
		}
		.top-content{
			background-position:left top;
		}
		.home #home-feature {
			padding: 40px 0;
		}
		ul.lang-nav{
			margin-bottom:10px;
		}
		.carousel-inner img{
			margin-left:0px;
		}
		.carousel-inner{
			padding-bottom:50px;
			height:auto;
		}
		.carousel-caption .readmore{
			margin-top:0px;
		}
		.carousel-caption {
			width:180px;
			padding:0;
		}
		.carousel-caption h4{
			font-size:12px;	
		}
		.carousel-caption .readmore a{
			MARGIN-TOP:10px;
		}
		#content-img-header{
			overflow:hidden;
		}
	/*	#content-img-header img{
			width:250%;
			margin-left:-50%;
			
			
		}*/
		.page-title{
		
			background-size: cover;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			font-size:30px;
			padding:10px 20px 10px 150px;
		}
		
		#main-container img{
		width:100%
		}
		.service-list .col-sm-6  img.full-size {
			margin-bottom:20px
		}
		.img-quality{
			margin-bottom: 0;
		}
		.img-quality>div, .kebijakanmutu>div{
			margin-bottom: 15px;

		}
		.text-right{
		margin-top:37px;
		}
	}
	@media (max-width:360px){
		.logo img{
			width:100%;
		}
	}