@import url('../typefaces/source-sans-pro/stylesheet.css');
@import url('../typefaces/source-serif-pro/stylesheet.css');
@import url('../typefaces/source-code-pro/stylesheet.css');
@import url('../typefaces/dancing-script/stylesheet.css');
@import url('../typefaces/century-gothic/stylesheet.css');
@import url('../typefaces/century/stylesheet.css');

:root {
  --font-sans: 'Source Sans Pro', sans-serif;
  --font-serif: 'Source Serif Pro', serif;
  --font-mono: 'Source Code Pro', monospace;
  --font-cursive: 'Dancing Script', cursive;
  --font-default-sans: 'Century Gothic', sans-serif;
  --font-default-serif: 'Century', serif;

  --color-main: #FF0812;
  --color-dark: #0d0d0d;
  --color-light: #ffffff;
  --color-grey-dark: #333333;
  --color-grey: #666666;
  --color-grey-light: #eeeeee;

  --color-danger: #F94F51;
  --color-warning: #FEAF46;
  --color-info: #00C1E0;
  --color-success: #02B854;
}

@font-face {
  font-family: 'century_gothic';
  src: url('../fonts/century_gothic.ttf');
}

@font-face {
  font-family: 'cafe_font';
  /* src: url('../fonts/cafe.otf'); */
  src: url('../fonts/century_gothic.ttf');
}


body.modal-open{
  overflow-y:hidden !important;
}

@font-face {
  font-family: 'food_font';
  /* src: url('../fonts/open-sans.semibold.ttf'); */
  src: url('../fonts/century_gothic.ttf');
}

@font-face {
  font-family: 'cursive_font';
  src: url('../fonts/great-day-personal-use.regular.ttf');
}

[hidden], .hidden {
  display: none;
}

.bold {
  font-weight: bold !important;
}

body.hide-body {
  overflow: hidden;
  letter-spacing: 0px !important;
}

.overlay {
  display: none;
}

.cursive_font {
  font-family: 'cursive_font' !important;
}

.century_gothic {
  font-family: 'century_gothic' !important;
}

.black-slim {
  color: #000 !important;
  font-weight: normal !important;
}

.black {
  color: #000 !important;
}

body {
  font-family: 'century_gothic' !important;
  /*var(--font-family-sans-serif); */
}

#subheading {
  color: #fff;
  opacity: 1 !important;
  font-size: 40px !important;
}

#ftco-navbar .whitefont {
  color: white;
  opacity: 1;
}

nav.navbar {
  font-family: 'century_gothic';
  font-weight: lighter;
}

.navbar-brand {
  font-family: 'century_gothic';
  font-weight: lighter;
}

.ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
  font-size: 18px;
}

section.hero-wrap.hero-wrap-home {
  background-image: url(../images/right.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.new-home {
  background-image: url(../images/crispy.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: top left !important;
}

section.hero-wrap.hero-wrap-cafe {
  background-image: url(../images/cafebg.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-smoothie {
  background-image: url(../images/beverages/smoothie/background/1.jpg ) !important;
  background-repeat: no-repeat;
  /* background-attachment:fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-cocktails {
  background-image: url(../images/beverages/cocktails/background/1.jpg ) !important;
  background-repeat: no-repeat;
  /* background-attachment:fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-juices {
  background-image: url(../images/beverages/juices/background/1.png ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-about-1 {
  background-image: url(../images/about/background/1.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-about-2 {
  background-image: url(../images/about/background/2.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-about-3 {
  background-image: url(../images/about/background/3.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-privateevent-1 {
  background-image: url(../images/private_event/background/1.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-privateevent-2 {
  background-image: url(../images/private_event/background/2.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-dining {
  background-image: url(../images/diningbg.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-contact {
  background-image: url(../images/contact/background/1.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-catering {
  background-image: url(../images/cateringbg.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-catering-1 {
  background-image: url(../images/catering/background/1.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: right bottom !important;
}

section.hero-wrap.hero-wrap-catering-2 {
  background-image: url(../images/catering/background/2.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

.logo-container {
  /* background:rgba(255,255,255,0.4); */
  padding: 10px;
  width: 150px;
  margin: 0px;
  /* border-radius:100%; */
  /* box-shadow: 0px 0px 100px #eee; */
}

.logo-container img {
  filter: contrast(120%);
  height: 120px;
  max-height: 15vh;
}

.navbar-expand-lg.ftco-navbar-light:not(.scrolled) {
  display: none;
  background-color: rgba(0, 0, 0, 0.8) !important;
}

#ftco-nav .nav-item.active>a {
  color: #fff;
  /* font-size: 15px; */
  /* text-shadow: 0px 0px 20px #000; */
}

.col-md-5.forth.align-items-center {
  background: linear-gradient(to left, rgba(255, 255, 255, 0.0), #fff) !important;
}

.col-md-5.forth.align-items-center span,
.col-md-5.forth.align-items-center p,
.col-md-5.forth.align-items-center h2,
.col-md-5.forth.align-items-center a {
  color: #000 !important;
}

.left.forth.align-items-center {
  background: linear-gradient(to left, rgba(255, 255, 255, 0.0), #fff) !important;
}

.left.forth.align-items-center span,
.left.forth.align-items-center p,
.left.forth.align-items-center h2,
.left.forth.align-items-center a {
  color: #000 !important;
}

.hero-wrap .forth .text .btn-custom:after {
  position: absolute;
  top: 0;
  right: -10%;
  bottom: 0;
  content: '';
  width: 120%;
  background: #eee;
  z-index: -1;
}

.hero-wrap .forth .text .btn-custom:before {
  position: absolute;
  top: 50%;
  right: -30px;
  width: 30px;
  height: 2px;
  content: '';
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.8);
}

.btn.full-width {
  width: 100%;
}

.food,
.heading {
  font-family: 'food_font';
}

.heading {
  font-weight: lighter !important;
}

.subheading {
  font-size: 45px !important;
}

/* SIDE MENU */
.side-menu-icon {
  width: 50px;
  padding: 10px;
  font-size: 30px;
  cursor: pointer;
}

.side-menu-float {
  text-align: center;
  position: absolute;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.4);
  padding: 8px;
  right: 0px;
  width: 75px;
  margin: 0px;
  overflow: visible;
  top: 15%;
}

.side-menu-a {
  background: transparent !important;
}

.side-menu-content p {
  font-size: 12px !important;
}

.side-menu-content {
  overflow: hidden;
  position: absolute;
  z-index: 24;
  background: #FFF;
  padding: 15px 0px;
  right: 65px;
  opacity: 0;
  width: 0px;
  height: auto;
  margin: 0px;
  display: inline;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.side-menu-content div {
  display: none;
}

ul.side-menu-group li {
  text-align: center;
}

.side-menu-group {
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

.side-menu-item {
  padding-top: 15px;
  height: 80px;
  width: 60px;
}

.side-menu-item a {
  background: #fff;
}

.side-menu-item:hover .side-menu-content {
  right: 65px;
  width: 300px;
  padding: 15px 15px;
  opacity: 1;
}

.side-menu-item:hover .side-menu-content div {
  display: block;
}

.side-menu-content input {
  height: 18px !important;
  width: 80%;
  font-size: 12px;
}

.side-menu-item:hover img {
  -webkit-filter: grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(0.7);
  filter: grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(0.7);
}

/* SIDE END */
.hidden-lg {
  display: none;
}

.hero-wrap .forth .text {
  top: 50%;
  transform: translateY(-50%);
}

body .forth {
  overflow-y: auto !important;
}


.smoothie-img {
  height: 180px;
  filter: brightness(0.8);
  cursor: pointer;
}

.smoothie-img.active {
  height: 300px;
  filter: brightness(1) contrast(1);
}

.smoothie-img-container {
  height: 300px;
}

.cocktails-img {
  height: 180px;
  filter: brightness(0.8);
  cursor: pointer;
}

.cocktails-img.active {
  height: 300px;
  filter: brightness(1) contrast(1.4);
}

.cocktails-img-container {
  height: 300px;
}

.juices-img {
  width: 90%;
  /* margin:5px; */
  padding: 10px;
  cursor: pointer;
}

.list-juice:hover .juices-img {
  filter: brightness(0.5);
  cursor: pointer;

}

.list-juice-title {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.list-juice:hover .list-juice-title {
  display: block !important;
  color: #fff !important;
}


#ftco-navbar {
  background: transparent;
  position: fixed;
  top: 0px;
}

#ftco-navbar.scrolled,
#ftco-navbar.awake {
  display: block !important;
}

.truncate-mod {
  overflow: hidden;
  /* display: -webkit-box; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

#singleStepOrder_modal_content {
  color: #000;
}

#countdown {
  padding: 10px !important;
  border-radius: 10px !important;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2) !important;
  -moz-transition: all .25s ease;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease;
  cursor: pointer;
}

#countdown:hover {
  padding: 30px !important;
  border-radius: 30px !important;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5) !important;
  bottom: -8px !important;
}

.modifierlist-item-option {
  max-width: 33vw;
}

@media only screen and (max-width: 960px) {
  .modifierlist-item-option {
    max-width: 40vw;
  }

  #ftco-navbar {
    background: #fff !important;
    position: fixed;
    top: 0px;
  }

  .modifier-name {
    font-size: 14px !important;
  }

  .truncate-mod {
    overflow: hidden;
    /* display: -webkit-box; */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .customer-link .icon-sign-in::after {
    content: "Sign In ";
    font-size: 14px;
    float: left;
    font-family: century_gothic;
    margin-top: 2px;
    margin-right: 10px;
  }

  .customer-link .icon-user-circle::after {
    content: "Account ";
    font-size: 14px;
    float: left;
    font-family: century_gothic;
    margin-top: 2px;
    margin-right: 10px;
  }

  .cart-link .icon-shopping-cart::after {
    content: "Cart ";
    font-size: 14px;
    float: left;
    font-family: century_gothic;
    margin-top: 2px;
    margin-right: 10px;
  }

  .logout-trigger .icon-sign-out::after {
    content: "Sign Out ";
    font-size: 14px;
    float: left;
    font-family: century_gothic;
    margin-top: 2px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 600px) {
  .side-menu-content {
    position: fixed;
    left: 0px;
    top: 55px;
  }

  .list-juice-title {
    font-size: 20px !important;
  }

  /* .juices-img{
    width:200px;
    margin:5px;
    padding:10px;
  } */
  /* .juices-img:hover{
    filter: brightness(0.5);
    cursor: pointer;
  } */
  .cocktails-img {
    height: 70px;
    filter: brightness(0.8);
    cursor: pointer;
  }

  .cocktails-img.active {
    height: 110px;
    filter: brightness(1) contrast(1.4);
  }

  .cocktails-img-container {
    height: auto;
  }

  .smoothie-img {
    height: 70px;
    filter: brightness(0.8);
    cursor: pointer;
  }

  .smoothie-img.active {
    height: 110px;
    filter: brightness(1) contrast(1.4);
  }

  .smoothie-img-container {
    height: auto;
  }

  .hero-wrap .forth .text {
    top: 60px !important;
    transform: translateY(0%)
  }

  .hero-wrap-home {
    background-attachment: fixed !important;
    height: auto !important;
    background-image: url(../images/right.jpg ) !important;
  }

  .side-menu-float {
    top: 0px;
    left: 0px;
    padding: 0px;
    height: 55px;
    width: 100%;
  }

  .side-menu-icon {
    padding: 5px;
    font-size: 20px;
    height: 40px;
    width: 40px;
    margin: 5px;
  }

  i.side-menu-icon {
    padding: 5px;
    font-size: 31px;
    margin: 5px;
  }


  .str-icon-left-nav i {
    line-height: 28px;
    vertical-align: middle;
  }

  .side-menu-float .hidden-lg a {
    background: transparent !important;
  }

  .side-menu-group li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline;
    text-align: center;
  }

  .side-menu-item:hover .side-menu-content {
    right: 0%;
    width: 100%;
    top: 80px;
    padding: 15px 15px;
    opacity: 1;
  }

  .hidden-lg {
    display: block;
  }

  .hidden-sm {
    display: none;
  }

  #contact-right.col-md-7.third.third-contact {
    width: 100%;
    display: block !important;
  }

  .col-md-5.forth.align-items-center {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8), #fff, #fff) !important;
  }

  .left.forth.align-items-center {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8), #fff, #fff) !important;
  }

  .about-img2 {
    display: none;
  }

  body.hide-body {
    overflow: auto;
  }

  .hero-wrap .forth {
    width: 100%;
  }

  .hero-wrap .third .icon {
    position: absolute;
    top: 65%;
    right: 0;
    width: 100px;
    height: 100px;
    background: #fff;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    margin-left: 0px;
    z-index: 1;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
  }

  .logo-container img {
    filter: contrast(120%);
    height: 100px;
  }

  .subheading {
    text-align: center;
    width: 100%;
    font-size: 30px !important;
    margin: 0px;
  }

  #subheading {
    font-size: 30px !important;
  }

  .subheading.subheading-left {
    text-align: left;
  }

  .hero-btn .btn {
    width: 200px;
  }

  section.hero-wrap.hero-wrap-home {
    background-image: url(../images/right.jpg ) !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center !important;
  }

  section.hero-wrap.hero-wrap-cafe {
    background-image: url(../images/cafebg.jpg ) !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center !important;
  }

  section.hero-wrap.hero-wrap-dining {
    background-image: url(../images/diningbg.jpg ) !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center !important;
  }

  section.hero-wrap.hero-wrap-contact {
    background-image: url(../images/contact/background/1.jpg ) !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center !important;
  }

  section.hero-wrap.hero-wrap-catering {
    background-image: url(../images/cateringbg.jpg ) !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center !important;
  }

  section.hero-wrap.hero-wrap-catering-1 {
    background-image: url(../images/catering/background/1.jpg ) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
    background-position: center center !important;
  }

  section.hero-wrap.hero-wrap-catering-2 {
    background-image: url(../images/catering/background/2.jpg ) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
    background-position: center center !important;
  }

  section.hero-wrap.hero-wrap-about-1 .forth {
    width: 100% !important;
  }

  section.hero-wrap.hero-wrap-about-2 .forth {
    width: 100% !important;
  }

  section.hero-wrap.hero-wrap-about-3 .forth {
    width: 100% !important;
  }

  .hero-wrap-juices {
    max-height: auto !important;
    overflow: visible;
    min-height: 400px !important;
  }
}



/* .about-text{
  font-size: 20px;
} */

.breadcrumbs span,
.breadcrumbs span a {
  color: #000 !important;
  font-size: 20px;
}

.owl-carousel.home-slider .slider-item .slider-text h1 {
  color: #000;
}

.owl-carousel.home-slider .slider-item .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  opacity: .2;
  display: none;
}

.hero-btn .btn {
  /* text-shadow: 0px 1px 5px #a00; */
  color: #000;
  margin-top: 10px;
  font-weight: bold;
  /* background-image: linear-gradient(to right,#fe0004,#a00); */
  background-image: transparent !important;
  background: transparent ;

  /* box-shadow: 2px 5px 20px #999!important; */
  border: 1px solid #000;
}



.hero-btn.active .btn {
  margin-top: 10px;
  background: #a00;
}

.hero-btn .btn:hover {
  margin-top: 10px;
  box-shadow: 5px 8px 10px #aaa !important;
}

.radio-img {
  /* height: 25px; */
  /* font-size: 25px; */
  display: inline;
}

img.title-img {
  height: 80px;
  display: inline;
}

.food-item-text {
  /* font-size: 14px; */
  /* line-height: 25px; */
  vertical-align: middle;
  /* color:#999; */
  margin: 0px;
  padding: 0px;
  font-family: var(--font-family-sans-serif);
}

.food-item-image {
  height: 120px;
}

.food-item-price {
  /* font-size:40px; */
  font-weight: bold;
  /* line-height: 40px; */
  margin-top: 0px;
}

.food-item-name {
  /* font-size:30px; */
  margin-bottom: 0px;
  /* line-height: 40px; */

}

.food-item {
  text-align: justify;
  margin-bottom: 20px;
  padding: 20px 15px;
}

.mb-5 {
  margin: 0px !important;
}

.navbar-expand-lg.ftco-navbar-light.shown-top-nav:not(.scrolled) {
  display: block !important;
  background-color: transparent !important;
  top: 0px !important;
}

.shown-top-nav .container {
  background: transparent !important;
  background-color: transparent !important;
}

.shown-top-nav a,
.shown-top-nav span {
  color: #000 !important;
}

.hero-wrap.hero-wrap-about .forth {
  background: linear-gradient(to right bottom, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.8), #fff) !important;
}

.hero-wrap.hero-wrap-smoothie .forth {
  background: linear-gradient(to left, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6), #fff) !important;
}

.hero-wrap.hero-wrap-privateevent .forth {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.4), #fff) !important;
}

.hero-wrap.hero-wrap-catering-1 .third,
.hero-wrap.hero-wrap-catering-1 .forth {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6), #fff) !important;
}

.hero-wrap.hero-wrap-catering-2 .third,
.hero-wrap.hero-wrap-catering-2 .forth {
  background: linear-gradient(to left, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.8), #fff) !important;
}

.hero-wrap.hero-wrap-juices .forth {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6), #fff) !important;
  height: auto !important;
}

.hero-wrap.hero-wrap-contact .forth,
.hero-wrap.hero-wrap-contact .third {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6), #fff) !important;
  height: auto !important;
}

.hero-wrap.hero-wrap-cocktails .forth {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.0)) !important;
  /* min-height: 400px !important; */
  height: auto !important;
}


.hero-wrap.hero-wrap-about-1 .forth {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.7), #fff) !important;
}


form label {
  color: #000;
}

.white-color {
  color: #fff !important;
}

.content-border-upper {
  display: none;
  width: 200px;
  top: 0px;
  margin-left: -80px !important;
  margin-bottom: -50px;
}

.content-border-lower {
  display: none;
  width: 200px;
  top: 0px;
  margin-right: -80px !important;
  margin-top: -40px;
}

.side-socialmedia-icon {
  width: 35px;
  filter: invert(1) !important;
  opacity: 0.5;
}

.side-socialmedia-icon:hover {
  opacity: 1;
}

.expressmeal-img {
  width: 80%;
  z-index: 1;
  margin: 10px;
}

.pointer {
  cursor: pointer;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


/* div.cart-modal-content .cart-modal-item:nth-of-type(even) { */
div.cart-modal-content .cart-modal-item {
  /* background: #000 !important; */
  background: linear-gradient(to right, #fff, #eee);
  /* box-shadow: 15px 0px 80px #ddd; */
}

/* div.cart-modal-content .cart-modal-item:nth-of-type(even) button{
  filter: invert(1) !important;
}
div.cart-modal-content .cart-modal-item:nth-of-type(even) p,
div.cart-modal-content .cart-modal-item:nth-of-type(even) h4,
div.cart-modal-content .cart-modal-item:nth-of-type(even) h1,
div.cart-modal-content .cart-modal-item:nth-of-type(even) span
{
  color: #fff !important;
} */



div.review-order-items .review-order-item:nth-of-type(even) {
  background: #eee !important;
}

.ftco-loader {
  z-index: 999999999999 !important;
}

.modal-dialog,
.modal {
  background: rgba(0, 0, 0, 0.5) !important;
}


.truncate {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.truncate-desc {
  /* overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; */
}

/* 
.express-meal-cont{
  -webkit-transition: all 1s ease; 
}

.express-meal-cont.col-md-12 .truncate-desc{
  overflow: visible;
  display: block;
  -webkit-line-clamp: 99;
  -webkit-box-orient: vertical;
} */

@media only screen and (max-width: 960px) {
  .truncate-desc {
    overflow: visible;
    display: block;
    -webkit-line-clamp: 99;
    -webkit-box-orient: vertical;
  }
}



[role="presentation"] {
  height: 150% !important;
  width: auto !important;
  width: auto;
  background: #fff;
}

/* 
.shadowed{
  -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
  filter: url(#drop-shadow);
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
  -webkit-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
} */








/* JAPO ADDEDD CSS */

.orderstep-size .orderstep-size-content {
  font-weight: bold;
  background: #eee;
  border: 0px;
  padding: 5px;
  margin-top: 5px;
}

.orderstep-size.active .orderstep-size-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}

.orderstepcomponent-size .orderstepcomponent-size-content {
  font-weight: bold;
  background: #eee;
  border: 0px;
  padding: 5px;
  margin-top: 5px;
}

.orderstepcomponent-size.active .orderstepcomponent-size-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}

.orderstep-bundle.active .orderstep-bundle-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}


.orderstep-bundle.active .delete-code {
  display: block;
}

.constructBundledOrderItem-size .constructBundledOrderItem-size-content {
  font-weight: bold;
  background: #eee;
  border: 0px;
  padding: 5px;
  margin-top: 5px;
}

.constructBundledOrderItem-size.active .constructBundledOrderItem-size-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}

.orderstep-upsell .orderstep-upsell-content {
  font-weight: bold;
  border: 0px;
  padding: 5px;
  margin-top: 5px;
}

.modifierlist-item-option .modifierlist-item-option-content {
  cursor: pointer;
  color: #000;
  /* width:90%;
  margin-left:5%;
  height:200px;
  border-top-left-radius: 5px; */

}

/* .modifierlist-item-option.active .modifierlist-item-option-content{ */
/* background: #ddd; */
/* background: linear-gradient(to bottom right,#fff 70%, #2c3e50,#16a085 80%); */
/* color: #fff; */
/* border : 1px solid #000; */
/* box-shadow: 0px 0px 2px #000; */
/* } */

.orderstepcomponent-modifierlist-item-option.active .orderstepcomponent-modifierlist-item-option-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}

.constructBundledOrderItem-modifierlist-item-option.active .constructBundledOrderItem-modifierlist-item-option-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}

.modifier-desc {
  display: none !important;
}

.orderstep-mealoption.active .orderstep-mealoption-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}

.orderstepcomponent-orderstep-mealoption.active .orderstepcomponent-orderstep-mealoption-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}

.spicy-level-img {
  width: 70px;
  margin-top: 12px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.5;
}

.spicy-level.active .spicy-level-img {
  border: 10px solid #eee;
  box-shadow: 10px 10px 10px #000;
  opacity: 1;
}

.orderstepcomponent-spicy-level.active .spicy-level-img {
  border: 10px solid #eee;
  box-shadow: 10px 10px 10px #000;
  opacity: 1;
}


.constructBundledOrderItem-spicy-level.active .spicy-level-img {
  border: 10px solid #eee;
  box-shadow: 10px 10px 10px #000;
  opacity: 1;
}

.modal-new {
  z-index: 1051 !important;
}

#singleStepOrder_modal_content,
#singleStepOrderComponent_modal_content,
#partneredWith_modal_content,
#singleStepOrder_modal,
#singleStepOrderComponent_modal,
#partneredWith_modal {
  /* background: #fff; */
  font-weight: bold;
  font-size: 15px;
  padding-right: 0px !important; 
}

#singleStepOrder_modal_content .price,
#singleStepOrderComponent_modal_content .price,
#partneredWith_modal_content .price,
#singleStepOrder_modal .price,
#singleStepOrderComponent_modal .price,
#partneredWith_modal .price {
  font-weight: bold;
  font-size: 15px;
}

p {
  line-height: normal !important;
}

.bottom_modern_alert {
  background: #fff !important;
}

.singleOrderContentprice.red {
  color: #aa322e;
}

#singleStepOrder_modal .bx-wrapper,
#partneredWith_modal .bx-wrapper {
  z-index: 1;
}

/* #singleStepOrder_modal .bx-wrapper .bx-viewport, #singleStepOrder_modal .slide {
  height: 200px !important;
}

#singleStepOrderComponent_modal .bx-wrapper .bx-viewport, #singleStepOrderComponent_modal .slide {
  height: 180px !important;
}

#singleStepOrder_modal .bx-wrapper .bx-viewport, #singleStepOrder_modal .slide.slide-bg {
  height: 300px !important;
}

#singleStepOrderComponent_modal .bx-wrapper .bx-viewport, #singleStepOrderComponent_modal .slide.slide-bg {
  height: 280px !important;
} */

.modalSingleStopComponentheader {
  position: fixed !important;
  top: 0px;
  left: 0px;
  width: 100%;
  background: #eee;
  z-index: 2;
}

.modalSingleStopheader-name {
  font-family: cursive_font;
  padding-top: 5px !important;
  font-weight: bold;
  font-size: 20px;
}

.modalSingleStopheader,
.constructBundledOrderItemheader {
  /* position: fixed !important; */
  top: 0px;
  left: 0px;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  /* background: #eee; */
  background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0.1));
  z-index: 2;
}

.truncate-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.modifier-name {
  border-bottom: 1px solid #aaa;
}

.modifier-desc {
  min-height: 105px;
  font-size: 15px;
  text-align: left;
  width: 100%;
  font-weight: normal;
  line-height: 15px !important;
  margin-bottom: 5px;
}

.truncate-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.hover-fa {
  height: 40px;
  line-height: 40px;
  color: #777;
}

.hover-fa:hover {
  color: #000;
}


.vegetrian-container-input.active .fa {
  color: #61c362;
}

.constructBundledOrderItem-vegetrian-container-input.active .fa {
  color: #61c362;
}

.orderstepcomponent-vegetrian-container-input.active .fa {
  color: #61c362;
}

.size-code {
  position: absolute !important;
  top: 0% !important;
  right: 5% !important;
  background: #990f00;
  color: red;
  font-size: 25px;
  padding: 8px;
  /*border: 2px solid #f00;*/
  color: #fff !important;
  font-weight: bold;
  border-radius: 100% !important;
}

.size-code-left {
  position: absolute !important;
  top: 0% !important;
  left: 5% !important;
  background: #990f00;
  color: red;
  font-size: 25px;
  padding: 8px;
  /*border: 2px solid #f00;*/
  color: #fff !important;
  font-weight: bold;
  border-radius: 100% !important;
}

.delete-code {
  position: absolute !important;
  top: 0% !important;
  right: 5% !important;
  background: #990f00;
  color: red;
  font-size: 15px;
  padding: 8px;
  display: none;
  /*border: 2px solid #f00;*/
  color: #fff !important;
  font-weight: bold;
  border-radius: 5% !important;
}

.ads-container {
  background: #ff0;
  padding: 10px;
}

.ads-container.active {
  background: #fff;
  padding: 10px;
}

.image-zoom {
  position: fixed;
  top: 10px;
  right: 10px;
  color: #000;
  opacity: 0.4;
  font-size: 50px !important;
  z-index: 1 !important;
}

img[role="presentation"] {
  z-index: 1 !important;
  background: #eee;
}

.ftco_navbar {
  z-index: 1000;
}

.modal .bx-prev {
  left: 0% !important;
  margin-top: -60px !important;
  height: 55px !important;
  width: 55px !important;
  background-size: 270% !important;
  background-position-y: -15% !important;
  filter: contrast(150%);
}

.top-nav-alacarte {
  z-index: 99 !important;
}

.cat_slide_parent .bx-prev {
  left: 0% !important;
  margin-top: -36px !important;
  height: 55px !important;
  width: 55px !important;
  background-size: 270% !important;
  background-position-y: -15% !important;
  filter: contrast(150%);
}

.modal .bx-next {
  right: 0% !important;
  margin-top: -60px !important;
  height: 55px !important;
  width: 55px !important;
  background-size: 270% !important;
  background-position-y: -15% !important;
  background-position-x: 70% !important;
  filter: contrast(150%);
}

.cat_slide_parent .bx-next {
  right: 0% !important;
  margin-top: -36px !important;
  height: 55px !important;
  width: 55px !important;
  background-size: 270% !important;
  background-position-y: -15% !important;
  background-position-x: 70% !important;
  filter: contrast(150%);
}

.orderstep-additionalrequest-text {
  -moz-transition: all .25s ease;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease;
}

.search-tag-item {
  margin: 5px;
  padding: 10px;
  border-radius: 20px;
  background: #ddd;
}

.search-tag-item.active {
  background: #333;
  color: #fff;
}

/* JAPO ADDED CSS END */




/* DESIGN */

.consult-form .col-md-6 .form-group input,
.consult-form .col-md-6 .form-group textarea {
  width: 90%;
}

.consult-form .col-md-12 .form-group input,
.consult-form .col-md-12 .form-group textarea {
  width: 95%;
}

/* 
  .consult-form .col-md-12 button[type="submit"]{
    width: 100%;
  } */


/* .row{
    @include flex();
    @include flex-wrap();
    flex-flow: left;
  } */

body {
  width: 100% !important;
}

.bottom_modern_alert {
  text-align: center;
  z-index: 2 !important;
}

.bottom_modern_alert button {
  color: #fff;
  font-weight: bold;
  border-radius: 0px;
  width: 49% !important;
  display: inline !important;
}

.modalSingleStopheader-minus-plus .icon {
  font-size: 30px !important;
}

.modalSingleStopheader-minus-plus {
  z-index: 2;
}

.fb_customer_chat_bubble_animated_no_badge {
  z-index: 2 !important;
}

.modifierlist-item-option-icon {
  font-size: 30px;
  margin-right: 10px;
  display: block;
  text-align: center !important;
}


#express-empty {
  position: absolute;
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24); */
  /* border-radius: 16px; */
  /* opacity: 0; */
  -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
  -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
  transition: opacity .2s ease-out, visibility 0s linear .2s;
  z-index: 1000;
}

#express-empty .circular {
  -webkit-animation: loader-rotate 2s linear infinite;
  animation: loader-rotate 2s linear infinite;
  position: absolute;
  left: calc(50% - 24px);
  top: calc(50% - 24px);
  display: block;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

#express-empty .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: loader-dash 1.5s ease-in-out infinite;
  animation: loader-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}

.nav-item .cart-link {
  display: none !important;
}

.FloatCart {
  position: fixed !important;
  top: 100px;
  right: 2px;
  display: block;
  z-index: 1000;
  font-size: 40px;
  background: #fb9d10;
  height: 65px !important;
  width: 65px !important;
  border-radius: 100%;
  box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.4);
}



/* .customer-locations-cart-item.active .inner {
  background: #333 !important;
  color: #fff !important;
} */

.customer-locations-cart-item:nth-of-type(odd) .content{
  background: #ddd;
}
.customer-locations-cart-item:nth-of-type(even) .content{
  background: #eee;
}

.customer-locations-cart-item.active .content{  
  border:1px solid #333;
}
/* .customer-locations-cart-item.active .address-select-icon{
  color :#FFF;
} */

.add-customer-address-modal-content label {
  color: #000;
  font-size: 18px;
  margin-top: 5px;
}

.add-customer-address-modal-content input,
.add-customer-address-modal-content select,
.add-customer-address-modal-content textarea {
  color: #333;
  font-size: 12px !important;
  padding: 5px;
  margin-bottom: 5px;
}

/* #remove-margin-bg .FloatCart{
    position: absolute !important;
    top:15px;
    right:-15px;
    display: block;
    z-index: 1;
    font-size:40px;
    background: #fb9d10;
    height:75px !important;
    width:75px !important;
    border-radius:100%;
    box-shadow: 1px 5px 10px rgba(0,0,0,0.4);
  } */
#remove-margin-bg .FloatCart:hover,
.FloatCart:hover {
  right: 2px;
  box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.7);
}

.FloatCart i::after {
  content: "" !important;
}

.FloatCart i {
  font-size: 30px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #000;
  z-index: 1;
  transform: translateX(-50%) translateY(-50%);
}

.cart-count-span {
  display: block;
  position: absolute;
  top: 14px;
  left: -18px;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  height: 30px;
  letter-spacing: 0.5px;
  text-align: center;
  width: 30px;
  border-radius: 100%;
  background: #fff;
  border: 2px solid #fb9d10;
  /* box-shadow: 1px -5px 20px rgba(0,0,0,0.7); */
  padding: 0px;
  z-index: 2 !important;
}

.fb_dialog {
  bottom: 0px !important;
  right: 0px !important;
}

.cart-modal-content.hidden::after {
  content: "Loading Cart Items, This may take a while";
}

.whats-new-container {
  text-align: center;
  background: linear-gradient(to right, rgb(253, 147, 8), #F0CB35, #F0CB35, #F0CB35, #F0CB35, rgb(253, 147, 8));
  width: 100%;
  padding: 20px;
  box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.3);
}

.whats-new-button {
  color: #000 !important;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
  line-height: 19px;
}

@media only screen and (max-width: 960px) {
  .whats-new-container .cursive_font {
    line-height: 90px !important;
    display: block;
  }

  .text-right.padd-top {
    text-align: left !important;
  }
}

#cart-modal .pickupbtn-all,
#cart-modal .ordersingleitem-pickup {
  /* background: linear-gradient(to right, rgb(253, 147, 8), #F0CB35) !important; */
  background: linear-gradient(to right, #1A2980, #26D0CE) !important;
  border: 1px solid #F0CB35;
  color: #fff;
}

#cart-modal .deliverybtn-all,
#cart-modal .ordersingleitem-delivery {
  background: linear-gradient(to right, #1A2980, #26D0CE) !important;
  border: 1px solid #26D0CE;
  color: #fff;
}

.pickupbtn-all,
.deliverybtn-all,
.ordersingleitem-pickup,
.ordersingleitem-delivery,
.cart-edit,
.ordersingleitem-remove {
  width: 100% !important;
  white-space: none !important;
  word-wrap: break-word !important;
}

#cart-modal .modal-dialog.modal-lg,
#cart-modal .modal-content {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  /* width: 100% !important; */
  /* max-width: 100% !important; */
}

.cart-img {
  max-width: 300px;
  max-height: 400px;
}

#cart-modal {
  padding-right: 0px !important;
}

.modal .hidden {
  display: none !important;
}

.updown-btn button {}

#sendOrder-form.consult-form input[readonly="readonly"].form-control {
  background: #eee !important;
  color: #333 !important;
}



/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid rgba(0, 0, 0, 0);
}

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background: linear-gradient(to right, #283048, #859398);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}

.ribbon-top-left::before {
  top: 0;
  right: 0;
}

.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
  z-index: 2;
}

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}

.ribbon-top-right::before {
  top: 0;
  left: 0;
}

.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
  font-size: 13px;
  text-align: center !important;
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}

.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}

.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}

/* Custom */
.btn {
  transition: all 0.3s ease-in-out;
}

.btn-main {
  color: var(--color-light) !important;
  background-color: var(--color-main);
  border-color: var(--color-main);
}

.btn-main:hover {
  opacity: 0.6;
}

/* Private Event */
.section-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(213, 223, 236, 0.65), rgba(213, 223, 236, 0.2));
}

.section-wrapper {
  width: 89% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.package-welcome {
  padding-top: 8rem !important;
  padding-bottom: 5rem !important;
  position: relative;
}

.sub-heading {
  font-family: var(--font-cursive);
  color: var(--color-main);
}

.share-title {
  font-family: var(--font-sans);
  font-weight: 700;
  color: var(--color-dark);
}

.share-heading-large {
  font-family: var(--font-sans);
  font-size: 3rem;
  font-weight: 600;
  color: var(--color-dark);
}

.share-heading-medium {
  font-family: var(--font-sans);
  font-size: 2rem;
  font-weight: 600;
  color: var(--color-dark);
}

.share-heading {
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark);
}

.share-para {
  font-family: var(--font-sans);
  font-weight: 400;
  color: var(--color-dark);
}

.share-step {
  font-family: var(--font-cursive);
  font-weight: 700;
  color: var(--color-main);
}

.package-date {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
  position: relative;
  background: var(--color-grey-light);
}

.package-date-selection {
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.event-availability-status {
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 400;
  margin: 12px 0;
}

.event-availability-status.status-success {
  color: var(--color-success);
}

.event-availability-status.status-danger {
  color: var(--color-danger);
}

/* Custom Radio */
.custom-radio {
  font-family: sans-serif;
  font-size: 1rem;
  margin: 0;
  padding: 0.5em 0;
  list-style-type: none;
}

.custom-radio li {
  display: inline-block;
  /* float: left; */
  margin-right: 0.5em;
}

.custom-radio label {
  padding: .5rem;
  background-color: var(--color-light);
  color: var(--color-grey);
  border: solid 1px var(--color-grey);
  border-radius: 2px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.custom-radio input[type="radio"] {
  display: none;
}

.custom-radio input[type="radio"]:checked+label {
  background-color: var(--color-success);
  border-color: var(--color-success);
  color: var(--color-light);
}

.custom-radio input[type="number"] {
  display: inline-block;
  width: 6rem;
}

.package-event {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
  position: relative;
  background: var(--color-light);
}

.event-cards {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  position: relative;
}

.event-card-wrapper {
  padding: 10px;
  display: flex;
  flex-direction: column;
}

.event-card {
  display: flex;
  flex-direction: column;
  border: 1.45px solid #333333;
  border-radius: 5px;
  padding: 1rem;
  cursor: pointer;
  transition: box-shadow .3s ease-out,
    transform .3s ease-out,
    opacity .2s ease-out;
  transition-delay: .1s;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.20);
}

.event-card:hover {
  box-shadow: rgba(45, 45, 45, 0.03) 0 2px 2px, rgba(49, 49, 49, 0.03) 0 4px 4px, rgba(42, 42, 42, 0.03) 0 8px 8px, rgba(32, 32, 32, 0.03) 0 16px 16px, rgba(49, 49, 49, 0.03) 0 32px 32px, rgba(35, 35, 35, 0.03) 0 64px 64px;
  transform: translate(0, -5px);
}

.event-icon {
  height: 64px;
  width: 64px;
}

.event-title {
  font-family: var(--font-sans);
  font-weight: 600;
  color: var(--color-dark);
}

.event-description {
  font-family: var(--font-sans);
  font-weight: 500;
  color: var(--color-dark);
}

.event-type ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.event-type-item {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
}

.event-type-item {
  padding-right: 0.5rem;
}

@media all and (min-width: 30em) {
  .event-type-item {
    width: 100%;
  }
}

@media all and (min-width: 40em) {
  .event-type-item {
    width: 50%;
  }
}

@media all and (min-width: 60em) {
  .event-type-item {
    width: 33.33%;
  }
}

.package-menu {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
  position: relative;
}

.menu-cards {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  position: relative;
}

.menu-card-wrapper {
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.menu-card {
  display: flex;
  flex-direction: column;
  border: 1.45px solid #333333;
  border-radius: 5px;
  padding: 1rem;
  cursor: pointer;
  text-align: center;
  transition: box-shadow .3s ease-out,
    transform .3s ease-out,
    opacity .2s ease-out;
  transition-delay: .1s;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.20);
}

.menu-card:hover {
  box-shadow: rgba(45, 45, 45, 0.03) 0 2px 2px, rgba(49, 49, 49, 0.03) 0 4px 4px, rgba(42, 42, 42, 0.03) 0 8px 8px, rgba(32, 32, 32, 0.03) 0 16px 16px, rgba(49, 49, 49, 0.03) 0 32px 32px, rgba(35, 35, 35, 0.03) 0 64px 64px;
  transform: translate(0, -5px);
}

.menu-icon {
  height: 90px;
  width: 90px;
}

.menu-title {
  font-family: var(--font-cursive);
  font-weight: 600;
  color: var(--color-dark);
}

.menu-description {
  font-family: var(--font-sans);
  font-weight: 500;
  color: var(--color-dark);
}

.event-tab {
  text-align: center;
  margin: 1rem 0 2rem 0;
  padding: 1rem 0;
  border-top: 1px solid var(--color-dark) !important;
  border-bottom: 1px solid var(--color-dark) !important;
}

.event-tab-list {
  margin: 0;
  padding: 0;
}

ul.event-tab-list> li {
  display: inline-block;
  margin: 0 .8em;
  padding: 8px 12px;
  border-radius: 50px;
}

.event-tab-list li > a {
  font-family: var(--font-sans) !important;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--color-grey) !important;
  cursor: pointer;
}

.event-tab-list li:hover > a {
  color: var(--color-dark) !important;
}

.event-tab-list > li.active {
  box-shadow: 0 1px 4px 0 rgba(211, 8, 8, 0.5);
  background: var(--color-main);
}

.event-tab-list > li.active a {
  font-weight: 600;
  color: var(--color-light) !important;
}

.event-menu ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.event-menu-item {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
}

.event-menu-item {
  padding-right: 0.5rem;
}

@media all and (min-width: 30em) {
  .event-menu-item {
    width: 100%;
  }
}

@media all and (min-width: 40em) {
  .event-menu-item {
    width: 50%;
  }
}

@media all and (min-width: 50em) {
  .event-menu-item {
    width: 33.33%;
  }
}

@media all and (min-width: 60em) {
  .event-menu-item {
    width: 25%;
  }
}

.package-view-btn {
  font-weight: 600;
}

/* Package Modal */
.package-modal,
.menu-modal {
  padding: 0 !important;
}

.package-content {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  background: rgba(255, 255, 255, 1);
}

.package-details {
  padding-top: 3rem;
}

.menu-package-details {
  padding: 3rem 0 1rem 0;
  border-bottom: 1px solid var(--color-dark);
}

.menu-package-header {
  background: var(--color-grey-light);
  border-top: 1px solid var(--color-dark);
  border-bottom: 1px solid var(--color-dark);
  padding: 10px 0;
  margin-bottom: 1.5rem;
}

.menu-details-item {
  /* border: 1px solid var(--color-dark); */
  padding: 1rem;
  margin-bottom: 1rem;
}

.menu-dish-image {
  width: 256px;
  margin-bottom: 1rem;
}

.menu-dish-name {
  line-height: 1;
}

.share-dish-or {
  position: absolute;
  left: 45%;
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 600;
  padding: 2rem 0;
}

.package-title {
  padding-top: 3rem;
}

.menu-package-addons {
  padding: 3rem 0 1rem 0;
  border-bottom: 1px solid var(--color-dark);
}

.addons-empty {
  margin: 3rem 0;
}

.addons-checkbox-wrapper {
  margin-bottom: 1rem;
}

/*image gallery*/
.addons-checkbox {
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid transparent;
  margin-bottom: 0;
  outline: 0;
}

.addons-checkbox input[type="checkbox"] {
  display: none;
}

.addons-checkbox-checked {
  border-color: var(--color-main);
}

.addons-checkbox .fa {
  position: absolute;
  color: var(--color-main);
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50px;
  padding: 10px;
  top: 5px;
  right: 22px;
}

.addons-checkbox-checked .fa {
  display: block !important;
}

.addons-title {
  font-family: var(--font-sans);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.1;
  color: var(--color-dark);
}

.addons-price {
  font-family: var(--font-mono);
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--color-dark);
}

.package-back {
  position: fixed;
  top: 1rem;
  left: 4rem;
}

.receipt-sidebar {
  position: fixed;
  top: 1rem;
  right: 4rem;
}

.receipt-btn {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.20)
}

/* Selected Menu */
.selected-menu-card {
  border: 2px solid var(--color-main);
}

.btn.send-order-modal-confirm-btn{
  background: #2ecc71 !important;
  font-weight:bold;
  color:#fff !important;
  font-size:20px !important;
}@import url('../typefaces/source-sans-pro/stylesheet.css');
@import url('../typefaces/source-serif-pro/stylesheet.css');
@import url('../typefaces/source-code-pro/stylesheet.css');
@import url('../typefaces/dancing-script/stylesheet.css');
@import url('../typefaces/century-gothic/stylesheet.css');
@import url('../typefaces/century/stylesheet.css');

:root {
  --font-sans: 'Source Sans Pro', sans-serif;
  --font-serif: 'Source Serif Pro', serif;
  --font-mono: 'Source Code Pro', monospace;
  --font-cursive: 'Dancing Script', cursive;
  --font-default-sans: 'Century Gothic', sans-serif;
  --font-default-serif: 'Century', serif;

  --color-main: #FF0812;
  --color-dark: #0d0d0d;
  --color-light: #ffffff;
  --color-grey-dark: #333333;
  --color-grey: #666666;
  --color-grey-light: #eeeeee;

  --color-danger: #F94F51;
  --color-warning: #FEAF46;
  --color-info: #00C1E0;
  --color-success: #02B854;
}

@font-face {
  font-family: 'century_gothic';
  src: url('../fonts/century_gothic.ttf');
}

@font-face {
  font-family: 'food_font';
  /* src: url('../fonts/open-sans.semibold.ttf'); */
  src: url('../fonts/century_gothic.ttf');
}

/* @font-face {
  font-family: 'cursive_font';
  src: url('../fonts/adeline.otf');
} */

[hidden], .hidden {
  display: none;
}

.bold {
  font-weight: bold !important;
}

body.hide-body {
  overflow: hidden;
  letter-spacing: 0px !important;
}

.overlay {
  display: none;
}

.cursive_font {
  font-family: 'cursive_font' !important;
}

.century_gothic {
  font-family: 'century_gothic' !important;
}

.black-slim {
  color: #000 !important;
  font-weight: normal !important;
}

.black {
  color: #000 !important;
}

body {
  font-family: 'century_gothic' !important;
  /*var(--font-family-sans-serif); */
}

#subheading {
  color: #fff;
  opacity: 1 !important;
  font-size: 40px !important;
}

#ftco-navbar .whitefont {
  color: white;
  opacity: 1;
}

nav.navbar {
  font-family: 'century_gothic';
  font-weight: lighter;
}

.navbar-brand {
  font-family: 'century_gothic';
  font-weight: lighter;
}

.ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
  font-size: 18px;
}

section.hero-wrap.hero-wrap-home {
  background-image: url(../images/right.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.new-home {
  background-image: url(../images/crispy.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: top left !important;
}

section.hero-wrap.hero-wrap-cafe {
  background-image: url(../images/cafebg.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-smoothie {
  background-image: url(../images/beverages/smoothie/background/1.jpg ) !important;
  background-repeat: no-repeat;
  /* background-attachment:fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-cocktails {
  background-image: url(../images/beverages/cocktails/background/1.jpg ) !important;
  background-repeat: no-repeat;
  /* background-attachment:fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-juices {
  background-image: url(../images/beverages/juices/background/1.png ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-about-1 {
  background-image: url(../images/about/background/1.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-about-2 {
  background-image: url(../images/about/background/2.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-about-3 {
  background-image: url(../images/about/background/3.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-privateevent-1 {
  background-image: url(../images/private_event/background/1.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-groupreservations-1 {
  background-image: url(../images/groupreservations.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-privateevent-2 {
  background-image: url(../images/private_event/background/2.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-dining {
  background-image: url(../images/diningbg.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-contact {
  background-image: url(../images/contact/background/1.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-catering {
  background-image: url(../images/cateringbg.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

section.hero-wrap.hero-wrap-catering-1 {
  background-image: url(../images/catering/background/1.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: right bottom !important;
}

section.hero-wrap.hero-wrap-catering-2 {
  background-image: url(../images/catering/background/2.jpg ) !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
}

.logo-container {
  /* background:rgba(255,255,255,0.4); */
  padding: 10px;
  width: 150px;
  margin: 0px;
  /* border-radius:100%; */
  /* box-shadow: 0px 0px 100px #eee; */
}

.logo-container img {
  filter: contrast(120%);
  height: 120px;
  max-height: 15vh;
}

.navbar-expand-lg.ftco-navbar-light:not(.scrolled) {
  display: none;
  background-color: rgba(0, 0, 0, 0.8) !important;
}

#ftco-nav .nav-item.active>a {
  color: #fff;
  /* font-size: 15px; */
  /* text-shadow: 0px 0px 20px #000; */
}

.col-md-5.forth.align-items-center {
  background: linear-gradient(to left, rgba(255, 255, 255, 0.0), #fff) !important;
}

.col-md-5.forth.align-items-center span,
.col-md-5.forth.align-items-center p,
.col-md-5.forth.align-items-center h2,
.col-md-5.forth.align-items-center a {
  color: #000 !important;
}

.left.forth.align-items-center {
  background: linear-gradient(to left, rgba(255, 255, 255, 0.0), #fff) !important;
}

.left.forth.align-items-center span,
.left.forth.align-items-center p,
.left.forth.align-items-center h2,
.left.forth.align-items-center a {
  color: #000 !important;
}

.hero-wrap .forth .text .btn-custom:after {
  position: absolute;
  top: 0;
  right: -10%;
  bottom: 0;
  content: '';
  width: 120%;
  background: #eee;
  z-index: -1;
}

.hero-wrap .forth .text .btn-custom:before {
  position: absolute;
  top: 50%;
  right: -30px;
  width: 30px;
  height: 2px;
  content: '';
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.8);
}

.btn.full-width {
  width: 100%;
}

.food,
.heading {
  font-family: 'food_font';
}

.heading {
  font-weight: lighter !important;
}

.subheading {
  font-size: 45px !important;
}

/* SIDE MENU */
.side-menu-icon {
  width: 50px;
  padding: 10px;
  font-size: 30px;
  cursor: pointer;
}

.side-menu-float {
  text-align: center;
  position: absolute;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.4);
  padding: 8px;
  right: 0px;
  width: 75px;
  margin: 0px;
  overflow: visible;
  top: 15%;
}

.side-menu-a {
  background: transparent !important;
}

.side-menu-content p {
  font-size: 12px !important;
}

.side-menu-content {
  overflow: hidden;
  position: absolute;
  z-index: 24;
  background: #FFF;
  padding: 15px 0px;
  right: 65px;
  opacity: 0;
  width: 0px;
  height: auto;
  margin: 0px;
  display: inline;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.side-menu-content div {
  display: none;
}

ul.side-menu-group li {
  text-align: center;
}

.side-menu-group {
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

.side-menu-item {
  padding-top: 15px;
  height: 80px;
  width: 60px;
}

.side-menu-item a {
  background: #fff;
}

.side-menu-item:hover .side-menu-content {
  right: 65px;
  width: 300px;
  padding: 15px 15px;
  opacity: 1;
}

.side-menu-item:hover .side-menu-content div {
  display: block;
}

.side-menu-content input {
  height: 18px !important;
  width: 80%;
  font-size: 12px;
}

.side-menu-item:hover img {
  -webkit-filter: grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(0.7);
  filter: grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(0.7);
}

/* SIDE END */
.hidden-lg {
  display: none;
}

.hero-wrap .forth .text {
  top: 50%;
  transform: translateY(-50%);
}

body .forth {
  overflow-y: auto !important;
}


.smoothie-img {
  height: 180px;
  filter: brightness(0.8);
  cursor: pointer;
}

.smoothie-img.active {
  height: 300px;
  filter: brightness(1) contrast(1);
}

.smoothie-img-container {
  height: 300px;
}

.cocktails-img {
  height: 180px;
  filter: brightness(0.8);
  cursor: pointer;
}

.cocktails-img.active {
  height: 300px;
  filter: brightness(1) contrast(1.4);
}

.cocktails-img-container {
  height: 300px;
}

.juices-img {
  width: 90%;
  /* margin:5px; */
  padding: 10px;
  cursor: pointer;
}

.list-juice:hover .juices-img {
  filter: brightness(0.5);
  cursor: pointer;

}

.list-juice-title {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.list-juice:hover .list-juice-title {
  display: block !important;
  color: #fff !important;
}


#ftco-navbar {
  background: transparent;
  position: fixed;
  top: 0px;
}

#ftco-navbar.scrolled,
#ftco-navbar.awake {
  display: block !important;
}

.truncate-mod {
  overflow: hidden;
  /* display: -webkit-box; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

#singleStepOrder_modal_content {
  color: #000;
}

#countdown {
  padding: 10px !important;
  border-radius: 10px !important;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2) !important;
  -moz-transition: all .25s ease;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease;
  cursor: pointer;
}

#countdown:hover {
  padding: 30px !important;
  border-radius: 30px !important;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5) !important;
  bottom: -8px !important;
}

.modifierlist-item-option {
  max-width: 33vw;
}

@media only screen and (max-width: 960px) {
  .modifierlist-item-option {
    max-width: 40vw;
  }

  #ftco-navbar {
    background: #fff !important;
    position: fixed;
    top: 0px;
  }

  .modifier-name {
    font-size: 14px !important;
  }

  .truncate-mod {
    overflow: hidden;
    /* display: -webkit-box; */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .customer-link .icon-sign-in::after {
    content: "Sign In ";
    font-size: 14px;
    float: left;
    font-family: century_gothic;
    margin-top: 2px;
    margin-right: 10px;
  }

  .customer-link .icon-user-circle::after {
    content: "Account ";
    font-size: 14px;
    float: left;
    font-family: century_gothic;
    margin-top: 2px;
    margin-right: 10px;
  }

  .cart-link .icon-shopping-cart::after {
    content: "Cart ";
    font-size: 14px;
    float: left;
    font-family: century_gothic;
    margin-top: 2px;
    margin-right: 10px;
  }

  .logout-trigger .icon-sign-out::after {
    content: "Sign Out ";
    font-size: 14px;
    float: left;
    font-family: century_gothic;
    margin-top: 2px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 600px) {
  .side-menu-content {
    position: fixed;
    left: 0px;
    top: 55px;
  }

  .list-juice-title {
    font-size: 20px !important;
  }

  /* .juices-img{
    width:200px;
    margin:5px;
    padding:10px;
  } */
  /* .juices-img:hover{
    filter: brightness(0.5);
    cursor: pointer;
  } */
  .cocktails-img {
    height: 70px;
    filter: brightness(0.8);
    cursor: pointer;
  }

  .cocktails-img.active {
    height: 110px;
    filter: brightness(1) contrast(1.4);
  }

  .cocktails-img-container {
    height: auto;
  }

  .smoothie-img {
    height: 70px;
    filter: brightness(0.8);
    cursor: pointer;
  }

  .smoothie-img.active {
    height: 110px;
    filter: brightness(1) contrast(1.4);
  }

  .smoothie-img-container {
    height: auto;
  }

  .hero-wrap .forth .text {
    top: 60px !important;
    transform: translateY(0%)
  }

  .hero-wrap-home {
    background-attachment: fixed !important;
    height: auto !important;
    background-image: url(../images/right.jpg ) !important;
  }

  .side-menu-float {
    top: 0px;
    left: 0px;
    padding: 0px;
    height: 55px;
    width: 100%;
  }

  .side-menu-icon {
    padding: 5px;
    font-size: 20px;
    height: 40px;
    width: 40px;
    margin: 5px;
  }

  i.side-menu-icon {
    padding: 5px;
    font-size: 31px;
    margin: 5px;
  }


  .str-icon-left-nav i {
    line-height: 28px;
    vertical-align: middle;
  }

  .side-menu-float .hidden-lg a {
    background: transparent !important;
  }

  .side-menu-group li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline;
    text-align: center;
  }

  .side-menu-item:hover .side-menu-content {
    right: 0%;
    width: 100%;
    top: 80px;
    padding: 15px 15px;
    opacity: 1;
  }

  .hidden-lg {
    display: block;
  }

  .hidden-sm {
    display: none;
  }

  #contact-right.col-md-7.third.third-contact {
    width: 100%;
    display: block !important;
  }

  .col-md-5.forth.align-items-center {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8), #fff, #fff) !important;
  }

  .left.forth.align-items-center {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8), #fff, #fff) !important;
  }

  .about-img2 {
    display: none;
  }

  body.hide-body {
    overflow: auto;
  }

  .hero-wrap .forth {
    width: 100%;
  }

  .hero-wrap .third .icon {
    position: absolute;
    top: 65%;
    right: 0;
    width: 100px;
    height: 100px;
    background: #fff;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    margin-left: 0px;
    z-index: 1;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
  }

  .logo-container img {
    filter: contrast(120%);
    height: 100px;
  }

  .subheading {
    text-align: center;
    width: 100%;
    font-size: 30px !important;
    margin: 0px;
  }

  #subheading {
    font-size: 30px !important;
  }

  .subheading.subheading-left {
    text-align: left;
  }

  .hero-btn .btn {
    width: 200px;
  }

  .hero-btn .btn.full-width {
    width: 100%;
  }

  section.hero-wrap.hero-wrap-home {
    background-image: url(../images/right.jpg ) !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center !important;
  }

  section.hero-wrap.hero-wrap-cafe {
    background-image: url(../images/cafebg.jpg ) !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center !important;
  }

  section.hero-wrap.hero-wrap-dining {
    background-image: url(../images/diningbg.jpg ) !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center !important;
  }

  section.hero-wrap.hero-wrap-contact {
    background-image: url(../images/contact/background/1.jpg ) !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center !important;
  }

  section.hero-wrap.hero-wrap-catering {
    background-image: url(../images/cateringbg.jpg ) !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center !important;
  }

  section.hero-wrap.hero-wrap-catering-1 {
    background-image: url(../images/catering/background/1.jpg ) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
    background-position: center center !important;
  }

  section.hero-wrap.hero-wrap-catering-2 {
    background-image: url(../images/catering/background/2.jpg ) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
    background-position: center center !important;
  }

  section.hero-wrap.hero-wrap-about-1 .forth {
    width: 100% !important;
  }

  section.hero-wrap.hero-wrap-about-2 .forth {
    width: 100% !important;
  }

  section.hero-wrap.hero-wrap-about-3 .forth {
    width: 100% !important;
  }

  .hero-wrap-juices {
    max-height: auto !important;
    overflow: visible;
    min-height: 400px !important;
  }
}



/* .about-text{
  font-size: 20px;
} */

.breadcrumbs span,
.breadcrumbs span a {
  color: #000 !important;
  font-size: 20px;
}

.owl-carousel.home-slider .slider-item .slider-text h1 {
  color: #000;
}

.owl-carousel.home-slider .slider-item .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  opacity: .2;
  display: none;
}

.hero-btn .btn {
  /* text-shadow: 0px 1px 5px #a00; */
  color: #000;
  margin-top: 10px;
  font-weight: bold;
  /* background-image: linear-gradient(to right,#fe0004,#a00); */
  background-image: transparent !important;
  background: transparent ;

  /* box-shadow: 2px 5px 20px #999!important; */
  border: 1px solid #000;
}


.hero-btn.active .btn {
  margin-top: 10px;
  background: #a00;
}

.hero-btn .btn:hover {
  margin-top: 10px;
  box-shadow: 5px 8px 10px #aaa !important;
}

.radio-img {
  /* height: 25px; */
  /* font-size: 25px; */
  display: inline;
}

img.title-img {
  height: 80px;
  display: inline;
}

.food-item-text {
  /* font-size: 14px; */
  /* line-height: 25px; */
  vertical-align: middle;
  /* color:#999; */
  margin: 0px;
  padding: 0px;
  font-family: var(--font-family-sans-serif);
}

.food-item-image {
  height: 120px;
}

.food-item-price {
  /* font-size:40px; */
  font-weight: bold;
  /* line-height: 40px; */
  margin-top: 0px;
}

.food-item-name {
  /* font-size:30px; */
  margin-bottom: 0px;
  /* line-height: 40px; */

}

.food-item {
  text-align: justify;
  margin-bottom: 20px;
  padding: 20px 15px;
}

.mb-5 {
  margin: 0px !important;
}

.navbar-expand-lg.ftco-navbar-light.shown-top-nav:not(.scrolled) {
  display: block !important;
  background-color: transparent !important;
  top: 0px !important;
}

.shown-top-nav .container {
  background: transparent !important;
  background-color: transparent !important;
}

.shown-top-nav a,
.shown-top-nav span {
  color: #000 !important;
}

.hero-wrap.hero-wrap-about .forth {
  background: linear-gradient(to right bottom, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.8), #fff) !important;
}

.hero-wrap.hero-wrap-smoothie .forth {
  background: linear-gradient(to left, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6), #fff) !important;
}

.hero-wrap.hero-wrap-privateevent .forth {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.4), #fff) !important;
}

.hero-wrap.hero-wrap-catering-1 .third,
.hero-wrap.hero-wrap-catering-1 .forth {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6), #fff) !important;
}

.hero-wrap.hero-wrap-catering-2 .third,
.hero-wrap.hero-wrap-catering-2 .forth {
  background: linear-gradient(to left, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.8), #fff) !important;
}

.hero-wrap.hero-wrap-juices .forth {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6), #fff) !important;
  height: auto !important;
}

.hero-wrap.hero-wrap-contact .forth,
.hero-wrap.hero-wrap-contact .third {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6), #fff) !important;
  height: auto !important;
}

.hero-wrap.hero-wrap-cocktails .forth {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.0)) !important;
  /* min-height: 400px !important; */
  height: auto !important;
}


.hero-wrap.hero-wrap-about-1 .forth {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.7), #fff) !important;
}


form label {
  color: #000;
}

.white-color {
  color: #fff !important;
}

.content-border-upper {
  display: none;
  width: 200px;
  top: 0px;
  margin-left: -80px !important;
  margin-bottom: -50px;
}

.content-border-lower {
  display: none;
  width: 200px;
  top: 0px;
  margin-right: -80px !important;
  margin-top: -40px;
}

.side-socialmedia-icon {
  width: 35px;
  filter: invert(1) !important;
  opacity: 0.5;
}

.side-socialmedia-icon:hover {
  opacity: 1;
}

.expressmeal-img {
  width: 80%;
  z-index: 1;
  margin: 10px;
}

.pointer {
  cursor: pointer;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


/* div.cart-modal-content .cart-modal-item:nth-of-type(even) { */
div.cart-modal-content .cart-modal-item {
  /* background: #000 !important; */
  background: linear-gradient(to right, #fff, #eee);
  /* box-shadow: 15px 0px 80px #ddd; */
}

/* div.cart-modal-content .cart-modal-item:nth-of-type(even) button{
  filter: invert(1) !important;
}
div.cart-modal-content .cart-modal-item:nth-of-type(even) p,
div.cart-modal-content .cart-modal-item:nth-of-type(even) h4,
div.cart-modal-content .cart-modal-item:nth-of-type(even) h1,
div.cart-modal-content .cart-modal-item:nth-of-type(even) span
{
  color: #fff !important;
} */



div.review-order-items .review-order-item:nth-of-type(even) {
  background: #eee !important;
}

.ftco-loader {
  z-index: 999999999999 !important;
}

.modal-dialog,
.modal {
  background: rgba(0, 0, 0, 0.5) !important;
}


.truncate {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.truncate-desc {
  /* overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; */
}

/* 
.express-meal-cont{
  -webkit-transition: all 1s ease; 
}

.express-meal-cont.col-md-12 .truncate-desc{
  overflow: visible;
  display: block;
  -webkit-line-clamp: 99;
  -webkit-box-orient: vertical;
} */

@media only screen and (max-width: 960px) {
  .truncate-desc {
    overflow: visible;
    display: block;
    -webkit-line-clamp: 99;
    -webkit-box-orient: vertical;
  }
}



[role="presentation"] {
  height: 150% !important;
  width: auto !important;
  width: auto;
  background: #fff;
}

/* 
.shadowed{
  -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
  filter: url(#drop-shadow);
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
  -webkit-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
} */








/* JAPO ADDEDD CSS */

.orderstep-size .orderstep-size-content {
  font-weight: bold;
  background: #eee;
  border: 0px;
  padding: 5px;
  margin-top: 5px;
}

.orderstep-size.active .orderstep-size-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}

.orderstepcomponent-size .orderstepcomponent-size-content {
  font-weight: bold;
  background: #eee;
  border: 0px;
  padding: 5px;
  margin-top: 5px;
}

.orderstepcomponent-size.active .orderstepcomponent-size-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}

.orderstep-bundle.active .orderstep-bundle-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}


.orderstep-bundle.active .delete-code {
  display: block;
}

.constructBundledOrderItem-size .constructBundledOrderItem-size-content {
  font-weight: bold;
  background: #eee;
  border: 0px;
  padding: 5px;
  margin-top: 5px;
}

.constructBundledOrderItem-size.active .constructBundledOrderItem-size-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}

.orderstep-upsell .orderstep-upsell-content {
  font-weight: bold;
  border: 0px;
  padding: 5px;
  margin-top: 5px;
}

.modifierlist-item-option .modifierlist-item-option-content {
  cursor: pointer;
  color: #000;
  /* width:90%;
  margin-left:5%;
  height:200px;
  border-top-left-radius: 5px; */

}

/* .modifierlist-item-option.active .modifierlist-item-option-content{ */
/* background: #ddd; */
/* background: linear-gradient(to bottom right,#fff 70%, #2c3e50,#16a085 80%); */
/* color: #fff; */
/* border : 1px solid #000; */
/* box-shadow: 0px 0px 2px #000; */
/* } */

.orderstepcomponent-modifierlist-item-option.active .orderstepcomponent-modifierlist-item-option-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}

.constructBundledOrderItem-modifierlist-item-option.active .constructBundledOrderItem-modifierlist-item-option-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}

.modifier-desc {
  display: none !important;
}

.orderstep-mealoption.active .orderstep-mealoption-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}

.orderstepcomponent-orderstep-mealoption.active .orderstepcomponent-orderstep-mealoption-content {
  background: #ddd;
  color: #333;
  box-shadow: 5px 5px 10px #aaa;
}

.spicy-level-img {
  width: 70px;
  margin-top: 12px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.5;
}

.spicy-level.active .spicy-level-img {
  border: 10px solid #eee;
  box-shadow: 10px 10px 10px #000;
  opacity: 1;
}

.orderstepcomponent-spicy-level.active .spicy-level-img {
  border: 10px solid #eee;
  box-shadow: 10px 10px 10px #000;
  opacity: 1;
}


.constructBundledOrderItem-spicy-level.active .spicy-level-img {
  border: 10px solid #eee;
  box-shadow: 10px 10px 10px #000;
  opacity: 1;
}

.modal-new {
  z-index: 1051 !important;
}

#singleStepOrder_modal_content,
#singleStepOrderComponent_modal_content,
#partneredWith_modal_content,
#singleStepOrder_modal,
#singleStepOrderComponent_modal,
#partneredWith_modal {
  /* background: #fff; */
  font-weight: bold;
  font-size: 15px;
  padding-right: 0px !important; 
}

#singleStepOrder_modal_content .price,
#singleStepOrderComponent_modal_content .price,
#partneredWith_modal_content .price,
#singleStepOrder_modal .price,
#singleStepOrderComponent_modal .price,
#partneredWith_modal .price {
  font-weight: bold;
  font-size: 15px;
}

p {
  line-height: normal !important;
}

.bottom_modern_alert {
  background: #fff !important;
}

.singleOrderContentprice.red {
  color: #aa322e;
}

#singleStepOrder_modal .bx-wrapper,
#partneredWith_modal .bx-wrapper {
  z-index: 1;
}

/* #singleStepOrder_modal .bx-wrapper .bx-viewport, #singleStepOrder_modal .slide {
  height: 200px !important;
}

#singleStepOrderComponent_modal .bx-wrapper .bx-viewport, #singleStepOrderComponent_modal .slide {
  height: 180px !important;
}

#singleStepOrder_modal .bx-wrapper .bx-viewport, #singleStepOrder_modal .slide.slide-bg {
  height: 300px !important;
}

#singleStepOrderComponent_modal .bx-wrapper .bx-viewport, #singleStepOrderComponent_modal .slide.slide-bg {
  height: 280px !important;
} */

.modalSingleStopComponentheader {
  position: fixed !important;
  top: 0px;
  left: 0px;
  width: 100%;
  background: #eee;
  z-index: 2;
}

.modalSingleStopheader-name {
  font-family: cursive_font;
  padding-top: 5px !important;
  font-weight: bold;
  font-size: 20px;
}

.modalSingleStopheader,
.constructBundledOrderItemheader {
  /* position: fixed !important; */
  top: 0px;
  left: 0px;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  /* background: #eee; */
  background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0.1));
  z-index: 2;
}

.truncate-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.modifier-name {
  border-bottom: 1px solid #aaa;
}

.modifier-desc {
  min-height: 105px;
  font-size: 15px;
  text-align: left;
  width: 100%;
  font-weight: normal;
  line-height: 15px !important;
  margin-bottom: 5px;
}

.truncate-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.hover-fa {
  height: 40px;
  line-height: 40px;
  color: #777;
}

.hover-fa:hover {
  color: #000;
}


.vegetrian-container-input.active .fa {
  color: #61c362;
}

.constructBundledOrderItem-vegetrian-container-input.active .fa {
  color: #61c362;
}

.orderstepcomponent-vegetrian-container-input.active .fa {
  color: #61c362;
}

.size-code {
  position: absolute !important;
  top: 0% !important;
  right: 5% !important;
  background: #990f00;
  color: red;
  font-size: 25px;
  padding: 8px;
  /*border: 2px solid #f00;*/
  color: #fff !important;
  font-weight: bold;
  border-radius: 100% !important;
}

.size-code-left {
  position: absolute !important;
  top: 0% !important;
  left: 5% !important;
  background: #990f00;
  color: red;
  font-size: 25px;
  padding: 8px;
  /*border: 2px solid #f00;*/
  color: #fff !important;
  font-weight: bold;
  border-radius: 100% !important;
}

.delete-code {
  position: absolute !important;
  top: 0% !important;
  right: 5% !important;
  background: #990f00;
  color: red;
  font-size: 15px;
  padding: 8px;
  display: none;
  /*border: 2px solid #f00;*/
  color: #fff !important;
  font-weight: bold;
  border-radius: 5% !important;
}

.ads-container {
  background: #ff0;
  padding: 10px;
}

.ads-container.active {
  background: #fff;
  padding: 10px;
}

.image-zoom {
  position: fixed;
  top: 10px;
  right: 10px;
  color: #000;
  opacity: 0.4;
  font-size: 50px !important;
  z-index: 1 !important;
}

img[role="presentation"] {
  z-index: 1 !important;
  background: #eee;
}

.ftco_navbar {
  z-index: 1000;
}

.modal .bx-prev {
  left: 0% !important;
  margin-top: -60px !important;
  height: 55px !important;
  width: 55px !important;
  background-size: 270% !important;
  background-position-y: -15% !important;
  filter: contrast(150%);
}

.top-nav-alacarte {
  z-index: 99 !important;
}

.cat_slide_parent .bx-prev {
  left: 0% !important;
  margin-top: -36px !important;
  height: 55px !important;
  width: 55px !important;
  background-size: 270% !important;
  background-position-y: -15% !important;
  filter: contrast(150%);
}

.modal .bx-next {
  right: 0% !important;
  margin-top: -60px !important;
  height: 55px !important;
  width: 55px !important;
  background-size: 270% !important;
  background-position-y: -15% !important;
  background-position-x: 70% !important;
  filter: contrast(150%);
}

.cat_slide_parent .bx-next {
  right: 0% !important;
  margin-top: -36px !important;
  height: 55px !important;
  width: 55px !important;
  background-size: 270% !important;
  background-position-y: -15% !important;
  background-position-x: 70% !important;
  filter: contrast(150%);
}

.orderstep-additionalrequest-text {
  -moz-transition: all .25s ease;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease;
}

.search-tag-item {
  margin: 5px;
  padding: 10px;
  border-radius: 20px;
  background: #ddd;
}

.search-tag-item.active {
  background: #333;
  color: #fff;
}

/* JAPO ADDED CSS END */




/* DESIGN */

.consult-form .col-md-6 .form-group input,
.consult-form .col-md-6 .form-group textarea {
  width: 90%;
}

.consult-form .col-md-12 .form-group input,
.consult-form .col-md-12 .form-group textarea {
  width: 95%;
}

/* 
  .consult-form .col-md-12 button[type="submit"]{
    width: 100%;
  } */


/* .row{
    @include flex();
    @include flex-wrap();
    flex-flow: left;
  } */

body {
  width: 100% !important;
}

.bottom_modern_alert {
  text-align: center;
  z-index: 2 !important;
}

.bottom_modern_alert button {
  color: #fff;
  font-weight: bold;
  border-radius: 0px;
  width: 49% !important;
  display: inline !important;
}

.modalSingleStopheader-minus-plus .icon {
  font-size: 30px !important;
}

.modalSingleStopheader-minus-plus {
  z-index: 2;
}

.fb_customer_chat_bubble_animated_no_badge {
  z-index: 2 !important;
}

.modifierlist-item-option-icon {
  font-size: 30px;
  margin-right: 10px;
  display: block;
  text-align: center !important;
}


#express-empty {
  position: absolute;
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24); */
  /* border-radius: 16px; */
  /* opacity: 0; */
  -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
  -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
  transition: opacity .2s ease-out, visibility 0s linear .2s;
  z-index: 1000;
}

#express-empty .circular {
  -webkit-animation: loader-rotate 2s linear infinite;
  animation: loader-rotate 2s linear infinite;
  position: absolute;
  left: calc(50% - 24px);
  top: calc(50% - 24px);
  display: block;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

#express-empty .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: loader-dash 1.5s ease-in-out infinite;
  animation: loader-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}

.nav-item .cart-link {
  display: none !important;
}

.FloatCart {
  position: fixed !important;
  top: 100px;
  right: 2px;
  display: block;
  z-index: 1000;
  font-size: 40px;
  background: #fb9d10;
  height: 65px !important;
  width: 65px !important;
  border-radius: 100%;
  box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.4);
}


.add-customer-address-modal-content label {
  color: #000;
  font-size: 18px;
  margin-top: 5px;
}

.add-customer-address-modal-content input,
.add-customer-address-modal-content select,
.add-customer-address-modal-content textarea {
  color: #333;
  font-size: 12px !important;
  padding: 5px;
  margin-bottom: 5px;
}

/* #remove-margin-bg .FloatCart{
    position: absolute !important;
    top:15px;
    right:-15px;
    display: block;
    z-index: 1;
    font-size:40px;
    background: #fb9d10;
    height:75px !important;
    width:75px !important;
    border-radius:100%;
    box-shadow: 1px 5px 10px rgba(0,0,0,0.4);
  } */
#remove-margin-bg .FloatCart:hover,
.FloatCart:hover {
  right: 2px;
  box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.7);
}

.FloatCart i::after {
  content: "" !important;
}

.FloatCart i {
  font-size: 30px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #000;
  z-index: 1;
  transform: translateX(-50%) translateY(-50%);
}

.cart-count-span {
  display: block;
  position: absolute;
  top: 14px;
  left: -18px;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  height: 30px;
  letter-spacing: 0.5px;
  text-align: center;
  width: 30px;
  border-radius: 100%;
  background: #fff;
  border: 2px solid #fb9d10;
  /* box-shadow: 1px -5px 20px rgba(0,0,0,0.7); */
  padding: 0px;
  z-index: 2 !important;
}

.fb_dialog {
  bottom: 0px !important;
  right: 0px !important;
}

.cart-modal-content.hidden::after {
  content: "Loading Cart Items, This may take a while";
}

.whats-new-container {
  text-align: center;
  background: linear-gradient(to right, rgb(253, 147, 8), #F0CB35, #F0CB35, #F0CB35, #F0CB35, rgb(253, 147, 8));
  width: 100%;
  padding: 20px;
  box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.3);
}

.whats-new-button {
  color: #000 !important;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
  line-height: 19px;
}

@media only screen and (max-width: 960px) {
  .whats-new-container .cursive_font {
    line-height: 90px !important;
    display: block;
  }

  .text-right.padd-top {
    text-align: left !important;
  }
}

#cart-modal .pickupbtn-all,
#cart-modal .ordersingleitem-pickup {
  /* background: linear-gradient(to right, rgb(253, 147, 8), #F0CB35) !important; */
  background: linear-gradient(to right, #1A2980, #26D0CE) !important;
  border: 1px solid #F0CB35;
  color: #fff;
}

#cart-modal .deliverybtn-all,
#cart-modal .ordersingleitem-delivery {
  background: linear-gradient(to right, #1A2980, #26D0CE) !important;
  border: 1px solid #26D0CE;
  color: #fff;
}

.pickupbtn-all,
.deliverybtn-all,
.ordersingleitem-pickup,
.ordersingleitem-delivery,
.cart-edit,
.ordersingleitem-remove {
  width: 100% !important;
  white-space: none !important;
  word-wrap: break-word !important;
}

#cart-modal .modal-dialog.modal-lg,
#cart-modal .modal-content {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  /* width: 100% !important; */
  /* max-width: 100% !important; */
}

.cart-img {
  max-width: 300px;
  max-height: 400px;
}

#cart-modal {
  padding-right: 0px !important;
}

.modal .hidden {
  display: none !important;
}

.updown-btn button {}

#sendOrder-form.consult-form input[readonly="readonly"].form-control {
  background: #eee !important;
  color: #333 !important;
}



/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid rgba(0, 0, 0, 0);
}

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background: linear-gradient(to right, #283048, #859398);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}

.ribbon-top-left::before {
  top: 0;
  right: 0;
}

.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
  z-index: 2;
}

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}

.ribbon-top-right::before {
  top: 0;
  left: 0;
}

.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
  font-size: 13px;
  text-align: center !important;
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}

.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}

.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}

/* Custom */
.btn {
  transition: all 0.3s ease-in-out;
}

.btn-main {
  color: var(--color-light) !important;
  background-color: var(--color-main);
  border-color: var(--color-main);
}

.btn-main:hover {
  opacity: 0.6;
}

/* Private Event */
.section-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(213, 223, 236, 0.65), rgba(213, 223, 236, 0.2));
}

.section-wrapper {
  width: 89% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.package-welcome {
  padding-top: 8rem !important;
  padding-bottom: 5rem !important;
  position: relative;
}

.sub-heading {
  font-family: var(--font-cursive);
  color: var(--color-main);
}

.share-title {
  font-family: var(--font-sans);
  font-weight: 700;
  color: var(--color-dark);
}

.share-heading-large {
  font-family: var(--font-sans);
  font-size: 3rem;
  font-weight: 600;
  color: var(--color-dark);
}

.share-heading-medium {
  font-family: var(--font-sans);
  font-size: 2rem;
  font-weight: 600;
  color: var(--color-dark);
}

.share-heading {
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark);
}

.share-para {
  font-family: var(--font-sans);
  font-weight: 400;
  color: var(--color-dark);
}

.share-step {
  font-family: var(--font-cursive);
  font-weight: 700;
  color: var(--color-main);
}

.package-date {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
  position: relative;
  background: var(--color-grey-light);
}

.package-date-selection {
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.event-availability-status {
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 400;
  margin: 12px 0;
}

.event-availability-status.status-success {
  color: var(--color-success);
}

.event-availability-status.status-danger {
  color: var(--color-danger);
}

/* Custom Radio */
.custom-radio {
  font-family: sans-serif;
  font-size: 1rem;
  margin: 0;
  padding: 0.5em 0;
  list-style-type: none;
}

.custom-radio li {
  display: inline-block;
  /* float: left; */
  margin-right: 0.5em;
}

.custom-radio label {
  padding: .5rem;
  background-color: var(--color-light);
  color: var(--color-grey);
  border: solid 1px var(--color-grey);
  border-radius: 2px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.custom-radio input[type="radio"] {
  display: none;
}

.custom-radio input[type="radio"]:checked+label {
  background-color: var(--color-success);
  border-color: var(--color-success);
  color: var(--color-light);
}

.custom-radio input[type="number"] {
  display: inline-block;
  width: 6rem;
}

.package-event {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
  position: relative;
  background: var(--color-light);
}

.event-cards {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  position: relative;
}

.event-card-wrapper {
  padding: 10px;
  display: flex;
  flex-direction: column;
}

.event-card {
  display: flex;
  flex-direction: column;
  border: 1.45px solid #333333;
  border-radius: 5px;
  padding: 1rem;
  cursor: pointer;
  transition: box-shadow .3s ease-out,
    transform .3s ease-out,
    opacity .2s ease-out;
  transition-delay: .1s;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.20);
}

.event-card:hover {
  box-shadow: rgba(45, 45, 45, 0.03) 0 2px 2px, rgba(49, 49, 49, 0.03) 0 4px 4px, rgba(42, 42, 42, 0.03) 0 8px 8px, rgba(32, 32, 32, 0.03) 0 16px 16px, rgba(49, 49, 49, 0.03) 0 32px 32px, rgba(35, 35, 35, 0.03) 0 64px 64px;
  transform: translate(0, -5px);
}

.event-icon {
  height: 64px;
  width: 64px;
}

.event-title {
  font-family: var(--font-sans);
  font-weight: 600;
  color: var(--color-dark);
}

.event-description {
  font-family: var(--font-sans);
  font-weight: 500;
  color: var(--color-dark);
}

.event-type ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.event-type-item {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
}

.event-type-item {
  padding-right: 0.5rem;
}

@media all and (min-width: 30em) {
  .event-type-item {
    width: 100%;
  }
}

@media all and (min-width: 40em) {
  .event-type-item {
    width: 50%;
  }
}

@media all and (min-width: 60em) {
  .event-type-item {
    width: 33.33%;
  }
}

.package-menu {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
  position: relative;
}

.menu-cards {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  position: relative;
}

.menu-card-wrapper {
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.menu-card {
  display: flex;
  flex-direction: column;
  border: 1.45px solid #333333;
  border-radius: 5px;
  padding: 1rem;
  cursor: pointer;
  text-align: center;
  transition: box-shadow .3s ease-out,
    transform .3s ease-out,
    opacity .2s ease-out;
  transition-delay: .1s;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.20);
}

.menu-card:hover {
  box-shadow: rgba(45, 45, 45, 0.03) 0 2px 2px, rgba(49, 49, 49, 0.03) 0 4px 4px, rgba(42, 42, 42, 0.03) 0 8px 8px, rgba(32, 32, 32, 0.03) 0 16px 16px, rgba(49, 49, 49, 0.03) 0 32px 32px, rgba(35, 35, 35, 0.03) 0 64px 64px;
  transform: translate(0, -5px);
}

.menu-icon {
  height: 90px;
  width: 90px;
}

.menu-title {
  font-family: var(--font-cursive);
  font-weight: 600;
  color: var(--color-dark);
}

.menu-description {
  font-family: var(--font-sans);
  font-weight: 500;
  color: var(--color-dark);
}

.event-tab {
  text-align: center;
  margin: 1rem 0 2rem 0;
  padding: 1rem 0;
  border-top: 1px solid var(--color-dark) !important;
  border-bottom: 1px solid var(--color-dark) !important;
}

.event-tab-list {
  margin: 0;
  padding: 0;
}

ul.event-tab-list> li {
  display: inline-block;
  margin: 0 .8em;
  padding: 8px 12px;
  border-radius: 50px;
}

.event-tab-list li > a {
  font-family: var(--font-sans) !important;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--color-grey) !important;
  cursor: pointer;
}

.event-tab-list li:hover > a {
  color: var(--color-dark) !important;
}

.event-tab-list > li.active {
  box-shadow: 0 1px 4px 0 rgba(211, 8, 8, 0.5);
  background: var(--color-main);
}

.event-tab-list > li.active a {
  font-weight: 600;
  color: var(--color-light) !important;
}

.event-menu ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.event-menu-item {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
}

.event-menu-item {
  padding-right: 0.5rem;
}

@media all and (min-width: 30em) {
  .event-menu-item {
    width: 100%;
  }
}

@media all and (min-width: 40em) {
  .event-menu-item {
    width: 50%;
  }
}

@media all and (min-width: 50em) {
  .event-menu-item {
    width: 33.33%;
  }
}

@media all and (min-width: 60em) {
  .event-menu-item {
    width: 25%;
  }
}

.package-view-btn {
  font-weight: 600;
}

/* Package Modal */
.package-modal,
.menu-modal {
  padding: 0 !important;
}

.package-content {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  background: rgba(255, 255, 255, 1);
}

.package-details {
  padding-top: 3rem;
}

.menu-package-details {
  padding: 3rem 0 1rem 0;
  border-bottom: 1px solid var(--color-dark);
}

.menu-package-header {
  background: var(--color-grey-light);
  border-top: 1px solid var(--color-dark);
  border-bottom: 1px solid var(--color-dark);
  padding: 10px 0;
  margin-bottom: 1.5rem;
}

.menu-details-item {
  /* border: 1px solid var(--color-dark); */
  padding: 1rem;
  margin-bottom: 1rem;
}

.menu-dish-image {
  width: 256px;
  margin-bottom: 1rem;
}

.menu-dish-name {
  line-height: 1;
}

.share-dish-or {
  position: absolute;
  left: 45%;
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 600;
  padding: 2rem 0;
}

.package-title {
  padding-top: 3rem;
}

.menu-package-addons {
  padding: 3rem 0 1rem 0;
  border-bottom: 1px solid var(--color-dark);
}

.addons-empty {
  margin: 3rem 0;
}

.addons-checkbox-wrapper {
  margin-bottom: 1rem;
}

/*image gallery*/
.addons-checkbox {
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid transparent;
  margin-bottom: 0;
  outline: 0;
}

.addons-checkbox input[type="checkbox"] {
  display: none;
}

.addons-checkbox-checked {
  border-color: var(--color-main);
}

.addons-checkbox .fa {
  position: absolute;
  color: var(--color-main);
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50px;
  padding: 10px;
  top: 5px;
  right: 22px;
}

.addons-checkbox-checked .fa {
  display: block !important;
}

.addons-title {
  font-family: var(--font-sans);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.1;
  color: var(--color-dark);
}

.addons-price {
  font-family: var(--font-mono);
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--color-dark);
}

.package-back {
  position: fixed;
  top: 1rem;
  left: 4rem;
}

.receipt-sidebar {
  position: fixed;
  top: 1rem;
  right: 4rem;
}

.receipt-btn {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.20)
}

/* Selected Menu */
.selected-menu-card {
  border: 2px solid var(--color-main);
}

.btn.send-order-modal-confirm-btn{
  background: #2ecc71 !important;
  font-weight:bold;
  color:#fff !important;
  font-size:20px !important;
}
.package-view-btn {
  font-weight: 600;
}

/* Package Modal */
.package-modal,
.menu-modal {
  padding: 0 !important;
}

.package-content {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  background: rgba(255, 255, 255, 1);
}

.package-details {
  padding-top: 3rem;
}

.menu-package-details {
  padding: 3rem 0 1rem 0;
  border-bottom: 1px solid var(--color-dark);
}

.menu-package-header {
  background: var(--color-grey-light);
  border-top: 1px solid var(--color-dark);
  border-bottom: 1px solid var(--color-dark);
  padding: 10px 0;
  margin-bottom: 1.5rem;
}

.menu-details-item {
  /* border: 1px solid var(--color-dark); */
  padding: 1rem;
  margin-bottom: 1rem;
}

.menu-dish-image {
  width: 256px;
  margin-bottom: 1rem;
}

.menu-dish-name {
  line-height: 1;
}

.share-dish-or {
  position: absolute;
  left: 45%;
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 600;
  padding: 2rem 0;
}

.package-title {
  padding-top: 3rem;
}

.menu-package-addons {
  padding: 3rem 0 1rem 0;
  border-bottom: 1px solid var(--color-dark);
}

.addons-empty {
  margin: 3rem 0;
}

.addons-checkbox-wrapper {
  margin-bottom: 1rem;
}

/*image gallery*/
.addons-checkbox {
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid transparent;
  margin-bottom: 0;
  outline: 0;
}

.addons-checkbox input[type="checkbox"] {
  display: none;
}

.addons-checkbox-checked {
  border-color: var(--color-main);
}

.addons-checkbox .fa {
  position: absolute;
  color: var(--color-main);
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50px;
  padding: 10px;
  top: 5px;
  right: 22px;
}

.addons-checkbox-checked .fa {
  display: block !important;
}

.addons-title {
  font-family: var(--font-sans);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.1;
  color: var(--color-dark);
}

.addons-price {
  font-family: var(--font-mono);
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--color-dark);
}

.package-back {
  position: fixed;
  top: 1rem;
  left: 1rem;
}

.receipt-sidebar {
  position: fixed;
  top: 1rem;
  right: 1rem;
  font-family: var(--font-sans);
  font-weight: 600;
  color: var(--color-dark);
}

.receipt-btn {
  -webkit-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.75) !important;
}

.receipt-count {
  display: block;
  position: absolute;
  top: -5px;
  right: -10px;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  height: 24px;
  letter-spacing: 0.5px;
  text-align: center;
  width: 24px;
  border-radius: 100%;
  background: #fff;
  border: 1px solid var(--color-main);
  padding: 0px;
  z-index: 2 !important;
}

.receipt-box {
  display: none;
  position: fixed;
  top: 3.5rem;
  right: 1rem;
  padding: 1rem;
  border: 1px solid var(--color-grey-light);
  border-top: 3px solid var(--color-main);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.95);
  color: var(--color-grey-dark);
  -webkit-box-shadow: -1px 9px 10px -5px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: -1px 9px 10px -5px rgba(0, 0, 0, 0.6);
  box-shadow: -1px 9px 10px -5px rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease-in-out;
}

.receipt-title {
  font-family: var(--font-sans);
  font-weight: 600;
  color: var(--color-dark);
}

.receipt-event {
  font-family: var(--font-cursive);
  font-weight: 600;
  color: var(--color-main);
  text-align: center;
  margin-top: 1rem;
  padding: 0.5rem 2rem;
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
}

.receipt-date {
  font-family: var(--font-sans);
  text-align: center;
}

.receipt-time {
  font-family: var(--font-sans);
  text-align: center;
}

.receipt-package {
 font-family: var(--font-sans);
 font-weight: 600;
 text-align: center;
 color: var(--color-main);
 margin-top: 2.5rem;
}

.receipt-addons-list {
  font-family: var(--font-sans);
  font-weight: 500;
  color: var(--color-dark);
}

/* Selected Menu */
.selected-menu-card {
  border: 2px solid var(--color-main);
}

#ftco-navbar li.nav-item a{
  /* font-family: cafe_font; */
  letter-spacing: 0px !important;
  font-weight: normal !important;
  font-size:16px !important;
  font-stretch: expanded !important;
}
#ftco-navbar li.nav-item i{
  /* font-family: cafe_font; */
  letter-spacing: 0px !important;
  padding-top:10px;
  font-weight: normal !important;
  font-size:22px !important;
  font-stretch: expanded !important;
}
@media only screen and (max-width: 1024px) {
  #ftco-navbar li.nav-item a{
    /* font-family: cafe_font; */
    font-weight: normal !important;
    font-size:14px !important;
    font-stretch: expanded !important;
  }
  #ftco-navbar li.nav-item i{
    /* font-family: cafe_font; */
    padding-top:10px;
    font-weight: normal !important;
    font-size:14px !important;
    font-stretch: expanded !important;
  }

}

button[data-id="53"] {
  background-color: #e1ad01 !important;
}