/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  
  color: #5a5a5a;
   background-color: #f1f7e4;

   /* position: absolute;  */        
    overflow-y: scroll;
    overflow-x: hidden;

}


/* Let's get this party started */
::-webkit-scrollbar {
    width: 10px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(123,137,63,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255,0,0,0.4); 
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  background-color: #f1f7e4;
  
}

.navbar-wrapper-home {
  position:absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  background-color: #f1f7e4;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}




/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {    
    padding-top:20px;
	  height:85px; 
  }

  .navbar-wrapper-home {
    height:100px;
    }

  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

}




@media (max-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {    
    padding-top:20px;
     height:85px;
  }


  .navbar-wrapper-home {
   height:100px;
    }

  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

}
.navbar{

  z-index: 10000000;
}

.navbar-toggle{
  border:1px solid #000;
}

.icon-bar{
  border:1px solid #000;  
}



@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}



@font-face {
  font-family: 'NeoSansSTD';
  src: url('../fonts/calibril.ttf');
}


@font-face {
  font-family: 'NeoSansSTDMed';
  src: url('../fonts/calibril.ttf');
}






h3{
	font-family:'NeoSansSTDMed';
}

p{
	font-family:'NeoSansSTD';
	font-size:18px;
}





.carousel-control.right {
background-image:none;
}


.carousel-control.left {
background-image:none;
}

.eneska-logo{
	position:relative;
	top:-35px;

}

/*PENGATURAN BEHAVIOR halaman ketika di resize*/
@media(max-width:1200px){
  .eneska-logo{
    position:relative;
    top:-35px;
    width:100px;
    left:-80px;
  }
}


@media(max-width:1080px){
  .eneska-logo{
    position:relative;
    top:-20px;
    width:50px;
    left:-50px;
  }

  .eneska-logo img{
      width:200px;
  }
}


@media(max-width:990px){
  .eneska-logo{
    position:relative;
    top:-20px;
    width:30px;
    left:-70px;
  }

  .eneska-logo img{
      width:200px;
  }
}


@media(max-width:768px){
  .eneska-logo{
    position:relative;
    top:-20px;
    width:30px;
    left:-0px;
  }

  .eneska-logo img{
      width:200px;

  }
}


@media(max-width:640px){
  .eneska-logo{
    position:relative;
    top:-15px;
    width:30px;
    left:-20px;
  }


  .eneska-logo img{
      width:150px;
  }


}


.halal-logo{
position:absolute;
top:-10px;
right:0px;
padding-right: 0px;
}


.eneska-nav{	
	margin-left:100px;
	position:relative;
	top:-35px;
  z-index: 1000;

}

.eneska-nav li a{
	height:100px;	
	padding: 50px 25px 0px 25px;
	font-family:'NeoSansSTDMed';
  font-weight: bold;
  font-size:20px;
	color:#000;
	text-decoration:none;
   z-index: 3000;
   padding-right:15px;
    padding-left:15px;
}

@media(max-width: 768px){
  .navbar-toggle {
      float:left;
  }

  .halal-logo{
    position:absolute;
    top:-10px;
    right:0px;
    padding-right: 0px;
    }

  .eneska-nav{  
    right:0px;
    margin-left:100px;
    position:relative;
    top:-0px;
    z-index: 1000;
  }


  .eneska-nav li{
   
   text-align: right;

  }
  .eneska-nav li a{
    border-bottom:1px solid #FFF;
    position: relative;
    float:left;
    margin-right:0px;
    text-align: right;
    width:90%;
    
    font-family:'NeoSansSTDMed';
    font-weight: bold;
    font-size:20px;
    color:#000;
    text-decoration:none;
     z-index: 3000;
     background-color: #f1f7e4;


  }

}

.eneska-nav li a:hover{
    background-color: #e1e7d4;

  }

.paket{
  padding-top:10px;
   position: relative;
  margin-left: 0px; 
  width:100%;
	top:85px;
  background-color: #c0c37a;
  z-index: 0;
}

.paket-catering{
  margin-left: 0px;
  position: fixed;
  width:100%;
  top:85px;
  background-color: #c0c37a;
  z-index: 10;
}



.spacer{
  position:relative;
  height:150px;
}


.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}
.margin-top-85{

   margin-top: 185px;
}
.paket-details{
  /*background-color: #ece9d1;*/
  background-color:#cccc00;
  color:#000;
  padding:0px 50px 0px 50px;
} 

.paket-details .col-lg-12{
    font-family:'NeoSansSTDMed';
    font-size: 22px;
 
}


.menu-container ol{
 padding-left: 25px;    

}


.menu-container ol li{
	list-style-type: circle;
	 font-size: 16px;
}

.col-lg-2 ol{
  padding-left: 25px;    
  
}

.col-lg-2 ol li{
list-style-type: circle;

  }

.submenu-title{
font-family:'NeoSansSTDMed';
text-align: center;
    font-size: 16px; 
  font-weight: bold;
  background-color: #b1b200;
  padding:2px 5px 2px 5px;

}

.paket-details-title{
    font-family:'NeoSansSTDMed';
    font-size: 28px;
  text-align: center;
  background-color: #b1b200;
  color:#000;
  padding:10px 10px 10px 10px;
} 

.welcome{
  margin-top: 85px;
  background-color: #769f5b;
  color:#FFF;
  padding:20px 50px 0px 50px;
}

.welcome a{ 
    color:#FFF;
    font-weight: bold;
  }

.bordered{
 border:1px solid #000;
}

.menu-title{
	font-family:'NeoSansSTDMed';
	color:#ffffff;	
  font-size: 18px;
   font-weight: bold;
	padding:0px 0px 0px 0px;
	text-align:center;	
	height:250px;
  border-right: 1px solid #FFF;
  border-top: 1px solid #FFF;
}


.paket-catering .menu-title{
  font-family:'NeoSansSTDMed';
  color:#ffffff;  
  font-size: 18px;
   font-weight: bold;
  padding:0px 5px 0px 5px;
  text-align:center;  
  height:40px;
  border-right: 1px solid #FFF;
  border-top: 1px solid #FFF;
}


@media(max-width: 768px){
  
   .paket-catering .menu-title{
    font-family:'NeoSansSTDMed';
    color:#ffffff;  
    font-size: 14px;
    line-height: 12px;
     font-weight: bold;
    padding:0px 0px 0px 0px;
    text-align:center;  
    height:40px;
    border-right: 1px solid #FFF;
    border-top: 1px solid #FFF;
  }


}

.menu-title-small{
  font-family:'NeoSansSTDMed';
  color:#ffffff;  
  padding:0px 0px 0px 0px;
  text-align:center;  
  height:100px;
  border-right: 1px solid #FFF;
  border-top: 1px solid #FFF;
}

.menu-title a{
	text-decoration:none;
	color:#fff;
}

.menu-title #title{
	padding:5px 0px 5px 0px;
}

.menu-title #pic{
      background-color: #ab9e32;
      height:200px;
      width:90%;
      margin-left:auto;
      margin-right:auto;
      
}

.menu-title-small #pic{
 background-color: #ab9e32;
      height:60px;
      width:80%;
      margin-left:auto;
      margin-right:auto;
}

 .nasibox{
  
  margin:0px 0px 0px 0px;
	background-color:#ab9e32;
}

  .nasibox #pic{   
      background-image: URL(../img/nasibox.jpg);
      background-repeat: no-repeat;
      background-position: 20% 30%;      
  }

@media (max-width: 768px) {    
      .nasibox #pic{     
          background-image: URL(../img/nasibox-wide.jpg);
          background-repeat: no-repeat;
          background-position: 0% 30%;          
      }
  }

 .prasmanan{
 
  margin:0px 0px 0px 0px;
	background-color:#ab9e32;
}

 .prasmanan #pic{   
      background-image: URL(../img/prasmanan.jpg);
      background-repeat: no-repeat;
      background-position: 0% 0%;      
  }

  @media (max-width: 768px) {    
      .prasmanan #pic{     
          background-image: URL(../img/prasmanan-wide.jpg);
          background-repeat: no-repeat;
          background-position: 0% 30%;          
      }
  }




 .pernikahan{
 
  margin:0px 0px 0px 0px;
	background-color:#ab9e32;
}

 .pernikahan #pic{   
      background-image: URL(../img/pernikahan.jpg);
      background-repeat: no-repeat;
      background-position: 0% 0%;      
  }

    @media (max-width: 768px) {    
      .pernikahan #pic{     
          background-image: URL(../img/pernikahan-wide.jpg);
          background-repeat: no-repeat;
          background-position: 0% 30%;          
      }
    }


 .masakan{

  margin:0px 0px 0px 0px;
	background-color:#ab9e32;
}

 .masakan #pic{   
      background-image: URL(../img/masakan.jpg);
      background-repeat: no-repeat;
      background-position: 50% 0%;      
  }

  @media (max-width: 768px) {    
      .masakan #pic{     
          background-image: URL(../img/masakan-wide.jpg);
          background-repeat: no-repeat;
          background-position: 0% 30%;          
      }
    }

 .snack{
 
  margin:0px 0px 0px 0px;
	background-color:#ab9e32;
}

.snack #pic{   
      background-image: URL(../img/snack.jpg);
      background-repeat: no-repeat;
      background-position: 50% 0%;      
  }

   @media (max-width: 768px) {    
      .snack #pic{     
          background-image: URL(../img/snack-wide.jpg);
          background-repeat: no-repeat;
          background-position: 0% 30%;          
      }
    }

 .lainnya{
 
  margin:0px 0px 0px 0px;
	background-color:#ab9e32;
}

.lainnya #pic{   
      background-image: URL(../img/lainnya.jpg);
      background-repeat: no-repeat;
      background-position: 50% 0%;      
  }


   @media (max-width: 768px) {    
      .lainnya #pic{     
          background-image: URL(../img/lainnya-wide.jpg);
          background-repeat: no-repeat;
          background-position: 0% 30%;          
      }
    }

.chef{
	margin:0px 20px 0px 0px;
}
footer{
  position: relative;
	padding:10px 10px 10px 50px;
	height:100%;
	background-color:#f1f7e4;
	font-family:'NeoSansSTD';
	font-size:18px;
  bottom:0px;
  color: #000000;

}
footer ul,li{
	list-style:none;
	margin:0px;
}
footer a{
color:#000;
	text-decoration:none;
}

footer .addr{
  margin-top: 10px;

}


/*revisi warna-warna*/

.new-bgcolor{
	background-color:#c6e0b4;
}