body {
    background-color: #fdf7e8 !important;
}
.single-page-header,.gallery-section-top,.content-right-offset {
    background: #fdf7e847;
}
.single-page-header.restaurant-header .header-image {
    height: 179px !important;
    width: 320px !important;
}

.plant1{
  background: url("images/topleft.png") center no-repeat;
width: 105px;
  height: 250px;
  position: fixed;
  top: 0;
  left: 0;
  background-size: 105px 250px;
}
.plant2 {
     background: url("images/top.png") center no-repeat;
width: 280px;
  height: 280px;
  position: fixed;
  top: -152px;
  right: 0;
  background-size: 280px;
  animation: wave 15s -1.2s infinite ease-in-out;
}
.plant4 {
     background: url("images/bottom.png") center no-repeat;
width: 300px;
  height: 59px;
  position: fixed;
  bottom: 0px;
  right: 0;
  background-size: 300px 59px;
}
.plant3 {
     background: url("images/bottomleft.png") center no-repeat;
width: 300px;
  height: 400px;
  position: fixed;
  bottom: -120px;
  left: -151px;
  background-size: 300px 400px;
  animation: wave 18s -1.2s infinite ease-in-out;
}
.icon-feather-menu::before {
    top: 2px;
  position: relative;
}


div.scrollmenu {
  overflow: auto;
  white-space: nowrap;
  scrollbar-width: none;
}
.scrollmenu::-webkit-scrollbar {
   display:none;
}
div.scrollmenu button {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}
.gallery-section-top {margin: 0px 0px 15px 0px !important;
    z-index: 99;
  position: relative;
  position: sticky;
  top: 0;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.single-page-header {margin:0px !important;}
.boxed-list-headline {
   background: url("images/brash.png") right no-repeat;
  padding: 15px 10px !important;
  background-size: 200px 44px;
  width: 200px;
  text-align: center;
}
.boxed-list-headline h3 {
    color:#fff;}
.menu_detail .menu_excerpt,.menu_detail .menu_price,.menu_detail h4{
   color: #000 !important; 
}

span.button, button.button, input[type="button"], input[type="submit"], a.button {
  box-shadow: none !important;
}
 .menu_detail .menu_dots {background: none !important;}   
.menu_detail .menu_title {padding-left: 10px !important;font-size: 16px !important;   background: none !important;}
.menu_detail .menu_price {font-size: 16px !important;  padding-right: 10px !important;  background: none !important;}
.menu_detail {
  padding: 8px;
  border-radius: 5px;
}
.gallery-section .filter-button.active {
  color: #fff !important;
  margin: 5px;
  background: var(--theme-color-1);
  border-radius: 5px;
}
.clocknumer {
    position: relative;
  background: #fdf7e847;
  top: -23px;
  z-index: 99;
  padding: 10px;
  text-align: center;
  list-style: none;
    padding-bottom: 50px; 
}
.clocknumer .header-details h3 span {
  color: gray;
  display: block;
  font-size: 16px;
  font-weight: 300;
  margin-top: -3px;
}

.clocknumer .header-details h3 {
  color: #333;
  font-size: 20px;
  margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
  padding: 0;
    padding-right: 0px;
  margin-bottom: 12px;
  margin-top: 3px;
  line-height: 36px;
  position: relative;
  padding-right: 0;
  display: inline-block;
}

.clocknumer ul {text-align: center;
  list-style: none;
  display: flex;
  padding: 5px 0px 5px 0px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0;
  justify-content: center;}
  .clocknumer i {
margin-right: 5px;
  font-size: 35px;
  position: relative;
  top: 7px;
  
  }
  .insts a {
      color: #000;
  }
  .clocknumer li {margin-left: 10px;}
  .cloradd {top: 0px !important;}
  .clorbord {}
  .footerpic::before {
   content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  right: 0;
  z-index: 15;}
  .fa-circle::before {
  display: none;

}
#view-order-button {padding: 10px;}
#call-the-waiter-btn,#call-the-waiter-btns {
  padding: 8px 10px !important;
  background: #000;
  border-radius: 100%;
  box-shadow: none !important;
  height: 40px;
  float: right;
}

.nonvegben {}
 .vegben .menu_dots,.vegben .menu_price,.vegben .menu_excerpt {opacity: 0.4;}
 .vegben .menu_title {color: #6f6f6f69  !important;}
.vegben .add-item-button {display: none;}
.menu_detail .badge.nonveg {
  color: #fff;
  background-color: var(--theme-color-1) !important;
  border: 0px solid #FC356B !important;
  position: absolute ;
  top: -26px !important;
  right: -20px !important;
  border-radius: 100% !important;
  width: 30px !important;
  height: 30px !important;
  text-align: center;
}
.nonvegcircle::before {
  content: "جدید";
  font-family: Yekan;
  font-size: 10px;
  top: -2px;
  position: relative;
  right: 1px;
}
.menu_detail .badge.veg {
  background-color: #bdbdbd !important;
  border: 0px solid #50b547 !important;
  border-radius: 100% !important;
  position: absolute;
  width: 30px !important;
  height: 30px !important;
  top: -26px !important;
  right: -20px !important;
  text-align: center;
}
.vegcircle::before {
  content: "تمام";
  font-family: Yekan;
  font-size: 10px;
  top: -2px;
  position: relative;
  right: 1px;
}
.vegben {}
.gallery-section .filter-button {margin: 5px 5px !important; }
.clocknumers {top: 5px;}
.footer-text {
    text-align: center;
  border-top: 1px solid #d7d6d6;
}
.games {font-size:20px !important;}
.bell{
 font-size:20px !important;
  -webkit-animation: ring 4s .7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s .7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

.nonvegtest {display: none;}
/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #f7f7f7;
  color: var(--theme-color-1);
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 0px;
  left: 0px;
  margin-left: 6px;
  top: 39px;
  height: 45px;
  font-weight: bold;
  font-size: 14px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: -8px;
  left: 20px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0000 #0000 #f7f7f7 #0000;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}


/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
.modalDialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
.modalDialog:target {
  opacity: 1;
  pointer-events: auto;
}
.modalDialog > div {
  width: 100%;
  position: relative;
  padding: 5px 20px 13px 20px;
  background: #339999;
  height: 100%;
  text-align: center;
}
.close {
  background: var(--theme-color-1);
  color: #FFFFFF !important;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px;
  padding: 5px 30px;
  position: relative;
  top: 20px;
}

.popupmod {
    position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
  background: #fdf7e8;
}

.popupmod p {
    margin: 60% auto 20px auto;
    padding: 0px 20px;
    text-align: justify;
    z-index: 999;
  position: relative;
  color: #000;
  font-size: 20px;
}
.popup-tab-content {
    color: #000;
}
.popup-onload {
    background: #fdf7e7;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.cnt223 {
    margin-top: 40%;
  position: relative;
}
.cnt223 p {
font-size: 18px !important;
  color: #000;
  width: 350px;
  height: auto;
  margin: 0 auto;
  text-align: justify;
}

.closebox a {
color: #fff;
  background: var(--theme-color-1);
  width: 175px;
  padding: 5px 30px;
  border-radius: 5px;
  top: 30px;
  position: relative;
  margin: 0 auto;
}
@keyframes wave {
	0% {
		transform: rotateZ(3deg) translateZ(-1px); 
	}
	25% {
		transform: rotateZ(-4deg) translateZ(-1px); 
	}
	50% {
		transform: rotateZ(2deg) translateZ(-1px);
	}
	75% {
		transform: rotateZ(-6deg) translateZ(-1px) ;
	}
	100% {
		transform: rotateZ(3deg) translateZ(-1px);
	}
}

@keyframes wave2 {
	0% {
		transform: rotateZ(0deg) translateZ(-1px);
	}
	25% {
		transform: rotateZ(-3deg) translateZ(-1px);
	}
	50% {
		transform: rotateZ(3deg) translateZ(-1px);
	}
	75% {
		transform: rotateZ(-1deg) translateZ(-1px);
	}
	100% {
		transform: rotateZ(0deg) translateZ(-1px);
	}
}
@media (max-width: 992px) {
  .single-page-header {
    padding: 10px 0 10px 0px !important;
  }
}
.mfp-bg {
    background: #fef7e9 !important;
}
.sign-in-form h5 ,.qr-input-number{
      display: none !important;
}
.sign-in-form .s-price::before {
content: "";
  position: absolute;
  z-index: 99;
  background: #ccc0;
  width: 100%;
  height: 100%;

}
.add-order-button {
    font-size: 0 !important;
}
.dialog-with-tabs .mfp-close {
    color: #fff !important;
  background-color: #000 !important;
  border-left: none !important;
  border-radius: 100% !important;
}
dialog-with-tabs .mfp-close::before, .dialog-with-tabs .mfp-close::before {
  top: 5px;
}
.dialog-with-tabs {
    box-shadow: none !important;
  background: none !important;
}
.popup-tabs-nav li.active a:hover, .popup-tabs-nav li.active {
    background-color: #fff0 !important;
}
.popup-tabs-nav li.active a {
    font-size: 0;
}
.mfp-bg::before {
content: "";
  width: 430px;
  height: 225px;
  background: url("images/toppop.jpg") center no-repeat;
  position: fixed;
  top: 0;

}
.mfp-bg::after {
content: "";
  width: 430px;
  height: 506px;
  background: url("images/bottompop.jpg") center no-repeat;
  position: fixed;
  bottom: 0;

}
.plants  {
  width: 430px;
  height: 269px;
  background: url("images/tops.jpg") center no-repeat;
  position: fixed;
  top: 0;
  right:0;
}
.plantss  {
  width: 430px;
  height: 253px;
  background: url("images/bottoms.jpg") center no-repeat;
  position: fixed;
  bottom: 0;
  right: 0;
}
label span, legend span ,  .menu-extra-item {
    color: #000 !important;
}
.checkbox label span.checkbox-icon {
    border: 2px solid #000 !important;
}
.popup-tabs-nav , .popup-tabs-nav li a , .popup-tabs-nav li.active::after{
    background: none !important; 
    border-bottom: none !important;
    border-right: none !important;
}
@media (max-width: 480px) {
  .popup-tabs-nav li:first-child,.popup-tabs-nav li {
    border-top: none !important;
    border-bottom: none !important;
    
  }
}
.order-price {
    font-size: 14px;
}
.gallery-section .filter-button {
    font-size: 10px;
  width: 80px;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 15px;
  font-size: 13px;
    padding: 2px 0 8px 0px !important;
      font-weight: bold;
}

.filter-gallery i {
    width: 50px;
  height: 50px;
  display: block;
    margin: 0 auto;
}
.filter-gallery span {
    border-left: 1px dashed #000;
}
.filter-gallery [title~="صبحانه"] i {
   background: url("images/icon/breakfast1.png") center no-repeat ;
  background-size: 50px !important; 
}
.filter-gallery [title~="اضافات"] i {
   background: url("images/icon/type.png") center no-repeat ;
  background-size: 50px !important; 
}
.filter-gallery [title~="اصلی"] i {
   background: url("images/icon/food1.png") center no-repeat ;
  background-size: 50px !important; 
}
.filter-gallery [title~="اسپرسو"] i {
   background: url("images/icon/coffe1.png") center no-repeat !important;
  background-size: 50px !important; 
}
.filter-gallery [title~="چای"] i {
   background: url("images/icon/tae.png") center no-repeat ;
  background-size: 50px !important; 
}
.filter-gallery [title~="گرم"] i {
   background: url("images/icon/hotdrink1.png") center no-repeat ;
  background-size: 50px !important; 
}
.filter-gallery [title~="وافل"] i {
   background: url("images/icon/wafll.png") center no-repeat ;
  background-size: 50px !important; 
}
.filter-gallery [title~="قلیان"] i {
   background: url("images/icon/ho.png") center no-repeat ;
  background-size: 50px !important; 
}
.filter-gallery [title~="قهوه"] i {
   background: url("images/icon/dame.png") center no-repeat ;
  background-size: 50px !important; 
}
.filter-gallery [title~="شیک"] i {
   background: url("images/icon/shake1.png") center no-repeat ;
  background-size: 50px !important; 
}
.filter-gallery [title~="سرد"] i {
   background: url("images/icon/couldbar.png") center no-repeat ;
  background-size: 50px !important; 
}
.filter-gallery [title~="کیک"] i {
   background: url("images/icon/cece.png") center no-repeat ;
  background-size: 45px !important; 
}
.popup-tab-content p {
    text-align: justify;
  font-size: 18px !important;
}
#footer {
background-color: #30303000 !important;
}
.margin-top-15 {
    display:none;
}
.insts {
    font-size: 20px;
    width: 180px;
    margin: 0 auto;
    background: #ddd3c666;
    padding: 10px;
    border-radius: 10px;
}
.clocknumer span {
display: block;
  font-size: 16px;
  text-align: center;

}
.menu_excerpt button {
    padding: 8px !important; 
}
.menu-list-view {
  margin-bottom: 10px !important;
}
.header_menu {
display: flex;
  align-content: center;
  align-items: center;
  gap: 10px;
  color: #000;
  font-weight: bold;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid #c9ab7e30;
  padding: 5px;
  border-radius: 10px;
}
.menu_item figure {
    background-color: #0000 !important;
  border-radius: 10px;
}
.menu_post {
      display: flex;
}
#image-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.3s ease;
}

.image-popup-content {
    position: relative;
    max-width: 95%;
    max-height: 95%;
    animation: zoomIn 0.3s ease;
}

.image-popup-content img {
    max-width: 100%;
    max-height: 95vh;
    width: auto;
    height: auto;
    display: block;
    border-radius: 8px;
}

.image-popup-content .close-popup {
position: absolute;
  top: 0px;
  left: 0;
  background: #e12d2de0;
  border: none;
  color: white;
  font-size: 40px;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  box-shadow: 0 0 10px #f00;
}


@keyframes zoomIn {
    from {
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

    [data-name="آیتم های انتخابی"] .img, 
    [data-name="شلیل آلبالو "] .img,
    [data-name="تمشک بستنی"] .img,
    [data-name="دوسیب"] .img,
    [data-name="دوسیب آلبالو"] .img,
    [data-name="شراب یخ"] .img,
    [data-name="نعنا آدامس"] .img,
    [data-name="یخ دارچین"] .img,
    [data-name="پرتقال خامه"] .img,
    [data-name="نعنا پرتقال"] .img,
    [data-name="هندوانه یخ"] .img,
    [data-name="لیمو نعنا"] .img,
    [data-name="لاو"] .img ,
    [data-name="تعویض سری "] .img ,
    [data-name="شیلنگ یکبار مصرف"] .img {
display:none;
}
.menu-variants {
    display:block !important;
      width: 100%;
}
.menu-variant-option {
    display: flex;
  justify-content: space-between;
  width: 100%;
}