body{
  color: #888;
}
h1{
  text-transform: uppercase;
}
.nav{
  z-index: 1;
}
.navbar-default{
  border-radius: 0!important;
  background-color: #b1170b;
  border-color: #b1170b!important;
  color: #ffffff!important;
}
.navbar-default .navbar-nav>li>a {
    color: #ffffff!important;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
  color: #ffffff!important;
  background-color: #7d0900!important;
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
  color: #ffffff!important;
  background-color: #7d0900!important;
}
.navbar-right{
  padding-top: 40px;
}
.logo{
  height: auto;
  width: auto;
  z-index: 9999;
}
.logo img{
  height: 100px;
  width: auto;
}

/*glyphicon*/
.glyphicon{
  color: #b1170b!important;
  text-align: center;
}
/*Slider*/
.carousel{
  position: relative;
  top: -20px!important;

}
.item img{
  height: 550px!important;
  width: 100%;
}

/*body*/
.body-content{
  text-align: center!important;
  padding-bottom: 20px;
}
.body-left{
  text-align: left!important;
}
.right-image img{
  height: auto;
  width: 100%;
  padding-top: 7px;
}
.director-image img{
  height: 230px;
  width: auto;
  margin-top: 22px;
}
.director-content>h3, h5{
  color: #7d0900;
}
.devider{
  width: 100%;
  height: 1px;
  background-color:#e9e9e9;
  margin: 20px 0; 
}
.vision{
  height: 200px;
  background: url(../images/2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  color: #ffffff;
  padding-top: 40px;
}
/*Custom buttons*/
.btn-meroon{
  background-color: #7d0900;
  color:#ffffff;
  border-color: #7d0900;
}

/*Footer----------------------------------------------------------*/
.footer{
  height: auto;
  width: 100%;
  padding: 30px 0;
  background-color: #282728;
  color: #888888;
}
.footer h5{
  font-weight: bold;
  color: #b1170b;
}
.footer a{
  color: #b1170b;
}
.footer>.top-footer{
  border-bottom: 1px solid #888888;
  padding-bottom: 20px;
}
.footer>.bottom-footer{
  padding-top: 20px;
  text-align: center;
}
.footer-right img{
  height: auto;
  width: 100%;
}
.footer-oil-image img{
  padding-top: 20px;
  height: 220px;
  width: auto;
}

/*Mobile device css*/

@media(max-width: 768px){
  /*Navbar*/
  .navbar-right{
    padding-top: 0!important;
  }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
      background-color: #b1170b;
  }
  .navbar-default .navbar-toggle {
      border:none;
  }
  .icon-bar{
    background-color: #ffffff!important;
    border-radius: 0!important;
  }
  .navbar-toggle {
      position: relative;
      float: right;
      padding: 50px 10px 0 10px;
      margin-top: 8px;
      margin-right: 15px;
      margin-bottom: 8px;
      background-color: transparent;
      background-image: none;
  }

  /*Slider*/
  .carousel{
    position: relative;
    top: -20px!important;

  }
  .item img{
    height: auto!important;
    width: 100%;
  }

  /*footer*/
  .footer-oil-image img{
    padding-top: 20px;
    height: auto;
    width: 100%;
  }
}