
#banner{
/*background-image :url(../img/banner/inner-banner.jpg);background-size: cover;
background-attachment: fixed;
background-position: center center; */
background:url(../img/banner/inner-banner.jpg) center center no-repeat;
min-height:100px;}
#abt-ban{background:url(../img/banner/inner-banner-about.jpg) center center no-repeat;min-height:100px;}
#men-ban{background:url(../img/banner/inner-banner-menu.jpg) center center no-repeat;min-height:100px;}
#book-ban{background:url(../img/banner/inner-banner-book.jpg) 50% 10% no-repeat;min-height:100px;}
.overlay-bg{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);}
.overlay-bg h2{text-align:center; color:#fff; padding:10px 0px 25px; margin:20px 0px; opacity:0.9; border:none;}

.breadcrumb{background:none; text-align:center; color:#fff; font-size:12px;}
.breadcrumb i{font-size:10px; color:#57C827;}
.breadcrumb a{color:#57C827;}

.page-grey{background:#e6e6e6; padding:10px 0px; position:relative;}
.page-header{border:none; text-align:center;}
.page-header h3{font-family:"Open Sans"; border:none; text-transform:capitalize;}
.page-header h3:after{content: '';
display: block;
width: 50%;
border-bottom: #a5a5a5 1px solid;
text-align: center;
margin: 0 auto;
opacity: 0.8;
padding-bottom: 20px;}
.page-grey .col-lg-12 div.bg{background:#fff;}
.menu-box{background:url(../img/icons/beetal-leaf.png) 2% 3% no-repeat, url(../img/icons/beetal-leaf.png) 98% 99% no-repeat; padding:10px 20px 30px; border:3px solid #ccc;}

.menu-box h3{text-align:center; font-family:'Sofia', cursive; text-transform:capitalize; color:#5D9247; border:none;}
.menu-box h3:after{content: '';
display: block;
width: 50%;
border-bottom: #5D9247 1px solid;
text-align: center;
margin: 0 auto;
opacity: 0.8;
margin-bottom: 15px;}
.menu-box small{font-size:13px;}
.menu-box li{margin-bottom:15px;}
.menu-box li strong{font-size:16px; text-transform:uppercase; display:block; font-weight:normal; color:#000; line-height:24px;text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);}
.menu-box li:hover strong{color:#5D9247;}
ul.enlarge{
/*list-style-type:none; remove the bullet point
margin-left:0;*/
}
ul.enlarge li{
/*display:inline-block; places the images in a line*/
position: relative; display:table;
z-index: 0; /*resets the stack order of the list items - later we'll increase this
margin:10px 40px 0 20px;*/
}
ul.enlarge strong{
/*background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; */
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:rgba(204, 204, 204, 1);
padding: 4px;
-webkit-box-shadow:  0 0 20px rgba(255, 255, 255, 0.75);
-moz-box-shadow:  0 0 20px rgba(255, 255, 255, 0.75);
box-shadow:  0 0 20px rgba(255, 255, 255, 0.75);
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
/*padding:2px;
background:#ccc;*/
}
ul.enlarge li:hover span{ 
top: -75px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 890px; /*distance from the left of the thumbnail to the left of the popup image*/
}
/*ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}*/
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}

/*page-color*/

.page-color{margin:0;}

/*page-color*/



/*page-inner-white*/

.page-inner-white{margin-top:30px;}
.frame{padding:20px;}
.box img{padding:10px; border:#ccc 1px solid;}
.box-1{ background:url(../img/icons/frame.jpg) top left no-repeat;}


/*page-inner-white*/