*{

	padding: 0;

	margin: 0;

	box-sizing: border-box;

}





body{

	background:#f4f4f4;

	font-family: 'Helvetica', arial, sans-serif;

	color: #374147;

    -webkit-font-smoothing: antialiased;

   

}





p{

	margin-bottom: 20px;

	line-height: 1.5em;

}

h3{

	margin-bottom: 20px;

	border-bottom: 1px solid #aaa;

}

h2{

	/*margin-bottom: 20px;

	border-bottom: 1px solid #aaa;*/

	color: #666;

}

h4{

	font-size:16px;

	line-height:1.5;

	}

h4a {

	font-size: 16px;

	color:#000;

	font-weight: bold;

	font-family: "Hobo Std" Tahoma, Arial, helvetica, sans-serif;

}



strong{

	color: #090;

	font-weight:bold;

	font-size:18px;

	text-decoration:underline;

	}

.main .mainservices title{

	margin-bottom: 10px;

	border-bottom: 1px solid #aaa;

	font-size:14px;

	font-weight:700;

	color: #666;

	

}



.middlecarrier a{

	text-decoration: none;

	color:#518d08;

		font-weight:bold;

		font-size:16px;

}


.con{

	background:#f4f4f4;
	width:auto;
}


.container{

	max-width: 1000px;

	margin: auto;

	background:#f4f4f4;

	overflow: hidden;

	padding: 10px;

}





.header{

	text-decoration:none;

}

.header a{

	text-decoration:none;

}

.header img{

	max-width: 100%;

	height: auto;

}



.header, #amazingslider-1, img{

	max-width: 100%;

	height: auto;

}



/* Main */

	.left{

		width: 320px;

		/*border: 1px solid #dedede;*/

		margin:20px 50px 0px 0px;

		float: left;

		font-size:13px;

		font-weight:700;

		text-align:justify;

		color: #666;

	}

.leftcarrier{

		width: 530px;

		/*border: 1px solid #dedede;*/

		margin:20px 20px 0px 0px;

		float: left;

		font-size:13px;

		font-weight: 500;

		text-align:justify;

		color: #333;

	}

.maincarrier{

	background: url(images/careers1.jpg) no-repeat;

	background-size:100%;

	}

	.middle{

		width: 600px;

		/*border: 1px solid #dedede;*/

		margin:20px 10px 0px 0px;

		float: left;

		font-size:13px;

		font-weight:700;

		text-align:justify;

		color: #666;

		

	}

		.middle img{

			max-width: 100%;

			height: auto;

			float:left;

			margin: 5px 10px;

		}



		.middle a{

			font-weight: bold;

		}

.middlecarrier{

		width: 350px;

		/*border: 1px solid #dedede;*/

		margin:20px 10px 0px 0px;

		float: left;

		color:#518d08;

		font-weight:bold;

		font-size:14px;

		

	}

	.right{

		max-width: 970px;

		/*border: 1px solid #dedede;*/

		margin:20px 10px 0px 0px;

		float: left;

		font-size:13px;

		font-weight:700;

		text-align:justify;

		color: #666;

	}

	.right img{

			max-width: 100%;

			height: auto;

			float:left;

			margin: 5px 10px;

			/*border:3px solid #FFF;

			border-radius:5px;

	 		box-shadow: 0px 0px 5px rgba(0, 0, 0, 1);*/

			}





	.right ul{

		list-style-type: none;

	}

	.right ul li{

		display: block;

	}

	.right ul li a{

		display: block;

		border-bottom: 1px solid #dedede;

		margin-bottom: 10px;

		padding: 10px 5px;

	}

	.right ul li a:hover{

		color: orange;

	}



.rightcontact{

		width: 100%;

		/*border: 1px solid #dedede;*/

		margin:20px 10px 0px 0px;

		float: left;

		font-size:13px;

		font-weight:700;

		color: #666;

	}

.rightcontact img{

			max-width: 100%;

			height: auto;

			float: left;

			margin: 5px 20px 20px -3px;

			/*border:3px solid #FFF;

			border-radius:5px;

	 		box-shadow: 0px 0px 5px rgba(0, 0, 0, 1);*/

			}

.rightsop {

		width: 100%;
		height: auto;
		/*border: 1px solid #dedede;*/

		margin:20px 10px 0px 0px;

		float: left;

		font-size:13px;

		font-weight:700;

		color: #666;

	}

.icm{

	color:#518d08;

	font-weight:bold;

	font-size:14px;

	}

	

.mains{

	background:url(images/header2.jpg) no-repeat left bottom;

	background-size:100% 100%;

	max-width: 970px;

	}

	

.mainservices{

	max-width:450px;

	font-size:13px;

	font-weight:700;

	color: #333;

	padding:10px 20px;

	}

	

.mainservices i{

	padding-left:10px;

	}



.mainproject{

	max-width: 970px;

		padding: 5px;

		margin: 5px 3px;

		float: left;

		font-size:13px;

		font-weight:700;

		color: #FFF;

	}



.carousel-box {

	position:relative;

	width:960px;

	overflow:hidden;

	margin-top:-8px;

}

.carousel-box .prev {

	position:absolute;

	left:0;

	top:147px;

	z-index:10;

}

.carousel-box .next {

	position:absolute;

	right:0;

	top:147px;

	z-index:10;

}

.carousel-box .prev a, .carousel-box .next a {

	cursor:pointer;

}

.carousel-box ul {

	width:900px;

	margin-left:20px !important;

}

.carousel-box ul li {

	width:288px;

	float:left;

	border:0;

	margin-right:28px;

	position:relative;

	padding-top:0px;

}



.box {

	background:#4c8403;

	width:100%;

}

.box .border-top {

	background:url(images/border-top.gif) repeat-x left top;

}

.box .border-bot {

	background:url(images/border-bot.gif) repeat-x left bottom;

}

.box .left-top-corner {

	background:url(images/left-top-corner.gif) no-repeat left top;

}

.box .right-top-corner {

	background:url(images/right-top-corner.gif) no-repeat right top;

}

.box .left-bot-corner {

	background:url(images/left-bot-corner.gif) no-repeat left bottom;

	min-height:515px;

	height:auto!important;

	height:515px;

}

.box .right-bot-corner {

	background:url(images/right-bot-corner.gif) no-repeat right bottom;

}

.box1 {

	background:#306a01;

	width:100%;

	color:#b2da42;

		

}

.box1 .border-top {

	background:url(images/border-top1.gif) repeat-x left top;

}

.box1 .border-bot {

	background:url(images/border-bot1.gif) repeat-x left bottom;

}

.box1 .left-top-corner {

	background:url(images/left-top-corner1.gif) no-repeat left top;

}

.box1 .right-top-corner {

	background:url(images/right-top-corner1.gif) no-repeat right top;

}

.box1 .left-bot-corner {

	background:url(images/left-bot-corner1.gif) no-repeat left bottom;

	min-height:156px;

	height:auto!important;

	height:256px;

}

.box1 .right-bot-corner {

	background:url(images/right-bot-corner1.gif) no-repeat right bottom;

}

.box1 .inner {

	padding:35px 0 30px 34px;

}



.img-indent {

	margin-bottom:20px;

}

.img-box1 {

	width:100%;

	overflow:hidden;

	line-height:1.54em;

	padding-bottom:14px;

}

.img-box1 img {

	float:left;

	margin:0 20px 0 0;

}

.img-box1.alt {

	position:relative;

	margin-left:-13px;

}

.img-box1.alt img {

	margin-right:12px;

}

.img-box2 {

	left:20px;

	top:-8px;

	position:relative;

}

.img-box2 p {

	color:#b2da42;

	margin:0;

	line-height:1.69em;

	margin-bottom:21px;

	text-align:justify;

}

.img-box2 p.extra {

	color:#c2e575;

	font-size:.91em;

	line-height:1.83em;

	font-family:Tahoma, Arial, helvetica, sans-serif;

	margin:0;

}

.img-box2 p.extra a {

	color:#fff;

}

.img-box2 .inner {

	padding:0 49px 28px 15px;

}

.img-box2.extra .inner {

	padding-bottom:51px;

}



textform{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color: #333;

	line-height:1.6em;

	}

textform2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color: #F00;

	line-height:1.6em;

	font-weight:800;

	}

.bilingual {

	float:right;

}

.address{

	float:right;

	margin: -130px  -10px;

	text-align:right;

	}



.footer{

	clear: both;

	padding: 10px 200px;

	font-size:12px;

	background:#374147;

	color:#FFF;

	max-width: 100%;

	font-weight:800;

	height:170px;

	

}

.footers{

	clear: both;

	padding: 10px 200px;

	font-size:12px;

	background:#374147;

	color:#FFF;

	max-width: 100%;

	font-weight:800;

	height:170px;

	

}




.footer a{

	color:#FFF;

	}

.footers a{

	color:#FFF;

	}

.hiters{
	width:65%;
	}
	
	
.table{width:100%;margin-bottom:2px}.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #ddd}.table th{font-weight:bold}.table thead th{vertical-align:bottom}.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0}.table tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed th,.table-condensed td{padding:4px 5px}

.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}

.table tbody tr.success>td{background-color:#dff0d8}.table tbody tr.error>td{background-color:#f2dede}.table tbody tr.warning>td{background-color:#fcf8e3}.table tbody tr.info>td{background-color:#d9edf7}.table-hover tbody tr.success:hover>td{background-color:#d0e9c6}.table-hover tbody tr.error:hover>td{background-color:#ebcccc}.table-hover tbody tr.warning:hover>td{background-color:#faf2cc}.table-hover tbody tr.info:hover>td{background-color:#c4e3f3}[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;margin-top:1px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("../img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat}


.table{width:100%;margin-bottom:2px}.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #ddd}.table th{font-weight:bold}.table thead th{vertical-align:bottom}.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0}.table tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}

/************************************************************************************

MEDIA QUERIES

*************************************************************************************/

/* untuk ukuran 1080px kebawah */

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

	

	.container {

		width: 100%;

		

	}

	

	.left {

		width: 25%;

		

	}

	.leftcarrier {

		width: 100%;

		

	}

	.maincarrier {

		width: 100%;

		

	}

	.middle {

		width: 68%;

		float: right;

	}

	

	.right {

		clear: both;

		padding: 1% 4%;

		width: auto;

		float: none;

	}

	

	.address{

		

		margin: -130px  0px;

		width: auto;

		text-align: right;

		

	}

	.footer{

		height:170px;

		text-align: left;

		padding: 10px 60px;

		width: auto;

		

		}

	

}





/* untuk ukuran layar 700px kebawah */

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

	

	.header,

	#navigasi, 

	{

		text-align: left;

	}

	.left {

		width: auto;

		float: none;

	}

	.leftcarrier {

		width: auto;

		float: none;

	}

	

	.middle{

		width: auto;

		float: none;

	}

	

	.right {

		width: auto;

		float: none;

	}

	.mainservices{

		width: auto;

		float: none;

		}

	.address{

		

		margin: 5px  50px;

		width: auto;

		text-align:center;

		

	}

	.footer{

		height:300px;

		text-align:center;

		padding: 10px 30px;

		width: auto;

		}

	.footers{

		height:300px;

		text-align:center;

		padding: 10px 30px;

		width: auto;

		margin-top:-190px;

		}

		.container{

			height:auto;}

	



}





 /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */

      @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,800);



*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td {

    margin: 0;

    padding: 0;

}



article,aside,figure,footer,header,hgroup,nav,section {

    display: block;

}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



html {

    -webkit-font-smoothing: antialiased;

}





nav {

    display: block;

    background:#060;

	width:100%;

}



.menu {

	font-size:12px;

    display: block;

}



.menu li {

    display: inline-block;

    position: relative;

    z-index: 100;

}



.menu li:first-child {

    margin-left: 0;

}



.menu li a {

    font-weight: 600;

    text-decoration: none;

    padding: 17px 15px;

    display: block;

    color: #fff;

    transition: all 0.2s ease-in-out 0s;

}



.menu li a:hover,.menu li:hover>a {

    color: #0F3;

    background: #090;

}



.menu ul {

    visibility: hidden;

    opacity: 0;

    margin: 0;

    padding: 0;

    width: 170px;

    position: absolute;

    left: 0px;

    background: #fff;

    z-index: 99;

    transform: translate(0,20px);

    transition: all 0.2s ease-out;

}



.menu ul:after {

    bottom: 100%;

    left: 20%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(255, 255, 255, 0);

    border-bottom-color: #fff;

    border-width: 6px;

    margin-left: -6px;

}



.menu ul li {

    display: block;

    float: none;

    background: none;

    margin: 0;

    padding: 0;

}



.menu ul li a {

    font-size: 12px;

    font-weight: normal;

    display: block;

    color: #797979;

    background:#060;

}



.menu ul li a:hover,.menu ul li:hover>a {

    background:#090;

    color: #fff;

}




.menu li:hover>ul {

    visibility: visible;

    opacity: 1;

    transform: translate(0,0);

}



.menu ul ul {

    left: 169px;

    top: 0px;

    visibility: hidden;

    opacity: 0;

    transform: translate(20px,20px);

    transition: all 0.2s ease-out;

}



.menu ul ul:after {

    left: -6px;

    top: 10%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(255, 255, 255, 0);

    border-right-color: #fff;

    border-width: 6px;

    margin-top: -6px;

}



.menu li>ul ul:hover {

    visibility: visible;

    opacity: 1;

    transform: translate(0,0);

}



.responsive-menu {

    display: none;

    width: 100%;

    padding: 20px 15px;

    background: #374147;

    color: #fff;

    text-transform: uppercase;

    font-weight: 600;

}



.responsive-menu:hover {

    background: #374147;

    color: #fff;

    text-decoration: none;

}



nav a.homer {

    background: #090;

	color: #0F3;

}



@media (min-width: 768px) and (max-width: 979px) {

    .mainWrap {

        width: 768px;

    }



    .menu ul {

        top: 37px;

    }



    .menu li a {

        font-size: 12px;

    }



    a.homer {

        background: #374147;

    }

}



@media (max-width: 767px) {

    .mainWrap {

        width: auto;

        padding: 50px 20px;

    }



    .menu {

        display: none;

    }



    .responsive-menu {

        display: block;

    }



    nav {

        margin: 0;

        background: none;

    }



    .menu li {

        display: block;

        margin: 0;

    }



    .menu li a {

        background:#374147;

        color: #797979;

    }



    .menu li a:hover,.menu li:hover>a {

        background: #333;

        color: #fff;

    }



    .menu ul {

        visibility: hidden;

        opacity: 0;

        top: 0;

        left: 0;

        width: 100%;

        transform: initial;

    }



    .menu li:hover>ul {

        visibility: visible;

        opacity: 1;

        position: relative;

        transform: initial;

    }



    .menu ul ul {

        left: 0;

        transform: initial;

    }



    .menu li>ul ul:hover {

        transform: initial;

    }

}



@media (max-width: 480px) {

}



@media (max-width: 320px) {

}