@import url(https://fonts.googleapis.com/css?family=Gowun+Batang|Alkalami);
/*
skin_path: skins/kraken/
skin_name: kraken
theme_path: skins/kraken/mellow/
theme_name: mellow
type: css
datetime: 2024-10-25 12:22:01
checksum: 19a097954255546a53b0a357c9d868f5
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: skins/kraken/mellow/_variables.scss */
/* Load: skins/kraken/mellow/_variables_skin.scss */
/*$table_th_color: $secondary_section_text_color;
$table_th_background: $secondary_color;*/
/* 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: #fffbf2;
  padding: 0px;
  color: #000000;
}
.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 #8f0116;
}
@media (min-width: 980px) {
  #container {
    margin: 20px;
  }
}
* {
  box-sizing: border-box;
}
.primary_section {
  background: #368b3d;
}
.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: #FFFFFF;
}
.secondary_section {
  background: #8f0116;
}
.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: #FFFFFF;
}
.third_section {
  background: #000000;
}
.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: #000000;
}
.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: #e4d7c0;
}
.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: #8f0116;
  color: #000000;
  font-size: 1.1rem;
  padding: 12px 15px 10px;
}
.popover .popover-content {
  color: #FFFFFF;
}
.dropdown-menu {
  background: #368b3d;
  padding: 0px;
  border-radius: 0px;
}
.dropdown-menu li a {
  text-decoration: none;
  color: #FFFFFF;
  padding: 10px 20px;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus {
  background: #3d9d45;
  color: #FFFFFF;
}
.sidebar-nav .nav-list {
  padding: 0px 5px;
}
.sidebar-nav .nav-list .nav-header {
  color: #368b3d;
  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: #000000;
}
.sidebar-nav .nav-list li:not(.nav-header, .divider) a:hover, .sidebar-nav .nav-list li:not(.nav-header, .divider) a:focus {
  color: #FFFFFF;
  background: #368b3d;
  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: #FFFFFF;
  text-shadow: none;
  font-weight: bold;
  background: #368b3d;
}
.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 #368b3d;
  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: #368b3d;
}
.navbar .navbar-inner {
  background: transparent;
  border: none;
  box-shadow: none;
}
.navbar .brand {
  text-shadow: none;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: bold;
}
.page-header {
  border-color: #000000;
}
.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: #8f0116;
  color: #FFFFFF;
  border-color: #000000;
}
table th, .table th {
  border-color: #000000;
  background: #8f0116;
  color: #FFFFFF;
}
table td, .table td {
  border-color: #000000;
  color: #000000;
}
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: #e4d7c0;
}
.table-bordered, .table tbody + tbody {
  border-color: #000000;
}
#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: #e4d7c0;
  color: #000000;
}
legend {
  text-align: center;
  margin-bottom: 30px;
  font-size: 1.5rem;
  border-color: #368b3d;
  padding-bottom: 10px;
  color: #368b3d;
}
legend small {
  color: #1a1a1a;
  font-size: 1rem;
}
.modal .modal-header {
  background: #368b3d;
  color: #FFFFFF;
  padding: 9px 15px 3px;
}
.modal .modal-header h3 {
  margin-bottom: 0px;
}
.modal .modal-header .close {
  margin-top: -4px;
}
.modal .modal-body {
  color: #FFFFFF;
}
.modal .modal-body .well {
  background: #f3f3f3;
  color: #FFFFFF;
  border: none;
  box-shadow: none;
}
.modal .modal-body .type-choose-one .dropdown-toggle {
  max-width: 100%;
}
.modal .modal-footer {
  background: #2b2828;
  color: #000000;
  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: "Gowun Batang", 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(0, 0, 0, 0.3);
  font-size: 0.7778rem;
  background: #f4f4f4;
  color: #1d1d1b;
  font-family: "Gowun Batang", 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: #368b3d;
}
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: #368b3d;
  color: #FFFFFF;
  padding: 9px 15px 5px;
  border-radius: 10px 10px 0px 0px;
}
.ui-dialog .well {
  border: none;
  box-shadow: none;
  background: #368b3d;
  color: #FFFFFF;
}
#ui-datepicker-div {
  border: 1px solid #000000;
}
#ui-datepicker-div .ui-widget-content {
  box-shadow: none;
  padding: 0px;
  border-radius: 0px;
  border-color: #000000;
}
#ui-datepicker-div .ui-datepicker-header {
  background: #878686;
}
.ui-widget-header {
  background: #368b3d;
  color: #FFFFFF;
  font-family: "Alkalami", 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: #000000;
  color: #e8f7ee;
  border: none;
}
.ui-state-highlight td, .ui-widget-content .ui-state-highlight td, .ui-widget-header .ui-state-highlight td {
  background: #000000;
  color: #e8f7ee;
}
.alert {
  text-shadow: none;
  color: #000000;
  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: "Alkalami", serif;
  line-height: 110%;
  font-weight: normal;
}
body, h5, h6 {
  font-family: "Gowun Batang", 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: #2bb763;
  color: #000000 !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: #30cc6e;
  color: #000000 !important;
}
.text-success, .carousel-caption h4.text-success, .status_OPEN {
  color: #2bb763;
}
.alert-success, .label-success, .badge-success {
  background: #246b0c;
  color: #000000;
}
.btn-primary {
  background: #0889cc !important;
  color: #000000;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #0999e5 !important;
  color: #000000;
}
.text-primary, .carousel-caption h4.text-primary {
  color: #0889cc;
}
.alert-primary, .label-primary, .badge-primary {
  color: #000000;
  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: #000000;
}
.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: #000000;
}
.text-info, .carousel-caption h4.text-info {
  color: #169da6;
}
.alert-info, .label-info, .badge-info {
  color: #000000;
  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: #b00505;
  color: #000000;
}
.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: #c90606;
  color: #000000;
}
.text-danger, .carousel-caption h4.text-danger, .text-error, .status_CLOSED {
  color: #000000;
  color: #b00505;
}
.alert-danger, .label-danger, .badge-danger, .alert-error {
  color: #000000;
  background: #971f1f;
}
.btn-warning {
  background: #f1770c;
  color: #000000;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background: #f48422;
  color: #000000;
}
.text-warning, .carousel-caption h4.text-warning, .well em {
  color: #f1770c;
}
.alert-warning, .label-warning, .badge-warning {
  color: #000000;
  background: #ce7114;
}
.btn-inverse {
  background: #000000;
  color: #000000;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active {
  background: #0d0d0d;
  color: #000000;
}
.alert-inverse, .label-inverse, .badge-inverse {
  background: black;
  color: #000000;
}
.status_CLOSED, .status_OPEN {
  font-weight: bold;
}
.primary_text {
  color: #368b3d !important;
}
.secondary_text {
  color: #8f0116 !important;
}
.third_text {
  color: #000000 !important;
}
.primary_btn {
  background: #368b3d;
  color: #FFFFFF;
}
.primary_btn:hover, .primary_btn:focus, .primary_btn.active {
  background: #3d9d45;
  color: #FFFFFF;
}
.primary_btn .caret {
  border-top-color: #FFFFFF;
}
.secondary_btn {
  background: #8f0116;
  color: #FFFFFF;
}
.secondary_btn:hover, .secondary_btn:focus, .secondary_btn.active {
  background: #a8011a;
  color: #FFFFFF;
}
.secondary_btn .caret {
  border-top-color: #FFFFFF;
}
.third_btn {
  background: #000000;
  color: #e8f7ee;
}
.third_btn:hover, .third_btn:focus, .third_btn.active {
  background: #0d0d0d;
  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: #000000;
}
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: #000000;
  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: #2bb763;
}
header .ct_header_row .header_icons .header_status svg.status_CLOSED * {
  stroke: #b00505;
}
@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: #2bb763;
}
@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: #8f0116;
}
@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: #FFFFFF;
  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: #000000;
  }
}
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: #FFFFFF;
  font-size: 1.125rem;
  text-shadow: none;
  opacity: 0.75;
  font-family: "Gowun Batang", sans-serif;
  padding: 10px 25px;
  text-align: center;
}
@media (min-width: 980px) {
  header .navbar .navbar-inner .container .nav-collapse .nav > li > a {
    color: #000000;
    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: #FFFFFF;
  opacity: 0.75;
  margin-top: 11px;
}
@media (min-width: 980px) {
  header .navbar .navbar-inner .container .nav-collapse .nav > li > a .caret {
    border-top-color: #000000;
  }
}
@media (max-width: 979px) {
  header .navbar .navbar-inner .container .nav-collapse .nav > li .dropdown-menu a {
    color: #FFFFFF;
    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: #FFFFFF;
    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: #000000;
  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: #000000;
}
.ct_details_bar * {
  color: #000000;
  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: #000000;
  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 #000000;
  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: #000000;
  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: #2f7935;
}
.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 #8f0116;
  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 #8f0116;
}
@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: #FFFFFF;
  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: #368b3d;
}
.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: #FFFFFF;
}
.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: #368b3d;
}
.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: #28662d;
  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: #000000;
}
@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: #000000;
}
.menu #editProductModal fieldset .btn-option .caret {
  border-top-color: #000000;
  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: #000000;
}
.menu #zp-offcanvas-menu .uk-offcanvas-bar a:hover, .menu #zp-offcanvas-menu .uk-offcanvas-bar a:focus {
  background: #ece2d2;
}
.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: #000000;
}
.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: #368b3d;
}
.discount_banner svg:is(.primary svg) #Path_2 {
  stroke: #368b3d;
}
.discount_banner svg:is(.secondary svg) #Path_1 {
  fill: #8f0116;
}
.discount_banner svg:is(.secondary svg) #Path_2 {
  stroke: #8f0116;
}
.discount_banner svg:is(.third svg) #Path_1 {
  fill: #000000;
}
.discount_banner svg:is(.third svg) #Path_2 {
  stroke: #000000;
}
.discount_banner .content {
  position: relative;
  z-index: 2;
}
.discount_banner .content:is(.primary .content) {
  color: #FFFFFF;
}
.discount_banner .content:is(.primary .content) .code .value {
  color: #8f0116;
}
.discount_banner .content:is(.secondary .content) {
  color: #FFFFFF;
}
.discount_banner .content:is(.secondary .content) .code .value {
  color: #368b3d;
}
.discount_banner .content:is(.third .content) {
  color: #e8f7ee;
}
.discount_banner .content:is(.third .content) .code .value {
  color: #368b3d;
}
.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: #000000;
  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: #e4d7c0;
  color: #000000;
}
.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: #000000;
}
.error-404 h1 {
  text-align: center;
  margin-top: 50px;
}
.error-404 h2, .error-404 h3, .error-404 p {
  color: #000000;
}
.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: #000000;
}
.page-review-order .rating-row .text-info {
  font-size: 0.8rem;
}
/* Load: skins/kraken/mellow/styles.scss */
.menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li a, .product-container-panel .ui-widget-header, .product-container-panel .description h3, .modal .modal-footer h3, .checkout .well-basket h4, .ui-widget-header th, .discount_banner h3 {
  font-family: "Gowun Batang", sans-serif;
}
.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 {
  color: #FFFFFF;
}
.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 {
  color: #FFFFFF;
}
.btn-primary {
  color: #FFFFFF;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #FFFFFF;
}
.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 {
  color: #FFFFFF;
}
.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 {
  color: #FFFFFF;
}
.btn-danger, .modal-footer button:first-of-type, #editProductModal .btn-group > .dropdown-toggle.btn-danger, #editSpecialDealModal.btn-group > .dropdown-toggle.btn-danger, #ctl-resetPassBtnCancel {
  color: #FFFFFF;
}
.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 {
  color: #FFFFFF;
}
.btn-warning {
  color: #FFFFFF;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  color: #FFFFFF;
}
.btn-inverse {
  color: #FFFFFF;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active {
  color: #FFFFFF;
}
.btn.btn-link, .btn-group > .btn:first-child.btn-link, .btn-group > .btn:last-child.btn-link, .ui-widget button.btn-link {
  color: #000000;
  text-decoration: underline;
}
.btn.btn-link:hover, .btn.btn-link:focus, .btn-group > .btn:first-child.btn-link:hover, .btn-group > .btn:first-child.btn-link:focus, .btn-group > .btn:last-child.btn-link:hover, .btn-group > .btn:last-child.btn-link:focus, .ui-widget button.btn-link:hover, .ui-widget button.btn-link:focus {
  color: #1a1a1a;
}
.alert-success, .label-success, .badge-success, .alert-primary, .label-primary, .badge-primary, .alert-info, .label-info, .badge-info, .alert-danger, .label-danger, .badge-danger, .alert-error, .alert-warning, .label-warning, .badge-warning, .alert-inverse, .label-inverse, .badge-inverse {
  color: #FFFFFF;
}
.home section#home_hero .mod_postcode_box .input-append {
  border: 2px solid #8f0116;
}
#mod_postcode_box_pc::placeholder {
  color: #666 !important;
}
#home_cuisine_right .title_content, #home_cuisine_right .body_content {
  max-width: 540px;
}
#home_loyalty_content {
  color: #FFFFFF;
}
.home section#home_loyalty {
  background: url("https://skins.zfood.co.uk/kraken/mellow/images/pizza_bagel.jpg") no-repeat;
}
a:not(.btn) {
  color: #000000;
  text-decoration: underline;
}
a:not(.btn):hover, a:not(.btn):focus {
  color: #1a1a1a;
}
.popover .popover-title {
  font-size: 1.5rem;
  background: #368b3d;
}
.popover .popover-content {
  color: #000000;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: #000000;
  color: #e8f7ee;
  border: none;
}
.modal .modal-body {
  color: #000000;
}
.modal .modal-body .well {
  color: #000000;
}
.modal .modal-footer {
  color: #FFFFFF;
}
.modal .modal-footer h3 {
  margin-top: 4px !important;
}
.ui-dialog .ui-dialog-titlebar {
  font-size: 1.5rem;
  line-height: 110%;
}
legend {
  color: #000000;
  font-size: 2rem;
}
.sidebar-nav .nav-list .nav-header {
  color: #000000;
}
.well .muted, .ui-widget-content .muted {
  color: #1a1a1a;
}
.menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li {
  background: #000000;
}
.menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li a {
  color: #FFFFFF;
  padding: 5px 10px 5px !important;
}
.menu #responsive-food-menu .navbar-inner .container .brand, .menu .product-container-panel .ui-widget-header, .menu .product-container-panel .description h3 {
  font-size: 1.2rem;
}
.menu .product-container-panel .ui-widget-header {
  padding: 8px 12px 8px;
  font-weight: bold;
}
.menu .product-container-panel .description h3 {
  font-weight: bold;
}
.menu .product-container-panel .row-product h5 {
  font-weight: normal;
}
.menu #editProductModal fieldset .btn-option {
  color: #FFFFFF;
}
.menu #editProductModal fieldset .btn-option .caret {
  border-top-color: #FFFFFF;
}
.menu #responsive-food-menu.affix-top .ctrl-mob-nav-search, .menu #responsive-food-menu.affix .ctrl-mob-nav-search {
  margin-top: 4px !important;
}
.order-complete #order-confirmation {
  color: #FFFFFF;
}


body .visible-swindon { display:none !important; } 
body .hidden-swindon { display:inherit !important; } 
body.shop_swindon .hidden-swindon { display:none !important; }
body.shop_swindon .visible-swindon { display:inherit !important; }

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

body {
	font-family: 'Gowun Batang';
}
h1 {
	font-family: 'Alkalami';
}
h2 {
}
h3 {
}
h4 {
}
body {


	background-attachment: scroll;
}

header, #mobile-header {

	background-attachment: scroll;
}

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

/*Font Overwrites*/
.mod_postcode_box h4,
.discount_banner h2,
#home_taste_left h3,
#home_loyalty_content h2.primary_text  {
    font-family: 'Gowun Batang', sans-serif;
}
.lead {
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
}

/*Font Size Overwrites*/
@media (min-width: 1651px) {
    .supersize {
        font-size: 70px;
    }
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .supersize), .hero-unit h1, .h1_size {
        font-size: 45px;
    }
}
@media (min-width: 1201px) and (max-width: 1650px) {
    .supersize {
        font-size: 60px;
    }
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .supersize), .hero-unit h1, .h1_size {
        font-size: 45px;
    }
}
@media (min-width: 1201px) and (max-width: 1650px) {
    .supersize {
        font-size: 50px;
    }
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .supersize), .hero-unit h1, .h1_size {
        font-size: 45px;
    }
}
@media (min-width: 980px) and (max-width: 1200px) {
    .supersize {
        font-size: 50px;
    }
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .supersize), .hero-unit h1, .h1_size {
        font-size: 45px;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .supersize {
        font-size: 50px;
    }
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .supersize), .hero-unit h1, .h1_size {
        font-size: 45px;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    .supersize {
        font-size: 50px;
    }
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .supersize), .hero-unit h1, .h1_size {
        font-size: 40px;
    }
}
@media (max-width: 480px) {
    .supersize {
        font-size: 40px;
    }
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .supersize), .hero-unit h1, .h1_size {
        font-size: 36px;
    }
}

/*BUTTONS - JH*/
.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,
.btn-success:focus, .btn-success:active, .btn-success:hover {
    color: #FFF !important;
}
.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: 3px 9px 4px;
}
.btn, 
.btn-group > .btn:first-child, 
.btn-group > .btn:last-child, 
.ui-widget button {
    padding: 9px 18px 9px;
}
.btn-inverse:hover,
.btn-inverse:focus {
 	background: #303030;
}

/*Home Page*/
.home_taste_image {
 	margin: 0px auto;
    text-align: center;
}
.home section#home_hero #home_hero_top .supersize {
    margin: 40px 0px 0px;  
}
.home section#home_hero #home_hero_top p {
    margin-top: 50px;
    margin-bottom: -10px;
    color: #b7b7b7;
}
#home_hero .website-image {
 	margin-bottom: 0px;   
}

@media (max-width: 979px) and (min-width: 768px) {
 	.home section#home_hero #home_hero_top p {
     	margin-top: 10px;
    }
}

.home section#home_hero .mod_postcode_box .input-append {
    border-color: #afcfa9;   
}
.discount_banner .content:is(.primary .content) .code .value {
    color: #f8ff3a;
}
.mod_postcode_box h4 {
    font-size: 30px;
    margin-bottom: -20px;
}
.mod_postcode_box .caret {
 	margin-top: 8px;   
}
.home section#home_loyalty {
    background: url('/myimages/1258/zpos-bg-chelo_kebab_darkened_v2.jpg') no-repeat;
}
#home_cuisine_right .title_content, #home_cuisine_right .body_content {
    max-width: 630px;
}
.home_taste_image {
    margin-bottom: 0px;
}
.home_taste_image img {
    border-radius: 0px;
}
.discount_banner h2 {
    font-weight: bold;
}
.discount_banner h3 {
    margin: 15px auto 0px;
}
#home_sun {
    position: absolute;
    right: -160px;
    top: 0px;
    z-index: -1;
    max-width: 400px;
    opacity: 0.6;
}
.home #container {
    overflow-x: hidden;
}
.home h2 {
    margin-bottom: -15px;
}

#home_loyalty_content h2.primary_text.h3_size {
    font-weight: bold;
    margin: 5px auto 5px;
}
/*JH*/
header .header_icons svg {
    overflow: visible;
}
@media (max-width: 1650px) {
    .mod_postcode_box h4 {
        font-size: 24px;
    }
}
@media (min-width: 1201px) and (max-width: 1783px) {
    .home section#home_taste #home_taste_content {
        padding: 60px 20px 50px;
    }
}
@media (min-width: 980px) and (max-width: 1200px) {
    .home section#home_taste #home_taste_content {
        padding: 40px 20px 30px;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .home section#home_taste #home_taste_content {
        padding: 20px 20px 10px;
    }
}
@media (max-width: 979px) and (min-width: 768px) {
 	.home section#home_cuisine > .container > .row-fluid #home_cuisine_right .title_content hr {
     	margin-right: 0px !important;   
        margin-left: auto !important;
    }
}
@media (max-width: 767px) {
    .home section#home_taste #home_taste_content {
        padding: 30px 20px 10px;
    }
    #home_cuisine_right .title_content, #home_cuisine_right .body_content {
     	display: block;
        margin: 0px auto;
    }
    .mod_postcode_box h4 {
        font-size: 18px;
    }
}
.home section {
    padding: 40px 0px;
}
@media (min-width: 1201px) {
    .home section {
        padding: 50px 0px 40px;
    }
}
@media (max-width: 1500px) {
 	#home_sun {
        display: none;
    }
}

/*MENU PAGE*/
.modal .modal-body .type-choose-one .dropdown-toggle {
 	border-radius: 7px;   
}
.menu .ui-state-active, 
.menu .ui-widget-content .ui-state-active, 
.menu .ui-widget-header .ui-state-active {
    
}
#basket-container .ui-widget-content {
    padding: 0px;
}
.menu #editProductModal fieldset .btn-option {
    height: 18px !important;
    border-radius: 4px !important;
}
.menu #editProductModal fieldset .btn-option .caret {
    margin-top: 5px;
}
.menu .ui-tabs-menu.ui-tabs-vertical .tb-nav-tabs li a {
    padding: 5px 10px 6px !important;
}
.btn.btn-order, .btn-group > .btn:first-child.btn-order, 
.btn-group > .btn:last-child.btn-order, 
.ui-widget button.btn-order {
    margin-top: 0px;
    border-radius: 5px;
}
.menu #responsive-food-menu .navbar-inner .container .brand {
    padding: 12px 0px 11px;
}
.menu #responsive-food-menu .navbar-inner .container #menu-search-box {
    width: 190px;
}
.menu .ui-tabs-menu {
    border-radius: 0px 0px 10px 10px;
}
.menu .product-container-panel .ui-widget-header {
    background: #368b3d;
}

.menu .under_basket_img img {
    margin-top: 20px;
}

.menu .ui-tabs .ui-tabs-nav li a {
    padding: 20px 10px 10px 10px;
}

.menu #basket-container h3:not(.popover-title) {
    margin-top: 20px !important;
}

.menu .tooltip-inner {
    padding: 14px 8px 8px 8px;
}

.menu .product-container-panel .ui-widget-header {
    margin-top: 10px;
}

#zp-offcanvas-menu > div > a,
#zp-offcanvas-basket > div > a {
    text-decoration: none;
}

#zp-offcanvas-menu .uk-close:after {
    color: #000 !important;
    margin-top: 7px;
}

.menu .icon-search {
    filter: invert(1);
}

.menu .ui-state-active, .ui-widget-content .ui-state-active, 
.menu .ui-widget-header .ui-state-active {
    border: none;
}

.menu .ui-state-active, 
.menu .ui-widget-content .ui-state-active, 
.menu .ui-widget-header .ui-state-active,
.menu .ui-widget-content .ui-state-hover, 
.menu .ui-widget-header .ui-state-hover,
.menu .ui-state-hover, 
.menu .ui-state-focus, 
.menu .ui-widget-content .ui-state-focus, 
.menu .ui-widget-header .ui-state-focus {
    background: #8f0116 !important;
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
    box-shadow: none;
    border: none;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited,
.ui-state-highlight a {
    color: #FFF !important;
}
.ui-state-default a:hover, .ui-state-default a:focus,
.ui-state-highlight a:hover, .ui-state-highlight a:focus {
 	   color: #f8f8f8 !important;
}
.cat-desc {
 	background: #8f7a51 !important;
    margin-top: 0px;
}

/*CONTACT PAGE*/
.contact-us .ui-widget-header {
    padding: 16px 13px 5px;
    font-size: 24px;
}

/*MEMBERS PAGE*/
.form-horizontal .control-label {
    width: 167px;
    padding-top: 10px;
    font-weight: 900;
}
.sidebar-nav .nav-list .nav-header {
    margin: 10px 0px 0px;
}
.sidebar-nav .nav-list li:not(.nav-header, .divider) a {
 	text-shadow: none;   
}
.sidebar-nav .nav-list li:not(.nav-header, .divider) a i {
 	top: 1px;   
}
.members h1 {
    margin-top: 10px;
}

/*MEMBERS (LOGGED IN)*/
/*LP HIDE IF NOT ACTIVE*/
body.loyalty_scheme_0.members .span9.section-.well .row-fluid {
    display: none;
}

.members .hero-unit a {
    color: #FFF;
    filter: brightness(90%);
}
.members .hero-unit a:hover {
    filter: brightness(100%);
}
.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/white_icons_members_page.png")
}

.members .frm_members_menutax_reports div {
    margin: 5px 0px;
}

#frm_members_sales_reports label,
.frm_members_sales_reports label,
.frm_members_menutax_reports label {
    margin: 0px 3px
}

.members .media-body {
    overflow: visible !important;
}

.members .section-product-reports .navbar .brand {
    color: #000;
}

/*INFORMATION PAGE*/
.information .well h2 {
    margin: 15px 0px 0px 0px !important
}

.information .well p {
    margin: 3px 0px;
}

/*CHECKOUT PAGE*/
.well.checkout_discount h2:first-child {
    margin-top: 10px !important;
}
.checkout_discount h3 {
    font-weight: normal;
    margin: 5px 0px -15px;
    font-size: 25px !important;
}
.checkout_discount .code {
 	font-size: 20px;   
}
.checkout .well-basket thead th {
    background: #e4d7c0;
    color: #000000;
}
td.actions .btn-add,
td.actions .btn-remove {
    margin: 0px 2px;
}
.checkout .well h4, .checkout .well h5 {
    font-weight: bold;
} 

.checkout #loginSignin {
    background: #279d56;
}

.checkout #loginSignin:hover,
.checkout #loginSignin:focus {
    background: #2cb161;
}

.checkout #discount_banner_SR89 {
    margin-bottom: 20px;
}
#order-checkout {
    color: #FFF !important;
}

/*REVIEW PAGE*/
.review-order .rating-row small.muted {
    color: #747070;
}

/*404 PAGE*/
body.error-404 #body {
    margin-top:25px;
}

/*WELCOME PAGE*/
.page_welcome .branch_finder_box p.lead {
    color: #000;
}
.welcome h1 {
    font-size: 24px;
}
.welcome h2 {
    font-size: 20px;
}
.welcome header .left_column {
 	justify-content: center;   
}

.review-order .uk-grid {
    margin-top: 30px;
}

/*WELLS*/
.well,
#basket-container,
.checkout .well-basket {
    /*border: 4px solid #8f0116 !important;*/
}
.well .text-success,
.contact-us .ui-widget-content .text-success {
 	color: #028235;   
}

/*POPOVERS*/
.popover .popover-title {
    font-size: 1.3rem;
    padding: 13px 12px 2px;
    color: #FFF;
    line-height: 120%;
}

.ui-dialog .ui-dialog-titlebar {
    line-height: 125%;
    padding: 10px 15px 0px;
}
.ui-dialog .ui-dialog-titlebar {
 	font-size: 1.2rem;
    line-height: 110%;
}
.ui-dialog .ui-dialog-title {
    font-weight: normal;
}
.ui-dialog .well {
 	background: #b3a58a;
}

/*MODALS*/
.modal .modal-header h3 {
    font-size: 1.5rem;
    padding: 8px 0px 2px;
}

.modal .modal-body h3 {
    font-size: 1.5rem;
    margin-top: 25px;
}

.modal .modal-body h4 {
    font-size: 1.2rem;
    line-height: 130%;
    margin-bottom: 0;
}

.modal .modal-footer {
    padding: 12px 10px 10px;
}

.modal .modal-footer h3 {
    /*line-height: 34px !important;*/
    margin: 2px 0px 0px 4px !important;
}

.modal .modal-body .btn-block {
    background: #e4d7c0;
}

.modal .modal-body .btn-block:hover,
.modal .modal-body .btn-block:focus {
    filter: brightness(105%);
}

.modal .modal-header .close {
    opacity: 0.7;
    color: #FFF;
}

.modal .modal-header .close:hover, 
.modal .modal-header .close:focus {
    opacity: 1;
}

/*LEGENDS*/
legend {
    padding: 10px 5px 0px;
    margin-bottom: 15px;
}

.dropdown-menu {
    background: #FFFFFF;
}
.dropdown-menu li a {
 	color: #000000;   
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
    color: #000000;
    background: #f3f3f3;
}

/*INPUTS*/
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: 38px;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

/*HEADER*/
header .navbar .navbar-inner .btn-navbar:hover .icon-bar,
header .navbar .navbar-inner .btn-navbar:focus .icon-bar {
    background: #575757;
}
header .navbar .navbar-inner .container .nav-collapse .nav {
 	margin-bottom: 0px;   
}
@media (min-width: 1201px) {
    header .navbar .navbar-inner .container .nav-collapse .nav > li > a {
        font-size: 20px;   
    }
}
@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: #8b0016;
    }
    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 {
        border-top-color: #8b0016; 
    }
    header .left_column {
        display: flex !important;
        align-items: center;
    }
}
@media (max-width: 979px) {
    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: #FFFFFF;
    }
    header .navbar .navbar-inner .container .nav-collapse.in {
     	margin-bottom: 10px;   
    }
}

/*MEDIA QUERIES*/
@media (min-width: 1200px) {
    .members .media-body {
        overflow: visible !important;
        padding: 18px;
    }
}

@media (max-width: 979px) {
    #container {
        border: 10px solid #8f0116;
    }
    .home section#home_taste,
    .home section#home_cuisine {
        border-top: 10px solid #8f0116;    
    }
    #home_cuisine_right .body_content ul {
        text-align: left;
    }
    footer > .container > .row-fluid .cards img {
        max-width: 250px;
    }
    .form-horizontal .controls:first-child button {
        margin-top: 3px;
    }
    #registerPostcode,
    #loginPassword,
    #checkoutPostcode,
    #newPostcode {
        max-width: 150px;
    }
    body.members #body > div > div > div.span3 > a {
        margin-bottom: 20px;
    }
    .home section#home_hero #home_hero_top p {
        margin-top: 10px;
        /*background: #8b0016;
        color: #FFFFFF !important;
        padding: 0px 0px 2px;*/
    }
}

@media (max-width: 767px) {
     .home section#home_hero .mod_postcode_box .input-append .btn-group .btn {
        width: 220px;
    }
    #mobile_food_menu_nav .zp-ctl-categories {
        color: #fff !important
    }
    #mobile_food_menu_nav .btn {
        background: #8f0116;
    }
    body:not(.home, .error-404) #body {
        padding-bottom: 10px;
    }
    .members .section-my-addresses div.media.media-address {
        display: flex;
        align-items: center;
    }
    .members .section-my-addresses .media-address a.block {
        text-align: right;
    }
    .home section#home_hero .mod_postcode_box .input-append {
        max-width: 230px;
    }
    #home_cuisine_right .body_content ul {
        max-width: 370px;
        margin: 0px auto;
    }
    .modal .modal-footer h3 {
     	margin-bottom: 20px !important;    
    }
}
@media (max-width: 480px) {
    #home_cuisine_right .body_content ul {
        max-width: 100%;
        margin: 0px auto 0px 20px;
    }
}

.alert-danger, .label-danger, .badge-danger, .alert-error {
 	background: #f43604;   
}
.alert-success, .label-success, .badge-success {
    background: #49d519;
}

.menu .loyalty_banner h3 {
    margin-top: 10px !important;
}
.checkout .loyaltypoints_box .row-credits > div:not(.col-equals) .well {
 	border-top: none;   
}
.checkout .loyaltypoints_box .row-credits > div:not(.col-equals) .ui-widget-header {
    border: 1px solid #000000;
}
.checkout .loyaltypoints_box .btn-large {
    padding: 17px 15px;   
}
.checkout .loyaltypoints_box .btn-large i {
    position: relative;
    top: -2px;
}
.selected-no-salad {
    display: none;
}