/* TABLE OF CONTENTS */
/* ======================================================


    1. General
    2. Utility Classes
    3. Headings
    4. Buttons
    5. jQuery UI
    6. Header
      6.1. Header Top Bar
      6.2. Header Nav Bar
      6.3. Master Slider
      6.4. Header Page Title
    7. Footer
      7.1. Footer Links
      7.2. Footer Subscribe
      7.3. Footer Copyright
    8. Lnding page
      8.1. Landing links 
      8.2  Landing social
    9. Call to Action Section
    10. Category Boxes
    11. Welcome Message
    12. Small slide section
    13. Latest from blog
    14. Menu
      14.1. Thumbnail slide 
      14.2. Side panel
      14.3. Side panel togle content
      14.5. Search Keyword
      14.6. Category
      14.7. Miscllaneous
      14.8. Price range
      14.9. View Switcher
      14.10. Pagination
    15. Menu with right checkout
    16. Menu View-2
      16.1. Mega call-us 
      16.2. All menu details 
      16.3. Menu image 
      16.4. Price option
      16.5. Qty and Cart
    17. 2 Grid menu
    18. Menu with details
    19. Single Menu
    20. Menu without side panel
    21. Menu Dropdown option
    22. Chef page 
      22.1. Chef social icon
      22.2. Chef Description
      22.3. Comment section
      22.4. Leave reply 
      22.5. General info
    23. Our Team
    24. Contact Us
    25. News & Events page
      25.1. Tag
      25.2. Search section
      25.3. Custom select box
      25.4. Side panel
    26. Blog list
    27. Blog post
    28. Dish
    29. Event page
      29.1. Tab
    30. Jquery ui calender
    31. Custom checkbox
    32. Custom Radio button



====================================================== */



/* General */
/* ====================================================== */

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800);
@import url('https://fonts.googleapis.com/css?family=Cookie');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');




body {
  background: #ffffff;
  color: #423338;
  font-size: 14px;
  font-family:'Roboto', sans-serif;
  line-height: 24px;
  letter-spacing: 0.2px;
  cursor: default;
  -webkit-font-smoothing: antialiased;
}

body.loaded {
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#main-wrapper { overflow: hidden; }

#page-content { padding: 0; }

a {
  color: #343434;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

a:hover {
  text-decoration: none;
  color: #343434;
}

a:focus { outline: none; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

p { margin: 0 0 10px; }

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }

abbr[title], abbr[data-original-title] {
  border-bottom: 1px dotted #ced6da;
  cursor: help;
}



/* Utility Classes */
/* ====================================================== */
.css-table { display: table; }

.css-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

.list-inline > li:first-child { padding-left: 0; }

.mb60 { padding-bottom: 30px; }

.mt30 {
  margin-top: 30px;
  margin-bottom: 40px;
}

.mt60 { margin-top: 60px; }



/* Headings */
/* ====================================================== */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: inherit;
  font-weight: normal;
  font-family: inherit;
  font-family: 'Poppins', sans-serif;
  line-height: 1.1;
}

h5
{
	color: #c50f11;
}
	

h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small { font-size: 75%; }

h1, .h1 { font-size: 50px; }

h2, .h2 { font-size: 36px; }

h3, .h3 { font-size: 30px; }

h4, .h4 { font-size: 24px; }

h5, .h5 {
  font-weight: 700;
  font-size: 20px;
}

h6, .h6 {
  font-weight: 700;
  font-size: 16px;
}



/* Buttons */
/* ====================================================== */
.btn {
  display: inline-block;
  margin-bottom: 0;
  padding: 3px 15px;
  border: 0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-image: none;
  color: #291f23;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
}

.loaded .btn {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.shortcodes-star .fa { color: #e00000; }

.btn .fa {
  margin-right: 5px;
  font-size: 14px;
}

.btn-icon .fa { margin: 0; }

.btn:hover, .btn:focus { text-decoration: none; }
.btn:focus { outline: 0; }

.btn:active, .btn.active { outline: 0; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%;
}

.sub-category-title, .all-menu-details h6
{
    margin-top: 10px !important;
    padding: 25px 0 0px;
    clear: both;
    color: #c50f11;
    font-size: 16px;
    font-weight: 700;
    
}

/* Default */
.btn-default {
  padding: 5px 15px 5px 15px;
  border: 1px solid #fefefe;
  color: #fff;
  position: absolute;
  right: 0;
  border-radius: 7px;
  font-size: 16px;
}

.btn-default > .fa {
  font-size: 17px !important;
  padding: 5px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  outline: 0;
  border-color: #e00000;
  background: #fff;
  color: #e00000;
}

/* Black */
.btn-default-black {
  padding: 2px 10px;
  border: 1px solid #666;
  background: transparent;
  color: #999;
  border-radius: 7px;
  font-size: 16px;
  margin: 15px 5px;
}

/* White */
.btn-default-white {
  padding: 5px 15px 5px 15px;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  border-radius: 7px;
  font-size: 16px;
  -webkit-transition: all .4s ease;
}

.btn-default-white > .fa {
  font-size: 17px;
  padding: 5px;
}

.btn-default-white:hover,
.btn-default-white:focus,
.btn-default-white:active,
.btn-default-white.active {
  outline: 0;
  border-color: #e00000;
  background-color: #fff;
  color: #e00000;
}

/* Red */
/*.btn-default-red {
  padding: 5px 15px 5px 15px;
  border: 1px solid #c50f11;
  background: transparent;
  color: #c50f11;
  border-radius: 7px;
  font-size: 16px;
}*/
.btn-default-red {
    padding: 5px 15px 5px 15px;
    border: 1px solid #c50f11;
    background: #c50f11;
    color: #fff;
    border-radius: 7px;
    font-size: 16px;
}
.custom-btn-default-red {
  padding: 2px 5px 2px 5px;
  border: 1px solid #c50f11;
  background: transparent;
  color: #c50f11;
  border-radius: 7px;
  font-size: 16px;
  font-size:12px !important;
}

.custom-btn-default-red-2 {
padding: 2px 5px 2px 5px;
border: 1px solid #c50f11;
background: #c50f11;
color: #fff;
border-radius: 7px;
font-size: 16px;
font-size:12px !important;
}

.custom-btn-default-red-2:hover,
.custom-btn-default-red-2:focus,
.custom-btn-default-red-2:active,
.custom-btn-default-red-2.active {
  outline: 0;
  background-color: #fff;
  color: #c50f11;
}




.custom-btn-default-red:hover,
.custom-btn-default-red:focus,
.custom-btn-default-red:active,
.custom-btn-default-red.active {
outline: 0;
background-color: #c50f11;
color: #fff;
}

.btn-default-red > .fa {
  font-size: 17px;
  padding: 5px;
}

.btn-default-red:hover,
.btn-default-red:focus,
.btn-default-red:active,
.btn-default-red.active {
outline: 0;
background-color: #c50f11;
color: #fff;
}




/* Red Inverse*/
.btn-default-red-inverse {
  padding: 5px 15px 5px 10px;
  border: 1px solid #c50f11;
  background: #c50f11;
  color: #fff;
  border-radius: 7px;
  font-size: 16px;
}

.btn-default-red-inverse > .fa {
  font-size: 20px;
  padding: 5px;
}

.btn-default-red-inverse:hover,
.btn-default-red-inverse:focus,
.btn-default-red-inverse:active,
.btn-default-red-inverse.active {
  outline: 0;
  background-color: #fff;
  color: #c50f11;
}



/* jQuery UI */
/* ====================================================== */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: none;
  color: #666;
  font-weight: normal;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #eeeeee;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #e00000;
  color: #fff;
  font-weight: normal;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: none;
  color: #423338;
  font-weight: normal;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eeeeee;
  text-decoration: none;
}

/*.ui-datepicker-calendar .ui-datepicker-unselectable span {
  color: #999;
  cursor: default;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover {
  background: none;
}*/



/* Header */
/* ====================================================== */
#header { position: relative; }

#header a { text-decoration: none; }

/* Header Top Bar */
#header .header-top-bar {
  padding: 0px 0 0px 0;
  background: #000;
  color: #efeee6 ;
  font-size:13px;
}

#header .header-top-bar p { padding-top: 8px; }

#header .header-top-bar .header-login {
  position: relative;
  float: left;
}

#header .header-top-bar .header-login { margin-top: 8px; }

#header .header-top-bar .header-login a {
  color: #efeee6 ;
  font-size: 15px;
}

#header .header-top-bar .header-login a:hover { color: #eed02a; }

#header .header-top-bar .header-login a:last-child { margin: 0 10px 0 0px; }

#header .header-top-bar .header-social {
  position: relative;
  margin: 0 auto;
  padding-top: 6px;
  float: left;
}

#header .header-top-bar .header-social > li {
  display: inline;
  margin: 0 5px;
}

#header .header-top-bar .header-social > li > a {
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
}

#header .header-top-bar .header-social > li > a:hover {
  color: #e00000;
}

#header .header-top-bar .call-us {
  position: relative;
  float: right;
  font-size: 13px;
  font-weight: bold;

}

#header .header-top-bar .call-us a {
  color: #efeee6 ;
  font-size: 13px;
  margin: 0px 20px 0 4px;

}

#header .header-top-bar .call-us a:hover {
  color: #eed02a;
}

#header .header-top-bar .call-us span.open-now {
  position: relative;
  font-size:13px;
}

#header .header-top-bar .call-us span .fa {
  position: relative;
  top: 2px;
}

#header .header-top-bar .call-us .fa {
  color: #80c200;
  margin-right: 10px;
  padding-top: 5px;
  font-size: 18px;
}

/* Header Nav Bar */
#header .header-nav-bar {
  position: relative;
  width: 100%;
  background: #343434;
}
#header .header-nav-bar .navbar {
  margin: 0;
  background: #efeee6 ;
  border: none;
}

#header .header-nav-bar .navbar .navbar-header {
  margin-bottom: 5px;
  margin-top: 5px;
  position: relative;
}

#header .header-nav-bar .navbar .navbar-brand {
  padding: 0;
  margin: 0;
}

#header .header-nav-bar .navbar .navbar-brand img {
  /*margin-top: 15px;*/
  margin-left: 10px;
}

#header .header-nav-bar .navbar-nav { padding: 0; }

#header .header-nav-bar .navbar-nav li { padding: 20px 0; }

#header .header-nav-bar .navbar-nav li a {
  position: relative;
  display: block;
  color: #5a5429;
  /*text-transform: uppercase;*/
  font-weight: 700;
  font-size: 14px;
}

#header .header-nav-bar .navbar-nav li ul li a{
  color: #5a5429;
  background: #efeee6 ;
  display: block;
  margin: 0;
 padding: 5px 5px 5px 10px !important;
 font-size:12px !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #5a5429!important;
  background-color: #5a5429 !important;
}

.act {
  color: #5a5429 !important;
}

/* Dropdown */
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
  color: #000;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 12px;
  padding: 2px 0;
  background-color: #fff;
}

.dropdown-menu > li {
  padding: 0 !important;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff !important;
  text-decoration: none;
  background-color: #84251E !important;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1a1a1a;
  outline: 0;
}

#header .header-nav-bar .navbar-nav li a:hover,
#header .header-nav-bar .navbar-nav li.active a {
  color: #5a5429;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #e00000;
  margin: 15px 10px 0 0;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #5a5429;
}

.navbar-default .navbar-toggle:hover {
  background-color: #1a1a1a;
}

.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

#header .small-menu {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  background: #e8e8e8;
}

#header .small-menu ul {
  margin: 0;
  padding: 0;
  position: relative;
  float: right;
}

#header .small-menu ul li {
  font-size: 12px;
  color: #000;
}

#header .small-menu ul li a {
  color: #000;
}

#header .small-menu ul li a:hover {
  color: #680000;
}

#header .small-menu .choose-option {
  position: relative;
  float: left;
}

#header .small-menu .choose-option ul {
  background: #4d4d4d;
}

#header .small-menu .choose-option ul li {
  padding: 0 15px 0 20px;
  position: relative;
  color: #fff;
}

#header .small-menu .choose-option ul li:after {
  content: '';
  position: absolute;
  right: -12px;
  top: 0px;
  z-index: 20;
  border-top: 12.5px solid transparent;
  border-bottom: 12.5px solid transparent;
  border-left: 12.5px solid #4d4d4d;
}

#header .small-menu .choose-option ul li:before {
  content: '';
  position: absolute;
  right: -12px;
  top: 0px;
  z-index: 10;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #ccc;
}

#header .small-menu .choose-option ul li.active:after { border-left: 13px solid #e00000; }

#header .small-menu .choose-option ul li a {
  color: #fff;
  font-size: 13px;
}

#header .small-menu .choose-option ul li.active { background: #e00000; }

/* Master Slider */
.master-slider .ms-layer { color: #ffffff; }

.master-slider .ms-layer {
  width: 100%;
  padding-top: 100px;
}

.master-slider .ms-layer h1 {
  margin: 0;
  padding-bottom: 50px;
  font-size: 40px;
  font-weight: normal;
  text-align: right;
  line-height: 1.2em;
}

.master-slider .ms-layer h1 > span {
  font-size: 65px;
  font-weight: 700;
}
.master-slider .ms-layer h1 > p {
  font-size: 20px;
  line-height:20px;
}


.master-slider .ms-layer h1 > .bold {
  font-size: 40px;
  font-weight: bold;
  padding: 0 5px;
}

.master-slider .ms-layer a {
  color: #fff;
  background: transparent;
}

.master-slider .ms-layer a:hover {
  color: #e00000;
  background: #fff;
}

/* Header Page Title */
#header .header-page-title {
  padding: 20px 0 80px 0;
  background-image: url(../img/page-title-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
}

#header .header-page-title a {
  color: inherit;
}

#header .header-page-title a:hover {
  text-decoration: underline;
}

#header .header-page-title h1 {
  float: left;
  margin: 0;
  font-size: 30px;
  line-height: 40px;
}

#header .header-page-title .breadcrumbs {
  position: relative;
  display: block;
  float: right;
  margin: 0;
  padding: 8px 0;
  list-style: none;
}

#header .header-page-title .breadcrumbs > li {
  float: left;
}

#header .header-page-title .breadcrumbs > li:after {
  margin: 0 10px;
  color: #d2b995;
  content: '/';
}

#header .header-page-title .breadcrumbs > li:last-child:after {
  display: none;
}

#header .header-page-title .breadcrumbs > li a {
  display: inline-block;
  line-height: inherit;
}



/* Footer */
/* ====================================================== */
#footer {
  position: relative;
  background: #ececec;
  color: #000000;
  font-size: 14px;
}

#footer .main-footer {
  padding-top: 20px;
  padding-bottom: 50px;
}

#footer .main-footer img {
  padding-top: 30px;
  margin-bottom: 10px;
}

#footer .main-footer .footer-links a { color: #000000; }

#footer .main-footer .footer-links a:hover { color: #fff; }

#footer .main-footer h5 {
  margin: 0 !important;
  padding-top: 35px;
  padding-bottom: 10px;
  font-weight: 700;
}

#footer .main-footer span { color: #e00000; }

#footer .main-footer h5 span {
  color: #e00000;
  margin: 0 15px;
  font-size: 15px;
}

#footer .main-footer p {
  color: #000000;
  font-weight:normal;
}

#footer .main-footer p a {
  color: #000000;
  text-decoration: none;
  font-size:12px;
}

/* Footer Links */
#footer .main-footer .footer-links {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

#footer .main-footer .footer-links li a {
  padding: 13px 0 0 0;
  color: #000000;
  text-decoration: none;
  text-transform: capitalize;
  font-weight:normal;
}
#footer .main-footer .footer-links li a {
  color: #000000!important;
}

#footer .main-footer .padd { padding-right: 50px; }

/* Footer Subscribe */
#footer .footer-subscribe {
  position: relative;
  margin: 20px 0 0 0;
  padding-right: 30px;
}

#footer .footer-subscribe input[type="email"] {
  margin: 0;
  padding: 3px 15px;
  width: 100%;
  height: 40px;
  outline: 0;
  border: 0;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  background: #241c1f;
  line-height: 24px;
}

#footer .footer-subscribe button[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 40px;
  outline: 0;
  border: 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background: #241c1f;
  color: #e00000;
  font-size: 14px;
  font-family: 'FontAwesome';
}

#footer .footer-subscribe button[type="submit"]:after {
  font-family: 'FontAwesome';
  content: "\f055";
  position: absolute;
  top: 8px;
  right: 6px;
  height: 17px;
  width: 18px;
  color: #e00000;
  font-size: 18px;
  font-weight: 200;
}

/* Footer Copyright */
#footer .footer-copyright {
  padding: 20px 0;
  background: #5a5a5a;
  color: #36352F  font-size: 14px;
}

#footer .footer-copyright p {
  float: left;
  margin: 0;
}

#footer .footer-copyright .footer-social {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer .footer-copyright .footer-social li {
  display: inline-block;
  margin-left: 15px;
  font-size: 18px;
}

#footer .footer-copyright a { color: #36352F; }

#footer .footer-copyright a:hover { color: #ffffff; }



/* Landing Page */
/* ====================================================== */
#main-wrapper .landing-logo {
  position: absolute;
  top: 30px;
  left: 19%;
  z-index: 50;
}

.master-slider.landing .ms-layer {
  position: absolute;
  top: 180px;
  left: 14%;
  height: 100%;
  width: 300px;
  text-align: center;
  padding: 0;
}

.master-slider.landing h4 {
  padding: 60px 0 36px 0;
  font-size: 25px;
  font-weight: bold;
  font-family: 'Nothing You Could Do', cursive;
}

.master-slider.landing p {
  font-family: 'Nothing You Could Do', cursive;
  font-weight: bold;
  font-size: 12px;
  margin: 0;
  line-height: 15px;
}

.master-slider.landing p:nth-child(2n+2) { padding: 20px 0 0 0; }

.master-slider.landing a {
  margin-top: 40px;
}

#main-wrapper .welcome-msg {
  position: relative;
  height: auto;
  width: 100%;
  text-align: center;
  background-color: #f3f3f3;
  margin-bottom: 30px;
}

#main-wrapper .welcome-msg img {
  position: relative;
  top: 0;
}

#main-wrapper .welcome-msg h6 {
  font-weight: normal;
  padding: 50px 0 60px 0;
}

/* Landing Links */
#main-wrapper .landing-link { margin-bottom: 70px; }

#main-wrapper .box-link {
  position: relative;
  height: 360px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#main-wrapper .box-link figure {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
}

#main-wrapper .box-link figure img {
  width: 100%;
  height: 100%;
}

#main-wrapper .box-link figure h4 {
  position: absolute;
  bottom: 0;
  height: 100px;
  width: 100%;
  background-color: rgba(52,52,52, .7);
  margin: 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

#main-wrapper .box-link figure h4 a {
  line-height: 130px;
  color: #fff;
  font-size: 20px;
  text-transform: capitalize;
}

#main-wrapper .box-link figure figcaption {
  position: absolute;
  bottom: 100px;
  height: 40px;
  width: 100%;
  text-align: center;
  background-color: rgba(224,0,0, .6);
  overflow: visible;
}

#main-wrapper .box-link figure figcaption a {
  position: absolute;
  bottom: -31px;
  left: 34%;
  border-radius: 50%;
  background-color: #fff;
  padding: 24px;
  border: 3px solid #e00000;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

#main-wrapper .box-link figure figcaption a:hover {
  background-color: #e00000;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 0 4px #e00000;
  -moz-box-shadow: 0 0 0 4px #e00000;
  -o-box-shadow: 0 0 0 4px #e00000;
  box-shadow: 0 0 0 4px #e00000;
}

#main-wrapper .box-link figure figcaption a:hover .fa { color: #fff; }

#main-wrapper .box-link figure figcaption a .fa {
  font-size: 40px;
  height: 50px;
  width: 50px;
  color: #e00000;
}

/* Landing Social */
#main-wrapper .finding-social h6 {
  font-weight: normal;
  padding-bottom: 10px;
}

#main-wrapper .finding-social ul li a {
  color: #e00000;
  font-size: 20px;
}

#main-wrapper .finding-social ul li a:hover { color: #343434; }

#main-wrapper .finding-social p { padding: 10px 0 60px 0; }

#main-wrapper .btn-landing { border: 1px solid #fff; }



/* Call to Action Section */
/* ====================================================== */
.call-to-action-section {
  position: relative;
  margin: -30px 0 30px 0;
  height: 130px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #f2f2f2;
  color: #343434;
}

.call-to-action-section .icon {
  position: absolute;
  display: block;
  width: 130px;
  height: 100%;
  -webkit-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
  background: #c50f11;
  vertical-align: middle;
  text-align: center;
}

.call-to-action-section .icon img {
  margin-top: 35px;
}

.call-to-action-section .text {
  padding: 0 40px 0 160px;
  width: 100%;
  height: 100%;
}

.call-to-action-section .text h4 {
  font-weight: bold;
  margin: 0;
  padding-bottom: 10px;
}

.call-to-action-section .text p {
  padding-right: 30px;
}

.call-to-action-section .text a {
  margin-left: 30px;
  float: left;
}



/* Category Boxes */
/* ====================================================== */
.category-boxes-icons {
  position: relative;
  margin: 30px 0;
  padding: 0;
  text-align: center;
}

.category-boxes-icons .category-boxes-item {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  height: 190px;
  width: 100%;
  padding: 0;
  border: 1px solid transparent;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  background: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.category-boxes-icons .category-boxes-item figure {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.category-boxes-icons .category-boxes-item figure img {
  height: 100%;
  width: 100%;
  padding: 0;
  transform: scale(1.0);
  -webkit-transform: scale(1.0);
  transition: all.4s ease;
  -webkit-transition: all .4s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.category-boxes-icons .category-boxes-item figure:hover img {
  transform: scale(1.06);
  -webkit-transform: scale(1.06);
}

.category-boxes-icons .category-boxes-item figure h4 {
  padding: 14px 5px;
  margin: 0;
  position: absolute;
  bottom: 0px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  background: rgba(52, 52, 52, .7);
  z-index: 10;
}

.category-boxes-icons .category-boxes-item figure figcaption {
  text-align: center;
  position: absolute;
  top: 100%;
  left: 0;
  background: rgba(224, 0, 0, .7);
  height: 100%;
  width: 100%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}

.category-boxes-icons .category-boxes-item figure:hover figcaption { top: 0; }

.category-boxes-icons .category-boxes-item figure figcaption a {
  position: relative;
  top: 127%;
  -webkit-transition: top .3s ease;
  -moz-transition: top .3s ease;
  transition: top .3s ease;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.category-boxes-icons .category-boxes-item figure:hover figcaption a { top: 27%; }



/* Welcome Message */
/* ====================================================== */
.chef-welcome {
  margin: 0;
  padding-bottom: 15px;
  position: relative;
  width: 100%;
  /*background: url(../img/content/chef-welcome-bg.jpg) top center no-repeat;*/
  background-size: cover;
}

.chef-welcome h1 {
  margin: 0;
  padding: 100px 0 60px 0;
  font-weight: bold;
  color: #323430;
}

.chef-welcome p {
  margin: 0;
  /*width: 50%;*/
  padding-bottom: 25px;
  font-size: 14px;
  /*line-height: 40px;*/
  color: #666;
  text-align:justify;
  
}



/* Small slide section */
/* ====================================================== */

#sm-slide-section {
  width: 100%;
  height: 400px;
  overflow: hidden;
  background: url(../img/content/clints-say-bg.jpg) top center no-repeat;
  background-size: cover;
}

#sm-slide-section .slide-heading h4 {
  color: #fff;
  font-weight: bold;
  margin-top: 60px;
}

#slide-content .item {
  position: relative;
  height: auto;
  width: 100%;
  margin: 30px 0 50px 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#slide-content .item .details {
  position: absolute;
  top: 0px;
  left: 29%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#slide-content .item .details h5 a {
  margin: 10px 0 0 0;
  text-transform: capitalize;
  font-weight: bold;
  color: #fff;
}

#slide-content .item .details ul li {
  margin: 0;
  padding: 2px;
}

#slide-content .item .details ul li a { color: #fff; }

#slide-content .item .details ul li a:hover { color: #e00000; }

#slide-content .item .details p { color: #fff; }

#slide-content .item img {
  width: 142px;
  height: 142px;
  border-radius: 7px;
}




/* latest from blog*/
/* ====================================================== */

.latest-from-blog {
  position: relative;
  margin: 0;
  width: 100%;
  height: auto;
}

.latest-from-blog h4 {
  margin: 0;
  padding: 60px 0 30px 0;
  color: #343434;
  font-weight: bold;
}

.latest-from-blog .blog-latest {
  position: relative;
  width: 100%;
  height: auto;
  margin: 30px 0px 0px 0px;
  padding: 30px;
  text-align: left;
  border: 1px solid #CCC;
  border-radius: 5px;
}

.latest-from-blog .blog-latest img {
  height: 185px;
  width: 100%;
  border-radius: 4px;
}

.latest-from-blog .blog-latest h5 {
  margin: 0;
  padding: 0;
}

.latest-from-blog .blog-latest h5 a { color: #423338; }

.latest-from-blog h5 a:hover { color: #666; }

.latest-from-blog .blog-latest p {
  margin: 10px 0px 15px 0px;
  color: #666;
}

.latest-from-blog .blog-latest p span { padding: 0 6px; }

.latest-from-blog .blog-latest .bl-sort {
  color: #999;
  padding-bottom: 12px;
}

.latest-from-blog .read-older { padding: 60px 0px; }





/* menu */
/* ====================================================== */



/* thumbnail-slide */
#thumbnail-slide {
  position: relative;
  width: 100%;
  height: 87px;
  background-color: #f3f3f3;
  border-bottom: 1px solid #CCC;
}

#thumbnail-slide #thumb-slide {
  position: relative;
  margin: 0 26px;
  padding: 0;
  height: 87px;

}

#thumbnail-slide #thumb-slide-section .item {
  background: transparent;
  padding: 0;
  margin: 0px;
  color: #FFF;
  height: 87px;
  text-align: center;
  border-right: 1px solid #ccc;
}


/* menu side-panel */
#main-wrapper .side-panel {
  background-color: #f3f3f3;
  height: auto;
  width: 100%;
  padding: 0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ccc;
}

#main-wrapper .side-panel h6 {
  margin: 0;
  font-weight: normal;
  padding: 12px 30px 5px 25px;
  width: 100%;
  height: 40px;
  background: #d9d9d9;
  font-size: 16px !important;
}

#main-wrapper .side-panel h6:after {
  font-family: 'FontAwesome';
}

#main-wrapper .side-panel .sd-panel-heading {
  padding: 0 25px 0px 25px;
  position: relative;
}

#main-wrapper .side-panel .sd-panel-heading h5 {
  margin: 0;
  padding: 20px 0px;
  font-weight: bold;
  color: #323430;
}

#main-wrapper .side-panel .sd-panel-heading h5:after {
  display: block;
  position: absolute;
  top: 25px;
  right: 27px;
  font-size: 14px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #e00000;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*content: "\f078";*/
}

#main-wrapper .side-panel .sd-panel-heading h5.active:after {
  content: "\f077";
  color: #e00000;
}

#main-wrapper .side-panel .sd-panel-heading .checkout {
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center;
}

#main-wrapper .side-panel .sd-panel-heading ul {
  margin: 0;
  padding: 0;
}

#main-wrapper .side-panel .sd-panel-heading ul li {
  width: 100%;
  height: auto;
  padding: 15px 0;
  border-top: 1px solid #ccc;
  position: relative;
  line-height: 18px;
  color: #323430;
}

#main-wrapper .side-panel .sd-panel-heading ul li p .icon-link .fa {
  margin-left: 22px;
  color: #e00000;
  cursor: pointer;
}

#main-wrapper .side-panel .sd-panel-heading ul li p .icon-link {
  margin-left: 30px;
  position: absolute;
  right: 0;
  top: 18px;
}

#main-wrapper .side-panel .sd-panel-heading ul li .price { color: #323430; }

#main-wrapper .side-panel .sd-panel-heading ul li .price-total {
  color: #323430; ?>;
  font-weight: bold;
  position: absolute;
  top: 15px;
  right: 0;
}





/* side panel toggle content */
.toggle-main-title {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1.125em;
  /*cursor: pointer;*/
}

.toggle-main-title:after {
  display: block;
  position: absolute;
  top: 15px;
  right: 25px;
  font-size: 14px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #e00000;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*content: "\f078";*/
}

.toggle-main-title.active:after {
  content: "\f077";
  color: #e00000;
}

.toggle-main-title .sd-panel-heading .toggle-title {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1.125em;
  cursor: pointer;
}

.toggle-main-title .sd-panel-heading .toggle-title:after {
  display: block;
  position: absolute;
  top: 25px;
  right: 0px;
  font-size: 14px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #e00000;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f078";
}

.toggle-main-title .sd-panel-heading title.active:after {
  content: "\f077";
  color: #e00000;
}




/* side panel search */
.search-keyword {
  position: relative;
  margin: 0;
  padding: 20px 25px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.search-keyword input[type="text"] {
  margin: 0;
  padding: 3px 15px;
  width: 100%;
  height: 30px;
  outline: 0;
  color: #333;
  font-size: 14px;
  border: 1px solid #ccc;
  -webkit-border-radius: 7px 0 0 7px;
  border-radius: 7px 0 0 7px;
  background: #fff;
  line-height: 24px;
}

.search-keyword button[type="submit"] {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  outline: 0;
  border: 1px solid #ccc;
  border-left: none;
  -webkit-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
  background: #fff;
  color: #c50f11;
  font-size: 14px;
  font-family: 'FontAwesome';
  content: '\f002';
}


/* side panel category  */
#main-wrapper .category {
  padding: 20px 25px;
  position: relative;
}

#main-wrapper .category h5 {
  margin: 0;
  padding: 0 0 20px 0;
  font-weight: bold;
  color: #323430;
}

#main-wrapper .category .toggle-content .toggle-title {
  padding-bottom: 10px;
  padding-left: 30px;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  font-weight: normal;
  text-transform: capitalize;
}

#main-wrapper .category .toggle-content h5.active {
  font-weight: bold;
}

#main-wrapper .category .toggle-content ul li span input {
  cursor: pointer;
}

#main-wrapper .category ul li span {
  display: block;
  margin: 5px 0 0 10px;
}

#main-wrapper .category .toggle-content span label {
  padding-left: 5px;
  margin: 0;
  font-size: 15px;
}

#main-wrapper .category .toggle-content .toggle-title:before {
  font-family: 'FontAwesome';
 /* content: "\f067";*/
  content: "\f054";
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 18px;
  color: #c50f11;
  cursor: pointer;
  border: 1px solid #ccc;
  line-height: 17px;
  text-align: center;
  font-size: 10px;
  font-weight: 200;
  border-radius: 5px;
}

#main-wrapper .category .toggle-content .toggle-title.active:before {
  font-family: 'FontAwesome';
  content: "\f068";
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 18px;
  color: #e00000;
  cursor: pointer;
  border: 1px solid #ccc;
  line-height: 17px;
  text-align: center;
  font-size: 10px;
  font-weight: 200;
  border-radius: 5px;
}


/* side panel miscellaneous */
#main-wrapper .miscellaneous {
  padding: 0 25px 0px 25px;
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#main-wrapper .miscellaneous h5 {
  margin: 0;
  padding: 20px 0 20px 0;
  font-weight: bold;
  color: #323430;
}

#main-wrapper .miscellaneous .radio{
  margin: 15px 0;
  padding: 0;

}

#main-wrapper .miscellaneous .radio .radio-input label {
  padding: 0;
}

#main-wrapper .miscellaneous .checkbox-input {
  display: inline-block;
  padding: 10px 10px 10px 0;
  margin: 0;
}

#main-wrapper .miscellaneous .checkbox-input:first-child { margin-left: 20px; }

#main-wrapper .miscellaneous ul li { margin: 5px 0; }
#main-wrapper .miscellaneous ul li a {
  color: #333;
  padding: 4px 7px;
  border: 1px solid #ccc;
  border-radius: 7px;
}


/* price range begin  */
.properties-search-filter {
  padding: 0 25px 0px 25px;
  position: relative;
  border-bottom: 1px solid #ccc;
}
.properties-search-filter .filter-title {
  margin: 0 0 10px 0;
  font-size: 1.5em;
}
.properties-search-filter .toggle-title {
  position: relative;
  margin: 0;
  padding: 10px 30px 10px 0;
  font-size: 1.125em;
  cursor: pointer;
}

.properties-search-filter .toggle-title:after {
  display: block;
  position: absolute;
  top: 14px;
  right: 0;
  font-size: 14px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f077";
}

.properties-search-filter .toggle-content { padding-bottom: 10px; }

.properties-search-filter .closed .toggle-title:after { content: "\f078"; }

.properties-search-filter .price-filter .slider-range {
  display: block;
  position: relative;
  margin: 2px 0 15px 0;
  height: 5px;
  line-height: 1px;
  border-radius: 7px;
}

.properties-search-filter .price-filter .slider-range .ui-slider-range {
  display: block;
  position: absolute;
  top: 0;
  height: 5px;
  line-height: 1px;
  border-radius: 7px;
}

.properties-search-filter .price-filter .slider-range .ui-slider-handle {
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  top: -6px;
  border-radius: 50%;
  border: 3px solid transparent;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.properties-search-filter .price-filter .slider-range .ui-slider-handle:active { outline: 0; }

.properties-search-filter .price-filter .slider-range .ui-slider-handle:last-child { margin-left: -14px; }

.properties-search-filter .price-filter .range-from,
.properties-search-filter .price-filter .range-to {
  width: 90px;
}

.properties-search-filter .price-filter .range-from { float: left; }

.properties-search-filter .price-filter .range-to { float: right; }

.properties-search-filter .price-filter .slider-range { background-color: #e6e6e6; }

.properties-search-filter .price-filter .ui-slider-range { background-color: rgba(228, 49, 49, .6); }

.properties-search-filter .price-filter .slider-range .ui-slider-handle { background-color: #e43131; }

.properties-search-filter .price-filter h5 {
  margin: 0;
  padding: 20px 0 25px 0;
}

.properties-search-filter .price-filter .slider-range-container input[type=text].range-from, .properties-search-filter .price-filter .slider-range-container input[type=text].range-to {
  margin: 5px 0 20px 0;
  padding: 4px 0;
  width: 30%;
  border-radius: 6px;
  border: 1px solid #ccc;
  text-align: center;
  font: 16px'Varela Round', sans-serif;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}


/* map section */
#main-wrapper .find-on-map { padding: 0 25px; }

#main-wrapper .find-on-map h5 {
  padding: 20px 0 20px 0;
  margin: 0;
}

#main-wrapper .find-on-map .map-section { height: 200px; }






/* view-style (grid-list-details view ) */
#main-wrapper .view-style {
  width: 100%;
  position: relative;
  padding-top: 20px;
  margin-bottom: 10px;
}


#main-wrapper .view-style .list-grid-view button {
  margin: 0 7px 0 0;
  height: 30px;
  width: 30px;
  border: 1px solid #ccc;
  text-align: center;
  border-radius: 7px;
  background: #fff;
  outline: none;
  float: left;
}

#main-wrapper .view-style .list-grid-view button.active {
  background: #e00000;
  color: #fff;
  border: none;
}

/* pagination beging */
#main-wrapper .view-style .page-list ul li {
  margin: 0 0 0 5px;
  height: 30px;
  width: 30px;
  border: 1px solid transparent;
  text-align: center;
  border-radius: 7px;
}

#main-wrapper .view-style .page-list ul li a {
  color: #343434;
  line-height: 30px;
  padding-left: 5px;
}

#main-wrapper .view-style .page-list ul li.active,
#main-wrapper .view-style .page-list ul li.active a {
  background: #e00000;
  color: #fff;
  border: none;
}

#main-wrapper .pagination {
  position: relative;
  width: 100%;
  height: 40px;
  float: left;
  margin-bottom: 0;
}

#main-wrapper .pagination ul li {
  margin: 0 0 0 5px;
  height: 30px;
  width: 30px;
  border: 1px solid transparent;
  text-align: center;
  border-radius: 7px;
}

#main-wrapper .pagination ul li a {
  color: #343434;
   padding-left: 5px;
   line-height: 30px;
}

#main-wrapper .pagination ul li.active,
#main-wrapper .pagination ul li.active a {
  background: #e00000;
  color: #fff;
  border: none;
}



/*  Menu with right checkout */
/* ====================================================== */
#main-wrapper .my-check-right {
  background-color: #f3f3f3;
  height: auto;
  width: 100%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ccc;
}

#main-wrapper .my-check-right h5 {
  margin: 0;
  padding: 20px 0px;
  font-weight: bold;
  text-align: center;
  color: #323430;
  border-bottom: 1px solid #ccc;
}


#main-wrapper .my-check-right .checkout {
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center;
}

#main-wrapper .my-check-right ul {
  margin: 0;
  padding: 0 20px;
}

#main-wrapper .my-check-right ul li {
  width: 100%;
  height: auto;
  padding: 10px 0;
  border-top: 1px solid #ccc;
  position: relative;
  line-height: 5px;
  color: #323430;
  font-size: 15px;
}

#main-wrapper .my-check-right ul li:first-child {
  border-top: none;
}

#main-wrapper .my-check-right ul li p .icon-link .fa {
  margin-left: 5px;
  color: #e00000;
  cursor: pointer;
}
#main-wrapper .my-check-right ul li p .icon-link {

  position: absolute;
  right: 0;
  top: 10px;
}

#main-wrapper .my-check-right ul li .price {
  color: #e00000;
}

#main-wrapper .my-check-right ul li .price-total {
  color: #e00000;
  font-weight: bold;
  position: absolute;
  top: 15px;
  right: 0;
}

#main-wrapper .all-menu-details .right-checkout .details {
  width: 64%;
  height: inherit;
  padding: 10px 10px;
  position: relative;
  float: left;
}


/* menu view-2 */
/* ====================================================== */

/* mega call-us */
#main-wrapper .mega-call-us {
  width: 100%;
  padding: 60px 0 40px 0;
  background: url(../img/content/menu-heading.jpg) top center no-repeat;
  background-size: cover;
  margin: 0;
  margin-bottom: 30px;

}

#main-wrapper .mega-call-us .call-mega-us {
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  float: left;
}

#main-wrapper .mega-call-us .call-mega-us .fa {
  font-size: 56px;
  color: #e00000;
  margin-bottom: 20px;
}

#main-wrapper .mega-call-us .open-now {
 color: #efeee6 ;
  font-size: 13px;
  font-weight: bold;
  float: right;
}
.shopstatus {
	font-size:13px;
	font-weight:bold;
	 color: #efeee6 ;
}
.shopstatus:hover
{
	font-size:13px;
	font-weight:bold;
	color: #eed02a;
}

#main-wrapper .mega-call-us .open-now .fa {
  font-size: 56px;
  color: #80c200;
  margin-bottom: 20px;
}




/* all menu details */
#main-wrapper .all-menu-details {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 10px;
}


#main-wrapper .all-menu-details h5 {
  margin: 20px 0 20px 0;
  font-weight: bold;
  /*text-transform: uppercase;*/
}

#main-wrapper .all-menu-details .item-list {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  float: left;
}

#main-wrapper .all-menu-details .item-list .m-with-details { display: none; }

#main-wrapper .thumb .item-list .list-image{ display: none;  }

#main-wrapper .thumb .item-list .all-details { padding-left: 0!important; }

#main-wrapper .all-menu-details > .item-list:nth-child(odd) { background-color: #f7f7f7; }




/* Menu with image  */
#main-wrapper .all-menu-details .item-list .list-image {
  position: relative;
  width: 131px;
  height: 125px;
  padding: 4px;
  float: left;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: none !important;
}

#main-wrapper .all-menu-details .item-list .list-image img {
  margin: 0;
  height: 100%;
  width: 100%;
  padding: 0;
}



/* all menu details */
#main-wrapper .all-menu-details .item-list .all-details {
  width: 100%;
  padding-left: 130px;
  border-left: 1px solid transparent;
  position: relative;
  float:right;
  margin-top: 20px;
}

#main-wrapper .all-menu-details .item-list .all-details .visible-option {
  position: relative;
  width: 100%;
/*  height: 125px;*/
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

@media (max-width: 768px) {
	#main-wrapper .all-menu-details .item-list .all-details .visible-option {
		border-top:0px;
	}
}

#main-wrapper .all-menu-details .details {
  width:60%;  /* 62% */
  height: inherit;
  /*padding: 2% 10px;*/
  padding:5px;
  position: relative;
  float: left;
  /*border-right: 1px solid #ccc;*/
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}


#main-wrapper .all-menu-details .details h6 {
  padding: 5px 0 10px 0;
  margin: 0 !important;
  font-size: 14px;
  color:#000 !important;
}

#main-wrapper .all-menu-details .details h6:hover a {
  color: #e00000;
}

#main-wrapper .all-menu-details .details .share-this {
  color: #343434;
  font-size: 18px;
  position: absolute;
  right: 20px;
  top: 10px;
}

#main-wrapper .all-menu-details .details .share-this > li:hover ul li a { visibility: visible; }

#main-wrapper .all-menu-details .details .share-this >li ul li a { visibility: hidden;  }

#main-wrapper .all-menu-details .details .share-this ul li:hover a { color: #e00000; }

#main-wrapper .all-menu-details .details .share-this ul { margin-top: -6px; }


/* price option  */
#main-wrapper .all-menu-details .price-option {
  width: 30%;
 /* padding:2% 0;*/
 padding:5px 0;
  height: inherit;
  position: relative;
  /*border-left: 1px solid #ccc;*/
  /*border-right: 1px solid #ccc;*/
}

#main-wrapper .all-menu-details .right-checkout .price-option {
  width: 18%;
  height: inherit;
  position: relative;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

#main-wrapper .all-menu-details .price-option h4 {
  text-align: right;
 /* margin: 0;*/
  padding: 3px 63px 3px 0;
  /*border-bottom: 1px solid #ccc;*/
  /*font-weight: bold;*/
}

#main-wrapper .all-menu-details .fl { float: left; }

#main-wrapper .all-menu-details .price-option span {
  color: inherit;
}

#main-wrapper .all-menu-details .price-option button {
  position: relative;
  border: none;
  outline: none;
  background: transparent;
  color: #e00000;
  width: 100%;
  padding: 7px 5px 8px 20px;
}

#main-wrapper .all-menu-details .price-option button:before {
  font-family: 'FontAwesome';
  content: "\f107";
  position: absolute;
  top: 7px;
  left: 10px;
  color: #e00000;
  font-size: 20px;
  font-weight: bold;
}

#main-wrapper .all-menu-details .price-option button.active {
  background-color: #e00000;
  color: #fff;
}

#main-wrapper .all-menu-details .price-option button.active:before {
  font-family: 'FontAwesome';
  content: "\f106";
  position: absolute;
  top: 7px;
  left: 10px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

#main-wrapper .all-menu-details .price-option button.active {
  outline: none;
  border: none;
}


/* qty and cart */
#main-wrapper .all-menu-details .qty-cart {
  width: 10%; /* 8%*/
  height: inherit;
  position: relative;
  float: left;

}

#main-wrapper .all-menu-details .right-checkout .qty-cart {
  width: 18%;
  height: inherit;
  position: relative;
  float: left;
}

#main-wrapper .all-menu-details .qty-cart h6 {
  margin: 0;
  padding: 10px 0;
  font-weight: normal;
}

#main-wrapper .all-menu-details .qty-cart input[type="text"] {
  text-align: center;
  height: 30px;
  width: 60px;
  padding: 5px 10px;
  border-radius: 7px;
  border: 1px solid #ccc;
}

#main-wrapper .all-menu-details .qty-cart input:focus,
#main-wrapper .all-menu-details .qty-cart input:active {
  outline: none;
}

#main-wrapper .all-menu-details .qty-cart button {
  position: relative;
  background: transparent;
  border-radius: 7px;
  height: 30px;
  /*width: 60px;*/
  width:50px;
  color: #c50f11;
  outline: none;
  border: 1px solid #c50f11;
  margin: 10px 0px;
  padding-left: 20px;

}

#main-wrapper .all-menu-details .qty-cart button:before {
  font-family: 'FontAwesome';
  content: "\f067";
  position: absolute;
  top: 5px;
  left: 10px;
}

#main-wrapper .all-menu-details .qty-cart button.active:before {
  font-family: 'FontAwesome';
  content: "\f068";
  position: absolute;
  top: 3px;
  left: 10px;
}




/* menu-with-2grid */
/* ====================================================== */
#main-wrapper .all-menu-details.menu-with-2grid.thumb .item-list:nth-child(even) {
  background-color: #f7f7f7;
}

#main-wrapper .all-menu-details.menu-with-2grid.thumb .details {
  width: 64%;
  height: inherit;
  padding: 10px 15px;
  position: relative;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#main-wrapper .all-menu-details.menu-with-2grid.thumb .price-option {
  width: 18%;
  height: inherit;
  position: relative;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}


#main-wrapper .all-menu-details.menu-with-2grid.thumb .qty-cart {
  width: 18%;
  height: inherit;
  position: relative;
  float: left;
}


/* menu with details */
/* ====================================================== */
#main-wrapper .all-menu-details .menu-with-details {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  float: left;
}
.for-list
{
	font-size:13px;
	letter-spacing: 0.5px;
}
#main-wrapper .all-menu-details .menu-with-details .for-list { display: none; }

#main-wrapper .all-menu-details > .menu-with-details:nth-child(odd) { background-color: #f7f7f7; }

#main-wrapper .all-menu-details .menu-with-details .list-image {
  position: relative;
  width: 240px;
  height: 240px;
  padding: 4px;
  float: left;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#main-wrapper .all-menu-details .menu-with-details .list-image img {
  margin: 0;
  height: 100%;
  width: 100%;
  padding: 0;
}

#main-wrapper .all-menu-details .menu-with-details .all-details {
  width: 100%;
  padding-left: 239px;
  border-left: 1px solid transparent;
  position: relative;
}

#main-wrapper .all-menu-details .menu-with-details .all-details .visible-option {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: hidden;
  border: 1px solid #ccc;
}

#main-wrapper .all-menu-details .menu-with-details .all-details .visible-option.red {
  border-bottom-color: #e00000 !important;
}

#main-wrapper .all-menu-details .menu-with-details .details {
  width: 82%;
  height: inherit;
  padding: 10px 10px;
  position: relative;
  float: left;
}


/* menu with details right checkout */
#main-wrapper .all-menu-details .menu-with-details.right-checkout .details {
  width: 78%;
  height: inherit;
  padding: 10px 10px;
  position: relative;
  float: left;
}

#main-wrapper .all-menu-details .menu-with-details.right-checkout .price-option {
  width: 22%;
  height: inherit;
  position: relative;
  border-left: 1px solid #ccc;
  border-right: none;

}

#main-wrapper .all-menu-details .menu-with-details.right-checkout .qty-cart {
  width: 22%;
  height: 116px;
  position: absolute;
  top: 86px;
  right: 0;
  border-bottom: 1px solid #ccc;

}


#main-wrapper .all-menu-details .menu-with-details .details h6 {
  padding: 5px 0 10px 0;
  margin: 0;
  font-size: 20px;
}

#main-wrapper .all-menu-details .menu-with-details .details p{
  line-height: 20px;
}

#main-wrapper .all-menu-details .menu-with-details .details h6:hover a {
  color: #e00000;
}

#main-wrapper .all-menu-details .menu-with-details .details .share-this {
  display: none;
}


/* start price-option  */
#main-wrapper .all-menu-details .menu-with-details .price-option {
  width: 18%;
  height: inherit;
  position: relative;
  border-left: 1px solid #ccc;
  border-right: none;
}

#main-wrapper .all-menu-details .menu-with-details .price-option h4 {
  text-align: center;
  margin: 0;
  padding: 30px 0;
  width: 101%;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

#main-wrapper .all-menu-details .menu-with-details .fl {
  float: left;
}

#main-wrapper .all-menu-details .menu-with-details .price-option button {
  position: absolute;
  bottom: 0;
  border: none;
  outline: none;
  background: transparent;
  color: #e00000;
  width: 101%;
  padding: 7px 5px 8px 20px;
}

#main-wrapper .all-menu-details .menu-with-details .price-option button:before {
  font-family: 'FontAwesome';
  content: "\f107";
  position: absolute;
  top: 7px;
  left: 10px;
  color: #e00000;
  font-size: 20px;
  font-weight: bold;
}

#main-wrapper .all-menu-details .menu-with-details .price-option button.active {
  background-color: #e00000;
  color: #fff;
  box-shadow: none;
}
#main-wrapper .all-menu-details .menu-with-details .price-option button.active:before {
  font-family: 'FontAwesome';
  content: "\f106";
  position: absolute;
  top: 7px;
  left: 10px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
#main-wrapper .all-menu-details .menu-with-details .price-option button:active {
  outline: none;
  border: none;
}


/* start qty and cart option */
#main-wrapper .all-menu-details .menu-with-details .qty-cart {
  width: 18%;
  height: 116px;
  position: absolute;
  top: 86px;
  right: 0;
  border-bottom: 1px solid #ccc;

}

#main-wrapper .all-menu-details .menu-with-details .qty-cart h6 {
  margin: 0;
  padding: 10px 0;
  font-weight: normal;
}

#main-wrapper .all-menu-details .menu-with-details .qty-cart input[type="text"] {
  text-align: center;
  height: 30px;
  width: 60px;
  padding: 5px 10px;
  border-radius: 7px;
  border: 1px solid #ccc;
}

#main-wrapper .all-menu-details .menu-with-details .qty-cart button {
  position: relative;
  background: transparent;
  border-radius: 7px;
  height: 30px;
  width: 60px;
  color: #e00000;
  outline: none;
  border: 1px solid #e00000;
  margin: 10px 0 0 0;
  padding-left: 20px;
}

#main-wrapper .all-menu-details .menu-with-details .qty-cart button:before {
  font-family: 'FontAwesome';
  content: "\f067";
  position: absolute;
  top: 5px;
  left: 10px;
}

#main-wrapper .all-menu-details .menu-with-details .qty-cart button.active:before {
  font-family: 'FontAwesome';
  content: "\f068";
  position: absolute;
  top: 3px;
  left: 10px;
}




/* single menu */
/* ====================================================== */
#main-wrapper .all-menu-details .single-menu {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  float: left;
}

#main-wrapper .all-menu-details .single-menu .list-image {
  position: relative;
  width: 50%;
  height: 500px;
  padding: 0;
  float: left;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#main-wrapper .all-menu-details .single-menu .list-image img {
  margin: 0;
  height: 100%;
  width: 100%;
  padding: 0;
}

#main-wrapper .all-menu-details .single-menu .all-details {
  width: 50%;
  padding-left: 0;
  position: relative;
  float: left;
}

#main-wrapper .all-menu-details .single-menu p strong {
  display: block;
  padding-bottom: 5px;
}

#main-wrapper .all-menu-details .single-menu .all-details .share-this { top: 40px; }

#main-wrapper .all-menu-details .single-menu .all-details .visible-option {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
  border: 1px solid #ccc;
}

.visible-option.red {
  border-bottom: 2px solid #e00000 !important;
}

#main-wrapper .all-menu-details .single-menu .details {
  width: 100%;
  height: auto;
  padding: 40px;
  position: relative;
}

#main-wrapper .all-menu-details .single-menu .details h6 {
  padding: 5px 0 10px 0;
  margin: 0;
  font-size: 20px;
}

#main-wrapper .all-menu-details .single-menu .details p{ line-height: 20px; }

#main-wrapper .all-menu-details .single-menu .details h6:hover a { color: #e00000; }




/* start price-option  */
#main-wrapper .all-menu-details .single-menu .price-option {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70px;
  border-left:none;
  border-right: none;
  border-top: 1px solid #ccc;
}

#main-wrapper .all-menu-details .single-menu .price-option h4 {
  position: absolute;
  left: 0;
  margin: 0;
  padding: 20px 0;
  width: 46%;
  height: 70px;
  border-right: 1px solid #ccc;
  font-weight: bold;
}

#main-wrapper .all-menu-details .single-menu .price-option button {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  outline: none;
  background: transparent;
  color: #e00000;
  width: 20%;
  height: 70px;
  padding: 7px 5px 8px 20px;
}

#main-wrapper .all-menu-details .single-menu .price-option button:before {
  font-family: 'FontAwesome';
  content: "\f107";
  position: absolute;
  top: 25px;
  left: 15px;
  color: #e00000;
  font-size: 20px;
  font-weight: bold;
}

#main-wrapper .all-menu-details .single-menu .price-option button.active {
  background-color: #e00000;
  color: #fff;
  box-shadow: none;
}

#main-wrapper .all-menu-details .single-menu .price-option button.active:before {
  font-family: 'FontAwesome';
  content: "\f106";
  position: absolute;
  top: 25px;
  left: 15px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

#main-wrapper .all-menu-details .single-menu .price-option button:active {
  outline: none;
  border: none;
}




/* start qty and cart option */
#main-wrapper .all-menu-details .single-menu .qty-cart {
  position: absolute;
  bottom: 0px;
  left: 46%;
  padding-top: 10px;
  width: 34%;
  height: 70px;
  text-align: center;
  border-right: 1px solid #ccc;
}

#main-wrapper .all-menu-details .single-menu .qty-cart h6 {
  margin: 0;
  margin-right: 10px;
  padding: 14px 0 10px 10px;
  font-weight: normal;
  float: left;
}

#main-wrapper .all-menu-details .single-menu.qty-cart input[type="text"] {
  text-align: center;
  height: 30px;
  width: 60px;
  padding: 5px 10px;
  border-radius: 7px;
  border: 1px solid #ccc;
  margin: 0 20px;
}

#main-wrapper .all-menu-details .single-menu .qty-cart button {
  position: relative;
  background: transparent;
  border-radius: 7px;
  height: 30px;
  width: 60px;
  color: #e00000;
  outline: none;
  border: 1px solid #e00000;
  margin: 10px 10px;
  padding-left: 20px;
}

#main-wrapper .all-menu-details .single-menu .qty-cart button:before {
  font-family: 'FontAwesome';
  content: "\f067";
  position: absolute;
  top: 3px;
  left: 10px;
}

#main-wrapper .all-menu-details .single-menu .qty-cart button.active:before {
  font-family: 'FontAwesome';
  content: "\f068";
  position: absolute;
  top: 3px;
  left: 10px;
}





/* menu wihtout side-panel */
/* ====================================================== */
#main-wrapper .all-menu-details {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 10px;
  float: left;
}

#main-wrapper .all-menu-details .menu-without-side {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 20px;
  float: left;
}

#main-wrapper .all-menu-details .menu-without-side .list-image {
  position: relative;
  width: 100%;
  height: 500px;
  padding: 0;
  border: 1px solid transparent;
  border-bottom: none;
}

#main-wrapper .all-menu-details .menu-without-side .list-image img {
  margin: 0;
  height: 100%;
  width: 100%;
  padding: 0;
}

#main-wrapper .all-menu-details .menu-without-side .all-details {
  width: 100%;
  padding-left: 0;
  border-left: 1px solid transparent;
  position: relative;
}

#main-wrapper .all-menu-details .menu-without-side .all-details .visible-option {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: hidden;
  border: 1px solid #ccc;
}

#main-wrapper .all-menu-details .menu-without-side .details {
  width: 82%;
  height: inherit;
  padding: 10px 10px;
  position: relative;
}

#main-wrapper .all-menu-details .menu-without-side .price-option {
  width: 18%;
  height: inherit;
  position: relative;
  border-left: 1px solid #ccc;
  border-right: none;
}


/* start price-option  */
#main-wrapper .all-menu-details .menu-without-side .price-option {
  width: 18%;
  height: inherit;
  position: relative;
  border-left: 1px solid #ccc;
  border-right: none;
}

#main-wrapper .all-menu-details .menu-without-side .price-option h4 {
  text-align: center;
  margin: 0;
  padding: 30px 0;
  width: 101%;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

#main-wrapper .all-menu-details .menu-without-side .price-option button {
  position: absolute;
  bottom: 0;
  border: none;
  outline: none;
  background: transparent;
  color: #e00000;
  width: 101%;
  padding: 7px 5px 8px 20px;
}

#main-wrapper .all-menu-details .menu-without-side .price-option button:before {
  font-family: 'FontAwesome';
  content: "\f107";
  position: absolute;
  top: 7px;
  left: 10px;
  color: #e00000;
  font-size: 20px;
  font-weight: bold;
}

#main-wrapper .all-menu-details .menu-without-side .price-option button.active {
  background-color: #e00000;
  color: #fff;
  box-shadow: none;
}

#main-wrapper .all-menu-details .menu-without-side .price-option button.active:before {
  font-family: 'FontAwesome';
  content: "\f106";
  position: absolute;
  top: 7px;
  left: 10px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

#main-wrapper .all-menu-details .menu-without-side .price-option button:active {
  outline: none;
  border: none;
}


/* start qty and cart option */
#main-wrapper .all-menu-details .menu-without-side .qty-cart {
  width: 18%;
  height: 116px;
  position: absolute;
  top: 86px;
  right: 0;
  border-bottom: 1px solid #ccc;
}

#main-wrapper .all-menu-details .menu-without-side .qty-cart h6 {
  margin: 0;
  padding: 10px 0;
  font-weight: normal;
}

#main-wrapper .all-menu-details .menu-without-side .qty-cart input[type="text"] {
  text-align: center;
  height: 30px;
  width: 60px;
  padding: 5px 10px;
  border-radius: 7px;
  border: 1px solid #ccc;
}


#main-wrapper .all-menu-details .menu-without-side .qty-cart button {
  position: relative;
  background: transparent;
  border-radius: 7px;
  height: 30px;
  width: 60px;
  color: #e00000;
  outline: none;
  border: 1px solid #e00000;
  margin: 10px 0 0 0;
  padding-left: 20px;
}

#main-wrapper .all-menu-details .menu-without-side .qty-cart button:before {
  font-family: 'FontAwesome';
  content: "\f067";
  position: absolute;
  top: 5px;
  left: 10px;
}

#main-wrapper .all-menu-details .menu-without-side .qty-cart button.active:before {
  font-family: 'FontAwesome';
  content: "\f068";
  position: absolute;
  top: 3px;
  left: 10px;
}


/*  Menu dropdown option  */
/* ====================================================== */
#main-wrapper .all-menu-details .dropdown-option {
  position: relative;
  width: 100%;
  display: block;
  z-index: 30;
}

#main-wrapper .all-menu-details .dropdown-option .dropdown-details {
  position: relative;
  width: 100%;
  padding: 15px 0 15px 20px;
  border-top: none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box!important;
}

#main-wrapper .all-menu-details .dropdown-option .dropdown-details h5 {
  margin: 0;
  font-size: 15px;
  text-transform: uppercase;
}

#main-wrapper .all-menu-details .dropdown-option .dropdown-details h6 {
  margin: 0;
  padding: 15px 0;
}

#main-wrapper .all-menu-details .dropdown-option .dropdown-details .radio-input { display: block; }

#main-wrapper .all-menu-details .dropdown-option .dropdown-details .checkbox-input { position: relative; }

#main-wrapper .all-menu-details .dropdown-option .dropdown-details label { display: inline; }

#main-wrapper .all-menu-details .dropdown-option .dropdown-details label .price {
  position: absolute;
  top: 0;
  left: 220px;
  color: #e00000;
  display: inline;
}

#main-wrapper .all-menu-details .dropdown-option .dropdown-details textarea {
  display: block;
  height: 100px;
  width: 250px;
  resize: none;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 7px;
  font-size: 15px;
}

#main-wrapper .all-menu-details .dropdown-option .dropdown-details textarea:focus { outline: none; }

#main-wrapper .all-menu-details .dropdown-option .dropdown-details .btn-default-red {
  margin: 15px 0;
  padding: 2px 10px;
}




/* chef page */
/* ====================================================== */

.page-content {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.page-content .heading {
  width: 100%;
  height: auto;
  padding: 75px 0;
  text-align: center;
  background: url(../img/content/heading-bg.jpg) top center no-repeat;
  background-size: cover;
}

.page-content .heading h1 {
  color: #fff;
  margin: 0;
}

.page-content .chef-details {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 30px 0px;
}

.page-content .chef-details .chef-img {
  width: 100%;
  height: 380px;
  border-radius: 4px;
  overflow: hidden;
}

.page-content .chef-details .chef-img img {
  width: 100%;
  height: 100%;
}

.page-content .chef-details h4 {
  font-weight: bold;
  margin: 30px 0 0 0;
  color: #423338;
}


/* chef details social icon link */
.page-content .chef-details .share-this {
  width: 100%;
  height: auto;
  margin: 30px 0;
  padding: 2px 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  display: block;
}

.page-content .chef-details .share-this p { float: left; }

.page-content .chef-details .share-this ul {
  color: #999;
  font-size: 14px;
  margin: 0;
}

.page-content .chef-details .share-this ul li {
  margin-left: 14px;
  padding: 0;
  padding-top: 2px;
  font-size: 18px;
}

.page-content .chef-details .share-this ul li a {
  color: #343434;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.page-content .chef-details .share-this ul li a:hover { color: #e00000; }


/* chef-description */
.page-content .chef-details .chef-description { border-bottom: 1px solid #d9d9d9; }

.page-content .chef-details .chef-description p {
  margin: 0;
  padding: 0;
  line-height: 20px;
  color: #323430;
}

.page-content .chef-details .chef-description p:first-child {
  color: #343434;
  font-weight: bold;
}

.page-content .chef-details .chef-description ul {
  margin: 0;
  padding: 50px 0;
}

.page-content .chef-details .chef-description ul li a {
  border: 1px solid #d9d9d9;
  padding: 5px 10px;
  font-size: 15px;
  border-radius: 6px;
}

.page-content .chef-details .chef-description ul li a:hover { background-color: #ddd; }

.page-content .comment-section { padding: 50px 0 30px 0; }

/* comment section */
.page-content .comment-section > h5 {
  margin: 0;
  padding-bottom: 20px;
  font-size: 20px;
  color: #423338;
}

.page-content .comment-section img {
  width: 100%;
  height: 100px;
  border-radius: 5px;
}

.page-content .comment-section .name {
  color: #423338;
  font-weight: bold;
}

.page-content .comment-section .date-time {
  color: #999;
  padding-right: 5px;
}

.page-content .comment-section p {
  padding: 0;
  margin: 0;
}

.page-content .comment-section .pad-btm { padding-bottom: 20px; }

.page-content .comment-section p a { color: #423338; }

.page-content .comment-section p:first-child { padding-bottom: 20px; }

.page-content .comment-section p:last-child { color: #999; }

.page-content .leave-reply {
  background-color: #f3f3f3;
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.page-content .leave-reply .col-md-4 { padding-right: 0; }

.page-content .leave-reply .col-md-4:last-child { padding-right: 15px; }

.page-content .leave-reply h5 {
  margin: 0;
  color: #423338;
  padding-bottom: 20px;
}



/* leave reply */
.page-content .leave-reply form input {
  width: 100%;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 5px 5px 5px 10px;
  outline: none;
}

.page-content .leave-reply form textarea {
  width: 100%;
  min-height: 160px;
  resize: none;
  border-radius: 3px;
  border: 1px solid #ccc;
  outline: none;
  padding: 10px 15px;
  margin-bottom: 10px;
}

.page-content .leave-reply form button {
  background: none;
  color: #e00000;
  border: 1px solid #e00000;
  border-radius: 3px;
  padding: 5px 15px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.page-content .leave-reply form button .fa { padding-right: 3px; }

.page-content .leave-reply form button:hover {
  color: #fff;
  background: #e00000;
}


/* General info */
.page-content .chef-details .general-info {
  width: 100%;
  background-color: #f3f3f3;
  padding: 20px;
  border-radius: 6px;
  border: 1px solid #ccc;
}

.page-content .chef-details .general-info h4 {
  color: #423338;
  font-size: 20px;
  margin: 0;
  padding: 0 0 25px 0;
}

.page-content .chef-details .general-info ul {
  width: 100%;
  margin: 0;
  position: relative;
}

.page-content .chef-details .general-info ul li {
  position: relative;
  margin: 0;
  padding: 11px 0;
  border-top: 1px solid #ccc;
}

.page-content .chef-details .general-info ul li:last-child { border-bottom: 1px solid #ccc; }

.page-content .chef-details .general-info ul li .value { font-weight: bold; }

.page-content .chef-details .general-info ul li .result {
  position: absolute;
  right: 0;
}



/* Our Team page */
/* ====================================================== */
.page-content .our-team {
  text-align: center;
  width: 100%;
  overflow: hidden;
  padding-bottom: 10px;
}

.page-content .our-team h4 {
  color: #323430;
  font-weight: bold;
  margin: 0;
  padding: 60px 0 30px 0;
}

.page-content .our-team p {
  color: #323430;
  padding-bottom: 35px;
}

.page-content .our-team .profile-pic {
  width: 100%;
  height: 375px;
  border-radius: 4px;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.page-content .our-team .profile-pic img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.page-content .our-team h5 {
  font-size: 24px;
  color: #423338;
  margin: 0;
  padding-top: 30px;
}

.page-content .our-team h5 a{ color: #423338; }

.page-content .our-team h5 a:hover { color: #666; }

.page-content .our-team .share-this {
  width: 100%;
  height: auto;
  margin: 30px 0;
  padding: 2px 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.page-content .our-team .share-this ul {
  color: #999;
  font-size: 16px;
  margin: 0;
}

.page-content .our-team .share-this ul li {
  margin-left: 14px;
  padding: 0;
  padding-top: 2px;
  font-size: 18px;
}

.page-content .our-team .share-this ul li a {
  color: #343434;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.page-content .our-team .share-this ul li a:hover { color: #e00000; }



/* contact-us page */
/* ====================================================== */
.page-content .map-section {
  width: 100%;
  height: 380px;
}

.page-content .contact-us {
  width: 100%;
  height: auto;
  padding: 60px 0;
}

.page-content .contact-us .contact-details {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.page-content .contact-us .contact-details h4 {
  font-weight: bold;
  color: #323430;
  margin: 0;
  padding: 0;
  padding-bottom: 60px;
}

.page-content .contact-us .contact-details h5 {
  color: #323430;
  margin: 0;
  padding: 0;
  padding-bottom: 30px;
  font-size: 20px;
}

.page-content .contact-us .contact-details .address p {
  float: left;
  color: #a0999b;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  font-size: 14px;
}

.page-content .contact-us .contact-details .time-to-open p {
  float: left;
  color: #a0999b;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  font-size: 14px;
}

.page-content .contact-us .contact-details .time-to-open {
  width: 100%;
  display: block;
}

.page-content .contact-us .contact-details .time-to-open strong { padding-right: 5px; }

.page-content .contact-us .contact-details p .fa {
  color: #291f23;
  padding-right: 8px;
  font-size: 16px;
}


/* contact-us send message */
.page-content .contact-us .send-message {
  background-color: #f3f3f3;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.page-content .contact-us .send-message .col-md-6 { padding-right: 0; }

.page-content .contact-us .send-message .col-md-6:last-child { padding-right: 15px; }

.page-content .contact-us .send-message h4 {
  margin: 0;
  color: #423338;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}

.page-content .contact-us .send-message form input {
  width: 100%;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 5px 5px 5px 10px;
  outline: none;
}
.page-content .contact-us .send-message form select {
  width: 100%;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 5px 5px 5px 10px;
  outline: none;
}

.page-content .contact-us .send-message form textarea {
  width: 100%;
  min-height: 160px;
  resize: none;
  border-radius: 3px;
  border: 1px solid #ccc;
  outline: none;
  padding: 10px 15px;
  margin-bottom: 10px;
}

.page-content .contact-us .send-message form button, .pay-btn {
  background: none;
  color: #c50f11;
  border: 1px solid #c50f11;
  border-radius: 3px;
  padding: 5px 15px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.page-content .contact-us .send-message form button .fa { padding-right: 3px; }

.page-content .contact-us .send-message form button:hover, .pay-btn:hover{
  color: #fff;
  background: #c50f11;
}




/* News & Events page  */
/* ====================================================== */
.page-content .news-events-blog {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  padding-bottom: 70px;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.page-content .news-events-blog .blog-list {
  position: relative;
  width: 100%;
  height: auto;
  margin: 30px 0px 0px 0px;
  padding: 30px;
  text-align: left;
  border: 1px solid #CCC;
  border-radius: 5px;
}

.page-content .news-events-blog .blog-list img {
  height: 170px;
  width: 100%;
  border-radius: 4px;
}

.page-content .news-events-blog .blog-list h5 {
  margin: 0;
  padding: 0;
}

h5 a:hover { color: #666; }

.blog-list a:hover { color: #666; }

.page-content .news-events-blog .blog-list p {
  margin: 10px 0px 0px 0px;
  color: #423338;
}


/* tag list */
.page-content .news-events-blog .blog-list .tag-list { padding-top: 0px; }

.page-content .news-events-blog .blog-list ul li { padding: 10px 70px 0 0; }

.page-content .news-events-blog .blog-list ul li span { padding: 0 4px; }

.page-content .news-events-blog .blog-list .bl-sort { color: #999; }

.page-content .news-events-blog .blog-list .fa { padding-right: 7px; }

.page-content .news-events-blog .view-style { padding-top: 30px; }

.page-content .news-events-blog .events-side-panel {
  width: 100%;
  background-color: #f3f3f3;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 30px;
  border-radius: 6px;
  border: 1px solid #ccc;
}



/*  search section */
.page-content .news-events-blog .events-side-panel .search-keyword {
  position: relative;
  margin: 0;
  padding: 0 20px;
  border: none;
}

.page-content .news-events-blog .events-side-panel .search-keyword input[type="text"] {
  margin: 0;
  padding: 3px 15px;
  width: 99%;
  height: 30px;
  outline: 0;
  color: #333;
  font-size: 14px;
  border: 1px solid #ccc;
  -webkit-border-radius: 7px 0 0 7px;
  border-radius: 7px 0 0 7px;
  background: #fff;
  line-height: 24px;
}

.page-content .news-events-blog .events-side-panel .search-keyword button[type="submit"] {
  position: absolute;
  top: 0px;
  right: 18px;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  outline: 0;
  border: 1px solid #ccc;
  border-left: none;
  -webkit-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
  background: #fff;
  color: #e00000;
  font-size: 14px;
  font-family: 'FontAwesome';
  content: '\f002';
}

.page-content .news-events-blog .events-side-panel .find-on-map {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 20px;
  padding: 0 20px;
}

.page-content .news-events-blog .events-side-panel .find-on-map h5 {
  padding: 20px 0 10px 0;
  margin: 0;
}







/* custom select-box */
/* ====================================================== */
.select-box {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

.select-box .fa {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 14px;
  cursor: pointer;
  color: #e00000;
}

.select-box .value-holder {
  position: relative;
  width: 100%;
  padding: 2px 10px;
  border: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  outline: none;
}

.select-box .select-clone {
  display: none;
  position: absolute;
  top: 32px;
  left: 0;
  padding-top: 5px;
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  z-index: 30;
  border-radius: 0 0 5px 5px;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
}

.select-box .select-clone > li {
  padding: 5px 10px;
  margin: 0;
  text-align: left;
  cursor: pointer;
}

.select-box .select-clone > li:last-child {} .select-box select { display: none; }

.banner-search { width: 100%; }

.banner-search-inner { padding: 0; }

.banner-search .tab-title:hover {
  margin-top: -5px;
  padding-bottom: 5px;
}

.banner-search .tab-title.active:hover {
  margin-top: 0;
  padding-bottom: 0;
}

.banner-search .tab-content-list { padding: 0; }

.banner-search .tab-content { display: none; }

.banner-search .tab-content.active { display: block; }

.banner-search form {
  margin: 0;
  text-align: center;
}

.banner-search input { width: 100%; }

.banner-search .search-input {
  display: inline-block;
  width: 100%;
}

.banner-search .select-box { text-align: left; }

.banner-search .select-box .select-clone {} .custom-list {
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
}

.custom-list > li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.custom-list > li:before { display: none; }

.custom-list > li:hover { background: #f3f3f3; }

.banner-search .map-section {
  position: relative;
  width: 100%;
  height: 250px;
  margin-bottom: 20px;
  border-radius: 5px;
  background: url(../img/content/map-1.jpg) top center no-repeat;
  background-size: cover;
}


/* map style */
#map_canvas {
  width: 100%;
  height: 100%
}

#map_canvas .gm-style img {
  max-width: none;
}

#map_canvas .gm-style label {
  display: inline;
  width: auto;
}



/* news-events-blog side panel */
.page-content .news-events-blog .events-side-panel .widget {
  padding: 0 20px;
  border-bottom: 1px solid #ccc;
}

.page-content .news-events-blog .events-side-panel .widget h5 {
  padding: 20px 0 5px 0;
  margin: 0;
}

.page-content .news-events-blog .events-side-panel .widget > .blog-latest {
  position: relative;
  width: 100%;
  height: auto;
  padding: 15px 0;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

.page-content .news-events-blog .events-side-panel .widget .blog-latest:last-child {
  border-bottom: none;
}

.page-content .news-events-blog .events-side-panel .widget .blog-latest img {
  height: 85px;
  width: 100%;
  border-radius: 4px;
}

.page-content .news-events-blog .events-side-panel .widget .blog-latest h5 {
  margin: 0;
  padding: 0;
  padding-bottom: 6px;
  font-size: 16px;
}

.page-content .news-events-blog .events-side-panel .widget .blog-latest .bl-sort {
  color: #999;
  margin: 0;
}

.page-content .news-events-blog .events-side-panel .widget .blog-latest .col-md-8 { padding-left: 0; }


/* side panel tag */
.page-content .news-events-blog .events-side-panel .tag { padding: 0 20px; }

.page-content .news-events-blog .events-side-panel .tag h5 {
  padding: 20px 0 10px 0;
  margin: 0;
}

.page-content .news-events-blog .events-side-panel .tag ul li {
  margin: 0 8px 0 0;
  padding: 7px 0;
}

.page-content .news-events-blog .events-side-panel .tag ul li a {
  border: 1px solid #d9d9d9;
  padding: 5px 10px;
  font-size: 15px;
  border-radius: 6px;
}

.tag ul li a:hover { background: #ddd; }





/* start reservation page style */
/* ====================================================== */
.page-content .reservation {
  text-align: center;
  width: 100%;
  overflow: hidden;
  padding-bottom: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.page-content .reservation h4 {
  color: #323430;
  font-weight: bold;
  margin: 0;
  padding: 60px 0 30px 0;
}

.page-content .reservation p {
  color: #323430;
  padding-bottom: 35px;
}

.page-content .reservation .reservation-form {
  width: 100%;
  background-color: #f3f3f3;
  padding: 20px;
  margin-bottom: 60px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.page-content .reservation .reservation-form h5 {
  margin: 0;
  padding-bottom: 20px;
}

.page-content .reservation .reservation-form form input {
  width: 100%;
  padding: 7px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
  margin-right: 6px;
  margin-bottom: 5px;
}

.page-content .reservation .reservation-form form textarea {
  width: 100%;
  height: 40px;
  resize: none;
  padding: 5px 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
}

.page-content .reservation .reservation-form .col-md-2 { padding-right: 0; }

.page-content .reservation .reservation-form .col-md-2:last-child { padding-right: 15px; }

.page-content .reservation .reservation-form .select-box {
  display: inline-block;
  position: relative;
  width: 100%;
}

.page-content .reservation .reservation-form .select-box .fa {
  position: absolute;
  top: 14px;
  right: 7px;
  font-size: 14px;
  cursor: pointer;
  color: #e00000;
}

.page-content .reservation .reservation-form .select-box .value-holder {
  position: relative;
  width: 100%;
  padding: 7px 10px;
  border: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  outline: none;
}

.page-content .reservation .reservation-form .select-box .select-clone {
  display: none;
  position: absolute;
  top: 32px;
  left: 0;
  padding-top: 5px;
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  z-index: 30;
  border-radius: 0 0 5px 5px;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
}

.page-content .reservation .reservation-form .select-box .select-clone > li {
  padding: 5px 10px;
  margin: 0;
  text-align: left;
  cursor: pointer;
}

.page-content .reservation .reservation-form .select-box select { display: none; }

.page-content .reservation .reservation-form .banner-search-inner { padding: 0; }

.page-content .reservation .reservation-form .banner-search .tab-title:hover {
  margin-top: -5px;
  padding-bottom: 5px;
}

.page-content .reservation .reservation-form .banner-search .tab-title.active:hover {
  margin-top: 0;
  padding-bottom: 0;
}

.page-content .reservation .reservation-form .banner-search .tab-content-list { padding: 0; }

.page-content .reservation .reservation-form .banner-search .tab-content { display: none; }

.page-content .reservation .reservation-form .banner-search .tab-content.active { display: block; }

.page-content .reservation .reservation-form .banner-search form {
  margin: 0;
  text-align: center;
}

.page-content .reservation .reservation-form .banner-search input { width: 100%; }

.page-content .reservation .reservation-form .banner-search .search-input {
  display: inline-block;
  width: 100%;
}

.page-content .reservation .reservation-form .banner-search .select-box { text-align: left; }

.page-content .reservation .reservation-form .custom-list {
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
}

.page-content .reservation .reservation-form .custom-list > li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.page-content .reservation .reservation-form .custom-list > li:before { display: none; }

.page-content .reservation .reservation-form .custom-list > li:hover { background: #f3f3f3; }

.page-content .reservation .reservation-form h6 {
  margin: 0;
  padding: 10px 0 0 0;
  font-weight: normal;
}

.page-content .reservation .reservation-form ul { margin: 0; }

.page-content .reservation .reservation-form ul li { margin: 20px 10px 20px 30px; }

.page-content .reservation .reservation-form .free-taken p {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 13px;
}

.page-content .reservation .reservation-form .free-taken p span { padding-left: 30px; }

.page-content .reservation .reservation-form .free-taken p .free .fa { color: #80c200; }

.page-content .reservation .reservation-form .free-taken p .taken .fa { color: #e00000; }

.page-content .reservation .reservation-form button {
  background: none;
  color: #e00000;
  border: 1px solid #e00000;
  border-radius: 3px;
  padding: 5px 10px;
  margin: 10px 0 0 10px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.page-content .reservation .reservation-form button .fa {
  padding-right: 3px;
}

.page-content .reservation .reservation-form button:hover {
  color: #fff;
  background: #e00000;
}






/* table selection  */
.table-selection {
  position: relative;
  text-align: center;
  height: 180px;
  margin: 50px 40% 0 40%;
}

.table-selection .table-1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 76px;
  width: 77px;
}

.table-selection .table-1 .chair-1 {
  position: absolute;
  top: 0;
  left: 0;
}

.table-selection .table-1 .chair-2 {
  position: absolute;
  top: 0;
  right: 0;
}

.table-selection .table-1 .chair-3 {
  position: absolute;
  bottom: 23px;
  left: 0;
}

.table-selection .table-1 .chair-4 {
  position: absolute;
  bottom: 23px;
  right: 0;
}

/* table 2 */
.table-selection .table-2 {
  position: absolute;
  top: 0;
  right: 0;
  height: 76px;
  width: 77px;
}

.table-selection .table-2 .chair-1 {
  position: absolute;
  top: 0;
  left: 0;
}

.table-selection .table-2 .chair-2 {
  position: absolute;
  top: 0;
  right: 0;
}

.table-selection .table-2 .chair-3 {
  position: absolute;
  bottom: 23px;
  left: 0;
}

.table-selection .table-2 .chair-4 {
  position: absolute;
  bottom: 23px;
  right: 0;
}


/* table-3 */
.table-selection .table-3 {
  position: absolute;
  top: 50%;
  left: 0;
  height: 75px;
  width: 77px;
}

.table-selection .table-3 .chair-1 {
  position: absolute;
  top: 0;
  left: 0;
}

.table-selection .table-3 .chair-2 {
  position: absolute;
  top: 0;
  right: 0;
}

.table-selection .table-3 .chair-3 {
  position: absolute;
  bottom: 23px;
  left: 0;
}

.table-selection .table-3 .chair-4 {
  position: absolute;
  bottom: 23px;
  right: 0;
}

.table-selection .table-3 .chair-5 {
  position: absolute;
  top: 50px;
  left: 0;
}

.table-selection .table-3 .chair-6 {
  position: absolute;
  top: 50px;
  left: 28px;
}

.table-selection .table-3 .chair-7 {
  position: absolute;
  top: 50px;
  right: 0;
}


/* table 4 */
.table-selection .table-4 {
  position: absolute;
  top: 50%;
  right: 0;
  height: 78px;
  width: 77px;
}

.table-selection .table-4 .chair-1 {
  position: absolute;
  top: 0;
  left: 0;
}

.table-selection .table-4 .chair-2 {
  position: absolute;
  top: 0;
  right: 0;
}

.table-selection .table-4 .chair-5 {
  position: absolute;
  top: 50px;
  left: 0;
}

.table-selection .table-4 .chair-7 {
  position: absolute;
  top: 50px;
  right: 0;
}


/* table selection custom checkbox*/
.table-selection .checkbox-input { margin: 0;}
.table-selection .checkbox-input label { margin: 0; }

.table-selection .checkbox-input label:before {
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 0px;
  content: "";
  width: 21px;
  height: 21px;
  line-height: 1em;
  text-align: center;
  border-radius: 2px;
  border: 1px solid transparent;
  background-color: #80c200;
}

.table-selection .checkbox-input.active label:before {
  top: 3px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  background-color: #e00000;
}

/* table size begin */
.table-selection .table-1 .table-size-1 {
  position: absolute;
  top: 4px;
  left: 27px;
  height: 46px;
  width: 23px;
  border-radius: 3px;
  background-color: #ddd;
}

.table-selection .table-2 .table-size-2 {
  position: absolute;
  top: 4px;
  left: 27px;
  height: 46px;
  width: 23px;
  border-radius: 3px;
  background-color: #ddd;
}

.table-selection .table-3 .table-size-3 {
  position: absolute;
  top: 4px;
  left: 27px;
  height: 44px;
  width: 23px;
  border-radius: 3px;
  background-color: #ddd;
}

.table-selection .table-4 .table-size-4 {
  position: absolute;
  top: 4px;
  left: 27px;
  height: 20px;
  width: 23px;
  border-radius: 3px;
  background-color: #ddd;
}

.table-selection .table-4 .table-size-5 {
  position: absolute;
  top: 54px;
  left: 26px;
  height: 20px;
  width: 23px;
  border-radius: 3px;
  background-color: #ddd;
}



/* blog list */
/* ====================================================== */
.page-content .blog-side-panel .categories {
  width: 100%;
  background-color: #f3f3f3;
  padding: 20px;
  margin-top: 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.page-content .blog-side-panel .categories h4 {
  color: #423338;
  font-size: 20px;
  margin: 0;
  padding: 0 0 25px 0;
  font-weight: bold;
}

.page-content .blog-side-panel .categories ul {
  width: 100%;
  margin: 0;
  position: relative;
}

.page-content .blog-side-panel .categories ul li {
  position: relative;
  margin: 0;
  padding: 11px 0;
  border-top: 1px solid #ccc;
}

.page-content .blog-side-panel .categories ul li a:hover { color: #666; }

.page-content .blog-side-panel .categories ul li:last-child { border-bottom: 1px solid #ccc; }

.page-content .news-events-blog .blog-side-panel {
  width: 100%;
  background-color: #f3f3f3;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 30px;
  border-radius: 6px;
  border: 1px solid #ccc;
}

.page-content .news-events-blog .blog-side-panel .search-keyword {
  position: relative;
  margin: 0;
  padding: 0 20px;
  border: none;
}

.page-content .news-events-blog .blog-side-panel .search-keyword input[type="text"] {
  margin: 0;
  padding: 3px 15px;
  width: 99%;
  height: 30px;
  outline: 0;
  color: #333;
  font-size: 14px;
  border: 1px solid #ccc;
  -webkit-border-radius: 7px 0 0 7px;
  border-radius: 7px 0 0 7px;
  background: #fff;
  line-height: 24px;
}

.page-content .news-events-blog .blog-side-panel .search-keyword button[type="submit"] {
  position: absolute;
  top: 0px;
  right: 18px;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  outline: 0;
  border: 1px solid #ccc;
  border-left: none;
  -webkit-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
  background: #fff;
  color: #e00000;
  font-size: 14px;
  font-family: 'FontAwesome';
  content: '\f002';
}

.page-content .news-events-blog .blog-side-panel .widget {
  padding: 0 20px;
  border-bottom: 1px solid #ccc;
}

.page-content .news-events-blog .blog-side-panel .widget h5 {
  padding: 20px 0 5px 0;
  margin: 0;
}

.page-content .news-events-blog .blog-side-panel .widget > .blog-latest {
  position: relative;
  width: 100%;
  height: auto;
  padding: 15px 0;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

.page-content .news-events-blog .blog-side-panel .widget .blog-latest:last-child {
  border-bottom: none;
}

.page-content .news-events-blog .blog-side-panel .widget .blog-latest img {
  height: 85px;
  width: 100%;
  border-radius: 4px;
}

.page-content .news-events-blog .blog-side-panel .widget .blog-latest h5 {
  margin: 0;
  padding: 0;
  padding-bottom: 6px;
  font-size: 16px;
}

.widget a:hover { color: #666; }

.page-content .news-events-blog .blog-side-panel .widget .blog-latest .bl-sort {
  color: #999;
  margin: 0;
}

.page-content .news-events-blog .blog-side-panel .widget .blog-latest .col-md-8 { padding-left: 0; }

.page-content .news-events-blog .blog-side-panel .tag { padding: 0 20px; }

.page-content .news-events-blog .blog-side-panel .tag h5 {
  padding: 20px 0 10px 0;
  margin: 0;
}

.page-content .news-events-blog .blog-side-panel .tag ul li {
  margin: 0 8px 0 0;
  padding: 7px 0;
}

.page-content .news-events-blog .blog-side-panel .tag ul li a {
  border: 1px solid #d9d9d9;
  padding: 5px 10px;
  font-size: 15px;
  border-radius: 6px;
}

/* blog-list image */
.page-content .blog-list-img {
  position: relative;
  width: 100%;
  height: 170px;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.page-content .blog-list-img img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}



/* blog-post page  */
/* ====================================================== */
.page-content .no-dish-side .blog-post-img {
  position: relative;
  width: 1130px;
  height: 500px;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.page-content .no-dish-side .blog-post-img img {
  width: 100%;
  height: 100%;
}

.page-content .news-events-blog .blog-post {
  position: relative;
  width: 100%;
  height: auto;
  margin: 30px 0px 0px 0px;
  text-align: left;
}

.page-content .blog-post-img {
  position: relative;
  width: 800px;
  height: 350px;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.page-content .blog-post-img img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.page-content .news-events-blog .blog-post h4 {
  margin: 0;
  padding: 30px 0 20px 0;
  font-weight: bold;
}

.blog-post h4 a { color: #423338; }

.blog-post h4 a:hover { color: #666; }

.page-content .news-events-blog .blog-post p {
  margin: 0;
  padding: 20px 0;
  color: #423338;
}

.page-content .news-events-blog .blog-post .tag-list { padding-top: 0px; }

.page-content .news-events-blog .blog-post .about-author {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 6px 0;
  border-top: 1px solid #d9d9d9;
  position: relative;
}

.page-content .news-events-blog .blog-post .about-author ul li { margin-right: 63px; }

.page-content .news-events-blog .blog-post .about-author ul li a:hover {
  color: #666;
  text-decoration: underline;
}

.page-content .news-events-blog .blog-post .about-author ul li:last-child { margin-right: 0; }

.page-content .news-events-blog .blog-post .about-author ul li span { padding: 0 4px; }

.page-content .news-events-blog .blog-post .about-author .bl-sort { color: #999; }

.page-content .news-events-blog .blog-post .about-author .fa { padding-right: 7px; }

.page-content .news-events-blog .blog-post .share-this {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 2px 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  display: block;
}

.page-content .news-events-blog .blog-post .share-this p {
  float: left;
  padding: 3px 0;
}

.page-content .news-events-blog .blog-post .share-this ul {
  color: #999;
  font-size: 14px;
  margin: 0;
}

.page-content .news-events-blog .blog-post .share-this ul li {
  margin-left: 14px;
  padding: 0;
  padding: 3px 0;
  font-size: 18px;
}

.page-content .news-events-blog .blog-post .share-this ul li a {
  color: #343434;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.page-content .news-events-blog .blog-post .share-this ul li a:hover {
  color: #e00000;
}

.page-content .news-events-blog .blog-post .tag {
  padding: 20px 0 40px 0;
  border-bottom: 1px solid #d9d9d9;
}

.page-content .news-events-blog .blog-post .tag ul li {
  margin: 0 8px 0 0;
  padding: 7px 0;
}

.page-content .news-events-blog .blog-post p strong {
  display: block;
}

.page-content .news-events-blog .blog-post .tag ul li a {
  border: 1px solid #d9d9d9;
  padding: 5px 10px;
  font-size: 15px;
  border-radius: 6px;
}

.page-content .news-events-blog .blog-post .comment-section p {
  margin: 0;
  padding: 0 0 30px 0;
}

.comment-section a:hover {
  color: #666 !important;
  text-decoration: underline;
}

.page-content .news-events-blog .blog-post .comment-section p:last-child {
  padding: 0;
  color: #999;
}




/* dish page */
/* ====================================================== */
.page-content .dish-side-panel {
  width: 100%;
  background-color: #f3f3f3;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 30px;
  border-radius: 6px;
  border: 1px solid #ccc;
}

.page-content .dish-side-panel .categories {
  width: 100%;
  background-color: #f3f3f3;
  padding: 0 20px 20px 20px;
}

.page-content .dish-side-panel .categories h4 {
  color: #423338;
  font-size: 20px;
  margin: 0;
  padding: 0 0 25px 0;
  font-weight: bold;
}

.page-content .dish-side-panel .categories ul {
  width: 100%;
  margin: 0;
  position: relative;
}

.page-content .dish-side-panel .categories ul li {
  position: relative;
  margin: 0;
  padding: 11px 0;
  border-top: 1px solid #ccc;
}


.page-content .dish-side-panel .categories ul li a {
  text-transform: capitalize;
}

.page-content .dish-side-panel .categories ul li:last-child {
  border-bottom: 1px solid #ccc;
}





/* event page */
/* ====================================================== */

/* event page tab */
.nav-tabs {
  border-bottom: 3px solid #c50f11;
}

.nav-tabs > li a:hover {
  border: 1px solid #ccc;
  border-bottom-color: #e00000;
}

.nav-tabs > li.active a:hover {
  border: 1px solid #e00000;
  color: #fff;
}

.nav-tabs > li a {
  border: 1px solid #ccc;
  border-bottom-color: #e00000;
}

.nav-tabs > li:hover a, .nav-tabs > li a.active:hover {
  background-color: transparent;
  border-bottom-color: #e00000;
}

.nav-tabs > li.active > a {
  background: #e00000;
  border: 1px solid #e00000;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background: #c50f11;
  color: #fff;
  border-color: #c50f11;
}




/* Jquery ui calender */
/* ====================================================== */
/*.calendar-input {
  display: inline-block;
  position: relative;
  width: 100%;
}

.default-form .calendar-input .fa {
  position: absolute;
  top: 11px;
  right: 6px;
  font-size: 18px;
  color: #e00000;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar th:first-child,
.ui-datepicker-calendar th:last-child {
  border-radius: 0;
  padding: 0;
}

.ui-datepicker {
  display: none;
  margin-top: 10px;
  padding: 10px;
  width: 260px;
  border-radius: 7px;
  z-index: 20!important;
}

.ui-datepicker-header {
  position: relative;
  padding: 8px 0;
  border-radius: 7px;
  text-align: center;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  position: absolute;
  top: 4px;
  left: 3px;
  padding: 10px;
  line-height: 14px;
  font-size: 14px;
  cursor: pointer;
  opacity: 1;
  border: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.ui-datepicker-prev:active { left: 1px;  }

.ui-datepicker-next:active { right: 1px; }

.ui-datepicker-next {
  left: auto;
  right: 3px;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
  display: none;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f053";
}

.ui-datepicker-next:before {
  content: "\f054";
}

.ui-datepicker-calendar {
  margin: 0;
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px 1px;
}

.ui-datepicker-calendar th {
  font-size: 0.75em;
  text-align: center;
}

.ui-datepicker-calendar td {
  padding: 0;
  border-radius: 3px;
  text-align: center;
  border: 0;
}

.ui-datepicker-calendar td a {
  display: block;
  padding: 6px 0;
  border-radius: 3px;
  border: 0;
}

.ui-datepicker-calendar .ui-datepicker-unselectable {
  padding: 6px 0;
}

.ui-datepicker {
  background-color: #fff;
}

.ui-datepicker-header {
  color: #999;
  background-color: #ddd;
}

.ui-datepicker-calendar th {
  color: #999999;
  background-color: transparent;
}

.ui-datepicker-calendar td {
  color: #999999;
  background-color: #fff;
}

.ui-datepicker-calendar td a {
  color: #999;
}

.ui-datepicker-calendar td a:hover {
  color: #fff;
  background-color: #e00000;
}

.ui-datepicker-calendar .ui-datepicker-unselectable {
  color: #534e50;
}*/



/* custom CHECKBOX */
/* ====================================================== */
.checkbox-input {
  margin: 0 7px;
  white-space: nowrap;
  display: block;
}

.checkbox-input:first-child {
  margin-left: 0;
}

.checkbox-input:last-child {
  margin-right: 0;
}

.checkbox-input label {
  cursor: pointer;
  font-weight: normal;
}

.checkbox-input label:before {
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 10px;
  content: "";
  width: 16px;
  height: 16px;
  line-height: 1em;
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
  border: 1px solid #ccc;
}

.checkbox-input.active label:before {
  top: -2px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
  color: #e00000;
}

.checkbox-input input {  display: none; }


/* custom RADIO button */
/* ====================================================== */
.radio-input {
  margin: 0px 7px;
  white-space: nowrap;
}

.radio-input:first-child { margin-left: 0; }

.radio-input:last-child { margin-right: 0; }

.radio-input label {
  cursor: pointer;
  font-weight: normal;
}

.radio-input label:before {
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 10px;
  content: "";
  width: 17px;
  height: 17px;
  line-height: 0;
  font-size: 0;
  border-radius: 50%;
  border: 1px solid #ccc;
}

.radio-input input { display: none; }

.radio-input.active label:before {
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 10px;
  content: "";
  width: 17px;
  height: 17px;
  line-height: 0;
  font-size: 0;
  border-radius: 50%;
  border: 5px solid #ccc;
  background-color: #e00000;
}

/*popup css */
.popupBox {

	display: none;

	position:absolute;

	width: 40%;
	
	left: 15%;
	right: 15%;

	top:8%;
	bottom:8%;

	background:url(opaqueDark.png);

	margin: 0px auto;

	z-index: 2000;

	border-radius: 8px;

	padding: 10px;

}

.popupBox > .boxheader {

	background: #6D84B4;

	border: #3B5998 1px solid; border-bottom:none;

	padding:6px;

	color:#FFF;

	font-weight:bold;


}

.popupBox > .boxbody {

	background: #FFF;

	border: #666 1px solid;  border-bottom:none;

	padding:10px;

	color:#000;

	font-size:12px;

}

.popupBox > .boxfooter {

	background: #F2F2F2;

	border: #666 1px solid; border-top: #CCC 1px solid;

	padding:6px;

	color: #333;

	font-size:12px;

	text-align:right;

}


.boxbody img{
width:100%;
height:auto;


}

/* Muthu css */
.price-option h4
{
font-size:13px;
}
.price-option h4 i.currency-before{
font-size:12px;
color:#423338;
font-style:normal;
padding-right:5px;
}
.price-option h4 i.currency-after{
font-size:12px;
color:#423338;
font-style:normal;
padding-left:5px;
}
.running_text i.currency-before{
font-size:12px;
color:#423338;
font-style:normal;
padding-left:5px;
}
.running_text i.currency-after{
font-size:12px;
color:#423338;
font-style:normal;
padding-left:5px;
}
.resize
{
	width:70% !important;
}



.add-2-cart{
padding:0 10px !important;
}
.cursorpointer
{
cursor:pointer;
}
.norunning_text
{
	font-size:14px;
	color:#333333;
	margin:0;
}
.norunning_text span
{
	font-size:18px;
	color:#333333;
}
.norunning_text a{
color:#0066FF;
}
.alert
{
border-radius:4px;
margin-bottom:20px;
padding:15px;
}
.alert-danger
{
font-family:Arial, Helvetica, sans-serif;
background-color:#f2dede;
border-color:#ebccd1;
color:#a94442;
}
.alert-success{
font-family:Arial, Helvetica, sans-serif;
color:#3c763d;
background-color:#dff0d8;
border-color:#d6e9c6}

.error
{
background-color:#FF0000;
padding:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:fff !important;
}

.success
{
background-color:#006600;
padding:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/* End of Muthu css */
/* custom css */ /* check out css*/

.running_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	
}

.user_reg_title_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}
.user_reg_running_text{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
}



.custom-table{
margin-bottom:25px;
/*overflow-x:scroll;*/
}
.custom-padding td, th{
padding:5px;

}



.custom-table h4{
width:100%;
float:left;
font-size:14px;
font-weight:bold;
}
.custom-table p{
line-height:15px;
font-size:12px;
font-weight:normal;
text-align:left;
}

.custom-table input[type="text"]{
width:50px;
border:1px solid #ccc !important;
height:39px !important;
text-align:center;
margin-bottom: 10px;
}
.custom-table input[type="number"]{
width:50px;
border:1px solid #ccc !important;
height:39px !important;
text-align:center;
}
.custom-table  table td, th {
/*padding: 8px !important;*/
border:1px solid #cccccc !important;
}

.custom-table input[type="submit"]{  
background: none;
  color: #c50f11;
  border: 1px solid #c50f11;
  border-radius: 3px;
  padding: 5px 10px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  }
  .custom-table input[type="submit"]:hover{  
background:#c50f11;
color: #fff;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
  }

.custom-table input[type="button"]{  
background: none;
  color: #c50f11;
  border: 1px solid #c50f11;
  border-radius: 3px;
  padding: 5px 10px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  }
  .custom-table input[type="button"]:hover{  
background:#c50f11;
color: #fff;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
  }



.checkout_form_bx{
width:100% !important;
float:left !important;
margin-bottom:30px;
}
.checkout_form_bx label, .check-out label {
color: #666666 !important;
display: block !important;
font-size: 13px !important;
margin-bottom: 5px !important;
font-weight:normal !important;
}

.check-out-tl{
width:100% !important;
padding:0px 3% !important;
float:left !important;
margin-bottom:30px;
}
.check-out-tl p{
font-size:16px !important;
font-weight:bold !important;
}
.check-out-tl p span{
font-size:13px !important;
font-weight: normal !important;
}
.check-out{
width:48% !important;
margin-bottom:20px !important;

}
.check-out input[type="text"], .check-out select{
width:99% !important;
padding-left:1% !important;
border:1px solid #ccc !important;
height:39px !important;
font-size:14px;
}

.check-out input[type="email"]{
width:99% !important;
padding-left:1% !important;
border:1px solid #ccc !important;
height:39px !important;
}
.check-out input[type="password"]{
width:99% !important;
padding-left:1% !important;
border:1px solid #ccc !important;
height:39px !important;
}

.check-out-tl input[type="submit"]{
background: none;
  color: #c50f11;
  border: 1px solid #c50f11;
  border-radius: 3px;
  padding: 5px 10px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.check-out-tl input[type="submit"]:hover{  
background:#c50f11;
color: #fff;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
  }
.check-textarea{
width:100% !important;
}
.check-textarea textarea{
width:100% !important;
padding-top:5px;
padding-left:1% !important;
border:1px solid #ccc !important;
height:100px !important;
font-size:14px;
}



.check-out select{
height:39px !important;
width:100% !important;
}
.checkout_form_bx  h1, .order-summary-fl-bx  h1{ font-size:20px !important;
 background-color:#d9d9d9 !important; 
 color:#333333!important; 
 padding:10px 0 !important;}

.lt-float{
float:left !important;
}

.rt-float{
float:right !important;
}

.create-btn{
padding:10px 13px;
background-color:#50b2bd;
border:none;
cursor:pointer;
color:#FFFFFF;
font-size:14px;
font-size:0.875rem;
text-transform:uppercase;
text-align:center;
}

.require {
color: #ff0000;
font-size: 13px;
}


@media screen and (max-width:785px){
.fl-width{
width:100% !important;
}
}
.quantity-fl-bx{
width:100% !important;
float:left;
}


/*@media screen and (max-width:992px){
.quantity-fl-bx{
text-align:center !important;
}
}*/

/* customer login css */


/* menu side-panel */
#main-wrapper .customer-login-panel {
  background-color: #f3f3f3;
  height: auto;
  width: 100%;
  padding: 0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ccc;
  padding-bottom:20px;
  margin-bottom:10px;

}

#main-wrapper .customer-login-panel h6 {
  margin: 0;
  font-weight: normal;
  padding: 12px 30px 5px 25px;
  width: 100%;
  height: 40px;
  background: #d9d9d9;
  font-size: 16px !important;
  text-align:center !important;
  margin-bottom:10px;
}

.customer-login-panel input[type="text"], .customer-login-panel input[type="password"]{
width:90% !important;
border:1px solid #ccc !important;
height:30px !important;
margin:0 auto;
display:block;
margin-bottom:5px;
font-size:12px;
color:#333;
padding-left:2%;
}


.customer-login-panel label{
width:90% !important;
margin:0 auto;
display:block;
font-size:11px;
}
.customer-login-panel input[type="button"]{
width:90% !important;
margin:0 auto;
display:block;
font-size:13px;
padding:3px 0;
border:none;
background-color:#CCCCCC;
}

/* top dropdown css */

.header-login{
position:relative;
}
.top_link_bx{
position:relative;
text-align:left !important;

}
.top_link_bx ul {
margin:0 !important;
padding:0 !important;
list-style-type:none !important;

}

.top_link_bx:hover ul{
left:0;
}
.top_link_bx ul{
margin:0;
padding:0;
list-style-type:none;
position:absolute;
left:-9999px;
z-index:100;
margin-top:15px;
padding:10px 0;
background-color:#990000;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border:1px solid #333;
}
.top_link_bx ul > li{
padding:5px 10px 5px 10px;
display:block !important;
}
.top_link_bx ul li a{
white-space:nowrap;
display:block !important;
font-size:14px;
color:#fff !important;
transition: none; 
margin-left: 0px !important;
margin-right: 0px !important;

}

.top_link_bx ul li:hover{
background-color:#333;
display:block;
}
.top_link_bx ul li:hover a{ 
transition: none; 
display:block;
}

.arrow-up {
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: transparent transparent #f4f4f4 transparent;
position:absolute;
top:-8px;
left:10px;
}

/* radio button and check box*/
.custom-checkbox label, .custom-radio label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 13px;
}

.custom-radio input[type=radio],
.custom-checkbox input[type=checkbox] {
display: none;
}
.custom-radio label:before, .custom-checkbox label:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 1px;
background-color: #d0d0d0;
/*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/
}

.custom-radio label:before {
border-radius: 8px;
}
.custom-checkbox label {
margin-bottom: 10px;
}
.custom-checkbox label:before {
    border-radius: 3px;
}

.custom-radio input[type=radio]:checked + label:before {
    content: "\2022";
    color: #cc0000;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

.custom-checkbox input[type=checkbox]:checked + label:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
	color: #cc0000;
	text-align: center;
    line-height: 15px;
}


/*.custom-btn {
    background: none repeat scroll 0 0 #f4f4f2;
    padding: 5px 10px;
}*/
.custom-btn {
    background: none repeat scroll 0 0 #c50f11;
    padding: 5px 10px;
}

.txt-nowrap{white-space: nowrap;}

#shopping-tables table { width:100% !important;   font-family: Arial,Helvetica,sans-serif;}
#shopping-tables table th { text-align:center !important; background-color:#4B4B4B; color:#FFFFFF; font-size:12px !important;}
#shopping-tables table tr td { text-align:center !important; font-size:12px !important;}

i.currency-after {
    color: #423338;
    font-size: 12px;
    font-style: normal;
    padding-left: 5px;
}

#shopping-tables table tr td input[type="button"].checkout{ float:right !important;}	
#shopping-tables table tr td input[type="button"]{ float:left !important; }	
#shopping-tables table tr td input[type="submit"]{ float:right !important; margin-right:10px; }	

@media only screen and (max-width: 800px) {
	
/* Force table to not be like tables anymore */
#shopping-tables table, 
#shopping-tables thead, 
#shopping-tables tbody, 
#shopping-tables th, 
#shopping-tables td, 
#shopping-tables tr { 
display: block !important; 


}

/* Hide table headers (but not display: none;, for accessibility) */
#shopping-tables thead tr { 
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
}

#shopping-tables tr { border: 1px solid #ccc !important; margin-bottom: 20px; }

#shopping-tables td { 
/* Behave  like a "row" */
border: none !important;
border-bottom: 1px solid #eee !important; 
position: relative !important;
padding-left: 50% !important; 
white-space: normal !important;
text-align:left !important;
}

#shopping-tables td:before { 
/* Now like a table header */
position: absolute !important;
/* Top/left values mimic padding */
top: 6px !important;
left: 6px !important;
width: 45% !important; 
padding-right: 10px !important; 
white-space: nowrap !important;
text-align:left !important;
font-weight: bold !important;
}
#shopping-tables td p{ 
min-height:10px !important;
}

/*
Label the data
*/
#shopping-tables td:before { content: attr(data-title) !important; }

#shopping-tables table tr.custom-tl-value td{ background-color:#E4E4E4 !important; color:#333 !important;}	

#shopping-tables table tr td.custom-td-hide{ display:none !important;}
#shopping-tables table tr td.input-padding{ padding-left:0px !important;}	
#shopping-tables table tr td input[type="button"]{ clear:left; float:none !important;}		
#shopping-tables table tr td input[type="button"].checkout{ float:none !important;}	
#shopping-tables table tr td input[type="submit"]{ float:none !important; margin-right:0px; margin-top:5px; }	
.res-proceed-btn{text-align: center !important;}
	}
.check-guest-login-fl-bx{
width:100% !important;
float:left !important;
margin-bottom:30px;
padding-top:20px;
}
.check-guest-inner-fl-bx {
float: left !important;
margin-bottom: 30px;
padding: 0 3% !important;
width: 100% !important;
font-size:13px;
}

.check-guest-bx{
width:48%;
margin-bottom:30px;
border:1px solid #d9d9d9;
padding:20px;
}

.check-guest-bx h1{
font-size:20px;
margin-top:0px;
}
.check-guest-bx label{
width:100% !important;
margin:0 auto;
display:block;
font-size:11px;
}


.check-guest-login-fl-bx input[type="submit"]{  
background: none;
 color: #c50f11;
  border: 1px solid #c50f11;
  border-radius: 3px;
  padding: 5px 10px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  }
  .check-guest-login-fl-bx input[type="submit"]:hover{  
background:#c50f11;
color: #fff;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
  }
.check-guest-login-fl-bx input[type="text"] {
    border: 1px solid #ccc !important;
    height: 39px !important;
    padding-left: 1% !important;
    width: 99% !important;
	margin-bottom:5px;
}
.check-guest-login-fl-bx input[type="email"] {
    border: 1px solid #ccc !important;
    height: 39px !important;
    padding-left: 1% !important;
    width: 99% !important;
	margin-bottom:5px;
}
.check-guest-login-fl-bx input[type="password"] {
    border: 1px solid #ccc !important;
    height: 39px !important;
    padding-left: 1% !important;
    width: 99% !important;
	margin-bottom:5px;
}


.check-guest-login-fl-bx a:hover {
 color:#000000;
 text-decoration:underline;
}
.res-proceed-btn{text-align:right;}


/* common CSS */

.italic{
font-style:italic !important;
}

.cent{
text-align:center !important;
}

.text-rt{
text-align:right !important;
}
.text-lt{
text-align:left !important;
}

.rel{
position:relative !important;
}
.abs{
position:absolute !important;
}

.width-twenty-five{
width:25% ;
}

.width-off{
width:50% ;
}

.width-seventy-five{
width:75% ;
}

.width-hund{
width:100%;
}

.lt-float{
float:left !important;
}

.rt-float{
float:right !important;
}
.float-none{
float:none !important;
}

.trans{
transition: all .5s ease !important;
}

.no-wrap{
white-space:nowrap !important;
}

.uni-color{
color:#666666 !important;
}
.block{
display:block !important;
}

.inline-block{
display:inline-block !important;
}

.up-case{
text-transform:uppercase !important;
}
.low-case{
text-transform:lowercase !important;
}
.capitalize{
text-transform:capitalize !important;
}
.txt-trans{
text-transform:none !important;
}
.txt-decor{
text-decoration: none !important;
}


.margin{
margin-left:auto !important;
margin-right: auto !important;
}

.require{
color:red;
font-size:18px;
/*vertical-align: super;*/
}

.btm{
bottom:0 !important;
}
.tpm{
top:0 !important;
}
.ltm{ 
left:0 !important;
}
.rtm{
right:0!important;
}


.mar-btm0{
margin-bottom:0px !important;
}

.mar-btm5{
margin-bottom:5px !important;
}
.mar-btm10{
margin-bottom:10px !important;
}
.mar-btm15{
margin-bottom:15px !important;
}
.mar-btm{
margin-bottom:20px !important;
}



.mar-tp0{
margin-top:0px !important;
}
.mar-tp5{
margin-top:5px !important;
}
.mar-tp10{
margin-top:10px !important;
}
.mar-tp15{
margin-top:15px !important;
}
.mar-tp{
margin-top:20px !important;
}


.mar-lt0{
margin-left:0px !important;
}
.mar-lt5{
margin-left:5px !important;
}
.mar-lt10{
margin-left:10px !important;
}
.mar-lt15{
margin-left:15px !important;
}
.mar-lt20{
margin-left:20px !important;
}

.mar-rt0{
margin-right:0px !important;
}
.mar-rt5{
margin-right:5px !important;
}
.mar-rt10{
margin-right:10px !important;
}
.mar-rt15{
margin-right:15px !important;
}
.mar-rt20{
margin-right:20px !important;
}


.pad-tp5{
padding-top:5px !important;
}
.pad-tp10{
padding-top:10px !important;
}
.pad-tp15{
padding-top:15px !important;
}
.pad-tp20{
padding-top:20px !important;
}


.pad-btm5{
padding-bottom:5px !important;
}
.pad-btm10{
padding-bottom:10px !important;
}
.pad-btm15{
padding-bottom:15px !important;
}
.pad-btm20{
padding-bottom:20px !important;
}


.pad-rt5{
padding-right:5px !important;
}
.pad-rt10{
padding-right:10px !important;
}
.pad-rt15{
padding-right:15px !important;
}
.pad-rt20{
padding-right:20px!important;
}


.pad-lt5{
padding-left:5px !important;
}
.pad-lt10{
padding-left:10px !important;
}
.pad-lt15{
padding-left:15px !important;
}
.pad-lt20{
padding-left:20px !important;
}

.font10{
font-size:10px !important;
}
.font11{
font-size:11px !important;
}

.font12{
font-size:12px !important;
}
.font13{
font-size:13px !important;
}
.font14{
font-size:14px !important;
}



.z-0{
z-index:0 !important;
}

.z-1{
z-index:1 !important;
}
.z-2{
z-index:1 !important;
}

.z-3{
z-index:3 !important;
}
.z-999{
z-index:999 !important;
}

.bx-link {display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 5;}

.c-pre-order label::before{ margin-left:-20px;}

 #result{
    margin-left:5px;
}
 #newuserregfrm .short{
    color:#FF0000;
}
 #newuserregfrm .weak{
    color:#E66C2C;
}
 #newuserregfrm .good{
    color:#2D98F3;
}
 #newuserregfrm .strong{
    color:#006400;
}


/* ====================================================== */
/* end */



@media screen and (max-width:785px){
	
.category-boxes-icons .category-boxes-item figure figcaption{  background: transparent !important;}	
.category-boxes-icons .category-boxes-item figure figcaption a { display:none;}
	
	
}
@media (max-width: 550px) {
.resize { width:100% !important; }
#main-wrapper .all-menu-details .price-option { width:100% !important; }
#main-wrapper .all-menu-details .qty-cart { width:100% !important; }
.qty-cart br{ display: none !important; }
}

.btn-tab {
    margin: 0;
    padding: 0;
    background: inherit;
    border: inherit;
    font: inherit;
    outline: none;
    width: 100%;
    display: block;
    text-align: left;
    color: inherit;
	font-size:18px;
}


@media all and (max-width: 550px) {
#main-wrapper .all-menu-details .price-option h4 {
font-weight: bold;
padding: 0;
text-align: center;
}


#main-wrapper .all-menu-details .details {
border-right: 0px;
}

}









/* Common CSS */
.img-responsive{max-width: 100%;height: auto;display: block;}
.line{width:100%;height:1px;background-color:#c7c7c7;float:left;margin-top:15px;margin-bottom:15px;}
.trans{transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.width-twefive{width:25%;}
.width-off{width:50%;}
.width-sevfive{width:75%;}
.width-hund{width:100%;}
.rel{position:relative !important;}
.abs{position:absolute !important;}
.block{display:block !important;}
.inline-block{display:inline-block !important;}
.inline{display:inline !important;}
.lt-float{float:left !important;}
.rt-float{float:right !important;}
.flt-none{ float:none !important;}
.margin{margin-left:auto !important;margin-right: auto !important;}
.margin0{ margin:0 !important;}
.no-wrap{white-space:nowrap !important;}
.clr{clear:left;}
.point-event{pointer-events:none !important;}
.cursor{ cursor:pointer;}
.italic{font-style:italic !important;}
.uni-color{color:#333 !important;}
.up-case{text-transform:uppercase !important;}
.low-case{text-transform:lowercase !important;}
.capitalize{text-transform:capitalize !important;}
.txt-trans{text-transform:none !important;}
.text-just{text-align:justify !important;}
.cent{text-align:center !important;}
.txt-lt{ text-align:left !important;}
.txt-rt{ text-align:right !important;}
.btm{bottom:0 !important;}
.tpm{top:0 !important;}
.ltm{left:0 !important;}
.rtm{right:0!important;}
.vert-mid{ vertical-align:middle !important;}
.require{color:red !important;font-size:15px !important;/*vertical-align: super;*/}
.font-x1{ font-size:18px !important;}
.font-x2{ font-size:16px !important;}
.font-x3{ font-size:14px !important;}
.font-x4{ font-size:12px !important;}
.font-x5{ font-size:10px !important;}

.bold{ font-weight:bold !important;}
.font-fam{  font-family:'Roboto', sans-serif!important;}
.field-bx {margin-bottom: 20px;width: 48%;}

.pad0{ padding:0px !important;}
.pad5{ padding:5px !important; }
.pad10{ padding:10px !important; }
.pad15{ padding:15px !important; }
.pad20{ padding:20px !important; }

.mar-btm0{margin-bottom:0px !important;}
.mar-btm5{margin-bottom:5px !important;}
.mar-btm10{margin-bottom:10px !important ;}
.mar-btm15{margin-bottom:15px !important;}
.mar-btm20{margin-bottom:20px !important;}

.mar-tp0{margin-top:0px !important;}
.mar-tp5{margin-top:5px !important;}
.mar-tp10{margin-top:10px !important;}
.mar-tp15{margin-top:15px !important;}
.mar-tp20{margin-top:20px !important;}

.mar-lt0{margin-left:0px !important;}
.mar-lt5{margin-left:5px !important;}
.mar-lt10{margin-left:10px !important;}
.mar-lt15{margin-left:15px !important;}
.mar-lt20{margin-left:20px !important;}

.mar-rt0{margin-right:0px !important;}
.mar-rt5{margin-right:5px !important;}
.mar-rt10{margin-right:10px !important;}
.mar-rt15{margin-right:15px !important;}
.mar-rt20{margin-right:20px !important;}

.pad-tp0{padding-top:0px !important;}
.pad-tp5{padding-top:5px !important;}
.pad-tp10{padding-top:10px !important;}
.pad-tp15{padding-top:15px !important;}
.pad-tp20{padding-top:20px !important;}

.pad-btm0{padding-bottom:0px !important;}
.pad-btm5{padding-bottom:5px !important;}
.pad-btm10{padding-bottom:10px !important;}
.pad-btm15{padding-bottom:15px !important;}
.pad-btm20{padding-bottom:20px !important;}

.pad-rt0{padding-right:0px !important;}
.pad-rt5{padding-right:5px !important;}
.pad-rt10{padding-right:10px !important;}
.pad-rt15{padding-right:15px !important;}
.pad-rt20{padding-right:20px !important;}

.pad-lt0{padding-left:0px !important;}
.pad-lt5{padding-left:5px !important;}
.pad-lt10{padding-left:10px !important;}
.pad-lt15{padding-left:15px !important;}
.pad-lt20{padding-left:20px !important;}

.pad-a0{ padding:0px !important;}
.mar-a0{ margin:0px !important;}
.brd-a0{ border:none !important;}

.brd-tp{ border-top:1px solid #cccccc !important;}
.brd-btm{ border-bottom:1px solid #cccccc !important;}
.brd-lt{ border-left:1px solid #cccccc !important;}
.brd-rt{ border-right:1px solid #cccccc !important;}
.brd-al{ border:1px solid #cccccc !important;}
.brd-btm-n{ border-bottom:none !important;}
.brd-tp-n{ border-top:none !important;}
.brd-lt-n{ border-left:none !important;}
.brd-rt-n{ border-right:none !important;}

.brd-rad{border-radius: 0px!important;}



.bx-link {display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 5;}

/* Common columns css */
.grid-row{
width:100%;
float:left;
/*margin-bottom:20px;*/
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
float: left;
margin: 0 2% 0 0;
margin-bottom:20px;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
margin: 0;
}

/*.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
width: 100%;
height: auto;
display: block;
}*/

.col1 { width: 6.5%; }
.col2 { width:15% ; }
.col3 { width:23.5% ; }
.col4 { width: 32%; }
.col5 { width: 40.5%; }
.col6 { width: 49%; }
.col7 { width:57.5% ; }
.col8 { width: 66%; }
.col9 { width: 74.5%; }
.col10 { width: 83%; }
.col11 { width: 91.5%; }
.col12 { width: 100%; margin: 0; }

.co1-pull-0{ right:0;}
.col-pull-1{ right: 6.5%; }
.col-pull-2{ right: 15%; }
.col-pull-3{ right: 23.5%; }
.col-pull-4{ right: 32%; }
.col-pull-5{ right: 40.5%; }
.col-pull-6{ right: 49%; }
.col-pull-7{ right: 57.5%; }
.col-pull-8{ right: 66%; }
.col-pull-9{ right: 74.5%; }
.col-pull-10{ right: 83%; }
.col-pull-11{ right: 91.5%; }
.col-pull-12{ right: 100%; }


.co1-push-0{ left:0; }
.col-push-1{ left: 6.5%; }
.col-push-2{ left: 15%; }
.col-push-3{ left: 23.5%; }
.col-push-4{ left: 32%; }
.col-push-5{ left: 40.5%; }
.col-push-6{ left: 49%; }
.col-push-7{ left: 57.5%; }
.col-push-8{ left: 66%; }
.col-push-9{ left: 74.5%; }
.col-push-10{ left: 83%; }
.col-push-11{ left: 91.5%; }
.col-push-12{ left: 100%; }


.co1-offset-0{ margin-left: 0; }
.col-offset-1{ margin-left: 6.5%; }
.col-offset-2{ margin-left: 15%; }
.col-offset-3{ margin-left: 23.5%; }
.col-offset-4{ margin-left: 32%; }
.col-offset-5{ margin-left: 40.5%; }
.col-offset-6{ margin-left: 49%; }
.col-offset-7{ margin-left: 57.5%; }
.col-offset-8{ margin-left: 66%; }
.col-offset-9{ margin-left: 74.5%; }
.col-offset-10{ margin-left: 83%; }
.col-offset-11{ margin-left: 91.5%; }
.col-offset-12{ margin-left: 100%; }

@media all and (max-width: 768px) {
.col-mid-1 { width: 6.5%; }
.col-mid-2 { width:15% ; }
.col-mid-3 { width:23.5% ; }
.col-mid-4 { width: 32%; }
.col-mid-5 { width: 40.5%; }
.col-mid-6 { width: 49%; }
.col-mid-7 { width:57.5% ; }
.col-mid-8 { width: 66%; }
.col-mid-9 { width: 74.5%; }
.col-mid-10 { width: 83%; }
.col-mid-11 { width: 91.5%; }
.col-mid-12 { width: 100%; margin: 0; }
.col-margin-two{margin-right:0; }
.col-md-hide{ display:none;}
.col-md-show{ display:block;}
}

@media all and (max-width: 480px) {
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
width:100%;
}
}




/**shan css**/
.common-pad2 {padding-top: 7em;  padding-bottom: 7em;}
.common-pad3 {padding-top: 5em;  padding-bottom: 5em;}
.common-pad4 {padding-top: 3em;  padding-bottom: 3em;}
.common-pad5 {padding-top: 1.5em;  padding-bottom: 1.5em;}

.c-d-flex-cent{
display: flex;
justify-content: center;

}

.c-d-flex-popup {
	display: flex;
	/* grid-template-columns: 1fr 50px; */
	grid-gap: 10px;
	/* margin-bottom: 10px; */
	margin-top: 10px;
	/* align-items: center; */
	/* align-content: center; */
	/* justify-content: center; */
	align-self: center;
	margin-bottom: 14px;
	flex-direction: column;
}
.fs-payment-method-bx{display:flex; margin-top:20px; margin-bottom:20px;}

.fs-payment-method-bx label{ margin-left:5px; margin-bottom:0px !important;}

.fs-payment-method-bx input[type="radio"]{
margin:0px !important;
margin-left: 10px !important;

}
.fs-payment-discount-code-g {
	display: grid;
	grid-template-columns: 0.8fr 1fr;
	grid-gap: 50px;
	margin: 20px 0px;
	margin-top: 30px;
	margin-bottom: 50px;
}
.fs-enter-discount-code {
}
.fs-payment-terms-condition{}

.fs-payment-terms-condition input[type="checkbox"] {
	margin-right: 10px !important;
	margin-bottom: 20px;
}

.fs-fsd-code{color: #ff0000; font-size: 20px;margin-left: 5px;}
.fs-fsd-code-p{font-size: 20px;}



@media all and (max-width: 570px){
.fs-payment-method-bx {
	display: flex;
	margin-top: 20px;
	flex-direction: column;
	max-width: 215px;
	margin: 20px auto;
	width: 100%;
}
.fs-payment-discount-code-g {
	display: grid;
	grid-template-columns: auto;
	grid-gap: 20px;
	margin: 20px 0px;
	margin-top: 0px;
	margin-bottom: 25px;
    text-align: center;
}


.fs-payment-discount-code-g p {

	text-align: center;
}


.fs-enter-discount-code {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.fs-enter-discount-code input{ margin-bottom:10px;}

.fs-payment-terms-condition {
	display: flex;
	flex-direction: column;
		align-items: center;
}
.fs-payment-terms-condition label{
font-size: 12px;
}
.fs-fsd-code-remove {
	display: flex;
	flex-direction: column;
	align-items: center;
}

}
 
 

.hm-welcome-text-bx{ background-color:#1e1e1e; padding:12px; text-align:right;  font-size:40px; color:#FFFFFF; line-height:40px;}
.hm-welcome-text-bx span{ font-size:24px}
.hm-order-online-bx{ background-color:#e9e3b6; padding:20px; text-align:left;   color:#2d2d2d;}
.hm-order-online-bx .order-online-btn{ border-radius:5px; border:1px solid #FFFFFF; font-size:18px; color:#FFFFFF; background-color:#9f0c12; padding:5px 10px; font-weight:bold; margin-top:10px; display:inline-block; }
.hm-order-online-bx .order-online-btn:hover{ background:#c47601;}

.daily-menu-section{
background-color:#fcfcfc;
padding:30px 0px 50px 0px;
background-image: url(../img/left-pizza.jpg);
background-repeat: no-repeat;
background-position: right top;
}
.daily-menu-section h2{ margin-bottom:50px;}
.daily-menu-section img, .daily-menu-section .col-md-7{ padding:0 30px}
.daily-menu-section .title{ font-size:24px; color:#813636;  float:left;}
.daily-menu-section .title p{ font-size:14px; color:#595959; line-height:20px; padding-top:5px;}
.daily-menu-section .price{ font-size:15px; color:#000; font-weight:bold; }


.category-section{ background-color:#FFFFFF;}

.hm-category-rect-shape{
-webkit-clip-path: polygon(70% 100%, 80% 0, 78% 0, 0 0, 0 0, 0 100%);
clip-path: polygon(80% 100%, 100% 0, 78% 0, 0 0, 0 0, 0 100%);
margin-top: 0px;
width:100%;
}
.hm-category-rect-shape img {
min-height: 200px;
height: 550px;
object-fit: cover;
vertical-align: top;
width: 100%;
}


.category-section h2{ margin-top:50px;}

.category-section ul{ list-style-type:none;}
.category-section ul li{ font-size:20px; color:#84251e; line-height:35px;}
.category-section ul li a{ color:#84251e;}
.category-section ul li:before{
font-family: "FontAwesome"; 
content: "\f101"; margin-right:8px;  }

.category-section .order-online-btn{ border-radius:5px; border:1px solid #c50f11; font-size:15px; color:#fff; background-color:#c50f11; padding:5px 10px; font-weight:bold; margin-top:10px; display:inline-block; }


.quick-hm-delivery-bx{ background-color:#993333; padding:35px 0px 25px 0px; font-size:36px; color:#FFFFFF; line-height:40px;}
.quick-hm-delivery-bx p{ font-size:12px; margin-bottom:0px; padding-top:10px !important;  line-height:20px;}
.quick-hm-delivery-bx span{ color:#ffff00;}

.quick-hm-delivery-bx .order-online-btn{ border-radius:5px; border:1px solid #FFFFFF;; font-size:24px; color:#FFFFFF;; background-color:#ff9900;; padding:10px 15px; font-weight:bold; margin-top:16px; display:inline-block;}

.quick-hm-delivery-bx .order-online-btn:hover{background:#c47601;;}



.hm-category-section{
background-image: url(../img/featured-product.jpg);
background-repeat: no-repeat;
background-position: center center;
padding:35px 0px 50px 0px;
}
.hm-category-section h2{ color:#FFFFFF; margin-bottom:50px;}

.hm-category-section h4{ color:#813636;}
.hm-category-section .item{ width:100%; background-color:#FFFFFF; text-align:center; padding:50px; font-size:12px;}

.master-slider .ms-layer  h1{font-family: 'Cookie', cursive !important; /* -webkit-text-stroke: 3px #84251e;*/}
.master-slider .ms-layer { top:100px}


@media all and (max-width: 991px) {.hm-welcome-text-bx, .hm-order-online-bx{ text-align:center;}
.hm-category-rect-shape{
-webkit-clip-path: polygon(100% 100%, 80% 0, 78% 0, 0 0, 0 0, 0 100%);
clip-path: polygon(100% 100%, 100% 0, 78% 0, 0 0, 0 0, 0 100%);
margin-top: 0px;
width:100%;
}
.daily-menu-section .grid-row.g-mar-lt{ padding:0px 20%;}
.daily-menu-section .grid-row.g-mar-lt .col4{ text-align:right; width:49%}
.hm-category-rect-shape img {height: 300px;}
.quick-hm-delivery-bx{ text-align:center;}
.daily-menu-section{background-position: right bottom;}
.daily-menu-section{background-color:#fcfcfc;padding:30px 0px 30px 0px;}
.category-section .col-md-5 {    margin: 0px 10%;}
}

@media all and (max-width: 768px) {.daily-menu-section .grid-row.g-mar-lt{ padding:0px 5%;} }
@media all and (max-width: 560px) {.daily-menu-section .grid-row.g-mar-lt .col4{ text-align:left; width:100%; margin-bottom:20px;} .daily-menu-section .grid-row.g-mar-lt .col6{ margin-bottom:0px; width:100%;}}

@media all and (max-width: 1360px){ .category-section ul li{ font-size:16px;}}

@media all and (max-width: 768px){
.res-remove{display:none;}

.fs-payment-method-bx {
	display: flex;
	margin-top: 20px;
	margin-bottom: 20px;
	flex-direction: column;
}

}



.header-login.warenkorp i {
	font-size: 24px;
	margin-right: 8px;
}

.header-login.warenkorp a, .header-login.warenkorp i {
	color: #ffff00 !important;
}


#main-wrapper .side-panel .sd-panel-heading .checkout a:last-child {
	padding: 2px 5px 2px 5px !important;
	border: 1px solid #c50f11 !important;
	font-size: 12px !important;
	background-color: #c50f11;
	color: #fff;
}

#main-wrapper .side-panel .sd-panel-heading .checkout a:last-child:hover {
	padding: 2px 5px 2px 5px !important;
	border: 1px solid #c50f11 !important;
	font-size: 12px !important;
	background-color: #fff;
	color: #c50f11;
}

.unser-menu-pm-remove .col6, .unser-menu-pm-remove ul{ margin-bottom:0px !important;}


.pay-btn-pay{
	background:#c50f11 !important;
	color: #fff !important;
	border: 1px solid #c50f11 !important;
	border-radius: 3px !important;
	padding: 5px 15px !important;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
#main-wrapper .all-menu-details .qty-cart.db button::before {
color: #dedede;
}

#main-wrapper .all-menu-details .qty-cart.db button {

color: #dedede;
border: 1px solid #dedede;;

}

#main-wrapper .all-menu-details .qty-cart.db a {
pointer-events: none;
}