@import 'https://fonts.googleapis.com/css?family=Oswald:300,400,700';
/*----------------  Responsive Css ---------------------*/
 @media screen and (min-width: 990px) and (max-width: 989px) {
 }
@media screen and (min-width: 768px) and (max-width: 989px) {
	.container {width: 100% !important;}
	.navbar-brand > img {height: auto !important;left: 282px !important;width: 170px !important;}
	.navbar-inverse .navbar-nav > li > a {font-size: 14px !important;padding: 10px !important;}
	.vmenu > img {height: auto;left: -8px !important;width: 80px !important;}
	.circle > img {width: 100px;}
	.circle {left: -22px !important;width: 100px !important;}
	.rimg > img {min-height: 110px !important;}
	.ordersec {padding: 0 !important;}
	.padding0 { padding: 0 15px !important; }
	.res-title h5 { margin: 0 0 8px !important; }
	.awesm .visible-xs { display: none; }
	header .navbar-inverse { margin: 0 0 8px; }
	.ourmenu h1 {font-size: 18px !important;}

}
@media screen and (min-width: 990px) {
	.awesm .visible-xs { display: block !important;left: 20%;position: absolute;top: 2px;width: 142px; }
}

@media screen and (min-width: 768px) {
	.book {padding: 0 25% 0 0;}
	.styleicon .order-now {display: none;}
	.pickup-table { font-size: 16px; }
	.delivery-table { font-size: 16px; }
	.vmenu {padding: 0 0 0 25%;}
	.location {padding: 0 8%;}	
	.navbar-inverse .navbar-nav > li:last-child a { padding-right: 0; }
	header { border-bottom: 1px dotted #d8d8d8;padding: 0; }
	.navbar-inverse .navbar-nav > li > a {color: #333;font-size: 19px;padding: 10px 15px;text-transform: uppercase;transition: all 0.3s ease-in-out 0s;}
	.carousel-caption {text-shadow: none;bottom:5%;}
	.container {width: 984px;}
	header .navbar-inverse .navbar-collapse {background: #fff;border: medium none;}
	header .navbar-inverse {border: none;min-height: 42px;}
	.navbar-brand {height: 42px;padding: 0;}
	.menu-part { background: rgba(0, 0, 0, 0) url("../images/bg-menu.jpg") repeat-x scroll 0 0;padding: 5px 0 0; }
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {background-color:transparent;color: #679b08 ;}
	.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {background-color: transparent;color: #679b08;}	
	.navbar-nav li.active > a:, .navbar-nav li a:hover {position:relative;transition: all 0.3s ease-in-out 0s;}
	.navbar-nav li.active > a::after, .navbar-nav li a:hover::after { border-bottom: 7px solid transparent;border-left: 7px solid #679b08;border-top: 7px solid transparent;content: "";left: 2px;position: absolute;top: 14px; }
	.navbar .navbar-nav { top: 10px; }
	.awesm .navbar .navbar-nav { top: 2px;float:none; }
	
}

@media screen and (max-width: 767px) {
	.pickup-table h4, .delivery-table h4 {font-size: 20px !important;}
	.circle > img {width: 80px;}
	.book_table_foot {top: 5px !important;}
	.ourmenu h1 { font-size: 20px !important; }
	.nopadding {padding: 0;}
	.oz_order a, .oz_order button{margin: 5px !important;width: 140px !important;}
	.nav.navbar-nav { margin: 5px 0 0; }
	#myScrollspy { padding: 0; }
	.ordersec { display: none; }
	.footer-menu { margin: 5px 0 !important; }
	.footer-menu > a { font-size: 11px; }
	.address.flus { text-align: left !important; }
	.nav > li { display: block;text-align: left; }
	.nav.navbar-nav { width: 100%; }
	.res-title h5 { font-size: 17px !important; }
	.padding0 { padding: 0 15px 0 0 !important; }
	.res-title > p { font-size: 14px !important;line-height: 16px !important; }
	.styleicon { text-align: center; padding:20px 0; }
	.ourmenu a.order-now { color: #fff;text-decoration: none; }
	.vmenu  img { display:none; }
	.box, .innergap {padding: 0 !important;}
	.carousel-caption > p {display: none;}
	.section-calltoaction {text-align: center;}
	.circle {left: -21px !important;	width: 80px !important;}
	.vmenu > img, .book > img {left: 50% !important;margin: 10px 0 20px;position: relative !important;top: 0 !important;
		transform: translateX(-50%) !important;-webkit-transform: translateX(-50%) !important;-moz-transform: translateX(-50%) !important;-o-transform: translateX(-50%) !important;}
	.navbar-brand > img {	max-width: 100%;width: 140px;}
	.navbar-brand {padding: 5px;	}
}
/* slider  */
/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: #fff; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }
  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }
/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* Carousel Control custom */
.carousel-control .control-icon {
  font-size: 48px;
  height: 30px;
  margin-top: -15px;
  width: 30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
  }
  .carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */
  .carousel-control .next { margin-right: -15px; right: 50%; } /* Next */
/* Removing BS background */
.carousel .control-box { opacity: 0; }
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}
/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;   
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */
  } 
/* Hover animation */
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }  


body {
	background: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	color:#282828;
	font-size:16px;
}
.navbar .navbar-nav {
    display: inline-block;
    float: right;
    position: relative;
}
.navbar .navbar-collapse {
    text-align: center;
}

.order-now span { padding:0 5px 0 0; }
.order-now,.view-menu-button {

	outline: 0;
		padding: 5px 12px;
		display: block;
		color: #9fa8b0;
		font-weight: bold;
		text-shadow: 1px 1px #1f272b;
		border: 1px solid #1c252b;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background: #232B30; /* old browsers */
		background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */
		box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */
		-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */
		-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */

  border-radius: 20px;
    border-width: 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
    color: #ecf0f1;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 0.3s ease 0s;
    width: 150px;
}
.order-now:hover, .order-now:focus,.view-menu-button:hover,.view-menu-button:focus {color:#fff;opacity:0.8;text-decoration:none;}
.order-now:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  padding-top: 0;
  border-radius: 100%;
  background-color: rgba(236, 240, 241, .3);
  
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.order-now:active:before {width: 120%;padding-top: 120%;transition: width .2s ease-out, padding-top .2s ease-out;}
.circle { border-radius: 50cm;-webkitborder-radius: 50cm;-moz-border-radius: 50cm;height: 157px;left: -100px;position: absolute;top: 28%;width: 157px;z-index: 5;}

.ourmenu h2 a {color: #d52829;text-decoration: none;text-transform: uppercase;}
.ourmenu {margin: 5px 0 0;position: relative;}
.vmenu  img {
	-webkit-box-shadow: 0 4px 10px -4px #787878;-moz-box-shadow: 0 4px 10px -4px #787878;box-shadow: 0 4px 10px -4px #787878;height: auto;left: -50px;position: absolute;
	top: 20px;transform: rotate(-10deg);-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-o-transform: rotate(-10deg);width: 100px;}
.book > img {position: absolute;right: -112px;top: 22px;}
.ourmenu > h2 {
    background: rgba(0, 0, 0, 0) url("../images/arrow.png") no-repeat scroll center 0;
    font-weight: 700;
    margin: 0 0 40px;
    padding: 0 0 8px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
#popular-items .ourmenu > h2 {text-align: center;}
#opening-hours .ourmenu {margin: 0;}
.ourmenu a {color: #7ba714;text-decoration: underline;}
.ourmenu a:hover { text-decoration:none; }
#locat > ul {list-style: outside none none;margin: 0;padding: 0;}
#locat {background: #c6191a;padding: 8px 0;border-radius:5px;position: relative;}
#locat > ul {background: #393939;display: none;max-height: 116px;overflow-x: auto;padding: 10px 0 5px;position: absolute;top: 36px;width: 100%;z-index: 5;}

#locat a:hover {padding: 0 20px;}
#locat li {padding: 0 0 2px;}
#locat a {color: #fff;display: block;line-height: 14px;margin: 0 0 5px;padding: 0 15px;text-decoration: none;transition: all 0.3s ease-in-out 0s;}
#locat > span {color: #fff;display: block;font-weight: 700;padding: 0 15px;}
#locat:hover ul {display:block;}

#locat::after {background: rgba(0, 0, 0, 0) url("../images/menu-icon.png") no-repeat scroll right top / 36px 36px;content: "";height: 33px;position: absolute;right: 8px;top: 0;width: 36px;}
#locat:hover {border-radius: 5px 5px 0 0;}
#popular-items {}
.carousel {background: rgba(0, 0, 0, 0) url("../images/promo_slider_shadow.png") no-repeat scroll center bottom / 100% auto;padding-bottom: 24px;}
.carousel-caption > p {font-size: 18px;font-weight: 700;}
.menubg {background: #fff ;float: left;padding: 20px 0 0;width: 100%;}


.box {position: relative;margin:0 0 20px;}
.box.mpart1 > img {position: absolute;right: -25px;}
.box.mpart1 > h3 {padding-right: 60px;}
.box > h3, .contact-title {border-bottom: 1px solid #ccc;color: #d52829;font-size: 18px;font-weight: 700;line-height: 24px;margin: 0 0 20px;padding: 0 0 8px;text-align:center;position: relative;text-transform: uppercase;}
.box > h3::after, .contact-title::after {background: #7ba714;bottom: -3px;content: "";height: 5px;left: 50%;position: absolute;transform: translateX(-50%);
    -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);width: 100px;}
.box a {color: #7ba714;text-decoration: underline;}
.box a:hover {text-decoration: none;}
.rimg {-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);display: block;margin: 0 0 15px;padding: 3px;text-align: center;}
.rimg > img {max-height: 100%;max-width: 100%;min-height: 120px;width: auto;}
.ordersec {text-align: center;}
.box.mpart2 {padding-right: 135px;}
.mpart2 .rimg {box-shadow: none;position: absolute;right: -10px;top: -12px;}
.mpart2 .rimg > img {width: 135px;}
.mslider .carousel {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.mslider .carousel-inner {background: #fff;}
.item > img {	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
.carousel-caption2 {margin: 20px 0;}
.mslider .carousel-indicators li {border: 1px solid #ccc;}
.mslider .carousel-indicators .active {border: 1px solid #222;}
.mslider .carousel-indicators {bottom: 10px;}
.address > a {margin: 0 5px 0 0;}
.address img:hover {opacity: 0.5;}
.address > h4 { font-size: 15px;font-weight: 700;margin: 0 0 5px;text-transform: uppercase; }
.address span {
    font-weight: 500;
    padding: 0 0 0 10px;
    text-transform: capitalize;
}
.maping {display: block;margin: 0;}
.address a {color: #d52829;font-weight: 700;font-size:14px;}
.pickup-table h4, .delivery-table h4 {border-bottom: 1px solid #dadada;color: #333;font-size: 25px;font-weight: 700;line-height: 30px;margin-bottom: 20px;padding-bottom: 7px;}
dl.table-row {display: block;height: 25px;line-height: 25px;margin: 2px 0;overflow: hidden;    width: 100%;
}
dl.grayed {background-color: #f8f8f7;}
dl.table-row dt.day {display: block;float: left;color:#000;font-weight: normal;width: 30%;}
dl.table-row dd.hours {display: block;float: right;text-align: right;width: 70%;}
dl.table-row dd.hours span {color: #a8a8a8;padding: 0 10px;}
.box-title span {color: #d52829;font-size: 26px;padding: 0 5px 0 0;}
.foot1 {background: #555;padding: 20px 0;}
.we-deliver-to > h3 {color: #fff;font-size: 25px;margin: 10px 0;}
.cities {color: #fff;line-height: 18px;margin: 14px 0;}
.foot2 {background: #191919;border-top: 5px solid #383838;padding: 10px 0;}
.footer-menu {color: #fff;margin: 20px 0;}
.footer-menu > a {color: #fff;}
.logo-foot img {max-width: 100%;width: 70px;}
#about-us .ourmenu {margin: 0;}
#about-us {margin: 30px 0 30px;}
.innergap {background: #fff;float: left;width: 100%;}
#get-touch .ourmenu {margin: 0;}
#about-us .ourmenu > p {text-align: justify;}
.mslider .carousel-inner > .item > a > img, .mslider .carousel-inner > .item > img {	-webkit-box-shadow: 0 -4px 6px 4px #000;-moz-box-shadow: 0 -4px 6px 4px #000;box-shadow: 0 -4px 6px 4px #000;line-height: 1;}
.address.flus {margin: 0 0 30px;text-align:right; }
.maping {position: relative;	padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.maping  iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.address.flus img {width: 40px;}
.logo-foot { color: #6d6d6d;padding: 2% 0 0; }

.awesm .nav-stacked {
    left: 0;
	border-bottom: 1px solid #ccc;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.awesm .navbar-brand > img {
    display: none;
}
.awesm .logostyle {
    margin: 0;
}
.awesm { height:50px;}

.navbar.navbar-inverse.affix {
    background: #fff none repeat scroll 0 0;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
}



.restimg img {
    border: 1px solid #ccc;
    box-shadow: 0 7px 8px -6px #6b6b6b;
    max-width: 100%;
    padding: 2px;
    width: auto;
}
.padding0 { padding:0; }
.ourmenu h1 {
    font-family: "Oswald",sans-serif;
    font-size: 22px;
    font-style: italic;
    font-weight: 300;
    margin: 0;
    text-transform: capitalize;
}

.res-title > p {
    font-size: 16px;
    line-height: 18px;
    margin: 0;
}
.res-title h5 {
    font-size: 18px;
    margin: 25px 0 8px;
}
.restimg, .res-title {
    margin: 0 0 20px;
}

.ourmenu > h2 span {
    background: #bf1518 none repeat scroll 0 0;
	box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px;
	position:relative;
    padding: 10px 30px;
    text-align: center;
}
.open-hours > h3 {
    background: #bf1518 none repeat scroll 0 0;
	box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px;
	position:relative;
    padding: 10px 0;
    text-align: center;
}


.open-hours > h3::before,.ourmenu > h2 span::before {
    border-color: #bf1518 transparent transparent #bf1518;
    border-style: solid;
    border-width: 6px;
    bottom: -12px;
    content: "";
    position: absolute;
    left: 0;
}
.open-hours > h3::after,.ourmenu > h2 span::after {
    border-color: #bf1518 transparent transparent #bf1518;
    border-style: solid;
    border-width: 6px;
    bottom: -12px;
    content: "";
    position: absolute;
    right: 0;
}












.Lunch {
    display: block;
    width: 100%;
}
.Lunch span {
    color: #bf1518;
    display: inline-block;
    float: left;
    font-weight: 600;
    text-align: left;
    width: 90px;
}
.Lunch > p {
    background: rgba(0, 0, 0, 0) url("../images/arrow2.png") no-repeat scroll 82px 3px;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    margin: 0 0 5px;
    padding: 0 0 5px;
    text-align: right;
}
.Lunch h6 {
    background: #3d4850 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 0;
    text-align: center;
}
.dlv > a {
    color: #bf1518;
    font-family: "Oswald",sans-serif;
    font-weight: 700;
    text-decoration: none;
}
.dlv {
    font-style: italic;
    margin: 10px 0;
    text-align: center;
}
.dlv > a:hover {
    color: #ff0000;
}
.adspart {
    margin: 0 0 30px;
}
.address.flus span {
    font-size: 15px;
    font-weight: 700;
    padding: 0 10px 0 0;
}
.Lunch i {
    padding: 0 3px 0 0;
}
/* --------------  popup ------------------ */
@media screen and (max-width: 767px) {
	.puw_Cont .pop-title { font-size: 25px; }
	.cupon { font-size: 20px !important;	}
}

.modal { text-align: center;padding: 0!important; }

.modal:before { content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px; }
.modal-dialog { display: inline-block;text-align: left;vertical-align: middle; }
.modal-dialog { max-width: 92%;width: 450px; }
.modal-header { border-bottom: medium none navy; }
#myModal .close {
    background: rgba(0, 0, 0, 0) url("../images/close-icon.png") no-repeat scroll 0 0;
    height: 36px;opacity: 1;position: absolute;right: -15px;text-indent: -9999px;top: -15px;width: 36px; }
.cupon { color: #8f0e00;font-size: 30px;font-weight: 700;margin: 0; }
.cde1 { font-size: 12px;font-weight: bold; }
.modal-content { border-radius: 0; }
.puw_Cont .pop-title { font-weight: 700;text-transform:uppercase;margin: 0;font-size: 36px; }
.puw_Cont { padding: 0 0 30px; }
#myModal .close:hover { opacity: 0.8; }
/* --------------  popup end ------------------ */

.book_table_foot {
    display: inline-block;
    margin: 0 5%;
    position: relative;
    top: -12px;
}
.book_table_foot img {
    box-shadow: 0 2px 4px #a8a8a8;
    height: 40px;
}


form button{margin: 0;padding: 0;outline: none;border: none;cursor: pointer;background: none;}

.oz_order {

 }
.oz_order a, .oz_order button {border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
color: #fff;display: inline-block;font-size: 15px;font-weight: bold;height: 45px;line-height: 45px;margin: 0 5px;text-align: center;width: 160px;}
.oz_table {
    border: solid 1px #da7c0c;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.oz_online {
    text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #64991e;background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.oz_order a:hover, .oz_order a:focus {opacity: 0.8;outline: medium none;text-decoration: none;}
.oz_order button:hover, .oz_order button:focus {opacity: 0.8;outline: medium none;text-decoration: none;}
