@charset "utf-8";/* GENERATED FROM j-network-custom.cleaned.css (SHA-256 fe66277f...)
 * Audited surgical build; see BEFORE-AFTER.md and CSS-RULE-MANIFEST.json. */
@keyframes moveStripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100px 0;
  }
}
@keyframes spin-border-colors {
  0% {
    border-left-color: #ef7724;
    border-right-color: #7ca4dd;
    border-top-color: #ef7724;
    border-bottom-color: #7ca4dd;
  }
  25% {
    border-left-color: #7ca4dd;
    border-right-color: #ef7724;
    border-top-color: #7ca4dd;
    border-bottom-color: #ef7724;
  }
  50% {
    border-left-color: #ef7724;
    border-right-color: #7ca4dd;
    border-top-color: #ef7724;
    border-bottom-color: #7ca4dd;
  }
  75% {
    border-left-color: #7ca4dd;
    border-right-color: #ef7724;
    border-top-color: #7ca4dd;
    border-bottom-color: #ef7724;
  }
  100% {
    border-left-color: #ef7724;
    border-right-color: #7ca4dd;
    border-top-color: #ef7724;
    border-bottom-color: #7ca4dd;
  }
}
@keyframes spin-border {
  0% {
    border-color: #ef7724 #7ca4dd #ef7724 #7ca4dd;
  }
  25% {
    border-color: #7ca4dd #ef7724 #ef7724 #7ca4dd;
  }
  50% {
    border-color: #ef7724 #ef7724 #7ca4dd #ef7724;
  }
  75% {
    border-color: #7ca4dd #7ca4dd #ef7724 #ef7724;
  }
  100% {
    border-color: #ef7724 #7ca4dd #ef7724 #7ca4dd;
  }
}
@keyframes marchAnts {
  from {
    background-position: 0px;
  }
  to {
    background-position: 40px;
  }
}
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(0.95);
  }
}
@keyframes gradientOrange {
  0% {
    background-position: 0% 50%;
    background-image: linear-gradient(135deg, #ef7521, #f8842d, #ff9440);
  }
  50% {
    background-position: 100% 50%;
    background-image: linear-gradient(135deg, #f8842d, #ff9440, #ef7521);
  }
  100% {
    background-position: 0% 50%;
    background-image: linear-gradient(135deg, #ef7521, #f8842d, #ff9440);
  }
}
@keyframes gradientBlue {
  0% {
    background-position: 0% 50%;
    background-image: linear-gradient(135deg, #7ca4dd, #9bbdee, #bcd5f9);
  }
  50% {
    background-position: 100% 50%;
    background-image: linear-gradient(135deg, #bcd5f9, #9bbdee, #7ca4dd);
  }
  100% {
    background-position: 0% 50%;
    background-image: linear-gradient(135deg, #7ca4dd, #9bbdee, #bcd5f9);
  }
}
#sp-main-body {
  background: #fff;
}
body {
  background-color: #252525;
  color: #252525;
}
.sp-preloader {
  background-color: #252525;
  color: #252525;
}
figcaption.caption.text-dark {
  padding: 10px;
}
.sp-pre-loader {
  border: 2px solid #7ca4dd !important;
  background-image: url(https://bistrobuddy.com/images/bistro_buddy/bistro-buddy-loader.png) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background: rgb(239, 117, 33);
  background: linear-gradient(
    90deg,
    rgba(239, 117, 33, 1) 4%,
    rgba(239, 117, 33, 0.7931547619047619) 7%,
    rgba(239, 117, 33, 0) 49%,
    rgba(124, 164, 221, 0) 49%,
    rgba(124, 164, 221, 0.9332107843137255) 97%,
    rgba(124, 164, 221, 1) 100%
  ) !important;
  z-index: 99999999999 !important;
}
.sp-page-title .breadcrumb > .active {
  color: #84aadf;
  text-shadow: 1px 1px 3.7px #000 !important;
}
.ug-thumb-wrapper .ug-thumb-overlay {
  border-radius: 15px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1240px;
  height: 100%;
  max-height: 800px;
}
div#projectImageGallery {
  border-radius: 15px;
}
.sppb-addon-article {
  border-radius: 15px !important;
}
.dropdown-inner {
  background: #252525;
  border-radius: 0 0 0.5rem 0.5rem;
}
div#rsseo-cookie-accept {
  bottom: 40px !important;
  font-size: 9px !important;
}
.sp-scroll-up {
  bottom: 100px !important;
}
.sp-module ul > li > a {
  color: #40f907;
}
.dropdown-inner {
  margin-top: -15px !important;
}
.ug-strip-panel {
  background-color: rgb(35 35 35/0%) !important;
}
.ug-gallery-wrapper .ug-strip-panel {
  background-color: #0000 !important;
}
.ug-arrow-right.ug-skin-default {
  cursor: pointer;
  display: inline-block;
  background-color: transparent;
  height: 30px;
  width: 30px;
  position: relative;
}
.ug-arrow-left.ug-skin-default {
  cursor: pointer;
  display: inline-block;
  background-color: transparent;
  height: 30px;
  width: 30px;
  position: relative;
}
.ug-gallery-wrapper .ug-textpanel-bg {
  background-color: #ff5722 !important;
}
.ug-item-wrapper {
  margin-top: -40px;
}
.ug-arrow-left.ug-skin-default::before {
  content: "";
  position: absolute;
  border: solid #333;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(135deg);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
}
.ug-arrow-right.ug-skin-default::before {
  content: "";
  position: absolute;
  border: solid #333;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(-45deg);
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%) rotate(-45deg);
}
.ug-gallery-wrapper .ug-slider-wrapper {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  background-color: #00000000;
}
.card {
  border-radius: 15px !important;
  border: 0px;
  background-color: #fff0;
  padding: 0px;
}
.slider-content {
  border-radius: 15px;
  background: #0000 !important;
}
.slider-content {
  border-radius: 15px;
}
.video-details .video-content {
  background: linear-gradient(
    66deg,
    rgba(239, 117, 33, 1) 0%,
    rgba(254, 249, 246, 1) 45%,
    rgba(255, 255, 255, 1) 55%,
    rgba(124, 164, 221, 1) 100%
  ) !important;
  border-radius: 15px;
}
.sp-page-title .sp-page-title-heading {
  color: #fff;
  font-weight: 900;
}
.sp-page-title .sp-page-title-sub-heading {
  color: #fff;
  font-weight: 900;
}
div#slider-content-4653 {
  background-color: #ffffff;
  border-color: #aaaaaa00;
}
.sp-page-title .breadcrumb > .active {
  color: #84aadf;
  text-shadow: 1px 1px 3.7px #fff;
}
.sppb-articles-carousel-content {
  background: #fff;
  box-shadow: 0 6px 12px -3px rgb(49 41 41/36%);
  padding: 20px 20px 25px;
  margin-bottom: 15px;
  border-radius: 0px 0px 15px 15px;
  margin-top: -10px;
  background: #fff;
  box-shadow: 0 6px 12px -3px rgb(49 41 41/36%);
  padding: 20px 20px 25px;
  margin-bottom: 15px;
  border-radius: 0px 0px 15px 15px;
  margin-top: -10px;
}
.sppb-articles-carousel-img {
  border-radius: 15px;
  border: 0;
  width: 100%;
  aspect-ratio: 16/9 !important;
  border-radius: 15px;
  height: 100%;
  object-fit: cover !important;
}
.slick-slide img {
  border-radius: 15px;
  border: 0;
  width: 100%;
  aspect-ratio: 16/9 !important;
  border-radius: 15px;
  height: 100%;
  object-fit: cover !important;
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 0px;
  margin: 0 auto;
  border-radius: 15px;
}
.sppb-addon-articles .sppb-carousel .sppb-carousel-control {
  border: 1px solid #ef7724;
  color: #ef7724;
}
.sp-module-content .menu li {
  font-size: 16px;
}
.article-list .article {
  border-radius: 15px !important;
}
.ratio-16x9 {
  --bs-aspect-ratio: 16 / 9;
  aspect-ratio: 16/9;
}
.circle-two {
  background-image: url(https://bistrobuddy.com/images/bistro_buddy/bistro-buddy-loader.png) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  height: 230px !important;
  width: 230px !important;
  z-index: 99999999999 !important;
}
#btn-1703824704505 {
  left: 50%;
  position: absolute;
  margin-left: -150px;
}
.o-dropdown__bd.px-md.py-sm {
  display: none;
}
div#gallery {
  max-width: 1200px;
  min-width: 300px;
  min-height: 550px;
  width: auto;
  height: 231px;
}
div#gallery {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: 15px !important;
  margin: 0 auto;
  visibility: visible;
  animation-duration: 600ms;
  animation-delay: 4ms;
  animation-name: zoomIn;
}
.video {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  width: 100%;
  object-fit: cover !important;
  width: 100%;
  aspect-ratio: 16/9 !important;
  border-radius: 15px;
  height: 100%;
  max-height: 900px;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 40px;
}
ins.adsbygoogle {
  margin: 60px 0;
  max-width: 1120px;
}
#sp-main-body {
  padding: 10px 0;
}
.page-header {
  padding-bottom: 15px;
  padding-top: 15px;
}
.speasyimagegallery-gallery-item img {
  border-radius: 15px;
}
.speasyimagegallery-modal {
  border-radius: 15px;
}
img.speasyimagegallery-image {
  border-radius: 15px;
}
.video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#sp-bottom .sp-module .sp-module-title {
  font-size: 15px;
}
span.irs.irs--flat.js-irs-0.irs-with-grid {
  top: -250px;
}
.article-list .article {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: 15px !important;
  visibility: visible !important;
  animation-duration: 600ms !important;
  animation-delay: 4ms !important;
  animation-name: zoomIn !important;
  border-radius: 15px !important;
}
.btn-success {
  color: #ffffff !important;
  background-color: #04ff00 !important;
  border-color: #03b500 !important;
  border-radius: 0.35rem !important;
  background-position: center !important;
  transition: background 0.8s !important;
}
#sp-bottom .sp-module .sp-module-title {
  font-weight: 700;
  font-size: 15px;
  margin: 0 0 30px;
}
.faq-item__question {
  background: linear-gradient(
    66deg,
    rgba(239, 117, 33, 1) 0%,
    rgba(254, 249, 246, 1) 45%,
    rgba(255, 255, 255, 1) 55%,
    rgba(124, 164, 221, 1) 100%
  ) !important;
}
.sppb-row-container {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 8px;
  height: 100%;
  aspect-ratio: 16/9;
}
div#gallery {
  min-height: 400px;
}
.article-author-information {
  padding: 0px 10px;
}
.tags {
  padding: 0px 10px;
}
#article-comments {
  margin: 0 10% !important;
  padding: 0px 10px;
}
#article-comments {
  margin: 0 auto !important;
}
.article-author-information {
  margin: 0 auto !important;
}
#sppb-addon-Jv8XpVUB3_mZyL0KD_9zH #btn-Jv8XpVUB3_mZyL0KD_9zH.sppb-btn-custom {
  color: #ffffff !important;
}
#sppb-addon-m1fDki52vZ7GLkHrxEd5T #btn-m1fDki52vZ7GLkHrxEd5T.sppb-btn-custom {
  color: #ffffff !important;
}
#sp-footer a {
  color: #7ca4dd !important;
}
#sp-bottom a {
  color: #7ca4dd !important;
}
.bx-wrapper {
  margin: 0 auto;
}
.video-details {
  visibility: visible !important;
  animation-duration: 600ms !important;
  animation-delay: 4ms;
  animation-name: zoomIn !important;
}
.category-desc.clearfix {
  margin-bottom: 2rem;
}
.article-list .article {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: 0.35rem !important;
  visibility: visible !important;
  animation-duration: 600ms !important;
  animation-delay: 4ms !important;
  animation-name: zoomIn !important;
  border-radius: 15px !important;
}
.article-list.articles-leading {
  margin: 0 auto;
  max-width: 1200px;
  margin-bottom: 2rem;
}
.article {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: 15px !important;
  visibility: visible !important;
  animation-duration: 600ms !important;
  animation-delay: 4ms !important;
  animation-name: zoomIn !important;
}
.item-text-holder {
  padding: 0 !important;
  border: 0px solid rgba(0, 0, 0, 0.125) !important;
}
.slider-item {
  border-radius: 15px !important;
}
div#gallery {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  margin: 0 auto;
  visibility: visible;
  animation-duration: 600ms;
  animation-delay: 4ms;
  animation-name: zoomIn;
}
.article-details {
  max-width: 1200px;
  padding: 2rem;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: 0.35rem !important;
  margin: 0 auto;
  visibility: visible;
  animation-duration: 600ms;
  animation-delay: 4ms;
  animation-name: zoomIn;
}
.related-article-list-container {
  max-width: 1200px;
  padding: 2rem;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: 0.35rem !important;
  margin: 0 auto;
  visibility: visible;
  animation-duration: 600ms;
  animation-delay: 4ms;
  animation-name: zoomIn;
}
.blog-list-item-inner {
  max-width: 1200px;
  padding: 2rem;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: 0.35rem !important;
  margin: 0 auto;
  visibility: visible;
  animation-duration: 600ms;
  animation-delay: 4ms;
  animation-name: zoomIn;
}
.sppb-row-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent .menu-toggler {
  color: rgb(255 255 255);
}
.offcanvas-menu .offcanvas-inner ul.menu > li li a {
  font-size: 14px !important;
  color: #ffffff !important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: 14px !important;
  color: #ffffff !important;
}
h3.sppb-addon-title {
  text-align: center;
  display: block !important;
}
.blog {
  max-width: 1200px;
  margin: 0 auto;
}
.article-list.articles-leading {
  margin: 0 auto;
  max-width: 1200px;
}
.offcanvas-menu
  .offcanvas-inner
  ul.menu
  > li.menu-parent
  li.menu-parent
  .menu-toggler {
  right: -35px;
}
.offcanvas-menu
  .offcanvas-inner
  ul.menu
  > li.menu-parent
  li.menu-parent
  .menu-toggler {
  right: -35px;
  display: block;
  position: absolute;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  padding: 2px 10px;
}
.offcanvas-menu .offcanvas-inner a {
  text-shadow:
    -1px -1px 0#000,
    1px -1px 0#000,
    -1px 1px 0#000,
    1px 1px 0#ffffff75 !important;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info > li > a {
  opacity: 1;
}
.offcanvas-menu .offcanvas-inner .social-icons > li > a {
  opacity: 1;
}
i.icon.download-circle {
  display: none;
}
.icon.eye {
  width: 30px;
  height: 30px;
  color: #00bc5f;
}
.sp-dropdown-inner {
  width: 94%;
  margin-left: -50px;
}
.sp-megamenu-parent {
  z-index: 9;
}
h5.sp-module-title {
  padding-top: 50px;
}
.container {
  max-width: 100%;
  padding: 0px 10px;
}
.container-lg {
  max-width: 100%;
  padding: 0px 10px;
}
.container-md {
  max-width: 100%;
  padding: 0px 10px;
}
.container-sm {
  max-width: 100%;
  padding: 0px 10px;
}
.container-xl {
  max-width: 100%;
  padding: 0px 10px;
}
.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #028900;
  --bs-btn-border-color: #028900;
  --bs-btn-hover-color: #d8ffd8;
  --bs-btn-hover-bg: #028900;
  --bs-btn-hover-border-color: #028900;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #028900;
  --bs-btn-active-border-color: #028900;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #028900;
  --bs-btn-disabled-border-color: #028900;
  margin: 10px 0px;
  padding: 10px;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #028900;
  --bs-btn-border-color: #028900;
  --bs-btn-hover-color: #d8ffd8;
  --bs-btn-hover-bg: #028900;
  --bs-btn-hover-border-color: #028900;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #028900;
  --bs-btn-active-border-color: #028900;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #028900;
  --bs-btn-disabled-border-color: #028900;
  margin: 10px 0px;
  padding: 10px;
}
#sp-footer a {
  color: #ef7521;
}
#sp-bottom a {
  color: #ef7521;
}
.responsive-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.videos-list-view .card-video {
  -webkit-box-shadow: 0 1.2rem 2.7rem rgb(52 79 110/0%);
  box-shadow: 0 1.2rem 2.7rem rgb(52 79 110/0%);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: 15px !important;
  margin: 0 auto;
  visibility: visible;
  animation-duration: 600ms;
  animation-delay: 4ms;
  animation-name: zoomIn;
}
.card-video-wrap {
  border-radius: 15px !important;
  border-bottom: 0px solid #f5f5f500;
  overflow: hidden !important;
  margin: -1rem -1rem 0rem -1rem;
  height: auto;
  max-height: 330px;
  visibility: visible;
  animation-duration: 600ms;
  animation-delay: 4ms;
  animation-name: zoomIn;
}
.responsive-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div#jtwrap {
  margin: 50px 0px;
}
section#sp-section-6 {
  padding-top: 30px;
}
div#sp-trending-searches {
  padding-top: 25px;
}
.sp-module ul > li > a {
  color: #ef7521;
}
.videos-list-view .card-video .card-video-wrap {
  padding-bottom: 100%;
}
.btn-amazon {
  display: inline-block;
  padding: 10px 15px;
  background-color: #ffd814;
  color: #232f3e;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px;
  transition:
    background-color 0.3s,
    color 0.3s;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 30px;
}
.btn-amazon:hover {
  background-color: #232f3e;
  color: #ffd814;
}
a.export_pdf.btn.btn-sm.btn-success.btn-panel.right {
  display: none;
}
a.export_csv.btn.btn-sm.btn-primary.btn-panel.right {
  display: none;
}
h2.error-message {
  display: none !important;
}
.error-message {
  display: none !important;
}
span.speasyimagegallery-album-title {
  display: none !important;
}
.speasyimagegallery-album-info {
  display: none;
}
.sp-module-content .menu li {
  display: inline-block;
  margin-right: 10px;
  font-size: 11px;
}
.speasyimagegallery-image-content {
  bottom: -100%;
}
section#section-id-T_lRz0Ow_K78hpHMVC4Mc {
  background-attachment: fixed !important;
  background-position: 50% 50% !important;
}
i.fa.fa-shopping-basket {
  background-image: url(https://bistrobuddy.com/images/bistro-buddy-bag-small.png);
  background-size: contain;
  color: #a12f2f00;
  background-repeat: no-repeat;
}
.sp-megamenu-parent {
  margin: 0px 0px 0px -25px;
}
div#column-id-38brzRHCCU5OosDNfyLhD {
  padding-left: 0px;
  padding-right: 0px;
}
div#column-id-UtEmfOQp0Ye-KszEklLC6 {
  padding-left: 0px;
  padding-right: 0px;
}
div#column-id-foBM6yfIRnMNFhZrIoe8n {
  padding-left: 0px;
  padding-right: 0px;
}
div#column-id-WR9L-wTFIhVR9LcQj3Kf- {
  padding-left: 0px;
  padding-right: 0px;
}
#column-id-BVdVakdE8Uzuxg3YdqI61 {
  padding-top: 100px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
}
#sp-page-builder .sppb-icon span {
  background: #ef2121;
  opacity: 0.5;
}
#sp-footer a {
  color: #252525;
}
#sp-bottom a {
  color: #252525;
}
.sp-scroll-up {
  right: 50%;
  margin-right: -15px;
}
.form-field select {
  font-size: 24px !important;
}
i.la.la-angle-left {
  left: -50px;
  display: inline;
}
i.la.la-angle-left {
  margin-left: 10px;
}
i.la.la-angle-right {
  margin-right: 10px;
}
.slick-slider .controller-prev i {
  background: #2d2d2dde;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.7);
  font-size: 48px;
  font-weight: bold;
  height: 80px;
  width: 80px;
  line-height: 80px;
  margin-top: 25px;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 300ms ease 0s;
  z-index: 999;
  border: solid;
  border-color: #ef7521b0;
}
.slick-slider .controller-next i {
  background: #2d2d2dde;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.7);
  font-size: 48px;
  font-weight: bold;
  height: 80px;
  width: 80px;
  line-height: 80px;
  margin-top: 25px;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 300ms ease 0s;
  z-index: 999;
  border: solid;
  border-color: #ef7521b0;
}
.carousel-control-next-icon {
  background: #2d2d2dde;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.7);
  font-size: 48px;
  font-weight: bold;
  height: 80px;
  width: 80px;
  line-height: 80px;
  margin-top: 25px;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 300ms ease 0s;
  z-index: 999;
  border: solid;
  border-color: #ef7521b0;
}
.carousel-control-prev-icon {
  background: #2d2d2dde;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.7);
  font-size: 48px;
  font-weight: bold;
  height: 80px;
  width: 80px;
  line-height: 80px;
  margin-top: 25px;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 300ms ease 0s;
  z-index: 999;
  border: solid;
  border-color: #ef7521b0;
}
.carousel-control-next-icon {
  background-image: url(https://bistrobuddy.com/images/next.svg);
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: center;
  animation-fill-mode: backwards;
}
.carousel-control-prev-icon {
  background-image: url(https://bistrobuddy.com/images/prev.svg);
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: center;
  animation-fill-mode: backwards;
}
h3.sppb-addon-title {
  text-align: center;
}
.col-lg-5.order-1.order-lg-2 {
  background: #4caf50;
  padding: 8px;
  border-radius: 15px;
}
.order-items .order-spacer {
  border: 4px solid #4caf50 !important;
  margin: 40px 0;
  border-radius: 15px;
}
.formError .formErrorContent {
  width: 100%;
  background: #ee0101;
  position: relative;
  color: #fff;
  min-width: 225px !important;
  font-size: 14px;
  border: 4px double #ddd;
  box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  -webkit-box-shadow: 0 0 6px #000;
  -o-box-shadow: 0 0 6px #000;
  padding: 4px 10px 4px 10px !important;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  animation: spin-border-colors 2s infinite linear !important;
}
.play-pause {
  opacity: 0.5;
}
.videos-list-view .card-video .card-video-wrap .play-pause {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  background: #ef2121 !important;
  opacity: 0.5 !important;
  border-radius: 16.8rem;
  width: 56px !important;
  height: 56px !important;
  font-size: 2.2rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.videos-list-view .card-video .card-video-wrap .play-pause:hover {
  width: 75px !important;
  height: 75px !important;
  opacity: 0.6;
  border: 2px;
}
.videoSitesLoader {
  border-radius: 15px;
}
.burger-icon {
  margin-top: 0px !important;
}
.offcanvas-active .burger-icon > span {
  background-color: #ffffff;
}
#modal-menu-toggler.active .burger-icon > span {
  background-color: #ffffff;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a {
  color: #ffffff;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > span {
  color: #ffffff;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler {
  color: #ffffff;
}
.offcanvas-menu
  .offcanvas-inner
  ul.menu
  > li.menu-parent
  > .menu-separator
  > .menu-toggler {
  color: #ffffff;
}
.offcanvas-menu .offcanvas-inner ul.menu > li li a {
  color: #ffffff;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  color: #ffffff;
}
.offcanvas-menu .offcanvas-inner a {
  color: #ef7724;
  font-weight: 500;
}
.offcanvas-menu .fa {
  color: #7ca3d6;
  font-size: 20px;
}
.offcanvas-menu .fab {
  color: #7ca3d6;
  font-size: 20px;
}
.offcanvas-menu .far {
  color: #7ca3d6;
  font-size: 20px;
}
.offcanvas-menu .fas {
  color: #7ca3d6;
  font-size: 20px;
}
#sp-header {
  position: fixed;
  width: 100%;
  transition: top 0.3s;
}
#sp-header.headroom-hide {
  top: -140px;
}
#sp-header.top-bar {
  top: 0;
}
.sp-reading-progress-bar {
  position: fixed;
  z-index: 9999;
  height: 10px;
  top: 0;
  background-color: #80a2d0 !important;
  border-right: 30px solid #ef7524;
  width: calc(100% - 6.65115%);
}
.offcanvas-overlay {
  z-index: 9106 !important;
  background: rgb(239, 117, 33);
  background: linear-gradient(
    90deg,
    rgba(239, 117, 33, 1) 4%,
    rgba(239, 117, 33, 0.7931547619047619) 7%,
    rgba(239, 117, 33, 0) 49%,
    rgba(124, 164, 221, 0) 49%,
    rgba(124, 164, 221, 0.9332107843137255) 97%,
    rgba(124, 164, 221, 1) 100%
  );
}
.sp-megamenu-parent .sp-mega-group > li > a {
  color: #ef7521;
}
.sp-contact-info li {
  display: inline-block;
  margin: 0px 10px 0 0;
  font-size: 130%;
  white-space: nowrap;
}
#sp-header {
  position: fixed;
  width: 100%;
  transition: top 0.3s;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a {
  display: block;
  font-size: 20px;
  padding: 10px 0;
  position: relative;
  line-height: 18px;
  opacity: unset;
  color: white;
  transition: 0.3s;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > span {
  display: block;
  font-size: 20px;
  padding: 10px 0;
  position: relative;
  line-height: 18px;
  opacity: unset;
  color: white;
  transition: 0.3s;
}
.offcanvas-menu .offcanvas-inner ul.menu > li li a {
  color: #ffffff;
  font-size: 15px;
  padding: 4px 0;
  line-height: 35px;
  font-weight: 700;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  color: #ffffff;
  font-size: 15px;
  padding: 4px 0;
  line-height: 35px;
  font-weight: 700;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #252729 !important;
}
.offcanvas-menu .offcanvas-inner a {
  font-weight: 900;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  border-radius: 4px;
  background: linear-gradient(
    165deg,
    rgba(124, 164, 221, 0.25) 0%,
    rgba(239, 117, 36, 0.25) 128%
  );
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #ef7724;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #ef7724
    linear-gradient(
      165deg,
      rgba(124, 164, 221, 0.25) 0%,
      rgba(239, 117, 36, 0.25) 128%
    );
}
*::-ms-scrollbar {
  width: 8px;
}
*::-ms-scrollbar-track {
  border-radius: 4px;
  background: linear-gradient(
    165deg,
    rgba(124, 164, 221, 0.25) 0%,
    rgba(239, 117, 36, 0.25) 128%
  );
}
*::-ms-scrollbar-thumb {
  border-radius: 4px;
  background-color: #ef7724;
}
.ElementsApp {
  color: #ef7626;
}
.ElementsApp .InputElement {
  color: #ef7626;
}
.ElementsApp .InputElement.is-invalid {
  color: #ff2b00;
}
.sp-page-title {
  background: linear-gradient(
    66deg,
    rgba(239, 117, 33, 1) 0%,
    rgba(254, 249, 246, 1) 45%,
    rgba(255, 255, 255, 1) 55%,
    rgba(124, 164, 221, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef7521",endColorstr="#7ca4dd",GradientType=1) !important;
}
h2.sp-page-title-heading {
  text-shadow: 1px 1px 3.7px rgba(0, 0, 0, 1);
  color: #fff;
  font-weight: 900;
}
ol.breadcrumb {
  text-shadow: 1px 1px 3.7px rgba(0, 0, 0, 1);
  color: #fff;
  font-weight: 900;
}
.sp-page-title .sp-page-title-sub-heading {
  font-weight: bold;
}
.sp-page-title .breadcrumb > span {
  color: #fff;
  text-shadow: 1px 1px 3.7px rgba(0, 0, 0, 1);
  color: #fff;
  font-weight: 900;
}
.sp-page-title .breadcrumb > li {
  color: #fff;
  text-shadow: 1px 1px 3.7px rgba(0, 0, 0, 1);
  color: #fff;
  font-weight: 900;
}
.sp-page-title .breadcrumb > li + li:before {
  color: #fff;
  text-shadow: 1px 1px 3.7px rgba(0, 0, 0, 1);
  color: #fff;
  font-weight: 900;
}
.sp-page-title .breadcrumb > li > a {
  color: #fff;
  text-shadow: 1px 1px 3.7px rgba(0, 0, 0, 1);
  color: #fff;
  font-weight: 900;
}
#sp-bottom {
  background: linear-gradient(
    66deg,
    rgba(239, 117, 33, 1) 0%,
    rgba(254, 249, 246, 1) 45%,
    rgba(255, 255, 255, 1) 55%,
    rgba(124, 164, 221, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef7521",endColorstr="#7ca4dd",GradientType=1) !important;
}
.offcanvas-menu .offcanvas-inner a {
  color: #7fa2d1;
  font-weight: 900;
  text-shadow:
    -1px -1px 0#fff,
    1px -1px 0#fff,
    -1px 1px 0#fff,
    1px 1px 0#fff;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a {
  display: block;
  font-size: 30px;
  padding: 9px 0px;
  position: relative;
  line-height: 30px;
  opacity: unset;
  color: white;
  transition: 0.3s;
  text-shadow: 2px 2px 4px rgb(0 0 0);
}
.offcanvas-menu .offcanvas-inner ul.menu > li > span {
  display: block;
  font-size: 30px;
  padding: 9px 0px;
  position: relative;
  line-height: 30px;
  opacity: unset;
  color: white;
  transition: 0.3s;
  text-shadow: 2px 2px 4px rgb(0 0 0);
}
h2.sp-page-title-heading {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
}
ol.breadcrumb {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
}
.offcanvas-menu .offcanvas-inner ul.menu > li li a {
  color: #ffffff;
  font-size: 17px;
  padding: 4px 0;
  line-height: 35px;
  font-weight: 800;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  color: #ffffff;
  font-size: 17px;
  padding: 4px 0;
  line-height: 35px;
  font-weight: 800;
}
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover {
  color: #00ff03 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li a:focus {
  color: #00ff03 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li span:hover {
  color: #00ff03 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
  color: #00ff03 !important;
}
.sp-page-title-sub-heading {
  color: black !important;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #ef7721 !important;
}
html {
  scroll-behavior: smooth;
}
.sppb-addon-article {
  object-fit: cover;
  object-position: center;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  background: #fff;
  margin: 1rem 0;
}
.sppb-article-info-wrap {
  padding: 1rem;
}






@media screen and (max-width: 805px) {
  .col-lg-3 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .page-content {
    margin-top: 20px;
  }
  .vent-container {
    padding: 0;
  }
  .sppb-addon-image-content .sppb-image-holder {
    position: inherit;
    width: 100% !important;
    height: 400px;
  }
}
@media screen and (max-width: 480px) {
  .hidden-xs {
    display: block;
  }
  ins.adsbygoogle {
    margin: 60px 0;
    max-width: 300px;
  }
}
@media screen and (min-width: 481px) {
  .hidden-xs {
    display: block;
  }
}
.mfp-wrap {
  z-index: 99999999067 !important;
}
.mfp-close {
  color: #00ff0a;
  font-size: xxx-large;
}
li.li-padding {
  padding: 10px 15px;
}
div#gallery {
  max-width: 1000px;
  min-width: 300px;
  min-height: 550px;
  width: auto;
  height: 231px;
}
.video {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  width: 100%;
  min-height: -webkit-fill-available;
}
.video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: -webkit-fill-available;
}
.article-list .article {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: 0.35rem !important;
  visibility: visible !important;
  animation-duration: 600ms !important;
  animation-delay: 4ms !important;
  animation-name: zoomIn !important;
}
.article {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: 0.35rem !important;
  visibility: visible !important;
  animation-duration: 600ms !important;
  animation-delay: 4ms !important;
  animation-name: zoomIn !important;
}
div#gallery {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: 0.35rem !important;
  margin: 0 auto;
  visibility: visible;
  animation-duration: 600ms;
  animation-delay: 4ms;
  animation-name: zoomIn;
}
.offcanvas-menu .offcanvas-inner ul.menu > li li a {
  font-size: 14px !important;
  color: #7ca3d4 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: 14px !important;
  color: #7ca3d4 !important;
}
.container {
  max-width: 100%;
  padding: 0px 20px;
}
.container-lg {
  max-width: 100%;
  padding: 0px 20px;
}
.container-md {
  max-width: 100%;
  padding: 0px 20px;
}
.container-sm {
  max-width: 100%;
  padding: 0px 20px;
}
.container-xl {
  max-width: 100%;
  padding: 0px 20px;
}
.videos-list-view .card-video {
  -webkit-box-shadow: 0 1.2rem 2.7rem rgb(52 79 110/0%);
  box-shadow: 0 1.2rem 2.7rem rgb(52 79 110/0%);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: 0.35rem !important;
  margin: 0 auto;
  visibility: visible;
  animation-duration: 600ms;
  animation-delay: 4ms;
  animation-name: zoomIn;
}
.card-video-wrap {
  border-radius: 3px 3px 0 0;
  border-bottom: 0px solid #f5f5f500;
  overflow: hidden !important;
  margin: -1rem -1rem 0rem -1rem;
  height: auto;
  max-height: 330px;
  visibility: visible;
  animation-duration: 600ms;
  animation-delay: 4ms;
  animation-name: zoomIn;
}
.responsive-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: -webkit-fill-available;
}
.videos-list-view .card-video {
  -webkit-box-shadow: 0 1.2rem 2.7rem rgb(52 79 110/0%);
  box-shadow: 0 1.2rem 2.7rem rgb(52 79 110/0%);
}
.offcanvas-menu .offcanvas-inner ul.menu > li li a {
  color: #006eff;
  font-size: 17px;
  padding: 4px 0;
  line-height: 35px;
  font-weight: 800;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  color: #006eff;
  font-size: 17px;
  padding: 4px 0;
  line-height: 35px;
  font-weight: 800;
}
.header {
  opacity: 1 !important;
  visibility: visible !important;
}
.logo {
  opacity: 1 !important;
  visibility: visible !important;
}
.menu {
  opacity: 1 !important;
  visibility: visible !important;
}
.sp-megamenu-wrapper {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
.sp-logo {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
.sp-pre-loader {
  border: 2px solid #7ca4dd !important;
  background-image: url(https://bistrobuddy.com/images/bistro_buddy/bistro-buddy-loader.png) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background: rgb(239, 117, 33);
  background: linear-gradient(
    90deg,
    rgba(239, 117, 33, 1) 4%,
    rgba(239, 117, 33, 0.793) 7%,
    rgba(239, 117, 33, 0) 49%,
    rgba(124, 164, 221, 0) 49%,
    rgba(124, 164, 221, 0.933) 97%,
    rgba(124, 164, 221, 1) 100%
  ) !important;
  z-index: 99999999999 !important;
}
.DS036808602202015495 {
  display: none;
}
iframe {
  border: 0;
  border-radius: 1em;
}
.video-tall {
  aspect-ratio: 9/16 !important;
  max-height: 800px !important;
  max-width: 450px !important;
  margin: auto !important;
}
.video-wide {
  aspect-ratio: 16/9 !important;
}
iframe {
  border: 0;
  max-width: 100% !important;
  border-radius: 8px;
  min-height: -webkit-fill-available;
}
.hubspot.messages-body {
  z-index: 99999999999 !important;
  position: unset !important;
}
.view-counter {
  border-left-color: #ef7724;
  border-right-color: #7ca4dd;
  border-top-color: #ef7724;
  border-bottom-color: #7ca4dd;
  animation: spin-border-colors 2s infinite linear;
}
.item.article {
  padding: 10px;
  border-left-color: #ef7724;
  border-right-color: #7ca4dd;
  border-top-color: #ef7724;
  border-bottom-color: #7ca4dd;
  animation: spin-border-colors 2s infinite linear;
}
.item.article {
  padding: 10px !important;
  border: solid 2px !important;
  border-left-color: #ef7724 !important;
  border-right-color: #7ca4dd !important;
  border-top-color: #ef7724 !important;
  border-bottom-color: #7ca4dd !important;
  animation: spin-border-colors 2s infinite linear !important;
}
a.book-tickets {
  padding: 10px !important;
  border: solid 2px !important;
  border-left-color: #91f7c5 !important;
  border-right-color: #49ff00 !important;
  border-top-color: #91f7c5 !important;
  border-bottom-color: #49ff00 !important;
  animation: spin-border-colors 2s infinite linear !important;
}
a.btn.btn-outline {
  background: #81a1ce;
  color: #ffffff;
  font-weight: 700;
  width: 100%;
}
.animated-button {
  display: block !important;
  background-size: 400% 400% !important;
  color: #fff !important;
  text-align: center;
  display: inline-block;
  border: 4px solid #fff;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  transition:
    background-position 0.6s ease,
    box-shadow 0.3s ease;
  animation: gradientShift 10s ease infinite;
  font-family: inherit;
}
.animated-button:hover {
  background-position: right center !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
#sppb-addon-wrapper-DmApfGc5imLZ2DqUw3fnr {
  margin-top: -160px !important;
}
.vendor-button {
  display: block !important;
  background-image: linear-gradient(135deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400% !important;
  border-color: #23d5ab;
  border-radius: 8px;
  padding: 3px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff !important;
  text-align: center;
  border: 4px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  transition:
    background-position 0.6s ease,
    box-shadow 0.3s ease;
  animation: gradientShift 10s ease infinite;
  font-family: inherit;
}
.vendor-button:hover {
  background-position: right center !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.wizard > .steps .disabled a {
  display: block !important;
  background-image: linear-gradient(
    135deg,
    #00f260,
    #38f9d7,
    #43e97b,
    #00f260,
    #38f9d7
  );
  background-size: 400% 400% !important;
  border-color: #00f260;
  border-radius: 6px;
  padding: 11px 24px;
  font-size: 15px;
  color: #fff !important;
  text-align: center;
  border: 4px solid #fff;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  transition:
    background-position 0.6s ease,
    box-shadow 0.3s ease;
  animation: gradientShift 10s ease infinite;
  font-family: inherit;
}
.wizard > .steps .disabled a:hover {
  display: block !important;
  background-image: linear-gradient(
    135deg,
    #00f260,
    #38f9d7,
    #43e97b,
    #00f260,
    #38f9d7
  );
  background-size: 400% 400% !important;
  border-color: #00f260;
  border-radius: 6px;
  padding: 11px 24px;
  font-size: 15px;
  color: #fff !important;
  text-align: center;
  border: 4px solid #fff;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  transition:
    background-position 0.6s ease,
    box-shadow 0.3s ease;
  animation: gradientShift 10s ease infinite;
  font-family: inherit;
}
.wizard > .steps .disabled a:active {
  display: block !important;
  background-image: linear-gradient(
    135deg,
    #00f260,
    #38f9d7,
    #43e97b,
    #00f260,
    #38f9d7
  );
  background-size: 400% 400% !important;
  border-color: #00f260;
  border-radius: 6px;
  padding: 11px 24px;
  font-size: 15px;
  color: #fff !important;
  text-align: center;
  border: 4px solid #fff;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  transition:
    background-position 0.6s ease,
    box-shadow 0.3s ease;
  animation: gradientShift 10s ease infinite;
  font-family: inherit;
}
.contact-button {
  display: block !important;
  background-image: linear-gradient(
    135deg,
    #00f260,
    #38f9d7,
    #43e97b,
    #00f260,
    #38f9d7
  );
  background-size: 400% 400% !important;
  border-color: #00f260;
  border-radius: 6px;
  padding: 3px;
  font-size: 20px;
  color: #fff !important;
  text-align: center;
  border: 4px solid #fff;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  transition:
    background-position 0.6s ease,
    box-shadow 0.3s ease;
  animation: gradientShift 10s ease infinite;
  font-family: inherit;
  min-height: 50px;
  margin: 20px auto !important;
  padding: 10px;
}
.contact-button:hover {
  background-image: linear-gradient(
    135deg,
    #ffd700,
    #ffb700,
    #ffdd57,
    #ffb700,
    #ffd700
  );
  border-color: #ffd700;
  background-position: right center !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.play_btn {
  background: rgba(0, 0, 0, 0) url(https://bistrobuddy.com/images/video-button.png) no-repeat scroll 0
    0 !important;
  background-size: contain !important;
  height: 75px !important;
  width: 75px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  margin-left: -37.5px !important;
  margin-top: -37.5px !important;
  z-index: 1 !important;
  animation: pulse 1.5s ease-in-out infinite;
  transform-origin: center center;
  transition: transform 0.4s ease-in-out;
}
.play_btn:hover {
  animation: none;
  transform: scale(1.33);
}
.li-padding {
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  border-radius: 6.25rem;
  background: rgba(239, 117, 33, 0.3);
  color: #ef7521;
  display: inline-flex !important;
  padding: 0px 10px;
  margin: 5px;
}
.force-square {
  aspect-ratio: 9/9 !important;
}
.dir-overlay {
  width: 100% !important;
  border-radius: 15px;
}
.boost-button {
  border: 0;
  margin: auto;
}
.feature-badge {
  background-color: #000000c9 !important;
  background-repeat: no-repeat !important;
  border: 6px double;
  display: block !important;
  width: 100%;
  max-width: 1200px !important;
  margin: auto !important;
  border-left-color: #ef7724;
  border-right-color: #7ca4dd;
  border-top-color: #ef7724;
  border-bottom-color: #7ca4dd;
  border-radius: 8px;
  padding: 15px;
  z-index: 3000;
  position: relative;
  margin: 0px 10px 0px 10px;
  color: #ffc83d;
  font-size: 14px !important;
}
.btn-outline-info {
  color: #fff !important;
  background-color: #4edb34 !important;
}
.videoSitesLoader {
  aspect-ratio: 16/9 !important;
  width: 100%;
  height: auto;
  display: block;
}
.bistro-progress {
  margin: 30px !important;
}
.badge {
  position: absolute;
  padding: 4px 8px;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 12px;
}
.badge-category {
  top: 8px;
  left: 8px;
  background: #ff6f61;
}
.badge-location {
  top: 8px;
  right: 8px;
  background: rgba(0, 0, 0, 0.6);
}
.logo-overlay {
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 64px;
  border: 3px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.logo-overlay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.eb-floating-button {
  margin-top: 200px;
}
.badge {
  position: static;
  padding: 4px 8px;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 12px;
}
#hubspot-messages-iframe-container {
  display: initial !important;
  z-index: 7147483647 !important;
  bottom: 80px !important;
}
.user-area.signin-area {
  display: none !important;
}
button.tox-tbtn.tox-tbtn--select.tox-tbtn--active {
  display: none !important;
}
.tox .tox-tbtn--select {
  margin: 0;
  padding: 0;
  width: 0;
  display: none !important;
}
.tox .tox-tbtn {
  margin: 0;
  padding: 0;
  width: 0;
  display: none !important;
}
:root {
  --bb-header-h: 64px;
  --bb-logo-col-w: clamp(150px, 16vw, 270px);
  --bb-logo-max-w: clamp(140px, 15vw, 250px);
  --bb-logo-max-h: 46px;
  --bb-menu-font: clamp(12px, 0.8vw, 14px);
  --bb-menu-pad-x: clamp(3px, 0.4vw, 7px);
  --bb-header-gap: 8px;
  --bb-orange: #ef7724;
  --bb-orange-bright: #ff9a44;
  --bb-blue: #2f6fbd;
  --bb-blue-soft: #7ca4dd;
  --bb-shadow-sm: 0 8px 22px rgba(37, 36, 61, 0.11);
  --bb-docker-h: 0px;
  --bb-safe-bottom: env(safe-area-inset-bottom, 0px);
}
html {
  scroll-padding-top: calc(var(--bb-header-h) + 12px);
  max-width: 100%;
  overflow-x: hidden;
}
@supports (overflow: clip) {
  html {
    overflow-x: clip;
  }
}
html body {
  margin-top: 0 !important;
  max-width: 100%;
  overflow-x: hidden;
}
@supports (overflow: clip) {
  html body {
    overflow-x: clip;
  }
}
html body .body-wrapper,
html body .body-innerwrapper {
  margin-top: 0 !important;
  max-width: 100%;
  overflow-x: clip;
}
html body .header-wrapper {
  display: block !important;
  height: var(--bb-header-h) !important;
  min-height: var(--bb-header-h) !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body #sp-header,
html body header#sp-header {
  position: fixed !important;
  inset: 0 0 auto !important;
  width: 100% !important;
  height: var(--bb-header-h) !important;
  min-height: var(--bb-header-h) !important;
  max-height: var(--bb-header-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  z-index: 9999 !important;
}
html body #sp-header > .container,
html body #sp-header > .container-fluid,
html body #sp-header .container-inner,
html body #sp-header .row {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box !important;
}
html body #sp-header .row {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  margin-inline: 0 !important;
}
html body #sp-logo,
html body #sp-menu {
  height: 100% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding-block: 0 !important;
}
html body #sp-logo {
  flex: 0 0 var(--bb-logo-col-w) !important;
  width: var(--bb-logo-col-w) !important;
  max-width: var(--bb-logo-col-w) !important;
}
html body #sp-menu {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
}
html body #sp-logo > .sp-column,
html body #sp-logo .logo,
html body #sp-logo .logo > a,
html body #sp-menu > .sp-column {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
}
html body #sp-header .logo-image,
html body #sp-header .logo-image-phone,
html body #sp-header img.logo-image,
html body #sp-header img.logo-image-phone {
  width: auto !important;
  max-width: var(--bb-logo-max-w) !important;
  height: auto !important;
  max-height: var(--bb-logo-max-h) !important;
  margin: 0 !important;
  aspect-ratio: 920/293 !important;
  object-fit: contain !important;
  flex: 0 1 auto !important;
}
html body #sp-menu > .sp-column {
  width: 100% !important;
  justify-content: flex-end !important;
  gap: var(--bb-header-gap) !important;
  overflow: visible !important;
}
html body #sp-menu > .sp-column > .sp-megamenu-wrapper {
  order: 1 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  overflow: visible !important;
}
html body #sp-header .sp-megamenu-parent {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
html body #sp-header .sp-megamenu-parent > li {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
html body #sp-header .sp-megamenu-parent > li > a,
html body #sp-header .sp-megamenu-parent > li > span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: var(--bb-header-h) !important;
  padding-inline: var(--bb-menu-pad-x) !important;
  font-size: var(--bb-menu-font) !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
html body #sp-menu .sp-megamenu-wrapper > a#offcanvas-toggler {
  display: none !important;
}
html body #sp-menu > .sp-column > a#offcanvas-toggler {
  order: 2 !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body #sp-header #offcanvas-toggler .burger-icon,
html body .close-offcanvas .burger-icon {
  position: relative !important;
  width: 22px !important;
  height: 16px !important;
  min-width: 22px !important;
  min-height: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}
html body #sp-header #offcanvas-toggler .burger-icon > span,
html body .close-offcanvas .burger-icon > span {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 2px !important;
  min-height: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.55) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transform-origin: center !important;
}
html
  body.offcanvas-active
  #sp-header
  #offcanvas-toggler
  .burger-icon
  > span:nth-child(1),
html
  body
  .offcanvas-active
  #sp-header
  #offcanvas-toggler
  .burger-icon
  > span:nth-child(1),
html body .close-offcanvas .burger-icon > span:nth-child(1) {
  transform: translateY(7px) rotate(45deg) !important;
}
html
  body.offcanvas-active
  #sp-header
  #offcanvas-toggler
  .burger-icon
  > span:nth-child(2),
html
  body
  .offcanvas-active
  #sp-header
  #offcanvas-toggler
  .burger-icon
  > span:nth-child(2),
html body .close-offcanvas .burger-icon > span:nth-child(2) {
  opacity: 0 !important;
  visibility: hidden !important;
}
html
  body.offcanvas-active
  #sp-header
  #offcanvas-toggler
  .burger-icon
  > span:nth-child(3),
html
  body
  .offcanvas-active
  #sp-header
  #offcanvas-toggler
  .burger-icon
  > span:nth-child(3),
html body .close-offcanvas .burger-icon > span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg) !important;
}
html
  body
  #sp-header
  .sp-dropdown
  li.sp-menu-item.bb-submenu-flip-left
  > .sp-dropdown-sub {
  left: auto !important;
  right: calc(100% - 7px) !important;
  padding-left: 0 !important;
  padding-right: 7px !important;
}
html
  body
  #sp-header
  .sp-dropdown
  li.sp-menu-item.bb-submenu-flip-left
  > .sp-dropdown-sub::before {
  left: auto !important;
  right: -10px !important;
}
#bb281-menu-scroll-cue {
  position: sticky !important;
  bottom: 8px !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  margin: 10px auto 0 !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(239, 119, 36, 0.55) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: rgba(24, 24, 27, 0.92) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  z-index: 4 !important;
}
.offcanvas-menu.bb281-can-scroll #bb281-menu-scroll-cue {
  display: flex !important;
}
.offcanvas-menu.bb281-at-scroll-end #bb281-menu-scroll-cue {
  display: none !important;
}
html body #sp-main-body > .container,
html body #sp-main-body > .container-fluid,
html body #sp-main-body > .container > .container-inner,
html body #sp-main-body > .container-fluid > .container-inner,
html body #sp-main-body > .container > .row,
html body #sp-main-body > .container-fluid > .row,
html body #sp-main-body > .container > .container-inner > .row,
html body #sp-main-body > .container-fluid > .container-inner > .row,
html body #sp-component,
html body main#sp-component {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
}
html body #sp-main-body > .container,
html body #sp-main-body > .container-fluid {
  padding-inline: clamp(8px, 1.25vw, 20px) !important;
  margin-inline: auto !important;
}
html body #sp-main-body > .container > .row,
html body #sp-main-body > .container-fluid > .row,
html body #sp-main-body > .container > .container-inner > .row,
html body #sp-main-body > .container-fluid > .container-inner > .row {
  margin-inline: 0 !important;
}
html body #sp-component,
html body main#sp-component {
  flex: 0 0 100% !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}
html body #sp-main-body > .container > .row > #sp-right,
html body #sp-main-body > .container > .row > #sp-left,
html body #sp-main-body > .container-fluid > .row > #sp-right,
html body #sp-main-body > .container-fluid > .row > #sp-left,
html body #sp-main-body > .container > .container-inner > .row > #sp-right,
html body #sp-main-body > .container > .container-inner > .row > #sp-left,
html
  body
  #sp-main-body
  > .container-fluid
  > .container-inner
  > .row
  > #sp-right,
html
  body
  #sp-main-body
  > .container-fluid
  > .container-inner
  > .row
  > #sp-left {
  display: none !important;
}
.sppb-row-container {
  width: 100% !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-inline: clamp(8px, 1.25vw, 20px) !important;
}
html body section#sp-feature,
html body .sp-page-title,
html body #sp-main-body {
  margin-top: 0 !important;
  top: auto !important;
}
html body #section-id-1703965929560,
html body #section-id-1703965929560 .sppb-row-container,
html body #section-id-1703965929560 .sppb-row,
html body #section-id-1703965929560 .addon-root-articles-scroller,
html body #sppb-addon-wrapper-1703966039476,
html body #sppb-addon-1703966039476 {
  margin-top: 0 !important;
  padding-top: 0 !important;
  top: auto !important;
  transform: none !important;
}
html body #section-id-1703965929560 .sppb-row {
  display: flex !important;
  flex-wrap: wrap !important;
}
html body #section-id-1703965929560 .sppb-articles-ticker-wrap,
html body #section-id-1703965929560 .sppb-articles-ticker,
html body #section-id-1703965929560 .sppb-articles-ticker-content {
  max-height: 46px !important;
  overflow: hidden !important;
}
.article-list .article .article-intro-image,
.article-list .article .article-featured-video,
.article-list .article .article-featured-audio,
.article-list .article .article-feature-gallery {
  position: relative !important;
  overflow: hidden !important;
  margin: -1.2rem -1.2rem 1.2rem !important;
  border: 0 !important;
  border-bottom: 1px solid #f5f5f5 !important;
  border-radius: 15px 15px 0 0 !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 16/9 !important;
  visibility: visible !important;
  animation: zoomIn 600ms 4ms;
}
.article-list .article .article-intro-image img,
.article-list .article .article-featured-video video,
.article-list .article .article-featured-video iframe,
.article-list .article .article-feature-gallery img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.article-intro-image,
.article-full-image,
.article-featured-video,
.item-image-wrap {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 15px !important;
  visibility: visible !important;
  animation: zoomIn 600ms 4ms;
}
.article-intro-image,
.article-featured-video,
.item-image-wrap {
  margin: -2rem -2rem 2rem !important;
}
.article-full-image {
  margin: -1.3rem -1.3rem 1.3rem !important;
  text-align: center !important;
}
.article-intro-image img,
.article-full-image img,
.item-image-wrap img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: cover !important;
}
#sp-page-builder .blog-list-container .item-image-wrap {
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 16/9 !important;
}
.entry-video,
.sppb-carousel-inner,
.carousel-inner {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  max-height: 620px !important;
  overflow: hidden !important;
  aspect-ratio: 16/9 !important;
  border-radius: 15px !important;
}
.entry-video iframe,
.entry-video video,
.sppb-carousel-inner img,
.carousel-inner img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.sppb-img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 15px !important;
  visibility: visible !important;
  animation: zoomIn 600ms 4ms;
}
#bb-v281-cursor-lights {
  position: fixed;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  z-index: 2147482000;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(-300px, -300px, 0);
  will-change: transform, opacity;
  transition: opacity 0.15s ease;
}
html.bb281-cursor-active #bb-v281-cursor-lights {
  opacity: 1;
}
#bb-v281-cursor-lights::before,
#bb-v281-cursor-lights::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  pointer-events: none;
}
#bb-v281-cursor-lights::before {
  width: 190px;
  height: 190px;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.18) 0 4%,
    rgba(239, 119, 36, 0.24) 13%,
    rgba(47, 111, 189, 0.18) 33%,
    rgba(239, 119, 36, 0.08) 52%,
    transparent 72%
  );
  filter: blur(4px);
  animation: bb281CursorPulse 2.8s ease-in-out infinite;
}
#bb-v281-cursor-lights::after {
  width: 96px;
  height: 96px;
  border: 2px solid rgba(239, 119, 36, 0.48);
  box-shadow:
    0 0 0 4px rgba(47, 111, 189, 0.3),
    0 0 28px rgba(239, 119, 36, 0.38),
    inset 0 0 22px rgba(47, 111, 189, 0.22);
  animation: bb281CursorSpin 4.4s linear infinite;
}
@keyframes bb281CursorPulse {
  50% {
    transform: translate(-50%, -50%) scale(1.15);
    filter: blur(6px);
  }
}
@keyframes bb281CursorSpin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.bb281-firework-ring,
.bb281-firework-core,
.bb281-firework-particle {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2147482100;
  pointer-events: none;
  will-change: transform, opacity;
}
.bb281-firework-ring {
  width: 18px;
  height: 18px;
  margin: -9px 0 0-9px;
  border: 2px solid var(--bb-orange);
  border-radius: 50%;
  box-shadow:
    0 0 0 3px rgba(47, 111, 189, 0.6),
    0 0 24px rgba(239, 119, 36, 0.62);
  animation: bb281Ring 0.72s ease-out forwards;
}
.bb281-firework-core {
  width: 10px;
  height: 10px;
  margin: -5px 0 0-5px;
  border-radius: 50%;
  background: #fff;
  box-shadow:
    0 0 18px 8px rgba(239, 119, 36, 0.75),
    0 0 28px 12px rgba(47, 111, 189, 0.46);
  animation: bb281Core 0.42s ease-out forwards;
}
.bb281-firework-particle {
  width: 8px;
  height: 8px;
  margin: -4px 0 0-4px;
  border-radius: 50%;
  background: var(--spark, var(--bb-orange));
  box-shadow: 0 0 12px 3px var(--spark, var(--bb-orange));
  animation: bb281Spark 0.82s cubic-bezier(0.1, 0.75, 0.2, 1) forwards;
}
.bb281-firework-particle.is-diamond {
  border-radius: 1px;
  transform: rotate(45deg);
}
@keyframes bb281Ring {
  to {
    transform: scale(6);
    opacity: 0;
  }
}
@keyframes bb281Core {
  to {
    transform: scale(2.2);
    opacity: 0;
  }
}
@keyframes bb281Spark {
  to {
    transform: translate3d(var(--dx), var(--dy), 0) rotate(var(--rot));
    opacity: 0;
  }
}
@media (hover: none), (pointer: coarse) {
  #bb-v281-cursor-lights {
    display: none !important;
  }
  .bb281-firework-particle {
    width: 7px;
    height: 7px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #bb-v281-cursor-lights,
  .bb281-firework-ring,
  .bb281-firework-core,
  .bb281-firework-particle {
    display: none !important;
  }
}
html.bb281-reduce-motion #bb-v281-cursor-lights,
html.bb281-reduce-motion .bb281-firework-ring,
html.bb281-reduce-motion .bb281-firework-core,
html.bb281-reduce-motion .bb281-firework-particle,
html.bb281-low-motion #bb-v281-cursor-lights,
html.bb281-low-motion .bb281-firework-ring,
html.bb281-low-motion .bb281-firework-core,
html.bb281-low-motion .bb281-firework-particle {
  display: none !important;
}
@media (max-width: 1199.98px) {
  html body #sp-header .sp-megamenu-parent {
    display: none !important;
  }
  html body #sp-menu > .sp-column > .sp-megamenu-wrapper {
    display: flex !important;
  }
  html body #sp-menu > .sp-column > a#offcanvas-toggler {
    margin-left: auto !important;
  }
}
@media (max-width: 767.98px) {
  :root {
    --bb-header-h: 56px;
    --bb-logo-col-w: clamp(98px, 34vw, 155px);
    --bb-logo-max-w: clamp(90px, 32vw, 145px);
    --bb-logo-max-h: 38px;
  }
  html body #sp-header > .container,
  html body #sp-header > .container-fluid,
  html body #sp-header .container-inner {
    padding-inline: 8px !important;
  }
  .article-intro-image,
  .article-featured-video,
  .item-image-wrap {
    margin: -1.2rem -1.2rem 1.2rem !important;
  }
  .article-full-image {
    margin: -1rem -1rem 1rem !important;
  }
}
