/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top:0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 100%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}



@font-face {
  font-family: 'SegoePrint';
  src: url('../fonts/SegoePrint.eot?#iefix') format('embedded-opentype'),  url('../fonts/SegoePrint.woff') format('woff'), url('../fonts/SegoePrint.ttf')  format('truetype'), url('../fonts/SegoePrint.svg#SegoePrint') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ScriptMTBold';
  src: url('../fonts/ScriptMTBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/ScriptMTBold.woff') format('woff'), url('../fonts/ScriptMTBold.ttf')  format('truetype'), url('../fonts/ScriptMTBold.svg#ScriptMTBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.pic_respons{max-width:100%;height:auto;}

.menu{ background-color:#000;}
.navbar-inverse { background-color: #000;border-color: #000;}
.navbar-fixed-bottom, .navbar-fixed-top { position: relative;}
.navbar {margin-bottom: 0px;}
.navbar-inverse .navbar-nav > li > a{ color:#e79901;  font-family: 'SegoePrint'; font-size:15px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
color: #fff;background-color: transparent;}


.blak_bg{ background:url(../images/bnr_bg.png) repeat top; padding:15px; border-bottom:1px solid #ffdb7a;border-top:1px solid #ffdb7a;
position:absolute; left:0%; right:0%; top:-500px;  text-align:center; z-index:9999;}
.logo{ padding-top:6%;}
.blak_bg h1{ font-family: 'ScriptMTBold'; font-size:40px; color:#ffffff;}
.blak_bg h2{ font-family: 'ScriptMTBold'; font-size:35px; color:#e79901; line-height:30px;}
.blak_bg h2 span{color:#ffffff;font-size:30px;}

.blak_bg .icon{width:73px; margin:0 auto;}

.top_panel{ background:url(../images/top_bg1.jpg) repeat top; padding-bottom:50px;}
.whit_section{ padding:30px 30px 62px; background-color:#fff; text-align:center; position:relative;}
.whit_section p a{ background-color:#850d0d; padding:12px 65px; color:#fff;font-family: 'Roboto-Regular';font-size:18px;}
.whit_section p a:hover{ text-decoration:none; color:#FC3;}
.food{ background:url(../images/pic1.png) no-repeat top; position:absolute; left:0%; right:0%;bottom: -44px; width:183px; height:103px; margin:0 auto;}
.pt10{ padding-top:20px;}

.middle_panel{ background:url(../images/mid_bg.jpg) repeat top; padding:50px; position:relative;}
.cont_sec{ border:1px solid #fff; padding:30px 20px 55px ; text-align:center;}
.middle_panel p{font-family: 'Roboto-Regular'; font-size:14px; color:#f9e482;}
.middle_panel p a{ background-color: transparent; padding:12px 65px; color:#fff;font-family: 'Roboto-Regular';font-size:18px; border:1px solid #fff;}
.middle_panel p a:hover{ text-decoration:none; color:#FC3;}
.lady{ position:absolute; left:35px; top:-67px;}


.food_menu{ background:url(../images/menubg.png) repeat top; padding:50px; }
.first_pnl{ background:url(../images/menubg_b.png) repeat top; padding:24px;}
.sec_pnl{ background:url(../images/menubg_w.png) repeat top; padding:24px; border:#9d8b37 1px solid;}
.sec_pnl p{ font-size:18px; color:#000;font-family: 'Roboto-Regular'; margin:25px 0px; word-wrap:break-word;}
.menu_readmore{ text-align:center;}
.menu_readmore a{ background-color:#850d0d; padding:12px 65px; color:#fff;font-family: 'Roboto-Regular';font-size:18px;}
.menu_readmore a:hover{ text-decoration:none; color:#FC3;}

/*-------------------------  GALLERY CSS START  -------------------------*/
.gal-container{padding: 12px;}
.gal-item{overflow: hidden;padding: 0px;}
.gal-item .box{height: 350px;overflow: hidden;}
.box img{height: 100%;width: 100%;object-fit:cover;-o-object-fit:cover;}
.gal-item a:focus{outline: none;}
.gal-item a:after{content:"\e003";font-family: 'Glyphicons Halflings';opacity: 0;background-color: rgba(0, 0, 0, 0.75);position: absolute;right: 3px;
left: 3px;top: 3px;bottom: 3px;text-align: center; line-height: 350px; font-size: 30px;color: #fff;-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;}
.gal-item a:hover:after{opacity: 1;}
.modal-open .gal-container .modal{background-color: rgba(0,0,0,0.4);}
.modal-open .gal-item .modal-body{padding: 0px;}
.modal-open .gal-item button.close{position: absolute;width: 25px;height: 25px;background-color: #000;opacity: 1; color: #fff; z-index: 999;right: -12px;top: -12px; border-radius: 50%; font-size: 15px; border: 2px solid #fff;line-height: 25px;-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);}
.modal-open .gal-item button.close:focus{outline: none;}
.modal-open .gal-item button.close span{ position: relative;top: -3px;font-weight: lighter;text-shadow:none;}
.gal-container .modal-dialogue{width: 80%;}
.gal-container .description{position: relative;height: 40px;top: -40px;padding: 10px 25px;background-color: rgba(0,0,0,0.5);color: #fff;text-align: left;}
.gal-container .description h4{margin:0px;font-size: 15px;font-weight: 300;line-height: 20px;}
.gal-container .modal.fade .modal-dialog { -webkit-transform: scale(0.1);-moz-transform: scale(0.1);-ms-transform: scale(0.1); transform: scale(0.1);top: 100px; opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.gal-container .modal.fade.in .modal-dialog { -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0);opacity: 1;}

@media (min-width: 768px) {.gal-container .modal-dialog { width: 55%;  margin: 50 auto;}}
@media (max-width: 768px) {.gal-container .modal-content{ height:250px;}}
/* Footer Style */
i.red{color:#BC0213;}
.gal-container{ padding-top :0px;padding-bottom:0px;}
/*-------------------------  GALLERY CSS END  -------------------------*/
.gtxt{ position:relative;}
.gpnl{ position: absolute;top: 32%;left: 0px;right: 0px;margin: 0 auto;text-align: center;}


.bottom_panel{  background-color:#1a1915; padding:0px 0px 20px;}
.bottom_panel .icon{ text-align:right;}
.bottom_panel .icon a{ padding-left:5px; text-align:right;}
.mt20{ margin-top:20px;}
footer{  background-color:#000; padding:15px 0px; color:#fff; text-align:center;}
footer a{ color:#ee9e2c;}
footer a:hover{ color:#ee9e2c; text-decoration:underline;}

h1{ font-family: 'ScriptMTBold'; font-size:50px; color:#e77301;}
h2{ font-family: 'ScriptMTBold'; font-size:50px; color:#ffffff;}
h3{ font-family: 'Roboto-Regular';font-size:25px; color:#e89825;}
h4{ font-family: 'Roboto-Regular';font-size:14px; color:#ffffff; line-height:18px;}
h5{ font-family: 'SegoePrint';font-size:18px; color:#ffffff; line-height:18px; text-transform:uppercase;}

p{font-family: 'Roboto-Regular'; font-size:14px; color:#292929;}


.inner h1{ margin:0px 0px 30px;}
.banner img{  width:100%; }
.mystyle{ background-color: transparent; color:#000; border-radius:0px; border-bottom:1px solid #000; border-left:1px solid #fff;border-top:1px solid #fff;border-right:1px solid #fff; margin-bottom:10px; padding:0px;}
.submit{ background-color: #F60; color:#fff; width:100%; border:none; padding:10px 0px; font-weight:bold;}


.hder{ background-color:#d58013; padding:4px; margin-top:20px;}
.blk .hder{ background-color:#000; padding:4px; margin-top:20px;}
.items{ border:1px solid #000; padding:10px; border-radius:6px; margin-top:20px;}
.items p{ font-size:15px;}
.menu_text{ background-color:#000;border-radius:6px;font-family: 'SegoePrint';font-size:18px; color:#e77301; padding:8px;}

.special_panel{ border:1px solid #000; padding:15px; border-radius:6px; margin-top:20px;}
.special_panel h1{ padding:0px; margin:0px;}
.special_panel h2{ padding:0px; color:#333; font-size:38px; line-height:20px;}
.special_panel p{ padding:0px; margin:0px;}

/* Responsive Styles */
@media only screen and (min-width:990px ) and (max-width:1199px ){ 
.nav > li > a {  position: relative; display: block; padding: 10px 7px;}
.line{ display:none;}  
.logo{ padding-top:0%;}
.blak_bg h1{ font-size:25px;  margin:0px;}
.blak_bg h2{ font-size:22px; margin:0px; }
.blak_bg h2 span{font-size:22px; margin:0px;}
.logo img{ width:auto;}
.lady{ display:none;}
}
@media only screen and (min-width:320px ) and (max-width:989px ){ 

.black_cont{ background-color:#000;}
.blak_bg{ background:#000 url(../images/bnr_bg.png) repeat top; padding:15px; border-bottom:1px solid #ffdb7a;border-top:1px solid #ffdb7a;
position: relative; left:0%; right:0%; top:0px;  text-align:center; z-index:9999;}
.blak_bg{ bottom :10px; }
.logo img{ width:auto; text-align:center; margin:0 auto;}
.blak_bg h1{ font-size:25px;  margin:0px;}
.blak_bg h2{ font-size:22px; margin:0px; }
.blak_bg h2 span{font-size:22px; margin:0px;}
.line{ display:none;}  
}


@media(max-width:991px) {
.lady{ display:none;}
.bottom_panel{ text-align:center;}
.bottom_panel .icon{ text-align:center;}
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {

    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}
@media(max-width:500px) {
.whit_section p a{  padding:12px 15px; }
.middle_panel p a{  padding:12px 15px; }
.middle_panel{padding:50px 0px;}
.menu_readmore a{padding:12px 18px;  font-size:18px;} 
.food_menu{ background:url(../images/menubg.jpg) repeat top; padding:5px; }
.first_pnl{ background:url(../images/menubg_b.png) repeat top; padding:5px;}
.special_panel h1{ padding:0px; margin:0px; font-size:35px;}
.special_panel h2 {line-height: 32px;}
}