/**
   * Remove all paddings around the image on small screen
   */
/* Row */
/* Row */
/* Row */
/* Row */
/* Row */
.stripeNewElements {
  max-height: fit-content !important;
  padding: 0px !important;
  box-shadow: none !important;
  transition: none !important; }

.gap-2 {
  gap: 0.5rem !important; }

.rounded-3 {
  border-radius: 0.3rem !important;
  /* Exit animation class */ }

@keyframes slideDownModal {
  from {
    transform: translateY(0);
    opacity: 1; }

  to {
    transform: translateY(60px);
    opacity: 0; } }

html.cartIsOpen .b3-tabbar {
  transform: translateY(200px); }

html.Cordova {
  /* Open: fast slide up + fade (mirror of the close). Must stay ABOVE the
   .slide-down rule so the close animation wins while closing.
   App sheets ignore this (they use animation:none !important). */ }
  html.Cordova modal.qrCode {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-end; }
  html.Cordova body2 {
    margin-top: env(safe-area-inset-top); }
  html.Cordova:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: env(safe-area-inset-top);
    /* #fff = fallback until JS runs */
    background: var(--topbar-bg, #fff) !important;
    /* stay above the navbar */
    z-index: 99999;
    pointer-events: none;
    transition: background-color 0.2s; }

.modal.show .modal-dialog {
  animation: slideUpModal 0.22s cubic-bezier(0.22, 1, 0.36, 1); }

.modal.slide-down .modal-dialog {
  animation: slideDownModal 0.2s cubic-bezier(0.4, 0, 1, 1) forwards; }

@media (prefers-reduced-motion: reduce) {
  /* Slide-up entrance animation */
    .modal.show .modal-dialog {
      animation: none; } }

@keyframes slideUpModal {
  from {
    transform: translateY(60px);
    opacity: 0; }

  to {
    transform: translateY(0);
    opacity: 1; } }

.modal.fade .modal-dialog {
  transition: none; }

.modal.show:not(.slide-down) .modal-dialog2 {
  animation: slideUpModal 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards; }

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #ccc; }

.mfp-preloader a:hover {
  color: #fff; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

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

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px; }

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px; }

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
  /* Main image in popup */ }

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
  /* The shadow behind the image */ }

.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

button.mfp-close:active:before, button.mfp-close:before {
  font-family: "Font Awesome 6 Pro" !important; }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

#cookieNoticePro .btn-wrap button {
  background: green; }

.cardDeliveryTakeawayTitle {
  display: none !important; }

#cookieNoticePro.light {
  transition: 250ms all;
  opacity: 0.9 !important; }

#cookieNoticePro.light:hover {
  opacity: 0.99 !important; }

.toastify.on.no-internet {
  background: #524e4e !important; }

.locationResults {
  min-height: 400px; }

@media (min-width: 1400px) {
  .container {
    max-width: 1280px !important; } }

.basketDetails .container {
  padding-top: 0px !important; }

.checkoutTabsRetail li {
  padding: 0px !important; }

@media (min-width: 991px) {
  .languageInFilters.bootstrap-select {
    background-color: white; }
    .languageInFilters.bootstrap-select .dropdown-menu.show {
      padding: 0px !important; }
    .languageInFilters.bootstrap-select .selected.active {
      border-left: 3px solid #41b341; }
    .languageInFilters.bootstrap-select li {
      padding: 0px !important; }
      .languageInFilters.bootstrap-select li a {
        padding: 10px 5px !important; }

  .modaSmall .modal-dialog {
    max-width: 720px; } }

.modaSmall.is-tail {
  transform: translateY(-40px) scale(0.9);
  opacity: 0.4; }
  .modaSmall.is-tail .doneModal {
    display: none !important; }

.modaSmall .btnSaveBottom {
  margin-top: auto; }

.modaSmall:not(.editContentAPI):not(.selectMediaAPI) {
  transition: 250ms all; }
  .modaSmall:not(.editContentAPI):not(.selectMediaAPI) .modal-content {
    border: none !important;
    background: transparent; }
    .modaSmall:not(.editContentAPI):not(.selectMediaAPI) .modal-content .modal-body {
      background: #f7f7f7;
      scroll-behavior: smooth !important;
      -webkit-overflow-scrolling: touch !important;
      overflow: scroll;
      height: 85vh !important;
      min-height: 85vh;
      max-height: calc(90vh - env(safe-area-inset-bottom)) !important;
      border-radius: 20px; }

.modalbox:not(.modaSmall).is-tail:before {
  content: "'";
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 99; }

.modaSmall {
  display: flex !important;
  align-items: flex-end;
  transition: 300ms all; }
  .modaSmall.isHidden {
    transform: translateY(100%); }
  .modaSmall .modal-dialog {
    width: 100%; }

.ajaxLink {
  cursor: pointer; }

.magic-cursor .ajaxLink {
  cursor: none !important; }

@media (min-width: 991px) and (max-width: 1900px) {
  .container-small {
    max-width: 600px !important; }

  .container-medium {
    max-width: 800px !important; }

  .container-large {
    max-width: 1000px !important; }

  .container-xlarge {
    max-width: 1300px !important; }

  .container-xxlarge {
    max-width: 1380px !important; } }

.languageInFilters .filter-option {
  display: flex;
  justify-content: center;
  align-items: center; }

@media (min-width: 576px) {
  .pe-sm-0 {
    padding-right: 0 !important; } }

.card .dashboardIcon {
  align-items: center;
  display: flex; }

.fs-15 {
  font-size: 15px; }

.fs-35 {
  font-size: 3.5rem; }

.register_login_button {
  display: flex !important; }

.register_login_button::before {
  content: "\f007" !important;
  height: 100% !important;
  width: 30px !important;
  font-family: 'Font Awesome 5 Pro';
  display: flex;
  justify-content: center;
  align-items: center; }

@media (min-width: 576px) {
  .text-sm-start {
    text-align: left !important; } }

:root {
  --bs-btn-hover-color: black;
  --duration-short: 0.1s;
  --color-background: 255, 255, 255;
  --gradient-background: #fff;
  --color-foreground: 18, 18, 18;
  --color-background-contrast: 191, 191, 191;
  --color-shadow: 18, 18, 18;
  --color-button: 18, 18, 18;
  --color-button-text: 255, 255, 255;
  --color-secondary-button: 255, 255, 255;
  --color-secondary-button-text: 18, 18, 18;
  --color-link: 18, 18, 18;
  --color-badge-foreground: 18, 18, 18;
  --color-badge-background: 255, 255, 255;
  --color-badge-border: 18, 18, 18;
  --payment-terms-background-color: #000; }

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100% !important;
  margin: 0; }

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0; }

.modal-fullscreen .modal-header {
  border-radius: 0; }

.modal-fullscreen .modal-body {
  overflow-y: auto; }

.modal-fullscreen .modal-footer {
  border-radius: 0; }

.alignSelfCenter {
  align-self: center; }

.btnSkipStep, .btnContinueWebsite {
  cursor: pointer; }

.lg-backdrop.in {
  z-index: 10000; }

.lg-visible.lg-outer {
  z-index: 10001; }

.iti--allow-dropdown {
  width: 100%; }

.ui--form .container {
  max-width: 100% !important; }

.animated100 {
  -webkit-animation-duration: 0.1s !important;
  animation-duration: 0.1s !important;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated200 {
  -webkit-animation-duration: 0.2s !important;
  animation-duration: 0.2s !important;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated300 {
  -webkit-animation-duration: 0.3s !important;
  animation-duration: 0.3s !important;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.bootstrap-select {
  padding: 0px !important; }

.upcomingEventsCalendar .eventTitle {
  font-size: 0.8rem;
  font-weight: bold;
  line-height: normal;
  margin-top: 7px; }
  .upcomingEventsCalendar .day.hasEvent .dateOverview {
    margin-bottom: 10px; }

.b3-taps {
  gap: 5px; }
  .b3-taps .active button {
    background: transparent !important;
    color: white !important; }
  .b3-taps button {
    border: none !important;
    transition: 250ms all;
    cursor: pointer; }
  .b3-taps .active {
    border-radius: 6px !important;
    background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59) !important;
    border: none !important; }

body.fromEditor .k_Edit {
  opacity: 0; }
  body.fromEditor .k_Edit a2 i {
    color: rgba(255, 255, 255, 0.9);
    line-height: 32px; }
  body.fromEditor .k_Edit2 a:not(.k_Move) {
    outline: none;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    width: 32px;
    text-align: center;
    position: relative;
    margin-left: 3px;
    border-radius: 3px;
    font-size: 20px;
    background: var(--ui-color-leftmenu);
    pointer-events: auto; }
  body.fromEditor span.k_EditMore {
    display: inline-block;
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 15px;
    padding: 4px 4px 4px 0;
    white-space: nowrap;
    border-radius: 0 0 3px 0; }
    body.fromEditor span.k_EditMore a {
      width: 40px;
      height: 40px; }
  body.fromEditor .k_Edit a.k_Move {
    cursor: grab;
    position: absolute;
    top: 0px;
    background: var(--ui-color-accent);
    border-radius: 0;
    line-height: 40px;
    height: 40px;
    width: 30px;
    text-align: center;
    padding: 0; }
  body.fromEditor header:hover2::after, body.fromEditor .b3-section:hover2::after, body.fromEditor .b3-section.editingElement2::after {
    content: "";
    -webkit-box-shadow: inset 0 0 0 2px #2260ff;
    box-shadow: inset 0 0 0 2px #2260ff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    pointer-events: none; }
  body.fromEditor header:hover .k_Edit, body.fromEditor .b3-section:hover .k_Edit, body.fromEditor .b3-section.editingElement .k_Edit {
    opacity: 1; }
  body.fromEditor .nav-item:hover {
    outline: 2px solid #1488e9 !important; }
  body.fromEditor [contenteditable="true"].isActive {
    position: relative; }
    body.fromEditor [contenteditable="true"].isActive:before {
      white-space: nowrap;
      display: block;
      letter-spacing: 0;
      pointer-events: none;
      content: "Editable Area";
      font-size: 12px;
      font-weight: 700;
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      padding: 0 10px;
      height: 25px;
      line-height: 25px;
      box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
      position: absolute;
      top: -39px;
      right: -2px;
      z-index: 2;
      border-radius: 2px 2px 0 0;
      text-shadow: none;
      margin-top: 5px;
      transition: 0.3s margin-top, opacity;
      z-index: 6;
      text-transform: none;
      background: rgba(0, 0, 0, 0.7); }
    body.fromEditor [contenteditable="true"].isActive:after {
      content: "";
      background: linear-gradient(to right, #44bcff, #ff44ec, #ff675e, #fea620);
      height: 10px;
      position: absolute;
      top: 0px;
      z-index: 99999;
      height: 7px;
      z-index: 5;
      position: absolute;
      top: -9px;
      left: -2px;
      width: calc(100% + 4px); }
  body.fromEditor [contenteditable="true"].isActive, body.fromEditor [contenteditable="true"]:hover {
    box-shadow: 0px 0px 2px 2px #1488e9 !important; }

.store_location {
  background: url(https://b3.my/cdn/images/gps.png);
  height: 40px;
  width: 40px;
  background-size: contain !important; }

header.no-sticky {
  position: relative; }

.owl-nav .fa-chevron-left, .owl-nav .fa-chevron-right {
  font-size: 13px; }

#owlSuggesterProducts .owl-nav, #owlRecentProducts .owl-nav {
  transition: 300ms all;
  opacity: 0; }

#owlSuggesterProducts:hover .owl-nav, #owlRecentProducts:hover .owl-nav {
  opacity: 1 !important; }

#owlSuggesterProducts .owl-dots.disabled, #owlRecentProducts .owl-dots.disabled, #owlSuggesterProducts .owl-nav.disabled, #owlRecentProducts .owl-nav.disabled {
  display: block !important; }

.gap-3 {
  gap: 1rem !important; }

@media (max-width: 991px) {
  .doneModal {
    display: none !important;
    /* ===== Bottom sheet for .modalAjax ===== */ }

  .modalAjax.modal {
    /* scroll inside the sheet, not the modal */
    overflow: hidden; }

  .modalAjax .modal-dialog {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    margin: 0 auto;
    width: 100%;
    /* centred sheet on desktop */
    max-width: 640px;
    /* leaves a gap at the top like iOS sheets */
    max-height: calc(100dvh - 60px);
    min-height: 0;
    display: flex;
    flex-direction: column;
    transform: none;
    will-change: transform;
    /* Grab handle (added by the JS below) */ }

  .modalAjax .sheetHandle {
    flex: 0 0 auto;
    padding: 10px 0 6px;
    cursor: grab;
    /* lets the drag work on mobile */
    touch-action: none; }

  .modalAjax .sheetHandle::before {
    content: "";
    display: block;
    width: 38px;
    height: 5px;
    margin: 0 auto;
    border-radius: 3px;
    background: rgba(0, 0, 0, .2);
    /* Close button top-right */ }

  .modalAjax .closeButton {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    /* Open / close animations */ }

  @keyframes sheetUp {
    from {
      transform: translateY(100%); }

    to {
      transform: none; } }

  @keyframes sheetDown {
    to {
      transform: translateY(100%); } }

  .modalAjax.show .modal-dialog {
    animation: sheetUp 0.35s cubic-bezier(0.32, 0.72, 0, 1); }

  .modalAjax.slide-down .modal-dialog {
    animation: sheetDown 0.2s ease-in forwards; }

  body:has(.modalAjax.slide-down) .modal-backdrop {
    opacity: 0;
    transition: opacity 0.2s; }

  .modalFoodLikeWolfParent .closeFoodModalRight {
    display: none !important; }

  .closeFoodModal {
    background: rgba(0, 0, 0, .5);
    border-radius: 100%;
    padding-top: 9px;
    text-align: center !important;
    padding: 0px !important;
    line-height: 40px !important;
    height: 40px !important;
    width: 40px !important;
    left: 5px;
    top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    top: -20px;
    width: 100%;
    margin: 0px !important;
    align-self: center;
    left: calc(50% - 20px);
    z-index: 999999 !important;
    color: white !important; } }

.theme_version_2 {
  --font-body-family: Assistant, sans-serif;
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-body-weight-bold: 700;
  --font-heading-family: Assistant, sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 400;
  --font-body-scale: 1;
  --font-heading-scale: 1;
  --media-padding: px;
  --media-border-opacity: 0.05;
  --media-border-width: 1px;
  --media-radius: 0px;
  --media-shadow-opacity: 0;
  --media-shadow-horizontal-offset: 0px;
  --media-shadow-vertical-offset: 4px;
  --media-shadow-blur-radius: 5px;
  --media-shadow-visible: 0;
  --page-width-margin: 0rem;
  --product-card-image-padding: 0rem;
  --product-card-corner-radius: 0rem;
  --product-card-text-alignment: left;
  --product-card-border-width: 0rem;
  --product-card-border-opacity: 0.1;
  --product-card-shadow-opacity: 0;
  --product-card-shadow-visible: 0;
  --product-card-shadow-horizontal-offset: 0rem;
  --product-card-shadow-vertical-offset: 0.4rem;
  --product-card-shadow-blur-radius: 0.5rem;
  --collection-card-image-padding: 0rem;
  --collection-card-corner-radius: 0rem;
  --collection-card-text-alignment: left;
  --collection-card-border-width: 0rem;
  --collection-card-border-opacity: 0.1;
  --collection-card-shadow-opacity: 0;
  --collection-card-shadow-visible: 0;
  --collection-card-shadow-horizontal-offset: 0rem;
  --collection-card-shadow-vertical-offset: 0.4rem;
  --collection-card-shadow-blur-radius: 0.5rem;
  --blog-card-image-padding: 0rem;
  --blog-card-corner-radius: 0rem;
  --blog-card-text-alignment: left;
  --blog-card-border-width: 0rem;
  --blog-card-border-opacity: 0.1;
  --blog-card-shadow-opacity: 0;
  --blog-card-shadow-visible: 0;
  --blog-card-shadow-horizontal-offset: 0rem;
  --blog-card-shadow-vertical-offset: 0.4rem;
  --blog-card-shadow-blur-radius: 0.5rem;
  --badge-corner-radius: 4rem;
  --popup-border-width: 1px;
  --popup-border-opacity: 0.1;
  --popup-corner-radius: 0px;
  --popup-shadow-opacity: 0.05;
  --popup-shadow-horizontal-offset: 0px;
  --popup-shadow-vertical-offset: 4px;
  --popup-shadow-blur-radius: 5px;
  --drawer-border-width: 1px;
  --drawer-border-opacity: 0.1;
  --drawer-shadow-opacity: 0;
  --drawer-shadow-horizontal-offset: 0px;
  --drawer-shadow-vertical-offset: 4px;
  --drawer-shadow-blur-radius: 5px;
  --spacing-sections-desktop: 0px;
  --spacing-sections-mobile: 0px;
  --grid-desktop-vertical-spacing: 8px;
  --grid-desktop-horizontal-spacing: 8px;
  --grid-mobile-vertical-spacing: 4px;
  --grid-mobile-horizontal-spacing: 4px;
  --text-boxes-border-opacity: 0.1;
  --text-boxes-border-width: 0px;
  --text-boxes-radius: 0px;
  --text-boxes-shadow-opacity: 0;
  --text-boxes-shadow-visible: 0;
  --text-boxes-shadow-horizontal-offset: 0px;
  --text-boxes-shadow-vertical-offset: 4px;
  --text-boxes-shadow-blur-radius: 5px;
  --buttons-radius: 0px;
  --buttons-radius-outset: 0px;
  --buttons-border-width: 1px;
  --buttons-border-opacity: 1;
  --buttons-shadow-opacity: 0;
  --buttons-shadow-visible: 0;
  --buttons-shadow-horizontal-offset: 0px;
  --buttons-shadow-vertical-offset: 4px;
  --buttons-shadow-blur-radius: 5px;
  --buttons-border-offset: 0px;
  --inputs-radius: 0px;
  --inputs-border-width: 1px;
  --inputs-border-opacity: 0.55;
  --inputs-shadow-opacity: 0;
  --inputs-shadow-horizontal-offset: 0px;
  --inputs-margin-offset: 0px;
  --inputs-shadow-vertical-offset: 4px;
  --inputs-shadow-blur-radius: 5px;
  --inputs-radius-outset: 0px;
  --variant-pills-radius: 40px;
  --variant-pills-border-width: 1px;
  --variant-pills-border-opacity: 0.55;
  --variant-pills-shadow-opacity: 0;
  --variant-pills-shadow-horizontal-offset: 0px;
  --variant-pills-shadow-vertical-offset: 4px;
  /* Zoom in image on scroll */
  --variant-pills-shadow-blur-radius: 5px;
  --ui-color-accent: #179bd7;
  --ui-color-accent-75: rgba(23, 155, 215, 0.7);
  --ui-color-accent-50: rgba(23, 155, 215, 0.5);
  --ui-color-accent-25: rgba(23, 155, 215, 0.25);
  --ui-color-accent-light: rgba(23, 155, 215, 0.1);
  --ui-color-stripes-accent: repeating-linear-gradient(-45deg, #005f9b, #179bd7 20px, #005f9b 20px, #005f9b 50px, #179bd7 50px, #179bd7 65px);
  --ui-color-leftmenu: #333944; }
  .theme_version_2 .btnAddToBasketB4 {
    padding: 10px;
    font-size: 16px; }
  .theme_version_2 .topBarLeft .marquee:hover > span {
    animation-play-state: paused; }
  @media (max-width: 991px) {
  .theme_version_2 .orderOnlineV2 .foodCatTitleParent, .theme_version_2 #orderVersion4 .foodCatTitleParent {
    padding-left: 0px; }
    .theme_version_2 .orderOnlineV2 .foodCatTitleParent .expand, .theme_version_2 #orderVersion4 .foodCatTitleParent .expand {
      margin-right: 9px; }
  .theme_version_2 .event-btn {
    padding: 5px 8px;
    font-size: 12px; }
  .theme_version_2 .cartFixedAlways .closeBasket {
    display: flex !important; }
  .theme_version_2 .search-form-box {
    width: 90% !important; }
    .theme_version_2 .search-form-box h2 {
      font-size: 30px; }

    .theme_version_2 .search-form-box .tile_price.title {
      margin-right: 0px !important;
      min-width: 60px; }
  .theme_version_2 .menu-order {
    display: flex;
    justify-content: center; }
  .theme_version_2 .navbar-toggler {
    transform: scale(1.5); } }
  .theme_version_2 .navbar ul.navbar-nav {
    align-self: center !important; }
  .theme_version_2 footer .custom-content {
    margin-top: 15px; }
  .theme_version_2 .slideshowItems {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .theme_version_2 .changeQuantity {
    padding: 0px 0px 0px 10px; }
  .theme_version_2 .changeVariantSelect {
    position: relative;
    display: inline-block;
    width: 100%; }
  .theme_version_2 .changeVariantSelect {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 10px 40px 10px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    cursor: pointer;
    /* Custom arrow */ }
  .theme_version_2 .variantsBoxInProduct .col-8 {
    position: relative; }
  .theme_version_2 .variantsBoxInProduct .col-8::after {
    /* fa-chevron-down */
    content: "\f078";
    /* adjust if needed */
    font-family: "Font Awesome 5 Pro";
    /* solid style */
    font-weight: 900;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 14px;
    color: #555;
    transition: transform 0.25s ease; }
  .theme_version_2 .orderOnlineV2 .basketItems .quantity i {
    right: 13px; }
  .theme_version_2 .foodName {
    padding-left: 10px !important;
    font-size: 13px; }
  .theme_version_2 .sticky .header-top-bar {
    transform: translateY(-46px); }
  @media (max-width: 991px) {
  .theme_version_2 .search-form-icon {
    padding: 10px 15px !important; } }
  .theme_version_2 .cartFixedAlways.visible {
    z-index: 9057 !important; }
  .theme_version_2 .itemPicParent {
    width: auto !important; }
  .theme_version_2 .simple-dropdown .dropdown-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    right: 0px;
    position: absolute;
    top: 0;
    text-align: center;
    color: var(--dark-gray); }
    .theme_version_2 .simple-dropdown .dropdown-toggle:after {
      display: none; }
  .theme_version_2 .image-gallery-style-01 .gallery-box .gallery-image {
    will-change: transform; }
  .theme_version_2 .image-gallery-style-01 .gallery-box:hover .lazyloadGalleryImage {
    opacity: 0.5;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  .theme_version_2 .image-gallery-style-02 .gallery-box:hover .lazyloadGalleryImage {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.3; }
  .theme_version_2 .image-gallery-style-03 .gallery-box i {
    opacity: 0;
    visibility: hidden; }
  .theme_version_2 .image-gallery-style-03 .gallery-box .lazyloadGalleryImage {
    -webkit-transform: scale(1.13) translateZ(0);
    transform: scale(1.13) translateZ(0); }
  .theme_version_2 .image-gallery-style-03 .gallery-box:hover i {
    opacity: 1;
    visibility: visible; }
  .theme_version_2 .image-gallery-style-03 .gallery-box:hover .lazyloadGalleryImage {
    opacity: 0.2;
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0); }
  .theme_version_2 .image-gallery-style-04 .gallery-box {
    will-change: transform; }
  .theme_version_2 .image-gallery-style-04 .gallery-box .lazyloadGalleryImage {
    width: 100%; }
  .theme_version_2 .image-gallery-style-04 .gallery-box:hover .lazyloadGalleryImage {
    opacity: 0.2; }
  .theme_version_2 .image-gallery-style-05 .gallery-box {
    will-change: transform; }
  .theme_version_2 .image-gallery-style-05 .gallery-box:hover .lazyloadGalleryImage {
    opacity: 0.2; }
  .theme_version_2 .image-gallery-style-06 .gallery-box {
    will-change: transform; }
  .theme_version_2 .image-gallery-style-06 .gallery-box .lazyloadGalleryImage {
    width: 100%; }
  .theme_version_2 .image-gallery-style-06 .gallery-box .gallery-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden; }
  .theme_version_2 .image-gallery-style-06 .gallery-box .gallery-hover .gallery-title {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  .theme_version_2 .image-gallery-style-06 .gallery-box:hover .lazyloadGalleryImage {
    opacity: 0.2;
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
  .theme_version_2 .image-gallery-style-06 .gallery-box:hover .gallery-hover {
    opacity: 1;
    visibility: visible; }
  .theme_version_2 .image-gallery-style-06 .gallery-box:hover .gallery-hover .gallery-title {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .theme_version_2 .cursorPointer {
    cursor: pointer; }
  .theme_version_2 .ui--form {
    border: 1px solid #eee1f7;
    background: white;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05) !important;
    border-radius: 8px;
    padding: 8px;
    margin: 10px 0px; }
  .theme_version_2 .bootstrap-select {
    background: transparent !important; }
  .theme_version_2 .overlay-sidebar-edit {
    z-index: 1058 !important; }
  .theme_version_2 .searchInputGroup {
    position: relative; }
    .theme_version_2 .searchInputGroup input {
      padding-left: 30px; }
    .theme_version_2 .searchInputGroup i {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      padding: 10px; }
  .theme_version_2 .overlayB3, .theme_version_2 .overlayWolf {
    position: fixed;
    top: -20px;
    left: 0px;
    width: 100%;
    height: calc(100% + 20px);
    background: rgba(32, 33, 37, 0.35);
    z-index: 1057 !important; }
  .theme_version_2 .flatpickr-wrapper {
    width: 100%; }
  .theme_version_2 .packageTickets .ticket_card {
    border: 0px !important; }
    .theme_version_2 .packageTickets .ticket_card h4 {
      margin-top: 10px;
      font-size: 1.6rem !important;
      line-height: 2rem; }
    .theme_version_2 .packageTickets .ticket_card .package_price {
      font-size: 2rem;
      font-weight: bold; }
  @media (min-width: 992px) {
  .theme_version_2 .btnCompleteTickets {
    padding: 15px;
    border-radius: 8px !important; }
  .theme_version_2 .enterPhone .helloSignIn {
    font-size: 30px; }
    .theme_version_2 .enterPhone h4 {
      font-size: 23px;
      margin-bottom: 5px;
      margin-top: 10px; }
  .theme_version_2 .btnContinueAll {
    padding: 15px;
    font-size: 14px;
    border-radius: 8px; } }
  @media (max-width: 991px) {
  .theme_version_2 {
    /*!
	Atropos
	Version: 2.0.2
	Plugin URL: https://atroposjs.com
	License: Copyright 2021-2023 | Released under the MIT License
!*/ }
    .theme_version_2 .btnCompleteTickets {
      padding: 15px;
      border-radius: 8px !important; }

    .theme_version_2 .enterPhone .helloSignIn {
      font-size: 30px; }
      .theme_version_2 .enterPhone h4 {
        font-size: 33px; }

    .theme_version_2 .btnContinueAll {
      padding: 15px;
      font-size: 14px;
      border-radius: 8px; } }
  .theme_version_2 .atropos {
    position: relative;
    display: block;
    perspective: 1200px;
    transform: translate3d(0, 0, 0); }
  .theme_version_2 .atropos-rotate-touch, .theme_version_2 .atropos-rotate-scroll-x, .theme_version_2 .atropos-rotate-scroll-y {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
  .theme_version_2 .atropos-rotate-touch-scroll-y {
    touch-action: pan-y; }
  .theme_version_2 .atropos-rotate-touch-scroll-x {
    touch-action: pan-x; }
  .theme_version_2 .atropos-rotate-touch {
    touch-action: none; }
  .theme_version_2 .atropos-scale, .theme_version_2 .atropos-rotate {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition-property: transform;
    display: block; }
  .theme_version_2 .atropos-shadow, .theme_version_2 .atropos-highlight {
    position: absolute;
    pointer-events: none;
    transition-property: transform, opacity;
    display: block;
    opacity: 0; }
  .theme_version_2 .atropos-shadow {
    z-index: -1;
    background: #000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: blur(30px); }
  .theme_version_2 .atropos-highlight {
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-image: radial-gradient(circle at 50%, rgba(255, 255, 255, 0.25), transparent 50%);
    z-index: 0; }
  .theme_version_2 .atropos-rotate {
    position: relative; }
  .theme_version_2 .atropos-inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    transform-style: preserve-3d;
    transform: translate3d(0, 0, 0);
    display: block; }
  .theme_version_2 .atropos-active {
    z-index: 1; }
  .theme_version_2 .atropos-active .atropos-shadow {
    opacity: 1 !important; }
  .theme_version_2 [data-atropos-offset], .theme_version_2 ::slotted([data-atropos-offset]) {
    transition-property: transform; }
  .theme_version_2 [data-atropos-opacity] {
    transition-property: opacity; }
  .theme_version_2 [data-atropos-offset][data-atropos-opacity], .theme_version_2 ::slotted([data-atropos-offset][data-atropos-opacity]) {
    transition-property: transform, opacity; }
  .theme_version_2 .productList li:hover .sI {
    opacity: 1 !important; }
    .theme_version_2 .productList li .sI {
      opacity: 0;
      pointer-events: none;
      transition: 450ms all;
      position: absolute;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 0 !important;
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: center center !important; }
  .theme_version_2 .form-group .bootstrap-select {
    width: 100% !important; }
  .theme_version_2 .form-group .bootstrap-select button {
    padding: 12px 15px;
    color: black;
    background: white !important;
    border-radius: var(--bs-border-radius); }
  .theme_version_2 .modalAjax.modal.mode_partner.show {
    z-index: 1056 !important; }
  .theme_version_2 .modalAjax.mode_partner.show + .modal-backdrop {
    z-index: 1055 !important; }
  .theme_version_2 .iti__search-input {
    padding: 10px; }
  .theme_version_2 .iti__selected-country-primary {
    padding: 0px 10px !important; }
  @keyframes show-animation {
  .theme_version_2 from {
    opacity: 0; }
  .theme_version_2 to {
    opacity: 1; } }
  .theme_version_2 .header-account-icon .header-account .account-item-list .account-item {
    display: inline-block;
    padding: 0 45px 12px 40px;
    width: 100%;
    position: relative;
    font-size: 17px;
    font-weight: 400; }
  .theme_version_2 .header-account .account-item-list {
    display: none;
    left: auto;
    right: 0;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);
    border-radius: 0;
    background-color: var(--white);
    border: 0;
    padding: 35px 0;
    min-width: 220px;
    margin: 0;
    position: absolute;
    z-index: 1;
    top: 100%; }
  .theme_version_2 .header-account.open .account-item-list {
    display: block;
    -webkit-animation: show-animation 0.5s;
    animation: show-animation 0.5s; }
  .theme_version_2 .slideshowContainer.text-center div {
    width: 100%; }
  .theme_version_2 .bg-light-sea-green-transparent-light {
    background-color: rgba(22, 193, 204, 0.15); }
  .theme_version_2 .languageInFilters button.btn.dropdown-toggle.btn-light {
    text-transform: uppercase !important;
    height: 44px;
    border-radius: 4px; }
  .theme_version_2 #myModal button.close {
    font-size: 3rem;
    color: white;
    background: transparent;
    border: 0px;
    right: 10px;
    position: absolute; }
    .theme_version_2 #myModal .modal-header {
      position: absolute;
      width: 100%;
      z-index: 99;
      border: 0px; }
    .theme_version_2 #myModal .btn-danger {
      color: #dc3545;
      background-color: rgba(255, 255, 255, 0.3);
      border-color: #dc3545;
      cursor: pointer; }
    .theme_version_2 #myModal .btn-danger:hover {
      background-color: rgba(255, 255, 255, 0.6); }
    .theme_version_2 #myModal .modal-footer {
      border-top: 0px;
      background: transparent;
      position: absolute;
      bottom: 0px;
      width: 100%; }
    .theme_version_2 #myModal .modal-content {
      background-color: rgba(255, 255, 255, 0.8) !important; }
    .theme_version_2 #myModal .modal-body {
      padding: 0px; }
  .theme_version_2 .sharers button {
    width: 35px;
    height: 35px;
    font-size: 14px;
    border-radius: 6px; }
  .theme_version_2 .btn-viber {
    background: #7360f2;
    color: white !important; }
  .theme_version_2 .btn-whatsapp {
    background: #075e54;
    color: white !important; }
  .theme_version_2 header {
    transition: 300ms all; }
  .theme_version_2 .no-sticky.pull-content.sticky:not(.sticky-active) {
    pointer-events: none; }
  .theme_version_2 header.pull-content.sticky:not(.sticky-active):not(.no-sticky):not(.is-sticky) {
    position: sticky !important;
    z-index: 9999;
    transform: translateY(-100%);
    top: 0px; }
  .theme_version_2 .bootstrap-select {
    max-width: auto !important;
    width: auto !important; }
  .theme_version_2 .dropdown.languageInFilters.open div.dropdown-menu:not(.show) {
    display: none !important; }
    .theme_version_2 .dropdown.languageInFilters.open div.dropdown-menu.show {
      display: block !important; }
  .theme_version_2 .swiper-pagination.position-static {
    width: 100% !important;
    left: 0px !important;
    transform: none !important; }
  .theme_version_2 .dropdown.languageInFilters {
    position: relative !important;
    align-self: center !important; }
    .theme_version_2 .dropdown.languageInFilters .filter-option-inner-inner {
      padding-right: 4px; }
    .theme_version_2 .dropdown.languageInFilters .changeLanguageAjax {
      color: black !important; }
  @media (max-width: 992px) {
  .theme_version_2 .navbar-collapse li {
    text-align: left; }
  .theme_version_2 #navbarNav {
    background: var(--header-bg-color); }
  .theme_version_2 ul.navbar-nav li.dropdown.open .dropdown-menu {
    display: block !important; } }
  @media (min-width: 768px) {
  .theme_version_2 [data-template="popup"], .theme_version_2 [data-template="cookies"], .theme_version_2 [data-template="whatsapp"] {
    padding: 0px !important; } }
  .theme_version_2 .modalAjax.qrCode {
    text-align: center; }
  @media (max-width: 991px) {
  .theme_version_2 .modalAjax.qrCode.show {
    align-items: flex-end;
    display: flex !important; } }
  .theme_version_2 [data-header-hover=light] {
    transition: 250ms all; }
  .theme_version_2 .sticky-active[data-header-hover=light] {
    background-color: white; }
  .theme_version_2 .page-width-2 {
    max-width: var(--page-width);
    margin: 0 auto;
    padding: 0 1.5rem; }
  .theme_version_2 .deferred-media__poster {
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0 !important;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: calc(var(--border-radius) - var(--border-width)); }
  .theme_version_2 .media > .deferred-media__poster {
    display: flex;
    align-items: center;
    justify-content: center; }
  .theme_version_2 .deferred-media__poster img {
    width: auto;
    max-width: 100%;
    height: 100%; }
  .theme_version_2 .deferred-media {
    overflow: hidden; }
  .theme_version_2 .deferred-media:not([loaded]) template {
    z-index: -1; }
  .theme_version_2 .deferred-media[loaded] > .deferred-media__poster {
    display: none; }
  .theme_version_2 .deferred-media__poster:focus-visible {
    outline: none;
    box-shadow: 0 0 0 var(--media-border-width) rgba(0, 0, 0, ), 0 0 0 calc(var(--media-border-width) + 0.3rem) #000, 0 0 0 calc(var(--media-border-width) + 0.5rem) rgba(0, 1, 0, );
    border-radius: calc(var(--media-radius) - var(--media-border-width)); }
  .theme_version_2 .deferred-media__poster:focus {
    outline: none;
    box-shadow: 0 0 0 var(--media-border-width) rgba(0, 0, 0, ), 0 0 0 calc(var(--media-border-width) + 0.3rem) #000, 0 0 0 calc(var(--media-border-width) + 0.5rem) rgba(0, 1, 0, );
    border-radius: calc(var(--media-radius) - var(--media-border-width)); }
  .theme_version_2 .global-media-settings--full-width .deferred-media__poster, .theme_version_2 .global-media-settings--full-width .deferred-media__poster:is(:focus, :focus-visible) {
    border-radius: 0;
    /* outline styling for Windows High Contrast Mode */ }
  @media (forced-colors: active) {
  .theme_version_2 .deferred-media__poster:focus {
    outline: transparent solid 1px; } }
  .theme_version_2 .deferred-media__poster:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none; }
  .theme_version_2 .deferred-media__poster-button:hover {
    transform: translate(-50%, -50%) scale(1.1); }
  .theme_version_2 .deferred-media__poster-button .icon {
    width: 2rem;
    height: 2rem; }
  .theme_version_2 .deferred-media__poster-button .icon-play {
    margin-left: 0.2rem; }
  .theme_version_2 .video-section__media {
    --ratio-percent: 56.25%;
    position: relative;
    padding-bottom: calc(var(--ratio-percent) - var(--media-border-width));
    /* Needed for gradient continuity with or without animation so that transparent PNG images come up as we would expect */ }
  .theme_version_2 .scroll-trigger:where(.gradient.video-section__media) {
    background: transparent; }
  .theme_version_2 .video-section__media.global-media-settings--full-width {
    padding-bottom: var(--ratio-percent); }
  .theme_version_2 .video-section__media.deferred-media {
    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(0, 0, 0, ); }
  .theme_version_2 .video-section__media.deferred-media:after {
    content: none; }
  .theme_version_2 .video-section__poster.deferred-media__poster:focus {
    outline-offset: 0.3rem; }
  .theme_version_2 .video-section__media iframe {
    background-color: rgba(0, 0, 0, );
    border: 0; }
  .theme_version_2 .video-section__poster {
    position: absolute !important;
    width: 100%;
    height: 100%; }
  .theme_version_2 .video-section__poster, .theme_version_2 .video-section__media iframe, .theme_version_2 .video-section__media video {
    position: absolute;
    width: 100%;
    height: 100%; }
  .theme_version_2 .video-section__media video {
    background: #000; }
  .theme_version_2 .video-section__media.media-fit-cover video {
    object-fit: cover; }
  .theme_version_2 .deferred-media__poster {
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: calc(var(--border-radius) - var(--border-width)); }
  .theme_version_2 .media > .deferred-media__poster {
    display: flex;
    align-items: center;
    justify-content: center; }
  .theme_version_2 .deferred-media__poster img {
    width: auto;
    max-width: 100%;
    height: 100%; }
  .theme_version_2 .deferred-media {
    overflow: hidden; }
  .theme_version_2 .deferred-media:not([loaded]) template {
    z-index: -1; }
  .theme_version_2 .deferred-media[loaded] > .deferred-media__poster {
    display: none; }
  .theme_version_2 .deferred-media__poster:focus-visible {
    outline: none;
    box-shadow: 0 0 0 var(--media-border-width) rgba(0, 0, 0, ), 0 0 0 calc(var(--media-border-width) + 0.3rem) #000, 0 0 0 calc(var(--media-border-width) + 0.5rem) rgba(0, 1, 0, );
    border-radius: calc(var(--media-radius) - var(--media-border-width)); }
  .theme_version_2 .deferred-media__poster:focus {
    outline: none;
    box-shadow: 0 0 0 var(--media-border-width) rgba(0, 0, 0, ), 0 0 0 calc(var(--media-border-width) + 0.3rem) #000, 0 0 0 calc(var(--media-border-width) + 0.5rem) rgba(0, 1, 0, );
    border-radius: calc(var(--media-radius) - var(--media-border-width)); }
  .theme_version_2 .global-media-settings--full-width .deferred-media__poster, .theme_version_2 .global-media-settings--full-width .deferred-media__poster:is(:focus, :focus-visible) {
    border-radius: 0;
    /* outline styling for Windows High Contrast Mode */ }
  @media (forced-colors: active) {
  .theme_version_2 .deferred-media__poster:focus {
    outline: transparent solid 1px; } }
  .theme_version_2 .deferred-media__poster:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none; }
  .theme_version_2 .deferred-media__poster-button {
    background-color: rgb(var(--color-background));
    border: 0.1rem solid rgba(var(--color-foreground), 0.1);
    border-radius: 50%;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.2rem;
    width: 6.2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: transform var(--duration-short) ease, color var(--duration-short) ease;
    z-index: 1; }
  .theme_version_2 .deferred-media__poster-button:hover {
    transform: translate(-50%, -50%) scale(1.1); }
  .theme_version_2 .deferred-media__poster-button .icon {
    width: 2rem;
    height: 2rem; }
  .theme_version_2 .deferred-media__poster-button .icon-play {
    margin-left: 0.2rem; }
  .theme_version_2 .animate--zoom-in {
    --zoom-in-ratio: 1; }
  .theme_version_2 .animate--zoom-in > img, .theme_version_2 .animate--zoom-in > .svg-wrapper {
    transition: scale var(--duration-short) linear;
    scale: var(--zoom-in-ratio);
    /* Animations */ }
  @media (prefers-reduced-motion: no-preference) {
  .theme_version_2 {
    /* Element Hovers: Vertical Lift, 3d Lift */ }
    .theme_version_2 .animate--ambient > img, .theme_version_2 .animate--ambient > .svg-wrapper {
      animation: animateAmbient 30s linear infinite; }

    @keyframes animateAmbient {
    .theme_version_2 0% {
      transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2); }
    .theme_version_2 100% {
      transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2); } }

    .theme_version_2 .scroll-trigger.animate--fade-in, .theme_version_2 .scroll-trigger.animate--slide-in {
      opacity: 0.01; }

    .theme_version_2 .scroll-trigger.animate--slide-in {
      transform: translateY(2rem); }

    .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
      opacity: 1;
      animation: var(--animation-fade-in); }

    .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
      animation: var(--animation-slide-in);
      animation-delay: calc(var(--animation-order) * 75ms); }

    .theme_version_2 .scroll-trigger.scroll-trigger--design-mode.animate--fade-in, .theme_version_2 .scroll-trigger.scroll-trigger--design-mode.animate--slide-in, .theme_version_2 .scroll-trigger.scroll-trigger--design-mode .slider, .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
      opacity: 1;
      animation: none;
      transition: none;
      transform: none; }

    .theme_version_2 .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
      transform: translateY(0); }

    @keyframes slideIn {
    .theme_version_2 from {
      transform: translateY(2rem);
      opacity: 0.01; }
    .theme_version_2 to {
      transform: translateY(0);
      opacity: 1; } }

    @keyframes fadeIn {
    .theme_version_2 from {
      opacity: 0.01; }
    .theme_version_2 to {
      opacity: 1; } } }
  @media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--card, .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--standard .card__inner, .theme_version_2 .animate--hover-3d-lift .button:not(.button--tertiary), .theme_version_2 .animate--hover-3d-lift .shopify-challenge__button, .theme_version_2 .animate--hover-3d-lift .customer button, .theme_version_2 .animate--hover-3d-lift .shopify-payment-button__button, .theme_version_2 .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
    transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;
    transform-origin: center; }
  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--card, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner, .theme_version_2 .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover, .theme_version_2 .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover, .theme_version_2 .animate--hover-3d-lift .customer button:not([disabled]):hover, .theme_version_2 .animate--hover-3d-lift .shopify-payment-button__button:hover, .theme_version_2 .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    /* Slow the card transition speed while hover is active. */
    transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease;
    transform: rotate(1deg);
    box-shadow: -1rem -1rem 1rem -1rem rgba(0, 0, 0, 0.05), 1rem 1rem 1rem -1rem rgba(0, 0, 0, 0.05), 0 0 0.5rem 0 rgba(255, 255, 255, 0), 0 2rem 3.5rem -2rem rgba(0, 0, 0, 0.5); }
  .theme_version_2 .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    /* Apply a specialized transform to the video play button. */
    transform: translate(-50%, -50%) scale(1.05); }
  .theme_version_2 .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card, .theme_version_2 .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner {
    /* Less intense rotation for collage items. */
    transform: rotate(0.5deg); }
  .theme_version_2 .animate--hover-3d-lift .product-grid .grid__item:hover, .theme_version_2 .animate--hover-3d-lift .collection-list .grid__item:hover, .theme_version_2 .animate--hover-3d-lift .collage__item:hover, .theme_version_2 .animate--hover-3d-lift .blog-articles .article:hover, .theme_version_2 .animate--hover-3d-lift .complementary-slide li:hover {
    /* Make sure the hovered card is the topmost card. */
    z-index: 2; }
  .theme_version_2 .animate--hover-3d-lift .product-grid {
    /* Ensure z-index changes here don't negatively effect other UI stacking. */
    isolation: isolate; }
  .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {
    box-shadow: none;
    transition: transform var(--duration-long) ease, filter var(--duration-long) ease; }
  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner {
    /* Slow the card transition speed while hover is active. */
    transition: transform calc(2 * var(--duration-extended)) ease, filter var(--duration-long) ease;
    filter: drop-shadow(0rem 2rem 2rem rgba(0, 0, 0, 0.15)) drop-shadow(0rem 1rem 1rem rgba(0, 0, 0, 0.15)); }
  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--card:after, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
    background-image: var(--easter-egg);
    background-size: 250px 250px;
    mix-blend-mode: color-dodge;
    pointer-events: none;
    z-index: 2; }
  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--card:before, .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: background-position calc(2 * var(--duration-extended)) ease, opacity var(--duration-default) ease;
    mix-blend-mode: overlay;
    background-size: 400% 100%;
    background-position: 90% 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 45%, #fff 50%, rgba(255, 255, 255, 0) 55%); }
  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--card:before, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after {
    opacity: 0.2;
    transition: background-position 6s ease, opacity var(--duration-long) ease;
    background-position: left;
    z-index: 2; }
  .theme_version_2 :root {
    --easter-egg: none;
    --sparkle: url('./sparkle.gif'); }
  .theme_version_2 .animate--hover-vertical-lift .button:not(.button--tertiary), .theme_version_2 .animate--hover-vertical-lift .shopify-challenge__button, .theme_version_2 .animate--hover-vertical-lift .customer button, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button {
    transition: transform var(--duration-default) var(--ease-out-slow); }
  .theme_version_2 .animate--hover-vertical-lift .card-wrapper .card--card, .theme_version_2 .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {
    transition: transform var(--duration-medium) var(--ease-out-slow); }
  .theme_version_2 .animate--hover-vertical-lift .card-wrapper:hover .card--card, .theme_version_2 .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {
    transform: translateY(-0.75rem); }
  .theme_version_2 .animate--hover-vertical-lift .card-wrapper:active .card--card, .theme_version_2 .animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner {
    transform: translateY(-0.5rem); }
  .theme_version_2 .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover, .theme_version_2 .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover, .theme_version_2 .animate--hover-vertical-lift .customer button:not([disabled]):hover, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button:hover {
    transform: translateY(-0.25rem); }
  .theme_version_2 .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active, .theme_version_2 .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active, .theme_version_2 .animate--hover-vertical-lift .customer button:not([disabled]):active, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button:active {
    transform: translateY(0); }
  .theme_version_2 .animate--hover-vertical-lift .button:not([disabled]):hover:after, .theme_version_2 .animate--hover-vertical-lift .customer button:not([disabled]):hover:after, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {
    /* Default is 1.3px as defined above in this file. This removes 1px to prevent the border from growing on buttons when this effect is on.  */
    --border-offset: 0.3px;
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(0, 0, 0, ), 0 0 0 var(--buttons-border-width) rgba(0, 0, 0, ); }
  .theme_version_2 .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
    /* Prevent the border from growing on buttons when this effect is on. */
    --border-offset: 0px; } }
  .theme_version_2 .col-right-bar .dropdown {
    align-items: center;
    display: flex; }
  .theme_version_2 . .navbar-nav .nav-item {
    align-self: unset !important; }
    .theme_version_2 . .navbar-nav a.active:after {
      content: "";
      border-bottom: 2px solid grey;
      width: 100%;
      height: 1px;
      position: absolute;
      left: 0px;
      bottom: 0px; }
  .theme_version_2 .navbar .navbar-nav .nav-link {
    color: var(--dark-gray); }
  .theme_version_2 .btn-block {
    width: 100%; }
  .theme_version_2 header.no-sticky .navbar {
    position: relative; }
  .theme_version_2 header.pull-content .navbar {
    position: relative; }
    .theme_version_2 header.pull-content:not(.no-sticky).sticky-active {
      position: sticky !important;
      z-index: 9999;
      top: 0px; }
  .theme_version_2 header.no-sticky .navbar {
    position: relative; }
  .theme_version_2 .propertyType {
    margin-top: 4px !important; }
  .theme_version_2 .couponCodeForm .input-group-append {
    position: absolute;
    right: 0px;
    z-index: 9;
    min-width: 90px;
    height: 100%; }
    .theme_version_2 .couponCodeForm .input-group-append .btnApplyCoupon {
      width: 100% !important; }
  .theme_version_2 .btnApplyCoupon {
    position: absolute;
    background: #0ba001;
    height: calc(100% - 2px) !important;
    padding: 0px 10px;
    top: 1px;
    border: none !important; }
  .theme_version_2 .wolfList a.nav-link {
    padding: 15px 0px; }
  .theme_version_2 :root {
    --alpha-button-background: 1;
    --alpha-button-border: 1;
    --alpha-link: 0.85;
    --alpha-badge-border: 0.1;
    --page-width-passing: 1.5rem; }
  .theme_version_2 .checkout--page_2 {
    margin-top: 160px !important; }
  .theme_version_2 .editdetails .col-12 {
    padding-left: 15px;
    padding-right: 15px; }
  .theme_version_2 .product-card-wrapper .card, .theme_version_2 .contains-card--product {
    --border-radius: var(--product-card-corner-radius);
    --border-width: var(--product-card-border-width);
    --border-opacity: var(--product-card-border-opacity);
    --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
    --shadow-blur-radius: var(--product-card-shadow-blur-radius);
    --shadow-opacity: var(--product-card-shadow-opacity);
    --shadow-visible: var(--product-card-shadow-visible);
    --image-padding: var(--product-card-image-padding);
    --text-alignment: var(--product-card-text-alignment); }
  .theme_version_2 .collection-card-wrapper .card, .theme_version_2 .contains-card--collection {
    --border-radius: var(--collection-card-corner-radius);
    --border-width: var(--collection-card-border-width);
    --border-opacity: var(--collection-card-border-opacity);
    --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);
    --shadow-blur-radius: var(--collection-card-shadow-blur-radius);
    --shadow-opacity: var(--collection-card-shadow-opacity);
    --shadow-visible: var(--collection-card-shadow-visible);
    --image-padding: var(--collection-card-image-padding);
    --text-alignment: var(--collection-card-text-alignment); }
  .theme_version_2 .article-card-wrapper .card, .theme_version_2 .contains-card--article {
    --border-radius: var(--blog-card-corner-radius);
    --border-width: var(--blog-card-border-width);
    --border-opacity: var(--blog-card-border-opacity);
    --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
    --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
    --shadow-opacity: var(--blog-card-shadow-opacity);
    --shadow-visible: var(--blog-card-shadow-visible);
    --image-padding: var(--blog-card-image-padding);
    --text-alignment: var(--blog-card-text-alignment); }
  .theme_version_2 .contains-content-container, .theme_version_2 .content-container {
    --border-radius: var(--text-boxes-radius);
    --border-width: var(--text-boxes-border-width);
    --border-opacity: var(--text-boxes-border-opacity);
    --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
    --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
    --shadow-opacity: var(--text-boxes-shadow-opacity);
    --shadow-visible: var(--text-boxes-shadow-visible); }
  .theme_version_2 .contains-media, .theme_version_2 .global-media-settings {
    --border-radius: var(--media-radius);
    --border-width: var(--media-border-width);
    --border-opacity: var(--media-border-opacity);
    --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--media-shadow-vertical-offset);
    --shadow-blur-radius: var(--media-shadow-blur-radius);
    --shadow-opacity: var(--media-shadow-opacity);
    --shadow-visible: var(--media-shadow-visible);
    /* base */ }
  .theme_version_2 .no-js:not(html) {
    display: none !important; }
  .theme_version_2 html.no-js .no-js:not(html) {
    display: block !important; }
  .theme_version_2 .no-js-inline {
    display: none !important; }
  .theme_version_2 html.no-js .no-js-inline {
    display: inline-block !important; }
  .theme_version_2 html.no-js .no-js-hidden {
    display: none !important; }
  .theme_version_2 body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
    max-width: 100%; }
  .theme_version_2 .page-width.drawer-menu {
    max-width: 100%; }
  .theme_version_2 .page-width-desktop {
    padding: 0;
    margin: 0 auto; }
  .theme_version_2 .utility-bar__grid.page-width {
    padding-left: 3rem;
    padding-right: 3rem; }
  @media screen and (min-width: 750px) {
  .theme_version_2 .header.page-width, .theme_version_2 .utility-bar__grid.page-width {
    padding-left: 3.2rem;
    padding-right: 3.2rem; }
  .theme_version_2 .page-width--narrow {
    padding: 0 9rem; }
  .theme_version_2 .page-width-desktop {
    padding: 0; }
  .theme_version_2 .page-width-tablet {
    padding: 0 5rem; } }
  @media screen and (min-width: 990px) {
  .theme_version_2 .header:not(.drawer-menu).page-width {
    padding-left: 5rem;
    padding-right: 5rem; }
  .theme_version_2 .page-width--narrow {
    max-width: 72.6rem;
    padding: 0; }
  .theme_version_2 .page-width-desktop {
    max-width: var(--page-width);
    padding: 0 5rem; } }
  .theme_version_2 .isolate {
    position: relative;
    z-index: 0; }
  .theme_version_2 .section + .section {
    margin-top: var(--spacing-sections-mobile); }
  @media screen and (min-width: 750px) {
  .theme_version_2 .section + .section {
    margin-top: var(--spacing-sections-desktop); } }
  .theme_version_2 .element-margin-top {
    margin-top: 5rem; }
  @media screen and (min-width: 750px) {
  .theme_version_2 .element-margin {
    margin-top: calc(5rem + var(--page-width-margin)); } }
  .theme_version_2 .background-secondary {
    background-color: rgba(0, 0, 0, ); }
  .theme_version_2 .grid-auto-flow {
    display: grid;
    grid-auto-flow: column; }
  .theme_version_2 .page-margin, .theme_version_2 .shopify-challenge__container {
    margin: 7rem auto; }
  .theme_version_2 .rte-width {
    max-width: 82rem;
    margin: 0 auto 2rem; }
  .theme_version_2 .list-unstyled:not(.categoriesProducts) {
    margin: 0;
    padding: 0;
    list-style: none; }
  .theme_version_2 .hidden {
    display: none !important; }
  .theme_version_2 .visually-hidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important; }
  .theme_version_2 .visually-hidden--inline {
    margin: 0;
    height: 1em; }
  .theme_version_2 .overflow-hidden {
    overflow: hidden; }
  .theme_version_2 .skip-to-content-link:focus {
    z-index: 9999;
    position: inherit;
    overflow: auto;
    width: auto;
    height: auto;
    clip: auto; }
  .theme_version_2 .full-width-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2; }
  .theme_version_2 ::selection {
    background-color: rgba(0, 0, 0, ); }
  .theme_version_2 .text-body {
    font-size: 1.5rem;
    letter-spacing: 0.06rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight); }
  .theme_version_2 .hxl {
    font-size: calc(var(--font-heading-scale) * 5rem); }
  @media only screen and (min-width: 750px) {
  .theme_version_2 .hxl {
    font-size: calc(var(--font-heading-scale) * 6.2rem); } }
  .theme_version_2 .h0 {
    font-size: calc(var(--font-heading-scale) * 4rem); }
  @media only screen and (min-width: 750px) {
  .theme_version_2 .h0 {
    font-size: calc(var(--font-heading-scale) * 5.2rem); } }
  .theme_version_2 blockquote {
    font-style: italic;
    color: rgba(0, 1, 0, );
    border-left: 0.2rem solid rgba(0, 0, 0, );
    padding-left: 1rem; }
  @media screen and (min-width: 750px) {
  .theme_version_2 blockquote {
    padding-left: 1.5rem; } }
  .theme_version_2 .caption {
    font-size: 1rem;
    letter-spacing: 0.07rem;
    line-height: calc(1 + 0.7 / var(--font-body-scale)); }
  @media screen and (min-width: 750px) {
  .theme_version_2 .caption {
    font-size: 1.2rem; } }
  .theme_version_2 .caption-with-letter-spacing {
    font-size: 1rem;
    letter-spacing: 0.13rem;
    line-height: calc(1 + 0.2 / var(--font-body-scale)); }
  .theme_version_2 .caption-with-letter-spacing--medium {
    font-size: 1.2rem;
    letter-spacing: 0.16rem; }
  .theme_version_2 .caption-with-letter-spacing--large {
    font-size: 1.4rem;
    letter-spacing: 0.18rem; }
  .theme_version_2 .caption-large, .theme_version_2 .customer .field input, .theme_version_2 .customer select, .theme_version_2 .field__input, .theme_version_2 .form__label, .theme_version_2 .select__select {
    font-size: 1.3rem;
    line-height: calc(1 + 0.5 / var(--font-body-scale));
    letter-spacing: 0.04rem; }
  .theme_version_2 .color-foreground {
    color: #000; }
  .theme_version_2 table:not([class]) {
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 1.4rem;
    border-style: hidden;
    /* draws the table border  */
    box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, ); }
  .theme_version_2 table:not([class]) td, .theme_version_2 table:not([class]) th {
    padding: 1em;
    border: 0.1rem solid rgba(0, 0, 0, ); }
  @media screen and (max-width: 749px) {
  .theme_version_2 .small-hide {
    display: none !important; } }
  @media screen and (min-width: 750px) and (max-width: 989px) {
  .theme_version_2 .medium-hide {
    display: none !important; } }
  @media screen and (min-width: 990px) {
  .theme_version_2 .large-up-hide {
    display: none !important; } }
  .theme_version_2 .left {
    text-align: left; }
  .theme_version_2 .center {
    text-align: center; }
  .theme_version_2 .right:not(.overlay-sidebar-edit) {
    text-align: right; }
  .theme_version_2 .uppercase {
    text-transform: uppercase; }
  .theme_version_2 .light {
    opacity: 0.7; }
  .theme_version_2 ul:empty, .theme_version_2 dl:empty, .theme_version_2 section:empty, .theme_version_2 article:empty, .theme_version_2 h1:empty, .theme_version_2 h2:empty, .theme_version_2 h3:empty, .theme_version_2 h4:empty, .theme_version_2 h5:empty, .theme_version_2 h6:empty {
    display: none; }
  .theme_version_2 .link, .theme_version_2 .customer a {
    cursor: pointer;
    display: inline-block;
    border: none;
    box-shadow: none;
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    color: #000;
    background-color: transparent;
    font-size: 1.4rem;
    font-family: inherit; }
  .theme_version_2 .link--text {
    color: #000; }
  .theme_version_2 .link--text:hover {
    color: rgba(0, 1, 0, ); }
  .theme_version_2 .link-with-icon {
    display: inline-flex;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
    text-decoration: none;
    margin-bottom: 4.5rem;
    white-space: nowrap; }
  .theme_version_2 .link-with-icon .icon {
    width: 1.5rem;
    margin-left: 1rem; }
  .theme_version_2 .circle-divider::after {
    content: '\2022';
    margin: 0 1.3rem 0 1.5rem; }
  .theme_version_2 .circle-divider:last-of-type::after {
    display: none;
    /*
hr {
  border: none;
  height: 0.1rem;
  background-color: rgba(var(--color-foreground), 0.2);
  display: block;
  margin: 5rem 0;
}

@media screen and (min-width: 750px) {
  hr {
	margin: 7rem 0;
  }
}
*/ }
  .theme_version_2 .full-unstyled-link {
    text-decoration: none;
    color: currentColor;
    display: block; }
  .theme_version_2 .placeholder {
    background-color: rgba(0, 0, 0, );
    color: rgba(0, 1, 0, );
    fill: rgba(0, 1, 0, ); }
  .theme_version_2 details > * {
    box-sizing: border-box; }
  .theme_version_2 .break {
    word-break: break-word; }
  .theme_version_2 .visibility-hidden {
    visibility: hidden; }
  @media (prefers-reduced-motion) {
  .theme_version_2 .motion-reduce {
    transition: none !important;
    animation: none !important; } }
  .theme_version_2 :root {
    --duration-short: 100ms;
    --duration-default: 200ms;
    --duration-announcement-bar: 250ms;
    --duration-medium: 300ms;
    --duration-long: 500ms;
    --duration-extra-long: 600ms;
    --duration-extended: 3s;
    --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
    --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
    --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow); }
  .theme_version_2 .underlined-link, .theme_version_2 .customer a, .theme_version_2 .inline-richtext a {
    text-underline-offset: 0.3rem;
    text-decoration-thickness: 0.1rem;
    transition: text-decoration-thickness ease 100ms; }
  .theme_version_2 .underlined-link, .theme_version_2 .customer a {
    color: rgba(0, 0, 0, ); }
  .theme_version_2 .inline-richtext a, .theme_version_2 .rte.inline-richtext a {
    color: currentColor; }
  .theme_version_2 .underlined-link:hover, .theme_version_2 .customer a:hover, .theme_version_2 .inline-richtext a:hover {
    color: #000;
    text-decoration-thickness: 0.2rem; }
  .theme_version_2 .icon-arrow {
    width: 1.5rem; }
  .theme_version_2 h3 .icon-arrow, .theme_version_2 .h3 .icon-arrow {
    width: calc(var(--font-heading-scale) * 1.5rem);
    /* arrow animation */ }
  .theme_version_2 .animate-arrow .icon-arrow path {
    transform: translateX(-0.25rem);
    transition: transform var(--duration-short) ease; }
  .theme_version_2 .animate-arrow:hover .icon-arrow path {
    transform: translateX(-0.05rem);
    /* base-details-summary */ }
  .theme_version_2 summary {
    cursor: pointer;
    list-style: none;
    position: relative; }
  .theme_version_2 summary .icon-caret {
    position: absolute;
    height: 0.6rem;
    right: 1.5rem;
    top: calc(50% - 0.2rem); }
  .theme_version_2 summary::-webkit-details-marker {
    display: none; }
  .theme_version_2 .disclosure-has-popup {
    position: relative; }
  .theme_version_2 .disclosure-has-popup[open] > summary::before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    cursor: default;
    content: ' ';
    background: transparent; }
  .theme_version_2 .disclosure-has-popup > summary::before {
    display: none; }
  .theme_version_2 .disclosure-has-popup[open] > summary + * {
    z-index: 100; }
  @media screen and (min-width: 750px) {
  .theme_version_2 {
    /* base-focus */
    /*
  Focus ring - default (with offset)
*/ }
    .theme_version_2 .disclosure-has-popup[open] > summary + * {
      z-index: 4; }

    .theme_version_2 .facets .disclosure-has-popup[open] > summary + * {
      z-index: 2; } }
  .theme_version_2 *:focus {
    outline: 0;
    box-shadow: none; }
  .theme_version_2 *:focus-visible {
    outline: 0.2rem solid rgba(0, 1, 0, );
    outline-offset: 0.3rem;
    box-shadow: 0 0 0 0.3rem #000, 0 0 0.5rem 0.4rem rgba(0, 0, 0, );
    /* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */ }
  .theme_version_2 .focused, .theme_version_2 .no-js *:focus {
    outline: 0.2rem solid rgba(0, 1, 0, );
    outline-offset: 0.3rem;
    box-shadow: 0 0 0 0.3rem #000, 0 0 0.5rem 0.4rem rgba(0, 0, 0, );
    /* Negate the fallback side-effect for browsers that support :focus-visible */ }
  .theme_version_2 .no-js *:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
    /*
  Focus ring - inset
*/ }
  .theme_version_2 .focus-inset:focus-visible {
    outline: 0.2rem solid rgba(0, 1, 0, );
    outline-offset: -0.2rem;
    box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, ); }
  .theme_version_2 .focused.focus-inset, .theme_version_2 .no-js .focus-inset:focus {
    outline: 0.2rem solid rgba(0, 1, 0, );
    outline-offset: -0.2rem;
    box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, ); }
  .theme_version_2 .no-js .focus-inset:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
    /*
  Focus ring - none
*/
    /* Dangerous for a11y - Use with care */ }
  .theme_version_2 .focus-none {
    box-shadow: none !important;
    outline: 0 !important; }
  .theme_version_2 .focus-offset:focus-visible {
    outline: 0.2rem solid rgba(0, 1, 0, );
    outline-offset: 1rem;
    box-shadow: 0 0 0 1rem #000, 0 0 0.2rem 1.2rem rgba(0, 0, 0, ); }
  .theme_version_2 .focus-offset.focused, .theme_version_2 .no-js .focus-offset:focus {
    outline: 0.2rem solid rgba(0, 1, 0, );
    outline-offset: 1rem;
    box-shadow: 0 0 0 1rem #000, 0 0 0.2rem 1.2rem rgba(0, 0, 0, ); }
  .theme_version_2 .no-js .focus-offset:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
    /* component-title */ }
  .theme_version_2 .title-wrapper-with-link .title {
    margin: 0; }
  .theme_version_2 .title .link {
    font-size: inherit; }
  .theme_version_2 .title-wrapper {
    margin-bottom: 3rem; }
  .theme_version_2 .title-wrapper-with-link {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 3rem;
    flex-wrap: wrap; }
  .theme_version_2 .title--primary {
    margin: 4rem 0; }
  .theme_version_2 .title-wrapper--self-padded-tablet-down, .theme_version_2 .title-wrapper--self-padded-mobile {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  @media screen and (min-width: 750px) {
  .theme_version_2 .title-wrapper--self-padded-mobile {
    padding-left: 0;
    padding-right: 0; } }
  @media screen and (min-width: 990px) {
  .theme_version_2 .title--primary {
    margin: 2rem 0; }
  .theme_version_2 .title-wrapper-with-link {
    align-items: center; }
  .theme_version_2 .title-wrapper-with-link .title {
    margin-bottom: 0; }
  .theme_version_2 .title-wrapper--self-padded-tablet-down {
    padding-left: 0;
    padding-right: 0; } }
  .theme_version_2 .title-wrapper-with-link .link-with-icon {
    margin: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center; }
  .theme_version_2 .title-wrapper-with-link .link-with-icon svg {
    width: 1.5rem; }
  .theme_version_2 .title-wrapper-with-link a {
    margin-top: 0;
    flex-shrink: 0; }
  .theme_version_2 .title-wrapper--no-top-margin {
    margin-top: 0; }
  .theme_version_2 .title-wrapper--no-top-margin > .title {
    margin-top: 0; }
  .theme_version_2 .subtitle {
    font-size: 1.8rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
    letter-spacing: 0.06rem;
    color: rgba(0, 1, 0, ); }
  .theme_version_2 .subtitle--small {
    font-size: 1.4rem;
    letter-spacing: 0.1rem; }
  .theme_version_2 .subtitle--medium {
    font-size: 1.6rem;
    letter-spacing: 0.08rem;
    /* component-grid */ }
  .theme_version_2 .grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    padding: 0;
    list-style: none;
    column-gap: var(--grid-mobile-horizontal-spacing);
    row-gap: var(--grid-mobile-vertical-spacing); }
  @media screen and (min-width: 750px) {
  .theme_version_2 .grid {
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing); } }
  .theme_version_2 .grid:last-child {
    margin-bottom: 0; }
  .theme_version_2 .grid__item {
    width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    flex-grow: 1;
    flex-shrink: 0; }
  @media screen and (min-width: 750px) {
  .theme_version_2 .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); } }
  .theme_version_2 .grid--gapless.grid {
    column-gap: 0;
    row-gap: 0; }
  @media screen and (max-width: 749px) {
  .theme_version_2 .grid__item.slider__slide--full-width {
    width: 100%;
    max-width: none; } }
  .theme_version_2 .grid--1-col .grid__item {
    max-width: 100%;
    width: 100%; }
  .theme_version_2 .grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3); }
  @media screen and (min-width: 750px) {
  .theme_version_2 .grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3); } }
  .theme_version_2 .grid--2-col .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2); }
  @media screen and (min-width: 750px) {
  .theme_version_2 .grid--2-col .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); }
  .theme_version_2 .grid--4-col-tablet .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4); }
  .theme_version_2 .grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3); }
  .theme_version_2 .grid--2-col-tablet .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); } }
  @media screen and (max-width: 989px) {
  .theme_version_2 .grid--1-col-tablet-down .grid__item {
    width: 100%;
    max-width: 100%; }
  .theme_version_2 .slider--tablet.grid--peek {
    margin: 0;
    width: 100%; }
  .theme_version_2 .slider--tablet.grid--peek .grid__item {
    box-sizing: content-box;
    margin: 0; }
  .theme_version_2 .slider.slider--tablet .scroll-trigger.animate--slide-in, .theme_version_2 .slider.slider--mobile .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit; }
  .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet {
    animation: var(--animation-slide-in); } }
  @media screen and (min-width: 990px) {
  .theme_version_2 .grid--6-col-desktop .grid__item {
    width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6); }
  .theme_version_2 .grid--5-col-desktop .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5); }
  .theme_version_2 .grid--4-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4); }
  .theme_version_2 .grid--3-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3); }
  .theme_version_2 .grid--2-col-desktop .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); }
  .theme_version_2 .slider.slider--desktop .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit; }
  .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop {
    animation: var(--animation-slide-in); } }
  @media screen and (min-width: 990px) {
  .theme_version_2 .grid--1-col-desktop {
    flex: 0 0 100%;
    max-width: 100%; }
  .theme_version_2 .grid--1-col-desktop .grid__item {
    width: 100%;
    max-width: 100%; } }
  @media screen and (max-width: 749px) {
  .theme_version_2 .grid--peek.slider--mobile {
    margin: 0;
    width: 100%; }
  .theme_version_2 .grid--peek.slider--mobile .grid__item {
    box-sizing: content-box;
    margin: 0; }
  .theme_version_2 .grid--peek .grid__item {
    min-width: 35%; }
  .theme_version_2 .grid--peek.slider .grid__item:first-of-type {
    margin-left: 1.5rem;
    /* Fix to show some space at the end of our sliders in all browsers */ }
  .theme_version_2 .grid--peek.slider:after {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing)); }
  .theme_version_2 .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2); }
  .theme_version_2 .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item, .theme_version_2 .grid--peek .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem); }
  .theme_version_2 .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item, .theme_version_2 .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
    width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem); } }
  @media screen and (min-width: 750px) and (max-width: 989px) {
  .theme_version_2 {
    /* component-media */ }
    .theme_version_2 .slider--tablet.grid--peek .grid__item {
      width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem); }

    .theme_version_2 .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
      width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem); }

    .theme_version_2 .slider--tablet.grid--peek.grid--2-col-tablet .grid__item, .theme_version_2 .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
      width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem); }

    .theme_version_2 .slider--tablet.grid--peek .grid__item:first-of-type {
      margin-left: 1.5rem; }

    .theme_version_2 .grid--2-col-tablet-down .grid__item {
      width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); }

    .theme_version_2 .grid--1-col-tablet-down.grid--peek .grid__item {
      width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem); } }
  .theme_version_2 .media {
    display: block;
    background-color: rgba(0, 0, 0, );
    position: relative;
    overflow: hidden; }
  .theme_version_2 .media--transparent {
    background-color: transparent; }
  .theme_version_2 .media > *:not(.zoom):not(.deferred-media__poster-button):not(.atropos), .theme_version_2 .media model-viewer {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
  .theme_version_2 .media > img {
    object-fit: cover;
    object-position: center center;
    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .theme_version_2 .media--square {
    padding-bottom: 100%; }
  .theme_version_2 .media--portrait {
    padding-bottom: 125%; }
  .theme_version_2 .media--landscape {
    padding-bottom: 66.6%; }
  .theme_version_2 .media--cropped {
    padding-bottom: 56%; }
  .theme_version_2 .media--16-9 {
    padding-bottom: 56.25%; }
  .theme_version_2 .media--circle {
    padding-bottom: 100%;
    border-radius: 50%; }
  .theme_version_2 .media.media--hover-effect > img + img {
    opacity: 0; }
  @media screen and (min-width: 990px) {
  .theme_version_2 .media--cropped {
    padding-bottom: 63%; } }
  .theme_version_2 deferred-media {
    display: block;
    /* component-button */
    /* Button - default */ }
  .theme_version_2 .button--secondary, .theme_version_2 .button--tertiary {
    --color-button: var(--color-secondary-button);
    --color-button-text: var(--color-secondary-button-text); }
  .theme_version_2 .button--tertiary {
    --alpha-button-background: 0;
    --alpha-button-border: 0.2; }
  .theme_version_2 .button:not(.btn), .theme_version_2 .shopify-challenge__button, .theme_version_2 .customer button, .theme_version_2 button.shopify-payment-button__button--unbranded, .theme_version_2 .shopify-payment-button [role='button'], .theme_version_2 .cart__dynamic-checkout-buttons [role='button'], .theme_version_2 .cart__dynamic-checkout-buttons iframe {
    --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
    --shadow-blur-radius: var(--buttons-shadow-blur-radius);
    --shadow-opacity: var(--buttons-shadow-opacity);
    --shadow-visible: var(--buttons-shadow-visible);
    /* reduce radius edge artifacts */
    --border-offset: var(--buttons-border-offset);
    --border-opacity: calc(1 - var(--buttons-border-opacity));
    border-radius: var(--buttons-radius-outset);
    position: relative; }
  .theme_version_2 .button:not(.btn), .theme_version_2 .shopify-challenge__button, .theme_version_2 .customer button, .theme_version_2 button.shopify-payment-button__button--unbranded {
    min-width: calc(12rem + var(--buttons-border-width) * 2);
    min-height: calc(4.5rem + var(--buttons-border-width) * 2); }
  .theme_version_2 .shopify-payment-button__button--branded {
    z-index: auto; }
  .theme_version_2 .cart__dynamic-checkout-buttons iframe {
    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(0, 0, 0, ); }
  .theme_version_2 .button:not(.btn), .theme_version_2 .shopify-challenge__button, .theme_version_2 .customer button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0;
    padding: 0 3rem;
    cursor: pointer;
    font: inherit;
    font-size: 1.5rem;
    text-decoration: none;
    color: #000;
    transition: box-shadow var(--duration-short) ease;
    -webkit-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, ); }
  .theme_version_2 .button:not(.btn):before, .theme_version_2 .shopify-challenge__button:before, .theme_version_2 .customer button:before, .theme_version_2 .shopify-payment-button__button--unbranded:before, .theme_version_2 .shopify-payment-button [role='button']:before, .theme_version_2 .cart__dynamic-checkout-buttons [role='button']:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: var(--buttons-radius-outset);
    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(0, 0, 0, ); }
  .theme_version_2 .button:not(.btn):after, .theme_version_2 .shopify-challenge__button:after, .theme_version_2 .customer button:after, .theme_version_2 .shopify-payment-button__button--unbranded:after {
    content: '';
    position: absolute;
    top: var(--buttons-border-width);
    right: var(--buttons-border-width);
    bottom: var(--buttons-border-width);
    left: var(--buttons-border-width);
    z-index: 1;
    border-radius: var(--buttons-radius);
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(0, 0, 0, ), 0 0 0 var(--buttons-border-width) rgba(0, 0, 0, );
    transition: box-shadow var(--duration-short) ease; }
  .theme_version_2 .button:not(.btn):not([disabled]):hover::after, .theme_version_2 .shopify-challenge__button:hover::after, .theme_version_2 .customer button:hover::after, .theme_version_2 .shopify-payment-button__button--unbranded:hover::after {
    --border-offset: 1.3px;
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(0, 0, 0, ), 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(0, 0, 0, ); }
  .theme_version_2 .button--secondary:after {
    --border-opacity: var(--buttons-border-opacity); }
  .theme_version_2 .button:not(.btn):focus-visible, .theme_version_2 .button:not(.btn):focus, .theme_version_2 .button:not(.btn).focused, .theme_version_2 .shopify-payment-button__button--unbranded:focus-visible, .theme_version_2 .shopify-payment-button [role='button']:focus-visible, .theme_version_2 .shopify-payment-button__button--unbranded:focus, .theme_version_2 .shopify-payment-button [role='button']:focus {
    outline: 0;
    box-shadow: 0 0 0 0.3rem #000, 0 0 0 0.5rem rgba(0, 1, 0, ), 0 0 0.5rem 0.4rem rgba(0, 0, 0, ); }
  .theme_version_2 .button:not(.btn):focus:not(:focus-visible):not(.focused), .theme_version_2 .shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused), .theme_version_2 .shopify-payment-button [role='button']:focus:not(:focus-visible):not(.focused) {
    box-shadow: inherit; }
  .theme_version_2 .button:not(.btn)::selection, .theme_version_2 .shopify-challenge__button::selection, .theme_version_2 .customer button::selection {
    background-color: rgba(0, 0, 0, ); }
  .theme_version_2 .button:not(.btn), .theme_version_2 .button-label, .theme_version_2 .shopify-challenge__button, .theme_version_2 .customer button {
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    line-height: calc(1 + 0.2 / var(--font-body-scale)); }
  .theme_version_2 .button--tertiary {
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
    min-width: calc(9rem + var(--buttons-border-width) * 2);
    min-height: calc(3.5rem + var(--buttons-border-width) * 2); }
  .theme_version_2 .button--small {
    padding: 1.2rem 2.6rem;
    /* Button - other */ }
  .theme_version_2 .button:disabled, .theme_version_2 .button[aria-disabled='true'], .theme_version_2 .button.disabled, .theme_version_2 .customer button:disabled, .theme_version_2 .customer button[aria-disabled='true'], .theme_version_2 .customer button.disabled, .theme_version_2 .quantity__button.disabled {
    cursor: not-allowed;
    opacity: 0.5; }
  .theme_version_2 .button--full-width {
    display: flex;
    width: 100%; }
  .theme_version_2 .button.loading {
    color: transparent;
    position: relative; }
  @media screen and (forced-colors: active) {
  .theme_version_2 .button.loading {
    color: #000; } }
  .theme_version_2 .button.loading > .loading__spinner {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center; }
  .theme_version_2 .button.loading > .loading__spinner .spinner {
    width: fit-content; }
  .theme_version_2 .button.loading > .loading__spinner .path {
    stroke: #000;
    /* Button - social share */ }
  .theme_version_2 .share-button {
    display: block;
    position: relative; }
  .theme_version_2 .share-button details {
    width: fit-content; }
  .theme_version_2 .share-button__button {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    color: #000;
    margin-left: 0;
    padding-left: 0;
    min-height: 4.4rem; }
  .theme_version_2 details[open] > .share-button__fallback {
    animation: animateMenuOpen var(--duration-default) ease; }
  .theme_version_2 .share-button__button:hover {
    text-decoration: underline;
    text-underline-offset: 0.3rem; }
  .theme_version_2 .share-button__button, .theme_version_2 .share-button__fallback button {
    cursor: pointer;
    background-color: transparent;
    border: none; }
  .theme_version_2 .share-button__button .icon-share {
    height: 1.2rem;
    margin-right: 1rem;
    min-width: 1.3rem; }
  .theme_version_2 .share-button__fallback {
    display: flex;
    align-items: center;
    position: absolute;
    top: 3rem;
    left: 0.1rem;
    z-index: 3;
    width: 100%;
    min-width: max-content;
    border-radius: var(--inputs-radius);
    border: 0; }
  .theme_version_2 .share-button__fallback:after {
    pointer-events: none;
    content: '';
    position: absolute;
    top: var(--inputs-border-width);
    right: var(--inputs-border-width);
    bottom: var(--inputs-border-width);
    left: var(--inputs-border-width);
    border: 0.1rem solid transparent;
    border-radius: var(--inputs-radius);
    box-shadow: 0 0 0 var(--inputs-border-width) rgba(0, 0, 0, );
    transition: box-shadow var(--duration-short) ease;
    z-index: 1; }
  .theme_version_2 .share-button__fallback:before {
    background: #000;
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--inputs-radius-outset);
    box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(0, 0, 0, );
    z-index: -1; }
  .theme_version_2 .share-button__fallback button {
    width: 4.4rem;
    height: 4.4rem;
    padding: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    right: var(--inputs-border-width); }
  .theme_version_2 .share-button__fallback button:hover {
    color: rgba(0, 1, 0, ); }
  .theme_version_2 .share-button__fallback button:hover svg {
    transform: scale(1.07); }
  .theme_version_2 .share-button__close:not(.hidden) + .share-button__copy {
    display: none; }
  .theme_version_2 .share-button__close, .theme_version_2 .share-button__copy {
    background-color: transparent;
    color: #000; }
  .theme_version_2 .share-button__copy:focus-visible, .theme_version_2 .share-button__close:focus-visible {
    background-color: #000;
    z-index: 2; }
  .theme_version_2 .share-button__copy:focus, .theme_version_2 .share-button__close:focus {
    background-color: #000;
    z-index: 2; }
  .theme_version_2 .field:not(:focus-visible):not(.focused) + .share-button__copy:not(:focus-visible):not(.focused), .theme_version_2 .field:not(:focus-visible):not(.focused) + .share-button__close:not(:focus-visible):not(.focused) {
    background-color: inherit; }
  .theme_version_2 .share-button__fallback .field:after, .theme_version_2 .share-button__fallback .field:before {
    content: none; }
  .theme_version_2 .share-button__fallback .field {
    border-radius: 0;
    min-width: auto;
    min-height: auto;
    transition: none; }
  .theme_version_2 .share-button__fallback .field__input:focus, .theme_version_2 .share-button__fallback .field__input:-webkit-autofill {
    outline: 0.2rem solid rgba(0, 1, 0, );
    outline-offset: 0.1rem;
    box-shadow: 0 0 0 0.1rem #000, 0 0 0.5rem 0.4rem rgba(0, 0, 0, ); }
  .theme_version_2 .share-button__fallback .field__input {
    box-shadow: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    filter: none;
    min-width: auto;
    min-height: auto; }
  .theme_version_2 .share-button__fallback .field__input:hover {
    box-shadow: none; }
  .theme_version_2 .share-button__fallback .icon {
    width: 1.5rem;
    height: 1.5rem; }
  .theme_version_2 .share-button__message:not(:empty) {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding: 0.8rem 0 0.8rem 1.5rem;
    margin: var(--inputs-border-width); }
  .theme_version_2 .share-button__message:not(:empty):not(.hidden) ~ * {
    display: none;
    /* component-form */ }
  .theme_version_2 .field__input, .theme_version_2 .select__select, .theme_version_2 .customer .field input, .theme_version_2 .customer select {
    -webkit-appearance: none;
    appearance: none;
    background-color: #000;
    color: #000;
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    font-size: 1.6rem;
    width: 100%;
    box-sizing: border-box;
    transition: box-shadow var(--duration-short) ease;
    border-radius: var(--inputs-radius);
    height: 4.5rem;
    min-height: calc(var(--inputs-border-width) * 2);
    min-width: calc(7rem + (var(--inputs-border-width) * 2));
    position: relative;
    border: 0; }
  .theme_version_2 .field:before, .theme_version_2 .select:before, .theme_version_2 .customer .field:before, .theme_version_2 .customer select:before, .theme_version_2 .localization-form__select:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--inputs-radius-outset);
    box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(0, 0, 0, );
    z-index: -1; }
  .theme_version_2 .field:after, .theme_version_2 .select:after, .theme_version_2 .customer .field:after, .theme_version_2 .customer select:after, .theme_version_2 .localization-form__select:after {
    pointer-events: none;
    content: '';
    position: absolute;
    top: var(--inputs-border-width);
    right: var(--inputs-border-width);
    bottom: var(--inputs-border-width);
    left: var(--inputs-border-width);
    border: 0.1rem solid transparent;
    border-radius: var(--inputs-radius);
    box-shadow: 0 0 0 var(--inputs-border-width) rgba(0, 0, 0, );
    transition: box-shadow var(--duration-short) ease;
    z-index: 1; }
  .theme_version_2 .select__select {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    font-size: 1.2rem;
    color: rgba(0, 1, 0, ); }
  .theme_version_2 .field:hover.field:after, .theme_version_2 .select:hover.select:after, .theme_version_2 .select__select:hover.select__select:after, .theme_version_2 .customer .field:hover.field:after, .theme_version_2 .customer select:hover.select:after, .theme_version_2 .localization-form__select:hover.localization-form__select:after {
    box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(0, 0, 0, );
    outline: 0;
    border-radius: var(--inputs-radius); }
  .theme_version_2 .field__input:focus-visible, .theme_version_2 .select__select:focus-visible, .theme_version_2 .customer .field input:focus-visible, .theme_version_2 .customer select:focus-visible, .theme_version_2 .localization-form__select:focus-visible.localization-form__select:after {
    box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(0, 0, 0, );
    outline: 0;
    border-radius: var(--inputs-radius); }
  .theme_version_2 .field__input:focus, .theme_version_2 .select__select:focus, .theme_version_2 .customer .field input:focus, .theme_version_2 .customer select:focus, .theme_version_2 .localization-form__select:focus.localization-form__select:after {
    box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(0, 0, 0, );
    outline: 0;
    border-radius: var(--inputs-radius); }
  .theme_version_2 .localization-form__select:focus {
    outline: 0;
    box-shadow: none; }
  .theme_version_2 .text-area, .theme_version_2 .select {
    display: flex;
    position: relative;
    width: 100%;
    /* Select */ }
  .theme_version_2 .select .icon-caret, .theme_version_2 .customer select + svg {
    height: 0.6rem;
    pointer-events: none;
    position: absolute;
    top: calc(50% - 0.2rem);
    right: calc(var(--inputs-border-width) + 1.5rem); }
  .theme_version_2 .select__select, .theme_version_2 .customer select {
    cursor: pointer;
    line-height: calc(1 + 0.6 / var(--font-body-scale));
    padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem;
    margin: var(--inputs-border-width);
    min-height: calc(var(--inputs-border-width) * 2);
    /* Field */ }
  .theme_version_2 .field {
    position: relative;
    width: 100%;
    display: flex;
    transition: box-shadow var(--duration-short) ease; }
  .theme_version_2 .customer .field {
    display: flex; }
  .theme_version_2 .field--with-error {
    flex-wrap: wrap; }
  .theme_version_2 .field__input, .theme_version_2 .customer .field input {
    flex-grow: 1;
    text-align: left;
    padding: 1.5rem;
    margin: var(--inputs-border-width);
    transition: box-shadow var(--duration-short) ease; }
  .theme_version_2 .field__label, .theme_version_2 .customer .field label {
    font-size: 1.6rem;
    left: calc(var(--inputs-border-width) + 2rem);
    top: calc(1rem + var(--inputs-border-width));
    margin-bottom: 0;
    pointer-events: none;
    position: absolute;
    transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
    color: rgba(0, 1, 0, );
    letter-spacing: 0.1rem;
    line-height: 1.5; }
  .theme_version_2 .field__input:focus ~ .field__label, .theme_version_2 .field__input:not(:placeholder-shown) ~ .field__label, .theme_version_2 .field__input:-webkit-autofill ~ .field__label, .theme_version_2 .customer .field input:focus ~ label, .theme_version_2 .customer .field input:not(:placeholder-shown) ~ label, .theme_version_2 .customer .field input:-webkit-autofill ~ label {
    font-size: 1rem;
    top: calc(var(--inputs-border-width) + 0.5rem);
    left: calc(var(--inputs-border-width) + 2rem);
    letter-spacing: 0.04rem; }
  .theme_version_2 .field__input:focus, .theme_version_2 .field__input:not(:placeholder-shown), .theme_version_2 .field__input:-webkit-autofill, .theme_version_2 .customer .field input:focus, .theme_version_2 .customer .field input:not(:placeholder-shown), .theme_version_2 .customer .field input:-webkit-autofill {
    padding: 2.2rem 1.5rem 0.8rem 2rem;
    margin: var(--inputs-border-width); }
  .theme_version_2 .field__input::-webkit-search-cancel-button, .theme_version_2 .customer .field input::-webkit-search-cancel-button {
    display: none; }
  .theme_version_2 .field__input::placeholder, .theme_version_2 .customer .field input::placeholder {
    opacity: 0; }
  .theme_version_2 .field__button {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: currentColor;
    cursor: pointer;
    display: flex;
    height: 4.4rem;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 4.4rem; }
  .theme_version_2 .field__button > svg {
    height: 2.5rem;
    width: 2.5rem; }
  .theme_version_2 .field__input:-webkit-autofill ~ .field__button, .theme_version_2 .field__input:-webkit-autofill ~ .field__label, .theme_version_2 .customer .field input:-webkit-autofill ~ label {
    color: #000;
    /* Text area */ }
  .theme_version_2 .text-area {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    min-height: 10rem;
    resize: none; }
  .theme_version_2 input[type='checkbox'] {
    display: inline-block;
    width: auto;
    margin-right: 0.5rem;
    /* Form global */ }
  .theme_version_2 .form__label {
    display: block;
    margin-bottom: 0.6rem; }
  .theme_version_2 .form__message {
    align-items: center;
    display: flex;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 1rem; }
  .theme_version_2 .form__message--large {
    font-size: 1.6rem; }
  .theme_version_2 .customer .field .form__message {
    font-size: 1.4rem;
    text-align: left; }
  .theme_version_2 .form__message .icon, .theme_version_2 .customer .form__message svg {
    flex-shrink: 0;
    height: 1.3rem;
    margin-right: 0.5rem;
    width: 1.3rem; }
  .theme_version_2 .form__message--large .icon, .theme_version_2 .customer .form__message svg {
    height: 1.5rem;
    width: 1.5rem;
    margin-right: 1rem; }
  .theme_version_2 .customer .field .form__message svg {
    align-self: start; }
  .theme_version_2 .form-status {
    margin: 0;
    font-size: 1.6rem; }
  .theme_version_2 .form-status-list {
    padding: 0;
    margin: 2rem 0 4rem; }
  .theme_version_2 .form-status-list li {
    list-style-position: inside; }
  .theme_version_2 .form-status-list .link::first-letter {
    text-transform: capitalize; }
  .theme_version_2 .ml-2, .theme_version_2 .mx-2 {
    margin-left: 0.5rem !important;
    /* component-quantity */ }
  .theme_version_2 .quantity:not(.align-self-center):not(input):not(.col-md-3):not(.align-items-center):not(.atCheckout) {
    color: rgba(0, 0, 0, );
    position: relative;
    width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
    display: flex;
    border-radius: var(--inputs-radius);
    min-height: calc((var(--inputs-border-width) * 2) + 4.5rem); }
  .theme_version_2 .finalPrice {
    font-size: 12px; }
  .theme_version_2 .quantity:not(.atCheckout):not(.align-self-center):not(input):after {
    pointer-events: none;
    content: '';
    position: absolute;
    top: var(--inputs-border-width);
    right: var(--inputs-border-width);
    bottom: var(--inputs-border-width);
    left: var(--inputs-border-width);
    border: 0.1rem solid transparent;
    border-radius: var(--inputs-radius);
    box-shadow: 0 0 0 var(--inputs-border-width) rgba(0, 0, 0, );
    transition: box-shadow var(--duration-short) ease;
    z-index: 1; }
  .theme_version_2 .quantityOLD:before {
    background: #000;
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--inputs-radius-outset);
    box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(0, 0, 0, );
    z-index: -1; }
  .theme_version_2 .quantity__input {
    color: currentColor;
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    font-size: 1.6rem;
    font-weight: 500;
    opacity: 0.85;
    text-align: center;
    background-color: transparent;
    border: 0;
    padding: 0 0.5rem;
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    appearance: none; }
  .theme_version_2 .quantity__button {
    width: calc(4.5rem / var(--font-body-scale));
    flex-shrink: 0;
    font-size: 1.8rem;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    padding: 0; }
  .theme_version_2 .quantity__button:first-child {
    margin-left: calc(var(--inputs-border-width)); }
  .theme_version_2 .quantity__button:last-child {
    margin-right: calc(var(--inputs-border-width)); }
  .theme_version_2 .quantity__button svg {
    width: 1rem;
    pointer-events: none; }
  .theme_version_2 .quantity__button:focus-visible, .theme_version_2 .quantity__input:focus-visible {
    background-color: #000;
    z-index: 2; }
  .theme_version_2 .quantity__button:focus, .theme_version_2 .quantity__input:focus {
    background-color: #000;
    z-index: 2; }
  .theme_version_2 .quantity__button:not(:focus-visible):not(.focused), .theme_version_2 .quantity__input:not(:focus-visible):not(.focused) {
    box-shadow: inherit;
    background-color: inherit; }
  .theme_version_2 .quantity__input:-webkit-autofill, .theme_version_2 .quantity__input:-webkit-autofill:hover, .theme_version_2 .quantity__input:-webkit-autofill:active {
    box-shadow: 0 0 0 10rem #000 inset !important;
    -webkit-box-shadow: 0 0 0 10rem #000 inset !important; }
  .theme_version_2 .quantity__input::-webkit-outer-spin-button, .theme_version_2 .quantity__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .theme_version_2 .quantity__input[type='number'] {
    -moz-appearance: textfield; }
  .theme_version_2 .quantity__rules {
    margin-top: 0.5rem;
    position: relative;
    font-size: 1.2rem; }
  .theme_version_2 .quantity__rules .caption {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0; }
  .theme_version_2 .quantity__rules .divider + .divider::before {
    content: '\2022';
    margin: 0 0.5rem; }
  .theme_version_2 .quantity__rules-cart {
    position: relative; }
  .theme_version_2 product-info .loading__spinner:not(.hidden) ~ *, .theme_version_2 .quantity__rules-cart .loading__spinner:not(.hidden) ~ * {
    visibility: hidden;
    /* component-modal */ }
  .theme_version_2 .modal__toggle {
    list-style-type: none; }
  .theme_version_2 .no-js details[open] .modal__toggle {
    position: absolute;
    z-index: 5; }
  .theme_version_2 .modal__toggle-close {
    display: none; }
  .theme_version_2 .no-js details[open] svg.modal__toggle-close {
    display: flex;
    z-index: 1;
    height: 1.7rem;
    width: 1.7rem; }
  .theme_version_2 .modal__toggle-open {
    display: flex; }
  .theme_version_2 .no-js details[open] .modal__toggle-open {
    display: none; }
  .theme_version_2 .no-js .modal__close-button.link {
    display: none; }
  .theme_version_2 .modal__close-button.link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0rem;
    height: 4.4rem;
    width: 4.4rem;
    background-color: transparent; }
  .theme_version_2 .modal__close-button .icon {
    width: 1.7rem;
    height: 1.7rem; }
  .theme_version_2 .modal__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center; }
  .theme_version_2 .media-modal {
    cursor: zoom-out; }
  .theme_version_2 .media-modal .deferred-media {
    cursor: initial;
    /* component-cart-count-bubble */ }
  .theme_version_2 .cart-count-bubble:empty {
    display: none; }
  .theme_version_2 .cart-count-bubble {
    position: absolute;
    background-color: #000;
    color: #000;
    height: 1.7rem;
    width: 1.7rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9rem;
    bottom: 0.8rem;
    left: 2.2rem;
    line-height: calc(1 + 0.1 / var(--font-body-scale));
    /* utility-bar */ }
  .theme_version_2 .utility-bar {
    height: 100%; }
  .theme_version_2 .utility-bar--bottom-border {
    border-bottom: 0.1rem solid rgba(0, 0, 0, ); }
  @media screen and (min-width: 990px) {
  .theme_version_2 .utility-bar--bottom-border-social-only {
    border-bottom: 0.1rem solid rgba(0, 0, 0, ); } }
  .theme_version_2 .utility-bar__grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: 'announcements'; }
  .theme_version_2 .utility-bar__grid .list-social {
    justify-content: flex-start;
    align-content: center;
    margin-left: -1.2rem;
    grid-area: social-icons; }
  @media screen and (max-width: 989px) {
  .theme_version_2 .utility-bar .utility-bar__grid .list-social {
    display: none; } }
  .theme_version_2 .utility-bar .list-social__item .icon {
    scale: 0.9; }
  @media screen and (min-width: 990px) {
  .theme_version_2 .utility-bar__grid--3-col {
    grid-template-columns: 3fr 4fr 3fr;
    grid-template-areas: 'social-icons announcements language-currency'; }
  .theme_version_2 .utility-bar__grid--2-col {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'social-icons language-currency'; }
  .theme_version_2 .announcement-bar.announcement-bar--one-announcement, .theme_version_2 .announcement-bar--one-announcement .announcement-bar__link {
    width: fit-content;
    margin: auto; } }
  .theme_version_2 .announcement-bar, .theme_version_2 .announcement-bar__announcement {
    color: #000;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    grid-area: announcements; }
  .theme_version_2 .announcement-bar .slider--everywhere {
    margin-bottom: 0;
    scroll-behavior: auto; }
  .theme_version_2 .utility-bar__grid .announcement-bar-slider {
    width: 100%; }
  .theme_version_2 .utility-bar__grid .announcement-bar-slider {
    width: 100%; }
  .theme_version_2 .announcement-bar-slider, .theme_version_2 .announcement-bar-slider .slider {
    width: 100%; }
  .theme_version_2 .announcement-bar .slider-button--next {
    margin-right: -1.5rem;
    min-width: 44px; }
  .theme_version_2 .announcement-bar .slider-button--prev {
    margin-left: -1.5rem;
    min-width: 44px; }
  .theme_version_2 .announcement-bar .slider-button--next:focus-visible, .theme_version_2 .announcement-bar .slider-button--prev:focus-visible, .theme_version_2 .utility-bar .list-social__link:focus-visible {
    outline-offset: -0.3rem;
    box-shadow: 0 0 0 -0.2rem #000; }
  .theme_version_2 .localization-wrapper {
    grid-area: language-currency;
    align-self: center;
    display: flex;
    justify-content: flex-end; }
  .theme_version_2 .localization-wrapper .localization-selector + .disclosure__list-wrapper {
    animation: animateMenuOpen var(--duration-default) ease; }
  .theme_version_2 .utility-bar .localization-wrapper .disclosure .localization-form__select, .theme_version_2 .utility-bar .localization-wrapper .disclosure__link {
    font-size: calc(var(--font-heading-scale) * 1.3rem); }
  @media screen and (min-width: 990px) {
  .theme_version_2 body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width {
    padding-left: 5rem;
    padding-right: 5rem; }
  .theme_version_2 .announcement-bar-slider {
    width: 60%; }
  .theme_version_2 .announcement-bar .slider-button {
    height: 3.8rem; } }
  .theme_version_2 .announcement-bar__link {
    display: flex;
    width: 100%;
    text-decoration: none;
    height: 100%;
    justify-content: center;
    align-items: center; }
  .theme_version_2 .announcement-bar__link:hover {
    text-decoration: underline; }
  .theme_version_2 .announcement-bar__link .icon-arrow {
    display: inline-block;
    pointer-events: none;
    margin-left: 0.8rem;
    vertical-align: middle;
    margin-bottom: 0.2rem; }
  .theme_version_2 .announcement-bar__message {
    text-align: center;
    padding: 1rem 0;
    margin: 0;
    letter-spacing: 0.1rem;
    min-height: 3.8rem; }
  .theme_version_2 .announcement-bar-slider--fade-in-next .announcement-bar__message, .theme_version_2 .announcement-bar-slider--fade-in-previous .announcement-bar__message, .theme_version_2 .announcement-bar-slider--fade-out-next .announcement-bar__message, .theme_version_2 .announcement-bar-slider--fade-out-previous .announcement-bar__message {
    animation-duration: var(--duration-announcement-bar);
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards; }
  .theme_version_2 .announcement-bar-slider--fade-in-next .announcement-bar__message {
    /* Prevent flicker */
    --announcement-translate-from: -1.5rem;
    opacity: 0;
    animation-name: translateAnnouncementSlideIn;
    animation-delay: var(--duration-announcement-bar); }
  .theme_version_2 .announcement-bar-slider--fade-in-previous .announcement-bar__message {
    /* Prevent flicker */
    --announcement-translate-from: 1.5rem;
    opacity: 0;
    animation-name: translateAnnouncementSlideIn;
    animation-delay: var(--duration-announcement-bar); }
  .theme_version_2 .announcement-bar-slider--fade-out-next .announcement-bar__message {
    --announcement-translate-to: 1.5rem;
    animation-name: translateAnnouncementSlideOut; }
  .theme_version_2 .announcement-bar-slider--fade-out-previous .announcement-bar__message {
    --announcement-translate-to: -1.5rem;
    animation-name: translateAnnouncementSlideOut; }
  @keyframes translateAnnouncementSlideIn {
  .theme_version_2 0% {
    opacity: 0;
    transform: translateX(var(--announcement-translate-from)); }
  .theme_version_2 100% {
    opacity: 1;
    transform: translateX(0); } }
  @keyframes translateAnnouncementSlideOut {
    /* section-header */
  .theme_version_2 0% {
    opacity: 1;
    transform: translateX(0); }
  .theme_version_2 100% {
    opacity: 0;
    transform: translateX(var(--announcement-translate-to)); } }
  .theme_version_2 .section-header.shopify-section-group-header-group {
    z-index: 3; }
  .theme_version_2 .shopify-section-header-sticky {
    position: sticky;
    top: 0; }
  .theme_version_2 .shopify-section-header-hidden {
    top: calc(-1 * var(--header-height)); }
  .theme_version_2 .shopify-section-header-hidden.menu-open {
    top: 0; }
  .theme_version_2 .section-header.animate {
    transition: top 0.15s ease-out; }
  .theme_version_2 .shopify-section-group-header-group {
    z-index: 4; }
  .theme_version_2 .section-header ~ .shopify-section-group-header-group {
    z-index: initial;
    /* Main Header Layout */ }
  .theme_version_2 .header-wrapper {
    display: block;
    position: relative;
    background-color: #000; }
  .theme_version_2 .header-wrapper--border-bottom {
    border-bottom: 0.1rem solid rgba(0, 0, 0, ); }
  .theme_version_2 nav.header, .theme_version_2 header.header {
    display: grid;
    grid-template-areas: 'left-icons heading icons';
    grid-template-columns: 1fr 2fr 1fr;
    align-items: center; }
  @media screen and (max-width: 749px) {
  .theme_version_2 .header--has-app {
    grid-template-columns: auto 1fr auto; } }
  @media screen and (min-width: 990px) {
  .theme_version_2 .header {
    grid-template-columns: 1fr auto 1fr; }
  .theme_version_2 .header--top-left, .theme_version_2 .header--middle-left:not(.header--has-menu) {
    grid-template-areas: 'heading icons' 'navigation navigation';
    grid-template-columns: 1fr auto; }
  .theme_version_2 .header--top-left.drawer-menu, .theme_version_2 .header--middle-left.drawer-menu {
    grid-template-areas: 'navigation heading icons';
    grid-template-columns: auto 1fr auto;
    column-gap: 1rem; }
  .theme_version_2 .header--middle-left {
    grid-template-areas: 'heading navigation icons';
    grid-template-columns: auto auto 1fr;
    column-gap: 2rem; }
  .theme_version_2 .header--middle-center:not(.drawer-menu) {
    grid-template-areas: 'navigation heading icons';
    grid-template-columns: 1fr auto 1fr;
    column-gap: 2rem; }
  .theme_version_2 .header--middle-center a.header__heading-link {
    text-align: center; }
  .theme_version_2 .header--top-center {
    grid-template-areas: 'left-icons heading icons' 'navigation navigation navigation'; }
  .theme_version_2 .header--top-center.drawer-menu {
    grid-template-areas: 'left-icons heading icons';
    grid-template-columns: 1fr auto 1fr; }
  .theme_version_2 .header:not(.header--middle-left, .header--middle-center) .header__inline-menu {
    margin-top: 1.05rem; } }
  .theme_version_2 .header *[tabindex='-1']:focus {
    outline: none; }
  .theme_version_2 .header__heading {
    margin: 0;
    line-height: 0; }
  .theme_version_2 .header > .header__heading-link {
    line-height: 0; }
  .theme_version_2 .header__heading, .theme_version_2 .header__heading-link {
    grid-area: heading;
    justify-self: center; }
  .theme_version_2 .header__heading-link {
    display: inline-block;
    padding: 0.75rem;
    text-decoration: none;
    word-break: break-word; }
  .theme_version_2 .header__heading-link:hover .h2 {
    color: #000; }
  .theme_version_2 .header__heading-link .h2 {
    line-height: 1;
    color: rgba(0, 1, 0, ); }
  .theme_version_2 .header__heading-logo {
    height: auto;
    max-width: 100%; }
  .theme_version_2 .header__heading-logo-wrapper {
    width: 100%;
    display: inline-block;
    transition: width 0.3s cubic-bezier(0.52, 0, 0.61, 0.99); }
  @media screen and (max-width: 989px) {
  .theme_version_2 .header__heading, .theme_version_2 .header__heading-link {
    text-align: center; }
  .theme_version_2 .header--mobile-left .header__heading, .theme_version_2 .header--mobile-left .header__heading-link {
    text-align: left;
    justify-self: start; }
  .theme_version_2 .header--mobile-left {
    grid-template-columns: auto 2fr 1fr; } }
  @media screen and (min-width: 990px) {
  .theme_version_2 {
    /* Header icons */ }
    .theme_version_2 .header--middle-left .header__heading-link, .theme_version_2 .header--top-left .header__heading-link {
      margin-left: -0.75rem; }

    .theme_version_2 .header__heading, .theme_version_2 .header__heading-link {
      justify-self: start; }

    .theme_version_2 .header--middle-center .header__heading-link, .theme_version_2 .header--middle-center .header__heading {
      justify-self: center;
      text-align: center; }

    .theme_version_2 .header--top-center .header__heading-link, .theme_version_2 .header--top-center .header__heading {
      justify-self: center;
      text-align: center; } }
  .theme_version_2 .header__icons {
    display: flex;
    grid-area: icons;
    justify-self: end;
    padding-right: 0.8rem; }
  .theme_version_2 .header__icons .shopify-app-block {
    max-width: 4.4rem;
    max-height: 4.4rem;
    overflow: hidden; }
  .theme_version_2 .header__icon:not(.header__icon--summary), .theme_version_2 .header__icon span {
    display: flex;
    align-items: center;
    justify-content: center; }
  .theme_version_2 .header__icon {
    color: #000; }
  .theme_version_2 .header__icon span {
    height: 100%; }
  .theme_version_2 .header__icon::after {
    content: none; }
  .theme_version_2 .header__icon:hover .icon, .theme_version_2 .modal__close-button:hover .icon {
    transform: scale(1.07); }
  .theme_version_2 .header__icon .icon {
    height: 2rem;
    width: 2rem;
    fill: none;
    vertical-align: middle; }
  .theme_version_2 .header__icon, .theme_version_2 .header__icon--cart .icon {
    height: 4.4rem;
    width: 4.4rem;
    padding: 0; }
  .theme_version_2 .header__icon--cart {
    position: relative;
    margin-right: -1.2rem; }
  .theme_version_2 .header__icon--menu[aria-expanded='true']::before {
    content: '';
    top: 100%;
    left: 0;
    height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
    width: 100%;
    display: block;
    position: absolute;
    background: rgba(0, 1, 0, );
    /* Search */ }
  .theme_version_2 menu-drawer + .header__search {
    display: none; }
  .theme_version_2 .header > .header__search {
    grid-area: left-icons;
    justify-self: start; }
  .theme_version_2 .header--top-center.drawer-menu > .header__search {
    margin-left: 3.2rem; }
  .theme_version_2 .header--top-center header-drawer {
    grid-area: left-icons; }
  .theme_version_2 .header:not(.header--has-menu) * > .header__search {
    display: none; }
  .theme_version_2 .header__search {
    display: inline-flex;
    line-height: 0; }
  .theme_version_2 .header--top-center > .header__search {
    display: none; }
  .theme_version_2 .header--top-center * > .header__search {
    display: inline-flex; }
  @media screen and (min-width: 990px) {
  .theme_version_2 .header:not(.header--top-center) * > .header__search, .theme_version_2 .header--top-center > .header__search {
    display: inline-flex; }
  .theme_version_2 .header:not(.header--top-center) > .header__search, .theme_version_2 .header--top-center * > .header__search {
    display: none; } }
  .theme_version_2 .no-js .predictive-search {
    display: none; }
  .theme_version_2 details[open] > .search-modal {
    opacity: 1;
    animation: animateMenuOpen var(--duration-default) ease; }
  .theme_version_2 details[open] .modal-overlay {
    display: block; }
  .theme_version_2 details[open] .modal-overlay::after {
    position: absolute;
    content: '';
    background-color: #000100;
    top: 100%;
    left: 0;
    right: 0;
    height: 100vh; }
  .theme_version_2 .no-js details[open] > .header__icon--search {
    top: 1rem;
    right: 0.5rem; }
  .theme_version_2 .search-modal {
    opacity: 0;
    border-bottom: 0.1rem solid rgba(0, 0, 0, );
    min-height: calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));
    height: 100%; }
  .theme_version_2 .search-modal__content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 5rem 0 1rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
    position: relative; }
  .theme_version_2 .search-modal__content-bottom {
    bottom: calc((var(--inputs-margin-offset) / 2)); }
  .theme_version_2 .search-modal__content-top {
    top: calc((var(--inputs-margin-offset) / 2)); }
  .theme_version_2 .search-modal__form {
    width: 100%; }
  .theme_version_2 .search-modal__close-button {
    position: absolute;
    right: 0.3rem; }
  @media screen and (min-width: 750px) {
  .theme_version_2 .search-modal__close-button {
    right: 1rem; }
  .theme_version_2 .search-modal__content {
    padding: 0 6rem; } }
  @media screen and (min-width: 990px) {
  .theme_version_2 {
    /* Header menu drawer */ }
    .theme_version_2 .search-modal__form {
      max-width: 74.2rem; }

    .theme_version_2 .search-modal__close-button {
      position: initial;
      margin-left: 0.5rem; } }
  .theme_version_2 .header__icon--menu .icon {
    display: block;
    position: absolute;
    opacity: 1;
    transform: scale(1);
    transition: transform 150ms ease, opacity 150ms ease; }
  .theme_version_2 details:not([open]) > .header__icon--menu .icon-close, .theme_version_2 details[open] > .header__icon--menu .icon-hamburger {
    visibility: hidden;
    opacity: 0;
    transform: scale(0.8); }
  .theme_version_2 .js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
    visibility: hidden; }
  .theme_version_2 .js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
    visibility: visible;
    opacity: 1;
    transform: scale(1.07); }
  .theme_version_2 .js details > .header__submenu {
    opacity: 0;
    transform: translateY(-1.5rem); }
  .theme_version_2 details[open] > .header__submenu {
    animation: animateMenuOpen var(--duration-default) ease;
    animation-fill-mode: forwards;
    z-index: 1; }
  @media (prefers-reduced-motion) {
  .theme_version_2 {
    /* Header menu */ }
    .theme_version_2 details[open] > .header__submenu {
      opacity: 1;
      transform: translateY(0); } }
  .theme_version_2 .header__inline-menu {
    margin-left: -1.2rem;
    grid-area: navigation;
    display: none; }
  .theme_version_2 .header--top-center .header__inline-menu, .theme_version_2 .header--top-center .header__heading-link {
    margin-left: 0; }
  @media screen and (min-width: 990px) {
  .theme_version_2 .header__inline-menu {
    display: block; }
  .theme_version_2 .header--top-center .header__inline-menu {
    justify-self: center; }
  .theme_version_2 .header--top-center .header__inline-menu > .list-menu--inline {
    justify-content: center; }
  .theme_version_2 .header--middle-left .header__inline-menu {
    margin-left: 0; } }
  .theme_version_2 .header__menu {
    padding: 0 1rem; }
  .theme_version_2 .header__menu-item {
    padding: 1.2rem;
    text-decoration: none;
    color: rgba(0, 1, 0, ); }
  .theme_version_2 .header__menu-item:hover {
    color: #000; }
  .theme_version_2 .header__menu-item span {
    transition: text-decoration var(--duration-short) ease; }
  .theme_version_2 .header__menu-item:hover span {
    text-decoration: underline;
    text-underline-offset: 0.3rem; }
  .theme_version_2 details[open] > .header__menu-item {
    text-decoration: underline; }
  .theme_version_2 details[open]:hover > .header__menu-item {
    text-decoration-thickness: 0.2rem; }
  .theme_version_2 details[open] > .header__menu-item .icon-caret {
    transform: rotate(180deg); }
  .theme_version_2 .header__active-menu-item {
    transition: text-decoration-thickness var(--duration-short) ease;
    color: #000;
    text-decoration: underline;
    text-underline-offset: 0.3rem; }
  .theme_version_2 .header__menu-item:hover .header__active-menu-item {
    text-decoration-thickness: 0.2rem; }
  .theme_version_2 .header__submenu {
    transition: opacity var(--duration-default) ease, transform var(--duration-default) ease; }
  .theme_version_2 .global-settings-popup, .theme_version_2 .header__submenu.global-settings-popup {
    border-radius: var(--popup-corner-radius);
    border-color: rgba(0, 0, 0, );
    border-style: solid;
    border-width: var(--popup-border-width);
    box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(0, 0, 0, );
    z-index: -1; }
  .theme_version_2 .header__submenu.list-menu {
    padding: 1rem 0; }
  .theme_version_2 .header__submenu .header__submenu {
    background-color: rgba(0, 0, 0, );
    padding: 1rem 0;
    margin: 1rem 0; }
  .theme_version_2 .header__submenu .header__menu-item:after {
    right: 2rem; }
  .theme_version_2 .header__submenu .header__menu-item {
    justify-content: space-between;
    padding: 0.8rem 2rem; }
  .theme_version_2 .header__submenu .header__menu-item:hover {
    text-decoration-line: underline; }
  .theme_version_2 .header__menu-item .icon-caret {
    right: 0.8rem; }
  .theme_version_2 .header__submenu .icon-caret {
    flex-shrink: 0;
    margin-left: 1rem;
    position: static; }
  .theme_version_2 header-menu > details, .theme_version_2 details-disclosure > details {
    position: relative; }
  @keyframes animateMenuOpen {
  .theme_version_2 0% {
    opacity: 0;
    transform: translateY(-1.5rem); }
  .theme_version_2 100% {
    opacity: 1;
    transform: translateY(0); } }
  .theme_version_2 .overflow-hidden-mobile, .theme_version_2 .overflow-hidden-tablet, .theme_version_2 .overflow-hidden-desktop {
    overflow: hidden; }
  @media screen and (min-width: 750px) {
  .theme_version_2 .overflow-hidden-mobile {
    overflow: auto; } }
  @media screen and (min-width: 990px) {
  .theme_version_2 .overflow-hidden-tablet {
    overflow: auto; } }
  .theme_version_2 .gradientOLD {
    background: #000;
    background: var(--gradient-background);
    background-attachment: fixed; }
  @media screen and (forced-colors: active) {
  .theme_version_2 .icon {
    color: CanvasText;
    fill: CanvasText !important; }
  .theme_version_2 .icon-close-small path {
    stroke: CanvasText; } }
  .theme_version_2 .ratio {
    display: flex;
    position: relative;
    align-items: stretch; }
  .theme_version_2 .ratio::before {
    content: '';
    width: 0;
    height: 0;
    padding-bottom: var(--ratio-percent); }
  .theme_version_2 .content-container {
    border-radius: var(--text-boxes-radius);
    border: var(--text-boxes-border-width) solid rgba(0, 0, 0, );
    position: relative; }
  .theme_version_2 .content-container:after {
    content: '';
    position: absolute;
    top: calc(var(--text-boxes-border-width) * -1);
    right: calc(var(--text-boxes-border-width) * -1);
    bottom: calc(var(--text-boxes-border-width) * -1);
    left: calc(var(--text-boxes-border-width) * -1);
    border-radius: var(--text-boxes-radius);
    box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(0, 0, 0, );
    z-index: -1; }
  .theme_version_2 .content-container--full-width:after {
    left: 0;
    right: 0;
    border-radius: 0; }
  @media screen and (max-width: 749px) {
  .theme_version_2 .content-container--full-width-mobile {
    border-left: none;
    border-right: none;
    border-radius: 0; }
  .theme_version_2 .content-container--full-width-mobile:after {
    display: none; } }
  .theme_version_2 .global-media-settings {
    position: relative;
    border: var(--media-border-width) solid rgba(0, 0, 0, );
    border-radius: var(--media-radius);
    overflow: visible !important;
    background-color: #000; }
  .theme_version_2 .global-media-settings:after {
    content: '';
    position: absolute;
    top: calc(var(--media-border-width) * -1);
    right: calc(var(--media-border-width) * -1);
    bottom: calc(var(--media-border-width) * -1);
    left: calc(var(--media-border-width) * -1);
    border-radius: var(--media-radius);
    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(0, 0, 0, );
    z-index: -1;
    pointer-events: none; }
  .theme_version_2 .global-media-settings--no-shadow {
    overflow: hidden !important; }
  .theme_version_2 .global-media-settings--no-shadow:after {
    content: none; }
  .theme_version_2 .global-media-settings img, .theme_version_2 .global-media-settings iframe, .theme_version_2 .global-media-settings model-viewer, .theme_version_2 .global-media-settings video, .theme_version_2 .global-media-settings .placeholder-svg {
    border-radius: calc(var(--media-radius) - var(--media-border-width)); }
  .theme_version_2 .content-container--full-width, .theme_version_2 .global-media-settings--full-width, .theme_version_2 .global-media-settings--full-width img, .theme_version_2 .global-media-settings--full-width video, .theme_version_2 .global-media-settings--full-width iframe, .theme_version_2 .global-media-settings--full-width .placeholder-svg {
    border-radius: 0;
    border-left: none;
    border-right: none;
    /* check for flexbox gap in older Safari versions */ }
  @supports not (inset: 10px) {
  .theme_version_2 .grid {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing)); }
  .theme_version_2 .grid__item {
    padding-left: var(--grid-mobile-horizontal-spacing);
    padding-bottom: var(--grid-mobile-vertical-spacing); }
  @media screen and (min-width: 750px) {
    .theme_version_2 .grid {
      margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing)); }

    .theme_version_2 .grid__item {
      padding-left: var(--grid-desktop-horizontal-spacing);
      padding-bottom: var(--grid-desktop-vertical-spacing); } }
  .theme_version_2 .grid--gapless .grid__item {
    padding-left: 0;
    padding-bottom: 0; }
  @media screen and (min-width: 749px) {
    .theme_version_2 .grid--peek .grid__item {
      padding-left: var(--grid-mobile-horizontal-spacing); } }
  .theme_version_2 .product-grid .grid__item {
    padding-bottom: var(--grid-mobile-vertical-spacing); }
  @media screen and (min-width: 750px) {
    .theme_version_2 .product-grid .grid__item {
      padding-bottom: var(--grid-desktop-vertical-spacing); } } }
  .theme_version_2 .font-body-bold {
    font-weight: var(--font-body-weight-bold);
    /* outline and border styling for Windows High Contrast Mode */ }
  @media (forced-colors: active) {
  .theme_version_2 .button, .theme_version_2 .shopify-challenge__button, .theme_version_2 .customer button {
    border: transparent solid 1px; }
  .theme_version_2 .button:focus-visible, .theme_version_2 .button:focus, .theme_version_2 .button.focused, .theme_version_2 .shopify-payment-button__button--unbranded:focus-visible, .theme_version_2 .shopify-payment-button [role='button']:focus-visible, .theme_version_2 .shopify-payment-button__button--unbranded:focus, .theme_version_2 .shopify-payment-button [role='button']:focus {
    outline: solid transparent 1px; }
  .theme_version_2 .field__input:focus, .theme_version_2 .select__select:focus, .theme_version_2 .customer .field input:focus, .theme_version_2 .customer select:focus, .theme_version_2 .localization-form__select:focus.localization-form__select:after {
    outline: transparent solid 1px; }
  .theme_version_2 .localization-form__select:focus {
    outline: transparent solid 1px; } }
  .theme_version_2 .rte:after {
    clear: both;
    content: '';
    display: block; }
  .theme_version_2 .rte > *:first-child {
    margin-top: 0; }
  .theme_version_2 .rte > *:last-child {
    margin-bottom: 0; }
  .theme_version_2 .rte table {
    table-layout: fixed; }
  @media screen and (min-width: 750px) {
  .theme_version_2 .rte table td {
    padding-left: 1.2rem;
    padding-right: 1.2rem; } }
  .theme_version_2 .rte img {
    height: auto;
    max-width: 100%;
    border: var(--media-border-width) solid rgba(0, 0, 0, );
    border-radius: var(--media-radius);
    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(0, 0, 0, );
    margin-bottom: var(--media-shadow-vertical-offset); }
  .theme_version_2 .rte ul, .theme_version_2 .rte ol {
    list-style-position: inside;
    padding-left: 2rem; }
  .theme_version_2 .rte li {
    list-style: inherit; }
  .theme_version_2 .rte li:last-child {
    margin-bottom: 0; }
  .theme_version_2 .rte a {
    color: rgba(0, 0, 0, );
    text-underline-offset: 0.3rem;
    text-decoration-thickness: 0.1rem;
    transition: text-decoration-thickness var(--duration-short) ease; }
  .theme_version_2 .rte a:hover {
    color: #000;
    text-decoration-thickness: 0.2rem; }
  .theme_version_2 .rte blockquote {
    display: inline-flex; }
  .theme_version_2 .rte blockquote > * {
    margin: -0.5rem 0 -0.5rem 0;
    /* Image mask global styles */ }
  .theme_version_2 .shape--mask {
    display: block;
    height: 0;
    width: 0; }
  .theme_version_2 .shape--arch {
    clip-path: url('#Shape-Arch'); }
  .theme_version_2 .shape--blob {
    clip-path: polygon(var(--shape--blob-1)); }
  .theme_version_2 .shape--chevronleft {
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%); }
  .theme_version_2 .shape--chevronright {
    clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%); }
  .theme_version_2 .shape--circle {
    clip-path: circle(closest-side); }
  .theme_version_2 .shape--diamond {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
  .theme_version_2 .shape--parallelogram {
    clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%); }
  .theme_version_2 .shape--round {
    clip-path: ellipse(45% 45% at 50% 50%);
    /* Fixed background */ }
  .theme_version_2 .animate--fixed {
    clip-path: inset(0); }
  .theme_version_2 .animate--fixed > img:not(.zoom):not(.deferred-media__poster-button), .theme_version_2 .animate--fixed > svg:not(.zoom):not(.deferred-media__poster-button) {
    position: fixed;
    height: 100vh;
    /* Zoom in image on scroll */ }
  .theme_version_2 .animate--zoom-in {
    --zoom-in-ratio: 1; }
  .theme_version_2 .animate--zoom-in > img, .theme_version_2 .animate--zoom-in > svg {
    transition: scale var(--duration-short) linear;
    scale: var(--zoom-in-ratio);
    /* Animations */ }
  @media (prefers-reduced-motion: no-preference) {
  .theme_version_2 {
    /* Element Hovers: Vertical Lift, 3d Lift */ }
    .theme_version_2 .animate--ambient > img, .theme_version_2 .animate--ambient > svg {
      animation: animateAmbient 30s linear infinite; }

    @keyframes animateAmbient {
    .theme_version_2 0% {
      transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2); }
    .theme_version_2 100% {
      transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2); } }

    .theme_version_2 .scroll-trigger.animate--fade-in, .theme_version_2 .scroll-trigger.animate--slide-in {
      opacity: 0.01; }

    .theme_version_2 .scroll-trigger.animate--slide-in {
      transform: translateY(2rem); }

    .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
      opacity: 1;
      animation: var(--animation-fade-in); }

    .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
      animation: var(--animation-slide-in);
      animation-delay: calc(var(--animation-order) * 75ms); }

    .theme_version_2 .scroll-trigger.scroll-trigger--design-mode.animate--fade-in, .theme_version_2 .scroll-trigger.scroll-trigger--design-mode.animate--slide-in, .theme_version_2 .scroll-trigger.scroll-trigger--design-mode .slider, .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
      opacity: 1;
      animation: none;
      transition: none; }

    .theme_version_2 .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
      transform: translateY(0); }

    @keyframes slideIn {
    .theme_version_2 from {
      transform: translateY(2rem);
      opacity: 0.01; }
    .theme_version_2 to {
      transform: translateY(0);
      opacity: 1; } }

    @keyframes fadeIn {
    .theme_version_2 from {
      opacity: 0.01; }
    .theme_version_2 to {
      opacity: 1; } } }
  @media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--card, .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--standard .card__inner, .theme_version_2 .animate--hover-3d-lift .button:not(.button--tertiary), .theme_version_2 .animate--hover-3d-lift .shopify-challenge__button, .theme_version_2 .animate--hover-3d-lift .customer button, .theme_version_2 .animate--hover-3d-lift .shopify-payment-button__button, .theme_version_2 .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
    transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;
    transform-origin: center; }
  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--card, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner, .theme_version_2 .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover, .theme_version_2 .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover, .theme_version_2 .animate--hover-3d-lift .customer button:not([disabled]):hover, .theme_version_2 .animate--hover-3d-lift .shopify-payment-button__button:hover, .theme_version_2 .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    /* Slow the card transition speed while hover is active. */
    transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease;
    transform: rotate(1deg);
    box-shadow: -1rem -1rem 1rem -1rem rgba(0, 0, 0, 0.05), 1rem 1rem 1rem -1rem rgba(0, 0, 0, 0.05), 0 0 0.5rem 0 rgba(255, 255, 255, 0), 0 2rem 3.5rem -2rem rgba(0, 0, 0, 0.5); }
  .theme_version_2 .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    /* Apply a specialized transform to the video play button. */
    transform: translate(-50%, -50%) scale(1.05); }
  .theme_version_2 .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card, .theme_version_2 .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner {
    /* Less intense rotation for collage items. */
    transform: rotate(0.5deg); }
  .theme_version_2 .animate--hover-3d-lift .product-grid .grid__item:hover, .theme_version_2 .animate--hover-3d-lift .collection-list .grid__item:hover, .theme_version_2 .animate--hover-3d-lift .collage__item:hover, .theme_version_2 .animate--hover-3d-lift .blog-articles .article:hover, .theme_version_2 .animate--hover-3d-lift .complementary-slide li:hover {
    /* Make sure the hovered card is the topmost card. */
    z-index: 2; }
  .theme_version_2 .animate--hover-3d-lift .product-grid {
    /* Ensure z-index changes here don't negatively effect other UI stacking. */
    isolation: isolate; }
  .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {
    box-shadow: none;
    transition: transform var(--duration-long) ease, filter var(--duration-long) ease; }
  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner {
    /* Slow the card transition speed while hover is active. */
    transition: transform calc(2 * var(--duration-extended)) ease, filter var(--duration-long) ease;
    filter: drop-shadow(0rem 2rem 2rem rgba(0, 0, 0, 0.15)) drop-shadow(0rem 1rem 1rem rgba(0, 0, 0, 0.15)); }
  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--card:after, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
    background-image: var(--easter-egg);
    background-size: 250px 250px;
    mix-blend-mode: color-dodge;
    pointer-events: none;
    z-index: 2; }
  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--card:before, .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: background-position calc(2 * var(--duration-extended)) ease, opacity var(--duration-default) ease;
    mix-blend-mode: overlay;
    background-size: 400% 100%;
    background-position: 90% 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 45%, #fff 50%, rgba(255, 255, 255, 0) 55%); }
  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--card:before, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after {
    opacity: 0.2;
    transition: background-position 6s ease, opacity var(--duration-long) ease;
    background-position: left;
    z-index: 2; }
  .theme_version_2 :root {
    --easter-egg: none;
    --sparkle: url('./sparkle.gif'); }
  .theme_version_2 .animate--hover-vertical-lift .button:not(.button--tertiary), .theme_version_2 .animate--hover-vertical-lift .shopify-challenge__button, .theme_version_2 .animate--hover-vertical-lift .customer button, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button {
    transition: transform var(--duration-default) var(--ease-out-slow); }
  .theme_version_2 .animate--hover-vertical-lift .card-wrapper .card--card, .theme_version_2 .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {
    transition: transform var(--duration-medium) var(--ease-out-slow); }
  .theme_version_2 .animate--hover-vertical-lift .card-wrapper:hover .card--card, .theme_version_2 .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {
    transform: translateY(-0.75rem); }
  .theme_version_2 .animate--hover-vertical-lift .card-wrapper:active .card--card, .theme_version_2 .animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner {
    transform: translateY(-0.5rem); }
  .theme_version_2 .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover, .theme_version_2 .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover, .theme_version_2 .animate--hover-vertical-lift .customer button:not([disabled]):hover, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button:hover {
    transform: translateY(-0.25rem); }
  .theme_version_2 .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active, .theme_version_2 .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active, .theme_version_2 .animate--hover-vertical-lift .customer button:not([disabled]):active, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button:active {
    transform: translateY(0); }
  .theme_version_2 .animate--hover-vertical-lift .button:not([disabled]):hover:after, .theme_version_2 .animate--hover-vertical-lift .customer button:not([disabled]):hover:after, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {
    /* Default is 1.3px as defined above in this file. This removes 1px to prevent the border from growing on buttons when this effect is on.  */
    --border-offset: 0.3px;
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(0, 0, 0, ), 0 0 0 var(--buttons-border-width) rgba(0, 0, 0, ); }
  .theme_version_2 .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
    /* Prevent the border from growing on buttons when this effect is on. */
    --border-offset: 0px; } }

@keyframes animationBackground {
  0% {
    background-position: 0% 36%; }

  50% {
    background-position: 100% 65%; }

  100% {
    background-position: 0% 36%; } }

.btnPlaceOrder {
  background: linear-gradient(90deg, #279627 33%, rgba(255, 255, 255, 0.3) 50%, #279627 66%) #279627;
  animation: animationBackground 2s infinite !important;
  background-size: 300% 100%;
  border-radius: 6px !important; }

.deliveryOptions .card {
  cursor: pointer;
  border: 2px solid #f3f3f3; }
  .deliveryOptions .card.active {
    border: 2px solid #000; }
  .deliveryOptions .card-body {
    display: flex; }
    .deliveryOptions .card-body .t {
      font-weight: 700; }
    .deliveryOptions .card-body .ico {
      justify-content: center;
      align-items: center;
      display: flex; }

body.checkout .checkout--page .currentDetails .address {
  padding-top: 0px !important;
  background: white; }

@media (max-width: 991px) {
  .formLoginInModal .backToLoginScreen {
    display: none !important; }

  .rowSelectDeliveryPickup {
    height: auto !important; }
    .rowSelectDeliveryPickup > .col-md-5 {
      padding-right: 15px !important; }

  body.modal-open header {
    z-index: 9 !important; }
    .modal h2 {
      margin-left: 0px !important; }
    .modal.locationMapViewAPI, .modal.changeModeActionModal, .modal.users.ordering, .modal.cardForVenue, .modal.addNewReview, .modal.wolfPoints, .modal.welcomeCoupon, .modal.error.api, .modal.skash.api, .modal.changeDeliveryTime, .modal.paymentMethod, .modal.wolfPiggyBank, .modal.writeReview, .modal.couponCode, .modal.foodNoLongerAvailable {
      display: flex !important; }
      .modal.locationMapViewAPI .closeButton, .modal.changeModeActionModal .closeButton, .modal.users.ordering .closeButton, .modal.cardForVenue .closeButton, .modal.addNewReview .closeButton, .modal.wolfPoints .closeButton, .modal.welcomeCoupon .closeButton, .modal.error.api .closeButton, .modal.skash.api .closeButton, .modal.changeDeliveryTime .closeButton, .modal.paymentMethod .closeButton, .modal.wolfPiggyBank .closeButton, .modal.writeReview .closeButton, .modal.couponCode .closeButton, .modal.foodNoLongerAvailable .closeButton {
        display: flex;
        justify-content: center; }
        .modal.locationMapViewAPI .closeButton button, .modal.changeModeActionModal .closeButton button, .modal.users.ordering .closeButton button, .modal.cardForVenue .closeButton button, .modal.addNewReview .closeButton button, .modal.wolfPoints .closeButton button, .modal.welcomeCoupon .closeButton button, .modal.error.api .closeButton button, .modal.skash.api .closeButton button, .modal.changeDeliveryTime .closeButton button, .modal.paymentMethod .closeButton button, .modal.wolfPiggyBank .closeButton button, .modal.writeReview .closeButton button, .modal.couponCode .closeButton button, .modal.foodNoLongerAvailable .closeButton button {
          background: #a7a4a4;
          width: 50px !important;
          height: 50px !important;
          border-radius: 100%; }
      .modal.locationMapViewAPI.show .modal-dialog, .modal.changeModeActionModal.show .modal-dialog, .modal.users.ordering.show .modal-dialog, .modal.cardForVenue.show .modal-dialog, .modal.addNewReview.show .modal-dialog, .modal.wolfPoints.show .modal-dialog, .modal.welcomeCoupon.show .modal-dialog, .modal.error.api.show .modal-dialog, .modal.skash.api.show .modal-dialog, .modal.changeDeliveryTime.show .modal-dialog, .modal.paymentMethod.show .modal-dialog, .modal.wolfPiggyBank.show .modal-dialog, .modal.writeReview.show .modal-dialog, .modal.couponCode.show .modal-dialog, .modal.foodNoLongerAvailable.show .modal-dialog {
        transform: translateY(0%); }
      .modal.locationMapViewAPI .modal-body, .modal.changeModeActionModal .modal-body, .modal.users.ordering .modal-body, .modal.cardForVenue .modal-body, .modal.addNewReview .modal-body, .modal.wolfPoints .modal-body, .modal.welcomeCoupon .modal-body, .modal.error.api .modal-body, .modal.skash.api .modal-body, .modal.changeDeliveryTime .modal-body, .modal.paymentMethod .modal-body, .modal.wolfPiggyBank .modal-body, .modal.writeReview .modal-body, .modal.couponCode .modal-body, .modal.foodNoLongerAvailable .modal-body {
        overflow: scroll;
        padding-top: calc(10px) !important; }
      .modal.locationMapViewAPI .modal-dialog, .modal.changeModeActionModal .modal-dialog, .modal.users.ordering .modal-dialog, .modal.cardForVenue .modal-dialog, .modal.addNewReview .modal-dialog, .modal.wolfPoints .modal-dialog, .modal.welcomeCoupon .modal-dialog, .modal.error.api .modal-dialog, .modal.skash.api .modal-dialog, .modal.changeDeliveryTime .modal-dialog, .modal.paymentMethod .modal-dialog, .modal.wolfPiggyBank .modal-dialog, .modal.writeReview .modal-dialog, .modal.couponCode .modal-dialog, .modal.foodNoLongerAvailable .modal-dialog {
        width: 100%;
        transform: translateY(100%);
        transition: 300ms all;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end; }
      .modal.locationMapViewAPI .closeButton, .modal.changeModeActionModal .closeButton, .modal.users.ordering .closeButton, .modal.cardForVenue .closeButton, .modal.addNewReview .closeButton, .modal.wolfPoints .closeButton, .modal.welcomeCoupon .closeButton, .modal.error.api .closeButton, .modal.skash.api .closeButton, .modal.changeDeliveryTime .closeButton, .modal.paymentMethod .closeButton, .modal.wolfPiggyBank .closeButton, .modal.writeReview .closeButton, .modal.couponCode .closeButton, .modal.foodNoLongerAvailable .closeButton {
        text-align: center;
        position: absolute;
        width: 100%;
        top: -60px;
        left: 0px; }
      .modal.locationMapViewAPI .modal-content, .modal.changeModeActionModal .modal-content, .modal.users.ordering .modal-content, .modal.cardForVenue .modal-content, .modal.addNewReview .modal-content, .modal.wolfPoints .modal-content, .modal.welcomeCoupon .modal-content, .modal.error.api .modal-content, .modal.skash.api .modal-content, .modal.changeDeliveryTime .modal-content, .modal.paymentMethod .modal-content, .modal.wolfPiggyBank .modal-content, .modal.writeReview .modal-content, .modal.couponCode .modal-content, .modal.foodNoLongerAvailable .modal-content {
        max-height: 87vh !important;
        min-height: 20vh;
        bottom: 0px;
        display: flex;
        justify-content: flex-end; } }

.marker.to {
  display: flex;
  justify-content: center;
  color: black; }
  .marker.from {
    display: flex;
    justify-content: center; }

.lift:focus, .lift:hover {
  box-shadow: 0 1rem 2.5rem rgba(22, 28, 45, .1), 0 0.5rem 1rem -0.75rem rgba(22, 28, 45, .1) !important;
  transform: translate3d(0, -3px, 0); }

.lift {
  transition: box-shadow 0.25s ease, transform 0.25s ease; }

.cartFixedAlways .cartPage .basketList {
  width: 100% !important; }
  .cartFixedAlways .cartPage .basketList .header {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important; }

.selectAliasForWeb label {
  text-align: center;
  width: 100%; }

.searchParentDiv {
  width: 100%; }

@media print {
  .noPrint {
    display: none; } }

.product--details table tr td {
  height: auto !important;
  white-space: break-spaces !important;
  width: auto !important; }

img.onlyPrint {
  max-height: 100%; }

@media screen {
  .onlyPrint {
    display: none; } }

.searchDomainForm .btn-search {
  background: #04a63f;
  color: white !important;
  border: none !important; }
  .searchDomainForm .btn-search:hover, .searchDomainForm .btn-search:focus, .searchDomainForm .btn-search:active {
    background: #09903a !important;
    color: white !important; }
  .searchDomainForm .resultsDomain .well {
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 6px !important;
    box-shadow: 0 1px 6px 0 rgba(117, 117, 117, .25); }
  .searchDomainForm .domainRow {
    border-bottom: 1px solid #cfcfcf;
    padding: 11px;
    justify-content: center;
    align-items: center;
    align-self: center;
    font-size: 17px; }
  @media (min-width: 991px) {
  .searchDomainForm .domainName {
    font-size: 2rem; }
  .searchDomainForm .btnSearchingDomain {
    padding: 0px 60px !important; }
  .searchDomainForm .domainRow {
    display: flex; }
  .searchDomainForm .text-price {
    font-size: 1.4rem; }
  .searchDomainForm .domainRow .domainName {
    font-size: 24px; } }
  @media (max-width: 991px) {
  .searchDomainForm .btnAddToCard {
    font-size: 11px !important; }
  .searchDomainForm .domainRow .domainName {
    font-size: 14px; }
  .searchDomainForm .text-price {
    font-size: 13px; } }
  .searchDomainForm .domainRow:hover {
    background: #f7fafc;
    cursor: pointer; }
  .searchDomainForm .btn-blue {
    background: #1f0670 !important;
    color: white !important; }
  .searchDomainForm .btn-blue:hover {
    opacity: 0.8; }
  .searchDomainForm .btnAddToCard {
    border-radius: 6px;
    font-size: 16px; }
  .searchDomainForm .text-purple {
    color: #7357f6; }

.selectOrderMode .b3Checkbox {
  margin-top: 1px !important; }
  .selectOrderMode .m {
    font-weight: 700; }

body.checkout .changeQuantity {
  padding: 6px 2px !important; }
  body.checkout h2 {
    margin-bottom: 0px; }
  body.checkout h5 {
    font-size: 1.2rem;
    font-weight: bold; }

.b3Copyrights {
  padding-bottom: 15px; }

.verificationCode {
  font-size: 20px;
  text-align: center;
  letter-spacing: 5px; }

.overflow-hidden {
  overflow-x: hidden; }

.stripeNewElements {
  max-height: auto !important; }

.newPaymentMethodsOnCheckout .form-check {
  padding: 8px 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d5dddd; }
  .newPaymentMethodsOnCheckout .form-check label {
    width: 100%;
    FONT-WEIGHT: 500;
    font-size: 14px;
    align-items: center; }
  .newPaymentMethodsOnCheckout .b3Checkbox {
    width: 25px !important;
    height: 25px !important; }
  .newPaymentMethodsOnCheckout .form-check + .form-check {
    border-top: 1px solid #e8ebeb; }

.packagesPricing .btnContinue {
  border-width: 3px;
  transition: 450ms all; }
  .packagesPricing .btnContinue:hover {
    transform: scale(1.04); }
  .packagesPricing .packageDesc {
    padding: 15px; }
  .packagesPricing .packages h2 {
    font-size: 30px; }
  .packagesPricing .packages.oneCategory {
    justify-content: space-around; }
  .packagesPricing .packages h3 {
    min-height: 60px; }
  .packagesPricing h3 {
    font-weight: bold;
    font-size: 1rem; }
  .packagesPricing .card.card-white p {
    color: black !important; }
  .packagesPricing .card-body {
    flex: inherit; }
  .packagesPricing .card.card-white {
    padding: 0px;
    height: 100%;
    transition: 100ms all;
    border-radius: 10px !important;
    box-shadow: 0px 0px 14px oklch(0.922 0 0);
    border-color: oklch(0.922 0 0) !important;
    border: 2px solid; }
  .packagesPricing .card.card-white ul {
    margin-top: 10px;
    padding: 0px 15px;
    color: black;
    list-style: none; }
  .packagesPricing .card.card-white li:before {
    position: relative;
    left: -10px;
    color: #7856ff !important;
    content: "";
    content: "\f058";
    font-family: 'FontAwesome'; }

.copyrights {
  /*
.dropdown-menu {
	display: unset;
	top: -9999px;
	left: -9999px;
	opacity: 0.4;
	transition: 250ms all;
	transform: translateY(-20px) scale(0.8);
}
.dropdown-menu.show {
	opacity: 1;
	transform: translateY(0px);
	visibility: visible;
	top: unset;
	position: static;
	left: unset;
}
*/ }
  .copyrights .footer-heart {
    font-family: open sans, sans-serif; }
  .copyrights .footer-heart a {
    border-bottom: 1px solid #453886;
    color: #453886;
    padding-bottom: 0.25em;
    text-decoration: none; }
  .copyrights .footer-heart a:hover {
    color: #2196f3;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23453886' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 20%;
    border-bottom: 0;
    padding-bottom: 0.3em;
    text-decoration: none; }
  .copyrights .emoji {
    vertical-align: middle; }

.dot-elastic {
  position: relative;
  width: 6px;
  display: inline-block;
  margin-left: 15px;
  height: 6px;
  border-radius: 5px;
  background-color: black;
  color: black;
  animation: dot-elastic 1s infinite linear; }

.dot-elastic::before, .dot-elastic::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0; }

.dot-elastic::before {
  left: -10px;
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background-color: black;
  color: black;
  animation: dot-elastic-before 1s infinite linear; }

.dot-elastic::after {
  left: 10px;
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background-color: black;
  color: black;
  animation: dot-elastic-after 1s infinite linear; }

@keyframes dot-elastic-before {
  0% {
    transform: scale(1, 1); }

  25% {
    transform: scale(1, 1.5); }

  50% {
    transform: scale(1, 0.67); }

  75% {
    transform: scale(1, 1); }

  100% {
    transform: scale(1, 1); } }

@keyframes dot-elastic {
  0% {
    transform: scale(1, 1); }

  25% {
    transform: scale(1, 1); }

  50% {
    transform: scale(1, 1.5); }

  75% {
    transform: scale(1, 1); }

  100% {
    transform: scale(1, 1); } }

@keyframes dot-elastic-after {
  0% {
    transform: scale(1, 1); }

  25% {
    transform: scale(1, 1); }

  50% {
    transform: scale(1, 0.67); }

  75% {
    transform: scale(1, 1.5); }

  100% {
    transform: scale(1, 1); } }

.overlaySearch {
  z-index: 1;
  transition: 150ms all;
  opacity: 0;
  display: none;
  background: rgba(0, 0, 0, .5);
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%; }

html.searching .tabs-nav {
  z-index: 1; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-fill-same {
  flex: 1 1 0 !important; }

.calendarViewer {
  float: right;
  text-align: right;
  width: 100%; }

.mb10 {
  margin-bottom: 10px; }

.upcoming--list-week .timetable {
  overflow: scroll; }

html.searching .ui-slider, html.searching .pagination {
  position: sticky !important; }

html:not(.web109) .pagination a {
  aspect-ratio: 1/1;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center; }

html.searching .overlaySearch {
  opacity: 1;
  display: block; }

html.searching .headerStyle.shop .navbar-collapse {
  z-index: 0; }

html.searching .formSearch {
  z-index: 100; }

html.searching .dropdown {
  position: inherit !important; }

html.searching .b3-section {
  z-index: -1; }

html.searching .product-item--details {
  z-index: -1;
  position: relative; }

html.searching .site-footer {
  z-index: 1;
  position: inherit; }

html.searching .searchTerm {
  border-radius: 6px 6px 0px 0px !important;
  border: 1px solid #d8d8d9 !important;
  background: white !important; }

.searchResults {
  color: black;
  background: white;
  border-radius: 0px 0px 6px 6px;
  border: 1px solid #d8d8d9;
  z-index: 9;
  position: absolute;
  width: 100%;
  max-height: calc(100vh - 135px);
  overflow: scroll; }
  .searchResults .rItem + .rItem {
    border-top: 1px solid #d8d8d9; }
  .searchResults .rItem {
    cursor: pointer;
    padding: 6px;
    display: flex;
    background: white; }
  .searchResults .rItem:hover {
    background: #d8d8d9; }
  .searchResults .rItem .title {
    color: black !important; }

.row.small {
  margin-right: -5px;
  margin-left: -5px; }

.small .col, .small .col-1, .small .col-10, .small .col-11, .small .col-12, .small .col-2, .small .col-3, .small .col-4, .small .col-5, .small .col-6, .small .col-7, .small .col-8, .small .col-9, .small .col-auto, .small .col-lg, .small .col-lg-1, .small .col-lg-10, .small .col-lg-11, .small .col-lg-12, .small .col-lg-2, .small .col-lg-3, .small .col-lg-4, .small .col-lg-5, .small .col-lg-6, .small .col-lg-7, .small .col-lg-8, .small .col-lg-9, .small .col-lg-auto, .small .col-md, .small .col-md-1, .small .col-md-10, .small .col-md-11, .small .col-md-12, .small .col-md-2, .small .col-md-3, .small .col-md-4, .small .col-md-5, .small .col-md-6, .small .col-md-7, .small .col-md-8, .small .col-md-9, .small .col-md-auto, .small .col-sm, .small .col-sm-1, .small .col-sm-10, .small .col-sm-11, .small .col-sm-12, .small .col-sm-2, .small .col-sm-3, .small .col-sm-4, .small .col-sm-5, .small .col-sm-6, .small .col-sm-7, .small .col-sm-8, .small .col-sm-9, .small .col-sm-auto, .small .col-xl, .small .col-xl-1, .small .col-xl-10, .small .col-xl-11, .small .col-xl-12, .small .col-xl-2, .small .col-xl-3, .small .col-xl-4, .small .col-xl-5, .small .col-xl-6, .small .col-xl-7, .small .col-xl-8, .small .col-xl-9, .small .col-xl-auto {
  padding-left: 5px;
  padding-right: 5px; }

.typeSelect.bg-dark .card-body {
  color: white !important; }
  .typeSelect.bg-dark .text-muted {
    color: white !important; }

.selectedCountryCode {
  padding: 0px 10px; }

html.isApp {
  -webkit-user-select: none; }
  html.isApp .bodyAjax {
    min-height: 100vh; }
  html.isApp .modal {
    transition: 300ms all; }
  html.isApp .modal:not(.show) {
    transform: translateY(100%); }
  html.isApp .modal.show {
    transform: translateY(0%); }
  html.isApp .yourOrder.cartList, html.isApp .changeMethodPopup .modal-content {
    padding-top: calc(env(safe-area-inset-top) + 0px) !important; }
  html.isApp .modalAjax.modal .formLoginWolf {
    padding-top: 0px !important; }
  html.isApp .modalAjax.modal .modal-dialog {
    display: flex;
    justify-content: center;
    align-items: flex-end; }
  html.isApp #modalFood.v2 .container {
    margin-top: calc(env(safe-area-inset-top) + 0px) !important; }
  html.isApp #modalFood.v2 .modal-footer {
    padding-bottom: calc(env(safe-area-inset-bottom) + 0px) !important; }
  html.isApp body.online-order .tabs-app {
    display: none !important; }
  html.isApp .navbar {
    justify-content: center; }
  html.isApp .navbar .navbar-brand {
    margin-right: 0px; }
  html.isApp .modal-dialog {
    height: 100vh;
    margin: 0px !important; }
  html.isApp .visibleFixed {
    top: calc(env(safe-area-inset-top) + 0px) !important; }
  html.isApp .websiteWrapper:before {
    top: 0px;
    content: "";
    position: fixed;
    width: 100%;
    height: calc(env(safe-area-inset-top) + 0px) !important;
    background: white;
    z-index: 9; }
  @media (prefers-color-scheme: dark) {
  html.isApp .websiteWrapper:before {
    background: black !important; } }
  html.isApp button.navbar-toggler, html.isApp footer.site-footer, html.isApp .announcement {
    display: none !important; }
  html.isApp .navbar-collapse {
    transition: 300ms all;
    transform: translate(100%); }
  html.isApp .navbar-collapse.isVisibleMobile {
    transform: translate(0%); }
  html.isApp .navbar-nav {
    display: none; }
  html.isApp nav.navbar.mobileVisible #navbarSupportedContent {
    box-shadow: none;
    left: 0px;
    top: 0px;
    width: 100%;
    background: white !important;
    text-align: left;
    width: 100% !important;
    height: 100%;
    border-radius: 0px;
    border: 0px;
    padding: 40px 30px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  html.isApp nav.navbar.mobileVisible #navbarSupportedContent .navbar-nav {
    display: block; }
  html.isApp nav.navbar.mobileVisible #navbarSupportedContent .nav-item.social {
    display: none !important; }
  html.isApp nav.navbar.mobileVisible #navbarSupportedContent a.logoOnApp.navbar-brand {
    display: block !important; }
  html.isApp nav.navbar.mobileVisible #navbarSupportedContent .closeNavMenu {
    display: block !important;
    font-size: 2rem;
    margin-bottom: 20px; }
  html.isApp ul.navbar-nav {
    width: 100%; }
  html.isApp ul.navbar-nav li.nav-item {
    border-bottom: 1px solid #f2f4f4 !important;
    width: 100%; }
  html.isApp .mainContent {
    padding-top: calc(env(safe-area-inset-top) + 0px) !important;
    padding-bottom: 60px; }
  html.isApp .postcode-widget .postcode-widget-details {
    text-align: left !important;
    justify-content: center;
    display: flex;
    flex-direction: column; }
  html.isApp .postcode-widget .row-sm-8, html.isApp .postcode-widget .row-xs-8 {
    height: 700px !important; }
  html.isApp .tabs-app {
    padding-bottom: calc(env(safe-area-inset-bottom) + 0px) !important;
    display: block !important;
    position: fixed;
    z-index: 99;
    bottom: 0px;
    background: #f6f6f6 !important;
    margin: 0px !important;
    width: 100% !important; }
  html.isApp .tabs-app .inner {
    bottom: 20px;
    border-radius: 0px;
    background: #f6f6f6;
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: space-around;
    font-size: 1.4rem; }

.cursorPointer {
  cursor: pointer; }

[data-template="online-order"] {
  background-color: #f4f5f5 !important; }

.order-online-row--layout4 {
  background-color: #f4f5f5 !important; }

@media (max-width: 991px) {
    .orderVersion4 .rowTitle {
      margin-top: 10px !important;
      padding: 0px 14px !important; }
    .orderVersion4 .categoriesProducts {
      padding: 0px !important; }
    .orderVersion4 .rowItems {
      grid-gap: 1px !important; }
    .orderVersion4 .modaStore .rowItems {
      overflow: scroll;
      flex-wrap: nowrap !important;
      display: flex !important;
      padding-bottom: 8px; }
      .orderVersion4 .modaStore .rowItems .i:nth-child(1n+4) {
        display: none; }
      .orderVersion4 .modaStore .rowItems .i {
        flex: 0 0 36% !important;
        border-radius: 15px !important; }
      .orderVersion4 .modaStore .rowItems .d {
        font-size: 11px !important; }
      .orderVersion4 .modaStore .rowItems .t {
        font-size: 12px !important; }
      .orderVersion4 .modaStore .rowItems .iM {
        width: 100% !important;
        padding: 0px !important;
        margin: 0px !important;
        height: 80px !important;
        background-size: contain !important; }
      .orderVersion4 .modaStore .rowItems .pa {
        flex-direction: column-reverse !important; } }
  .orderVersion4 .vegetariaOptionsCheckbox > div {
    position: relative; }
  .orderVersion4 .vegetariaOptionsCheckbox input {
    top: -1px; }
  .orderVersion4 label {
    padding-right: 10px;
    font-size: 0.8rem !important;
    vertical-align: middle; }
  .orderVersion4 .showVeganOnly {
    padding-right: 30px; }
  .orderVersion4 .topSearchCategoriesNew {
    position: relative;
    background: white;
    padding: 10px 0px;
    margin-bottom: 10px;
    border: 1px solid #e7e7e7;
    box-shadow: rgba(21, 23, 26, 0.05) 0px 0.05rem 0.14rem 0px, rgba(21, 23, 26, 0.05) 0px 0.2rem 0.4rem 0px, rgba(21, 23, 26, 0.04) 0px -1px 0px 0px; }
  .orderVersion4 .topSearchCategoriesNew .vegetariaOptionsCheckbox > div {
    position: relative; }
  .orderVersion4 .topSearchCategoriesNew .vegetariaOptionsCheckbox input {
    top: -1px; }
  .orderVersion4 .topSearchCategoriesNew li {
    padding: 5px 10px;
    cursor: pointer; }
  .orderVersion4 .topSearchCategoriesNew li.active {
    color: #ee1841 !important;
    font-weight: 900; }
  .orderVersion4 .topSearchCategoriesNew label {
    padding-right: 10px;
    vertical-align: middle; }
  .orderVersion4 .topSearchCategoriesNew .showVeganOnly {
    padding-right: 30px; }
  .orderVersion4 .topSearchCategoriesNew .categoriesAndSearch {
    align-items: center; }
  .orderVersion4 .topSearchCategoriesNew .categoriesAndSearch .col-12 .form-control {
    height: calc(1.2em + .75rem + 0px);
    background: #f1f2f6;
    font-size: 0.8rem; }
  .orderVersion4 .topSearchCategoriesNew .scrollMenuLeft, .orderVersion4 .topSearchCategoriesNew .scrollMenuRight {
    position: absolute;
    top: 0px;
    background: white;
    height: 100%;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    justify-content: center;
    align-items: center;
    padding: 10px; }
  .orderVersion4 .topSearchCategoriesNew .scrollMenuLeft:hover, .orderVersion4 .topSearchCategoriesNew .scrollMenuRight:hover {
    color: #f2395d; }
  .orderVersion4 .topSearchCategoriesNew .scrollMenuRight {
    right: 0px; }
  .orderVersion4 .topSearchCategoriesNew .scrollMenuLeft {
    left: 0px; }
  .orderVersion4 .topSearchCategoriesNew .menuScrolling {
    padding-left: 20px;
    padding-right: 20px;
    overflow: scroll !important;
    align-items: center;
    display: flex;
    height: 100%;
    /* Internet Explorer 10+ */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none; }
  .orderVersion4 .topSearchCategoriesNew .menuScrolling::-webkit-scrollbar {
    /* Safari and Chrome */
    display: none; }
  .orderVersion4 .topSearchCategoriesNew .menuUL {
    margin: 0px 20px;
    transition: 450ms all;
    overflow: scroll;
    display: flex;
    padding-left: 20px !important;
    padding: 10px 5px !important;
    /* Internet Explorer 10+ */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none; }
  .orderVersion4 .topSearchCategoriesNew .menuUL::-webkit-scrollbar {
    /* Safari and Chrome */
    display: none; }
  .orderVersion4 .topSearchCategoriesNew .categoryTitle {
    color: #333;
    padding: 5px 10px;
    position: relative;
    display: flex;
    align-items: center;
    word-break: unset;
    white-space: nowrap;
    font-size: 0.9rem;
    font-weight: bold;
    border-bottom: 2px solid transparent; }
  .orderVersion4 .topSearchCategoriesNew .categoryTitle.active {
    background: #818181;
    color: white;
    border-radius: 5px !important; }
  .orderVersion4 [data-i="58010"] .d {
    display: none !important; }
  .orderVersion4 .categoriesProducts {
    width: 100% !important; }
  .orderVersion4 .rowItems {
    display: grid;
    grid-auto-rows: auto;
    grid-gap: 16px;
    grid-template: auto/repeat(2, 1fr); }
  .orderVersion4 .pa {
    display: flex; }
  .orderVersion4 .pa > div {
    width: 100%; }
  .orderVersion4 .i {
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 0px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 100%;
    background: white !important;
    padding: 14px;
    overflow: hidden;
    word-break: break-word; }
  .orderVersion4 .i > div {
    width: 100%;
    display: flex;
    flex-direction: column; }
  .orderVersion4 .i .t {
    color: #2e3333;
    font-weight: 600;
    margin-bottom: 2px; }
  .orderVersion4 .i .d {
    color: #828585; }
  .orderVersion4 .i .p {
    flex-grow: 1;
    display: flex;
    align-items: flex-end; }
  .orderVersion4 .i .iM {
    background-size: cover !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 130px;
    margin-right: 0px;
    margin-left: 16px;
    overflow: hidden;
    position: relative;
    width: 130px;
    background-position: 50%;
    background-repeat: no-repeat !important;
    border-radius: 3px !important; }

.selectPreviousAddressButton.active {
  border: 2px solid black !important;
  border-radius: 6px;
  background: white;
  color: black;
  transform: scale(1.01); }
  .selectPreviousAddressButton .fa-chevron-right {
    display: flex;
    justify-content: center;
    align-items: center; }

.tabsOrderMethod .selectPreviousAddressButton:hover {
  background: #efefef; }
  .tabsOrderMethod .selectPreviousAddressButton .text-truncate {
    text-align: left; }
  .tabsOrderMethod .searchAddress {
    width: 100%;
    flex: 1;
    min-height: 45px !important; }
  .tabsOrderMethod .nav-link:not(.active) {
    background: #dcd8d8; }
  .tabsOrderMethod .nav-link.active {
    font-size: 16px;
    margin-top: -5px; }
  .tabsOrderMethod .tab-content {
    backdrop-filter: blur(2px);
    background: rgba(255, 255, 255, .6);
    padding: 20px;
    border: 1px solid #939d9e;
    border-top: 0px !important;
    margin-bottom: 20px; }

.storeGeneralDetails p.note {
  font-size: 0.8rem;
  font-weight: bold; }
  .storeGeneralDetails label {
    font-size: 0.9rem; }

.modalchangeDeliveryTime .btn {
  cursor: pointer; }

.display-6 {
  font-size: 1.5rem; }

.backToMap {
  cursor: pointer; }

.catFoodContainer.closed .catItems {
  display: none; }

.foodCatOptions {
  cursor: pointer; }

.showVegetarianOnly {
  margin-right: 30px; }

#searchFood {
  min-height: 48px; }

.visibleFixed {
  position: fixed !important;
  top: 0px;
  z-index: 99; }

.veganVegetarianBox.visibleFixed {
  margin-top: 48px; }

.mr5 {
  margin-right: 5px; }

.catFoodContainer.closed .menuUp {
  display: none !important; }
  .catFoodContainer.closed .menuDown {
    display: inline-block !important; }

.catFoodContainer:not(.closed) .menuUp {
  display: inline-block !important; }
  .catFoodContainer:not(.closed) .menuDown {
    display: none !important; }

.foodContent .menuPageItem .itemDiscount {
  color: #039618;
  font-size: 0.6rem;
  font-weight: bold;
  padding-left: 10px; }

.tl-item {
  border-radius: 3px;
  position: relative;
  display: -ms-flexbox;
  display: flex; }

.tl-item > * {
  padding: 10px; }

.tl-item .avatar {
  z-index: 2; }

.tl-item:last-child .tl-dot:after {
  display: none; }

.tl-item.active .tl-dot:before {
  border-color: #448bff;
  box-shadow: 0 0 0 4px rgba(68, 139, 255, .2); }

.tl-item:last-child .tl-dot:after {
  display: none; }

.tl-item.active .tl-dot:before {
  border-color: #448bff;
  box-shadow: 0 0 0 4px rgba(68, 139, 255, .2); }

.tl-dot {
  position: relative;
  border-color: rgba(160, 175, 185, .15); }

.tl-dot:after, .tl-dot:before {
  content: '';
  position: absolute;
  border-color: inherit;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  top: 15px;
  left: 50%;
  transform: translateX(-50%); }

.tl-dot:after {
  width: 0;
  height: auto;
  top: 25px;
  bottom: -15px;
  border-right-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0; }

tl-item.active .tl-dot:before {
  border-color: #448bff;
  box-shadow: 0 0 0 4px rgba(68, 139, 255, .2); }

.tl-dot {
  position: relative;
  border-color: rgba(160, 175, 185, .15); }

.tl-dot:after, .tl-dot:before {
  content: '';
  position: absolute;
  border-color: inherit;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  top: 15px;
  left: 50%;
  transform: translateX(-50%); }

.tl-dot:after {
  width: 0;
  height: auto;
  top: 25px;
  bottom: -15px;
  border-right-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0; }

@keyframes pulseActive {
  0% {
    box-shadow: 0 0 0 0 rgba(29, 25, 145, 0.7); }

  90% {
    box-shadow: 0 0 0 13px rgba(29, 25, 145, 0); }

  100% {
    box-shadow: 0 0 0 0 rgba(29, 25, 145, 0); } }

@keyframes pulseActiveRed {
  0% {
    box-shadow: 0 0 0 0 rgba(200, 54, 75, 0.7); }

  90% {
    box-shadow: 0 0 0 13px rgba(200, 54, 75, 0); }

  100% {
    box-shadow: 0 0 0 0 rgba(200, 54, 75, 0); } }

.tl-item.active .tl-dot:before {
  animation: pulseActive 1.5s infinite; }

.table-responsive table {
  word-break: normal; }
  .table-responsive table th {
    display: table-cell; }

.tl-content p:last-child {
  margin-bottom: 0; }

.tl-date {
  font-size: 0.85em;
  margin-top: 2px;
  min-width: 170px;
  max-width: 170px; }

.yourOrder .info {
  order: 0; }
  .yourOrder .checkoutBtn {
    padding-bottom: calc(env(safe-area-inset-bottom)) !important; }

html.cartIsOpen .orderMethodFilterInCart {
  display: none !important; }
  html.cartIsOpen .mobileMenuIndicator {
    opacity: 0; }
  html.cartIsOpen .modal-backdrop {
    z-index: 1040 !important; }
  html.cartIsOpen .headerAjax {
    z-index: 0 !important; }
  html.cartIsOpen .foodName {
    font-size: 0.9rem;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    flex-direction: column; }
  html.cartIsOpen input.noteForRestaurant {
    background-color: #f6f6f6;
    padding: 27px 10px;
    border-radius: 0px; }
  html.cartIsOpen .finalPrice {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9rem;
    color: #828585;
    padding-right: 0px; }
  html.cartIsOpen .openMobileCartWolf {
    transform: translateY(100%); }
  html.cartIsOpen .sendOrderTable {
    padding: 15px 15px;
    font-weight: bold; }
  html.cartIsOpen .items--card {
    padding-top: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    display: flex;
    flex-grow: 1;
    order: 1;
    background: white;
    padding: 5px 10px;
    border-bottom: 1px solid #f4f4f5; }
  html.cartIsOpen .items--card .quantity {
    padding-left: 0px; }
  html.cartIsOpen .items--card .quantity i {
    position: absolute;
    top: 0px;
    pointer-events: none;
    line-height: unset !important;
    right: 25px; }
  html.cartIsOpen .items--card .form-control {
    background: #f6f6f6;
    padding: 0.5em;
    padding-right: 1.5em;
    background-color: #f6f6f6;
    -webkit-appearance: none;
    border-bottom: 1px solid #e2e2e2;
    border: none !important;
    border-radius: 0px !important;
    font-size: 1.1rem;
    box-shadow: #e2e2e2 0px -1px 0px inset !important;
    padding: 12px 32px 12px 16px;
    height: auto !important; }
  html.cartIsOpen .yourOrder {
    transform: translateY(0px); }
  html.cartIsOpen .yourOrder .noteForRestaurantParent {
    order: 4;
    background: white; }
  html.cartIsOpen .yourOrder .alertFixedMobile, html.cartIsOpen .yourOrder .guestTotal, html.cartIsOpen .yourOrder .summary .note, html.cartIsOpen .yourOrder .total .note {
    display: none; }
  html.cartIsOpen .yourOrder .basketItems {
    height: calc(100% - 100px - env(safe-area-inset-top)); }
  html.cartIsOpen .yourOrder .basketItems h3 {
    flex-direction: row;
    align-items: start !important;
    border-bottom: 1px solid #f4f4f5;
    padding: 0px !important;
    margin-bottom: 10px !important; }
  html.cartIsOpen .yourOrder .checkoutBtn {
    margin-bottom: 40px; }
  html.cartIsOpen .yourOrder .checkoutBtn a {
    border-radius: 0px !important;
    padding: 12px; }
  html.cartIsOpen .yourOrder .yourOrder .summary {
    order: 3;
    margin-top: 10px;
    padding-top: 10px;
    box-shadow: 0px -3px 6px -2px rgba(0, 0, 0, 0.07); }
  html.cartIsOpen .yourOrder .basketIsEmpty {
    height: 130px;
    margin: 20px 0px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important; }
  html.cartIsOpen .yourOrder .basketCartItems {
    padding-bottom: 15px;
    height: 100%; }
  html.cartIsOpen .yourOrder .basketCartItems i {
    margin-right: 10px; }
  html.cartIsOpen .yourOrder .basketCartItems .couponCode {
    display: none; }
  html.cartIsOpen .yourOrder .basketCartItems .summary {
    order: 7;
    background: white;
    padding: 10px; }
  html.cartIsOpen .yourOrder .basketCartItems .total {
    order: 7;
    border-top: 3px solid black;
    font-size: 1.4rem;
    padding: 10px;
    background: white;
    padding-bottom: 0px;
    margin-bottom: 20px; }
  html.cartIsOpen .yourOrder .basketCartItems .total:after {
    content: " ";
    background: -webkit-linear-gradient(135deg, #f4f4f5 7px, transparent 0), -webkit-linear-gradient(45deg, #f4f4f5 7px, transparent 0);
    background: -o-linear-gradient(135deg, #f4f4f5 7px, transparent 0), -o-linear-gradient(45deg, #f4f4f5 7px, transparent 0);
    background: linear-gradient(-45deg, #f4f4f5 7px, transparent 0), linear-gradient(45deg, #f4f4f5 7px, transparent 0);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 12px 14px;
    display: block;
    left: 0;
    width: 100%;
    height: 14px;
    bottom: 0; }
  html.cartIsOpen .yourOrder .basketCartItems .checkoutBtn {
    order: 5;
    margin-top: 20px;
    position: absolute;
    bottom: 0px;
    left: 10px;
    width: calc(100% - 20px); }
  html.cartIsOpen .cartList.overflow {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%; }
  html.cartIsOpen .basketCartItems2 .closeMobileCart {
    font-size: 40px;
    margin: 0px !important; }
  html.cartIsOpen .basketCartItems2 .closeMobileCart .align-items-center {
    display: flex;
    justify-content: center;
    align-items: center !important;
    text-align: center; }
  html.cartIsOpen .basketCartItems2 .closeMobileCart .fa-arrow-left {
    --fa: "\f057";
    --fa--fa: "\f057\f057"; }
  html.cartIsOpen .CartColMd {
    display: block !important;
    transform: translateY(0%);
    z-index: 1040 !important;
    left: 0px !important;
    position: fixed;
    z-index: 1039 !important;
    bottom: 0px;
    top: 0px;
    transition: 300ms all;
    height: 100% !important;
    background: #f4f4f5;
    width: 100%; }

.openMobileCartWolf:not(.notAcceptingOrders)[data-size="0"] {
  transform: translateY(100%); }

.openMobileCartWolf {
  display: block;
  transition: 400ms all;
  box-sizing: border-box;
  padding: 10px 10px 1px 10px;
  padding-bottom: calc(env(safe-area-inset-bottom)) !important;
  background: #fff;
  position: fixed;
  bottom: 0px;
  width: 100%;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 3 !important;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .5); }
  .openMobileCartWolf .foodiePoints {
    display: flex;
    justify-content: center;
    text-align: center; }
  .openMobileCartWolf .foodiePoints .trophy {
    color: #f6ba10;
    font-size: 23px;
    margin-right: 10px; }
  .openMobileCartWolf .foodiePoints .pointsToEarn {
    align-self: center; }
  .openMobileCartWolf .foodiePoints .pointsToEarn span {
    background: linear-gradient(to bottom, #2766ae, #2766ae, #6293cc, #2766ae, #2766ae);
    color: white;
    border-radius: 3px;
    margin: 1px;
    padding: 3px; }
  .openMobileCartWolf .viewBagLine {
    border-radius: 0px;
    font-size: 16px;
    align-items: center;
    display: flex;
    position: relative;
    background: #2fb350;
    border-color: #2fb350 !important;
    font-weight: 600;
    width: calc(100%);
    padding: 12px;
    margin: 6px 0px;
    color: white !important;
    border-radius: 3px; }
  .openMobileCartWolf .viewBagLine .totalitems {
    /* padding: 4px 6px; */
    background: #41754a;
    border-radius: 0px;
    margin-right: 4px;
    border-radius: 10px;
    display: inline-flex;
    height: 100%;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center; }
  .openMobileCartWolf .viewBagLine .subtotal {
    background: #59a567;
    position: absolute;
    right: 10px;
    padding: 2px;
    margin-top: -2px;
    border-radius: 4px; }

.schedulePickers > div {
  position: relative; }
  .schedulePickers select {
    appearance: none;
    background-color: #f6f6f6;
    box-shadow: inset 0px -1px 0px #e2e2e2;
    padding: 12px 32px 12px 16px;
    min-height: 50px; }
  .schedulePickers i {
    position: absolute;
    right: 15px;
    top: calc(50% - 7px); }

.resultsFoundForAddress {
  position: absolute;
  bottom: calc(215px + env(safe-area-inset-bottom));
  max-height: 160px;
  border-radius: 6px;
  background: white;
  width: calc(100% - 30px);
  left: 15px;
  overflow: auto; }
  .resultsFoundForAddress .aB {
    cursor: pointer;
    border-top: 1px solid #efeded;
    padding: 10px 10px; }

.haveACouponCode {
  color: #027402 !important; }

.site-footer {
  position: relative; }

.custom-control .custom-control-label {
  padding-left: 10px;
  padding-top: 2px;
  color: #141515; }

.wolfList.big a i {
  font-size: 1.6rem;
  text-align: center; }
  .wolfList a.nav-link {
    border-bottom: 1px solid #ced4da;
    color: black; }

.locationMapViewAPI .closeThisSidebar {
  display: none !important; }

html:not(.web109) .searchBar .input-group {
  border: 1px solid #ebebeb;
  border-radius: 3px;
  background: #f2f4f4; }
  html:not(.web109) .searchBar .input-group i {
    font-size: 1.2rem; }

html:not(.web109) input.form-control, html:not(.web109) input.form-control:focus, html:not(.web109) textarea.form-control, html:not(.web109) textarea.form-control:focus {
  background: white; }

html:not(.web109) .input-group:not(.normal) .input-group-text {
  left: 2px;
  z-index: 999;
  border: none !important;
  height: 100%;
  top: 1px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  align-self: center; }

.custom-control .custom-control-label:before {
  transition: 0s all;
  position: absolute;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
  box-shadow: none !important;
  width: 22px;
  left: 0px;
  height: 22px;
  border-radius: 100%;
  margin-top: -2px;
  background: transparent;
  top: 7px; }

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.custom-control .custom-control-label:after {
  margin-top: 1px;
  margin-left: 3px; }

.custom-control .custom-control-label:active:before {
  background: #fff !important;
  border-color: #000 !important; }

.custom-control .custom-control-input:checked ~ .custom-control-label:before {
  background: #000 !important;
  border-color: #000 !important; }

.custom-control .custom-control-input:checked ~ .custom-control-label:after {
  width: 16px;
  height: 16px;
  background-size: 12px 12px; }

.custom-control .custom-control-input:checked ~ .custom-control-label:before {
  border-radius: 100%; }

.custom-radio .custom-control-label:before {
  border-radius: 100%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
  border-radius: 100%; }

.input-list .custom-control {
  padding: 0; }

.input-list .custom-control:after {
  content: "";
  height: 1px;
  background: #e1e1e1 E1;
  display: block;
  margin-left: 54px; }

.input-list .custom-control-label {
  width: 100%;
  padding: 10px 20px 10px 54px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.1s all; }

.input-list .custom-control-label:active {
  background: rgba(225, 225, 225, 0.3); }

.input-list .custom-control-label:before, .input-list .custom-control-label:after {
  top: 50%;
  left: 16px;
  transform: translate(0%, -50%);
  margin: 0; }

.input-list .custom-control-label:after {
  width: 22px;
  height: 22px;
  margin: 0px 0 0 3px; }

.input-list .custom-control:last-child:after {
  display: none; }

.eshopElements .showBasket {
  position: relative; }

.custom-switch .custom-control-label {
  width: 56px; }

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%; }

.custom-switch.custom-switch .custom-control-label {
  padding-left: 20px;
  width: 100%; }
  .custom-switch.custom-switch .custom-control-label {
    padding-left: 60px;
    width: 100%;
    margin-left: -30px; }

.custom-switch .custom-control-label:before {
  position: absolute;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
  margin: 0;
  left: 0;
  top: 0;
  border-radius: 100px;
  width: 56px;
  height: 30px;
  border-color: rgba(212, 212, 212, 0.882353) !important;
  background: #e1e1e1 E1; }

.custom-switch .custom-control-label:after {
  width: 24px;
  transition: 300ms all;
  height: 24px;
  border-radius: 100px;
  margin-top: -1px;
  margin-left: 1px;
  left: 3px;
  top: 4px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 2px 1px 0 rgba(0, 0, 0, 0.05); }

.custom-switch .custom-control-label:active:before {
  background: rgba(225, 225, 225, 0.5) !important; }

.custom-switch .custom-control-input:checked ~ .custom-control-label:before {
  border-radius: 100px; }

.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
  width: 24px;
  height: 24px;
  border-radius: 100px;
  left: 16px; }

.custom-control.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
  left: 18px; }

.custom-control.custom-switch {
  padding-left: 40px; }

#modalConfirmYourAddress, .modal.addNewAddressBeta {
  margin-top: 0px !important;
  height: calc(100%) !important; }
  #modalConfirmYourAddress .modal-header, .modal.addNewAddressBeta .modal-header {
    min-height: 60px;
    background: transparent;
    position: absolute;
    z-index: 99;
    left: 0px;
    top: calc(10px + env(safe-area-inset-bottom)) !important; }
  #modalConfirmYourAddress .modal-header button, .modal.addNewAddressBeta .modal-header button {
    background: transparent;
    border: none !important;
    text-align: left;
    margin-left: 0px;
    font-size: 2.5rem;
    padding: 0px; }
  #modalConfirmYourAddress .modal-dialog, .modal.addNewAddressBeta .modal-dialog {
    height: 100%;
    max-width: 100% !important;
    top: 0px !important;
    padding: 0px !important;
    margin: 0px !important; }
  #modalConfirmYourAddress .modal-footer, .modal.addNewAddressBeta .modal-footer {
    position: absolute;
    z-index: 99;
    bottom: 0px;
    background: white;
    width: 100%;
    padding: 0px 15px 40px 15px !important;
    -webkit-border-radius: 20px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius: 20px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-radius: 20px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgba(21, 23, 26, 0.05) 0px 0.05rem 0.14rem 0px, rgba(21, 23, 26, 0.05) 0px 0.2rem 0.4rem 0px, rgba(21, 23, 26, 0.04) 0px -1px 0px 0px;
    display: flex;
    flex-direction: column; }
  #modalConfirmYourAddress .modal-footer h4, .modal.addNewAddressBeta .modal-footer h4 {
    border-bottom: 1px solid #f8f8f8; }
  #modalConfirmYourAddress .modal-footer .searchOnMapParent, .modal.addNewAddressBeta .modal-footer .searchOnMapParent {
    background: white;
    width: 100%;
    padding: 10px 0px; }
  #modalConfirmYourAddress .modal-body, .modal.addNewAddressBeta .modal-body {
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    margin: 0px !important; }
  #modalConfirmYourAddress .modal-content, .modal.addNewAddressBeta .modal-content {
    height: 100%; }
  #modalConfirmYourAddress .modal-header, .modal.addNewAddressBeta .modal-header {
    min-height: 60px;
    align-items: center; }
  #modalConfirmYourAddress .modal-footer, .modal.addNewAddressBeta .modal-footer {
    padding-bottom: env(safe-area-inset-bottom); }
  #modalConfirmYourAddress .mapFinder, .modal.addNewAddressBeta .mapFinder {
    display: flex;
    flex: 1;
    overflow: hidden; }
  #modalConfirmYourAddress .mapFinder .confirmAddressMap, .modal.addNewAddressBeta .mapFinder .confirmAddressMap {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    direction: flex;
    flex: 1; }
  #modalConfirmYourAddress .mapFinder:after, .modal.addNewAddressBeta .mapFinder:after {
    position: absolute;
    content: "";
    animation: pulseGPS 2.3s infinite;
    border-radius: 100%;
    left: calc(50% - 1px);
    top: calc(50% - 9px);
    width: 2px;
    height: 2px; }
  #modalConfirmYourAddress .mapFinder .pinImage, .modal.addNewAddressBeta .mapFinder .pinImage {
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 60px);
    z-index: 1;
    font-size: 48px;
    animation-timing-function: ease-in-out;
    width: 30px;
    background: black;
    border-radius: 100%;
    text-align: center;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
  #modalConfirmYourAddress .mapFinder .pinImage:after, .modal.addNewAddressBeta .mapFinder .pinImage:after {
    left: 14px;
    position: absolute;
    content: "";
    height: 30px;
    width: 2px;
    background: black;
    bottom: -23px; }
  #modalConfirmYourAddress .mapFinder .pinImage:before, .modal.addNewAddressBeta .mapFinder .pinImage:before {
    position: absolute;
    content: "";
    background: white;
    width: 12px;
    height: 12px;
    left: 9px;
    top: 9px;
    border-radius: 100%; }

.findCurrentLocation {
  position: absolute;
  top: -65px;
  width: 54px;
  right: 10px;
  height: 54px;
  border-radius: 100px;
  background: rgba(0, 0, 0, .7);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 19px; }

.modaladdNewAddressBeta .mapInstructions {
  position: absolute;
  color: white;
  top: calc(50% - 50px);
  z-index: 104;
  left: calc(50% - 80px);
  background: #f15a6c;
  width: 160px;
  border-radius: 5px; }
  .modaladdNewAddressBeta .mapInstructions:after {
    content: "";
    position: absolute;
    bottom: -5px;
    width: 16px;
    height: 16px;
    background: #f15a6c;
    z-index: -1 !important;
    display: block;
    transform: rotate(45deg);
    left: calc(50% - 8px); }
  @media (max-width: 991px) {
  .modaladdNewAddressBeta .modal-content {
    border-radius: 0px !important;
    height: 100vh; }
  .modaladdNewAddressBeta .modal-body {
    justify-content: space-between;
    flex-direction: column;
    display: flex;
    height: 100vh; } }

.countrySelector {
  display: none;
  transform: translateX(100%);
  position: absolute;
  transition: 300ms all;
  width: 100%;
  height: 100vh;
  top: 0px;
  background: white;
  z-index: 999; }
  .countrySelector .selectThisCountry {
    cursor: pointer; }
  .countrySelector.isOpen {
    transform: translateX(0%);
    display: flex;
    position: fixed;
    pointer-events: all !important;
    z-index: 1051;
    position: fixed; }
  .countrySelector.isOpen .col-12 {
    padding-top: calc(env(safe-area-inset-top)) !important; }
  .countrySelector input {
    font-size: 0.9rem; }
  .countrySelector .countries {
    overflow-y: scroll;
    display: flex;
    height: 100%; }
  .countrySelector .countries ul {
    width: 100%; }
  .countrySelector .countries ul li {
    border-bottom: 1px solid #d1d7da;
    font-size: 0.9rem;
    padding: 6px 0px; }
  .countrySelector .iti--container {
    position: relative;
    left: 0px;
    width: 100%;
    top: 0px;
    height: 100%; }

.openCountrySelector {
  margin-right: 5px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center; }

.orderMethodFilterInCart, .orderMethodFilterCheckout {
  position: relative;
  align-items: center;
  border-radius: 20px;
  background: #f5f5f5;
  padding: 5px 10px;
  width: 100%;
  display: flex; }
  .orderMethodFilterInCart:before, .orderMethodFilterCheckout:before {
    content: "";
    width: calc(50% - 5px);
    position: absolute;
    height: calc(100% - 18px);
    border-radius: 20px;
    transition: 700ms all;
    margin-right: 20px; }
  .orderMethodFilterInCart a, .orderMethodFilterCheckout a {
    color: black;
    flex: 1;
    z-index: 3;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    height: 100%;
    font-size: 0.8rem;
    font-weight: 500;
    text-decoration: none; }

.help-block {
  color: #686b78;
  font-size: 13px; }

.galleryFromContent, .carousel {
  cursor: pointer !important; }

.iframeInstagram {
  width: 100%;
  min-height: 1200px !important;
  border: none !important;
  overflow: hidden !important; }

.cardThankYou {
  border-color: #087d08;
  box-shadow: 0px 0px 3px #087d08;
  border-width: 2px !important; }

.pointer {
  cursor: pointer; }

. .fullScreenProductImages {
  cursor: pointer;
  z-index: 2 !important;
  transition: 250ms all; }
  . .fullScreenProductImages:hover {
    transform: scale(1.1); }

.openCountrySelector {
  cursor: pointer; }

[class*=hint-anim][class*=hint-left]:after {
  font-size: 12px; }

[class*=hint-anim][class*=hint-left]:hover:after, [class*=hint-anim][class*=hint-left]:hover:before {
  margin-right: 9px !important; }

.hint-anim {
  position: relative; }

.owlCarouselProductImages {
  transition: 450ms all; }
  .owlCarouselProductImages .owl-dots {
    margin-bottom: 20px;
    margin-top: -40px !important;
    z-index: 99;
    position: relative; }
  .owlCarouselProductImages .owl-dot.active span, .owlCarouselProductImages .owl-dots .owl-dot:hover span {
    border: 1px solid #333;
    background: transparent !important;
    transform: scale(1.5); }
  .owlCarouselProductImages .owl-dot span {
    transform: scale(1);
    transition: 250ms all;
    width: 14px !important;
    height: 14px !important; }

.product--actions > .quantity {
  padding-bottom: 10px; }
  .product--actions .minusItemQuantity {
    border-radius: 5px 0px 0px 5px; }
  .product--actions .plusItemQuantity {
    border-radius: 0px 5px 5px 0px; }
  .product--actions .qty {
    border-radius: 0px;
    border: 1px solid black;
    padding: 0px !important;
    display: flex; }
  .product--actions .qty .btn {
    background: transparent !important; }
  .product--actions .qty input {
    border: none;
    min-width: 50px;
    width: 50px;
    border-radius: 0px !important; }
  .product--actions .qty > * {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center; }

.minusItem.disabled, .plusItem.disabled {
  opacity: 0.5;
  pointer-events: none; }

.qty .plusItemQuantity, .qty .minusItemQuantity {
  cursor: pointer;
  border: none; }

.productRightItems {
  align-items: center;
  display: flex; }

.addItemToFav {
  z-index: 1;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  background: white !important;
  border-radius: 100%;
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .addItemToFav.added i {
    transform: scale(1.5) !important;
    font-weight: 900;
    color: #dc3444 !important; }
  .addItemToFav.relative {
    position: relative;
    display: inline-flex;
    top: 0px;
    right: 0px; }
  .addItemToFav i {
    transform-origin: center center;
    transition: 350ms all; }
  .addItemToFav:hover i {
    transform: scale(1.2);
    color: #dc3444 !important; }

.changePage {
  cursor: pointer; }

#mobilePhone-error {
  position: absolute; }

#loader-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: left;
  font-size: 0;
  zoom: 0.5;
  position: fixed;
  top: 190px;
  z-index: 9999999999;
  right: 180px;
  display: none; }

.loader-circle, .loader-line-mask {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 120px; }

.loader-circle {
  width: 120px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .1);
  box-shadow: inset 0 0 0 5px rgba(0, 0, 0, .1); }

.loader-line-mask {
  width: 60px;
  overflow: hidden;
  -webkit-transform-origin: 60px 60px;
  -moz-transform-origin: 60px 60px;
  -ms-transform-origin: 60px 60px;
  -o-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
  -webkit-animation: spin 1.2s infinite linear;
  -moz-animation: spin 1.2s infinite linear;
  -o-animation: spin 1.2s infinite linear;
  animation: spin 1.2s infinite linear; }

#loader-content .loader-content-relative {
  position: relative; }

.loader-line-mask .loader-line {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 5px #fff; }

#loader-content:before {
  content: '';
  background: rgba(0, 0, 0, .4);
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0; }

#loader-content:after {
  content: 'Loading...';
  left: 0;
  width: 100%;
  position: fixed;
  display: table;
  top: 0;
  font-family: "Source Sans Pro", Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  margin: auto;
  font-size: 44px;
  text-align: center;
  bottom: 0;
  color: #fff;
  right: 0;
  font-weight: 700; }

.nav-item.mega h5.subMenuTitle {
  font-size: 1rem;
  margin-bottom: 5px;
  font-weight: 600; }
  .nav-item.mega .dropdown-menu {
    width: 100%; }
  .nav-item.mega .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }

.isNotVisible {
  opacity: 0.8 !important;
  pointer-events: none; }

.isNotVisibleClass {
  pointer-events: all !important; }

.isNotVisibleClass .itemDetails {
  pointer-events: none; }

.btnDeliveryOrTakeaway {
  color: white !important; }

.cookies-popup {
  background: white;
  color: black;
  font-size: 0.8rem;
  line-height: 15px;
  bottom: 0px;
  position: fixed;
  z-index: 1000;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1); }
  .cookies-popup p {
    padding: 10px;
    margin: 0px; }
  .cookies-popup .action {
    text-align: right; }
  .cookies-popup .action a.btn-secondary {
    background: black;
    color: white; }

.fixedLeftNavBar {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 490px;
  z-index: 999;
  background: white !important;
  height: 100%;
  display: flex;
  padding: 20px;
  flex-direction: column;
  opacity: 1;
  transition-property: transform, opacity;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 0s;
  transform: translateX(-100%); }
  .fixedLeftNavBar form {
    width: 100%; }
  .fixedLeftNavBar.open {
    transform: translateX(0%); }
  .fixedLeftNavBar .closeMenu {
    font-size: 2rem;
    cursor: pointer; }
  .fixedLeftNavBar .searchRow {
    display: flex;
    justify-content: space-between; }
  .fixedLeftNavBar .leftMenu {
    list-style: none;
    padding: 0px; }
  .fixedLeftNavBar .leftMenu li:hover {
    background: black; }
    .fixedLeftNavBar .leftMenu li:hover a {
      color: white; }
  .fixedLeftNavBar .leftMenu li a {
    color: black; }
  .fixedLeftNavBar .leftMenu li .dropdown-menu {
    width: 100%;
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px; }
    .fixedLeftNavBar .leftMenu li .dropdown-menu a {
      padding: 10px 15px;
      color: black; }
      .fixedLeftNavBar .leftMenu li .dropdown-menu a:hover {
        background: black;
        color: white; }
  .fixedLeftNavBar .leftMenu .signInStore {
    text-align: left;
    width: 100%;
    border-radius: 0px;
    background: #f0f0f0; }
  .fixedLeftNavBar .leftMenu .signInStore:hover {
    color: white;
    background: black; }

.categoryImage {
  background-size: cover;
  background-position: center center;
  height: 400px;
  width: 100%;
  background-attachment: fixed !important; }

@media (max-width: 768px) {
  .storeGeneralDetails .card-body {
    padding: 5px 15px !important; }

  .storeGeneralDetails p.note {
    font-size: 0.9rem;
    font-weight: bold; }
    .storeGeneralDetails label {
      text-transform: uppercase;
      font-size: 0.8rem; }

  .storeGeneralDetails > .col-12 {
    padding: 0px; }
    .storeGeneralDetails > .col-12 .col {
      padding: 5px; }
    .storeGeneralDetails > .col-12 .label {
      font-size: 0.7rem; }

  .categoryProductsListBox .categoryImage, .productsCarousel .categoryImage {
    height: 150px !important;
    background-attachment: unset !important;
    background-size: cover !important; }

  .cookies-popup {
    text-align: center; }
    .cookies-popup .action {
      text-align: center; }

  .breadcrumb {
    font-size: 0.8rem; }

  .yourOrders .card-header, .yourOrder .card-header {
    padding: 5px 2px;
    position: relative; }
    .yourOrders .card-header .orderDetailsHeader, .yourOrder .card-header .orderDetailsHeader {
      width: 100%;
      padding: 20px; }
    .yourOrders .card-body strong, .yourOrder .card-body strong {
      margin-top: 10px; }
    .yourOrders .cardItems .item, .yourOrder .cardItems .item {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start; }
      .yourOrders .cardItems .item .itemPicParent, .yourOrder .cardItems .item .itemPicParent {
        align-self: flex-start;
        padding: 0px 15px; }
      .yourOrders .cardItems .item .image, .yourOrder .cardItems .item .image {
        width: 100px !important;
        height: 100px !important; }
      .yourOrders .cardItems .item .itemPriceFinal, .yourOrder .cardItems .item .itemPriceFinal {
        text-align: left !important;
        padding: 0px 15px !important; }
      .yourOrders .cardItems .item .itemName, .yourOrder .cardItems .item .itemName {
        padding: 0px; } }

.carousel-row .carousel-control-next, .carousel-row .carousel-control-prev {
  background: black;
  padding: 30px;
  border-radius: 50%;
  margin: 0px 20px;
  height: 20px;
  width: 20px;
  top: 50%; }
  .carousel-row .carousel-control-next .carousel-control-next-icon, .carousel-row .carousel-control-prev .carousel-control-next-icon, .carousel-row .carousel-control-next .carousel-control-prev-icon, .carousel-row .carousel-control-prev .carousel-control-prev-icon {
    padding: 10px; }

.welcomeToWolfLogin.retail .btn {
  padding: 10px;
  border: none;
  position: relative; }
  .welcomeToWolfLogin.retail i {
    position: absolute;
    left: 30px;
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    overflow: auto;
    top: 0px; }

.selectedMethod {
  position: absolute;
  right: 10px;
  top: 0px;
  color: #15ad15;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.useThisOrderMethod {
  text-align: center;
  position: relative;
  padding: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  border-width: 1px;
  border-radius: 6px;
  border-style: solid;
  border-color: gray; }
  .useThisOrderMethod img {
    height: 64px;
    display: block; }

.cart.basketList .basketItems {
  overflow-x: hidden !important; }

.toast.toast-success {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  background: #069272;
  background-image: none !important;
  text-align: center;
  padding: 15px !important;
  margin-top: 10px;
  border: 2px solid #0b6953; }

body:not(.checkout) .itemPicParent .quantity {
  display: none !important; }

.yourOrder .basketIsEmpty {
  height: 130px;
  margin: 20px 0px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important; }

.basketIsEmpty {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  .basketIsEmpty .emptyBasketImage {
    max-height: 150px; }

.percentageDiscount, .pDP {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #e01d1d;
  color: white !important;
  border-radius: 17px;
  padding: 4px 10px; }

.modalFood.in {
  opacity: 1; }

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: 280px; }

body.product h1 {
  font-size: 1.2rem;
  padding: 10px 0px; }
  body.product h1 .sku {
    font-size: 0.9rem; }
  body.product h1 a {
    color: black; }
  body.product .product-item-highlights table tr td {
    flex-direction: column;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start; }
    body.product .product-item-highlights table img {
      width: 100% !important; }
  body.product .tags .badge-15, body.product .tags .badge-bestSeller {
    position: absolute;
    z-index: 2;
    text-transform: uppercase;
    top: 10px;
    background: #048611;
    color: white;
    left: 10px; }
  body.product .tags .badge-special_offer, body.product .tags .badge-special {
    position: absolute;
    z-index: 2;
    text-transform: uppercase;
    top: 10px;
    background: #f90b0b;
    color: white;
    left: 10px; }
  body.product .tags .badge-new {
    position: absolute;
    z-index: 99;
    text-transform: uppercase;
    top: 10px;
    color: black;
    background: #ffc107;
    left: 10px; }
  body.product a:hover {
    text-decoration: none; }
  body.product table {
    width: 100% !important; }
  body.product table td, body.product table th {
    border: 1px solid #dee2e6 !important; }
  body.product .price {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  body.product .btnAddToBasket, body.product .btnAddToWishList {
    color: black;
    border-radius: 0px;
    padding: 10px 60px; }
  body.product .description {
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
    padding-top: 10px; }
  body.product .extraImages {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto; }
  body.product .extraImages > div {
    max-width: 23%;
    flex: 0 0 23%; }
  @media (max-width: 768px) {
    body.product .singePhoto {
      height: 300px !important; }

    body.product .product--image .carousel .carousel-item > div {
      height: 300px !important; }

    body.product .categoryImages {
      text-align: center;
      margin-top: 20px; }
      body.product .categoryImages img {
        width: 100px;
        height: initial !important;
        max-height: 100px !important; }

    body.product .product--details {
      padding-bottom: 100px; }

    body.product .product-top--title {
      font-size: 1.5rem;
      font-weight: bold; }

    body.product .product--title {
      display: none !important; }

    body.product .button-submit {
      width: 100%; }

    body.product table {
      border: 0px; }

    body.product table td, body.product table th {
      display: flex;
      flex: 1;
      align-items: center;
      padding: 0px 0px 5px 0px;
      border: 0px !important;
      margin: 0px !important;
      height: auto !important; } }
  body.my-account .box, body.dashboard .box {
    position: relative; }
  body.my-account .box a, body.dashboard .box a {
    color: black;
    cursor: pointer; }
  body.my-account .box i, body.dashboard .box i {
    font-size: 2rem;
    margin-right: 10px; }
  body.my-account .box p, body.dashboard .box p {
    font-size: 0.8rem;
    margin-bottom: 0px; }
  body.my-account .details, body.dashboard .details {
    background: white;
    min-height: 500px; }
  @media (min-width: 1250px) {
      body.my-account .details, body.dashboard .details {
        margin-top: -80px;
        padding: 50px; } }
  body.my-account .details .content, body.dashboard .details .content {
    border-bottom: 1px solid #ccc;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0px 0px 10px 0px; }
    body.my-account .details .content i, body.dashboard .details .content i {
      margin-right: 10px;
      display: flex;
      align-items: center; }
    body.my-account .details .content h4, body.dashboard .details .content h4 {
      font-weight: bold; }
    body.my-account .details .content.address div span, body.dashboard .details .content.address div span {
      font-size: 0.8rem; }
  body.my-account .footer2, body.dashboard .footer2 {
    margin-top: 0px !important; }

:focus {
  box-shadow: none !important; }

.socialLogin {
  position: relative;
  font-weight: bold; }
  .socialLogin i {
    position: absolute;
    left: 10px;
    font-size: 2rem;
    top: 4px; }

.topBar {
  background: #f2f2f2; }
  .topBar a {
    color: #6b6b6b;
    font-size: 0.8rem; }
  .topBar i {
    color: black; }

.form-control {
  border-radius: 0px;
  line-height: 2;
  border-color: #d9d9d9; }

.quantityController {
  margin-right: 5px; }

.couponCodeForm .btnApplyCoupon {
  cursor: pointer; }
  .couponCodeForm .input-group-append {
    display: flex; }

.relative {
  position: relative; }

.relativeImportant {
  top: unset !important;
  left: unset !important;
  position: relative !important; }

.modalcouponCode .btnApplyCoupon {
  position: absolute;
  right: 1px;
  top: 1px;
  height: calc(100% - 2px);
  display: flex;
  justify-content: center;
  align-self: center;
  align-items: center; }

.modalcouponCode .availableCouponsTitle {
  background: #f8f9fa;
  margin-left: -14px;
  width: calc(100% + 28px);
  padding: 10px 25px;
  margin-top: 10px; }

.discountDesc {
  color: #89584b; }

.couponCodeDiv .couponDetails {
  border: 1px solid #d4d5d9;
  padding: 30px 20px !important;
  margin-bottom: 20px;
  background: white;
  height: 100%; }

.couponCodeDiv + .couponCodeDiv {
  border-top: 1px solid #f5f5f7; }

.couponCodeRound {
  background: #f5ebed;
  padding: 7px 17px;
  border-radius: 6px;
  border: 1px dashed #f35765;
  font-weight: 500;
  letter-spacing: 1px; }

.couponCodeDiv .title {
  padding-bottom: 4px;
  font-weight: 500; }
  .couponCodeDiv .desc {
    margin-top: 5px; }
  .couponCodeDiv .couponCode {
    padding: 20px 0px; }
  .couponCodeDiv .couponCode .coupon {
    position: relative;
    font-weight: 600;
    border: 2px solid #daceb8;
    padding: 5px 15px;
    background: repeating-linear-gradient(45deg, #fefae6, #fefae6 6px, #faf6e2 6px, #faf6e2 7px); }
  .couponCodeDiv .couponCode .coupon:before, .couponCodeDiv .couponCode .coupon:after {
    content: "";
    position: absolute;
    transform: rotate3d(0, 0, 1, 45deg) skew(15deg, 15deg);
    width: 5px;
    height: 5px;
    background: white;
    left: 36px; }
  .couponCodeDiv .couponCode .coupon:before {
    top: -3px;
    border-bottom: 2px solid #daceb8;
    border-right: 2px solid #daceb8; }
  .couponCodeDiv .couponCode .coupon:after {
    bottom: -3px;
    border-top: 2px solid #daceb8;
    border-left: 2px solid #daceb8; }
  .couponCodeDiv .couponCode .icon {
    margin-right: 20px; }
  .couponCodeDiv .couponCode .icon img {
    width: 16px;
    position: relative;
    top: -1px; }

.cartFixedAlways {
  transform: translateX(130%);
  transition: 250ms all;
  position: fixed;
  width: 45%;
  z-index: 99 !important;
  right: 0px;
  top: 0px;
  /* padding: 10px; */
  z-index: 9;
  bottom: 0px;
  height: 100vh; }
  .cartFixedAlways .cartPage {
    width: 100%; }
  .cartFixedAlways .basketItems {
    padding: 15px;
    margin-bottom: 0px !important; }
  .cartFixedAlways.visible {
    transform: translateX(0%);
    display: flex;
    background: white; }

.cartPage .cart, .my-account .cart, body.dashboard .cart, .cartPage .mainContent, .my-account .mainContent, body.dashboard .mainContent {
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%; }
  .cartPage .cart .basketItems, .my-account .cart .basketItems, body.dashboard .cart .basketItems, .cartPage .mainContent .basketItems, .my-account .mainContent .basketItems, body.dashboard .mainContent .basketItems {
    overflow: scroll;
    margin-bottom: 30px; }
  .cartPage .cart .basketItems .subItems, .my-account .cart .basketItems .subItems, body.dashboard .cart .basketItems .subItems, .cartPage .mainContent .basketItems .subItems, .my-account .mainContent .basketItems .subItems, body.dashboard .mainContent .basketItems .subItems {
    border-top: 1px solid rgba(179, 160, 162, 0.34);
    padding: 10px 0px;
    border-bottom: 1px solid rgba(179, 160, 162, 0.34);
    margin: 10px 0px; }
  .cartPage .cart.sticky, .my-account .cart.sticky, body.dashboard .cart.sticky, .cartPage .mainContent.sticky, .my-account .mainContent.sticky, body.dashboard .mainContent.sticky {
    position: fixed;
    top: 0px !important;
    margin-top: 0px !important;
    z-index: 5; }
  .cartPage .cart .itemPic, .my-account .cart .itemPic, body.dashboard .cart .itemPic, .cartPage .mainContent .itemPic, .my-account .mainContent .itemPic, body.dashboard .mainContent .itemPic {
    max-width: 100%;
    background-repeat: no-repeat !important;
    background-size: contain !important; }
  .cartPage .cart .item, .my-account .cart .item, body.dashboard .cart .item, .cartPage .mainContent .item, .my-account .mainContent .item, body.dashboard .mainContent .item {
    font-size: 0.8rem; }
  .cartPage .cart .quantityControl, .my-account .cart .quantityControl, body.dashboard .cart .quantityControl, .cartPage .mainContent .quantityControl, .my-account .mainContent .quantityControl, body.dashboard .mainContent .quantityControl {
    margin-left: -10px;
    padding: 0px;
    text-align: center;
    align-items: center;
    display: flex; }
  .cartPage .cart .removeItemFromCart, .my-account .cart .removeItemFromCart, body.dashboard .cart .removeItemFromCart, .cartPage .mainContent .removeItemFromCart, .my-account .mainContent .removeItemFromCart, body.dashboard .mainContent .removeItemFromCart {
    width: 20px;
    cursor: pointer;
    position: absolute;
    z-index: 8;
    cursor: pointer;
    right: 20px;
    font-weight: 700;
    height: 20px;
    margin: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #007bff;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    display: flex; }
  .cartPage .cart .plus, .my-account .cart .plus, body.dashboard .cart .plus, .cartPage .mainContent .plus, .my-account .mainContent .plus, body.dashboard .mainContent .plus, .cartPage .cart .minus, .my-account .cart .minus, body.dashboard .cart .minus, .cartPage .mainContent .minus, .my-account .mainContent .minus, body.dashboard .mainContent .minus {
    width: 20px;
    cursor: pointer;
    font-weight: 700;
    height: 20px;
    margin: 0px 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    left: 0;
    color: #007bff;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    display: flex; }
  .cartPage .cart .plus:hover, .my-account .cart .plus:hover, body.dashboard .cart .plus:hover, .cartPage .mainContent .plus:hover, .my-account .mainContent .plus:hover, body.dashboard .mainContent .plus:hover, .cartPage .cart .minus:hover, .my-account .cart .minus:hover, body.dashboard .cart .minus:hover, .cartPage .mainContent .minus:hover, .my-account .mainContent .minus:hover, body.dashboard .mainContent .minus:hover {
    box-shadow: #e2e2e2 0px 0px 5px !important; }
  .cartPage .cart .plus i, .my-account .cart .plus i, body.dashboard .cart .plus i, .cartPage .mainContent .plus i, .my-account .mainContent .plus i, body.dashboard .mainContent .plus i, .cartPage .cart .minus i, .my-account .cart .minus i, body.dashboard .cart .minus i, .cartPage .mainContent .minus i, .my-account .mainContent .minus i, body.dashboard .mainContent .minus i {
    font-size: 11px; }
  .cartPage .cart .itemPriceFinal, .my-account .cart .itemPriceFinal, body.dashboard .cart .itemPriceFinal, .cartPage .mainContent .itemPriceFinal, .my-account .mainContent .itemPriceFinal, body.dashboard .mainContent .itemPriceFinal {
    display: flex;
    flex-grow: 1;
    word-break: initial !important;
    text-align: right;
    justify-content: flex-end;
    align-items: center; }
  .cartPage .cart .itemName, .my-account .cart .itemName, body.dashboard .cart .itemName, .cartPage .mainContent .itemName, .my-account .mainContent .itemName, body.dashboard .mainContent .itemName {
    font-size: 1.1rem; }
  .cartPage .cart .itemPriceFinal, .my-account .cart .itemPriceFinal, body.dashboard .cart .itemPriceFinal, .cartPage .mainContent .itemPriceFinal, .my-account .mainContent .itemPriceFinal, body.dashboard .mainContent .itemPriceFinal {
    font-size: 1rem; }
  .cartPage .cart .itemPicParent, .my-account .cart .itemPicParent, body.dashboard .cart .itemPicParent, .cartPage .mainContent .itemPicParent, .my-account .mainContent .itemPicParent, body.dashboard .mainContent .itemPicParent {
    position: relative;
    min-width: 64px;
    align-self: center; }
  .cartPage .cart .itemPicParent > .image, .my-account .cart .itemPicParent > .image, body.dashboard .cart .itemPicParent > .image, .cartPage .mainContent .itemPicParent > .image, .my-account .mainContent .itemPicParent > .image, body.dashboard .mainContent .itemPicParent > .image {
    position: relative; }
  .cartPage .cart .itemPicParent .quantity, .my-account .cart .itemPicParent .quantity, body.dashboard .cart .itemPicParent .quantity, .cartPage .mainContent .itemPicParent .quantity, .my-account .mainContent .itemPicParent .quantity, body.dashboard .mainContent .itemPicParent .quantity {
    font-size: 0.85714em;
    font-weight: 500;
    line-height: 1.75em;
    white-space: nowrap;
    text-align: center;
    border-radius: 1.75em;
    background-color: rgba(114, 114, 114, 0.9);
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 1.75em;
    height: 1.75em;
    padding: 0 0.58333em;
    position: absolute;
    right: -0.75em;
    top: -0.75em;
    z-index: 3; }
  .cartPage .cart .itemPicParent .image, .my-account .cart .itemPicParent .image, body.dashboard .cart .itemPicParent .image, .cartPage .mainContent .itemPicParent .image, .my-account .mainContent .itemPicParent .image, body.dashboard .mainContent .itemPicParent .image {
    width: 64px;
    height: 64px;
    border: 1.4px solid rgba(114, 114, 114, 0.9);
    border-radius: 5px; }
  .cartPage .cart .header, .my-account .cart .header, body.dashboard .cart .header, .cartPage .mainContent .header, .my-account .mainContent .header, body.dashboard .mainContent .header {
    background: white; }
  .cartPage .cart .header .alert, .my-account .cart .header .alert, body.dashboard .cart .header .alert, .cartPage .mainContent .header .alert, .my-account .mainContent .header .alert, body.dashboard .mainContent .header .alert {
    font-size: 0.8rem; }
  .cartPage .cart .header .total, .my-account .cart .header .total, body.dashboard .cart .header .total, .cartPage .mainContent .header .total, .my-account .mainContent .header .total, body.dashboard .mainContent .header .total {
    font-weight: bold; }
  .cartPage .cart .basketItemPrice, .my-account .cart .basketItemPrice, body.dashboard .cart .basketItemPrice, .cartPage .mainContent .basketItemPrice, .my-account .mainContent .basketItemPrice, body.dashboard .mainContent .basketItemPrice {
    font-weight: 600;
    position: absolute;
    right: 20px;
    bottom: 20px; }
  .cartPage .cart .item, .my-account .cart .item, body.dashboard .cart .item, .cartPage .mainContent .item, .my-account .mainContent .item, body.dashboard .mainContent .item {
    padding-bottom: 8px;
    padding-top: 8px;
    flex-wrap: initial;
    position: relative;
    background: white; }
  .cartPage .cart .cardItems + .cardItems, .my-account .cart .cardItems + .cardItems, body.dashboard .cart .cardItems + .cardItems, .cartPage .mainContent .cardItems + .cardItems, .my-account .mainContent .cardItems + .cardItems, body.dashboard .mainContent .cardItems + .cardItems {
    border-top: 1px solid #ccc; }
  .cartPage .cart .viewBasket, .my-account .cart .viewBasket, body.dashboard .cart .viewBasket, .cartPage .mainContent .viewBasket, .my-account .mainContent .viewBasket, body.dashboard .mainContent .viewBasket {
    position: absolute;
    bottom: 0px;
    border-radius: 0px; }

.btn.btn-wolf {
  background: #fff;
  border-radius: 4.5px;
  border: 1px solid #e7e7e7;
  color: #7b8489 !important;
  box-shadow: none;
  text-align: center;
  font-size: 1rem;
  box-shadow: rgba(54, 54, 54, 0.06) 0px 1px 2px;
  font-weight: 300;
  border-radius: 5px; }
  .btn.btn-wolf i.fa-wolf {
    background: url('https://cdn.b3web.xyz/web/wolf/optimizedicon.png1597155038.png');
    background-size: contain;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat; }
  .btn.btn-wolf:hover {
    background: #e7e7e7; }

.businessAddress {
  cursor: pointer;
  pointer-events: all; }

.myAddressesPlaceholder h4 {
  font-size: 1.5rem !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important; }

.locationResults {
  left: 0px;
  position: absolute;
  z-index: 1;
  background: white;
  width: calc(100% - 0px);
  margin-left: 0px !important;
  margin: 0 1px;
  overflow: scroll;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .08); }
  .locationResults ul {
    list-style: none;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 0px; }
  .locationResults ul li {
    display: flex;
    background-color: #fff; }
  .locationResults ul li:hover {
    background-color: #f9fafa; }
  .locationResults ul li .setLocationFromDropdown {
    display: flex; }
  .locationResults ul li .locationResultName {
    margin-left: 12px; }
  .locationResults ul li a {
    padding: 13px 21px;
    color: #828585;
    width: 100%;
    font-size: 0.9rem; }
    .locationResults ul li a strong {
      font-weight: 500;
      color: #2e3333; }
  .locationResults ul li a2:before {
    font-family: "Ionicons";
    font-weight: 900;
    content: "\f1ff";
    font-size: 15px;
    margin-right: 10px; }
  .locationResults ul li + li {
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .08);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .08); }

.basketTotalNumber {
  position: absolute;
  top: -12px;
  right: 0px;
  background: #d43030;
  color: white;
  height: 16px;
  width: 16px;
  border-radius: 100%;
  text-align: center;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center; }

.showBasket .basketTotalNumber {
  right: -8px; }

@media (min-width: 991px) {
  .buttonAlwaysBottomCheckout {
    border-radius: 8px !important; } }

.checkoutButtonInCart a {
  padding: 14px;
  font-size: 16px; }

body.checkout {
  background: #f4f5f5; }
  body.checkout .buttonAlwaysBottomCheckout {
    width: 100%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    min-height: 70px;
    height: 70px;
    bottom: 0px !important;
    left: 0px;
    border-radius: 0px;
    border: 0px;
    background: #303331;
    text-align: center;
    bottom: 0px;
    left: 0px;
    font-size: 16px !important;
    color: white;
    /*.details,.payment,.basketCartItems{ */ }
  body.checkout .buttonAlwaysBottomCheckout a {
    text-decoration: none;
    color: white !important; }
  body.checkout .details h2, body.checkout .payment h2, body.checkout .basketCartItems h2 {
    padding: 1rem !important;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: normal;
    background: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-top: 0px !important;
    width: 100%; }
  body.checkout .details .address .p-2, body.checkout .payment .address .p-2, body.checkout .basketCartItems .address .p-2 {
    padding: 0px !important; }
  body.checkout .details .estimate--delivery, body.checkout .payment .estimate--delivery, body.checkout .basketCartItems .estimate--delivery {
    padding: 0.5rem 1rem !important; }
  body.checkout .details .address .card-type-logo, body.checkout .payment .address .card-type-logo, body.checkout .basketCartItems .address .card-type-logo, body.checkout .details .paymentOptions .card-type-logo, body.checkout .payment .paymentOptions .card-type-logo, body.checkout .basketCartItems .paymentOptions .card-type-logo {
    width: 50px !important;
    padding: 10px;
    background: aliceblue;
    margin-right: 10px; }
  body.checkout .details .address .cardDetails, body.checkout .payment .address .cardDetails, body.checkout .basketCartItems .address .cardDetails, body.checkout .details .paymentOptions .cardDetails, body.checkout .payment .paymentOptions .cardDetails, body.checkout .basketCartItems .paymentOptions .cardDetails {
    margin-top: 10px !important; }
  body.checkout .details .basketItems, body.checkout .payment .basketItems, body.checkout .basketCartItems .basketItems {
    padding: 0.5rem 1rem !important; }
  body.checkout .dropdownCards .details, body.checkout .dropdown-menu .details {
    background: transparent !important;
    margin: 0px !important;
    box-shadow: none !important;
    border: none !important; }
  body.checkout .selectPaymentMethod a {
    color: white; }
  body.checkout .haveACouponCode {
    background: #eaeaea;
    border-radius: 20px;
    padding: 0px 20px;
    border: 1px solid #ccc;
    color: black;
    font-weight: bold; }
  body.checkout .selectHouseOrFlat.nav-pills {
    margin-bottom: 20px; }
  body.checkout .selectHouseOrFlat.nav-pills .nav-link.active {
    color: #fff;
    background-color: #232932; }
  body.checkout .checkoutButtonInCart {
    display: none; }
  body.checkout footer > .container {
    display: none; }
  @media (max-width: 767px) {
  body.checkout .detailsBox .nav-link {
    font-size: 0.8rem; }
  body.checkout .breadcrumb {
    font-size: 10px; }
  body.checkout .securityNote {
    font-size: 0.75rem; }
  body.checkout .takeawayFromThisStore {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    font-size: 0.9rem; }
  body.checkout .useThisAddressButton {
    width: 100%; }
  body.checkout .placeOrderForm {
    font-size: 0.8rem; }
  body.checkout .cartPage {
    background: white !important;
    font-size: 0.8rem; }
  body.checkout .btn {
    font-size: 0.8rem; }
  body.checkout .useThisAddress {
    font-size: 0.8rem; }
  body.checkout .useThisOrderMethod {
    margin: 0px 20px;
    font-size: 0.8rem;
    color: black; }
  body.checkout .address::after {
    display: none; }
  body.checkout .alert {
    width: 100%;
    text-align: center;
    border-radius: 0px;
    font-size: 1rem; }
  body.checkout h4 {
    font-size: 1rem; }
  body.checkout .tipForDriver {
    font-size: 20px; }
  body.checkout .minusTips, body.checkout .plusTips {
    padding: 7px;
    font-size: 22px;
    line-height: 9px;
    text-align: center; }
    body.checkout .minusTips i, body.checkout .plusTips i {
      font-size: 25px !important; }
  body.checkout .securePayment p {
    margin: 10px -25px; }
  body.checkout .delivery--propertyType {
    background: #f4f5f5;
    padding: 10px 10px 0px 10px;
    margin: 0px -20px;
    font-weight: bold;
    color: black; }
    body.checkout .delivery--propertyType label {
      color: black; }
  body.checkout .well {
    border: 0px;
    padding: 10px;
    border-bottom: 1px solid #e5e5e5; }
  body.checkout .paymentConfirmation {
    position: fixed;
    width: 100%;
    left: 0px;
    border-radius: 0px !important;
    z-index: 9;
    bottom: 20px; }
    body.checkout .paymentConfirmation button {
      border-radius: 0px;
      font-size: 1.3rem; } }
  body.checkout .savedAddress {
    cursor: pointer;
    background: #fff;
    border: 1px solid #d4d5d9;
    padding: 10px;
    transition: 250ms all;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
  body.checkout .nav.nav-pills .nav-item a {
    padding: 10px 20px;
    font-size: 1.25rem; }
  body.checkout .fullScreenMap {
    margin-bottom: 20px; }
  body.checkout .checkout--page {
    padding: 0px 0px; }
  body.checkout .checkout--page h2 {
    display: flex;
    margin-top: 5px;
    padding-bottom: 5px;
    align-items: center;
    justify-content: space-between;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    padding: 10px !important; }
  body.checkout .checkout--page.disableCheckout {
    opacity: 0.4;
    pointer-events: none !important; }
  body.checkout .checkout--page .address--deliveryActions .deleteAddress {
    padding: 5px 10px;
    top: 10px;
    color: #e11726 !important; }

.headerStyle.restaurant .navbar.navbar-dark .loginBtn {
  background: #333 !important;
  color: white !important; }

.countrySelector {
  /* Chrome, Safari, Edge, Opera */ }
  .countrySelector .closeCountryList {
    font-size: 30px; }
  .countrySelector .closeCountryList i {
    cursor: pointer; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  /* Firefox */ }

input[type=number] {
  -moz-appearance: textfield; }

.modalAjax.loginView .backToLoginScreen, .modalAjax.loginViewAPI .backToLoginScreen {
  font-size: 30px; }
  .modalAjax.loginView .backToLoginScreen i, .modalAjax.loginViewAPI .backToLoginScreen i {
    cursor: pointer; }
  .modalAjax.loginView .modal-body.white, .modalAjax.loginViewAPI .modal-body.white {
    background: transparent !important; }
  .modalAjax.loginView .closeButton, .modalAjax.loginViewAPI .closeButton {
    display: none; }

.btn.btn-light {
  background-color: #f4f5f5 !important;
  border-color: rgba(0, 0, 0, .1) !important; }

.modalAjax.writeReview, .modalAjax.loginView, .modal.startGroupOrder {
  margin-top: 0px !important;
  width: 100%; }
  .modalAjax.writeReview .modal-header, .modalAjax.loginView .modal-header, .modal.startGroupOrder .modal-header {
    padding-top: calc(env(safe-area-inset-top)); }
  .modalAjax.writeReview form, .modalAjax.loginView form, .modal.startGroupOrder form {
    padding-bottom: calc(env(safe-area-inset-bottom)); }
  .modalAjax.writeReview .viewPasswordHiddenEye, .modalAjax.loginView .viewPasswordHiddenEye, .modal.startGroupOrder .viewPasswordHiddenEye {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .modalAjax.writeReview .closeButton, .modalAjax.loginView .closeButton, .modal.startGroupOrder .closeButton {
    position: absolute;
    right: 15px;
    top: 5px; }
  .modalAjax.writeReview .formLoginWolf, .modalAjax.loginView .formLoginWolf, .modal.startGroupOrder .formLoginWolf {
    padding-top: calc(env(safe-area-inset-top)); }
  .modalAjax.writeReview .btnContinueSMS, .modalAjax.loginView .btnContinueSMS, .modal.startGroupOrder .btnContinueSMS {
    cursor: pointer;
    padding: 10px;
    width: 100%; }
  .modalAjax.writeReview .separator span, .modalAjax.loginView .separator span, .modal.startGroupOrder .separator span {
    z-index: 2;
    position: relative;
    background: white;
    padding: 2px 12px; }
  .modalAjax.writeReview .btnContinueEmailLoginInModal, .modalAjax.loginView .btnContinueEmailLoginInModal, .modal.startGroupOrder .btnContinueEmailLoginInModal {
    width: 100%; }
  .modalAjax.writeReview .separator:before, .modalAjax.loginView .separator:before, .modal.startGroupOrder .separator:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 0;
    opacity: 0.24;
    border-bottom: 1px solid #8c9b9b; }
  .modalAjax.writeReview .phoneNumberInput, .modalAjax.loginView .phoneNumberInput, .modal.startGroupOrder .phoneNumberInput {
    border-color: rgba(0, 0, 0, .1) !important;
    border: 1px solid;
    border-bottom: 0px !important;
    border-radius: 10px 10px 0px 0px !important; }
  .modalAjax.writeReview .phoneNumberInput label.error, .modalAjax.loginView .phoneNumberInput label.error, .modal.startGroupOrder .phoneNumberInput label.error {
    position: absolute;
    bottom: -22px;
    left: 0px; }
  .modalAjax.writeReview .phoneNumberInput .telephoneNumberSignIn, .modalAjax.loginView .phoneNumberInput .telephoneNumberSignIn, .modal.startGroupOrder .phoneNumberInput .telephoneNumberSignIn {
    border: none;
    border-radius: 0px 10px 0px 0px; }
  .modalAjax.writeReview .phoneNumberInput.error, .modalAjax.loginView .phoneNumberInput.error, .modal.startGroupOrder .phoneNumberInput.error {
    border-color: #ee1a41; }
  .modalAjax.writeReview .separator, .modalAjax.loginView .separator, .modal.startGroupOrder .separator {
    text-align: center;
    padding: 10px; }
  .modalAjax.writeReview .modal-dialog, .modalAjax.loginView .modal-dialog, .modal.startGroupOrder .modal-dialog {
    margin: 0 auto !important; }

.whenForTheOrder a:not(.active) {
  opacity: 0.5; }

.selectPaymentMethod h1 {
  font-weight: 600 !important;
  font-size: 1.2rem !important;
  margin-bottom: 10px; }
  .selectPaymentMethod h3 {
    padding: 0px; }
  .selectPaymentMethod p.note {
    font-size: 0.7rem; }
  .selectPaymentMethod .methodLine {
    cursor: pointer;
    font-weight: 400;
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 0px;
    transition: 140ms all;
    transform-origin: left;
    display: flex;
    align-items: center;
    border-bottom: 1px solid transparent;
    font-size: 1.3rem; }
  .selectPaymentMethod .methodLine i {
    font-size: 1.6rem; }
  .selectPaymentMethod .methodLine:hover {
    margin-left: 13px; }
  .selectPaymentMethod .methodLine:hover .methodName .note {
    font-weight: 400; }
  .selectPaymentMethod .methodLine.addNewCard i {
    padding: 0px 14px 0px 0px;
    color: #60b247; }
  .selectPaymentMethod .methodLine.addNewCard:hover {
    font-weight: 500; }
  .selectPaymentMethod .methodLine .methodName {
    display: flex;
    flex-grow: 1;
    font-size: 1.3rem;
    margin-left: 10px; }

body.checkout .modalpaymentMethod .methodLine img {
  background: white;
  padding: 10px;
  width: 50px !important; }
  body.checkout .form-check-input {
    -webkit-appearance: radio; }
  body.checkout .promoCode {
    text-align: center;
    margin-top: 20px; }
  body.checkout .checkout--page {
    /*
	label{
		color: black;
	}
	*/ }
  body.checkout .checkout--page p.note {
    font-size: 0.9rem;
    font-weight: normal; }
  body.checkout .checkout--page .form-control {
    background: #f6f6f6;
    padding: 0.5em;
    padding-right: 1.5em;
    background-color: #f6f6f6;
    -webkit-appearance: none;
    border-bottom: 1px solid #e2e2e2;
    border: none !important;
    border-radius: 0px !important;
    font-size: 1.1rem;
    box-shadow: #e2e2e2 0px -1px 0px inset !important;
    padding: 12px 32px 12px 16px;
    height: auto !important; }
  @media (min-width: 768px) {
  body.checkout .btnAddressSelection {
    padding: 12px 0px 13px 0px;
    border-radius: 0px; }
  body.checkout .modal-dialog.modalcouponCode, body.checkout .modal-dialog.modalpaymentMethod {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto; }
    body.checkout .modal-dialog.modalcouponCode .closeButton button, body.checkout .modal-dialog.modalpaymentMethod .closeButton button {
      background: transparent !important;
      color: #474752 !important;
      font-size: 2rem; }
      body.checkout .modal-dialog.modalcouponCode .closeButton button:hover, body.checkout .modal-dialog.modalpaymentMethod .closeButton button:hover {
        box-shadow: none !important;
        color: black; }
      body.checkout .modal-dialog.modalcouponCode .closeButton button:focus, body.checkout .modal-dialog.modalpaymentMethod .closeButton button:focus {
        outline: none;
        box-shadow: none; }

    body.checkout .modal-dialog.modalcouponCode .modal-content, body.checkout .modal-dialog.modalpaymentMethod .modal-content {
      border-radius: 0px !important; }
      body.checkout .modal-dialog.modalcouponCode .modal-content select:not([multiple]), body.checkout .modal-dialog.modalpaymentMethod .modal-content select:not([multiple]) {
        -webkit-appearance: none;
        -moz-appearance: none;
        background-position: right 50%;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" version="1"><path d="M4 8L0 4h8z"/></svg>');
        padding: 0.5em;
        padding-right: 1.5em; } }
  @media (max-width: 767px) {
  body.checkout .promoCode {
    padding: 0px !important; }
  body.checkout .estimate--delivery {
    position: absolute !important;
    line-height: 15px;
    right: 0px;
    z-index: 9;
    right: 20px; }
  body.checkout input.form-control, body.checkout textarea.form-control {
    font-size: 18px !important; }
  body.checkout .basketCartItems {
    border-top: 1px solid #e2e2e2; }
    body.checkout .basketCartItems h2.yourOrderItems {
      font-size: 1rem !important; }
  body.checkout .modalpaymentMethod .modal-body {
    background: white; }
  body.checkout .modalpaymentMethod .addNewCardForm a.btnAddNewCardInForm, body.checkout .modalcouponCode .addNewCardForm a.btnAddNewCardInForm, body.checkout .modalchangeDeliveryTime .addNewCardForm a.btnAddNewCardInForm {
    position: fixed;
    bottom: 20px;
    width: 95%;
    left: 10px; }
    body.checkout .modalpaymentMethod .modal-content .footer, body.checkout .modalcouponCode .modal-content .footer, body.checkout .modalchangeDeliveryTime .modal-content .footer {
      position: fixed;
      bottom: 20px; }
  body.checkout h1 {
    font-weight: 400; }
  body.checkout .mobileHeader label {
    font-weight: 400; }
    body.checkout .mobileHeader p.note {
      position: relative; }
      body.checkout .mobileHeader p.note::after {
        border-bottom: 1px solid #000;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        width: 10%;
        bottom: 0;
        margin: 0 auto;
        z-index: 1;
        top: 0px; }
  body.checkout h2 {
    padding: 0px 0px 3px !important; }
  body.checkout h2.yourOrderItems {
    display: inline !important; }
  body.checkout .address, body.checkout .paymentOptions {
    position: relative !important; }
  body.checkout .wolfWalletUsage {
    margin: 10px 0px; }
  body.checkout .rightDiv {
    display: flex;
    padding-bottom: 130px;
    flex-direction: column; }
    body.checkout .rightDiv .promoCode {
      order: 0;
      background: transparent !important;
      text-align: left !important;
      padding: 5px 11px;
      color: #7b7b7b !important;
      margin-bottom: 20px; }
      body.checkout .rightDiv .promoCode .haveACouponCode i {
        margin-right: 5px; }

    body.checkout .rightDiv .orderPayment {
      order: 2; }

    body.checkout .rightDiv .note {
      order: 4; }

    body.checkout .rightDiv .note.privacyNoticeOrderNote {
      display: none; }

    body.checkout .rightDiv .alert-danger {
      position: fixed;
      bottom: calc(77px + env(safe-area-inset-bottom));
      width: 100%;
      left: 0px;
      z-index: 9; }

    body.checkout .rightDiv .basketEmpltyBtn {
      position: fixed;
      z-index: 9;
      bottom: 30px;
      width: calc(100% - 20px);
      left: 0px;
      margin: 10px;
      padding: 10px; }

    body.checkout .rightDiv .total {
      position: fixed;
      bottom: calc(70px + env(safe-area-inset-bottom));
      z-index: 9;
      left: 0px;
      border-radius: 0px !important;
      font-size: 20px !important;
      transition: 250ms transform;
      padding: 8px 15px !important;
      width: 100%;
      background: white;
      border-top: 1px solid rgba(0, 0, 0, .08);
      box-shadow: 0px -8px 11px -12px #ccc; }

    body.checkout .rightDiv .placeOrderButton {
      position: fixed;
      width: 100%;
      background: white;
      padding: 0px 0px 0px 0px;
      bottom: 0px;
      left: 0px;
      z-index: 9; }
      body.checkout .rightDiv .placeOrderButton a {
        min-height: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0px !important;
        font-size: 16px !important;
        display: inline-block;
        bottom: 0px;
        transition: 250ms transform;
        position: relative; }
  body.checkout .useCompanyAllowance .useAllowaceOnOff {
    padding: 10px 0px; }
  body.checkout .basketCartItems {
    padding: 0px 0px !important; }
    body.checkout .basketCartItems .basketItems {
      margin-top: 0px !important;
      border-top: 1px solid #f6f6f6 !important; } }
  @media (min-width: 1441px) {
    body.checkout .checkout--page .col-xl-6 {
      -webkit-flex: 0 0 46%;
      -ms-flex: 0 0 46%;
      flex: 0 0 46%;
      width: 46%; } }
  body.checkout .checkout--page .help.card {
    border-radius: 2rem;
    overflow: hidden; }
  body.checkout .checkout--page .help.card h3 {
    font-weight: bold;
    position: relative; }
    body.checkout .checkout--page .help.card h3 img.company {
      width: 62px;
      border-radius: 50%;
      position: absolute;
      right: -10px;
      top: -10px; }
  body.checkout .checkout--page .help.card .card-body .name {
    font-weight: bold; }
  body.checkout .checkout--page .help.card .avatar {
    width: 32px;
    height: 32px;
    margin-right: 10px; }
  body.checkout .checkout--page .help.card .card-footer {
    text-align: center;
    font-weight: 600; }
  body.checkout .checkout--page.notLoginIn .payment {
    opacity: 0.4;
    pointer-events: none; }
  body.checkout .checkout--page .promoCode {
    text-align: center;
    margin-top: 5px; }
  body.checkout .checkout--page select {
    height: 100%;
    background-color: #f6f6f6;
    box-shadow: #e2e2e2 0px -1px 0px inset;
    -webkit-appearance: none;
    border-bottom: 1px solid #e2e2e2;
    border: none !important;
    border-radius: 0px !important; }
  body.checkout .checkout--page .btnPlaceOrder.btn-lg {
    padding: 0.8rem 1rem;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    width: 100%;
    height: calc(70px + env(safe-area-inset-bottom));
    line-height: 1.5;
    border-radius: 0px;
    font-weight: normal !important; }
  body.checkout .checkout--page .basketItems {
    border-top: 1px solid #e2e2e2;
    padding: 10px 0px 13px 0px;
    margin-top: 10px; }
  body.checkout .checkout--page .basketItems.removing {
    opacity: 0.4 !important; }
  body.checkout .checkout--page .basketItems .cartItemModifiers {
    font-size: 0.8rem;
    margin-left: 10px;
    color: #545454; }
  body.checkout .checkout--page .basketItems .quantity {
    position: relative;
    height: 100%; }
    body.checkout .checkout--page .basketItems .quantity i {
      position: absolute;
      pointer-events: none;
      line-height: unset !important;
      right: 12px;
      top: 0px;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 12px; }
  body.checkout .checkout--page .basketItems .foodName, body.checkout .checkout--page .basketItems .finalPrice {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  body.checkout .checkout--page .basketItems .finalPrice {
    justify-content: center; }
  @media (min-width: 768px) {
    body.checkout .checkout--page {
      padding: 0px 0px; } }
  body.checkout .checkout--page .card-type-logo {
    width: 28px; }
  body.checkout .checkout--page .address, body.checkout .checkout--page .payment {
    padding: 0px 0px 0px 0px; }
  body.checkout .checkout--page .selectAddressChevron {
    position: absolute;
    top: calc(50% - 15px);
    line-height: unset !important;
    right: 15px; }
  body.checkout .checkout--page .orderSummary {
    font-size: 0.9rem;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px; }
  body.checkout .checkout--page .orderSummary > div {
    padding: 4px 0px; }
  body.checkout .checkout--page .orderSummary div i {
    min-width: 24px;
    line-height: 100%;
    align-self: center; }
  body.checkout .checkout--page input.form-control, body.checkout .checkout--page textarea.form-control {
    background: #f6f6f6;
    border: 0px !important;
    border-radius: 0px !important;
    font-size: 1.1rem;
    color: #7b7b7b !important;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px; }
  body.checkout .checkout--page input.form-control:focus, body.checkout .checkout--page textarea.form-control:focus {
    border-bottom: 1px solid black; }
  body.checkout .checkout--page .orderPayment .title {
    display: flex;
    justify-content: space-between;
    font-weight: 400; }
    body.checkout .checkout--page .orderPayment .title .value {
      font-weight: 400; }
  body.checkout .checkout--page .orderPayment .total {
    font-weight: 600;
    font-size: 1.3rem;
    margin-top: 5px;
    color: black; }
    body.checkout .checkout--page .orderPayment .total .value {
      font-weight: 600; }
  body.checkout .checkout--page .orderPayment .discount {
    color: #5fb246; }
  body.checkout .checkout--page .payment, body.checkout .checkout--page .basketCartItems, body.checkout .checkout--page .companyAllowance, body.checkout .checkout--page .wolfWalletUsage {
    margin-top: 35px; }
  body.checkout .checkout--page .companyAllowance {
    margin: 30px 0px; }
  body.checkout .checkout--page .separator {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px; }
  body.checkout .checkout--page .orderMethodFilter, body.checkout .checkout--page .orderMethodFilterCheckout {
    border: 1px solid #e8ebeb;
    margin-bottom: 6px;
    border-radius: 4px;
    padding: 8px 10px;
    position: relative;
    border-radius: 6px;
    background: #dededf;
    width: 100%;
    display: flex;
    padding: 2px; }
  body.checkout .checkout--page .orderMethodFilter a, body.checkout .checkout--page .orderMethodFilterCheckout a {
    color: black;
    flex: 1;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px;
    height: 100%;
    font-weight: 500;
    font-size: 1rem; }
    body.checkout .checkout--page .orderMethodFilter a.active, body.checkout .checkout--page .orderMethodFilterCheckout a.active {
      background: white !important; }
  body.checkout .checkout--page .deliveryWhen label {
    color: black; }
  body.checkout .checkout--page h2 {
    display: flex;
    margin-top: 5px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 5px;
    align-items: center;
    padding: 0px 0px 15px;
    justify-content: space-between;
    font-size: 1.2rem !important;
    font-weight: 600 !important; }
  body.checkout .checkout--page h2.noBorder {
    line-height: normal !important;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid transparent;
    margin: 0px;
    padding: 0px; }

footer.tabs-nav .inner a {
  position: relative; }

.openBasket .basketTotalNumber {
  top: -7px;
  right: -7px; }

.quantityController .minusItem, .quantityController .plusItem {
  text-decoration: none !important; }
  .quantityController .minusItem i {
    color: #31708f;
    border: 2px solid #31708f;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    border-radius: 100% !important;
    display: flex;
    justify-content: center;
    align-self: center;
    padding: 2px;
    line-height: 0px !important;
    justify-content: center;
    align-items: center; }
  .quantityController .plusItem i {
    color: #31708f;
    border: 2px solid #31708f;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    border-radius: 100% !important;
    display: flex;
    justify-content: center;
    align-self: center;
    padding: 2px;
    line-height: 0px !important;
    justify-content: center;
    align-items: center; }

.wishListPage h5 a {
  color: black; }

.productList li:hover .sI {
  opacity: 1 !important; }
  .productList li .itemImgLazy {
    text-align: center;
    display: block;
    width: 100%; }
  .productList li .sI {
    opacity: 0;
    pointer-events: none;
    transition: 450ms all;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0 !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important; }
  .productList li form {
    width: 100% !important;
    display: flex;
    justify-content: space-between !important;
    flex-direction: column !important; }

.badge.badge-blackfriday, .badge.badge-save {
  padding: 4px 8px 4px 8px;
  background: black !important;
  color: white !important;
  border-radius: 5px;
  position: absolute;
  z-index: 1;
  top: 50px;
  left: 10px;
  font-size: 0.87rem;
  padding: 4px;
  z-index: 2; }

.badge-onlineDeal.badge {
  padding: 4px 8px 4px 8px;
  background: #ca0000 !important;
  color: white !important;
  border-radius: 5px;
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 10px;
  font-size: 0.87rem;
  padding: 4px;
  z-index: 2; }

.badge.badge-paid {
  background: #49bb5b !important;
  border: 1px solid #49bb5b !important;
  color: white !important; }
  .badge.badge-cancelled {
    background: #8f0006 !important;
    border: 1px solid #8f0006 !important;
    color: white !important; }

.categoryProductsListBox .category--title a, .productsCarousel .category--title a {
  color: black; }
  .categoryProductsListBox .page-item.active .page-link, .productsCarousel .page-item.active .page-link {
    background-color: #212121;
    border-color: #212121; }
  .categoryProductsListBox .ui-widget.ui-widget-content, .productsCarousel .ui-widget.ui-widget-content {
    margin-top: 25px; }
  .categoryProductsListBox .filterBody .tooltip, .productsCarousel .filterBody .tooltip {
    position: absolute;
    opacity: 1 !important;
    display: block;
    top: -25px;
    line-height: 29px !important;
    height: 29px;
    padding: 0px 4px;
    margin-left: 0px;
    border-radius: 4px !important;
    color: grey;
    text-align: center; }
  .categoryProductsListBox .filterBody .ui-slider .ui-slider-handle:first-child .tooltip, .productsCarousel .filterBody .ui-slider .ui-slider-handle:first-child .tooltip {
    top: 46px; }
  .categoryProductsListBox .filterBody .ui-slider .ui-slider-handle:last-child .tooltip, .productsCarousel .filterBody .ui-slider .ui-slider-handle:last-child .tooltip {
    top: unset !important;
    bottom: -30px;
    margin-left: -46px; }
  .categoryProductsListBox .selectBox, .productsCarousel .selectBox {
    position: relative;
    display: inline-block;
    border: 1px solid #e6e6e6;
    padding: 0px 0px; }
  .categoryProductsListBox .selectBox:active, .productsCarousel .selectBox:active, .categoryProductsListBox .selectBox:focus-within, .productsCarousel .selectBox:focus-within, .categoryProductsListBox .selectBox:focus-visible, .productsCarousel .selectBox:focus-visible {
    outline: -webkit-focus-ring-color auto 1px; }
  .categoryProductsListBox .selectBox select, .productsCarousel .selectBox select {
    margin: 1px 0px;
    outline: none !important;
    border: none !important; }
  .categoryProductsListBox .selectBox i, .productsCarousel .selectBox i {
    top: 0px;
    right: 6px;
    height: 100%;
    position: absolute;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center; }
  .categoryProductsListBox .retailSelect, .productsCarousel .retailSelect {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    color: #6e6e6e;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 32px;
    line-height: 16px;
    padding: 7px;
    position: relative;
    padding-right: 20px; }
  .categoryProductsListBox .retailSelect::after, .productsCarousel .retailSelect::after {
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    display: inline-block;
    box-sizing: border-box;
    color: #000;
    background-color: #fff;
    border: 1px solid #999;
    margin-left: -17px;
    /* remove the damn :after space */
    pointer-events: none;
    /* let the click pass trough */ }
  .categoryProductsListBox .rightControls, .productsCarousel .rightControls {
    gap: 5px;
    display: flex;
    justify-content: flex-end; }
  .categoryProductsListBox .viewModeButton, .productsCarousel .viewModeButton {
    font-size: 20px;
    color: black;
    opacity: 0.3; }
  .categoryProductsListBox .viewModeButton.active, .productsCarousel .viewModeButton.active {
    opacity: 1 !important; }
  .categoryProductsListBox .categeoryFiltersContainer li input, .productsCarousel .categeoryFiltersContainer li input, .categoryProductsListBox .list-filter li input, .productsCarousel .list-filter li input {
    -webkit-appearance: none;
    transition: 0.1s ease-out;
    -moz-appearance: none;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    color: #6e6e6e;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 12px;
    width: 12px;
    line-height: 16px;
    padding: 10px;
    position: relative;
    vertical-align: top;
    outline: none !important; }
  .categoryProductsListBox .categeoryFiltersContainer a, .productsCarousel .categeoryFiltersContainer a {
    transition: 200ms all;
    color: black; }
  .categoryProductsListBox .categeoryFiltersContainer a:hover, .productsCarousel .categeoryFiltersContainer a:hover {
    padding-left: 10px; }
  .categoryProductsListBox .categeoryFiltersContainer li label, .productsCarousel .categeoryFiltersContainer li label, .categoryProductsListBox .list-filter li label, .productsCarousel .list-filter li label {
    padding-left: 10px;
    display: inline;
    padding-top: 0px;
    cursor: pointer;
    color: black;
    font-weight: normal;
    font-size: 1rem;
    margin-bottom: 0px; }
  .categoryProductsListBox .categeoryFiltersContainer li input:checked, .productsCarousel .categeoryFiltersContainer li input:checked, .categoryProductsListBox .list-filter li input:checked, .productsCarousel .list-filter li input:checked {
    background: black;
    border-color: black;
    box-shadow: inset 0px 0px 0px 4px #fff, 0px 2px 0px rgba(0, 0, 0, 0.05) !important; }
  .categoryProductsListBox .filterTitle, .productsCarousel .filterTitle {
    color: black;
    font-size: 0.9rem;
    color: #000;
    font-weight: bold;
    letter-spacing: 0.73px;
    border-bottom: 1px solid #dee0e5;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .categoryProductsListBox .filterBox, .productsCarousel .filterBox {
    padding-bottom: 10px; }
  .categoryProductsListBox .filterBox.filterByPrice, .productsCarousel .filterBox.filterByPrice {
    padding-bottom: 40px; }
  .categoryProductsListBox .filterBox .filterBody li, .productsCarousel .filterBox .filterBody li {
    display: flex; }
  .categoryProductsListBox .filterBox .ui-widget-header, .productsCarousel .filterBox .ui-widget-header {
    background: black; }
  .categoryProductsListBox .filterBox .ui-slider-horizontal .ui-slider-handle, .productsCarousel .filterBox .ui-slider-horizontal .ui-slider-handle {
    border-radius: 100% !important;
    background: white !important;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    outline: none !important; }
  .categoryProductsListBox h1, .productsCarousel h1 {
    font-size: 1.3rem;
    border-bottom: 1px solid #d8d8d8;
    padding: 20px 0px;
    font-weight: bold; }
  .categoryProductsListBox .carousel-control-next, .productsCarousel .carousel-control-next, .categoryProductsListBox .carousel-control-prev, .productsCarousel .carousel-control-prev {
    font-size: 1.2rem; }
  .categoryProductsListBox .categoryProductList .product-card > .d-flex, .productsCarousel .categoryProductList .product-card > .d-flex {
    position: relative; }
  .categoryProductsListBox .categoryProductList .tags .badge-15, .productsCarousel .categoryProductList .tags .badge-15, .categoryProductsListBox .categoryProductList .tags .badge-bestSeller, .productsCarousel .categoryProductList .tags .badge-bestSeller {
    position: absolute;
    z-index: 2;
    text-transform: uppercase;
    top: 10px;
    background: #048611;
    color: white;
    left: 10px; }
  .categoryProductsListBox .categoryProductList .tags .badge-special_offer, .productsCarousel .categoryProductList .tags .badge-special_offer, .categoryProductsListBox .categoryProductList .tags .badge-special, .productsCarousel .categoryProductList .tags .badge-special {
    position: absolute;
    z-index: 2;
    text-transform: uppercase;
    top: 10px;
    background: #f90b0b;
    color: white;
    left: 10px; }
  .categoryProductsListBox .categoryProductList .tags .badge-new, .productsCarousel .categoryProductList .tags .badge-new {
    position: absolute;
    z-index: 1;
    text-transform: uppercase;
    top: 10px;
    background: #ffc107;
    left: 10px; }
  .categoryProductsListBox .categoryProductList .tags .badge-featured, .productsCarousel .categoryProductList .tags .badge-featured {
    position: absolute;
    z-index: 1;
    text-transform: uppercase;
    top: 10px;
    background: #ffc107;
    left: 10px; }
  .categoryProductsListBox .categoryProductList .item-img-container, .productsCarousel .categoryProductList .item-img-container {
    position: relative;
    overflow: hidden; }
  @media (max-width: 767px) {
    .categoryProductsListBox .categoryProductList, .productsCarousel .categoryProductList {
      margin-bottom: 50px; }
      .categoryProductsListBox .categoryProductList .btnAddToBasket, .productsCarousel .categoryProductList .btnAddToBasket {
        display: none; } }
  @media only screen and (min-width: 961px) {
  .categoryProductsListBox .product-card:hover .product-card__actions-panel, .productsCarousel .product-card:hover .product-card__actions-panel, .categoryProductsListBox .product-card:active .product-card__actions-panel, .productsCarousel .product-card:active .product-card__actions-panel, .categoryProductsListBox .product-card:focus .product-card__actions-panel, .productsCarousel .product-card:focus .product-card__actions-panel {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .categoryProductsListBox .product-card__actions-panel, .productsCarousel .product-card__actions-panel {
    display: block;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    -o-transition: -o-transform 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); } }
  .categoryProductsListBox .product-card__actions-panel, .productsCarousel .product-card__actions-panel {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px); }
  .categoryProductsListBox .product-card__actions-panel .btnAddToBasket, .productsCarousel .product-card__actions-panel .btnAddToBasket {
    border-radius: 0px;
    border: 1px solid black;
    background: none; }

.item-img-container {
  height: 200px; }
  .item-img-container .item-img {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center center !important;
    background-repeat: no-repeat; }

table.table.dataTable > :not(caption) > * > * {
  vertical-align: middle; }

.dataTable thead th {
  background: #f7f7f7 !important; }

body:not(.email-builder) table:not(.fc-scrollgrid-sync-table) {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529; }
  body:not(.email-builder) table:not(.fc-scrollgrid-sync-table) td {
    padding: 0.35rem; }
  body:not(.email-builder) table:not(.fc-scrollgrid-sync-table) th {
    padding: 8px 0.35rem; }
  body:not(.email-builder) table:not(.fc-scrollgrid-sync-table) td, body:not(.email-builder) table:not(.fc-scrollgrid-sync-table) th {
    vertical-align: top;
    border-top: 1px solid #dee2e6; }

.full-width--slider.fullWidth {
  max-width: none !important; }

.carousel-control-next, .carousel-control-prev {
  color: black;
  font-size: 2.3rem; }
  .carousel-control-next:hover, .carousel-control-prev:hover, .carousel-control-next:active, .carousel-control-prev:active, .carousel-control-next:focus, .carousel-control-prev:focus {
    background: transparent !Important;
    color: black; }

.b3-section {
  position: relative; }

.overlay-sidebar-location, .overlay-sidebar-filters, .overlay-sidebar-login, .overlay-sidebar-edit {
  transition: 400ms all;
  position: fixed;
  overflow-x: hidden;
  top: 0px;
  z-index: 99;
  transform: translate(0%, 0px);
  background: white;
  width: 65%;
  height: 100%; }
  .overlay-sidebar-location .data, .overlay-sidebar-filters .data, .overlay-sidebar-login .data, .overlay-sidebar-edit .data {
    height: 100%; }
  .overlay-sidebar-location .preSetGPS, .overlay-sidebar-filters .preSetGPS, .overlay-sidebar-login .preSetGPS, .overlay-sidebar-edit .preSetGPS {
    color: #656565; }
  .overlay-sidebar-location .mainLoginBody, .overlay-sidebar-filters .mainLoginBody, .overlay-sidebar-login .mainLoginBody, .overlay-sidebar-edit .mainLoginBody {
    padding: 20px; }
  .overlay-sidebar-location .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle), .overlay-sidebar-filters .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle), .overlay-sidebar-login .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle), .overlay-sidebar-edit .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle) {
    padding: 7px 20px;
    align-self: center;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 400 !important; }
  .overlay-sidebar-location .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle) i, .overlay-sidebar-filters .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle) i, .overlay-sidebar-login .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle) i, .overlay-sidebar-edit .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle) i {
    line-height: 0px; }
  .overlay-sidebar-location .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword, .overlay-sidebar-filters .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword, .overlay-sidebar-login .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword, .overlay-sidebar-edit .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword {
    font-weight: normal !important;
    border: 1px solid #e8ebeb;
    color: #f41039; }
    .overlay-sidebar-location .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword:hover, .overlay-sidebar-filters .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword:hover, .overlay-sidebar-login .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword:hover, .overlay-sidebar-edit .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword:hover {
      background: white !important;
      border-color: #d1d4d4;
      box-shadow: none; }
  .overlay-sidebar-location.right, .overlay-sidebar-filters.right, .overlay-sidebar-login.right, .overlay-sidebar-edit.right {
    right: 0px; }
  .overlay-sidebar-location.right .titleFilters, .overlay-sidebar-filters.right .titleFilters, .overlay-sidebar-login.right .titleFilters, .overlay-sidebar-edit.right .titleFilters {
    border-bottom: 1px solid #e9e9eb;
    display: flex;
    padding: 0px 20px 0px 0px;
    align-items: center;
    font-weight: 600;
    font-size: 1.3rem; }
  .overlay-sidebar-location.right.hiddenSidebar, .overlay-sidebar-filters.right.hiddenSidebar, .overlay-sidebar-login.right.hiddenSidebar, .overlay-sidebar-edit.right.hiddenSidebar {
    transform: translate(150%, 0px); }
  .overlay-sidebar-location .separator, .overlay-sidebar-filters .separator, .overlay-sidebar-login .separator, .overlay-sidebar-edit .separator {
    border-bottom: 1px solid #e9e9eb; }
  .overlay-sidebar-location .footer, .overlay-sidebar-filters .footer, .overlay-sidebar-login .footer, .overlay-sidebar-edit .footer {
    position: -webkit-sticky;
    position: fixed;
    background: #fff;
    z-index: 1;
    bottom: 0px;
    width: 100%;
    padding: 0px 20px;
    box-shadow: 0 -2px 4px 0 #e9e9eb;
    min-height: 80px;
    display: flex;
    align-items: center; }
  .overlay-sidebar-location .footer .closeThisSidebar, .overlay-sidebar-filters .footer .closeThisSidebar, .overlay-sidebar-login .footer .closeThisSidebar, .overlay-sidebar-edit .footer .closeThisSidebar {
    display: none; }
  .overlay-sidebar-location .footer .btn.btn-success, .overlay-sidebar-filters .footer .btn.btn-success, .overlay-sidebar-login .footer .btn.btn-success, .overlay-sidebar-edit .footer .btn.btn-success {
    width: 100%; }
  .overlay-sidebar-location .addressLine:hover, .overlay-sidebar-filters .addressLine:hover, .overlay-sidebar-login .addressLine:hover, .overlay-sidebar-edit .addressLine:hover {
    cursor: pointer; }
  .overlay-sidebar-location .addressLine:hover .bold, .overlay-sidebar-filters .addressLine:hover .bold, .overlay-sidebar-login .addressLine:hover .bold, .overlay-sidebar-edit .addressLine:hover .bold {
    color: ; }
  .overlay-sidebar-location .addressLine:hover:after, .overlay-sidebar-filters .addressLine:hover:after, .overlay-sidebar-login .addressLine:hover:after, .overlay-sidebar-edit .addressLine:hover:after {
    color: ; }
  .overlay-sidebar-location .addressLine, .overlay-sidebar-filters .addressLine, .overlay-sidebar-login .addressLine, .overlay-sidebar-edit .addressLine, .overlay-sidebar-location .recentAddressesBox .recentSearch, .overlay-sidebar-filters .recentAddressesBox .recentSearch, .overlay-sidebar-login .recentAddressesBox .recentSearch, .overlay-sidebar-edit .recentAddressesBox .recentSearch {
    position: relative; }
  .overlay-sidebar-location .addressLine .flex-fill, .overlay-sidebar-filters .addressLine .flex-fill, .overlay-sidebar-login .addressLine .flex-fill, .overlay-sidebar-edit .addressLine .flex-fill, .overlay-sidebar-location .recentAddressesBox .recentSearch .flex-fill, .overlay-sidebar-filters .recentAddressesBox .recentSearch .flex-fill, .overlay-sidebar-login .recentAddressesBox .recentSearch .flex-fill, .overlay-sidebar-edit .recentAddressesBox .recentSearch .flex-fill {
    width: 100%; }
  .overlay-sidebar-location .addressLine .flex-fill .address--name, .overlay-sidebar-filters .addressLine .flex-fill .address--name, .overlay-sidebar-login .addressLine .flex-fill .address--name, .overlay-sidebar-edit .addressLine .flex-fill .address--name, .overlay-sidebar-location .recentAddressesBox .recentSearch .flex-fill .address--name, .overlay-sidebar-filters .recentAddressesBox .recentSearch .flex-fill .address--name, .overlay-sidebar-login .recentAddressesBox .recentSearch .flex-fill .address--name, .overlay-sidebar-edit .recentAddressesBox .recentSearch .flex-fill .address--name {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .overlay-sidebar-location .addressLine:after, .overlay-sidebar-filters .addressLine:after, .overlay-sidebar-login .addressLine:after, .overlay-sidebar-edit .addressLine:after, .overlay-sidebar-location .recentAddressesBox .recentSearch:after, .overlay-sidebar-filters .recentAddressesBox .recentSearch:after, .overlay-sidebar-login .recentAddressesBox .recentSearch:after, .overlay-sidebar-edit .recentAddressesBox .recentSearch:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f105";
    position: absolute;
    right: 10px;
    top: calc(50% - 10px); }
  .overlay-sidebar-location .recentSearch:hover, .overlay-sidebar-filters .recentSearch:hover, .overlay-sidebar-login .recentSearch:hover, .overlay-sidebar-edit .recentSearch:hover {
    background: rgba(0, 0, 0, .03);
    cursor: pointer; }
  .overlay-sidebar-location .recentSearch:hover .bold, .overlay-sidebar-filters .recentSearch:hover .bold, .overlay-sidebar-login .recentSearch:hover .bold, .overlay-sidebar-edit .recentSearch:hover .bold {
    color: ; }
  .overlay-sidebar-location i.closeThisSidebar, .overlay-sidebar-filters i.closeThisSidebar, .overlay-sidebar-login i.closeThisSidebar, .overlay-sidebar-edit i.closeThisSidebar {
    padding: 20px 20px 20px 20px;
    font-size: 20px;
    min-width: 55px;
    cursor: pointer; }
  .overlay-sidebar-location .searchBar, .overlay-sidebar-filters .searchBar, .overlay-sidebar-login .searchBar, .overlay-sidebar-edit .searchBar {
    padding-left: 40%;
    box-shadow: 0 2px 4px 0 #e9e9eb;
    padding-bottom: 10px;
    padding-right: 20px; }
  .overlay-sidebar-location .gpsAndRecent, .overlay-sidebar-filters .gpsAndRecent, .overlay-sidebar-login .gpsAndRecent, .overlay-sidebar-edit .gpsAndRecent {
    padding-left: 40%;
    padding-right: 20px;
    padding-bottom: 20px; }
  .overlay-sidebar-location .box, .overlay-sidebar-filters .box, .overlay-sidebar-login .box, .overlay-sidebar-edit .box {
    border: 1px solid #d4d5d9;
    padding: 10px;
    margin-top: 20px;
    font-size: 0.9rem; }
  .overlay-sidebar-location .box:hover .title, .overlay-sidebar-filters .box:hover .title, .overlay-sidebar-login .box:hover .title, .overlay-sidebar-edit .box:hover .title {
    color: ; }
  .overlay-sidebar-location .box:hover, .overlay-sidebar-filters .box:hover, .overlay-sidebar-login .box:hover, .overlay-sidebar-edit .box:hover {
    cursor: pointer; }
  .overlay-sidebar-location .gpsAndRecent, .overlay-sidebar-filters .gpsAndRecent, .overlay-sidebar-login .gpsAndRecent, .overlay-sidebar-edit .gpsAndRecent {
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
  .overlay-sidebar-location .locationResults, .overlay-sidebar-filters .locationResults, .overlay-sidebar-login .locationResults, .overlay-sidebar-edit .locationResults {
    margin-top: 7px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    box-shadow: none !important;
    padding-left: 40%;
    padding-right: 20px; }
  .overlay-sidebar-location.hiddenSidebar, .overlay-sidebar-filters.hiddenSidebar, .overlay-sidebar-login.hiddenSidebar, .overlay-sidebar-edit.hiddenSidebar {
    transform: translate(-150%, 0px); }

.overlayWolf {
  z-index: 98;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #282c3f;
  opacity: 0.7;
  overflow: hidden; }

[name="additionalComments"] {
  resize: none; }

.categoriesProducts {
  padding: 0px 15px; }
  .categoriesProducts .itemImage {
    border-radius: 3px;
    margin-right: 5px;
    flex-shrink: 0;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
    width: 96px;
    height: 96px; }
  .categoriesProducts .menuItems {
    width: 100%; }
  .categoriesProducts .menuItems .product--actions {
    position: absolute;
    right: 0px;
    top: 10px;
    padding: 0px; }
  .categoriesProducts .menuItems .product--actions .dropdown .buttonEllipsis {
    padding: 2px 10px;
    border-radius: 20px;
    position: relative;
    z-index: 1; }
    .categoriesProducts .menuItems .product--actions .dropdown .dropdown-menu {
      position: relative;
      z-index: 2; }
  .categoriesProducts .menuItems .subProducts--actions .dropdown .buttonEllipsis {
    padding: 2px 10px;
    border-radius: 20px; }
  .categoriesProducts .menuItems .itemContent {
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: column; }
  .categoriesProducts .menuItems .itemDetails {
    flex-direction: row-reverse;
    justify-content: space-between; }
  .categoriesProducts .menuItems .itemDetails .itemTitle {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 17px; }
  .categoriesProducts .menuItems .itemDetails .itemImage {
    width: 120px;
    height: 120px;
    margin: 0px 0px 0px 10px; }
  .categoriesProducts .menuItems .itemDetails .itemDescription {
    font-size: 14ox;
    color: #4d4e4e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #595959;
    margin: 0.8rem 0 1.6rem; }
  .categoriesProducts .itemTitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500; }
  .categoriesProducts .foodCatOptions {
    color: #2e3333;
    font-size: 22px;
    font-weight: 600;
    padding: 0px 20px 0px 14px; }

ul.menuItems {
  background: white;
  padding: 0px;
  display: flex;
  display: -ms-flexbox;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  list-style-type: none; }
  ul.menuItems .itemAdd {
    display: none !important; }

#modalFood .closeModalMenu {
  display: none !important; }
  @media (max-width: 767px) {
  #modalFood .container {
    padding-left: 0px;
    padding-right: 0px; }
  #modalFood .btn.closeThisModal {
    margin-left: 15px !important;
    margin-right: 15px !important; } }

.basketCartItems .note {
  display: none !important; }

#modalFood.v2 {
  background: #f2f2f2; }
  #modalFood .imgMask {
    overflow: hidden;
    padding-bottom: 20px;
    position: relative;
    width: auto;
    z-index: 2; }
  #modalFood .imgMask .imgMaskTransform {
    height: 102%;
    margin-left: 0;
    overflow: hidden;
    top: -2.5%;
    transform: rotate(-3deg);
    transform-origin: bottom left;
    width: 104%; }
  #modalFood .imgMask .imgMaskTransform .modalFoodImage {
    transform: translate3d(0%, -0.1px, 0px);
    background-size: cover !important;
    background-attachment: scroll; }
  #modalFood .btnAddToBasket {
    height: 100%;
    cursor: pointer; }
  #modalFood .btn.closeThisModal {
    border-radius: 16px !important;
    margin: 10px 0px;
    color: white !important; }
  #modalFood .backToMenu {
    display: inline-block !important;
    background: black;
    color: white;
    padding: 5px 10px;
    border-radius: 6px;
    margin-bottom: 10px; }
  #modalFood:not(.modalFoodLikeWolfParent) .closeFoodModalRight {
    display: none; }
  #modalFood .modal-footer-food {
    position: fixed;
    bottom: 0px;
    z-index: 2;
    width: 100%;
    background: white !important;
    left: 0px; }
  #modalFood .modal-footer-food .foodFooterActions {
    width: 700px !important;
    margin: 0 auto !important; }
  @media (max-width: 767px) {
  #modalFood .modal-footer-food .foodFooterActions {
    width: 100% !important; } }

.quantityBoxNew {
  margin-bottom: 5px;
  height: 100%;
  border: 1px solid #f1f2f6;
  border-radius: 8px;
  display: flex;
  justify-content: center; }
  .quantityBoxNew .changeQuantityPlus, .quantityBoxNew .changeQuantityMinus {
    color: black;
    text-decoration: none;
    font-size: 18px;
    transition: 300ms all;
    text-align: center;
    width: 32%;
    line-height: 0px !important;
    justify-content: center;
    align-items: center;
    display: flex !important; }
  .quantityBoxNew .changeQuantityPlus:hover, .quantityBoxNew .changeQuantityMinus:hover {
    background: #f2f2f2; }
  .quantityBoxNew input {
    border-radius: 0px !important;
    font-weight: 300;
    text-align: center;
    border: none;
    background:  !important;
    color: black !important;
    padding: 0px !important;
    font-size: 22px;
    width: 34%; }

.VenueBackground_module {
  position: relative; }
  .VenueBackground_module h2 {
    color: white !important; }

.orderTabsWidget a {
  color: black !important; }

.VenueBackground_module:before {
  position: absolute;
  background: rgba(0, 0, 0, .3);
  content: "";
  height: 100%;
  width: 100%; }

html.darkMode .modalFoodLikeWolf.show {
  background: rgba(0, 0, 0, .6); }

.formBooking button {
  margin: 0px; }

.selectTimeForBook {
  display: none; }
  .selectTimeForBook label {
    margin-bottom: 10px; }

.selectTimeForBook.shown {
  display: block !important; }

.selectTimeForBook.shown > div.visible {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, 80px);
  grid-gap: 1rem;
  justify-content: space-between; }

.form-floating {
  position: relative; }

.form-floating > label:not(.error) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown):not(.placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem; }

.form-floating > .form-control:focus ~ label:not(.error), .form-floating > .form-control:not(:placeholder-shown) ~ label:not(.error), .form-floating > .form-select ~ label:not(.error) {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }

.form-floating {
  position: relative; }
  .form-floating .dropdown-menu.show {
    max-height: 250px !important; }
  .form-floating label.error {
    top: unset !important;
    position: absolute;
    bottom: -23px; }
  .form-floating .placeholder-shown {
    display: flex;
    align-items: center; }
  .form-floating .bootstrap-select {
    background: #f2f4f4;
    border: 1px solid #ced4da; }
  .form-floating .dropdown-toggle {
    border: none !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important; }
  .form-floating .dropdown-toggle:focus {
    outline: none !important; }
  .form-floating input::-webkit-input-placeholder, .form-floating textarea::-webkit-input-placeholder {
    color: transparent;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }
  .form-floating input:-moz-placeholder, .form-floating textarea:-moz-placeholder {
    color: transparent;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }
  .form-floating input::-moz-placeholder, .form-floating textarea::-moz-placeholder {
    color: transparent;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }
  .form-floating input:-ms-input-placeholder, .form-floating textarea:-ms-input-placeholder {
    color: transparent;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }
  .form-floating > .form-control, .form-floating > .form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25; }
  .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }

@media (min-width: 992px) {
  .modalFoodLikeWolfParent .closeFoodModalRight {
    display: none !important; } }

@media (max-width: 576px) {
  .col-sm-hidden {
    display: none !important; } }

body.checkout .basketCartItems {
  margin-top: 0px !important; }
  body.checkout .setTip {
    border: 1px solid #1d5b96;
    padding: 5px 7px;
    background: white !important;
    color: black !important;
    font-size: 13px; }
  body.checkout .setTip.active {
    background: #1d5b96 !important;
    color: white !important; }

@media (max-width: 991px) {
  .basketItems {
    width: 100%;
    overflow-x: hidden; }

  .changeModeTabs {
    width: 100%; }
    .changeModeTabs ul {
      width: 100% !important; }
      .changeModeTabs ul a {
        flex: 1; }
        .changeModeTabs ul a button {
          width: 100%;
          text-align: center; }

  .tipForDriver {
    position: fixed !important;
    bottom: calc(117px + env(safe-area-inset-bottom));
    width: 100%;
    left: 0px;
    padding: 5px 15px !important;
    background: #e4e4e4 !important;
    z-index: 999; }

  body.checkout .cardStoreBox .storeDescriptionBox {
    display: none !important; }

  .orderPayment {
    display: flex;
    flex-direction: column; }
    .orderPayment .basketCartItems {
      order: -1; } }

@media (max-width: 991px) {
  .btnWalletPayHint:not(.d-none) {
    display: flex !important; }

  .modalFoodLikeWolf {
    max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 10px) !important; } }

.modalFoodLikeWolf {
  max-height: calc(100% - 0px);
  margin: 0 auto !important;
  width: 530px;
  left: calc(50% - 290px);
  top: 20px;
  border-radius: 6px !important;
  padding: 0px;
  display: flex; }
  .modalFoodLikeWolf a.closeFoodModal {
    pointer-events: all; }
  .modalFoodLikeWolf .modifierClass h3 {
    display: flex;
    justify-content: space-between; }
  .modalFoodLikeWolf .modal-body {
    border-radius: 0.3rem 0.3rem 0px 0px !important; }
  .modalFoodLikeWolf .instructionsQuantity {
    margin-right: 8px; }
  .modalFoodLikeWolf .modifierItem label div {
    margin-left: 5px;
    font-size: 12px; }
  .modalFoodLikeWolf .modifierItem label:not(.subChild) {
    display: flex;
    padding-left: 24px !important;
    margin-top: 0px;
    cursor: pointer;
    width: calc(100% - 20px) !important;
    color: #818484 !important; }
  .modalFoodLikeWolf .changeQuantityMinus, .modalFoodLikeWolf .changeQuantityPlus {
    text-decoration: none; }
  .modalFoodLikeWolf .comboItemModifier {
    border-left: 2px solid #ecf0ef;
    margin-left: 23px;
    margin-bottom: 20px; }
  .modalFoodLikeWolf .subModifier {
    border-left: 2px solid #ecf0ef;
    padding: 0px 10px;
    margin: 2px 8px; }
  .modalFoodLikeWolf .subModifier h3 {
    font-size: 0.8rem !important;
    margin: 0px; }
  .modalFoodLikeWolf .modal-footer {
    position: relative !important; }
  .modalFoodLikeWolf .modal-content {
    width: 100%;
    border: none !important; }
  .modalFoodLikeWolf .b3Checkbox {
    border: 1px solid #a9abb2 !important; }
  .modalFoodLikeWolf .btnAddToBasket {
    color: white;
    background-color: #5fb246 !important;
    border-radius: 10px;
    font-size: 17px;
    padding: 15px 10px !important; }
  @media (min-width: 767px) {
  .modalFoodLikeWolf .modifierClass h3 {
    border-bottom: 0px !important;
    margin-top: 5px !important;
    padding: 10px 0px; }
    .modalFoodLikeWolf .modifierClass .modifierItem {
      flex: 0 0 100% !important; } }
  .modalFoodLikeWolf .quantityBox {
    padding-bottom: 0px !important;
    margin-bottom: 5px;
    height: 100%;
    border: 1px solid #262626;
    border-radius: 8px;
    background: #f5fdfd;
    display: flex;
    justify-content: center; }
  .modalFoodLikeWolf .quantityBox .changeQuantityPlus, .modalFoodLikeWolf .quantityBox .changeQuantityMinus {
    color: #dc5a63;
    font-size: 18px;
    text-align: center;
    width: 32%;
    line-height: 0px !important;
    justify-content: center;
    align-items: center;
    display: flex !important; }
  .modalFoodLikeWolf .quantityBox .changeQuantityPlus i, .modalFoodLikeWolf .quantityBox .changeQuantityMinus i {
    pointer-events: none; }
  .modalFoodLikeWolf .quantityBox input {
    border-radius: 0px !important;
    font-weight: 300;
    text-align: center;
    border: none;
    background: transparent !important;
    color: black !important;
    padding: 0px !important;
    font-size: 22px;
    width: 34%; }
  .modalFoodLikeWolf .modal-content {
    width: 100%;
    border: none !important; }
  .modalFoodLikeWolf .modal-body {
    overflow: scroll;
    overflow-x: hidden !important;
    padding: 0px !important; }
  .modalFoodLikeWolf .modal-body h1, .modalFoodLikeWolf .modal-body h2, .modalFoodLikeWolf .modal-body h3, .modalFoodLikeWolf .modal-body h4 {
    font-size: 1rem;
    color: #495057; }
  .modalFoodLikeWolf .modal-body ul li, .modalFoodLikeWolf .modal-body p li {
    color: #495057;
    font-size: 0.8rem; }
  .modalFoodLikeWolf .modal-body table {
    --bs-table-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #e0e0e0; }
  .modalFoodLikeWolf .modal-body table td, .modalFoodLikeWolf .modal-body table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    border: 1px solid #dee2e6 !important;
    font-size: 0.8rem; }
  .modalFoodLikeWolf .modal-body .modifierItem {
    padding: 10px; }
  .modalFoodLikeWolf .modal-body .subProductsContainer {
    padding: 10px 0px; }
  .modalFoodLikeWolf .modal-body .modalProductHeading {
    padding: 5px 0px 0px; }
  .modalFoodLikeWolf .modal-body .modalProductHeading h4 {
    font-size: 1.3rem;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    text-align: center;
    margin-bottom: 10px;
    padding: 0px 30px;
    line-height: 1.5rem;
    min-height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -15px; }
  .modalFoodLikeWolf .modal-body p {
    font-size: 13px;
    color: black; }
  .modalFoodLikeWolf .modal-body .modifierClass h3 {
    font-size: 0.9rem;
    font-weight: bold;
    margin: 5px 0px; }
  .modalFoodLikeWolf .modal-body .productDescriptionAndModifiers {
    padding: 15px; }
  .modalFoodLikeWolf .modal-body .productDescriptionAndModifiers table {
    width: 100% !important; }
    .modalFoodLikeWolf .modal-body .productDescriptionAndModifiers table iframe {
      border: 0px !important;
      width: 100% !important; }
  .modalFoodLikeWolf .modal-body .modalFoodImage {
    background-size: cover !important; }
  .modalFoodLikeWolf .modal-body.withoutModifiers {
    padding: 0px !important; }
  .modalFoodLikeWolf .modal-body.withoutImage .modalFoodImage {
    display: none; }
  .modalFoodLikeWolf .foodFooterActions {
    margin: 0px !important; }
  .modalFoodLikeWolf .modal-footer {
    margin-bottom: env(safe-area-inset-bottom); }
  .modalFoodLikeWolf .modal-dialog {
    margin: 0px !important;
    height: 100%;
    display: flex;
    width: 100%; }

[data-max="1"] .controlsFood {
  display: none !important; }

.modalFoodNew:not(.modalFoodLikeWolf) {
  margin-bottom: 90px;
  padding: 0px;
  display: flex; }
  .modalFoodNew:not(.modalFoodLikeWolf) .productDescriptionAndModifiers .modifierClass {
    padding: 0px 25px !important; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-content {
    background: transparent !important; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-footer {
    position: fixed !important; }
  .modalFoodNew:not(.modalFoodLikeWolf) .subProductTitle, .modalFoodNew:not(.modalFoodLikeWolf) p.subProductDesc {
    width: 100%;
    margin-left: 30px; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modifierItem {
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #e0e0e0; }
  @media (min-width: 767px) {
  .modalFoodNew:not(.modalFoodLikeWolf) .modalFoodImage {
    height: 300px; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body.withoutModifiers {
    margin: 0 auto !important;
    width: 700px; }
    .modalFoodNew:not(.modalFoodLikeWolf) .modal-body.withoutModifiers .modalFoodImage {
      height: 300px; } }
  .modalFoodNew:not(.modalFoodLikeWolf) .modifierItem label {
    margin-left: 20px; }
  .modalFoodNew:not(.modalFoodLikeWolf) .comboItemModifier {
    border-left: 2px solid #ecf0ef;
    margin-left: 23px;
    margin-bottom: 20px; }
  .modalFoodNew:not(.modalFoodLikeWolf) .subModifier {
    border-left: 2px solid #ecf0ef;
    padding: 0px 10px;
    margin: 2px 8px; }
  .modalFoodNew:not(.modalFoodLikeWolf) .subModifier h3 {
    font-size: 0.8rem !important;
    margin: 0px; }
  .modalFoodNew:not(.modalFoodLikeWolf) a.closeFoodModal {
    display: none !important; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-content {
    border: none !important; }
  .modalFoodNew:not(.modalFoodLikeWolf) .b3Checkbox {
    border: 1px solid #a9abb2 !important; }
  .modalFoodNew:not(.modalFoodLikeWolf) .btnAddToBasket {
    color: white;
    background: #46a609;
    border-radius: 10px;
    padding: 15px 10px !important; }
  @media (min-width: 767px) {
  .modalFoodNew:not(.modalFoodLikeWolf) .modifierClass h3 {
    border-bottom: 0px !important;
    margin-top: 5px !important;
    padding: 10px 0px; } }
  .modalFoodNew:not(.modalFoodLikeWolf) .quantityBox {
    margin-bottom: 5px;
    height: 100%;
    border: 1px solid black;
    border-radius: 8px;
    display: flex;
    justify-content: center; }
  .modalFoodNew:not(.modalFoodLikeWolf) .quantityBox .changeQuantityPlus, .modalFoodNew:not(.modalFoodLikeWolf) .quantityBox .changeQuantityMinus {
    color: black;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    width: 32%;
    line-height: 0px !important;
    justify-content: center;
    align-items: center;
    display: flex !important; }
  .modalFoodNew:not(.modalFoodLikeWolf) .quantityBox input {
    border-radius: 0px !important;
    font-weight: 300;
    text-align: center;
    border: none;
    background:  !important;
    color: black !important;
    padding: 0px !important;
    font-size: 22px;
    width: 34%; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-content {
    width: 100%;
    border: none !important; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body {
    overflow: scroll;
    overflow-x: hidden !important;
    padding: 0px !important; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body h1, .modalFoodNew:not(.modalFoodLikeWolf) .modal-body h2, .modalFoodNew:not(.modalFoodLikeWolf) .modal-body h3, .modalFoodNew:not(.modalFoodLikeWolf) .modal-body h4 {
    color: #495057; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body ul li, .modalFoodNew:not(.modalFoodLikeWolf) .modal-body p li {
    color: #495057;
    font-size: 0.8rem; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body table {
    --bs-table-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #e0e0e0; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body table td, .modalFoodNew:not(.modalFoodLikeWolf) .modal-body table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    border: 1px solid #dee2e6 !important;
    font-size: 0.8rem; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body .subProductsContainer {
    padding: 0px;
    margin: 5px; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body p {
    font-size: 1.2rem;
    color: black; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body .modifierClass {
    margin-bottom: 20px; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body .modifierClass h3 {
    font-size: 1.1rem;
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0 !important;
    margin: 0px;
    width: 100%; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body .productDescriptionAndModifiers {
    padding: 15px; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body .productDescriptionAndModifiers table {
    width: 100% !important; }
    .modalFoodNew:not(.modalFoodLikeWolf) .modal-body .productDescriptionAndModifiers table iframe {
      border: 0px !important;
      width: 100% !important; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body .modalFoodImage {
    background-size: cover !important; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body.withoutModifiers {
    padding: 0px !important; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body.withoutImage .modalFoodImage {
    display: none; }
  .modalFoodNew:not(.modalFoodLikeWolf) .foodFooterActions {
    margin: 0px !important; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-footer {
    margin-bottom: env(safe-area-inset-bottom);
    box-shadow: 0px -3px 6px -2px rgba(0, 0, 0, 0.07); }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-footer:before {
    content: "";
    position: absolute;
    width: 100%;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1));
    height: 20px;
    left: 0px;
    margin-top: -30px; }
  .modalFoodNew:not(.modalFoodLikeWolf) .modal-dialog {
    max-width: 100%;
    margin: 0px !important;
    height: 100%;
    display: flex;
    width: 100%; }

.closeFoodModalRight {
  width: 50px;
  height: 50px;
  color: white;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 9;
  text-align: right;
  padding-right: 11px;
  font-size: 20px !important;
  cursor: pointer; }

body .closeFoodModalRight {
  background: rgba(0, 0, 0, .5);
  border-radius: 100%;
  padding-top: 9px;
  text-align: center !important;
  padding: 0px !important;
  line-height: 40px !important;
  height: 40px !important;
  width: 40px !important;
  left: 5px;
  top: 5px; }

.modalFoodImage {
  height: 200px;
  margin-bottom: -5px !important;
  display: block !important;
  min-height: 0px;
  background-size: contain !important; }

.modalAjax.storeDetails .closeFoodModalRight, .modalAjax.storeDetails .storeRating {
  display: none !important;
  padding: 0px !important; }
  .modalAjax.storeDetails .sotreContact .wolfSupport {
    display: none !important; }

@media (min-width: 992px) {
  .modalAjax.ordering .modal-dialog {
    max-width: 800px !important; }

  .buttonAlwaysBottomCheckout {
    max-width: 100%;
    flex: 0 0 100%;
    display: block; }

  .checkout--page .rightDiv > div {
    position: sticky;
    top: 10px; }

  .menuItems {
    background: transparent !important; }

  .menuRestaurantIsFixed .foodContent {
    margin-top: 100px; }

  body:not(.menuRestaurantIsFixed) .topSearchCategories {
    width: calc(100% - 30px) !important;
    flex: 0 0 calc(100% - 30px); }

  .topSearchCategories {
    margin: 0px 15px;
    margin-top: 5px !important;
    border-radius: 10px; }

  .menuPageItem {
    align-self: stretch;
    border-top: 0px !important;
    -ms-flex: 0 0 calc(50% - 10px);
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
    background: white !important;
    border-radius: 4px;
    padding: 16px;
    margin: 10px 0px; } }

.switch.toggle {
  position: relative;
  display: inline-block;
  width: 60px;
  margin-bottom: 0px;
  margin-left: 0px !important;
  height: 34px; }
  .switch.toggle.small {
    position: relative;
    top: 4px;
    width: 30px;
    height: 17px; }

.switch.toggle input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.switch.toggle.small .slider:before {
  height: 11px;
  width: 11px;
  left: 3px;
  bottom: 3px; }

input:checked + .slider {
  background-color: #5cb85c; }

.switch.toggle.small input:checked + .slider:after {
  display: none !important; }

input:checked + .slider:after {
  content: "ON";
  position: absolute;
  color: white;
  top: 9px;
  font-size: 11px;
  left: 9px; }

input:focus + .slider {
  box-shadow: 0 0 1px #5cb85c; }

input:checked + .slider:before {
  transform: translateX(26px); }

.switch.toggle.small input:checked + .slider:before {
  transform: translateX(11px);
  /* Rounded sliders */ }

.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.overlay-sidebar-edit .mainLoginBody {
  height: calc(100vh - 90px);
  padding-bottom: calc(env(safe-area-inset-bottom));
  overflow: scroll; }
  .overlay-sidebar-edit .mainLoginBody.withoutBottomButton {
    height: calc(100vh - 55px) !important; }
  .overlay-sidebar-edit .btnSaveItem {
    z-index: 2;
    position: absolute;
    bottom: calc(env(safe-area-inset-bottom));
    left: 0px; }

.pt10 {
  padding-top: 10px; }

.pb20 {
  padding-bottom: 20px; }

.ml0 {
  margin-left: 0px !important; }

.ml10 {
  margin-left: 10px !important; }

.pl0 {
  padding-left: 0px !important; }

.mr0 {
  margin-right: 0px !important; }

.availabilityBanner {
  display: flex;
  margin-top: auto;
  bottom: 0px;
  flex-direction: column;
  border-radius: 4px !important;
  right: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  border-color: #f4eef9;
  font-size: 0.7rem; }
  .availabilityBanner > div {
    padding: 2px 5px;
    background: #f4eef9;
    display: flex;
    margin-top: 2px; }

.nav-subnav .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

@media (min-width: 1200px) {
  .containerCheckout {
    max-width: 1140px !important;
    margin-top: 30px;
    margin-bottom: 30px; } }

.map-section__background-wrapper > div {
  height: 300px; }

.modifierItem.soldOut label {
  text-decoration: line-through !important; }

.modifierItem.soldOut {
  pointer-events: none !important; }

.b3Checkbox[type="radio"] {
  border-radius: 100% !important; }

.cartMethodDetails {
  flex-direction: row !important;
  display: flex;
  background: white;
  border-top: 1px solid #f3f4f5;
  border-bottom: 1px solid #f3f4f5; }
  .cartMethodDetails .changeMethodLink {
    border-radius: 5px;
    border: 1px solid #13324f;
    padding: 2px 20px;
    top: 2px;
    position: relative;
    text-decoration: none; }
  .cartMethodDetails .col-12.p0 {
    display: flex;
    justify-content: space-between; }

.m0 {
  margin: 0px !important; }

.menuItems .soldout:not(.canEdit) {
  opacity: 0.4 !important;
  pointer-events: none !important; }

.menuItems .soldout .itemInner {
  text-decoration: line-through; }

.menuItems .soldout:before {
  content: 'Sold out';
  position: absolute;
  background: grey;
  right: 0px;
  z-index: 1;
  color: white !important;
  padding: 5px; }

.modal-dialog.changeMethodPopup {
  max-width: 400px; }

.discountLi {
  color: #49bb5b; }

.closeMethodPopup {
  cursor: pointer !important; }

.orEnterNew {
  position: relative;
  text-align: center; }

.orEnterNew:before {
  height: 1px;
  width: 100%;
  left: 0px;
  top: 11px;
  content: "";
  position: absolute;
  border-top: 1px solid grey; }

.orEnterNew span {
  background: white;
  position: relative;
  padding: 0px 13px; }

.btnDetectInModal {
  background: linear-gradient(to right, #52ca8b 0%, #4dc172 40%, #48ba5c 100%) !important;
  border-color: #49bb5b !important;
  color: #fff;
  text-shadow: none;
  border-radius: 4px !important;
  background-image: none; }

.modal-backdrop.show {
  transform: scale(1);
  opacity: 1 !important;
  border-radius: 0px !important;
  background-color: rgba(0, 0, 0, 0.6) !important; }

.showVegetarianOnly.relative {
  margin-right: 5px !important; }

.changeModeTabs button {
  border: none !important; }

.changeModeTabs .active {
  background-color: white !important; }

.showVegetarianOnly.relative, .showVeganOnly.relative {
  display: flex !important; }
  .showVegetarianOnly.relative input, .showVeganOnly.relative input {
    position: relative !important;
    top: 0px !important; }

.b3Checkbox {
  width: 20px !important;
  outline: none !important;
  position: absolute;
  height: 20px !important;
  margin-top: 0px !important;
  border-radius: 3px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none;
  transition: 300ms all;
  animation-duration: 1s;
  border: 1px solid #c5c5c5; }

.b3Checkbox.relative {
  top: 0px !important;
  position: relative !important; }

.b3Checkbox:checked {
  background: #000;
  border-color: 1px solid #22ce98;
  box-shadow: inset 0px 0px 0px 4px #fff, 0px 2px 0px rgba(0, 0, 0, 0.05) !important;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-appearance: none !important;
  -moz-appearance: none;
  width: 20px;
  position: absolute;
  height: 20px; }

.b3Checkbox[disabled], .b3Checkbox[disabled]:hover {
  border-color: #e8ebeb;
  background: #f3f5f5;
  box-shadow: none; }

.addNewDelivery .radio {
  padding-left: 25px; }

.addNewDelivery .b3Checkbox {
  margin-left: -25px !important; }

.formDeliveryNotMet .formItem {
  padding-left: 35px; }

.formDeliveryNotMet .radio {
  padding-left: 25px; }

.formDeliveryNotMet .b3Checkbox {
  margin-left: -25px !important; }

.quantityBox {
  margin-bottom: 9px;
  padding-bottom: 10px; }

.plusQuantity, .minusQuantity {
  display: flex;
  justify-content: center; }
  .plusQuantity i, .minusQuantity i {
    border: 2px solid #00b7b3;
    border-radius: 100%;
    width: 38px !important;
    color: #00b7b3;
    position: relative;
    display: inline-block;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center; }

.paymentDetails .divPaymentMethod label {
  margin-left: 20px;
  cursor: pointer; }

.paymentDetails .paymentMethodType {
  margin-left: -25px !important; }

#card-errors {
  background: #fa755a;
  border-radius: 6px;
  padding: 8px;
  color: white;
  margin-top: 10px; }

#card-errors.visible {
  background: #fa755a;
  border-radius: 6px;
  padding: 8px;
  color: white;
  margin-top: 10px; }

.StripeElement {
  width: 100%;
  display: block;
  background-color: white;
  padding: 8px 12px;
  border-radius: 4px;
  max-height: 50px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease; }

.StripeElement.card-element2 {
  height: auto !important;
  max-height: 100% !important; }

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df; }

.StripeElement--invalid {
  border-color: #fa755a; }

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important; }

.addCardButton {
  transition: 250ms all;
  color: white !important;
  box-shadow: 0 7px 14px rgba(50, 50, 93, .10), 0 3px 6px rgba(0, 0, 0, .08);
  background-color: #6466b1; }

.addCardButton:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, .10), 0 3px 6px rgba(0, 0, 0, .08);
  background-color: #43458b; }

.cardSelector .dropdown-menu {
  width: 100%;
  max-height: 300px;
  border-radius: 6px !important;
  overflow: scroll !important; }

.defaultCardLabel {
  right: 40px !important;
  padding-top: 3px;
  margin-top: -1px; }

.cardSelector .dropdown .card .card-type-logo {
  width: 30px;
  position: relative;
  top: 4px;
  height: auto !important;
  display: inline-block;
  margin-right: 1px; }

.editPaymentMethod .card-type-logo {
  padding: 1px 10px !important;
  border: 1px solid #8ab4f9;
  border-radius: 6px; }

.cardSelector li.card:hover a {
  background: #e6e6e6 !important; }

.cardSelector .card {
  color: #333 !important; }

.cardSelector .dropdown .fa.fa-chevron-down {
  top: calc(50% - 17px) !important; }

.dropdownCards {
  border-radius: 2px !important; }

.btn-success:hover {
  box-shadow: 0 7px 14px rgba(50, 50, 93, .10), 0 3px 6px rgba(0, 0, 0, .08); }

.cardSelector .dropdown .dropdown-menu .card a[role=menuitem] {
  border-radius: 0px !important; }

.btn.btnConfirmOrder {
  color: #fff;
  background-color: #28a745 !important;
  border-color: #28a745 !important; }

.error {
  color: #f23224 !important; }

.pr0 {
  padding-right: 0; }

.progress-nav__item--complete {
  color: #57ad57;
  background-color: #57ad57; }

.progress-nav {
  position: relative;
  display: flex;
  margin-top: 10px;
  margin-bottom: 8px !important; }

.deliveryInfo .phoneNumber {
  display: flex;
  flex-wrap: wrap; }

.deliveryInfo .phoneNumber label {
  width: 100%; }

.couponCodeTitle {
  font-size: 1.3rem;
  margin-bottom: 10px; }

.courtNumber {
  width: 100%; }

.primaryContent .deliveryInfo .form-group label {
  cursor: pointer; }

.flatNumber, .floorNumber {
  float: left; }

.progress-nav__item {
  float: left;
  color: #c6c6c6;
  position: relative;
  border: 1px solid;
  height: 9px;
  width: 9px;
  border-radius: 4.5px;
  margin-right: 25px; }

.modal .well .foot {
  padding: 20px 32px;
  background-color: #f8f8f9;
  border-top: 1px solid #d6d6d5;
  margin: 0px -15px -30px -15px;
  margin-top: 20px; }

.modalLogin .closeButton button {
  position: relative;
  right: -1px;
  cursor: pointer;
  transition: 200ms all;
  font-size: 2rem;
  border: none !important;
  border-radius: 0px 0px 0px 5px;
  color: black !important;
  background: transparent; }
  .modalLogin p {
    font-size: 0.8rem; }
  .modalLogin .formDeliveryNotMet {
    padding: 20px; }
  .modalLogin h2 {
    font-size: 1.3rem; }
  .modalLogin a {
    color: #00bcd4;
    text-decoration: none !important; }
  .modalLogin a:hover {
    color: #0056b3; }
  .modalLogin a.btn-outline-secondary {
    color: black; }
  .modalLogin a.btn-outline-secondary:hover {
    color: white; }
  .modalLogin .btn.btn-success:not(.btnConfirmOrder):not(.buttonHomepage):not(.searchBtn):not(.orderNowButton):not(.is-loading):not(.btn-register) {
    background: #49bb5b !important;
    border: 1px solid #49bb5b !important;
    color: white !important; }
  .modalLogin .modal-body {
    background: white; }

.modalLogin.login .well {
  padding: 15px; }

.cartList.active .viewCartMobile {
  display: none !important; }

.detailsBox .steps {
  border-top: none !important; }
  .detailsBox .nav-item {
    margin-bottom: -2px; }

button[type="submit"] {
  cursor: pointer; }

.checkoutDetails .cartNote {
  padding: 0px !important; }
  .checkoutDetails p.note {
    font-size: 0.8rem;
    color: #828585; }
  .checkoutDetails .h3, .checkoutDetails h3 {
    font-size: 1.4rem;
    color: #333; }
  .checkoutDetails .form-control {
    border-radius: 4px; }
  .checkoutDetails label {
    color: #333;
    font-size: 0.9rem;
    margin: 0px; }
  .checkoutDetails .cart {
    border-top: none !important;
    width: 100% !important; }
  .checkoutDetails .card {
    border-radius: 0px; }
  .checkoutDetails .securityNote {
    margin-top: 20px;
    background: #f4f5f5;
    padding: 20px;
    text-align: center; }

.cartCheckoutDetails h2.box--title {
  font-size: 1.3rem; }
  .cartCheckoutDetails h2 {
    font-size: 1rem;
    font-weight: bold; }
  .cartCheckoutDetails a.forChangesClickHere {
    color: white;
    background: #609e37;
    border-radius: 10px;
    padding: 5px 20px;
    font-size: 0.8rem; }
  .cartCheckoutDetails .editAddress {
    font-size: 0.9rem;
    color: #00bcd4; }
  .cartCheckoutDetails .basketTotal {
    font-size: 1.2rem;
    font-weight: bold; }
  .cartCheckoutDetails .basketItem .quantity {
    top: 5px; }
  .cartCheckoutDetails .basketList li, .cartCheckoutDetails .basketFooter li {
    list-style: none;
    position: relative; }
  .cartCheckoutDetails .basketItem .quantity {
    position: absolute;
    left: 4px;
    top: 0px;
    line-height: 20px;
    font-weight: 100;
    font-size: 13px; }
  .cartCheckoutDetails .basketItem {
    padding-left: 0px;
    padding-right: 55px; }
  .cartCheckoutDetails .cartItemTitle {
    line-height: 20px; }
  .cartCheckoutDetails .basketFooter {
    padding-left: 0px !important; }
  .cartCheckoutDetails .basketList {
    padding-left: 0px;
    padding-top: 19px;
    padding-bottom: 12px;
    position: relative; }
  .cartCheckoutDetails .cartList .price, .cartCheckoutDetails .contentCart .price {
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 20px;
    font-weight: 300;
    font-size: 13px; }

.catFoodContainer .expand {
  color: #2e3333; }

.catFoodContainer .expand .fa-caret-right {
  transition: 250ms all; }

.catFoodContainer:not(.isClosed) .expand .fa-caret-right {
  transform: rotate(90deg);
  margin-left: 2px; }

@media (min-width: 992px) {
  .catFoodContainer .expand {
    min-width: 40px; }

  .foodCatTitle {
    padding-left: 0px !important;
    margin-left: -15px; }

  .availabilityStatus {
    margin: 10px 0px; }

  .basketCartItems {
    border-radius: 10px !important; } }

.lessons .well {
  position: relative; }
  .lessons .well.now {
    animation: pulseActive 1.25s infinite cubic-bezier(0.66, 0, 0, 1); }

.shareButton {
  position: relative; }

.shareButtons {
  z-index: 1;
  padding: 10px;
  position: absolute;
  display: flex;
  background: white;
  border-radius: 10px;
  border: 2px solid black;
  bottom: -40px;
  color: black !important; }
  .shareButtons a {
    padding: 5px 10px; }

.number-input-buttons > li {
  display: flex; }

.menu--cols {
  padding-top: 0px; }
  .menu--cols a.backToStores {
    color: black;
    text-decoration: none; }
  .menu--cols .nav.nav-pills {
    margin-bottom: 0px !important; }
  .menu--cols .nav.nav-pills .text-primary {
    color: black !important; }

.selectOrderMode label:hover {
  border-color: #10107b !important; }

html.darkMode .availabilityBanner > div {
  background: black !important; }
  html.darkMode .selectOrderMode img {
    filter: invert(1); }
  html.darkMode .separator span {
    background: #17191a !important; }
  html.darkMode .categoryTitle.active {
    background: black !important; }
  html.darkMode .categoryProductsListBox .filterBox .ui-widget-header {
    background: white; }
  html.darkMode .shareButtons {
    background: black;
    border-color: white !important; }
  html.darkMode body.product h1 a {
    color: white; }
  html.darkMode .categoryProductsListBox .filterTitle, html.darkMode .categoryProductsListBox .list-filter li label {
    color: white; }
  html.darkMode .resultsFoundForAddress {
    background: black !important; }
  html.darkMode .text-muted {
    color: white !important; }
  html.darkMode .selectPaymentMethod h1 {
    color: white !important; }
  html.darkMode .couponCodeRound {
    color: black !important; }
  html.darkMode .selectedCountryCode {
    color: white !important;
    background: #3a3b3c; }
  html.darkMode .checkout--page .editdetails {
    background: #3a3b3c !important; }
  html.darkMode .checkout--page .custom-control .custom-control-label {
    colOr: white !important; }
  html.darkMode .yourOrder .items--card {
    background: #262626; }
  html.darkMode .yourOrder .basketCartItems .summary, html.darkMode .yourOrder .basketCartItems .total {
    background: #262626; }
  html.darkMode .yourOrder .basketCartItems .total:after {
    background: #262626 !important; }
  html.darkMode .yourOrder .basketCartItems .form-control {
    background: black; }
  html.darkMode .alert.alert-info {
    background: #0b515d;
    color: #50939f;
    border-color: #0b515d; }
  html.darkMode .modalcouponCode .availableCouponsTitle {
    background: #262626 !important; }
  html.darkMode body.checkout .modalpaymentMethod .closeButton .btn, html.darkMode body.checkout.modalcouponCode.modal-dialog .closeButton .btn, html.darkMode body.checkout.modalchangeDeliveryTime .closeButton .btn, html.darkMode body.checkout.modalcouponCode {
    color: white !important; }
  html.darkMode .modalpaymentMethod .modal-body {
    background: black; }
  html.darkMode .menu--cols .openMenuMobile {
    background: #000 !important;
    border: 3px solid #000 !important;
    color: #fff !important; }
  html.darkMode .openMobileCartWolf {
    background: #31b250; }
  html.darkMode .haveACouponCode {
    color: #8a84f4 !important; }
  html.darkMode .quantity .changeQuantity {
    color: white; }
  html.darkMode .bootstrap-select .dropdown-menu {
    background: #3a3b3c !important; }
  html.darkMode .bootstrap-select .dropdown-menu .dropdown-item {
    color: white; }
  html.darkMode .modalFoodLikeWolf .modal-content {
    box-shadow: 0px 0px 0px 2px #3a3c3d; }
  html.darkMode .modalFoodLikeWolf .modal-body h4 {
    color: white !important; }
  html.darkMode .modal-backdrop.show {
    background-color: rgba(0, 0, 0, 0.8) !important; }
  html.darkMode .modalFoodLikeWolf .modal-body p {
    color: white !important; }
  html.darkMode .countrySelectorParent .countrySelector .col-12 {
    background: black !important; }
  html.darkMode .modalFoodLikeWolf .quantityBox {
    background: #3a3c3d; }
  html.darkMode .modalFoodLikeWolf .quantityBox .changeQuantityPlus, html.darkMode .modalFoodLikeWolf .quantityBox .changeQuantityMinus {
    color: white; }
  html.darkMode .storeGeneralDetails .card-header img {
    filter: brightness(0) invert(1) !important; }
  html.darkMode .table td, html.darkMode .table th {
    border-color: #17191a; }
  html.darkMode .list-group .list-group-item {
    background-color: #242526; }
  html.darkMode .alertDeliveryInfo {
    color: white !important;
    background: #212121 !important;
    border: none !important;
    margin-top: 20px !important; }
  html.darkMode .searchBar .input-group {
    background: black !important;
    border-color: black; }
  html.darkMode .wolfList li a {
    color: white !important;
    border-bottom: 1px solid #3a3b3c; }
  html.darkMode .btn.btn-light {
    background-color: #3a3b3c !important;
    color: white; }
  html.darkMode .orderOnlineV2 {
    background: black !important; }
  html.darkMode .orderOnlineV2 .topSearchCategories {
    padding-bottom: 0px !important;
    background: transparent;
    border: 1px solid #262626 !important; }
  html.darkMode .orderOnlineV2 .foodCatOptions {
    color: white !important; }
  html.darkMode .orderOnlineV2 .basketCartItems {
    background: #262626; }
  html.darkMode .orderOnlineV2 .card, html.darkMode .orderOnlineV2 .topSearchCategories .categoriesAndSearch {
    background: #262626; }
  html.darkMode .orderOnlineV2 .card h1, html.darkMode .orderOnlineV2 .topSearchCategories .categoriesAndSearch h1, html.darkMode .orderOnlineV2 .card a, html.darkMode .orderOnlineV2 .topSearchCategories .categoriesAndSearch a {
    color: white !important; }
  html.darkMode .orderOnlineV2 .card .form-control, html.darkMode .orderOnlineV2 .topSearchCategories .categoriesAndSearch .form-control {
    background: #3a3b3c; }
  html.darkMode .orderOnlineV2 .menuPageItem {
    background: #242526 !important; }
  html.darkMode .orderOnlineV2 .menuPageItem .itemDescription {
    color: #b1b2b8 !important; }
  html.darkMode body.checkout .currentDetails {
    background: #17191a; }
  html.darkMode #modalConfirmYourAddress .modal-footer, html.darkMode .modal.addNewAddressBeta .modal-footer {
    background: #111418; }
  html.darkMode #modalConfirmYourAddress .modal-footer .searchOnMapParent, html.darkMode .modal.addNewAddressBeta .modal-footer .searchOnMapParent {
    background: #111418; }
  html.darkMode .tabsOrderMethod .tab-content {
    background-color: black;
    border: 1px solid #333; }
  html.darkMode .tabsOrderMethod .nav-tabs .nav-link.active {
    color: #495057;
    background-color: black;
    border-color: #333;
    color: white !important; }
  html.darkMode .tabsOrderMethod .nav-link:not(.active) {
    background: #242526;
    color: white !important; }
  html.darkMode .vegetariaOptionsCheckbox {
    background: #242526 !important; }
  html.darkMode #modalFood:not(.modalFoodLikeWolfParent) {
    background: #17191a !important; }
  html.darkMode #modalFood h2 {
    color: white !important; }
  html.darkMode #modalFood .modifierClass h3 {
    color: white !important; }
  html.darkMode #modalFood .modifierItem {
    background: transparent !important; }
  html.darkMode #modalFood .modal-footer-food {
    background: #17181a !important; }
  html.darkMode #modalFood .modal-footer-food .quantityBoxNew {
    border: 1px solid #3c3d3d; }
    html.darkMode #modalFood .modal-footer-food .quantityBoxNew .changeQuantityPlus, html.darkMode #modalFood .modal-footer-food .quantityBoxNew .changeQuantityMinus {
      color: white !important; }
  html.darkMode .dashboard .details {
    background: black; }
  html.darkMode .dashboard .card-body {
    color: white; }
  html.darkMode .dashboard .card-body .item {
    background: black; }
  html.darkMode .modal .closeButton button {
    background: transparent !important; }
  html.darkMode .btn.btn-wolf {
    background: black !important;
    color: white !important;
    border: 1px solid black; }
  html.darkMode body.checkout .orderMethodFilterCheckout {
    border: 1px solid #000;
    background: #000; }
  html.darkMode body.checkout .orderMethodFilterCheckout a {
    color: white; }
    html.darkMode body.checkout .orderMethodFilterCheckout a.active {
      background: #232932 !important; }
  html.darkMode .card {
    background: #242526; }
  html.darkMode h2 {
    border-color: black !important; }
  html.darkMode .welcomeToWolfLogin .openWolfRegisterLoginModal {
    border: 1px solid #303132;
    background: black;
    color: white; }
  html.darkMode .welcomeToWolfLogin .openWolfRegisterLoginModal.btn-dark {
    background: #232932; }
  html.darkMode .orderMethodFilterInCart, html.darkMode .orderMethodFilterCheckout {
    background: #17191a; }
  html.darkMode .orderMethodFilterInCart:before, html.darkMode .orderMethodFilterCheckout:before {
    content: "";
    width: calc(50% - 5px); }
  html.darkMode .orderMethodFilterInCart a, html.darkMode .orderMethodFilterCheckout a {
    color: white; }
  html.darkMode .mobileMenuPopover {
    background: black !important; }
  html.darkMode .mobileMenuPopover li a {
    color: white; }
  html.darkMode .checkout--page .rightDiv .placeOrderButton, html.darkMode .checkout--page .orderPayment .total {
    background: black; }
  html.darkMode .checkout--page .savedAddress {
    background: #232932;
    border-color: #232932; }
  html.darkMode .checkout--page .basketItems {
    border-color: #17191a !important; }
  html.darkMode .checkout--page .total, html.darkMode .checkout--page .subtotal {
    color: white !important; }
  html.darkMode .checkout--page .orderSummary {
    background: #17191a !important;
    padding: 10px;
    border-radius: 10px;
    border-bottom: 0px !important; }
  html.darkMode .checkout--page .details, html.darkMode .checkout--page .payment, html.darkMode .checkout--page .basketCartItems {
    border-bottom: 1px solid #17191a !important;
    border: 0.1rem solid #17191a !important;
    background: #17191a !important; }
  html.darkMode .checkout--page .details h2, html.darkMode .checkout--page .payment h2, html.darkMode .checkout--page .basketCartItems h2 {
    background: black !important; }
  html.darkMode .checkout--page .form-control {
    background: #17191a !important;
    box-shadow: none !important;
    border-bottom: 0px !important; }
  html.darkMode .breadcrumb {
    background-color: #3a3b3c;
    color: #8b8d91; }
  html.darkMode .breadcrumb a {
    color: white; }
  html.darkMode .form-control {
    background-color: #3a3b3c !important;
    border-color: black;
    color: #8b8d91;
    box-shadow: none !important; }
  html.darkMode .formCheckout.formDeliveryNotMet .modifierItem {
    background-color: transparent !important; }
  html.darkMode .basketMobileContainer {
    border-color: black; }
  html.darkMode .orEnterNew span {
    background: #17191a !important; }
  html.darkMode .card--Panel {
    background-color: black !important; }
  html.darkMode .notifBox {
    background: #505050 !important; }
  html.darkMode ul.menuItems li {
    background-color: #17191a !important;
    border-color: black !important; }
  html.darkMode .foodCatDesc {
    color: white;
    background: black; }
  @media (max-width: 767px) {
  html.darkMode .leftCheckout, html.darkMode .cartCheckoutDetails {
    background: black; } }
  html.darkMode .availabilityBanner {
    background: black !important; }
  html.darkMode .book-online-section .card {
    background: black; }
  html.darkMode .book-online-section .card .card-header {
    border-bottom: 1px solid #333;
    background: #333; }
  html.darkMode .book-online-section .card .card-body {
    border: 1px solid #333; }
    html.darkMode .book-online-section .card .card-body .form-control {
      background: #333;
      border-color: #333;
      color: white; }
  html.darkMode .order-online-row .foodCatTitleParent {
    background: black !important; }
  html.darkMode .order-online-row .menuItems .subProducts .btn-outline-secondary {
    border-color: #333;
    color: white; }
  html.darkMode .checkCheckout.btn-success {
    border: 1px solid #5fb247 !important;
    background: #5fb247 !important; }
  html.darkMode .modalLogin a.btn-outline-secondary {
    color: white !important; }
  html.darkMode body {
    background: #090d0e !important;
    color: white !important; }
  html.darkMode body.checkout .delivery--propertyType {
    background: #3a3c3d;
    padding: 10px 10px 0px 10px;
    margin: 10px 0px; }
  html.darkMode .viewCartMobileLink i {
    color: white !important; }
  html.darkMode .securePayment p {
    color: white !important;
    background: black !important; }
  html.darkMode .well {
    background-color: #17191a !important;
    color: white !important;
    border-color: #3b3c3d !important; }
  html.darkMode .well label {
    color: white !important; }
  html.darkMode .btn-primary:not(.sendReservationButton) {
    background-color: #3b3c3d !important;
    border-color: #3b3c3d !important;
    color: white !important; }
  html.darkMode .basket-overview-panel {
    background-color: black !important;
    color: white !important;
    border-color: black !important; }
  html.darkMode .basket-overview-panel .delivery-fee {
    color: white; }
  html.darkMode table.table {
    color: white; }
  html.darkMode table.table thead th {
    color: white !important; }
  html.darkMode table.table a {
    color: white !important; }
  html.darkMode .datepicker-days table, html.darkMode .datepicker-days table.table thead th {
    color: black !important; }
  html.darkMode .row.subProductsContainer .modifierItem {
    border: solid 1px transparent !important;
    background-color: #3b3c3d !important;
    border-bottom: solid 1px transparent !important; }
  html.darkMode .modalItem .modal-header {
    border-color: black; }
  html.darkMode .modifierItem {
    background-color: #3b3c3d !important;
    border-color: black; }
  html.darkMode .modalFormItem .closeButton button {
    color: white;
    background: transparent; }
  html.darkMode .modal .closeButton button {
    color: white !important; }
  html.darkMode .modal .well .foot {
    background-color: transparent !Important; }
  html.darkMode .modal .minusQuantity i, html.darkMode .modal .plusQuantity i {
    border: 2px solid #fff !important;
    color: #fff !important; }
  html.darkMode .modal .quantityCounter {
    background: #3a3c3d !important;
    border: #3a3c3d;
    color: white !important; }
  html.darkMode .modal .modal-footer {
    border-top: 1px solid #3b3c3d !Important; }
  html.darkMode .modal-content, html.darkMode .modalLogin .modal-body {
    background: #17191a !important; }
  html.darkMode .modal-content .ion-android-close, html.darkMode .modalLogin .modal-body .ion-android-close {
    color: white; }
  html.darkMode .modal-content .nav-pills.selectHouseOrFlat .nav-link.active, html.darkMode .modalLogin .modal-body .nav-pills.selectHouseOrFlat .nav-link.active {
    background-color: #232932 !important; }
  html.darkMode .flag-container .selected-flag .iti-flag {
    margin: 10px 0px; }
  html.darkMode .flag-container .selected-flag .selected-dial-code {
    margin: 6px 27px !important;
    color: black !important; }
  html.darkMode .intl-tel-input .country-list {
    background-color: #3b3c3d !important;
    border: 1px solid #17191a !important; }
  html.darkMode .b3Checkbox:checked {
    background: #22ce98 !important; }
  html.darkMode .tabsMethod {
    background: #303132;
    padding: 5px;
    border-radius: 20px; }
  html.darkMode .tabsMethod .selectMethodInTab {
    border-radius: 20px; }
  html.darkMode .selectMethodInTab:not(.active) {
    border-color: transparent !important;
    background: transparent !important; }
  html.darkMode .changeMethodPopup .selectMethodInTab.active {
    border-color: #292929 !important;
    background-color: black !important; }
  html.darkMode .changeMethodPopup .changeTakeAwayRestaurant.selected, html.darkMode .changeMethodPopup .methoddelivery .previousAddress.selected {
    background: #3b3c3d !Important;
    color: white !Important; }
  html.darkMode .schedule__th, html.darkMode .time.schedule__tableTime, html.darkMode .schedule__td {
    color: white !important; }
  html.darkMode .schedule__th._active, html.darkMode .schedule__td._active {
    background-color: #3b3c3d !important;
    color: white !important; }
  html.darkMode .changeMethodPopup .methoddelivery .previousAddress, html.darkMode .changeMethodPopup .greenAddressBox {
    border: 2px solid #3b3c3d !important; }

.containerCheckout .tipForDriver {
  user-select: none;
  padding: 10px 0px;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center; }
  .containerCheckout .tipForDriver .minusTips, .containerCheckout .tipForDriver .plusTips {
    cursor: pointer;
    border: 1px solid;
    border-radius: 10px;
    display: inline-block;
    width: 26px;
    height: 26px;
    transition: 250ms all;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center; }
  .containerCheckout .tipForDriver .minusTips:hover, .containerCheckout .tipForDriver .plusTips:hover {
    background: #06c303;
    color: white; }
  .containerCheckout .securePayment p {
    padding: 10px 15px 10px 15px;
    font-size: 0.8rem;
    background: #dadee4;
    color: black;
    margin: 10px -15px;
    display: flex;
    justify-content: center; }
  .containerCheckout .securePayment p i {
    margin-right: 10px; }
  .containerCheckout .defaultDelivery {
    background: white;
    padding: 15px;
    border: 1px solid #e5e5e5; }
  .containerCheckout .loginLink {
    background: #49bb5b !important;
    border: 1px solid #49bb5b !important;
    color: white !important; }
  .containerCheckout .signInRegister .btn.btn-success.btn-register {
    background: white !important;
    border-color: #28a745;
    color: #49bb5b !important; }
  .containerCheckout .well {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    padding: 15px; }

.categoryTitle {
  padding: 40px;
  font-size: 2.1875em;
  font-weight: 700;
  margin-bottom: 0px;
  border-top: 1px solid #e8e9eb;
  border-bottom: 1px solid #e8e9eb; }

.blog-row h1 {
  margin-bottom: 13px; }
  .blog-row .date {
    display: inline-block;
    margin-bottom: 28px; }
  .blog-row .blog-row--desc {
    color: #69727b; }

.return-link {
  background-color: transparent;
  color: #557b97;
  border-color: #557b97; }

.w100 {
  width: 100%; }

.justify-content-center {
  justify-content: center; }

.b3-section {
  transition: 250ms all; }

.help.card {
  display: none !important; }

.b3-section.active {
  box-shadow: 0 0 20px rgba(0, 0, 0, .4);
  -webkit-transform: scale(1.015);
  transform: scale(1.02);
  border: 4px solid #4a90e2;
  z-index: 2; }

.filterBody li + li {
  margin-top: 2px; }

.checkout--page i {
  width: 30px;
  font-size: 19px;
  /* Extra small */ }

@media (max-width: 575px) {
  /* Small */
    .row-xs-1 {
      height: 50px !important; }
    .row-xs-2 {
      height: 100px !important; }
    .row-xs-3 {
      height: 150px !important; }
    .row-xs-4 {
      height: 200px !important; }
    .row-xs-5 {
      height: 250px !important; }
    .row-xs-6 {
      height: 300px !important; }
    .row-xs-7 {
      height: 350px !important; }
    .row-xs-8 {
      height: 400px !important; }
    .row-xs-9 {
      height: 450px !important; }
    .row-xs-10 {
      height: 460px !important; }
    .row-xs-11 {
      height: 550px !important; }
    .row-xs-12 {
      height: 600px !important; }
    .row-xs-13 {
      height: 650px !important; }
    .row-xs-14 {
      height: 700px !important; }
    .row-xs-15 {
      height: 750px !important; }
    .row-xs-16 {
      height: 800px !important; }
    .row-xs-17 {
      height: 850px !important; }
    .row-xs-18 {
      height: 900px !important; }
    .row-xs-19 {
      height: 950px !important; }
    .row-xs-20 {
      height: 1000px !important; }
    .row-xs-21 {
      height: 1050px !important; }
    .row-xs-22 {
      height: 1100px !important; }
    .mt-xs-10 {
      margin-top: 10px; }
    .mt-xs-20 {
      margin-top: 20px; }
    .mt-xs-30 {
      margin-top: 30px; }
    .mt-xs-40 {
      margin-top: 40px; }
    .mt-xs-50 {
      margin-top: 50px; }
    .hidden-xs {
      display: none; } }

@media (min-width: 576px) and (max-width: 767px) {
  /* Medium */
    .row-sm-1 {
      height: 50px !important; }
    .row-sm-2 {
      height: 100px !important; }
    .row-sm-3 {
      height: 150px !important; }
    .row-sm-4 {
      height: 200px !important; }
    .row-sm-5 {
      height: 250px !important; }
    .row-sm-6 {
      height: 300px !important; }
    .row-sm-7 {
      height: 350px !important; }
    .row-sm-8 {
      height: 400px !important; }
    .row-sm-9 {
      height: 450px !important; }
    .row-sm-10 {
      height: 500px !important; }
    .row-sm-11 {
      height: 550px !important; }
    .row-sm-12 {
      height: 600px !important; }
    .row-sm-13 {
      height: 650px !important; }
    .row-sm-14 {
      height: 700px !important; }
    .row-sm-15 {
      height: 750px !important; }
    .row-sm-16 {
      height: 800px !important; }
    .row-sm-17 {
      height: 850px !important; }
    .row-sm-18 {
      height: 900px !important; }
    .row-sm-19 {
      height: 950px !important; }
    .row-sm-20 {
      height: 1000px !important; }
    .row-sm-21 {
      height: 1050px !important; }
    .row-sm-22 {
      height: 1100px !important; }
    .mt-sm-10 {
      margin-top: 10px; }
    .mt-sm-20 {
      margin-top: 20px; }
    .mt-sm-30 {
      margin-top: 30px; }
    .mt-sm-40 {
      margin-top: 40px; }
    .mt-sm-50 {
      margin-top: 50px; }
    .hidden-sm {
      display: none; }
    .visible-sm {
      display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  /* Large */
    .row-md-1 {
      height: 50px !important; }
    .row-md-2 {
      height: 100px !important; }
    .row-md-3 {
      height: 150px !important; }
    .row-md-4 {
      height: 200px !important; }
    .row-md-5 {
      height: 250px !important; }
    .row-md-6 {
      height: 300px !important; }
    .row-md-7 {
      height: 350px !important; }
    .row-md-8 {
      height: 400px !important; }
    .row-md-9 {
      height: 450px !important; }
    .row-md-10 {
      height: 500px !important; }
    .row-md-11 {
      height: 550px !important; }
    .row-md-12 {
      height: 600px !important; }
    .row-md-13 {
      height: 650px !important; }
    .row-md-14 {
      height: 700px !important; }
    .row-md-15 {
      height: 750px !important; }
    .row-md-16 {
      height: 800px !important; }
    .row-md-17 {
      height: 850px !important; }
    .row-md-18 {
      height: 900px !important; }
    .row-md-19 {
      height: 950px !important; }
    .row-md-20 {
      height: 1000px !important; }
    .row-md-21 {
      height: 1050px !important; }
    .row-md-22 {
      height: 1100px !important; }
    .mt-md-10 {
      margin-top: 10px; }
    .mt-md-20 {
      margin-top: 20px; }
    .mt-md-30 {
      margin-top: 30px; }
    .mt-md-40 {
      margin-top: 40px; }
    .mt-md-50 {
      margin-top: 50px; }
    .hidden-md {
      display: none; } }

@media (min-width: 992px) and (max-width: 1999px) {
  /* Extra Large */
    .row-lg-1 {
      height: 50px !important; }
    .row-lg-2 {
      height: 100px !important; }
    .row-lg-3 {
      height: 150px !important; }
    .row-lg-4 {
      height: 200px !important; }
    .row-lg-5 {
      height: 250px !important; }
    .row-lg-6 {
      height: 300px !important; }
    .row-lg-7 {
      height: 350px !important; }
    .row-lg-8 {
      height: 400px !important; }
    .row-lg-9 {
      height: 450px !important; }
    .row-lg-10 {
      height: 500px !important; }
    .row-lg-11 {
      height: 550px !important; }
    .row-lg-12 {
      height: 600px !important; }
    .row-lg-13 {
      height: 650px !important; }
    .row-lg-14 {
      height: 700px !important; }
    .row-lg-15 {
      height: 750px !important; }
    .row-lg-16 {
      height: 800px !important; }
    .row-lg-17 {
      height: 850px !important; }
    .row-lg-18 {
      height: 900px !important; }
    .row-lg-19 {
      height: 950px !important; }
    .row-lg-20 {
      height: 1000px !important; }
    .row-lg-21 {
      height: 1050px !important; }
    .row-lg-22 {
      height: 1100px !important; }
    .mt-lg-10 {
      margin-top: 10px; }
    .mt-lg-20 {
      margin-top: 20px; }
    .mt-lg-30 {
      margin-top: 30px; }
    .mt-lg-40 {
      margin-top: 40px; }
    .mt-lg-50 {
      margin-top: 50px; } }

@media (min-width: 1200px) {
  .row-xl-1 {
    height: 50px !important; }

  .row-xl-2 {
    height: 100px !important; }

  .row-xl-3 {
    height: 150px !important; }

  .row-xl-4 {
    height: 200px !important; }

  .row-xl-5 {
    height: 250px !important; }

  .row-xl-6 {
    height: 300px !important; }

  .row-xl-7 {
    height: 350px !important; }

  .row-xl-8 {
    height: 400px !important; }

  .row-xl-9 {
    height: 450px !important; }

  .row-xl-10 {
    height: 500px !important; }

  .row-xl-11 {
    height: 550px !important; }

  .row-xl-12 {
    height: 600px !important; }

  .row-xl-13 {
    height: 650px !important; }

  .row-xl-14 {
    height: 700px !important; }

  .row-xl-15 {
    height: 750px !important; }

  .row-xl-16 {
    height: 800px !important; }

  .row-xl-17 {
    height: 850px !important; }

  .row-xl-18 {
    height: 900px !important; }

  .row-xl-19 {
    height: 950px !important; }

  .row-xl-20 {
    height: 1000px !important; }

  .row-xl-21 {
    height: 1050px !important; }

  .row-xl-22 {
    height: 1100px !important; }

  .mt-xl-10 {
    margin-top: 10px; }

  .mt-xl-20 {
    margin-top: 20px; }

  .mt-xl-30 {
    margin-top: 30px; }

  .mt-xl-40 {
    margin-top: 40px; }

  .mt-xl-50 {
    margin-top: 50px; } }

body.modal-open {
  overflow: hidden;
  height: 100%;
  position: relative; }
  body.modal-open header.sticky-active {
    z-index: 0 !important; }

body.modal-open header {
  z-index: -1; }

.alert.announcement {
  margin-bottom: 0px;
  border-radius: 0; }

html:not(.web109) .modal-open .modal {
  -webkit-overflow-scrolling: touch; }

html:not(.web109).loading:after, html:not(.web109).loading:before {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  content: " "; }

html:not(.web109):before {
  content: " ";
  background: transparent;
  transition: 1200ms all; }

@media (min-width: 991px) {
    html:not(.web109).loading2:not(.loadingModal) .mainContent .categoryProductsListBox {
      opacity: 0; }
      html:not(.web109).loading2:not(.loadingModal) .mainContent .homepageIndex {
        opacity: 0; }
      html:not(.web109).loading2:not(.loadingModal) .mainContent .containerProduct {
        opacity: 0; } }

html:not(.web109).loading:before {
  -webkit-animation: fade-in 0.1s 0.1s both linear;
  -moz-animation: fade-in 0.1s 0.1s both linear;
  animation: fade-in 0.1s 0.1s both linear;
  position: fixed;
  z-index: 9999; }

@keyframes fade-in-right {
  from {
    opacity: 0;
    transform: translateX(-15px); }

  to {
    opacity: 1;
    transform: translateX(0); } }

@keyframes grow-left {
  from {
    transform: scaleX(0); }

  to {
    transform: scaleX(1); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(359deg); } }

@keyframes rotateForever {
  from {
    transform: rotate(0); }

  to {
    transform: rotate(360deg); } }

html:not(.web109).loading:after {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  top: 50%;
  z-index: 10000;
  position: fixed;
  -webkit-animation: rotateForever 0.5s infinite linear;
  -moz-animation: rotateForever 0.5s infinite linear;
  animation: rotateForever 0.5s infinite linear;
  border: 2px solid #e67777;
  border-right-color: transparent;
  border-top-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  content: " ";
  display: block;
  height: 20px;
  width: 20px; }

html:not(.web109).loading:after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  z-index: 10000;
  border-radius: 50%;
  /* creates the "border" */
  background: conic-gradient(from 0deg, #00e0ff, #7b61ff, #00e0ff);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 0);
  mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 0);
  animation: spin 0.9s linear infinite; }

.feature-row__image {
  padding: 0px; }

.padding-tb-20 {
  padding: 20px 0px; }

.padding-tb-30 {
  padding: 30px 0px; }

.padding-tb-40 {
  padding: 40px 0px; }

.padding-tb-50 {
  padding: 50px 0px; }

.padding-tb-60 {
  padding: 60px 0px; }

.padding-tb-70 {
  padding: 70px 0px; }

.padding-tb-80 {
  padding: 80px 0px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.fbGallery {
  padding: 70px 0px; }
  .fbGallery.layout--grid .lazyloadGalleryImage {
    height: 300px;
    transition: 250ms all;
    margin: 0px !important; }
  .fbGallery.layout--grid .album-col:hover .lazyloadGalleryImage {
    transform: scale(1.1); }
  .fbGallery.layout--grid .album-col:hover .album-details {
    opacity: 1; }
  .fbGallery.layout--grid .album-details {
    transition: 250ms all;
    position: absolute;
    opacity: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9;
    text-align: center;
    width: 100%;
    color: white;
    top: -5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .fbGallery.layout--grid .album-title {
    color: white;
    font-size: 20px;
    font-weight: 600; }

.image-wrapper {
  overflow: hidden;
  position: relative;
  cursor: pointer !important; }

.titleInImg {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: rgba(0, 0, 0, .7) !important;
  padding: 10px;
  text-align: center; }

.lazyloadGalleryImage {
  height: 240px;
  width: 100%;
  background: white;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-transition-property: width, height;
  -webkit-transition-duration: 500ms;
  position: relative;
  z-index: 1;
  display: block;
  border: none; }

.img-wrapper {
  position: relative;
  overflow: hidden; }

.img-wrapper2:after, .img-wrapper2:before {
  z-index: 1;
  height: 4px;
  bottom: -7px;
  left: 6px;
  right: 6px;
  background-color: #eee;
  border-bottom: 1px solid #bbb;
  content: " ";
  position: absolute; }

.img-wrapper2:before {
  box-shadow: 0 0 10px grey; }

.img-wrapper2:after {
  bottom: -5px;
  left: 3px;
  right: 3px; }

.album-details {
  margin-top: 5px;
  margin-bottom: 0px;
  word-wrap: break-word;
  cursor: pointer; }

.album-title {
  margin-top: 5px;
  color: #365899;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none; }

.galleryTitle {
  text-align: center; }

.galleryFromContent {
  margin-bottom: 20px; }

.dropdown-menu {
  border-radius: 0px !important;
  box-shadow: none !important; }
  .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
    color: black;
    text-decoration: none;
    background-color: transparent; }

footer .custom-content .paymentBlock img {
  max-width: 150px; }
  footer.tabs-nav {
    margin: 10px;
    position: fixed;
    z-index: 99;
    bottom: 10px;
    background: transparent !important;
    width: calc(100% - 20px); }
  footer.tabs-nav .inner {
    bottom: 20px;
    border-radius: 10px;
    background: #f6f6f6;
    border: 1px solid #e2e2e2;
    webkit-box-shadow: 10px 22px 27px -19px #858585;
    -moz-box-shadow: 10px 22px 27px -19px #858585;
    box-shadow: 10px 22px 27px -19px #858585;
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: space-around;
    font-size: 1.4rem; }
  footer.tabs-nav .inner a {
    color: black; }
  footer h4 {
    padding: 10px 0px;
    border-bottom: 0px;
    border-top: none;
    margin-bottom: 8px;
    font-size: 0.9rem;
    color: #6b6b6b; }
  footer .menu ul {
    list-style: none;
    padding: 0px;
    display: flex;
    flex-direction: row; }
  footer .menu ul li {
    padding: 0px 10px; }
  footer .social-icons {
    padding-left: 0px; }
  footer .social-icons li {
    font-size: 30px;
    display: inline-block;
    list-style: none;
    margin-bottom: 0; }
  footer .social-icons a {
    margin: 10px; }
  footer .footer--socials a i {
    font-size: 1.5rem;
    padding: 0px 5px; }
  footer.footer--light {
    background: white;
    color: #333; }
  footer.footer--light a {
    color: black; }
  footer.footer--light .menu a {
    color: black; }
  footer.footer--dark {
    background: #151515 !important;
    color: #fff; }
  footer.footer--dark .copyrights {
    background: #151515 !important;
    color: #fff; }
  footer.footer--dark h4 {
    color: white; }
  footer.footer--dark a {
    color: white !important; }
  footer.footer--dark .menu a {
    color: white !important; }

.modalFood .modal-content .modal-header p {
  display: none; }

.galleryImage {
  cursor: pointer; }
  .galleryImage.a .openThisImage {
    border-color: #8ab4f7 !important; }

.orderOnlineNoteBox {
  font-size: 21px !important;
  text-align: center; }

.modalFoodLikeWolfBETA a.closeFoodModal {
  position: absolute;
  top: -60px;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background: black;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 100px !important;
  color: white !important;
  font-size: 20px; }

@media (max-width: 991px) {
  .mainContentLogin {
    margin-bottom: 30px !important; }

  .d-sm-block-important {
    display: block !important; }

  .containerProduct .badge.badge-blackfriday {
    top: -10px !important; }

  .containerProduct .badge-blackfriday {
    z-index: 0;
    display: inline-block;
    position: relative;
    left: unset;
    top: unset; }

  .btnAddToBasketB4 {
    margin-top: 10px; }

  .modal h2 {
    margin-left: 0px !important; }
    .modal.loginView .modal-dialog .closeButton button, .modal.wolfPoints .modal-dialog .closeButton button, .modal.welcomeCoupon .modal-dialog .closeButton button, .modal.error.api .modal-dialog .closeButton button, .modal.skash.api .modal-dialog .closeButton button, .modal.changeDeliveryTime .modal-dialog .closeButton button, .modal.paymentMethod .modal-dialog .closeButton button, .modal.wolfPiggyBank .modal-dialog .closeButton button, .modal.writeReview .modal-dialog .closeButton button, .modal.couponCode .modal-dialog .closeButton button, .modal.foodNoLongerAvailable .modal-dialog .closeButton button {
      border: 2px solid black;
      font-size: 20px;
      color: white !important;
      border-radius: 100%;
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: black !important; }
      .modal.loginView .modal-dialog .closeButton, .modal.wolfPoints .modal-dialog .closeButton, .modal.welcomeCoupon .modal-dialog .closeButton, .modal.error.api .modal-dialog .closeButton, .modal.skash.api .modal-dialog .closeButton, .modal.changeDeliveryTime .modal-dialog .closeButton, .modal.paymentMethod .modal-dialog .closeButton, .modal.wolfPiggyBank .modal-dialog .closeButton, .modal.writeReview .modal-dialog .closeButton, .modal.couponCode .modal-dialog .closeButton, .modal.foodNoLongerAvailable .modal-dialog .closeButton {
        display: flex;
        justify-content: center; }
      .modal.loginView.show .modal-dialog, .modal.wolfPoints.show .modal-dialog, .modal.welcomeCoupon.show .modal-dialog, .modal.error.api.show .modal-dialog, .modal.skash.api.show .modal-dialog, .modal.changeDeliveryTime.show .modal-dialog, .modal.paymentMethod.show .modal-dialog, .modal.wolfPiggyBank.show .modal-dialog, .modal.writeReview.show .modal-dialog, .modal.couponCode.show .modal-dialog, .modal.foodNoLongerAvailable.show .modal-dialog {
        transform: translateY(0%); }
      .modal.loginView .modal-body, .modal.wolfPoints .modal-body, .modal.welcomeCoupon .modal-body, .modal.error.api .modal-body, .modal.skash.api .modal-body, .modal.changeDeliveryTime .modal-body, .modal.paymentMethod .modal-body, .modal.wolfPiggyBank .modal-body, .modal.writeReview .modal-body, .modal.couponCode .modal-body, .modal.foodNoLongerAvailable .modal-body {
        overflow: scroll;
        padding-top: calc(10px) !important; }
      .modal.loginView .modal-dialog, .modal.wolfPoints .modal-dialog, .modal.welcomeCoupon .modal-dialog, .modal.error.api .modal-dialog, .modal.skash.api .modal-dialog, .modal.changeDeliveryTime .modal-dialog, .modal.paymentMethod .modal-dialog, .modal.wolfPiggyBank .modal-dialog, .modal.writeReview .modal-dialog, .modal.couponCode .modal-dialog, .modal.foodNoLongerAvailable .modal-dialog {
        height: 100vh;
        max-width: 100% !important;
        margin: 0px !important;
        transform: translateY(100%);
        transition: 300ms all;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end; }
      .modal.loginView .closeButton, .modal.wolfPoints .closeButton, .modal.welcomeCoupon .closeButton, .modal.error.api .closeButton, .modal.skash.api .closeButton, .modal.changeDeliveryTime .closeButton, .modal.paymentMethod .closeButton, .modal.wolfPiggyBank .closeButton, .modal.writeReview .closeButton, .modal.couponCode .closeButton, .modal.foodNoLongerAvailable .closeButton {
        text-align: center;
        position: absolute;
        width: 100%;
        top: -60px;
        left: 0px; }
      .modal.loginView .modal-content, .modal.wolfPoints .modal-content, .modal.welcomeCoupon .modal-content, .modal.error.api .modal-content, .modal.skash.api .modal-content, .modal.changeDeliveryTime .modal-content, .modal.paymentMethod .modal-content, .modal.wolfPiggyBank .modal-content, .modal.writeReview .modal-content, .modal.couponCode .modal-content, .modal.foodNoLongerAvailable .modal-content {
        max-height: 89vh !important;
        min-height: 70vh;
        bottom: 0px;
        display: flex;
        justify-content: flex-end; }

  .product--details {
    margin-top: 15px; }

  .topSearchCategories:not(.design2) {
    width: 100% !important; }

  .closeMobileCart h3 {
    display: flex; }

  .catItems {
    margin: 0px !important; }

  .buttonAlwaysBottomCheckout {
    padding-top: 10px;
    z-index: 999;
    padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    position: fixed;
    bottom: 0px !important;
    left: 0px;
    border-radius: 0px;
    border: 0px;
    background: black;
    text-align: center;
    bottom: 0px;
    left: 0px;
    font-size: 16px !important;
    color: white !important; }
    .buttonAlwaysBottomCheckout a {
      color: white !important; }

  .categoryProductsListBox .product-card__actions-panel {
    display: none; }

  .list-controls-mobile {
    display: block !important; }

  .closeFilters {
    position: absolute;
    top: 7px;
    bottom: auto !important;
    right: 10px;
    left: auto !important;
    padding: 3px 10px;
    /*
	.categoryProductsListBox .product-card__actions-panel{
		display: none !important;
	}
	*/ }

  body.menuPopoverVisible .openMenuMobile {
    z-index: 999999 !important; }

  .openMenuMobile {
    z-index: 1040 !important; }

  .openMenuMobile {
    padding: 15px 10px !important;
    position: fixed;
    bottom: calc(70px + env(safe-area-inset-bottom));
    left: calc(50% - 80px);
    width: 160px;
    text-align: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-size: 1.8rem;
    text-decoration: none !important;
    background: #1baef9 !important;
    border-radius: 20px;
    padding: 4px 20px;
    color: white !important;
    transform: none !important;
    font-size: 1.1rem !important;
    transition: 900ms all;
    display: flex;
    align-items: center;
    background: #000 !important; }
    .openMenuMobile i {
      margin-right: 5px; }

  .categeoryFiltersContainer {
    position: fixed;
    width: 100%;
    background: white;
    z-index: 1000;
    transition: 250ms all;
    top: 0px;
    height: 100%;
    left: 0px;
    margin-left: calc(-100% - 28px);
    transform: scale(0.6); }

  .categeoryFiltersContainer.isVisible {
    margin-left: -1px;
    display: block !important;
    overflow: scroll !important;
    padding-top: 10px;
    border: 1px solid #e2e2e2;
    left: 10px;
    background: white !important;
    height: calc(100% - 20px);
    top: 10px;
    z-index: 1099;
    transform: scale(1);
    box-shadow: 10px 22px 27px -19px #858585;
    width: calc(100% - 20px);
    max-width: calc(100% - 20px); }

  .categeoryFiltersContainer.isVisible .filterBox {
    margin: 0px !important; }

  .list-controls-mobile {
    bottom: 80px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    left: 10px;
    background: #f5f5f5;
    position: fixed;
    z-index: 998;
    background: black;
    color: white;
    font-size: 1.2rem; }

  html.b3shop footer .copyrights {
    padding-bottom: 90px; }

  nav.navbar.mobileVisible #navbarSupportedContent {
    position: fixed;
    overflow: scroll;
    border: 1px solid #e2e2e2;
    box-shadow: 10px 22px 27px -19px #858585;
    left: 10px;
    top: 10px;
    width: 100%;
    z-index: 9999 !important;
    display: block;
    background: rgba(255, 255, 255, .97) !important;
    text-align: left;
    padding: 5px 10px;
    width: calc(100% - 20px) !important;
    height: calc(100% - 90px);
    border-radius: 10px; }
    nav.navbar.mobileVisible #navbarSupportedContent .dropdown-item {
      font-size: 13px; }

  .categeoryFiltersContainer {
    display: none !important; }

  .cartFixedAlways {
    overflow: visible;
    position: fixed;
    border: 1px solid #e2e2e2;
    box-shadow: 10px 22px 27px -19px #858585;
    left: 10px;
    top: 60px;
    width: 100%;
    z-index: 9999 !important;
    display: block;
    background: rgba(255, 255, 255, .97) !important;
    text-align: left;
    width: calc(100% - 20px) !important;
    height: calc(100% - 90px);
    border-radius: 10px; }
    .cartFixedAlways .viewBasket {
      display: none !important; }
    .cartFixedAlways .cart {
      margin-top: 0px !important; }
    .cartFixedAlways .closeBasket {
      position: absolute;
      top: -40px;
      width: 100%;
      display: flex !important;
      justify-content: center; }
    .cartFixedAlways .closeBasket i {
      width: 40px;
      height: 40px;
      background: rgba(0, 0, 0, .6);
      color: white;
      padding: 10px;
      border-radius: 100%;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; }
    .cartFixedAlways.visible .cartPage {
      overflow: scroll; }

  .modalFormItem {
    height: auto; }

  .modalFood .modalItem {
    display: flex;
    height: calc(100% - env(safe-area-inset-bottom)); }
    .modalFood .modalItemsBody {
      margin-bottom: 10px;
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      overflow: scroll; }

  .navbar .inner {
    width: 100%; }
    .navbar .inner .logo {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .navbar .navbar-nav .nav-link {
      font-size: 1.3rem; }
    .navbar .loginBtn, .navbar .registerBtn {
      margin-left: 0px !important; }

  footer {
    text-align: center; }
    footer .footer--socials {
      margin-top: 10px;
      justify-content: center !important;
      align-items: center !important;
      text-align: center !important; }
    footer ul.footer--menu {
      justify-content: center;
      align-items: center;
      width: 100%;
      flex-direction: column; } }

.footer--menu li {
  padding-left: 0px !important; }
  .footer--menu li a {
    margin: 3px 0px;
    padding: 0px; }

.order-online-row .putItemsInYourCart > div {
  display: inline-block;
  text-align: center !important;
  font-size: 1rem; }
  .order-online-row .menuItems .subProducts .btn-outline-secondary {
    border-color: #ecedf0;
    font-size: 0.8rem; }
  .order-online-row .order-online-header-image {
    margin-bottom: 0px; }
  .order-online-row .emptyBasket {
    margin: 0px;
    width: 100%;
    margin-top: 10px; }
  .order-online-row .cartMethodDetails .changeMethodLink {
    border: 1px solid #303132;
    background: #303132 !important;
    color: white; }
  .order-online-row.order-online--theme-dark {
    background: black !important; }
  .order-online-row.order-online--theme-dark .catContainer ul.catList li a {
    color: white !important; }
  .order-online-row.order-online--theme-dark ul.menuItems li {
    background-color: #17191a !Important; }
  .order-online-row.order-online--theme-dark .cartList .basket {
    background-color: #17191a !Important; }
  .order-online-row.order-online--theme-dark .cartList .basket .cartMethodDetails {
    background: #0f1418; }
  .order-online-row.order-online--theme-dark .searchItems input.form-control {
    border: 0px !important;
    background: #3b3c3d !important;
    font-size: 1rem !Important;
    color: white !important; }

.basket-overview-panel {
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 999;
  padding: 16px;
  background: white; }
  .basket-overview-panel .summary {
    margin-bottom: 10px;
    color: #818484; }

.b3Checkbox:checked + label + .counterModifier {
  display: block !important; }

.b3Checkbox + label {
  margin-bottom: 0px !important;
  padding-left: 26px; }

.counterModifier input {
  position: absolute;
  right: 5px;
  top: 1px; }

.counterModifier .controlsFood {
  border: 1px solid #b7b7b7;
  border-radius: 3px;
  max-width: 40px; }

.counterModifier .controlsFood a {
  box-shadow: none;
  border-radius: 0px;
  height: 16px;
  width: 16px;
  margin: 0px;
  padding: 0px;
  background: transparent;
  position: relative;
  line-height: 16px;
  float: left; }

.counterModifier .controlsFood a:hover {
  background: #b7b7b7; }

.counterModifier .controlsFood a:first-child {
  border-right: 1px solid #b7b7b7; }

.counter-control-horizontal .controlsFood {
  position: absolute !important;
  right: 23px;
  top: 3px; }

.subModifier {
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  padding: 4px 0px 0px 15px; }

.controlsFood a {
  width: 15px;
  height: 15px;
  padding: 2px;
  position: relative;
  background: #fff;
  z-index: 200;
  border-radius: 3px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  display: inline-block;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 15px;
  color: #000;
  border-radius: 2px; }

.controlsFood a i {
  font-size: 11px;
  position: relative;
  top: -1px; }

.counter-control-vertical .control {
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  height: 20px;
  line-height: 20px;
  color: #000;
  border-radius: 2px; }

.counter-control-vertical {
  display: none;
  float: left;
  width: 35px;
  margin-top: -15px;
  margin-bottom: -31px;
  margin-left: -32px !important; }

.counter-control-horizontal {
  float: none;
  width: 70px; }

.counter-control-vertical .control:hover {
  background: #abadad; }

.counter-control-vertical .controls:before {
  display: block;
  content: "";
  position: absolute;
  right: -5px;
  top: 50%;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
  z-index: 2; }

.counter-control-vertical .controls:after {
  display: block;
  content: "";
  position: absolute;
  right: -6px;
  top: 50%;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #969999; }

.basketItem:hover .counter-control-vertical {
  display: block !important; }

.counter-control-vertical .controls, .counter-control-horizontal .controls {
  display: block;
  height: 44px;
  width: 23px;
  padding: 2px;
  position: absolute;
  background: #fff;
  z-index: 200;
  border-radius: 3px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); }

.controlsFood a {
  width: 15px;
  height: 15px;
  padding: 2px;
  position: relative;
  background: #fff;
  z-index: 200;
  border-radius: 3px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  display: inline-block;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 15px;
  color: #000;
  border-radius: 2px; }

.controlsFood a i {
  font-size: 11px;
  position: relative;
  top: -1px; }

.counter-control-vertical .control {
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  height: 20px;
  line-height: 20px;
  color: #000;
  border-radius: 2px; }

.counterModifier input {
  position: absolute;
  right: 5px;
  top: 1px; }

.otherModifiers {
  display: none; }

.no-ui {
  border: none !important;
  text-align: center;
  overflow: visible;
  width: 17px;
  margin: 0px;
  padding: 0px; }

.checkCheckoutMobile:not(is-loading) .totalItemsInBasket {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 5px 10px;
  height: 100%;
  border-radius: 1px;
  background-color: #00a396; }

.checkCheckoutMobile {
  position: relative; }

.requiredWarning h3, .requiredWarning .instructionsQuantity {
  color: #f2395d; }

.changeMethodPopup .tabsMethod {
  display: flex; }
  .changeMethodPopup .selectMethodInTab:first-child {
    border-radius: 4px 0px 0px 4px; }
  .changeMethodPopup .selectMethodInTab.active {
    border-color: #3b3c3d;
    color: #fff;
    background-color: #3b3c3d; }
  .changeMethodPopup .modal-footer {
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 10px;
    padding: 15px;
    box-shadow: 0px -3px 6px -2px rgba(0, 0, 0, 0.07); }
  .changeMethodPopup .modal-footer > div {
    margin: 0px;
    padding: 0px; }
  .changeMethodPopup .selectMethodInTab {
    padding: 8px;
    cursor: pointer;
    text-align: center;
    border: 1px solid; }
  .changeMethodPopup .selectMethodInTab:nth-child(2) {
    border-radius: 0px 4px 4px 0px; }
  .changeMethodPopup .selectMethodInTab:not(.active) {
    border-color: #ccc;
    margin-left: -1px; }

.ui.green.button:not(.is-loading), .ui.green.buttons .button:not(.is-loading) {
  background: #279627;
  background: linear-gradient(to right, #52ca8b 0%, #4dc172 40%, #48ba5c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52ca8b', endColorstr='#48ba5c',GradientType=1) !important;
  border-color: #279627;
  color: #fff;
  text-shadow: none;
  background-image: none; }

.btnDetectLocation {
  position: relative;
  margin-top: 10px !important;
  line-height: 26px; }
  .btnDetectLocation i {
    position: absolute;
    left: 10px;
    top: 3px; }

.checkoutContainer .pinFixed {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-100%) !important;
  width: 60px; }

.closeButton {
  position: absolute;
  right: 0px;
  z-index: 9;
  top: 0px; }
  .closeButton button {
    font-size: 1.8rem;
    line-height: 0px;
    cursor: pointer; }

.modal-dialog.register .closeButton {
  position: absolute;
  right: 0px;
  z-index: 9;
  top: 0px; }
  .modal-dialog.register .closeButton button {
    font-size: 1.8rem;
    line-height: 0px;
    cursor: pointer; }
  .modal-dialog.register .progress-nav {
    margin-left: 0px !important;
    list-style: none;
    padding-left: 0px !important;
    margin-bottom: 20px; }
  .modal-dialog.register .progressBarItemActive_1X2cRh {
    color: #57ad57; }
  .modal-dialog.register .progress-nav__item {
    float: left;
    color: #c6c6c6;
    position: relative;
    border: 1px solid;
    height: 9px;
    width: 9px;
    border-radius: 4.5px;
    margin-right: 25px; }
  .modal-dialog.register .progress-nav__item--active:after {
    background: #c6c6c6; }
  .modal-dialog.register .progress-nav__item:after, .modal-dialog.register .progress-nav__item--complete:after {
    content: "";
    transition: 300ms all;
    width: 25px;
    height: 1px;
    position: absolute;
    top: 3px;
    left: 8px; }

.modalFoodLikeWolfParent .btnAddToBasket {
  width: 100%; }
  @media (max-width: 991px) {
  .modalFoodLikeWolfParent .closeFoodModalRight {
    display: none !important; } }
  .modalFoodLikeWolfParent .modifierItem {
    padding: 5px 15px !important;
    line-height: 20px; }
  .modalFoodLikeWolfParent .priceContainer {
    margin-left: 10px; }
  .modalFoodLikeWolfParent .subProductDesc {
    font-size: 0.8rem;
    margin-right: 10px;
    font-weight: 400;
    float: left;
    display: none; }

@media (min-width: 991px) {
  .modalFoodLikeWolfParent .modal-dialog {
    max-width: 700px; }

  .modalFoodLikeWolfParent.show {
    display: flex !important;
    justify-content: center;
    align-items: center; }

  .orderOnlineV2 .foodCatOptions {
    margin: 0px 0px 0px -15px; }

  .orderOnlineV2 .pageContent {
    padding-top: 20px; }

  .orderMethodFilterInCart {
    display: none; }

  .orderOnlineV2 .basketCartItems {
    height: fit-content !important;
    margin-top: 10px;
    padding: 15px; }

  .leftMenu {
    display: flex;
    flex-direction: column;
    overflow: scroll; }

  .navbar-nav .signInStore {
    display: none; }

  .checkoutDetails.basketDetails {
    background: #efefef;
    background: linear-gradient(90deg, #efefef 0%, #efefef 58.666%, #fff 51%, #fff 100%); }
    .checkoutDetails.basketDetails .left--details {
      border-right: 1px solid rgba(179, 160, 162, 0.34); }
    .checkoutDetails.basketDetails .left--details, .checkoutDetails.basketDetails .right--details {
      background: #efefef; }
    .checkoutDetails.basketDetails .right--details {
      background: white; }

  .modal-dialog.terms {
    max-width: 900px; }

  .checkoutContainer {
    flex-grow: 1;
    position: relative;
    display: flex;
    display: -ms-flexbox;
    align-items: flex-start;
    justify-content: space-between;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between; }
    .checkoutContainer .primaryContent {
      transition: 200ms all;
      flex-basis: 380px !important;
      width: 380px;
      position: absolute !important;
      z-index: 2 !important;
      margin-top: 0px !important;
      margin-left: 30px;
      -webkit-flex-basis: 380px !important;
      -moz-flex-basis: 380px !important;
      -ms-flex-basis: 380px !important;
      padding: 0px 10px;
      min-height: 150px !important; }
    .checkoutContainer #map {
      width: 100%;
      min-height: 1170px !important;
      height: 100vh !important; }
    .checkoutContainer .mapContainer {
      min-height: 1170px !important;
      height: 100vh;
      position: relative;
      width: 100%; }
    .checkoutContainer .secondaryContent {
      flex-basis: 450px;
      width: 380px;
      position: relative !important;
      z-index: 2 !important;
      -webkit-flex-basis: 450px;
      -moz-flex-basis: 450px;
      -ms-flex-basis: 450px;
      height: 100vh !important;
      min-height: 1170px;
      box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.07); } }

.menuItems li.added {
  border-left: 4px solid #279627 !important;
  border-left-width: 3px !important;
  border-left-color: #279627 !important; }

@media (max-width: 991px) {
  .suggerstedProducts .owl-nav button.owl-next, .suggerstedProducts .owl-nav button.owl-prev {
    min-width: 35px !important;
    min-height: 35px !important;
    padding: 0px !important;
    font-size: 22px !important; } }

.suggerstedProducts .owl-carousel .owl-item {
  text-align: center; }
  .suggerstedProducts .owl-carousel .owl-item .item {
    height: 100%;
    display: flex;
    flex: 1;
    flex-direction: column; }
  .suggerstedProducts .owl-carousel .owl-item .similarProducts--title {
    margin-top: 20px;
    font-size: 0.9rem; }
  .suggerstedProducts .owl-carousel .owl-item .similarPrice {
    justify-content: center;
    flex-grow: 1;
    display: flex;
    align-items: flex-end; }
  .suggerstedProducts .owl-carousel .owl-stage {
    display: flex; }
  .suggerstedProducts .owl-carousel .owl-stage .price {
    flex-grow: 1; }
  .suggerstedProducts .owl-carousel .owl-nav button.owl-next, .suggerstedProducts .owl-carousel .owl-nav button.owl-prev {
    min-width: 44px;
    min-height: 44px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e5e7ee;
    padding: 0px 5px;
    background: rgba(0, 0, 0, .2);
    font-size: 2rem;
    position: absolute;
    right: 0px;
    color: #1a1c1b;
    top: calc(40% - 20px); }
    .suggerstedProducts .owl-carousel .owl-nav button.owl-next:hover, .suggerstedProducts .owl-carousel .owl-nav button.owl-prev:hover {
      color: #1a1c1b;
      background: #e5e7ee; }
  .suggerstedProducts .owl-carousel .owl-nav button.owl-prev {
    right: auto;
    left: 0px; }

.text-right {
  text-align: right; }

header.header-transparent .topBar {
  background: transparent !important; }
  header.header-transparent .topBar .btn-language {
    background: transparent !important; }
  header.header-fixed {
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 0px; }

select.form-control:not([size]):not([multiple]):not([name="countryExtention"]) {
  height: auto !important; }

[data-subproduct] .q:not(:empty) {
  margin-right: 15px; }

.menuPageItem .q:not(:empty), .itemPrice .q {
  position: absolute;
  right: 0px;
  background: #cd6265;
  top: 0px;
  width: 30px;
  height: 30px;
  color: white !important;
  display: flex;
  border-radius: 0px 3px 0px 22px / 0% 3px 0px 12px;
  display: flex;
  justify-content: center;
  align-items: center; }

.topSearchCategories {
  background: white;
  padding: 0px 0px;
  margin-bottom: 10px;
  border: 1px solid #e7e7e7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(21, 23, 26, 0.05) 0px 0.05rem 0.14rem 0px, rgba(21, 23, 26, 0.05) 0px 0.2rem 0.4rem 0px, rgba(21, 23, 26, 0.04) 0px -1px 0px 0px; }
  .topSearchCategories .vegetariaOptionsCheckbox {
    align-items: center;
    width: 100%;
    padding: 5px 20px; }
  .topSearchCategories .vegetariaOptionsCheckbox > div {
    position: relative; }
  .topSearchCategories .vegetariaOptionsCheckbox input {
    top: -1px; }
  .topSearchCategories label {
    padding-right: 10px;
    margin-bottom: 0px !important;
    font-size: 0.8rem !important;
    vertical-align: middle; }
  .topSearchCategories .showVeganOnly {
    margin-left: 30px; }
  .topSearchCategories .categoriesAndSearch {
    align-items: center; }
  .topSearchCategories .categoriesAndSearch .col-12 .form-control {
    height: 45px;
    background: #f1f2f6;
    font-size: 0.8rem; }
  .topSearchCategories .scrollMenuLeft, .topSearchCategories .scrollMenuRight {
    position: absolute;
    height: 100%;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    justify-content: center;
    align-items: center;
    padding: 10px; }
  .topSearchCategories .scrollMenuLeft:hover, .topSearchCategories .scrollMenuRight:hover {
    color: #f2395d; }
  .topSearchCategories .scrollMenuRight {
    right: 0px; }
  .topSearchCategories .scrollMenuLeft {
    left: 0px; }
  .topSearchCategories .menuScrolling {
    position: relative;
    overflow: hidden !important;
    align-items: center;
    display: flex;
    height: 100%;
    /* Internet Explorer 10+ */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none; }
  .topSearchCategories .menuScrolling::-webkit-scrollbar {
    /* Safari and Chrome */
    display: none; }
  .topSearchCategories .menuUL {
    margin: 0px 20px;
    transition: 450ms all;
    padding-bottom: 0px !important;
    overflow: scroll;
    display: flex;
    padding-left: 20px !important;
    padding: 10px 5px !important;
    /* Internet Explorer 10+ */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none; }
  .topSearchCategories .menuUL::-webkit-scrollbar {
    /* Safari and Chrome */
    display: none; }
  .topSearchCategories .categoryTitle {
    color: #333;
    border-top: none !important;
    margin-bottom: 0px !important;
    padding: 5px 10px;
    position: relative;
    display: flex;
    align-items: center;
    word-break: unset;
    white-space: nowrap;
    font-size: 0.9rem;
    font-weight: bold;
    border-bottom: 2px solid transparent; }
  .topSearchCategories .categoryTitle.active {
    background: #818181;
    color: white;
    border-radius: 5px !important; }

.visible-mobile {
  display: none; }

.alertClosedRightNow {
  background: #ffbb3e;
  color: #402a03;
  font-size: 25px !important;
  border: none !important; }

@media (max-width: 991px) {
  .orderOnlineNoteBox {
    margin: 0px -15px; }

  .alertClosedRightNow {
    margin: 0px -15px; }

  .modalFoodLikeWolf .modal-dialog {
    height: auto !important; }

  div.modalFoodLikeWolfParent.show {
    display: flex !important;
    justify-content: flex-end; }

  .modalFoodLikeWolf {
    width: 100% !important;
    justify-content: center;
    align-self: end; }

  #modalFood .closeThisModal {
    margin-left: 0px !important; }

  .visible-mobile {
    display: block !important; } }

.categoryProductsListBox .productList li {
  margin-bottom: 25px; }

.headerStyle.nav-transparent {
  background: transparent !important;
  position: relative; }
  .headerStyle.nav-right .navbar {
    padding: 0px !important; }
  .headerStyle.nav-right .navbar-nav {
    margin-right: unset !important;
    justify-content: flex-end;
    width: 100%; }
  .headerStyle.nav-center .mr-auto, .headerStyle.nav-center .mx-auto {
    margin-right: unset !important;
    width: 100%;
    justify-content: space-between; }
  .headerStyle.shop {
    border-bottom: 1px solid #d8d8d8; }
  .headerStyle.shop nav.nav--topbottom {
    padding: 10px 0px; }
  @media (min-width: 768px) and (max-width: 991px) {
      .headerStyle.shop nav.nav--topbottom .inner {
        flex-direction: column; }
        .headerStyle.shop nav.nav--topbottom .inner .search {
          width: 100% !important; }
        .headerStyle.shop nav.nav--topbottom .inner .eshopElements {
          position: absolute;
          top: 30px;
          right: 100px; } }
  .headerStyle.shop nav.nav--topbottom .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
    .headerStyle.shop nav.nav--topbottom .inner .search {
      width: 50%;
      position: relative; }
      .headerStyle.shop nav.nav--topbottom .inner .search ::placeholder {
        color: black;
        /* Firefox */
        opacity: 1; }
      .headerStyle.shop nav.nav--topbottom .inner .search :-ms-input-placeholder {
        color: black; }
      .headerStyle.shop nav.nav--topbottom .inner .search ::-ms-input-placeholder {
        color: black; }
      .headerStyle.shop nav.nav--topbottom .inner .search input {
        padding-left: 16px;
        font-weight: 300;
        border-color: #6b6b6b;
        border-radius: 0px;
        height: 48px;
        letter-spacing: 0.1px;
        padding: 0 12px;
        font-size: 16px; }
      .headerStyle.shop nav.nav--topbottom .inner .search i {
        cursor: pointer;
        position: absolute;
        top: 0px;
        font-size: 1rem;
        right: 0px;
        color: #ddd;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%; }
    .headerStyle.shop nav.nav--topbottom .inner .eshopElements ul {
      display: flex;
      list-style: none; }
      .headerStyle.shop nav.nav--topbottom .inner .eshopElements ul li {
        padding-left: 20px; }
        .headerStyle.shop nav.nav--topbottom .inner .eshopElements ul li a {
          padding-right: 10px; }
          .headerStyle.shop nav.nav--topbottom .inner .eshopElements ul li a i {
            padding-left: 10px;
            font-size: 1.2rem; }
  .headerStyle.shop nav.nav--topbottom .navbar-nav {
    margin-top: 20px; }
    .headerStyle.shop nav.nav--topbottom .navbar-nav a.nav-link {
      color: black !important;
      font-weight: 500;
      padding-right: 2rem !important; }
  .headerStyle.restaurant .navbar-nav.actions .nav-link {
    border: 1px solid #efefef;
    padding: 7px 20px;
    border-radius: 60px;
    font-weight: bold;
    margin-left: 10px; }
  .headerStyle.restaurant .navbar-nav.actions .loginBtn {
    background: #efefef; }

.quantity input.quantity {
  min-width: 50px; }

#search-form .formSearch {
  position: relative; }
  #search-form .search i {
    cursor: pointer;
    position: absolute;
    top: 0px;
    font-size: 1rem;
    right: 0px;
    color: #ddd;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }

@media (max-width: 767px) {
  .topSearchCategories .vegetariaOptionsCheckbox {
    position: relative;
    background: white;
    margin-top: 0px !important; }

  footer .menu:not(.visible) {
    display: none !important; }

  .checkoutDetails.basketDetails {
    display: flex;
    flex-direction: column-reverse; }
    .checkoutDetails.basketDetails .left--details, .checkoutDetails.basketDetails .right--details {
      background: #f4f5f5;
      padding: 20px; }
    .checkoutDetails.basketDetails .card {
      padding: 5px; }
      .checkoutDetails.basketDetails .card .card-body {
        padding: 10px; }
    .checkoutDetails.basketDetails .address {
      padding: 0px; }
    .checkoutDetails.basketDetails .useThisAddress {
      flex-direction: column; }

  .headerStyle.shop {
    background: #7fd7e0;
    background: linear-gradient(90deg, #7fd7e0 0%, #7fd7e0 13%, #a6e4cd 72%, #a6e4cd 100%);
    border-bottom: 0px; }
    .headerStyle.shop .nav-bg {
      background: transparent; }
      .headerStyle.shop .nav-bg .container {
        padding: 0px; }
        .headerStyle.shop .nav-bg .container .navbar .inner {
          flex-direction: column; }
          .headerStyle.shop .nav-bg .container .navbar .inner .search {
            margin-top: 10px;
            width: 100%; }
            .headerStyle.shop .nav-bg .container .navbar .inner .search input {
              border-color: #f4f5f5;
              border-radius: 10px;
              font-size: 16px;
              -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
              box-shadow: 0 1px 4px rgba(0, 0, 0, .08); }
            .headerStyle.shop .nav-bg .container .navbar .inner .search i {
              height: 100%;
              top: 0px !important;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 1.4rem !important; }

  .closeMenuSider {
    display: none; }

  .modalLogin .modal-body {
    height: 100vh !important; }

  .floorNumber {
    padding-left: 0px !important; }

  .phoneNumber .extention {
    padding-left: 0px !important; }

  .leftCheckout {
    background: white;
    margin: 0px !important;
    padding-top: 20px !important; }

  .cartCheckoutDetails {
    background: white;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 40px; }

  .custom-content .custom__item {
    width: 100% !important;
    flex: 0 0 100% !important; }

  .order-online-row .cartList {
    width: 100% !important;
    position: fixed;
    height: calc(100%);
    z-index: 99;
    background: white;
    top: 0px;
    overflow: scroll;
    transform: translateY(calc(100% + 96px));
    transition: 250ms all;
    left: 0px; }
    .order-online-row .cartList .basket {
      box-shadow: none !important;
      overflow-x: hidden !important; }
    .order-online-row .cartList .basketFooter {
      box-shadow: none !important; }

  .yourBasketTitle {
    display: block !important;
    font-size: 1.3rem;
    text-align: left;
    padding: 0px 50px; }

  .cartMethodDetails {
    margin-top: 0px !important; }

  .orderingFromTitle {
    display: none !important; }

  .basketLinkClose {
    display: block !important; }

  .viewCartMobileLink {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1em;
    padding: 5px 20px;
    border-radius: 100px;
    margin: 6px auto 0 auto;
    text-align: center;
    text-decoration: underline;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 20px; }
    .viewCartMobileLink i {
      font-size: 2rem;
      color: black; }

  .basketMobileContainer {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px;
    margin: 0px -15px 10px -15px;
    border-bottom: 1px solid #b7b7b7; }

  .basket .btnCheckout {
    display: none; }

  .order-online-row .cartList.active {
    transform: translateY(0%); }

  .order-online-row .cartList .basket {
    height: 100%;
    padding-top: 0px !important; }

  .mobileMenuPopover {
    width: 80vw;
    pointer-events: none;
    position: fixed;
    -webkit-overflow-scrolling: touch;
    left: 10vw;
    opacity: 0;
    max-height: calc(60vh);
    overflow: scroll;
    z-index: 9999 !important; }

  #modalFood .modal-dialog {
    margin: 0px; }

  #modalFood .modalItem {
    min-width: 100%;
    max-width: 100%; }

  .order-online-row .item-img-container {
    flex: 0 !important; }
    .order-online-row .col-sm-menu.col-sm-8 {
      max-width: 100%;
      flex: 100%; }
    .order-online-row .catContainer {
      display: none; }
    .order-online-row .searchItems .searchIcon {
      position: absolute;
      right: 20px;
      top: 2px;
      font-size: 1.5rem; }
    .order-online-row .foodCatTitleParent {
      font-weight: bold;
      margin-bottom: 0px;
      margin-top: 0px;
      background: white;
      font-size: 1.3rem !important; }
    .order-online-row .foodCatDesc {
      background: white;
      padding: 1px 14px;
      color: #56555a;
      padding-left: 15px;
      margin: 0px;
      padding-bottom: 10px;
      margin: 0px !important; }
    .order-online-row ul.menuItems li {
      flex: 0 1 100% !important;
      margin-bottom: 0px !important;
      border-top: 1px solid #e8ebeb !important; }
    .order-online-row .foodCatTitleParent {
      margin-bottom: 0px !important;
      padding: 13px; }

  .rest--checkout .card--Panel {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top: 10px; } }

.ajaxLoadingMenu .container {
  padding-top: 0px !important; }

.modalFoodLikeWolfParent .modifierItem {
  position: relative; }

@media (max-width: 991px) {
  .topSearchCategories .vegetariaOptionsCheckbox .theSearchParent {
    display: none !important; }

  html.menuPopoverVisibleInH {
    overflow: hidden; }

  body.menuPopoverVisible .modal-backdrop.backdropMenu.in {
    opacity: 0.3 !important; }

  .mobileMenuPopover {
    padding: 20px 0px !important; }

  .mobileMenuPopover .menuCategories li a {
    border-bottom: 0px !important;
    padding: 1px 20px !important;
    color: #333;
    display: block;
    width: 100%;
    font-size: 14px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

  .mobileMenuPopover .menuCategories {
    list-style: none !important;
    max-height: 100%;
    overflow: scroll;
    overflow-x: hidden; }

  .mobileMenuPopover .menuCategories li {
    font-size: 1.7rem !important;
    font-weight: 400;
    padding: 5px 12px !important; }

  .mobileMenuPopover.isOpen {
    transition: 230ms all !important;
    bottom: 155px !important;
    transform: scale(1) !important;
    opacity: 1;
    pointer-events: all !important;
    display: block !important;
    z-index: 1051 !important;
    background: white !important;
    border-radius: 5px; }

  .modalFormItem .modal-body {
    overflow: scroll;
    overflow-x: hidden !important; }

  .rest--checkout .securePayment {
    margin-left: 0px !important;
    margin: 0px !important; }

  .card--Panel .header {
    padding: 0px !important; } }

@media (min-width: 576px) and (max-width: 991px) {
  .order-online-row .container {
    max-width: none !important; }

  .container {
    max-width: none; } }

@media (min-width: 768px) and (max-width: 991px) {
  .order-online-row .container {
    max-width: 98% !important; } }

.hiddenImportant {
  display: none !important; }

@media (max-width: 768px) {
  .modal-dialog {
    margin: 0px auto !important; }

  .p-sm-0 {
    padding-left: 0px !important;
    padding-right: 0px !important; } }

@media (min-width: 768px) {
  .visible-xs {
    display: none; }

  .mobileMenuPopover {
    display: none !important; }

  .openMenuMobile {
    display: none; }

  .order-online-row.order-online-row--layout1 .list-item-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }

  .order-online-row.order-online-row--layout4 .availabilityBanner {
    bottom: 25px; }
    .order-online-row.order-online-row--layout4 .itemInner {
      flex-direction: column;
      margin-bottom: 10px; }
    .order-online-row.order-online-row--layout4 .foodCatTitleParent {
      padding: 20px 7px 0px 5px; }
    .order-online-row.order-online-row--layout4 .pageContent .container {
      max-width: none; }
    .order-online-row.order-online-row--layout4 .menuCategories li {
      text-align: right; }
    .order-online-row.order-online-row--layout4 .item-img-container {
      width: 100%;
      height: 180px;
      margin: 0px; }
    .order-online-row.order-online-row--layout4 .item-img {
      width: 100%;
      height: 180px; }
    .order-online-row.order-online-row--layout4 .item-content {
      padding: 10px; }
    .order-online-row.order-online-row--layout4 .list-item-title {
      font-weight: bold;
      text-transform: capitalize !important; }
    .order-online-row.order-online-row--layout4 ul.menuItems > li {
      padding: 0px;
      -webkit-flex-basis: calc(50% - 6px);
      -ms-flex-preferred-size: calc(50% - 6px);
      flex-basis: calc(50% - 6px);
      max-width: calc(50% - 6px);
      margin-bottom: 10px;
      margin: 3px;
      border: 1px solid #eeedef;
      background: #fff;
      align-self: stretch;
      -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
      display: flex;
      transition: box-shadow 0.3s ease;
      /*
		ul.menuItems:after {
			content: "";
			flex: auto;
		}
		*/ }
    .order-online-row.order-online-row--layout4 .item-price {
      left: 0px;
      border-top: 1px solid #f7f4ef; }
    .order-online-row.order-online-row--layout4 .item-price .vc-outer {
      margin-left: 10px; }

  .order-online-row.order-online-row--layout3 .boxFoodCollection .foodContent li.catFoodContainer ul.menuItems .itemInner {
    min-height: 171px !important; }
    .order-online-row.order-online-row--layout3 .catContainer .catList {
      background: transparent;
      box-shadow: none;
      color: #333 !important;
      padding: 0px !important; }
    .order-online-row.order-online-row--layout3 .catContainer ul.catList li a {
      font-weight: 600 !important; }
    .order-online-row.order-online-row--layout3 li.catFoodContainer ul.menuItems li {
      -moz-box-shadow: 10px 10px 36px -19px rgba(0, 0, 0, 0.75);
      box-shadow: 10px 10px 36px -19px rgba(0, 0, 0, 0.75); }
    .order-online-row.order-online-row--layout3 .item-price {
      padding-top: 0px; }
    .order-online-row.order-online-row--layout3 ul li.catFoodContainer ul.menuItems > li {
      border-radius: 10px !important; }
    .order-online-row.order-online-row--layout3 li.catFoodContainer ul.menuItems .itemInner .item-img-container {
      width: 130px; }
      .order-online-row.order-online-row--layout3 li.catFoodContainer ul.menuItems .itemInner .item-img-container .item-img {
        height: 150px !important;
        width: 130px; }
    .order-online-row.order-online-row--layout3 li.catFoodContainer ul.menuItems .itemInner .item-content {
      width: 100% !important; }
    .order-online-row.order-online-row--layout3 li.catFoodContainer ul.menuItems .itemInner .item-img-container {
      top: 50px !important;
      position: absolute;
      right: 10px; }
    .order-online-row.order-online-row--layout3 li.catFoodContainer ul.menuItems .itemInner .item-price {
      border-top: 1px solid #e4e4e4 !important; }
    .order-online-row.order-online-row--layout3 span.list-item-description {
      padding: 20px 0px !important;
      color: #333 !important;
      width: 60%; }
    .order-online-row.order-online-row--layout3 li.catFoodContainer ul.menuItems .itemInner .item-content .list-item-title {
      padding: 0px 0px 5px 0px !important;
      padding-bottom: 20px !important;
      border-bottom: 1px solid #e4e4e4 !important; }

  .order-online-row.order-online-row--layout2 .itemInner {
    display: flex;
    position: relative;
    flex-direction: column-reverse;
    height: 100%; }
    .order-online-row.order-online-row--layout2 .item-img-container {
      flex: 1;
      flex-shrink: 0;
      width: 100%;
      height: 144px;
      margin-top: 0;
      border-radius: 3px;
      margin-left: 0px;
      margin-right: 0px; }
    .order-online-row.order-online-row--layout2 .list-item-title {
      width: 80% !important; }
    .order-online-row.order-online-row--layout2 .item-img {
      width: 100%;
      height: 144px; }
    .order-online-row.order-online-row--layout2 .item-price {
      width: auto;
      bottom: inherit;
      top: 0px;
      margin: 0px;
      right: 10px;
      left: inherit; }

  .order-online-row {
    overflow: hidden;
    position: relative; }

  .DeliveryWidget .innerBox {
    /* FF3.6-15 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 1%, rgba(0, 0, 0, 0.28) 50%, rgba(0, 0, 0, 0.27) 51%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 1%, rgba(0, 0, 0, 0.28) 50%, rgba(0, 0, 0, 0.27) 51%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1%, rgba(0, 0, 0, 0.28) 50%, rgba(0, 0, 0, 0.27) 51%, rgba(0, 0, 0, 0) 100%);
    /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d000000', endColorstr='#00000000',GradientType=0); }

  .DeliveryWidget h1 {
    font-size: 4rem;
    font-weight: 700;
    color: white !important; }

  .DeliveryWidget p {
    font-size: 1.5rem;
    font-weight: 500 !important;
    line-height: 1.2rem;
    color: white !important; } }

.loadingSpin {
  height: 30px !important;
  left: calc(50% - 15px);
  width: 30px;
  top: calc(50% - 15px);
  border-radius: 100px;
  border-width: 3px medium medium 3px;
  border-style: solid inset inset solid;
  margin: 0 auto;
  position: absolute;
  border-color: #143663 transparent transparent #143663;
  animation-name: spin;
  animation-duration: 1s;
  animation-iteration-count: infinite; }

.loadingSpin.hidden {
  display: none; }

.deliveryDateTime.active:not(.card) {
  background: black !important;
  color: white !important;
  /* HTML: <div class="loader"></div> */ }

.loader_payment {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 2px solid #ff3d00;
  box-sizing: border-box;
  animation: rotation 1s linear infinite; }

.loader_payment::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 4px;
  top: 4px;
  border: 2px solid #fff;
  width: 12px;
  height: 12px;
  border-radius: 50%; }

@keyframes rotation {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

@keyframes l3 {
  20% {
    background-position: 0% 0%, 50% 50%, 100% 50%; }

  40% {
    background-position: 0% 100%, 50% 0%, 100% 50%; }

  60% {
    background-position: 0% 50%, 50% 100%, 100% 0%; }

  80% {
    background-position: 0% 50%, 50% 50%, 100% 100%; } }

.order-online-row .productWithSubProducts .itemPrice {
  display: none; }
  .order-online-row .boxFoodCollection {
    margin-top: 5px;
    width: calc(100% + 30px) !important; }
  .order-online-row .boxFoodCollection .btn.btn-wolf {
    background: transparent;
    border-color: #cfcfd0;
    font-size: 0.8rem;
    font-weight: 500;
    color: #828585; }
  .order-online-row .boxFoodCollection .btn.btn-wolf:hover {
    background: #f1f2f6; }
  .order-online-row .foodContent {
    position: relative; }
  .order-online-row .foodContent .searchItems {
    position: relative; }
  .order-online-row .cartMethodDetails {
    padding: 10px 5px; }
  .order-online-row .cartList.fixed {
    position: fixed;
    top: 0px; }
  .order-online-row ul.catList.fixed {
    position: fixed;
    top: 0px;
    overflow: scroll;
    height: 90vh;
    margin-top: 5vh;
    margin-bottom: 5vh; }
  .order-online-row .catContainer ul.catList li a {
    color: #333;
    font-weight: bold;
    font-size: 0.8rem; }
  .order-online-row .foodContent .searchItems .searchIcon {
    font-size: 1.9rem !important;
    position: absolute;
    right: 10px;
    top: 0px;
    line-height: 38px;
    height: 100%;
    display: flex;
    align-items: center; }
  .order-online-row .cartList .basket {
    box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.07);
    padding: 10px 10px 10px 10px;
    background: white;
    font-size: 0.8rem; }
  .order-online-row .cartList .basket ul.basketList {
    padding: 0px; }
  .order-online-row .cartList .basket ul.basketList .basketItem {
    display: flex;
    font-size: 0.8rem;
    padding-bottom: 10px; }
    .order-online-row .cartList .basket ul.basketList .basketItem .counter-control-vertical {
      display: none; }
    .order-online-row .cartList .basket ul.basketList .basketItem .quantity {
      font-weight: 100;
      flex: 0.5;
      color: #818484;
      display: flex; }
    .order-online-row .cartList .basket ul.basketList .basketItem .cartItemModifiers {
      display: none;
      flex: 2; }
    .order-online-row .cartList .basket ul.basketList .basketItem .cartItemModifiersList {
      display: block !important;
      color: #757575;
      margin-top: 3px; }
      .order-online-row .cartList .basket ul.basketList .basketItem .cartItemModifiersList div {
        width: 160px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .order-online-row .cartList .basket ul.basketList .basketItem .cartItemTitle {
      flex: 4; }
    .order-online-row .cartList .basket ul.basketList .basketItem .price {
      flex: 1;
      text-align: right; }
  .order-online-row .cartList .basket .basketFooter li {
    display: flex;
    justify-content: space-between; }
  .order-online-row .cartList .basket .basketFooter li.basketTotal {
    border-top: 3px solid black;
    font-size: 1.2rem; }
  .order-online-row .cartList .basket .minimumAmount .basketTotalAmount {
    text-align: center;
    width: 100%;
    position: relative;
    padding: 0.2rem 0.8rem;
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
    margin: 0.5rem 0rem; }
  .order-online-row .cartList .basket .cartMethodDetails {
    padding: 9px;
    margin-right: -10px;
    margin-left: -10px;
    margin-top: 10px;
    flex-direction: column; }
  .order-online-row .cartList .basket .cartMethodDetails span.address {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .order-online-row .cartList .basket .cartMethodDetails > .col-9 {
    flex: 100% !important;
    max-width: 100% !important; }
  .order-online-row .cartList .basket .changeSettingsDiv {
    flex: 1;
    align-self: center;
    max-width: 100%;
    text-align: right !important;
    padding: 0px; }
  .order-online-row .cartList .basket .basketFooter {
    padding: 9px 12px;
    box-shadow: 0px -3px 6px -2px rgba(0, 0, 0, 0.07);
    margin-right: -10px;
    margin-left: -10px; }
  .order-online-row .cartList .basket .basketTotal {
    font-weight: bold; }
  .order-online-row .cartList .basket .basketList li, .order-online-row .cartList .basket .basketFooter li {
    list-style: none;
    position: relative; }
  .order-online-row .cartList .basket .counter-control-vertical {
    display: none;
    float: left;
    width: 35px;
    margin-top: -15px;
    margin-bottom: -31px;
    margin-left: -48px; }
  .order-online-row .cartList .basket .basketItem:hover .counter-control-vertical {
    display: block; }
  .order-online-row .cartList .basket .cartList .price, .order-online-row .cartList .basket .contentCart .price {
    position: absolute;
    right: 15px;
    top: 0px;
    line-height: 20px;
    font-weight: 300;
    font-size: 13px; }
  .order-online-row .cartList .basket .deliveryChecker {
    margin: -10px -10px;
    background: rgba(252, 207, 93, 0.3);
    border-color: #fccf5d; }
  .order-online-row .cartList .basket .deliveryChecker h3 {
    color: #33373d;
    font-size: 18px;
    margin-top: 0px; }
  .order-online-row .cartList .basket .deliveryChecker h3 span {
    font-size: 10px;
    font-weight: 400;
    position: relative;
    top: -2px;
    border-radius: 46px;
    background: #5094e4;
    color: white;
    padding: 2px 8px;
    text-align: center; }
  .order-online-row .item-img {
    position: relative; }
  .order-online-row .itemInner .loadingSpin {
    top: calc(50% - 15px); }
  .order-online-row .basketList li.basketItem .cartItemModifiers {
    display: table;
    width: 90%;
    color: #7c7c7c;
    font-weight: 400; }
  .order-online-row .basketList li.basketItem .deleteItemFromCart {
    color: #818484;
    position: absolute;
    right: 1px;
    top: 0px;
    height: 100%;
    width: 30px;
    text-align: right;
    cursor: pointer; }
  .order-online-row .basketList li.basketItem:hover .deleteItemFromCart {
    color: #e45153; }
  .order-online-row .ajaxLoadingMenu .loadingMenu {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center; }
  .order-online-row ul.menuItems {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0px; }
  .order-online-row ul.menuItems li {
    position: relative;
    cursor: pointer;
    flex: 0 1 49%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch;
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: none;
    outline: none;
    transition: box-shadow 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .order-online-row ul.menuItems li:hover {
    cursor: pointer;
    box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.07); }
  .order-online-row ul.menuItems {
    width: 100%; }
  .order-online-row .foodCatTitleParent {
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 0px; }
  .order-online-row .foodCatDesc {
    font-size: 0.8rem;
    color: #17191a;
    margin-bottom: 10px; }
  .order-online-row .list-item-description {
    color: #818484;
    font-size: 0.8rem;
    line-height: 1rem;
    display: flex;
    margin-bottom: 10px; }
  .order-online-row .list-item-title {
    width: 100% !important;
    position: relative;
    display: flex;
    font-size: 0.9rem;
    margin-bottom: 10px; }
  .order-online-row .itemInner {
    display: flex;
    flex-direction: row-reverse; }
  .order-online-row .item-price {
    display: flex;
    width: calc(100% - 30px);
    position: absolute;
    bottom: 4px;
    display: inline-block;
    margin: 8px 8px 0 0;
    color: #818484;
    font-size: 0.9rem;
    left: 15px; }
  .order-online-row .item-img-container {
    flex: 0.56;
    flex-shrink: 0;
    width: 96px;
    height: 96px;
    margin-top: 0;
    border-radius: 3px;
    margin-left: 16px;
    margin-right: 7px; }
  .order-online-row .item-img {
    width: 96px;
    height: 96px;
    background-position: center center;
    background-size: cover !important;
    border-radius: 3px; }
  .order-online-row .item-content {
    flex: 1;
    margin-bottom: 10px; }
  .order-online-row .item-add {
    display: none; }
  .order-online-row .alert {
    font-size: 0.9rem;
    padding: 2px; }
  .order-online-row .ui.green.button:not(.is-loading), .order-online-row .ui.green.buttons .button:not(.is-loading) {
    background: #279627 !important;
    border-color: #279627 !important; }
  .order-online-row .cartMethodDetails {
    font-size: 0.8rem;
    margin-bottom: 20px; }
  .order-online-row .searchItems input.form-control {
    border: 2px solid #d8e0ec;
    outline: none !important;
    transition: 300ms all;
    background: #f5f6f8;
    font-size: 1.25rem;
    border-radius: 0px; }
  .order-online-row .searchItems input.form-control:focus {
    outline: none !important;
    box-shadow: none;
    border: 2px solid black; }

@media (min-width: 1200px) {
  .order-online-row.order-online-row--layout4 ul.menuItems > li {
    padding: 0px;
    -webkit-flex-basis: calc(25% - 6px);
    -ms-flex-preferred-size: calc(25% - 6px);
    flex-basis: calc(25% - 6px);
    max-width: calc(25% - 6px); } }

@media (max-width: 575px) {
  .rest--checkout .container .row {
    flex-direction: column-reverse !important; } }

@media (min-width: 576px) {
  .visible-xs {
    display: none; }

  .rest--checkout .cardDetails, .rest--checkout .extra--notes {
    display: block !important; } }

.modal .verifyCode {
  display: flex;
  justify-content: center; }
  .modal .verifyCode input {
    width: 40px;
    margin: 10px; }

#modalFood .modal-content .withSubmodifiers {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column; }
  #modalFood .modal-content .withSubmodifiers .b3Checkbox {
    align-self: flex-start !important;
    align-items: flex-start; }
  #modalFood .modal-content .withSubmodifiers .subModifier {
    width: 100%;
    margin-top: 0px; }
  #modalFood .modal-content .withSubmodifiers .subModifier .modifier-group__title {
    margin-top: 0px; }
  #modalFood .modal-content .withSubmodifiers .subModifier .modifierItem .b3Checkbox.subModifierItem {
    margin-top: 0px !important; }
    #modalFood .modal-content .withSubmodifiers .subModifier .modifierItem label {
      margin-top: 0px; }
  #modalFood .modal-content .withSubmodifiers .subModifier:before {
    width: 3px;
    height: 100%;
    left: 2px;
    top: 0px;
    position: absolute;
    background: #abadad;
    content: "";
    border-radius: 140px; }

.product--layout1 .modalItem {
  position: relative;
  display: flex;
  flex: 0 1 auto;
  min-width: 575px;
  max-width: 575px; }
  .product--layout1 .modal-content {
    width: 100%; }
  .product--layout1 .modal-title {
    margin-top: 20px; }
  .product--layout1 .modifierItem {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    margin: 6px 5px;
    padding: 5px 15px;
    border: solid 1px #d1d7d7;
    border-radius: 6px;
    background-color: #fff;
    max-width: 100%;
    flex: 100%; }
  .product--layout1 .modifierItem label {
    margin: 5px 10px; }
  .product--layout1 .modifierClass > .row {
    display: contents; }

.product--layout2 .modifierItem {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  margin: 0px 0px;
  padding: 0px 15px;
  border-radius: 6px;
  background-color: #fff;
  max-width: 100%;
  flex: 100%; }
  .product--layout2 .withoutImage .leftImageInModal {
    display: none !important; }
  @media (min-width: 992px) {
  .product--layout2 .modalItem {
    max-height: 100vh !important;
    height: calc(100vh - 50px); }
  .product--layout2 video.foodImageInModal {
    width: 100%;
    height: 100%;
    background: black; }
  .product--layout2 .modalItemsBody {
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .product--layout2 .modalItem {
    height: 100%;
    width: 100%;
    max-height: 600px;
    max-width: 1060px; }
  .product--layout2 .modal-content {
    width: 100%; }
  .product--layout2 .modalItem.withoutImage {
    position: relative;
    display: flex;
    flex: 0 1 auto;
    min-width: 575px;
    max-width: 575px; }
  .product--layout2 .modalFoodImage {
    display: none; }
  .product--layout2 h3 {
    border-bottom: 1px solid rgba(217, 219, 224, 0.5);
    padding: 10px 0px; }
  .product--layout2 .modalFood + .modal-backdrop {
    background-color: #fff;
    opacity: 0.63; }
  .product--layout2 .modalItem .modal-content {
    flex-direction: row !important;
    border: none !important;
    box-shadow: rgba(34, 34, 34, 0.15) 0px 2px 20px 0px !important;
    overflow: hidden;
    max-height: 640px;
    height: calc(100vh - 50px); }
  .product--layout2 .modal-header {
    display: none !important; }
  .product--layout2 .modal-title {
    display: inline-block !important;
    margin-top: 20px; }
  .product--layout2 .modal-dialog:not(.withoutImage) .leftImageInModal {
    display: block !important;
    flex: 0 0 50%;
    background-size: cover !important;
    background-position: center center !important;
    box-shadow: rgba(45, 49, 56, 0.08) -15px 0px 10px -10px inset; }
  .product--layout2 .modal-dialog:not(.withoutImage) .modalItemsBody {
    flex: 0 0 50%;
    position: relative; }
  .product--layout2 .modal-dialog.withoutImage .modalItemsBody {
    flex: 0 0 100%; }
  .product--layout2 .modal-body {
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
  .product--layout2 .modal-footer {
    padding-bottom: 0px; } }

.modalFood .closeButton button {
  font-size: 1.8rem;
  line-height: 0px;
  cursor: pointer; }
  .modalFood .modifierItem label {
    font-size: 0.8rem;
    margin-left: 30px;
    margin-top: 10px; }
  .modalFood .subProductsContainer.row {
    display: contents; }
  .modalFood .subProductsContainer.row .modifierItem {
    border: 0px;
    border-bottom: 1px solid #e9ebee !important;
    border-radius: 0;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 5px; }
  .modalFood .subProductsContainer.row label .subProductDesc {
    font-size: 0.7rem;
    padding: 0px 20px; }
  .modalFood .subProductsContainer.row .priceContainer {
    float: right; }
  .modalFood .subProductsContainer.row .modifierItem label {
    width: 100%; }
  .modalFood .b3Checkbox[type="radio"] {
    border-radius: 100% !important; }
  .modalFood .b3Checkbox {
    width: 20px !important;
    outline: none !important;
    position: absolute;
    height: 20px !important;
    margin-top: 0px !important;
    border-radius: 3px !important;
    -webkit-appearance: none !important;
    /* top:  calc(50% - 10px); */
    -moz-appearance: none;
    display: flex;
    justify-content: center;
    align-self: center !important;
    align-items: center;
    transition: 300ms all;
    animation-duration: 1s;
    border: 1px solid #c5c5c5; }
  .modalFood .b3Checkbox:checked {
    background: #2d3138;
    border-color: 1px solid #2d3138;
    box-shadow: inset 0px 0px 0px 4px #fff, 0px 2px 0px rgba(0, 0, 0, 0.05) !important;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: wobble;
    animation-name: wobble;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    width: 20px;
    position: absolute;
    height: 20px; }
  .modalFood .b3Checkbox[disabled], .modalFood .b3Checkbox[disabled]:hover {
    border-color: #e8ebeb;
    background: #f3f5f5;
    box-shadow: none; }
  .modalFood h3 {
    font-size: 0.9rem;
    margin-bottom: 8px;
    font-weight: bold;
    margin-top: 8px; }
  .modalFood p {
    margin-bottom: 8px;
    font-size: 14px;
    color: #818484; }
  .modalFood .modalItem .modal-header {
    display: flex;
    flex-direction: column !important; }
  .modalFood .modal-header .modalFoodImage {
    background-size: cover !important;
    width: 100%; }
  .modalFood .closeButton {
    position: absolute;
    right: 0px;
    z-index: 9;
    top: 0px; }
  .modalFood .instructionsQuantity {
    color: grey;
    font-size: 13px;
    line-height: 30px;
    font-weight: 300; }
  .modalFood .quantityCounter {
    width: 40%;
    text-align: center;
    color: #279627;
    font-weight: 900;
    font-size: 20px;
    padding-top: 6px !important;
    background: white; }
  .modalFood .minusQuantity, .modalFood .plusQuantity {
    width: 30%;
    transition: 100ms background;
    text-align: center;
    cursor: pointer; }
  .modalFood .minusQuantity, .modalFood .quantityCounter, .modalFood .plusQuantity {
    float: left;
    height: 38px; }
  .modalFood .btnAddToBasket, .modalFood .btnAddToBasket:active, .modalFood .btnAddToBasket:focus {
    height: 42px;
    border-radius: 0px;
    color: white;
    border: none;
    font-size: 16px;
    transition: 700ms all;
    background-color: #279627; }

.pull-right {
  float: right; }

.didYouMeanAddress .previousAddress {
  padding: 10px;
  border: solid 1px #d1d7d7;
  margin-bottom: 10px;
  border-radius: 10px; }
  .didYouMeanAddress .btnSaveSettings {
    cursor: pointer; }
  .didYouMeanAddress .previousAddress.selected {
    border: 1px solid #6ab2b1;
    background: #6ab2b1;
    font-weight: 700;
    color: white; }
  .didYouMeanAddress .modal-footer .pull-right {
    text-align: right;
    padding-right: 0px; }
  .didYouMeanAddress .closeMethodPopup:hover {
    color: #ff203c !important; }
  .didYouMeanAddress .closeMethodPopup {
    transition: 250ms all;
    cursor: pointer;
    background: none !important;
    -webkit-appearance: none; }

.changeMethodPopup h3 {
  font-size: 1.3rem; }
  .changeMethodPopup h4 {
    font-size: 1rem; }
  .changeMethodPopup .closeButton button {
    position: absolute;
    right: 10px;
    top: 0px; }
  .changeMethodPopup .methoddelivery .previousAddress, .changeMethodPopup .greenAddressBox {
    border: 1px solid #f0f0f0;
    padding: 10px;
    cursor: pointer;
    margin: 10px 0px;
    font-size: 0.8rem !important; }
  .changeMethodPopup .methodtakeaway .selected .tel a {
    color: #8cd232; }
  .changeMethodPopup .changeTakeAwayRestaurant.selected, .changeMethodPopup .methoddelivery .previousAddress.selected {
    background: #f3fff9;
    color: #333; }
  @media (max-width: 767px) {
  .changeMethodPopup.modal-dialog {
    max-width: inherit; }
  .changeMethodPopup .modal-content {
    height: 100vh; }
    .changeMethodPopup .modal-content .closeButton {
      display: none; }

    .changeMethodPopup .modal-content .modal-footer {
      position: absolute;
      bottom: 10px;
      width: 100%; } }

.loginBox, .card--Panel {
  padding-left: 36px;
  padding-right: 36px;
  padding-top: 46px;
  padding-bottom: 39px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 24px 0px;
  background-color: #fff;
  position: relative;
  margin-top: 40px; }
  .loginBox .body, .card--Panel .body {
    padding: 50px 0px; }
  .loginBox .btn-back, .card--Panel .btn-back {
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer; }
  .loginBox h2, .card--Panel h2 {
    font-size: 1.4rem;
    color: #2e3333; }
  .loginBox .header, .card--Panel .header {
    border-bottom: 1px solid #f4f4f4;
    padding: 20px 0px;
    margin-bottom: 20px; }
  .loginBox h4, .card--Panel h4 {
    font-size: 1.1rem;
    letter-spacing: -0.1rem; }
  .loginBox .forgotPassword, .card--Panel .forgotPassword {
    padding: 20px 0px;
    text-align: center; }
  .loginBox .footer, .card--Panel .footer {
    margin-right: -39px;
    margin-left: -38px;
    padding: 15px;
    box-shadow: 0px -3px 6px -2px rgba(0, 0, 0, 0.07);
    margin-top: 40px; }
  .loginBox .orSeparate, .card--Panel .orSeparate {
    display: flex;
    width: 100%; }
  .loginBox p.separatOr, .card--Panel p.separatOr {
    font-size: 14px;
    letter-spacing: 0.14px;
    font-weight: 400;
    line-height: normal;
    color: #b4b8c1;
    padding: 28px 0px;
    margin: -10px 7px 0px; }
  .loginBox .orSeparate:before, .card--Panel .orSeparate:before {
    content: "";
    border-top: 1px solid #d9dbe0;
    flex: 1 1 0%;
    margin-top: 27px; }
  .loginBox .orSeparate:after, .card--Panel .orSeparate:after {
    content: "";
    margin-top: 27px;
    border-top: 1px solid #d9dbe0;
    flex: 1 1 0%; }
  .loginBox .btn-login:disabled, .card--Panel .btn-login:disabled {
    background-color: #d9dbe0;
    color: #fff;
    cursor: default; }
  .loginBox .btn-login, .card--Panel .btn-login {
    -webkit-appearance: none;
    cursor: pointer;
    text-align: center;
    background-color: #00b7b3;
    color: #fff;
    font-size: 14px;
    letter-spacing: initial;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 3rem;
    height: 48px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    outline: none;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    border-radius: 28px;
    justify-content: center;
    align-items: center; }
  .loginBox .btn-login, .card--Panel .btn-login {
    background-color: #03a4a2; }
  .loginBox .form-control:not(.form--big), .card--Panel .form-control:not(.form--big) {
    border-radius: 2px;
    border: 1px solid #bac3c3;
    box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.05);
    height: auto;
    background-color: #fff;
    padding: 13px;
    transition: border-color 0.3s, box-shadow 0.3s; }
  .loginBox .form-control.addressList, .card--Panel .form-control.addressList {
    padding: 5px; }
  .loginBox .extention, .card--Panel .extention {
    padding: 0px; }
  .loginBox select.form-control:not([size]):not([multiple]), .card--Panel select.form-control:not([size]):not([multiple]) {
    height: 100%; }
  .loginBox select:not([multiple]), .card--Panel select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: 0.5em;
    padding-right: 1.5em; }
  .loginBox label, .card--Panel label {
    font-size: 14px;
    font-weight: bold;
    color: #818484;
    width: 100%;
    margin-bottom: 8px;
    letter-spacing: initial;
    text-transform: none;
    padding: 8px 0px 0px 0px; }
  .loginBox .form-control.form--big, .card--Panel .form-control.form--big {
    border: 0px;
    border-bottom: 1px solid #d9dbe0;
    font-size: 16px;
    letter-spacing: 0.14px;
    font-weight: 400;
    line-height: normal;
    font-family: inherit;
    width: 100%;
    caret-color: #000;
    background-color: inherit;
    color: #2d3138;
    border-radius: 0;
    text-align: center;
    padding: 22px 0px; }
  .loginBox .b3Checkbox, .card--Panel .b3Checkbox {
    width: 20px !important;
    outline: none !important;
    position: absolute;
    height: 20px !important;
    margin-top: 0px !important;
    border-radius: 3px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    transition: 300ms all;
    animation-duration: 1s;
    border: 1px solid #c5c5c5; }
  .loginBox .b3Checkbox:checked, .card--Panel .b3Checkbox:checked {
    background: #2d3138;
    border-color: 1px solid #2d3138;
    box-shadow: inset 0px 0px 0px 4px #fff, 0px 2px 0px rgba(0, 0, 0, 0.05);
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: wobble;
    animation-name: wobble;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    width: 20px;
    position: absolute;
    height: 20px; }
  .loginBox .b3Checkbox[type="radio"], .card--Panel .b3Checkbox[type="radio"] {
    border-radius: 100% !important; }
  .loginBox .radio span, .card--Panel .radio span {
    padding-left: 29px; }
  .loginBox .btn-change--delivery, .card--Panel .btn-change--delivery {
    padding: 32px 0px; }
  .loginBox .extra--notes, .card--Panel .extra--notes {
    border-top: 1px solid #f4f4f4;
    padding-top: 20px; }
  .loginBox .radio, .card--Panel .radio {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    margin: 3px 0px;
    padding: 5px 15px;
    border: solid 1px #d1d7d7;
    border-radius: 6px;
    background-color: #fff;
    max-width: 100%;
    flex: 100%; }
  .loginBox .form-control:focus, .card--Panel .form-control:focus {
    box-shadow: none;
    border-bottom: 1px solid #279627; }

.rest--checkout .deliveryInfo, .rest--checkout .paymentDetails {
  padding-top: 13px !important; }
  .rest--checkout .defaultDelivery {
    padding-bottom: 20px; }
  .rest--checkout .changeDeliveryAddress {
    font-size: 0.8rem;
    text-align: right; }
  .rest--checkout .cardDetails {
    padding: 0px; }
  .rest--checkout .paymentAddNewCardForm {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    margin: 3px 0px;
    padding: 5px 15px;
    border: solid 1px #d1d7d7;
    border-radius: 6px;
    background-color: #fff;
    max-width: 100%;
    flex: 100%;
    margin-top: 10px;
    position: relative; }
  .rest--checkout .paymentDetails {
    margin-bottom: 30px; }
  .rest--checkout .securePayment {
    display: block;
    margin-left: 40px;
    line-height: 1.4em;
    color: #3abc77;
    display: block;
    padding: 10px 15px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #3abc77;
    margin: 0 50px 20px;
    margin-top: 20px; }
  .rest--checkout .order--time--ready {
    text-align: center;
    text-align: center;
    font-size: 0.8rem;
    color: #757575; }
  .rest--checkout .contentCart {
    padding: 10px 5px 0px 5px; }
  .rest--checkout .contentCart .header {
    margin: 0 16px;
    margin-bottom: 20px;
    padding: 10px 0px 8px 0px; }
  .rest--checkout .contentCart .orderTime .time {
    padding-left: 10px;
    font-weight: bold; }
  .rest--checkout .contentCart .orderTime .timeValue {
    padding-left: 5px; }
  .rest--checkout .contentCart ul.basketList {
    border-bottom: 1px solid #d5d6d6;
    margin-bottom: 16px; }
  .rest--checkout .contentCart ul.basketList, .rest--checkout .contentCart ul.basketFooter {
    list-style: none;
    font-size: 0.9rem;
    padding: 0px;
    margin: 17px 16px; }
  .rest--checkout .contentCart ul.basketList li.basketItem, .rest--checkout .contentCart ul.basketFooter li.basketItem {
    display: flex;
    margin: 0 0 16px 0; }
    .rest--checkout .contentCart ul.basketList li.basketItem .quantity, .rest--checkout .contentCart ul.basketFooter li.basketItem .quantity {
      color: #818484;
      flex: 0.5; }
    .rest--checkout .contentCart ul.basketList li.basketItem .cartItemModifiers, .rest--checkout .contentCart ul.basketFooter li.basketItem .cartItemModifiers {
      display: none; }
    .rest--checkout .contentCart ul.basketList li.basketItem .cartItemTitle, .rest--checkout .contentCart ul.basketFooter li.basketItem .cartItemTitle {
      flex: 4; }
      .rest--checkout .contentCart ul.basketList li.basketItem .cartItemTitle .cartItemModifiersList, .rest--checkout .contentCart ul.basketFooter li.basketItem .cartItemTitle .cartItemModifiersList {
        display: block !important;
        color: #757575;
        margin-top: 3px; }
      .rest--checkout .contentCart ul.basketList li.basketItem .cartItemTitle .cartItemModifiersList div, .rest--checkout .contentCart ul.basketFooter li.basketItem .cartItemTitle .cartItemModifiersList div {
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .rest--checkout .contentCart ul.basketList li.basketItem .price, .rest--checkout .contentCart ul.basketFooter li.basketItem .price {
      flex: 1;
      text-align: right; }
  .rest--checkout .contentCart .basketTotal {
    padding: 24px;
    height: auto;
    box-shadow: 0 -0.5px 4px 0 rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: space-between;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 20px;
    font-weight: bold;
    font-size: 1rem; }

.order:not(li):not(body) {
  padding: 10px 0px;
  font-size: 1rem;
  margin-bottom: 50px; }
  .order:not(li):not(body) .order--details {
    justify-content: center; }
  .order:not(li):not(body) .order--details .heading {
    font-weight: bold;
    color: #626666;
    font-size: 0.9rem; }
  .order:not(li):not(body) .order--details .orderNumber {
    font-size: 2.5em;
    color: #333;
    padding: 10px 0px; }
  .order:not(li):not(body) .order--details .notifBox {
    padding: 20px 20px;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #f3f5f5; }
  .order:not(li):not(body) .order--details table tbody {
    display: flex;
    flex-direction: column; }
  .order:not(li):not(body) .order--details table tbody .bigFont {
    font-weight: bold;
    font-size: 0.9rem; }
  .order:not(li):not(body) .order--details table tbody tr {
    display: flex; }
    .order:not(li):not(body) .order--details table tbody tr td {
      flex: 1; }
    .order:not(li):not(body) .order--details table tbody tr .qty {
      flex: 0.5; }
    .order:not(li):not(body) .order--details table tbody tr .title {
      flex: 3; }
    .order:not(li):not(body) .order--details table tbody tr .price {
      flex: 0.5; }
  .order:not(li):not(body) .order--details .details {
    padding: 20px;
    margin-top: 0px !important; }
  .order:not(li):not(body) .order--status > .row {
    flex-direction: column; }
  .order:not(li):not(body) .order--status {
    text-align: center;
    flex-direction: column;
    display: flex; }
  .order:not(li):not(body) .order--status .inner .approved span, .order:not(li):not(body) .order--status .inner .approved i {
    color: #3abc77; }
  .order:not(li):not(body) .order--status .inner .rejected span, .order:not(li):not(body) .order--status .inner .rejected i {
    color: #bb4547; }
  .order:not(li):not(body) .order--status .inner > div {
    justify-content: center;
    display: flex;
    flex-direction: column; }
  .order:not(li):not(body) .order--status .inner > div i {
    font-size: 2rem; }
  .order:not(li):not(body) .order--status .inner > div i.spin {
    /* Safari */
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite; }
  .order:not(li):not(body) .order--status .inner > div .desc {
    font-size: 0.7rem;
    color: #626666; }
  .order:not(li):not(body) .order--status .inner > div span {
    font-size: 1.4rem;
    font-weight: bold; }
  .order:not(li):not(body) .order--status .inner > div .time {
    margin-top: 20px; }
    .order:not(li):not(body) .order--status .inner > div .time span {
      padding: 10px 20px;
      font-size: 1rem; }

.tipsAmount {
  min-width: 50px;
  display: inline-block; }

.loading__indicator {
  width: 20px;
  height: 20px;
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  background-image: url(https://platform.b3website.com/img/loader2.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-animation-name: rotateForever;
  animation-name: rotateForever;
  -webkit-animation-duration: 550ms;
  animation-duration: 550ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }
  .loading__indicator.relative {
    position: relative !important; }

.ajaxLoadingMenu .loading__indicator {
  top: 100px !important;
  /* Safari */ }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

.btn-facebook {
  color: white !important;
  text-align: center;
  font-size: 1rem;
  font-weight: 200;
  background: #4267b2;
  border-radius: 5px; }

.btn-facebook:hover {
  color: white;
  background: #4b7db7; }

.formLogin {
  margin-top: 20px; }

.sidebar--nav .navbar-toggler-icon {
  width: 2.5em;
  height: 2.5em; }
  .sidebar--nav ul.navbar--top {
    display: flex;
    flex-direction: row; }
  .sidebar--nav ul.navbar--top li a {
    color: #000;
    padding: 10px 5px;
    font-size: 0.8rem; }
  .sidebar--nav a.toggleSidebarMenu {
    display: flex;
    justify-content: center;
    align-items: center; }
  .sidebar--nav a.toggleSidebarMenu .navbar-toggler-title {
    font-size: 1rem;
    margin-right: 10px; }
  .sidebar--nav .closeMenuSider {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 1.5rem; }
  @media (min-width: 992px) {
  .sidebar--nav a.navbar-brand {
    flex: 10; }
  .sidebar--nav ul.subMenu {
    display: flex !important;
    list-style: none;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0px;
    flex: 10; }
    .sidebar--nav ul.subMenu a {
      padding: 10px; } }

.placesList {
  font-size: 0.8rem;
  padding: 40px 0px; }
  .placesList h1 {
    font-size: 1.8rem; }
  .placesList h5 {
    font-size: 0.9rem;
    font-weight: bold; }
  .placesList .has-success .form-control-feedback {
    color: #3c763d; }
  .placesList .has-feedback {
    position: relative; }
  .placesList .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none; }
  .placesList .searchForPlace {
    align-self: stretch;
    display: flex;
    flex-direction: column; }
  .placesList .schedule__table {
    margin-bottom: 20px; }
  .placesList .searchForPlace .well {
    flex: 1;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-align: center;
    background: #fff;
    border: 1px solid #f3f5f5;
    border-radius: 0px;
    padding: 20px; }
  @media (max-width: 991px) {
  .placesList .placesListing {
    display: contents !important; }
    .placesList .placesListing .singlePlace {
      margin-bottom: 20px; } }
  .placesList .placesListing {
    flex-wrap: wrap; }
  .placesList .placesListing .singlePlace {
    align-self: stretch;
    display: flex; }
  .placesList .placesListing .singlePlace .well {
    background: white;
    border: 1px solid #f3f5f5;
    padding: 20px;
    flex: 1; }
  .placesList .placesListing h4 {
    font-size: 1.1rem; }
  .placesList #map {
    width: 100%;
    height: 400px; }

.place--desc {
  padding: 40px 0px;
  font-size: 0.9rem; }
  .place--desc .placeHoursTitle {
    font-weight: bold; }
  .place--desc h2 {
    font-size: 1.4rem; }
  .place--desc .error {
    color: red; }

.deliveryWidget {
  position: relative; }
  .deliveryWidget input.error {
    border: 2px solid #e31521; }

.panelDeliveryTakeawayWidget li {
  border: none !important;
  display: inline-block !important;
  float: none !important;
  text-align: center;
  margin: 0 auto !important; }

.postcodeHomepage {
  height: 60px; }

.postcode-widget .form-control {
  border-radius: 0;
  position: relative !important; }
  .postcode-widget .nav-tabs {
    border-bottom: 0px;
    margin-bottom: 0px; }
  .postcode-widget .btnSearchPostCode {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: #5cb85c;
    color: white !important;
    border-color: #5cb85c; }
  .postcode-widget .tab-content {
    background: white;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px; }
  .postcode-widget .tab-content .tab-pane {
    padding: 20px 10px;
    text-align: left;
    -webkit-box-shadow: 2px 10px 38px 8px #000;
    box-shadow: 2px 10px 38px 8px #000;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px; }
  .postcode-widget .tab-content .tab-pane ul {
    overflow: scroll;
    max-height: 250px;
    list-style: none;
    margin: 0px;
    padding: 10px;
    border: 1px solid #cfcfcf;
    border-radius: 10px; }
    .postcode-widget .tab-content .tab-pane ul li {
      padding: 10px 10px;
      border-bottom: 1px solid #cfcfcf;
      font-weight: bold; }
      .postcode-widget .tab-content .tab-pane ul li .btn-success {
        color: #5cb85c;
        background-color: white;
        border-color: #5cb85c; }
  .postcode-widget .nav-link.active {
    color: black;
    background-color: white !important;
    border: 0px;
    font-weight: bold; }
  .postcode-widget .tabs--position-justify-content_start ul.justify-content-center {
    -ms-flex-pack: flex-start !important;
    justify-content: flex-start !important; }
  .postcode-widget .tabs {
    margin-top: 20px; }
  .postcode-widget .tabs--position-justify-content_end ul.justify-content-center {
    -ms-flex-pack: flex-end !important;
    justify-content: flex-end !important; }
  .postcode-widget .nav {
    position: relative;
    z-index: 1; }
  .postcode-widget .nav a {
    background: #cfcfcf;
    border: none !important;
    color: #818181;
    border: 0px; }

.list-unstyled {
  list-style: none;
  padding-right: 0px; }

.hidden {
  display: none; }

.btn.is-loading, .btn.is-loading:hover, button.is-loading, button.is-loading:hover {
  border: 1px solid #d3dbe2;
  cursor: default;
  color: transparent !important;
  text-shadow: none; }

.errorDetectedLocation, #card-errors {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  position: relative;
  padding: 0.4rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  margin-top: 10px; }

.btn-success {
  color: #fff;
  background-color: #279627;
  border-color: #279627; }

.list-unstyled {
  list-style: none; }

.cardSelector .addPaymentMethod {
  display: inline-block;
  float: right;
  margin-top: -8px;
  padding: 4px 0;
  cursor: pointer;
  color: #337ab7; }
  .cardSelector .dropdown {
    display: block;
    clear: right;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ccc; }
  .cardSelector .dropdown .dropdownCards {
    width: 100%;
    border: none;
    background: white; }
  .cardSelector .dropdown .dropdown-toggle::after {
    display: none; }
  .cardSelector .dropdown .fa.fa-chevron-down {
    top: calc(50% - 17px) !important;
    color: #31be9e;
    font-size: 2rem;
    position: absolute;
    right: 10px;
    transition: 250ms all ease-in-out; }
  .cardSelector .dropdown .dropdown-menu.show {
    display: block; }
  .cardSelector .dropdown .card {
    overflow: hidden;
    cursor: pointer;
    display: block;
    margin-bottom: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #333 !important;
    user-select: none;
    border-radius: 0px !important;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    text-align: left; }
  .cardSelector .dropdown .card .defaultCardLabel {
    right: 40px !important;
    padding-top: 3px;
    margin-top: -1px;
    position: absolute !important;
    top: calc(50% - 7px) !important;
    background-color: #5cb85c;
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em; }
  .cardSelector .dropdown .card .card-number {
    color: #6e6e6e;
    font-size: 1pc;
    font-weight: 700;
    vertical-align: middle;
    letter-spacing: 1px;
    line-height: 2pc; }
    .cardSelector .dropdown .card .card-number .mask {
      font-size: 9pt;
      position: relative;
      top: -1px; }
  .cardSelector .dropdown .card .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; }
  .cardSelector .dropdown .card .card-header {
    background: transparent;
    padding: 0px !important;
    border: none !important; }
  .cardSelector .dropdown .card .card-header .card-title, .cardSelector .dropdown .card .card-header .card-type-logo {
    float: left; }
  .cardSelector .dropdown .card .details div, .cardSelector .dropdown .card .details p, .cardSelector .dropdown .card .details span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .cardSelector .dropdown .card .card-type-logo {
    width: 30px;
    position: relative;
    top: 4px;
    height: auto !important;
    display: inline-block;
    margin-right: 1pc; }
  .cardSelector .dropdown .card a[role=menuitem] {
    padding: 10px 15px !important;
    display: block !important;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    background: #fff !important; }
    .cardSelector .dropdown .card a[role=menuitem] .cardSelector .card-header {
      background: transparent;
      padding: 0px !important;
      border: none !important; }
    .cardSelector .dropdown .card a[role=menuitem] .defaultCardLabel {
      right: 40px !important;
      padding-top: 3px;
      margin-top: -1px;
      position: absolute !important;
      top: calc(50% - 7px) !important;
      background-color: #5cb85c;
      display: inline;
      padding: 0.2em 0.6em 0.3em;
      font-size: 75%;
      font-weight: 700;
      line-height: 1;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      vertical-align: baseline;
      border-radius: 0.25em; }
  .cardSelector .dropdownCards {
    border-radius: 2px !important; }
  .cardSelector .dropdown-menu {
    width: 100%;
    max-height: 300px;
    border-radius: 6px !important;
    overflow: scroll !important;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: 0;
    min-width: 10rem; }

.schedule__th._active {
  position: relative;
  z-index: 1;
  font-weight: 600;
  border-bottom-color: #8cd232;
  border-radius: 2px 2px 0 0;
  background-color: #c8e1aa;
  color: black; }

.schedule__th {
  position: relative;
  padding: 10px 0;
  text-align: center;
  border-bottom: 2px solid #8cd232;
  vertical-align: bottom; }

.schedule__td {
  padding: 10px 0 8px;
  text-align: center; }

time.schedule__tableTime {
  display: flex;
  padding: 0px 10px;
  justify-content: center;
  align-items: center; }

.schedule__td._active {
  position: relative;
  border-bottom-color: #c8e1aa;
  font-weight: 600;
  background-color: #c8e1aa; }

.p0 {
  padding: 0px; }

.modal-dialog.login .loginOr, .modal-dialog.register .loginOr {
  font-size: 1.3rem;
  font-weight: 200;
  text-align: center;
  margin: 20px 0px 0px 0px;
  font-style: italic; }

.btn:not(.btn-disabled).is-loading, .btn:not(.btn-disabled).is-loading:hover, button:not(.btn-disabled).is-loading, button:not(.btn-disabled).is-loading:hover {
  background: url('data:image/gif;base64,R0lGODlhEAAQAPUAAC8vL3Z2dpSUlKWlpa2trbW1tb29vcbGxs7OztbW1t7e3ufn5%2B%2Fv7%2Ff39%2F%2F%2F%2F%2F%2F%2F%2Fz09PXNzc4uLizk5OX9%2Ffzo6On19fZiYmEFBQW9vbzw8PEBAQGtrazU1NWdnZ4GBgSUlJWRkZJCQkD4%2BPj8%2FPy4uLo2NjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwH%2F%2FwAh%2BQQJBgAPACwAAAAAEAAQAAAEifDJ52QJdeq3QnoC4DSFsnFAAAIPMizaAheAEbrI0yyOEwSGRkCAKAwIO2PjoQikGktK4zAowCauzCTxkRgGYNNmajBQBWixhlEoEAyTBUIrUVwlUwFy8z0wKEYIUwkNDApBCUdLdhwDCUULjg8MCVokBQ4HBA9UfxsLBDCaIwRdGiMSCAYVDVoRACH5BAkGAAAALAAAAAAQABAAAAWRICACjjhE5agCS6QAEeQ0kLECTBTBECBBB9WCATgAYwnIrrFwOCQSRCMyQBgGEMaiMGiwTpKGF9BgcAsLVcKQGiUSI2sBfWscDIY7gUBfmQsENiIMCm0iCmkjDQgDBGMjVwdEDlxSBwllCgYNCY1eiF8JCGgDcAwJbQ1zDgcERQNEKwsEaa0zBHArMyJWJQ1tIQAh%2BQQJBgAAACwAAAAAEAAQAAAFkSAgAo5ICOWoAouwABTlMJSxAvQACNQ%2BHaoFA4CgJHiJSa%2BhcDgKg0RDYFAgCBNGMoszDAqNhsjRoEwmhRQLoRZRBCOEwXAYrlrzg4FAKLxWDAUFBDYiDE0rCn8iDQgDBGIqXnUkUAgNB1KHBg0Jj2KKLFEIflE4CWoNgg4HBAAHA3ZBBC%2BtZAQJN2QiciUNaiEAIfkECQYAAAAsAAAAABAAEAAABZMgIAKOaAzlqAJMsQCD5TQWsgINUcAWXNmjBQOgGCQIF0XlglM4HIWBomE4LBIGC%2BNQqTRYp0IjNbN0DSnAApEWXQYjhKE6XC0slwvBQNC9VkpdFSMMTit7Kg0IAwRfKicHQ1ADCA0HCQ2FBg0JjF8KLwtGCC5GLAlpDQUFDgcEAAcDdSoLBC%2BuMwQJNzMiciVjIyEAIfkECQYAAAAsAAAAABAAEAAABZEgIAKOiBjlqAJMwQAH4TRDsgINYcADUGQK1eKlGCgOg0WmgFM4HAVjw4BgKBASBiKTabAMg0IjNZNgMogUYJFeEZgmg%2BHwWi0kXImB8F7cFBkYZyNWaiIFByoNCAMEXiMOggMvUAMIDQcJDQwJGXeCXgp%2BCzUIBaQ7CQNqDQUFDjE8dUIEfjEzBDYrM3ElYyMhACH5BAkGAAAALAAAAAAQABAAAAWSICACjogY5agCTMEAB%2BE0hbICDWHABIAMC9XipRgoYowBArdwOArGhgHBWCgIjMSF0mAZBoVGakagXBJCRGp0OIxOhsNrxdiaDQRCIbhaUP4UIwwKayIFbiMNPwRdIw4UGhQ2T0oNBwkNCwQaCwMaGl0KQZ0JCBcFGgUACQVrNK0xAJ98QgRBMQ4LqTczJigsayEAIfkECQYAAAAsAAAAABAAEAAABZIgIAKOiBjlqAJMwQAH4TSFsgINYcAEgAwL1eKlGChijAECt3A4CsaGAcFYKAiNBbTBMgwKjdTsMCDYRgtEanRYmgyGw2vFIAy%2BBgKhEKQPJBIDIwwKayJtKg0%2FWCoOEhsSQU9KDWQKCQUcWhwcXApBC2WcBxuCR2s0BQ4cGwCsCTcLBEEbGw4LGzsrMyKcJWEjIQAh%2BQQJBgAAACwAAAAAEAAQAAAFkyAgAo6IGOWoAkzBAAfhNIWyAg1hwASADAvV4qUYKGKMAQK3cDgKxoYBwVgoCI0FtMEyDAqN1OzwDY4WiNQokRidDIfXqnEwwA0EQsGsYuR1IwwJaiZtIw0%2FHlwjDgMfAy9PXwoeQEcfDAcfH1wKQQYdBR8eCB49aGoMHR8OHh0AozYrBx02rg4MHgc3MyKjJWEjIQAh%2BQQJBgAAACwAAAAAEAAQAAAGmUCAEOAQIgzFoRLAKDAAB4KjUVAsAQ2CAUoAIAYL5eKpGCiijAECu3A4CuaGAcFYKAiNBbzBNAwKDUlTB39hQwsISUMJCUNHBgdPSw0HBpAGBAQDjUtNBVqOA4pCCoZCDCEgIHxKfpFEqiILIbILCSIMCQN4AFVQIAQiIQkhB0wJiqghDsIAwaaLIFvCDgwia0tTQgMiRYFDQQAh%2BQQJBgAAACwAAAAAEAAQAAAGmECAEOAQIgzFoRLAKDAAB4KjUVAsAQ2CAUoAIAYL5eKpGCiijAECu3A4CuaGAcFYKAiNBbzBNAwKDUlTB39hQwciSUMJCUMZIyMZa0sNBwYGiBmaB1dNBVqLBYpCCoZCDCKQfEp%2BB08OjyILIgQMDAkGDQkDeFCcCSOfImWNt4oNmg4DIgB%2BT0sLkgDLDgwEjUtTQn5FgUNBACH5BAkGAAAALAAAAAAQABAAAAaVQIAQ4BAiDMWhEsAoMAAHgqNRUCwBDYIBSgAgBgvlwfpVRBkDBHbhcERIA0bkwFgoCI1FYdAALEQkJAx9RA0HAwVhQwciSUMJCUMiEZSRS4YGBgdvgQdXTQVaQwpISwqKQg0DJBGEQwYDdERvcVoMDKQNCQN4XmoKcwaJA5EMCY4NIo0GXYdPS3%2BRzFMElkpTRqUNjkEAIfkECQYAAAAsAAAAABAAEAAABptAgBDgECIMxaESoCghAAeCo1FQLAGMUglKACAGC2XCeigRzozBs7FwODLmRiaTWCgI7MKgAUjAMw18RA0HAwVhQwcmSUMJCUMDJpJWS4QGBopzdFcMBQUEBkMLCIxCCohCDQaSgkMGAwcMRAMZBQwHCQ0MCgYNCQN4Xo8LAwkIh8VYCYxUBQ5RUAOySwsEYVFTBI9LU0ZIAA2MQQA7') 50% 50% no-repeat #fff !important; }

html:not(.darkMode) body.dashboard.account .container .dashboard {
  background: white;
  padding: 15px; }

body.dashboard .myOrderList .smallVenueBox .card {
  background: #eaecef; }
  body.dashboard .myOrderList .smallVenueBox .card .doc_time {
    color: #6c757d !important; }
  body.dashboard .myOrderList .smallVenueBox .card .items-and-amount {
    font-weight: bold; }
  body.dashboard .myOrderList .smallVenueBox .card a {
    color: black; }

.dashboardTabs ul {
  list-style: none;
  display: inline-block;
  padding: 0px;
  width: 100%;
  margin: 20px 0px 22px;
  visibility: visible;
  border-bottom: 1px solid #ddd; }
  .dashboardTabs ul li {
    float: left;
    position: relative;
    display: block;
    margin-bottom: -1px; }
  .dashboardTabs ul li a {
    position: relative;
    display: block;
    padding: 10px 15px; }
  .dashboardTabs ul li a.active {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent; }

button:focus {
  outline: 0; }

.owl-carousel.categoryProductsListBox .newProducts {
  position: relative; }
  .owl-carousel.categoryProductsListBox .newProducts .owl-nav {
    position: absolute;
    z-index: 99;
    top: -65px;
    right: 0px; }
  .owl-carousel.categoryProductsListBox .newProducts .owl-nav .owl-prev, .owl-carousel.categoryProductsListBox .newProducts .owl-nav .owl-next {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    width: 50px;
    border: 1px solid rgba(0, 0, 0, .125);
    height: 50px; }
    .owl-carousel.categoryProductsListBox .newProducts .owl-nav .owl-prev:hover, .owl-carousel.categoryProductsListBox .newProducts .owl-nav .owl-next:hover {
      background: black; }
  .owl-carousel .owl-stage {
    display: flex; }
  .owl-carousel .product-card {
    height: 100%; }
  .owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto; }
  .owl-carousel .caption {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column; }
  .owl-carousel .flex-text {
    flex-grow: 1; }
  .owl-carousel .thumbnail {
    display: flex;
    flex-direction: column;
    margin: 0 15px; }

.messagesPanel {
  width: 50%;
  position: fixed;
  top: 10px;
  transition: 300ms all;
  opacity: 0;
  z-index: 999;
  margin-left: 25%;
  box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1); }
  .messagesPanel .alert-success {
    background: #d7e9e9;
    margin-bottom: 0px;
    border: 2px solid #c2d2d2;
    border-radius: 0px;
    color: #6d9495; }

.messagesPanel.show {
  opacity: 1; }

.menuApp .menuFoodDescription {
  font-size: 0.9rem;
  font-weight: 300;
  display: flex; }

@media only screen and (max-width: 768px) {
    .ordersList .dashboard-header-logo-wrapper .dashboard-header-logo {
      height: 100px !important; }
    .ordersList .dashboard-header-logo-wrapper {
      top: 5px !important; }
    .ordersList body.dashboard section.navBar {
      margin-top: 0px; }
    .ordersList body.dashboard section.navBar .navbar-collapse {
      padding: 80px 0px 20px 0px; }
    .ordersList body.dashboard section.navBar ul {
      color: white;
      font-size: 2rem;
      width: 100%;
      margin: 0px; }
    .ordersList body.dashboard section.navBar ul li a {
      color: white;
      font-size: 2rem;
      text-align: center; }
    .ordersList body.dashboard-header-logo-wrapper {
      left: 49%; }
    .ordersList body.dashboard .navbar-toggle .icon-bar {
      background-color: white !important; }
    .ordersList body.dashboard .dropdown-menu > li > a:hover {
      color: white !important;
      background-color: transparent !important; } }
  @media (min-width: 1200px) {
  .ordersList .mainContent {
    min-height: 800px; } }
  @media only screen and (min-width: 768px) {
  .ordersList .navbar-nav {
    float: left; }
  .ordersList header.header.restaurant .navbar-nav {
    margin-left: 120px; }
  .ordersList .navMenuTop .dropdown {
    box-shadow: none !important;
    border-right: 1px solid #78909c; }
  .ordersList .nav > li > a {
    color: white;
    transition: 540ms all;
    font-weight: 400;
    font-size: 1.5rem;
    padding: 10px 10px;
    margin-left: 5px; }
  .ordersList ul.nav.navActions li {
    padding: 5px 0px 0px 0px; }
  .ordersList .navbar-header {
    position: relative; }
  .ordersList .dashboard-header-logo-wrapper {
    left: 20px; }
  .ordersList header.header.store .navContainer {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    flex-wrap: wrap; }
  .ordersList header.header.store .navbar-collapse.collapse {
    flex: 1; } }
  .ordersList header {
    padding: 0px;
    background: transparent; }
  .ordersList body {
    background: #e9f0fa !important; }
  .ordersList header.header.store .navBar {
    margin-top: 0px; }
  .ordersList header.header.store .dashboard-header-logo-wrapper .dashboard-header-logo {
    height: 50px; }
  .ordersList header.header.restaurant .dashboard-header-logo-wrapper {
    height: 100px;
    width: 100px;
    background: white;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.07);
    top: -15px; }
  .ordersList header.header.restaurant .dashboard-header-logo-wrapper .dashboard-header-logo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    vertical-align: middle; }
  .ordersList section.navBar {
    margin-top: 20px;
    background: black !important; }
  .ordersList .notFoundNote i {
    font-size: 6rem; }
  .ordersList .btn {
    border-radius: 0px; }
  .ordersList .btn.btn-success {
    background: #43e0ae !important; }
  .ordersList .btn.btn-primary {
    background: #36a3c7;
    border-color: #36a3c7; }
  .ordersList .history-user.well {
    border: 0px;
    padding: 0px; }
  .ordersList .amcharts-chart-div a {
    display: none !important; }
  .ordersList .history-user ul {
    margin: 0px;
    padding: 0px; }
  .ordersList .history-user ul li {
    border-bottom: 1px solid #cacccc;
    padding: 20px 20px; }
  .ordersList .history-user .openOrder:hover {
    cursor: pointer;
    background: #f4f8fb; }
  .ordersList .history-user ul a.active li {
    background: #f4f8fb; }
  .ordersList .history-user ul li:hover {
    background: #f4f8fb; }
  .ordersList .history-user a {
    color: black;
    text-decoration: none; }
  .ordersList .state.pending, .ordersList .status.pending {
    color: #36a3c7; }
  .ordersList .state.approved, .ordersList .status.approved {
    color: #22ce98; }
  .ordersList .state.cancelled, .ordersList .status.cancelled {
    color: #f23939; }
  .ordersList .history-user .flex .state {
    flex: 1;
    line-height: 28px; }
  .ordersList .history-user .flex .date {
    flex: 2;
    line-height: 28px;
    color: #969999; }
  .ordersList .history-user .flex .type {
    flex: 1;
    line-height: 28px; }
  .ordersList .history-user .flex .price {
    flex: 1;
    font-size: 2rem;
    font-weight: bold;
    text-align: right; }
  .ordersList .history-user .flex .price i {
    padding-left: 10px;
    color: #43e0ae; }
  .ordersList section.order .orderReceiptDetails .heading {
    font-weight: bold;
    color: #626666; }
  .ordersList section.order .orderReceiptDetails .name {
    font-weight: bold;
    color: black; }
  .ordersList section.order .orderReceiptItems {
    border-top: 1px solid #cacccc;
    margin-top: 20px;
    padding: 20px 0px; }
  .ordersList section.order .orderReceiptItems .heading {
    font-weight: 700;
    color: black;
    font-size: 25px;
    margin-bottom: 20px; }
  .ordersList section.order .orderReceiptItems .flex .qty {
    flex: 0.2;
    color: #818484; }
  .ordersList section.order .orderReceiptItems .flex .item {
    flex: 2; }
  .ordersList section.order .orderReceiptItems .flex .price {
    flex: 1;
    text-align: right;
    color: #818484; }
  .ordersList section.order .notifBox {
    padding: 20px;
    position: relative;
    color: black;
    background: white;
    border: 1px solid #e3e3e3;
    font-size: 2rem; }
  .ordersList section.order .notifBox .status {
    font-weight: 700; }
  .ordersList .text-muted {
    color: #626666; }
  .ordersList .nav > li:not(.open) > a:hover {
    opacity: 0.8; }
  .ordersList ul.navMenuTop a.dropdown-toggle {
    font-weight: bold;
    margin: 0px; }
  .ordersList .nav > li > a:focus, .ordersList .nav > li > a:hover {
    background: transparent; }
  .ordersList .navMenuTop .dropdown {
    box-shadow: none !important;
    border-right: 1px solid #78909c; }
  .ordersList .nav .open > a, .ordersList .nav .open > a:focus, .ordersList .nav .open > a:hover {
    background: transparent;
    border-color: #337ab7; }
  .ordersList .well {
    background: white; }
  .ordersList footer .copyright .copyright {
    display: none; }
  .ordersList footer .col-md-6 {
    width: 100%;
    text-align: center; }
  .ordersList footer .copy {
    background: transparent; }
  .ordersList .bigFont {
    font-size: 2rem; }
  .ordersList .bold {
    font-weight: bold; }
  .ordersList .orderPaid {
    color: #72c600;
    border: 2px solid #72c600;
    padding: 5px 22px;
    border-radius: 11px;
    position: absolute;
    right: -49px;
    top: -20px;
    background: white; }
  .ordersList .orderPaid.refunded {
    color: #fdaa00;
    border-color: #fdaa00; }
  .ordersList .flex {
    display: flex;
    flex-wrap: wrap; }

.deliveryChecker {
  background: rgba(252, 207, 93, 0.3);
  border-color: #fccf5d; }
  .deliveryChecker h3 {
    color: #33373d;
    font-size: 18px;
    margin-top: 0px; }
  .deliveryChecker .btnDetectLocation {
    position: relative;
    margin-top: 10px !important;
    line-height: 26px; }
  .deliveryChecker .algolia-autocomplete {
    width: 100%; }
  .deliveryChecker .aa-dropdown-menu {
    border: 1px solid #e5e5e4;
    width: 100%; }
  .deliveryChecker .aa-suggestion {
    padding: 12px;
    cursor: pointer; }
  .deliveryChecker .aa-suggestion:hover {
    background: #fbeed5;
    color: #333; }
  .deliveryChecker .aa-dropdown-menu span {
    background: white;
    border-radius: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    list-style: none;
    font-size: 14px;
    margin: 5px 0px;
    color: #333;
    transition: 250ms all;
    line-height: 20px;
    margin: 0px !important; }

.fullScreenMap #map {
  width: 100%;
  height: 400px; }

#full-width-slider {
  width: 100%;
  color: #000; }

.full-width--slider.fullWidth {
  max-width: 1400px;
  margin: 0 auto; }

.full-width--slider .royalSlider > .rsContent {
  visibility: hidden; }
  .full-width--slider .royalSlider {
    margin-top: 0px !important; }
  .full-width--slider .coloredBlock {
    padding: 12px;
    background: rgba(255, 0, 0, 0.6);
    color: #fff;
    width: 200px;
    left: 20%;
    top: 5%; }
  .full-width--slider .infoBlock {
    position: absolute;
    top: 140px;
    right: 30px;
    left: auto;
    max-width: 25%;
    padding-bottom: 0;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    padding: 20px; }
  .full-width--slider .infoBlock.left {
    left: 30px;
    right: auto; }
  .full-width--slider .infoBlock.align-center {
    top: 40%; }
  .full-width--slider .infoBlock.dark {
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    color: #fff; }
  .full-width--slider .infoBlock.light {
    background: rgba(255, 255, 255, 0.75);
    color: #333; }
  .full-width--slider .infoBlock h4 {
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 3px; }
  .full-width--slider .infoBlock p {
    font-size: 14px;
    margin: 4px 0 0; }
  .full-width--slider .infoBlock a {
    color: #fff;
    text-decoration: underline; }
  @media (max-width: 991px) {
  .full-width--slider .infoBlock {
    max-width: 85%;
    width: 85%; }
  .full-width--slider .infoBlock.align-center {
    top: 30%; }
  .full-width--slider .infoBlock h4 {
    font-size: 15px; }
  .full-width--slider .infoBlock p {
    font-size: 12px; } }

#map {
  width: 100%;
  height: 300px; }

@media (min-width: 768px) {
    .custom-content-row .custom__item {
      margin-top: 10px;
      margin-bottom: 10px; } }

.upcoming--events .eventItemDescription {
  background: rgba(255, 255, 255, 0.6);
  padding: 20px;
  display: flex;
  flex-direction: column;
  min-height: 195px; }
  .upcoming--events .eventItemDescription a {
    align-self: center; }

.event--row-layout2 h2.title {
  text-align: left;
  font-size: 2rem; }
  .event--row-layout2 .coverImage.row-xl-4 {
    height: 227px !important; }
  .event--row-layout2 .eventItemDescription {
    background: transparent;
    padding: 10px 0px;
    text-align: left !important; }
  .event--row-layout2 .eventItemDescription .blog-row-title {
    height: 56px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .event--row-layout2 .eventItemDescription .blog-row-title a {
    color: #333; }
  .event--row-layout2 .eventItemDescription .blog-row-title a:hover {
    text-decoration: none; }
  .event--row-layout2 .eventItemDescription .date:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.25); }
  .event--row-layout2 .eventItemDescription .date {
    position: relative;
    font-size: 1.2rem;
    padding: 10px 0px;
    margin-top: 10px; }
  .event--row-layout2 .eventItemDescription .eventDetailsButton {
    width: 100%;
    margin: 0px; }

.event-row--single {
  padding: 50px 0px; }
  @media (min-width: 992px) {
  .event-row--single h1 {
    font-size: 3rem; } }
  .event-row--single .date:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.25); }
  .event-row--single .date {
    position: relative;
    font-size: 1.2rem;
    padding: 10px 0px;
    margin-top: 10px; }
  .event-row--single .blog-row--desc {
    font-size: 1rem;
    color: #333; }

.eventDetails .coverImage {
  background-size: cover !important; }
  .eventDetails .coverImage .coverImage--inner {
    /* FF3.6-15 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.5) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.5) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.5) 100%);
    /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000',GradientType=0);
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
    color: white;
    flex-direction: column;
    padding: 20px; }
  .eventDetails iframe {
    width: 100% !important;
    height: 350px; }

.eventItemDescription {
  background: rgba(255, 255, 255, 0.6);
  padding: 20px;
  display: flex;
  flex-direction: column;
  min-height: 195px; }

.eventItemDescription a {
  align-self: center; }

.blog-row-title {
  flex-grow: 1; }

@-webkit-keyframes pulse2 {
  0%, 100% {
    -webkit-transform: scale(1); }

  50% {
    -webkit-transform: scale(1.05); } }

@keyframes pulse2 {
  0%, 100% {
    transform: scale(1); }

  50% {
    transform: scale(1.05); } }

.pulse.go {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@keyframes pulse {
  to {
    box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); } }

.IndicatorLive::before {
  content: '';
  display: inline-block;
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  background: #50b83c;
  box-shadow: 0px 0px 0px #50b83c;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin-right: 0.4rem; }

.nextEventBanner {
  margin: 0px auto 50px !important;
  padding: 10px;
  max-width: 400px;
  text-align: center; }

.countdown-row {
  display: inline-block; }

.nextEventBannerCountdown {
  background: #000;
  min-width: 360px;
  color: white;
  border: none;
  font-size: 1.5rem;
  display: block;
  border-radius: 10px; }

.countdown-section {
  border-right: 1px solid white; }

.countdown-period {
  font-weight: 100; }

.countdown-section:last-child {
  border: none !important; }

.tillNextEvent {
  font-weight: bold;
  font-size: 1rem;
  color: #000;
  letter-spacing: 0.7px;
  line-height: 33px;
  /*
@media (max-width: 767px){

	.upcoming--events .row.upcoming--list{
		flex-wrap: nowrap;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		.eventItem{
			.coverImage{
				background-position: center center !important;
			}
		}
		.nextEventBanner{
			width: 100% !important;
			position: absolute;
			margin-top: -250px !important;
		}

	}
	.eventDetails{
		.coverImage{
			.coverImage--inner{

				h1{
					font-size: 1.5rem;
				}
			}
		}
	}

}
*/ }

.fbGallery.layout--grid .lazyloadGalleryImage {
  height: 300px;
  cursor: pointer;
  transition: 250ms all;
  margin: 0px !important;
  background-position: center center !important; }

.foodFooterActions {
  width: 100%;
  display: flex; }

.carousel-control-next:hover, .carousel-control-prev:hover {
  background: rgba(0, 0, 0, .6); }

section.sidebarApp {
  padding: 20px 0px; }
  section.sidebarApp iframe {
    border-radius: 6px;
    border: none; }
  @media only screen and (max-width: 766px) {
  section.sidebarApp .sidebarList {
    display: none !important; } }
  section.sidebarApp h1 {
    font-size: 2rem; }
  section.sidebarApp h2.catTitle {
    font-size: 1.5rem; }
  section.sidebarApp .sidebarList {
    background: #f4f4f4 !important;
    padding: 20px; }
  section.sidebarApp .sidebarList a {
    text-decoration: none; }
  section.sidebarApp .sidebarList a li {
    padding: 5px 10px; }
  section.sidebarApp .sidebarList ul.level1 {
    position: relative; }
  section.sidebarApp .sidebarList ul.level1 li {
    position: relative; }
  section.sidebarApp .sidebarList ul.level1 a.active li:after {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    position: absolute;
    right: 17px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    top: 0px;
    height: 100%;
    align-items: center; }
  section.sidebarApp .sidebarList a:hover {
    color: #474747; }
  section.sidebarApp ul.level1 > li.category .subCatTitle {
    color: #1c1c1c !important;
    font-size: 1.4rem !important;
    font-weight: bold !important;
    padding: 10px 20px; }
  section.sidebarApp ul.level1 > li.category {
    background: #f4f4f4 !important;
    padding: 0px;
    color: #1c1c1c !important; }
  section.sidebarApp ul.level2 li {
    padding: 6px 30px;
    transition: 300ms all;
    position: relative;
    font-size: 0.9rem; }
  section.sidebarApp ul.level2 li:hover {
    background: #474747;
    color: white; }
  section.sidebarApp ul.level2 a.active li {
    background: #1c1c1c;
    color: white; }
  section.sidebarApp a {
    color: #1c1c1c; }

.product--details img {
  max-width: 100%; }

.content-widget-all-content .catTitle {
  margin-top: 20px; }
  .content-widget-all-content .item_box {
    margin-bottom: 20px; }
  .content-widget-all-content .item_box .catTitle {
    border-bottom: 0px; }
  .content-widget-all-content .item_box a {
    display: block;
    color: #3d3d3d;
    font-size: 18px;
    margin-bottom: 3px;
    line-height: 22px;
    font-weight: 400;
    text-align: left;
    padding: 8px 0 8px 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    font-size: 1rem;
    position: relative;
    padding: 8px 0px;
    border-bottom: 1px solid #e3e8ef;
    color: #43474e; }
  .content-widget-all-content .item_box a:hover {
    font-weight: bold; }
  .content-widget-all-content .item_box a:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f105";
    position: absolute;
    right: 10px;
    top: calc(50% - 10px); }

.mapboxgl-ctrl {
  display: none !important; }

.editdetails .custom-control-label {
  padding-left: 30px !important; }
  .editdetails .custom-control {
    position: relative;
    padding-left: 0px !important; }

.addNewProductButton .itemDetails {
  height: 100%; }
  .addNewProductButton .itemDetails > div {
    border: none !important; }

.countrySelectorParent {
  z-index: 9999 !important;
  position: absolute;
  max-width: 400px; }
  .countrySelectorParent .countrySelector {
    padding: 0px;
    background: transparent !important; }
  .countrySelectorParent .countrySelector .col-12 {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 10px !important;
    max-width: 540px !important;
    margin: 0 auto !important;
    background: white !important; }

@media (min-width: 992px) {
  .cartList.fixed {
    transition: 300ms all; }

  .menuRestaurantIsFixed .cartList.fixed {
    top: var(--top, 90px) !important; }

  .visible-sm {
    display: none !important; }

  .modal-dialog .closeFoodModal {
    display: block !important;
    position: absolute !important;
    z-index: 999 !important;
    background: rgba(0, 0, 0, .5);
    border-radius: 100%;
    padding-top: 9px;
    text-align: center !important;
    padding: 0px !important;
    line-height: 40px !important;
    height: 40px !important;
    width: 40px !important;
    left: 5px;
    color: white !important;
    top: 5px; }

  .ps-row {
    padding-left: 15px; }

  .modalFoodLikeWolf .modal-content {
    max-height: 100vh; }

  .product .product--title {
    font-size: 1.9rem; }

  .venuePlaceholder .card .card-img-top {
    border-radius: 10px !important; }

  .countrySelectorParent {
    z-index: 9999 !important;
    position: absolute;
    max-width: 400px; }
    .countrySelectorParent .countrySelector {
      padding: 10px;
      background: transparent !important; }
    .countrySelectorParent .countrySelector .col-12 {
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 10px !important;
      max-width: 540px !important;
      margin: 0 auto !important;
      background: white !important; }

  body.checkout .checkout--page .cardVerifyAccount {
    position: absolute;
    top: -265px; }
    body.checkout .checkout--page .currentDetails, body.checkout .checkout--page .editdetails {
      border-radius: 4px; }
      body.checkout .checkout--page .currentDetails .address, body.checkout .checkout--page .editdetails .address {
        padding: 15px !important; }

  body.checkout.b3Office {
    background: #f8f6f5; }
    body.checkout.b3Office .checkout--page {
      padding: 0px !important; }
      body.checkout.b3Office .checkout--page .basketCartItems .note {
        padding: 0.5rem 1rem !important; }
      body.checkout.b3Office .checkout--page .btnSaveDetails {
        width: auto !important;
        margin: 10px; }
      body.checkout.b3Office .checkout--page .orderMethodFilterCheckout {
        margin: 1rem;
        width: auto; }
      body.checkout.b3Office .checkout--page .whenOrderDetails .estimate--delivery {
        position: absolute;
        z-index: 9;
        right: 10px; }
        body.checkout.b3Office .checkout--page .whenOrderDetails .estimate--delivery p.note {
          font-size: 0.8rem;
          color: #828585; } }

.colourAttribute.color-Burgundy {
  background: #621922 !important; }

.checkout--page .btn.btn-wolf {
  background: #f3f3f3;
  color: black !important;
  font-weight: 500; }

.checkout--page .privacyNoticeOrderNote, .checkout--page .rowCutlery {
  font-size: 0.7rem;
  font-weight: normal; }

.menuPageItem {
  cursor: pointer; }

.menuRestaurantIsFixed .topSearchCategories {
  width: 770px;
  position: fixed;
  top: calc(env(safe-area-inset-top) + 0px);
  z-index: 3;
  border-bottom: 1px solid #e7e7e7 !important; }

.changeQuantityPlus, .changeQuantityMinus {
  text-decoration: none; }

.orderOnlineV2 .continueToCheckoutButton, #orderVersion4 .continueToCheckoutButton {
  width: 100%; }
  .orderOnlineV2 .menuPageItem, #orderVersion4 .menuPageItem {
    position: relative;
    border: 1px solid #e8ebeb !important;
    display: flex;
    flex-direction: column; }
  .orderOnlineV2 .p0, #orderVersion4 .p0 {
    padding: 0px !important; }
  .orderOnlineV2 .yourOrder, #orderVersion4 .yourOrder {
    height: 100%; }
  .orderOnlineV2 .yourOrder .basketItems h3, #orderVersion4 .yourOrder .basketItems h3 {
    margin-top: 10px; }
  .orderOnlineV2 .items--card, #orderVersion4 .items--card {
    overflow-y: scroll;
    overflow-x: hidden; }
  @media (min-width: 992px) {
  .orderOnlineV2 .menuItems, #orderVersion4 .menuItems {
    padding-right: 15px; } }
  .orderOnlineV2 .foodCatTitleParent, #orderVersion4 .foodCatTitleParent {
    margin: 0px !important; }
  @media (max-width: 991px) {
  .orderOnlineV2, #orderVersion4 {
    padding: 0px !important; }
    .orderOnlineV2 .foodCatTitleParent, #orderVersion4 .foodCatTitleParent {
      padding-left: 15px; }

    .orderOnlineV2 .categoriesAndSearch, #orderVersion4 .categoriesAndSearch {
      display: none !important; }

    .orderOnlineV2 .col-sm-menu, #orderVersion4 .col-sm-menu {
      padding-left: 0px !important;
      padding-right: 0px !important;
      overflow-x: hidden !important; }

    .orderOnlineV2 .categoriesProducts, #orderVersion4 .categoriesProducts {
      padding: 0px !important;
      margin-left: -15px;
      margin-right: -15px; }

    .orderOnlineV2 .menuPageItem, #orderVersion4 .menuPageItem {
      background: #fff !important;
      border: 1px solid rgba(0, 0, 0, .12);
      box-sizing: border-box;
      display: flex;
      padding: 1.5rem 1rem;
      page-break-inside: avoid;
      position: relative;
      text-align: left;
      text-decoration: none;
      vertical-align: top;
      margin-bottom: 0px;
      box-shadow: none; } }
  .orderOnlineV2 .btnAddToBasket, #orderVersion4 .btnAddToBasket {
    cursor: pointer; }
  .orderOnlineV2 .form-control, #orderVersion4 .form-control {
    -webkit-appearance: none;
    appearance: none; }
  .orderOnlineV2 .basketItems, #orderVersion4 .basketItems {
    height: 100%; }
  .orderOnlineV2 .basketItems .checkoutBtn, #orderVersion4 .basketItems .checkoutBtn {
    order: -1;
    display: flex; }
  .orderOnlineV2 .basketItems .allowance, #orderVersion4 .basketItems .allowance {
    display: none !important; }
  .orderOnlineV2 .basketItems .quantity i, #orderVersion4 .basketItems .quantity i {
    position: absolute;
    top: 0px;
    pointer-events: none;
    line-height: unset !important;
    right: 23px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  .orderOnlineV2 .basketCartItems, #orderVersion4 .basketCartItems {
    border: 1px solid rgba(0, 0, 0, .125);
    background: white;
    height: 100%; }

.countdown-widget h1 {
  text-transform: uppercase;
  font-weight: bold; }
  .countdown-widget #countdown {
    display: flex;
    text-align: center;
    background: black;
    padding: 50px 0px; }
  @media (min-width: 992px) {
    .countdown-widget #countdown .time {
      font-size: 6em !important; }

    .countdown-widget #countdown .label {
      font-size: 2em !important; } }
  .countdown-widget #countdown .time {
    color: #fff;
    font-size: 3em; }
  .countdown-widget #countdown .label {
    font-size: 1em;
    display: block;
    color: #aaa; }

.orderingData .order-status .b-success {
  border-color: #07ce17 !important; }
  .orderingData .order-status .orderDetails-actions {
    display: none; }
  .orderingData .order-status .orderOverview {
    padding: 0px; }
  .orderingData .order-status .orderOverview .basketOverviewFooter {
    margin-top: 20px;
    font-weight: bold;
    border-top: 1px solid rgba(0, 0, 0, .125); }
  .orderingData .order-status .orderOverview .basketOverviewFooter::marker {
    content: ''; }
  .orderingData a.nav-link.external {
    color: black; }

.selectThisTime {
  transition: 250ms all;
  padding: 10px;
  font-size: 16px;
  margin: 0px !important;
  border: 1px solid #c9ab81 !important; }

.selectThisTime.active {
  background: #c9ab81 !important;
  transform: scale(1.1);
  /* =====================================================================
   B3 App Sheets (pairs with the "B3 App Sheets" block in b3.js)
   .appSheet  = modal turned into a sheet (only added inside the app)
   .sheetOn   = sheet is on screen   .sheetLive = measured, JS drives motion
   Everything here beats older modal rules (slideUpModal, sheetUp,
   html.isApp .modal translateY, .modal-dialog translateY …) → one motion only.
   ===================================================================== */ }

.modal.appSheet.sheetOn {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  opacity: 1 !important;
  -webkit-tap-highlight-color: transparent; }

.modal.appSheet.sheetOn .modal-dialog {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 640px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100vh - env(safe-area-inset-top, 0px) - 32px) !important;
  max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 32px) !important;
  flex: 0 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  transition: none !important;
  animation: none !important;
  transform-origin: 50% 0 !important;
  will-change: transform;
  pointer-events: auto;
  /* hidden until JS measured it (prevents a flash in the final spot) */ }

.modal.appSheet.sheetOn:not(.sheetLive) .modal-dialog {
  visibility: hidden !important; }

.modal.appSheet.sheetOn .modal-content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 14px 14px 0 0 !important;
  background: #fff;
  padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  box-shadow: 0 -1px 24px rgba(0, 0, 0, .14) !important;
  transform: none !important;
  animation: none !important; }

.modal.appSheet.sheetOn .modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  /* wrappers around .modal-body (form, div…) pass the height down (class added by JS) */ }

.modal.appSheet.sheetOn .sheetFlexWrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  /* custom content without .modal-body → whole content scrolls */ }

.modal.appSheet.sheetOn .modal-content.sheetNoBody {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain; }

.modal.appSheet.sheetOn .modal-header, .modal.appSheet.sheetOn .modal-footer {
  flex: 0 0 auto !important;
  /* grab handle */ }

.modal.appSheet .sheetHandle {
  flex: 0 0 auto;
  padding: 8px 0 4px;
  touch-action: none;
  cursor: grab;
  position: relative;
  z-index: 3; }

.modal.appSheet .sheetHandle::before {
  content: "";
  display: block;
  width: 36px;
  height: 5px;
  margin: 0 auto;
  border-radius: 3px;
  background: rgba(60, 60, 67, .3);
  /* backdrop: opacity is driven by JS */ }

html.sheetPending .modal-backdrop:not(.sheetBackdrop) {
  opacity: 0 !important;
  transition: none !important; }

.modal-backdrop.sheetBackdrop {
  background: transparent;
  transition: none !important;
  animation: none !important;
  will-change: backdrop-filter;
  /* dark mode sites */ }

html.darkMode .modal.appSheet.sheetOn .modal-content {
  background: #1c1c1e; }

html.darkMode .modal.appSheet .sheetHandle::before {
  background: rgba(235, 235, 245, .3);
  /* one close button style for all sheets: small grey circle, top right (iOS) */ }

.modal.appSheet.sheetOn .modal-content > .closeButton, .modal.appSheet.sheetOn .modal-dialog > .closeButton {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  left: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  text-align: right !important;
  z-index: 4 !important; }

.modal.appSheet.sheetOn .closeButton .btn, .modal.appSheet.sheetOn .closeButton button {
  width: 30px !important;
  height: 30px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(118, 118, 128, .14) !important;
  color: #3c3c43 !important;
  font-size: 15px !important;
  line-height: 30px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: none !important; }

.modal.appSheet.sheetOn .closeButton button:active {
  transform: scale(0.9);
  background: rgba(118, 118, 128, .24) !important; }

html.darkMode .modal.appSheet.sheetOn .closeButton button {
  background: rgba(118, 118, 128, .32) !important;
  color: #ebebf5 !important; }