@import url('https://fonts.googleapis.com/css?family=Dancing+Script');

/* .ribbon.new {
    right: 0px;
      height: 120px;
      top: 0px;
      width: 120px;
      background-image: url(../img/new_default.png) !important;
      z-index: 20;
      position: absolute;
      background-color: transparent; 
  }
  .ribbon.hot {
    background-color: #0C0;
  }
  .ribbon.discount{
    Right: 0px;
      height: 120px;
      top: 0px;
      width: 120px;
      background-image: url(../img/discount-b2.png);
      z-index: 20;
      position: absolute;
  } */
  .category_name {
    color: rgb(255, 255, 255) !important;
    letter-spacing: 1px !important;
    line-height: 24px !important;
    padding: 35px 35px 5px 35px !important;
    font-size: 28px;
}
.menu_detail {
  align-self: center;
  flex-grow: 1;
}
.menu_detail h4 {
  font-weight: 300;
  display: flex;
  color: rgb(255, 255, 255);
}
.menu-data {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eee;
  font-size: 16px;
}
.popup-tabs-container .menu_desc {
  font-size: 16px;
  line-height: 24px;
  color: #fafafa;
}
  .menu-dialog-with-tabs
  {
      padding: 0;
      color: #666;
      max-width: 600px;
      box-shadow: 0 0 25px rgb(0 0 0 / 25%);
      background: #262626;
      margin: 40px auto;
      position: relative;
      box-sizing: border-box;
      border-radius: 8px;
      border: dotted 1px white;
  }
  .menu-popup-tab-content {
    padding: 10px 35px;
    position: relative;
    z-index: 10;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    color: white;
}
.menu-data h5 {
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}
h4.allegie_title
{
    font-size: 20px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* deliver popup */
.dialog-with-tabs {
  padding: 0;
  color: #000000;
  letter-spacing: 1px;
  max-width: 540px;
  box-shadow: 0 0 25px rgb(0 0 0 / 25%);
  background: white;
  text-align: left;
  margin: 40px auto;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
}
.dialog-with-tabs .popup-tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  height: 62px;
  background: #e0e0e0;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #e0e0e0;
}
.dialog-with-tabs .popup-tabs-nav li:first-child a {
  border-radius: 4px 0 0 0;
}
.popup-tab-content {
  padding: 35px;
  position: relative;
  z-index: 10;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
input.with-border, input[type=text].with-border, input[type=password].with-border, input[type=email].with-border, input[type=number].with-border, textarea.with-border, select.with-border {
  
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 80%);

}
input, input[type=text], input[type=password], input[type=email], input[typebutton=number], select {
  height: 48px;
  line-height: 48px;
  padding: 0 60px;
  outline: none;
  font-size: 18px;
  letter-spacing: 1px;
  color: #000000;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  display: block;
  background-color: rgb(255, 255, 255);
  font-weight: 500;
  opacity: 1;
  border-radius: 4px;
  border: none;
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 80%);
  margin: 0 0 16px;
  
}
#send-data-to-form {
  width: 100%;
}
span.button,  input[type=button], input[type=submit]{
  top: 0;
  padding: 10px 20px;
  line-height: 24px;
  color: #fff;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  transition: all .2s ease-in-out;
  cursor: pointer;
  overflow: hidden;
  border: none;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgb(102 103 107 / 15%);
}
.dialog-with-tabs .mfp-close {
  color: rgb(255, 255, 255);
  
 
  background: red;
 
}
.dialog-with-tabs .og-close:before, .dialog-with-tabs .mfp-close:before {
  font-family: feather-icons;
  font-size: 20px;
  top: 2px;
  left: 0;
  position: relative;
  height: 10px;
}
/* menu item info popup */
.menu-dialog-with-tabs .mfp-close:before {
  font-family: feather-icons;
  font-size: 20px;
  border-radius: 50%;
  padding: 10px;
  background: red;
  top: 10px;
  left: 0;
  position: relative;
}
/* login popup */
.popup-tab-content-login {
  padding: 15px;
  position: relative;
  z-index: 10;
  display: inline-block;
  width: 100%;
}
.popup-tab-content-login .sign-in-form .row, .popup-tab-content-login .forgot-form .row {
  margin-left: 0;
  margin-right: 0;
  display:inline ;
}
.input-with-icon-left i {
  position: absolute;
  top: 0;
  color: #a0a0a0;
  text-align: center;
  line-height: 48px;
  width: 48px;
  height: 48px;
  font-size: 19px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  display: block;
  border-radius: 4px 0 0 4px;
}
.button.full-width {
  width: 444px;
  height: 48px;
  text-align: center;
  display: block;
  border: none;
  margin: 15px;
  border-radius: 4px;
  font-size: 21px;
}
.button.button-sliding-icon {
  padding-left: 20px;
  padding-right: 10px;
}
textarea {
  height: 100px;
  padding: 5px 30px;
  outline: none;
  font-size: 18px;
  color: #000000;
  letter-spacing: 1px;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  display: block;
  background-color: rgb(255, 255, 255);
  font-weight: 500;
  opacity: 1;
  border-radius: 4px;
  border: none;
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 12%);
  margin: 0 0 16px;
}
.section-title-booking {
  font-size: 42px;
  line-height: 50px;
  color: #000000 !important;
  text-align: center;
}
.content-slider-notifi {
  color: red !important;
}
.header-video video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.teaser-video {
  width: 100%;
  height: auto;
}
@font-face {
  font-family: Mellisa;
  src: url(icon_fonts/font/Mellisa.otf), url(icon_fonts/font/Mellisa.ttf);
}
.header-video h1 {
  color: var(--classic-color-1) !important;
  line-height: 1;
  font-size: 48px;
  font-size: 4rem ;
  margin: 0;
  font-weight: 500;
  font-family: "Mellisa";
}
.header-slide h1 {
  color: var(--classic-color-1) !important;
  line-height: 1;
  font-size: 48px;
  font-size: 4rem ;
  margin: 0;
  font-weight: 500;
  font-family: "Mellisa";
}
.header-video h3 {
  color: var(--classic-color-1) !important;
  line-height: 1;
  font-size: 48px;
  font-size: 3rem;
  margin: 0;
  font-weight: 500;
  font-family: "Dancing Script";
}
.header-slide h3 {
  color: var(--classic-color-1) !important;
  line-height: 1;
  font-size: 48px;
  font-size: 3rem;
  margin: 0;
  font-weight: 500;
  font-family: "Dancing Script";
}
@media (max-width: 762px){
  .header-video h1, .header-video h3 {
      font-size: 36px;
      font-size: 2rem !important;
  }
  .header-slide h1, .header-slide h3 {
    font-size: 36px;
    font-size: 2rem;
}
  }
.cookieConsentContainer .cookieTitle {
  font-weight: bold;
}
.mobile-main-nav li ul.sub-menu {
  display: none;
}
a.go-to-order-items:hover{
  transform: translateY(0);
  opacity: 1;
  transition:  .21s cubic-bezier(.5,.5,.4,.9);
  
}
.svg-restaurant-menu{
  fill: var(--classic-color-1);
  width: 25px;
  height: 25px;
  margin-right: 4px;
}
.justify-content-foooter{
  justify-content: space-evenly;
}
/* img{
  width: 100%;
} */
@media (max-width: 1024px){
.row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
}
.svg-fore-menu{
  fill: var(--menu-fore-color);
}
/* @media (max-width: 992px){
.col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 100%;
}
} */
.menu-avatar-add-extra {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 10px;
}
.logo-mobile{
  width :140px ;
  height :100px;
  object-fit: contain;
}
.menu_item .menu_title {
  flex-grow: 1;
  /* background-position: 101px 13px; */
  /* background-size: 4px 4px; */
  background-repeat: repeat-x;
  height: 5px;
  /* width: 200px; */
  display: inline !important;
  background-image: radial-gradient(circle closest-side,#212529 80%,#f8f8f8 10%);
  background-position: bottom;
  background-size: 4px 3px;
  background-repeat: repeat-x;
  margin-top: 12px;
}
.cookieConsentContainer {
  z-index: 999;
  width: 350px;
  min-height: 20px;
  padding: 30px 30px 30px 30px;
  overflow: hidden;
  position: fixed;
  bottom: 30px;
  left: 30px;
  border-radius: 4px;
  background: rgb(255, 255, 255) !important;
  border: 1px solid #e4e4e4;
  box-shadow: 2px 3px 4px 0 rgb(0 0 0 / 5%);
  display: none;
}
.menu_dots {
  margin: 0 5px;
  flex-grow: 1;
  /* background-position: 101px 13px; */
  /* background-size: 4px 4px; */
  background-repeat: repeat-x;
  height: 10px;
  /* width: 200px; */
  display: inline ;
  background-image: radial-gradient(circle closest-side,#212529 80%,#f8f8f8 10%) ;
  background-position: bottom;
  background-size: 4px 2px;
  background-repeat: repeat-x;
  margin-top: 12px;
}
.tel-num{
  color: rgb(255, 255,255) !important;
}
button.mfp-close{
  line-height: 1px;
  font-size: 40px;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
    /* display: block; */
    right: 10px;
    cursor: pointer!important;
    z-index: 9999;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 50%;
    margin: 0;
    outline: 0;
    transform: translate3d(0,0,0);
    background: red;
}
.allegie-arrange-popup{
  list-style: none;
  padding: unset;
}
.price_box span{
  font-size: 22px;
}
.pac-container {
  z-index: 999999;
}
.booking-form input,select{
  padding: 0px 30px !important;
}

.form-error{color: red;display: none;font-size: 18px;}
.status-not-available {color: red;}
@media (max-width: 1024px){
 
  .user-lang-wrapper{
    position: static;
    text-align: center;
  }
  .button.full-width{
    width: 100% !important;
    max-width: -webkit-fill-available;
  }
  }
  @media (max-width: 766px) {
    .function-model-content {
      display: unset !important;
  }
  }
  .radio label {
    margin: 3px 0;
    cursor: pointer;
    position: relative;
    padding-left: 27px;
  }
  .radio input[type=radio]:checked + label .radio-label {
    background-color: var(--classic-color-1);
    border-color: var(--classic-color-1);
    box-shadow: inset 0 0 0 3px #fff;
  }
  .margin-left-auto {
    margin-left: auto;
  }
  .radio input[type=radio] + label .radio-label {
    content: '';
    background: #fff;
    border-radius: 100%;
    border: 2px solid #b4b4b4;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    margin-right: 5px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
    background-color: #fff;
    box-shadow: inset 0 0 0 8px #fff;
    z-index: 100;
    position: absolute;
    top: 2px;
    left: 0;
  }
  .radio input[type=radio] {
    position: absolute;
    opacity: 0 !important;
  }