/* 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: 16px;
  font-family: 'Roboto Slab', 'Helvetica Neue', 'Noto Serif TC', serif, 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;
}



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

/* Black custom */
.btn-default-custom {
  padding: 4px 6px;
  border: 1px solid #294898;
  background: #fff;
  color: #e00000;
  border-radius: 7px;
  font-size: 16px;
  /* margin: 5px 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 #e00000;
  background: transparent;
  color: #e00000;
  border-radius: 7px;
  font-size: 16px;
}

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

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

/* Green */
.btn-default-green {
  padding: 5px 15px 5px 15px;
  border: 1px solid #1cb126;
  background: transparent;
  color: #1cb126;
  border-radius: 7px;
  font-size: 16px;
}

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

.btn-default-green:hover,
.btn-default-green:focus,
.btn-default-green:active,
.btn-default-green.active {
  outline: 0;
  background-color: #1cb126;
  color: #fff;
}

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

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

.btn-default-green-inverse:hover,
.btn-default-green-inverse:focus,
.btn-default-green-inverse:active,
.btn-default-green-inverse.active {
  outline: 0;
  background-color: #fff;
  color: #1cb126; /*green*/
}

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

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

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

/* Blue */
.btn-default-blue {
  padding: 5px 15px 5px 15px;
  border: 1px solid #294898;
  background: transparent;
  color: #294898;
  border-radius: 7px;
  font-size: 16px;
}

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

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

/* Blue Inverse login*/
.btn-default-blue-inverse {
  padding: 1px 10px 1px 10px;
  border: 1px solid #294898;
  background: #294898;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
}

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

.btn-default-blue-inverse:hover,
.btn-default-blue-inverse:focus,
.btn-default-blue-inverse:active,
.btn-default-blue-inverse.active {
  outline: 0;
  background-color: #fff;
  color: #294898;
  border: 1px solid #294898;
}




/* 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 span { text-decoration: none; }

/* Header Top Bar */
#header .header-top-bar {
  padding: 0px 0 0px 0;
  background: #1a1a1a;
  color: #ffffff;
}

#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: #fefefe;
  font-size: 14px;
}

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

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

}

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

#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: #343434;
  border: none;
}

#header .header-nav-bar .navbar .navbar-header {
  margin-bottom: 20px;
  margin-top: 10px;
  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: #ffffff;
  text-transform: lowercase;
  /*font-weight: 700;*/
  font-size: 16px;
}

#header .header-nav-bar .navbar-nav li ul li a{
  color: #fff;
  background: #343434;
  display: block;
  margin: 0;
  padding: 5px 10px;
}

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

.act {
  color: #e00000 !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: #e00000;
  background-color: transparent;
}

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

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

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

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

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


/* 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: #e00000;
  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: 10px 0;
  padding: 0;
  text-align: center;
}

.category-boxes-icons .category-boxes-item {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  /*height: 220px;*/
  height: 100%;
  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: auto;
  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: 18px;
  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: 40%; }


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




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





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

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

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

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




/* 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;

}

/* ====================================================== */
/* end */


@media only screen and (min-width: 480px) and (max-width: 767px) {
	 .pp_pic_holder{ left: 50% !important; width: 400px !important;  margin-left: -200px !important; }
	 div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; }
	 .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; }
	 div.pp_default .pp_content_container .pp_details {margin-top: 20px !important; }
}

@media only screen and (max-width: 479px) {
	 .pp_pic_holder{ left: 50% !important; width: 300px !important;  margin-left: -150px !important; }
	 div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; }
	 .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; }
	 div.pp_default .pp_content_container .pp_details {margin-top: 20px !important; }
}