/*
skin_path: skins/lotus/
skin_name: lotus
theme_path: 
theme_name: 
type: css
datetime: 2024-06-14 10:13:58
checksum: 60ae8c56822bf9841c3d556fe2be1c1e
status: ok
*/
/* Load: skins/lotus/style_system_overrides.scss */
/* **************************** */
/* Center footer text on mobile */
/* **************************** */
@media (max-width: 767px) {
  footer div {
    text-align: center;
    margin: 20px 0;
  }
  footer div.vendor {
    text-align: center !important;
    margin: 25px 0 0px;
  }
  footer div.copyright {
    margin-top: 0px;
  }
}
/* Core CSS Fixes */
/* With the plan to be commited to the master.css in the future */
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 {
  background: transparent;
}
.table-hover tbody tr.ui-state-highlight:hover > th, .table-hover tbody tr.ui-state-highlight:hover > td {
  background: transparent;
}
.row-product {
  padding: 10px 0px;
}
.row-odd, .row-product:hover {
  background: none;
}
#opening-status:hover, #opening-status:focus {
  text-decoration: none;
  cursor: default;
}
#zp-offcanvas-basket #order-empty {
  margin-bottom: 15px;
}
#mobile_food_menu_nav .btn {
  padding: 5px;
  border: none !important;
}
.copyright {
  text-align: left;
}
.vendor {
  float: right;
}
.cards, .vendor {
  padding-top: 5px;
}
.page_welcome #opening-status, .page_welcome .navbar {
  display: none;
}
.loyaltypoints_box .row-credits .col-equals .ui-widget-header {
  background: transparent !important;
  border: none !important;
}
.loyaltypoints_box .btn-success {
  margin-bottom: 15px;
}
.loyaltypoints_box .btn-link {
  color: #FFFFFF;
  font-size: 12px !important;
  text-decoration: underline;
}
.checkout #loginSignin, .checkout #ctl-forgotPassword {
  width: 100%;
  margin-bottom: 5px;
}
.btn, .btn:hover, .btn:focus {
  border: none;
}
.btn-option {
  height: auto !important;
}
#basket-container a {
  margin-top: 10px;
}
#responsive-food-menu .brand {
  text-shadow: none;
}
.page_menu .tb-nav-tabs {
  border: none;
  background: none;
}
.page_menu .tb-nav-tabs .ui-widget-header {
  background: none;
}
#responsive-food-menu .btn-navbar.btn-primary {
  margin-right: 10px !important;
}
.page_menu .ui-tabs .ui-tabs-nav li {
  border: none;
  border-radius: 0px;
}
.modal-header .close, .well .close, .alert .close, .well.sys-alert button.close, #editProductModal .close {
  color: #FFFFFF;
  opacity: 0.8;
}
header .navbar {
  margin-bottom: 0px !important;
}
header .navbar-inner {
  background: transparent;
  border: none;
  box-shadow: none;
}
#myCarousel {
  margin-bottom: 0px !important;
}
.ct_details_bar > [class*="span"] {
  min-height: auto !important;
}
.menu-container .navbar-affix-container, .menu-container .navbar-affix-container .navbar-inner {
  background-color: transparent !important;
  background-image: none;
  /* height: auto !important; */
  border: none;
}
.page-review-order textarea {
  height: 230px;
}
.page_error-404 .alert {
  background: transparent !important;
  border: none;
}
.page_error-404 h1 {
  padding: 5px 0px;
}
.menu-selection .alert, .menu-selection .well {
  background: transparent !important;
  border: none;
  box-shadow: none;
}
.menu-selection img {
  margin: 0px auto 30px;
  display: block;
}
.page-review-order h1 {
  text-align: center;
}
.how-im-ordering {
  margin-bottom: 20px;
}
.website-image {
  text-align: center;
}
#responsive-food-menu .ctrl-mob-nav-search {
  box-shadow: none;
}
#responsive-food-menu.affix {
  left: initial;
}
.contact-us .box-opening-hours {
  margin-top: 20px;
}
.contact-us #contact_map_canvas {
  color: #000000 !important;
}
.navbar-affix-container {
  height: auto !important;
}
/* END Core CSS Fixes */
/****************************************************************/
/* PAULS FIXES */
.cookie-policy-content tbody {
  background-color: #fff !important;
}
.btn-group.ctl-toggle-columns {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
}
.btn-group.ctl-toggle-columns .btn {
  padding: 6px 7.5px !important;
}
/* MEMBERS PAGE ORDER NOW BLOCK BUTTON */
.page_members .btn.btn-block.btn-large.btn-success {
  margin-bottom: 25px;
}
/* MENU CUSTOMISE PRODUCT */
.modal-body .type-choose-one .dropdown-toggle {
  text-overflow: ellipsis;
  overflow-x: hidden;
  max-width: 100%;
}
/* Load: skins/lotus/style_functions.scss */
/* Load: skins/lotus/_variables.scss */
/* Load: skins/lotus/_variables_skin.scss */
/* Load: skins/lotus/styles.scss */
/* GLOBAL STYLES*/
on * {
  font-family: "articulat-cf", sans-serif;
  box-sizing: border-box;
  text-shadow: none !important;
  box-shadow: none !important;
}
body {
  background-color: #F9F3F2;
  background-image: none;
}
a {
  color: #428F7D;
}
a:hover, a:focus {
  color: #3b8171;
  text-decoration: underline;
}
h1, h2, .how-im-ordering-menuname, .mod_postcode_box .lead, .home h3:not(#urgentNotice0 h3) {
  font-family: "ballare", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #1A292E;
  line-height: 110%;
}
@media (min-width: 980px) {
  h1, h2:not(.sys-message, #urgentNotice0, .sys-message .lead), .home h2:not(.sys-message h2, .sys-message .lead h2, #urgentNotice0 h2), .home h1:not(.sys-message h1, #urgentNotice0 h1) {
    font-size: 40px;
  }
}
@media (min-width: 1650px) {
  .home h2:not(.sys-message h2, .sys-message .lead h2, #urgentNotice0 h2, .alert h2), .postcode_section .lead {
    font-size: 90px;
  }
}
@media (max-width: 1649px) {
  .home h2:not(.sys-message h2, .sys-message .lead h2, #urgentNotice0 h2, .alert h2), .postcode_section .lead {
    font-size: 50px;
    line-height: 110%;
  }
}
@media (min-width: 1650px) {
  .home h3:not(.sys-message h3, #urgentNotice0 h3) {
    font-size: 70px;
  }
}
@media (max-width: 1649px) {
  .home h3:not(.sys-message h3, #urgentNotice0 h3) {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .home h3:not(.sys-message h3, #urgentNotice0 h3) {
    font-size: 36px;
  }
}
.home .h4_link {
  color: #428F7D;
  font-size: 40px;
  font-weight: 600;
}
h5 {
  font-size: 17px;
}
p {
  font-size: 17px;
  font-weight: 500;
}
.home p:not(.lead, .sys-message p, #urgentNotice0 p) {
  line-height: 1.7rem;
}
@media (min-width: 768px) {
  .home p:not(.lead, .sys-message p, #urgentNotice0 p) {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .home p:not(.lead, .sys-message p, #urgentNotice0 p) {
    font-size: 20px;
    line-height: 1.4rem;
  }
}
.lead {
  font-size: 16px;
  line-height: 120%;
}
/* DISPLAY NONES */
.home #body h1, #body-bottom-hr, .row-fluid.home-about, .carousel-indicators, .row_phones, .ct_details_bar, .home_social small, .carousel-caption, .book hr, .booking hr, .book-a-table, .reservations hr {
  display: none;
}
body:not(.home) #body, #responsive-food-menu {
  max-width: 1170px;
  margin: 0 auto;
}
footer .row-fluid, .ct_header_row, .navbar-inner .container, .ct_details_bar, .booking_section_inner, .popular_dishes_inner {
  max-width: 1700px;
  margin: 0 auto;
}
header, .page_home #body, .home .main, .main-inner, header .headerInner {
  max-width: 2000px;
  margin: 0 auto;
}
#container {
  background: none;
  padding: 0;
  width: 100%;
  box-shadow: none;
}
body:not(.home) #body {
  padding-top: 50px;
}
@media (max-width: 1199px) {
  body:not(.home) #body {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  body {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
body.page_home #body {
  overflow: hidden;
}
@media (max-width: 767px) {
  body.page_home {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.home .inner-wrapper {
  overflow: hidden;
}
.btn-success, #editProductModal .btn-group > .dropdown-toggle.btn-success, #editSpecialDealModal.btn-group > .dropdown-toggle.btn-success {
  color: #ffffff;
  background: #479F8B;
  border-radius: 10px;
  border: solid 3px #408f7d;
}
.btn-success:hover, .btn-success:focus, #editProductModal .btn-group > .dropdown-toggle.btn-success:hover, #editProductModal .btn-group > .dropdown-toggle.btn-success:focus, #editSpecialDealModal.btn-group > .dropdown-toggle.btn-success:hover, #editSpecialDealModal.btn-group > .dropdown-toggle.btn-success:focus {
  background: #59a997;
  border: solid 3px #408f7d;
}
.alert-success, .label-success, .badge-success {
  background: #3CB878;
}
.text-success, .loyalty-card > div .loyalty-value {
  color: #479F8B !important;
}
.btn-primary {
  color: #ffffff;
  background: #0889CC !important;
  border-radius: 10px !important;
  border: solid 3px #077bb8 !important;
}
.btn-primary:hover, .btn-primary:focus {
  background: #2195d1 !important;
  border: solid 3px #077bb8 !important;
}
.alert-primary, .label-primary, .badge-primary {
  background: #008FD9;
}
.btn-info, .modal .btn-option, #editProductModal fieldset .btn-group > .dropdown-toggle.btn-info, #editSpecialDealModal fieldset .btn-group > .dropdown-toggle.btn-info {
  color: #ffffff;
  background: #17a2b8 !important;
  border-radius: 10px !important;
  border: solid 3px #1592a6 !important;
}
.btn-info:hover, .btn-info:focus, .modal .btn-option:hover, .modal .btn-option:focus, #editProductModal fieldset .btn-group > .dropdown-toggle.btn-info:hover, #editProductModal fieldset .btn-group > .dropdown-toggle.btn-info:focus, #editSpecialDealModal fieldset .btn-group > .dropdown-toggle.btn-info:hover, #editSpecialDealModal fieldset .btn-group > .dropdown-toggle.btn-info:focus {
  background: #2eabbf !important;
  border: solid 3px #1592a6 !important;
}
.btn-group.open .btn-info.dropdown-toggle {
  background: #2eabbf !important;
  border: solid 3px #1592a6 !important;
}
.alert-info, .label-info, .badge-info {
  background: #31BCD2;
}
.text-info {
  color: #17a2b8 !important;
}
.btn-inverse {
  color: #ffffff;
  background: #1A292E !important;
  border-radius: 10px !important;
  border: solid 3px #313e43 !important;
}
.btn-inverse:hover, .btn-inverse:focus {
  background: #253438 !important;
  border: solid 3px #313e43 !important;
}
.alert-inverse, .label-inverse, .badge-inverse {
  background: #374246;
}
.text-inverse {
  color: #F0EAE4 !important;
}
.btn-warning {
  background: #CA5A22 !important;
  border-radius: 10px !important;
  border: solid 3px #b6511f !important;
}
.btn-warning:hover, .btn-warning:focus {
  background: #cd622d !important;
  border: solid 3px #b6511f !important;
}
.alert-warning, .label-warning, .badge-warning {
  background: #F66A24;
}
.text-warning {
  color: #CA5A22 !important;
}
.btn-danger, .modal-footer button:first-of-type, #editProductModal .btn-group > .dropdown-toggle.btn-danger, #editSpecialDealModal.btn-group > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background: #A61616 !important;
  border-radius: 10px !important;
  border: solid 3px #951414 !important;
}
.btn-danger:hover, .btn-danger:focus, .modal-footer button:first-of-type:hover, .modal-footer button:first-of-type:focus, #editProductModal .btn-group > .dropdown-toggle.btn-danger:hover, #editProductModal .btn-group > .dropdown-toggle.btn-danger:focus, #editSpecialDealModal.btn-group > .dropdown-toggle.btn-danger:hover, #editSpecialDealModal.btn-group > .dropdown-toggle.btn-danger:focus {
  background: #a22 !important;
  border: solid 3px #951414 !important;
  color: #ffffff;
}
.label-danger, .badge-danger, .alert-danger, .alert-error {
  background: #EB3434;
}
.text-danger, .text-error {
  color: #A61616 !important;
}
#opening-status.status-CLOSED, #opening-status.status-OPEN {
  color: #F0EAE4;
}
.btn-default {
  color: #ffffff !important;
  background: #0F677D;
  border-radius: 10px !important;
  border: solid 3px #0e5d71 !important;
}
.btn-default:hover, .btn-default:focus {
  background: #166c81 !important;
  border: solid 3px #0e5d71 !important;
  color: #ffffff;
}
.btn-white {
  color: #428F7D !important;
  background: #F9F3F2;
  border-radius: 10px !important;
  border: solid 3px #F0EAE4;
}
.btn-white:hover, .btn-white:focus {
  background: #f2eceb !important;
  border: solid 3px #F0EAE4;
  color: #428F7D;
}
.btn {
  font-size: 16px;
  font-family: "articulat-cf", sans-serif !important;
  text-shadow: none;
  border-radius: 10px;
  position: relative;
  box-shadow: none;
  font-weight: 700;
  line-height: 100%;
  padding: 8px 15px 7px;
  background-image: none;
  color: #ffffff;
}
.btn-large, .btn-group > .btn-large, .btn-group > .btn-large:first-child, .btn-group > .btn-large:last-child {
  font-size: 22px;
  font-weight: 700;
  padding: 18px 33px 16px;
  border-radius: 10px;
}
.btn-small {
  position: relative;
  top: -4px;
  padding: 5px 5px 3px;
}
.btn-tiny {
  line-height: 12px !important;
  padding: 0px 2px 0px !important;
  border-radius: 5px !important;
}
.btn-option {
  height: auto;
}
#basket-container .btn i {
  position: relative;
  top: -1px;
}
.btn-medium {
  font-size: 18px !important;
  padding: 15px 30px 12px;
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .btn-medium {
    font-size: 15px !important;
    padding: 10px 20px 9px;
  }
}
@media (max-width: 479px) {
  .btn-medium {
    font-size: 15px !important;
    padding: 10px 20px 10px;
  }
}
.btn-white.btn-order-option {
  margin: 20px 13px;
}
.home .btn-large.btn-link {
  border-bottom: 4px solid #428F7D;
  margin: 18px 36px;
  font-size: 22px !important;
  font-weight: 700;
  color: #1A292E;
  border-radius: 0;
  padding: 0;
  padding-bottom: 3px;
}
.home .btn-large.btn-link:hover, .home .btn-large.btn-link:focus {
  color: #428F7D;
  text-decoration: none;
}
.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
  margin-left: 3px;
}
.home_social img:hover, .home_social img:focus {
  filter: brightness(85%);
}
header {
  position: relative;
  background: #F9F3F2;
}
header #opening-status {
  font-size: 17px;
  font-weight: 700;
  color: #ffffff !important;
  padding: 13px 23px;
  border-radius: 0 0 10px 0;
  position: absolute;
}
@media (max-width: 1849px) {
  header #opening-status {
    padding: 10px 23px 8px;
  }
}
header #opening-status.status-OPEN {
  background: #428F7D !important;
}
header #opening-status.status-CLOSED {
  background: #CA2222 !important;
}
header .status_wrapper {
  padding: 0 30px;
  margin-top: -1px;
  margin-left: -30px !important;
}
@media (max-width: 979px) {
  header #opening-status {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: -20px;
    background: transparent !important;
  }
  header #opening-status.status-OPEN {
    color: #428F7D !important;
    background: transparent !important;
  }
  header #opening-status.status-CLOSED {
    color: #A61616 !important;
    background: transparent !important;
  }
  header .status_wrapper {
    margin-left: auto !important;
  }
  header .right_column {
    background: transparent !important;
  }
}
@media (min-width: 1800px) {
  header #logo {
    margin-left: 0;
  }
}
@media (max-width: 1849px) {
  header #logo img {
    margin-top: 15px;
    margin-bottom: -15px;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  header #logo #logo img {
    max-height: 85px;
  }
}
@media (max-width: 979px) {
  header #logo {
    text-align: center;
  }
}
@media (min-width: 480px) {
  header #logo {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}
@media (max-width: 479px) {
  header #logo {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
  }
}
header .navbar .nav > li > a {
  text-decoration: none;
  text-shadow: none;
}
@media (min-width: 1400px) {
  header .navbar .nav > li > a {
    padding: 50px 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  header .navbar .nav > li > a {
    padding: 50px 14px;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  header .navbar .nav > li > a {
    padding: 50px 14px;
  }
}
@media (max-width: 979px) {
  header .navbar .nav > li > a {
    padding: 20px 14px;
  }
}
@media (max-width: 979px) {
  header .nav-collapse .nav > li > a:hover, header .nav-collapse .nav > li > a:focus, header .nav-collapse .dropdown-menu a:hover, header .nav-collapse .dropdown-menu a:focus {
    background-color: transparent;
  }
}
header .nav {
  margin: 0;
  text-align: center;
}
header .nav li.dropdown.open > .dropdown-toggle .caret, header .nav li.dropdown.active > .dropdown-toggle .caret, header .nav li.dropdown.open.active > .dropdown-toggle .caret {
  margin-top: 6px;
}
header .nav > li > a {
  color: #1A292E;
  font-size: 22px;
}
@media (min-width: 1650px) {
  header .nav > li > a {
    font-size: 22px;
  }
}
@media (min-width: 980px) and (max-width: 1649px) {
  header .nav > li > a {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  header .nav > li > a {
    font-size: 16px;
  }
}
header ul li a {
  font-family: "articulat-cf", sans-serif;
}
header .navbar .nav > .active > a, header .navbar .nav > .active > a:hover, header .navbar .nav > .active > a:focus {
  color: #1A292E;
  text-decoration: none;
  background-color: transparent;
  box-shadow: none;
}
@media (min-width: 1650px) {
  header .navbar-inner {
    padding-left: 80px;
  }
}
header .navbar .nav li.dropdown.open > .dropdown-toggle, header .navbar .nav li.dropdown.active > .dropdown-toggle, header .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: transparent;
}
header .btn-navbar {
  background: #428F7D !important;
  border-radius: 10px;
  margin-right: 0px;
  margin-top: 3px !important;
}
header .btn-navbar .icon-bar {
  width: 25px;
  height: 2px;
  background: #1A292E;
  border-radius: 12px;
  box-shadow: none;
  transition: 0.6s;
}
header .btn-navbar .icon-bar + .icon-bar {
  margin-top: 6px;
}
header .btn-navbar:hover, header .btn-navbar:focus, header .btn-navbar:active {
  background: #326c5e !important;
}
header .nav-collapse.collapse {
  background: #e0dbda;
}
@media (max-width: 979px) {
  header .navbar-inner {
    margin-right: -10px;
  }
  header .nav-collapse.collapse {
    height: auto;
    width: 100vw !important;
    margin-top: 50px;
  }
  header .nav-collapse .open > .dropdown-menu {
    width: auto;
    margin: 0 auto;
  }
}
.dropdown-menu {
  background-color: #0F677D;
}
.dropdown-menu > li > a {
  color: #ffffff !important;
  background-color: #0F677D;
  border-radius: 0 !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0c5264 !important;
  background-image: none;
  border-radius: 0 !important;
}
@media (min-width: 1200px) {
  .home header {
    position: relative;
    background: #F9F3F2;
    background: linear-gradient(to right, #F9F3F2 0%, #F9F3F2 50%, #F0EAE4 50%, #F0EAE4 100%);
  }
}
.home .ct_header_row .right_column {
  margin-left: 0px;
  margin-right: 0px;
  background: #F0EAE4;
}
@media (min-width: 1200px) {
  .home .ct_header_row .right_column {
    padding-bottom: 183px;
    background-image: url("https://skins.zfood.co.uk/lotus/./images/zp_dots.png") !important;
    background-repeat: no-repeat;
    background-position: top 110px right 0px;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  header {
    background: #F9F3F2;
  }
}
@media (max-width: 1199px) {
  header .offers_section {
    text-align: center;
    padding-bottom: 70px;
  }
  header .left_column, header .right_column {
    width: 100% !important;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  header .navbar {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (min-width: 980px) {
  header .dropdown-menu {
    margin-top: -40px;
  }
}
@media (min-width: 480px) and (max-width: 979px) {
  header .navbar {
    top: 80px;
  }
}
@media (max-width: 979px) {
  header {
    top: 8px;
  }
  header .navbar {
    position: absolute;
    top: 0px;
    right: -10px;
    overflow: hidden;
    z-index: 1000;
  }
}
@media (max-width: 479px) {
  header .offers_section {
    text-align: center;
    padding-bottom: 0;
  }
}
.outer-wrapper {
  overflow: hidden;
}
@media (min-width: 480px) {
  .home header #logo {
    margin-top: 30px;
    margin-bottom: 50px;
  }
}
@media (min-width: 1650px) {
  .home .left_column {
    padding-bottom: 180px;
  }
  .home .left_column .offers_left_image {
    text-align: left;
  }
}
.home .left_column .offers_section h2 {
  margin-bottom: 20px;
}
@media (min-width: 1650px) {
  .home .left_column .offers_section h2 {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .home .left_column .booking_buttons {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.home .left_column p.welcome_p {
  opacity: 0.5;
}
.home .left_column .offers_area {
  margin-top: 50px;
}
@media (min-width: 480px) and (max-width: 767px) {
  .home .left_column .offers_area {
    display: flex;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .home .left_column .offers_area {
    text-align: center;
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (min-width: 1650px) {
  .column_slideshow {
    margin-left: -85px !important;
  }
}
.column_slideshow .carousel-inner > .item > img, .column_slideshow .carousel-inner > .item > a > img {
  margin: 0 auto;
}
.column_slideshow .carousel-control {
  background: transparent;
  border: none;
  opacity: 1;
  top: auto;
  left: auto;
  bottom: -45px;
  right: 72px;
}
.column_slideshow .carousel-control.right {
  right: 28px;
  left: auto;
  top: auto;
  bottom: -45px;
}
@media (max-width: 479px) {
  .column_slideshow {
    margin-bottom: 50px;
  }
}
.menu-selection {
  text-align: center;
}
.menu-selection .well {
  border: none !important;
}
.menu-selection h3 {
  color: #CA5A22;
}
.alert-danger.how-im-ordering {
  background: transparent;
}
.ui-tabs-vertical .ui-tabs-nav li a {
  background: #68a597;
  color: #ffffff;
}
.ui-tabs-vertical .ui-tabs-nav li a:hover, .ui-tabs-vertical .ui-tabs-nav li a:focus {
  background: #428F7D;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  background: #CA5A22;
}
.ui-tabs-vertical .ui-tabs-panel, .page_menu .tb-nav-tabs {
  border: none !important;
}
.navbar-search .search-query {
  width: 237px;
}
.btn .caret {
  margin-top: 2px;
}
.btn.dropdown-toggle.btn-option .caret {
  margin-top: 2px;
  border-top: 4px solid #ffffff;
}
.modal .dyn-dd-option-ui {
  min-width: 50px;
}
.modal-body .btn-option {
  padding: 4px 4px 2px !important;
}
@media (max-width: 767px) {
  .ui-tabs-panel.ui-widget-content .btn-group {
    margin-bottom: 5px;
  }
}
#responsive-food-menu .brand {
  color: #1A292E;
  font-weight: 600;
}
#responsive-food-menu.navbar .navbar-inner {
  padding-top: 5px;
  padding-bottom: 5px;
}
.menu-container .navbar-affix-container, .menu-container .navbar-affix-container .navbar-inner {
  box-shadow: none;
}
#responsive-food-menu.affix {
  background: #d8d3cd;
}
#responsive-food-menu .icon-search {
  margin-top: 15px;
}
@media (max-width: 767px) {
  #mobile_food_menu_nav .zp-ctl-categories {
    color: #CA5A22 !important;
  }
  #mobile_food_menu_nav .btn {
    padding: 10px 5px 5px;
    border-radius: 0 !important;
  }
}
.uk-offcanvas-bar {
  background: #428F7D;
}
.uk-nav-offcanvas > li > a {
  color: #F0EAE4;
}
.hero-unit {
  background: #CA5A22;
  color: #ffffff;
}
.hero-unit a {
  color: #1A292E;
}
.hero-unit a:hover, .hero-unit a:focus {
  text-decoration: underline;
}
.loyaltypoints_box {
  background: #CA5A22 !important;
}
.loyaltypoints_box .lead, .loyaltypoints_box p {
  color: #ffffff !important;
}
.loyaltypoints_box .row-credits .col-equals .well {
  color: #1A292E !important;
}
.loyaltypoints_box .row-credits .well {
  border: none !important;
  color: #1A292E !important;
  border-radius: 0 !important;
}
.ui-widget-content, .ui-widget-header {
  padding-top: 3px;
}
.loyalty-description h2 {
  font-size: 29px;
}
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"], select, .uneditable-input {
  height: 36.59px;
  font-family: "articulat-cf", sans-serif;
}
textarea::placeholder, input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="time"]::placeholder, input[type="week"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="color"]::placeholder, select::placeholder, .uneditable-input::placeholder {
  opacity: 0.6;
}
.input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] {
  display: inline-block;
  height: 37px;
}
.well {
  background-color: #F0EAE4;
  border: solid 1px #c0bbb6 !important;
}
.ui-widget-header {
  background: #428F7D;
  color: #F9F3F2;
}
.ui-widget > .ui-widget-header {
  padding: 0.15em 0.7em 0.1em;
}
.ui-widget-content, .ui-widget-header {
  border: solid 1px #c0bbb6 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: #CA5A22;
  color: #F0EAE4;
}
.modal-header {
  background: #CA5A22;
  color: #ffffff;
}
.popover .popover-title {
  background: #0F677D;
  color: #ffffff;
}
#basket-container .btn i {
  top: 1px;
}
#order-confirmation {
  color: #F0EAE4;
}
.page_review-order .lead {
  font-family: "articulat-cf", sans-serif;
}
.page_error-404 .alert {
  color: #1A292E;
}
.page_error-404 .alert:hover, .page_error-404 .alert:focus {
  background: transparent !important;
}
@media (max-width: 768px) {
  .block-terms-conditions, .block-website-help {
    margin-bottom: 25px;
  }
}
/* MEMBERS PAGE SALES REPORT BUTTONS */
.members th, .members td, .members .table-bordered {
  border-color: #6a9aab;
}
.members .btn-group .btn.dropdown-toggle {
  background-color: #ffffff !important;
  background-image: none;
  box-shadow: none !important;
  height: 36.8px;
  color: #1A292E;
  padding: 13px 10px 10px;
}
.members .btn-group .btn.dropdown-toggle .caret {
  margin-top: 2px;
}
.members .btn-group > .btn:not(.btn-primary) {
  color: #1A292E;
  font-weight: 400;
  font-size: 14px;
}
.members .section-sales-reports .well {
  background: #F9F3F2;
}
.members .section-sales-reports .well .marginleft5 {
  line-height: 180%;
}
.members .section-sales-reports .btn-primary:not(.active) {
  background: #52acdb !important;
  border: solid 3px #2d9bd4 !important;
}
.members .section-product-reports.well .btn-group > .btn:not(.btn-primary) {
  color: #F0EAE4;
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 160%;
}
.members .section-product-reports.well .btn-group .btn.btn-info:first-child {
  margin-right: 3px !important;
}
.members .frm_members_menutax_reports .marginleft5 {
  line-height: 180%;
}
.members .sidebar-nav .nav-list > .active > a, .members .sidebar-nav .nav-list > .active > a:hover, .members .sidebar-nav .nav-list > .active > a:focus {
  background: #CA5A22;
}
.members .sidebar-nav .nav > li > a:hover, .members .sidebar-nav .nav > li > a:focus {
  background-color: #da8c64;
  color: #ffffff;
}
.members .sidebar-nav .nav > li > a:hover .muted, .members .sidebar-nav .nav > li > a:focus .muted {
  color: #ffffff;
}
.postcode_section {
  background: #245E54;
}
.postcode_section .lead, .postcode_section small p {
  color: #F9F3F2;
}
.postcode_section small p {
  font-size: 14px;
  line-height: 1rem;
}
@media (min-width: 1500px) {
  .postcode_section small p {
    max-width: 21%;
    margin: 0 auto;
  }
}
.postcode_section .lead {
  margin-bottom: 25px;
}
.postcode_section .input-append input[class*="span"] {
  background: transparent;
  border: none;
  border-radius: 0;
  border-bottom: solid 2px #ffffff;
  font-size: 35px;
  color: #ffffff !important;
  width: 95%;
  height: fit-content !important;
  box-shadow: none;
}
.postcode_section .input-append {
  color: #ffffff !important;
}
.postcode_section .mod_postcode_box {
  color: #ffffff !important;
}
@media (min-width: 768px) {
  .postcode_section .column_modules {
    padding: 70px;
  }
}
@media (max-width: 767px) {
  .postcode_section .column_modules {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .postcode_section #home-order-buttons {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    margin-top: 15px;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .postcode_section {
    padding: 30px 0;
  }
  .postcode_section .lead {
    margin-bottom: 15px;
  }
  .postcode_section .btn-white.btn-order-option {
    margin: 10px 13px;
  }
}
footer .muted {
  font-size: 17px;
  color: #1A292E;
  font-weight: 500;
}
footer .hygiene_rating {
  text-align: center;
  margin: 35px 0;
}
@media (max-width: 767px) {
  footer .copyright {
    text-align: center;
  }
}
@media (max-width: 479px) {
  footer .cards {
    padding: 20px;
  }
}
.popular_dishes_section .popular_dishes_first_row {
  padding: 50px 0;
}
.popular_dishes_section h2 {
  margin-top: 20px;
}
.popular_dishes_section .h4_link {
  font-size: 30px !important;
}
.popular_dishes_section p {
  margin-top: 20px;
}
@media (min-width: 1650px) {
  .popular_dishes_section p {
    margin-top: 30px;
  }
}
@media (min-width: 1700px) {
  .popular_dishes_section .popular_dishes_first_row_left, .popular_dishes_section .popular_dishes_second_row_right {
    width: 1000px;
  }
  .popular_dishes_section .popular_dishes_first_row_right {
    margin-right: -40px;
  }
  .popular_dishes_section .popular_dishes_first_row_right, .popular_dishes_section .popular_dishes_second_row_left {
    width: 650px;
  }
  .popular_dishes_section p {
    width: 90%;
    margin-left: 55px;
  }
}
@media (min-width: 1200px) {
  .popular_dishes_section .popular_dishes_inner {
    padding: 150px 0 140px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .popular_dishes_section .popular_dishes_inner {
    padding: 70px 20px 60px;
  }
  .popular_dishes_section .popular_dishes_second_row_right {
    position: relative;
  }
  .popular_dishes_section .popular_text_left {
    position: absolute;
    bottom: auto;
    right: auto;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .popular_dishes_section .popular_button_right {
    position: absolute;
    bottom: auto;
    right: auto;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    margin: 0 AUTO;
  }
  .popular_dishes_section .btn-medium {
    font-size: 15px !important;
    padding: 10px 20px 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  .popular_dishes_section .popular_dishes_first_row_right, .popular_dishes_section .popular_dishes_second_row_left {
    width: 37.224%;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  .popular_dishes_section .popular_dishes_first_row, .popular_dishes_section .popular_dishes_second_row {
    display: flex;
    align-content: center;
    justify-content: center;
  }
  .popular_dishes_section .popular_dishes_text {
    padding: 0 20px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .popular_dishes_section .popular_text_and_button h3 {
    font-size: 34px !important;
  }
  .popular_dishes_section .popular_dishes_first_row_right, .popular_dishes_section .popular_dishes_second_row_left {
    width: 37.224%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .popular_dishes_section .popular_text_and_button h3 {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .popular_dishes_section {
    text-align: center;
  }
  .popular_dishes_section .popular_dishes_inner {
    padding: 40px 20px;
  }
  .popular_dishes_section .popular_dishes_first_row, .popular_dishes_section .popular_dishes_second_row {
    padding: 0;
  }
  .popular_dishes_section img {
    width: 100%;
    margin: 10px 0;
    filter: brightness(60%);
  }
  .popular_dishes_section p {
    margin-bottom: 20px;
  }
}
.popular_dishes_first_row_left, .popular_dishes_first_row_right, .popular_dishes_second_row_left, .popular_dishes_second_row_right {
  position: relative;
}
.popular_text_and_button h3 {
  font-size: 40px;
  color: #F9F3F2 !important;
  left: 20px;
}
@media (max-width: 479px) {
  .popular_text_and_button h3 {
    font-size: 30px !important;
  }
}
.popular_text_left {
  position: absolute;
  bottom: 10px;
  left: 30px;
}
@media (max-width: 767px) {
  .popular_text_left {
    position: relative;
    bottom: auto;
    left: auto;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .popular_text_left {
    margin-top: -200px;
  }
}
@media (max-width: 479px) {
  .popular_text_left {
    margin-top: -160px;
  }
}
.popular_button_right {
  text-align: right;
  position: absolute;
  bottom: 20px;
  right: 30px;
}
@media (max-width: 767px) {
  .popular_button_right {
    text-align: center;
    position: absolute;
    right: auto;
    bottom: 40px;
  }
}
.booking_section {
  background: #CA5A22;
  padding-top: 140px;
}
.booking_section .booking_buttons .btn-large.btn-link {
  color: #F0EAE4 !important;
  border-bottom: 4px solid #F0EAE4;
}
.booking_section .booking_buttons .btn-large.btn-link:hover, .booking_section .booking_buttons .btn-large.btn-link:focus {
  color: #F9F3F2 !important;
  border-bottom: 4px solid #F9F3F2;
}
.booking_section .booking_buttons {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .booking_section .booking_buttons {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.booking_section h3, .booking_section p {
  color: #F9F3F2;
}
.booking_section hr {
  border-bottom: 4px solid #A84A17;
  border-top: none;
  margin-bottom: 30px;
  width: 31%;
}
@media (min-width: 1650px) {
  .booking_section {
    margin-bottom: -200px;
    /*.booking_image_pic img {
            padding-bottom: 392px;
        }*/
  }
  .booking_section p {
    width: 80%;
  }
  .booking_section .bookingImage {
    margin-bottom: -217px;
  }
  .booking_section .booking_text h3 {
    margin-top: 30px;
  }
}
@media (min-width: 980px) and (max-width: 1649px) {
  .booking_section {
    padding-top: 0;
  }
  .booking_section .booking_image_pic img {
    margin-top: 0;
  }
  .booking_section .booking_section_inner {
    display: flex;
    align-items: center;
  }
  .booking_section .booking_text {
    padding: 64px 20px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .booking_section {
    padding-top: 0;
    padding: 30px 0;
  }
  .booking_section .booking_section_inner {
    display: flex;
  }
  .booking_section .booking_page_image {
    display: flex;
    align-items: center;
  }
  .booking_section .booking_text {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .booking_section hr {
    margin-top: 0px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .booking_section .booking_text {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .booking_section {
    text-align: center;
    padding-top: 0;
  }
  .booking_section hr {
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .booking_section .booking_section_inner {
    padding-bottom: 30px;
  }
  .booking_section .booking_text {
    padding: 30px 20px;
  }
}
.social_section {
  background: #F9F3F2;
}
.social_section .btn {
  padding: 16px 10px 0;
  background: TRANSPARENT;
}
.social_section p {
  color: #0F677D;
  font-weight: 800;
  font-size: 22px;
}
@media (min-width: 1650px) {
  .social_section h3 {
    margin-right: 30px;
  }
}
@media (min-width: 1200px) {
  .social_section .social_icons {
    display: flex;
  }
}
@media (min-width: 768px) {
  .social_section .social_right {
    margin-left: 0;
  }
}
@media (max-width: 1649px) {
  .social_section .social_left {
    display: none;
  }
  .social_section .social_right {
    width: 100%;
    text-align: center !important;
    padding-top: 30px;
  }
  .social_section .social_media_links {
    display: flex;
    justify-content: center;
  }
  .social_section .social_icons {
    flex-direction: column;
  }
  .social_section p {
    margin-top: 30px;
  }
}
@media (max-width: 979px) {
  .social_section .social_section_inner {
    padding: 30px 20px 40px;
  }
}
.hygiene_rating {
  border-top: solid 2px #DBCDC6;
  padding-top: 35px;
}
.zpostable {
  max-width: 350px;
  margin: 0 auto;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .zpostable .btn.ctl-modTableReservationV1 {
    margin: 0 auto !important;
  }
}
.modalModTableReservationV1 .modal-body .form-horizontal {
  margin-top: 20px;
}
#bookatable {
  text-align: center;
}
#bookatable p {
  width: 80%;
  margin: 0 auto;
}
#bookatable h2 {
  margin-bottom: 20px;
}
.booking_page_image {
  margin-bottom: 30px;
}
#booking_cta {
  padding: 20px 20px 30px;
  text-align: center;
  background: #CA5A22;
  max-width: 2000px;
  margin: 0 auto;
}
#booking_cta h2 {
  color: #F0EAE4 !important;
  margin-bottom: 20px;
  font-size: 40px;
}
.small_slider_section {
  margin-top: 70px;
}
@media (min-width: 1650px) and (max-width: 2000px) {
  .small_slider_section {
    width: 50vw;
  }
  .small_slider_section .small_slider_bottom.slick-slider {
    transform: rotate(180deg);
  }
  .small_slider_section .small_slider_bottom.slick-slider .slick-slide {
    transform: rotate(180deg);
  }
}
@media (max-width: 1199px) {
  .small_slider_section {
    margin-top: 40px;
    padding-bottom: 40px;
  }
}
.small_slide {
  text-align: center;
  margin: 0 8px;
  width: 368px;
  max-width: 368px !important;
}
.small_slider_top .small_slide {
  margin-left: 200px;
}
.small_slider_bottom .small_slide {
  margin-left: 400px;
}
.small_slider_bottom {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .small_slider_bottom {
    display: none;
  }
}
@media (max-width: 1649px) {
  .slick-slide img {
    padding: 0 10px;
  }
}
.slick-slide {
  max-width: 384px;
}
.alert {
  color: #F0EAE4;
}
.alert.sys-message, .well.sys-alert.sys-message, #urgentNotice0 {
  margin: 0 auto;
  text-align: center !important;
}
.alert.sys-message strong, .well.sys-alert.sys-message strong, #urgentNotice0 strong {
  font-size: 110% !important;
}
.well.well.sys-alert.sys-message {
  background: #1A292E;
  color: #428F7D;
}
.well.well.sys-alert.sys-message h2, .well.well.sys-alert.sys-message h3 {
  color: #F0EAE4;
}
.alert.sys-message small {
  color: #F9F3F2;
}


body .visible-highworth { display:none !important; } 
body .hidden-highworth { display:inherit !important; } 
body.shop_highworth .hidden-highworth { display:none !important; }
body.shop_highworth .visible-highworth { 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-attachment: scroll;
}

header, #mobile-header {

	background-attachment: scroll;
}

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

header #logo img {
    max-width: 382px;
}
.loader_overlay {
    overflow: hidden;
    background-color: #F0EAE4;
    z-index: 2000;
    color: #fff;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
.is-loaded.end .loader_overlay.black {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: center top;
    transform-origin: center top;
}
.is-loaded.end .loader {
    z-index: -1;
}
.home .loader {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 100vh;
    z-index: 2000;
    overflow: hidden;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition: z-index 0s 0.6s, height 0s 0.6s;
    transition: z-index 0s 0.6s, height 0s 0.6s;
}

#chooseAddressModal .btn.btn-block {
    color: #1a292e;
}

.trigger-paymentmethod .btn{
	color: #1a292e;   
}
div.growlUI h2{
 	font-size:16px !important;   
}


.home .spinner {
    animation: appearShrink 4s linear, tilt-shaking 2s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; 
    width: 800px;
    z-index: 9999;
    text-align: center;
}
@keyframes appearShrink {
    0% {
        opacity: 1;
        width: 600px;
        
    }
    50% {
        opacity: 1;
        width: 400px;
    }
    100% {
        opacity: .1;
    }
}
/*@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
*/
@media (max-width: 767px) {
        .spinner {
            width: 675px;
        }
        @keyframes appearShrink {
        0% {
            opacity: 1;
            width: 600px;

        }
        50% {
            opacity: 1;
            width: 450px;
        }
        100% {
            opacity: .1;
        }
    }
}

@media (max-width: 480px) {
        .spinner {
            width: 400px;
        }
        @keyframes appearShrink {
        0% {
            opacity: 1;
            width: 350px;

        }
        50% {
            opacity: 1;
            width: 200px;
        }
        100% {
            opacity: .1;
        }
    }
}
.offers_area .offers_left {
    display: none;
}
@media (max-width: 1200px) {
    .offers_area .offers_right {
        width: 100%;
    }
}

.menu hr, .checkout hr {
    margin: 10px 0;
}