@font-face {
    font-family: "Sui";
    src: url(../fonts/suigenerisrg.ttf);
}
body {
	margin:0;
	padding:0;
	font-size:13px;
	background: #ffffff;
	font-family: "Sui";
	color:#000000;
	overflow-x: none;
}

section { margin:0; padding:0; 
	-webkit-transition:opacity .6s;
    -moz-transition:opacity .6s;
    -o-transition:opacity .6s;
    transition: opacity .6s;
}
.menu-top {
	display:block;
	position: fixed;
	top: 80px;
	right: 50px;
	z-index:999999;
	width:20px;
}
.menu-top ul {
	margin:0;
	padding:0;
	list-style:none;
}
.menu-top ul li {
	display:block;
	margin:0 0 15px 0;
	border-radius: 50px;
	background: #000000; 
}
.menu-top ul li a { padding:7px; }
.menu-top ul li a:hover { text-decoration:none; }
.menu-top ul li:hover { background:#C2883A; }
.menu-top .active { background:#C2883A; }
.navbar-inverse { 
	background:none;
	border:none;
	margin-right:50px;
}
.navbar-inverse .navbar-nav > li > a {
	height:18px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background:#C2883A;
	border-radius: 50px;
}
#small-logo {
	display:none;
	position: fixed;
	top: 20px;
	left: 10px;
	z-index:999999;
}
#slider { margin:-20px 0 0 0; }
.content-main {
	background:url('../images/bg.jpg') no-repeat center center; 
	background-size:cover;
	text-align:center;
	padding:292px 0 92px 0;
}
.content-main h1 {
	visibility: visible;
	animation-delay: 0s;
	animation-name: fadeInUp;
	animation-duration: 2s;
}
.cm-scroll {
	padding:200px 0 0 0;
	visibility: visible;
	animation-delay: 0s;
	animation-name: zoomInDown;
	animation-duration: 2s; 
}
.cm-scroll a { 
	color:#000000;
	}
.cm-scroll a:hover { text-decoration:none; color:#c2883a;}
.cc-content table { width:700px; color:#ffffff;}
.cc-content table td { width:350px; }
.ca-layanan-desc { margin:0 Auto; width:960px; padding:0px 0 15px 0; }
/* SECTION ABOUT */
#about { margin:0; padding:0; }
.content-about { margin:0 Auto; width:960px; padding:75px 0 75px 0; }
.ca-title { text-align:center; }
.ca-title-icon {	/*animation-delay: 0s;
	animation-name: fadeInLeft;
	animation-duration: 2s;*/
}
.ca-title-text,
.ca-title-textp,
.ca-title-textpro,
.ca-title-textcon { margin:25px 0 20px 0; }
.ca-title-text h1,
.ca-title-textp h1,
.ca-title-textpro h1,
.ca-title-textcon h1 { 
	text-transform:uppercase; 
	font-size:19px; 
	margin:0;
	padding:0;
	/*animation-delay: 0s;
	animation-name: flipInY;
	animation-duration: 2s;*/
}
.ca-title-texts { margin:25px 0 20px 0; }
.ca-title-texts h1 { 
	text-transform:uppercase; 
	font-size:19px; 
	margin:0;
	padding:0;
	animation-delay: 0s;
	animation-name: flipInY;
	animation-duration: 2s;
	color:#ffffff;
}
.ca-title-bar {	/*animation-delay: 0s;
	animation-name: fadeInRight;
	animation-duration: 2s;*/ }
.ca-desc { 
	margin:20px 0 20px 0; 
	padding:20px 150px 20px 150px; 
	text-align:center; 
	font-family: "Myriad Pro";
	/*animation-delay: 0s;
	animation-name: fadeIn;
	animation-duration: 4s;*/
}

/* SECTION DIREKSI */
.content-people {
	margin:0;
	background: url('../images/bg-direksi.jpg') no-repeat center center;
	background-size:cover;
	padding:75px 0 75px 0;
}
.cp-user { 
	margin:0 Auto; 
	width:960px; 
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	padding:70px 100px 25px 100px;	/*animation-delay: 0s;
	animation-name: fadeIn;
	animation-duration: 6s;*/
}
.cp-user ul { margin:0; padding:0; list-style:none; }
.cp-user ul li { display:block; float:left; text-align:center; margin:0 15px 15px 15px; font-family:"Myriad Pro"; font-size:13px; line-height:20px; font-weight:bold;}
.cp-user ul li font { color:#c2883a; }

/* SECTION COUNT */
#sep {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	padding-top: 100px;
	padding-bottom: 100px;
}
.parallax {
	background: transparent url("../images/parallax/1.jpg") repeat fixed 0% 0% / cover;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	width: 100%;
}
.content-counting { margin:0 Auto; width:960px; text-align:center;}
.content-counting h2 { margin:0; padding:0 0 0 0; font-size:55px; line-height:50px; color:#c2883a;}
.content-counting h4 { margin:0; padding:0 0 0 0; font-size:20px; line-height:20px; color:#ffffff; text-transform:uppercase;}

/* SECTION PRODUCT */
.no-margin { margin:0; padding:0; }
.content-product {
	padding:75px 0 0 0;
}
.cp-content {
	background: url('../images/bg-product.jpg') no-repeat top left;
	padding-bottom:75px;
}
/*.cp-content-cont {
	margin:0 Auto;
	width:960px;
	margin-top:30px;
}*/
.cp-content-button { text-align:center; padding:20px 0 0 0;} 
.cp-content-button button { border:solid 2px #c2883a; background:none; padding:5px 20px 5px 20px; font-size:14px; text-transform:uppercase; color:#000000;}
.cp-content-top { text-align:center; padding-right:5%;}
.cp-content-top-bottom { padding-left:5%; }
.cp-content-top h1,
.cp-content-top-bottom h1 { color:#c2883a; margin:0 0 20px 0; padding:0; font-size:18px; text-transform:uppercase; text-align:center;}
.cp-content-top button,
.cp-content-top-bottom button { border:solid 2px #c2883a; background:none; padding:5px 20px 5px 20px; font-size:14px; text-transform:uppercase; color:#000000;}
.cp-content-top-text { font-family:"Myriad Pro"; font-size:14px; line-height:20px;}
.cp-content-top { 
	margin:0 0 40px 0;
}
.cp-content-product-left { position:relative; right:0; }
/* SECTION TIMELINE */
.content-timeline {
	padding:100px 0 80px 0;
	background:url('../images/bg-timeling.jpg') no-repeat center center;
	background-size:cover;
}
.ct-content { margin:0 Auto; width:960px; }
.buttonnext { text-align:center; padding:20px 0 20px 0; }

/* SECTION CLIENT */
.content-client {
	background: #000000;
	padding:75px 0 75px 0;
}
.cc-content {
	margin:0 Auto; width:960px;
	text-align:center;
	padding:50px 0 0px 0;
}

/* SECTION CONTACT */
.content-contact {
	padding:75px 0 75px 0;
	background: url('../images/bg-contact.jpg') no-repeat top center;
	background-size:cover;
}
.ccontact-text { margin:0 Auto; width:450px; margin-top:40px; text-align:center; font-family: "Myriad Pro"; font-size:18px;}
.ccontact-text h1 { margin:0; padding:0 0 10px 0; font-size:20px; text-transform:uppercase; font-family: "Sui"; }

#footer {
	background: #c2883a;
	padding:50px;
	color:#ffffff;
}
.footer-content { margin:0 Auto; width:960px; }
.footer-content h2 { margin:0; padding:0 0 20px 0; font-size:16px; }
.footer-content ul { margin:0; padding:0; list-style:none; }
.footer-content ul li { display:block; padding:0 0 2px 0; font-family:"Myriad Pro";}
.footer-content ul li a { color:#ffffff; }