/*
Theme Name: Ombilin Power
Theme URI: http://ombilin.id
Description: PT. Ombilin Electric Power (Ombilin Power) was established with the awareness to participate in raising electrification in Indonesia from 6% to 23% in 2025 to new and renewable energy, and to encourage the use of renewable energy as much as possible for a better life. 
Author: dwisign
Author URI: http://dwisign.com
Version: 1.0 For GIT
Tags: Ombilin, Corporate, Renewable, Energy, Technology, website

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body, html{
  overflow-x: hidden;
}
html{
   width:100%; 
   height:100%;
}
h1,h1,h3,h4,h5,h6,p,li{
	color: #666;
}
blockquote{
  font-size: 1.8em;
  font-style: italic;
}
a:hover{
  text-decoration: none;
  opacity: 0.8;
}
/*0PX GUTTER*/
.gutter-0.row {
  margin-right: 0px;
  margin-left: 0px;
}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] {
  padding-right: 0px;
  padding-left: 0px;
}
.navbar{
	background: transparent;
	z-index: 2;
}
.navbar-white{
	background: #fff;
	border-radius: 0px;
	margin-bottom: 0px;
	border: none;
	text-transform: uppercase;
	font-size: 0.9em;
}

.navbar-white .navbar-nav > li > a{
  padding-top: 25px;
  padding-bottom: 25px;
}
.navbar-white .navbar-brand {
  color: #006687;
  margin-top: -8px;
}
.navbar-white .navbar-brand:hover,
.navbar-white .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-white .navbar-text {
  color: #ffffff;
}
.navbar-white .navbar-nav > li > a {
  /*color: #183883;*/
}
.navbar-white .navbar-nav > li > a:hover,
.navbar-white .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #F68B1F;
}
.navbar-white .navbar-nav > .active > a,
.navbar-white .navbar-nav > .active > a:hover,
.navbar-white .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #F68B1F;
}
.navbar-white .navbar-nav > .disabled > a,
.navbar-white .navbar-nav > .disabled > a:hover,
.navbar-white .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-white .navbar-toggle {
  border-color: transparent;
}
.navbar-white .navbar-toggle:hover,
.navbar-white .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-white .navbar-toggle .icon-bar {
  background-color: #F68B1F;
}
.navbar-white .navbar-collapse,
.navbar-white .navbar-form {
  border-color: #007196;
}
.navbar-white .navbar-nav > .open > a,
.navbar-white.navbar-nav > .open > a:hover,
.navbar-white .navbar-nav > .open > a:focus {
  background-color: #006687;
  color: #ffffff;
}

#bannerSlider{
	z-index: 1;
	overflow-y: hidden;
}

#bannerSlider .item{
	/*margin-top: -50px;*/
}
.owl-controls .owl-buttons div{
	-webkit-border-radius: 0px !important; 
	-moz-border-radius: 0px !important;
	border-radius: 0px !important; 
	background: rgba(0,0,0,0.8) !important;
}
.no-bullets .owl-controls{
  display: none !important;
}

.item-bg{ 
	background-repeat: no-repeat !important; 
	background-size: cover !important;
	background-position: center center !important; 
	height: 100vh !important;
}
.item-bg:before{
    content: '';
    position: absolute; top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: url("image/bg-banner-cover.png") repeat;
}
.caption-wrap{
  width: 100%;
  height: 18%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 270px; left: 0; bottom: 0; right: 0;
  color: #fff; 
  overflow: hidden;
}
.owl-controls{
  height: 18%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 54.5%; left: 8px; bottom: 0;
}
#owl-project .owl-controls{
  position: relative !important; 
}
.caption-wrap h3{
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 1.8em;
	color: #fff;
  font-weight: 200;
}
.caption-wrap p{
	font-size: 0.8em;
	color: #fff;
  height: 35px;
  overflow-y: hidden;
}
.no-ctrl .owl-pagination{
	display: none;
}
.left-caption{
	background: rgba(0,0,0,0.5);
	padding: 15px 30px;
	height: 100px;
}
.right-caption{
	background: #dedede;
	padding: 15px 30px;
	height: 100px;
}
#bar{
  width: 0%;
  max-width: 100%;
  height: 4px;
  background: #E2F900;
}
#progressBar{
  width: 100%;
  background: #F68B1F;
  z-index: 3;
  position: relative;
}
.banner-inside{
	max-height: 250px;
	overflow-y: hidden;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
.banner-inside .col-sm-8:before{
  content: '';
  position: absolute; top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: url("image/bg-banner-cover.png") repeat;
}
.right-top-inside{
	padding-top: 80px;
	min-height: 250px;
  background: url("image/orn-orange.jpg") no-repeat;
  background-position: top right;
  background-size: 250px;
}
.right-wrap{
	padding-left: 15px;
}
.title{
	text-transform: uppercase;
	color: #F68B1F;
}
.content-two-column .col-sm-4{
  padding-left: 0px;
}
.content-two-column .left-side{
  min-height: 600px;
  border-left: 1px solid #dedede;
  padding: 20px;
}
.content-two-column .left-side p,
.content-two-column .left-side li,
.content-full-inside p{
  font-weight: 300;
  line-height: 25px;
}
.content-two-column .right-side{
  min-height: 600px;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  padding: 20px;
}
.content-full-inside .content-wrap{
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  min-height: 450px;
  padding: 20px;
}
.item-project{
  border: 1px solid #dedede;
  margin-bottom: 30px;
}
.item-project p{
  font-size: 0.85em;
  font-weight: 300;
  height: 50px;
  overflow-y: hidden;
}
.item-project span{
  font-size: 0.75em;
}
.item-img-project{
  height: 200px;
  background-size: cover !important;
  background-position: center center;
}
.item-box{
  border: 1px solid #dedede;
  padding: 10px;
}
.item-box h5{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 15px !important;
}
.item-box p{
  height: 50px;
  overflow-y: hidden;
  font-size: 0.9em;
}
.project-desc{
  padding: 15px;
}
.footer{
  min-height: 250px;
  padding: 30px;
  border-top: 1px solid #dedede;
  background: url("image/orn-green.jpg") no-repeat;
  background-position: bottom left;
  background-size: 450px;
}
.footer p,
.footer a{
  color: #666;
  font-size: 0.8em;
  text-decoration: none;
}
.footer-bottom{
  padding-top: 10px;
  background: #82B208;
}
.footer-bottom p{
  color: #fff;
  font-size: 0.8em;
}
.footer-home{
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 4;
  background: rgba(0,0,0,0.5);
  padding-top: 10px;
}
.footer-home p{
  color: #fff;
  font-size: 0.8em;
}
.feature-image-service img{
  width: 100%;
  height: auto;
}
#sliderProject .item{
  margin: 10px;
}