html,body{
		font-family: 'Open Sans', sans-serif;
		line-height:1.7;
	}
	.fa{
		transition:all 0.5s;
	}
	.fa-rotate-45 {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.hover-blue:hover{
		color:#2F3766;
	}
	a:hover, a:focus{
		text-decoration:none;
	}
	.fs-30{
		font-size:30px;
	}
	.fs-18{
		font-size:18px;
	}
	.fs-14{
		font-size:14px;
	}
	.fs-10{
		font-size:10px;
	}
	.fc-upper {
		text-transform: uppercase;
	}
	.form-control{
		border-radius:0;
		height: auto;
		padding: 12px 12px;
	}
	.box-text{
		width:15px;
		height:15px;
		background:#F18101;
		display:inline-block;
		margin-left: 15px;
		
	}
	.panel-default > .panel-heading:hover{
		text-decoration: none;
		background-color: #F18101;
		color: white;	
	}
	.panel-heading.selected{
		text-decoration: none;
		background-color: #2F3766;
		color: white;
	}
	#main-nav{
		margin-bottom:0;
	}
	#top-main-nav{
		position: fixed;
		width: 100%;
		z-index: 99;
		background: white;
	}
	#search-block{
		display:none;
	}
	.navbar{
		min-height: 40px;
	}
	#about .float-wrap{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 90%;
		max-width: 600px;
	}
	#about #about-small-block-top-banner-1{
			width:15px;
			height:15px;
			background:#F18101;
			position:absolute;
			bottom:15px;
			right:15px;
	}
	#about #about-our-value-block{
			width: 15px;
			height: 15px;
			display: inline-block;
			background: #F18101;
			margin-left: 15px;
			margin-bottom: -1px;
	}
	#about .float-wrap .wrap{
		width:100% !important;
	}
	@media(min-width:1200px){
		#main-menu{
			margin-left: -10px;
		}
		#search-block{
			display:block;
		}
		.search-background{
			background: #2F3766;
			z-index: 1;
			position: absolute;
			left: -135px;
			height: 51px;
		}
		#main-nav:after{
			position: absolute;
			right: -570px;
			width: 65%;
			height: 51px;
			background: #2F3766;
			content: '';
			top: 0;
			z-index: 0;
		}
	}
	.float-center{
		width: 90%;
		margin: auto;
	}
	@media(min-width:768px){
		.float-center{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			width: 90%;
			max-width: 800px;
		}	
	}
	.jumbotron{
		background:#2F3766;
		color:white;
		margin:0;
	}
	/* CSS Navbar */
	#srch-term{
		color:white;
		border: none !important;
		box-shadow: none;
	}
	#search-block .btn-default:hover, #search-block .btn-default:focus,#search-block .btn-default:active,#search-block .btn-default.active,#search-block .open > .dropdown-toggle.btn-default{
		background: none;
		color: white;
	}
	.navbar-inverse {
		background-color: #F18101;
		border-color: #F18101;
		
	}
	
	.navbar-inverse .navbar-nav > li > a {
		color: white;
		font-size: 14px;
	}
	
	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus,.navbar-inverse .navbar-nav > li > a.active {
		color: #544b4b;
		background-color: transparent;
		font-weight:bold;
	}
	
	.nobg{
		background: transparent;
		border: none;
	}
	
	.btn-nobg{
		background: transparent;
		border: none;
		color: white;
	}
	.navbar-inverse .navbar-toggle {
		border-color: #F18101;
	}
	
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		border-color: #F18101;
	}
	
	
	
	.nav-second{
		color:#757575;
		display:block
	}
	
	.nav-second .fa{
		color:#F18101;
	}
	
	.nav-second p{
		margin:0;
	}
	.nav-second h5{
		margin:0;
	}
	
	.second-padding{
		padding-left: 113px;
		border-right: solid 1px #F18101;
	}
	@media screen and (max-width:600px){
		.navbar-inverse {
			padding-left:0;
			margin-bottom:0;
		}
		
		.nav-second{
			
		}
		
	}
	@media (max-width: 1200px) {
		.navbar-header {
			float: none;
		}
		.navbar-left,.navbar-right {
			float: none !important;
		}
		.navbar-toggle {
			display: block;
		}
		.navbar-collapse {
			border-top: 1px solid transparent;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		}
		.navbar-fixed-top {
			top: 0;
			border-width: 0 0 1px;
		}
		.navbar-collapse.collapse {
			display: none!important;
		}
		.navbar-nav {
			float: none!important;
			margin-top: 7.5px;
		}
		.navbar-nav>li {
			float: none;
		}
		.navbar-nav>li>a {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.collapse.in{
			display:block !important;
		}
	}
	/* CSS Footer */
	footer {
		background: #E3E3E3;
		padding:40px 0px;
		color:#757575;
	}
	footer > .container{
		padding:0px 20px;
	}
	footer .left,footer .right{
		text-align:center;
	}
	.btn-download{
		color: #fff;
		background-color: #2F3766;
		border-color: #ccc;
		font-size: 18px;
		font-weight: 800;
		padding:14px 0px;
	}
	.btn-download:hover, .btn-download:active, .btn-download:focus, .btn-download:visited   {
		color: #fff;
	}
	.footer-contact{
		padding-top:18px;
	}
	.footer-address h4{
		color: #2F3766;
	}
	.footer-address p{
		font-size : 12px;
		color:#757575;
	}
	
	/* CSS Landing */
	.btn-readmore{
		color: #fff;
		background-color: #2F3766;
		border-color: #ccc;
		font-size: 14px;
		border-radius:0;
		padding:12px 12px;
	}
	
	.btn-readmore:hover, .btn-readmore:active, .btn-readmore:focus, .btn-readmore:visited {
		color: #fff;
		text-decoration: none;
	}
	#landing .we_do .content_container {
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		width: 90%;
		max-width:500px;
	}
	

	@media(max-width:768px){
		.btn-banner{
			width:100%;
			padding:10px 0px;
			margin-top:25px;
			background:#F18101;
		}
		.btn-readmore{
			width:100%;
			padding:10px 0px;
			margin-top:25px;
		}
		.btn-readmore .spanservices{
			display:none;
		}
	}
	
	.we_do {
		overflow: hidden;
		background-size : cover !important;
		background-repeat : no-repeat !important;
		background-position:center center !important;
	}
	
	.we_do p{
		color:white;
	}
	
	.we_do h3{
		color:white;
	}
	.wrap {
		width: 90%;
		max-width:975px;
		
		position: relative;
		
	}
	#landing .wrap {
		min-height:600px;
		position:relative;
		width:100%;
		max-width:none;
	}
	.we_do .wrap {
		
	}
	
	.we_do .content_container {
		padding: 40px;
		position: relative;
		background: rgba(241, 129, 1, 0.7);
		width: 100%;
		max-width:360px;
	}
	
	
	.we_do .you_get {
		text-transform: uppercase;
		font-family: 'Roboto', arial, sans-serif;
		font-weight: 300;
		color: #ffffff;
		line-height: 1.8;
		max-width: 410px;
		font-size: 16px;
		padding-top: 10px;
	}
	
	.banner {
		height:100%;
		min-height:100vh;
		overflow: hidden;
		position:relative;
		background-size : cover !important;
		background-repeat : no-repeat !important;
		background-position:center center !important;
		margin-top:52px;
		padding:80px 0px;
	}
	
	.banner p{
		color:white;
	}
	.banner h2{
		color:white;
	}
	@media(min-width:768px){
		.banner .wrap-banner{
			position: absolute;
			top: 50%;
			left: 5%;
			transform: translateY(-50%);
		}	
	}
	
	.banner .content_banner {
		padding: 35px 20px;
		position: relative;
		background: rgba(47, 55, 102, 1);
	}
	.banner .content_banner p{
		margin:0;
	}
	.wrap-banner {
		width: 800px;
		margin: 0 auto;
		position: relative;
	}
	.wrap-banner .content_banner .over-top{
		position: absolute;
		top: -59px;
		left: 0;
		padding: 15px;
		color: white !important;
	}
	.span-block{
		    width: 30px;
    height: 30px;
    background: #F18101;
    position: absolute;
    bottom: -15px;
    right: -15px;
	}
	
	.btn-banner {
		background: #4D4D4F;
		color: white;
		float: right;
	}
	
	.btn-banner:hover, .btn-banner:focus {
		color: white;
		text-decoration: none;
	}
	.nowrap{
	    position: absolute;
		bottom: 0 px;
		right: 0px;
		border-radius:0;
	}
	
	.client{
		padding: 0px 50px 50px;
		text-align: center;
		
		background:white;
	}
	
	.spanservices{
	    width: 15px;
		height: 15px;
		background: #F18101;
		position: absolute;
		left: 96px;
		bottom: -10px;
	}
	
	@media screen and (max-width:900px){
		.wrap-banner {
			width: 90%;
		}
		.banner .content_banner {
			
		}
		.nowrap {
			position: relative;
			top: 0;
			right: 0;
		}
	}
	#section1{
		margin-top:52px;
	}
	/* CSS Innovation page */
	#innovation #section1{
		height:100%;
		min-height:100vh;
		background-size:cover !important;
		background-position:center center !important;
		padding:15px 0px;
	}
	#innovation #section2 .nav-sidebar  ul li.active{
		text-decoration: none;
		background-color: #2F3766;
		color: white;
	}
	#innovation #section2 .nav-sidebar  ul li a{
		cursor:pointer;
		display:block;
	}
	#innovation #section2 .nav-sidebar  ul li.active a{
		color: white;
		
	}
	.tab-inovation{
		 padding: 80px;
	}
	
	.color a{
		color:#2F3766;
	}
	.color li{
		border-bottom: solid 1px #2F3766
	}
	.color-white{
		color:white;
	}
	.color-orange{
		color:#F18101;
	}
	.tab-content{
		margin-top: -20px;
		padding-left: 40px;
	}
	.tabs> li > a:hover{
		text-decoration: none;
		background-color: #F18101;
		color:white;
	}
	 .tabs> li > a:focus, .tabs> li > a:active {
		text-decoration: none;
		background-color: #2F3766;
		color:white;
	}
	
	#our-service-landing {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#our-service-landing  .overlay{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url('../img/garis.png');
	}
	#our-service-landing .block{
		
	}
	#our-service-landing  .left{
		background:white;
	}
	#our-service-landing  .right{
		background:#2F3766;
		
	}
	.content-service{
		max-width: 900px !important;
		background: white;
		margin-top: -60px;
		padding-top: 20px;
		padding-left: 0px;
		padding-bottom: 20px;
	}
	
	#our-service-landing #services-info h1{
		color: #F18101;
		font-weight: 600;
	}
	#our-service-landing #services-info p{
		color:#757575;
	}
	
	.icon-tab {
		background:#2F3766;
		padding: 30px 30px 30px 35px;
		color: white;
	}
	
	
	.banner-inno {
		
		overflow: hidden;
		padding-top: 53px;
		padding-bottom: 50px;
		height:400px;
	}
	.banner-inno .inno_hcontent {
		padding-top: 1px;
		position: absolute;
		background: rgba(47, 55, 102, 1);
		padding-left: 10px;
		height: 76px;
		width: 212px;
		top: 200px;
		right: -50px;
	}
	.banner-inno .inno_hcontent h2{
		color:white;
	}
	.blockinno {
		width: 35px;
		height: 35px;
		background: white;
		position: absolute;
		background: #F18101;
		bottom: 185px;
		right: 144px;
	}
	#our-service-landing #top #top-right{
		background:#2F3766;
	}
	
	/* CSS Services Page */
	#services #section1{
		height: 100%;
		min-height: 100vh;
		background-size: cover !important;
		background-position: center center !important;
		padding: 15px 0px;
	}
	#services #section2 .nav-sidebar li.active a{
	    text-decoration: none;
		background-color: #2F3766;
		color: white;
	}
	.panel-heading .accordion-toggle:after {
		font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
		content: "\e114";    /* adjust as needed, taken from bootstrap.css */
		float: right;        /* adjust as needed */
		color: grey;         /* adjust as needed */
	}
	.panel-heading .accordion-toggle.collapsed:after {
		content: "\e080";    /* adjust as needed, taken from bootstrap.css */
	}
	
	.services-banner {
		max-width: 800px;
		margin: 0 auto;
		position: relative;
		padding: 50px;
	}
	
	.content_banners {
		padding: 30px;
		position: relative;
		padding-bottom: 50px;
		background: rgba(47, 55, 102, 1);
	}
	
	.block-services {
	    width: 40px;
		height: 40px;
		background: white;
		position: absolute;
		top: 30px;
		background: #F18101;
		right: 30px;
		z-index: 1;
	}
	
	@media screen and (max-width:900px){
		.services-banner {
			width: auto;
			padding: 0;
		}
		.tab-inovation {
			padding:0px;
		}
	}
	
	
	/* CSS Carreer Page */
	#career #section1{
		height:100%;
		height:100vh;
		background-size:cover !important;
		background-position:center center !important;
	}
	.panel-footer {
		padding: 10px 15px;
		border-top: none;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		background-color: white;
	}
	
	.form-career{
		margin-top:50px;
	}
	
	.form-career h3 {
		color:#F18101;
		font-weight:600;
	}
	
	.banner-career {
		
		overflow: hidden;
		padding-top: 53px;
		padding-bottom: 50px;
		height:400px;
	}
	
	.career-div {
		width:100%;
		max-width: 800px;
		margin: 0 auto;
		position: relative;
		padding-top: 50px;
	}
	
	.banner-career .career-about {
		padding-top: 20px;
		position: relative;
		background: rgba(47, 55, 102, 1);
		padding:30px 15px;
		padding-left: 39px;
	}
	
	.career-about h2{
		color:white;
	}
	.career-about p{
		color:white;
	}
	
	.blockcareer {
		    width: 35px;
		height: 35px;
		background: white;
		position: absolute;
		bottom: -15px;
		left: -15px;
		background: #F18101;
		z-index: 1
	}
	
	@media screen and (max-width:900px){
		.banner-career {
			padding-top: 53px;
			padding-bottom: 50px;
			height: 213px;
		}
		
		.career-div {
			
		}
		.banner-career .career-about {
			background: rgba(47, 55, 102, 1);
			padding-left: 10px;
		}
	}

	/* CSS Article Published Page */
	
	.detail-article {
		padding-top: 30px;
		padding-bottom: 43px;
		margin-top:52px;
	}
	
	.detail-article h3 {
		color:#F18101;
	}
	
	.share-right a{
		float:right;
		margin-left:10px;
		padding-top:10px;
	}
	
	.padding {
		padding-top:25px;
	}
	
	.btn-back{
		color: #fff;
		background-color: #2F3766;
		border-color: #ccc;
		font-size: 14px;
	}
	
	.btn-back:hover, .btn-back:active, .btn-back:focus, .btn-back:visited {
		color: #fff;
		text-decoration: none;
	}
	
	
	/* CSS Contact Page */
	#contact #section1{
		width:100%;
		height:50%;
		height:400px;
	}
	.contactus{
		margin-top: 60px;
		margin-bottom: 50px;
		padding:0px 20px;
	}
	
	.contactus h3 {
	    margin-top: 0px;
		color: #2F3766;	
	}
	.contactus a{
		color : #F18101;
	}
	
	.btn-submit {
		background: #F18101 !important;
		color: white !important;
		padding:12px 12px;
	}
	.title{
		padding-top: 20px;
	}
	/* CSS Article Page */
	.landing-article{
		margin-top:72px;
		margin-bottom:100px;
	}
	.showimg {
	  position: relative;
	  width: 100%;
	}
    .showimg:hover .overlay{
        bottom:0;
    }
	.image {
	  display: block;
	  width: 100%;
	  height: auto;
	}

	.overlay {
	  position: absolute;
	  bottom:0;
	  left: 0;
	  right: 0;
	  background-color: #F18101;
	  overflow: hidden;
	  width: 100%;
	  height: 0;
	  transition: 0.4s ease;
	  opacity: 0.8;
	  height: 100%;
	}



	.text {
		text-align:center;
		color: white;
		font-size: 20px;
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		width: 90%;
	}
	
	.btn-readarticle {
		white-space: nowrap; 
		color: white;
		font-size: 12px;
		position: absolute;
		overflow: hidden;
		top: 80%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	
	.btn-readarticle{
		color: #fff;
		background-color: #2F3766;
		border-color: #ccc;
		font-size: 14px;
	}
	
	.btn-readarticle:hover, .btn-readarticle:active, .btn-readarticle:focus, .btn-readarticle:visited {
		color: #fff;
		text-decoration: none;
	}
	
	
	/* CSS About Page */
	.about-banner {
		width:100%;
		max-width: 400px;
		margin: 0 auto;
		position: relative;
		
		padding-top: 50px;
	}
	#about #section4 .block-team{
		max-width:360px;
		width:100%;
		height:320px;
		margin:auto;
		display:block;
		background-size:cover !important;
		background-position:center !important;
		margin-bottom:30px;
	}
	#about #section5_title2{
		color:#F38811;
	}
	#about #section5 #expertise-list{
		list-style-type:none;
		padding:0;
	}
	#about #section5 #expertise-list > li{
		padding:10px 0px;
		border-bottom:1px solid #DDDDDD;
	}
	#about #section5 #expertise-list > li:hover{
		color:#2F3766;
	}
	#about #section5 #expertise-list > li.active{
		color:#F18101;
	}
	#about #section5 .expertise-block h3{
		color:#F18101;
	}
	#about #section5 ul li a{
		display:block;
	}
	#about #section6{
		height:100%;
		height:85vh;
		background-size:cover !important;
		background-position:center center !important;
	}
	#about #section4,#about #section5{
		padding:30px 0px;
	}
	.banner2 p{
		color:white;
	}
	
	.banner2 h2{
		color:white;
	}
	.banner2 {
		
		height: 100vh;
		overflow: hidden;
		position: relative;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
	}
	.banner2 .content_about {
		padding-top: 20px;
		position: relative;
		background: rgba(47, 55, 102, 1);
		padding:30px 10px;
		padding-left: 39px;
		
	}
	.blockbanner{
		width: 35px;
		height: 35px;
		background: white;
		position: absolute;
		top: 30px;
		left: -15px;
		background: #F18101;
		z-index: 1;
	}
	
	.about1{
	    margin: 80px auto;
	}
	#our-about{
		
	}
	#our-about .overlay{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url('../img/garis.png');
	}
	
	#our-about .left{
		background:#2F3766;
	}
	
	.about2 {
		max-width: 900px !important;
		background: white;
		margin-top: -60px;
		padding-top: 20px;
		padding-left: 0px;
		padding-bottom: 20px;
	}
	
	.about-tab {
		background: #c1c1c1;
		padding: 30px 20px;
		min-height:500px;
		z-index:1;
	}
	
	.about-tabc{
		background: #2F3766;
		color:white;
		z-index:1;
		padding-top:30px;
		padding-bottom:30px;
		
	}
	
	.about-tab h2{
		color:#F18101;
	}
	
	 .last-banner {
		padding: 40px;
		position: relative;
		background: #2F3766;
		width: 700px;
		margin-top: 20px;
	}
	.last-banner a{
		color:#F18101;
	}
	.last-banner a:hover{
		color:#F18101;
	}	
	
	.managing{
		/*max-width:900px !important;*/
		padding-top:20px;
		
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.managing h2 {
		color:#F18101;
	}
	#article-detail .article-image-desc{
		position:absolute;
		padding:15px;
		bottom:0;
		width:100%;
		background:rgba(47, 55, 102,0.9);
		color:white;
	}
	#article-detail .article-image-desc .rect{
		width:15px;
		height:15px;
		position:absolute;
		bottom:15px;
		right:15px;
		background:#F18101;
	}
	#article-detail .article-image-desc .rect.left{
		right: unset;
        left: 15px;
        position: unset;
        display: inline-block;
        margin-right: 15px;
        vertical-align: middle;
	}
	#article-detail .rect-big{
		width: 45px;
		height: 45px;
		position: absolute;
		top: -15px;
		left: -15px;
		background: #F18101;
		z-index: 1;
	}
	#article-detail .rect-big.right{
		
		left: unset;
		right:-15px;
	}
	
	@media screen and (max-width:900px){
		.banner2 .content_about {
			padding-top: 0;
			position: relative;
			padding:30px 20px;
		}
		.about-banner {
			
		}
		
		.about1 {
			margin: 0;
			padding: 20px 20px 0px 20px;
		}
		
		.last-banner {
			padding: 30px 17px;
			position: relative;
			background: #2F3766;
			width: 100%;
			margin-top: 20px;
		}
		.we_do .wrap {
			padding-left: 0;
		}
	}
	.share-area{
			padding:10px 0px;
			color:#B3B3B5;
	}
	.share-area a{
		margin:0px 5px;
	}
	@media(min-width:700px){
		.banner,#section1 {
			max-height:700px !important;
		}
	}
	@media(min-width:768px){
		#about .float-wrap{
			max-width: 750px;
		}
		
		
	}
	@media (min-width: 992px) {
		.contactus{
			padding:0px 35px;
		}
		#about .float-wrap{
			max-width: 970px;
		}
		#our-about #top{
			position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1;
		}
		#our-about #top .about-tab,#our-about #top .about-tabc{
			height:525px;
		}
		footer .left{
			text-align:left;
		}
		footer .right{
			text-align:right;
		}
		#about #section6{
			height:450px;
		}
		.landing-article{
			padding: 0px 35px;
		}
		.detail-article {
			padding-left: 35px;
			padding-right: 35px;
		}
	}
	@media (min-width: 1200px) {
	  #about .float-wrap{
			max-width: 1170px;
		}
	}
	@media(min-width:992px){
		#main-nav{
			margin-bottom:20px;
		}
		.banner,.landing-article,.detail-article,#section1{
			margin-top:135px;
		}
		
		#our-service-landing{
			height:700px;
		}
		#our-service-landing .block{
			height:650px;
		}
		#our-service-landing .block > div{
			height:593px;
		}
		#our-about .left,#our-about .right{
			height:650px;
		}
		#our-about .left>div,#our-about .right>div{
			
		}
		#our-service-landing #top{
		
			position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1
		}
		#our-service-landing #top #top-left{
			z-index:1;background:white;padding: 60px 20px;
			height:525px;
		}
		#our-service-landing #top #top-right{
			z-index:1;background:#2F3766;padding: 60px 20px;
			height:525px;
		}
		
		
	}
	@media(min-width:992px){
		#landing .we_do .content_container {
			top: 15%;
			left: 0;
			transform: none;
			width: auto;
			padding-right: 15px;
			padding-left: 15px;
			margin-left: 30%;
		}
	}
	@media screen and (max-width:900px){
		.banner-inno .inno_hcontent {
			position: relative;
			background: rgba(47, 55, 102, 1);
			width: 100%;
			top: 0;
			right: 0;
		}
		
		.banner-inno {
			padding-top: 0;
			padding-bottom: 0;
			height: 200px;
		}
	}