/*
skin_path: skins/kraken/
skin_name: kraken
theme_path: 
theme_name: 
type: css
datetime: 2024-10-23 13:45:33
checksum: e8b6d2a546883abd2ede21a88f807076
status: ok
*/
/* Load: skins/kraken/style_system_overrides.scss */
/* **************************** */
/* Center footer text on mobile */
/* **************************** */
@media (max-width: 767px) {
  footer div {
    text-align: center;
    margin: 10px 0 0px;
  }
  footer div.vendor {
    text-align: center !important;
    margin: 25px 0 0px;
  }
  footer div.copyright {
    margin-top: 0px;
  }
}
.row-odd {
  background: none;
}
.menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li {
  padding-right: 0px !important;
}
.row-variation {
  margin: 10px 0px;
}
@media (min-width: 768px) {
  .row-product {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1182px) {
  .menu #basket-container {
    margin-top: 20px;
  }
}
.menu #zp-offcanvas-basket #order-empty {
  margin-bottom: 5px;
}
@media (max-width: 1200px) {
  .trigger-paymentmethod.btn-group.extended .btn {
    display: block;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .block-terms-conditions, .block-website-help {
    margin-bottom: 30px;
  }
}
.box-opening-hours {
  margin-top: 30px;
}
/* Load: skins/kraken/style_functions.scss */
@keyframes hero_discount {
  0%, 50%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-5deg);
  }
  75% {
    transform: rotate(5deg);
  }
}
.image_zoom_out {
  animation: image_zoom_out 1.2s ease;
  animation-fill-mode: none;
}
@keyframes image_zoom_out {
  0% {
    transform: scale(1.14) translateY(-5%);
  }
  100% {
    transform: scale(1.001) translateY(0);
  }
}
.appear_from_bottom {
  animation: appear_from_bottom 1s ease-in-out 1s forwards;
  opacity: 0;
  transform: translateY(20px);
}
@keyframes appear_from_bottom {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
/* Load: skins/kraken/_variables.scss */
/* Load: skins/kraken/_variables_skin.scss */
/* Load: custom_data/preloaded_custom_data */
/* Load: skins/kraken/styles.scss */
.row_mods, .row_phones, .ct_phone, .home h1, .home-about, #basket-container hr, .home_social, #body-bottom-hr, #opening-status, .ct_details_bar, .home .main {
  display: none;
}
html {
  overflow-x: hidden;
}
html, body {
  font-size: 16px;
}
body {
  background: #6E152B;
  padding: 0px;
  color: #e8f7ee;
}
.container {
  position: relative;
  width: 100%;
}
.container:not(body.home .container) {
  max-width: 1170px;
}
@media (max-width: 1229px) {
  .container:not(body.home .container) {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.container:is(.home .container) {
  max-width: 1724px;
}
@media (max-width: 1783px) {
  .container:is(.home .container) {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#container {
  border-radius: 0px;
  box-shadow: none;
  padding: 0px;
  background: transparent;
  border: 20px solid #cea144;
}
@media (min-width: 980px) {
  #container {
    margin: 20px;
  }
}
* {
  box-sizing: border-box;
}
.primary_section {
  background: #cea144;
}
.primary_section h1, .primary_section h2, .primary_section h3, .primary_section h4, .primary_section h5, .primary_section h6, .primary_section p:not(.text-success):not(.text-danger):not(.text-warning):not(.text-primary):not(.text-warning):not(.text-info) {
  color: #181818;
}
.secondary_section {
  background: #cea144;
}
.secondary_section h1, .secondary_section h2, .secondary_section h3, .secondary_section h4, .secondary_section h5, .secondary_section h6, .secondary_section p:not(.text-success):not(.text-danger):not(.text-warning):not(.text-primary):not(.text-warning):not(.text-info) {
  color: #181818;
}
.third_section {
  background: #A599B5;
}
.third_section h1, .third_section h2, .third_section h3, .third_section h4, .third_section h5, .third_section h6, .third_section p:not(.text-success):not(.text-danger):not(.text-warning):not(.text-primary):not(.text-warning):not(.text-info) {
  color: #e8f7ee;
}
.well, .ui-widget-content, .page-review-order {
  padding: 15px;
  border-radius: 10px;
  color: #e8f7ee;
}
.well:not(.primary_section, .secondary_section, .third_section), .ui-widget-content:not(.primary_section, .secondary_section, .third_section), .page-review-order:not(.primary_section, .secondary_section, .third_section) {
  background: #FFFFFF;
}
.well.no_border, .ui-widget-content.no_border, .page-review-order.no_border {
  border: none;
  box-shadow: none;
}
.well .text-danger, .well .text-error, .ui-widget-content .text-danger, .ui-widget-content .text-error, .page-review-order .text-danger, .page-review-order .text-error {
  color: #ff3e3e;
}
.well:not(.well .well), .ui-widget-content:not(.well .ui-widget-content, .ui-tabs-menu .ui-widget-content), .page-review-order {
  box-shadow: 0 1px 4px rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.04);
}
.well .ui-widget-content, .well .well {
  border: none;
}
body:not(.home, .error-404) #body {
  padding: 50px 0px;
}
@media (max-width: 1189px) {
  body:not(.home, .error-404) #body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  body:not(.home, .error-404).menu #body {
    padding: 20px;
  }
}
a, .ui-widget-content a {
  color: #febe3e;
}
a:hover, a:focus, .ui-widget-content a:hover, .ui-widget-content a:focus {
  color: #fec148;
}
a:not(.btn, .uk-close, .close) {
  text-decoration: underline;
}
.popover .popover-title {
  background: #cea144;
  color: #e8f7ee;
  font-size: 1.1rem;
  padding: 12px 15px 10px;
}
.popover .popover-content {
  color: #181818;
}
.dropdown-menu {
  background: #cea144;
  padding: 0px;
  border-radius: 0px;
}
.dropdown-menu li a {
  text-decoration: none;
  color: #181818;
  padding: 10px 20px;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus {
  background: #d3ab58;
  color: #181818;
}
.sidebar-nav .nav-list {
  padding: 0px 5px;
}
.sidebar-nav .nav-list .nav-header {
  color: #cea144;
  font-size: 1rem;
  margin: 15px 0px;
  padding: 0px;
  text-shadow: none;
}
.sidebar-nav .nav-list .nav-header:first-child {
  margin-top: 0px;
}
.sidebar-nav .nav-list li:not(.nav-header, .divider) {
  margin: 2px 0px;
}
.sidebar-nav .nav-list li:not(.nav-header, .divider) a {
  font-size: 0.8889rem;
  text-decoration: none;
  color: #e8f7ee;
}
.sidebar-nav .nav-list li:not(.nav-header, .divider) a:hover, .sidebar-nav .nav-list li:not(.nav-header, .divider) a:focus {
  color: #181818;
  background: #cea144;
  text-shadow: none;
  font-weight: bold;
}
.sidebar-nav .nav-list li:not(.nav-header, .divider) a:hover i, .sidebar-nav .nav-list li:not(.nav-header, .divider) a:focus i {
  background-image: url("https://skins.zfood.co.uk/kraken/./images/black_icons_members_page.png");
}
.sidebar-nav .nav-list li:not(.nav-header, .divider) a i {
  background-image: url("https://skins.zfood.co.uk/kraken/./images/black_icons_members_page.png");
  position: relative;
  top: 2px;
}
.sidebar-nav .nav-list li:not(.nav-header, .divider).active a, .sidebar-nav .nav-list li:not(.nav-header, .divider).active a:hover, .sidebar-nav .nav-list li:not(.nav-header, .divider).active a:focus, .sidebar-nav .nav-list li:not(.nav-header, .divider):hover a, .sidebar-nav .nav-list li:not(.nav-header, .divider):focus a {
  color: #181818;
  text-shadow: none;
  font-weight: bold;
  background: #cea144;
}
.sidebar-nav .nav-list li:not(.nav-header, .divider).active a i, .sidebar-nav .nav-list li:not(.nav-header, .divider).active a:hover i, .sidebar-nav .nav-list li:not(.nav-header, .divider).active a:focus i, .sidebar-nav .nav-list li:not(.nav-header, .divider):hover a i, .sidebar-nav .nav-list li:not(.nav-header, .divider):focus a i {
  background-image: url("https://skins.zfood.co.uk/kraken/./images/black_icons_members_page.png");
}
hr, .nav-list .divider {
  border-top-color: transparent;
  border-bottom: 2px solid #cea144;
  margin: 20px 0;
}
.home hr {
  max-width: 300px;
}
.website-image img, #under_login_image img, #menu_selection_image img {
  border-radius: 10px;
}
ul {
  list-style-type: square;
}
ul li {
  line-height: 140%;
}
ul li::marker {
  color: #cea144;
}
.navbar .navbar-inner {
  background: transparent;
  border: none;
  box-shadow: none;
}
.navbar .brand {
  text-shadow: none;
  color: #181818;
  font-size: 1rem;
  font-weight: bold;
}
.page-header {
  border-color: #e8f7ee;
}
.delivers_0 .box-delivery-information {
  display: none;
}
/*TABLES*/
table, .table {
  /*th, td {
        padding: 8px 8px 5px;
    }*/
}
table thead.ui-widget-header, table thead th, .table thead.ui-widget-header, .table thead th {
  background: #181818;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
table th, .table th {
  border-color: #FFFFFF;
  background: #181818;
  color: #FFFFFF;
}
table td, .table td {
  border-color: #181818;
  color: #181818;
}
table, .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th, .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th, table .muted, .table-hover tbody tr.ui-state-highlight:hover > th, .table-hover tbody tr.ui-state-highlight:hover > td {
  background: #FFFFFF;
}
.table-bordered, .table tbody + tbody {
  border-color: #181818;
}
#basket-container thead.ui-widget-header, #basket-container thead th, #basket-container tfoot th, .checkout thead th, .checkout tfoot th, #zp-offcanvas-basket table thead.ui-widget-header, #zp-offcanvas-basket table thead th, #zp-offcanvas-basket table tfoot th, .checkout .well-basket thead.ui-widget-header, .checkout .well-basket thead.ui-widget-header thead th {
  background: #FFFFFF;
  color: #181818;
}
legend {
  text-align: center;
  margin-bottom: 30px;
  font-size: 1.5rem;
  border-color: #cea144;
  padding-bottom: 10px;
  color: #cea144;
}
legend small {
  color: white;
  font-size: 1rem;
}
.modal .modal-header {
  background: #cea144;
  color: #181818;
  padding: 9px 15px 3px;
}
.modal .modal-header h3 {
  margin-bottom: 0px;
}
.modal .modal-header .close {
  margin-top: -4px;
}
.modal .modal-body {
  color: #181818;
}
.modal .modal-body .well {
  background: #f3f3f3;
  color: #181818;
  border: none;
  box-shadow: none;
}
.modal .modal-body .type-choose-one .dropdown-toggle {
  max-width: 100%;
}
.modal .modal-footer {
  background: #2b2828;
  color: #e8f7ee;
  border-radius: 0px;
}
@media (max-width: 767px) {
  .modal .modal-footer {
    text-align: center;
  }
}
.modal .modal-footer h3 {
  margin-top: 7px !important;
}
@media (max-width: 767px) {
  .modal .modal-footer h3 {
    display: block;
    width: 100%;
    margin-bottom: 10px !important;
  }
}
@media (max-width: 767px) {
  .modal .modal-footer h3 small {
    display: block;
  }
}
.label, .badge {
  text-shadow: none;
  border-radius: 0px;
}
.social_media_links {
  margin-top: 10px;
}
.social_media_links .btn-group {
  display: flex;
  justify-content: center;
}
.social_media_links .btn {
  /*background: $primary_color;*/
  background: transparent;
  width: 36px !important;
  height: 36px;
  padding: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 5px;
  transition: all 0.3s;
}
.social_media_links .btn:hover, .social_media_links .btn:focus {
  transform: translateY(2px);
}
.social_media_links img {
  height: 32px;
}
.social_media_links small {
  display: none;
}
.btn, .btn-group > .btn:first-child, .btn-group > .btn:last-child, .ui-widget button {
  font-family: "Manrope", sans-serif;
  border-radius: 10px;
  box-shadow: none;
  text-shadow: none;
  font-size: 0.8rem;
  border: none;
  /*font-weight: 600;*/
  /*padding: 10px 18px;*/
  padding: 9px 18px 11px;
}
.btn.btn-large, .btn-group > .btn:first-child.btn-large, .btn-group > .btn:last-child.btn-large, .ui-widget button.btn-large {
  padding: 16px 30px;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .btn.btn-large, .btn-group > .btn:first-child.btn-large, .btn-group > .btn:last-child.btn-large, .ui-widget button.btn-large {
    font-size: 1.167rem;
    padding: 21px 35px;
  }
}
.btn.ctrl-mobile_food_menu_nav_closecanvas, .btn-group > .btn:first-child.ctrl-mobile_food_menu_nav_closecanvas, .btn-group > .btn:last-child.ctrl-mobile_food_menu_nav_closecanvas, .ui-widget button.ctrl-mobile_food_menu_nav_closecanvas {
  border-radius: 10px;
}
.btn.btn-small, .btn-group > .btn:first-child.btn-small, .btn-group > .btn:last-child.btn-small, .ui-widget button.btn-small {
  font-size: 0.7rem;
  padding: 5px 9px 4px;
}
.btn.btn-order, .btn-group > .btn:first-child.btn-order, .btn-group > .btn:last-child.btn-order, .ui-widget button.btn-order {
  margin-top: -3px;
}
.btn.btn-link, .btn-group > .btn:first-child.btn-link, .btn-group > .btn:last-child.btn-link, .ui-widget button.btn-link {
  color: #febe3e;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .navbar-search .search-query, .members .well.span9 .btn.dropdown-toggle, select {
  box-shadow: none;
  border: 2px solid rgba(232, 247, 238, 0.3);
  font-size: 0.7778rem;
  background: #f4f4f4;
  color: #1d1d1b;
  font-family: "Manrope", sans-serif;
}
@media (min-width: 768px) {
  textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .navbar-search .search-query, .members .well.span9 .btn.dropdown-toggle, select {
    font-size: 0.8889rem;
    /*font-size: 1rem;*/
  }
}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
  border-color: #cea144;
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .navbar-search .search-query, .members .well.span9 .btn.dropdown-toggle, select {
  height: 40px;
}
.ui-dialog {
  padding: 0px;
}
.ui-dialog .ui-dialog-titlebar {
  background: #cea144;
  color: #181818;
  padding: 9px 15px 5px;
  border-radius: 10px 10px 0px 0px;
}
.ui-dialog .well {
  border: none;
  box-shadow: none;
  background: #cea144;
  color: #181818;
}
#ui-datepicker-div {
  border: 1px solid #e8f7ee;
}
#ui-datepicker-div .ui-widget-content {
  box-shadow: none;
  padding: 0px;
  border-radius: 0px;
  border-color: #e8f7ee;
}
#ui-datepicker-div .ui-datepicker-header {
  background: #878686;
}
.ui-widget-header {
  background: #cea144;
  color: #181818;
  font-family: "katibeh", sans-serif;
  /*padding: 5px 5px;*/
  padding: 9px 10px 5px;
  border: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: #A599B5;
  color: #e8f7ee;
  border: none;
}
.ui-state-highlight td, .ui-widget-content .ui-state-highlight td, .ui-widget-header .ui-state-highlight td {
  background: #A599B5;
  color: #e8f7ee;
}
.alert {
  text-shadow: none;
  color: #e8f7ee;
  border-radius: 0px;
}
.alert span *:last-child {
  margin-bottom: 0px;
}
.sys-message {
  margin-bottom: 0px !important;
  text-align: center;
}
.sys-message.well {
  background: grey;
  text-align: center;
  border-radius: 0px;
  padding: 8px 35px 8px 14px;
}
.sys-message.well .close {
  color: #ffffff;
  opacity: 0.8;
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.sys-message .close {
  color: #ffffff;
  opacity: 0.8;
}
.sys-message .close:hover, .sys-message .close:focus {
  opacity: 1;
}
body:not(.book, .reservations, .bookings, .book-a-table) .mod_table_reservation_v1 {
  display: none;
}
.supersize {
  font-size: 50px;
  margin-bottom: 15px;
  margin-top: 0px;
}
@media (min-width: 481px) and (max-width: 767px) {
  .supersize {
    font-size: 50px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .supersize {
    font-size: 70px;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  .supersize {
    font-size: 80px;
  }
}
@media (min-width: 1201px) and (max-width: 1650px) {
  .supersize {
    font-size: 101px;
  }
}
@media (min-width: 1651px) {
  .supersize {
    font-size: 101px;
  }
}
h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .supersize), .hero-unit h1, .h1_size {
  font-size: 35px;
  margin-bottom: 10px;
  margin-top: 0px;
}
@media (min-width: 481px) and (max-width: 767px) {
  h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .supersize), .hero-unit h1, .h1_size {
    font-size: 35px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .supersize), .hero-unit h1, .h1_size {
    font-size: 40px;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .supersize), .hero-unit h1, .h1_size {
    font-size: 55px;
  }
}
@media (min-width: 1201px) and (max-width: 1650px) {
  h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .supersize), .hero-unit h1, .h1_size {
    font-size: 61px;
  }
}
@media (min-width: 1651px) {
  h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .supersize), .hero-unit h1, .h1_size {
    font-size: 61px;
  }
}
h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .supersize), .h2_size {
  font-size: 32px;
  margin-top: 0px;
  margin-bottom: 10px;
}
@media (min-width: 481px) and (max-width: 767px) {
  h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .supersize), .h2_size {
    font-size: 32px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .supersize), .h2_size {
    font-size: 36px;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .supersize), .h2_size {
    font-size: 40px;
  }
}
@media (min-width: 1201px) and (max-width: 1650px) {
  h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .supersize), .h2_size {
    font-size: 48px;
  }
}
@media (min-width: 1651px) {
  h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .supersize), .h2_size {
    font-size: 48px;
  }
}
h3:not(.h1_size, .h2_size, .h4_size, .h5_size, .supersize), .h3_size {
  font-size: 24px;
}
@media (min-width: 481px) and (max-width: 767px) {
  h3:not(.h1_size, .h2_size, .h4_size, .h5_size, .supersize), .h3_size {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  h3:not(.h1_size, .h2_size, .h4_size, .h5_size, .supersize), .h3_size {
    font-size: 32px;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  h3:not(.h1_size, .h2_size, .h4_size, .h5_size, .supersize), .h3_size {
    font-size: 36px;
  }
}
@media (min-width: 1201px) and (max-width: 1650px) {
  h3:not(.h1_size, .h2_size, .h4_size, .h5_size, .supersize), .h3_size {
    font-size: 40px;
  }
}
@media (min-width: 1651px) {
  h3:not(.h1_size, .h2_size, .h4_size, .h5_size, .supersize), .h3_size {
    font-size: 40px;
  }
}
h4:not(.h1_size, .h2_size, .h3_size, .h5_size), .h4_size {
  font-size: 20px;
}
@media (min-width: 481px) and (max-width: 767px) {
  h4:not(.h1_size, .h2_size, .h3_size, .h5_size), .h4_size {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  h4:not(.h1_size, .h2_size, .h3_size, .h5_size), .h4_size {
    font-size: 24px;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  h4:not(.h1_size, .h2_size, .h3_size, .h5_size), .h4_size {
    font-size: 28px;
  }
}
@media (min-width: 1201px) and (max-width: 1650px) {
  h4:not(.h1_size, .h2_size, .h3_size, .h5_size), .h4_size {
    font-size: 32px;
  }
}
@media (min-width: 1651px) {
  h4:not(.h1_size, .h2_size, .h3_size, .h5_size), .h4_size {
    font-size: 32px;
  }
}
h5, .h5_size {
  font-size: 18px;
}
@media (min-width: 481px) and (max-width: 767px) {
  h5, .h5_size {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  h5, .h5_size {
    font-size: 21px;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  h5, .h5_size {
    font-size: 21px;
  }
}
@media (min-width: 1201px) and (max-width: 1650px) {
  h5, .h5_size {
    font-size: 21px;
  }
}
@media (min-width: 1651px) {
  h5, .h5_size {
    font-size: 21px;
  }
}
p:not(.lead, .sublead), .cat-desc {
  font-size: 0.8889rem;
  line-height: 140%;
  margin: 15px 0px;
}
@media (min-width: 481px) and (max-width: 767px) {
  p:not(.lead, .sublead), .cat-desc {
    font-size: 0.8889rem;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  p:not(.lead, .sublead), .cat-desc {
    font-size: 1rem;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  p:not(.lead, .sublead), .cat-desc {
    font-size: 1rem;
  }
}
@media (min-width: 1201px) and (max-width: 1650px) {
  p:not(.lead, .sublead), .cat-desc {
    font-size: 1rem;
  }
}
@media (min-width: 1651px) {
  p:not(.lead, .sublead), .cat-desc {
    font-size: 1rem;
  }
}
.lead {
  font-size: 1rem;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: normal;
}
@media (min-width: 481px) and (max-width: 767px) {
  .lead {
    font-size: 1.167rem;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .lead {
    font-size: 1.167rem;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  .lead {
    font-size: 1.167rem;
  }
}
@media (min-width: 1201px) and (max-width: 1650px) {
  .lead {
    font-size: 1.167rem;
  }
}
@media (min-width: 1651px) {
  .lead {
    font-size: 1.167rem;
  }
}
@media (min-width: 980px) {
  .lead {
    margin-bottom: 30px;
  }
}
.sublead {
  font-size: 1.1667rem;
  margin-bottom: 10px;
}
h1, h2, h3, .modal-header h3, h4, legend {
  font-family: "katibeh", sans-serif;
  line-height: 110%;
  font-weight: normal;
}
body, h5, h6 {
  font-family: "Manrope", sans-serif;
  line-height: 120%;
  font-weight: normal;
}
.btn-success, #editProductModal .btn-group > .dropdown-toggle.btn-success, #editSpecialDealModal.btn-group > .dropdown-toggle.btn-success, .ui-widget-content .ui-state-default.ui-datepicker-close {
  background: #279d56;
  color: #e8f7ee !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, #editProductModal .btn-group > .dropdown-toggle.btn-success:hover, #editProductModal .btn-group > .dropdown-toggle.btn-success:focus, #editProductModal .btn-group > .dropdown-toggle.btn-success:active, #editSpecialDealModal.btn-group > .dropdown-toggle.btn-success:hover, #editSpecialDealModal.btn-group > .dropdown-toggle.btn-success:focus, #editSpecialDealModal.btn-group > .dropdown-toggle.btn-success:active, .ui-widget-content .ui-state-default.ui-datepicker-close:hover, .ui-widget-content .ui-state-default.ui-datepicker-close:focus, .ui-widget-content .ui-state-default.ui-datepicker-close:active {
  background: #2cb161;
  color: #e8f7ee !important;
}
.text-success, .carousel-caption h4.text-success, .status_OPEN {
  color: #279d56;
}
.alert-success, .label-success, .badge-success {
  background: #246b0c;
  color: #e8f7ee;
}
.btn-primary {
  background: #0889cc !important;
  color: #e8f7ee;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #0999e5 !important;
  color: #e8f7ee;
}
.text-primary, .carousel-caption h4.text-primary {
  color: #0889cc;
}
.alert-primary, .label-primary, .badge-primary {
  color: #e8f7ee;
  background: #1f6f97;
}
.btn-info, #editProductModal fieldset .btn-group > .dropdown-toggle.btn-info, #editSpecialDealModal fieldset .btn-group > .dropdown-toggle.btn-info, .ui-widget-content .ui-state-default.ui-datepicker-current {
  background: #169da6 !important;
  color: #e8f7ee;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, #editProductModal fieldset .btn-group > .dropdown-toggle.btn-info:hover, #editProductModal fieldset .btn-group > .dropdown-toggle.btn-info:focus, #editProductModal fieldset .btn-group > .dropdown-toggle.btn-info:active, #editSpecialDealModal fieldset .btn-group > .dropdown-toggle.btn-info:hover, #editSpecialDealModal fieldset .btn-group > .dropdown-toggle.btn-info:focus, #editSpecialDealModal fieldset .btn-group > .dropdown-toggle.btn-info:active, .ui-widget-content .ui-state-default.ui-datepicker-current:hover, .ui-widget-content .ui-state-default.ui-datepicker-current:focus, .ui-widget-content .ui-state-default.ui-datepicker-current:active {
  background: #19b2bd !important;
  color: #e8f7ee;
}
.text-info, .carousel-caption h4.text-info {
  color: #169da6;
}
.alert-info, .label-info, .badge-info {
  color: #e8f7ee;
  background: #1f8d97;
}
.btn-danger, .modal-footer button:first-of-type, #editProductModal .btn-group > .dropdown-toggle.btn-danger, #editSpecialDealModal.btn-group > .dropdown-toggle.btn-danger, #ctl-resetPassBtnCancel {
  background: #ff1a1a;
  color: #e8f7ee;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .modal-footer button:first-of-type:hover, .modal-footer button:first-of-type:focus, .modal-footer button:first-of-type:active, #editProductModal .btn-group > .dropdown-toggle.btn-danger:hover, #editProductModal .btn-group > .dropdown-toggle.btn-danger:focus, #editProductModal .btn-group > .dropdown-toggle.btn-danger:active, #editSpecialDealModal.btn-group > .dropdown-toggle.btn-danger:hover, #editSpecialDealModal.btn-group > .dropdown-toggle.btn-danger:focus, #editSpecialDealModal.btn-group > .dropdown-toggle.btn-danger:active, #ctl-resetPassBtnCancel:hover, #ctl-resetPassBtnCancel:focus, #ctl-resetPassBtnCancel:active {
  background: #ff3434;
  color: #e8f7ee;
}
.text-danger, .carousel-caption h4.text-danger, .text-error, .status_CLOSED {
  color: #e8f7ee;
  color: #ff1a1a;
}
.alert-danger, .label-danger, .badge-danger, .alert-error {
  color: #e8f7ee;
  background: #971f1f;
}
.btn-warning {
  background: #f1770c;
  color: #e8f7ee;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background: #f48422;
  color: #e8f7ee;
}
.text-warning, .carousel-caption h4.text-warning, .well em {
  color: #f1770c;
}
.alert-warning, .label-warning, .badge-warning {
  color: #e8f7ee;
  background: #ce7114;
}
.btn-inverse {
  background: #181818;
  color: #e8f7ee;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active {
  background: #252525;
  color: #e8f7ee;
}
.alert-inverse, .label-inverse, .badge-inverse {
  background: black;
  color: #e8f7ee;
}
.status_CLOSED, .status_OPEN {
  font-weight: bold;
}
.primary_text {
  color: #cea144 !important;
}
.secondary_text {
  color: #cea144 !important;
}
.third_text {
  color: #A599B5 !important;
}
.primary_btn {
  background: #cea144;
  color: #181818;
}
.primary_btn:hover, .primary_btn:focus, .primary_btn.active {
  background: #d3ab58;
  color: #181818;
}
.primary_btn .caret {
  border-top-color: #181818;
}
.secondary_btn {
  background: #cea144;
  color: #181818;
}
.secondary_btn:hover, .secondary_btn:focus, .secondary_btn.active {
  background: #d3ab58;
  color: #181818;
}
.secondary_btn .caret {
  border-top-color: #181818;
}
.third_btn {
  background: #A599B5;
  color: #e8f7ee;
}
.third_btn:hover, .third_btn:focus, .third_btn.active {
  background: #b2a8c0;
  color: #e8f7ee;
}
.third_btn .caret {
  border-top-color: #e8f7ee;
}
header {
  background-image: none;
  padding-top: 20px;
}
@media (min-width: 980px) {
  header .ct_header_row {
    display: flex;
    align-items: center;
  }
}
header .ct_header_row .header_icons {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  margin-left: 0px;
  margin-bottom: 0px;
}
@media (min-width: 980px) {
  header .ct_header_row .header_icons.visible-desktop:not(.welcome .header_icons) {
    display: flex !important;
  }
}
header .ct_header_row .header_icons.hidden-desktop {
  float: left;
}
@media (max-width: 979px) {
  header .ct_header_row .header_icons.hidden-desktop:not(.welcome .header_icons) {
    display: flex !important;
  }
}
header .ct_header_row .header_icons.hidden-desktop .btn {
  background: transparent;
  padding: 0px;
  margin: 0px;
}
header .ct_header_row .header_icons.hidden-desktop .btn img {
  height: 26.63px;
}
header .ct_header_row .header_icons.hidden-desktop .btn small {
  display: none;
}
header .ct_header_row .header_icons svg {
  transition: all 0.3s;
}
header .ct_header_row .header_icons svg * {
  stroke: #e8f7ee;
}
header .ct_header_row .header_icons svg:not(.status_OPEN, .status_CLOSED):hover {
  transform: translateY(2px);
}
@media (min-width: 980px) and (max-width: 1200px) {
  header .ct_header_row .header_icons svg {
    max-height: 24px;
  }
}
header .ct_header_row .header_icons .header_status {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #e8f7ee;
  line-height: 20px;
  font-size: 1rem;
}
@media (min-width: 980px) and (max-width: 1200px) {
  header .ct_header_row .header_icons .header_status {
    font-size: 0.8rem;
    position: relative;
    top: 1px;
  }
}
header .ct_header_row .header_icons .header_status svg {
  displaY: none;
}
@media (min-width: 980px) and (max-width: 1200px) {
  header .ct_header_row .header_icons .header_status svg {
    max-height: 24px;
  }
}
header .ct_header_row .header_icons .header_status svg.status_OPEN * {
  stroke: #279d56;
}
header .ct_header_row .header_icons .header_status svg.status_CLOSED * {
  stroke: #ff1a1a;
}
@media (max-width: 1650px) {
  header .ct_header_row .header_icons .header_status .text_we {
    display: none;
  }
}
header .ct_header_row .header_icons .header_members:not(.user_guest .header_members) svg * {
  stroke: #279d56;
}
@media (min-width: 980px) and (max-width: 1200px) {
  header .ct_header_row .header_icons .header_location {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  header .ct_header_row .left_column {
    width: 100%;
    margin-left: 0px;
  }
}
@media (max-width: 979px) {
  header .ct_header_row .left_column #logo {
    text-align: center;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  header .ct_header_row .middle_column {
    width: 100%;
    margin-left: 0px;
  }
}
header .navbar {
  margin-bottom: 0px !important;
}
header .navbar .navbar-inner {
  padding-left: 0px;
  padding-right: 0px;
}
header .navbar .navbar-inner .container {
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 980px) {
  header .navbar .navbar-inner .container {
    display: flex;
    justify-content: center;
  }
}
header .navbar .navbar-inner .container .nav-collapse {
  background: #cea144;
}
@media (max-width: 979px) {
  header .navbar .navbar-inner .container .nav-collapse {
    position: relative;
    top: 10px;
  }
}
@media (min-width: 980px) {
  header .navbar .navbar-inner .container .nav-collapse {
    background: transparent;
  }
}
header .navbar .navbar-inner .container .nav-collapse .nav {
  z-index: 1000;
}
@media (min-width: 980px) {
  header .navbar .navbar-inner .container .nav-collapse .nav > li:first-child {
    padding-left: 0px;
  }
}
header .navbar .navbar-inner .container .nav-collapse .nav > li.dropdown.open > .dropdown-toggle, header .navbar .navbar-inner .container .nav-collapse .nav > li.dropdown.active > .dropdown-toggle, header .navbar .navbar-inner .container .nav-collapse .nav > li.dropdown.open.active > .dropdown-toggle {
  background: transparent;
}
header .navbar .navbar-inner .container .nav-collapse .nav > li.active > a, header .navbar .navbar-inner .container .nav-collapse .nav > li > a:hover, header .navbar .navbar-inner .container .nav-collapse .nav > li > a:focus {
  color: #181818;
  background: transparent;
  box-shadow: none;
  opacity: 1;
}
@media (min-width: 980px) {
  header .navbar .navbar-inner .container .nav-collapse .nav > li.active > a, header .navbar .navbar-inner .container .nav-collapse .nav > li > a:hover, header .navbar .navbar-inner .container .nav-collapse .nav > li > a:focus {
    color: #e8f7ee;
  }
}
header .navbar .navbar-inner .container .nav-collapse .nav > li.active > a .caret, header .navbar .navbar-inner .container .nav-collapse .nav > li > a:hover .caret, header .navbar .navbar-inner .container .nav-collapse .nav > li > a:focus .caret {
  opacity: 1;
}
header .navbar .navbar-inner .container .nav-collapse .nav > li > a {
  color: #181818;
  font-size: 1.125rem;
  text-shadow: none;
  opacity: 0.75;
  font-family: "Manrope", sans-serif;
  padding: 10px 25px;
  text-align: center;
}
@media (min-width: 980px) {
  header .navbar .navbar-inner .container .nav-collapse .nav > li > a {
    color: #e8f7ee;
    text-align: left;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  header .navbar .navbar-inner .container .nav-collapse .nav > li > a {
    padding: 10px;
    font-size: 1rem;
  }
}
header .navbar .navbar-inner .container .nav-collapse .nav > li > a .caret {
  border-top-color: #181818;
  opacity: 0.75;
  margin-top: 11px;
}
@media (min-width: 980px) {
  header .navbar .navbar-inner .container .nav-collapse .nav > li > a .caret {
    border-top-color: #e8f7ee;
  }
}
@media (max-width: 979px) {
  header .navbar .navbar-inner .container .nav-collapse .nav > li .dropdown-menu a {
    color: #181818;
    opacity: 0.75;
    text-align: center;
  }
}
@media (max-width: 979px) {
  header .navbar .navbar-inner .container .nav-collapse .nav > li .dropdown-menu a:hover, header .navbar .navbar-inner .container .nav-collapse .nav > li .dropdown-menu a:focus {
    background: none;
    color: #181818;
    opacity: 1;
  }
}
header .navbar .navbar-inner .btn-navbar {
  background: transparent;
  box-shadow: none;
  margin: 0px;
  padding: 0px;
  margin-top: 7px;
}
header .navbar .navbar-inner .btn-navbar .icon-bar {
  background: #e8f7ee;
  box-shadow: none;
  width: 22px;
  height: 3px;
}
header .navbar .nav li.dropdown.open > .dropdown-toggle .caret, header .navbar .nav li.dropdown.active > .dropdown-toggle .caret, header .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #e8f7ee;
}
.ct_details_bar * {
  color: #e8f7ee;
  font-size: 1rem;
}
.ct_details_bar .container > div {
  min-height: 0px;
}
footer {
  padding: 20px 0px;
  margin: 0px;
}
@media (min-width: 980px) {
  footer {
    padding: 40px 0px;
  }
}
footer > .container > .row-fluid {
  display: flex;
  flex-direction: column;
}
@media (max-width: 979px) {
  footer > .container > .row-fluid {
    align-items: center;
  }
}
@media (min-width: 980px) {
  footer > .container > .row-fluid {
    flex-direction: row;
    justify-content: space-between;
    /*align-items: flex-end;*/
  }
}
footer > .container > .row-fluid > [class*="span"] {
  padding: 0px;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 979px) {
  footer > .container > .row-fluid > [class*="span"] {
    width: 100%;
    margin-left: 0px;
  }
}
footer > .container > .row-fluid > [class*="span"]:not(:last-child) {
  margin-bottom: 15px;
}
@media (min-width: 980px) {
  footer > .container > .row-fluid > [class*="span"]:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media (min-width: 980px) {
  footer > .container > .row-fluid .copyright {
    text-align: left;
  }
}
footer > .container > .row-fluid .copyright .label-copyright {
  color: #e8f7ee;
  font-size: 0.8889rem;
  /*@include mq($laptop, 0) {
                    font-size: 1rem;
                }*/
}
@media (min-width: 980px) {
  footer > .container > .row-fluid .vendor {
    text-align: right;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  footer > .container > .row-fluid .vendor .vendor-zpos img {
    display: block;
    margin: 0px auto;
  }
}
footer > .container > .row-fluid .cards img {
  max-width: 400px;
}
footer > .container > .row-fluid .cards, footer > .container > .row-fluid .vendor {
  padding-top: 5px;
}
.home {
  overflow-x: hidden;
}
.home #home_taste_image, .home #home_loyalty {
  max-width: 2000px;
  margin: 0px auto;
}
.home section {
  padding: 20px 0px;
  position: relative;
}
@media (min-width: 980px) and (max-width: 1200px) {
  .home section {
    padding: 40px 0px;
  }
}
@media (min-width: 1201px) {
  .home section {
    padding: 50px 0px;
  }
}
.home section#home_hero {
  padding-top: 0px;
  padding-bottom: 0px;
}
.home section#home_hero #home_hero_top {
  text-align: center;
}
.home section#home_hero #home_hero_top p {
  animation-delay: 0s;
}
.home section#home_hero #home_hero_top .supersize {
  animation-delay: 0.5s;
  /*opacity: 0;*/
}
.home section#home_hero .mod_postcode_box .col3 {
  display: none;
}
.home section#home_hero .mod_postcode_box .input-append {
  border: 1px solid #e8f7ee;
  padding: 3px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  max-width: 170px;
  justify-content: space-between;
  margin: 30px auto 10px auto;
  flex-direction: column;
}
@media (min-width: 768px) {
  .home section#home_hero .mod_postcode_box .input-append {
    flex-direction: row;
    max-width: 450px;
  }
}
.home section#home_hero .mod_postcode_box .input-append #mod_postcode_box_pc {
  background: none;
  border: none;
  color: #e8f7ee;
  font-size: 1rem;
}
@media (min-width: 481px) and (max-width: 767px) {
  .home section#home_hero .mod_postcode_box .input-append #mod_postcode_box_pc {
    font-size: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .home section#home_hero .mod_postcode_box .input-append #mod_postcode_box_pc {
    font-size: 1.167rem;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  .home section#home_hero .mod_postcode_box .input-append #mod_postcode_box_pc {
    font-size: 1.167rem;
  }
}
@media (min-width: 1201px) and (max-width: 1650px) {
  .home section#home_hero .mod_postcode_box .input-append #mod_postcode_box_pc {
    font-size: 1.167rem;
  }
}
@media (min-width: 1651px) {
  .home section#home_hero .mod_postcode_box .input-append #mod_postcode_box_pc {
    font-size: 1.167rem;
  }
}
.home section#home_hero .mod_postcode_box .input-append #mod_postcode_box_pc::placeholder {
  color: #e8f7ee6b;
}
.home section#home_hero .mod_postcode_box .input-append #mod_postcode_box_pc:focus {
  box-shadow: none;
}
@media (max-width: 767px) {
  .home section#home_hero .mod_postcode_box .input-append #mod_postcode_box_pc {
    padding: 20px 0px 25px;
  }
}
.home section#home_hero .mod_postcode_box .input-append .btn-group {
  margin-left: 0px;
}
.home section#home_hero .mod_postcode_box .input-append .btn-group .btn {
  border-radius: 10px;
  margin-left: 0px;
}
@media (max-width: 767px) {
  .home section#home_hero .mod_postcode_box .input-append .btn-group .btn .caret {
    margin-top: 8px;
  }
}
.home section#home_hero .mod_postcode_box .input-append .btn-group.open .btn.dropdown-toggle {
  box-shadow: none;
  background: #c59634;
}
.home section#home_hero .mod_postcode_box h4 {
  animation-delay: 1s;
  /*opacity: 0;*/
}
.home section#home_hero #home_hero_grid {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .home section#home_hero #home_hero_grid {
    margin-top: 50px;
    margin-bottom: 0px;
  }
}
.home section#home_hero #home_hero_grid .home_hero_grid_item {
  overflow: hidden;
}
@media (min-width: 768px) {
  .home section#home_hero #home_hero_grid .home_hero_grid_item {
    width: 24.5%;
  }
}
@media (max-width: 767px) {
  .home section#home_hero #home_hero_grid .home_hero_grid_item {
    width: 50%;
    float: left;
    padding: 5px;
  }
}
@media (min-width: 1201px) {
  .home section#home_hero #home_hero_grid .home_hero_grid_item:not(:first-child) {
    width: 24.5%;
    margin-left: 0.66666%;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .home section#home_hero #home_hero_grid .home_hero_grid_item:not(#home_hero_grid_3) {
    width: 33%;
    margin-left: 0.3333%;
  }
}
.home section#home_hero #home_hero_grid .home_hero_grid_item img {
  border-radius: 10px;
}
.home section#home_hero #home_hero_grid #home_hero_grid_1, .home section#home_hero #home_hero_grid #home_hero_grid_1 img {
  animation-delay: 200ms;
}
@media (min-width: 768px) {
  .home section#home_hero #home_hero_grid #home_hero_grid_1, .home section#home_hero #home_hero_grid #home_hero_grid_1 img {
    border-radius: 0px 250px 0px 0px;
  }
}
.home section#home_hero #home_hero_grid #home_hero_grid_2, .home section#home_hero #home_hero_grid #home_hero_grid_2 img, .home section#home_hero #home_hero_grid #home_hero_grid_3, .home section#home_hero #home_hero_grid #home_hero_grid_3 img {
  animation-delay: 100ms;
}
@media (min-width: 768px) {
  .home section#home_hero #home_hero_grid #home_hero_grid_2, .home section#home_hero #home_hero_grid #home_hero_grid_2 img, .home section#home_hero #home_hero_grid #home_hero_grid_3, .home section#home_hero #home_hero_grid #home_hero_grid_3 img {
    border-radius: 250px 250px 0px 0px;
  }
}
.home section#home_hero #home_hero_grid #home_hero_grid_4, .home section#home_hero #home_hero_grid #home_hero_grid_4 img {
  animation-delay: 200ms;
}
@media (min-width: 768px) {
  .home section#home_hero #home_hero_grid #home_hero_grid_4, .home section#home_hero #home_hero_grid #home_hero_grid_4 img {
    border-radius: 250px 0px 0px 0px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .home section#home_hero #home_hero_grid #home_hero_grid_3 {
    display: none;
  }
}
.home section#home_hero #home_hero_grid #home_hero_grid_4 {
  position: relative;
}
.home section#home_hero #home_hero_grid #home_hero_grid_4 #hero_btn_right {
  position: absolute;
  right: 20px;
  bottom: 40px;
}
.home section#home_hero .discount_banner {
  margin: 20px auto 0px;
  animation: hero_discount 3s infinite linear;
  width: 240px;
  height: 240px;
}
.home section#home_hero .discount_banner a {
  text-decoration: none;
}
@media (min-width: 768px) {
  .home section#home_hero .discount_banner {
    left: 0px;
    position: absolute;
    z-index: 2;
    width: 300px;
    height: 300px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .home section#home_hero .discount_banner {
    bottom: 10px;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  .home section#home_hero .discount_banner {
    bottom: 100px;
  }
}
@media (min-width: 1201px) {
  .home section#home_hero .discount_banner {
    bottom: 200px;
  }
}
.home section#home_taste {
  border-top: 20px solid #cea144;
  padding: 0px;
}
.home section#home_taste #home_taste_content {
  padding: 20px 20px;
}
@media (min-width: 980px) and (max-width: 1200px) {
  .home section#home_taste #home_taste_content {
    padding: 40px 20px;
  }
}
@media (min-width: 1201px) and (max-width: 1783px) {
  .home section#home_taste #home_taste_content {
    padding: 50px 20px;
  }
}
@media (min-width: 1784px) {
  .home section#home_taste #home_taste_content {
    padding: 50px 0px;
  }
}
@media (min-width: 768px) {
  .home section#home_taste #home_taste_content .row-fluid {
    display: flex;
    align-items: center;
  }
}
.home section#home_taste #home_taste_content .row-fluid #home_taste_left {
  text-align: center;
}
@media (min-width: 768px) {
  .home section#home_taste #home_taste_content .row-fluid #home_taste_left {
    text-align: left;
  }
}
.home section#home_taste #home_taste_content .row-fluid #home_taste_right {
  text-align: center;
}
@media (min-width: 768px) {
  .home section#home_taste #home_taste_content .row-fluid #home_taste_right {
    text-align: right;
  }
}
.home section#home_cuisine {
  border-top: 20px solid #cea144;
}
@media (min-width: 768px) {
  .home section#home_cuisine > .container > .row-fluid {
    display: flex;
    align-items: center;
  }
}
.home section#home_cuisine > .container > .row-fluid #home_cuisine_left {
  display: none;
}
@media (min-width: 980px) {
  .home section#home_cuisine > .container > .row-fluid #home_cuisine_left {
    display: block;
  }
}
.home section#home_cuisine > .container > .row-fluid #home_cuisine_right {
  text-align: center;
}
@media (min-width: 768px) {
  .home section#home_cuisine > .container > .row-fluid #home_cuisine_right {
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .home section#home_cuisine > .container > .row-fluid #home_cuisine_right {
    width: 100%;
    margin-left: 0px;
    display: flex;
    flex-direction: row-reverse;
    gap: 40px;
    align-items: center;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .home section#home_cuisine > .container > .row-fluid #home_cuisine_right .title_content {
    text-align: right;
    min-width: 300px;
  }
}
.home section#home_cuisine > .container > .row-fluid #home_cuisine_right .title_content hr {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .home section#home_cuisine > .container > .row-fluid #home_cuisine_right .title_content hr {
    margin-left: 0px;
  }
}
@media (min-width: 980px) {
  .home section#home_cuisine > .container > .row-fluid #home_cuisine_right .body_content {
    max-width: 540px;
  }
}
.home section#home_loyalty {
  min-height: 350px;
  display: flex;
  align-items: center;
  background: url("https://skins.zfood.co.uk/kraken/images/home_loyalty.jpg") no-repeat;
  background-size: cover;
  text-align: center;
}
@media (min-width: 768px) {
  .home section#home_loyalty {
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .home section#home_loyalty {
    min-height: 400px;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  .home section#home_loyalty {
    min-height: 400px;
  }
}
@media (min-width: 1201px) {
  .home section#home_loyalty {
    min-height: 500px;
  }
}
.home section#home_loyalty #home_loyalty_content {
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .home section#home_loyalty #home_loyalty_content {
    max-width: 600px;
  }
}
.home .btn-group:not(.mod_postcode_box .btn-group) {
  margin-top: 10px;
}
.menu .ui-tabs-menu.ui-tabs-vertical {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs {
  background: transparent;
  border: none;
  padding: 0px !important;
}
.menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li {
  margin-left: -2px !important;
  border-radius: 10px;
  background: #ffffff;
}
.menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li a {
  color: #181818;
  padding: 9px 10px 5px !important;
}
.menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li.ui-state-active, .menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li:hover, .menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li:focus {
  background: #cea144;
}
.menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li.ui-state-active a, .menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li:hover a, .menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li:focus a {
  color: #181818;
}
.menu .ui-tabs-menu.ui-tabs-vertical .ui-tabs-panel {
  padding-top: 0px !important;
  padding-right: 0px !important;
}
@media (max-width: 767px) {
  .menu .ui-tabs-menu.ui-tabs-vertical .ui-tabs-panel {
    width: 100% !important;
    padding: 0px !important;
  }
}
.menu #responsive-food-menu {
  background: #cea144;
}
.menu #responsive-food-menu.affix .navbar-inner {
  border-radius: 0px;
}
.menu #responsive-food-menu .navbar-inner {
  box-shadow: none;
  padding: 0px;
  position: relative;
  background: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.menu #responsive-food-menu .navbar-inner .container {
  padding-left: 20px;
  padding-right: 20px;
}
.menu #responsive-food-menu .navbar-inner .container .brand {
  margin-left: 0px;
  padding: 10px 0px;
  font-size: 1.2rem;
}
@media (min-width: 980px) {
  .menu #responsive-food-menu .navbar-inner .container .brand {
    font-size: 1.5rem;
  }
}
.menu #responsive-food-menu .navbar-inner .container #menu-search-box {
  font-size: 0.7rem;
  width: 220px;
  border: none;
}
.menu #responsive-food-menu .navbar-inner .container .navbar-search {
  margin-top: 2px;
  margin-bottom: 2px;
}
.menu #responsive-food-menu .navbar-inner .container .ctrl-mob-nav-search {
  box-shadow: none;
}
.menu #responsive-food-menu.affix-top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.menu .product-container-panel .ui-widget-header {
  background: #b1862e;
  padding: 12px 12px 8px;
  font-weight: normal;
}
.menu .product-container-panel .cat-desc {
  font-size: 1rem;
}
.menu .product-container-panel .row-product {
  padding: 10px 0px;
  border-color: #e8f7ee;
}
@media (max-width: 767px) {
  .menu .product-container-panel .row-product {
    padding: 13px 0px 10px;
  }
}
.menu .product-container-panel .row-product:hover {
  background: none;
}
.menu .product-container-panel .row-product h5 {
  font-weight: bold;
  /*color: #fbbd32;*/
  font-size: 1rem;
}
.menu .product-container-panel.dynamic-cont- {
  padding: 12px 12px 6px;
}
.menu .product-container-panel.dynamic-cont- h3 {
  font-size: 24px;
}
.menu #basket-container h3:not(.popover-title) {
  text-align: center;
  font-size: 2rem;
}
.menu #basket-container .basket-buttons {
  margin-top: 10px;
}
.menu #basket-container .basket-buttons .btn {
  padding: 17px 24px;
}
.menu #basket-container .basket-buttons .btn i {
  position: relative;
}
@media (max-width: 767px) {
  .menu #basket-container .basket-buttons .btn {
    margin-bottom: 5px;
  }
}
.menu #editProductModal fieldset .btn-option {
  height: auto !important;
  color: #e8f7ee;
}
.menu #editProductModal fieldset .btn-option .caret {
  border-top-color: #e8f7ee;
  margin-top: 6px;
}
.menu #editProductModal fieldset .btn-option:not(.btn-danger, .btn-success, .btn-info) {
  background: #979797;
}
.menu #editProductModal fieldset .btn-option:not(.btn-danger, .btn-success, .btn-info):hover, .menu #editProductModal fieldset .btn-option:not(.btn-danger, .btn-success, .btn-info):focus {
  background: #848181;
}
.menu #editProductModal fieldset .label-default {
  background: #000000;
  color: #ffffff;
}
.menu #zp-offcanvas-menu .uk-offcanvas-bar a {
  color: #e8f7ee;
}
.menu #zp-offcanvas-menu .uk-offcanvas-bar a:hover, .menu #zp-offcanvas-menu .uk-offcanvas-bar a:focus {
  background: white;
}
.menu .how-im-ordering {
  text-align: center;
  background: transparent !important;
  border: none !important;
}
@media (min-width: 1201px) {
  .menu .how-im-ordering {
    text-align: left;
  }
}
.menu .how-im-ordering a {
  text-decoration: none;
}
.menu .how-im-ordering h2 {
  font-size: 2rem;
}
.menu .navbar-affix-container {
  height: auto !important;
}
.menu .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ {
  margin: 0px auto 20px;
  display: block;
}
.menu .menu-selection {
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .menu .menu-selection {
    margin-bottom: 50px;
  }
}
.menu .menu-selection > .row-fluid {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .menu .menu-selection > .row-fluid .btn {
    max-width: 400px;
    margin: 0px auto 20px;
  }
}
.menu .loyalty_banner {
  margin-top: 20px;
  text-align: center;
}
.menu #mobile_food_menu_nav .btn {
  padding: 5px 5px 2px;
}
.menu #mobile_food_menu_nav .zp-ctl-categories {
  color: #e8f7ee;
}
.discount_banner {
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 250px;
  margin: 0px auto;
}
@media (min-width: 481px) {
  .discount_banner {
    width: 300px;
    height: 300px;
  }
}
.discount_banner svg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}
.discount_banner svg:is(.primary svg) #Path_1 {
  fill: #cea144;
}
.discount_banner svg:is(.primary svg) #Path_2 {
  stroke: #cea144;
}
.discount_banner svg:is(.secondary svg) #Path_1 {
  fill: #cea144;
}
.discount_banner svg:is(.secondary svg) #Path_2 {
  stroke: #cea144;
}
.discount_banner svg:is(.third svg) #Path_1 {
  fill: #A599B5;
}
.discount_banner svg:is(.third svg) #Path_2 {
  stroke: #A599B5;
}
.discount_banner .content {
  position: relative;
  z-index: 2;
}
.discount_banner .content:is(.primary .content) {
  color: #181818;
}
.discount_banner .content:is(.primary .content) .code .value {
  color: #cea144;
}
.discount_banner .content:is(.secondary .content) {
  color: #181818;
}
.discount_banner .content:is(.secondary .content) .code .value {
  color: #cea144;
}
.discount_banner .content:is(.third .content) {
  color: #e8f7ee;
}
.discount_banner .content:is(.third .content) .code .value {
  color: #cea144;
}
.discount_banner .content .code {
  font-size: 27px;
}
.discount_banner .content .terms {
  max-width: 150px;
  margin: 0px auto;
  line-height: 70%;
}
.discount_banner .content .terms small {
  font-size: 11px;
}
.discount_banner a:hover *, .discount_banner a:focus * {
  text-decoration: none;
}
.checkout .voucher_box .success > span {
  display: none;
}
.checkout .loyaltypoints_box > p {
  margin-bottom: 10px;
}
.checkout .loyaltypoints_box .row-credits > div:not(.col-equals) .ui-widget-header {
  border-radius: 10px 10px 0px 0px;
}
.checkout .loyaltypoints_box .row-credits > div:not(.col-equals) .well {
  border-color: #e8f7ee;
  border-radius: 0px 0px 10px 10px;
  margin-top: 0px;
}
.checkout .loyaltypoints_box .row-credits .col-equals .ui-widget-header {
  background: transparent !important;
}
.checkout .loyaltypoints_box .row-credits .col-equals .well {
  margin: 0px;
}
.checkout .loyalty-description h2:not(.first-child) {
  margin-top: 10px;
}
@media (min-width: 768px) and (max-width: 979px) {
  .checkout #frmProceed > [class*="span"], .checkout #frmProceed + [class*="span"] {
    width: 100%;
    margin-left: 0px;
  }
}
.checkout #loginSignin, .checkout #ctl-forgotPassword {
  width: 100%;
  margin-bottom: 5px;
}
.checkout_discount {
  text-align: center;
}
.checkout_discount h2 {
  font-size: 30px;
  line-height: 110%;
  margin-bottom: 5px;
}
.checkout_discount h3 {
  font-size: 32px !important;
  margin: -5px 0px -10px;
}
.checkout_discount .code {
  font-weight: bold;
  font-size: 21px;
  margin-bottom: 5px;
}
.checkout_discount .terms {
  font-size: 12px;
  margin-top: 0px;
}
.members .well.span9 .btn.dropdown-toggle {
  border-radius: 4px;
  padding: 8px 6px;
}
.members .ctl-toggle-columns .btn {
  box-shadow: none;
  border-radius: 0px;
}
.members .section-product-reports #tbl_all_orders > tbody > tr > th {
  background: #FFFFFF;
  color: #181818;
}
.members #newName {
  min-width: 220px;
}
.contact-us #contact_map_canvas {
  color: #000000;
}
.contact-us .ui-widget-header {
  border: none;
  font-weight: normal;
  padding: 9px 10px 5px;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.contact-us .ui-widget-content {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.contact-us .contact-phone_numbers {
  margin-bottom: 0px !important;
}
.contact-us .contact-email {
  margin-top: 5px !important;
}
@media (max-width: 767px) {
  .contact-us .box-contact-information {
    margin-top: 30px;
  }
}
.welcome #opening-status, .welcome .navbar, .welcome .header_icons, .welcome .label-copyright, .welcome .cards, .welcome header .middle_column, .welcome header .right_column {
  display: none !important;
}
.welcome header .left_column {
  width: 100%;
  text-align: center;
}
.welcome h1 {
  font-size: 40px;
}
.welcome h2 {
  font-size: 28px;
}
.welcome .branch-select {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .welcome .btn {
    max-width: 400px;
    margin: 0px auto;
  }
}
.welcome #welcome-row-fluid-outer {
  text-align: center;
}
@media (min-width: 768px) {
  .welcome #welcome-row-fluid-outer {
    text-align: left;
  }
}
.order-complete .jumbotron {
  margin-top: 0px;
}
.order-complete #order-confirmation {
  text-shadow: none;
  color: #e8f7ee;
}
.error-404 h1 {
  text-align: center;
  margin-top: 50px;
}
.error-404 h2, .error-404 h3, .error-404 p {
  color: #e8f7ee;
}
.error-404 #body {
  padding: 30px 0px 50px;
}
.error-404 .alert {
  background: transparent;
  border: none;
}
.reservations .left, .reservations .right, .book .left, .book .right, .booking .reservation .left, .booking .reservation .right, .book-a-table .left, .book-a-table .right {
  text-align: center;
}
.reservations .left img, .reservations .right img, .book .left img, .book .right img, .booking .reservation .left img, .booking .reservation .right img, .book-a-table .left img, .book-a-table .right img {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .reservations .left, .reservations .right, .book .left, .book .right, .booking .reservation .left, .booking .reservation .right, .book-a-table .left, .book-a-table .right {
    text-align: left;
  }
}
.reservations .left, .book .left, .booking .reservation .left, .book-a-table .left {
  display: none;
}
@media (min-width: 768px) {
  .reservations .left, .book .left, .booking .reservation .left, .book-a-table .left {
    display: block;
  }
}
.reservations .middle .mod_table_reservation_v1, .book .middle .mod_table_reservation_v1, .booking .reservation .middle .mod_table_reservation_v1, .book-a-table .middle .mod_table_reservation_v1 {
  margin-top: 20px;
}
.reservations .middle .mod_table_reservation_v1 h3, .book .middle .mod_table_reservation_v1 h3, .booking .reservation .middle .mod_table_reservation_v1 h3, .book-a-table .middle .mod_table_reservation_v1 h3 {
  display: none;
}
.reservations .middle .mod_table_reservation_v1 .frmModTableReservationV1, .book .middle .mod_table_reservation_v1 .frmModTableReservationV1, .booking .reservation .middle .mod_table_reservation_v1 .frmModTableReservationV1, .book-a-table .middle .mod_table_reservation_v1 .frmModTableReservationV1 {
  max-width: 330px;
  margin: 0px auto 20px;
}
@media (max-width: 767px) {
  .reservations .middle .mod_table_reservation_v1 .frmModTableReservationV1 .ctl-modTableReservationV1, .book .middle .mod_table_reservation_v1 .frmModTableReservationV1 .ctl-modTableReservationV1, .booking .reservation .middle .mod_table_reservation_v1 .frmModTableReservationV1 .ctl-modTableReservationV1, .book-a-table .middle .mod_table_reservation_v1 .frmModTableReservationV1 .ctl-modTableReservationV1 {
    margin-left: 0px !important;
    margin-top: 10px;
  }
}
.page-review-order .rating-row .lead {
  color: #e8f7ee;
}
.page-review-order .rating-row .text-info {
  font-size: 0.8rem;
}


body .visible-calne { display:none !important; } 
body .hidden-calne { display:inherit !important; } 
body.shop_calne .hidden-calne { display:none !important; }
body.shop_calne .visible-calne { display:inherit !important; }

.visible-guest { display:initial !important; }
.hidden-guest { display:none !important; }
.visible-user { display:none !important; }
.hidden-user { display:initial !important; }

body {
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
body {
	background-color: #6e152b;


	background-attachment: scroll;
}

header, #mobile-header {

	background-attachment: scroll;
}

/* Mobile */
.mobile .km-content {
}
.mobile #mobile-header {
}

/*Fonts*/
.menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li a,
.menu #responsive-food-menu .navbar-inner .container .brand, 
h5,
.sidebar-nav .nav-list .nav-header {
    font-family: "Katibeh", sans-serif;
}
thead.ui-widget-header {
    font-family: "Manrope", sans-serif;

}

h1, h2, h3, h4, h5, h6 {
 	line-height: 80%;   
}
h2 small {
    font-size: 24px;
}

p:not(.lead, .sublead), .cat-desc {
 	line-height: 130%;   
}

@media (min-width: 1651px) {
    .supersize {
        font-size: 161px;
        margin-top: -40px;
        margin-bottom: 0px;
    }
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size { font-size: 81px;}
    h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .supersize), .h2_size { font-size: 65px; }
    h3:not(.h1_size, .h2_size, .h4_size, .h5_size, .supersize), .h3_size { font-size: 50px; }
    h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size { font-size: 41px; }
    h5:not(.h1_size, .h2_size, .h3_size, .h4_size, .supersize), .h5_size { font-size: 36px; }
}
@media (min-width: 1200px) and (max-width: 1699px) {
    .supersize {
        font-size: 161px;
        margin-top: -40px;
        margin-bottom: 0px;
    }
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size { font-size: 81px; }
    h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .supersize), .h2_size { font-size: 65px; }
    h3:not(.h1_size, .h2_size, .h4_size, .h5_size, .supersize), .h3_size { font-size: 50px; }
    h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size { font-size: 41px; }
    h5:not(.h1_size, .h2_size, .h3_size, .h4_size, .supersize), .h5_size { font-size: 36px; }
}
@media (min-width: 980px) {
 	.lead {
        margin-bottom: 20px;
    }   
}
@media (min-width: 980px) and (max-width: 1199px) {
    .supersize {
        font-size: 121px;
        margin-top: -30px;
        margin-bottom: 0px;
    }
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size {font-size: 70px;}
    h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .supersize), .h2_size { font-size: 55px; }
    h3:not(.h1_size, .h2_size, .h4_size, .h5_size, .supersize), .h3_size { font-size: 46px; }
    h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size { font-size: 36px; }
    h5:not(.h1_size, .h2_size, .h3_size, .h4_size, .supersize), .h5_size { font-size: 32px }
}
@media (min-width: 768px) and (max-width: 979px) {
    .supersize {
        font-size: 100px;
        margin-top: -20px;
        margin-bottom: 0px;
    }
    #home_hero_top .content {
        background-size: 100px !important;   
    }
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size { font-size: 65px; }
    h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .supersize), .h2_size { font-size: 50px; }
    h3:not(.h1_size, .h2_size, .h4_size, .h5_size, .supersize), .h3_size { font-size: 40px; }
    h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size { font-size: 34px; }
    h5:not(.h1_size, .h2_size, .h3_size, .h4_size, .supersize), .h5_size { font-size: 28px; }
}
@media (min-width: 480px) and (max-width: 767px) {
    .supersize {
        font-size: 80px;
        margin-top: -15px;
        margin-bottom: 0px;
    }
    #home_hero_top .content {
        background-size: 75px !important;   
    }
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size { font-size: 65px; }
    h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .supersize), .h2_size { font-size: 50px; }
    h3:not(.h1_size, .h2_size, .h4_size, .h5_size, .supersize), .h3_size { font-size: 40px; }
    h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size { font-size: 34px; }
    h5:not(.h1_size, .h2_size, .h3_size, .h4_size, .supersize), .h5_size { font-size: 28px; }
}
@media (max-width: 479px) {
    .supersize {
        font-size: 70px;
        margin-top: -20px;
        margin-bottom: 0px;
    }
    #home_hero_top .content {
        background: none !important;
    }
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size { font-size: 65px; }
    h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .supersize), .h2_size { font-size: 50px; }
    h3:not(.h1_size, .h2_size, .h4_size, .h5_size, .supersize), .h3_size { font-size: 40px; }
    h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size { font-size: 34px; }
    h5:not(.h1_size, .h2_size, .h3_size, .h4_size, .supersize), .h5_size { font-size: 28px; }
}

/*Global*/
table th:first-child {
    border-left: none;
}
a, .ui-widget-content a {
    color: #cea144;
}
a:hover, .ui-widget-content a:hover,
a:focus, .ui-widget-content a:focus {
    color: #d9ad52;  
}
body:not(.home, .error-404) #body {
    padding: 50px 0px;   
}
@media (max-width: 1229px) {
    body:not(.home, .error-404) #body {
        padding: 50px 20px;
    }
}
.discount_banner .content:is(.secondary .content) .code .value {
    color: #6E152B;
    font-weight: bold;
}
.discount_banner .content:is(.third .content) .code .value {
    color: #6e152b;
        font-weight: bold;
}
.well, .ui-widget-content, .page-review-order {
    color: #181818;
}
.popover .popover-title {
    font-size: 1.5rem;
    /*padding: 5px 15px 13px;
    margin-top: 0px !important;*/
}
.modal .modal-header .close {
    margin-top: 12px;
}
.modal .modal-header {
    padding: 3px 15px 3px;
}
.modal-header h3,
.modal-footer h3 {
    font-size: 42px;
}
.modal-footer h3 small {
    font-size: 20px;
}
.discount_banner h2 {
    margin-top: 0px;
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .navbar-search .search-query, .members .well.span9 .btn.dropdown-toggle, select {
    border: 1px solid #dedede;
}
legend {
 	color: #181818;
    font-size: 2rem;
    border-color: #181818;
}
.btn.btn-link, 
.btn-group > .btn:first-child.btn-link, 
.btn-group > .btn:last-child.btn-link, 
.ui-widget button.btn-link {
    color: #000000;
}
/*
hr, .nav-list .divider {
 	border-color: #181818;   
}*/
.hero-unit,
.hero-unit a {
 	color: #181818;   
}
#ui-datepicker-div .ui-widget-content {
    border-color: #181818;   
}
.discount_banner h3 {
    font-size: 28px; 
}
.dropdown-menu {
    border-radius: 10px;
}
.discount img {
border-radius: 0 !important;
}
.popover .popover-title {
 	color: #181818;   
}
@media (max-width: 767px) {
    .discount_banner h2 {
        font-size: 28px;
        margin-top: -10px;
        line-height: 22px;
    }
    .discount_banner h3 {
        font-size: 22px; 
    }
    .discount_banner .content .code {
        font-size: 22px;
        margin: 5px 0px;
    }
}

/*Header*/
header .header_status svg {
 	display: none;   
}
header .ct_header_row .header_icons .header_status {
 	font-size: 17px;   
}
header .navbar .navbar-inner .container .nav-collapse .nav  {
 	z-index: 1000;   
}
header .navbar .navbar-inner .container .nav-collapse .nav > li > a {
    font-size: 1.2rem;
    color: #C68595;
}
header .navbar .navbar-inner .container .nav-collapse .nav > li.active > a, 
header .navbar .navbar-inner .container .nav-collapse .nav > li > a:hover, 
header .navbar .navbar-inner .container .nav-collapse .nav > li > a:focus {
    text-decoration: underline;
    text-underline-offset: 12px;
}
.home #logo {
    margin-top: 10px;   
}
header .navbar .navbar-inner .container .nav-collapse {
    background: none;   
}
header .navbar .navbar-inner .container .nav-collapse .nav > li.active > a, 
header .navbar .navbar-inner .container .nav-collapse .nav > li > a:hover, 
header .navbar .navbar-inner .container .nav-collapse .nav > li > a:focus {
    color: #e8f7ee;
}
.navbar .nav li.dropdown.open>.dropdown-toggle .caret, 
.navbar .nav li.dropdown.active>.dropdown-toggle .caret, 
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
 	border-top-color: #e8f7ee !important;   
}

@media (max-width: 1400px) and (min-width: 1201px) {
    header .navbar .navbar-inner .container .nav-collapse .nav > li > a {
        padding: 10px 15px;
    }
}
@media (max-width: 1200px) and (min-width: 980px) {
    header .navbar .navbar-inner .container .nav-collapse .nav > li > a {
        padding: 10px 12px;
        font-size: 1rem;
    }
    .header_location {
     	display: none;   
    }
}
@media (min-width: 980px) {
    header .navbar .navbar-inner .container .nav-collapse .nav > li > a .caret {
        border-top-color: #C68595;
    }
    header .navbar .navbar-inner .container .nav-collapse .nav > li > a:hover .caret,
    header .navbar .navbar-inner .container .nav-collapse .nav > li > a:focus .caret {
     	 border-top-color: #e8f7ee;  
    }
}
@media (max-width: 979px) {
    header .navbar .navbar-inner .container .nav-collapse .nav > li .dropdown-menu a {
        color: #C68595;
    }
    header .navbar .navbar-inner .container .nav-collapse .nav > li .dropdown-menu a:hover, 
    header .navbar .navbar-inner .container .nav-collapse .nav > li .dropdown-menu a:focus {
        color: #e8f7ee;
    }
    header .navbar .navbar-inner .container .nav-collapse .nav > li > a .caret {
        border-top-color: #C68595;
    }
    header .navbar .navbar-inner .container .nav-collapse .nav > li > a:hover .caret,
    header .navbar .navbar-inner .container .nav-collapse .nav > li > a:focus .caret {
     	 border-top-color: #e8f7ee;  
    }
    .home section#home_hero #home_hero_grid #home_hero_grid_4 #hero_btn_right {
        display: none;
    }
}

/*Home*/
#home_hero_top .content {
    max-width: 1110px;
    margin: 0px auto;
    background: url('/myimages/1255/damascus_symbol.png') left center, url('/myimages/1255/damascus_symbol.png') right center;
    background-repeat: no-repeat;
    background-size: contain;
}
.home section#home_hero #home_hero_grid #home_hero_grid_4 #hero_btn_right {
    bottom: 40px;   
}
#home_taste {
    background: #181818;
}
#home_cuisine_right .title_content h2 {
    max-width: 600px;   
}
.home_taste_image {
    margin-bottom: 0px;   
}
#home_cuisine_symbol {
    position: absolute;
    right: 20px;
    bottom: 0px;   
}
#home_loyalty_content p {
    /*margin-top: 20px;  */ 
}
#home_taste_left h3 {
    margin-top: 0px;   
}
#home_loyalty_content h2:nth-child(2) {
 	margin-top: -10px;
}
.mod_postcode_box .dropdown-menu {
    background: #FFFFFF;
}
.mod_postcode_box .dropdown-menu li a:hover, .mod_postcode_box .dropdown-menu li a:focus {
    background: #f6f6f6;
}
.mod_postcode_box .btn .caret {
 	       margin-top: 8px;
}
.discount_banner .content .code {
 	margin: 5px 0px;   
}
@media (max-width: 1650px) {
    #home_cuisine_symbol {
        max-height: 200px;      
    }
}
@media (max-width: 1400px) {
    #home_cuisine_symbol {
        display: none;;      
    }
}
@media (max-width: 767px) {
    #home_loyalty_content,
    #home_cuisine_right .title_content h2 {
        margin: 0px auto;   
    }
}

/*Menu Page*/
.how-im-ordering {
 	background: transparent !important; 
    border: none !important;
}
.how-im-ordering h2 {
 	font-size: 45px;   
}
.menu #responsive-food-menu .navbar-inner .container .brand {
    font-weight: normal;
    padding: 14px 0px 13px;
    font-size: 2rem;
}
.menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li a {
   	padding: 8px 10px 7px !important;
    font-size: 26px;
}
.menu #responsive-food-menu .navbar-inner .container .navbar-search {
    margin-top: 5px;
    margin-bottom: 4px;
}
.cat-desc {
    font-size: 16px;   
}
.product-container-panel.dynamic-cont p.muted,
.menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li a{
    color: #E8F7EE;
}
.menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li {
	background: #181818;
}
/*.menu .product-container-panel .ui-widget-header {
    padding: 0px 12px 14px;
}*/
.menu #zp-offcanvas-menu .uk-offcanvas-bar a {
    color: #181818;
}
.menu #zp-offcanvas-menu .uk-offcanvas-bar a:hover, .menu #zp-offcanvas-menu .uk-offcanvas-bar a:focus {
    background: #efefef;
}
#responsive-food-menu .btn-navbar {
 	position: relative;
    top: 7px;
}
.menu #responsive-food-menu .navbar-inner .container #menu-search-box {
    border-radius: 5px;   
}
.how-im-ordering h2 small {
    color: #cca13e;
}
.btn-option {
    line-height: 14px !important;   
}
.product-container-panel .description h4 {
    color: #cea144; 
}
.menu .product-container-panel .row-product {
        border-color: #181818;
}
.menu .product-container-panel .row-product h5 {
 	font-size: 28px;   
}
.menu #editProductModal fieldset .btn-option {
    border-radius: 4px;   
}
@media (min-width: 768px) {
    .basket-buttons a {
        padding: 19px 23px !important;
    }
}
@media (max-width: 767px) {
    #mobile_food_menu_nav .zp-ctl-categories {
        color: #E8F7EE !important;   
    }
    .menu #responsive-food-menu .navbar-inner .container .brand {
        font-size: 2rem;
        /*padding: 8px 0px 18px;*/
    }
    #basket-buttons .btn {
     	margin-bottom: 5px;   
    }
    .menu .modal .modal-footer {
     	text-align: center;   
    }
    .menu .modal .modal-footer h3 {
     	display: block;
        width: 100%;
        margin-bottom: 10px !important;
    }
    .menu .modal-footer h3 small {
     	display: block;
    }
    .basket-buttons a {
        margin-bottom: 5px;
    }
}

/*Checkout page*/
.checkout .box-delivery-information {
    display: none;
}
.checkout .loyaltypoints_box .row-credits > div:not(.col-equals) .well {
 	background: #181818;
    color: #E8F7EE;
    border-color: #181818;
}
.btn-proceed-final .lbl-pay-choice,
.btn-proceed-final i {
 	position: relative;
    top: 3px;
}

/*Members page*/
.sidebar-nav .nav-list li:not(.nav-header, .divider) a,
.sidebar-nav .nav-list .nav-header {
 	color: #181818;   
}
.sidebar-nav .nav-list .nav-header {
 	font-weight: bold;
    font-size: 1.5rem;
}
input#newName {
 	min-width: 240px;   
}
@media (max-width: 767px) {
 	.members .sidebar-nav+.btn {
     	margin-bottom: 30px;   
    }
}

/*Contact page*/
.contact-us .ui-widget-header {
    /*padding: 0px 10px 14px;*/    
}
.contact-phone_numbers {
 	margin-bottom: 0px !important;
}
.contact-email {
 	margin-top: 5px !important;   
}
@media (max-width: 767px) {
 	.box-contact-information {
     	margin-top: 30px;   
    }
}

/*About page*/
.about-us h1 {
    text-align: center; 
    display: none;
}
.about-us hr {
 	max-width: 300px;   
}
@media (max-width: 1200px) and (min-width: 768px) {
    .about-us #body .row-fluid > [class*="span"] {
        width: 100%;
        margin-left: 0px;
    }
}
@media (max-width: 1200px) {
    .about-us #body .row-fluid img {
        margin: 0px auto;
        display: block;
    }
    .about-us #body .btn-group {
        margin-bottom: 20px;
    }
}


/*Review page*/
.page-review-order .rating-row .lead {
 	color: #181818;   
}
.page-header {
 	border-color: #181818;   
}
.information .page-header {
 	border-color: #e8f7ee;
}
.home #discount_banner_RM20 {
    right: 0px !important;
    left: auto !important;
}


/*START: 2 DISCOUNT BANNERS*/
@media (max-width: 767px) and (min-width: 480px) {
 	#home_discount_banners {
     	display: flex;   	
    }
}
@media (max-width: 600px) and (min-width: 480px)  {
    #home_discount_banners .discount_banner h2 {
        font-size: 22px;
        line-height: 18px;
        margin-top: 0px;
    }
    #home_discount_banners .discount_banner .content .code,
    #home_discount_banners .discount_banner h3{
        font-size: 18px;
    }
    #home_discount_banners .discount_banner .content .terms small {
        font-size: 10px;
    }
}
@media (max-width: 540px) and (min-width: 480px)  {
    #home_discount_banners .discount_banner .content {
        position: relative;
        top: -20px;
    }
}
/*END: 2 DISCOUNT BANNERS*/