@import url(https://fonts.googleapis.com/css?family=Lexend|Bowlby+One|Bowlby+One|Bowlby+One|Bowlby+One);
/*
skin_path: skins/diba/
skin_name: diba
theme_path: 
theme_name: 
type: css
datetime: 2024-11-21 17:48:45
checksum: ecb3fa1a92797698c962557a6936492e
status: ok
*/
/* Load: skins/diba/style_system_overrides.scss */
#container {
  padding: 0;
  background: none;
  box-shadow: none;
}
/* **************************** */
/* Center footer text on mobile */
/* **************************** */
@media (max-width: 767px) {
  footer div {
    text-align: center;
  }
  footer div.vendor {
    text-align: center !important;
  }
  footer div.copyright {
    margin-top: 0px;
  }
}
/* Load: skins/diba/style_functions.scss */
/* Load: skins/diba/_variables.scss */
/*$text_color: #000;*/
/* Load: skins/diba/_variables_skin.scss */
/* Load: custom_data/preloaded_custom_data */
/* Load: skins/diba/styles.scss */
html, body {
  font-size: 18px;
}
body #body > .page-header h1, body #body > h1, .checkout #body > .container > .row-fluid:first-child .span9 h2 {
  color: #E82111 !important;
}
body #body > .page-header h1 small, body #body > h1 small, .checkout #body > .container > .row-fluid:first-child .span9 h2 small {
  color: #E82111 !important;
  opacity: 0.6;
}
#body-bottom-hr {
  display: none;
}
body:not(.home) #body {
  margin: 20px auto;
}
@media (max-width: 767px) {
  body:not(.home) #body {
    padding: 0 8px;
  }
}
@media (min-width: 980px) {
  body:not(.home) #body {
    margin: 40px auto;
  }
}
@media (min-width: 1700px) {
  body:not(.home) .container:not(.navbar-affix-container #responsive-food-menu .navbar-inner > .container, header .navbar-inner .container) {
    width: 1300px;
  }
}
a:not([class]) {
  color: #E82111;
  transition: 0.2s;
  text-decoration: underline;
}
a:not([class]):hover, a:not([class]):focus {
  /*filter: opacity(0.8);*/
  color: #ef3324;
  transition: 0.2s;
}
.well a:not([class], .dropdown-menu a) {
  color: #E82111;
}
@media (min-width: 768px) {
  body:not(.home) .input-append button {
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  form .input-append {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
  }
}
body:not(.home) .website-image img {
  border-radius: 0px;
}
.muted:not(.well-basket .muted, .modal .muted) {
  color: #000 !important;
  opacity: 0.7 !important;
}
.well .muted {
  color: #000 !important;
}
.hidden_v2 {
  transform: translateY(-100%);
  transition: 0.5s;
}
.gradient_skin {
  display: flex;
  flex-direction: column;
  justify-content: start;
  text-align: center;
  height: 390px !important;
  background: linear-gradient(321deg, #E82111 0%, #FFDA00 100%) !important;
  padding-top: 20px;
}
@media (min-width: 768px) and (max-width: 1699px) {
  .gradient_skin {
    height: 300px !important;
  }
}
@media (min-width: 1700px) {
  .gradient_skin {
    height: 400px !important;
    padding-top: 60px;
  }
}
.gradient_skin > * {
  color: #fff;
}
.gradient_skin > * small {
  color: #000;
}
@media (min-width: 480px) {
  .gradient_skin > * {
    padding: 0 20px;
  }
}
@media (min-width: 1700px) {
  .gradient_skin + .zp_hero_address > p {
    bottom: 30px !important;
  }
}
@media (min-width: 1700px) {
  .gradient_skin + .zp_hero_address > .mod_postcode_base {
    bottom: 50px !important;
  }
}
.ui-dialog .muted {
  color: #000 !important;
}
.header_top {
  transform: translateY(0px);
  transition: 0.2s;
}
.inverse_text_color {
  color: #fff;
}
.no_box_shadow {
  box-shadow: none !important;
}
.flex_center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.list_no_class {
  list-style: none;
  margin-left: 0;
}
.text_faded {
  color: #bcbcbc;
}
.no_text_shadow {
  text-shadow: none;
}
.disable {
  pointer-events: none;
}
.no_mb {
  margin-bottom: 0 !important;
}
.font_bold {
  font-weight: bold !important;
}
.font_900 {
  font-weight: 900 !important;
}
.no_text_decoration {
  text-decoration: none !important;
}
.hide {
  display: none;
}
.no_scroll {
  overflow-y: hidden;
}
.visible_phone {
  display: none;
}
@media (min-width: 480px) {
  .visible_phone {
    display: block;
  }
}
.visible_tablet {
  display: none;
}
@media (min-width: 768px) {
  .visible_tablet {
    display: block;
  }
}
.visible_laptop {
  display: none;
}
@media (min-width: 980px) {
  .visible_laptop {
    display: block;
  }
}
.visible_desktop {
  display: none;
}
@media (min-width: 1200px) {
  .visible_desktop {
    display: block;
  }
}
.visible_desktop_xl {
  display: none;
}
@media (min-width: 1700px) {
  .visible_desktop_xl {
    display: block;
  }
}
@media (max-width: 767px) {
  .hidden_phone {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden_tablet {
    display: none !important;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  .hidden_laptop {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  .hidden_desktop {
    display: none !important;
  }
}
@media (min-width: 1700px) {
  .hidden_desktop_xl {
    display: none !important;
  }
}
.cursor {
  display: inline-block;
  width: 10px;
  background-color: transparent;
  animation: blink-animation 1s steps(1) infinite;
}
.lowercase {
  text-transform: lowercase;
}
.inverse_only_stroke path {
  stroke: #fff;
  fill: none !important;
}
.only_stroke path {
  stroke: #000;
  fill: none !important;
}
.only_fill path {
  stroke: none !important;
  fill: #000 !important;
}
.only_fill.logged_in path {
  stroke: none !important;
  fill: #16ab15 !important;
}
.inverse_only_fill path {
  stroke: none !important;
  fill: #fff !important;
}
@keyframes blink-animation {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.blink {
  opacity: 1;
}
ul.dropdown-menu {
  background: #E82111;
  transition: 0.2s;
  border-radius: 0px;
  padding: 0;
}
ul.dropdown-menu > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #fff;
  transition: 0.2s;
  text-decoration: none;
}
ul.dropdown-menu > li > a:hover, ul.dropdown-menu > li > a:focus {
  background: #b81a0e;
  color: #fff;
}
.m_zero {
  margin: 0 !important;
}
.mb_sm {
  margin-bottom: 10px !important;
}
.mb_md {
  margin-bottom: 20px !important;
}
.mb_lg {
  margin-bottom: 30px !important;
}
.mb_xl {
  margin-bottom: 40px !important;
}
.mb_zero {
  margin-bottom: 0 !important;
}
.mt_sm {
  margin-top: 10px !important;
}
.mt_md {
  margin-top: 20px !important;
}
.mt_lg {
  margin-top: 30px !important;
}
.mt_xl {
  margin-top: 40px !important;
}
.mr_xs {
  margin-right: 5px !important;
}
.mr_sm {
  margin-right: 10px !important;
}
.mr_md {
  margin-right: 20px !important;
}
.mr_lg {
  margin-right: 30px !important;
}
.mr_xl {
  margin-right: 40px !important;
}
.ml_xs {
  margin-left: 5px !important;
}
.ml_sm {
  margin-left: 10px !important;
}
.ml_md {
  margin-left: 20px !important;
}
.ml_lg {
  margin-left: 30px !important;
}
.ml_xl {
  margin-left: 40px !important;
}
body {
  background: #fff;
  color: #000;
  padding: 0;
  background-repeat: repeat;
}
@media (min-width: 2000px) {
  body {
    background-repeat: repeat;
    background-size: auto;
    background-position: top;
  }
}
.tooltip.in {
  opacity: 1 !important;
}
.tooltip .tooltip-inner {
  line-height: normal;
  max-width: fit-content;
  background: #E82111;
  color: #fff;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #E82111;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #E82111;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #E82111;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #E82111;
}
.social_media_links_base a, .footer_control a, .social_hero_section a {
  padding: 0;
  background: none !important;
}
.social_media_links_base svg, .footer_control svg, .social_hero_section svg {
  max-width: 30px;
  transition: 0.2s;
}
.social_media_links_base svg path:not(.btn-instagram path), .footer_control svg path:not(.btn-instagram path), .social_hero_section svg path:not(.btn-instagram path) {
  fill: #000;
}
.social_media_links_base svg circle, .footer_control svg circle, .social_hero_section svg circle {
  fill: #fff;
}
.social_media_links_base svg #instagram-svgrepo-com_6_, .footer_control svg #instagram-svgrepo-com_6_, .social_hero_section svg #instagram-svgrepo-com_6_ {
  fill: #fff;
}
.social_media_links_base svg:hover, .social_media_links_base svg:focus, .footer_control svg:hover, .footer_control svg:focus, .social_hero_section svg:hover, .social_hero_section svg:focus {
  transition: 0.2s;
  transform: translateY(-2px);
}
.footer_control a:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .social_hero_section > *:not(:last-child) {
    margin-right: 10px;
  }
}
@media (min-width: 768px) {
  .social_hero_section > * {
    margin-bottom: 20px;
  }
}
.social_media_links {
  display: none;
}
@keyframes lightUpPrimary {
  0%, 10% {
    -webkit-text-stroke: 2px #9e9e9f;
    color: transparent;
    text-shadow: 0 0 0 transparent;
    opacity: 0;
  }
  10%, 40% {
    -webkit-text-stroke: 2px #E82111;
    color: transparent;
    text-shadow: 0 0 10px #E82111;
    opacity: 1;
  }
  40%, 60% {
    -webkit-text-stroke: 2px #9e9e9f;
    color: transparent;
    text-shadow: 0 0 0 transparent;
    opacity: 1;
  }
  60%, 90% {
    -webkit-text-stroke: 2px #E82111;
    color: transparent;
    text-shadow: 0 0 10px #E82111;
    opacity: 1;
  }
  90%, 100% {
    -webkit-text-stroke: 2px #9e9e9f;
    color: transparent;
    text-shadow: 0 0 0 transparent;
    opacity: 0;
  }
}
@keyframes lightUpSecondary {
  0%, 10% {
    -webkit-text-stroke: 2px #9e9e9f;
    color: transparent;
    text-shadow: 0 0 0 transparent;
    opacity: 0;
  }
  10%, 40% {
    -webkit-text-stroke: 2px #FFDA00;
    color: transparent;
    text-shadow: 0 0 10px #FFDA00;
    opacity: 1;
  }
  40%, 60% {
    -webkit-text-stroke: 2px #9e9e9f;
    color: transparent;
    text-shadow: 0 0 0 transparent;
    opacity: 1;
  }
  60%, 90% {
    -webkit-text-stroke: 2px #FFDA00;
    color: transparent;
    text-shadow: 0 0 10px #FFDA00;
    opacity: 1;
  }
  90%, 100% {
    -webkit-text-stroke: 2px #9e9e9f;
    color: transparent;
    text-shadow: 0 0 0 transparent;
    opacity: 0;
  }
}
@keyframes breathing {
  0% {
    transform: scale(1);
    /* Initial size */
  }
  50% {
    transform: scale(1.05);
    /* Slightly larger, "inhale" */
  }
  100% {
    transform: scale(1);
    /* Back to original, "exhale" */
  }
}
.litPrimary {
  transition: 0.2s;
}
.litSecondary {
  transition: 0.2s;
}
.home .btn-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 480px) {
  .home .btn-group {
    flex-direction: row;
  }
}
@media (max-width: 479px) {
  .home .btn-group .btn:first-child {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 480px) {
  .home .btn-group .btn:first-child {
    margin-right: 20px !important;
  }
}
select, 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, .members .btn-group .btn.dropdown-toggle {
  background: #fff;
  color: #000;
  box-shadow: none;
  text-shadow: none;
  font-weight: normal !important;
  text-transform: none;
  padding: 6px 12px 6px;
  /*border: none !important;*/
  border: 1px solid #e1e1e1;
  border-radius: 15px !important;
  height: fit-content;
  opacity: 1;
  font-size: 0.9rem;
}
@media (max-width: 767px) {
  select, 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, .members .btn-group .btn.dropdown-toggle {
    width: -moz-available !important;
    width: -webkit-fill-available !important;
  }
}
select::placeholder, 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, .uneditable-input::placeholder, .members .btn-group .btn.dropdown-toggle::placeholder {
  opacity: 0.3;
  color: #000;
}
select .caret, textarea .caret, input[type="text"] .caret, input[type="password"] .caret, input[type="datetime"] .caret, input[type="datetime-local"] .caret, input[type="date"] .caret, input[type="month"] .caret, input[type="time"] .caret, input[type="week"] .caret, input[type="number"] .caret, input[type="email"] .caret, input[type="url"] .caret, input[type="search"] .caret, input[type="tel"] .caret, input[type="color"] .caret, .uneditable-input .caret, .members .btn-group .btn.dropdown-toggle .caret {
  border-top-color: #000;
  margin-top: 8px;
}
select:hover, select:focus, textarea:hover, textarea:focus, input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="datetime"]:hover, input[type="datetime"]:focus, input[type="datetime-local"]:hover, input[type="datetime-local"]:focus, input[type="date"]:hover, input[type="date"]:focus, input[type="month"]:hover, input[type="month"]:focus, input[type="time"]:hover, input[type="time"]:focus, input[type="week"]:hover, input[type="week"]:focus, input[type="number"]:hover, input[type="number"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="url"]:hover, input[type="url"]:focus, input[type="search"]:hover, input[type="search"]:focus, input[type="tel"]:hover, input[type="tel"]:focus, input[type="color"]:hover, input[type="color"]:focus, .uneditable-input:hover, .uneditable-input:focus, .members .btn-group .btn.dropdown-toggle:hover, .members .btn-group .btn.dropdown-toggle:focus {
  box-shadow: none;
}
.modal select, .modal textarea, .modal input[type="text"], .modal input[type="password"], .modal input[type="datetime"], .modal input[type="datetime-local"], .modal input[type="date"], .modal input[type="month"], .modal input[type="time"], .modal input[type="week"], .modal input[type="number"], .modal input[type="email"], .modal input[type="url"], .modal input[type="search"], .modal input[type="tel"], .modal input[type="color"] {
  background: #ececec;
}
select {
  height: 35px;
  padding: 0px 12px 0;
}
body, .label, .font_body {
  font-family: "Lexend", sans-serif;
}
h1, h2, h3, h4, h5, h1 *, h2 *, h3 *, h4 *, h5 *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, body #editProductModal.modal .modal-body .form-horizontal .control-label strong, .font_title, .members .sidebar-nav .nav-list .nav-header, .well span.lead:not(.sys-alert span.lead) {
  font-family: "Bowlby One", sans-serif;
  font-weight: bold;
}
.btn, .btn span, .btn *:not(i), .font_btn {
  font-family: "Lexend", sans-serif !important;
}
header .navbar .navbar-inner > .container .nav_control, header .navbar .navbar-inner > .container .nav-collapse .main-menu > li > a, header .navbar .navbar-inner > .container .nav-collapse .main-menu > li .dropdown-menu a {
  font-family: "Lexend", sans-serif !important;
}
input, select, textarea, #menu-search-box {
  font-family: "Lexend", sans-serif;
}
h1, h2, h3, h4, h5, h1 *, h2 *, h3 *, h4 *, h5 *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, body #editProductModal.modal .modal-body .form-horizontal .control-label strong, .font_title, .members .sidebar-nav .nav-list .nav-header, .well span.lead:not(.sys-alert span.lead), .dropdown-menu * {
  text-transform: normal;
}
.label, .badge {
  text-shadow: none;
  border-radius: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: normal;
}
.btn {
  box-shadow: none;
  text-shadow: none;
  padding: 5px 12px 5px;
  font-weight: normal;
  text-transform: none;
}
.btn.order-empty, .btn.order-checkout {
  font-size: 1.2rem;
  padding: 10px;
}
.btn-medium {
  padding: 12px 18px 12px;
  border-radius: 5px !important;
}
.btn-tiny {
  padding: 1px 3px 1px !important;
}
.btn-large {
  font-size: 1.2em;
}
.btn-small {
  padding: 0px 6px 0px;
}
label.btn {
  padding: 5px 16px 5px !important;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 10px;
}
.btn_no_radius {
  border-radius: 0 !important;
}
.btn {
  transition: 0.2s;
}
.btn:focus, .btn:hover {
  filter: brightness(80%);
  transition: 0.2s;
}
.btn.btn-success, .btn#-success {
  color: #fff;
  border: 2px solid;
  border-color: #16ab15;
  background: #16ab15 !important;
}
.btn.btn-success .caret, .btn#-success .caret {
  border-top-color: #fff;
}
.btn.btn-danger, .btn#-danger {
  color: #fff;
  border: 2px solid;
  border-color: #e11616;
  background: #e11616 !important;
}
.btn.btn-danger .caret, .btn#-danger .caret {
  border-top-color: #fff;
}
.btn.btn-info, .btn#-info {
  color: #fff;
  border: 2px solid;
  border-color: #1da9da;
  background: #1da9da !important;
}
.btn.btn-info .caret, .btn#-info .caret {
  border-top-color: #fff;
}
.btn.btn-warning, .btn#-warning {
  color: #fff;
  border: 2px solid;
  border-color: #ff7105;
  background: #ff7105 !important;
}
.btn.btn-warning .caret, .btn#-warning .caret {
  border-top-color: #fff;
}
.btn.btn-primary, .btn#-primary {
  color: #fff;
  border: 2px solid;
  border-color: #1573ab;
  background: #1573ab !important;
}
.btn.btn-primary .caret, .btn#-primary .caret {
  border-top-color: #fff;
}
.btn.btn-inverse, .btn#-inverse {
  color: #fff;
  border: 2px solid;
  border-color: #000;
  background: #000 !important;
}
.btn.btn-inverse .caret, .btn#-inverse .caret {
  border-top-color: #fff;
}
.btn.btn-white, .btn#-white {
  color: #fff;
  border: 2px solid;
  border-color: none;
  background: none !important;
}
.btn.btn-white .caret, .btn#-white .caret {
  border-top-color: #fff;
}
.btn.btn_primary_skin, .btn#_primary_skin {
  color: #fff;
  border: 2px solid;
  border-color: #E82111;
  background: #E82111 !important;
}
.btn.btn_primary_skin .caret, .btn#_primary_skin .caret {
  border-top-color: #fff;
}
.btn.btn_primary_skin_inverse, .btn#_primary_skin_inverse {
  color: #fff;
  border: 2px solid;
  border-color: #E82111;
  background: #E82111 !important;
  background: none !important;
}
.btn.btn_primary_skin_inverse .caret, .btn#_primary_skin_inverse .caret {
  border-top-color: #fff;
}
.btn.btn_secondary_skin, .btn#_secondary_skin {
  color: #000;
  border: 2px solid;
  border-color: #FFDA00;
  background: #FFDA00 !important;
}
.btn.btn_secondary_skin .caret, .btn#_secondary_skin .caret {
  border-top-color: #000;
}
.btn.btn_secondary_skin_inverse, .btn#_secondary_skin_inverse {
  color: #000;
  border: 2px solid;
  border-color: #E82111;
  background: #E82111 !important;
  background: none !important;
}
.btn.btn_secondary_skin_inverse .caret, .btn#_secondary_skin_inverse .caret {
  border-top-color: #000;
}
.btn.btn_tertiary_skin, .btn#_tertiary_skin {
  color: #000000;
  border: 2px solid;
  border-color: #9e9e9f;
  background: #9e9e9f !important;
  background: none !important;
}
.btn.btn_tertiary_skin .caret, .btn#_tertiary_skin .caret {
  border-top-color: #000000;
}
.btn.btnctl-resetPassBtnCancel, .btn#ctl-resetPassBtnCancel {
  color: #fff;
  border: 2px solid;
  border-color: #e11616;
  background: #e11616 !important;
}
.btn.btnctl-resetPassBtnCancel .caret, .btn#ctl-resetPassBtnCancel .caret {
  border-top-color: #fff;
}
.status-OPEN {
  color: #16ab15 !important;
}
.status-OPEN svg path {
  fill: #16ab15 !important;
}
.status-CLOSED {
  color: #e11616 !important;
}
.status-CLOSED svg path {
  fill: #e11616 !important;
}
.text-success {
  color: #10bb1f !important;
}
.text-danger {
  color: #ff3535 !important;
}
.text-error {
  color: #ff3535 !important;
}
.text-info {
  color: #12a9f9 !important;
}
.text-warning {
  color: #f48a3a !important;
}
.text-primary {
  color: #005ed9 !important;
}
.text-inverse {
  color: #000 !important;
}
.text_primary_skin {
  color: #E82111 !important;
}
.text_secondary_skin {
  color: #FFDA00 !important;
}
.text_tertiary_skin {
  color: #9e9e9f !important;
}
.text_color_skin {
  color: #000 !important;
}
.text_inverse_skin {
  color: #fff !important;
}
.alert-success, .badge-success, .label-success, .well.well-small.sys-success.sys-message {
  background: #6cf08d;
  color: #09541c;
}
.alert-success .close, .badge-success .close, .label-success .close, .well.well-small.sys-success.sys-message .close {
  color: #09541c;
}
.alert-danger, .badge-danger, .label-danger, .well.well-small.sys-danger.sys-message {
  background: #ff4141;
  color: #410000;
}
.alert-danger .close, .badge-danger .close, .label-danger .close, .well.well-small.sys-danger.sys-message .close {
  color: #410000;
}
.alert-error, .badge-error, .label-error, .well.well-small.sys-error.sys-message {
  background: #ff4141;
  color: #410000;
}
.alert-error .close, .badge-error .close, .label-error .close, .well.well-small.sys-error.sys-message .close {
  color: #410000;
}
.alert-info, .badge-info, .label-info, .well.well-small.sys-info.sys-message {
  background: #97C8EB;
  color: #15496e;
}
.alert-info .close, .badge-info .close, .label-info .close, .well.well-small.sys-info.sys-message .close {
  color: #15496e;
}
.alert-warning, .badge-warning, .label-warning, .well.well-small.sys-warning.sys-message {
  background: #EC9F05;
  color: black;
}
.alert-warning .close, .badge-warning .close, .label-warning .close, .well.well-small.sys-warning.sys-message .close {
  color: black;
}
.alert-primary, .badge-primary, .label-primary, .well.well-small.sys-primary.sys-message {
  background: #000;
  color: black;
}
.alert-primary .close, .badge-primary .close, .label-primary .close, .well.well-small.sys-primary.sys-message .close {
  color: black;
}
.alert-alert, .badge-alert, .label-alert, .well.well-small.sys-alert.sys-message {
  background: #E82111;
  color: black;
}
.alert-alert .close, .badge-alert .close, .label-alert .close, .well.well-small.sys-alert.sys-message .close {
  color: black;
}
.alert_primary_skin, .badge_primary_skin, .label_primary_skin, .well.well-small.sys_primary_skin.sys-message {
  background: #E82111;
  color: black;
}
.alert_primary_skin .close, .badge_primary_skin .close, .label_primary_skin .close, .well.well-small.sys_primary_skin.sys-message .close {
  color: black;
}
.alert_secondary_skin, .badge_secondary_skin, .label_secondary_skin, .well.well-small.sys_secondary_skin.sys-message {
  background: #FFDA00;
  color: black;
}
.alert_secondary_skin .close, .badge_secondary_skin .close, .label_secondary_skin .close, .well.well-small.sys_secondary_skin.sys-message .close {
  color: black;
}
.alert_tertiary_skin, .badge_tertiary_skin, .label_tertiary_skin, .well.well-small.sys_tertiary_skin.sys-message {
  background: #9e9e9f;
  color: #1f1f1f;
}
.alert_tertiary_skin .close, .badge_tertiary_skin .close, .label_tertiary_skin .close, .well.well-small.sys_tertiary_skin.sys-message .close {
  color: #1f1f1f;
}
.fill-success {
  fill: #6cf08d;
}
.fill-danger {
  fill: #ff4141;
}
.fill-error {
  fill: #ff4141;
}
.fill-info {
  fill: #97C8EB;
}
.fill-warning {
  fill: #EC9F05;
}
.fill-primary {
  fill: #000;
}
.fill-alert {
  fill: #fff;
}
.fill_primary_skin {
  fill: #E82111;
}
.fill_secondary_skin {
  fill: #FFDA00;
}
.fill_tertiary_skin {
  fill: #9e9e9f;
}
.fill_text_primary_skin {
  fill: #000;
}
.fill_text_secondary_skin {
  fill: #fff;
}
.alert {
  text-shadow: none;
  border: none;
  font-weight: normal;
}
.sys-alert:not(.modal) {
  border: none !important;
  border-radius: 0 !important;
  text-align: center;
  padding: 10px 30px 14px !important;
  margin: 0 !important;
  box-shadow: none !important;
}
.sys-alert:not(.modal) .close {
  opacity: 0.8;
  text-shadow: none;
}
.ct_details_bar {
  background: #000;
  padding: 10px 0px 10px;
  transition: 0.5s;
  z-index: 15 !important;
  position: relative;
}
@media (min-width: 1200px) {
  .ct_details_bar {
    padding: 15px 0;
  }
}
.ct_details_bar > .container::before, .ct_details_bar > .container::after {
  content: none;
}
@media (max-width: 767px) {
  .ct_details_bar > .container {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .ct_details_bar > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.ct_details_bar > .container small {
  color: #fff;
}
.ct_details_bar > .container small a {
  color: #E82111 !important;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .ct_details_bar > .container .ct_local_branch_details {
    padding-top: 5px;
  }
}
.popover {
  border-color: #E82111;
  background-color: #E82111;
  border-radius: 0px;
}
.popover.bottom .arrow:after {
  border-bottom-color: #E82111;
}
.popover.top .arrow:after {
  border-top-color: #E82111;
}
.popover.right .arrow:after {
  border-right-color: #E82111;
}
.popover .popover-title {
  background: #E82111;
  color: #fff;
  border-radius: 0px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin: 0 !important;
  border: none;
}
.popover .popover-content {
  background: #fff;
  color: #000;
  border-radius: 0 0 0px 0px;
  border-color: #fff;
}
.well {
  background: #fff;
  color: #000;
  border-radius: 0px;
  padding: 20px;
  box-shadow: 0 0 4px #ccc;
  border: none !important;
}
.well legend, .well .page-header {
  color: #000;
  border-bottom: 2px solid #000;
  font-weight: bold !important;
}
.well legend small, .well .page-header small {
  color: #000;
  opacity: 0.6;
}
.well .rating-row .lead {
  color: #000;
}
.well hr {
  border-color: #000;
}
.well_primary_skin {
  background: #E82111 !important;
}
.well_secondary_skin {
  background: #FFDA00 !important;
}
.ui-widget-overlay.ui-front, .modal-backdrop {
  background: #000000;
  opacity: 0.95;
}
#editProductModal.modal, .modal {
  border-radius: 0;
  background: none;
  box-shadow: none;
  border: none;
}
#editProductModal.modal .modal-header, .modal .modal-header {
  border-radius: 0px;
  background: #E82111;
  border: none;
  padding: 12px 15px 10px;
}
#editProductModal.modal .modal-header *, #editProductModal.modal .modal-header h3, #editProductModal.modal .modal-header h4, #editProductModal.modal .modal-header h5, #editProductModal.modal .modal-header button, .modal .modal-header *, .modal .modal-header h3, .modal .modal-header h4, .modal .modal-header h5, .modal .modal-header button {
  color: #fff;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#editProductModal.modal .modal-header .close, .modal .modal-header .close {
  margin-top: 4px !important;
  padding: 0;
  opacity: 1;
  text-shadow: none;
}
@media (max-width: 479px) {
  #editProductModal.modal .modal-header .close, .modal .modal-header .close {
    margin-top: 1px !important;
  }
}
#editProductModal.modal .modal-body, #editProductModal.modal .official-document, .modal .modal-body, .modal .official-document {
  background: #fff;
  color: #000;
}
#editProductModal.modal .modal-body .type-choose-one .dropdown-toggle, #editProductModal.modal .official-document .type-choose-one .dropdown-toggle, .modal .modal-body .type-choose-one .dropdown-toggle, .modal .official-document .type-choose-one .dropdown-toggle {
  border-radius: 0 !important;
}
#editProductModal.modal .modal-body .type-choose-one .btn.dropdown-toggle, #editProductModal.modal .official-document .type-choose-one .btn.dropdown-toggle, .modal .modal-body .type-choose-one .btn.dropdown-toggle, .modal .official-document .type-choose-one .btn.dropdown-toggle {
  padding: 6px 14px 6px;
}
#editProductModal.modal .modal-body .type-choose-one .btn.dropdown-toggle .caret, #editProductModal.modal .official-document .type-choose-one .btn.dropdown-toggle .caret, .modal .modal-body .type-choose-one .btn.dropdown-toggle .caret, .modal .official-document .type-choose-one .btn.dropdown-toggle .caret {
  margin-top: 8px;
}
#editProductModal.modal .modal-body .well, #editProductModal.modal .official-document .well, .modal .modal-body .well, .modal .official-document .well {
  border-radius: 0;
  color: #000;
  background: #f5f5f5;
  box-shadow: none;
  border: none;
}
#editProductModal.modal .modal-body .well .clearfix .option-label, #editProductModal.modal .official-document .well .clearfix .option-label, .modal .modal-body .well .clearfix .option-label, .modal .official-document .well .clearfix .option-label {
  font-size: 14px;
  line-height: 28px;
}
#editProductModal.modal .modal-body .well .btn.btn-option, #editProductModal.modal .official-document .well .btn.btn-option, .modal .modal-body .well .btn.btn-option, .modal .official-document .well .btn.btn-option {
  border-radius: 0 !important;
  padding: 1px 8px 1px !important;
  font-size: 16px !important;
  box-shadow: none;
  border: none;
  height: 22px !important;
  line-height: 22px !important;
}
#editProductModal.modal .modal-body .well .btn.btn-option:not(.btn-success, .btn-danger, .btn-info), #editProductModal.modal .official-document .well .btn.btn-option:not(.btn-success, .btn-danger, .btn-info), .modal .modal-body .well .btn.btn-option:not(.btn-success, .btn-danger, .btn-info), .modal .official-document .well .btn.btn-option:not(.btn-success, .btn-danger, .btn-info) {
  color: #ffffff;
  background: #979797;
}
#editProductModal.modal .modal-body .well .btn.btn-option:not(.btn-success, .btn-danger, .btn-info) .caret, #editProductModal.modal .official-document .well .btn.btn-option:not(.btn-success, .btn-danger, .btn-info) .caret, .modal .modal-body .well .btn.btn-option:not(.btn-success, .btn-danger, .btn-info) .caret, .modal .official-document .well .btn.btn-option:not(.btn-success, .btn-danger, .btn-info) .caret {
  border-top-color: #fff;
}
#editProductModal.modal .modal-body .well .btn.btn-option .caret, #editProductModal.modal .official-document .well .btn.btn-option .caret, .modal .modal-body .well .btn.btn-option .caret, .modal .official-document .well .btn.btn-option .caret {
  margin-top: 9px;
}
#editProductModal.modal .modal-body .well .label, #editProductModal.modal .official-document .well .label, .modal .modal-body .well .label, .modal .official-document .well .label {
  margin-left: 0;
  font-size: 15px;
  border-radius: 0;
  text-shadow: none;
  padding: 5px 5px;
  background: #000;
  color: #fff;
  font-weight: normal;
}
#editProductModal.modal .modal-body hr, #editProductModal.modal .official-document hr, .modal .modal-body hr, .modal .official-document hr {
  border-color: #000;
}
#editProductModal.modal .modal-body small, #editProductModal.modal .official-document small, .modal .modal-body small, .modal .official-document small {
  font-size: 14px;
}
#editProductModal.modal .modal-body .row-fluid [class*="span"], #editProductModal.modal .official-document .row-fluid [class*="span"], .modal .modal-body .row-fluid [class*="span"], .modal .official-document .row-fluid [class*="span"] {
  min-height: 30px;
}
#editProductModal.modal .modal-body .form-horizontal .control-label, #editProductModal.modal .official-document .form-horizontal .control-label, .modal .modal-body .form-horizontal .control-label, .modal .official-document .form-horizontal .control-label {
  padding-top: 7.5px;
}
#editProductModal.modal .modal-body .btn.btn-block, #editProductModal.modal .official-document .btn.btn-block, .modal .modal-body .btn.btn-block, .modal .official-document .btn.btn-block {
  background: #FFDA00;
  color: #000;
}
#editProductModal.modal .modal-body .loyalty-description h2, #editProductModal.modal .official-document .loyalty-description h2, .modal .modal-body .loyalty-description h2, .modal .official-document .loyalty-description h2 {
  margin-top: 1rem;
}
#editProductModal.modal .modal-footer, .modal .modal-footer {
  background: #4e4f4f;
  border: none;
  box-shadow: none;
  border-radius: 0px;
  padding: 14px 15px 14px;
}
#editProductModal.modal .modal-footer > h3, #editProductModal.modal .modal-footer > h4, #editProductModal.modal .modal-footer > h5, .modal .modal-footer > h3, .modal .modal-footer > h4, .modal .modal-footer > h5 {
  color: #fff;
  padding-top: 8px !important;
}
@media (min-width: 980px) and (max-width: 1699px) {
  #editProductModal.modal .modal-footer > h3, #editProductModal.modal .modal-footer > h4, #editProductModal.modal .modal-footer > h5, .modal .modal-footer > h3, .modal .modal-footer > h4, .modal .modal-footer > h5 {
    padding-top: 4px !important;
  }
}
@media (min-width: 1700px) {
  #editProductModal.modal .modal-footer > h3, #editProductModal.modal .modal-footer > h4, #editProductModal.modal .modal-footer > h5, .modal .modal-footer > h3, .modal .modal-footer > h4, .modal .modal-footer > h5 {
    padding-top: 0px !important;
  }
}
#editProductModal.modal .modal-footer .muted, .modal .modal-footer .muted {
  color: #fff !important;
  opacity: 0.8 !important;
}
#editProductModal.modal .modal-footer .btn:not([class*=" "]), .modal .modal-footer .btn:not([class*=" "]) {
  color: #fff;
  background: #e11616;
  border: 2px solid #e11616;
}
@media (max-width: 767px) {
  #editProductModal.modal .dropdown-menu, .modal .dropdown-menu {
    min-width: auto;
  }
}
.modal .btn.hidden, .modal img[src$="undefined"], .modal img[src=""] {
  display: none;
}
@media (max-width: 767px) {
  #editSpecialDealModal .modal-footer, #editProductModal .modal-footer {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #productModalPrice small {
    display: flex;
    text-align: center;
    justify-content: center;
  }
  .modal-footer .btn:nth-child(2) {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .modal-footer .btn:nth-child(3) {
    margin-left: 0;
  }
  .modal small {
    font-size: 100%;
  }
}
table, table.table.table-striped {
  border-radius: 0 !important;
}
table:not(#basket), table.table.table-striped:not(#basket) {
  border: 1px solid;
  border-color: #000 !important;
}
table thead tr, table thead tr:hover, table thead tr:focus, table.table.table-striped thead tr, table.table.table-striped thead tr:hover, table.table.table-striped thead tr:focus {
  border-radius: 0;
}
table thead tr th, table thead tr:hover th, table thead tr:focus th, table.table.table-striped thead tr th, table.table.table-striped thead tr:hover th, table.table.table-striped thead tr:focus th {
  background: #E82111;
  background-color: #E82111 !important;
  color: #fff;
  border-color: #000 !important;
  border-radius: 0 !important;
}
table thead tr th:not(#basket thead tr th, #basket thead tr th:hover, #basket thead tr th:focus), table thead tr:hover th:not(#basket thead tr th, #basket thead tr th:hover, #basket thead tr th:focus), table thead tr:focus th:not(#basket thead tr th, #basket thead tr th:hover, #basket thead tr th:focus), table.table.table-striped thead tr th:not(#basket thead tr th, #basket thead tr th:hover, #basket thead tr th:focus), table.table.table-striped thead tr:hover th:not(#basket thead tr th, #basket thead tr th:hover, #basket thead tr th:focus), table.table.table-striped thead tr:focus th:not(#basket thead tr th, #basket thead tr th:hover, #basket thead tr th:focus) {
  background: #E82111;
  color: #fff;
  border-color: #000 !important;
}
table thead tr td, table thead tr:hover td, table thead tr:focus td, table.table.table-striped thead tr td, table.table.table-striped thead tr:hover td, table.table.table-striped thead tr:focus td {
  background: #E82111;
  background-color: #E82111 !important;
  color: #fff;
  border-color: #000 !important;
  border-radius: 0 !important;
}
table thead tr td:first-child, table thead tr th:first-child, table thead tr:hover td:first-child, table thead tr:hover th:first-child, table thead tr:focus td:first-child, table thead tr:focus th:first-child, table.table.table-striped thead tr td:first-child, table.table.table-striped thead tr th:first-child, table.table.table-striped thead tr:hover td:first-child, table.table.table-striped thead tr:hover th:first-child, table.table.table-striped thead tr:focus td:first-child, table.table.table-striped thead tr:focus th:first-child {
  border-left: none !important;
}
table.product-basket#basket:not(.checkout table.product-basket) thead tr, table.product-basket#basket:not(.checkout table.product-basket) thead tr:hover, table.product-basket#basket:not(.checkout table.product-basket) thead tr:focus, table.product-basket#basket:not(.checkout table.product-basket) tbody tr, table.product-basket#basket:not(.checkout table.product-basket) tbody tr:hover, table.product-basket#basket:not(.checkout table.product-basket) tbody tr:focus, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr:hover, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr:focus, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr:hover, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr:focus, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr:hover, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr:focus, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr:hover, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr:focus {
  border-radius: 0;
}
table.product-basket#basket:not(.checkout table.product-basket) thead tr th, table.product-basket#basket:not(.checkout table.product-basket) thead tr:hover th, table.product-basket#basket:not(.checkout table.product-basket) thead tr:focus th, table.product-basket#basket:not(.checkout table.product-basket) tbody tr th, table.product-basket#basket:not(.checkout table.product-basket) tbody tr:hover th, table.product-basket#basket:not(.checkout table.product-basket) tbody tr:focus th, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr th, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr:hover th, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr:focus th, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr th, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr:hover th, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr:focus th, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr th, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr:hover th, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr:focus th, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr th, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr:hover th, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr:focus th {
  background: #fff;
  background-color: #fff !important;
  color: #000;
  border-color: #000 !important;
  border-radius: 0 !important;
}
table.product-basket#basket:not(.checkout table.product-basket) thead tr th small, table.product-basket#basket:not(.checkout table.product-basket) thead tr:hover th small, table.product-basket#basket:not(.checkout table.product-basket) thead tr:focus th small, table.product-basket#basket:not(.checkout table.product-basket) tbody tr th small, table.product-basket#basket:not(.checkout table.product-basket) tbody tr:hover th small, table.product-basket#basket:not(.checkout table.product-basket) tbody tr:focus th small, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr th small, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr:hover th small, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr:focus th small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr th small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr:hover th small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr:focus th small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr th small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr:hover th small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr:focus th small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr th small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr:hover th small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr:focus th small {
  color: #000 !important;
}
table.product-basket#basket:not(.checkout table.product-basket) thead tr td, table.product-basket#basket:not(.checkout table.product-basket) thead tr:hover td, table.product-basket#basket:not(.checkout table.product-basket) thead tr:focus td, table.product-basket#basket:not(.checkout table.product-basket) tbody tr td, table.product-basket#basket:not(.checkout table.product-basket) tbody tr:hover td, table.product-basket#basket:not(.checkout table.product-basket) tbody tr:focus td, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr td, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr:hover td, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr:focus td, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr td, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr:hover td, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr:focus td, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr td, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr:hover td, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr:focus td, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr td, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr:hover td, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr:focus td {
  background: #fff;
  background-color: #fff !important;
  color: #000;
  border-color: #000 !important;
  border-radius: 0 !important;
}
table.product-basket#basket:not(.checkout table.product-basket) thead tr td small, table.product-basket#basket:not(.checkout table.product-basket) thead tr:hover td small, table.product-basket#basket:not(.checkout table.product-basket) thead tr:focus td small, table.product-basket#basket:not(.checkout table.product-basket) tbody tr td small, table.product-basket#basket:not(.checkout table.product-basket) tbody tr:hover td small, table.product-basket#basket:not(.checkout table.product-basket) tbody tr:focus td small, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr td small, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr:hover td small, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr:focus td small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr td small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr:hover td small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr:focus td small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr td small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr:hover td small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr:focus td small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr td small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr:hover td small, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr:focus td small {
  color: #000 !important;
}
table.product-basket#basket:not(.checkout table.product-basket) thead tr td:first-child, table.product-basket#basket:not(.checkout table.product-basket) thead tr th:first-child, table.product-basket#basket:not(.checkout table.product-basket) thead tr:hover td:first-child, table.product-basket#basket:not(.checkout table.product-basket) thead tr:hover th:first-child, table.product-basket#basket:not(.checkout table.product-basket) thead tr:focus td:first-child, table.product-basket#basket:not(.checkout table.product-basket) thead tr:focus th:first-child, table.product-basket#basket:not(.checkout table.product-basket) tbody tr td:first-child, table.product-basket#basket:not(.checkout table.product-basket) tbody tr th:first-child, table.product-basket#basket:not(.checkout table.product-basket) tbody tr:hover td:first-child, table.product-basket#basket:not(.checkout table.product-basket) tbody tr:hover th:first-child, table.product-basket#basket:not(.checkout table.product-basket) tbody tr:focus td:first-child, table.product-basket#basket:not(.checkout table.product-basket) tbody tr:focus th:first-child, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr td:first-child, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr th:first-child, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr:hover td:first-child, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr:hover th:first-child, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr:focus td:first-child, table.product-basket#basket:not(.checkout table.product-basket) tfoot tr:focus th:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr td:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr th:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr:hover td:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr:hover th:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr:focus td:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) thead tr:focus th:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr td:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr th:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr:hover td:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr:hover th:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr:focus td:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tbody tr:focus th:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr td:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr th:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr:hover td:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr:hover th:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr:focus td:first-child, table.table.table-striped.product-basket#basket:not(.checkout table.product-basket) tfoot tr:focus th:first-child {
  border-left: none !important;
}
table tbody tr, table tbody tr:hover, table tbody tr:focus, table.table.table-striped tbody tr, table.table.table-striped tbody tr:hover, table.table.table-striped tbody tr:focus {
  border-radius: 0;
}
table tbody tr th, table tbody tr:hover th, table tbody tr:focus th, table.table.table-striped tbody tr th, table.table.table-striped tbody tr:hover th, table.table.table-striped tbody tr:focus th {
  background: #E82111;
  background-color: #E82111 !important;
  color: #fff;
  border-color: #000 !important;
  border-radius: 0 !important;
}
table tbody tr td, table tbody tr:hover td, table tbody tr:focus td, table.table.table-striped tbody tr td, table.table.table-striped tbody tr:hover td, table.table.table-striped tbody tr:focus td {
  background: #fff;
  background-color: #fff !important;
  color: #000;
  border-color: #000 !important;
  border-radius: 0 !important;
}
table tbody tr td input, table tbody tr td select, table tbody tr:hover td input, table tbody tr:hover td select, table tbody tr:focus td input, table tbody tr:focus td select, table.table.table-striped tbody tr td input, table.table.table-striped tbody tr td select, table.table.table-striped tbody tr:hover td input, table.table.table-striped tbody tr:hover td select, table.table.table-striped tbody tr:focus td input, table.table.table-striped tbody tr:focus td select {
  background: #fff !important;
  color: #000 !important;
}
table tbody tr td input::placeholder, table tbody tr td select::placeholder, table tbody tr:hover td input::placeholder, table tbody tr:hover td select::placeholder, table tbody tr:focus td input::placeholder, table tbody tr:focus td select::placeholder, table.table.table-striped tbody tr td input::placeholder, table.table.table-striped tbody tr td select::placeholder, table.table.table-striped tbody tr:hover td input::placeholder, table.table.table-striped tbody tr:hover td select::placeholder, table.table.table-striped tbody tr:focus td input::placeholder, table.table.table-striped tbody tr:focus td select::placeholder {
  color: #000 !important;
}
table tbody tr td table thead tr th, table tbody tr:hover td table thead tr th, table tbody tr:focus td table thead tr th, table.table.table-striped tbody tr td table thead tr th, table.table.table-striped tbody tr:hover td table thead tr th, table.table.table-striped tbody tr:focus td table thead tr th {
  background: #E82111;
  background-color: #E82111 !important;
  color: #000;
  border-color: #000 !important;
}
table tbody tr td:first-child, table tbody tr th:first-child, table tbody tr:hover td:first-child, table tbody tr:hover th:first-child, table tbody tr:focus td:first-child, table tbody tr:focus th:first-child, table.table.table-striped tbody tr td:first-child, table.table.table-striped tbody tr th:first-child, table.table.table-striped tbody tr:hover td:first-child, table.table.table-striped tbody tr:hover th:first-child, table.table.table-striped tbody tr:focus td:first-child, table.table.table-striped tbody tr:focus th:first-child {
  border-left: none !important;
}
table tbody.tbody-day-group tr th, table tbody.tbody-day-group tr:hover th, table tbody.tbody-day-group tr:focus th, table.table.table-striped tbody.tbody-day-group tr th, table.table.table-striped tbody.tbody-day-group tr:hover th, table.table.table-striped tbody.tbody-day-group tr:focus th {
  background: #fff;
  background-color: #fff !important;
  color: #000;
  border-color: #000 !important;
  border-radius: 0 !important;
}
table tbody.tbody-day-group tr td, table tbody.tbody-day-group tr:hover td, table tbody.tbody-day-group tr:focus td, table.table.table-striped tbody.tbody-day-group tr td, table.table.table-striped tbody.tbody-day-group tr:hover td, table.table.table-striped tbody.tbody-day-group tr:focus td {
  background: #fff;
  background-color: #fff !important;
  color: #000;
  border-color: #000 !important;
  border-radius: 0 !important;
}
table tbody.tbody-day-group tr td:first-child, table tbody.tbody-day-group tr th:first-child, table tbody.tbody-day-group tr:hover td:first-child, table tbody.tbody-day-group tr:hover th:first-child, table tbody.tbody-day-group tr:focus td:first-child, table tbody.tbody-day-group tr:focus th:first-child, table.table.table-striped tbody.tbody-day-group tr td:first-child, table.table.table-striped tbody.tbody-day-group tr th:first-child, table.table.table-striped tbody.tbody-day-group tr:hover td:first-child, table.table.table-striped tbody.tbody-day-group tr:hover th:first-child, table.table.table-striped tbody.tbody-day-group tr:focus td:first-child, table.table.table-striped tbody.tbody-day-group tr:focus th:first-child {
  border-left: none !important;
}
table tbody.tbody-day-group tr.ui-state-highlight td, table tbody.tbody-day-group tr.ui-state-highlight th, table.table.table-striped tbody.tbody-day-group tr.ui-state-highlight td, table.table.table-striped tbody.tbody-day-group tr.ui-state-highlight th {
  background: #E82111 !important;
  color: #fff !important;
}
table tfoot tr td:first-child, table tfoot tr th:first-child, table.table.table-striped tfoot tr td:first-child, table.table.table-striped tfoot tr th:first-child {
  border-left: none !important;
}
table tfoot tr, table tfoot tr:hover, table tfoot tr:focus, table.table.table-striped tfoot tr, table.table.table-striped tfoot tr:hover, table.table.table-striped tfoot tr:focus {
  border-radius: 0;
}
table tfoot tr th, table tfoot tr:hover th, table tfoot tr:focus th, table.table.table-striped tfoot tr th, table.table.table-striped tfoot tr:hover th, table.table.table-striped tfoot tr:focus th {
  background: #fff;
  background-color: #fff !important;
  color: #000;
  border-color: #000 !important;
  border-radius: 0 !important;
}
table tfoot tr td, table tfoot tr:hover td, table tfoot tr:focus td, table.table.table-striped tfoot tr td, table.table.table-striped tfoot tr:hover td, table.table.table-striped tfoot tr:focus td {
  background: #fff;
  background-color: #fff !important;
  color: #000;
  border-color: #000 !important;
  border-radius: 0 !important;
}
#tbl_all_orders tbody > tr > th {
  background: #fff !important;
  color: #000 !important;
}
.well-basket table thead tr th, .well-basket table thead tr:hover th, .well-basket table thead tr:focus th, .well-basket table.table.table-striped thead tr th, .well-basket table.table.table-striped thead tr:hover th, .well-basket table.table.table-striped thead tr:focus th, .well-basket table tbody tr td, .well-basket table tbody tr:hover td, .well-basket table tbody tr:focus td, .well-basket table.table.table-striped tbody tr td, .well-basket table.table.table-striped tbody tr:hover td, .well-basket table.table.table-striped tbody tr:focus td, .well-basket table tfoot tr th, .well-basket table tfoot tr:hover th, .well-basket table tfoot tr:focus th, .well-basket table.table.table-striped tfoot tr th, .well-basket table.table.table-striped tfoot tr:hover th, .well-basket table.table.table-striped tfoot tr:focus th {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  border-color: #888 !important;
}
.well-basket table thead tr th small, .well-basket table thead tr:hover th small, .well-basket table thead tr:focus th small, .well-basket table.table.table-striped thead tr th small, .well-basket table.table.table-striped thead tr:hover th small, .well-basket table.table.table-striped thead tr:focus th small, .well-basket table tbody tr td small, .well-basket table tbody tr:hover td small, .well-basket table tbody tr:focus td small, .well-basket table.table.table-striped tbody tr td small, .well-basket table.table.table-striped tbody tr:hover td small, .well-basket table.table.table-striped tbody tr:focus td small, .well-basket table tfoot tr th small, .well-basket table tfoot tr:hover th small, .well-basket table tfoot tr:focus th small, .well-basket table.table.table-striped tfoot tr th small, .well-basket table.table.table-striped tfoot tr:hover th small, .well-basket table.table.table-striped tfoot tr:focus th small {
  color: #fff !important;
}
.table th, .table td, .table-condensed th, .table-condensed td {
  /*padding: 4px 6px 4px;*/
  padding: 6px 6px;
}
p:not(.alerts *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size), .p_size {
  line-height: 140%;
  margin-top: 0rem;
  margin-bottom: 1rem;
  font-weight: normal;
}
@media (max-width: 479px) {
  p:not(.alerts *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size), .p_size {
    font-size: 1rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  p:not(.alerts *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size), .p_size {
    font-size: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  p:not(.alerts *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size), .p_size {
    font-size: 1rem;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  p:not(.alerts *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size), .p_size {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  p:not(.alerts *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size), .p_size {
    font-size: 1rem;
  }
}
@media (min-width: 1700px) {
  p:not(.alerts *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size), .p_size {
    font-size: 1rem;
  }
}
p:not(.alerts *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size).p_large, .p_size.p_large {
  margin-bottom: 1.2rem;
  line-height: 140%;
}
@media (max-width: 479px) {
  p:not(.alerts *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size).p_large, .p_size.p_large {
    font-size: 1rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  p:not(.alerts *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size).p_large, .p_size.p_large {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  p:not(.alerts *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size).p_large, .p_size.p_large {
    font-size: 1.2rem;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  p:not(.alerts *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size).p_large, .p_size.p_large {
    font-size: 1.2rem;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  p:not(.alerts *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size).p_large, .p_size.p_large {
    font-size: 1.2rem;
  }
}
@media (min-width: 1700px) {
  p:not(.alerts *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size).p_large, .p_size.p_large {
    font-size: 1.6rem;
  }
}
h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size {
  line-height: 110% !important;
  margin-top: 0rem;
  margin-bottom: 1rem;
}
@media (max-width: 479px) {
  h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size {
    font-size: 3rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size {
    font-size: 3rem;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size {
    font-size: 3rem;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size {
    font-size: 4rem;
  }
}
@media (min-width: 1700px) {
  h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size {
    font-size: 5rem;
  }
}
h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h2_size {
  line-height: 110% !important;
  margin-top: 0rem;
  margin-bottom: 1rem;
}
@media (max-width: 479px) {
  h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h2_size {
    font-size: 2.5rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h2_size {
    font-size: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h2_size {
    font-size: 2.5rem;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h2_size {
    font-size: 2.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h2_size {
    font-size: 3.5rem;
  }
}
@media (min-width: 1700px) {
  h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h2_size {
    font-size: 4rem;
  }
}
h3:not(.h2_size, .h4_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h3_size {
  line-height: 110% !important;
  margin-top: 0rem;
  margin-bottom: 1rem;
}
@media (max-width: 479px) {
  h3:not(.h2_size, .h4_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h3_size {
    font-size: 1.7rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  h3:not(.h2_size, .h4_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h3_size {
    font-size: 1.7rem;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  h3:not(.h2_size, .h4_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h3_size {
    font-size: 1.7rem;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  h3:not(.h2_size, .h4_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h3_size {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  h3:not(.h2_size, .h4_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h3_size {
    font-size: 2rem;
  }
}
@media (min-width: 1700px) {
  h3:not(.h2_size, .h4_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h3_size {
    font-size: 2.8rem;
  }
}
h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size {
  line-height: 110% !important;
  margin-top: 0rem;
  margin-bottom: 1rem;
}
@media (max-width: 479px) {
  h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size {
    font-size: 1.4rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size {
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size {
    font-size: 1.4rem;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size {
    font-size: 1.7rem;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size {
    font-size: 1.7rem;
  }
}
@media (min-width: 1700px) {
  h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size {
    font-size: 2.5rem;
  }
}
h5:not(.h2_size, .h3_size, .h4_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h5_size {
  line-height: 110% !important;
  margin-top: 0rem;
  margin-bottom: 1rem;
}
@media (max-width: 479px) {
  h5:not(.h2_size, .h3_size, .h4_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h5_size {
    font-size: 1.2rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  h5:not(.h2_size, .h3_size, .h4_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h5_size {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  h5:not(.h2_size, .h3_size, .h4_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h5_size {
    font-size: 1.2rem;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  h5:not(.h2_size, .h3_size, .h4_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h5_size {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  h5:not(.h2_size, .h3_size, .h4_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h5_size {
    font-size: 1.5rem;
  }
}
@media (min-width: 1700px) {
  h5:not(.h2_size, .h3_size, .h4_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h5_size {
    font-size: 1.8rem;
  }
}
h6:not(.h2_size, .h3_size, .h4_size, .h5_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h6_size {
  line-height: 110% !important;
  margin-top: 0rem;
  margin-bottom: 1rem;
}
@media (max-width: 479px) {
  h6:not(.h2_size, .h3_size, .h4_size, .h5_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h6_size {
    font-size: 1.2rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  h6:not(.h2_size, .h3_size, .h4_size, .h5_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h6_size {
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  h6:not(.h2_size, .h3_size, .h4_size, .h5_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h6_size {
    font-size: 1.4rem;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  h6:not(.h2_size, .h3_size, .h4_size, .h5_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h6_size {
    font-size: 1.6rem;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  h6:not(.h2_size, .h3_size, .h4_size, .h5_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h6_size {
    font-size: 1.6rem;
  }
}
@media (min-width: 1700px) {
  h6:not(.h2_size, .h3_size, .h4_size, .h5_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h6_size {
    font-size: 1.6rem;
  }
}
@media (max-width: 479px) {
  .ct_details_bar > .container small {
    font-size: 1rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .ct_details_bar > .container small {
    font-size: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .ct_details_bar > .container small {
    font-size: 1rem;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  .ct_details_bar > .container small {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  .ct_details_bar > .container small {
    font-size: 1rem;
  }
}
@media (min-width: 1700px) {
  .ct_details_bar > .container small {
    font-size: 1rem;
  }
}
#mod_postcode_box_pc {
  /*.font-size: 1.2rem;*/
}
.ui-tabs-menu .ui-tabs-panel .ui-widget .ui-widget-header, .ui-tabs-menu .ui-widget-content .ui-widget .ui-widget-header, .ui-tabs-menu .ui-tabs-panel .row-product h5.media-heading .name {
  font-size: 1.5rem;
}
.popover .popover-title, .members .sidebar-nav .nav-list .nav-header {
  font-size: 1.1rem;
}
@media (max-width: 479px) {
  .menu .navbar-affix-container #responsive-food-menu .navbar-inner > div .brand {
    font-size: 1.5rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .menu .navbar-affix-container #responsive-food-menu .navbar-inner > div .brand {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .menu .navbar-affix-container #responsive-food-menu .navbar-inner > div .brand {
    font-size: 1.5rem;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  .menu .navbar-affix-container #responsive-food-menu .navbar-inner > div .brand {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  .menu .navbar-affix-container #responsive-food-menu .navbar-inner > div .brand {
    font-size: 1.5rem;
  }
}
@media (min-width: 1700px) {
  .menu .navbar-affix-container #responsive-food-menu .navbar-inner > div .brand {
    font-size: 1.5rem;
  }
}
footer {
  margin: 0;
  padding: 40px 0;
  background: none;
  /* Alternative Footer Styling */
  /* Alternative Footer Styling 2 */
  /* End Alternative Footer Styling */
}
@media (max-width: 479px) {
  footer {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 980px) {
  footer .menu_footer {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 979px) {
  footer .menu_footer > li:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (min-width: 980px) {
  footer .menu_footer > li:not(:last-child) {
    margin-right: 30px;
  }
}
footer .menu_footer > li > a {
  color: #000;
  text-decoration: unset !important;
  background: none !important;
  transition: 0.2s;
}
footer .menu_footer > li > a:hover, footer .menu_footer > li > a:focus {
  color: #E82111;
  transition: 0.2s;
}
footer .menu_footer > li > a:hover .caret, footer .menu_footer > li > a:focus .caret {
  transition: 0.2s;
  border-top-color: #E82111 !important;
}
footer .menu_footer > li > a .caret {
  transition: 0.2s;
  margin-top: 8px !important;
  border-top-color: #000 !important;
}
footer .contact_footer {
  margin: auto;
  max-width: 1050px;
}
footer .contact_footer > div {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
footer .alternative_footer_layout_2 {
  margin-bottom: 40px;
  border-bottom: 2px solid #9e9e9f;
  padding-bottom: 40px;
}
@media (max-width: 979px) {
  footer .alternative_footer_layout_2 {
    text-align: center;
  }
}
@media (min-width: 980px) {
  footer .alternative_footer_layout_2 {
    display: flex;
    justify-content: space-between;
  }
}
footer .alternative_footer_layout_2 #logo img {
  max-height: 100px;
}
footer .alternative_footer_layout_2 > .left {
  margin-bottom: 40px;
}
@media (min-width: 980px) {
  footer .alternative_footer_layout_2 > .left {
    margin-bottom: 0;
  }
}
footer .alternative_footer_layout_2 > .right {
  align-items: start !important;
}
@media (max-width: 979px) {
  footer .alternative_footer_layout_2 > .right {
    justify-content: center;
    text-align: center;
  }
}
@media (min-width: 980px) {
  footer .alternative_footer_layout_2 > .right {
    max-width: fit-content;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  footer .alternative_footer_layout_2 > .right > div:not(:last-child) {
    margin-right: 40px;
  }
}
@media (min-width: 1200px) {
  footer .alternative_footer_layout_2 > .right > div:not(:last-child) {
    margin-right: 60px;
  }
}
@media (min-width: 980px) {
  footer .alternative_footer_layout_2::before, footer .alternative_footer_layout_2::after {
    display: none;
  }
}
@media (min-width: 768px) {
  footer > .container > .row-fluid {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  footer > .container > .row-fluid > div {
    margin: 40px 0;
  }
}
footer > .container > .row-fluid > div:first-child {
  margin-top: 0;
}
footer > .container > .row-fluid > div:last-child {
  margin-bottom: 0;
}
footer > .container > .row-fluid #footer-link-information {
  color: #E82111;
}
footer .vendor-zpos path {
  fill: #000;
}
.ui-tabs-menu {
  border: none;
  border-radius: none;
  border-top: none;
  background: none;
  padding: 0;
}
@media (min-width: 1200px) {
  .ui-tabs-menu .ui-widget-content {
    padding-top: 4px !important;
    padding-right: 6px !important;
  }
}
.ui-tabs-menu .ui-tabs-panel, .ui-tabs-menu .ui-widget-content {
  color: #000;
}
@media (min-width: 768px) {
  .ui-tabs-menu .ui-tabs-panel, .ui-tabs-menu .ui-widget-content {
    padding-top: 0px !important;
  }
}
@media (max-width: 767px) {
  .ui-tabs-menu .ui-tabs-panel, .ui-tabs-menu .ui-widget-content {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.ui-tabs-menu .ui-tabs-panel .marginbottom15.image_top:not(.marginbottom15.image_top + .ui-state-highlight), .ui-tabs-menu .ui-widget-content .marginbottom15.image_top:not(.marginbottom15.image_top + .ui-state-highlight) {
  margin: 0;
}
.ui-tabs-menu .ui-tabs-panel .ui-widget .ui-widget-header, .ui-tabs-menu .ui-widget-content .ui-widget .ui-widget-header {
  /*color: darken($primary_color, 50%);
                background: $primary_color;*/
  color: #fff;
  background: #000;
  /*border-radius: $border_radius;*/
  border-radius: 0px;
  border: none;
  margin-top: 10px !important;
  margin-bottom: 10px;
  /*padding: 10px 20px;*/
  padding: 10px 20px 8px;
}
.ui-tabs-menu .ui-tabs-panel .row-product, .ui-tabs-menu .ui-widget-content .row-product {
  background: none;
  border-color: #000;
  padding: 20px 0;
}
.ui-tabs-menu .ui-tabs-panel .row-product.row-product:first-child, .ui-tabs-menu .ui-widget-content .row-product.row-product:first-child {
  padding-top: 0;
}
.ui-tabs-menu .ui-tabs-panel .row-product h5.media-heading, .ui-tabs-menu .ui-tabs-panel .row-product h5.media-heading-list2, .ui-tabs-menu .ui-widget-content .row-product h5.media-heading, .ui-tabs-menu .ui-widget-content .row-product h5.media-heading-list2 {
  line-height: unset !important;
  margin-bottom: 5px !important;
}
.ui-tabs-menu .ui-tabs-panel .row-product h5.media-heading .menunumber, .ui-tabs-menu .ui-tabs-panel .row-product h5.media-heading .name, .ui-tabs-menu .ui-tabs-panel .row-product h5.media-heading-list2 .menunumber, .ui-tabs-menu .ui-tabs-panel .row-product h5.media-heading-list2 .name, .ui-tabs-menu .ui-widget-content .row-product h5.media-heading .menunumber, .ui-tabs-menu .ui-widget-content .row-product h5.media-heading .name, .ui-tabs-menu .ui-widget-content .row-product h5.media-heading-list2 .menunumber, .ui-tabs-menu .ui-widget-content .row-product h5.media-heading-list2 .name {
  /*color: $primary_color;*/
  color: #000;
  font-weight: bold;
}
.ui-tabs-menu .ui-tabs-panel .row-product h5.media-heading-list2, .ui-tabs-menu .ui-widget-content .row-product h5.media-heading-list2 {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .ui-tabs-menu .ui-tabs-panel .row-product .row-variation, .ui-tabs-menu .ui-widget-content .row-product .row-variation {
    margin-top: 4px;
  }
}
.ui-tabs-menu .ui-tabs-panel .row-product .row-variation .name, .ui-tabs-menu .ui-widget-content .row-product .row-variation .name {
  padding-top: 3px;
}
.ui-tabs-menu .ui-tabs-panel .row-product .row-variation .price, .ui-tabs-menu .ui-widget-content .row-product .row-variation .price {
  padding-top: 3px;
  color: #000;
}
.ui-tabs-menu .ui-tabs-panel .row-product .row-variation .btn-small, .ui-tabs-menu .ui-widget-content .row-product .row-variation .btn-small {
  margin-top: 1px;
}
.ui-tabs-menu .ui-tabs-panel .ui-state-highlight, .ui-tabs-menu .ui-widget-content .ui-state-highlight {
  background: #000;
  color: #fff;
  border: none;
  font-size: 16px;
  line-height: 20px;
  border-radius: 0px;
  padding: 10px 20px 10px;
  font-weight: normal;
  text-shadow: none;
}
.ui-tabs-menu .ui-tabs-panel .ui-state-highlight a, .ui-tabs-menu .ui-widget-content .ui-state-highlight a {
  color: #fff;
  text-decoration: underline;
}
.ui-tabs-menu .ui-tabs-nav {
  background: none;
  border: none;
  padding: 0 !important;
}
.ui-tabs-menu .ui-tabs-nav .ui-state-default {
  border: none;
  background: none;
  border-radius: 0 0px 0px 0;
  margin: 0 !important;
  overflow-x: hidden;
  transition: 0.2s;
  border-left: 2px solid #E82111;
}
.ui-tabs-menu .ui-tabs-nav .ui-state-default.ui-state-hover {
  background: none;
  transition: 0.2s;
  border-radius: 0 0px 0px 0;
}
.ui-tabs-menu .ui-tabs-nav .ui-state-default.ui-state-hover .ui-tabs-anchor {
  color: #E82111;
  transition: 0.2s;
}
.ui-tabs-menu .ui-tabs-nav .ui-state-default.ui-state-active {
  background: #E82111;
  border-radius: 0 0px 0px 0;
}
.ui-tabs-menu .ui-tabs-nav .ui-state-default.ui-state-active .ui-tabs-anchor {
  color: #fff;
  background: #E82111;
}
.ui-tabs-menu .ui-tabs-nav .ui-state-default .ui-tabs-anchor {
  color: #000;
  padding-bottom: 10px !important;
  padding-top: 12px !important;
  font-size: 16px;
  line-height: 18px;
  border-radius: 0;
  background: none;
  margin-left: 2px;
  width: 100%;
  padding-left: 30px !important;
  transition: 0.2s;
}
#ui-datepicker-div [class*="ui-corner-"]:not(.ui-slider) {
  border: none;
}
#ui-datepicker-div .ui-slider {
  border: 2px solid #E82111;
}
#ui-datepicker-div .ui-slider-handle {
  background: #000 !important;
}
.ui-dialog {
  border: 2px solid #000;
  background: #fff;
  color: #000;
  border-radius: 0;
  z-index: 10000000000 !important;
}
.ui-dialog .ui-dialog-titlebar {
  background: #E82111;
  border: none;
  border-radius: 0;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #fff;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  margin: -11px 0 0 0;
  color: #fff;
}
.ui-dialog .ui-dialog-content {
  color: #000;
}
.ui-dialog .ui-dialog-content .well {
  /*
      color: #000;
      border-color: #000;
      background: #fff !important;
      input {
        background: #e2e2e2;
        color: #000 !important;
        &::placeholder {
          color: #000 !important;
          opacity: 0.6;
        }
      }
*/
}
.ui-widget-overlay {
  opacity: 0.8;
}
.menu #body {
  padding: 0px 10px;
  margin-top: 0px;
  margin-bottom: 80px;
}
@media (min-width: 980px) {
  .menu #body {
    padding-left: 0;
    padding-right: 0;
  }
}
.menu .how-im-ordering {
  border: none;
  background: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  color: #000;
  margin-bottom: 30px !important;
}
@media (max-width: 979px) {
  .menu .how-im-ordering {
    text-align: center;
  }
}
@media (min-width: 980px) {
  .menu .how-im-ordering {
    background-position: center;
  }
}
.menu .how-im-ordering > h2 .how-im-ordering-menuname {
  color: #E82111;
  text-shadow: none;
}
.menu .how-im-ordering > h2 > a {
  text-shadow: none;
  text-decoration: none !important;
}
.menu .how-im-ordering > .container {
  padding: 40px 0px 80px;
  position: relative;
}
@media (min-width: 980px) {
  .menu .how-im-ordering > .container {
    padding: 100px 0;
    text-align: center;
  }
}
.menu .how-im-ordering > .container a.ordering_method_menu {
  line-height: 0;
  font-size: 12px;
  background: #E82111;
  color: #000;
  text-decoration: none !important;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 20px 20px;
  border-radius: 25px 25px 0 0 !important;
  text-decoration: none !important;
}
@media (min-width: 768px) {
  .menu .how-im-ordering .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ {
    display: none;
  }
}
.menu .navbar-affix-container {
  height: auto !important;
}
@media (min-width: 768px) {
  .menu .navbar-affix-container {
    margin-bottom: 20px;
  }
}
.menu .navbar-affix-container #responsive-food-menu {
  height: 100%;
}
.menu .navbar-affix-container #responsive-food-menu .navbar-inner {
  border: none;
  height: 100%;
  border-radius: none;
  background: none;
  padding: 0 !important;
  box-shadow: none;
}
.menu .navbar-affix-container #responsive-food-menu .navbar-inner > div {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  flex-wrap: wrap;
}
.menu .navbar-affix-container #responsive-food-menu .navbar-inner > div::before, .menu .navbar-affix-container #responsive-food-menu .navbar-inner > div::after {
  display: none;
}
.menu .navbar-affix-container #responsive-food-menu .navbar-inner > div .brand {
  padding: 0;
  text-shadow: none;
  color: #000;
  opacity: 0.5;
  font-weight: bold;
}
.menu .navbar-affix-container #responsive-food-menu .navbar-inner > div .ctrl-mob-nav-search {
  box-shadow: none;
  padding-top: 0px !important;
  position: relative;
  top: 0px;
  max-width: 20px;
}
@media (min-width: 768px) {
  .menu .navbar-affix-container #responsive-food-menu .navbar-inner > div .ctrl-mob-nav-search {
    display: none;
  }
}
.menu .navbar-affix-container #responsive-food-menu .navbar-inner > div .ctrl-mob-nav-search svg path {
  fill: #000;
}
.menu .navbar-affix-container #responsive-food-menu .navbar-inner > div #navbar-search-menu {
  margin: 0;
  border: 2px solid #000;
  padding-left: 8px;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 9px;
  border-radius: 0px;
  min-width: 180px;
}
@media (min-width: 768px) {
  .menu .navbar-affix-container #responsive-food-menu .navbar-inner > div #navbar-search-menu {
    padding-left: 14px;
    padding-right: 18px;
  }
}
.menu .navbar-affix-container #responsive-food-menu .navbar-inner > div #navbar-search-menu i {
  color: #000;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .menu .navbar-affix-container #responsive-food-menu .navbar-inner > div #navbar-search-menu .search_icon_menu {
    display: none;
  }
}
.menu .navbar-affix-container #responsive-food-menu .navbar-inner > div #navbar-search-menu #menu-search-box {
  width: 160px;
  text-align: center;
  font-weight: 800;
  background: none !important;
  color: #000 !important;
}
.menu .navbar-affix-container #responsive-food-menu .navbar-inner > div #navbar-search-menu #menu-search-box::placeholder {
  color: #000 !important;
  opacity: 0.4;
}
.menu .navbar-affix-container #responsive-food-menu.affix {
  height: auto;
  background: #E82111;
}
.menu .navbar-affix-container #responsive-food-menu.affix .navbar-inner {
  border-radius: 0;
  max-width: 1150px;
  margin: auto;
  box-shadow: none !important;
}
.menu .navbar-affix-container #responsive-food-menu.affix .navbar-inner > .container {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.menu .navbar-affix-container #responsive-food-menu.affix .navbar-inner > .container .brand {
  color: #fff;
  opacity: 1;
}
.menu .navbar-affix-container #responsive-food-menu.affix .navbar-inner > .container svg path {
  fill: #fff;
}
.menu .navbar-affix-container #responsive-food-menu.affix .navbar-inner > .container form#navbar-search-menu {
  border-color: #fff !important;
}
.menu .navbar-affix-container #responsive-food-menu.affix .navbar-inner > .container form#navbar-search-menu i, .menu .navbar-affix-container #responsive-food-menu.affix .navbar-inner > .container form#navbar-search-menu input#menu-search-box {
  color: #fff !important;
}
.menu .navbar-affix-container #responsive-food-menu.affix .navbar-inner > .container form#navbar-search-menu i::placeholder, .menu .navbar-affix-container #responsive-food-menu.affix .navbar-inner > .container form#navbar-search-menu input#menu-search-box::placeholder {
  color: #fff !important;
}
.menu #basket-container {
  padding: 18px;
}
@media (max-width: 1199px) {
  .menu #basket-container {
    margin-top: 32px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
.menu #basket-container > h3, .menu #basket-container > legend {
  color: #000;
  border: none;
  padding: 0;
  font-weight: normal !important;
}
.menu #basket-container .ui-widget-content {
  border-radius: 0;
  text-shadow: none;
  border: 1px solid #f0f0f0;
  padding: 5px 10px;
}
.menu #basket-container .basket-hr-separator {
  display: none;
}
.menu #basket-container .basket-buttons {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .menu #basket-container .basket-buttons #order-empty {
    margin-bottom: 8px;
  }
}
.menu .image_top {
  border-radius: 0px;
}
@media (max-width: 1181px) {
  .menu .website-image:not(.menu-selection .website-image), .menu .lp_custom_banner {
    text-align: center;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
.menu .menu-selection {
  text-align: center;
}
.menu .menu-selection .alert {
  border: none;
  color: #fff;
  background: none;
  padding: 0 !important;
  margin-bottom: 30px !important;
}
.menu .menu-selection .alert h3 {
  text-shadow: none;
  filter: contrast(50%);
  color: #000;
}
.menu .menu-selection > .row-fluid {
  margin-bottom: 30px;
}
.menu .menu-selection .well {
  padding: 0;
  border: none;
  background: none;
  text-shadow: none;
  box-shadow: none;
}
.menu .menu-selection .well .btn {
  text-shadow: none;
  padding-top: 20px !important;
}
.menu #zp-offcanvas-basket .uk-offcanvas-bar {
  padding-bottom: 70px;
  background: #fff;
  color: #000;
  border: none;
}
.menu #zp-offcanvas-basket .uk-offcanvas-bar h3.uk-h2, .menu #zp-offcanvas-basket .uk-offcanvas-bar a.ctrl-mobile_food_menu_nav_closecanvas {
  margin-top: 9px !important;
}
.menu #zp-offcanvas-basket .uk-offcanvas-bar hr {
  border-color: #646464;
}
.menu #zp-offcanvas-basket .uk-offcanvas-bar .uk-margin-top a:first-child {
  margin-bottom: 8px;
}
.menu #zp-offcanvas-menu .uk-offcanvas-bar {
  background: #fff;
  border: none;
  padding-bottom: 70px;
  border-right: 2px solid #000;
}
.menu #zp-offcanvas-menu .uk-offcanvas-bar h3.uk-h2, .menu #zp-offcanvas-menu .uk-offcanvas-bar a.ctrl-mobile_food_menu_nav_closecanvas {
  color: #000 !important;
  margin-top: 13px !important;
}
.menu #zp-offcanvas-menu .uk-offcanvas-bar .uk-nav-offcanvas > li > a {
  font-size: large;
  color: #000;
  padding: 10px 15px 10px;
}
.menu #zp-offcanvas-menu .uk-offcanvas-bar .uk-nav-offcanvas > li > a:hover, .menu #zp-offcanvas-menu .uk-offcanvas-bar .uk-nav-offcanvas > li > a:focus {
  background: #E82111;
  color: #fff;
}
.menu #mobile_food_menu_nav {
  z-index: 999;
  background: #fff;
}
.menu #mobile_food_menu_nav .btn {
  border-radius: 0 !important;
  padding-top: 13px;
  border-left: none;
}
.menu #mobile_food_menu_nav .btn small {
  font-size: 80%;
}
.menu #mobile_food_menu_nav .btn.zp-ctl-search {
  border: none;
}
.menu #mobile_food_menu_nav .zp-ctl-categories {
  color: #fff;
}
.menu .navbar-search .search-query {
  padding: 0;
  padding-bottom: 2px;
  border: none !important;
}
.menu .blockUI.blockMsg.blockPage {
  bottom: 65px;
  top: unset !important;
}
@media (min-width: 1200px) {
  .menu .blockUI.blockMsg.blockPage {
    bottom: 60px;
    top: unset !important;
    right: 20px !important;
  }
}
.menu .blockUI.blockMsg.blockPage h1, .menu .blockUI.blockMsg.blockPage h2 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.menu .menu-container > .row-fluid > .span4 .website-image {
  width: 100%;
}
.menu .menu-container > .row-fluid > .span4 .website-image img {
  width: 100%;
}
.checkout {
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
}
.checkout #body {
  margin-top: 0px;
}
.checkout #body > .container {
  width: 95%;
  padding-top: 0px;
}
@media (max-width: 1199px) {
  .checkout #body > .container {
    max-width: 400px;
  }
}
@media (min-width: 1200px) {
  .checkout #body > .container {
    width: 100%;
  }
}
.checkout #body > .container > .row-fluid:first-child .span9 {
  width: 100%;
}
.checkout #body > .container > .row-fluid:first-child .span9 h2 {
  margin-top: 0px;
  color: #000;
}
.checkout #body > .container > .row-fluid:first-child .span3 {
  display: none;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .checkout #body > .container > .row-fluid:last-child {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .checkout #body > .container > .row-fluid:last-child > form {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .checkout #body > .container > .row-fluid:last-child > form > div:first-child, .checkout #body > .container > .row-fluid:last-child > form > div:last-child {
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .checkout #body > .container > .row-fluid:last-child > div {
    width: 100%;
    margin: 0;
  }
}
.checkout .well > h5, .checkout .well > h4, .checkout .well > p.lead {
  margin-bottom: 16px;
}
.checkout .well.well-basket, .checkout .loyaltypoints_box {
  background: #000;
  border: none !important;
  color: #fff;
}
.checkout .well.well-basket > h4, .checkout .well.well-basket > h5, .checkout .loyaltypoints_box > h4, .checkout .loyaltypoints_box > h5 {
  color: #fff;
}
.checkout .well.well-basket small, .checkout .loyaltypoints_box small {
  color: #fff;
}
.checkout .well.well-basket .muted.note-delivery, .checkout .loyaltypoints_box .muted.note-delivery {
  color: #fff;
}
.checkout .well.well-basket .row-credits .ui-widget-header:not(.col-equals .ui-widget-header), .checkout .loyaltypoints_box .row-credits .ui-widget-header:not(.col-equals .ui-widget-header) {
  background: #E82111;
  color: #fff;
  border: none;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0;
}
.checkout .well.well-basket .row-credits .well-small:not(.col-equals .well-small), .checkout .loyaltypoints_box .row-credits .well-small:not(.col-equals .well-small) {
  border: none;
  border-radius: 0;
  background: #fff;
  color: #000;
  box-shadow: none;
  padding: 4px 10px 10px;
}
.checkout .well.well-basket .row-credits .col-equals .lead, .checkout .loyaltypoints_box .row-credits .col-equals .lead {
  color: #fff;
  padding-left: 0;
  box-shadow: none;
  border: none !important;
  padding-right: 0;
}
.checkout .well.well-basket .ctl-pointsoptions a, .checkout .loyaltypoints_box .ctl-pointsoptions a {
  color: #fff;
  text-shadow: none;
  text-transform: none;
}
.checkout .well.well-basket .ctl-redeempoints, .checkout .loyaltypoints_box .ctl-redeempoints {
  margin-bottom: 10px;
}
.checkout .well-login-buttons-section {
  display: flex;
  flex-direction: column;
}
.checkout .well-login-buttons-section .btn:first-child {
  margin-bottom: 6px;
}
.checkout em {
  color: #000;
}
.checkout .marginbottom15 .muted {
  color: #000;
}
@media (max-width: 1199px) {
  .checkout .well-how-pay .trigger-paymentmethod {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  .checkout .well-how-pay .trigger-paymentmethod button {
    width: 100% !important;
  }
}
.checkout .voucher_box .success {
  display: flex;
  flex-direction: column;
}
.checkout .voucher_box .success > input {
  margin-bottom: 10px !important;
  width: auto;
}
.members #body {
  padding: 0 20px;
}
@media (min-width: 768px) {
  .members #body {
    padding: 0px;
  }
}
@media (max-width: 979px) {
  .members #body {
    max-width: 510px;
    margin: auto;
  }
}
@media (max-width: 979px) {
  .members #body > .row-fluid, .members #body > .container-fluid .row-fluid {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 979px) {
  .members #body > .row-fluid > div:first-child, .members #body > .container-fluid .row-fluid > div:first-child {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 979px) {
  .members #body > .row-fluid > div:first-child .btn-block, .members #body > .container-fluid .row-fluid > div:first-child .btn-block {
    margin-bottom: 21px;
  }
}
@media (max-width: 979px) {
  .members #body > .row-fluid > div:last-child, .members #body > .container-fluid .row-fluid > div:last-child {
    margin-top: 20px;
    width: 100%;
    margin: 0;
  }
}
.members #body > .row-fluid > div:last-child .navbar-inner, .members #body > .container-fluid .row-fluid > div:last-child .navbar-inner {
  box-shadow: none;
}
.members #body h1:not(.hero-unit h1) {
  color: #E82111;
}
@media (min-width: 980px) {
  .members #container .well.form-horizontal#frmRegister {
    margin: 0;
  }
}
@media (max-width: 479px) {
  .members #container .well.form-horizontal input:not([type="checkbox"]), .members #container .well.form-horizontal select:not([type="checkbox"]) {
    width: 100%;
    min-width: fit-content;
    max-width: -webkit-fill-available;
  }
}
.members #container .well.form-horizontal legend {
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 2px solid #000;
  color: #000;
}
.members #container .well .loyalty-caption {
  text-align: right;
}
.members #container .well .loyalty-caption > * {
  margin: 0 !important;
}
.members .media-address:hover {
  background: rgba(255, 255, 255, 0.08);
}
.members .section-customer-map .well, .members .ctl-toggle-columns .well, .members .section-sales-reports .well, .members .section-loyalty-scheme .well, .members .section-tax-report .well {
  border: none;
  box-shadow: none;
}
.members .section-customer-map .ctl-toggle-columns, .members .ctl-toggle-columns .ctl-toggle-columns, .members .section-sales-reports .ctl-toggle-columns, .members .section-loyalty-scheme .ctl-toggle-columns, .members .section-tax-report .ctl-toggle-columns {
  display: flex;
  flex-wrap: wrap;
}
.members .section-customer-map h2, .members .section-customer-map h3, .members .ctl-toggle-columns h2, .members .ctl-toggle-columns h3, .members .section-sales-reports h2, .members .section-sales-reports h3, .members .section-loyalty-scheme h2, .members .section-loyalty-scheme h3, .members .section-tax-report h2, .members .section-tax-report h3 {
  margin-top: 1rem !important;
}
.members .hero-unit {
  background: #E82111;
  border-radius: 0px;
}
.members .hero-unit * {
  color: #fff;
  font-weight: 400;
}
.members .hero-unit p a {
  text-decoration: underline !important;
  color: #fff !important;
}
.members .sidebar-nav .nav-list .nav-header {
  text-shadow: none;
  color: #E82111;
}
.members .sidebar-nav .nav-list li a:hover, .members .sidebar-nav .nav-list li a:focus {
  background: #E82111;
  color: #fff;
}
.members .sidebar-nav .nav-list li a:hover i, .members .sidebar-nav .nav-list li a:focus i {
  background-image: url("https://skins.zfood.co.uk/diba/./images/white_icons_members_page.png");
}
.members .sidebar-nav .nav-list li a:hover small, .members .sidebar-nav .nav-list li a:focus small {
  color: #fff !important;
  opacity: 0.8;
}
.members .sidebar-nav .nav-list li a {
  text-shadow: none;
  color: #000;
  text-decoration: none !important;
}
.members .sidebar-nav .nav-list li a small {
  color: #000;
  opacity: 0.6;
  margin-left: 4px;
}
.members .sidebar-nav .nav-list li a:not(:hover, :focus, li.active a) i {
  background-image: url("https://skins.zfood.co.uk/diba/./images/black_icons_members_page.png");
}
.members .sidebar-nav .nav-list li.active a {
  background: #E82111;
  color: #fff;
}
.members .sidebar-nav .nav-list li.active a small {
  color: #fff !important;
}
.members .sidebar-nav .nav-list li.active a i {
  background-image: url("https://skins.zfood.co.uk/diba/./images/white_icons_members_page.png");
}
.members .sidebar-nav .nav-list .divider {
  border-color: #000;
  background-color: #000;
}
.members .ctl-toggle-columns .btn {
  margin-left: 0px;
  margin-right: 4px;
  padding: 4px 12px 4px;
  box-shadow: none !important;
}
.members .loyalty-card {
  background: #000;
}
.members .loyalty-card > div.col3 *, .members .loyalty-card > div.col4 * {
  color: #000;
}
.members .loyalty-card > div.col1 .loyalty-label {
  font-size: 48px;
}
.members .form-horizontal .control-label {
  padding-top: 8px;
}
.members .section-product-reports .navbar-inner .brand {
  text-shadow: none;
  font-weight: bold;
  color: #000;
}
.members .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.members .frm_members_sales_reports:not(.navbar-form) > div:not(:last-child), .members .frm_members_menutax_reports:not(.navbar-form) > div:not(:last-child) {
  margin-bottom: 10px;
}
.members .sidebar-nav .nav-list li a {
  display: flex;
  align-items: center;
}
.members .sidebar-nav .nav-list li a i {
  margin-right: 5px;
  padding-bottom: 1px;
}
.contact-us #body {
  padding: 0 20px;
}
@media (min-width: 768px) {
  .contact-us #body {
    padding: 0px;
  }
}
.contact-us .gm-style-iw-d {
  color: #000;
}
.contact-us .ui-widget {
  border: none;
  border-radius: 0px;
  box-shadow: 0 0 4px #ccc;
}
.contact-us .ui-widget .ui-widget-header {
  border: none;
  text-align: center;
  background: #E82111;
  border-radius: 0px 0px 0px 0px;
  color: #fff;
  padding: 10px 20px 8px;
  margin-bottom: 0 !important;
}
.contact-us .ui-widget .ui-widget-content {
  border: none;
  border-radius: 0 0 0px 0px;
  background: #fff;
  color: #000;
  border-top: none !important;
}
.contact-us .ui-widget .ui-widget-content .delivery-hint {
  color: #000 !important;
}
.contact-us .ui-widget .ui-widget-content #box-contact-info, .contact-us .ui-widget .ui-widget-content #box-contact-info .contact-email {
  margin-bottom: 0 !important;
}
.contact-us .ui-widget.box-contact-information {
  text-align: center;
}
@media (max-width: 767px) {
  .contact-us .ui-widget.box-contact-information {
    margin: 21px 0;
  }
}
@media (min-width: 768px) {
  .contact-us .ui-widget.box-contact-information {
    margin-bottom: 18px;
  }
}
.contact-us .ui-widget.box-contact-information a, .contact-us .ui-widget.box-contact-information .contact-phone_numbers {
  color: #000;
}
.order-complete #body {
  margin-top: 0px;
  margin-bottom: 40px;
  padding: 0 20px 0px;
}
@media (min-width: 980px) {
  .order-complete #body {
    margin-top: 40px;
  }
}
.order-complete #body .jumbotron .order-complete-title, .order-complete #body .jumbotron .p-thanks-for .text-warning {
  color: #000 !important;
}
.order-complete #body .jumbotron .p-thanks-for .text-warning {
  text-decoration: underline;
}
.order-complete #body .order-info-well #order-confirmation {
  background: #FFDA00;
  color: #000;
  border: none;
  font-weight: normal;
}
.order-complete .jumbotron {
  margin-top: 0;
}
.order-complete .jumbotron .lead {
  font-weight: normal;
}
.review-order #body {
  margin-top: 0px;
  margin-bottom: 60px !important;
  padding: 0 20px 0px;
}
@media (min-width: 980px) {
  .review-order #body {
    margin-top: 40px;
  }
}
.review-order #body small, .review-order #body #frmReviewOrder, .review-order #body #frmReviewOrder .text-success.uk-text-success {
  color: #000 !important;
}
.review-order #body .page-review-order {
  background: #fff;
  color: #000;
  border-radius: 0px;
  box-shadow: none;
}
.review-order #body .page-review-order .rating-row .lead {
  color: #000;
  font-weight: 500;
}
.review-order #body .page-review-order .page-header, .review-order #body .page-review-order legend {
  color: #000;
  border-color: #000;
  font-weight: bold;
}
.review-order #body .page-review-order table {
  border: none !important;
}
.review-order #body .page-review-order table tbody tr th, .review-order #body .page-review-order table tbody tr td, .review-order #body .page-review-order table thead tr th, .review-order #body .page-review-order table thead tr td {
  background: #fff !important;
  color: #000;
}
.review-order #body .page-review-order table tbody tr th select, .review-order #body .page-review-order table tbody tr th input, .review-order #body .page-review-order table tbody tr td select, .review-order #body .page-review-order table tbody tr td input, .review-order #body .page-review-order table thead tr th select, .review-order #body .page-review-order table thead tr th input, .review-order #body .page-review-order table thead tr td select, .review-order #body .page-review-order table thead tr td input {
  background: #fff !important;
  color: #000 !important;
}
.welcome .branch_ordering, .welcome header {
  display: none;
}
.welcome #logo {
  margin: 30px auto;
  max-width: 300px;
  text-align: center;
}
@media (max-width: 767px) {
  .welcome #body {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .welcome #welcome-row-fluid-outer {
    text-align: center;
  }
}
.welcome #welcome-row-fluid-outer .h6_size {
  opacity: 0.6;
}
.welcome #welcome-row-fluid-outer .branch-select:not(:last-child) {
  margin-bottom: 10px;
}
.welcome .branch_finder_box > .col.col1 {
  font-weight: 600;
}
.information #body {
  margin-top: 30px;
  padding: 0 20px 0px;
}
@media (min-width: 980px) {
  .information #body {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .information #body .block-terms-conditions, .information #body .block-website-help {
    margin-bottom: 20px;
  }
}
.information .page-header {
  margin-top: 0;
}
.reservations h1, .bookings h1, .home h1, .home .mod_table_reservation_v1 > h3, .reservations .mod_table_reservation_v1 > h3, .bookings .mod_table_reservation_v1 > h3 {
  display: none;
}
.reservations #body, .bookings #body {
  margin-top: 30px;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.reservations #body input, .bookings #body input {
  padding: 0 !important;
  height: -webkit-fill-available;
  height: 100% !important;
  width: -moz-available;
}
.reservations #body select, .bookings #body select {
  height: 100% !important;
}
.reservations #body .mod_table_reservation_v1 .frmModTableReservationV1, .bookings #body .mod_table_reservation_v1 .frmModTableReservationV1 {
  max-width: 400px;
  margin: 30px auto 30px;
}
.reservations #people_group, .bookings #people_group {
  border: none;
}
.reservations #body #people_group .controls, .bookings #body #people_group .controls {
  display: flex;
}
.reservations #body #people_group .controls select, .bookings #body #people_group .controls select {
  width: 30%;
}
.reservations #body #people_group .controls .ctl-modTableReservationV1, .bookings #body #people_group .controls .ctl-modTableReservationV1 {
  margin-left: 10px;
}
.reservations #body #date_group, .bookings #body #date_group, .reservations #body #time_group, .bookings #body #time_group, .reservations #body #people_group, .bookings #body #people_group {
  display: flex;
  align-items: center;
  height: 42px;
  width: 100%;
  margin-bottom: 15px;
  border: none;
}
.reservations #body .controls, .bookings #body .controls {
  width: 70%;
  height: 100%;
}
.reservations #body label, .bookings #body label {
  margin: 0;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 20px;
  height: 100%;
  border: none;
  width: 25%;
}
.reservations #body select, .bookings #body select, .reservations #body input, .bookings #body input {
  margin: 0;
  width: 100%;
  height: 100% !important;
}
body:not(.reservations, .bookings, .home) .mod_table_reservation_v1 {
  display: none;
}
@media (min-width: 768px) {
  .reservations #people_group .controls .ctl-modTableReservationV1, .bookings #people_group .controls .ctl-modTableReservationV1, .home #people_group .controls .ctl-modTableReservationV1 {
    width: -webkit-fill-available;
    width: -moz-available;
  }
}
.outer-wrapper {
  opacity: 0;
  transition: 0.2s;
}
.outer-wrapper.show {
  opacity: 1;
  transition: 0.2s;
}
.spinner_base {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
}


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

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

body {
	font-family: 'Lexend';
}
h1 {
	font-family: 'Bowlby One';
}
h2 {
	font-family: 'Bowlby One';
}
h3 {
	font-family: 'Bowlby One';
}
h4 {
	font-family: 'Bowlby One';
}
body {
	background-color: #ffffff;

	background-image:none;

}

header, #mobile-header {

	background-image:none;
	background-attachment: scroll;
}

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

/* Display None */
.home .carousel-caption,
.home #body,
.home .ct_header_row,
header .navbar .navbar-inner > .container:before,
header .navbar .navbar-inner > .container:after,
header .ct_header_row
{
    display: none !important;
}

/* Custom Classes */
.visible_at_1200px {
    display: none;
}
@media (min-width: 1200px) {
    .visible_at_1200px {
        display: block !important;
    }   
}

/* Inputs */
select {
    height: 34px;
    padding: 0px 8px 0;
}
.section-my-addresses input[type="radio"], 
.section-my-addresses input[type="checkbox"] {
    margin: 10px 0 0;
}

/* General */
html, body {
    font-size: 14px;
}
.user_admin .ct_user_status svg path,
.user_member .ct_user_status svg path {
    fill: #21A92E !important;
}
.label, .badge {
    padding-top: 3px;
    padding-bottom: 3px;    
    padding-left: 5px;
    padding-right: 5px;
}
body #body > .page-header h1 small, body #body > h1 small, .checkout #body > .container > .row-fluid:first-child .span9 h2 small {
    color: #000 !important;
}
.information .page-header {
    border-color: #000;
}
.modal_go_to_menu .modal-footer {
    display: flex;
    flex-direction: column;
}
.modal_go_to_menu .modal-footer a {
    max-width: 250px;
    margin: 0 !important;
    margin-left: auto !important;
    width: 100%;
    margin-right: auto !important;
}
.modal_go_to_menu .modal-footer a:not(:last-child) {
    margin-bottom: 10px !important;
}
header .container {
    position: relative;
}
.header_social_media {
    right: 45px;
    bottom: -50px;    
    position: absolute;
}
.header_social_media svg rect {
    fill: #fff;
}

@media (max-width: 767px) {
    body:not(.home) .input-append button {
        border-radius: 15px !important;
    }
    .party_section .container > div {
            text-align: center;
        padding: 60px 20px 35px 20px;
    }
    .party_section .container > img {
    height: 56vw;
    object-fit: cover;
    object-position: 100%;
    width: 100%;
    }
}
@media (min-width: 768px) {
    body:not(.home) .input-append button {
        margin-left: 0px;
        border-radius: 0px 15px 15px 0px !important;
    }
    body:not(.home) .input-append input {
        border-radius: 15px 0px 0px 15px !important; 
    }
    .header_social_media {
        right: -90px;
        bottom: 6px;
    }
}


@media (min-width: 980px) and (max-width: 1199px) {
    header .header_social_media {

    }
    .party_section .container > img {
    height: 350px;
    object-fit: cover;
    object-position: -237px;
    }
    .header_social_media svg {
        max-width: 30px;
    }
    .header_social_media {
        right: -70px;
        bottom: 6px;
    }
}

@media (min-width: 1200px) and (max-width: 1700px) {
    header .header_social_media {

    }
}

@media (min-width: 1200px) and (max-width: 1700px) {
    .header_social_media {
        right: -85px;
        bottom: 12px;
    }
}

@media (min-width: 480px) and (max-width: 580px) {
    .home .methods_buttons {        
        flex-direction: column;
        align-items: center;
    }
    .home .btn-group.methods_buttons .btn:first-child {
        margin-left: 0;
        margin-right: 0 !important;
        margin-bottom: 10px;

    }
}
@media (min-width: 1700px) {
    .home .container {
        width: 1700px !important;
    }
    .header_social_media {
        bottom: 12px;
    }
    .home .party_section p {
        max-width: 570px;
    }
}

/* UI */
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    margin: -12px 0 0 0;
}
.ui-datepicker .ui-datepicker-title select {
    height: 25px;
}

/* Buttons */
.btn {
    text-transform: uppercase;
    border-radius: 0 !important;
    font-weight: bold;
    padding: 5px 16px 5px;
}
.btn.btn-small {
    padding: 0px 6px 0px;
}
.btn.btn-large {
    padding: 14px 30px 14px !important; 
}
.btn.btn-inverse:focus,
.btn.btn-inverse:hover {
    background: #FFDA00 !important;
    color: #000;
    border-color: #FFDA00 !important;
}
.btn:focus, .btn:hover {
    filter: brightness(100%);
    transition: 0.2s;
}
.menu .btn.order-empty, 
.menu .btn.order-checkout {
    font-size: 1rem;
    padding: 10px 10px 12px !important;
}
.btn.btn_primary_skin:hover,
.btn.btn_primary_skin:focus,
.btn.btn-danger:focus,
.btn.btn-danger:hover,
.btn.btnctl-resetPassBtnCancel:hover,
.btn.btnctl-resetPassBtnCancel:focus,
.btn#ctl-resetPassBtnCancel:hover,
.btn#ctl-resetPassBtnCancel:focus
{
    border-color: #ff3030 !important;
    background: #ff3030 !important;
}
.btn.btn_secondary_skin:hover,
.btn.btn_secondary_skin:focus {
    border-color: #FFE300 !important;
    background: #FFE300 !important;
}
.btn.btn-success:focus,
.btn.btn-success:hover
{
    border-color: #24c623 !important;
    background: #24c623 !important;
}
.btn.btn-info:focus,
.btn.btn-info:hover {
    background: #39bcea !important;
    border-color: #39bcea !important;
}
.btn.btn-warning:hover,
.btn.btn-warning:focus {
    background: #ff8e39 !important;
    border-color: #ff8e39 !important;
}

.btn.btn-primary:hover, 
.btn.btn-primary:focus {
    background: #1285ca !important;
    border-color: #1285ca !important;
}
.btn_white {
    background: #fff;
    color: #000;
}
.btn.btn_white:hover,
.btn.btn_white:focus {
    background: #ccc;
    color: #000;
    border-color: #000;
}

/* Alerts */
.alert-alert .close, .badge-alert .close, .label-alert .close, .well.well-small.sys-alert.sys-message .close,
.alert-alert, .badge-alert, .label-alert, .well.well-small.sys-alert.sys-message {
    color: #fff;
}
.alert.sys-message,
.well.sys-message {
    position: relative;
}
.alert.sys-message .close,
.well.sys-message .close {
    position: absolute;
    right: 10px;
    top: 10px;
}
.alert-restriction-info a {
    color: #FFDA00;
    &:hover, &:focus {
        color: #FFE300;
    }
}

/* Fonts */
h1, h2, h3, h4, h5, h1 *, h2 *, h3 *, h4 *, h5 *, .h1_size, .h2_size, .h3_size, .h4_size, .h5_size, .h6_size, body #editProductModal.modal .modal-body .form-horizontal .control-label strong, .font_title, .members .sidebar-nav .nav-list .nav-header, .well span.lead:not(.sys-alert span.lead), .members #container .well.form-horizontal legend  {
    text-transform: uppercase;
    font-family: "Bowlby One", sans-serif;
    /*letter-spacing: 2px;*/
} 
.members .media-address h4 {
    font-size: 22px;
}

.sys-message .lead {
    font-size: 15px;   
}

.sys-message h2 {
    font-size: 20px;
}
.sys-alert:not(.modal) {
    padding: 4px 30px 6px !important;
}


@media (max-width: 479px) {
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size {
        font-size: 2.8rem;
    }
    h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h2_size {
        font-size: 2.6rem;
    }
    h3:not(.h2_size, .h4_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h3_size {
        font-size: 2.3rem;
    }
    h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size {
        font-size: 2rem;
    }
    h5:not(.h2_size, .h3_size, .h4_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h5_size {
        font-size: 1.7rem;
    }
    h6:not(.h2_size, .h3_size, .h4_size, .h5_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h6_size {
        font-size: 1.5rem;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size {
        font-size: 3.8rem;
    }
    h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h2_size {
        font-size: 3.4rem;
    }
    h3:not(.h2_size, .h4_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h3_size {
        font-size: 2.8rem;
    }
    h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size {
        font-size: 2.4rem;
    }
    h5:not(.h2_size, .h3_size, .h4_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h5_size {
        font-size: 2rem;
    }
    h6:not(.h2_size, .h3_size, .h4_size, .h5_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h6_size {
        font-size: 1.6rem;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size {
        font-size: 4.2rem;
    }
    h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h2_size {
        font-size: 3.8rem;
    }
    h3:not(.h2_size, .h4_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h3_size {
        font-size: 3.2rem;
    }
    h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size {
        font-size: 2.8rem;
    }
    h5:not(.h2_size, .h3_size, .h4_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h5_size {
        font-size: 2.4rem;
    }
    h6:not(.h2_size, .h3_size, .h4_size, .h5_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h6_size {
        font-size: 2.0rem;
    }    
        .home .party_section > .container > div {
        padding: 80px 0px 60px;
        text-align: center;
    }
}
@media (min-width: 980px) and (max-width: 1199px) {
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size {
        font-size: 4.6rem;
    }
    h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h2_size {
        font-size: 4.2rem;
    }
    h3:not(.h2_size, .h4_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h3_size {
        font-size: 3.8rem;
    }
    h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size {
        font-size: 3.2rem;
    }
    h5:not(.h2_size, .h3_size, .h4_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h5_size {
        font-size: 2.5rem;
    }
    h6:not(.h2_size, .h3_size, .h4_size, .h5_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h6_size {
        font-size: 2rem;
    }
}
@media (min-width: 1200px) and (max-width: 1699px) {
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size {
        font-size: 5rem;
    }
    h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h2_size {
        font-size: 4.6rem;
    }
    h3:not(.h2_size, .h4_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h3_size {
        font-size: 4rem;
    }
    h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size {
        font-size: 3.4rem;
    }
    h5:not(.h2_size, .h3_size, .h4_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h5_size {
        font-size: 2.5rem;
    }
    h6:not(.h2_size, .h3_size, .h4_size, .h5_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h6_size {
        font-size: 2rem;
    }
    .party_section h3 {
    font-size: 2.5rem !important;
    }
}
@media (min-width: 1700px) {
    h1:not(.h2_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h1_size {
        font-size: 5rem;
    }
    h2:not(.h1_size, .h3_size, .h4_size, .h5_size, .h6_size, .alerts *, .sys-alert *, .p_font), .h2_size {
        font-size: 4.6rem;
    }
    h3:not(.h2_size, .h4_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h3_size {
        font-size: 4rem;
    }
    h4:not(.h2_size, .h3_size, .h5_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h4_size {
        font-size: 3.4rem;
    }
    h5:not(.h2_size, .h3_size, .h4_size, .h6_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h5_size {
        font-size: 2.5rem;
    }
    h6:not(.h2_size, .h3_size, .h4_size, .h5_size, .h1_size, .alerts *, .sys-alert *, .p_font), .h6_size {
        font-size: 2rem;
    }
}

/* Header */
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 {
    color: #E82111;
}
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: #E82111 !important;
}

header .navbar {
    margin-bottom: 0 !important;
}
header .navbar .navbar-inner > .container {
    display: grid; 
    grid-auto-columns: auto; 
    grid-template-columns: auto auto;
    grid-template-rows: auto auto auto;
    gap: 0px 0px; 
    grid-template-areas: 
        "logo logo"
        "right_side_header btn-navbar"
        "nav-collapse nav-collapse"; 
}
header .navbar .btn-navbar .icon-bar {
    background-color: #E82111;
    box-shadow: none;
    border: none;
    width: 35px;
    height: 5px;
    border-radius: 15px;
}
header .btn-navbar .icon-bar + .icon-bar {
    margin-top: 4px;
}
header .btn-navbar:hover span,
header .btn-navbar:focus span {
    background: #ff3030 !important; 
}
#logo { 
    grid-area: logo; 
    text-align: center; 
    position: relative;
}
.right_side_header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-area: right_side_header;    
}
#opening-status { 
    grid-area: shop_status;
    padding: 0;
    max-width: fit-content;
    margin: 0 !important;   
    align-self: center;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #fff !important;
    font-weight: bold;
}
#opening-status svg {
    overflow: visible;
}
.clock_svg {
    margin-top: 1px;
    margin-right: 8px;
}
header .btn-navbar { 
    grid-area: btn-navbar; 
    max-width: fit-content;
    align-content: center;
    align-self: center;
    justify-self: end;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important; }
header .nav-collapse { grid-area: nav-collapse; }

header .navbar-inner {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #000;
    border: none;
}
body:not(.home) header .navbar-inner {    
    border: none;
}
header #opening-status {
    text-shadow: none;
}

.ct_details_bar > .container small {

}

.ct_details_bar {
    padding: 16px 0 16px;
    background: #313030;
}
.ct_details_bar > .container small a {
    font-weight: bold;
    color: #FFDA00 !important;
}
.ct_details_bar > .container small a:hover,
.ct_details_bar > .container small a:focus {
    color: #FFE300 !important;
}
header .nav-collapse .nav > li > a {
    margin: 0 !important;
    padding: 0 !important;        
    background: none !important;
    box-shadow: none !important;   
    text-shadow: none !important;       
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}
header .nav-collapse .nav > li .caret {
    border-top-color: #fff !important;
}

header .navbar .btn.btn-large.btn_primary_skin {
    margin-top: 0;
}

header .nav-collapse .nav > li.active > a,
header .nav-collapse .nav > li > a:focus,
header .nav-collapse .nav > li > a:hover
{
    color: #E82111 !important;
}



header .nav-collapse .nav > li.active .caret,
header .nav-collapse .nav > li > a:focus .caret,
header .nav-collapse .nav > li > a:hover .caret {
    border-top-color: #E82111 !important;
}
header .nav-collapse .nav > li > .dropdown-menu a {
    letter-spacing: 0;
    text-transform: uppercase;    
}
ul.dropdown-menu > li > a:hover, ul.dropdown-menu > li > a:focus {
    background: #ff2d1d;
}

ul.dropdown-menu > li > a {
    font-weight: normal;
    text-transform: none;
}

@media (max-width: 479px) {

}

@media (max-width: 767px) {
    .ct_details_bar > .container {
        padding: 0 10px;
    }
    header #logo {
        margin-bottom: 20px;
    }
    .svg_ct {
        max-width: 14px;
    }
    .right_side_header {
        justify-content: flex-start;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    header .navbar .navbar-inner > .container {
        width: 724px !important;
        grid-template-columns: 1fr auto auto;
        grid-template-rows: auto auto;
        grid-template-areas: 
            "logo right_side_header btn-navbar"
            "nav-collapse nav-collapse nav-collapse"; 
    }
    .party_section .container > img {
        height: 422px;
    object-fit: cover;
    object-position: -778px;
    }
    #logo {
        justify-self: left;
    }
    .svg_ct {
        max-width: 16px;
    }
    header #logo img {
        max-height: 50px;
    }
    .ct_details_bar > .container {
        flex-direction: column;
    }
    .ct_user_status {
        padding-bottom: 5px;
    }
}

@media (min-width: 768px) {
    #opening-status {
        justify-self: end;        
        margin-right: 16px !important;
    }    
    header .btn-navbar {
        margin-left: 20px;
    }
}

@media (max-width: 979px) {
    header .nav-collapse .nav {
        margin: 10px 0 0px;
    }
    .party_section  p {
    margin-left: auto;
    }
    header .nav-collapse .nav > li a {
        text-align: center;
    }    
    header .nav-collapse .nav > li > .dropdown-menu a {
        margin: 0 !important;
        padding: 0 !important;        
        background: none !important;
        box-shadow: none !important;   
        color: #fff;
        text-shadow: none !important;       
    }
    header .nav-collapse .nav > li:not(:last-child)
    {
        margin-bottom: 20px;
    }
    header .nav-collapse .nav > li > .dropdown-menu > li:not(:last-child) {
        margin-bottom: 10px;
    }
    header .nav-collapse .nav > li > .dropdown-menu {
        margin: 0;
        padding: 10px 10px 0;
        overflow: hidden;
    }
    header .nav-collapse .nav > li > a {
        font-size: 1.8rem;        
        line-height: 1.8rem;        
    }
    header .nav-collapse .nav > li > .dropdown-menu a {
        font-size: 1.2rem;        
        line-height: 1.2rem;        
    }
    header .nav-collapse .nav > li > .dropdown-menu a:hover,
    header .nav-collapse .nav > li > .dropdown-menu a:focus
    {
        color: #E82111 !important;
    }
    header .navbar .nav .dropdown-toggle .caret {
        margin-top: 10px;
    }
}

@media (min-width: 980px) {
    .home .party_section > .container {
        position: relative;
    }
    .home .party_section {
        margin-top: 100px;
        margin-bottom: 80px;
        color: #fff;
    }
    .home .party_section > .container > div {
        position: absolute;
        left: 40px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: fit-content;
        text-align: left;
    }

    header .nav-collapse .nav > li > a {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }
    .ct_details_bar {
        padding: 12px 0 14px;
    }
    header .navbar .navbar-inner > .container {      
        width: 1170px !important;
        grid-template-columns: 1fr 2fr 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            "logo nav-collapse right_side_header"; 
    }
    header .nav-collapse {
        align-self: center;
        justify-self: center;
    }
    header .nav-collapse .main-menu {
        margin-right: 0 !important;
    }
    header #logo {
        justify-self: left;
    }
    header #opening-status {
        margin-right: 0 !important;
    }
    header .navbar-inner {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .ct_details_bar > .container > div {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 980px) and (max-width: 1199px) {
    header .navbar .navbar-inner > .container {                
        width: 940px !important;        
    }
    header #logo img {
        max-height: 40px;
    }

}

@media (min-width: 1200px) {
    header .navbar .navbar-inner > .container {      
        width: 1170px !important;        
    }
    .ct_details_bar {
        padding: 16px 0 16px;
    }
    header .nav-collapse .nav > li > a {
        font-size: 18px;
    }
    header .navbar .btn.btn-large.btn_primary_skin {
        font-size: 16px;
    }
}

@media (min-width: 1700px) {
    header .navbar-inner {
        padding-left: 0;
        padding-right: 0;
    }
    .home header .navbar .navbar-inner > .container {                        
        width: 1700px !important;
    }
    body:not(.home) header .navbar .navbar-inner > .container,
    body:not(.home) .container:not(.navbar-affix-container #responsive-food-menu .navbar-inner > .container, header .navbar-inner .container) {                        
        width: 1200px !important;
    }
    .home header .nav-collapse .nav > li > a {
        font-size: 1.6rem;
        margin-right: 30px !important;
        margin-left: 30px !important;
    }    
    .home .ct_details_bar {
        padding: 16px 0 18px;
    }
    .home .ct_details_bar > .container small {
        font-size: 1.2rem;
    }
    .home .ct_details_bar > .container > div {
        display: flex;
        align-items: center;
    }
}

/* Home Page */
.home #myCarousel {
    margin: 0 !important;
}
.home .zp_grid_title {
    padding: 60px 20px 40px;
}
.home .zp_grid_title p {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;    
}
.home .zp_desc {
    background: #202020;
}
.home .zp_desc p {
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
}
.home .carousel-control {
    background: none;
    border: none;
}
.home .element_text {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    font-size: 20px;
    text-shadow: 2px 2px 4px #000;
}
.home .element_btn {
    position: absolute;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    padding: 8px 18px !important;
}
.tooltip .tooltip-inner {
    font-weight: normal;
    background: #FFDA00 !important;
    color: #000;    
}
.tooltip.top .tooltip-arrow {
    border-top-color: #FFDA00 !important;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #FFDA00 !important;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #FFDA00 !important;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #FFDA00 !important;
}
.home .zp_lp p{        
    max-width: 450px;
    margin-right: auto;
    margin-left: auto;
}
.party_section p  {
    max-width: 450px;
    margin-right: auto;
    color: #202020;
}

.party_section h3 {
color: #202020;
}
@media (max-width: 479px) {        
}

@media (min-width: 480px) and (max-width: 767px) {    
}

@media (max-width: 767px) {
    .home .zp_grid > .container .row-fluid {
        display: grid;        
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        padding-bottom: 10px;
    }
    .home .zp_grid > .container .row-fluid::before,
    .home .zp_grid > .container .row-fluid::after { 
        display: none;
    }
    .home .zp_lp > .container > div {
        text-align: center;
        padding: 60px 20px;
    }
    .home .zp_lp > .container > img {
        height: 48vw;
        object-fit: cover;
        object-position: 3%;
        width: 100%;
    }
    .home .zp_desc {
        padding: 60px 20px;
    }      
    .home #myCarousel .item img {
        width: 100%;
    }
    .home .zp_grid_title + div {
        padding-left: 10px;
        padding-right: 10px;
    }
    .home .carousel-control {
        top: unset !important;
        bottom: 37.8%;
        font-size: 100px;
    }
}

@media (min-width: 768px) {
    .home .delivery_slide_mb {
        display: none !important;
    }
    .home .zp_grid_title {
        padding: 80px 0px 60px;
    }
    .home .zp_grid > .container > div > .row-fluid:first-child  {
        margin-bottom: 20px;
    }
    .home .zp_desc {
        margin-top: 100px;
        padding: 80px 20px 80px;
    }    
    .home .carousel-control {        
        top: unset;
        font-size: 100px;
        bottom: 100px;
        right: 80px;
    }
    .home .left.carousel-control {        
        right: 120px;
        left: unset;
    }
    .home .carousel-indicators li {
        width: 20px;
        height: 20px;
        border-radius: 25px;
    }    
}

@media (min-width: 768px) and (max-width: 979px) {
    .home .zp_lp > .container > div {
        padding: 80px 0px 60px;
        text-align: center;
    }
    .home .zp_lp > .container > img { 
        height: 350px;
        object-fit: cover;
        object-position: -20px;
    }

}

@media (min-width: 980px) and (max-width: 1199px) {
    .home .zp_lp > .container > img {
        height: 350px;
        object-fit: cover;
        object-position: -270px;
    }
}

@media (max-width: 979px) {

}

@media (min-width: 980px) {
    .home .zp_lp {
        margin-top: 100px;
        margin-bottom: 80px;
        color: #fff;
    }
    .home .zp_lp > .container {
        position: relative;
    }
    .home .zp_lp > .container > div {
        position: absolute;
        right: 40px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: fit-content;
        text-align: right;
    }
    .home .zp_lp p {    
        margin-right: 0;
        margin-left: auto;
    }
}    



@media (min-width: 1200px) {
    .home .zp_grid > .container > div > .row-fluid:first-child {
        margin-bottom: 30px;
    }
    .home .zp_desc {
        padding: 120px 20px 120px;
    }
    .home .element_text {
        font-size: 34px;  
    }
}

@media (min-width: 1700px) {
    .home .zp_grid > .container > div > .row-fluid:first-child {
        margin-bottom: 50px;
    }
    .home .zp_lp > .container > div {
        right: 100px;
    }
    .home .zp_lp_p {
        font-size: 1.24rem;
    }
    .home .element_text {        
        top: 20px;
        left: 20px;
        font-size: 46px;
    }
    .home .element_btn {        
        right: 20px;
        bottom: 20px;
        font-size: 20px;
        padding: 16px 30px 16px !important;
    }
    .home .zp_lp p {
        max-width: 570px;
    }
    .home .zp_desc p {    
        max-width: 940px;
    }
    .home .zp_grid_title p {
        max-width: 850px;
        margin-left: auto;
        margin-right: auto;    
    }
    .home .carousel-inner > .item > img, 
    .home .carousel-inner > .item > a > img {
        width: 100%;
        max-height: 700px;        
        object-fit: cover;
    }
}
@media (min-width: 2000px) {
    .home #myCarousel {
        max-width: 1700px;
        margin: auto !important;
    }
}

/* Menu Page */

.menu .how-im-ordering h2 {
    font-size: 1.5rem;
}
.menu .how-im-ordering h2 small {
    font-size: 15px;
}
#editProductModal.modal .modal-header *, #editProductModal.modal .modal-header h3, #editProductModal.modal .modal-header h4, #editProductModal.modal .modal-header h5, #editProductModal.modal .modal-header button, .modal .modal-header *, .modal .modal-header h3, .modal .modal-header h4, .modal .modal-header h5, .modal .modal-header button {
    font-size: 1.6rem;
}

#editProductModal.modal .modal-body .well .btn.btn-option, #editProductModal.modal .official-document .well .btn.btn-option, .modal .modal-body .well .btn.btn-option, .modal .official-document .well .btn.btn-option,
#editProductModal.modal .modal-footer .muted, .modal .modal-footer .muted {
    font-size: 12px !important;
}
.modal .loyalty-description > h2 {
    font-size: 1.6rem;
}
.ui-tabs-menu .ui-tabs-panel .ui-state-highlight a, .ui-tabs-menu .ui-widget-content .ui-state-highlight a {
    color: #000;
}
#editProductModal.modal .modal-header .close, .modal .modal-header .close {
    margin-top: 2px !important;
}

.modal .modal-body h3,
.modal .modal-body h4,
.modal .modal-body h5 {
    font-size: 1.4rem;    
}

.menu .blockUI.blockMsg.blockPage h1 {
    font-size: 24px !important;
}

.menu .blockUI.blockMsg.blockPage h2 {
    font-size: 14px !important;
}

.menu .lp_custom_banner > .h6_size {
    font-size: 24px;
}

.menu-selection h1 {
    margin-top: 30px;
}
.menu .menu-selection > .row-fluid {
    margin-bottom: 50px;   
}

@media (max-width: 480px) {
    .modal-header .close {
        padding: 10px;
        margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .party_section .container > img {
    height: 57vw;
    object-fit: cover;
    object-position: 100%;
    width: 100%;
    }

}

@media (min-width: 480px) and (max-width: 767px) {
    #editProductModal .modal-body form.type-choose-one > .row-fluid {
        display: flex;
        flex-direction: column;
    }
    #editProductModal .modal-body form.type-choose-one > .row-fluid > .control-group {
        width: 100%;
    }
    #editProductModal .modal-body form.type-choose-one > .row-fluid > .control-group > .control-label {
        width:fit-content;
    }
    #editProductModal .modal-body form.type-choose-one > .row-fluid > .control-group > .controls {
        margin: 0;
    }
    #editProductModal .modal-body form.type-choose-one > .row-fluid > .control-group > .controls > .btn-group {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .modal-footer .btn:nth-child(2) {
        margin-bottom: 10px;
        margin-top: 15px;
    }
    #editProductModal.modal .modal-footer > h3, #editProductModal.modal .modal-footer > h4, #editProductModal.modal .modal-footer > h5, .modal .modal-footer > h3, .modal .modal-footer > h4, .modal .modal-footer > h5 {
        padding-top: 0 !important;
    }
    #editProductModal.modal .modal-footer, .modal .modal-footer {
        padding: 20px 15px 20px;
    }
    .menu .how-im-ordering h2 small {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    #editProductModal.modal .modal-footer > h3, #editProductModal.modal .modal-footer > h4, #editProductModal.modal .modal-footer > h5, .modal .modal-footer > h3, .modal .modal-footer > h4, .modal .modal-footer > h5 {
        padding-top: 6px !important;
        font-size: 22px;
    }
}

/* Footer */
footer {
    color: #fff;    
    background: #313030;
}
footer .vendor-zpos svg path {
    fill: #fff !important;
}
footer > .container > .row-fluid #footer-link-information {
    color: #FFDA00 !important;
}
footer > .container > .row-fluid #footer-link-information:hover,
footer > .container > .row-fluid #footer-link-information:focus {
    color: #FFE445 !important;
}
footer .footer_control a svg rect{
    fill: #fff !important;
}
footer .label-copyright.p_size {
    font-size: 13px !important;    
}
.footer_control svg {
    max-width: 50px;
}
@media (max-width: 767px) {
    footer .footer_control {
        margin-bottom: 40px;
    }
}
@media (min-width: 768px) {
    footer .new_footer_section {
        margin-bottom: 30px;
    }
    footer .footer_logo #logo {
        text-align: left;
        margin-left: 0;
    }
    footer .footer_control {
        text-align: right !important;
    }
    footer #logo img {
        max-height: 65px;	
    }
    .footer_control a:not(:last-child) {
        margin-right: 0;
    }    
}

/* Menu */
.menu #mobile_food_menu_nav .btn {
    padding-top: 10px;
}
.menu #zp-offcanvas-menu .uk-offcanvas-bar .uk-nav-offcanvas > li > a {
    padding: 8px 15px 8px;
}
.ui-tabs-menu .ui-tabs-nav .ui-state-default .ui-tabs-anchor {
    padding-bottom: 12px !important;
}
.ui-tabs-menu .ui-tabs-panel .ui-widget .ui-widget-header, .ui-tabs-menu .ui-widget-content .ui-widget .ui-widget-header {
    padding: 5px 20px 0px;
    color: #000 !important;
    background: #FFDA00 !important;
}
.menu #responsive-food-menu.affix-top {
    padding: 8px 20px !important;
    background: #3c3c3c;    
}
.ui-tabs-menu .ui-tabs-panel .ui-widget .ui-widget-header, .ui-tabs-menu .ui-widget-content .ui-widget .ui-widget-header, .ui-tabs-menu .ui-tabs-panel .row-product h5.media-heading .name {
    font-size: 1.2rem;
    line-height: normal;
    color: #E82111;
}
.ui-tabs-menu .ui-tabs-panel .row-product, .ui-tabs-menu .ui-widget-content .row-product {
    border-color: #E82111;
}
.ui-tabs-menu .ui-tabs-panel .ui-state-highlight, .ui-tabs-menu .ui-widget-content .ui-state-highlight {
    padding: 12px 20px 12px;
    color: #000 !important;
    background: #fff;
    box-shadow: 0 0 4px #ccc;
}
.menu #basket-container > h3, .menu #basket-container > legend {
    font-size: 1.5rem;
}
.ui-tabs-menu .ui-tabs-panel .row-product .row-variation .name, .ui-tabs-menu .ui-widget-content .row-product .row-variation .name {
    padding-top: 2px;
}
small {
    font-size: 13px;
}
.menu .navbar-affix-container #responsive-food-menu .navbar-inner > div #navbar-search-menu {
    padding-top: 10px;    
    padding-bottom: 12px;
    border-color: #fff;
    min-width: 230px;
    border-radius: 20px;
}
.menu .navbar-affix-container #responsive-food-menu.affix-top .navbar-inner > div .brand,
.menu .navbar-affix-container #responsive-food-menu .navbar-inner > div #navbar-search-menu i {
    color: #fff !important;
}
.menu .navbar-affix-container #responsive-food-menu .navbar-inner > div .brand {
    opacity: 1;
}
.menu .navbar-affix-container #responsive-food-menu .navbar-inner > div .ctrl-mob-nav-search svg path {
    fill: #fff !important;
}
.menu .navbar-affix-container #responsive-food-menu .navbar-inner > div #navbar-search-menu #menu-search-box {
    width: 210px;
    color: #fff !important;
}
.menu .navbar-affix-container #responsive-food-menu .navbar-inner > div #navbar-search-menu #menu-search-box::placeholder {
    opacity: .8;
    color: #9D9D9D !important;
}
.menu .ui-tabs-vertical.ui-tabs-menu li .ui-icon-close {
    margin: -28px 0.5em 0 0;
}
.ui-tabs-menu .ui-tabs-panel .row-product h5.media-heading, .ui-tabs-menu .ui-tabs-panel .row-product h5.media-heading-list2, .ui-tabs-menu .ui-widget-content .row-product h5.media-heading, .ui-tabs-menu .ui-widget-content .row-product h5.media-heading-list2 {
    line-height: 0% !important;
}
.menu .menu-selection h1 {
    font-size: 28px;
}
.menu .menu-selection h3 {
    font-size: 20px;
}
.menu .menu-selection .well .btn {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}
.menu #mobile_food_menu_nav .btn small {
    font-size: 70%;
}
.menu .menu-selection .menu-count-2,
.menu .menu-selection .menu-count-1 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.menu .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ {    
    font-size: 14px;
    padding: 6px 16px 8px !important;
}
@media (max-width: 479px) {
    .menu .navbar-affix-container #responsive-food-menu .navbar-inner > div .brand,
    .menu .navbar-affix-container #responsive-food-menu.affix-top .navbar-inner > div .brand {
        max-width: 70%;
    }
}
@media (max-width: 767px) {
    .ui-tabs-menu .ui-tabs-panel, .ui-tabs-menu .ui-widget-content {
        width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .menu .menu-selection .menu-count-2,
    .menu .menu-selection .menu-count-1
    {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

}

@media (min-width: 768px) {
    .menu .how-im-ordering h2 {
        font-size: 2rem;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .menu .menu-selection .well .btn {
        font-size: 15px;
    }
}

@media (min-width: 1200px) {
    .menu .menu-selection h1 {
        font-size: 36px;
    }
    .menu .menu-selection h3 {
        font-size: 28px;
    }
}

/* Members */
.popover .popover-title, .members .sidebar-nav .nav-list .nav-header {
    font-size: 1rem;
}
.members .sidebar-nav .nav-list .nav-header {
    font-weight: 100;
    letter-spacing: 0;
}
.members .ui-state-active, 
.members .ui-widget-content .ui-state-active, 
.members .ui-widget-header .ui-state-active {
    background: #E82111 !important;
    color: #fff !important;
}
.members .form-horizontal .control-label {
    padding-top: 7px;
}
.members #container .well.form-horizontal legend {
    color: #E82111 !important;
}
.members #body h1:not(.hero-unit h1) {
    font-size: 40px;
}

/* Checkout */
.checkout .well > h5, .checkout .well > h4, .checkout .well > p.lead {
    font-size: 1.4rem;
}
.checkout .marginbottom15 .muted {
    opacity: 1 !important;
}
.checkout .well.well-basket .ctl-pointsoptions a, .checkout .loyaltypoints_box .ctl-pointsoptions a {
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: underline;
    font-size: 14px;
    padding: 0 5px;
}

.checkout .loyaltypoints_box .ctl-pointsoptions a:hover,
.checkout .loyaltypoints_box .ctl-pointsoptions a:focus
{
    color: #ccc;
}

@media (max-width: 1199px) {
    .checkout #body > .container > .row-fluid:first-child .span9 h2 {
        text-align: center;
    }
}

/* Contact Us */
.contact-us .ui-widget .ui-widget-header {
    color: #000;
    font-size: 1.5rem;
    padding: 14px 20px 12px;
    background: #FFDA00 !important;
}
.contact-us .contact-phone_numbers {
    margin-bottom: 0 !important;
}


@media (min-width: 768px) {
    .contact-us #body h1 {
        font-size: 40px;
    }
}
@media (max-width: 979px) {
    body.contact-us #body > h1 {
        text-align: center;
    }
}

/* Information */
.information .official-document h2,
.information .official-document h3,
.information .official-document h4
{
    font-size: 2rem;
}


@media (max-width: 767px) {
    body #body > .page-header h1 {
        display: flex;
        flex-direction: column;
    }
    .information .page-header,
    .information .well-hero {
        text-align: center;
    }  
    .information .page-header small {
        font-size: 16px;
    }
    .information #body {
        max-width: 400px;
    }
}

/* Error 404 */
body.error-404 #body .well-large h1 {
    font-size: 40px !important;
}
body.error-404 #body .well-large h2 {
    font-size: 22px;
}
body.error-404 #body .well-large h3 {
    font-size: 20px;
}

/* Order Placed */
.order-complete .jumbotron .p-thanks-for > p {
    margin-top: 20px;
    font-size: 20px;
}
.order-info-well {
    text-align: center;
}

/* Welcome Page */
.welcome #logo {
    margin: 20px auto 0;
}

.welcome #welcome-row-fluid-outer .h5_size {
    font-size: 2rem;
}
.welcome #welcome-row-fluid-outer .h6_size {
    font-size: 1.1rem;
}
@media (max-width: 767px) {
    .welcome #branch_finder_box_pc {    
        margin-right: 10px;
        max-width: fit-content;
    }

}

@media (max-width: 767px) {
    .title_menu_centred {
        margin: 15px auto 0 !important;
        width: 100%;
        text-align: center;
    }    
}


.sides_modal .modal-footer {
    display: none;
}


/* Styling for the menu select popup */
.mod_menuSelect .modal-footer { display: none !important; }
.mod_menuSelect .btn { margin: 5px; margin-top: 0 !important; }
.mod_menuSelect .uk-margin-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.product-363413 {
    display: none;
}

/*breakfast pop up*/
.breakfast_popup {
    max-height: 450px;
}


/**ACCORDION****/
.tb-nav.tb-nav-tabs ,
.menu #body brand, .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ { display:none !important; }
.ui-tabs-vertical .ui-tabs-panel { width:100% !important; }
.accordion-inner { padding: 15px 30px; }
.accordion-inner .row-product { padding-top:10px; padding-bottom:10px; }
#menu-accordion .ui-widget-header { background:none; border:none; }
.accordion-body { background:#fff; }
.accordion-heading{
    margin-bottom: 5px;    
}
.accordion-group { border:none; margin-bottom:0px; }
.accordion-toggle {
    border-radius: 2px !important;
    background-color: #FFDA00;
    text-align:center;
    border: 1px solid #000000 !important;
}
.accordion-body {
    border-radius: 0px !important;
    background-color: #fff;
}
.active-toggle,
.accordion-toggle:active {
    background: #E82111 !important;
    color: #FFFFFF !important;
}
.active-toggle:hover,
.accordion-toggle:active:hover {
    background: #E82111 !important;
}
.accordion-toggle:hover,
.accordion-toggle:focus {
    background:#E82111;
    color:#FFFFFF;
}
.accordion-inner .cat-desc {
    display: block !important;
}
#menu-accordion .accordion-toggle.active-toggle h3,
#menu-accordion .accordion-toggle:hover h3,
#menu-accordion .accordion-toggle:active h3,
#menu-accordion .accordion-toggle:focus h3 {
    background: #E82111 !important;
    color:#FFF !important;
}


.accordion-toggle .fa { display:none !important; }
.ui-tabs-vertical .ui-tabs-panel,
.ui-tabs-menu,
#ui-tabs-1 { padding:0px !important; border:none;}
.ui-tabs-menu { background: none !important; border: none !important; }
.ui-tabs-menu h3 { font-size:20px; font-weight: normal; line-height: normal; }
.loading { text-align:center; }
.loader {
    color: #E82111 !important;
    font-size:65px;
    margin:0 auto;
    padding:35px;
    text-align:center;
}
#responsive-food-menu
.ui-tabs-menu { opacity:0; }
.minus,.plus { line-height:40px;float:right; color:#fff; font-weight:bold; }
.accordion-heading h3 .fa { float: right; line-height: 40px; }
#responsive-food-menu {
    border-radius: 10px !important;
}
.navbar-affix-container {
    margin-bottom: 10px !important;
}
#responsive-food-menu.navbar {
    padding-bottom: 7px !important;
}

.accordion-inner {
    padding: 30px;
}

#mobile_food_menu_nav .zp-ctl-categories {
    display: none !important;
}