/* 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 */
/* ====================================================== */
body {
  background: #ffffff;
  color: #423338;
  font-size: 14px;
  font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 24px;
  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;
}

/* Shop timing table */
/* ====================================================== */
.shoptimings tr td
{
	padding-bottom:0 !important;
	color:#9f9a9b;
}

/* 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;
  line-height: 1.1;
}

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: 18px;
}

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%;
}

/* 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 #c49d3e;
  background: transparent;
  color: #c49d3e;
  border-radius: 7px;
  font-size: 16px;
}
.custom-btn-default-red {
  padding: 2px 5px 2px 5px;
  border: 1px solid #c49d3e;
  background: transparent;
  color: #c49d3e;
  border-radius: 7px;
  font-size: 16px;
  font-size:12px !important;
}

.custom-btn-default-red:hover,
.custom-btn-default-red:focus,
.custom-btn-default-red:active,
.custom-btn-default-red.active {
outline: 0;
background-color: #c49d3e;
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: #c49d3e;
color: #fff;
}


/* Red Inverse*/
.btn-default-red-inverse {
  padding: 5px 15px 5px 10px;
  border: 1px solid #c49d3e;
  background: #c49d3e;
  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: #c49d3e;
}



/* 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: #205f57;
  color: #c49d3e;
}

#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: #c49d3e;
  font-size: 13px;
}

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

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

#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: #c49d3e;
  font-size: 13px;
  margin: 0px 20px 0 4px;

}

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

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

#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: #123934;
  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: #c49d3e;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}

#header .header-nav-bar .navbar-nav li ul li a{
  color: #c49d3e;
  background: #123934;
  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: #ffffff!important;
  background-color: #ffffff !important;
}

.act {
  color: #ffffff !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: #262626;
  text-decoration: none;
  background-color: #1a1a1a !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: #ffffff;
  background-color: transparent;
}

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

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

.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: #676767;
}

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

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

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

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

#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 > .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: #123934;
  color: #ffffff;
  font-size: 13px;
}

#footer .main-footer {
  padding-top: 5px;
  padding-bottom: 25px;
}

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

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

#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: #9f9a9b;
  font-size: 13px;
}

#footer .main-footer p a {
  color: #fff;
  text-decoration: none;
}

/* 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: #9f9a9b;
  text-decoration: none;
  text-transform: capitalize;
}
#footer .main-footer .footer-links li a {
  color: #9f9a9b!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: 10px 0;
  background: #205f57;
  color: #ffffff  font-size: 13px;
}

#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: #ffffff; }

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



/* 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: #c49d3e;
  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: 12px;
  /*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;
  position:relative;
}
#thumbnail-slide #thumb-slide-section .item p {
/*display: table-cell; */
vertical-align: middle; 
text-align: center; 
height: 90px;
width:100%;
padding-top: 30px;
}


/* 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: #c49d3e;
  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: #c49d3e;
  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: #fff;
  font-size: 25px;
  font-weight: bold;
  float: right;
}

#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;
}

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

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


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

#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;
  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: center;
 /* margin: 0;*/
  padding: 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: #c49d3e;
}

#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: #c49d3e;
  outline: none;
  border: 1px solid #c49d3e;
  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;
}

#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 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 {
  background: none;
  color: #c49d3e;
  border: 1px solid #c49d3e;
  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 {
  color: #fff;
  background: #c49d3e;
}




/* 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 #c49d3e;
}

.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: #c49d3e;
  color: #fff;
  border-color: #c49d3e;
}




/* 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:14px;
}
.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;
}




.add-2-cart{
padding:0 10px !important;
}
.cursorpointer
{
cursor:pointer;
}
.norunning_text
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	margin:0;
}
.norunning_text span
{
	font-family:Arial, Helvetica, sans-serif;
	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;
}
.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: #c49d3e;
  border: 1px solid #c49d3e;
  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:#c49d3e;
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: #c49d3e;
  border: 1px solid #c49d3e;
  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:#c49d3e;
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: #c49d3e;
  border: 1px solid #c49d3e;
  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:#c49d3e;
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;
}

.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; }

#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: #c49d3e;
  border: 1px solid #c49d3e;
  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:#c49d3e;
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;
}
/*gallery css*/
.gallery_bx ul{
margin:0;
padding:0;
}

.gallery_bx{
width:100%;
float:left;
height:auto;
}
.txt-trans{
text-transform:none !important;
}
.cent{
text-align:center !important;
}

/* lightbox image css */

#portfolio, #portfolio2, #portfolio3, #portfolio4{
  display: block;
}

#portfolio li, #portfolio2 li, #portfolio3 li, #portfolio4 li {
  display: block;
  float: left;
  width: 24%;
  margin-right: 10px;
  margin-bottom: 10px;
  transition: all .5s ease;
}

#portfolio li img, #portfolio2 li img, #portfolio3 li img, #portfolio4 li img{
 width:96%;
 height:auto;
 padding:2%;
 border:1px solid #999999;
 border-radius:5px;
}

#portfolio li a, #portfolio2 li a, #portfolio3 li a, #portfolio4 li a {
  display: block;
  padding: 8px;
 /*  background: #fff;
 -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
  -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
  box-shadow: 1px 2px 2px rgba(0,0,0,0.25);*/
}
.mfp-title {
  font-size: 13px;
  color:#000 !important;
  font-family:Arial, Helvetica, sans-serif;
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

@media screen and (max-width:785px){
.fl-width{
width:100% !important;
}
.fl-width-margin{
width:90% !important;
margin:0 auto;
float:none;
clear:left;
}
}
/** media queries **/
@media screen and (max-width: 1115px) {
  #portfolio li, #portfolio2 li, #portfolio3 li, #portfolio4 li {
    width: 48%;
  }
}

@media screen and (max-width: 785px) {
  #portfolio li, #portfolio2 li, #portfolio3 li, #portfolio4 li {
    width: 100%;
  }
}

/*@media screen and (max-width: 550px) {
  #portfolio, #portfolio2 { 
    text-align: center;
  }
  
  #portfolio li, #portfolio2 li {
    float: none;
    display: inline-block;
    width: 80%;
    margin-bottom:0px;
  }
}

@media screen and (max-width: 337px) {
  #portfolio, #portfolio2 { 
    text-align: center;
  }
  
  #portfolio li, #portfolio2 li {
    float: none;
    display: inline-block;
    width: 98%;
    margin-bottom:0px;
  }
  
  #portfolio li img, #portfolio2 li img {
 width:98%;
 height:auto;
 padding:2%;
 border:1px solid #999999;
 border-radius:5px;
}}*/

.portfolio-content, .portfolio-area{
	width:100%;
}
/**** PORTFOLIO STYLES*****/
.portfolio-categ{margin-bottom:30px;}
.portfolio-categ li{display:inline;margin-right:10px;}
.image-block{ display:block;position: relative;}
.image-block img{border: 1px solid #d5d5d5; border-radius: 4px 4px 4px 4px;background:#FFFFFF;padding:10px;}
.image-block img:hover{border: 1px solid #A9CF54;box-shadow:0 0 5px #A9CF54;}
.portfolio-area li{float: left;margin: 0 12px 20px 0;overflow: hidden;width: 245px;padding:5px;}
.home-portfolio-text{margin-top:10px;}

/* Text blink css */

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
	color: #c49d3e;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

li.active a{ text-decoration:underline;}
/**** END PORTFOLIO STYLES*****/


/* ====================================================== */
/* 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 screen and (max-width: 991px) {

.custom-table-cent{text-align: center !important;}
#header .header-top-bar .header-login { 
text-align: center !important;
width: 100%;}

}

.check-out input.custom-mobile-otp{ width:65% !important;}

@media screen and (max-width:400px){
.check-out input.custom-mobile-otp{ width:48% !important;}

}