header {background-color: #fff; padding-top: 20px;}
#content {background: #fff url('../img/bg.html') repeat-x;}
.top-bar-section li.name:not(.has-form) a:not(.button) {
background: #F0F0F0;
}
.top-bar-section li.name:not(.has-form) a:not(.button):hover {
background: #F0F0F0;
}
footer .footer-menu {background-color:#2e3736; color: #fff; }
footer .footer-menu ul {padding: 10px 0 10px 0}
footer .footer-menu li a {color: #e5eeed; font-size: 12px;}
footer .footer-menu li a:hover {color: #fff;}
footer .footer-heading {background-color:#015545; color: #fff; padding:  10px 0 10px 0 }
footer .footer-heading p {margin:0; text-align: center; font-size: 12px;}
footer .footer-content {background-color:#0D6C56; color: #fff; padding:  10px 0 10px 0 }
footer .footer-content a, footer .footer-content a:link, footer .footer-content a[href^=tel] {color: #fff!important;}
footer h5 {color: #fff; font-weight: bold;}
.img-contact {margin-top: -30px;}
#ceo-image {width:20%;}
#ceo-intro {width:80%; padding-left: 10px;}
.search-results .row {width:100%;}
.search-results hr {margin: 1em;}
.search-results ul {list-style-type: none; margin:0 0 20px 0;}
.search-results ul li span {color:#999;}
.introduction {margin-bottom: 20px;}
#logo img {margin : -20px 0; /*width:258px; height: 117px;*/}
#header-bar {background-color: #F0F0F0; height: 68px; /*margin-top: 40px;*/ }
.sub-header {color:#015545; font-size: 12px; padding-top: 10px;}
.postfix.button {margin: 0;}
.panel h3, .panel h2 {color:#00755d;}
.top-border {background-color:#fff; border-top:5px solid #f2f2f2; padding-top:20px;}
/*abkusmianto*/
p.main-content {text-align: justify;}
p.sub-content{padding-left:25px; position:relative;text-align: justify;}
p.sub-content1{padding-left:35px; position:relative;text-align: justify;}
p.sub-content2{padding-left:50px; position:relative;text-align: justify;}
li.align-justify{text-align: justify;}
div.content{padding-left:25px; position:relative;text-align: justify;}
div.content1{padding-left:35px; position:relative;text-align: justify;}
div.content2{padding-left:50px; position:relative;text-align: justify;}
div.ul-content{padding-left:50px; position:relative;text-align: justify;}

.inline-list > li
{ 
	padding-right: 1.375rem;
	border-right: 1px solid #fff;
}

.inline-list > li:last-child {border:none;}

input[type="search"]
{
	-webkit-appearance: none;
	border-radius: 0;
	background-color: white;
	font-family: inherit;
	border-style: none;
	border-left: 1px solid;
	border-color: #cccccc;
	box-shadow: none;
	color: rgba(0, 0, 0, 0.75);
	display: block;
	font-size: 0.875rem;
	margin: 0 0 1rem 0;
	padding: 0.5rem;
	height: 2.3125rem;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: none;margin-bottom: 0;
}

span#block-language
{ 
	margin: 0 0 1rem 1rem;
	padding: 0.8rem;
	height: 2.3125rem;
	border-left: 1px solid #ccc;
}

.side-nav li:not(.button) {
	padding-left: 2px;
}

.side-nav li a:not(.button) {
  display: block;
  color: #015545;
  margin: 0;
  padding: 0.4375rem 0.875rem;
  background-color: #f2f2f2; margin-bottom: 5px;
  border-left:2px solid #f2f2f2;
}

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
	border-left:2px solid #015545; padding-left: -2px;/*background-color: #f2f2f2;*/
}

@media only screen and (max-width: 40em) { 
	.top-bar {height: 3rem; line-height: 3rem; margin-top: 5px;}
	.top-bar .name { height: 3rem; }
	.top-border {background-color:#fff; border-top:none; padding-top:0px;}
	#content {background-image:none;}
	footer .footer-menu .inline-list {display: table; margin: 0 auto;}
	footer .footer-menu li {/*width: 100%; text-align: center;*/margin:0; font-size: 10px;}
	footer .footer-menu li a {font-size: 9px;}
	.img-contact {margin-top: 20px;}
	#ceo-image {width: auto;}
	#ceo-intro {width:100%; padding-left: 0px;}
	#logo img {display: block; margin: 0 auto;}
	#header-bar {background-color:#fff;}
	.inline-list > li {border-right:none;}
	.panel {margin-top: 10px;}
	header {padding-top: 0;}
	.sub-header {margin: 0 auto; font-size: 11px;}
	span#block-language
	{
		display: table;
		margin: 0 auto;
		border-left:none;
	}	
	input[type="search"]
	{
		border-style: solid; margin-bottom: 20px;
	}
}
@media only screen and (min-width: 40.063em) { .top-bar { background: #f0f0f0; overflow: visible; }
	.top-bar-section .has-dropdown > a { padding-right: 2.54762rem !important; }
	.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
	    border: none;
	    content: "\00bb";
	    top: 0.7rem;
	    margin-top: -1px;
	    right: 5px;
	    line-height: 1.2;
	}	  
}  
.orbit-container .orbit-slides-container > * .orbit-caption { 
	position: absolute; 
	bottom: 0; 
	right:0; 
	background-color: rgba(255, 255, 255, 0.8); 
	color: #000; 
	width: 70%; 
	min-height: 40%; padding: 0.625rem 0.875rem;  }
.orbit-container .orbit-slides-container > * .orbit-caption ul{   font-size: 0.9rem; list-style-type: none; margin: 0; padding: 0; }
.orbit-container .orbit-slides-container > * .orbit-caption ul, .orbit-container .orbit-slides-container > * .orbit-caption p {   font-size: 0.9rem; }
.orbit-container .orbit-timer {display: none;}
.orbit-container strong, .orbit-container h3 {color:#00755d;}
strong {color:#00755d;}

ul.footer-iso-logo  {list-style-type: none; margin: 0;padding: 0;}
.footer-iso-logo li  {float: left;}

.iosslider-vertical {
position: relative;
top: 0;
left: 0;
overflow: hidden;        
width: 100%;
height: 500px;
margin-bottom: 20px;
}      
.iosslider-vertical .slider {
width: 100%;
height: 100%;
}  

#odoResult {width:100%;}
.bold {font-weight: bold}

.top-bar-section li:not(.has-form) a:not(.button) { padding: 0 10px; line-height: 4.85714rem; background: #f0f0f0; }
.top-bar .toggle-topbar.menu-icon a { color: #00755d;}
.top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0 0 1px #00755d, 0 7px 0 1px #00755d, 0 14px 0 1px #00755d; }
.row-search .postfix { height: 2.3rem; line-height: 2.3rem; }
input[type="search"].search:focus {box-shadow: none;   border-left: 1px solid; border-color: #cccccc;}
.tinynav, .tinynav_label { display: none }
@media only screen and (max-width: 40em) { 
  .tinynav { display: block }
  .tinynav_label { display: block }  
  .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 10px; line-height: 3rem; background: #f0f0f0; }
}

.top-bar-section .dropdown li {height:35px;}
.top-bar-section .dropdown li:not(.has-form) a:not(.button) {line-height: 35px;}

@media only screen and (max-width:768px) {
	#logo {display: table; width:100%; text-align: center; line-height: 90px; margin: 0; padding: 0}
	#header-bar {background-color: #fff;}
	header {padding-top: 0}	
	.menu-column {width:100%;}
}
.orbit-container {display: none;}
#home-video-container {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}