@charset "UTF-8";
.fix-animation, .field-box input[type=radio] + label .check:after,
.field-box input[type=checkbox] + label .check:after, .modal-footer .btn-social {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-filter: blur(0);
  webkit-font-smoothing: subpixel-antialiased; }

.b-centered, .side-aligned-page, .modal-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%; }

.cut-txt, .cart-sum .cart-title, .cart-sum .cart-title.with-img span, .order-details-report .order-details-wrap .column:first-child .title .col, .order-details-report .order-details-wrap .column:nth-child(2) .title, .order-details-report .order-details-wrap .column:last-child .title, .order-details-report .order-details-wrap .info .row .col.email {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis; }

.vert-align, .field-box:before, .cart-sum:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media screen and (max-width: 767px) {
  .b-centered, .side-aligned-page, .modal-page {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none; }

::before, ::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0; }

body {
  -webkit-text-size-adjust: 100%;
  background: var(--page-bg-color); }

header, nav, aside, section, article, footer {
  display: block;
  margin: 0;
  padding: 0; }

p {
  margin: 0 0 15px; }

p a {
  text-decoration: none; }

img {
  margin: 0;
  padding: 0; }

a img {
  border: 0;
  display: block; }

nav, ul {
  list-style: none;
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse; }

form {
  margin: 0;
  padding: 0; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
textarea:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

button, input[type="submit"] {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-shadow: none !important; }

input::-webkit-input-placeholder {
  color: var(--text-primary-color); }

input:-ms-input-placeholder {
  color: var(--text-primary-color); }

:-moz-placeholder {
  opacity: 1;
  color: var(--text-primary-color); }

::-moz-placeholder {
  opacity: 1;
  color: var(--text-primary-color); }

html {
  font-family: var(--regular-font);
  font-weight: normal;
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-primary-color); }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  font-weight: normal; }

h1, h2, h5 {
  font-family: var(--bold-font);
  margin: 0; }

h1 {
  font-size: 2.278rem; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.667rem; }

h5 {
  font-size: 1.5rem;
  margin-bottom: 30px; }

p {
  font-size: 1rem;
  font-family: var(--regular-font);
  font-weight: normal; }

.txt-note {
  position: relative;
  padding-left: 20px; }
  .txt-note:before {
    content: '*';
    display: block;
    position: absolute;
    font-family: var(--bold-font);
    top: -5px;
    left: 0;
    font-size: 1.3rem; }

.txt-small {
  font-size: 15px; }

.txt-medium {
  font-size: 1.111rem;
  line-height: 1.6; }

.txt-large {
  font-size: 1.278rem; }

.txt-extra-large {
  font-size: 2rem;
  line-height: 1.4; }

.bold {
  font-family: var(--bold-font);
  font-weight: normal; }

.has-bg {
  font-family: var(--bold-font);
  font-weight: normal;
  font-size: 2.555rem;
  letter-spacing: 3px;
  color: var(--text-primary-color);
  display: inline-block;
  max-width: 95%;
  padding: 42px 52px;
  margin: -33px 0 28px -80px;
  background: #9ce7ff;
  border-radius: 30px 0 30px 0; }

.menu-title {
  position: relative;
  color: var(--form-primary-color);
  margin: 10px 0 15px; }
  .menu-title:first-letter {
    text-transform: uppercase; }

.category-title {
  position: relative;
  font-family: var(--bold-font);
  margin: 0 0 15px; }
  .category-title:after {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    background: var(--text-primary-helper-color);
    bottom: 12px;
    left: 0;
    right: 0;
    z-index: -1; }
  .category-title .category-title-inner {
    position: relative;
    z-index: 1;
    padding-right: 15px;
    background: var(--page-bg-color); }
    .category-title .category-title-inner:first-letter {
      text-transform: uppercase; }
    @media screen and (max-width: 767px) {
      .category-title .category-title-inner {
        padding-right: 10px; } }
  .category-title .select-box.more-btn-select {
    margin: 0 -10px; }

.subcategory-title {
  position: relative;
  color: var(--text-primary-color);
  font-family: var(--bold-font);
  font-size: 1.5rem;
  margin: 0 0 20px; }
  .subcategory-title:first-letter {
    text-transform: uppercase; }
  .subcategory-title .has-opacity {
    opacity: 0.5; }
  @media screen and (max-width: 767px) {
    .subcategory-title {
      font-size: 1.3rem;
      margin-bottom: 15px; } }

@media screen and (max-width: 1366px) {
  html {
    font-size: 14px; }
  .has-bg {
    padding: 30px 40px;
    margin: -30px 0 28px -70px; }
  .txt-note {
    padding-left: 15px; } }

@media screen and (max-width: 1024px) {
  .txt-large {
    font-size: 1.1rem; }
  h5 {
    margin-bottom: 20px; } }

@media screen and (max-width: 767px) {
  h1 {
    font-size: 1.857rem; }
  h2 {
    font-size: 1.7rem; }
  h3 {
    font-size: 1.571rem; }
  h5 {
    font-size: 1.3rem; }
  .has-bg {
    font-size: 1.857rem;
    letter-spacing: normal;
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding: 16px 40px;
    margin: -35px 0 20px;
    border-radius: 15px 0 15px 0; }
  .txt-medium {
    font-size: 1rem;
    line-height: 1.2; }
  .txt-extra-large {
    font-size: 1.429rem; } }

@font-face {
  font-family: "fyre-icons";
  src: url("../fonts/icons/fyre-icons.eot");
  src: url("../fonts/icons/fyre-icons.eot?#iefix") format("eot"), url("../fonts/icons/fyre-icons.woff2") format("woff2"), url("../fonts/icons/fyre-icons.woff") format("woff"), url("../fonts/icons/fyre-icons.ttf") format("truetype"), url("../fonts/icons/fyre-icons.svg#fyre-icons") format("svg"); }

.fyre-ico {
  font-family: "fyre-icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  font-size: inherit;
  line-height: 1;
  display: inline-block; }

.fyre-ico-add:before {
  content: "\E001"; }

.fyre-ico-alcohol-2:before {
  content: "\E002"; }

.fyre-ico-alcohol-bottle-2:before {
  content: "\E003"; }

.fyre-ico-alcohol-bottle:before {
  content: "\E004"; }

.fyre-ico-alcohol-burner:before {
  content: "\E005"; }

.fyre-ico-alcohol-cocktail-2:before {
  content: "\E006"; }

.fyre-ico-alcohol-cocktail-3:before {
  content: "\E007"; }

.fyre-ico-alcohol-cocktail:before {
  content: "\E008"; }

.fyre-ico-alcohol-drink:before {
  content: "\E009"; }

.fyre-ico-alcohol-maple:before {
  content: "\E00A"; }

.fyre-ico-alcohol:before {
  content: "\E00B"; }

.fyre-ico-apartment:before, .field-box.apartment:before {
  content: "\E00C"; }

.fyre-ico-arrow-down:before, .style-selector-container .input-color-wrap .label:before {
  content: "\E00D"; }

.fyre-ico-arrow-resize:before, legend.with-img.format:before {
  content: "\E00E"; }

.fyre-ico-arrow-thin:before, .btn.back:before, a.btn.back:before, .back-icon:before {
  content: "\E00F"; }

.fyre-ico-arrow:before, .carousel.slide .carousel-control:before {
  content: "\E010"; }

.fyre-ico-bag:before, .staff-order-report .pickup-icon:before {
  content: "\E011"; }

.fyre-ico-beer-glass:before {
  content: "\E012"; }

.fyre-ico-beer:before {
  content: "\E013"; }

.fyre-ico-bell:before, .header .header-action .icon.bell:before {
  content: "\E014"; }

.fyre-ico-bike:before, legend.with-img.bike:before, .staff-order-report .delivery-icon:before {
  content: "\E015"; }

.fyre-ico-book:before {
  content: "\E016"; }

.fyre-ico-box:before, .status-item.ordered:before {
  content: "\E017"; }

.fyre-ico-bread-2:before {
  content: "\E018"; }

.fyre-ico-bread-3:before {
  content: "\E019"; }

.fyre-ico-bread-4:before {
  content: "\E01A"; }

.fyre-ico-bread-5:before {
  content: "\E01B"; }

.fyre-ico-bread:before {
  content: "\E01C"; }

.fyre-ico-breakfast-2:before {
  content: "\E01D"; }

.fyre-ico-breakfast-3:before {
  content: "\E01E"; }

.fyre-ico-breakfast:before {
  content: "\E01F"; }

.fyre-ico-burger:before {
  content: "\E020"; }

.fyre-ico-cake-2:before {
  content: "\E021"; }

.fyre-ico-cake-3:before {
  content: "\E022"; }

.fyre-ico-cake-4:before {
  content: "\E023"; }

.fyre-ico-cake:before {
  content: "\E024"; }

.fyre-ico-calendar-app:before, legend.with-img.calendar-app:before {
  content: "\E025"; }

.fyre-ico-calendar-bordered:before, legend.with-img.calendar-bordered:before, .field-box.calendar-bordered:before {
  content: "\E026"; }

.fyre-ico-calendar-date:before, legend.with-img.calendar-date:before {
  content: "\E027"; }

.fyre-ico-calendar:before, legend.with-img.calendar:before, .select-box.calendar:before, .date-with-icon:before, .popup-dscr .show-datepicker-btn:before {
  content: "\E028"; }

.fyre-ico-camera:before {
  content: "\E029"; }

.fyre-ico-can:before {
  content: "\E02A"; }

.fyre-ico-canape:before {
  content: "\E02B"; }

.fyre-ico-card:before, .field-box.card:before {
  content: "\E02C"; }

.fyre-ico-cart-plus:before {
  content: "\E02D"; }

.fyre-ico-cart:before, legend.with-img.cart:before, .title-img.i-cart:before, .header .header-action .icon.cart:before, .page-preview .preview-header .cart-icon:before {
  content: "\E02E"; }

.fyre-ico-cereal-2:before {
  content: "\E02F"; }

.fyre-ico-cereal:before {
  content: "\E030"; }

.fyre-ico-champagne-bottle:before {
  content: "\E031"; }

.fyre-ico-champagne-glass:before {
  content: "\E032"; }

.fyre-ico-champagne:before {
  content: "\E033"; }

.fyre-ico-chat:before {
  content: "\E034"; }

.fyre-ico-check:before, .field-box.small.codepromo .check-icon-box .check:before {
  content: "\E035"; }

.fyre-ico-cheese:before {
  content: "\E036"; }

.fyre-ico-chips:before {
  content: "\E037"; }

.fyre-ico-clock-face:before {
  content: "\E038"; }

.fyre-ico-clock-in-circle:before {
  content: "\E039"; }

.fyre-ico-clock-sand-2:before, .status-item.preparation:before {
  content: "\E03A"; }

.fyre-ico-clock-sand:before {
  content: "\E03B"; }

.fyre-ico-clock-simple:before, .notifications-list .time-info:before {
  content: "\E03C"; }

.fyre-ico-clock:before, legend.with-img.clock:before, .select-box.clock:before {
  content: "\E03D"; }

.fyre-ico-coffee-cup:before {
  content: "\E03E"; }

.fyre-ico-coffee-glass:before {
  content: "\E03F"; }

.fyre-ico-coffee-seeds:before {
  content: "\E040"; }

.fyre-ico-coffee:before {
  content: "\E041"; }

.fyre-ico-cold-water:before {
  content: "\E042"; }

.fyre-ico-cookies:before {
  content: "\E043"; }

.fyre-ico-cost:before, legend.with-img.cost:before, .field-box.codepromo:before, .field-box.cost:before, .select-box.cost:before, .cart-sum:before, .delivery-accordion .cost-info.with-img.cost:before,
.payment-form .cost-info.with-img.cost:before {
  content: "\E044"; }

.fyre-ico-croissant:before {
  content: "\E045"; }

.fyre-ico-cross:before, .del-item-btn:before, .add-category-btn:before, .add-product-btn:before, .del-icon:before {
  content: "\E046"; }

.fyre-ico-cup-pot:before {
  content: "\E047"; }

.fyre-ico-cup:before {
  content: "\E048"; }

.fyre-ico-delivered:before, .status-item.delivered:before {
  content: "\E049"; }

.fyre-ico-digi-code:before, .field-box.digi-code:before {
  content: "\E04A"; }

.fyre-ico-dinner:before, .field-box.dinner:before, .select-box.dinner:before {
  content: "\E04B"; }

.fyre-ico-dish:before, legend.with-img.baking:before {
  content: "\E04C"; }

.fyre-ico-doner:before {
  content: "\E04D"; }

.fyre-ico-doughnut:before {
  content: "\E04E"; }

.fyre-ico-edit:before, .edit-item-btn:before, .header .anonymous-input-wrap .edit-name:before, .add-edit-tables .tools #edit button:before {
  content: "\E04F"; }

.fyre-ico-egg:before {
  content: "\E050"; }

.fyre-ico-email:before, .send-mail-btn:before, .field-box.mail:before {
  content: "\E051"; }

.fyre-ico-eye:before, .prohibit-item-btn:before {
  content: "\E052"; }

.fyre-ico-facebook:before, .field-box.facebook:before, .footer .footer-nav li.social-icons a.facebook:before, .modal-footer .btn-social.facebook:before {
  content: "\E053"; }

.fyre-ico-fast-food:before {
  content: "\E054"; }

.fyre-ico-fish-2:before {
  content: "\E055"; }

.fyre-ico-fish-3:before {
  content: "\E056"; }

.fyre-ico-fish-4:before {
  content: "\E057"; }

.fyre-ico-fish-5:before {
  content: "\E058"; }

.fyre-ico-fish-6:before {
  content: "\E059"; }

.fyre-ico-fish-7:before {
  content: "\E05A"; }

.fyre-ico-fish:before {
  content: "\E05B"; }

.fyre-ico-fondu:before {
  content: "\E05C"; }

.fyre-ico-fruits:before {
  content: "\E05D"; }

.fyre-ico-gallery:before {
  content: "\E05E"; }

.fyre-ico-girl:before {
  content: "\E05F"; }

.fyre-ico-google-plus:before, .field-box.google:before, .modal-footer .btn-social.google:before {
  content: "\E060"; }

.fyre-ico-grill:before {
  content: "\E061"; }

.fyre-ico-ham:before {
  content: "\E062"; }

.fyre-ico-heart-full:before {
  content: "\E063"; }

.fyre-ico-heart:before {
  content: "\E064"; }

.fyre-ico-hierarchy:before, .add-sub-item-btn:before {
  content: "\E065"; }

.fyre-ico-hot-food:before {
  content: "\E066"; }

.fyre-ico-house:before, legend.with-img.house:before, .field-box.house:before, .select-box.house:before {
  content: "\E067"; }

.fyre-ico-ice-cream-2:before {
  content: "\E068"; }

.fyre-ico-ice-cream-3:before {
  content: "\E069"; }

.fyre-ico-ice-cream-4:before {
  content: "\E06A"; }

.fyre-ico-ice-cream:before {
  content: "\E06B"; }

.fyre-ico-jam-2:before {
  content: "\E06C"; }

.fyre-ico-jam:before {
  content: "\E06D"; }

.fyre-ico-juice-orange:before {
  content: "\E06E"; }

.fyre-ico-juice:before {
  content: "\E06F"; }

.fyre-ico-kazunoko:before {
  content: "\E070"; }

.fyre-ico-kebab-2:before {
  content: "\E071"; }

.fyre-ico-kebab-3:before {
  content: "\E072"; }

.fyre-ico-kebab-4:before {
  content: "\E073"; }

.fyre-ico-kebab-5:before {
  content: "\E074"; }

.fyre-ico-kebab:before {
  content: "\E075"; }

.fyre-ico-label:before, .field-box.label:before {
  content: "\E076"; }

.fyre-ico-lemonade:before {
  content: "\E077"; }

.fyre-ico-linkedin:before, .footer .footer-nav li.social-icons a.linkedin:before {
  content: "\E078"; }

.fyre-ico-list:before, legend.with-img.amount:before, .field-box.textarea-box .field-name:before, .field-box.simple.textarea-box:before, .field-box.comment:before, .select-box.list:before {
  content: "\E079"; }

.fyre-ico-location:before, legend.with-img.location:before, .field-box.small .location-icon-box .location:before, .field-box.location:before, .delivery-accordion .static-address.with-img.location:before,
.payment-form .static-address.with-img.location:before {
  content: "\E07A"; }

.fyre-ico-lock:before, legend.with-img.lock:before, .field-box.password:before {
  content: "\E07B"; }

.fyre-ico-macarons:before {
  content: "\E07C"; }

.fyre-ico-man-in-square:before {
  content: "\E07D"; }

.fyre-ico-man:before, legend.with-img.man:before, .field-box.person:before, .select-box.man:before {
  content: "\E07E"; }

.fyre-ico-marker:before {
  content: "\E07F"; }

.fyre-ico-meat:before {
  content: "\E080"; }

.fyre-ico-milkshake:before {
  content: "\E081"; }

.fyre-ico-new:before, .status-item.new:before {
  content: "\E082"; }

.fyre-ico-nut:before {
  content: "\E083"; }

.fyre-ico-nuts:before {
  content: "\E084"; }

.fyre-ico-paid:before, .status-item.paid:before {
  content: "\E085"; }

.fyre-ico-pan:before {
  content: "\E086"; }

.fyre-ico-pancakes:before {
  content: "\E087"; }

.fyre-ico-paperclip:before, .products-quantity:before {
  content: "\E088"; }

.fyre-ico-pasta-2:before {
  content: "\E089"; }

.fyre-ico-pasta:before {
  content: "\E08A"; }

.fyre-ico-phone:before, .field-box.phone:before {
  content: "\E08B"; }

.fyre-ico-picture:before, legend.with-img.picture:before {
  content: "\E08C"; }

.fyre-ico-pizza-2:before {
  content: "\E08D"; }

.fyre-ico-pizza:before {
  content: "\E08E"; }

.fyre-ico-plus:before, legend.with-img.extra-toppings:before {
  content: "\E08F"; }

.fyre-ico-potato:before {
  content: "\E090"; }

.fyre-ico-present:before, legend.with-img.present:before, .gratuity .present:before {
  content: "\E091"; }

.fyre-ico-preview:before, .add-edit-tables .tools #preview button:before {
  content: "\E092"; }

.fyre-ico-print:before, .select-box.printer:before, .sidebar-content.delivery-pickup .order-details .print-icon:before {
  content: "\E093"; }

.fyre-ico-prohibition:before {
  content: "\E094"; }

.fyre-ico-pudding:before {
  content: "\E095"; }

.fyre-ico-qr:before {
  content: "\E096"; }

.fyre-ico-ramen:before {
  content: "\E097"; }

.fyre-ico-ready:before, .status-item.ready:before {
  content: "\E098"; }

.fyre-ico-repairing:before {
  content: "\E099"; }

.fyre-ico-rice-2:before {
  content: "\E09A"; }

.fyre-ico-rice-3:before {
  content: "\E09B"; }

.fyre-ico-rice:before {
  content: "\E09C"; }

.fyre-ico-roast-chicken:before {
  content: "\E09D"; }

.fyre-ico-rubbish:before, .status-item.del-item:before, .add-edit-tables .tools #clear button:before {
  content: "\E09E"; }

.fyre-ico-salad:before {
  content: "\E09F"; }

.fyre-ico-salt:before {
  content: "\E0A0"; }

.fyre-ico-sandwich-coffee:before {
  content: "\E0A1"; }

.fyre-ico-sandwich:before {
  content: "\E0A2"; }

.fyre-ico-sauce-2:before {
  content: "\E0A3"; }

.fyre-ico-sauce:before, legend.with-img.sauce:before {
  content: "\E0A4"; }

.fyre-ico-sausage:before {
  content: "\E0A5"; }

.fyre-ico-save:before, .add-edit-tables .tools #save button:before {
  content: "\E0A6"; }

.fyre-ico-schedule:before, legend.with-img.schedule:before, .title-img.i-schedule:before {
  content: "\E0A7"; }

.fyre-ico-sea-food-2:before {
  content: "\E0A8"; }

.fyre-ico-sea-food-3:before {
  content: "\E0A9"; }

.fyre-ico-sea-food-4:before {
  content: "\E0AA"; }

.fyre-ico-sea-food-5:before {
  content: "\E0AB"; }

.fyre-ico-sea-food-6:before {
  content: "\E0AC"; }

.fyre-ico-sea-food-7:before {
  content: "\E0AD"; }

.fyre-ico-sea-food-8:before {
  content: "\E0AE"; }

.fyre-ico-sea-food-9:before {
  content: "\E0AF"; }

.fyre-ico-sea-food:before {
  content: "\E0B0"; }

.fyre-ico-send-mail:before {
  content: "\E0B1"; }

.fyre-ico-shake-hands:before {
  content: "\E0B2"; }

.fyre-ico-share:before, .share-btn:before, .header .header-action .icon.share:before {
  content: "\E0B3"; }

.fyre-ico-shield:before, .field-box.shield:before {
  content: "\E0B4"; }

.fyre-ico-small-check:before, .third-app-logo.active:before {
  content: "\E0B5"; }

.fyre-ico-snack:before {
  content: "\E0B6"; }

.fyre-ico-sort-asc:before {
  content: "\E0B7"; }

.fyre-ico-sort-desc:before {
  content: "\E0B8"; }

.fyre-ico-sort:before {
  content: "\E0B9"; }

.fyre-ico-soup-2:before {
  content: "\E0BA"; }

.fyre-ico-soup:before {
  content: "\E0BB"; }

.fyre-ico-sphere:before, legend.with-img.sphere:before {
  content: "\E0BC"; }

.fyre-ico-stairs:before, .field-box.floor:before {
  content: "\E0BD"; }

.fyre-ico-stamp:before, .gratuity .stamp:before {
  content: "\E0BE"; }

.fyre-ico-star-empty:before {
  content: "\E0BF"; }

.fyre-ico-star:before, legend.with-img.star:before {
  content: "\E0C0"; }

.fyre-ico-steak-2:before {
  content: "\E0C1"; }

.fyre-ico-steak:before {
  content: "\E0C2"; }

.fyre-ico-sushi-2:before {
  content: "\E0C3"; }

.fyre-ico-sushi-3:before {
  content: "\E0C4"; }

.fyre-ico-sushi-4:before {
  content: "\E0C5"; }

.fyre-ico-sushi-roll:before {
  content: "\E0C6"; }

.fyre-ico-sushi:before {
  content: "\E0C7"; }

.fyre-ico-syrup:before {
  content: "\E0C8"; }

.fyre-ico-table-circle-fill:before, .field-box.table-circle-fill:before {
  content: "\E0C9"; }

.fyre-ico-table-circle:before, .sidebar-content.order-details-accordion .icon-wrap .icon.in-dining-icon:before, .staff-order-report .in-dining-icon:before {
  content: "\E0CA"; }

.fyre-ico-table:before, legend.with-img.table:before, .header .header-action .icon.table:before, .notifications-list .title:before {
  content: "\E0CB"; }

.fyre-ico-tart:before {
  content: "\E0CC"; }

.fyre-ico-tea-cup:before {
  content: "\E0CD"; }

.fyre-ico-tea-pot:before {
  content: "\E0CE"; }

.fyre-ico-tea:before {
  content: "\E0CF"; }

.fyre-ico-timeslot:before {
  content: "\E0D0"; }

.fyre-ico-toast:before {
  content: "\E0D1"; }

.fyre-ico-twitter:before, .field-box.instagram:before {
  content: "\E0D2"; }

.fyre-ico-upload:before {
  content: "\E0D3"; }

.fyre-ico-user-card:before {
  content: "\E0D4"; }

.fyre-ico-waffle:before {
  content: "\E0D5"; }

.fyre-ico-waiter:before, .staff-order-report .delivery-table-icon:before {
  content: "\E0D6"; }

.fyre-ico-wallet:before, .staff-order-report .pre-order-icon:before {
  content: "\E0D7"; }

.fyre-ico-water:before {
  content: "\E0D8"; }

.fyre-ico-whiskey-bottle:before {
  content: "\E0D9"; }

.fyre-ico-whiskey-glass:before {
  content: "\E0DA"; }

.fyre-ico-whiskey:before {
  content: "\E0DB"; }

.fyre-ico-wine-red:before {
  content: "\E0DC"; }

.fyre-ico-wine-white:before {
  content: "\E0DD"; }

.fyre-ico-wine:before {
  content: "\E0DE"; }

.fyre-ico-wok:before {
  content: "\E0DF"; }

.fyre-ico-zoom:before, .btn.search:before, a.btn.search:before, .field-box.zoom:before, .show-icon:before {
  content: "\E0E0"; }

.btn, a.btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: initial;
  height: initial;
  min-width: 280px;
  min-height: 55px;
  padding: 5px 25px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  background: var(--button-helper-color);
  border-radius: 30px;
  border: 2px solid var(--button-primary-color);
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: var(--bold-font);
  font-size: 1.278rem;
  line-height: 1.2;
  color: var(--button-primary-color);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .btn.non-clickable, a.btn.non-clickable {
    cursor: auto; }
    .btn.non-clickable i, a.btn.non-clickable i {
      font-size: 16px;
      width: 20px;
      height: 20px; }
      .btn.non-clickable i.fyre-ico-bike, .btn.non-clickable .staff-order-report i.delivery-icon:before, .staff-order-report .btn.non-clickable i.delivery-icon:before, a.btn.non-clickable i.fyre-ico-bike, a.btn.non-clickable .staff-order-report i.delivery-icon:before, .staff-order-report a.btn.non-clickable i.delivery-icon:before {
        font-size: 22px; }
      .btn.non-clickable i.fyre-ico-waiter, .btn.non-clickable .staff-order-report i.delivery-table-icon:before, .staff-order-report .btn.non-clickable i.delivery-table-icon:before, a.btn.non-clickable i.fyre-ico-waiter, a.btn.non-clickable .staff-order-report i.delivery-table-icon:before, .staff-order-report a.btn.non-clickable i.delivery-table-icon:before {
        margin-right: 0px;
        font-size: 20px; }
  .btn:hover, a.btn:hover {
    background: var(--button-primary-color);
    color: var(--button-helper-color);
    text-decoration: none; }
  .btn > span, a.btn > span {
    z-index: 1;
    margin: 0 auto; }
  .btn:disabled, a.btn:disabled {
    cursor: not-allowed;
    opacity: 1; }
    .btn:disabled:after, a.btn:disabled:after {
      content: '';
      position: absolute;
      top: -2px;
      bottom: -2px;
      left: -2px;
      right: -2px;
      border-radius: 30px;
      background: rgba(255, 255, 255, 0.5); }
  .btn.checked, a.btn.checked {
    background: var(--button-primary-color);
    color: var(--button-helper-color); }
    .btn.checked:hover, a.btn.checked:hover {
      background: var(--button-helper-color);
      color: var(--button-primary-color); }
  .btn.dark-blue, a.btn.dark-blue {
    background: var(--button-primary-color);
    color: var(--button-helper-color); }
    .btn.dark-blue:hover, a.btn.dark-blue:hover {
      background: var(--button-helper-color);
      color: var(--button-primary-color); }
    .btn.dark-blue:disabled:hover, a.btn.dark-blue:disabled:hover {
      background: var(--button-primary-color);
      color: var(--button-helper-color); }
    @media screen and (max-width: 1024px) {
      .btn.dark-blue.reset-mob-hover:hover, a.btn.dark-blue.reset-mob-hover:hover {
        background: var(--button-primary-color);
        color: var(--button-helper-color); } }
  .btn.navy-blue, a.btn.navy-blue {
    background: var(--form-secondary-color);
    border-color: var(--form-secondary-color);
    color: var(--button-helper-color); }
    .btn.navy-blue:hover, a.btn.navy-blue:hover {
      background: var(--button-helper-color);
      color: var(--form-secondary-color); }
    .btn.navy-blue:disabled:hover, a.btn.navy-blue:disabled:hover {
      background: var(--form-secondary-color);
      border-color: var(--form-secondary-color);
      color: var(--button-helper-color); }
  .btn.light-blue, a.btn.light-blue {
    background: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color); }
    .btn.light-blue:hover, a.btn.light-blue:hover {
      border-color: var(--text-secondary-color);
      color: var(--text-secondary-color); }
  .btn.blue, a.btn.blue {
    background: #7bd3f7;
    border-color: var(--form-secondary-color);
    color: var(--form-secondary-color); }
    .btn.blue:hover, a.btn.blue:hover {
      background: var(--button-helper-color);
      color: #7bd3f7; }
    .btn.blue:disabled:hover, a.btn.blue:disabled:hover {
      background: #7bd3f7;
      border-color: var(--form-secondary-color);
      color: var(--form-secondary-color); }
  .btn.light-green, a.btn.light-green {
    background: #39b54a;
    color: #ffffff;
    border-color: #39b54a; }
    .btn.light-green:hover, a.btn.light-green:hover {
      background: #ffffff;
      color: #39b54a;
      border-color: #39b54a; }
    .btn.light-green:disabled:hover, a.btn.light-green:disabled:hover {
      background: #39b54a;
      color: #ffffff;
      border-color: #39b54a; }
  .btn.dark-green, a.btn.dark-green {
    background: green;
    color: #ffffff;
    border-color: green; }
    .btn.dark-green:hover, a.btn.dark-green:hover {
      background: #ffffff;
      color: green;
      border-color: green; }
    .btn.dark-green:disabled:hover, a.btn.dark-green:disabled:hover {
      background: green;
      color: #ffffff;
      border-color: green; }
  .btn.medium-red, a.btn.medium-red {
    background: var(--button-warning-color);
    color: var(--button-helper-color);
    border-color: var(--button-warning-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .btn.medium-red:hover, a.btn.medium-red:hover {
      background: var(--button-helper-color);
      color: var(--button-warning-color);
      border-color: var(--button-warning-color); }
    .btn.medium-red:disabled:hover, a.btn.medium-red:disabled:hover {
      background: var(--button-warning-color);
      color: var(--button-helper-color);
      border-color: var(--button-warning-color); }
    .btn.medium-red .fyre-ico, a.btn.medium-red .fyre-ico {
      margin: 0 10px 0 0; }
  .btn.dark-red, a.btn.dark-red {
    background: red;
    color: #ffffff;
    border-color: red; }
    .btn.dark-red:hover, a.btn.dark-red:hover {
      background: #ffffff;
      color: red;
      border-color: red; }
    .btn.dark-red:disabled:hover, a.btn.dark-red:disabled:hover {
      background: red;
      color: #ffffff;
      border-color: red; }
  .btn.light-red, a.btn.light-red {
    background: #ff6562;
    color: #ffffff;
    border-color: #ff6562; }
    .btn.light-red:hover, a.btn.light-red:hover {
      background: #ffffff;
      color: #ff6562;
      border-color: #ff6562; }
    .btn.light-red:disabled:hover, a.btn.light-red:disabled:hover {
      background: #ff6562;
      color: #ffffff;
      border-color: #ff6562; }
  .btn.red-bordered, a.btn.red-bordered {
    background: var(--button-helper-color);
    color: var(--button-warning-color);
    border-color: var(--button-warning-color); }
    .btn.red-bordered:hover, .btn.red-bordered.active, a.btn.red-bordered:hover, a.btn.red-bordered.active {
      background: var(--button-warning-color);
      color: var(--button-helper-color);
      border-color: var(--button-warning-color); }
    @media screen and (max-width: 1024px) {
      .btn.red-bordered.reset-mob-hover:hover, a.btn.red-bordered.reset-mob-hover:hover {
        background: var(--button-helper-color);
        color: var(--button-warning-color);
        border-color: var(--button-warning-color); } }
  .btn.dark-yellow, a.btn.dark-yellow {
    background: #e6dd00;
    color: #ffffff;
    border-color: #e6dd00; }
    .btn.dark-yellow:hover, a.btn.dark-yellow:hover {
      background: #ffffff;
      color: #e6dd00;
      border-color: #e6dd00; }
    .btn.dark-yellow:disabled:hover, a.btn.dark-yellow:disabled:hover {
      background: #e6dd00;
      color: #ffffff;
      border-color: #e6dd00; }
  .btn.circle, a.btn.circle {
    display: block;
    width: 45px;
    height: 45px;
    min-width: initial;
    min-height: initial;
    padding: 0;
    line-height: 41px;
    border-radius: 50%; }
    .btn.circle .fyre-ico, a.btn.circle .fyre-ico {
      margin: 0; }
  .btn.circle-large, a.btn.circle-large {
    width: 60px;
    height: 60px;
    min-width: initial;
    min-height: initial;
    padding: 0;
    line-height: 58px;
    border-radius: 50%; }
    .btn.circle-large .fyre-ico, a.btn.circle-large .fyre-ico {
      margin: 0; }
  .btn.circle-small, a.btn.circle-small {
    font-size: 15px;
    width: 33px;
    height: 33px;
    min-width: initial;
    min-height: initial;
    padding: 0;
    line-height: 23px;
    border-radius: 50%; }
    .btn.circle-small .fyre-ico, a.btn.circle-small .fyre-ico {
      margin: 0; }
  .btn.extra-small, a.btn.extra-small {
    min-width: auto;
    min-height: 33px;
    font-size: 0.9rem; }
  .btn.small, a.btn.small {
    min-width: auto;
    min-height: 40px;
    font-size: 1rem; }
  .btn.medium, a.btn.medium {
    min-width: auto;
    min-height: 46px;
    font-size: 1.111rem; }
  .btn.btn-reserve, a.btn.btn-reserve {
    font-size: 1.03rem;
    line-height: 1.1;
    height: 35px;
    min-height: 35px; }
  .btn.back:before, a.btn.back:before {
    font-family: "fyre-icons";
    font-size: 1rem;
    margin-right: 10px; }
  .btn.search:before, a.btn.search:before {
    font-family: "fyre-icons";
    display: block;
    margin-right: 10px;
    font-size: 1rem;
    line-height: 1;
    z-index: 1;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: var(--button-primary-color); }
  .btn.search:hover:before, a.btn.search:hover:before {
    color: var(--button-helper-color); }
  .btn.about-rate.review .star, a.btn.about-rate.review .star {
    font-size: 1.2rem; }
  .btn .fyre-ico-send-mail,
  .btn .fyre-ico-shake-hands,
  .btn .fyre-ico-share,
  .btn .share-btn:before,
  .btn .header .header-action .icon.share:before,
  .header .header-action .btn .icon.share:before,
  .btn .fyre-ico-cross,
  .btn .del-item-btn:before,
  .btn .add-category-btn:before,
  .btn .add-product-btn:before,
  .btn .del-icon:before, a.btn .fyre-ico-send-mail,
  a.btn .fyre-ico-shake-hands,
  a.btn .fyre-ico-share,
  a.btn .share-btn:before,
  a.btn .header .header-action .icon.share:before,
  .header .header-action a.btn .icon.share:before,
  a.btn .fyre-ico-cross,
  a.btn .del-item-btn:before,
  a.btn .add-category-btn:before,
  a.btn .add-product-btn:before,
  a.btn .del-icon:before {
    font-size: 1.2rem;
    margin-right: 7px; }
  
  .btn .fyre-ico-share,
  .btn .share-btn:before,
  .btn .header .header-action .icon.share:before,
  .header .header-action .btn .icon.share:before,
  a.btn .fyre-ico-share,
  a.btn .share-btn:before,
  a.btn .header .header-action .icon.share:before,
  .header .header-action a.btn .icon.share:before {
    margin-top: 1px; }
  
  .btn .fyre-ico-cross,
  .btn .del-item-btn:before,
  .btn .add-category-btn:before,
  .btn .add-product-btn:before,
  .btn .del-icon:before,
  a.btn .fyre-ico-cross,
  a.btn .del-item-btn:before,
  a.btn .add-category-btn:before,
  a.btn .add-product-btn:before,
  a.btn .del-icon:before {
    font-weight: bold;
    margin-top: 2px; }
  .btn .fyre-ico-waiter, .btn .staff-order-report .delivery-table-icon:before, .staff-order-report .btn .delivery-table-icon:before, a.btn .fyre-ico-waiter, a.btn .staff-order-report .delivery-table-icon:before, .staff-order-report a.btn .delivery-table-icon:before {
    font-size: 1.4rem; }
  
  .btn .fyre-ico-share,
  .btn .share-btn:before,
  .btn .header .header-action .icon.share:before,
  .header .header-action .btn .icon.share:before,
  .btn .fyre-ico-cross,
  .btn .del-item-btn:before,
  .btn .add-category-btn:before,
  .btn .add-product-btn:before,
  .btn .del-icon:before, .btn .fyre-ico-waiter, .btn .staff-order-report .delivery-table-icon:before, .staff-order-report .btn .delivery-table-icon:before,
  a.btn .fyre-ico-share,
  a.btn .share-btn:before,
  a.btn .header .header-action .icon.share:before,
  .header .header-action a.btn .icon.share:before,
  a.btn .fyre-ico-cross,
  a.btn .del-item-btn:before,
  a.btn .add-category-btn:before,
  a.btn .add-product-btn:before,
  a.btn .del-icon:before, a.btn .fyre-ico-waiter, a.btn .staff-order-report .delivery-table-icon:before, .staff-order-report a.btn .delivery-table-icon:before {
    margin-right: 10px; }

.arrow-btn {
  background: transparent;
  border: none;
  position: relative;
  width: 30px;
  height: 30px;
  cursor: pointer; }
  .arrow-btn:after {
    content: '';
    position: absolute;
    top: 7px; }
  .arrow-btn.prev:after {
    border: 8px solid transparent;
    border-right: 8px solid var(--text-primary-helper-color);
    left: 4px; }
  .arrow-btn.next:after {
    border: 8px solid transparent;
    border-left: 8px solid var(--text-primary-helper-color);
    right: 4px; }

.edit-btn-icon {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer; }
  .edit-btn-icon i {
    font-size: 1.35rem;
    color: var(--form-primary-color); }

.chat-btn,
.footer .footer-nav a.chat-btn {
  height: 45px;
  font-size: 2.7rem;
  color: var(--primary-color); }
  .chat-btn:hover,
  .footer .footer-nav a.chat-btn:hover {
    color: var(--text-secondary-color); }

.del-item-btn,
.edit-item-btn,
.prohibit-item-btn,
.add-sub-item-btn,
.add-category-btn,
.add-product-btn,
.send-mail-btn,
.share-btn,
.more-btn {
  width: 22px;
  height: 22px;
  padding: 0;
  line-height: 16px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  vertical-align: middle;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 1; }
  .del-item-btn:before,
  .edit-item-btn:before,
  .prohibit-item-btn:before,
  .add-sub-item-btn:before,
  .add-category-btn:before,
  .add-product-btn:before,
  .send-mail-btn:before,
  .share-btn:before,
  .more-btn:before {
    font-family: 'fyre-icons';
    line-height: 23px; }

.del-item-btn {
  background: #e93f04; }
  .del-item-btn:before {
    font-size: 8px;
    color: #ffffff; }

.edit-item-btn {
  background: #7bd3f7; }
  .edit-item-btn:before {
    font-size: 12px;
    color: #000000; }

.prohibit-item-btn {
  background: #7da6f6; }
  .prohibit-item-btn:before {
    font-size: 17px;
    line-height: 22px;
    color: #222222; }

.add-sub-item-btn {
  background: #3bdc51; }
  .add-sub-item-btn:before {
    font-size: 18px;
    line-height: 24px;
    color: #000000; }

.add-category-btn {
  font-weight: bold;
  background: #e98004;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
  .add-category-btn:before {
    font-size: 8px;
    color: #000000; }

.add-product-btn {
  font-weight: bold;
  background: green;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
  .add-product-btn:before {
    font-size: 8px;
    color: #ffffff; }

.send-mail-btn {
  background: #5358fa; }
  .send-mail-btn:before {
    font-size: 13px;
    color: #ffffff;
    line-height: 17px; }

.share-btn {
  background: #e98004; }
  .share-btn:before {
    font-size: 10px; }

.more-btn {
  background: #046704; }
  .more-btn:before {
    content: "•••";
    font-size: 13px;
    line-height: 16px;
    color: #ffffff; }

@media screen and (max-width: 1366px) {
  .btn, a.btn {
    min-height: 45px;
    font-size: 1rem; }
    .btn.medium, a.btn.medium {
      min-height: 40px;
      font-size: 0.95rem; }
    .btn.small, a.btn.small {
      min-height: 35px;
      font-size: 0.93rem; }
    .btn.extra-small, a.btn.extra-small {
      font-size: 0.9rem; }
  .chat-btn,
  .footer .footer-nav a.chat-btn {
    height: 30px;
    font-size: 2.2rem; } }

@media screen and (max-width: 1024px) {
  .btn.circle, a.btn.circle {
    width: 32px;
    height: 32px;
    line-height: 30px; }
  .btn.circle-large, a.btn.circle-large {
    width: 45px;
    height: 45px;
    line-height: 30px; } }

@media screen and (max-width: 767px) {
  .btn:disabled, a.btn:disabled {
    pointer-events: none; }
  .chat-btn,
  .footer .footer-nav a.chat-btn {
    font-size: 2rem; } }

.fix-animation, .field-box input[type=radio] + label .check:after,
.field-box input[type=checkbox] + label .check:after, .modal-footer .btn-social {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-filter: blur(0);
  webkit-font-smoothing: subpixel-antialiased; }

.b-centered, .side-aligned-page, .modal-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%; }

.cut-txt, .cart-sum .cart-title, .cart-sum .cart-title.with-img span, .order-details-report .order-details-wrap .column:first-child .title .col, .order-details-report .order-details-wrap .column:nth-child(2) .title, .order-details-report .order-details-wrap .column:last-child .title, .order-details-report .order-details-wrap .info .row .col.email {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis; }

.vert-align, .field-box:before, .cart-sum:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media screen and (max-width: 767px) {
  .b-centered, .side-aligned-page, .modal-page {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

@font-face {
  font-family: "fyre-icons";
  src: url("../fonts/icons/fyre-icons.eot");
  src: url("../fonts/icons/fyre-icons.eot?#iefix") format("eot"), url("../fonts/icons/fyre-icons.woff2") format("woff2"), url("../fonts/icons/fyre-icons.woff") format("woff"), url("../fonts/icons/fyre-icons.ttf") format("truetype"), url("../fonts/icons/fyre-icons.svg#fyre-icons") format("svg"); }

.fyre-ico {
  font-family: "fyre-icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  font-size: inherit;
  line-height: 1;
  display: inline-block; }

.fyre-ico-add:before {
  content: "\E001"; }

.fyre-ico-alcohol-2:before {
  content: "\E002"; }

.fyre-ico-alcohol-bottle-2:before {
  content: "\E003"; }

.fyre-ico-alcohol-bottle:before {
  content: "\E004"; }

.fyre-ico-alcohol-burner:before {
  content: "\E005"; }

.fyre-ico-alcohol-cocktail-2:before {
  content: "\E006"; }

.fyre-ico-alcohol-cocktail-3:before {
  content: "\E007"; }

.fyre-ico-alcohol-cocktail:before {
  content: "\E008"; }

.fyre-ico-alcohol-drink:before {
  content: "\E009"; }

.fyre-ico-alcohol-maple:before {
  content: "\E00A"; }

.fyre-ico-alcohol:before {
  content: "\E00B"; }

.fyre-ico-apartment:before, .field-box.apartment:before {
  content: "\E00C"; }

.fyre-ico-arrow-down:before, .style-selector-container .input-color-wrap .label:before {
  content: "\E00D"; }

.fyre-ico-arrow-resize:before, legend.with-img.format:before {
  content: "\E00E"; }

.fyre-ico-arrow-thin:before, .btn.back:before, a.btn.back:before, .back-icon:before {
  content: "\E00F"; }

.fyre-ico-arrow:before, .carousel.slide .carousel-control:before {
  content: "\E010"; }

.fyre-ico-bag:before, .staff-order-report .pickup-icon:before {
  content: "\E011"; }

.fyre-ico-beer-glass:before {
  content: "\E012"; }

.fyre-ico-beer:before {
  content: "\E013"; }

.fyre-ico-bell:before, .header .header-action .icon.bell:before {
  content: "\E014"; }

.fyre-ico-bike:before, legend.with-img.bike:before, .staff-order-report .delivery-icon:before {
  content: "\E015"; }

.fyre-ico-book:before {
  content: "\E016"; }

.fyre-ico-box:before, .status-item.ordered:before {
  content: "\E017"; }

.fyre-ico-bread-2:before {
  content: "\E018"; }

.fyre-ico-bread-3:before {
  content: "\E019"; }

.fyre-ico-bread-4:before {
  content: "\E01A"; }

.fyre-ico-bread-5:before {
  content: "\E01B"; }

.fyre-ico-bread:before {
  content: "\E01C"; }

.fyre-ico-breakfast-2:before {
  content: "\E01D"; }

.fyre-ico-breakfast-3:before {
  content: "\E01E"; }

.fyre-ico-breakfast:before {
  content: "\E01F"; }

.fyre-ico-burger:before {
  content: "\E020"; }

.fyre-ico-cake-2:before {
  content: "\E021"; }

.fyre-ico-cake-3:before {
  content: "\E022"; }

.fyre-ico-cake-4:before {
  content: "\E023"; }

.fyre-ico-cake:before {
  content: "\E024"; }

.fyre-ico-calendar-app:before, legend.with-img.calendar-app:before {
  content: "\E025"; }

.fyre-ico-calendar-bordered:before, legend.with-img.calendar-bordered:before, .field-box.calendar-bordered:before {
  content: "\E026"; }

.fyre-ico-calendar-date:before, legend.with-img.calendar-date:before {
  content: "\E027"; }

.fyre-ico-calendar:before, legend.with-img.calendar:before, .select-box.calendar:before, .date-with-icon:before, .popup-dscr .show-datepicker-btn:before {
  content: "\E028"; }

.fyre-ico-camera:before {
  content: "\E029"; }

.fyre-ico-can:before {
  content: "\E02A"; }

.fyre-ico-canape:before {
  content: "\E02B"; }

.fyre-ico-card:before, .field-box.card:before {
  content: "\E02C"; }

.fyre-ico-cart-plus:before {
  content: "\E02D"; }

.fyre-ico-cart:before, legend.with-img.cart:before, .title-img.i-cart:before, .header .header-action .icon.cart:before, .page-preview .preview-header .cart-icon:before {
  content: "\E02E"; }

.fyre-ico-cereal-2:before {
  content: "\E02F"; }

.fyre-ico-cereal:before {
  content: "\E030"; }

.fyre-ico-champagne-bottle:before {
  content: "\E031"; }

.fyre-ico-champagne-glass:before {
  content: "\E032"; }

.fyre-ico-champagne:before {
  content: "\E033"; }

.fyre-ico-chat:before {
  content: "\E034"; }

.fyre-ico-check:before, .field-box.small.codepromo .check-icon-box .check:before {
  content: "\E035"; }

.fyre-ico-cheese:before {
  content: "\E036"; }

.fyre-ico-chips:before {
  content: "\E037"; }

.fyre-ico-clock-face:before {
  content: "\E038"; }

.fyre-ico-clock-in-circle:before {
  content: "\E039"; }

.fyre-ico-clock-sand-2:before, .status-item.preparation:before {
  content: "\E03A"; }

.fyre-ico-clock-sand:before {
  content: "\E03B"; }

.fyre-ico-clock-simple:before, .notifications-list .time-info:before {
  content: "\E03C"; }

.fyre-ico-clock:before, legend.with-img.clock:before, .select-box.clock:before {
  content: "\E03D"; }

.fyre-ico-coffee-cup:before {
  content: "\E03E"; }

.fyre-ico-coffee-glass:before {
  content: "\E03F"; }

.fyre-ico-coffee-seeds:before {
  content: "\E040"; }

.fyre-ico-coffee:before {
  content: "\E041"; }

.fyre-ico-cold-water:before {
  content: "\E042"; }

.fyre-ico-cookies:before {
  content: "\E043"; }

.fyre-ico-cost:before, legend.with-img.cost:before, .field-box.codepromo:before, .field-box.cost:before, .select-box.cost:before, .cart-sum:before, .delivery-accordion .cost-info.with-img.cost:before,
.payment-form .cost-info.with-img.cost:before {
  content: "\E044"; }

.fyre-ico-croissant:before {
  content: "\E045"; }

.fyre-ico-cross:before, .del-item-btn:before, .add-category-btn:before, .add-product-btn:before, .del-icon:before {
  content: "\E046"; }

.fyre-ico-cup-pot:before {
  content: "\E047"; }

.fyre-ico-cup:before {
  content: "\E048"; }

.fyre-ico-delivered:before, .status-item.delivered:before {
  content: "\E049"; }

.fyre-ico-digi-code:before, .field-box.digi-code:before {
  content: "\E04A"; }

.fyre-ico-dinner:before, .field-box.dinner:before, .select-box.dinner:before {
  content: "\E04B"; }

.fyre-ico-dish:before, legend.with-img.baking:before {
  content: "\E04C"; }

.fyre-ico-doner:before {
  content: "\E04D"; }

.fyre-ico-doughnut:before {
  content: "\E04E"; }

.fyre-ico-edit:before, .edit-item-btn:before, .header .anonymous-input-wrap .edit-name:before, .add-edit-tables .tools #edit button:before {
  content: "\E04F"; }

.fyre-ico-egg:before {
  content: "\E050"; }

.fyre-ico-email:before, .send-mail-btn:before, .field-box.mail:before {
  content: "\E051"; }

.fyre-ico-eye:before, .prohibit-item-btn:before {
  content: "\E052"; }

.fyre-ico-facebook:before, .field-box.facebook:before, .footer .footer-nav li.social-icons a.facebook:before, .modal-footer .btn-social.facebook:before {
  content: "\E053"; }

.fyre-ico-fast-food:before {
  content: "\E054"; }

.fyre-ico-fish-2:before {
  content: "\E055"; }

.fyre-ico-fish-3:before {
  content: "\E056"; }

.fyre-ico-fish-4:before {
  content: "\E057"; }

.fyre-ico-fish-5:before {
  content: "\E058"; }

.fyre-ico-fish-6:before {
  content: "\E059"; }

.fyre-ico-fish-7:before {
  content: "\E05A"; }

.fyre-ico-fish:before {
  content: "\E05B"; }

.fyre-ico-fondu:before {
  content: "\E05C"; }

.fyre-ico-fruits:before {
  content: "\E05D"; }

.fyre-ico-gallery:before {
  content: "\E05E"; }

.fyre-ico-girl:before {
  content: "\E05F"; }

.fyre-ico-google-plus:before, .field-box.google:before, .modal-footer .btn-social.google:before {
  content: "\E060"; }

.fyre-ico-grill:before {
  content: "\E061"; }

.fyre-ico-ham:before {
  content: "\E062"; }

.fyre-ico-heart-full:before {
  content: "\E063"; }

.fyre-ico-heart:before {
  content: "\E064"; }

.fyre-ico-hierarchy:before, .add-sub-item-btn:before {
  content: "\E065"; }

.fyre-ico-hot-food:before {
  content: "\E066"; }

.fyre-ico-house:before, legend.with-img.house:before, .field-box.house:before, .select-box.house:before {
  content: "\E067"; }

.fyre-ico-ice-cream-2:before {
  content: "\E068"; }

.fyre-ico-ice-cream-3:before {
  content: "\E069"; }

.fyre-ico-ice-cream-4:before {
  content: "\E06A"; }

.fyre-ico-ice-cream:before {
  content: "\E06B"; }

.fyre-ico-jam-2:before {
  content: "\E06C"; }

.fyre-ico-jam:before {
  content: "\E06D"; }

.fyre-ico-juice-orange:before {
  content: "\E06E"; }

.fyre-ico-juice:before {
  content: "\E06F"; }

.fyre-ico-kazunoko:before {
  content: "\E070"; }

.fyre-ico-kebab-2:before {
  content: "\E071"; }

.fyre-ico-kebab-3:before {
  content: "\E072"; }

.fyre-ico-kebab-4:before {
  content: "\E073"; }

.fyre-ico-kebab-5:before {
  content: "\E074"; }

.fyre-ico-kebab:before {
  content: "\E075"; }

.fyre-ico-label:before, .field-box.label:before {
  content: "\E076"; }

.fyre-ico-lemonade:before {
  content: "\E077"; }

.fyre-ico-linkedin:before, .footer .footer-nav li.social-icons a.linkedin:before {
  content: "\E078"; }

.fyre-ico-list:before, legend.with-img.amount:before, .field-box.textarea-box .field-name:before, .field-box.simple.textarea-box:before, .field-box.comment:before, .select-box.list:before {
  content: "\E079"; }

.fyre-ico-location:before, legend.with-img.location:before, .field-box.small .location-icon-box .location:before, .field-box.location:before, .delivery-accordion .static-address.with-img.location:before,
.payment-form .static-address.with-img.location:before {
  content: "\E07A"; }

.fyre-ico-lock:before, legend.with-img.lock:before, .field-box.password:before {
  content: "\E07B"; }

.fyre-ico-macarons:before {
  content: "\E07C"; }

.fyre-ico-man-in-square:before {
  content: "\E07D"; }

.fyre-ico-man:before, legend.with-img.man:before, .field-box.person:before, .select-box.man:before {
  content: "\E07E"; }

.fyre-ico-marker:before {
  content: "\E07F"; }

.fyre-ico-meat:before {
  content: "\E080"; }

.fyre-ico-milkshake:before {
  content: "\E081"; }

.fyre-ico-new:before, .status-item.new:before {
  content: "\E082"; }

.fyre-ico-nut:before {
  content: "\E083"; }

.fyre-ico-nuts:before {
  content: "\E084"; }

.fyre-ico-paid:before, .status-item.paid:before {
  content: "\E085"; }

.fyre-ico-pan:before {
  content: "\E086"; }

.fyre-ico-pancakes:before {
  content: "\E087"; }

.fyre-ico-paperclip:before, .products-quantity:before {
  content: "\E088"; }

.fyre-ico-pasta-2:before {
  content: "\E089"; }

.fyre-ico-pasta:before {
  content: "\E08A"; }

.fyre-ico-phone:before, .field-box.phone:before {
  content: "\E08B"; }

.fyre-ico-picture:before, legend.with-img.picture:before {
  content: "\E08C"; }

.fyre-ico-pizza-2:before {
  content: "\E08D"; }

.fyre-ico-pizza:before {
  content: "\E08E"; }

.fyre-ico-plus:before, legend.with-img.extra-toppings:before {
  content: "\E08F"; }

.fyre-ico-potato:before {
  content: "\E090"; }

.fyre-ico-present:before, legend.with-img.present:before, .gratuity .present:before {
  content: "\E091"; }

.fyre-ico-preview:before, .add-edit-tables .tools #preview button:before {
  content: "\E092"; }

.fyre-ico-print:before, .select-box.printer:before, .sidebar-content.delivery-pickup .order-details .print-icon:before {
  content: "\E093"; }

.fyre-ico-prohibition:before {
  content: "\E094"; }

.fyre-ico-pudding:before {
  content: "\E095"; }

.fyre-ico-qr:before {
  content: "\E096"; }

.fyre-ico-ramen:before {
  content: "\E097"; }

.fyre-ico-ready:before, .status-item.ready:before {
  content: "\E098"; }

.fyre-ico-repairing:before {
  content: "\E099"; }

.fyre-ico-rice-2:before {
  content: "\E09A"; }

.fyre-ico-rice-3:before {
  content: "\E09B"; }

.fyre-ico-rice:before {
  content: "\E09C"; }

.fyre-ico-roast-chicken:before {
  content: "\E09D"; }

.fyre-ico-rubbish:before, .status-item.del-item:before, .add-edit-tables .tools #clear button:before {
  content: "\E09E"; }

.fyre-ico-salad:before {
  content: "\E09F"; }

.fyre-ico-salt:before {
  content: "\E0A0"; }

.fyre-ico-sandwich-coffee:before {
  content: "\E0A1"; }

.fyre-ico-sandwich:before {
  content: "\E0A2"; }

.fyre-ico-sauce-2:before {
  content: "\E0A3"; }

.fyre-ico-sauce:before, legend.with-img.sauce:before {
  content: "\E0A4"; }

.fyre-ico-sausage:before {
  content: "\E0A5"; }

.fyre-ico-save:before, .add-edit-tables .tools #save button:before {
  content: "\E0A6"; }

.fyre-ico-schedule:before, legend.with-img.schedule:before, .title-img.i-schedule:before {
  content: "\E0A7"; }

.fyre-ico-sea-food-2:before {
  content: "\E0A8"; }

.fyre-ico-sea-food-3:before {
  content: "\E0A9"; }

.fyre-ico-sea-food-4:before {
  content: "\E0AA"; }

.fyre-ico-sea-food-5:before {
  content: "\E0AB"; }

.fyre-ico-sea-food-6:before {
  content: "\E0AC"; }

.fyre-ico-sea-food-7:before {
  content: "\E0AD"; }

.fyre-ico-sea-food-8:before {
  content: "\E0AE"; }

.fyre-ico-sea-food-9:before {
  content: "\E0AF"; }

.fyre-ico-sea-food:before {
  content: "\E0B0"; }

.fyre-ico-send-mail:before {
  content: "\E0B1"; }

.fyre-ico-shake-hands:before {
  content: "\E0B2"; }

.fyre-ico-share:before, .share-btn:before, .header .header-action .icon.share:before {
  content: "\E0B3"; }

.fyre-ico-shield:before, .field-box.shield:before {
  content: "\E0B4"; }

.fyre-ico-small-check:before, .third-app-logo.active:before {
  content: "\E0B5"; }

.fyre-ico-snack:before {
  content: "\E0B6"; }

.fyre-ico-sort-asc:before {
  content: "\E0B7"; }

.fyre-ico-sort-desc:before {
  content: "\E0B8"; }

.fyre-ico-sort:before {
  content: "\E0B9"; }

.fyre-ico-soup-2:before {
  content: "\E0BA"; }

.fyre-ico-soup:before {
  content: "\E0BB"; }

.fyre-ico-sphere:before, legend.with-img.sphere:before {
  content: "\E0BC"; }

.fyre-ico-stairs:before, .field-box.floor:before {
  content: "\E0BD"; }

.fyre-ico-stamp:before, .gratuity .stamp:before {
  content: "\E0BE"; }

.fyre-ico-star-empty:before {
  content: "\E0BF"; }

.fyre-ico-star:before, legend.with-img.star:before {
  content: "\E0C0"; }

.fyre-ico-steak-2:before {
  content: "\E0C1"; }

.fyre-ico-steak:before {
  content: "\E0C2"; }

.fyre-ico-sushi-2:before {
  content: "\E0C3"; }

.fyre-ico-sushi-3:before {
  content: "\E0C4"; }

.fyre-ico-sushi-4:before {
  content: "\E0C5"; }

.fyre-ico-sushi-roll:before {
  content: "\E0C6"; }

.fyre-ico-sushi:before {
  content: "\E0C7"; }

.fyre-ico-syrup:before {
  content: "\E0C8"; }

.fyre-ico-table-circle-fill:before, .field-box.table-circle-fill:before {
  content: "\E0C9"; }

.fyre-ico-table-circle:before, .sidebar-content.order-details-accordion .icon-wrap .icon.in-dining-icon:before, .staff-order-report .in-dining-icon:before {
  content: "\E0CA"; }

.fyre-ico-table:before, legend.with-img.table:before, .header .header-action .icon.table:before, .notifications-list .title:before {
  content: "\E0CB"; }

.fyre-ico-tart:before {
  content: "\E0CC"; }

.fyre-ico-tea-cup:before {
  content: "\E0CD"; }

.fyre-ico-tea-pot:before {
  content: "\E0CE"; }

.fyre-ico-tea:before {
  content: "\E0CF"; }

.fyre-ico-timeslot:before {
  content: "\E0D0"; }

.fyre-ico-toast:before {
  content: "\E0D1"; }

.fyre-ico-twitter:before, .field-box.instagram:before {
  content: "\E0D2"; }

.fyre-ico-upload:before {
  content: "\E0D3"; }

.fyre-ico-user-card:before {
  content: "\E0D4"; }

.fyre-ico-waffle:before {
  content: "\E0D5"; }

.fyre-ico-waiter:before, .staff-order-report .delivery-table-icon:before {
  content: "\E0D6"; }

.fyre-ico-wallet:before, .staff-order-report .pre-order-icon:before {
  content: "\E0D7"; }

.fyre-ico-water:before {
  content: "\E0D8"; }

.fyre-ico-whiskey-bottle:before {
  content: "\E0D9"; }

.fyre-ico-whiskey-glass:before {
  content: "\E0DA"; }

.fyre-ico-whiskey:before {
  content: "\E0DB"; }

.fyre-ico-wine-red:before {
  content: "\E0DC"; }

.fyre-ico-wine-white:before {
  content: "\E0DD"; }

.fyre-ico-wine:before {
  content: "\E0DE"; }

.fyre-ico-wok:before {
  content: "\E0DF"; }

.fyre-ico-zoom:before, .btn.search:before, a.btn.search:before, .field-box.zoom:before, .show-icon:before {
  content: "\E0E0"; }

::-ms-clear {
  display: none; }

input {
  height: 40px; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
  border: none !important;
  -webkit-text-fill-color: var(--text-primary-color) !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s; }

input {
  width: 100%;
  font-family: var(--regular-font);
  font-size: 1rem;
  color: var(--text-primary-color);
  text-align: left;
  background: transparent;
  border: none;
  border-radius: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--form-secondary-color);
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none; }
  input.inline {
    width: 50px;
    padding: 0;
    height: 20px;
    margin: 0 10px;
    text-align: center; }

fieldset {
  border: none;
  padding: 0;
  margin: 0; }
  fieldset .has-left-indent {
    margin-left: 25px; }

legend {
  font-size: 1rem;
  font-weight: normal;
  color: var(--text-primary-color);
  text-align: left; }
  legend.with-img {
    text-transform: uppercase;
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px; }
    legend.with-img.small {
      padding-left: 25px;
      font-size: 14px;
      text-transform: none; }
      legend.with-img.small:before {
        font-size: 15px;
        line-height: 1.2; }
    legend.with-img:before {
      font-family: "fyre-icons";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      font-size: 1rem;
      z-index: 1;
      color: var(--form-primary-color); }
    legend.with-img.bike:before {
      font-size: 1.3rem;
      line-height: 1.1; }
    legend.with-img.cart:before {
      font-size: 1.15rem;
      line-height: 1.1; }

.field-box {
  text-align: left;
  position: relative;
  width: 100%;
  margin: 0 0 35px; }
  .field-box.small {
    width: calc(100% - 110px); }
    .field-box.small .cart-title {
      text-transform: uppercase;
      font-size: 1rem; }
    .field-box.small .check-icon-box,
    .field-box.small .location-icon-box {
      position: absolute;
      bottom: -10px;
      right: -110px;
      width: 110px;
      height: 54px; }
      .field-box.small .check-icon-box .check,
      .field-box.small .check-icon-box .location,
      .field-box.small .location-icon-box .check,
      .field-box.small .location-icon-box .location {
        width: 54px;
        height: 54px;
        display: block;
        position: relative;
        margin: 0 auto; }
        .field-box.small .check-icon-box .check:before, .field-box.small .check-icon-box .check:after,
        .field-box.small .check-icon-box .location:before,
        .field-box.small .check-icon-box .location:after,
        .field-box.small .location-icon-box .check:before,
        .field-box.small .location-icon-box .check:after,
        .field-box.small .location-icon-box .location:before,
        .field-box.small .location-icon-box .location:after {
          content: '';
          display: block;
          position: absolute; }
        .field-box.small .check-icon-box .check:before,
        .field-box.small .check-icon-box .location:before,
        .field-box.small .location-icon-box .check:before,
        .field-box.small .location-icon-box .location:before {
          font-family: "fyre-icons";
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          font-size: 1.3rem;
          z-index: 1; }
        .field-box.small .check-icon-box .check:after,
        .field-box.small .check-icon-box .location:after,
        .field-box.small .location-icon-box .check:after,
        .field-box.small .location-icon-box .location:after {
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background-color: var(--accent-color); }
    .field-box.small.codepromo .check-icon-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
      .field-box.small.codepromo .check-icon-box .check:before {
        color: var(--text-secondary-helper-color); }
      .field-box.small.codepromo .check-icon-box .txt {
        color: #39b54a;
        font-size: 1rem;
        font-weight: bold;
        padding-left: 10px; }
    .field-box.small .location-icon-box .location {
      text-decoration: none; }
      .field-box.small .location-icon-box .location:after {
        border: 2px solid var(--accent-color);
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s; }
      .field-box.small .location-icon-box .location:before {
        color: var(--btn-helper-color);
        font-size: 1.5rem;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s; }
      .field-box.small .location-icon-box .location:hover:after {
        background: var(--btn-helper-color); }
      .field-box.small .location-icon-box .location:hover:before {
        color: var(--accent-color); }
  .field-box.large input[type=radio] + label .check,
  .field-box.large input[type=checkbox] + label .check {
    width: 22px;
    height: 22px;
    margin: 1px 0 0; }
    .field-box.large input[type=radio] + label .check:after,
    .field-box.large input[type=checkbox] + label .check:after {
      width: 14px;
      height: 14px;
      margin: -7px 0 0 -7px; }
  .field-box.large input[type=radio] + label .check-txt,
  .field-box.large input[type=checkbox] + label .check-txt {
    font-size: 1.2rem;
    margin-left: 35px; }
  .field-box.medium input[type=radio] + label .check,
  .field-box.medium input[type=checkbox] + label .check {
    width: 16px;
    height: 16px; }
    .field-box.medium input[type=radio] + label .check:after,
    .field-box.medium input[type=checkbox] + label .check:after {
      width: 10px;
      height: 10px;
      margin: -5px 0 0 -5px; }
  .field-box.medium input[type=radio] + label .check-txt,
  .field-box.medium input[type=checkbox] + label .check-txt {
    font-size: 1rem; }
  .field-box.textarea-box {
    margin-top: 50px; }
    .field-box.textarea-box:before, .field-box.textarea-box:after {
      content: none; }
    .field-box.textarea-box .field-name {
      right: 20px;
      width: calc(100% - 20px);
      height: 40px; }
      .field-box.textarea-box .field-name:before {
        font-family: "fyre-icons";
        display: block;
        position: absolute;
        left: 0;
        top: -1px;
        font-size: 1rem;
        z-index: 1;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        color: var(--form-primary-color); }
    .field-box.textarea-box.focus .field-name {
      -webkit-transform: translate(0, -100%);
          -ms-transform: translate(0, -100%);
              transform: translate(0, -100%); }
      .field-box.textarea-box.focus .field-name:before {
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8); }
    .field-box.textarea-box.error textarea {
      border-bottom-color: #ff0000; }
    .field-box.textarea-box.error .field-name:before {
      color: #ff0000; }
  .field-box.has-tooltip {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto; }
    .field-box.has-tooltip button {
      margin-left: 10px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-item-align: start;
          align-self: flex-start; }
    .field-box.has-tooltip .btn {
      margin-top: -5px; }
  .field-box.disabled {
    pointer-events: auto;
    cursor: default; }
    .field-box.disabled label {
      pointer-events: none; }
  .field-box.simple {
    margin-bottom: 20px; }
    .field-box.simple:before {
      left: 7px;
      font-size: 15px;
      width: 18px;
      text-align: center; }
    .field-box.simple.dinner:before {
      font-size: 12px; }
    .field-box.simple.textarea-box {
      margin-top: 0; }
      .field-box.simple.textarea-box:before {
        font-family: 'fyre-icons';
        color: var(--form-primary-color);
        top: 17px; }
    .field-box.simple input,
    .field-box.simple textarea {
      font-size: 14px;
      border-radius: 5px;
      border: 2px solid var(--form-secondary-color);
      background: transparent; }
      .field-box.simple input:-webkit-autofill, .field-box.simple input:-webkit-autofill:hover, .field-box.simple input:-webkit-autofill:focus,
      .field-box.simple textarea:-webkit-autofill,
      .field-box.simple textarea:-webkit-autofill:hover,
      .field-box.simple textarea:-webkit-autofill:focus {
        border: 2px solid var(--form-secondary-color) !important; }
    .field-box.simple input {
      height: 33px;
      line-height: 31px;
      padding-right: 5px;
      padding-left: 30px; }
    .field-box.simple textarea {
      height: 140px;
      padding: 7px 5px 7px 30px; }
    .field-box.simple .field-name {
      font-size: 14px;
      line-height: 31px;
      text-transform: none;
      letter-spacing: normal; }
    .field-box.simple label.outer-label {
      position: absolute;
      top: -30px;
      left: 0;
      font-size: 14px;
      line-height: 30px; }
    .field-box.simple.has-bottom-margin, .field-box.simple.has-helper-margin {
      margin-bottom: 35px; }
  .field-box.without-icon input {
    padding-left: 10px; }
  .field-box.checkbox:before, .field-box.checkbox:after {
    content: none; }
  .field-box.checkbox.circle {
    margin-bottom: 25px; }
    .field-box.checkbox.circle:last-child {
      margin-bottom: 0; }
    .field-box.checkbox.circle input[type=radio] + label span,
    .field-box.checkbox.circle input[type=checkbox] + label span {
      font-size: 1.111rem; }
    .field-box.checkbox.circle input[type=radio] + label .check,
    .field-box.checkbox.circle input[type=checkbox] + label .check {
      width: 22px;
      height: 22px;
      margin: 1px 0 0;
      border-color: var(--accent-color);
      border-radius: 50%; }
      .field-box.checkbox.circle input[type=radio] + label .check:after,
      .field-box.checkbox.circle input[type=checkbox] + label .check:after {
        margin: -7px 0 0 -7px;
        width: 14px;
        height: 14px;
        background: var(--accent-color);
        border-radius: 50%; }
    .field-box.checkbox.circle input[type=radio] + label .check-txt,
    .field-box.checkbox.circle input[type=checkbox] + label .check-txt {
      margin-left: 35px;
      font-family: var(--bold-font);
      color: var(--text-primary-color);
      font-size: 1.111rem; }
    .field-box.checkbox.circle.dark input[type=radio] + label .check {
      margin: 0;
      border-color: var(--form-secondary-color); }
      .field-box.checkbox.circle.dark input[type=radio] + label .check:after {
        background: var(--form-secondary-color); }
    .field-box.checkbox.circle.dark input[type=radio] + label .check-txt {
      font-family: var(--regular-font);
      font-size: 1rem; }
  .field-box.checkbox--btn input[type=radio],
  .field-box.checkbox--btn input[type=checkbox] {
    margin: 0; }
    .field-box.checkbox--btn input[type=radio] + label,
    .field-box.checkbox--btn input[type=checkbox] + label {
      position: relative;
      width: auto;
      height: 2.8rem;
      border-radius: 15px 0 15px 0;
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0.5rem 1.3rem; }
      @media screen and (max-width: 767px) {
        .field-box.checkbox--btn input[type=radio] + label,
        .field-box.checkbox--btn input[type=checkbox] + label {
          min-width: 3rem;
          height: 2.4rem;
          border-radius: 12px 0 12px 0; } }
      .field-box.checkbox--btn input[type=radio] + label .check,
      .field-box.checkbox--btn input[type=checkbox] + label .check {
        display: none; }
      .field-box.checkbox--btn input[type=radio] + label .txt-btn,
      .field-box.checkbox--btn input[type=checkbox] + label .txt-btn {
        color: var(--form-secondary-color);
        text-transform: capitalize;
        font-size: 1.1rem;
        font-weight: bold; }
        @media screen and (max-width: 1366px) {
          .field-box.checkbox--btn input[type=radio] + label .txt-btn,
          .field-box.checkbox--btn input[type=checkbox] + label .txt-btn {
            font-size: 1rem; } }
        @media screen and (max-width: 767px) {
          .field-box.checkbox--btn input[type=radio] + label .txt-btn,
          .field-box.checkbox--btn input[type=checkbox] + label .txt-btn {
            font-size: 0.9rem; } }
      .field-box.checkbox--btn input[type=radio] + label .num,
      .field-box.checkbox--btn input[type=checkbox] + label .num {
        border-radius: 50%;
        background: red;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        color: #FFF;
        display: block;
        font-size: 12px;
        line-height: 28px;
        position: absolute;
        top: -14px;
        right: 0;
        font-weight: 300;
        height: 28px;
        min-width: 28px;
        z-index: 1;
        text-align: center; }
        @media screen and (max-width: 767px) {
          .field-box.checkbox--btn input[type=radio] + label .num,
          .field-box.checkbox--btn input[type=checkbox] + label .num {
            top: -11px;
            height: 23px;
            min-width: 23px;
            line-height: 23px; } }
    .field-box.checkbox--btn input[type=radio]:checked + label,
    .field-box.checkbox--btn input[type=checkbox]:checked + label {
      background-color: var(--form-secondary-color); }
      .field-box.checkbox--btn input[type=radio]:checked + label .check:after,
      .field-box.checkbox--btn input[type=checkbox]:checked + label .check:after {
        display: none; }
      .field-box.checkbox--btn input[type=radio]:checked + label .txt-btn,
      .field-box.checkbox--btn input[type=checkbox]:checked + label .txt-btn {
        color: var(--primary-color);
        text-decoration: none; }
  .field-box.error .field-name {
    color: #ff0000; }
  .field-box.error .field-separator {
    border-bottom-color: #ff0000; }
  .field-box.error input {
    border-bottom-color: #ff0000; }
  .field-box.error .field-error {
    display: block; }
  .field-box.error:before {
    color: #ff0000 !important; }
  .field-box.error.simple:before {
    top: 17px; }
  .field-box.error.simple input {
    border-color: #ff0000; }
  .field-box.error.simple textarea {
    border-color: #ff0000; }
  .field-box.error.simple input::-webkit-input-placeholder {
    color: #ff0000; }
  .field-box.error.simple input:-ms-input-placeholder {
    color: #ff0000; }
  .field-box.error.simple :-moz-placeholder {
    opacity: 1;
    color: #ff0000; }
  .field-box.error.simple ::-moz-placeholder {
    opacity: 1;
    color: #ff0000; }
  .field-box.error.simple .field-error {
    position: static;
    margin-top: 5px; }
  .field-box.success .field-success {
    display: block;
    color: #37cf4c; }
  .field-box textarea {
    display: block;
    width: 100%;
    padding: 10px 0 0 30px;
    margin: 0;
    border: none;
    line-height: 1.2;
    height: auto;
    min-height: 40px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--form-secondary-color);
    background: transparent;
    resize: vertical;
    overflow-x: hidden; }
  .field-box input.inline {
    padding: 0;
    text-align: center; }
  .field-box .field-separator {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--form-secondary-color);
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .field-box .field-error,
  .field-box .field-success,
  .field-box .field-message {
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    width: 100%; }
  .field-box .field-error,
  .field-box .field-success {
    display: none;
    position: absolute;
    left: 0;
    bottom: -17px;
    color: #ff0000; }
  .field-box .field-message {
    display: block;
    margin-top: 5px; }
  .field-box .tooltip {
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: calc(100% + 5px);
    z-index: 1; }
  .field-box:before {
    font-family: "fyre-icons";
    display: block;
    left: 0;
    font-size: 1rem;
    z-index: 1;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: var(--form-primary-color); }
  .field-box.label:before {
    font-size: 1.4rem;
    left: -4px;
    -webkit-transform: translateY(-50%) rotate(30deg);
        -ms-transform: translateY(-50%) rotate(30deg);
            transform: translateY(-50%) rotate(30deg); }
  .field-box.phone .iti {
    display: block; }
  .field-box.phone .iti--allow-dropdown .iti__flag-container,
  .field-box.phone .iti--separate-dial-code .iti__flag-container {
    left: 30px; }
  .field-box.phone .iti__selected-flag {
    padding: 0; }
  .field-box.phone .iti__arrow {
    border-top-color: var(--text-primary-color); }
  .field-box.phone .iti__arrow--up {
    border-bottom-color: var(--text-primary-color); }
  .field-box.phone .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background: transparent; }
  .field-box.phone .iti--allow-dropdown input,
  .field-box.phone .iti--allow-dropdown input[type=text],
  .field-box.phone .iti--allow-dropdown input[type=tel],
  .field-box.phone .iti--separate-dial-code input,
  .field-box.phone .iti--separate-dial-code input[type=text],
  .field-box.phone .iti--separate-dial-code input[type=tel] {
    padding-left: 70px; }
  .field-box.phone input::-webkit-input-placeholder {
    color: #b7b7b7; }
  .field-box.phone input:-ms-input-placeholder {
    color: #b7b7b7; }
  .field-box.phone :-moz-placeholder {
    opacity: 1;
    color: #b7b7b7; }
  .field-box.phone ::-moz-placeholder {
    opacity: 1;
    color: #b7b7b7; }
  .field-box.simple.label:before {
    font-size: 1.2rem;
    left: 7px; }
  .field-box input[type=radio],
  .field-box input[type=checkbox] {
    display: none; }
    .field-box input[type=radio] + label,
    .field-box input[type=checkbox] + label {
      cursor: pointer;
      display: inline-block; }
      .field-box input[type=radio] + label .check,
      .field-box input[type=checkbox] + label .check {
        display: block;
        float: left;
        position: relative;
        width: 14px;
        height: 14px;
        border-style: solid;
        border-width: 2px;
        border-color: var(--form-primary-color);
        border-radius: 3px;
        background: transparent;
        margin: 1px 0 0; }
        .field-box input[type=radio] + label .check:after,
        .field-box input[type=checkbox] + label .check:after {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          margin: -4px 0 0 -4px;
          width: 8px;
          height: 8px;
          background: var(--form-primary-color);
          border-radius: 3px;
          display: none;
          -webkit-transition: all .3s;
          -o-transition: all .3s;
          transition: all .3s; }
      .field-box input[type=radio] + label .check-txt,
      .field-box input[type=checkbox] + label .check-txt {
        display: block;
        margin-left: 25px;
        font-family: var(--regular-font);
        font-weight: normal;
        color: var(--text-primary-color);
        font-size: 0.83333rem; }
      .field-box input[type=radio] + label + .time_rejected,
      .field-box input[type=checkbox] + label + .time_rejected {
        pointer-events: none;
        opacity: 0.5; }
    .field-box input[type=radio]:checked + label .check:after,
    .field-box input[type=checkbox]:checked + label .check:after {
      display: block; }
    .field-box input[type=radio]:checked + label + .time_rejected,
    .field-box input[type=checkbox]:checked + label + .time_rejected {
      pointer-events: initial;
      opacity: 1; }

.field-box .field-name,
.select-box .field-name,
.select-box.input .field-name {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 40px;
  letter-spacing: 1.28px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  cursor: text; }

.field-box input,
.field-box textarea,
.field-box .field-name,
.select-box input,
.select-box textarea,
.select-box .field-name,
.select-box.input input,
.select-box.input textarea,
.select-box.input .field-name {
  font-weight: normal;
  font-size: 1rem;
  color: var(--text-primary-color);
  padding: 0 0 0 30px;
  text-align: left; }

.field-box input:-webkit-autofill + label .field-name,
.select-box input:-webkit-autofill + label .field-name,
.select-box.input input:-webkit-autofill + label .field-name {
  -webkit-transform: translate(0, -55%);
          transform: translate(0, -55%);
  font-size: 0.8rem; }

.field-box input:-webkit-autofill + label .field-separator,
.select-box input:-webkit-autofill + label .field-separator,
.select-box.input input:-webkit-autofill + label .field-separator {
  -webkit-transform: scale(1);
          transform: scale(1); }

.field-box.focus .field-name,
.select-box.focus .field-name,
.select-box.input.focus .field-name {
  -webkit-transform: translate(0, -55%);
      -ms-transform: translate(0, -55%);
          transform: translate(0, -55%);
  color: var(--form-primary-color);
  font-size: 0.8rem; }

.field-box.focus .field-separator,
.select-box.focus .field-separator,
.select-box.input.focus .field-separator {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.select-box {
  position: relative;
  height: 40px;
  min-width: 130px;
  padding: 0 0 0 30px;
  margin: 0 0 50px;
  color: var(--text-primary-color);
  line-height: 40px;
  letter-spacing: 1.28px;
  text-align: left;
  border-bottom: 1px solid var(--form-secondary-color); }
  .select-box.without-icon {
    padding-left: 10px; }
  .select-box.more-btn-select {
    height: auto;
    min-width: auto;
    margin: 0;
    padding: 0 10px;
    line-height: normal;
    letter-spacing: normal;
    border: none;
    background: var(--page-bg-color); }
    .select-box.more-btn-select:after {
      content: none; }
    .select-box.more-btn-select .more-btn-dropdown {
      top: calc(100% + 15px);
      left: -10px;
      width: 230px;
      max-height: none;
      padding: 20px 15px;
      overflow: visible;
      -webkit-box-shadow: 0 2px 6px 0 #555555;
              box-shadow: 0 2px 6px 0 #555555;
      z-index: 9; }
      .select-box.more-btn-select .more-btn-dropdown:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 0;
        left: 45px;
        border: 10px solid black;
        border-color: transparent transparent #ffffff #ffffff;
        -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
                transform-origin: 0 0;
        -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
                transform: rotate(135deg);
        -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.4);
                box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.4); }
    .select-box.more-btn-select .admin-btns button {
      margin-right: 10px;
      position: absolute;
      top: -3px;
      left: 0; }
    .select-box.more-btn-select p {
      font-size: 1.1rem;
      cursor: pointer;
      position: relative;
      padding-left: 32px;
      margin-bottom: 20px; }
  .select-box .toggle-arrow {
    position: absolute;
    right: 0;
    top: 1px;
    width: 14px;
    height: 100%;
    margin: 0;
    display: block;
    z-index: 1;
    color: var(--text-primary-color);
    cursor: pointer;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .select-box .toggle-arrow .fyre-ico {
      font-size: 12px;
      -webkit-transform: rotate(270deg);
          -ms-transform: rotate(270deg);
              transform: rotate(270deg);
      -webkit-transition: -webkit-transform 0.3s ease;
      transition: -webkit-transform 0.3s ease;
      -o-transition: transform 0.3s ease;
      transition: transform 0.3s ease;
      transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
  .select-box:before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: block;
    font-size: 1rem;
    z-index: 1;
    font-family: 'fyre-icons';
    color: var(--form-primary-color); }
  .select-box.printer.simple {
    height: auto;
    min-height: 33px;
    padding-top: 4px;
    padding-bottom: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .select-box.printer.simple .select-option {
      white-space: normal;
      overflow: visible;
      -o-text-overflow: inherit;
         text-overflow: inherit; }
    .select-box.printer.simple .select-dropdown {
      top: inherit;
      bottom: -2px;
      -webkit-transform: translateY(100%);
          -ms-transform: translateY(100%);
              transform: translateY(100%); }
    .select-box.printer.simple .toggle-arrow {
      line-height: 30px; }
  .select-box .select-option {
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    cursor: pointer; }
  .select-box .select-dropdown {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: var(--page-bg-color);
    -webkit-box-shadow: 0 2px 3px 0 #555555;
            box-shadow: 0 2px 3px 0 #555555;
    z-index: 7; }
  .select-box ul {
    height: 100%; }
  .select-box li {
    position: relative;
    line-height: 1.4;
    padding: 10px 30px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .select-box li:hover {
      background: rgba(228, 228, 228, 0.5); }
  .select-box.active .field-name {
    -webkit-transform: translate(0, -55%);
        -ms-transform: translate(0, -55%);
            transform: translate(0, -55%);
    color: var(--form-primary-color);
    font-size: 0.8rem; }
  .select-box.active .select-dropdown {
    display: block; }
  .select-box.active .toggle-arrow .fyre-ico {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .select-box.simple {
    height: 33px;
    margin-bottom: 20px;
    letter-spacing: normal;
    line-height: 30px;
    border-radius: 5px;
    border: 2px solid var(--form-secondary-color); }
    .select-box.simple .toggle-arrow {
      right: 12px; }
    .select-box.simple:before {
      width: 18px;
      left: 7px;
      text-align: center;
      font-size: 0.9rem; }
    .select-box.simple .select-option {
      text-transform: none;
      font-size: 14px;
      padding-right: 40px; }
    .select-box.simple .select-dropdown {
      top: 31px;
      font-size: 0.778rem; }
    .select-box.simple.active {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .select-box.simple.input input.select-option {
      display: block;
      border-bottom: none;
      height: 30px; }
    .select-box.simple.input label.select-option {
      position: absolute;
      top: -30px;
      left: 0; }
    .select-box.simple.printer:before {
      font-size: 17px; }
  .select-box.category-select {
    padding-left: 0; }
    .select-box.category-select .select-option {
      padding-left: 7px; }
      .select-box.category-select .select-option .icon {
        margin-left: 10px; }
    .select-box.category-select ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .select-box.category-select li {
      padding: 15px;
      color: var(--form-primary-color);
      font-weight: bold; }
    .select-box.category-select .category-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .select-box.category-select .category-item .fyre-ico {
        font-size: 18px;
        color: var(--form-primary-color); }
    .select-box.category-select .icon {
      text-align: center;
      width: 18px;
      height: 18px;
      line-height: 1;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
  .select-box.parent {
    display: block; }
  .select-box.without-arrow input.select-option {
    padding-right: 0;
    cursor: text; }
  .select-box.with-arrow .select-option {
    cursor: default; }
  .select-box.with-arrow.no-hide-on-click.active .toggle-arrow .fyre-ico {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .select-box.input input {
    z-index: 1;
    border: none;
    padding-left: 0;
    padding-right: 20px; }
  .select-box.input .field-name {
    padding-right: 20px; }
  .select-box.input .bs-timepicker-field {
    padding: 0;
    text-align: center; }

.field-group.simple label {
  font-size: 14px;
  display: block;
  width: 100%;
  margin-bottom: 5px;
  text-align: left; }

.field-group.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px; }
  .field-group.flex label {
    width: auto;
    margin: 0 10px 0 0; }
  .field-group.flex .field-box {
    margin-bottom: 0; }

.field-group.has-tooltip {
  position: relative;
  display: inline-block; }
  .field-group.has-tooltip.disabled {
    pointer-events: auto;
    cursor: default; }
    .field-group.has-tooltip.disabled label,
    .field-group.has-tooltip.disabled .select-box {
      pointer-events: none; }
  .field-group.has-tooltip .tooltip {
    position: absolute;
    top: -7px;
    left: 0;
    width: 100%;
    height: calc(100% + 7px);
    z-index: 1; }

.field-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .field-box-wrap .field-box:first-child {
    margin-right: 35px; }

.form-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .form-wrap.col-2 > fieldset,
  .form-wrap.col-2 > .cart-sum {
    margin-bottom: 35px; }
  .form-wrap.col-2 > fieldset {
    width: 48%; }
    .form-wrap.col-2 > fieldset.full-width {
      width: 100%; }
    .form-wrap.col-2 > fieldset:nth-last-of-type(2) {
      margin-bottom: 0; }
  .form-wrap.col-2 > .item-box {
    width: 100%; }
  .form-wrap.col-2 > .cart-sum {
    width: 48%; }

.modal-page:not(.password) .field-box:nth-last-child(2) {
  margin: 0 0 25px; }

.datetime-picker-label {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 35px;
  padding-right: 35px;
  height: 100%;
  width: calc(100% - 35px); }
  .datetime-picker-label input {
    height: 100%;
    font-family: var(--bold-font);
    font-size: 1.643rem;
    border: none; }

.upload-btn input[type="file"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  cursor: pointer; }

.upload-btn .fyre-ico {
  font-size: 1rem;
  margin-right: 10px; }

.payment-card-info {
  margin-left: 70px; }
  .payment-card-info .field-box .field {
    height: 40px;
    padding: 12px 0 0 30px;
    border-bottom: solid 1px var(--form-secondary-color); }

@media screen and (max-width: 1366px) {
  .form-wrap.col-2 > fieldset,
  .form-wrap.col-2 > .cart-sum {
    margin-bottom: 30px; }
  legend.with-img {
    padding-left: 25px; }
    legend.with-img::before {
      font-size: 1.1rem;
      top: -1px; }
  .field-box {
    margin: 0 0 30px; }
    .field-box:before {
      font-size: 1.2rem; }
    .field-box.checkbox.circle {
      margin-bottom: 15px; }
      .field-box.checkbox.circle input[type=radio] + label .check,
      .field-box.checkbox.circle input[type=checkbox] + label .check {
        margin: -1px 0 0; }
    .field-box.label:before {
      font-size: 1.6rem; }
    .field-box textarea {
      min-height: 35px; }
    .field-box.small {
      width: calc(100% - 90px); }
      .field-box.small .check-icon-box,
      .field-box.small .location-icon-box {
        right: -90px;
        width: 90px;
        height: 46px; }
        .field-box.small .check-icon-box .check,
        .field-box.small .check-icon-box .location,
        .field-box.small .location-icon-box .check,
        .field-box.small .location-icon-box .location {
          width: 46px;
          height: 46px; }
    .field-box.medium input[type=radio] + label .check,
    .field-box.medium input[type=checkbox] + label .check {
      margin: -1px 0 0; }
    .field-box.textarea-box .field-name {
      height: 35px;
      padding-left: 25px; }
      .field-box.textarea-box .field-name:before {
        font-size: 1.2rem; }
    .field-box.textarea-box.focus .field-name:before, .field-box.textarea-box.focus .field-name:after {
      -webkit-transform: scale(0.85);
          -ms-transform: scale(0.85);
              transform: scale(0.85); }
    .field-box input[type=radio] + label .check,
    .field-box input[type=checkbox] + label .check {
      margin: 1px 0 0; }
    .field-box input[type=radio] + label .check-txt,
    .field-box input[type=checkbox] + label .check-txt {
      font-size: 0.93rem; }
  .select-box {
    margin: 0 0 30px; }
  .modal-page:not(.password) .field-box:nth-last-child(2) {
    margin: 0 0 20px; } }

@media screen and (max-width: 1280px) {
  legend.with-img {
    margin-bottom: 10px; }
  .form-wrap.col-2 > fieldset {
    width: 100%;
    margin-bottom: 20px; }
  .form-wrap.col-2 .form-wrap.col-2 > fieldset,
  .form-wrap.col-2 .form-wrap.col-2 > .cart-sum {
    margin-bottom: 30px; }
  .form-wrap.col-2 .form-wrap.col-2 .item-box {
    width: calc(48% - 15px); }
  .form-wrap.col-2 .fieldset-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .form-wrap.col-2 .fieldset-inner .field-box.checkbox.circle {
      width: 33.33%;
      margin-bottom: 5px;
      padding-right: 5px; }
      .form-wrap.col-2 .fieldset-inner .field-box.checkbox.circle:last-child {
        margin-bottom: 5px;
        padding-right: 0; } }

@media screen and (max-width: 1024px) {
  .field-box.checkbox.circle input[type=radio] + label .check,
  .field-box.checkbox.circle input[type=checkbox] + label .check {
    margin: 0;
    width: 18px;
    height: 18px; }
    .field-box.checkbox.circle input[type=radio] + label .check:after,
    .field-box.checkbox.circle input[type=checkbox] + label .check:after {
      margin: -5px 0 0 -5px;
      width: 10px;
      height: 10px; }
  .field-box.checkbox.circle input[type=radio] + label .check-txt,
  .field-box.checkbox.circle input[type=checkbox] + label .check-txt {
    margin-left: 25px;
    font-size: 1rem; }
  .field-box.large input[type=radio] + label .check,
  .field-box.large input[type=checkbox] + label .check {
    width: 18px;
    height: 18px; }
    .field-box.large input[type=radio] + label .check:after,
    .field-box.large input[type=checkbox] + label .check:after {
      width: 12px;
      height: 12px;
      margin: -6px 0 0 -6px; }
  .field-box.large input[type=radio] + label .check-txt,
  .field-box.large input[type=checkbox] + label .check-txt {
    line-height: 1.1;
    margin-left: 25px; } }

@media screen and (max-width: 767px) {
  input {
    height: 30px; }
  legend.with-img::before {
    font-size: 1rem;
    top: 0; }
  .form-group {
    width: 100%; }
    .form-group.bg-white {
      background: var(--page-bg-color);
      padding: 20px 20px 30px;
      -webkit-box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.66);
              box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.66);
      border-bottom-right-radius: 14px;
      border-top-left-radius: 14px; }
    .form-group.bg-transparent {
      margin: -23px 0 0 0; }
  .field-box textarea {
    min-height: 30px;
    padding: 7px 0 0 25px; }
  .field-box:before {
    font-size: 1rem; }
  .field-box input,
  .field-box .field-name {
    line-height: 30px;
    padding: 0 0 0 25px; }
    .field-box input.time_rejected,
    .field-box .field-name.time_rejected {
      line-height: normal; }
  .field-box.small {
    width: calc(100% - 65px); }
    .field-box.small .check-icon-box,
    .field-box.small .location-icon-box {
      bottom: -5px;
      right: -65px;
      width: 65px;
      height: 42px;
      text-align: right; }
      .field-box.small .check-icon-box .check,
      .field-box.small .check-icon-box .location,
      .field-box.small .location-icon-box .check,
      .field-box.small .location-icon-box .location {
        width: 42px;
        height: 42px;
        display: inline-block; }
  .field-box.textarea-box .field-name {
    height: 30px; }
    .field-box.textarea-box .field-name:before {
      font-size: 1rem; }
  .field-box.simple.has-helper-margin {
    margin-bottom: 20px; }
  .select-box {
    height: 30px;
    line-height: 30px; }
    .select-box .field-name {
      line-height: 30px;
      padding: 0 0 0 25px; }
    .select-box .select-dropdown {
      top: 30px; }
    .select-box li {
      padding-left: 25px; }
    .select-box.more-btn-select {
      position: static; }
      .select-box.more-btn-select .more-btn-dropdown {
        width: 100vw;
        max-width: 280px;
        left: 0; }
    .select-box.simple li {
      padding: 10px; }
    .select-box.input input,
    .select-box.input .field-name {
      line-height: 30px; }
  .form-wrap.col-2 .item-box {
    margin-bottom: 20px;
    width: calc(100% - 15px); }
  .form-wrap.col-2 .cart-sum {
    width: 100%; }
  timepicker .form-group {
    width: auto; }
  .upload-btn {
    width: 100%;
    height: auto;
    padding: 5px 10px;
    margin: 0 0 20px; }
    .upload-btn .fyre-ico {
      margin-bottom: 2px; }
  .payment-card-info {
    margin-left: 25px; }
    .payment-card-info .field-box {
      margin: 0 0 30px; }
      .payment-card-info .field-box .field {
        height: 30px;
        padding: 7px 0 0 25px; } }

@media screen and (max-width: 480px) {
  .form-wrap.col-2 .fieldset-inner .field-box.checkbox.circle {
    width: 100%; } }

@font-face {
  font-family: "fyre-icons";
  src: url("../fonts/icons/fyre-icons.eot");
  src: url("../fonts/icons/fyre-icons.eot?#iefix") format("eot"), url("../fonts/icons/fyre-icons.woff2") format("woff2"), url("../fonts/icons/fyre-icons.woff") format("woff"), url("../fonts/icons/fyre-icons.ttf") format("truetype"), url("../fonts/icons/fyre-icons.svg#fyre-icons") format("svg"); }

.fyre-ico {
  font-family: "fyre-icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  font-size: inherit;
  line-height: 1;
  display: inline-block; }

.fyre-ico-add:before {
  content: "\E001"; }

.fyre-ico-alcohol-2:before {
  content: "\E002"; }

.fyre-ico-alcohol-bottle-2:before {
  content: "\E003"; }

.fyre-ico-alcohol-bottle:before {
  content: "\E004"; }

.fyre-ico-alcohol-burner:before {
  content: "\E005"; }

.fyre-ico-alcohol-cocktail-2:before {
  content: "\E006"; }

.fyre-ico-alcohol-cocktail-3:before {
  content: "\E007"; }

.fyre-ico-alcohol-cocktail:before {
  content: "\E008"; }

.fyre-ico-alcohol-drink:before {
  content: "\E009"; }

.fyre-ico-alcohol-maple:before {
  content: "\E00A"; }

.fyre-ico-alcohol:before {
  content: "\E00B"; }

.fyre-ico-apartment:before, .field-box.apartment:before {
  content: "\E00C"; }

.fyre-ico-arrow-down:before, .style-selector-container .input-color-wrap .label:before {
  content: "\E00D"; }

.fyre-ico-arrow-resize:before, legend.with-img.format:before {
  content: "\E00E"; }

.fyre-ico-arrow-thin:before, .btn.back:before, a.btn.back:before, .back-icon:before {
  content: "\E00F"; }

.fyre-ico-arrow:before, .carousel.slide .carousel-control:before {
  content: "\E010"; }

.fyre-ico-bag:before, .staff-order-report .pickup-icon:before {
  content: "\E011"; }

.fyre-ico-beer-glass:before {
  content: "\E012"; }

.fyre-ico-beer:before {
  content: "\E013"; }

.fyre-ico-bell:before, .header .header-action .icon.bell:before {
  content: "\E014"; }

.fyre-ico-bike:before, legend.with-img.bike:before, .staff-order-report .delivery-icon:before {
  content: "\E015"; }

.fyre-ico-book:before {
  content: "\E016"; }

.fyre-ico-box:before, .status-item.ordered:before {
  content: "\E017"; }

.fyre-ico-bread-2:before {
  content: "\E018"; }

.fyre-ico-bread-3:before {
  content: "\E019"; }

.fyre-ico-bread-4:before {
  content: "\E01A"; }

.fyre-ico-bread-5:before {
  content: "\E01B"; }

.fyre-ico-bread:before {
  content: "\E01C"; }

.fyre-ico-breakfast-2:before {
  content: "\E01D"; }

.fyre-ico-breakfast-3:before {
  content: "\E01E"; }

.fyre-ico-breakfast:before {
  content: "\E01F"; }

.fyre-ico-burger:before {
  content: "\E020"; }

.fyre-ico-cake-2:before {
  content: "\E021"; }

.fyre-ico-cake-3:before {
  content: "\E022"; }

.fyre-ico-cake-4:before {
  content: "\E023"; }

.fyre-ico-cake:before {
  content: "\E024"; }

.fyre-ico-calendar-app:before, legend.with-img.calendar-app:before {
  content: "\E025"; }

.fyre-ico-calendar-bordered:before, legend.with-img.calendar-bordered:before, .field-box.calendar-bordered:before {
  content: "\E026"; }

.fyre-ico-calendar-date:before, legend.with-img.calendar-date:before {
  content: "\E027"; }

.fyre-ico-calendar:before, legend.with-img.calendar:before, .select-box.calendar:before, .date-with-icon:before, .popup-dscr .show-datepicker-btn:before {
  content: "\E028"; }

.fyre-ico-camera:before {
  content: "\E029"; }

.fyre-ico-can:before {
  content: "\E02A"; }

.fyre-ico-canape:before {
  content: "\E02B"; }

.fyre-ico-card:before, .field-box.card:before {
  content: "\E02C"; }

.fyre-ico-cart-plus:before {
  content: "\E02D"; }

.fyre-ico-cart:before, legend.with-img.cart:before, .title-img.i-cart:before, .header .header-action .icon.cart:before, .page-preview .preview-header .cart-icon:before {
  content: "\E02E"; }

.fyre-ico-cereal-2:before {
  content: "\E02F"; }

.fyre-ico-cereal:before {
  content: "\E030"; }

.fyre-ico-champagne-bottle:before {
  content: "\E031"; }

.fyre-ico-champagne-glass:before {
  content: "\E032"; }

.fyre-ico-champagne:before {
  content: "\E033"; }

.fyre-ico-chat:before {
  content: "\E034"; }

.fyre-ico-check:before, .field-box.small.codepromo .check-icon-box .check:before {
  content: "\E035"; }

.fyre-ico-cheese:before {
  content: "\E036"; }

.fyre-ico-chips:before {
  content: "\E037"; }

.fyre-ico-clock-face:before {
  content: "\E038"; }

.fyre-ico-clock-in-circle:before {
  content: "\E039"; }

.fyre-ico-clock-sand-2:before, .status-item.preparation:before {
  content: "\E03A"; }

.fyre-ico-clock-sand:before {
  content: "\E03B"; }

.fyre-ico-clock-simple:before, .notifications-list .time-info:before {
  content: "\E03C"; }

.fyre-ico-clock:before, legend.with-img.clock:before, .select-box.clock:before {
  content: "\E03D"; }

.fyre-ico-coffee-cup:before {
  content: "\E03E"; }

.fyre-ico-coffee-glass:before {
  content: "\E03F"; }

.fyre-ico-coffee-seeds:before {
  content: "\E040"; }

.fyre-ico-coffee:before {
  content: "\E041"; }

.fyre-ico-cold-water:before {
  content: "\E042"; }

.fyre-ico-cookies:before {
  content: "\E043"; }

.fyre-ico-cost:before, legend.with-img.cost:before, .field-box.codepromo:before, .field-box.cost:before, .select-box.cost:before, .cart-sum:before, .delivery-accordion .cost-info.with-img.cost:before,
.payment-form .cost-info.with-img.cost:before {
  content: "\E044"; }

.fyre-ico-croissant:before {
  content: "\E045"; }

.fyre-ico-cross:before, .del-item-btn:before, .add-category-btn:before, .add-product-btn:before, .del-icon:before {
  content: "\E046"; }

.fyre-ico-cup-pot:before {
  content: "\E047"; }

.fyre-ico-cup:before {
  content: "\E048"; }

.fyre-ico-delivered:before, .status-item.delivered:before {
  content: "\E049"; }

.fyre-ico-digi-code:before, .field-box.digi-code:before {
  content: "\E04A"; }

.fyre-ico-dinner:before, .field-box.dinner:before, .select-box.dinner:before {
  content: "\E04B"; }

.fyre-ico-dish:before, legend.with-img.baking:before {
  content: "\E04C"; }

.fyre-ico-doner:before {
  content: "\E04D"; }

.fyre-ico-doughnut:before {
  content: "\E04E"; }

.fyre-ico-edit:before, .edit-item-btn:before, .header .anonymous-input-wrap .edit-name:before, .add-edit-tables .tools #edit button:before {
  content: "\E04F"; }

.fyre-ico-egg:before {
  content: "\E050"; }

.fyre-ico-email:before, .send-mail-btn:before, .field-box.mail:before {
  content: "\E051"; }

.fyre-ico-eye:before, .prohibit-item-btn:before {
  content: "\E052"; }

.fyre-ico-facebook:before, .field-box.facebook:before, .footer .footer-nav li.social-icons a.facebook:before, .modal-footer .btn-social.facebook:before {
  content: "\E053"; }

.fyre-ico-fast-food:before {
  content: "\E054"; }

.fyre-ico-fish-2:before {
  content: "\E055"; }

.fyre-ico-fish-3:before {
  content: "\E056"; }

.fyre-ico-fish-4:before {
  content: "\E057"; }

.fyre-ico-fish-5:before {
  content: "\E058"; }

.fyre-ico-fish-6:before {
  content: "\E059"; }

.fyre-ico-fish-7:before {
  content: "\E05A"; }

.fyre-ico-fish:before {
  content: "\E05B"; }

.fyre-ico-fondu:before {
  content: "\E05C"; }

.fyre-ico-fruits:before {
  content: "\E05D"; }

.fyre-ico-gallery:before {
  content: "\E05E"; }

.fyre-ico-girl:before {
  content: "\E05F"; }

.fyre-ico-google-plus:before, .field-box.google:before, .modal-footer .btn-social.google:before {
  content: "\E060"; }

.fyre-ico-grill:before {
  content: "\E061"; }

.fyre-ico-ham:before {
  content: "\E062"; }

.fyre-ico-heart-full:before {
  content: "\E063"; }

.fyre-ico-heart:before {
  content: "\E064"; }

.fyre-ico-hierarchy:before, .add-sub-item-btn:before {
  content: "\E065"; }

.fyre-ico-hot-food:before {
  content: "\E066"; }

.fyre-ico-house:before, legend.with-img.house:before, .field-box.house:before, .select-box.house:before {
  content: "\E067"; }

.fyre-ico-ice-cream-2:before {
  content: "\E068"; }

.fyre-ico-ice-cream-3:before {
  content: "\E069"; }

.fyre-ico-ice-cream-4:before {
  content: "\E06A"; }

.fyre-ico-ice-cream:before {
  content: "\E06B"; }

.fyre-ico-jam-2:before {
  content: "\E06C"; }

.fyre-ico-jam:before {
  content: "\E06D"; }

.fyre-ico-juice-orange:before {
  content: "\E06E"; }

.fyre-ico-juice:before {
  content: "\E06F"; }

.fyre-ico-kazunoko:before {
  content: "\E070"; }

.fyre-ico-kebab-2:before {
  content: "\E071"; }

.fyre-ico-kebab-3:before {
  content: "\E072"; }

.fyre-ico-kebab-4:before {
  content: "\E073"; }

.fyre-ico-kebab-5:before {
  content: "\E074"; }

.fyre-ico-kebab:before {
  content: "\E075"; }

.fyre-ico-label:before, .field-box.label:before {
  content: "\E076"; }

.fyre-ico-lemonade:before {
  content: "\E077"; }

.fyre-ico-linkedin:before, .footer .footer-nav li.social-icons a.linkedin:before {
  content: "\E078"; }

.fyre-ico-list:before, legend.with-img.amount:before, .field-box.textarea-box .field-name:before, .field-box.simple.textarea-box:before, .field-box.comment:before, .select-box.list:before {
  content: "\E079"; }

.fyre-ico-location:before, legend.with-img.location:before, .field-box.small .location-icon-box .location:before, .field-box.location:before, .delivery-accordion .static-address.with-img.location:before,
.payment-form .static-address.with-img.location:before {
  content: "\E07A"; }

.fyre-ico-lock:before, legend.with-img.lock:before, .field-box.password:before {
  content: "\E07B"; }

.fyre-ico-macarons:before {
  content: "\E07C"; }

.fyre-ico-man-in-square:before {
  content: "\E07D"; }

.fyre-ico-man:before, legend.with-img.man:before, .field-box.person:before, .select-box.man:before {
  content: "\E07E"; }

.fyre-ico-marker:before {
  content: "\E07F"; }

.fyre-ico-meat:before {
  content: "\E080"; }

.fyre-ico-milkshake:before {
  content: "\E081"; }

.fyre-ico-new:before, .status-item.new:before {
  content: "\E082"; }

.fyre-ico-nut:before {
  content: "\E083"; }

.fyre-ico-nuts:before {
  content: "\E084"; }

.fyre-ico-paid:before, .status-item.paid:before {
  content: "\E085"; }

.fyre-ico-pan:before {
  content: "\E086"; }

.fyre-ico-pancakes:before {
  content: "\E087"; }

.fyre-ico-paperclip:before, .products-quantity:before {
  content: "\E088"; }

.fyre-ico-pasta-2:before {
  content: "\E089"; }

.fyre-ico-pasta:before {
  content: "\E08A"; }

.fyre-ico-phone:before, .field-box.phone:before {
  content: "\E08B"; }

.fyre-ico-picture:before, legend.with-img.picture:before {
  content: "\E08C"; }

.fyre-ico-pizza-2:before {
  content: "\E08D"; }

.fyre-ico-pizza:before {
  content: "\E08E"; }

.fyre-ico-plus:before, legend.with-img.extra-toppings:before {
  content: "\E08F"; }

.fyre-ico-potato:before {
  content: "\E090"; }

.fyre-ico-present:before, legend.with-img.present:before, .gratuity .present:before {
  content: "\E091"; }

.fyre-ico-preview:before, .add-edit-tables .tools #preview button:before {
  content: "\E092"; }

.fyre-ico-print:before, .select-box.printer:before, .sidebar-content.delivery-pickup .order-details .print-icon:before {
  content: "\E093"; }

.fyre-ico-prohibition:before {
  content: "\E094"; }

.fyre-ico-pudding:before {
  content: "\E095"; }

.fyre-ico-qr:before {
  content: "\E096"; }

.fyre-ico-ramen:before {
  content: "\E097"; }

.fyre-ico-ready:before, .status-item.ready:before {
  content: "\E098"; }

.fyre-ico-repairing:before {
  content: "\E099"; }

.fyre-ico-rice-2:before {
  content: "\E09A"; }

.fyre-ico-rice-3:before {
  content: "\E09B"; }

.fyre-ico-rice:before {
  content: "\E09C"; }

.fyre-ico-roast-chicken:before {
  content: "\E09D"; }

.fyre-ico-rubbish:before, .status-item.del-item:before, .add-edit-tables .tools #clear button:before {
  content: "\E09E"; }

.fyre-ico-salad:before {
  content: "\E09F"; }

.fyre-ico-salt:before {
  content: "\E0A0"; }

.fyre-ico-sandwich-coffee:before {
  content: "\E0A1"; }

.fyre-ico-sandwich:before {
  content: "\E0A2"; }

.fyre-ico-sauce-2:before {
  content: "\E0A3"; }

.fyre-ico-sauce:before, legend.with-img.sauce:before {
  content: "\E0A4"; }

.fyre-ico-sausage:before {
  content: "\E0A5"; }

.fyre-ico-save:before, .add-edit-tables .tools #save button:before {
  content: "\E0A6"; }

.fyre-ico-schedule:before, legend.with-img.schedule:before, .title-img.i-schedule:before {
  content: "\E0A7"; }

.fyre-ico-sea-food-2:before {
  content: "\E0A8"; }

.fyre-ico-sea-food-3:before {
  content: "\E0A9"; }

.fyre-ico-sea-food-4:before {
  content: "\E0AA"; }

.fyre-ico-sea-food-5:before {
  content: "\E0AB"; }

.fyre-ico-sea-food-6:before {
  content: "\E0AC"; }

.fyre-ico-sea-food-7:before {
  content: "\E0AD"; }

.fyre-ico-sea-food-8:before {
  content: "\E0AE"; }

.fyre-ico-sea-food-9:before {
  content: "\E0AF"; }

.fyre-ico-sea-food:before {
  content: "\E0B0"; }

.fyre-ico-send-mail:before {
  content: "\E0B1"; }

.fyre-ico-shake-hands:before {
  content: "\E0B2"; }

.fyre-ico-share:before, .share-btn:before, .header .header-action .icon.share:before {
  content: "\E0B3"; }

.fyre-ico-shield:before, .field-box.shield:before {
  content: "\E0B4"; }

.fyre-ico-small-check:before, .third-app-logo.active:before {
  content: "\E0B5"; }

.fyre-ico-snack:before {
  content: "\E0B6"; }

.fyre-ico-sort-asc:before {
  content: "\E0B7"; }

.fyre-ico-sort-desc:before {
  content: "\E0B8"; }

.fyre-ico-sort:before {
  content: "\E0B9"; }

.fyre-ico-soup-2:before {
  content: "\E0BA"; }

.fyre-ico-soup:before {
  content: "\E0BB"; }

.fyre-ico-sphere:before, legend.with-img.sphere:before {
  content: "\E0BC"; }

.fyre-ico-stairs:before, .field-box.floor:before {
  content: "\E0BD"; }

.fyre-ico-stamp:before, .gratuity .stamp:before {
  content: "\E0BE"; }

.fyre-ico-star-empty:before {
  content: "\E0BF"; }

.fyre-ico-star:before, legend.with-img.star:before {
  content: "\E0C0"; }

.fyre-ico-steak-2:before {
  content: "\E0C1"; }

.fyre-ico-steak:before {
  content: "\E0C2"; }

.fyre-ico-sushi-2:before {
  content: "\E0C3"; }

.fyre-ico-sushi-3:before {
  content: "\E0C4"; }

.fyre-ico-sushi-4:before {
  content: "\E0C5"; }

.fyre-ico-sushi-roll:before {
  content: "\E0C6"; }

.fyre-ico-sushi:before {
  content: "\E0C7"; }

.fyre-ico-syrup:before {
  content: "\E0C8"; }

.fyre-ico-table-circle-fill:before, .field-box.table-circle-fill:before {
  content: "\E0C9"; }

.fyre-ico-table-circle:before, .sidebar-content.order-details-accordion .icon-wrap .icon.in-dining-icon:before, .staff-order-report .in-dining-icon:before {
  content: "\E0CA"; }

.fyre-ico-table:before, legend.with-img.table:before, .header .header-action .icon.table:before, .notifications-list .title:before {
  content: "\E0CB"; }

.fyre-ico-tart:before {
  content: "\E0CC"; }

.fyre-ico-tea-cup:before {
  content: "\E0CD"; }

.fyre-ico-tea-pot:before {
  content: "\E0CE"; }

.fyre-ico-tea:before {
  content: "\E0CF"; }

.fyre-ico-timeslot:before {
  content: "\E0D0"; }

.fyre-ico-toast:before {
  content: "\E0D1"; }

.fyre-ico-twitter:before, .field-box.instagram:before {
  content: "\E0D2"; }

.fyre-ico-upload:before {
  content: "\E0D3"; }

.fyre-ico-user-card:before {
  content: "\E0D4"; }

.fyre-ico-waffle:before {
  content: "\E0D5"; }

.fyre-ico-waiter:before, .staff-order-report .delivery-table-icon:before {
  content: "\E0D6"; }

.fyre-ico-wallet:before, .staff-order-report .pre-order-icon:before {
  content: "\E0D7"; }

.fyre-ico-water:before {
  content: "\E0D8"; }

.fyre-ico-whiskey-bottle:before {
  content: "\E0D9"; }

.fyre-ico-whiskey-glass:before {
  content: "\E0DA"; }

.fyre-ico-whiskey:before {
  content: "\E0DB"; }

.fyre-ico-wine-red:before {
  content: "\E0DC"; }

.fyre-ico-wine-white:before {
  content: "\E0DD"; }

.fyre-ico-wine:before {
  content: "\E0DE"; }

.fyre-ico-wok:before {
  content: "\E0DF"; }

.fyre-ico-zoom:before, .btn.search:before, a.btn.search:before, .field-box.zoom:before, .show-icon:before {
  content: "\E0E0"; }

html, body {
  width: 100%;
  height: 100%; }

body:not(.modal-open) {
  overflow-y: scroll; }

header,
footer {
  width: 100%; }

html.auto {
  height: auto; }

.modal-open {
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    @supports (-webkit-overflow-scrolling: touch) {
      .modal-open {
        position: fixed; } } }

.main-content.bg-blue {
  background: var(--subpage-bg-color);
  padding: 50px 0 70px; }
  .main-content.bg-blue .content {
    background: var(--page-bg-color);
    border-top-left-radius: 35px;
    border-bottom-right-radius: 35px;
    -webkit-box-shadow: 2px 8px 8px rgba(140, 140, 140, 0.3);
            box-shadow: 2px 8px 8px rgba(140, 140, 140, 0.3); }
  .main-content.bg-blue .has-sidebar .content {
    background: var(--tertiary-color); }

.main-content.has-top-banner {
  padding-top: 0; }

.iframe-page {
  position: relative;
  min-height: 500px !important; }
  .iframe-page--profile {
    margin-top: 65px;
    height: calc(100% - 70px - 65px); }
  .iframe-page iframe {
    position: absolute;
    top: -65px !important;
    bottom: -70px !important;
    left: 0;
    height: calc(100% + 135px) !important;
    width: 100%; }

.static-page .content {
  padding: 50px; }

.container {
  width: 100%;
  max-width: 1310px;
  padding: 0 30px;
  margin: 0 auto; }

.dish-img {
  border-style: solid;
  border-width: 2px;
  border-color: var(--brand-color);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.add-del {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 300px;
  min-width: 190px; }
  .add-del .btn {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .add-del .amount {
    width: 35px;
    padding: 0 10px;
    font-family: var(--bold-font);
    font-size: 1.111rem;
    text-align: center;
    border: none; }
  .add-del.with-bd {
    width: 140px;
    max-width: none;
    min-width: 0;
    position: relative; }
    .add-del.with-bd .btn.circle,
    .add-del.with-bd a.btn.circle {
      width: 45px;
      height: 45px;
      line-height: 43px;
      z-index: 1; }
    .add-del.with-bd .btn:disabled,
    .add-del.with-bd a.btn:disabled {
      opacity: 1; }
      .add-del.with-bd .btn:disabled:after,
      .add-del.with-bd a.btn:disabled:after {
        content: '';
        position: absolute;
        background: rgba(255, 255, 255, 0.5);
        top: -2px;
        width: calc(100% + 4px);
        border-radius: 50%;
        left: -2px;
        height: calc(100% + 4px); }
    .add-del.with-bd:before, .add-del.with-bd:after {
      content: '';
      display: block;
      position: absolute;
      left: 23px;
      height: 2px;
      width: 100%;
      width: calc(100% - 46px);
      background: var(--button-primary-color); }
    .add-del.with-bd:before {
      top: 0; }
    .add-del.with-bd:after {
      bottom: 0; }
    .add-del.with-bd .amount {
      width: calc(100% - 45px - 45px); }

.item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 1px 3px 7px 1px rgba(140, 140, 140, 0.3);
          box-shadow: 1px 3px 7px 1px rgba(140, 140, 140, 0.3);
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 10px 25px;
  margin-bottom: 25px;
  background: var(--box-color); }
  .item-box .item-box-name {
    padding-right: 5px;
    width: calc(100% - 45px - 145px); }
  .item-box .add-del {
    width: 145px;
    max-width: inherit;
    min-width: inherit; }
  .item-box .item-box-price {
    padding-left: 5px;
    width: 80px;
    text-align: right; }
  .item-box span {
    font-size: 1.278rem; }
  .item-box .label-status {
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 10px 22px;
    font-family: var(--bold-font);
    font-size: 1.111rem;
    line-height: 1;
    color: #ffffff;
    background: #e98004;
    border-radius: 20px; }
    @media screen and (max-width: 767px) {
      .item-box .label-status {
        top: -13px;
        padding: 7px 15px;
        font-size: 0.857rem; } }
  .item-box.with-img {
    padding: 15px 25px 15px 0;
    margin-left: 25px; }
    .item-box.with-img span, .item-box.with-img p {
      font-size: inherit;
      margin: 0;
      padding: 0; }
    .item-box.with-img .item-box-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      width: calc(100% - 90px - 145px); }
      .item-box.with-img .item-box-group > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        padding: 0 30px;
        min-height: 65px;
        border-right-color: var(--primary-color);
        border-right-style: solid;
        border-right-width: 1px; }
    .item-box.with-img .item-box-info {
      width: 35%; }
      .item-box.with-img .item-box-info * {
        font-family: var(--bold-font);
        font-size: 1.111rem; }
    .item-box.with-img .item-box-details {
      width: 65%;
      font-size: 1rem; }
      .item-box.with-img .item-box-details > div {
        max-width: 50%; }
        .item-box.with-img .item-box-details > div:nth-child(1) {
          padding-right: 15px; }
        .item-box.with-img .item-box-details > div:nth-child(2) {
          padding-left: 15px; }
    .item-box.with-img .item-box-price {
      font-family: var(--bold-font);
      font-size: 1.667rem;
      text-align: center;
      width: 145px; }
      .item-box.with-img .item-box-price .part {
        display: block; }
    .item-box.with-img .item-box-img {
      -ms-flex-item-align: start;
          align-self: flex-start;
      position: relative;
      width: 100px;
      height: 105px;
      margin: 0 0 0 -25px;
      border-width: 2px;
      border-color: var(--brand-color);
      border-style: solid;
      border-top-right-radius: 20px;
      border-bottom-left-radius: 20px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-color: var(--box-color); }
      .item-box.with-img .item-box-img .status-item {
        position: absolute;
        top: 50%;
        left: -15px;
        margin: -25px 0 0; }

.status-item {
  font-family: "fyre-icons";
  font-size: 1.111rem;
  line-height: 1;
  position: relative;
  width: 50px;
  height: 50px;
  background: var(--attention-color);
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  border-width: 2px;
  border-color: var(--text-secondary-helper-color);
  border-style: solid; }
  @media screen and (max-width: 767px) {
    .status-item {
      font-size: 1.1rem; } }
  .status-item:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: var(--text-secondary-helper-color); }

.title-img {
  position: relative;
  padding-left: 45px;
  margin: 0 0 20px; }
  .title-img:before {
    font-family: "fyre-icons";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.9rem; }
  .title-img.i-cart:before {
    color: var(--form-primary-color); }
  .title-img.i-schedule:before {
    color: var(--form-primary-color); }

.cart-sum {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.278rem;
  line-height: 40px;
  height: 40px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--form-secondary-color); }
  .cart-sum.field-box-inner {
    border-bottom: 0; }
    .cart-sum.field-box-inner:before {
      content: none; }
    .cart-sum.field-box-inner .field-box.small {
      margin: 0; }
  .cart-sum.total {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.667rem;
    padding-bottom: 2px; }
  .cart-sum.tips .field-box,
  .cart-sum.tips .select-box {
    width: 48%;
    min-width: auto;
    margin: 0; }
  .cart-sum.tips .field-box:before {
    content: none; }
  .cart-sum.tips .field-box .field-name {
    padding-left: 0; }
  .cart-sum.tips .field-box input {
    text-align: right;
    padding-right: 20px; }
  .cart-sum.tips .select-box:before {
    content: '%';
    font-size: 1.3rem;
    font-weight: 900;
    color: var(--form-primary-color); }
  .cart-sum.tips input {
    font-family: var(--bold-font);
    font-size: 1.278rem; }
  .cart-sum.tips .field-separator {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
  .cart-sum.tips .currency {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.2rem;
    color: var(--form-primary-color);
    font-weight: 900; }
  .cart-sum.tips.currency_usa_formatted .field-box input {
    padding-right: 0; }
  .cart-sum.tips.currency_usa_formatted .field-name {
    padding-left: 30px; }
  .cart-sum.tips.currency_usa_formatted .currency {
    right: auto;
    left: 0; }
  .cart-sum:before {
    font-family: "fyre-icons";
    display: block;
    left: 0;
    font-size: 1rem;
    font-weight: normal;
    color: var(--form-primary-color); }
  .cart-sum .cart-title {
    padding-left: 30px; }
    .cart-sum .cart-title.with-img {
      display: block;
      -o-text-overflow: initial;
         text-overflow: initial;
      overflow: initial;
      white-space: normal; }
      .cart-sum .cart-title.with-img span {
        position: relative;
        padding-right: 15px;
        max-width: 100%;
        display: inline-block;
        vertical-align: bottom; }
  .cart-sum .cart-cost {
    position: relative;
    font-family: var(--bold-font);
    font-weight: normal;
    text-align: right; }
    .cart-sum .cart-cost input {
      width: 100%;
      border-bottom: none;
      text-align: right;
      padding-right: 5px;
      font-family: var(--bold-font);
      font-size: 1.278rem; }

.title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px; }
  .title-box h1 {
    color: var(--text-primary-color);
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0; }
    .title-box h1:first-letter {
      text-transform: uppercase; }
  .title-box .info-color {
    margin-left: 20px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .title-box .info-color__inner {
      background: var(--primary-color);
      color: var(--form-secondary-color);
      padding: 18px 30px;
      border-top-right-radius: 15px;
      border-bottom-left-radius: 15px;
      -webkit-box-shadow: 1px 3px 3px rgba(140, 140, 140, 0.3);
              box-shadow: 1px 3px 3px rgba(140, 140, 140, 0.3); }
    .title-box .info-color p {
      font-size: 2.278rem;
      margin: 0; }
    .title-box .info-color .price-original {
      font-size: 1rem;
      text-decoration: line-through;
      text-align: right;
      color: var(--non-active-helper-color); }

.time-select-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

/* select box with icon */
.box-select-container.has-dropdown {
  position: relative;
  margin-right: 12px; }
  .box-select-container.has-dropdown .box-select-wrap,
  .box-select-container.has-dropdown .time-select-wrap,
  .box-select-container.has-dropdown .filter-box {
    position: relative;
    z-index: 4; }
  .box-select-container.has-dropdown.active {
    z-index: 5; }
    .box-select-container.has-dropdown.active .toggle-arrow .fyre-ico-arrow, .box-select-container.has-dropdown.active .toggle-arrow .carousel.slide .carousel-control:before, .carousel.slide .box-select-container.has-dropdown.active .toggle-arrow .carousel-control:before {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
  .box-select-container.has-dropdown .filter-box ~ .box-select-dropdown {
    padding: 40px 20px 15px; }

.box-select-wrap,
.time-select-wrap {
  height: 76px;
  min-width: 200px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  border-radius: 25px 0 25px 0;
  -webkit-box-shadow: 2px 8px 17px 1px rgba(140, 140, 140, 0.3);
          box-shadow: 2px 8px 17px 1px rgba(140, 140, 140, 0.3);
  background: var(--box-color); }
  .box-select-wrap.date,
  .time-select-wrap.date {
    min-width: 220px; }
    .box-select-wrap.date + .box-select-dropdown,
    .time-select-wrap.date + .box-select-dropdown {
      min-width: 220px; }
  .box-select-wrap .icon-box,
  .time-select-wrap .icon-box {
    width: 50px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: var(--form-secondary-color); }
    .box-select-wrap .icon-box .fyre-ico,
    .time-select-wrap .icon-box .fyre-ico {
      font-size: 1.444rem;
      color: var(--primary-color); }
      .box-select-wrap .icon-box .fyre-ico.fyre-ico-clock-face,
      .time-select-wrap .icon-box .fyre-ico.fyre-ico-clock-face {
        font-size: 1.611rem; }
  .box-select-wrap .txt-box-wrap,
  .time-select-wrap .txt-box-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc(100% - 50px);
    padding: 10px 10px 10px 15px;
    line-height: 1.1; }
  .box-select-wrap .txt-box,
  .time-select-wrap .txt-box {
    padding-right: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-width: calc(100% - 20px); }
    .box-select-wrap .txt-box.reset-right-indent,
    .time-select-wrap .txt-box.reset-right-indent {
      padding-right: 0; }
  .box-select-wrap .day-value,
  .time-select-wrap .day-value {
    margin-right: 10px; }
  .box-select-wrap .value,
  .box-select-wrap .day-value,
  .box-select-wrap .time-value,
  .time-select-wrap .value,
  .time-select-wrap .day-value,
  .time-select-wrap .time-value {
    font-size: 2rem;
    font-weight: bold; }
    .box-select-wrap .value.smaller,
    .box-select-wrap .day-value.smaller,
    .box-select-wrap .time-value.smaller,
    .time-select-wrap .value.smaller,
    .time-select-wrap .day-value.smaller,
    .time-select-wrap .time-value.smaller {
      font-size: 1.667rem; }
  .box-select-wrap .date-value,
  .time-select-wrap .date-value {
    font-size: 0.778rem; }
  .box-select-wrap .time-value,
  .time-select-wrap .time-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap; }
  .box-select-wrap .month,
  .box-select-wrap .year,
  .time-select-wrap .month,
  .time-select-wrap .year {
    display: block;
    position: relative;
    z-index: 5; }
  .box-select-wrap .toggle-arrow,
  .time-select-wrap .toggle-arrow {
    padding: 5px;
    cursor: pointer; }
  .box-select-wrap .fyre-ico-arrow, .box-select-wrap .carousel.slide .carousel-control:before, .carousel.slide .box-select-wrap .carousel-control:before,
  .time-select-wrap .fyre-ico-arrow,
  .time-select-wrap .carousel.slide .carousel-control:before,
  .carousel.slide .time-select-wrap .carousel-control:before {
    font-size: 0.833rem;
    color: var(--text-primary-helper-color);
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }

.box-select-dropdown {
  position: absolute;
  top: 57px;
  left: 0;
  padding: 40px 5px 5px;
  width: 100%;
  background: var(--box-color);
  -webkit-box-shadow: 2px 8px 17px 1px rgba(140, 140, 140, 0.3);
          box-shadow: 2px 8px 17px 1px rgba(140, 140, 140, 0.3);
  border-bottom-right-radius: 25px;
  z-index: 3; }
  .box-select-dropdown .list li {
    margin-bottom: 15px;
    cursor: pointer; }
  .box-select-dropdown .field-box {
    margin-bottom: 5px; }
  .box-select-dropdown .check-txt {
    width: 140px;
    word-wrap: break-word; }

/* end select box with icon */
.shadow-box {
  width: 100%;
  -webkit-box-shadow: 1px 3px 3px rgba(140, 140, 140, 0.3);
          box-shadow: 1px 3px 3px rgba(140, 140, 140, 0.3);
  background-color: var(--box-color);
  border-top-left-radius: 35px;
  border-bottom-right-radius: 35px;
  margin: 0 0 30px; }
  .shadow-box.aligned {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .shadow-box .helper-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .shadow-box .value-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 20px; }
    .shadow-box .value-wrap.has-left-border {
      border-left: 1px solid var(--primary-color); }
  .shadow-box .value {
    font-size: 2rem;
    font-family: var(--bold-font); }
    .shadow-box .value.larger {
      font-size: 2.111rem; }
    .shadow-box .value.id {
      padding-right: 5px; }
  .shadow-box .small-note {
    padding-left: 15px;
    font-family: var(--regular-font);
    font-size: 1rem;
    line-height: 1; }
    .shadow-box .small-note span {
      display: block; }
  .shadow-box.orange {
    background: orange; }
  .shadow-box.bgChange:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-top-left-radius: 35px;
    border-bottom-right-radius: 35px;
    -webkit-animation: bgChange 10s infinite linear;
            animation: bgChange 10s infinite linear; }
    @media screen and (max-width: 767px) {
      .shadow-box.bgChange:after {
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px; } }
  .shadow-box.bgChange .shadow-box {
    background: orange; }
    .shadow-box.bgChange .shadow-box .urgent {
      background: orange; }
    .shadow-box.bgChange .shadow-box.urgent-not-fulfilled {
      background: red; }
      .shadow-box.bgChange .shadow-box.urgent-not-fulfilled .urgent {
        background: red; }

.time-box {
  display: inline-block;
  margin-bottom: 17px;
  margin-right: 7px;
  border-radius: 20px 0 20px 0;
  -webkit-box-shadow: 1px 3px 6px 1px rgba(140, 140, 140, 0.3);
          box-shadow: 1px 3px 6px 1px rgba(140, 140, 140, 0.3); }
  .time-box.selected {
    background: var(--form-secondary-color); }
    .time-box.selected a {
      color: var(--primary-color); }
  .time-box.non-available {
    background: #b7b7b7; }
    .time-box.non-available a {
      color: #ffffff; }
  .time-box a {
    display: block;
    padding: 14px 16px;
    color: var(--text-primary-color);
    font-size: 1.278rem;
    font-family: var(--bold-font);
    line-height: 1;
    text-decoration: none; }

.tooltipster-sidetip .tooltipster-box {
  padding: 15px;
  font-size: 1rem;
  font-family: var(--regular-font);
  color: #000000;
  background: var(--tertiary-color);
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 1px 3px 6px 1px rgba(140, 140, 140, 0.3);
          box-shadow: 1px 3px 6px 1px rgba(140, 140, 140, 0.3); }

.tooltipster-sidetip .tooltipster-content {
  color: #000000;
  line-height: 1.5; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow .tooltipster-arrow-background {
  border-top-color: var(--tertiary-color); }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow .tooltipster-arrow-background {
  border-bottom-color: var(--tertiary-color); }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow .tooltipster-arrow-background {
  border-left-color: var(--tertiary-color); }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow .tooltipster-arrow-background {
  border-right-color: var(--tertiary-color); }

.tooltip-custom {
  width: 200px;
  position: absolute !important;
  right: 0;
  z-index: 6;
  margin-top: 20px;
  white-space: normal; }
  .tooltip-custom .tooltip-custom-inner {
    padding: 15px;
    font-size: 1rem;
    color: #000000;
    font-weight: bold;
    background: #D7F2FD;
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: 1px 3px 6px 1px rgba(140, 140, 140, 0.3);
            box-shadow: 1px 3px 6px 1px rgba(140, 140, 140, 0.3); }

.attention-msg {
  font-size: 1.2rem;
  color: #9e5e63;
  border-radius: 8px;
  background: #f8d7da;
  -webkit-box-shadow: 1px 3px 6px 1px rgba(140, 140, 140, 0.3);
          box-shadow: 1px 3px 6px 1px rgba(140, 140, 140, 0.3);
  padding: 15px 20px;
  margin: 0 auto 30px; }
  @media screen and (max-width: 767px) {
    .attention-msg {
      font-size: 1rem;
      padding: 10px 15px; } }

.has-top-indent {
  margin-top: 30px; }

.has-bottom-indent {
  margin-bottom: 30px; }

.mb-5 {
  margin-bottom: 5px; }

.mb-20 {
  margin-bottom: 20px; }

.mr-20 {
  margin-right: 20px; }

.reset-top-indent {
  margin-top: 0 !important; }

.reset-bottom-indent {
  margin-bottom: 0 !important; }

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

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ai-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.btns-wrap {
  width: 100%;
  text-align: center; }
  .btns-wrap .btn {
    margin: 0 12px; }

.visible-on-mobile {
  display: none; }

.gratuity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 10px -10px 0; }
  .gratuity .stamp {
    position: relative;
    width: 10%;
    height: 40px;
    display: block;
    margin: 5px 0;
    text-decoration: none; }
    .gratuity .stamp:before {
      font-family: "fyre-icons";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      font-size: 3rem;
      line-height: 1;
      text-align: center;
      z-index: 1;
      color: var(--non-active-color); }
  .gratuity .present {
    position: relative;
    width: 14.28%;
    height: 75px;
    margin: 5px 0; }
    .gratuity .present:before {
      font-family: "fyre-icons";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      font-size: 5.2rem;
      line-height: 1;
      text-align: center;
      z-index: 1;
      color: var(--non-active-color); }
  .gratuity .stamp.checked:before,
  .gratuity .present.checked:before {
    color: var(--accent-color); }

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

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

.txt-center {
  text-align: center; }

.txt-capitalize {
  text-transform: capitalize; }

.toggle-arrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer; }

.morecontent span {
  display: none; }

.full-txt .morecontent span {
  display: block; }

.pagination {
  margin-bottom: 50px; }
  .pagination .ngx-pagination li {
    font-size: 1.2rem; }
    .pagination .ngx-pagination li.current {
      padding: 0.1875rem 0.7rem;
      background: var(--primary-color);
      color: var(--form-secondary-color); }
    .pagination .ngx-pagination li.disabled {
      padding: 0.1875rem 0.7rem; }
    .pagination .ngx-pagination li.pagination-previous, .pagination .ngx-pagination li.pagination-next {
      font-size: 0; }
      .pagination .ngx-pagination li.pagination-previous a, .pagination .ngx-pagination li.pagination-next a {
        padding: 10px; }
    .pagination .ngx-pagination li.pagination-next a::after, .pagination .ngx-pagination li.pagination-next.disabled::after {
      content: '';
      border: 5px solid transparent;
      border-left: 5px solid var(--button-primary-color); }
    .pagination .ngx-pagination li.pagination-previous a:before, .pagination .ngx-pagination li.pagination-previous.disabled:before {
      content: '';
      border: 5px solid transparent;
      border-right: 5px solid var(--button-primary-color); }
  .pagination .ngx-pagination a,
  .pagination .ngx-pagination button {
    padding: 0.1875rem 0.7rem;
    color: var(--text-primary-color); }
    .pagination .ngx-pagination a:hover,
    .pagination .ngx-pagination button:hover {
      background: none;
      text-decoration: underline; }

.date-with-icon:before {
  font-family: 'fyre-icons';
  font-size: 1.3rem;
  color: var(--form-primary-color);
  margin-right: 15px;
  vertical-align: middle;
  line-height: 1;
  display: inline-block;
  margin-top: -6px; }

.show-icon {
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 50%;
  background: var(--primary-color);
  cursor: pointer;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s; }
  .show-icon:before {
    font-family: "fyre-icons";
    font-size: 1rem;
    line-height: 44px;
    font-weight: bold;
    color: var(--form-secondary-color);
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s; }
  .show-icon:hover {
    background: var(--button-primary-color); }
    .show-icon:hover:before {
      color: var(--button-helper-color); }

.back-icon,
.del-icon {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 50%;
  background: var(--primary-color);
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s; }
  @media screen and (max-width: 1024px) {
    .back-icon,
    .del-icon {
      right: 10px;
      top: 10px; } }
  @media screen and (max-width: 767px) {
    .back-icon,
    .del-icon {
      right: 15px;
      top: 10px; } }
  .back-icon:before,
  .del-icon:before {
    font-family: "fyre-icons";
    font-size: 1rem;
    line-height: 44px;
    font-weight: bold;
    color: var(--form-secondary-color);
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s; }
  .back-icon:hover,
  .del-icon:hover {
    background: var(--button-primary-color); }
    .back-icon:hover:before,
    .del-icon:hover:before {
      color: var(--button-helper-color); }

.cursor-pointer {
  cursor: pointer; }

.carousel.slide .carousel-indicators {
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1; }
  .carousel.slide .carousel-indicators li {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 6px;
    border: 2px solid #fff;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px 1.25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 10px 1.25px rgba(0, 0, 0, 0.5);
    color: transparent;
    cursor: pointer; }
    .carousel.slide .carousel-indicators li.active {
      background: var(--attention-color); }

.carousel.slide .carousel-control {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 60px;
  height: 60px;
  color: transparent;
  cursor: pointer; }
  .carousel.slide .carousel-control:before {
    font-family: 'fyre-icons';
    color: var(--form-secondary-color);
    font-size: 30px;
    line-height: 60px;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s; }
  .carousel.slide .carousel-control:hover:before {
    color: var(--brand-color); }
  .carousel.slide .carousel-control.left {
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .carousel.slide .carousel-control.right {
    right: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg); }
  .carousel.slide .carousel-control span {
    display: none; }

.gotoPage {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .gotoPage input {
    width: 50px;
    margin: 0 20px;
    text-align: center; }
  .gotoPage .btn.small {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: auto; }

.wrap-full-width {
  width: 100%;
  padding: 0 15px; }

.shipping-message {
  position: relative;
  margin: 15px 3px;
  font-size: 0.9rem;
  color: var(--brand-color); }
  .shipping-message.has-top-indent {
    margin-top: 30px; }

.search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 50px; }
  .search-wrap .field-box {
    width: 290px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 15px; }
  .search-wrap .btns-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .search-wrap .btn {
    min-width: auto;
    margin: 0 10px 10px 0; }

.word-breakable {
  word-break: break-all; }

.pre-line {
  white-space: pre-line; }

timepicker .btn-default {
  padding: 3px 10px;
  min-width: 0;
  min-height: auto;
  font-size: 0.9rem; }
  timepicker .btn-default:hover {
    background: inherit;
    color: inherit; }

dp-day-calendar.dp-material {
  width: 100%;
  padding: 0 5px 5px; }
  dp-day-calendar.dp-material .dp-day-calendar-container {
    background: var(--box-color); }
    dp-day-calendar.dp-material .dp-day-calendar-container dp-calendar-nav .dp-nav-header {
      right: 5px;
      font-weight: bold;
      text-transform: uppercase; }
    dp-day-calendar.dp-material .dp-day-calendar-container dp-calendar-nav .dp-nav-btns-container {
      width: 100%;
      top: 0;
      right: 0;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      border: none; }
    dp-day-calendar.dp-material .dp-day-calendar-container dp-calendar-nav .dp-calendar-nav-container-left,
    dp-day-calendar.dp-material .dp-day-calendar-container dp-calendar-nav .dp-calendar-nav-container-right {
      position: absolute;
      top: 0; }
      dp-day-calendar.dp-material .dp-day-calendar-container dp-calendar-nav .dp-calendar-nav-container-left button,
      dp-day-calendar.dp-material .dp-day-calendar-container dp-calendar-nav .dp-calendar-nav-container-right button {
        width: 30px;
        padding: 10px;
        background: transparent; }
        dp-day-calendar.dp-material .dp-day-calendar-container dp-calendar-nav .dp-calendar-nav-container-left button:before,
        dp-day-calendar.dp-material .dp-day-calendar-container dp-calendar-nav .dp-calendar-nav-container-right button:before {
          border-color: var(--text-primary-color); }
    dp-day-calendar.dp-material .dp-day-calendar-container dp-calendar-nav .dp-calendar-nav-container-left {
      left: 0; }
    dp-day-calendar.dp-material .dp-day-calendar-container dp-calendar-nav .dp-calendar-nav-container-right {
      right: 0; }
    dp-day-calendar.dp-material .dp-day-calendar-container .dp-calendar-nav-container {
      border: none; }
    dp-day-calendar.dp-material .dp-day-calendar-container .dp-calendar-wrapper {
      border: none; }
    dp-day-calendar.dp-material .dp-day-calendar-container .dp-calendar-week {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    dp-day-calendar.dp-material .dp-day-calendar-container .dp-calendar-weekday {
      height: 20px;
      line-height: 20px;
      font-size: 10px;
      font-weight: bold;
      color: var(--text-primary-color); }
    dp-day-calendar.dp-material .dp-day-calendar-container .dp-calendar-day {
      font-family: var(--regular-font); }
      dp-day-calendar.dp-material .dp-day-calendar-container .dp-calendar-day:not(.dp-selected) {
        background: transparent;
        color: var(--text-primary-color); }
      dp-day-calendar.dp-material .dp-day-calendar-container .dp-calendar-day:hover {
        background: rgba(228, 228, 228, 0.5); }
    dp-day-calendar.dp-material .dp-day-calendar-container .dp-weekdays {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }

.iti__country-list {
  border-top-color: var(--form-secondary-color);
  background: var(--page-bg-color) !important; }

.card-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 50px;
  margin-left: -30px; }
  .card-grid .card {
    width: calc(100% / 4 - 30px);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px 25px;
    margin-bottom: 30px;
    margin-left: 30px;
    overflow: hidden;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: 1px 2px 4px 2px rgba(140, 140, 140, 0.3);
            box-shadow: 1px 2px 4px 2px rgba(140, 140, 140, 0.3);
    cursor: pointer;
    background: var(--box-color); }
    .card-grid .card:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 10px;
      background: var(--form-primary-color);
      -webkit-box-shadow: -2px 0 1px 0 var(--form-primary-color);
              box-shadow: -2px 0 1px 0 var(--form-primary-color); }
    .card-grid .card .user-photo {
      width: 70px;
      height: 70px;
      margin-right: 15px;
      border: none;
      -webkit-box-shadow: 1px 2px 4px 2px rgba(140, 140, 140, 0.3);
              box-shadow: 1px 2px 4px 2px rgba(140, 140, 140, 0.3); }
    .card-grid .card .user-name {
      white-space: normal;
      color: var(--text-primary-color);
      font-size: 1.155rem;
      text-transform: capitalize; }
    .card-grid .card .user-phone {
      font-size: 0.85rem;
      display: inline-block; }

.multiplication-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.multiplication {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 15px 27px; }

.underlined {
  text-decoration: underline; }

.underlined-link,
.modal-page .underlined-link {
  display: inline-block;
  color: var(--form-primary-color);
  font-size: inherit;
  text-decoration: none;
  border-bottom: 2px solid var(--form-primary-color); }
  @media screen and (max-width: 767px) {
    .underlined-link,
    .modal-page .underlined-link {
      border-width: 1px; } }

.third-app-logo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0; }

.third-app-logo {
  width: 30%;
  height: 90px;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 2%;
  margin-bottom: 15px;
  border-radius: 20px 0 20px 0;
  -webkit-box-shadow: 1px 3px 6px 1px rgba(140, 140, 140, 0.3);
          box-shadow: 1px 3px 6px 1px rgba(140, 140, 140, 0.3);
  background: #ffffff; }
  @media screen and (max-width: 1366px) {
    .third-app-logo {
      height: 70px; } }
  @media screen and (max-width: 767px) {
    .third-app-logo {
      width: 48%;
      height: 60px;
      max-width: 130px; } }
  .third-app-logo.stripe {
    background: #4553ff; }
    .third-app-logo.stripe img {
      max-width: 70%; }
  .third-app-logo.omnivore {
    background: #374548; }
  .third-app-logo.google-analytics {
    background: #fafafa; }
  .third-app-logo.active {
    position: relative; }
    .third-app-logo.active:before {
      width: 22px;
      height: 22px;
      font-family: "fyre-icons";
      font-size: 8px;
      font-weight: bold;
      line-height: 22px;
      text-align: center;
      position: absolute;
      top: -11px;
      right: 5px;
      z-index: 1;
      border-radius: 50%;
      background: #7bd3f7;
      color: #000000; }
  .third-app-logo img {
    max-width: 100%;
    max-height: 100%; }

.cookie-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 0;
  background: #000000;
  color: #ffffff;
  z-index: 12; }
  .cookie-bar .container {
    max-width: 1660px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .cookie-bar .container {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        text-align: center; } }
  .cookie-bar p {
    margin: 0; }
  .cookie-bar .btns-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 30px; }
    @media screen and (max-width: 767px) {
      .cookie-bar .btns-wrap {
        width: 100%;
        margin: 10px 0 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .cookie-bar .btns-wrap .btn {
      margin: 0 10px; }
      @media screen and (max-width: 767px) {
        .cookie-bar .btns-wrap .btn {
          margin-bottom: 5px; } }
    .cookie-bar .btns-wrap a {
      color: #ffffff; }

.product-count {
  padding-top: 50px;
  padding-bottom: 30px; }
  .product-count--actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 1024px) {
      .product-count--actions {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .product-count--actions .select-box,
    .product-count--actions .field-box {
      width: 100%;
      margin: 0 0 30px 25px; }
      .product-count--actions .select-box:first-child,
      .product-count--actions .field-box:first-child {
        margin-left: 0; }
    @media screen and (max-width: 1024px) {
      .product-count--actions .select-box {
        -webkit-box-flex: 30%;
            -ms-flex: 30%;
                flex: 30%; } }
    @media screen and (max-width: 767px) {
      .product-count--actions .select-box {
        -webkit-box-flex: 100%;
            -ms-flex: 100%;
                flex: 100%;
        margin-left: 0; } }
    @media screen and (max-width: 1024px) {
      .product-count--actions .field-box {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 30%;
                flex: 1 0 30%;
        margin-left: 0; } }
    .product-count--actions .btn {
      margin: 0 0 30px 25px; }
  .product-count--btn-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 1024px) {
      .product-count--btn-holder {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .product-count--btn-holder .field-box {
      width: auto;
      margin-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media screen and (max-width: 1024px) {
        .product-count--btn-holder .field-box {
          width: 100%;
          margin-top: 20px; } }
    .product-count--btn-holder .select-box {
      width: 130px;
      margin-bottom: 0; }
  .product-count .table-container.light {
    margin: 0; }
    .product-count .table-container.light .field-box.without-icon {
      text-align: right; }

.slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 5px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 30px;
  color: var(--form-secondary-color);
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease; }
  @media screen and (max-width: 767px) {
    .slick-arrow {
      color: var(--brand-color);
      font-size: 1rem; } }
  .slick-arrow.slick-prev {
    left: -30px; }
  .slick-arrow.slick-next {
    right: -30px; }
  .slick-arrow:hover {
    opacity: 0.7; }
  .slick-arrow.slick-next .fyre-ico-arrow, .slick-arrow.slick-next .carousel.slide .carousel-control:before, .carousel.slide .slick-arrow.slick-next .carousel-control:before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .slick-arrow .fyre-ico-arrow, .slick-arrow .carousel.slide .carousel-control:before, .carousel.slide .slick-arrow .carousel-control:before {
    display: block; }

.logo-container {
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .logo-container .logo {
    display: block;
    width: 100%;
    text-align: center; }
  .logo-container a {
    display: block; }
  .logo-container img {
    max-width: 250px;
    max-height: 64px; }

.tl-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .tl-holder h3,
  .tl-holder .link {
    margin: 10px 0; }

.agree-checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .agree-checkboxes .field-box.checkbox {
    text-align: center; }
    .agree-checkboxes .field-box.checkbox input[type=radio] + label .check,
    .agree-checkboxes .field-box.checkbox input[type=checkbox] + label .check {
      float: none;
      display: inline-block;
      margin-bottom: -2px; }
    .agree-checkboxes .field-box.checkbox input[type=radio] + label .check-txt,
    .agree-checkboxes .field-box.checkbox input[type=checkbox] + label .check-txt {
      display: inline;
      margin-left: 5px; }

.concept-page {
  max-width: 1100px;
  padding-top: 80px; }
  .concept-page h2 {
    margin: 0 0 20px;
    padding-top: 50px;
    max-width: 50%; }
  .concept-page .cols-wrap {
    margin-bottom: 50px;
    overflow: hidden; }
  .concept-page .img-wrap {
    width: 35%;
    float: right;
    margin-left: 70px;
    margin-top: -120px; }
    .concept-page .img-wrap.wide-col {
      width: 50%; }
    .concept-page .img-wrap img {
      width: 100%; }

@media screen and (max-width: 1366px) {
  .main-content.bg-blue {
    padding: 50px 0 60px; }
  .main-content.has-top-banner {
    padding-top: 0; }
  .item-box.with-img {
    margin-left: 15px; }
    .item-box.with-img .item-box-group {
      width: calc(100% - 85px - 100px); }
    .item-box.with-img .item-box-img {
      width: 90px;
      height: 95px;
      margin: 0 0 0 -15px; }
      .item-box.with-img .item-box-img .status-item {
        left: -15px;
        margin: -20px 0 0; }
    .item-box.with-img .item-box-price {
      width: 100px; }
  .status-item {
    width: 40px;
    height: 40px; }
  .cart-sum:before {
    font-size: 1.2rem; }
  .cart-sum .cart-title.with-img span:before {
    font-size: 1.2rem; }
  .title-img {
    padding-left: 35px; }
  .box-select-wrap,
  .time-select-wrap {
    height: 70px; }
    .box-select-wrap .date-value,
    .time-select-wrap .date-value {
      font-size: 0.9rem; }
  .box-select-dropdown {
    top: 50px; }
    .box-select-dropdown .check-txt {
      width: 110px; }
  .del-item-btn {
    line-height: 20px; }
  .card-grid .card .user-photo {
    margin-right: 15px; }
  .logo-container .logo img {
    max-width: 190px;
    max-height: 52px; }
  .concept-page {
    max-width: 1000px;
    padding-top: 50px; }
    .concept-page h2 {
      padding-top: 65px; }
    .concept-page .img-wrap {
      width: 30%;
      margin-left: 50px;
      margin-top: -110px; } }

@media screen and (max-width: 1024px) {
  .main-content.bg-blue {
    padding: 30px 0; }
  .main-content.has-top-banner {
    padding-top: 0; }
  .iframe-page--profile {
    margin-top: 45px;
    height: calc(100% - 75px); }
  .iframe-page iframe {
    top: -45px !important;
    bottom: -45px !important;
    height: calc(100% + 75px) !important; }
  .static-page .content {
    padding: 30px 20px; }
  .container {
    padding: 0 20px; }
  .item-box {
    padding: 15px; }
    .item-box .item-box-name {
      width: calc(100% - 60px - 105px); }
    .item-box .add-del {
      width: 105px; }
      .item-box .add-del .amount {
        width: 40px;
        font-size: 1rem;
        margin: 0;
        padding: 0 5px; }
    .item-box .item-box-price {
      width: 60px; }
    .item-box span {
      font-size: 1rem; }
    .item-box.with-img {
      padding: 10px 15px 10px 0; }
      .item-box.with-img .item-box-group {
        width: calc(100% - 70px - 100px); }
        .item-box.with-img .item-box-group > div {
          padding: 0 15px; }
      .item-box.with-img .item-box-details > div:nth-child(1) {
        padding-right: 10px; }
      .item-box.with-img .item-box-details > div:nth-child(2) {
        padding-left: 10px; }
      .item-box.with-img .item-box-img {
        width: 80px;
        height: 85px; }
  .title-box .info-color__inner {
    padding: 10px 17px; }
  .title-box .info-color p {
    font-size: 1.286rem; }
  .shadow-box .value-wrap {
    padding: 0 15px; }
  .shadow-box .value {
    font-size: 1.785rem; }
    .shadow-box .value.larger {
      font-size: 1.929rem; }
  .shadow-box .small-note {
    font-size: 0.857rem;
    padding-left: 3px; }
  .search-wrap form {
    width: 100%; }
  .search-wrap .field-box {
    width: auto;
    margin-right: 0; }
  .search-wrap .btn {
    margin-left: 0; }
  .search-wrap .btns-outer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .gratuity .stamp {
    height: 32px; }
    .gratuity .stamp:before {
      font-size: 2.3rem; }
  .gratuity .present {
    height: 60px; }
    .gratuity .present:before {
      font-size: 4.4rem; }
  .card-grid .card {
    width: calc(100% / 3 - 30px); }
  .logo-container .logo img {
    max-width: 150px; }
  .concept-page {
    padding-top: 30px; } }

@media screen and (max-width: 767px) {
  .txt-center-mob {
    text-align: center; }
  .main-content.bg-blue {
    padding: 0 0 20px;
    background: var(--page-bg-color); }
    .main-content.bg-blue .container {
      padding: 0; }
      .main-content.bg-blue .container.has-sidebar {
        padding: 15px; }
        .main-content.bg-blue .container.has-sidebar .content {
          border-top-right-radius: 30px; }
    .main-content.bg-blue .content {
      border-top-left-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .main-content.has-top-banner {
    background: rgba(123, 211, 247, 0.1); }
  .iframe-page--profile {
    margin-top: 0;
    height: 100%; }
  .iframe-page iframe {
    top: -15px !important;
    bottom: -20px !important;
    height: calc(100% + 35px) !important; }
  .static-page .content {
    padding: 30px 15px; }
  .container {
    padding: 0 15px; }
  .item-box {
    padding: 15px 10px;
    margin-bottom: 15px; }
    .item-box.with-img .item-box-group {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0 10px;
      width: calc(100% - 55px - 80px);
      border-right-color: var(--primary-color);
      border-right-style: solid;
      border-right-width: 1px; }
      .item-box.with-img .item-box-group > div {
        padding: 0;
        min-height: 0;
        border-right: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
    .item-box.with-img .item-box-info {
      width: 100%; }
      .item-box.with-img .item-box-info * {
        width: 100%; }
    .item-box.with-img .item-box-details {
      width: 100%; }
      .item-box.with-img .item-box-details > div {
        width: 100%;
        max-width: 100%; }
        .item-box.with-img .item-box-details > div:nth-child(1) {
          padding-right: 0; }
        .item-box.with-img .item-box-details > div:nth-child(2) {
          padding-left: 0; }
    .item-box.with-img .item-box-price {
      width: 80px;
      font-size: 1.357rem; }
    .item-box.with-img .item-box-img {
      width: 70px;
      height: 80px; }
      .item-box.with-img .item-box-img .status-item {
        margin: -15px 0 0; }
  .status-item {
    width: 30px;
    height: 30px; }
  .cart-sum {
    line-height: 30px;
    height: 30px; }
    .cart-sum:before {
      font-size: 1rem; }
    .cart-sum .cart-title {
      padding-left: 25px; }
      .cart-sum .cart-title.with-img span:before {
        font-size: 1rem; }
    .cart-sum.tips .select-box.input.focus .field-name {
      line-height: 27px; }
  .title-img {
    padding-left: 30px; }
    .title-img:before {
      font-size: 1.65rem; }
  .box-select-container.has-dropdown {
    margin-bottom: 10px;
    margin-right: 0; }
    .box-select-container.has-dropdown .box-select-wrap,
    .box-select-container.has-dropdown .time-select-wrap,
    .box-select-container.has-dropdown .filter-box {
      width: 100%;
      min-width: auto;
      max-width: none; }
  .box-select-container.visible-on-desktop {
    display: block !important; }
  .box-select-container.visible-on-mobile {
    display: none !important; }
  .box-select-wrap,
  .time-select-wrap {
    height: 50px;
    min-width: 140px;
    max-width: 160px;
    border-radius: 15px 0 15px 0; }
    .box-select-wrap.date + .box-select-dropdown,
    .time-select-wrap.date + .box-select-dropdown {
      width: calc(100vw - 30px);
      position: fixed;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      z-index: 15; }
    .box-select-wrap .icon-box,
    .time-select-wrap .icon-box {
      width: 33px; }
      .box-select-wrap .icon-box .fyre-ico,
      .time-select-wrap .icon-box .fyre-ico {
        font-size: 1.286em; }
    .box-select-wrap .txt-box-wrap,
    .time-select-wrap .txt-box-wrap {
      width: calc(100% - 35px);
      padding: 5px 8px 5px 11px; }
    .box-select-wrap .txt-box,
    .time-select-wrap .txt-box {
      padding-right: 10px; }
    .box-select-wrap .day-value,
    .time-select-wrap .day-value {
      margin-right: 5px; }
    .box-select-wrap .value,
    .box-select-wrap .day-value,
    .box-select-wrap .time-value,
    .time-select-wrap .value,
    .time-select-wrap .day-value,
    .time-select-wrap .time-value {
      font-size: 1.643rem; }
      .box-select-wrap .value.smaller,
      .box-select-wrap .day-value.smaller,
      .box-select-wrap .time-value.smaller,
      .time-select-wrap .value.smaller,
      .time-select-wrap .day-value.smaller,
      .time-select-wrap .time-value.smaller {
        font-size: 1.286rem; }
    .box-select-wrap .month,
    .box-select-wrap .year,
    .time-select-wrap .month,
    .time-select-wrap .year {
      font-size: 0.7rem; }
  .time-select-holder {
    display: block; }
  .box-select-dropdown {
    width: 100%;
    padding: 30px 5px 5px;
    top: 35px;
    border-bottom-right-radius: 15px; }
    .box-select-dropdown .check-txt {
      width: auto; }
  .shadow-box {
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px; }
    .shadow-box .value-wrap {
      padding: 0 10px; }
    .shadow-box .value {
      font-size: 1.571rem; }
      .shadow-box .value.larger {
        font-size: 1.286rem; }
      .shadow-box .value.smaller-on-mobile {
        font-size: 1.143rem; }
    .shadow-box.mob-reset {
      background: transparent;
      -webkit-box-shadow: none;
              box-shadow: none;
      border-top-left-radius: 0;
      border-bottom-right-radius: 0; }
  .btns-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .btns-wrap .btn {
      margin: 0 5px 10px; }
      .btns-wrap .btn.dark-blue {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
      .btns-wrap .btn.red-bordered {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
  .time-box {
    border-radius: 12px 0 12px 0; }
    .time-box a {
      font-size: 1.429rem;
      padding: 8px 9px; }
  .tooltipster-sidetip .tooltipster-box {
    padding: 5px; }
  .visible-on-desktop {
    display: none; }
  .visible-on-mobile {
    display: block; }
  .gratuity {
    margin: 10px 0 0; }
    .gratuity.stamp-box {
      max-width: 300px; }
    .gratuity.present-box {
      max-width: 320px; }
    .gratuity .stamp {
      height: 20px;
      padding: 0; }
      .gratuity .stamp:before {
        font-size: 1.5rem; }
    .gratuity .present {
      height: 35px; }
      .gratuity .present:before {
        font-size: 2.6rem; }
  .date-with-icon:before {
    margin-right: 10px; }
  .carousel.slide .carousel-indicators {
    bottom: 5px; }
    .carousel.slide .carousel-indicators li {
      width: 8px;
      height: 8px;
      border-width: 1px; }
  .carousel.slide .carousel-control {
    width: 40px;
    height: 40px; }
    .carousel.slide .carousel-control:before {
      line-height: 40px;
      font-size: 20px; }
  datepicker,
  datepicker datepicker-inner,
  datepicker .well,
  datepicker .daypicker,
  datepicker table {
    width: 100%; }
  datepicker button {
    padding: 15px !important; }
  timepicker a {
    padding: 10px !important; }
  dp-day-calendar.dp-material .dp-day-calendar-container .dp-calendar-day {
    width: auto;
    height: auto;
    padding: 15px; }
  .card-grid .card {
    width: calc(100% / 2 - 30px); }
    .card-grid .card .user-photo {
      width: 70px;
      height: 70px;
      margin-right: 15px; }
  .logo-container {
    margin-left: 15px; }
    .logo-container .logo img {
      max-width: 120px;
      max-height: 46px; }
  .product-count .table-container.light th, .product-count .table-container.light td {
    padding-left: 8px;
    padding-right: 8px; }
    .product-count .table-container.light th:first-child, .product-count .table-container.light td:first-child {
      max-width: 90px;
      width: 90px;
      word-break: break-word; }
    .product-count .table-container.light th:nth-child(2), .product-count .table-container.light th:nth-child(3), .product-count .table-container.light td:nth-child(2), .product-count .table-container.light td:nth-child(3) {
      max-width: 65px;
      width: 65px; }
    .product-count .table-container.light th:last-child, .product-count .table-container.light td:last-child {
      max-width: 75px;
      width: 75px; }
  #toast-container {
    right: auto;
    left: 12px;
    bottom: 5px; }
  .concept-page h2 {
    padding-top: 40px; }
  .concept-page .img-wrap {
    margin-left: 10px;
    margin-top: -90px; } }

@media screen and (max-width: 480px) {
  .box-select-container.visible-on-desktop {
    display: none !important; }
  .box-select-container.visible-on-mobile {
    display: block !important; }
  .card-grid {
    margin-left: 0; }
    .card-grid .card {
      width: 100%;
      margin-left: 0; }
  .concept-page h2 {
    max-width: none;
    padding-top: 0; }
  .concept-page .img-wrap {
    width: 100%;
    float: none;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 20px; }
    .concept-page .img-wrap.wide-col {
      width: 100%; }
  datepicker button {
    padding: 10px !important; }
  dp-day-calendar.dp-material .dp-day-calendar-container .dp-calendar-day {
    padding: 10px; } }

@-webkit-keyframes bgChange {
  0% {
    background: rgba(0, 0, 0, 0); }
  50% {
    background: rgba(140, 140, 140, 0.3); }
  100% {
    background: rgba(0, 0, 0, 0); } }

@keyframes bgChange {
  0% {
    background: rgba(0, 0, 0, 0); }
  50% {
    background: rgba(140, 140, 140, 0.3); }
  100% {
    background: rgba(0, 0, 0, 0); } }

.header {
  position: relative;
  z-index: 9;
  color: var(--text-secondary-color);
  padding: 10px 0 30px;
  border-bottom: 2px solid var(--primary-color);
  background: var(--brand-color); }
  .header a {
    color: var(--text-secondary-color);
    text-decoration: none; }
  .header .header-holder {
    position: relative;
    z-index: 1; }
  .header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    max-width: 1660px;
    padding: 0 30px;
    margin: 0 auto; }
  .header .top-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 60%; }
    @media screen and (max-width: 1024px) {
      .header .top-nav {
        max-width: 75%; } }
    .header .top-nav > *:nth-child(n+2):not(.header-actions-wrap),
    .header .top-nav .header-actions-wrap > *:first-child {
      position: relative;
      margin-left: 20px;
      padding-left: 20px; }
      @media screen and (max-width: 1366px) {
        .header .top-nav > *:nth-child(n+2):not(.header-actions-wrap),
        .header .top-nav .header-actions-wrap > *:first-child {
          margin-left: 12px;
          padding-left: 12px; } }
      @media screen and (max-width: 767px) {
        .header .top-nav > *:nth-child(n+2):not(.header-actions-wrap),
        .header .top-nav .header-actions-wrap > *:first-child {
          margin-left: 7px;
          padding-left: 7px; } }
      .header .top-nav > *:nth-child(n+2):not(.header-actions-wrap):after,
      .header .top-nav .header-actions-wrap > *:first-child:after {
        content: '';
        width: 1px;
        height: 38px;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        background: var(--primary-color); }
        @media screen and (max-width: 1366px) {
          .header .top-nav > *:nth-child(n+2):not(.header-actions-wrap):after,
          .header .top-nav .header-actions-wrap > *:first-child:after {
            height: 30px; } }
        @media screen and (max-width: 767px) {
          .header .top-nav > *:nth-child(n+2):not(.header-actions-wrap):after,
          .header .top-nav .header-actions-wrap > *:first-child:after {
            height: 20px; } }
      .header .top-nav > *:nth-child(n+2):not(.header-actions-wrap).call-waiter-btn,
      .header .top-nav .header-actions-wrap > *:first-child.call-waiter-btn {
        margin-left: 40px;
        padding-left: 25px; }
        @media screen and (max-width: 1366px) {
          .header .top-nav > *:nth-child(n+2):not(.header-actions-wrap).call-waiter-btn,
          .header .top-nav .header-actions-wrap > *:first-child.call-waiter-btn {
            margin-left: 24px; } }
        @media screen and (max-width: 767px) {
          .header .top-nav > *:nth-child(n+2):not(.header-actions-wrap).call-waiter-btn,
          .header .top-nav .header-actions-wrap > *:first-child.call-waiter-btn {
            margin-left: 14px; } }
        .header .top-nav > *:nth-child(n+2):not(.header-actions-wrap).call-waiter-btn:after,
        .header .top-nav .header-actions-wrap > *:first-child.call-waiter-btn:after {
          left: -20px; }
          @media screen and (max-width: 1366px) {
            .header .top-nav > *:nth-child(n+2):not(.header-actions-wrap).call-waiter-btn:after,
            .header .top-nav .header-actions-wrap > *:first-child.call-waiter-btn:after {
              left: -12px; } }
          @media screen and (max-width: 767px) {
            .header .top-nav > *:nth-child(n+2):not(.header-actions-wrap).call-waiter-btn:after,
            .header .top-nav .header-actions-wrap > *:first-child.call-waiter-btn:after {
              left: -7px; } }
    .header .top-nav .login-visible-on-mobile:nth-child(1) + .header-actions-wrap > *:first-child,
    .header .top-nav .login-visible-on-mobile:nth-child(2) {
      margin-left: 0;
      padding-left: 0; }
      .header .top-nav .login-visible-on-mobile:nth-child(1) + .header-actions-wrap > *:first-child:after,
      .header .top-nav .login-visible-on-mobile:nth-child(2):after {
        content: none; }
    @media screen and (max-width: 767px) {
      .header .top-nav .login-visible-on-mobile:nth-child(2) + .header-actions-wrap > *:first-child {
        margin-left: 0;
        padding-left: 0; } }
    @media screen and (max-width: 767px) {
      .header .top-nav .login-visible-on-mobile:nth-child(2) + .header-actions-wrap > *:first-child:after {
        content: none; } }
  .header .profile-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    word-break: normal; }
    .header .profile-btn:empty {
      display: none; }
  .header .user-name-wrap {
    position: relative; }
    .header .user-name-wrap .select-box.simple {
      min-width: 105px;
      height: 17px;
      padding-left: 7px;
      margin: 3px 0 0;
      border: none;
      border-radius: 0;
      -webkit-box-shadow: inset 0 0 0 1px var(--text-secondary-color), inset 0 0 0 1px var(--text-secondary-color);
              box-shadow: inset 0 0 0 1px var(--text-secondary-color), inset 0 0 0 1px var(--text-secondary-color);
      background: var(--primary-color); }
      .header .user-name-wrap .select-box.simple .toggle-arrow {
        top: 0;
        right: 3px;
        line-height: 18px; }
        .header .user-name-wrap .select-box.simple .toggle-arrow .fyre-ico {
          font-size: 10px; }
      .header .user-name-wrap .select-box.simple .select-option {
        font-size: 0.8rem;
        color: var(--form-secondary-color);
        padding-right: 25px;
        line-height: 17px;
        cursor: default; }
      .header .user-name-wrap .select-box.simple .select-dropdown {
        top: 17px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        max-height: none;
        overflow-x: hidden; }
      .header .user-name-wrap .select-box.simple li {
        padding: 7px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis; }
    .header .user-name-wrap .fyre-ico-repairing {
      vertical-align: top;
      margin-left: 3px;
      font-size: 14px; }
  .header .anonymous-input-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .header .anonymous-input-wrap input {
      width: 110px;
      height: 25px;
      padding-left: 5px;
      padding-right: 5px;
      color: var(--text-secondary-color);
      font-size: 1.2rem;
      line-height: 25px;
      border-bottom-color: var(--primary-color); }
    .header .anonymous-input-wrap .edit-name {
      position: relative;
      width: 20px;
      height: 20px;
      margin-left: 5px;
      cursor: pointer; }
      .header .anonymous-input-wrap .edit-name:before {
        font-family: "fyre-icons";
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        line-height: 1;
        z-index: 1;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
        font-size: 1.3rem;
        color: var(--primary-color); }
      .header .anonymous-input-wrap .edit-name:hover:before {
        color: var(--text-secondary-color); }
  .header .header-actions-wrap {
    position: relative; }
  .header .header-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.2rem;
    line-height: 1;
    font-family: var(--bold-font);
    white-space: nowrap;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    cursor: pointer; }
    .header .header-action .icon {
      position: relative;
      width: 20px;
      height: 20px;
      font-size: 25px;
      display: inline-block; }
      .header .header-action .icon:before {
        font-family: "fyre-icons";
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        color: var(--primary-color);
        font-size: 1.333rem;
        line-height: 1;
        z-index: 1;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s; }
    .header .header-action.active .icon.bell:before {
      color: var(--attention-color); }
    .header .header-action.login-visible-on-mobile, .header .header-action.logout-visible-on-mobile, .header .header-action.visible-on-mobile {
      display: none; }
      @media screen and (max-width: 767px) {
        .header .header-action.login-visible-on-mobile, .header .header-action.logout-visible-on-mobile, .header .header-action.visible-on-mobile {
          display: block; } }
    @media screen and (max-width: 767px) {
      .header .header-action.login-visible-on-desktop, .header .header-action.logout-visible-on-desktop, .header .header-action.visible-on-desktop {
        display: none; } }
  .header .total-price {
    position: relative;
    margin-left: 25px; }
  .header .total-amount span {
    display: inline-block;
    vertical-align: middle; }
  .header .cart-amount {
    position: absolute;
    top: -10px;
    right: -12px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    display: block;
    border-radius: 50%;
    background: red;
    font-size: 10px;
    line-height: 18px;
    color: #ffffff;
    text-align: center;
    z-index: 1; }
  .header .language-btn {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: block;
    width: 100px;
    font-size: 1.2rem;
    line-height: 1;
    color: var(--form-secondary-color);
    text-transform: uppercase;
    text-decoration: none;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: var(--text-secondary-color);
    z-index: 2; }
    .header .language-btn .wrap {
      display: block;
      padding: 10px;
      background: var(--primary-color);
      -webkit-transition: background 0.3s;
      -o-transition: background 0.3s;
      transition: background 0.3s;
      cursor: pointer; }
    .header .language-btn ul {
      display: none;
      position: absolute;
      top: 100%;
      left: -1px;
      right: 0;
      -webkit-box-shadow: 0 2px 3px 0 #555555;
              box-shadow: 0 2px 3px 0 #555555;
      background: var(--page-bg-color); }
    .header .language-btn li {
      position: relative;
      padding: 10px 12px;
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s;
      cursor: pointer; }
      .header .language-btn li:after {
        opacity: 0;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: var(--primary-color);
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s; }
      .header .language-btn li.active {
        opacity: 0.5;
        pointer-events: none;
        background: rgba(228, 228, 228, 0.5);
        cursor: default; }
      .header .language-btn li:hover {
        background: rgba(228, 228, 228, 0.5); }
    .header .language-btn .fyre-ico-arrow, .header .language-btn .carousel.slide .carousel-control:before, .carousel.slide .header .language-btn .carousel-control:before {
      position: absolute;
      top: 50%;
      right: 10px;
      -webkit-transform: translateY(-50%) rotate(270deg);
          -ms-transform: translateY(-50%) rotate(270deg);
              transform: translateY(-50%) rotate(270deg);
      width: 15px;
      height: 15px;
      display: block;
      color: var(--text-primary-color);
      font-size: 0.8rem;
      pointer-events: none; }
    .header .language-btn.open .wrap:hover {
      background: var(--primary-color); }
    .header .language-btn.open .fyre-ico-arrow, .header .language-btn.open .carousel.slide .carousel-control:before, .carousel.slide .header .language-btn.open .carousel-control:before {
      -webkit-transform: translateY(-50%) rotate(90deg);
          -ms-transform: translateY(-50%) rotate(90deg);
              transform: translateY(-50%) rotate(90deg); }
    .header .language-btn.open ul {
      display: block; }
  .header .table-booking-info {
    position: absolute;
    top: 30px;
    left: 0;
    font-size: .8rem;
    cursor: default;
    pointer-events: none;
    color: var(--text-secondary-helper-color); }
  .header .extra-nav-holder {
    background: var(--secondary-color);
    margin: 10px 0 -31px;
    border-top: 2px solid var(--primary-color);
    position: relative; }
    .header .extra-nav-holder .container {
      max-width: 1340px; }
  .header .btn.visible-on-mobile {
    display: none; }
  .header .call-waiter-btns-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .header .call-waiter-btns-wrap.visible-on-mobile {
      display: none; }
    @media screen and (max-width: 767px) {
      .header .call-waiter-btns-wrap.visible-on-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .header .call-waiter-btns-wrap.visible-on-desktop {
        display: none; } }
    .header .call-waiter-btns-wrap .btn {
      min-width: auto;
      margin-left: 3px;
      margin-right: 3px; }

.user-photo {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1px solid var(--text-secondary-color);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-color: var(--text-secondary-color);
  background-position: 50% 50%;
  background-size: cover; }
  .user-photo.square {
    border-radius: 0; }

.user-name {
  font-size: 0.9rem;
  text-decoration: none;
  text-transform: capitalize; }
  .user-name .user-name--last-mobile {
    display: none; }

.user-phone {
  padding: 0 7px;
  margin: 3px 0 0;
  font-size: 0.8rem;
  text-decoration: none;
  color: var(--form-secondary-color);
  border: 1px solid var(--text-secondary-color);
  background: var(--primary-color); }

.extra-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 55px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: calc(100% - 350px); }
  @media screen and (max-width: 1280px) {
    .extra-nav {
      width: calc(100% - 250px); } }
  .extra-nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.411rem;
    font-family: var(--bold-font);
    line-height: 1;
    padding: 0 1rem;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .extra-nav li a {
      display: inline-block;
      margin: 0 auto;
      text-align: center;
      -webkit-transition: all 0.1s linear;
      -o-transition: all 0.1s linear;
      transition: all 0.1s linear;
      word-break: normal;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      color: var(--text-header-color); }
      .extra-nav li a:first-letter {
        text-transform: uppercase; }
      .extra-nav li a:active, .extra-nav li a:focus, .extra-nav li a:focus-within, .extra-nav li a:visited {
        color: var(--text-header-color); }
      .extra-nav li a:hover {
        color: var(--text-header-color);
        opacity: 0.7; }
        @media screen and (max-width: 1280px) {
          .extra-nav li a:hover {
            color: var(--text-header-color); } }
      .extra-nav li a:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px; }
    .extra-nav li.active a {
      pointer-events: none;
      color: var(--text-header-color); }
      .extra-nav li.active a:after {
        background: var(--text-header-color); }
  .extra-nav .slick-arrow {
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    font-size: 1.5rem;
    color: var(--text-header-color); }
    @media screen and (max-width: 767px) {
      .extra-nav .slick-arrow {
        color: var(--form-primary-color); } }
  .extra-nav .slick-list {
    width: 100%; }
    @media screen and (max-width: 767px) {
      .extra-nav .slick-list {
        padding: 17px 0; } }
  .extra-nav .slick-track {
    height: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
    @media screen and (max-width: 767px) {
      .extra-nav .slick-track {
        margin-left: auto;
        margin-right: auto; } }
  .extra-nav.full-w {
    width: 100%; }
  .extra-nav.slick-initialized .slick-slide {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }

.sticky-cart-icon {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 11;
  background: #39b54a;
  border-width: 2px 0 2px 2px;
  border-style: solid;
  border-color: #39b54a;
  border-radius: 0 0 0 20px;
  -webkit-box-shadow: 0 3px 5px 0 #000000d9;
          box-shadow: 0 3px 5px 0 #000000d9;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 1;
  color: #ffffff;
  cursor: pointer; }
  @media screen and (max-width: 1024px) {
    .sticky-cart-icon {
      top: auto;
      bottom: 105px;
      padding: 8px;
      border-radius: 20px 0 0 20px; } }
  .sticky-cart-icon:hover {
    background: #ffffff;
    color: #39b54a; }
  .sticky-cart-icon.active {
    visibility: visible;
    opacity: 1; }
  .sticky-cart-icon .fyre-ico {
    margin: -1px 5px 0 0;
    font-size: 1.4rem; }
    @media screen and (max-width: 1024px) {
      .sticky-cart-icon .fyre-ico {
        font-size: 1.3rem; } }
  .sticky-cart-icon .amount {
    color: #ffffff;
    font-size: 0.8rem;
    background: #ff0000;
    border-radius: 50%;
    position: absolute;
    top: -1px;
    left: -10px;
    min-width: 20px;
    height: 20px;
    text-align: center;
    padding-top: 5px; }
  .sticky-cart-icon .txt {
    font-size: 1.1rem; }
    @media screen and (max-width: 1024px) {
      .sticky-cart-icon .txt {
        font-size: 1rem; } }
  .sticky-cart-icon .tooltip-custom {
    top: 100%;
    right: 20px; }
    @media screen and (max-width: 767px) {
      .sticky-cart-icon .tooltip-custom {
        top: auto;
        bottom: 125%;
        right: 10px; } }

@media screen and (max-width: 1900px) {
  .header .top-nav {
    margin-right: 100px; } }

@media screen and (max-width: 1366px) {
  .header {
    padding: 10px 0 20px; }
    .header .top-nav {
      margin-right: 85px; }
    .header .language-btn {
      width: 65px; }
      .header .language-btn .wrap {
        padding: 8px 10px; }
      .header .language-btn .fyre-ico-arrow, .header .language-btn .carousel.slide .carousel-control:before, .carousel.slide .header .language-btn .carousel-control:before {
        width: 12px;
        height: 12px;
        right: 10px; }
      .header .language-btn li {
        padding: 8px 10px; }
    .header .table-booking-info {
      top: 25px;
      left: 5px; }
    .header .extra-nav-holder {
      margin: 10px 0 -21px; }
  .user-photo {
    margin-right: 10px; } }

@media screen and (max-width: 1024px) {
  .header .container {
    padding: 0 25px; }
  .header .header-action:hover .icon:before {
    color: var(--primary-color); }
  .header .header-action.active:hover .icon.bell:before, .header .header-action.active:active .icon.bell:before, .header .header-action.active:focus .icon.bell:before {
    color: var(--attention-color); }
  .header .anonymous-input-wrap .edit-name:hover:before {
    color: var(--primary-color); }
  .header .total-price {
    padding-left: 8px;
    margin-left: 8px; }
  .header .btn.call-waiter-btn {
    font-size: 0.65rem; } }

@media screen and (max-width: 767px) {
  .header {
    padding: 10px 0 0; }
    .header a {
      color: var(--text-header-color); }
    .header .container {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 0; }
    .header .top-nav {
      position: relative;
      width: 100%;
      max-width: none;
      padding: 15px 10px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 10px 0 0;
      background: var(--secondary-color); }
    .header .user-name-wrap .select-box.simple {
      min-width: auto;
      max-width: 90px;
      padding-left: 5px;
      margin: 5px 0 0; }
      .header .user-name-wrap .select-box.simple .select-option {
        padding-right: 25px; }
    .header .header-action {
      font-size: 1rem; }
      .header .header-action .icon {
        width: 20px;
        height: 20px;
        margin-top: 3px; }
        .header .header-action .icon:before {
          font-size: 1.2rem; }
    .header .anonymous-input-wrap .edit-name:before {
      font-size: 1.2rem; }
    .header .anonymous-input-wrap input {
      width: 80px;
      font-size: 1rem; }
    .header .btn.call-waiter-btn,
    .header .btn.btn-reserve {
      min-height: 26px;
      min-width: auto;
      max-width: 90px;
      padding: 5px 12px;
      margin: 0 3px;
      font-size: 0.65rem;
      line-height: 1; }
    .header .btn.btn-reserve {
      text-transform: none;
      height: auto; }
      .header .btn.btn-reserve:hover, .header .btn.btn-reserve:focus {
        background: var(--button-warning-color);
        color: var(--button-helper-color);
        border-color: var(--button-warning-color); }
      .header .btn.btn-reserve .fyre-ico {
        font-size: 1rem;
        margin: 0 5px 0 0; }
    .header .btn.visible-on-mobile {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    .header .btn.visible-on-desktop {
      display: none; }
    .header .btns-wrap {
      width: 100%;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      margin-top: 15px; }
    .header .language-btn {
      position: relative;
      left: auto;
      right: auto;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      width: 50px;
      font-size: 1rem; }
      .header .language-btn .wrap {
        padding: 5px; }
      .header .language-btn .fyre-ico-arrow, .header .language-btn .carousel.slide .carousel-control:before, .carousel.slide .header .language-btn .carousel-control:before {
        right: 5px;
        font-size: 0.7rem; }
      .header .language-btn li {
        padding: 5px; }
    .header .table-booking-info {
      position: static;
      display: block;
      margin: 21px 5px 0 0; }
    .header .extra-nav-holder {
      margin: 0 0 -2px;
      background: var(--page-bg-color);
      padding: 0 15px; }
    .header .extra-nav {
      min-height: 70px;
      width: 100%; }
      .header .extra-nav li {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 0;
        font-size: 0.86rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        border: 2px solid transparent; }
        .header .extra-nav li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 100%;
          padding: 0 3px;
          color: var(--form-primary-color);
          text-align: center;
          border: 1px solid var(--form-primary-color); }
          .header .extra-nav li a:after {
            display: none; }
        .header .extra-nav li.active a {
          background: var(--form-primary-color);
          color: var(--page-bg-color); }
        .header .extra-nav li:last-child a {
          border-right: 1px solid var(--form-primary-color); }
  .user-photo {
    width: 25px;
    height: 25px;
    margin-right: 8px;
    border-color: var(--text-header-color);
    background-color: var(--text-header-color); }
  .user-name {
    font-size: 0.8rem;
    white-space: nowrap; }
    .user-name .user-name--last {
      display: none; }
    .user-name .user-name--last-mobile {
      display: inline; } }

.footer {
  position: relative;
  padding-top: 40px;
  padding-bottom: 70px;
  color: var(--text-footer-color);
  background: var(--secondary-color); }
  .footer:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 70px;
    width: 100%;
    background: var(--primary-color); }
  .footer .logo-container {
    margin-right: 50px; }
    .footer .logo-container .logo {
      position: relative; }
  .footer .container {
    position: relative;
    width: 100%;
    max-width: 1660px;
    padding: 0 30px;
    margin: 0 auto;
    z-index: 1; }
  .footer .inner {
    width: 100%;
    margin: 0 auto;
    padding: 20px 75px;
    margin-bottom: -35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 30px 0 30px 0;
    background: var(--brand-color); }
  .footer .footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.111rem;
    letter-spacing: 1px;
    color: var(--text-footer-color); }
    .footer .footer-nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .footer .footer-nav li {
      position: relative;
      padding-left: 25px;
      margin-left: 25px;
      text-align: center; }
      .footer .footer-nav li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 1px;
        height: 42px;
        background: var(--primary-color);
        -ms-flex-negative: 0;
            flex-shrink: 0; }
      .footer .footer-nav li:first-child {
        padding-left: 0;
        margin-left: 0; }
        .footer .footer-nav li:first-child:before {
          display: none; }
      .footer .footer-nav li.social-icons .soc-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
      .footer .footer-nav li.social-icons a {
        width: 45px;
        height: 45px;
        margin-left: 12px;
        position: relative;
        line-height: 43px;
        color: var(--primary-color);
        border: 2px solid var(--primary-color);
        border-radius: 50%;
        display: block;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .footer .footer-nav li.social-icons a:first-child {
          margin-left: 5px; }
        .footer .footer-nav li.social-icons a:before {
          font-family: "fyre-icons";
          display: block;
          position: absolute;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          color: var(--primary-color);
          font-size: 1.333rem;
          z-index: 1;
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        .footer .footer-nav li.social-icons a.linkedin:before {
          padding-left: 6px; }
        .footer .footer-nav li.social-icons a:hover {
          border-color: var(--text-footer-color); }
          .footer .footer-nav li.social-icons a:hover:before {
            color: var(--text-footer-color); }
      .footer .footer-nav li.copyright {
        letter-spacing: normal; }
    .footer .footer-nav a {
      display: block;
      color: var(--text-footer-color);
      text-decoration: none;
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s; }
      .footer .footer-nav a:hover {
        color: var(--primary-color);
        text-decoration: none; }
  .footer .contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 30px;
    font-size: 1rem; }
    .footer .contacts a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 2px 10px;
      line-height: 1;
      color: var(--text-footer-color);
      text-decoration: none;
      white-space: nowrap; }
      .footer .contacts a:hover {
        color: var(--text-footer-color); }
    .footer .contacts i {
      margin-right: 10px;
      color: var(--primary-color); }
  .footer .version-number {
    font-size: 8px;
    margin-left: 5px; }
  .footer .legal-notice {
    font-size: 12px;
    line-height: 1.1;
    max-width: 400px;
    margin: 10px auto 0; }

@media screen and (max-width: 1366px) {
  .footer {
    padding-top: 30px;
    padding-bottom: 50px; }
    .footer .inner {
      padding: 20px 30px;
      margin-bottom: -20px; }
    .footer .footer-nav li {
      padding-left: 15px;
      margin-left: 15px; }
      .footer .footer-nav li.social-icons a {
        width: 35px;
        height: 35px;
        line-height: 33px; }
        .footer .footer-nav li.social-icons a.linkedin:before {
          padding-left: 4px; }
    .footer .contacts {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

@media screen and (max-width: 1024px) {
  .footer .container {
    padding: 0 25px; }
  .footer .logo-container {
    margin: 0 auto 25px; }
    .footer .logo-container .logo img {
      margin: 0 auto; }
  .footer .inner {
    display: block;
    padding: 25px 45px 20px; }
  .footer .footer-nav ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
  .footer .footer-nav li {
    margin-bottom: 10px; }
    .footer .footer-nav li:before {
      height: 25px; }
    .footer .footer-nav li.social-icons {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0;
      margin-top: 15px;
      margin-left: 0; }
      .footer .footer-nav li.social-icons:before {
        display: none; }
      .footer .footer-nav li.social-icons a:first-child {
        margin-left: 0; }
    .footer .footer-nav li.chat-btn-wrap {
      position: absolute;
      top: 15px;
      right: 45px;
      margin: 0; }
      .footer .footer-nav li.chat-btn-wrap:before {
        display: none; }
    .footer .footer-nav li.copyright {
      width: 100%;
      display: block;
      padding-left: 0;
      margin-left: 0; }
      .footer .footer-nav li.copyright:before {
        display: none; }
  .footer .contacts {
    margin: 20px auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; } }

@media screen and (max-width: 767px) {
  .footer {
    padding: 0; }
    .footer:after {
      display: none; }
    .footer .logo-container {
      padding: 20px 15px;
      margin: 0;
      background: var(--secondary-color); }
    .footer .container {
      padding: 0; }
    .footer .inner {
      padding: 0;
      margin: 0;
      border-radius: 0; }
    .footer .footer-nav {
      font-size: 1rem;
      padding: 20px 15px 0; }
      .footer .footer-nav li {
        max-width: 47%;
        padding-left: 10px;
        margin-left: 10px; }
        .footer .footer-nav li:before {
          height: 18px; }
        .footer .footer-nav li.social-icons {
          position: relative;
          max-width: 100%;
          padding: 15px;
          margin: 0; }
          .footer .footer-nav li.social-icons:before {
            content: '';
            position: absolute;
            top: 50%;
            left: -15px;
            right: -15px;
            width: calc(100% + 30px);
            height: 1px;
            display: block;
            background: var(--secondary-color);
            z-index: 1; }
          .footer .footer-nav li.social-icons:after {
            content: '';
            position: absolute;
            top: 0;
            left: -15px;
            right: -15px;
            height: 100%;
            background: var(--primary-color); }
          .footer .footer-nav li.social-icons .soc-inner {
            position: relative;
            padding: 0 12px;
            background: var(--primary-color);
            z-index: 1; }
          .footer .footer-nav li.social-icons a {
            position: relative;
            margin: 0 10px;
            border-color: var(--secondary-color);
            z-index: 1; }
            .footer .footer-nav li.social-icons a:first-child {
              margin-left: 10px; }
            .footer .footer-nav li.social-icons a:before {
              color: var(--secondary-color); }
        .footer .footer-nav li.chat-btn-wrap {
          top: 12px;
          right: 15px; }
        .footer .footer-nav li.copyright {
          max-width: 100%;
          padding-bottom: 15px; }
    .footer .contacts {
      margin-bottom: 0; } }

.side-aligned-page {
  padding: 150px 0 115px;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed; }
  .side-aligned-page.terms {
    background-image: url("../images/bg-terms.png"); }
  .side-aligned-page.policy {
    background-image: url("../images/bg-policy.png"); }
  .side-aligned-page .container.side-aligned-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    max-width: 1660px;
    padding: 0 30px;
    margin: 0 auto; }
  .side-aligned-page .aligned-box {
    width: 58.6%;
    padding: 0 35px 25px;
    background: var(--page-bg-color);
    border-radius: 35px 0 35px 0;
    -webkit-box-shadow: 0 0 15px 0 #000000;
            box-shadow: 0 0 15px 0 #000000; }
  .side-aligned-page h4 {
    font-family: var(--bold-font);
    font-size: 1rem;
    letter-spacing: 1px;
    margin: 0 0 5px; }
  .side-aligned-page p {
    margin: 0 0 27px; }

@media screen and (max-width: 1366px) {
  .side-aligned-page p {
    margin: 0 0 20px; } }

@media screen and (max-width: 1024px) {
  .side-aligned-page.terms, .side-aligned-page.policy {
    background-position: 10% 0; }
  .side-aligned-page .container.side-aligned-content {
    padding: 0 25px; }
  .side-aligned-page .aligned-box {
    width: 65%; } }

@media screen and (max-width: 767px) {
  .side-aligned-page {
    padding: 215px 0 37px; }
    .side-aligned-page.terms {
      background-position: 0 0; }
    .side-aligned-page .container.side-aligned-content {
      padding: 0 15px; }
    .side-aligned-page .aligned-box {
      width: 100%;
      padding: 0 15px 15px;
      border-radius: 15px 0 15px 0; }
    .side-aligned-page p {
      margin: 0 0 15px; } }

@font-face {
  font-family: "fyre-icons";
  src: url("../fonts/icons/fyre-icons.eot");
  src: url("../fonts/icons/fyre-icons.eot?#iefix") format("eot"), url("../fonts/icons/fyre-icons.woff2") format("woff2"), url("../fonts/icons/fyre-icons.woff") format("woff"), url("../fonts/icons/fyre-icons.ttf") format("truetype"), url("../fonts/icons/fyre-icons.svg#fyre-icons") format("svg"); }

.fyre-ico {
  font-family: "fyre-icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  font-size: inherit;
  line-height: 1;
  display: inline-block; }

.fyre-ico-add:before {
  content: "\E001"; }

.fyre-ico-alcohol-2:before {
  content: "\E002"; }

.fyre-ico-alcohol-bottle-2:before {
  content: "\E003"; }

.fyre-ico-alcohol-bottle:before {
  content: "\E004"; }

.fyre-ico-alcohol-burner:before {
  content: "\E005"; }

.fyre-ico-alcohol-cocktail-2:before {
  content: "\E006"; }

.fyre-ico-alcohol-cocktail-3:before {
  content: "\E007"; }

.fyre-ico-alcohol-cocktail:before {
  content: "\E008"; }

.fyre-ico-alcohol-drink:before {
  content: "\E009"; }

.fyre-ico-alcohol-maple:before {
  content: "\E00A"; }

.fyre-ico-alcohol:before {
  content: "\E00B"; }

.fyre-ico-apartment:before, .field-box.apartment:before {
  content: "\E00C"; }

.fyre-ico-arrow-down:before, .style-selector-container .input-color-wrap .label:before {
  content: "\E00D"; }

.fyre-ico-arrow-resize:before, legend.with-img.format:before {
  content: "\E00E"; }

.fyre-ico-arrow-thin:before, .btn.back:before, a.btn.back:before, .back-icon:before {
  content: "\E00F"; }

.fyre-ico-arrow:before, .carousel.slide .carousel-control:before {
  content: "\E010"; }

.fyre-ico-bag:before, .staff-order-report .pickup-icon:before {
  content: "\E011"; }

.fyre-ico-beer-glass:before {
  content: "\E012"; }

.fyre-ico-beer:before {
  content: "\E013"; }

.fyre-ico-bell:before, .header .header-action .icon.bell:before {
  content: "\E014"; }

.fyre-ico-bike:before, legend.with-img.bike:before, .staff-order-report .delivery-icon:before {
  content: "\E015"; }

.fyre-ico-book:before {
  content: "\E016"; }

.fyre-ico-box:before, .status-item.ordered:before {
  content: "\E017"; }

.fyre-ico-bread-2:before {
  content: "\E018"; }

.fyre-ico-bread-3:before {
  content: "\E019"; }

.fyre-ico-bread-4:before {
  content: "\E01A"; }

.fyre-ico-bread-5:before {
  content: "\E01B"; }

.fyre-ico-bread:before {
  content: "\E01C"; }

.fyre-ico-breakfast-2:before {
  content: "\E01D"; }

.fyre-ico-breakfast-3:before {
  content: "\E01E"; }

.fyre-ico-breakfast:before {
  content: "\E01F"; }

.fyre-ico-burger:before {
  content: "\E020"; }

.fyre-ico-cake-2:before {
  content: "\E021"; }

.fyre-ico-cake-3:before {
  content: "\E022"; }

.fyre-ico-cake-4:before {
  content: "\E023"; }

.fyre-ico-cake:before {
  content: "\E024"; }

.fyre-ico-calendar-app:before, legend.with-img.calendar-app:before {
  content: "\E025"; }

.fyre-ico-calendar-bordered:before, legend.with-img.calendar-bordered:before, .field-box.calendar-bordered:before {
  content: "\E026"; }

.fyre-ico-calendar-date:before, legend.with-img.calendar-date:before {
  content: "\E027"; }

.fyre-ico-calendar:before, legend.with-img.calendar:before, .select-box.calendar:before, .date-with-icon:before, .popup-dscr .show-datepicker-btn:before {
  content: "\E028"; }

.fyre-ico-camera:before {
  content: "\E029"; }

.fyre-ico-can:before {
  content: "\E02A"; }

.fyre-ico-canape:before {
  content: "\E02B"; }

.fyre-ico-card:before, .field-box.card:before {
  content: "\E02C"; }

.fyre-ico-cart-plus:before {
  content: "\E02D"; }

.fyre-ico-cart:before, legend.with-img.cart:before, .title-img.i-cart:before, .header .header-action .icon.cart:before, .page-preview .preview-header .cart-icon:before {
  content: "\E02E"; }

.fyre-ico-cereal-2:before {
  content: "\E02F"; }

.fyre-ico-cereal:before {
  content: "\E030"; }

.fyre-ico-champagne-bottle:before {
  content: "\E031"; }

.fyre-ico-champagne-glass:before {
  content: "\E032"; }

.fyre-ico-champagne:before {
  content: "\E033"; }

.fyre-ico-chat:before {
  content: "\E034"; }

.fyre-ico-check:before, .field-box.small.codepromo .check-icon-box .check:before {
  content: "\E035"; }

.fyre-ico-cheese:before {
  content: "\E036"; }

.fyre-ico-chips:before {
  content: "\E037"; }

.fyre-ico-clock-face:before {
  content: "\E038"; }

.fyre-ico-clock-in-circle:before {
  content: "\E039"; }

.fyre-ico-clock-sand-2:before, .status-item.preparation:before {
  content: "\E03A"; }

.fyre-ico-clock-sand:before {
  content: "\E03B"; }

.fyre-ico-clock-simple:before, .notifications-list .time-info:before {
  content: "\E03C"; }

.fyre-ico-clock:before, legend.with-img.clock:before, .select-box.clock:before {
  content: "\E03D"; }

.fyre-ico-coffee-cup:before {
  content: "\E03E"; }

.fyre-ico-coffee-glass:before {
  content: "\E03F"; }

.fyre-ico-coffee-seeds:before {
  content: "\E040"; }

.fyre-ico-coffee:before {
  content: "\E041"; }

.fyre-ico-cold-water:before {
  content: "\E042"; }

.fyre-ico-cookies:before {
  content: "\E043"; }

.fyre-ico-cost:before, legend.with-img.cost:before, .field-box.codepromo:before, .field-box.cost:before, .select-box.cost:before, .cart-sum:before, .delivery-accordion .cost-info.with-img.cost:before,
.payment-form .cost-info.with-img.cost:before {
  content: "\E044"; }

.fyre-ico-croissant:before {
  content: "\E045"; }

.fyre-ico-cross:before, .del-item-btn:before, .add-category-btn:before, .add-product-btn:before, .del-icon:before {
  content: "\E046"; }

.fyre-ico-cup-pot:before {
  content: "\E047"; }

.fyre-ico-cup:before {
  content: "\E048"; }

.fyre-ico-delivered:before, .status-item.delivered:before {
  content: "\E049"; }

.fyre-ico-digi-code:before, .field-box.digi-code:before {
  content: "\E04A"; }

.fyre-ico-dinner:before, .field-box.dinner:before, .select-box.dinner:before {
  content: "\E04B"; }

.fyre-ico-dish:before, legend.with-img.baking:before {
  content: "\E04C"; }

.fyre-ico-doner:before {
  content: "\E04D"; }

.fyre-ico-doughnut:before {
  content: "\E04E"; }

.fyre-ico-edit:before, .edit-item-btn:before, .header .anonymous-input-wrap .edit-name:before, .add-edit-tables .tools #edit button:before {
  content: "\E04F"; }

.fyre-ico-egg:before {
  content: "\E050"; }

.fyre-ico-email:before, .send-mail-btn:before, .field-box.mail:before {
  content: "\E051"; }

.fyre-ico-eye:before, .prohibit-item-btn:before {
  content: "\E052"; }

.fyre-ico-facebook:before, .field-box.facebook:before, .footer .footer-nav li.social-icons a.facebook:before, .modal-footer .btn-social.facebook:before {
  content: "\E053"; }

.fyre-ico-fast-food:before {
  content: "\E054"; }

.fyre-ico-fish-2:before {
  content: "\E055"; }

.fyre-ico-fish-3:before {
  content: "\E056"; }

.fyre-ico-fish-4:before {
  content: "\E057"; }

.fyre-ico-fish-5:before {
  content: "\E058"; }

.fyre-ico-fish-6:before {
  content: "\E059"; }

.fyre-ico-fish-7:before {
  content: "\E05A"; }

.fyre-ico-fish:before {
  content: "\E05B"; }

.fyre-ico-fondu:before {
  content: "\E05C"; }

.fyre-ico-fruits:before {
  content: "\E05D"; }

.fyre-ico-gallery:before {
  content: "\E05E"; }

.fyre-ico-girl:before {
  content: "\E05F"; }

.fyre-ico-google-plus:before, .field-box.google:before, .modal-footer .btn-social.google:before {
  content: "\E060"; }

.fyre-ico-grill:before {
  content: "\E061"; }

.fyre-ico-ham:before {
  content: "\E062"; }

.fyre-ico-heart-full:before {
  content: "\E063"; }

.fyre-ico-heart:before {
  content: "\E064"; }

.fyre-ico-hierarchy:before, .add-sub-item-btn:before {
  content: "\E065"; }

.fyre-ico-hot-food:before {
  content: "\E066"; }

.fyre-ico-house:before, legend.with-img.house:before, .field-box.house:before, .select-box.house:before {
  content: "\E067"; }

.fyre-ico-ice-cream-2:before {
  content: "\E068"; }

.fyre-ico-ice-cream-3:before {
  content: "\E069"; }

.fyre-ico-ice-cream-4:before {
  content: "\E06A"; }

.fyre-ico-ice-cream:before {
  content: "\E06B"; }

.fyre-ico-jam-2:before {
  content: "\E06C"; }

.fyre-ico-jam:before {
  content: "\E06D"; }

.fyre-ico-juice-orange:before {
  content: "\E06E"; }

.fyre-ico-juice:before {
  content: "\E06F"; }

.fyre-ico-kazunoko:before {
  content: "\E070"; }

.fyre-ico-kebab-2:before {
  content: "\E071"; }

.fyre-ico-kebab-3:before {
  content: "\E072"; }

.fyre-ico-kebab-4:before {
  content: "\E073"; }

.fyre-ico-kebab-5:before {
  content: "\E074"; }

.fyre-ico-kebab:before {
  content: "\E075"; }

.fyre-ico-label:before, .field-box.label:before {
  content: "\E076"; }

.fyre-ico-lemonade:before {
  content: "\E077"; }

.fyre-ico-linkedin:before, .footer .footer-nav li.social-icons a.linkedin:before {
  content: "\E078"; }

.fyre-ico-list:before, legend.with-img.amount:before, .field-box.textarea-box .field-name:before, .field-box.simple.textarea-box:before, .field-box.comment:before, .select-box.list:before {
  content: "\E079"; }

.fyre-ico-location:before, legend.with-img.location:before, .field-box.small .location-icon-box .location:before, .field-box.location:before, .delivery-accordion .static-address.with-img.location:before,
.payment-form .static-address.with-img.location:before {
  content: "\E07A"; }

.fyre-ico-lock:before, legend.with-img.lock:before, .field-box.password:before {
  content: "\E07B"; }

.fyre-ico-macarons:before {
  content: "\E07C"; }

.fyre-ico-man-in-square:before {
  content: "\E07D"; }

.fyre-ico-man:before, legend.with-img.man:before, .field-box.person:before, .select-box.man:before {
  content: "\E07E"; }

.fyre-ico-marker:before {
  content: "\E07F"; }

.fyre-ico-meat:before {
  content: "\E080"; }

.fyre-ico-milkshake:before {
  content: "\E081"; }

.fyre-ico-new:before, .status-item.new:before {
  content: "\E082"; }

.fyre-ico-nut:before {
  content: "\E083"; }

.fyre-ico-nuts:before {
  content: "\E084"; }

.fyre-ico-paid:before, .status-item.paid:before {
  content: "\E085"; }

.fyre-ico-pan:before {
  content: "\E086"; }

.fyre-ico-pancakes:before {
  content: "\E087"; }

.fyre-ico-paperclip:before, .products-quantity:before {
  content: "\E088"; }

.fyre-ico-pasta-2:before {
  content: "\E089"; }

.fyre-ico-pasta:before {
  content: "\E08A"; }

.fyre-ico-phone:before, .field-box.phone:before {
  content: "\E08B"; }

.fyre-ico-picture:before, legend.with-img.picture:before {
  content: "\E08C"; }

.fyre-ico-pizza-2:before {
  content: "\E08D"; }

.fyre-ico-pizza:before {
  content: "\E08E"; }

.fyre-ico-plus:before, legend.with-img.extra-toppings:before {
  content: "\E08F"; }

.fyre-ico-potato:before {
  content: "\E090"; }

.fyre-ico-present:before, legend.with-img.present:before, .gratuity .present:before {
  content: "\E091"; }

.fyre-ico-preview:before, .add-edit-tables .tools #preview button:before {
  content: "\E092"; }

.fyre-ico-print:before, .select-box.printer:before, .sidebar-content.delivery-pickup .order-details .print-icon:before {
  content: "\E093"; }

.fyre-ico-prohibition:before {
  content: "\E094"; }

.fyre-ico-pudding:before {
  content: "\E095"; }

.fyre-ico-qr:before {
  content: "\E096"; }

.fyre-ico-ramen:before {
  content: "\E097"; }

.fyre-ico-ready:before, .status-item.ready:before {
  content: "\E098"; }

.fyre-ico-repairing:before {
  content: "\E099"; }

.fyre-ico-rice-2:before {
  content: "\E09A"; }

.fyre-ico-rice-3:before {
  content: "\E09B"; }

.fyre-ico-rice:before {
  content: "\E09C"; }

.fyre-ico-roast-chicken:before {
  content: "\E09D"; }

.fyre-ico-rubbish:before, .status-item.del-item:before, .add-edit-tables .tools #clear button:before {
  content: "\E09E"; }

.fyre-ico-salad:before {
  content: "\E09F"; }

.fyre-ico-salt:before {
  content: "\E0A0"; }

.fyre-ico-sandwich-coffee:before {
  content: "\E0A1"; }

.fyre-ico-sandwich:before {
  content: "\E0A2"; }

.fyre-ico-sauce-2:before {
  content: "\E0A3"; }

.fyre-ico-sauce:before, legend.with-img.sauce:before {
  content: "\E0A4"; }

.fyre-ico-sausage:before {
  content: "\E0A5"; }

.fyre-ico-save:before, .add-edit-tables .tools #save button:before {
  content: "\E0A6"; }

.fyre-ico-schedule:before, legend.with-img.schedule:before, .title-img.i-schedule:before {
  content: "\E0A7"; }

.fyre-ico-sea-food-2:before {
  content: "\E0A8"; }

.fyre-ico-sea-food-3:before {
  content: "\E0A9"; }

.fyre-ico-sea-food-4:before {
  content: "\E0AA"; }

.fyre-ico-sea-food-5:before {
  content: "\E0AB"; }

.fyre-ico-sea-food-6:before {
  content: "\E0AC"; }

.fyre-ico-sea-food-7:before {
  content: "\E0AD"; }

.fyre-ico-sea-food-8:before {
  content: "\E0AE"; }

.fyre-ico-sea-food-9:before {
  content: "\E0AF"; }

.fyre-ico-sea-food:before {
  content: "\E0B0"; }

.fyre-ico-send-mail:before {
  content: "\E0B1"; }

.fyre-ico-shake-hands:before {
  content: "\E0B2"; }

.fyre-ico-share:before, .share-btn:before, .header .header-action .icon.share:before {
  content: "\E0B3"; }

.fyre-ico-shield:before, .field-box.shield:before {
  content: "\E0B4"; }

.fyre-ico-small-check:before, .third-app-logo.active:before {
  content: "\E0B5"; }

.fyre-ico-snack:before {
  content: "\E0B6"; }

.fyre-ico-sort-asc:before {
  content: "\E0B7"; }

.fyre-ico-sort-desc:before {
  content: "\E0B8"; }

.fyre-ico-sort:before {
  content: "\E0B9"; }

.fyre-ico-soup-2:before {
  content: "\E0BA"; }

.fyre-ico-soup:before {
  content: "\E0BB"; }

.fyre-ico-sphere:before, legend.with-img.sphere:before {
  content: "\E0BC"; }

.fyre-ico-stairs:before, .field-box.floor:before {
  content: "\E0BD"; }

.fyre-ico-stamp:before, .gratuity .stamp:before {
  content: "\E0BE"; }

.fyre-ico-star-empty:before {
  content: "\E0BF"; }

.fyre-ico-star:before, legend.with-img.star:before {
  content: "\E0C0"; }

.fyre-ico-steak-2:before {
  content: "\E0C1"; }

.fyre-ico-steak:before {
  content: "\E0C2"; }

.fyre-ico-sushi-2:before {
  content: "\E0C3"; }

.fyre-ico-sushi-3:before {
  content: "\E0C4"; }

.fyre-ico-sushi-4:before {
  content: "\E0C5"; }

.fyre-ico-sushi-roll:before {
  content: "\E0C6"; }

.fyre-ico-sushi:before {
  content: "\E0C7"; }

.fyre-ico-syrup:before {
  content: "\E0C8"; }

.fyre-ico-table-circle-fill:before, .field-box.table-circle-fill:before {
  content: "\E0C9"; }

.fyre-ico-table-circle:before, .sidebar-content.order-details-accordion .icon-wrap .icon.in-dining-icon:before, .staff-order-report .in-dining-icon:before {
  content: "\E0CA"; }

.fyre-ico-table:before, legend.with-img.table:before, .header .header-action .icon.table:before, .notifications-list .title:before {
  content: "\E0CB"; }

.fyre-ico-tart:before {
  content: "\E0CC"; }

.fyre-ico-tea-cup:before {
  content: "\E0CD"; }

.fyre-ico-tea-pot:before {
  content: "\E0CE"; }

.fyre-ico-tea:before {
  content: "\E0CF"; }

.fyre-ico-timeslot:before {
  content: "\E0D0"; }

.fyre-ico-toast:before {
  content: "\E0D1"; }

.fyre-ico-twitter:before, .field-box.instagram:before {
  content: "\E0D2"; }

.fyre-ico-upload:before {
  content: "\E0D3"; }

.fyre-ico-user-card:before {
  content: "\E0D4"; }

.fyre-ico-waffle:before {
  content: "\E0D5"; }

.fyre-ico-waiter:before, .staff-order-report .delivery-table-icon:before {
  content: "\E0D6"; }

.fyre-ico-wallet:before, .staff-order-report .pre-order-icon:before {
  content: "\E0D7"; }

.fyre-ico-water:before {
  content: "\E0D8"; }

.fyre-ico-whiskey-bottle:before {
  content: "\E0D9"; }

.fyre-ico-whiskey-glass:before {
  content: "\E0DA"; }

.fyre-ico-whiskey:before {
  content: "\E0DB"; }

.fyre-ico-wine-red:before {
  content: "\E0DC"; }

.fyre-ico-wine-white:before {
  content: "\E0DD"; }

.fyre-ico-wine:before {
  content: "\E0DE"; }

.fyre-ico-wok:before {
  content: "\E0DF"; }

.fyre-ico-zoom:before, .btn.search:before, a.btn.search:before, .field-box.zoom:before, .show-icon:before {
  content: "\E0E0"; }

.modal-page {
  padding: 75px 30px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .modal-page p, .modal-page a {
    color: var(--form-primary-color);
    margin: 0;
    font-size: 1rem; }
  .modal-page a {
    display: inline-block;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: var(--form-primary-color); }
  .modal-page .btn {
    margin: 0 10px 15px; }
  .modal-page .modal-box {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
    border-radius: 10px;
    padding: 65px 90px 55px;
    -webkit-box-shadow: 0 8px 24px 1px rgba(0, 0, 0, 0.66);
            box-shadow: 0 8px 24px 1px rgba(0, 0, 0, 0.66);
    background: var(--page-bg-color);
    z-index: 1;
    overflow: hidden; }
    .modal-page .modal-box h1 {
      padding-bottom: 42px;
      color: var(--text-primary-color); }
  .modal-page.login .modal-box {
    padding-bottom: 0;
    position: relative; }
    .modal-page.login .modal-box:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 15px;
      background: var(--secondary-color);
      z-index: -1; }
  .modal-page.login p {
    font-size: 1rem; }
  .modal-page.login .txt-box {
    margin: 0 0 40px; }
    .modal-page.login .txt-box p, .modal-page.login .txt-box a {
      font-size: 0.833rem; }
    .modal-page.login .txt-box p {
      text-align: right; }
  .modal-page.login .form-group.bg-transparent p {
    margin: 0 0 35px; }
  .modal-page.login .form-group.bg-transparent .modal-footer p {
    margin: 5px 25px 5px 0; }

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--secondary-color);
  position: relative;
  padding: 13px 0; }
  .modal-footer p {
    color: var(--text-secondary-color);
    margin: 5px 25px 5px 0; }
  .modal-footer:before, .modal-footer:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    background: var(--secondary-color);
    width: 10000%; }
  .modal-footer:before {
    left: -9999%; }
  .modal-footer:after {
    left: 99%; }
  .modal-footer .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .modal-footer .btn, .modal-footer a.btn {
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .modal-footer .btn-social {
    display: block;
    position: relative;
    width: 45px;
    height: 45px;
    -webkit-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    text-decoration: none;
    cursor: pointer;
    margin: 5px 15px 5px 0;
    border-style: solid;
    border-width: 2px;
    border-color: var(--primary-color);
    border-radius: 50%; }
    .modal-footer .btn-social:last-child {
      margin: 5px 0; }
    .modal-footer .btn-social:before {
      font-family: "fyre-icons";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      font-size: 1.2rem;
      z-index: 1;
      color: var(--primary-color);
      -webkit-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      transition: color 0.3s ease; }
    .modal-footer .btn-social:hover {
      border-color: var(--text-secondary-color); }
      .modal-footer .btn-social:hover:before {
        color: var(--text-secondary-color); }

@media screen and (max-width: 1366px) {
  .modal-page {
    padding: 50px 30px; }
    .modal-page p, .modal-page a {
      font-size: 0.93rem; }
    .modal-page .modal-box {
      padding: 45px 60px 40px;
      max-width: 650px; }
      .modal-page .modal-box h1 {
        padding-bottom: 20px; }
    .modal-page.login .txt-box {
      margin: 0 0 30px; }
      .modal-page.login .txt-box p, .modal-page.login .txt-box a {
        font-size: 0.93rem; }
    .modal-page.login .form-group.bg-transparent p {
      margin: 0 0 25px; }
    .modal-page.login .form-group.bg-transparent .modal-footer p {
      margin: 5px 15px 5px 0; }
    .modal-page .modal-footer {
      padding: 10px 0; }
      .modal-page .modal-footer p {
        margin: 5px 15px 5px 0; }
      .modal-page .modal-footer .btn-social {
        width: 36px;
        height: 36px;
        margin: 5px 15px 5px 0; }
        .modal-page .modal-footer .btn-social:last-child {
          margin: 5px 0; } }

@media screen and (max-width: 1024px) {
  .modal-page {
    padding: 30px 20px; } }

@media screen and (max-width: 767px) {
  .modal-page {
    padding: 20px 15px; }
    .modal-page:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4); }
    .modal-page a {
      border-width: 1px; }
    .modal-page .form-group.bg-transparent p, .modal-page .form-group.bg-transparent a {
      color: var(--text-primary-color); }
    .modal-page .form-group.bg-transparent a {
      border-bottom-color: var(--text-primary-color); }
    .modal-page .modal-box {
      -webkit-box-shadow: none;
              box-shadow: none;
      padding: 0; }
      .modal-page .modal-box h1 {
        color: var(--text-secondary-color);
        text-transform: uppercase; }
    .modal-page.login .modal-box {
      padding: 1rem 0; }
      .modal-page.login .modal-box h1 {
        color: var(--text-primary-color);
        text-transform: uppercase; }
      .modal-page.login .modal-box:after {
        content: none; }
    .modal-page.login .form-group.bg-white {
      background: transparent !important;
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
    .modal-page.login .bold {
      font-family: var(--regular-font); }
    .modal-page.login .txt-box {
      margin: 0 0 15px; }
    .modal-page.login p {
      font-size: 0.93rem; }
    .modal-page.login .form-group.bg-transparent .modal-footer p {
      margin: 0 0 5px; }
    .modal-page .modal-footer {
      background: transparent;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0; }
      .modal-page .modal-footer p {
        font-size: 1rem;
        margin: 0 0 5px;
        position: relative; }
        .modal-page .modal-footer p:before, .modal-page .modal-footer p:after {
          content: '';
          position: absolute;
          top: 50%;
          width: 10000%;
          height: 1px;
          background: var(--primary-color); }
        .modal-page .modal-footer p:before {
          left: -10000%;
          margin-left: -10px; }
        .modal-page .modal-footer p:after {
          left: 100%;
          margin-left: 10px; }
      .modal-page .modal-footer .bold {
        font-family: var(--bold-font); }
      .modal-page .modal-footer:before, .modal-page .modal-footer:after {
        content: none; }
      .modal-page .modal-footer .btn {
        margin-top: 5px; }
      .modal-page .modal-footer .btn,
      .modal-page .modal-footer .btn-social {
        border-color: var(--text-secondary-helper-color); }
        .modal-page .modal-footer .btn:before,
        .modal-page .modal-footer .btn-social:before {
          color: var(--text-secondary-helper-color); }
        .modal-page .modal-footer .btn:hover,
        .modal-page .modal-footer .btn-social:hover {
          border-color: var(--primary-color); }
          .modal-page .modal-footer .btn:hover:before,
          .modal-page .modal-footer .btn-social:hover:before {
            color: var(--primary-color); } }

.product-detail-wrap {
  position: relative;
  padding-top: 30px; }
  .product-detail-wrap .btn.back {
    display: none;
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 55px; }
    @media screen and (max-width: 1366px) {
      .product-detail-wrap .btn.back {
        margin-bottom: 45px; } }
    @media screen and (min-width: 2000px) {
      .product-detail-wrap .btn.back {
        position: absolute;
        top: -36px;
        left: -340px; } }

.product-detail {
  padding: 30px 60px 90px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .product-detail .tab-content {
    display: none; }
    .product-detail .tab-content.active {
      display: block; }
    .product-detail .tab-content .form-wrap.col-2 {
      position: relative; }
  .product-detail .product-info {
    padding-bottom: 50px; }
    .product-detail .product-info:last-child {
      padding-bottom: 0; }
    .product-detail .product-info ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .product-detail .product-info ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 0 0 15px;
        font-size: 1rem; }
        .product-detail .product-info ul li:last-child {
          margin-bottom: 0; }
        .product-detail .product-info ul li p {
          width: 48%;
          margin: 0; }
      .product-detail .product-info ul.with-points li {
        position: relative;
        padding-left: 15px; }
        .product-detail .product-info ul.with-points li:before {
          content: '';
          display: block;
          position: absolute;
          top: 10px;
          left: 0;
          width: 5px;
          height: 5px;
          border-radius: 50%;
          background: #000000; }
      .product-detail .product-info ul.col-2 li {
        width: 47%; }
      .product-detail .product-info ul.col-2 p {
        width: 100%; }
  .product-detail .dish-img {
    margin: -65px 0 45px -20px;
    width: 365px;
    height: 365px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    position: relative; }
    .product-detail .dish-img .show-icon {
      position: absolute;
      bottom: 15px;
      right: 15px; }
      @media screen and (max-width: 1024px) {
        .product-detail .dish-img .show-icon {
          bottom: 10px;
          right: 10px; } }
      @media screen and (max-width: 767px) {
        .product-detail .dish-img .show-icon {
          bottom: 25px;
          right: 15px; } }
    @media screen and (max-width: 767px) {
      .product-detail .dish-img ~ .back-icon {
        position: static;
        margin-left: 18px; } }
    @media screen and (max-width: 767px) {
      .product-detail .dish-img ~ .back-icon ~ .btn-group {
        margin-top: 18px; } }
  .product-detail .l-block {
    width: 345px; }
    .product-detail .l-block .btn-group {
      width: 75%;
      margin: 0 auto; }
    .product-detail .l-block .btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      min-width: initial;
      margin: 0 0 15px;
      border-radius: 0;
      padding: 5px; }
      .product-detail .l-block .btn:hover {
        background: var(--button-helper-color);
        color: var(--button-primary-color); }
      .product-detail .l-block .btn.checked {
        background: var(--button-primary-color);
        color: var(--button-helper-color); }
        .product-detail .l-block .btn.checked:hover {
          background: var(--button-primary-color);
          color: var(--button-helper-color); }
  .product-detail .r-block {
    padding: 0 0 0 55px;
    width: calc(100% - 345px); }
  .product-detail .txt-large {
    margin: 0 0 25px; }
  .product-detail legend .edit-item-btn,
  .product-detail legend .del-item-btn,
  .product-detail legend .prohibit-item-btn {
    vertical-align: middle;
    margin-right: 3px; }
  .product-detail legend .admin-btns {
    margin-left: 10px; }
  .product-detail .additional-price-original {
    text-decoration: line-through;
    color: var(--non-active-helper-color);
    width: 65px;
    margin-left: 5px; }
    .product-detail .additional-price-original span {
      font-size: 1rem !important; }
  .product-detail.product-detail--simple {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 30px;
    padding-left: 60px; }
    .product-detail.product-detail--simple .l-block {
      width: 100%; }
      .product-detail.product-detail--simple .l-block .btn-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 600px; }
    .product-detail.product-detail--simple .r-block {
      width: 100%;
      padding: 0; }
    .product-detail.product-detail--simple .dish-img {
      width: 100%;
      height: 45px;
      margin: 0 0 20px;
      background: none !important;
      border: none !important; }
    .product-detail.product-detail--simple .show-icon {
      display: none; }
    .product-detail.product-detail--simple .back-icon {
      top: 0;
      left: 0; }
    .product-detail.product-detail--simple .product-info ul {
      max-width: 700px; }

.product-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 15px 0; }
  .product-notice img {
    margin-right: 15px;
    width: 45px; }
  .product-notice .product-notice-txt {
    font-size: 16px;
    font-style: italic;
    word-break: break-word;
    padding-top: 10px; }

@media screen and (max-width: 1366px) {
  .product-detail {
    padding: 30px 30px 50px 0; }
    .product-detail .product-info {
      padding-bottom: 30px; }
      .product-detail .product-info ul li {
        margin: 0 0 10px; }
      .product-detail .product-info ul.with-points li:before {
        width: 3px;
        height: 3px;
        top: 8px; }
    .product-detail .dish-img {
      margin: -53px 0 30px -15px;
      width: 300px;
      height: 300px; }
    .product-detail .l-block {
      width: 285px; }
    .product-detail .r-block {
      padding: 0 0 0 40px;
      width: calc(100% - 285px); }
    .product-detail .txt-large {
      margin: 0 0 20px; }
    .product-detail legend .edit-item-btn,
    .product-detail legend .del-item-btn,
    .product-detail legend .prohibit-item-btn {
      margin-top: -1px; }
    .product-detail.product-detail--simple {
      padding-left: 30px; } }

@media screen and (max-width: 1024px) {
  .product-detail-wrap .btn.back {
    margin-bottom: 30px; }
  .product-detail .product-info ul li {
    margin-bottom: 5px; }
  .product-detail .dish-img {
    margin: -40px 0 25px -10px;
    width: 250px;
    height: 250px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px; }
  .product-detail .l-block {
    width: 240px; }
  .product-detail .r-block {
    padding: 0 0 0 25px;
    width: calc(100% - 240px); } }

@media screen and (max-width: 767px) {
  .product-detail-wrap {
    padding-top: 0; }
    .product-detail-wrap .btn.back {
      margin: 10px auto;
      max-width: 200px; }
  .product-detail {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 0 20px 0; }
    .product-detail .product-info {
      padding-bottom: 30px; }
      .product-detail .product-info ul.with-points li {
        padding-left: 10px; }
    .product-detail .dish-img {
      margin: 0;
      width: 100%;
      height: 60vw;
      max-height: 250px;
      border: none;
      border-top-right-radius: 0;
      border-bottom-left-radius: 0; }
    .product-detail .l-block {
      width: 100%; }
      .product-detail .l-block .btn-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: -18px auto 0;
        width: 90%;
        max-width: 400px; }
      .product-detail .l-block .btn {
        width: 50%;
        min-height: 36px;
        margin: 0;
        border-right-width: 0; }
        .product-detail .l-block .btn:first-child {
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
        .product-detail .l-block .btn:last-child {
          border-right-width: 2px;
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px; }
    .product-detail .r-block {
      width: 100%;
      padding: 15px 15px 10px; }
    .product-detail .centered-on-mobile {
      text-align: center; }
    .product-detail.product-detail--simple {
      padding: 0 20px 20px; }
      .product-detail.product-detail--simple .l-block .btn-group {
        max-width: none;
        margin: 0 auto 20px; } }

.cart .content {
  padding: 60px 150px 40px 150px;
  margin: 0 0 30px; }

.cart h2 {
  color: var(--text-primary-color);
  margin: 0 0 30px; }

.cart h3 {
  display: block;
  width: 100%;
  margin: 0 0 20px; }

.cart h4 {
  display: block;
  width: 100%;
  margin: 0 0 20px;
  font-size: 1.35rem; }

.cart h5 {
  display: block;
  width: 100%;
  margin: 0 0 20px 25px;
  font-family: var(--regular-font);
  font-size: 1.35rem; }

.cart .dish-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -5px 30px; }
  .cart .dish-list .dish-item {
    width: 16.6667%;
    padding: 0 5px;
    margin: 0 0 20px; }
    .cart .dish-list .dish-item a {
      display: block;
      text-decoration: none;
      background: var(--box-color);
      -webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.15);
              box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.15);
      border-top-left-radius: 30px;
      border-bottom-right-radius: 30px;
      overflow: hidden;
      max-width: 185px;
      min-width: 130px;
      margin: 0 auto;
      height: 100%; }
    .cart .dish-list .dish-item .img-inner {
      width: 100%;
      height: 15vw;
      max-height: 190px;
      min-height: 135px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
    .cart .dish-list .dish-item .txt-inner {
      text-align: center;
      padding: 15px;
      font-family: var(--bold-font);
      font-size: 1rem;
      color: var(--text-primary-color); }

.cart .btns-wrap {
  margin-bottom: 40px; }

.cart .paid-by-title {
  margin-bottom: 15px;
  font-family: var(--bold-font);
  font-size: 1.2em;
  text-align: right; }

.cart .paid-by {
  width: 170px;
  padding-left: 15px;
  margin-bottom: 50px;
  -ms-flex-item-align: center;
      align-self: center; }
  .cart .paid-by .message {
    padding-top: 8px;
    padding-bottom: 8px; }
  .cart .paid-by .field-box.checkbox.large {
    margin: 10px 0; }

.cart .has-checkboxes .item-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .cart .has-checkboxes .item-wrap .item-box {
    width: calc(100% - 200px); }

.cart .has-checkboxes .item-box.with-img {
  padding-bottom: 35px;
  position: relative; }

.cart .has-checkboxes .order-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 1;
  font-family: var(--regular-font);
  color: var(--brand-color);
  position: absolute;
  bottom: -25px;
  left: 39px; }
  .cart .has-checkboxes .order-time .fyre-ico {
    padding-right: 5px; }

.cart .has-checkboxes .order-status {
  background: var(--primary-color);
  border-radius: 0 10px 0 10px;
  right: -12px;
  padding: 3px 5px;
  font-size: 14px;
  line-height: 1;
  font-family: var(--regular-font);
  color: var(--brand-color);
  position: absolute;
  bottom: calc(100% - 10px); }

.cart .flex-helper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .cart .flex-helper .price {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2;
    margin-right: 20px; }
  .cart .flex-helper .field-box {
    width: auto;
    margin: 0; }

.cart.cart--simple .item-box.with-img .item-box-img {
  width: 50px !important;
  height: 50px !important;
  -ms-flex-item-align: center;
      align-self: center;
  border: none !important;
  background: none !important; }
  .cart.cart--simple .item-box.with-img .item-box-img .status-item {
    top: 0;
    left: 0;
    margin: 0; }

.cart.cart--simple .item-box.with-img .item-box-group {
  width: calc(100%  - 145px); }

@media screen and (max-width: 1366px) {
  .cart .content {
    padding: 50px; }
  .cart h5 {
    margin-left: 15px; }
  .cart .paid-by {
    width: 150px;
    margin-bottom: 30px; }
    .cart .paid-by .message {
      padding-top: 7px;
      padding-bottom: 7px; }
    .cart .paid-by .field-box.checkbox.large {
      margin: 7px 0; }
  .cart .has-checkboxes .item-wrap .item-box {
    width: calc(100% - 170px); }
  .cart .has-checkboxes .order-time {
    left: 29px; }
  .cart.cart--simple .item-box.with-img .item-box-img {
    width: 40px !important;
    height: 40px !important; }
  .cart.cart--simple .item-box.with-img .item-box-group {
    width: calc(100%  - 100px); } }

@media screen and (max-width: 1280px) {
  .cart .form-wrap.col-2 > fieldset {
    width: 48%; }
  .cart h2 {
    margin: 0 0 30px; } }

@media screen and (max-width: 1024px) {
  .cart .content {
    padding: 30px 30px 10px; }
  .cart .dish-list .dish-item {
    width: 33.333%; }
    .cart .dish-list .dish-item .img-inner {
      height: 25vw; }
    .cart .dish-list .dish-item .txt-inner {
      padding: 5px; }
  .cart .has-checkboxes .order-time {
    left: 21px; } }

@media screen and (max-width: 767px) {
  .cart .content {
    padding: 30px 20px 10px;
    margin: 0 0 10px; }
  .cart h2 {
    margin: 0 0 15px; }
  .cart .dish-list {
    padding: 0 15px 10px;
    margin: 0; }
    .cart .dish-list .dish-item a {
      min-width: 70px;
      max-width: 160px; }
    .cart .dish-list .dish-item .img-inner {
      height: 30vw;
      max-height: 170px;
      min-height: 85px; }
    .cart .dish-list .dish-item .txt-inner {
      font-size: 0.93rem; }
  .cart .btns-wrap {
    margin-bottom: 20px; }
  .cart .paid-by-title {
    display: none; }
  .cart .item-box.with-img {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .cart .paid-by {
    width: 100%;
    margin-bottom: 45px;
    margin-left: 14px;
    padding-left: 0;
    text-align: left; }
    .cart .paid-by .visible-on-mobile {
      display: inline;
      padding-right: 5px; }
    .cart .paid-by .message {
      padding: 0; }
    .cart .paid-by .field-box.checkbox.large {
      margin: 0; }
    .cart .paid-by .field-box.checkbox.large,
    .cart .paid-by .message {
      position: relative;
      overflow: hidden;
      background: var(--page-bg-color); }
      .cart .paid-by .field-box.checkbox.large:after,
      .cart .paid-by .message:after {
        content: '';
        position: absolute;
        bottom: 5px;
        width: 600px;
        height: 2px;
        margin-left: 10px;
        background-repeat: repeat-x;
        background-position: 0 50%;
        background-size: 18px 2px;
        background-image: -webkit-gradient(linear, left top, right top, from(var(--text-primary-color)), color-stop(50%, var(--text-primary-color)), color-stop(50%, transparent));
        background-image: -o-linear-gradient(left, var(--text-primary-color) 0%, var(--text-primary-color) 50%, transparent 50%);
        background-image: linear-gradient(to right, var(--text-primary-color) 0%, var(--text-primary-color) 50%, transparent 50%); }
    .cart .paid-by .item-box-price {
      position: relative;
      float: right;
      padding: 0 0 0 15px;
      font-size: 1.357rem;
      font-family: var(--bold-font);
      line-height: 1;
      background: var(--box-color);
      z-index: 1; }
  .cart .has-checkboxes .item-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .cart .has-checkboxes .item-wrap .item-box {
      width: 100%; }
  .cart .has-checkboxes .item-box-group {
    width: calc(100% - 80px);
    border-right: none; }
  .cart .has-checkboxes .item-box.with-img .item-box-price {
    display: none; }
  .cart .has-checkboxes .order-time {
    left: 18px;
    font-size: 12px; }
    .cart .has-checkboxes .order-time .fyre-ico {
      padding-right: 3px; }
  .cart .has-checkboxes .order-status {
    font-size: 12px;
    right: -8px;
    border-radius: 0 7px 0 7px; }
  .cart .flex-helper .price {
    font-size: 1.3rem; }
  .cart.cart--simple .item-box.with-img .item-box-img {
    width: 30px !important;
    height: 30px !important; } }

.r-category-slider {
  margin: 35px 15px 25px; }
  .r-category-slider .slick-slide {
    position: relative;
    padding: 0 15px; }
  .r-category-slider .category {
    position: relative;
    width: 215px;
    min-width: 215px;
    min-height: 100px;
    padding: 20px;
    margin: 10px auto;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--form-secondary-color);
    text-decoration: none;
    background: var(--box-color);
    border-radius: 30px 0;
    -webkit-box-shadow: 3px 3px 5px 2px #e0e0e0;
            box-shadow: 3px 3px 5px 2px #e0e0e0;
    -webkit-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s; }
    .r-category-slider .category .title {
      font-family: var(--bold-font);
      font-size: 1.389rem;
      line-height: 1.2;
      word-break: normal;
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s;
      width: 100%;
      word-wrap: break-word;
      text-align: center; }
    .r-category-slider .category .icon + .title {
      width: calc(100% - 50px);
      text-align: left; }
    .r-category-slider .category .icon {
      width: 45px;
      height: 45px;
      margin-right: 15px;
      position: relative;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      line-height: 1;
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s; }
      .r-category-slider .category .icon .fyre-ico {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        left: 50%;
        z-index: 1;
        font-size: 1.9rem;
        text-align: center; }
    .r-category-slider .category:active, .r-category-slider .category:focus, .r-category-slider .category:focus-within, .r-category-slider .category:visited {
      background: var(--box-color);
      text-decoration: none; }
      .r-category-slider .category:active .title, .r-category-slider .category:focus .title, .r-category-slider .category:focus-within .title, .r-category-slider .category:visited .title {
        color: var(--form-secondary-color); }
      .r-category-slider .category:active .icon, .r-category-slider .category:focus .icon, .r-category-slider .category:focus-within .icon, .r-category-slider .category:visited .icon {
        color: var(--form-secondary-color); }
    .r-category-slider .category:hover {
      background: var(--form-secondary-color);
      text-decoration: none; }
      @media screen and (max-width: 1280px) {
        .r-category-slider .category:hover {
          background: var(--box-color); } }
      .r-category-slider .category:hover .title {
        color: var(--text-secondary-helper-color); }
        @media screen and (max-width: 1280px) {
          .r-category-slider .category:hover .title {
            color: var(--form-secondary-color); } }
      .r-category-slider .category:hover .icon {
        color: var(--text-secondary-helper-color); }
        @media screen and (max-width: 1280px) {
          .r-category-slider .category:hover .icon {
            color: var(--form-secondary-color); } }
      .r-category-slider .category:hover .products-quantity:before {
        color: var(--text-secondary-helper-color); }
  .r-category-slider .selected .category {
    background: var(--form-secondary-color);
    text-decoration: none; }
    .r-category-slider .selected .category .title,
    .r-category-slider .selected .category .icon,
    .r-category-slider .selected .category .products-quantity:before {
      color: var(--text-secondary-helper-color); }
  .r-category-slider .admin-btns {
    top: 0;
    right: 0; }

.r-menu-dishes-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto 20px;
  padding: 15px 0 0 30px; }
  .r-menu-dishes-list li:not(.link-wrap) {
    position: relative;
    min-height: 220px;
    width: 50%;
    max-width: 570px;
    padding: 30px 35px 24px 0;
    margin: 0 0 2rem;
    background: var(--box-color);
    border-radius: 0 25px;
    -webkit-box-shadow: 3px 3px 8px 0 #e0e0e0;
            box-shadow: 3px 3px 8px 0 #e0e0e0; }
  .r-menu-dishes-list .link-wrap {
    width: 100%;
    margin-bottom: 30px; }
  .r-menu-dishes-list .dish-img {
    width: 170px;
    height: 170px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 15px 0 -30px;
    border-radius: 0 25px;
    -webkit-box-shadow: 3px 3px 5px 0 #e0e0e0;
            box-shadow: 3px 3px 5px 0 #e0e0e0;
    cursor: pointer;
    background-color: var(--box-color); }
  .r-menu-dishes-list .info-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .r-menu-dishes-list .title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin: 0 0 20px; }
  .r-menu-dishes-list h2 {
    font-family: var(--bold-font);
    font-size: 1.278rem;
    color: var(--text-primary-color);
    margin: 12px 15px 0 0; }
    .r-menu-dishes-list h2:first-letter {
      text-transform: uppercase; }
    .r-menu-dishes-list h2 a {
      color: var(--text-primary-color);
      text-decoration: none;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .r-menu-dishes-list h2 a:hover {
        opacity: 0.7;
        text-decoration: none; }
  .r-menu-dishes-list .price-wrapper {
    position: relative;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .r-menu-dishes-list .price {
    position: relative;
    font-family: var(--bold-font);
    font-size: 1.722rem;
    line-height: 1;
    white-space: nowrap;
    padding: 0 0 0 15px;
    margin-top: 10px; }
    .r-menu-dishes-list .price:before {
      content: '';
      width: 1px;
      height: 50px;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      background: var(--primary-color); }
    .r-menu-dishes-list .price.price-original {
      font-size: 1rem;
      text-decoration: line-through;
      position: absolute;
      top: -17px;
      right: 0;
      color: var(--non-active-helper-color); }
      .r-menu-dishes-list .price.price-original:before {
        content: none; }
  .r-menu-dishes-list .dscr {
    font-size: 1rem;
    line-height: 1.5; }
  .r-menu-dishes-list .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .r-menu-dishes-list .btn.small {
    margin: 12px 0; }
  .r-menu-dishes-list .add-del {
    max-width: none;
    min-width: auto; }
  .r-menu-dishes-list .add-comment {
    width: 23px;
    height: 23px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 23px;
    color: var(--primary-color);
    text-decoration: none; }
    .r-menu-dishes-list .add-comment.filled {
      color: var(--brand-color); }
  .r-menu-dishes-list .admin-btns {
    top: -12px;
    right: 15px; }
  .r-menu-dishes-list.r-menu-dishes-list--simple li:not(.link-wrap) {
    padding-left: 35px; }
  .r-menu-dishes-list.r-menu-dishes-list--simple .dish-img {
    display: none; }

.r-category-slider .admin-btns,
.r-menu-dishes-list .admin-btns,
.menu-breadcrumbs .admin-btns {
  position: absolute;
  z-index: 1; }

.r-category-slider .edit-item-btn,
.r-category-slider .del-item-btn,
.r-category-slider .prohibit-item-btn,
.r-category-slider .add-sub-item-btn,
.r-category-slider .add-category-btn,
.r-category-slider .send-mail-btn,
.r-category-slider .share-btn,
.r-menu-dishes-list .edit-item-btn,
.r-menu-dishes-list .del-item-btn,
.r-menu-dishes-list .prohibit-item-btn,
.r-menu-dishes-list .add-sub-item-btn,
.r-menu-dishes-list .add-category-btn,
.r-menu-dishes-list .send-mail-btn,
.r-menu-dishes-list .share-btn,
.menu-breadcrumbs .edit-item-btn,
.menu-breadcrumbs .del-item-btn,
.menu-breadcrumbs .prohibit-item-btn,
.menu-breadcrumbs .add-sub-item-btn,
.menu-breadcrumbs .add-category-btn,
.menu-breadcrumbs .send-mail-btn,
.menu-breadcrumbs .share-btn {
  margin-left: 3px; }

.menu-breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 35px;
  border-bottom: 1px solid #d0d0d0; }
  .menu-breadcrumbs .category {
    position: relative;
    margin-left: -25px; }
    .menu-breadcrumbs .category a {
      width: 100%;
      height: 100%;
      min-height: 100px;
      padding: 20px 50px 20px 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: var(--form-secondary-color);
      text-decoration: none;
      border-radius: 30px 0;
      border: 1px solid #d0d0d0;
      background: var(--box-color);
      font-family: var(--bold-font);
      font-size: 1.389rem;
      line-height: 1.2;
      -webkit-transition: background-color 0.3s, color 0.3s;
      -o-transition: background-color 0.3s, color 0.3s;
      transition: background-color 0.3s, color 0.3s;
      word-wrap: break-word;
      text-align: center; }
      .menu-breadcrumbs .category a:hover {
        color: var(--box-color);
        background: var(--form-secondary-color); }
    .menu-breadcrumbs .category:first-child {
      margin-left: 0; }
    .menu-breadcrumbs .category:last-child a {
      padding-right: 25px;
      color: var(--box-color);
      background: var(--form-secondary-color); }
    .menu-breadcrumbs .category:last-child .admin-btns {
      right: 0; }
    .menu-breadcrumbs .category .admin-btns {
      top: -10px; }
  .menu-breadcrumbs .admin-btns {
    top: 0;
    right: 15px; }

.products-quantity {
  position: absolute;
  left: 10px;
  bottom: 7px;
  padding-left: 20px;
  font-size: 12px;
  z-index: 1; }
  .products-quantity:before {
    font-family: "fyre-icons";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    color: var(--form-secondary-color);
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease; }

.menu-banner {
  height: 220px;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .menu-banner {
      height: 90px; } }
  .menu-banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.simple-navs-general-wrapper {
  position: relative; }

.simple-menu-nav-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--page-bg-color);
  border-bottom: 2px solid var(--button-primary-color); }
  @media screen and (max-width: 1600px) {
    .simple-menu-nav-holder {
      padding: 0 110px; } }
  @media screen and (max-width: 1024px) {
    .simple-menu-nav-holder {
      padding: 0; } }
  @media screen and (max-width: 767px) {
    .simple-menu-nav-holder {
      border-width: 1px; } }
  .simple-menu-nav-holder:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(228, 228, 228, 0.5);
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0; }
    @media screen and (max-width: 767px) {
      .simple-menu-nav-holder:after {
        content: none; } }
  .simple-menu-nav-holder.fixed {
    position: fixed;
    z-index: 10; }
  @media screen and (max-width: 767px) {
    .simple-menu-nav-holder .container {
      padding: 0; } }
  .simple-menu-nav-holder ~ app-category-list .simple-menu-category-slider {
    top: 52px; }
    @media screen and (max-width: 767px) {
      .simple-menu-nav-holder ~ app-category-list .simple-menu-category-slider {
        top: 42px; } }

.simple-menu-nav {
  height: 50px;
  margin: 0 15px;
  z-index: 1; }
  @media screen and (max-width: 767px) {
    .simple-menu-nav {
      height: 40px;
      margin: 0; } }
  .simple-menu-nav .slick-track,
  .simple-menu-nav .slick-list {
    height: 100%; }
  .simple-menu-nav.slick-initialized .slick-slide {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    text-align: center;
    padding: 0 1rem; }
  .simple-menu-nav .slick-arrow {
    font-size: 1.3rem; }
  .simple-menu-nav a {
    display: inline-block;
    margin: 0 auto;
    color: var(--text-primary-color);
    font-family: var(--bold-font);
    font-size: 1.4rem;
    line-height: 1;
    text-decoration: none;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear; }
    .simple-menu-nav a:first-letter {
      text-transform: uppercase; }
    @media screen and (max-width: 767px) {
      .simple-menu-nav a {
        font-size: 1.125rem;
        padding: 5px; } }
    .simple-menu-nav a:active, .simple-menu-nav a:focus, .simple-menu-nav a:focus-within, .simple-menu-nav a:visited {
      color: var(--text-primary-color); }
    .simple-menu-nav a:hover {
      color: var(--button-primary-color); }
    .simple-menu-nav a:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 3px; }
      @media screen and (max-width: 767px) {
        .simple-menu-nav a:after {
          height: 2px; } }
  .simple-menu-nav .active a {
    pointer-events: none;
    color: var(--button-primary-color); }
    .simple-menu-nav .active a:after {
      background: var(--primary-color); }
  .simple-menu-nav .select-box.more-btn-select {
    background: transparent; }

.simple-menu-category-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--page-bg-color);
  z-index: 8; }
  @media screen and (max-width: 1600px) {
    .simple-menu-category-slider {
      padding: 0 110px; } }
  @media screen and (max-width: 1024px) {
    .simple-menu-category-slider {
      padding: 0; } }
  .simple-menu-category-slider.fixed {
    position: fixed;
    z-index: 10;
    background: var(--page-bg-color);
    -webkit-box-shadow: 1px 3px 7px 1px rgba(140, 140, 140, 0.3);
            box-shadow: 1px 3px 7px 1px rgba(140, 140, 140, 0.3); }

.simple-menu-category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 0; }
  @media screen and (max-width: 767px) {
    .simple-menu-category-list {
      overflow-x: auto;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-pack: initial;
          -ms-flex-pack: initial;
              justify-content: initial;
      padding: 15px 0;
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */ }
      .simple-menu-category-list::-webkit-scrollbar {
        display: none;
        /* Hide scrollbar for Chrome, Safari and Opera */ } }

.simple-menu-category-item {
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5px;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 15px 0;
  -webkit-box-shadow: 1px 2px 4px 0 #e0e0e0;
          box-shadow: 1px 2px 4px 0 #e0e0e0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: var(--box-color); }
  .simple-menu-category-item:active, .simple-menu-category-item:focus, .simple-menu-category-item:focus-within, .simple-menu-category-item:visited {
    text-decoration: none;
    background: var(--box-color); }
    .simple-menu-category-item:active .simple-menu-category-title, .simple-menu-category-item:focus .simple-menu-category-title, .simple-menu-category-item:focus-within .simple-menu-category-title, .simple-menu-category-item:visited .simple-menu-category-title {
      color: var(--form-secondary-color); }
  .simple-menu-category-item.selected, .simple-menu-category-item.selected:hover, .simple-menu-category-item:hover {
    background: var(--form-secondary-color);
    text-decoration: none; }
    .simple-menu-category-item.selected .simple-menu-category-title, .simple-menu-category-item.selected:hover .simple-menu-category-title, .simple-menu-category-item:hover .simple-menu-category-title {
      color: var(--box-color); }
  @media screen and (max-width: 767px) {
    .simple-menu-category-item:hover {
      background: var(--box-color); }
      .simple-menu-category-item:hover .simple-menu-category-title {
        color: var(--form-secondary-color); } }

.simple-menu-category-title {
  font-family: var(--bold-font);
  font-size: 1.2rem;
  line-height: 1.2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  text-align: center;
  color: var(--form-secondary-color); }
  .simple-menu-category-title:first-letter {
    text-transform: uppercase; }
  @media screen and (max-width: 767px) {
    .simple-menu-category-title {
      font-size: 1.1rem; } }
  .simple-menu-category-title .select-box.more-btn-select {
    background: transparent; }

.simple-dishes-list-wrap {
  margin-bottom: 35px; }
  .simple-dishes-list-wrap.empty-menu {
    margin-top: 35px; }

.simple-dishes-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }
  @media screen and (max-width: 1024px) {
    .simple-dishes-list ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 20px; } }

.simple-dishes-list li {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  list-style: none; }
  @media screen and (max-width: 1024px) {
    .simple-dishes-list li {
      width: 100%; } }
  .simple-dishes-list li:nth-child(odd) {
    padding-right: 50px;
    border-right: 2px solid #e0e0e0; }
    @media screen and (max-width: 1024px) {
      .simple-dishes-list li:nth-child(odd) {
        padding-right: 0;
        border: none; } }
  .simple-dishes-list li:nth-child(even) {
    padding-left: 50px; }
    @media screen and (max-width: 1024px) {
      .simple-dishes-list li:nth-child(even) {
        padding-left: 0; } }

.simple-dishes-list-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  font-family: var(--bold-font);
  font-size: 1.4rem;
  line-height: 1.2;
  margin-bottom: 10px; }
  @media screen and (max-width: 767px) {
    .simple-dishes-list-title {
      font-size: 1.16rem;
      margin-bottom: 5px; } }
  .simple-dishes-list-title a {
    color: inherit; }

.simple-dishes-list-title-inner {
  position: relative; }
  .simple-dishes-list-title-inner .simple-dishes-list-icon {
    position: absolute;
    bottom: -5px;
    margin: 0 0 0 10px; }

.simple-dishes-list-dscr {
  width: calc(100% - 70px); }

.simple-dishes-list-txt {
  font-size: 1.2rem; }
  @media screen and (max-width: 767px) {
    .simple-dishes-list-txt {
      font-size: 1.071rem; } }

.simple-dishes-list-price-wrapper {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 35px; }

.simple-dishes-list-price {
  white-space: nowrap; }
  .simple-dishes-list-price.price-original {
    font-size: 1.05rem;
    text-decoration: line-through;
    position: absolute;
    top: -15px;
    right: 0;
    color: var(--non-active-helper-color); }
    @media screen and (max-width: 767px) {
      .simple-dishes-list-price.price-original {
        font-size: 0.88rem; } }

.simple-dishes-list-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.simple-dishes-list-icon {
  color: var(--form-primary-color);
  font-size: 1.7rem;
  line-height: 1;
  cursor: pointer;
  display: inline-block;
  padding: 5px;
  margin: -3px 0 0 10px; }
  @media screen and (max-width: 767px) {
    .simple-dishes-list-icon {
      font-size: 1.5rem;
      margin-top: -8px; } }
  .simple-dishes-list-icon .fyre-ico-camera {
    font-size: 1.389rem; }
    @media screen and (max-width: 767px) {
      .simple-dishes-list-icon .fyre-ico-camera {
        font-size: 1.2rem; } }

@media screen and (max-width: 1366px) {
  .r-category-slider .category {
    width: 100%;
    min-width: 200px;
    min-height: 80px; }
    .r-category-slider .category .icon {
      width: 35px;
      height: 35px;
      margin-right: 12px;
      font-size: 35px; }
      .r-category-slider .category .icon svg {
        height: 40px; }
    .r-category-slider .category .icon + .title {
      width: calc(100% - 40px); }
  .r-menu-dishes-list li:not(.link-wrap) {
    width: 47%;
    min-height: 180px; }
  .r-menu-dishes-list .dish-img {
    width: 140px;
    height: 140px; }
  .r-menu-dishes-list h2 {
    margin: 12px 12px 0 0; }
  .r-menu-dishes-list .price:before {
    height: 35px; }
  .r-menu-dishes-list .price.price-original {
    top: -15px; }
  .menu-breadcrumbs .category a {
    min-height: 80px; } }

@media screen and (max-width: 1024px) {
  .r-category-slider {
    margin-bottom: 15px; }
    .r-category-slider .category {
      min-height: 80px; }
  .r-menu-dishes-list li:not(.link-wrap) {
    width: 100%;
    max-width: none;
    margin: 0 auto 2rem; }
  .r-menu-dishes-list h2 {
    margin: 5px 12px 0 0; }
  .r-menu-dishes-list .price {
    margin-top: 0; }
  .r-menu-dishes-list.r-menu-dishes-list--simple li:not(.link-wrap) {
    min-height: auto; } }

@media screen and (max-width: 767px) {
  .r-category-slider {
    margin: 0 -15px 20px; }
    .r-category-slider .slick-slide {
      padding: 0 7px; }
    .r-category-slider .category {
      min-width: 140px;
      min-height: 40px;
      padding: 10px;
      border-radius: 15px 0; }
      .r-category-slider .category .icon {
        width: 22px;
        height: 22px;
        margin-right: 10px; }
        .r-category-slider .category .icon .fyre-ico {
          font-size: 22px; }
        .r-category-slider .category .icon + .title {
          width: 100%; }
      .r-category-slider .category .title {
        font-size: 1rem;
        word-wrap: normal; }
  .main-content.bg-blue .r-category-slider {
    margin-right: 0;
    margin-left: 0; }
  .r-menu-dishes-list {
    padding: 0 0 0 15px;
    margin: 0 -15px 25px; }
    .r-menu-dishes-list li:not(.link-wrap) {
      max-width: calc(100% - 30px);
      padding: 30px 10px 20px 20px;
      margin: 0 auto 2rem; }
    .r-menu-dishes-list .info-wrap {
      width: calc(100% - 70px); }
    .r-menu-dishes-list .dish-img {
      width: 77px;
      height: 77px;
      margin: 0 10px 0 -35px;
      border-radius: 0 15px; }
    .r-menu-dishes-list .title-wrap {
      margin: 0 0 10px; }
    .r-menu-dishes-list h2 {
      font-size: 1.1rem;
      overflow: hidden;
      margin: 0 10px 0 0; }
    .r-menu-dishes-list .price {
      font-size: 1.357rem;
      padding: 0 0 0 12px; }
      .r-menu-dishes-list .price:before {
        height: 25px; }
    .r-menu-dishes-list .dscr {
      line-height: 1.3; }
    .r-menu-dishes-list .actions {
      position: relative; }
    .r-menu-dishes-list .add-comment {
      position: absolute;
      left: -50px;
      top: 21px;
      width: 18px;
      height: 18px;
      font-size: 18px; }
    .r-menu-dishes-list .btn.small {
      min-width: auto; }
    .r-menu-dishes-list .add-del {
      margin: 12px 0; }
    .r-menu-dishes-list.r-menu-dishes-list--simple {
      padding-left: 0; }
      .r-menu-dishes-list.r-menu-dishes-list--simple li:not(.link-wrap) {
        padding-left: 10px; }
      .r-menu-dishes-list.r-menu-dishes-list--simple .info-wrap {
        width: 100%; }
  .menu-breadcrumbs {
    padding: 20px;
    margin-bottom: 30px;
    overflow: hidden; }
    .menu-breadcrumbs .category {
      width: calc(33.33% + 15px);
      margin-left: -15px; }
      .menu-breadcrumbs .category a {
        display: block;
        min-width: 50px;
        min-height: 40px;
        padding: 10px 25px 10px 10px;
        border-radius: 15px 0;
        font-size: 1rem;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        overflow: hidden;
        word-wrap: normal;
        white-space: nowrap; }
      .menu-breadcrumbs .category:last-child a {
        padding-right: 10px; }
  .products-quantity {
    position: relative;
    left: auto;
    bottom: auto;
    padding-left: 15px;
    display: inline-block;
    font-size: 10px;
    margin-left: 15px; }
    .products-quantity:before {
      font-size: 11px; } }

.about-wrapper {
  min-height: 1000px;
  position: relative;
  padding: 80px 0 65px;
  margin: 0 0 40px;
  border-bottom: 1px solid #000; }
  .about-wrapper .resize-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .about-wrapper .resize-wrapper .desc-ttl {
      display: none; }

.about-map {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto; }

.about-map-mobile {
  display: none; }

.desc-about-wrapper {
  position: relative;
  z-index: 7;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  pointer-events: none; }
  .desc-about-wrapper .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none; }

.desc-about {
  pointer-events: auto;
  background: var(--page-bg-color);
  border-radius: 30px 0;
  padding: 60px;
  -webkit-box-shadow: 0 8px 23.75px 1.25px rgba(0, 0, 0, 0.38);
          box-shadow: 0 8px 23.75px 1.25px rgba(0, 0, 0, 0.38);
  width: 760px;
  position: relative;
  font-size: 1.27rem;
  line-height: 1.55; }
  @media screen and (max-width: 1024px) {
    .desc-about {
      font-size: 1rem; } }
  .desc-about h2 {
    font: 2.25rem/1 var(--bold-font);
    margin: 0 0 15px; }
    .desc-about h2:first-letter {
      text-transform: uppercase; }
  .desc-about h3 {
    font: 1.95rem/1 var(--bold-font);
    margin: 0 0 15px; }
    .desc-about h3:first-letter {
      text-transform: uppercase; }
  .desc-about .tl-holder h3 {
    margin: 10px 0; }
  .desc-about .desc-block + .desc-block {
    margin-top: 40px; }
  .desc-about .desc-block .desc-txt {
    text-align: left; }
  .desc-about-wrapper .desc-about {
    margin-left: auto; }

.events-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1%; }
  .events-list .item {
    width: calc( 88% / 6);
    position: relative;
    margin: 0 1% 30px;
    background: var(--box-color);
    color: var(--text-primary-color);
    text-decoration: none;
    border-radius: 30px 0;
    -webkit-box-shadow: 0.624px 2.934px 3px 0 rgba(140, 140, 140, 0.3);
            box-shadow: 0.624px 2.934px 3px 0 rgba(140, 140, 140, 0.3);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .events-list .item .event-img img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 30px 0 0; }
    .events-list .item .event-ttl {
      font-family: var(--bold-font);
      font-size: 1rem;
      line-height: 1;
      padding: 10px;
      width: 100%;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      overflow: hidden;
      text-align: center; }
      .events-list .item .event-ttl:first-letter {
        text-transform: uppercase; }
    .events-list .item .date {
      font-style: normal;
      position: absolute;
      top: -0.666rem;
      right: -0.39rem;
      background: var(--primary-color);
      border-radius: .556rem;
      padding: 0 10px;
      color: var(--form-secondary-color);
      font-family: var(--bold-font);
      font-size: .847rem;
      line-height: 2; }
    .events-list .item:hover {
      -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
              box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3); }
    .events-list .item .admin-btns {
      position: absolute;
      top: -15px;
      left: 0; }
    .events-list .item .edit-item-btn,
    .events-list .item .del-item-btn,
    .events-list .item .prohibit-item-btn {
      margin-right: 3px; }
  h3 ~ .events-list {
    padding-top: 20px; }

.slider-about {
  width: 100%; }
  .slider-about .slick-slide {
    position: relative; }
    .slider-about .slick-slide:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      -webkit-box-shadow: 0 0 150px 0 black inset;
              box-shadow: 0 0 150px 0 black inset; }
    .slider-about .slick-slide img {
      display: block;
      width: 100%;
      height: 562px;
      -o-object-fit: cover;
         object-fit: cover; }

.slick-dots01 {
  position: absolute;
  top: 70px;
  left: -42px;
  font-size: 0;
  line-height: 0; }
  .slick-dots01 li {
    padding: 0 0 13px; }
    .slick-dots01 li button {
      text-indent: -9999px;
      overflow: hidden;
      width: 16px;
      height: 16px;
      padding: 0;
      border: 2px solid #ffffff;
      background: #ffffff;
      border-radius: 50%;
      cursor: pointer;
      -webkit-box-shadow: 0 0 10px 1.25px rgba(0, 0, 0, 0.5) !important;
              box-shadow: 0 0 10px 1.25px rgba(0, 0, 0, 0.5) !important; }
    .slick-dots01 li.slick-active button {
      background: var(--attention-color); }

.soc-links {
  font-size: 0; }
  .desc-about .soc-links {
    position: absolute;
    bottom: -28px;
    left: 50px; }
  .soc-links .soc-lnk {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    width: 3.88rem;
    height: 3.88rem;
    border-radius: 50%;
    background: var(--primary-color);
    margin: 0 10px;
    color: var(--form-secondary-color);
    font-size: 1.77rem;
    text-decoration: none;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear; }
    .soc-links .soc-lnk:hover {
      background: var(--form-secondary-color);
      color: var(--primary-color); }
    .soc-links .soc-lnk .fyre-ico {
      margin: auto; }
      .soc-links .soc-lnk .fyre-ico.fyre-ico-sphere, .soc-links .soc-lnk legend.fyre-ico.with-img.sphere:before {
        font-size: 2.2rem; }

.desc-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 20px; }
  .desc-ttl .share-btns {
    margin-left: auto;
    font-size: 2rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .desc-ttl .share-btns a {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 4.17rem;
      height: 4.17rem;
      margin: 0 0 0 12px;
      border: 2px solid currentColor;
      border-radius: 50%;
      text-decoration: none;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transition: all 0.1s linear;
      -o-transition: all 0.1s linear;
      transition: all 0.1s linear;
      color: #032f3c; }
      .desc-ttl .share-btns a.btn-like {
        color: var(--attention-color);
        font-size: 1.7rem; }
        .desc-ttl .share-btns a.btn-like .fyre-ico {
          margin-top: 5px; }

.about-rate {
  font-size: 1.778rem;
  line-height: 1; }
  .about-rate .star {
    color: var(--primary-color); }
    .about-rate .star.unchecked {
      color: #cccccc; }
  .about-rate.review .star {
    cursor: pointer; }

.work-hours {
  display: table;
  width: 100%;
  font-size: 1.27rem;
  line-height: 1.55; }
  .work-hours h4 {
    font-size: 1.4rem;
    font-family: var(--bold-font);
    margin: 10px 0; }
    .work-hours h4:first-letter {
      text-transform: uppercase; }
  .work-hours .work-time-row {
    display: table-row; }
    .work-hours .work-time-row .table-cell {
      display: table-cell;
      vertical-align: top; }
    .work-hours .work-time-row .day,
    .work-hours .work-time-row .time-range {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .work-hours .work-time-row .day .fyre-ico,
      .work-hours .work-time-row .time-range .fyre-ico {
        padding: .35rem 0 0; }
    .work-hours .work-time-row .day {
      width: 100%;
      max-width: 350px;
      padding: 0 14px 0 0; }
  .work-hours .fyre-ico {
    color: var(--form-primary-color);
    margin-right: 20px; }

.about-desc-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 5px;
  font-family: var(--bold-font); }
  .about-desc-row .fyre-ico {
    color: var(--form-primary-color);
    margin-right: 20px;
    width: 1.3rem; }
  .about-desc-row a {
    color: inherit;
    text-decoration: none; }

.show-mobile {
  display: none; }

@media screen and (max-width: 1366px) {
  .events-list .item .admin-btns {
    width: 22px;
    left: -5px; }
  .events-list .item .edit-item-btn,
  .events-list .item .del-item-btn,
  .events-list .item .prohibit-item-btn {
    margin-right: 0;
    margin-bottom: 7px; } }

@media screen and (max-width: 1024px) {
  .events-list {
    margin-bottom: 10px; }
    .events-list .item {
      width: calc( 92% / 4); }
  .work-hours {
    font-size: 1.1rem; }
    .work-hours .work-time-row .day .fyre-ico,
    .work-hours .work-time-row .time-range .fyre-ico {
      padding: .25rem 0 0; } }

@media screen and (max-width: 767px) {
  .desc-about .desc-about-holder {
    position: relative;
    height: auto;
    overflow: visible;
    margin: 0;
    padding: 0; }
  .desc-about-wrapper {
    position: relative;
    top: auto;
    bottom: auto; }
    .desc-about-wrapper .container {
      padding: 0; }
    .desc-about-wrapper .desc-ttl {
      display: none; }
  .events-list {
    margin: 0 -1.5%;
    display: none; }
    .show-mobile .events-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .events-list .item {
      margin: 0 1.5% 30px;
      width: calc( 88% / 4); }
  .show-mobile {
    display: block; }
  .desc-about {
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: var(--page-bg-color);
    padding: 0 15px; }
    .desc-about .desc-block + .desc-block {
      margin-top: 25px; }
    .desc-about .desc-block__contact {
      position: relative;
      margin-bottom: 30px; }
    .desc-about .desc-block .desc-txt {
      text-align: left; }
    .desc-about h2 {
      font-size: 1.43rem; }
    .desc-about h3 {
      font-size: 1.3rem; }
    .desc-about .soc-links {
      left: 0;
      width: 100%;
      text-align: center; }
  .about-desc-row .fyre-ico {
    margin-right: 12px; }
  .slider-about + .desc-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    color: var(--text-secondary-helper-color); }
    .slider-about + .desc-ttl .share-btns a {
      background: var(--text-secondary-helper-color);
      border-color: var(--text-secondary-helper-color); }
    .slider-about + .desc-ttl .edit-btn {
      color: var(--text-secondary-helper-color); }
  .slider-about .slick-slide img {
    height: 224px; }
  .slick-dots01 {
    position: absolute;
    top: 15px;
    left: auto;
    right: 15px; }
    .slick-dots01 li {
      display: inline-block;
      padding: 0 0 0 10px; }
      .slick-dots01 li button {
        width: 8px;
        height: 8px;
        border-width: 1px; }
  .desc-ttl {
    padding: 15px; }
    .desc-ttl .share-btns {
      margin-left: auto;
      font-size: 1rem;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
      .desc-ttl .share-btns a {
        width: 2.36rem;
        height: 2.36rem;
        background: #000;
        border-color: #000; }
        .desc-ttl .share-btns a.btn-like {
          font-size: 1rem; }
          .desc-ttl .share-btns a.btn-like .fyre-ico {
            margin-top: 3px; }
  .about-rate {
    font-size: 1rem; }
    .about-rate.review .star {
      font-size: 25px;
      margin: 0 3px; }
  .work-hours h4 {
    font-size: 1.1rem; }
  .work-hours .fyre-ico {
    margin-right: 10px; }
  .work-hours .work-time-row .day {
    max-width: 60vw; }
  .about-wrapper {
    min-height: 0;
    border-bottom: 2px solid var(--primary-color);
    margin-bottom: 25px;
    padding: 0; }
    .about-wrapper .resize-wrapper {
      position: relative;
      top: auto;
      right: auto;
      left: auto;
      bottom: auto;
      z-index: 8;
      margin-bottom: 20px; }
      .about-wrapper .resize-wrapper .desc-ttl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .about-wrapper ~ .container .link {
      display: none; }
  .about-map {
    display: none; }
  .about-map-mobile {
    display: block;
    height: 320px;
    border-top: 2px solid var(--primary-color); }
  .contact-info {
    position: absolute;
    top: 200px;
    left: 15px;
    right: 15px;
    background: var(--page-bg-color);
    border-radius: 30px 0;
    padding: 25px;
    -webkit-box-shadow: 0 8px 23.75px 1.25px rgba(0, 0, 0, 0.38);
            box-shadow: 0 8px 23.75px 1.25px rgba(0, 0, 0, 0.38);
    font-size: .9rem; }
  .desc-about .soc-links {
    bottom: -370px; }
  .soc-links .soc-lnk {
    width: 3.14rem;
    height: 3.14rem;
    margin: 0 6px;
    font-size: 1.57rem; } }

@media screen and (max-width: 480px) {
  .work-hours .work-time-row {
    display: block;
    padding: 0 0 10px; }
    .work-hours .work-time-row .table-cell {
      display: block; }
      .work-hours .work-time-row .table-cell .day {
        max-width: 100vw; }
  .events-list .item {
    width: calc(91% / 3); }
    .events-list .item .date {
      font-size: .57rem; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .btn, a.btn {
    min-height: 46px; }
    .btn:after, a.btn:after {
      content: '';
      display: block;
      min-height: inherit;
      font-size: 0; }
    .btn.small, a.btn.small {
      min-height: 31px; }
  .r-category-slider .category {
    min-height: 60px; }
    .r-category-slider .category:after {
      content: '';
      display: block;
      min-height: inherit;
      font-size: 0; } }

@media screen and (max-width: 1366px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .btn, a.btn {
    min-height: 31px; }
    .btn.small, a.btn.small {
      min-height: auto; } }

@media screen and (max-width: 1024px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .r-category-slider .category {
    min-height: 40px; } }

@media screen and (max-width: 767px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .r-category-slider .category {
    min-height: 20px; } }

/*---------------------------------------------------------------------------*/
/*Edge*/
@supports (-ms-ime-align: auto) {
  /*--- Fixes bug with background-attachment during page scroll ---*/
  html {
    overflow: hidden;
    height: 100%; }
  body {
    overflow: auto;
    height: 100%; }
  /*--- Fixes popup visibility with opacity: 0 ---*/
  .popup {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important; } }

/*Ie 10-11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /*--- Fixes bug with background-attachment during page scroll ---*/
  html {
    overflow: hidden;
    height: 100%; }
  body {
    overflow: auto;
    height: 100%; } }

.event-details,
.news-details {
  width: 100%;
  overflow: hidden; }
  .event-details .l-block,
  .news-details .l-block {
    width: 550px; }
  .event-details .r-block,
  .news-details .r-block {
    padding: 30px 40px 90px 30px; }
  .event-details .event-img,
  .news-details .event-img {
    position: relative;
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover; }
  .event-details .title-box .info-color__inner,
  .news-details .title-box .info-color__inner {
    padding: 13px 18px; }
  .event-details .title-box .info-color p,
  .news-details .title-box .info-color p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.333rem;
    line-height: 1.4; }
  .event-details .title-box .info-color i,
  .news-details .title-box .info-color i {
    font-size: 1rem;
    color: var(--form-primary-color);
    margin-right: 10px; }
  .event-details .date-with-icon,
  .news-details .date-with-icon {
    font-size: 1.111rem;
    margin-bottom: 30px; }
    .event-details .date-with-icon:before,
    .news-details .date-with-icon:before {
      font-size: 1.5rem; }

.event-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .event-details .r-block {
    width: calc(100% - 550px); }
  .event-details .info-color {
    -ms-flex-item-align: start;
        align-self: flex-start;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }

.news-details {
  display: block; }
  .news-details .l-block {
    float: left;
    margin-right: 30px; }

.news-list {
  padding: 50px 0 30px; }
  .news-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -1%; }
  .news-list li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48%;
    margin: 0 1% 25px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;
    -webkit-box-shadow: 2px 8px 8px rgba(140, 140, 140, 0.3);
            box-shadow: 2px 8px 8px rgba(140, 140, 140, 0.3);
    min-height: 220px; }
  .news-list .img-wrapper {
    width: 225px;
    min-height: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-bottom-left-radius: 25px;
    overflow: hidden; }
  .news-list .news-img {
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover; }
  .news-list .news-dscr {
    width: 100%;
    padding: 30px 30px 15px 25px;
    margin-left: -35px;
    border-bottom-left-radius: 25px;
    background: var(--box-color); }
  .news-list .title-box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .news-list h5 {
    margin: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .news-list h5 a {
      color: inherit;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      text-decoration: none;
      display: inline-block; }
      .news-list h5 a:first-letter {
        text-transform: uppercase; }
    .news-list h5:hover a {
      opacity: 0.7; }
  .news-list .date-with-icon {
    margin-bottom: 18px; }
  .news-list .admin-btns {
    position: absolute;
    top: -10px;
    right: 0; }
  .news-list .edit-item-btn,
  .news-list .del-item-btn,
  .news-list .prohibit-item-btn {
    margin-left: 3px; }

.news-list ~ .helper-pagination-outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 50px; }
  .news-list ~ .helper-pagination-outer .pagination {
    margin-bottom: 0; }
  .news-list ~ .helper-pagination-outer .subscribtion-link {
    display: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: var(--bold-font);
    font-size: 1.278rem;
    color: var(--accent-color);
    text-decoration: none; }
    .news-list ~ .helper-pagination-outer .subscribtion-link:before {
      content: '';
      width: 23px;
      height: 23px;
      margin-right: 15px;
      border-radius: 50%;
      background: var(--accent-color); }
    .news-list ~ .helper-pagination-outer .subscribtion-link:hover {
      text-decoration: underline; }

@media screen and (max-width: 1366px) {
  .event-details .l-block,
  .news-details .l-block {
    width: 450px; }
  .event-details .r-block,
  .news-details .r-block {
    padding: 30px 30px 50px; }
  .event-details .event-img,
  .news-details .event-img {
    height: 400px; }
  .event-details .r-block {
    width: calc(100% - 450px); }
  .news-list {
    padding: 50px 0 20px; }
    .news-list li {
      min-height: 200px; } }

@media screen and (max-width: 1024px) {
  .event-details .l-block,
  .news-details .l-block {
    width: 300px; }
  .event-details .r-block,
  .news-details .r-block {
    padding: 30px 30px 50px; }
  .event-details .event-img,
  .news-details .event-img {
    height: 300px; }
  .event-details .title-box .info-color p,
  .news-details .title-box .info-color p {
    font-size: 1.1rem; }
  .event-details .r-block {
    width: calc(100% - 300px); }
  .news-list {
    padding: 30px 0 20px; }
    .news-list ul {
      margin: 0; }
    .news-list li {
      min-height: 167px;
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }

@media screen and (max-width: 767px) {
  .event-details,
  .news-details {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .event-details .l-block, .event-details .r-block,
    .news-details .l-block,
    .news-details .r-block {
      width: 100%; }
    .event-details .r-block,
    .news-details .r-block {
      padding: 15px 15px 10px; }
    .event-details .event-img,
    .news-details .event-img {
      height: 60vw;
      max-height: 250px; }
    .event-details .title-box,
    .news-details .title-box {
      margin-bottom: 10px; }
      .event-details .title-box .info-color__inner,
      .news-details .title-box .info-color__inner {
        padding: 10px; }
      .event-details .title-box .info-color p,
      .news-details .title-box .info-color p {
        font-size: 1.143rem; }
    .event-details .date-with-icon,
    .news-details .date-with-icon {
      margin-bottom: 20px; }
  .event-details h1 {
    width: 100%; }
  .event-details .title-box {
    position: relative;
    display: block; }
  .event-details .info-color {
    float: none;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: -95px; }
  .news-details .l-block {
    float: none;
    margin: 0; }
  .news-list {
    padding: 0; }
    .news-list li {
      min-height: 0; }
    .news-list .img-wrapper {
      width: 145px; }
    .news-list .news-dscr {
      padding: 15px; }
    .news-list .title-box {
      margin-bottom: 10px; }
    .news-list .date-with-icon {
      margin-bottom: 10px; }
  .news-list ~ .helper-pagination-outer {
    display: block;
    padding-bottom: 35px; }
    .news-list ~ .helper-pagination-outer .pagination {
      padding-bottom: 25px; }
    .news-list ~ .helper-pagination-outer .subscribtion-link {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      padding: 7px 10px;
      font-size: 16px;
      color: var(--text-secondary-helper-color);
      border-top-right-radius: 25px;
      border-bottom-right-radius: 25px;
      border: 2px solid var(--accent-color);
      background: var(--accent-color);
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .news-list ~ .helper-pagination-outer .subscribtion-link:before {
        width: 18px;
        height: 18px;
        margin-left: 10px;
        margin-right: 0;
        border: 2px solid var(--accent-color);
        background: var(--text-secondary-helper-color);
        -webkit-box-shadow: 0 0 0 2px var(--text-secondary-helper-color);
                box-shadow: 0 0 0 2px var(--text-secondary-helper-color); }
      .news-list ~ .helper-pagination-outer .subscribtion-link:hover {
        text-decoration: none;
        color: var(--accent-color);
        background: var(--text-secondary-helper-color); } }

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 10;
  -webkit-transition: opacity 0s ease 0.4s,
 visibility 0s ease 0.4s;
  -o-transition: opacity 0s ease 0.4s,
 visibility 0s ease 0.4s;
  transition: opacity 0s ease 0.4s,
 visibility 0s ease 0.4s;
  -webkit-overflow-scrolling: touch; }
  .popup.sub-popup {
    background-color: rgba(0, 0, 0, 0.5); }
  .popup p:not(.has-bottom-indent):last-of-type {
    margin: 0; }
  .popup .has-bottom-indent,
  .popup .field-box.checkbox.has-bottom-indent {
    margin-bottom: 30px; }
  .popup .has-medium-bottom-indent {
    margin-bottom: 20px; }
  .popup .edit-item-btn,
  .popup .del-item-btn {
    position: absolute;
    top: -10px; }
  .popup .edit-item-btn {
    right: 30px; }
  .popup .del-item-btn {
    right: 0; }
  .popup .cash-payment-box .field-box {
    margin: 0; }
    .popup .cash-payment-box .field-box input, .popup .cash-payment-box .field-box .field-name {
      padding: 0;
      text-transform: none; }
  .popup .cash-payment-box .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: left;
    min-height: 40px;
    margin-bottom: 1.5rem; }
  .popup .cash-payment-box .col {
    max-width: inherit; }
    .popup .cash-payment-box .col:first-child {
      width: 32%; }
    .popup .cash-payment-box .col:last-child {
      width: 65%; }
  .popup .print-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 50px; }
    .popup .print-wrap .btn {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .popup .print-wrap .printer-title {
      color: var(--button-warning-color);
      padding-left: 15px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0px;
              flex: 1 0 0; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .popup.map .popup-box {
      padding: 40px 55px 20px; } }
  @media screen and (max-width: 767px) {
    .popup.map .popup-dscr {
      padding: 0 15px; } }
  .popup.map .popup-dscr .map-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    color: var(--text-primary-helper-color); }
    .popup.map .popup-dscr .map-box .form-control {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      margin-bottom: 15px; }
    .popup.map .popup-dscr .map-box form {
      width: 100%; }
      .popup.map .popup-dscr .map-box form .btn {
        margin-top: 15px; }
        @media screen and (max-width: 1366px) {
          .popup.map .popup-dscr .map-box form .btn {
            margin-top: 0; } }
  .popup.map .popup-dscr #map {
    width: 100%;
    height: 340px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .popup.map .popup-dscr #mapArea {
    width: 100%;
    height: 340px;
    margin-bottom: 20px; }
  @media screen and (max-width: 1366px) {
    .popup.map .popup-btns-wrap {
      margin-top: 20px; } }
  @media screen and (max-width: 767px) {
    .popup.map .popup-btns-wrap {
      margin-top: 10px; } }

.popup-printers .printers-table-box {
  overflow-x: auto;
  margin-bottom: 20px; }

.popup-printers .printers-table {
  min-width: 600px;
  margin-bottom: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--text-primary-color); }
  .popup-printers .printers-table .tbody .row:last-child {
    border-bottom: none; }
  .popup-printers .printers-table .field-box {
    margin-bottom: 0;
    text-align: center; }
    .popup-printers .printers-table .field-box:not(.simple) {
      margin-bottom: 0; }
  .popup-printers .printers-table .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--text-primary-color); }
    .popup-printers .printers-table .row > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 5px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-right-width: 1px;
      border-right-style: solid;
      border-right-color: var(--text-primary-color);
      width: 22%; }
      .popup-printers .printers-table .row > div:nth-child(4) {
        width: 12%; }
      .popup-printers .printers-table .row > div:last-child {
        border-right: none; }
  .popup-printers .printers-table .has-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 100%; }
  .popup-printers .printers-table .icon-btn {
    cursor: pointer;
    padding: 5px; }
    .popup-printers .printers-table .icon-btn .fyre-ico {
      font-size: 1.2rem;
      color: var(--text-primary-color);
      vertical-align: bottom; }

.popup-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 50px auto;
  min-height: calc(100% - 100px); }

.popup-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 810px;
  margin: 0 auto;
  padding: 60px 110px 65px;
  background: var(--page-bg-color);
  -webkit-box-shadow: 2px 8px 8px rgba(140, 140, 140, 0.3);
          box-shadow: 2px 8px 8px rgba(140, 140, 140, 0.3);
  border-radius: 7px;
  text-align: center;
  -webkit-transition: opacity 0.4s ease 0s,
 visibility 0s ease 0.4s;
  -o-transition: opacity 0.4s ease 0s,
 visibility 0s ease 0.4s;
  transition: opacity 0.4s ease 0s,
 visibility 0s ease 0.4s; }
  .popup-box.large {
    width: 980px;
    padding-left: 90px;
    padding-right: 90px; }
  .popup-box.image-popup-box {
    position: relative;
    width: 70%;
    min-width: 500px;
    padding: 60px;
    max-width: 100%; }
    @media screen and (max-width: 1366px) {
      .popup-box.image-popup-box {
        width: 80%; } }
    @media screen and (max-width: 767px) {
      .popup-box.image-popup-box {
        width: 95%;
        min-width: 290px;
        padding: 40px; } }
    @media screen and (max-width: 767px) {
      .popup-box.image-popup-box .popup-del {
        display: block;
        font-size: 15px;
        top: 10px;
        right: 10px; } }
    .popup-box.image-popup-box .image-popup-slide {
      width: 100%;
      height: 60vh;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
      @media (orientation: portrait) {
        .popup-box.image-popup-box .image-popup-slide {
          height: 50vh; } }
      @media (orientation: landscape) {
        .popup-box.image-popup-box .image-popup-slide {
          height: 60vh; } }

.popup-del {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 22px;
  height: 22px;
  padding: 0;
  font-size: 20px;
  color: var(--text-primary-helper-color);
  border: none;
  background: transparent;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s; }
  .popup-del:hover {
    opacity: 0.7; }
  @media screen and (max-width: 767px) {
    .popup-del {
      top: 10px; } }

.popup-title {
  font-family: var(--bold-font);
  font-size: 2.278rem;
  color: var(--form-primary-color);
  margin-bottom: 30px;
  padding: 0 10px; }

.popup-dscr.loyalty {
  padding: 0;
  text-align: left; }

.popup-dscr .booking-filters-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .popup-dscr .booking-filters-box {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-bottom: 15px; } }
  .popup-dscr .booking-filters-box .has-bottom-indent {
    margin-bottom: 0; }
  .popup-dscr .booking-filters-box .field-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 2rem; }
    @media screen and (max-width: 767px) {
      .popup-dscr .booking-filters-box .field-wrap {
        width: 100%;
        padding-left: 0; } }

.popup-dscr .full-width {
  display: block; }

.popup-dscr .txt-extra-large,
.popup-dscr p.txt-extra-large:last-of-type {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto; }

.popup-dscr .image {
  max-width: 330px;
  margin: 35px auto 0; }
  .popup-dscr .image.waiting-popup-img {
    max-width: 100px; }
  .popup-dscr .image img {
    width: auto;
    max-width: 100%; }

.popup-dscr img {
  width: 100%; }

.popup-dscr h4 {
  margin: 0 0 20px;
  font-family: var(--bold-font);
  font-size: 1rem; }

.popup-dscr .review-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.popup-dscr .about-rate {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 20px; }

.popup-dscr .field-box.checkbox,
.popup-dscr .field-box.checkbox.circle {
  margin-bottom: 10px; }

.popup-dscr .table-container .field-box.checkbox {
  margin-bottom: 0; }

.popup-dscr .table-container input[type="number"] {
  margin-top: -12px; }

.popup-dscr .helper-wrap {
  max-width: 520px;
  margin: 0 auto; }

.popup-dscr .helper-positioning-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .popup-dscr .helper-positioning-wrap .link {
    margin-right: 88px; }
  .popup-dscr .helper-positioning-wrap .txt-small {
    margin-bottom: 20px;
    margin-right: 15px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    text-align: left; }
    .popup-dscr .helper-positioning-wrap .txt-small.fixed-width {
      width: 200px; }
  .popup-dscr .helper-positioning-wrap .upload-btn.inline {
    margin-bottom: 20px; }

.popup-dscr .cols-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .popup-dscr .cols-wrap.col-3 .col {
    max-width: 100%;
    width: 31%;
    margin-right: 0; }
    @media screen and (max-width: 767px) {
      .popup-dscr .cols-wrap.col-3 .col {
        width: 100%; } }

.popup-dscr .col {
  width: 100%;
  max-width: 48%;
  margin-right: 30px; }
  .popup-dscr .col:last-child {
    margin-right: 0; }

.popup-dscr .select-positioning-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px; }
  .popup-dscr .select-positioning-wrap .select-box {
    width: 37%;
    margin-right: 30px; }
  .popup-dscr .select-positioning-wrap .link {
    margin-bottom: 15px; }

.popup-dscr .date-field-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 30px;
  margin-bottom: 30px; }
  .popup-dscr .date-field-wrap .field-box.simple {
    margin-bottom: 0; }

.popup-dscr .time-field-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .popup-dscr .time-field-wrap .field-box {
    width: 48%; }

.popup-dscr .accordion-content {
  margin-bottom: 20px;
  border-top-left-radius: 35px;
  border-bottom-right-radius: 35px;
  -webkit-box-shadow: 2px 8px 8px rgba(140, 140, 140, 0.3);
          box-shadow: 2px 8px 8px rgba(140, 140, 140, 0.3);
  background: rgba(123, 211, 247, 0.01); }
  .popup-dscr .accordion-content .toggle-title {
    height: 70px;
    padding: 10px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top-left-radius: 35px;
    border-bottom-right-radius: 35px;
    font-family: var(--bold-font);
    color: var(--text-secondary-color);
    font-size: 1.278rem;
    line-height: 1.2;
    border: 2px solid var(--brand-color);
    background: var(--brand-color);
    -webkit-box-shadow: 1px 3px 3px rgba(140, 140, 140, 0.3);
            box-shadow: 1px 3px 3px rgba(140, 140, 140, 0.3);
    -webkit-transition: background .3s, color .3s;
    -o-transition: background .3s, color .3s;
    transition: background .3s, color .3s; }
    .popup-dscr .accordion-content .toggle-title.dark-blue {
      border: 2px solid var(--form-secondary-color);
      background: var(--form-secondary-color); }
  .popup-dscr .accordion-content .inner {
    display: none;
    padding: 25px 65px; }
    .popup-dscr .accordion-content .inner.open {
      display: block; }

.popup-dscr .show-datepicker-btn {
  display: inline-block;
  margin-left: 10px;
  text-decoration: none; }
  .popup-dscr .show-datepicker-btn:before {
    font-family: "fyre-icons";
    font-size: 25px;
    color: var(--form-secondary-color); }

.popup-dscr .waiter-photo {
  width: 120px;
  height: 160px;
  margin: 5px 20px 20px 0;
  float: left;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .popup-dscr .waiter-photo {
      width: 80px;
      height: 106px;
      margin: 5px 15px 15px 0; } }

.popup-btns-wrap {
  margin-top: 40px; }
  .popup-btns-wrap .btn {
    margin-bottom: 25px; }
    .popup-btns-wrap .btn:last-child {
      margin-bottom: 0; }
  .popup-btns-wrap.inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .popup-btns-wrap.inline .btn {
      margin: 0 15px 15px; }
  .popup-btns-wrap.multy-btns {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .popup-btns-wrap.multy-btns .btn {
      width: 40%; }

.popup-tab-btn-wrap,
.nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px; }

.popup-tab-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 42px;
  padding: 5px;
  margin-left: 30px;
  line-height: 1.1;
  color: var(--form-secondary-color);
  text-decoration: none;
  border: 2px solid var(--form-secondary-color);
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .popup-tab-btn:nth-of-type(1) {
    margin-left: 0; }
  .popup-tab-btn:active, .popup-tab-btn:focus, .popup-tab-btn:focus-within, .popup-tab-btn:visited {
    color: var(--form-secondary-color); }
  .popup-tab-btn:hover {
    font-family: var(--bold-font);
    color: var(--page-bg-color);
    background: var(--form-secondary-color); }
    @media screen and (max-width: 1280px) {
      .popup-tab-btn:hover {
        font-family: var(--regular-font);
        color: var(--form-secondary-color);
        background: transparent; } }
  .popup-tab-btn.active {
    font-family: var(--bold-font);
    color: var(--page-bg-color);
    background: var(--form-secondary-color); }

.nav-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 42px;
  margin-left: 30px; }
  .nav-item:nth-of-type(1) {
    margin-left: 0; }
  .nav-item .nav-link {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px;
    line-height: 1.1;
    color: var(--form-secondary-color);
    text-decoration: none;
    border: 2px solid var(--form-secondary-color);
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .nav-item .nav-link.active, .nav-item .nav-link:hover {
      font-family: var(--bold-font);
      color: var(--text-secondary-helper-color);
      background: var(--form-secondary-color); }

.popup-tab-content,
.tab-pane {
  display: none;
  width: 100%; }
  .popup-tab-content.active,
  .tab-pane.active {
    display: block; }
  .popup-tab-content legend.with-img.star,
  .tab-pane legend.with-img.star {
    margin: 0 30px 0 0; }
  .popup-tab-content .set-rating,
  .tab-pane .set-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .popup-tab-content .set-rating .result,
    .tab-pane .set-rating .result {
      font-family: var(--bold-font);
      font-size: 15px;
      margin: 0 12px; }
  .popup-tab-content .table-container,
  .tab-pane .table-container {
    margin-bottom: 0; }
  .popup-tab-content .sub-form,
  .tab-pane .sub-form {
    max-width: 380px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .popup-tab-content .sub-form,
      .tab-pane .sub-form {
        max-width: 100%; } }
    .popup-tab-content .sub-form .field-box-wrap .select-box,
    .tab-pane .sub-form .field-box-wrap .select-box {
      width: 49%; }
    .popup-tab-content .sub-form .select-box,
    .tab-pane .sub-form .select-box {
      margin-bottom: 30px; }

.upload-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 30px; }
  .upload-wrapper.upload-logo {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .upload-wrapper.upload-logo {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .upload-wrapper.upload-logo .upload-photo-container {
      margin-bottom: 0;
      width: auto; }
      .upload-wrapper.upload-logo .upload-photo-container .uploaded-photo {
        width: 300px;
        height: 84px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 0;
        margin-right: 20px;
        background-image: none;
        background-position: top left;
        background-color: var(--brand-color); }
        @media screen and (max-width: 1366px) {
          .upload-wrapper.upload-logo .upload-photo-container .uploaded-photo {
            width: 230px;
            height: 72px; } }
        @media screen and (max-width: 1024px) {
          .upload-wrapper.upload-logo .upload-photo-container .uploaded-photo {
            width: 180px; } }
        @media screen and (max-width: 767px) {
          .upload-wrapper.upload-logo .upload-photo-container .uploaded-photo {
            width: 144px;
            height: 66px; } }
      .upload-wrapper.upload-logo .upload-photo-container .img {
        max-width: 250px;
        max-height: 64px;
        border-radius: 0;
        background-size: contain; }
        @media screen and (max-width: 1366px) {
          .upload-wrapper.upload-logo .upload-photo-container .img {
            max-width: 190px;
            max-height: 52px; } }
        @media screen and (max-width: 1024px) {
          .upload-wrapper.upload-logo .upload-photo-container .img {
            max-width: 150px; } }
        @media screen and (max-width: 767px) {
          .upload-wrapper.upload-logo .upload-photo-container .img {
            max-width: 120px;
            max-height: 46px; } }
  .upload-wrapper.nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media screen and (max-width: 767px) {
      .upload-wrapper.nowrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .upload-wrapper.nowrap .uploaded-photo {
      margin-bottom: 0;
      margin-right: 20px; }
    .upload-wrapper.nowrap .upload-photo-container {
      margin-bottom: 0;
      width: auto; }
  .upload-wrapper .upload-txt-attention {
    color: #ff0000;
    margin-bottom: 15px; }
    @media screen and (max-width: 767px) {
      .upload-wrapper .upload-txt-attention {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3; } }

.reset-flex-wrap .upload-wrapper.nowrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .reset-flex-wrap .upload-wrapper.nowrap .upload-photo-container {
    margin-bottom: 15px; }

.upload-photo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  width: 100%; }
  .upload-photo-container .uploaded-photo {
    position: relative;
    width: 175px;
    height: 118px;
    margin-right: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    background: url("../images/icon_empty_pic.png") no-repeat #b0b0b0 50% 50%/130px auto; }
    .upload-photo-container .uploaded-photo.sm-rectangle {
      width: 100%;
      height: 85px; }
    .upload-photo-container .uploaded-photo.square {
      height: 175px; }
  .upload-photo-container .img {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%; }

.modal-backdrop {
  display: none; }

.modal:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--text-primary-color);
  opacity: 0.5; }

.modal.parent-popup > .popup {
  overflow: hidden; }

.modal.c-modal .popup-box {
  width: 90%;
  max-width: 860px;
  padding: 65px 90px 55px; }
  @media screen and (max-width: 1366px) {
    .modal.c-modal .popup-box {
      padding: 45px 60px 40px;
      max-width: 650px; } }
  @media screen and (max-width: 767px) {
    .modal.c-modal .popup-box {
      padding: 30px 0 0 0; } }

.modal.c-modal .btn {
  margin: 0 10px 15px; }

.modal.c-modal .popup .field-box:not(.simple),
.modal.c-modal .popup .field-box {
  margin: 0 0 30px; }

.modal.c-modal .popup.welcome-popup .popup-box {
  padding: 30px 40px;
  overflow: hidden; }
  @media screen and (max-width: 1366px) {
    .modal.c-modal .popup.welcome-popup .popup-box {
      padding: 30px; } }
  @media screen and (max-width: 767px) {
    .modal.c-modal .popup.welcome-popup .popup-box {
      padding: 20px 0 0; } }

.modal.c-modal .popup.welcome-popup .popup-dscr {
  padding-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .modal.c-modal .popup.welcome-popup .popup-dscr {
      padding: 0 15px 10px; } }

@media screen and (max-width: 1366px) {
  .popup-box {
    max-width: 650px;
    padding: 60px 80px 65px; }
    .popup-box.large {
      width: calc(100% - 30px);
      max-width: 1000px; } }

@media screen and (max-width: 1024px) {
  .popup-box.large {
    padding: 50px 30px; }
  .upload-photo-container .uploaded-photo {
    margin-right: 12px;
    width: 150px;
    height: 100px; }
    .upload-photo-container .uploaded-photo.square {
      height: 150px; } }

@media screen and (max-width: 767px) {
  .popup .has-bottom-indent {
    margin-bottom: 15px; }
  .popup .field-box:not(.simple) {
    margin-bottom: 30px; }
  .popup-box {
    width: calc(100% - 30px);
    padding: 30px 0 0 0;
    border-radius: 25px; }
    .popup-box.large {
      padding: 30px 0 0; }
  .popup-title {
    font-size: 1.286rem;
    margin-bottom: 15px;
    padding: 0 18px; }
  .popup-dscr {
    padding: 0 15px 30px; }
    .popup-dscr.loyalty {
      padding: 0 15px 30px;
      background-color: inherit; }
    .popup-dscr .txt-extra-large,
    .popup-dscr p.txt-extra-large:last-of-type {
      max-width: none; }
    .popup-dscr .image {
      max-width: 200px;
      margin: 15px auto 0; }
      .popup-dscr .image.waiting-popup-img {
        width: 27%;
        max-width: 100px; }
    .popup-dscr .review-note {
      display: block;
      text-align: center; }
      .popup-dscr .review-note ~ .txt-left p {
        text-align: center; }
    .popup-dscr .about-rate {
      margin-left: 0;
      margin-top: 5px; }
    .popup-dscr .cols-wrap {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .popup-dscr .col {
      max-width: 100%;
      margin-right: 0;
      margin-bottom: 15px; }
    .popup-dscr .helper-wrap {
      max-width: none; }
    .popup-dscr .date-field-wrap {
      margin-bottom: 20px; }
    .popup-dscr .helper-positioning-wrap {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .popup-dscr .select-positioning-wrap {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .popup-dscr .select-positioning-wrap .select-box {
        width: 100%;
        margin-right: 0; }
    .popup-dscr .accordion-content .toggle-title {
      height: 60px; }
    .popup-dscr .accordion-content .inner {
      padding: 25px 20px; }
  .popup-btns-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    border-radius: 0 0 25px 25px;
    overflow: hidden; }
    .popup-btns-wrap.inline {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .popup-btns-wrap .btn.dark-blue {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .popup-btns-wrap .btn.red-bordered {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .popup-btns-wrap .btn.transparent-on-mobile {
      width: 100%;
      min-width: auto;
      text-transform: none;
      border-color: #f7f7f7;
      border-width: 2px 0 0 0;
      border-radius: 0;
      background: transparent;
      margin: 0; }
      .popup-btns-wrap .btn.transparent-on-mobile:disabled:after {
        border-radius: 0; }
      .popup-btns-wrap .btn.transparent-on-mobile.dark-blue {
        color: var(--button-primary-color); }
        .popup-btns-wrap .btn.transparent-on-mobile.dark-blue:hover {
          color: #f7f7f7;
          border-color: var(--button-primary-color);
          background: var(--button-primary-color); }
      .popup-btns-wrap .btn.transparent-on-mobile.light-green {
        color: #39b54a; }
      .popup-btns-wrap .btn.transparent-on-mobile.dark-green {
        color: green; }
      .popup-btns-wrap .btn.transparent-on-mobile.red-bordered:hover {
        color: #f7f7f7;
        border-color: var(--attention-color);
        background: var(--attention-color); }
      .popup-btns-wrap .btn.transparent-on-mobile.medium-red {
        color: var(--button-warning-color); }
        .popup-btns-wrap .btn.transparent-on-mobile.medium-red:hover {
          color: #f7f7f7;
          border-color: var(--button-warning-color);
          background: var(--button-warning-color); }
      .popup-btns-wrap .btn.transparent-on-mobile.light-red {
        color: #ff6562; }
      .popup-btns-wrap .btn.transparent-on-mobile.dark-red {
        color: red; }
      .popup-btns-wrap .btn.transparent-on-mobile.dark-yellow {
        color: #e6dd00; }
      .popup-btns-wrap .btn.transparent-on-mobile:disabled:after {
        border-radius: 0; }
    .popup-btns-wrap.reset-mob-v .btn.dark-blue {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .popup-btns-wrap.reset-mob-v .btn.red-bordered {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
  .popup-tab-btn-wrap {
    padding-left: 15px;
    padding-right: 15px; }
  .popup-tab-btn-wrap,
  .nav-tabs {
    margin-bottom: 20px; }
  .popup-tab-btn,
  .nav-item {
    margin-left: 10px; }
  .popup-tab-content .set-rating,
  .tab-pane .set-rating {
    margin-bottom: 30px; }
  .popup-tab-content .field-box.checkbox.circle,
  .tab-pane .field-box.checkbox.circle {
    margin-bottom: 10px; }
  .popup-tab-content .sub-form .field-box-wrap,
  .tab-pane .sub-form .field-box-wrap {
    display: block; }
    .popup-tab-content .sub-form .field-box-wrap .field-box:first-child,
    .tab-pane .sub-form .field-box-wrap .field-box:first-child {
      margin-right: 0; }
    .popup-tab-content .sub-form .field-box-wrap .select-box,
    .tab-pane .sub-form .field-box-wrap .select-box {
      width: 100%; }
  .popup-tab-content .sub-form .select-box,
  .tab-pane .sub-form .select-box {
    margin-bottom: 20px; }
  .upload-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .upload-photo-container {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-right: 0; }
    .upload-photo-container .uploaded-photo {
      width: 190px;
      height: 130px; }
      .upload-photo-container .uploaded-photo.square {
        width: 120px;
        height: 120px; }
  .upload-btn {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; } }

@media screen and (max-width: 480px) {
  .upload-photo-container .uploaded-photo {
    margin-right: 5px;
    margin-left: 5px; } }

.delivery-accordion,
.payment-form {
  width: 100%; }
  .delivery-accordion .content,
  .payment-form .content {
    margin-top: 10px; }
    .delivery-accordion .content.delivery legend.with-img.location,
    .payment-form .content.delivery legend.with-img.location {
      margin-top: 75px; }
    .delivery-accordion .content.payment-summary .cols-wrap,
    .payment-form .content.payment-summary .cols-wrap {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .delivery-accordion .inner,
  .payment-form .inner {
    display: none;
    padding: 50px 150px 70px; }
  .delivery-accordion .cols-wrap,
  .payment-form .cols-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 20px; }
  .delivery-accordion .toggle-title,
  .payment-form .toggle-title {
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px 30px;
    font-family: var(--bold-font);
    font-size: 2.278rem;
    line-height: 1.2;
    color: var(--text-secondary-color);
    text-transform: uppercase;
    border-top-left-radius: 35px;
    border-bottom-right-radius: 35px;
    border: 2px solid var(--brand-color);
    -webkit-box-shadow: 1px 0 3px 3px rgba(140, 140, 140, 0.3);
            box-shadow: 1px 0 3px 3px rgba(140, 140, 140, 0.3);
    background: var(--brand-color);
    cursor: pointer;
    -webkit-transition: background .3s, color .3s;
    -o-transition: background .3s, color .3s;
    transition: background .3s, color .3s; }
    .delivery-accordion .toggle-title .fyre-ico,
    .payment-form .toggle-title .fyre-ico {
      font-size: 3.9rem;
      color: var(--primary-color);
      margin-right: 20px;
      -webkit-transition: color .3s;
      -o-transition: color .3s;
      transition: color .3s; }
      .delivery-accordion .toggle-title .fyre-ico.fyre-ico-bag, .delivery-accordion .toggle-title .staff-order-report .fyre-ico.pickup-icon:before, .staff-order-report .delivery-accordion .toggle-title .fyre-ico.pickup-icon:before,
      .payment-form .toggle-title .fyre-ico.fyre-ico-bag,
      .payment-form .toggle-title .staff-order-report .fyre-ico.pickup-icon:before,
      .staff-order-report .payment-form .toggle-title .fyre-ico.pickup-icon:before {
        font-size: 2.333rem; }
      .delivery-accordion .toggle-title .fyre-ico.fyre-ico-waiter, .delivery-accordion .toggle-title .staff-order-report .fyre-ico.delivery-table-icon:before, .staff-order-report .delivery-accordion .toggle-title .fyre-ico.delivery-table-icon:before,
      .payment-form .toggle-title .fyre-ico.fyre-ico-waiter,
      .payment-form .toggle-title .staff-order-report .fyre-ico.delivery-table-icon:before,
      .staff-order-report .payment-form .toggle-title .fyre-ico.delivery-table-icon:before {
        font-size: 3.5rem; }
      .delivery-accordion .toggle-title .fyre-ico.fyre-ico-heart,
      .payment-form .toggle-title .fyre-ico.fyre-ico-heart {
        font-size: 2.4rem; }
    .delivery-accordion .toggle-title.dark-blue,
    .payment-form .toggle-title.dark-blue {
      border: 2px solid var(--form-secondary-color);
      background: var(--form-secondary-color); }
    .delivery-accordion .toggle-title.blocked,
    .payment-form .toggle-title.blocked {
      color: #e56c69;
      cursor: not-allowed;
      position: relative;
      background: transparent; }
      .delivery-accordion .toggle-title.blocked:after,
      .payment-form .toggle-title.blocked:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.2;
        border-top-left-radius: 35px;
        border-bottom-right-radius: 35px;
        background: -o-repeating-linear-gradient(45deg, var(--brand-color), var(--brand-color) 5px, var(--text-secondary-color) 5px, var(--text-secondary-color) 14px);
        background: repeating-linear-gradient(45deg, var(--brand-color), var(--brand-color) 5px, var(--text-secondary-color) 5px, var(--text-secondary-color) 14px); }
      .delivery-accordion .toggle-title.blocked span, .delivery-accordion .toggle-title.blocked .fyre-ico,
      .payment-form .toggle-title.blocked span,
      .payment-form .toggle-title.blocked .fyre-ico {
        position: relative;
        z-index: 1; }
  .delivery-accordion .col,
  .payment-form .col {
    width: 48%; }
  .delivery-accordion fieldset,
  .payment-form fieldset {
    margin-bottom: 30px; }
  .delivery-accordion .field-box.textarea-box .field-name,
  .payment-form .field-box.textarea-box .field-name {
    pointer-events: none; }
  .delivery-accordion .field-box.checkbox.circle,
  .payment-form .field-box.checkbox.circle {
    margin-bottom: 15px; }
    .delivery-accordion .field-box.checkbox.circle input[type="radio"] + label .check-txt,
    .delivery-accordion .field-box.checkbox.circle input[type="checkbox"] + label .check-txt,
    .payment-form .field-box.checkbox.circle input[type="radio"] + label .check-txt,
    .payment-form .field-box.checkbox.circle input[type="checkbox"] + label .check-txt {
      font-family: var(--regular-font); }
  .delivery-accordion .field-box.checkbox.large,
  .payment-form .field-box.checkbox.large {
    margin-bottom: 18px; }
  .delivery-accordion .has-bottom-indent,
  .payment-form .has-bottom-indent {
    margin-bottom: 45px; }
  .delivery-accordion .time-select-holder,
  .payment-form .time-select-holder {
    margin-bottom: 20px; }
  .delivery-accordion .static-address,
  .payment-form .static-address {
    font-size: 1.111rem;
    font-family: var(--bold-font); }
    .delivery-accordion .static-address.with-img,
    .payment-form .static-address.with-img {
      position: relative;
      padding-left: 30px; }
      .delivery-accordion .static-address.with-img:before,
      .payment-form .static-address.with-img:before {
        font-family: "fyre-icons";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 1rem;
        z-index: 1; }
      .delivery-accordion .static-address.with-img.location:before,
      .payment-form .static-address.with-img.location:before {
        color: var(--form-primary-color); }
  .delivery-accordion .cost-info,
  .payment-form .cost-info {
    margin-bottom: 50px; }
    .delivery-accordion .cost-info.with-img,
    .payment-form .cost-info.with-img {
      position: relative;
      padding-left: 30px; }
      .delivery-accordion .cost-info.with-img:before,
      .payment-form .cost-info.with-img:before {
        font-family: "fyre-icons";
        display: block;
        position: absolute;
        left: 0;
        top: 6px;
        font-size: 1rem;
        z-index: 1; }
      .delivery-accordion .cost-info.with-img.cost:before,
      .payment-form .cost-info.with-img.cost:before {
        color: var(--form-primary-color); }
    .delivery-accordion .cost-info .wrap,
    .payment-form .cost-info .wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 30px;
      overflow: hidden; }
      .delivery-accordion .cost-info .wrap.total-cost .label,
      .payment-form .cost-info .wrap.total-cost .label {
        font-family: var(--bold-font);
        text-transform: uppercase; }
      .delivery-accordion .cost-info .wrap.total-cost .label,
      .delivery-accordion .cost-info .wrap.total-cost .price,
      .payment-form .cost-info .wrap.total-cost .label,
      .payment-form .cost-info .wrap.total-cost .price {
        font-size: 1.389rem; }
    .delivery-accordion .cost-info .label,
    .payment-form .cost-info .label {
      position: relative;
      padding-right: 8px;
      background: var(--page-bg-color);
      max-width: 200px;
      white-space: nowrap; }
      .delivery-accordion .cost-info .label:after,
      .payment-form .cost-info .label:after {
        content: '';
        position: absolute;
        bottom: 8px;
        width: 1000px;
        height: 2px;
        margin-left: 10px;
        background-repeat: repeat-x;
        background-position: 0 50%;
        background-size: 18px 2px;
        background-image: -webkit-gradient(linear, left top, right top, from(var(--text-primary-color)), color-stop(50%, var(--text-primary-color)), color-stop(50%, transparent));
        background-image: -o-linear-gradient(left, var(--text-primary-color) 0%, var(--text-primary-color) 50%, transparent 50%);
        background-image: linear-gradient(to right, var(--text-primary-color) 0%, var(--text-primary-color) 50%, transparent 50%); }
    .delivery-accordion .cost-info .price,
    .payment-form .cost-info .price {
      -ms-flex-item-align: end;
          align-self: flex-end;
      padding-left: 8px;
      font-size: 1.278rem;
      line-height: 1.2;
      font-family: var(--bold-font);
      background: var(--page-bg-color);
      z-index: 1; }
  .delivery-accordion .payment-summary-title,
  .payment-form .payment-summary-title {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 auto 1rem;
    text-align: center; }
  .delivery-accordion .payment-summary-total,
  .payment-form .payment-summary-total {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .delivery-accordion .payment-summary-total .sum-content,
    .payment-form .payment-summary-total .sum-content {
      width: 50%;
      padding: 1rem;
      border: 1px solid var(--text-primary-helper-color);
      border-top: none; }
    .delivery-accordion .payment-summary-total .sum-item,
    .payment-form .payment-summary-total .sum-item {
      padding-bottom: 0.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
      .delivery-accordion .payment-summary-total .sum-item span,
      .payment-form .payment-summary-total .sum-item span {
        width: 50%; }
        .delivery-accordion .payment-summary-total .sum-item span:first-child,
        .payment-form .payment-summary-total .sum-item span:first-child {
          font-weight: 600; }
        .delivery-accordion .payment-summary-total .sum-item span:last-child,
        .payment-form .payment-summary-total .sum-item span:last-child {
          text-align: right; }
      .delivery-accordion .payment-summary-total .sum-item:last-child,
      .payment-form .payment-summary-total .sum-item:last-child {
        padding-bottom: 0; }
  .delivery-accordion .payment-summary-users,
  .payment-form .payment-summary-users {
    list-style: none;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto; }
    .delivery-accordion .payment-summary-users .user,
    .payment-form .payment-summary-users .user {
      position: relative;
      width: 50%; }
      .delivery-accordion .payment-summary-users .user:nth-child(1):before, .delivery-accordion .payment-summary-users .user:nth-child(2):before,
      .payment-form .payment-summary-users .user:nth-child(1):before,
      .payment-form .payment-summary-users .user:nth-child(2):before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        border-top: 1px solid var(--text-primary-helper-color);
        height: 1px; }
      .delivery-accordion .payment-summary-users .user:nth-child(1):before,
      .payment-form .payment-summary-users .user:nth-child(1):before {
        left: 50%; }
      .delivery-accordion .payment-summary-users .user:nth-child(2):before,
      .payment-form .payment-summary-users .user:nth-child(2):before {
        right: 50%; }
      .delivery-accordion .payment-summary-users .user:nth-child(odd):after, .delivery-accordion .payment-summary-users .user:nth-child(even):after,
      .payment-form .payment-summary-users .user:nth-child(odd):after,
      .payment-form .payment-summary-users .user:nth-child(even):after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed var(--text-primary-helper-color); }
      .delivery-accordion .payment-summary-users .user:nth-child(odd):after,
      .payment-form .payment-summary-users .user:nth-child(odd):after {
        left: 50%; }
      .delivery-accordion .payment-summary-users .user:nth-child(even):after,
      .payment-form .payment-summary-users .user:nth-child(even):after {
        right: 50%; }
      .delivery-accordion .payment-summary-users .user .user-content,
      .payment-form .payment-summary-users .user .user-content {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        height: 100%; }
        .delivery-accordion .payment-summary-users .user .user-content > div,
        .payment-form .payment-summary-users .user .user-content > div {
          width: 50%; }
      .delivery-accordion .payment-summary-users .user p,
      .payment-form .payment-summary-users .user p {
        margin: 0; }
      .delivery-accordion .payment-summary-users .user .name,
      .payment-form .payment-summary-users .user .name {
        font-weight: 600; }
      .delivery-accordion .payment-summary-users .user .name, .delivery-accordion .payment-summary-users .user .price,
      .payment-form .payment-summary-users .user .name,
      .payment-form .payment-summary-users .user .price {
        padding: 1rem; }
      .delivery-accordion .payment-summary-users .user:nth-child(odd) .user-content,
      .payment-form .payment-summary-users .user:nth-child(odd) .user-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .delivery-accordion .payment-summary-users .user:nth-child(odd) .user-content .name,
        .payment-form .payment-summary-users .user:nth-child(odd) .user-content .name {
          text-align: right; }
        .delivery-accordion .payment-summary-users .user:nth-child(odd) .user-content .price,
        .payment-form .payment-summary-users .user:nth-child(odd) .user-content .price {
          text-align: left; }
        .delivery-accordion .payment-summary-users .user:nth-child(odd) .user-content:before, .delivery-accordion .payment-summary-users .user:nth-child(odd) .user-content:after,
        .payment-form .payment-summary-users .user:nth-child(odd) .user-content:before,
        .payment-form .payment-summary-users .user:nth-child(odd) .user-content:after {
          content: '';
          position: absolute;
          top: 0;
          width: 1px;
          height: 100%;
          border-left: 1px solid var(--text-primary-helper-color); }
        .delivery-accordion .payment-summary-users .user:nth-child(odd) .user-content:before,
        .payment-form .payment-summary-users .user:nth-child(odd) .user-content:before {
          left: 50%; }
        .delivery-accordion .payment-summary-users .user:nth-child(odd) .user-content:after,
        .payment-form .payment-summary-users .user:nth-child(odd) .user-content:after {
          left: calc(150% - 1px); }
      .delivery-accordion .payment-summary-users .user:nth-child(even) .user-content,
      .payment-form .payment-summary-users .user:nth-child(even) .user-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
        .delivery-accordion .payment-summary-users .user:nth-child(even) .user-content .name,
        .payment-form .payment-summary-users .user:nth-child(even) .user-content .name {
          text-align: left; }
        .delivery-accordion .payment-summary-users .user:nth-child(even) .user-content .price,
        .payment-form .payment-summary-users .user:nth-child(even) .user-content .price {
          text-align: right; }

@media screen and (max-width: 1366px) {
  .delivery-accordion .toggle-title,
  .payment-form .toggle-title {
    height: 80px;
    padding: 15px; }
  .delivery-accordion .inner,
  .payment-form .inner {
    padding: 40px 50px 60px; }
  .delivery-accordion .static-address.with-img,
  .delivery-accordion .cost-info.with-img,
  .payment-form .static-address.with-img,
  .payment-form .cost-info.with-img {
    padding-left: 25px; }
  .delivery-accordion .cost-info.with-img:before,
  .payment-form .cost-info.with-img:before {
    top: 4px; } }

@media screen and (max-width: 1024px) {
  .delivery-accordion .inner,
  .payment-form .inner {
    padding: 30px 30px 50px; }
  .delivery-accordion .cols-wrap,
  .payment-form .cols-wrap {
    display: block; }
  .delivery-accordion .col,
  .payment-form .col {
    width: 100%; }
  .delivery-accordion .static-address,
  .payment-form .static-address {
    font-size: 1rem; }
  .delivery-accordion .has-bottom-indent,
  .payment-form .has-bottom-indent {
    margin-bottom: 25px; } }

@media screen and (max-width: 767px) {
  .delivery-accordion,
  .payment-form {
    margin-top: 10px;
    margin-bottom: 20px; }
    .delivery-accordion .content,
    .payment-form .content {
      padding: 5px 15px;
      margin-top: 5px; }
      .delivery-accordion .content.delivery legend.with-img.location,
      .payment-form .content.delivery legend.with-img.location {
        margin-top: 40px; }
      .delivery-accordion .content:last-child .inner,
      .payment-form .content:last-child .inner {
        margin-bottom: -40px; }
    .delivery-accordion .cols-wrap,
    .payment-form .cols-wrap {
      margin-bottom: 30px; }
    .delivery-accordion .toggle-title,
    .payment-form .toggle-title {
      height: 64px;
      font-size: 1.857rem; }
      .delivery-accordion .toggle-title .fyre-ico,
      .payment-form .toggle-title .fyre-ico {
        font-size: 3.1rem;
        margin-right: 10px; }
        .delivery-accordion .toggle-title .fyre-ico.fyre-ico-bag, .delivery-accordion .toggle-title .staff-order-report .fyre-ico.pickup-icon:before, .staff-order-report .delivery-accordion .toggle-title .fyre-ico.pickup-icon:before,
        .payment-form .toggle-title .fyre-ico.fyre-ico-bag,
        .payment-form .toggle-title .staff-order-report .fyre-ico.pickup-icon:before,
        .staff-order-report .payment-form .toggle-title .fyre-ico.pickup-icon:before {
          font-size: 1.9rem; }
        .delivery-accordion .toggle-title .fyre-ico.fyre-ico-waiter, .delivery-accordion .toggle-title .staff-order-report .fyre-ico.delivery-table-icon:before, .staff-order-report .delivery-accordion .toggle-title .fyre-ico.delivery-table-icon:before,
        .payment-form .toggle-title .fyre-ico.fyre-ico-waiter,
        .payment-form .toggle-title .staff-order-report .fyre-ico.delivery-table-icon:before,
        .staff-order-report .payment-form .toggle-title .fyre-ico.delivery-table-icon:before {
          font-size: 2.8rem; }
        .delivery-accordion .toggle-title .fyre-ico.fyre-ico-heart,
        .payment-form .toggle-title .fyre-ico.fyre-ico-heart {
          font-size: 2rem; }
    .delivery-accordion .inner,
    .payment-form .inner {
      padding: 25px 0 35px; }
      .delivery-accordion .inner.open,
      .payment-form .inner.open {
        margin-bottom: 0; }
    .delivery-accordion fieldset,
    .payment-form fieldset {
      margin-bottom: 10px; }
    .delivery-accordion .field-box-wrap.full-width,
    .payment-form .field-box-wrap.full-width {
      display: block; }
    .delivery-accordion .field-box.checkbox.circle,
    .payment-form .field-box.checkbox.circle {
      margin-bottom: 17px; }
    .delivery-accordion .cost-info,
    .payment-form .cost-info {
      margin-bottom: 20px; }
      .delivery-accordion .cost-info .wrap,
      .payment-form .cost-info .wrap {
        margin-bottom: 10px; }
        .delivery-accordion .cost-info .wrap.total-cost .label,
        .delivery-accordion .cost-info .wrap.total-cost .price,
        .payment-form .cost-info .wrap.total-cost .label,
        .payment-form .cost-info .wrap.total-cost .price {
          font-size: 1.286rem; }
      .delivery-accordion .cost-info .label,
      .payment-form .cost-info .label {
        padding-right: 5px; }
      .delivery-accordion .cost-info .price,
      .payment-form .cost-info .price {
        font-size: 1rem;
        padding-left: 5px; }
    .delivery-accordion .payment-summary-total,
    .payment-form .payment-summary-total {
      font-size: 0.8rem; }
      .delivery-accordion .payment-summary-total .sum-content,
      .payment-form .payment-summary-total .sum-content {
        padding: 5px; }
      .delivery-accordion .payment-summary-total .sum-item,
      .payment-form .payment-summary-total .sum-item {
        padding-bottom: 5px; }
    .delivery-accordion .payment-summary-users,
    .payment-form .payment-summary-users {
      font-size: 0.8rem; }
      .delivery-accordion .payment-summary-users p,
      .payment-form .payment-summary-users p {
        font-size: 0.8rem; }
      .delivery-accordion .payment-summary-users .user .name, .delivery-accordion .payment-summary-users .user .price,
      .payment-form .payment-summary-users .user .name,
      .payment-form .payment-summary-users .user .price {
        padding: 5px; } }

@media screen and (max-width: 480px) {
  .delivery-accordion .toggle-title,
  .payment-form .toggle-title {
    font-size: 1.5rem; }
  .delivery-accordion .payment-summary-total,
  .payment-form .payment-summary-total {
    font-size: 0.75rem; }
  .delivery-accordion .payment-summary-users,
  .payment-form .payment-summary-users {
    font-size: 0.75rem; }
    .delivery-accordion .payment-summary-users p,
    .payment-form .payment-summary-users p {
      font-size: 0.75rem; } }

.top-banner {
  width: 100%;
  height: 445px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover; }

.has-sidebar .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.sidebar {
  width: 390px;
  padding-bottom: 250px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-right: 1px solid var(--form-secondary-color);
  border-top-left-radius: 35px;
  background: var(--page-bg-color); }
  .sidebar .toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 80px;
    text-decoration: none;
    border-bottom: 1px solid var(--form-secondary-color);
    -webkit-transition: background 0.3s ease, color 0.3s ease;
    -o-transition: background 0.3s ease, color 0.3s ease;
    transition: background 0.3s ease, color 0.3s ease; }
    .sidebar .toggle .fyre-ico {
      width: 28px;
      text-align: center;
      -webkit-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      transition: color 0.3s ease; }
      .sidebar .toggle .fyre-ico.fyre-ico-arrow, .sidebar .toggle .carousel.slide .fyre-ico.carousel-control:before, .carousel.slide .sidebar .toggle .fyre-ico.carousel-control:before {
        margin: 0;
        -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
                transform: rotate(270deg); }
  .sidebar .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; }
  .sidebar .level-first > li .main-title {
    padding: 10px 35px 10px 45px;
    font-size: 1.278rem;
    font-family: var(--bold-font);
    color: var(--text-primary-color);
    text-transform: uppercase;
    background: var(--page-bg-color); }
    .sidebar .level-first > li .main-title:hover {
      color: var(--text-secondary-helper-color);
      background: var(--form-secondary-color); }
      .sidebar .level-first > li .main-title:hover .fyre-ico {
        color: var(--text-secondary-helper-color); }
    .sidebar .level-first > li .main-title .fyre-ico {
      margin-right: 18px;
      font-size: 1.278rem;
      color: var(--form-primary-color); }
      .sidebar .level-first > li .main-title .fyre-ico.fyre-ico-clock-in-circle {
        font-size: 1.333rem; }
      .sidebar .level-first > li .main-title .fyre-ico.fyre-ico-arrow, .sidebar .level-first > li .main-title .carousel.slide .fyre-ico.carousel-control:before, .carousel.slide .sidebar .level-first > li .main-title .fyre-ico.carousel-control:before {
        width: 20px;
        margin: 0;
        font-size: 1.056rem; }
  .sidebar .level-first > li:first-child .main-title {
    border-top-left-radius: 35px; }
  .sidebar .level-first > li.active .main-title {
    color: var(--text-secondary-helper-color);
    background: var(--form-secondary-color); }
    .sidebar .level-first > li.active .main-title .fyre-ico {
      color: var(--text-secondary-helper-color); }
      .sidebar .level-first > li.active .main-title .fyre-ico.fyre-ico-arrow, .sidebar .level-first > li.active .main-title .carousel.slide .fyre-ico.carousel-control:before, .carousel.slide .sidebar .level-first > li.active .main-title .fyre-ico.carousel-control:before {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg); }
  .sidebar .level-first > li.active .level-second {
    display: block; }
  .sidebar .level-second > li .sub-title {
    padding: 10px 35px 10px 80px;
    font-size: 1rem;
    color: var(--text-primary-color); }
    .sidebar .level-second > li .sub-title:first-letter {
      text-transform: uppercase; }
    .sidebar .level-second > li .sub-title:hover {
      background: var(--primary-color); }
    .sidebar .level-second > li .sub-title .fyre-ico {
      font-size: 1.111rem;
      margin-right: 15px;
      color: var(--text-primary-helper-color); }
      .sidebar .level-second > li .sub-title .fyre-ico.fyre-ico-arrow, .sidebar .level-second > li .sub-title .carousel.slide .fyre-ico.carousel-control:before, .carousel.slide .sidebar .level-second > li .sub-title .fyre-ico.carousel-control:before {
        display: none;
        margin: 0; }
      .sidebar .level-second > li .sub-title .fyre-ico.fyre-ico-user-card {
        font-size: 1.278rem; }
      .sidebar .level-second > li .sub-title .fyre-ico.fyre-ico-cost, .sidebar .level-second > li .sub-title legend.fyre-ico.with-img.cost:before, .sidebar .level-second > li .sub-title .fyre-ico.field-box.codepromo:before, .sidebar .level-second > li .sub-title .fyre-ico.field-box.cost:before, .sidebar .level-second > li .sub-title .fyre-ico.select-box.cost:before, .sidebar .level-second > li .sub-title .fyre-ico.cart-sum:before, .sidebar .level-second > li .sub-title .delivery-accordion .fyre-ico.cost-info.with-img.cost:before, .delivery-accordion .sidebar .level-second > li .sub-title .fyre-ico.cost-info.with-img.cost:before,
      .sidebar .level-second > li .sub-title .payment-form .fyre-ico.cost-info.with-img.cost:before, .payment-form .sidebar .level-second > li .sub-title .fyre-ico.cost-info.with-img.cost:before {
        font-size: 1rem; }
      .sidebar .level-second > li .sub-title .fyre-ico.fyre-ico-bike, .sidebar .level-second > li .sub-title legend.fyre-ico.with-img.bike:before, .sidebar .level-second > li .sub-title .staff-order-report .fyre-ico.delivery-icon:before, .staff-order-report .sidebar .level-second > li .sub-title .fyre-ico.delivery-icon:before {
        font-size: 1.556rem; }
      .sidebar .level-second > li .sub-title .fyre-ico.fyre-ico-waiter, .sidebar .level-second > li .sub-title .staff-order-report .fyre-ico.delivery-table-icon:before, .staff-order-report .sidebar .level-second > li .sub-title .fyre-ico.delivery-table-icon:before {
        font-size: 1.4rem; }
  .sidebar .level-second > li.active .sub-title {
    font-family: var(--bold-font);
    background: var(--primary-color); }
    .sidebar .level-second > li.active .sub-title .fyre-ico.fyre-ico-arrow, .sidebar .level-second > li.active .sub-title .carousel.slide .fyre-ico.carousel-control:before, .carousel.slide .sidebar .level-second > li.active .sub-title .fyre-ico.carousel-control:before {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
  .sidebar .level-second > li.active .sidebar-content {
    display: block; }

@media screen and (max-width: 1366px) {
  .top-banner {
    height: 350px; }
  .sidebar {
    width: 300px;
    padding-bottom: 200px; }
    .sidebar .toggle {
      height: 80px; }
    .sidebar .level-first > li .main-title {
      padding: 10px 15px 10px 20px; }
      .sidebar .level-first > li .main-title .fyre-ico {
        margin-right: 10px; }
    .sidebar .level-second > li .sub-title {
      padding: 10px 30px 10px 40px; }
      .sidebar .level-second > li .sub-title .fyre-ico {
        margin-right: 10px; } }

@media screen and (max-width: 1024px) {
  .top-banner {
    height: 250px; }
  .sidebar {
    width: 230px;
    padding-bottom: 150px; } }

@media screen and (max-width: 767px) {
  .top-banner {
    display: none; }
  .sidebar {
    width: 100%;
    padding-bottom: 0;
    border-right: none;
    border-top-left-radius: 0;
    background: transparent; }
    .sidebar .toggle {
      border: none; }
      .sidebar .toggle .fyre-ico {
        width: 20px; }
    .sidebar .level-first > li {
      margin-bottom: 30px; }
      .sidebar .level-first > li:first-child .main-title {
        border-top-left-radius: 0; }
      .sidebar .level-first > li:last-child {
        margin-bottom: 0; }
      .sidebar .level-first > li.active {
        margin-bottom: 10px; }
      .sidebar .level-first > li .main-title {
        height: 40px;
        padding: 5px 10px;
        margin-bottom: -20px;
        position: relative;
        font-size: 1rem;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        -webkit-box-shadow: 1px 3px 3px rgba(140, 140, 140, 0.3);
                box-shadow: 1px 3px 3px rgba(140, 140, 140, 0.3); }
        .sidebar .level-first > li .main-title .fyre-ico.fyre-ico-arrow, .sidebar .level-first > li .main-title .carousel.slide .fyre-ico.carousel-control:before, .carousel.slide .sidebar .level-first > li .main-title .fyre-ico.carousel-control:before {
          font-size: 0.786rem; }
    .sidebar .level-second > li {
      margin-bottom: 2px; }
      .sidebar .level-second > li:first-child .sub-title,
      .sidebar .level-second > li.hidden:first-child + li .sub-title {
        height: 65px;
        padding-top: 25px; }
      .sidebar .level-second > li .sub-title {
        height: 45px;
        padding: 5px 10px;
        background: var(--primary-color); }
        .sidebar .level-second > li .sub-title .fyre-ico.fyre-ico-arrow, .sidebar .level-second > li .sub-title .carousel.slide .fyre-ico.carousel-control:before, .carousel.slide .sidebar .level-second > li .sub-title .fyre-ico.carousel-control:before {
          display: block;
          font-size: 0.786rem; } }

.sidebar-content {
  display: none;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 100%;
  padding: 50px 80px 80px;
  border-bottom-right-radius: 35px; }
  .sidebar-content.active {
    display: block; }
  .sidebar-content h2 {
    color: var(--text-primary-color);
    font-family: var(--bold-font);
    margin-bottom: 50px; }
    .sidebar-content h2.has-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .sidebar-content h2.has-icon .fyre-ico {
        color: var(--form-primary-color);
        margin-left: 10px;
        cursor: pointer; }
  .sidebar-content .fyre-ico-rubbish, .sidebar-content .status-item.del-item, .sidebar-content .add-edit-tables .tools #clear button:before, .add-edit-tables .tools #clear .sidebar-content button:before {
    font-size: 1.5rem; }
  .sidebar-content .fyre-ico-send-mail {
    margin-top: -2px; }
  .sidebar-content .table-container {
    margin: 0; }
    .sidebar-content .table-container.thin {
      overflow-x: auto; }
  .sidebar-content .form-group.bg-transparent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .sidebar-content .pagination {
    max-width: 660px;
    margin: 0 auto; }
  .sidebar-content.user-profile {
    padding: 50px 0 80px; }
    .sidebar-content.user-profile form:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    .sidebar-content.user-profile .b-left {
      width: 265px;
      float: left;
      text-align: center; }
      .sidebar-content.user-profile .b-left .btn-box label {
        display: inline-block; }
      .sidebar-content.user-profile .b-left .btn-box input[type=file] {
        display: none; }
      .sidebar-content.user-profile .b-left .btn-box .btn {
        width: 180px;
        padding: 10px 7px;
        font-size: 13px;
        min-height: auto; }
    .sidebar-content.user-profile .user-photo {
      width: 180px;
      height: 180px;
      margin: 0 auto 35px;
      border: 2px solid var(--form-secondary-color);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      background-color: #ffffff; }
    .sidebar-content.user-profile .b-right {
      margin: 0 0 0 265px; }
    .sidebar-content.user-profile .shadow-box {
      border-bottom-right-radius: 0;
      padding: 60px 100px 60px 40px;
      background-color: var(--page-bg-color); }
  .sidebar-content.delivery-pickup .order {
    max-width: 640px;
    margin: 0 auto 80px; }
    .sidebar-content.delivery-pickup .order.order-closed .order-details {
      display: none; }
    .sidebar-content.delivery-pickup .order.active .toggle-arrow .fyre-ico-arrow, .sidebar-content.delivery-pickup .order.active .toggle-arrow .carousel.slide .carousel-control:before, .carousel.slide .sidebar-content.delivery-pickup .order.active .toggle-arrow .carousel-control:before {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
  .sidebar-content.delivery-pickup .shadow-box {
    position: relative;
    z-index: 1;
    margin-bottom: -30px; }
    .sidebar-content.delivery-pickup .shadow-box .value-wrap {
      padding: 5px 15px; }
    .sidebar-content.delivery-pickup .shadow-box .value.larger {
      font-size: 1.6rem; }
    .sidebar-content.delivery-pickup .shadow-box .labels-wrap {
      position: absolute;
      top: -20px;
      left: -10px;
      right: -10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      z-index: 2; }
      @media screen and (max-width: 767px) {
        .sidebar-content.delivery-pickup .shadow-box .labels-wrap {
          top: -13px;
          left: 0;
          right: 0; } }
      .sidebar-content.delivery-pickup .shadow-box .labels-wrap .btn.non-clickable {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); }
    .sidebar-content.delivery-pickup .shadow-box .review-labels-wrap {
      position: absolute;
      bottom: -15px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
    @media screen and (max-width: 767px) {
      .sidebar-content.delivery-pickup .shadow-box .btn {
        min-height: 26px;
        padding: 3px 7px;
        font-size: 11px; } }
    @media screen and (max-width: 767px) {
      .sidebar-content.delivery-pickup .shadow-box .btn .star {
        font-size: 1rem;
        margin: 0; } }
  .sidebar-content.delivery-pickup .helper-wrap {
    width: 100%;
    padding: 38px 10px;
    cursor: pointer; }
  .sidebar-content.delivery-pickup .toggle-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 20px;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg); }
  .sidebar-content.delivery-pickup .label {
    padding: 10px 22px;
    font-family: var(--bold-font);
    font-size: 1.111rem;
    line-height: 1;
    color: #ffffff;
    border-radius: 20px; }
    .sidebar-content.delivery-pickup .label.open {
      background: #e93f04; }
    .sidebar-content.delivery-pickup .label.closed {
      background: #e98004; }
    .sidebar-content.delivery-pickup .label.ready {
      background: #39b54a; }
    .sidebar-content.delivery-pickup .label.meal-type {
      background: #7bd3f7; }
    .sidebar-content.delivery-pickup .label.booking-status--requested {
      background: orange; }
    .sidebar-content.delivery-pickup .label.booking-status--confirmed {
      background: green; }
    .sidebar-content.delivery-pickup .label.booking-status--dining {
      background: steelblue; }
    .sidebar-content.delivery-pickup .label.booking-status--done {
      background: grey; }
    .sidebar-content.delivery-pickup .label.booking-status--cancelled {
      background: grey; }
    .sidebar-content.delivery-pickup .label.booking-status--rejected {
      background: grey; }
    .sidebar-content.delivery-pickup .label.booking-status--unshown {
      background: black; }
    .sidebar-content.delivery-pickup .label.booking-status--waiting {
      background: red; }
  .sidebar-content.delivery-pickup .order-details {
    position: relative;
    padding: 95px 35px 30px;
    margin: 0 auto;
    font-family: var(--bold-font);
    font-size: 1.389rem;
    color: var(--text-secondary-helper-color);
    background: var(--form-secondary-color);
    -webkit-box-shadow: 2px 2px 17px 1px rgba(140, 140, 140, 0.3);
            box-shadow: 2px 2px 17px 1px rgba(140, 140, 140, 0.3); }
    .sidebar-content.delivery-pickup .order-details:after {
      background: -o-linear-gradient(135deg, transparent 16px, var(--form-secondary-color) 0), -o-linear-gradient(45deg, transparent 16px, var(--form-secondary-color) 0);
      background: linear-gradient(-45deg, transparent 16px, var(--form-secondary-color) 0), linear-gradient(45deg, transparent 16px, var(--form-secondary-color) 0);
      background-repeat: repeat-x;
      background-position: left bottom;
      background-size: 20px 32px;
      content: "";
      display: block;
      width: 100%;
      height: 12px;
      position: absolute;
      bottom: -12px;
      left: 0; }
    .sidebar-content.delivery-pickup .order-details .col-title {
      text-align: right;
      font-size: 1rem;
      color: var(--primary-color); }
    .sidebar-content.delivery-pickup .order-details .print-wrap {
      margin-bottom: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media screen and (max-width: 767px) {
        .sidebar-content.delivery-pickup .order-details .print-wrap {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          margin-bottom: 0; } }
      .sidebar-content.delivery-pickup .order-details .print-wrap .btn {
        margin: 0 15px 15px 0; }
        @media screen and (max-width: 767px) {
          .sidebar-content.delivery-pickup .order-details .print-wrap .btn {
            margin: 0 auto 15px; } }
    .sidebar-content.delivery-pickup .order-details .print-icon {
      margin: 0 15px 15px 0; }
      @media screen and (max-width: 767px) {
        .sidebar-content.delivery-pickup .order-details .print-icon {
          margin: 0 auto 15px; } }
      .sidebar-content.delivery-pickup .order-details .print-icon:before {
        font-family: "fyre-icons";
        display: block;
        line-height: 1;
        z-index: 1;
        font-size: 2rem;
        color: var(--subpage-bg-color); }
    .sidebar-content.delivery-pickup .order-details a {
      color: var(--text-secondary-helper-color); }
      .sidebar-content.delivery-pickup .order-details a:not(.underlined) {
        text-decoration: none; }
  .sidebar-content.delivery-pickup .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    overflow: hidden;
    margin-bottom: 15px; }
    .sidebar-content.delivery-pickup .row.additions {
      padding-left: 20px; }
  .sidebar-content.delivery-pickup .rows-separator {
    padding-top: 25px;
    margin-top: 35px;
    border-top: 2px solid var(--text-secondary-helper-color); }
  .sidebar-content.delivery-pickup .name {
    max-width: 290px;
    position: relative; }
    .sidebar-content.delivery-pickup .name:after {
      content: '';
      position: absolute;
      bottom: 6px;
      width: 1000px;
      margin-left: 20px;
      height: 5px;
      background: -o-radial-gradient(var(--text-secondary-helper-color) 15%, transparent 15%) 10px 10px, -o-radial-gradient(var(--text-secondary-helper-color) 15%, transparent 20%) 10px 10px;
      background: radial-gradient(var(--text-secondary-helper-color) 15%, transparent 15%) 10px 10px, radial-gradient(var(--text-secondary-helper-color) 15%, transparent 20%) 10px 10px;
      background-size: 12px 12px;
      background-position: 0; }
    .sidebar-content.delivery-pickup .name .name-inner {
      position: relative;
      z-index: 1;
      background: var(--form-secondary-color); }
  .sidebar-content.delivery-pickup .price, .sidebar-content.delivery-pickup .order-details-info {
    -ms-flex-item-align: end;
        align-self: flex-end;
    position: relative;
    font-size: 1.667rem;
    line-height: 1.1;
    white-space: nowrap;
    padding-left: 20px;
    background: var(--form-secondary-color); }
  .sidebar-content.delivery-pickup .price-paid-by-me {
    display: inline-block;
    min-width: 100px;
    padding-left: 30px;
    text-align: right;
    font-size: 1.3rem;
    color: var(--primary-color); }
  .sidebar-content.delivery-pickup .total {
    font-size: 2.111rem;
    text-transform: uppercase; }
    .sidebar-content.delivery-pickup .total .price-paid-by-me {
      font-size: 1.7rem; }
  .sidebar-content.delivery-pickup .vat {
    font-size: 1.389rem;
    color: var(--non-active-color); }
    .sidebar-content.delivery-pickup .vat .price-paid-by-me {
      font-size: 1.7rem;
      color: var(--non-active-color); }
  .sidebar-content.in-dining {
    text-align: center; }
    .sidebar-content.in-dining .camera-window {
      width: 180px;
      height: 180px;
      margin: 0 auto 20px;
      border: 2px solid var(--form-secondary-color); }
    .sidebar-content.in-dining .btn {
      margin: 0 auto; }
  .sidebar-content.payment-methods .form-group.bg-transparent, .sidebar-content.my-subscriptions .form-group.bg-transparent {
    padding-bottom: 50px; }
    .sidebar-content.payment-methods .form-group.bg-transparent.reset-bottom-indent, .sidebar-content.my-subscriptions .form-group.bg-transparent.reset-bottom-indent {
      padding-bottom: 0; }
  .sidebar-content.my-subscriptions fieldset {
    margin-bottom: 30px; }
  .sidebar-content.my-subscriptions .fieldset-inner {
    margin-bottom: 20px; }
  .sidebar-content.my-subscriptions .info {
    margin-bottom: 50px; }
    .sidebar-content.my-subscriptions .info p {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .sidebar-content.my-subscriptions .info strong {
      text-align: right;
      margin-left: 10px; }
  .sidebar-content.delivery-addresses .shadow-box, .sidebar-content.in-dining .shadow-box, .sidebar-content.payment-methods .shadow-box, .sidebar-content.my-subscriptions .shadow-box, .sidebar-content.my-communications .shadow-box, .sidebar-content.my-printers .shadow-box, .sidebar-content.my-staff .shadow-box {
    padding: 40px;
    background-color: var(--page-bg-color); }
    @media screen and (max-width: 1366px) {
      .sidebar-content.delivery-addresses .shadow-box, .sidebar-content.in-dining .shadow-box, .sidebar-content.payment-methods .shadow-box, .sidebar-content.my-subscriptions .shadow-box, .sidebar-content.my-communications .shadow-box, .sidebar-content.my-printers .shadow-box, .sidebar-content.my-staff .shadow-box {
        padding: 30px; } }
    @media screen and (max-width: 1024px) {
      .sidebar-content.delivery-addresses .shadow-box, .sidebar-content.in-dining .shadow-box, .sidebar-content.payment-methods .shadow-box, .sidebar-content.my-subscriptions .shadow-box, .sidebar-content.my-communications .shadow-box, .sidebar-content.my-printers .shadow-box, .sidebar-content.my-staff .shadow-box {
        padding: 30px 20px; } }
    @media screen and (max-width: 767px) {
      .sidebar-content.delivery-addresses .shadow-box, .sidebar-content.in-dining .shadow-box, .sidebar-content.payment-methods .shadow-box, .sidebar-content.my-subscriptions .shadow-box, .sidebar-content.my-communications .shadow-box, .sidebar-content.my-printers .shadow-box, .sidebar-content.my-staff .shadow-box {
        padding: 0;
        background: transparent; } }
  .sidebar-content.delivery-addresses .field-box.checkbox, .sidebar-content.in-dining .field-box.checkbox, .sidebar-content.payment-methods .field-box.checkbox, .sidebar-content.my-subscriptions .field-box.checkbox, .sidebar-content.my-communications .field-box.checkbox, .sidebar-content.my-printers .field-box.checkbox, .sidebar-content.my-staff .field-box.checkbox {
    margin-bottom: 10px; }
  .sidebar-content.my-printers .wrap-field-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .sidebar-content.my-printers .popup-dscr .col {
    max-width: 45%;
    margin-right: 0; }
    @media screen and (max-width: 1024px) {
      .sidebar-content.my-printers .popup-dscr .col {
        max-width: 100%; } }
  .sidebar-content.my-printers .form-group.bg-white {
    margin-bottom: 35px; }
    @media screen and (max-width: 767px) {
      .sidebar-content.my-printers .form-group.bg-white {
        margin-bottom: 0; } }
  .sidebar-content.my-printers .form-group.bg-transparent {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .sidebar-content.my-printers .form-group.bg-transparent .btn {
      margin: 0 10px 15px; }
  .sidebar-content.my-printers .printers-table .field-box.checkbox {
    margin-bottom: 0; }
  .sidebar-content.my-staff .table-container {
    margin-bottom: 20px; }
  .sidebar-content.order-details-accordion {
    padding: 0; }
    .sidebar-content.order-details-accordion .icon-wrap {
      position: absolute;
      top: -7px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: auto;
      padding: 0 1rem !important;
      height: 3.6rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      z-index: 2; }
      @media screen and (max-width: 767px) {
        .sidebar-content.order-details-accordion .icon-wrap {
          top: -14px;
          height: 3.4rem; } }
      .sidebar-content.order-details-accordion .icon-wrap .icon {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .sidebar-content.order-details-accordion .icon-wrap .icon:before {
          color: var(--form-secondary-color); }
        .sidebar-content.order-details-accordion .icon-wrap .icon.in-dining-icon:before {
          font-family: "fyre-icons";
          display: block;
          line-height: 1;
          z-index: 1;
          font-size: 2rem; }
      .sidebar-content.order-details-accordion .icon-wrap.shadow-box {
        border-radius: 20px 0 20px 0; }
      .sidebar-content.order-details-accordion .icon-wrap .num {
        padding-left: 5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-size: 1rem; }
    .sidebar-content.order-details-accordion .shadow-box {
      -webkit-box-shadow: 2px 2px 17px 1px rgba(140, 140, 140, 0.3);
              box-shadow: 2px 2px 17px 1px rgba(140, 140, 140, 0.3); }
      .sidebar-content.order-details-accordion .shadow-box.booking .toggle-arrow {
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg); }
      .sidebar-content.order-details-accordion .shadow-box .helper-wrap {
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch; }
        .sidebar-content.order-details-accordion .shadow-box .helper-wrap p {
          margin: 0; }
    .sidebar-content.order-details-accordion .name:after {
      left: 100%; }
    .sidebar-content.order-details-accordion .row {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .sidebar-content.order-details-accordion .row.title {
        font-size: 1.7rem; }
        @media screen and (max-width: 767px) {
          .sidebar-content.order-details-accordion .row.title {
            font-size: 1rem; } }
      .sidebar-content.order-details-accordion .row.with-padding {
        padding-left: 60px; }
        @media screen and (max-width: 1366px) {
          .sidebar-content.order-details-accordion .row.with-padding {
            padding-left: 50px; } }
        @media screen and (max-width: 767px) {
          .sidebar-content.order-details-accordion .row.with-padding {
            padding-left: 40px; } }
      .sidebar-content.order-details-accordion .row.uppercase {
        text-transform: uppercase; }
        .sidebar-content.order-details-accordion .row.uppercase .name:after {
          content: none; }
      .sidebar-content.order-details-accordion .row.has-status-icon {
        padding-bottom: 10px; }
    .sidebar-content.order-details-accordion .status-item {
      margin-right: 10px;
      margin-bottom: -10px; }
    .sidebar-content.order-details-accordion .sub-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .sidebar-content.order-details-accordion .sub-row .name-inner {
        width: auto;
        padding-top: 15px; }
        @media screen and (max-width: 1366px) {
          .sidebar-content.order-details-accordion .sub-row .name-inner {
            padding-top: 8px; } }
    .sidebar-content.order-details-accordion .additional-info {
      font-family: var(--italic-font);
      font-size: 1rem; }
      .sidebar-content.order-details-accordion .additional-info p {
        margin: 0; }
    .sidebar-content.order-details-accordion .with-border {
      margin-bottom: 25px;
      padding-bottom: 25px;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      border-bottom-color: var(--text-secondary-helper-color); }
      @media screen and (max-width: 767px) {
        .sidebar-content.order-details-accordion .with-border {
          margin-bottom: 20px;
          padding-bottom: 20px;
          border-bottom-width: 1px; } }
    .sidebar-content.order-details-accordion .order-details-info {
      max-width: 70%;
      white-space: normal;
      text-align: right; }
    .sidebar-content.order-details-accordion .order-content {
      margin-bottom: 3rem; }
      .sidebar-content.order-details-accordion .order-content ul li {
        margin-bottom: 30px; }
        .sidebar-content.order-details-accordion .order-content ul li:last-child {
          margin-bottom: 0; }
    .sidebar-content.order-details-accordion .payer-accordion {
      margin-bottom: 30px; }
      @media screen and (max-width: 767px) {
        .sidebar-content.order-details-accordion .payer-accordion {
          margin-bottom: 20px; } }
    .sidebar-content.order-details-accordion .accordion-head {
      position: relative;
      padding-right: 40px; }
      @media screen and (max-width: 767px) {
        .sidebar-content.order-details-accordion .accordion-head {
          padding-right: 20px; } }
      .sidebar-content.order-details-accordion .accordion-head .toggle-arrow {
        font-size: 12px;
        margin-top: -5px; }
        @media screen and (max-width: 767px) {
          .sidebar-content.order-details-accordion .accordion-head .toggle-arrow {
            font-size: 8px; } }
    .sidebar-content.order-details-accordion .has-left-spacing {
      padding-left: 30px; }
      @media screen and (max-width: 767px) {
        .sidebar-content.order-details-accordion .has-left-spacing {
          padding-left: 15px; } }
    .sidebar-content.order-details-accordion.delivery-pickup .order {
      max-width: 100%; }
      @media screen and (max-width: 767px) {
        .sidebar-content.order-details-accordion.delivery-pickup .order:last-child {
          margin-bottom: 55px; } }
    .sidebar-content.order-details-accordion.delivery-pickup .name {
      max-width: 75%; }
    .sidebar-content.order-details-accordion.delivery-pickup .label {
      max-width: 30%;
      text-align: center; }
  .sidebar-content.booking-details-accordion .toggle-arrow {
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    pointer-events: auto; }
    .sidebar-content.booking-details-accordion .toggle-arrow .fyre-ico-arrow, .sidebar-content.booking-details-accordion .toggle-arrow .carousel.slide .carousel-control:before, .carousel.slide .sidebar-content.booking-details-accordion .toggle-arrow .carousel-control:before {
      right: 20px;
      position: absolute;
      top: 50%;
      margin-top: -10px; }

.b-printers {
  width: calc(100% - 390px); }
  @media screen and (max-width: 1366px) {
    .b-printers {
      width: calc(100% - 300px); } }
  @media screen and (max-width: 1024px) {
    .b-printers {
      width: calc(100% - 230px); } }
  @media screen and (max-width: 767px) {
    .b-printers {
      width: 100%; } }

@media screen and (max-width: 1366px) {
  .sidebar-content {
    padding: 50px; }
    .sidebar-content.user-profile {
      padding: 50px 0; }
      .sidebar-content.user-profile .b-left {
        width: 240px; }
      .sidebar-content.user-profile .user-photo {
        margin: 0 auto 25px; }
      .sidebar-content.user-profile .b-right {
        margin: 0 0 0 240px; }
      .sidebar-content.user-profile .shadow-box {
        padding: 30px 60px 40px 30px; }
    .sidebar-content.delivery-pickup .helper-wrap {
      padding: 30px 10px; }
    .sidebar-content h2 {
      margin-bottom: 30px; }
    .sidebar-content.payment-methods .form-group.bg-transparent, .sidebar-content.my-subscriptions .form-group.bg-transparent {
      padding-bottom: 30px; } }

@media screen and (max-width: 1024px) {
  .sidebar-content {
    padding: 30px; }
    .sidebar-content.user-profile {
      padding: 30px 0; }
      .sidebar-content.user-profile .b-left {
        width: 190px; }
        .sidebar-content.user-profile .b-left .btn-box .btn {
          width: 150px;
          font-size: 11px; }
      .sidebar-content.user-profile .user-photo {
        width: 150px;
        height: 150px; }
      .sidebar-content.user-profile .b-right {
        margin: 0 0 0 190px; }
    .sidebar-content.delivery-pickup .name {
      max-width: 230px; }
    .sidebar-content.delivery-pickup .shadow-box .value-wrap {
      padding: 5px 10px; }
    .sidebar-content.delivery-pickup .shadow-box .value.larger {
      font-size: 1.4rem; }
    .sidebar-content h2 {
      text-align: left;
      font-size: 1.5rem; }
    .sidebar-content .table-container th {
      min-width: 55px; }
    .sidebar-content .table-container th,
    .sidebar-content .table-container td,
    .sidebar-content .table-container p {
      font-size: 1rem; }
    .sidebar-content .filters-list.orders > li {
      margin: 0 12px 20px 0; } }

@media screen and (max-width: 767px) {
  .sidebar-content {
    width: 100%;
    padding: 15px 0;
    border-bottom-right-radius: 0; }
    .sidebar-content .form-group.bg-transparent {
      padding: 0 20px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .sidebar-content .form-group.bg-transparent .btn {
        margin-left: 10px;
        margin-right: 10px; }
    .sidebar-content.delivery-pickup {
      padding-top: 40px; }
      .sidebar-content.delivery-pickup .order {
        max-width: 500px; }
        .sidebar-content.delivery-pickup .order:last-child {
          margin-bottom: 25px; }
      .sidebar-content.delivery-pickup .helper-wrap {
        padding: 23px 0 13px; }
        .sidebar-content.delivery-pickup .helper-wrap .value-wrap {
          padding: 5px; }
        .sidebar-content.delivery-pickup .helper-wrap .value.larger {
          font-size: 1rem; }
      .sidebar-content.delivery-pickup .toggle-arrow {
        margin-top: 0; }
      .sidebar-content.delivery-pickup .label {
        padding: 7px 15px;
        font-size: 0.857rem; }
      .sidebar-content.delivery-pickup .order-details {
        padding: 45px 20px 18px 15px;
        font-size: 0.857rem; }
        .sidebar-content.delivery-pickup .order-details:after {
          height: 16px;
          background: -o-linear-gradient(135deg, transparent 8px, var(--form-secondary-color) 0), -o-linear-gradient(45deg, transparent 8px, var(--form-secondary-color) 0);
          background: linear-gradient(-45deg, transparent 8px, var(--form-secondary-color) 0), linear-gradient(45deg, transparent 8px, var(--form-secondary-color) 0);
          background-size: 8px 16px; }
      .sidebar-content.delivery-pickup .row {
        margin-bottom: 5px; }
      .sidebar-content.delivery-pickup .rows-separator {
        padding-top: 10px;
        margin-top: 10px; }
      .sidebar-content.delivery-pickup .vat {
        font-size: 0.857rem; }
        .sidebar-content.delivery-pickup .vat .price-paid-by-me {
          font-size: 0.857rem; }
      .sidebar-content.delivery-pickup .name {
        max-width: 140px; }
        .sidebar-content.delivery-pickup .name:after {
          bottom: 3px;
          margin-left: 10px;
          background-size: 8px 8px; }
      .sidebar-content.delivery-pickup .price, .sidebar-content.delivery-pickup .order-details-info {
        font-size: 1rem;
        padding-left: 10px; }
      .sidebar-content.delivery-pickup .price-paid-by-me {
        font-size: 1rem;
        min-width: 80px;
        padding-left: 20px; }
      .sidebar-content.delivery-pickup .total {
        font-size: 1.286rem; }
        .sidebar-content.delivery-pickup .total .price-paid-by-me {
          font-size: 1.286rem; }
    .sidebar-content.user-profile .shadow-box {
      background: transparent; }
    .sidebar-content.user-profile form:after {
      content: none; }
    .sidebar-content.user-profile .b-left {
      width: 100%;
      float: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 20px 20px; }
      .sidebar-content.user-profile .b-left .btn-box .btn {
        width: 30vw;
        min-width: 150px;
        font-size: 13px; }
    .sidebar-content.user-profile .user-photo {
      margin: 0 20px 0 0;
      width: 25vw;
      height: 25vw;
      min-width: 70px;
      min-height: 70px; }
    .sidebar-content.user-profile .b-right {
      margin: 0; }
    .sidebar-content.user-profile .shadow-box {
      padding: 0; }
    .sidebar-content.user-profile .form-group.bg-transparent {
      text-align: center; }
    .sidebar-content.in-dining .camera-window {
      width: 120px;
      height: 120px; }
    .sidebar-content h2 {
      padding: 0 20px 15px;
      margin: 0;
      text-align: center; }
    .sidebar-content .fyre-ico-rubbish, .sidebar-content .status-item.del-item, .sidebar-content .add-edit-tables .tools #clear button:before, .add-edit-tables .tools #clear .sidebar-content button:before {
      font-size: 1.4rem; }
    .sidebar-content .filters-wrap {
      padding: 0 15px; }
      .sidebar-content .filters-wrap > .title {
        margin-left: 1%; }
      .sidebar-content .filters-wrap .filters-list.orders > li {
        margin: 0 0 15px; } }

@media screen and (max-width: 480px) {
  .sidebar-content .form-group.bg-transparent .btn:not(.circle-large) {
    min-width: 150px; }
  .sidebar-content.delivery-pickup .order {
    max-width: none; } }

.booking-table h4 {
  font-size: 1rem;
  font-family: var(--bold-font);
  margin: 0 0 20px; }

.booking-table .content {
  padding: 60px 150px 40px 150px; }

.booking-table .col-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 25px; }
  .booking-table .col-wrap fieldset {
    margin-right: 20px; }

.booking-table fieldset {
  margin-bottom: 20px; }

.booking-table legend.with-img {
  margin-bottom: 25px; }

.booking-table .field-box.small {
  display: inline-block;
  width: 29.6%;
  margin-left: 5%; }

.booking-table .field-box:first-child {
  margin-left: 0; }

.booking-table .time-boxes-wrap {
  max-width: 82%; }

.booking-table .large-map-outer {
  margin-bottom: 30px;
  position: relative; }

.booking-table .small-map-outer {
  overflow: hidden;
  margin: 0 -1%;
  padding-top: 10px; }

.booking-table .small-visual-table-map {
  width: 23%;
  float: left;
  display: block;
  margin: 0 1% 15px;
  position: relative; }
  .booking-table .small-visual-table-map img {
    width: 100%; }

.booking-table .large-map-outer .admin-btns,
.booking-table .small-map-outer .admin-btns {
  position: absolute;
  top: -10px;
  right: 0; }

.booking-table .large-map-outer .edit-item-btn,
.booking-table .large-map-outer .del-item-btn,
.booking-table .large-map-outer .prohibit-item-btn,
.booking-table .small-map-outer .edit-item-btn,
.booking-table .small-map-outer .del-item-btn,
.booking-table .small-map-outer .prohibit-item-btn {
  margin-left: 3px; }

.large-visual-table-map {
  position: relative;
  width: 690px; }
  .large-visual-table-map img {
    width: 100%; }
  .large-visual-table-map .table-status {
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: var(--bold-font);
    font-size: 0.889rem;
    color: #ffffff;
    cursor: pointer; }
    .large-visual-table-map .table-status.circle {
      border-radius: 50%; }
    .large-visual-table-map .table-status.selected {
      background: #39b54a; }
    .large-visual-table-map .table-status.occupied {
      background: #ff0000; }
    .large-visual-table-map .table-status.reserved {
      background: #e98004; }
    .large-visual-table-map .table-status.flagged {
      background: #e6dd00; }
    .large-visual-table-map .table-status.assigned {
      background: #7bd3f7; }

.img-zoom-result, .img-zoom-lens {
  display: none; }

.large-map-outer.zoomed > .large-visual-table-map {
  position: absolute;
  left: -100000px;
  opacity: 0; }

.large-map-outer.zoomed .img-zoom-lens {
  display: block;
  position: absolute;
  z-index: 2;
  pointer-events: none; }

.large-map-outer.zoomed .img-zoom-result {
  display: block;
  position: relative;
  overflow: hidden; }
  .large-map-outer.zoomed .img-zoom-result .large-visual-table-map {
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left; }

@media screen and (max-width: 1366px) {
  .booking-table .content {
    padding: 50px; } }

@media screen and (max-width: 1024px) {
  .booking-table .content {
    padding: 30px 20px 50px; }
  .booking-table .col-wrap fieldset {
    margin-right: 15px; }
  .booking-table .time-boxes-wrap {
    max-width: none; } }

@media screen and (max-width: 767px) {
  .booking-table .content {
    padding: 30px 15px 25px; }
  .booking-table .col-wrap {
    margin-bottom: 15px; }
    .booking-table .col-wrap fieldset {
      width: 100%;
      margin-right: 0; }
  .booking-table legend.with-img {
    margin-bottom: 12px; }
  .booking-table .field-box.small {
    width: 100%;
    margin-left: 0; }
  .booking-table .btns-wrap {
    margin-top: 30px; }
  .booking-table .large-map-outer {
    margin-bottom: 15px; }
  .booking-table .small-visual-table-map {
    width: 31.2%; }
  .booking-table .large-map-outer .edit-item-btn,
  .booking-table .large-map-outer .del-item-btn,
  .booking-table .large-map-outer .prohibit-item-btn {
    margin-left: 25px; }
  .large-visual-table-map,
  .large-map-outer.zoomed .img-zoom-result {
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left; }
    .large-visual-table-map .table-status,
    .large-map-outer.zoomed .img-zoom-result .table-status {
      font-size: 1.667rem; }
    .large-visual-table-map .edit-item-btn,
    .large-visual-table-map .del-item-btn,
    .large-visual-table-map .prohibit-item-btn,
    .large-map-outer.zoomed .img-zoom-result .edit-item-btn,
    .large-map-outer.zoomed .img-zoom-result .del-item-btn,
    .large-map-outer.zoomed .img-zoom-result .prohibit-item-btn {
      -webkit-transform: scale(1.67);
          -ms-transform: scale(1.67);
              transform: scale(1.67); } }

@media screen and (max-width: 480px) {
  .booking-table .large-map-outer .edit-item-btn,
  .booking-table .large-map-outer .del-item-btn,
  .booking-table .large-map-outer .prohibit-item-btn {
    margin-left: 55px; }
  .large-visual-table-map,
  .large-map-outer.zoomed .img-zoom-result {
    -webkit-transform: scale(0.38);
        -ms-transform: scale(0.38);
            transform: scale(0.38); }
    .large-visual-table-map .edit-item-btn,
    .large-visual-table-map .del-item-btn,
    .large-visual-table-map .prohibit-item-btn,
    .large-map-outer.zoomed .img-zoom-result .edit-item-btn,
    .large-map-outer.zoomed .img-zoom-result .del-item-btn,
    .large-map-outer.zoomed .img-zoom-result .prohibit-item-btn {
      -webkit-transform: scale(2.66);
          -ms-transform: scale(2.66);
              transform: scale(2.66); } }

.loyalty {
  padding: 50px 0 70px; }
  .loyalty .aligned-box {
    width: 61.1%;
    padding: 60px 45px 15px;
    margin-left: auto;
    position: relative; }
  .loyalty .edit-item-btn {
    position: absolute;
    top: 10px;
    right: 10px; }
  .loyalty fieldset {
    margin-bottom: 30px; }
  .loyalty legend.reset-bottom-indent {
    margin-bottom: 0; }
  .loyalty .field-box.cost.without-icon:before {
    content: none; }
  .loyalty .title {
    font-size: 1.667rem;
    font-family: var(--bold-font);
    line-height: 1.1; }
    .loyalty .title.with-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0 0 10px 15px;
      border-bottom: 1px solid var(--form-secondary-color);
      position: relative; }
    .loyalty .title .info {
      color: var(--attention-color); }
  .loyalty .btns-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    text-align: left; }
    .loyalty .btns-wrap .btn {
      margin: 0; }
      .loyalty .btns-wrap .btn:nth-of-type(2) {
        margin-left: 20px; }
  .loyalty .helper-btns-wrap {
    margin-top: 20px;
    text-align: center; }
    .loyalty .helper-btns-wrap .btn {
      margin: 0 15px 15px; }
  .loyalty .note {
    padding-left: 15px; }
    .loyalty .note li:before {
      display: inline-block;
      vertical-align: top;
      content: '';
      border-radius: 50%;
      margin-top: 7px;
      height: 3px;
      width: 3px;
      margin-right: 10px;
      background-color: var(--text-primary-color); }
  .loyalty .popup .input-field {
    width: 100px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.667rem;
    font-weight: bold; }

@media screen and (max-width: 1024px) {
  .loyalty .aligned-box {
    width: 70%;
    padding: 50px 35px 15px; } }

@media screen and (max-width: 767px) {
  .loyalty {
    padding: 25px 0 35px;
    background-image: none !important;
    background-color: var(--tertiary-color); }
    .loyalty .aligned-box {
      width: 100%;
      padding: 20px 10px; }
    .loyalty .edit-item-btn {
      top: -10px;
      right: -10px; }
    .loyalty .title {
      font-size: 1.286rem; }
      .loyalty .title.with-info {
        padding: 0 0 5px 8px; }
    .loyalty .btns-wrap {
      text-align: center; }
      .loyalty .btns-wrap .btn:nth-of-type(2) {
        margin-left: 0;
        margin-top: 15px; }
    .loyalty .note {
      padding-left: 8px; } }

.staff-app {
  padding-top: 50px;
  padding-bottom: 30px; }

.filters-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px; }
  .filters-wrap > .title {
    font-size: 1.667rem;
    margin: 25px 30px 5px 0; }
  .filters-wrap .checkbox {
    width: auto;
    margin: 25px 0 0; }
  .filters-wrap.has-label .filters-container {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .filters-wrap.has-label > .title {
    margin-top: 65px; }
  .filters-wrap.has-label .box-select-container.has-dropdown {
    margin: 0; }
  .filters-wrap.has-label .field-box.checkbox {
    margin: 0; }
    .filters-wrap.has-label .field-box.checkbox .check-txt {
      font-size: 1.278rem;
      font-weight: bold;
      margin-bottom: 15px; }
  .filters-wrap.has-label .filter-label {
    font-size: 1.278rem;
    font-weight: bold;
    margin-bottom: 15px; }

.filters-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.filters-list-outer.full-width {
  width: 100%; }

.filters-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .filters-list > li {
    margin: 0 10px 25px 0; }
    .filters-list > li.icon-wrap {
      border-radius: 15px 0 15px 0;
      cursor: pointer;
      background-color: var(--form-secondary-color);
      width: 2.8rem;
      height: 2.8rem; }
      .filters-list > li.icon-wrap .delivery-icon,
      .filters-list > li.icon-wrap .pickup-icon,
      .filters-list > li.icon-wrap .in-dining-icon,
      .filters-list > li.icon-wrap .delivery-table-icon,
      .filters-list > li.icon-wrap .pre-order-icon {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .filters-list > li.icon-wrap .delivery-icon:before,
        .filters-list > li.icon-wrap .pickup-icon:before,
        .filters-list > li.icon-wrap .in-dining-icon:before,
        .filters-list > li.icon-wrap .delivery-table-icon:before,
        .filters-list > li.icon-wrap .pre-order-icon:before {
          font-size: 1.6rem;
          color: var(--primary-color); }
      .filters-list > li.icon-wrap .pickup-icon:before,
      .filters-list > li.icon-wrap .pre-order-icon:before {
        font-size: 1.4rem; }
      .filters-list > li.icon-wrap.bg-light {
        background-color: var(--box-color); }
        .filters-list > li.icon-wrap.bg-light .delivery-icon:before,
        .filters-list > li.icon-wrap.bg-light .pickup-icon:before,
        .filters-list > li.icon-wrap.bg-light .in-dining-icon:before,
        .filters-list > li.icon-wrap.bg-light .delivery-table-icon:before,
        .filters-list > li.icon-wrap.bg-light .pre-order-icon:before {
          color: var(--form-secondary-color); }

.filter-box {
  min-height: 76px;
  min-width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 10px 10px 19px;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  background: var(--box-color);
  -webkit-box-shadow: 2px 8px 17px 1px rgba(140, 140, 140, 0.3);
          box-shadow: 2px 8px 17px 1px rgba(140, 140, 140, 0.3); }
  .filter-box .title {
    font-size: 1.2rem;
    line-height: 1.1;
    max-width: 80%;
    /*word-break: break-all;*/
    min-width: 70px; }
  .filter-box .calendar-icon,
  .filter-box .sorting-icon {
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding: 5px 0 0 5px;
    margin-left: 20px; }
  .filter-box .toggle-arrow {
    padding: 5px; }
  .filter-box .fyre-ico-arrow, .filter-box .carousel.slide .carousel-control:before, .carousel.slide .filter-box .carousel-control:before {
    font-size: 0.833rem;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
    color: var(--form-secondary-color); }
  .filter-box .selected-item {
    display: block;
    font-family: var(--regular-font); }
  .filter-box.table-info-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 30px; }
    .filter-box.table-info-details .title {
      margin: 0 20px 0 0; }
    .filter-box.table-info-details .table-numbers {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-top: 5px;
      margin-bottom: 5px; }
    .filter-box.table-info-details .number {
      display: block;
      width: 45px;
      height: 45px;
      padding-top: 10px;
      margin: 5px;
      background: var(--primary-color);
      border-radius: 50%;
      text-align: center;
      color: #ffffff;
      font-size: 1rem;
      font-family: var(--bold-font); }

.select-waiter-helper-wrap {
  max-width: 500px;
  margin: 50px auto;
  text-align: center; }
  .select-waiter-helper-wrap h2 {
    margin-bottom: 10px; }

.popup .filters-container {
  text-align: left; }
  .popup .filters-container .filters-list-outer {
    width: 48%; }

.notifications {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  padding: 30px 15px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10; }

.notifications-list li {
  position: relative;
  max-width: 600px;
  padding: 50px 30px 10px;
  margin: 0 auto 30px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: var(--page-bg-color); }

.notifications-list .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px; }

.notifications-list .title {
  position: relative;
  padding-left: 30px;
  color: var(--form-secondary-color); }
  .notifications-list .title:before {
    font-family: "fyre-icons";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    line-height: 1;
    z-index: 1;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s; }

.notifications-list .time-info {
  position: relative;
  padding-left: 25px;
  font-size: 1rem;
  color: #00c7f8;
  margin-left: 20px; }
  .notifications-list .time-info:before {
    font-family: "fyre-icons";
    font-size: 0.9rem;
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    line-height: 1;
    z-index: 1;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s; }

@media screen and (max-width: 1366px) {
  .filters-wrap.has-label > .title {
    margin-top: 60px; }
  .filters-list > li {
    margin-bottom: 20px; }
  .filter-box {
    min-height: 70px; }
    .filter-box.table-info-details .number {
      width: 40px;
      height: 40px;
      padding-top: 10px;
      font-size: 1.1rem; }
  .notifications-list .title {
    padding-left: 25px; }
    .notifications-list .title:before {
      top: 3px; }
  .notifications-list .time-info {
    padding-left: 20px; }
    .notifications-list .time-info:before {
      top: 4px; } }

@media screen and (max-width: 767px) {
  .staff-app {
    padding-top: 10px; }
    .staff-app .table-container table {
      margin-top: 30px; }
    .staff-app .table-container .status .list ul {
      padding: 5px 15px; }
    .staff-app .table-container .status .list li {
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      margin-bottom: 7px; }
      .staff-app .table-container .status .list li:last-child {
        margin-bottom: 0; }
    .staff-app .table-container tbody tr:nth-last-child(2) .status.active .list, .staff-app .table-container tbody tr:last-child .status.active .list {
      top: inherit;
      bottom: 70%; }
  .filters-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .filters-wrap.has-label > .title {
      margin-top: 0; }
    .filters-wrap.has-label .field-box.checkbox .check-txt {
      font-size: 1rem;
      line-height: 1.5;
      margin-bottom: 10px; }
    .filters-wrap.has-label .filter-label {
      font-size: 1.1rem;
      line-height: 1.3; }
    .filters-wrap > .title {
      margin-top: 0; }
  .filters-list-outer.full-width > li {
    width: calc(50% - 10px); }
  .filter-box {
    min-height: 50px;
    border-radius: 15px 0 15px 0; }
  .filters-list > li {
    margin-bottom: 15px; }
    .filters-list > li.icon-wrap {
      width: 2.4rem;
      height: 2.4rem;
      border-radius: 12px 0 12px 0;
      margin: 0 10px 10px 0; }
      .filters-list > li.icon-wrap .delivery-icon:before,
      .filters-list > li.icon-wrap .in-dining-icon:before,
      .filters-list > li.icon-wrap .delivery-table-icon:before {
        font-size: 1.4rem; }
      .filters-list > li.icon-wrap .pickup-icon:before,
      .filters-list > li.icon-wrap .pre-order-icon:before {
        font-size: 1.2rem; }
  .popup .filters-container .filters-list-inner {
    width: 100%;
    max-width: 400px; }
  .notifications {
    padding: 80px 15px; }
  .notifications-list > li {
    margin-bottom: 15px;
    padding-top: 20px; } }

.table-container table {
  width: 100%;
  margin-bottom: 30px; }

.table-container th,
.table-container td {
  padding: 20px;
  text-align: left; }
  .table-container th.nowrap,
  .table-container td.nowrap {
    white-space: nowrap; }
  .table-container th.va-top,
  .table-container td.va-top {
    vertical-align: top; }

.table-container th {
  min-width: 100px;
  border-left: 1px solid var(--page-bg-color);
  background: var(--form-primary-color);
  word-break: normal; }
  .table-container th:first-child {
    border-left: none; }
  .table-container th.cell-width-xs {
    width: 150px;
    min-width: 150px; }
  .table-container th.cell-width-s {
    width: 200px;
    min-width: 200px; }
  .table-container th.cell-width-xm {
    width: 250px;
    min-width: 250px; }
  .table-container th.cell-width-m {
    width: 300px;
    min-width: 300px; }
  .table-container th.cell-max-width-xs {
    width: 150px;
    max-width: 150px; }
  .table-container th .sortable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .table-container th .sorting-icon {
    color: var(--page-bg-color);
    margin-left: 15px;
    font-size: 1.278rem;
    line-height: 1;
    cursor: pointer; }
  .table-container th .icon-btn {
    color: var(--page-bg-color); }

.table-container th,
.table-container th p {
  font-family: Arial, sans-serif;
  font-weight: 600;
  color: var(--page-bg-color); }

.table-container th,
.table-container td,
.table-container p {
  font-size: .9rem;
  font-family: Arial, sans-serif; }

.table-container td {
  background: transparent; }

.table-container tr {
  background: var(--page-bg-color); }
  .table-container tr:nth-of-type(even) {
    background: var(--page-bg-color); }
    .table-container tr:nth-of-type(even) td {
      background: rgba(228, 228, 228, 0.5); }

.table-container p {
  margin: 0; }

.table-container a {
  color: var(--text-primary-color);
  text-decoration: none;
  cursor: pointer; }

.table-container .underlined {
  text-decoration: underline; }

.table-container .info {
  cursor: pointer; }

.table-container .status {
  position: relative; }
  .table-container .status .selected-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .table-container .status .toggle-arrow {
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding: 0 5px;
    margin-left: 20px; }
  .table-container .status .fyre-ico-arrow, .table-container .status .carousel.slide .carousel-control:before, .carousel.slide .table-container .status .carousel-control:before {
    font-size: 0.833rem;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg); }
  .table-container .status.active .list {
    display: block; }
  .table-container .status.active .fyre-ico-arrow, .table-container .status.active .carousel.slide .carousel-control:before, .carousel.slide .table-container .status.active .carousel-control:before {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .table-container .status .list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 200px;
    background: var(--page-bg-color);
    -webkit-box-shadow: 0 3px 5px 0 rgba(140, 140, 140, 0.3);
            box-shadow: 0 3px 5px 0 rgba(140, 140, 140, 0.3);
    z-index: 5; }
    .table-container .status .list ul {
      padding: 10px 20px; }
    .table-container .status .list li {
      margin-bottom: 10px;
      cursor: pointer; }

.table-container .customer-name {
  display: inline-block;
  text-decoration: underline;
  cursor: pointer; }
  .table-container .customer-name.full-txt {
    text-decoration: none;
    cursor: default; }

.table-container .has-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.table-container .icon-btn {
  display: inline-block;
  font-size: 1.111rem;
  line-height: 1;
  margin: 0 15px; }

.table-container .has-border-b {
  border-bottom: 1px solid var(--page-bg-color); }

.table-container .reset-bbr-radius {
  border-bottom-right-radius: 0 !important; }

.table-container .reset-btl-radius {
  border-top-left-radius: 0 !important; }

.table-container.light table {
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  -webkit-box-shadow: 1px 4px 3px rgba(140, 140, 140, 0.3);
          box-shadow: 1px 4px 3px rgba(140, 140, 140, 0.3); }

.table-container.light th,
.table-container.light td {
  padding: 12px 18px; }

.table-container.light th {
  min-width: auto; }

.table-container.light th,
.table-container.light td,
.table-container.light p {
  font-size: 0.833rem; }

.table-container.light th, .table-container.light th p {
  background: var(--form-primary-color); }
  .table-container.light th:first-child, .table-container.light th p:first-child {
    border-top-left-radius: 30px; }
  .table-container.light th:last-child, .table-container.light th p:last-child {
    border-bottom-right-radius: 30px; }

.table-container.light td {
  border-left: 1px solid var(--text-primary-helper-color); }
  .table-container.light td:first-child {
    border-left: none; }

.table-container.light tr:last-child td {
  position: relative;
  background-clip: padding-box;
  padding-bottom: 22px; }
  .table-container.light tr:last-child td:after {
    content: '';
    position: absolute;
    left: 1px;
    bottom: 0;
    width: 100%;
    height: 10px;
    background: var(--form-primary-color);
    -webkit-box-shadow: -2px 0 0 0 var(--form-primary-color);
            box-shadow: -2px 0 0 0 var(--form-primary-color); }
  .table-container.light tr:last-child td:last-child {
    overflow: hidden;
    border-bottom-right-radius: 30px; }
  .table-container.light tr:last-child td .status .list {
    top: calc(100% - 10px); }

.table-container.thin th, .table-container.thin td {
  width: 25%;
  min-width: 70px;
  padding: 5px;
  text-align: center;
  color: var(--text-primary-color);
  border-width: 1px;
  border-style: solid;
  border-color: var(--text-primary-color); }

.table-container.thin th, .table-container.thin th p {
  font-weight: normal;
  background: transparent; }

.table-container.thin tr:nth-of-type(even) td {
  background: transparent; }

.table-container.thin .field-box {
  margin-bottom: 0;
  text-align: center; }
  .table-container.thin .field-box:not(.simple) {
    margin-bottom: 0; }

.table-container.thin .has-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%; }

.table-container.thin .icon-btn {
  cursor: pointer;
  padding: 5px;
  margin: 0 5px; }
  .table-container.thin .icon-btn .fyre-ico {
    font-size: 1.2rem;
    color: var(--text-primary-color);
    vertical-align: bottom; }

@media screen and (max-width: 767px) {
  .table-container.thin .cutted {
    max-width: 150px;
    margin: 0 auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis; } }

@media screen and (max-width: 1366px) {
  .table-container th,
  .table-container td {
    padding: 10px; }
  .table-container th,
  .table-container td,
  .table-container p {
    font-size: 1.1rem; }
  .table-container th {
    min-width: 70px; }
    .table-container th.cell-width-xs {
      width: 100px;
      min-width: 100px; }
    .table-container th.cell-width-s {
      width: 150px;
      min-width: 150px; }
    .table-container th.cell-width-xm {
      width: 200px;
      min-width: 200px; }
    .table-container th.cell-width-m {
      width: 250px;
      min-width: 250px; } }

@media screen and (max-width: 1024px) {
  .table-container {
    margin: 0 -20px 0;
    overflow-x: auto; } }

@media screen and (max-width: 767px) {
  .table-container {
    margin: 0 -15px 0;
    font-size: 1rem; }
    .table-container th {
      min-width: 115px; }
      .table-container th:first-child {
        min-width: auto; }
    .table-container.light th,
    .table-container.light td {
      padding: 12px 15px; } }

.style-selector-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .style-selector-container .helper-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .style-selector-container .helper-outer legend {
      margin-right: 30px;
      margin-bottom: 20px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .style-selector-container .select-box {
    width: 100%; }
  .style-selector-container .styles-customizing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
  .style-selector-container .styles-preview {
    width: 66%;
    margin-bottom: 30px;
    border-radius: 10px;
    background: #022f3d; }
    .style-selector-container .styles-preview .inner {
      display: none;
      position: relative;
      padding-top: 20px;
      padding-bottom: 20px;
      pointer-events: none; }
      .style-selector-container .styles-preview .inner.active {
        display: block; }
  .style-selector-container .table-container {
    width: 32%;
    margin-right: 2%;
    margin-left: 0; }
  .style-selector-container .input-color-wrap .label {
    position: relative;
    width: 40px;
    margin: 1px auto;
    cursor: pointer;
    color: var(--text-primary-color); }
    .style-selector-container .input-color-wrap .label:before {
      font-family: 'fyre-icons';
      font-size: 10px;
      text-align: right;
      width: 23px;
      height: 100%;
      padding-top: 2px;
      border-left: 1px solid #000000;
      background: var(--page-bg-color);
      position: absolute;
      top: 0;
      right: 0;
      pointer-events: none;
      z-index: 1; }
    .style-selector-container .input-color-wrap .label:after {
      content: "";
      width: 23px;
      height: 100%;
      background: var(--page-bg-color);
      position: absolute;
      top: 0;
      right: 0;
      pointer-events: none; }
    .style-selector-container .input-color-wrap .label > input {
      width: 100%;
      height: 18px;
      padding: 0;
      border: 1px solid #000000;
      cursor: pointer; }
  .style-selector-container .input-color-wrap .color-picker {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 10; }
    .style-selector-container .input-color-wrap .color-picker .arrow {
      display: none; }
    .style-selector-container .input-color-wrap .color-picker .type-policy {
      cursor: pointer; }
  .style-selector-container .table-container tr:nth-of-type(even) td .input-color-wrap .label:before {
    background: rgba(228, 228, 228, 0.5); }
  .style-selector-container .arrow-btns-wrap {
    position: absolute;
    right: 0;
    top: -35px; }
  .style-selector-container .radio-btns-wrap {
    width: 32%;
    margin-right: 2%;
    margin-left: 0;
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .style-selector-container .btn.extra-small {
    min-width: 170px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 30px;
    margin-bottom: 20px; }
  .style-selector-container .color-variables li {
    position: absolute;
    width: 150px;
    z-index: 5;
    font-size: 13px;
    line-height: 1.1;
    color: #ffffff; }
    .style-selector-container .color-variables li:after, .style-selector-container .color-variables li:before {
      content: '';
      position: absolute;
      top: 7px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      background: #a9afb1; }
    .style-selector-container .color-variables li:after {
      width: 9px;
      height: 9px;
      border-radius: 50%; }
    .style-selector-container .color-variables li:before {
      height: 1px;
      width: 100%; }
    .style-selector-container .color-variables li .name {
      max-width: 100px;
      display: inline-block; }
    .style-selector-container .color-variables li.has-left-pointer {
      left: 23px;
      text-align: left; }
      .style-selector-container .color-variables li.has-left-pointer:after {
        right: 0; }
      .style-selector-container .color-variables li.has-left-pointer:before {
        left: 1px; }
      .style-selector-container .color-variables li.has-left-pointer .name {
        padding-right: 5px; }
    .style-selector-container .color-variables li.has-right-pointer {
      right: 23px;
      text-align: right; }
      .style-selector-container .color-variables li.has-right-pointer:after {
        left: 0; }
      .style-selector-container .color-variables li.has-right-pointer:before {
        right: 1px; }
      .style-selector-container .color-variables li.has-right-pointer .name {
        padding-left: 5px;
        float: right; }
    .style-selector-container .color-variables li .name {
      position: relative;
      background: #022f3d; }

.page-preview {
  position: relative;
  width: 210px;
  margin: 0 auto;
  font-size: 9px;
  color: var(--text-primary-color);
  text-align: left; }
  .page-preview .preview-main-content {
    padding: 10px;
    background: var(--page-bg-color); }
    .page-preview .preview-main-content.has-blue-bg {
      background: var(--tertiary-color); }
  .page-preview .content {
    padding: 10px 5px;
    background: var(--page-bg-color);
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 2px 8px 8px rgba(140, 140, 140, 0.3);
            box-shadow: 2px 8px 8px rgba(140, 140, 140, 0.3); }
  .page-preview .preview-header .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 0 10px 10px;
    background: var(--brand-color); }
  .page-preview .preview-header .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 9px 10px;
    color: #ffffff;
    background: var(--secondary-color); }
  .page-preview .preview-header .logo {
    width: 60px;
    margin-top: 3px;
    font-size: 0.8rem;
    color: var(--text-secondary-color); }
    .page-preview .preview-header .logo img {
      width: auto;
      max-width: 60px;
      max-height: 20px; }
  .page-preview .preview-header .lang-btn {
    width: 40px;
    height: 20px;
    text-transform: uppercase;
    padding-top: 3px;
    text-align: center;
    border: 1px solid #ffffff;
    background: var(--primary-color); }
  .page-preview .preview-header .user-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .page-preview .preview-header .user-photo {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%; }
  .page-preview .preview-header .cart-icon,
  .page-preview .preview-header .price {
    font-size: 11px;
    color: var(--text-header-color);
    font-family: var(--bold-font); }
  .page-preview .preview-header .cart-icon {
    margin-right: 5px; }
    .page-preview .preview-header .cart-icon:before {
      font-family: "fyre-icons"; }
  .page-preview .line {
    background: var(--primary-color);
    width: 1px;
    height: 12px;
    display: inline-block; }
  .page-preview .nav-wrap {
    padding: 10px;
    background: var(--page-bg-color); }
  .page-preview .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: 1px solid var(--brand-color);
    border-radius: 5px;
    background: transparent; }
    .page-preview .nav li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      border-left: 1px solid var(--brand-color); }
      .page-preview .nav li:first-child {
        border: none; }
    .page-preview .nav a {
      display: block;
      width: 100%;
      padding: 3px 2px;
      color: var(--form-primary-color);
      text-decoration: none;
      text-align: center;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .page-preview .nav a:hover, .page-preview .nav a.active {
        color: var(--page-bg-color);
        background: var(--form-primary-color); }
  .page-preview .title {
    font-size: 12px;
    font-weight: bold; }
    .page-preview .title.with-info {
      font-size: 12px;
      font-weight: 900;
      padding-left: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      border-bottom: 1px solid #000000; }
      .page-preview .title.with-info .info {
        color: var(--attention-color); }
  .page-preview .note {
    padding-left: 5px; }
  .page-preview .btn {
    font-family: inherit;
    font-weight: 900; }
  .page-preview fieldset {
    margin-bottom: 20px; }
  .page-preview legend {
    font-size: 9px;
    color: var(--text-primary-color); }
    .page-preview legend.with-img {
      font-size: 9px;
      padding-left: 15px;
      margin-bottom: 15px; }
      .page-preview legend.with-img:before {
        font-size: 10px;
        line-height: 1.2;
        color: var(--brand-color); }
      .page-preview legend.with-img.reset-bottom-indent {
        margin: 0; }
  .page-preview .field-box {
    margin-bottom: 20px;
    font-size: 10px; }
    .page-preview .field-box:not(.simple) {
      margin-bottom: 20px; }
    .page-preview .field-box:before {
      font-size: 10px;
      color: var(--brand-color);
      margin-top: -1px; }
    .page-preview .field-box.reset-bottom-indent {
      margin: 0; }
    .page-preview .field-box.small {
      width: calc(100% - 50px); }
      .page-preview .field-box.small .location-icon-box {
        bottom: 0;
        right: -40px;
        width: 30px;
        height: 30px; }
        .page-preview .field-box.small .location-icon-box .location {
          width: 30px;
          height: 30px; }
          .page-preview .field-box.small .location-icon-box .location:before {
            font-size: .8rem; }
    .page-preview .field-box.checkbox.circle input[type="radio"] + label .check {
      width: 15px;
      height: 15px;
      margin: -2px 0 0 0; }
      .page-preview .field-box.checkbox.circle input[type="radio"] + label .check:after {
        width: 7px;
        height: 7px;
        margin: -4px 0 0 -4px; }
    .page-preview .field-box.checkbox.circle input[type="radio"] + label .check-txt {
      font-size: 10px;
      margin-left: 20px; }
    .page-preview .field-box.error .field-name {
      color: #ff0000; }
    .page-preview .field-box .field-error {
      font-size: 10px;
      bottom: -13px; }
    .page-preview .field-box .field-name {
      font-size: 9px;
      line-height: 15px;
      letter-spacing: normal;
      color: var(--text-primary-color);
      padding: 0 0 0 15px; }
    .page-preview .field-box .field-separator {
      border-bottom-color: var(--form-secondary-color); }
    .page-preview .field-box input {
      height: 15px;
      padding: 0 0 0 15px;
      font-size: 10px;
      line-height: 15px;
      color: var(--text-primary-color); }
  .page-preview .cart-sum {
    height: 20px;
    line-height: 15px; }
    .page-preview .cart-sum:before {
      font-size: 10px; }
    .page-preview .cart-sum.total {
      font-size: 12px;
      font-weight: 600; }
    .page-preview .cart-sum .cart-title {
      padding-left: 15px; }
    .page-preview .cart-sum .cart-cost {
      font-weight: 600; }
  .page-preview .box-select-container.has-dropdown {
    margin-right: 5px;
    margin-bottom: 0; }
    .page-preview .box-select-container.has-dropdown:last-child {
      margin-right: 0; }
  .page-preview .time-select-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .page-preview .box-select-wrap,
  .page-preview .time-select-wrap {
    width: auto;
    height: 35px;
    min-width: auto;
    border-radius: 12px 0 12px 0;
    -webkit-box-shadow: 2px 1px 5px 1px rgba(140, 140, 140, 0.3);
            box-shadow: 2px 1px 5px 1px rgba(140, 140, 140, 0.3); }
    .page-preview .box-select-wrap.date,
    .page-preview .time-select-wrap.date {
      min-width: auto; }
    .page-preview .box-select-wrap .icon-box,
    .page-preview .time-select-wrap .icon-box {
      width: 25px; }
      .page-preview .box-select-wrap .icon-box .fyre-ico,
      .page-preview .box-select-wrap .icon-box .fyre-ico.fyre-ico-clock-face,
      .page-preview .time-select-wrap .icon-box .fyre-ico,
      .page-preview .time-select-wrap .icon-box .fyre-ico.fyre-ico-clock-face {
        font-size: 13px; }
    .page-preview .box-select-wrap .txt-box-wrap,
    .page-preview .time-select-wrap .txt-box-wrap {
      width: calc(100% - 25px);
      padding: 3px; }
    .page-preview .box-select-wrap .day-value,
    .page-preview .time-select-wrap .day-value {
      font-size: 14px;
      font-weight: 600;
      margin-right: 3px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .page-preview .box-select-wrap .time-value,
    .page-preview .time-select-wrap .time-value {
      font-size: 14px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .page-preview .box-select-wrap .date-value,
    .page-preview .time-select-wrap .date-value {
      font-size: 9px;
      font-weight: 600;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      height: auto; }
    .page-preview .box-select-wrap .fyre-ico-arrow, .page-preview .box-select-wrap .carousel.slide .carousel-control:before, .carousel.slide .page-preview .box-select-wrap .carousel-control:before,
    .page-preview .time-select-wrap .fyre-ico-arrow,
    .page-preview .time-select-wrap .carousel.slide .carousel-control:before,
    .carousel.slide .page-preview .time-select-wrap .carousel-control:before {
      font-size: 7px;
      color: var(--text-primary-color); }
  .page-preview .btn, .page-preview a.btn, .page-preview .btn.medium, .page-preview .btn.medium {
    min-height: 20px;
    min-width: 50px;
    padding: 2px 18px;
    font-size: 8px;
    margin: 0 3px; }
  .page-preview .gratuity {
    margin: 0;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .page-preview .gratuity .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 5px; }
    .page-preview .gratuity .wrap {
      width: 100px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-right: 5px; }
    .page-preview .gratuity .stamp {
      width: 14px;
      height: 14px;
      margin: 0 6px 0 0; }
      .page-preview .gratuity .stamp:before {
        font-size: 14px; }
    .page-preview .gratuity .equal {
      width: 14px;
      height: 9px;
      display: block; }
      .page-preview .gratuity .equal:after, .page-preview .gratuity .equal:before {
        content: '';
        width: 14px;
        height: 3px;
        display: block;
        background: var(--non-active-color); }
      .page-preview .gratuity .equal:before {
        margin-bottom: 3px; }
    .page-preview .gratuity .present-wrap {
      width: 60px;
      text-align: center;
      font-size: 8px;
      font-weight: bold;
      line-height: 1.2;
      color: var(--accent-color); }
    .page-preview .gratuity .present {
      width: 28px;
      height: 30px;
      margin: 5px auto; }
      .page-preview .gratuity .present:before {
        font-size: 28px; }
  .page-preview .menu-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 0 25px;
    -webkit-box-shadow: 3px 3px 5px 0 #e0e0e0;
            box-shadow: 3px 3px 5px 0 #e0e0e0; }
  .page-preview .menu-list .dish-img {
    width: 45px;
    height: 45px;
    overflow: hidden;
    margin: 0 10px 0 -10px;
    border-radius: 0 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .page-preview .menu-list .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 5px; }
  .page-preview .menu-list h2 {
    font-size: 0.8rem; }
  .page-preview .menu-list .price {
    position: relative;
    font-size: 0.8rem; }
  .page-preview .menu-list .line {
    margin-right: 5px;
    margin-bottom: -2px; }
  .page-preview .menu-list .dscr {
    margin-bottom: 5px; }
  .page-preview .r-menu-dishes-list {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0;
    margin: 20px 0 0; }
    .page-preview .r-menu-dishes-list li:not(.link-wrap) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      width: 100%;
      max-width: calc(100% - 10px);
      min-height: auto;
      padding: 7px 7px 12px 0;
      margin: 0 0 15px;
      border-radius: 0 20px; }
    .page-preview .r-menu-dishes-list .dish-img {
      width: 43px;
      height: 43px;
      margin: 0 10px 0 -10px;
      border-radius: 0 10px; }
    .page-preview .r-menu-dishes-list .title-wrap {
      margin-bottom: 5px; }
    .page-preview .r-menu-dishes-list h2 {
      font-family: inherit;
      font-weight: bold;
      font-size: 11px;
      margin: 5px 7px 0 0; }
    .page-preview .r-menu-dishes-list .price {
      font-family: inherit;
      font-weight: bold;
      font-size: 11px;
      padding: 0 0 0 7px;
      margin-top: 5px; }
      .page-preview .r-menu-dishes-list .price:before {
        height: 15px; }
    .page-preview .r-menu-dishes-list .info-wrap {
      width: calc(100% - 50px); }
    .page-preview .r-menu-dishes-list .info {
      margin-bottom: 10px; }
    .page-preview .r-menu-dishes-list .dscr {
      font-size: 9px; }
  .page-preview .simple-menu-nav-holder {
    position: static;
    padding: 0;
    background-color: var(--page-bg-color); }
    .page-preview .simple-menu-nav-holder:after {
      content: none; }
  .page-preview .simple-menu-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 20px;
    margin: 0 5px; }
    .page-preview .simple-menu-nav a {
      display: inline-block;
      margin: 0 auto;
      font-family: inherit;
      font-weight: bold;
      font-size: 9px;
      white-space: nowrap;
      line-height: 1;
      text-decoration: none;
      padding: 3px 3px 0; }
      .page-preview .simple-menu-nav a:after {
        content: none; }
      .page-preview .simple-menu-nav a.active {
        color: var(--text-primary-color);
        border-bottom: 2px solid var(--secondary-color); }
  .page-preview .r-category-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 15px 0 20px; }
    .page-preview .r-category-slider .category {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: auto;
      min-width: auto;
      min-height: 30px;
      padding: 5px;
      margin: 0 5px;
      border-radius: 12px 0;
      -webkit-box-shadow: 2px 1px 5px 1px rgba(140, 140, 140, 0.3);
              box-shadow: 2px 1px 5px 1px rgba(140, 140, 140, 0.3);
      position: relative;
      color: var(--form-secondary-color);
      text-decoration: none; }
      .page-preview .r-category-slider .category.active {
        background: var(--form-secondary-color); }
        .page-preview .r-category-slider .category.active .title,
        .page-preview .r-category-slider .category.active .icon {
          color: var(--box-color); }
    .page-preview .r-category-slider .icon {
      width: 15px;
      height: 15px;
      margin-right: 5px;
      position: relative;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      line-height: 1; }
      .page-preview .r-category-slider .icon .fyre-ico {
        font-size: 15px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        left: 50%;
        z-index: 1;
        text-align: center; }
    .page-preview .r-category-slider .icon + .title {
      width: calc(100% - 20px); }
    .page-preview .r-category-slider .title {
      font-family: inherit;
      font-weight: bold;
      font-size: 10px; }
  .page-preview .simple-dishes-list-wrap {
    margin-top: 0; }
  .page-preview .menu-title {
    font-family: inherit;
    font-weight: bold;
    font-size: 15px;
    padding: 0;
    margin-bottom: 10px; }
  .page-preview .category-title {
    font-family: inherit;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 7px; }
    .page-preview .category-title:after {
      bottom: 6px;
      z-index: 0; }
    .page-preview .category-title span {
      padding-right: 10px; }
  .page-preview .simple-dishes-list-title {
    font-family: inherit;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .page-preview .simple-dishes-list-dscr {
    width: 100%;
    margin-bottom: 5px; }
  .page-preview .simple-dishes-list-txt {
    font-size: 9px; }
  .page-preview .simple-dishes-list-icon {
    font-size: 11px;
    padding: 0;
    margin-left: 10px; }
    .page-preview .simple-dishes-list-icon .fyre-ico-camera {
      font-size: 11px; }
  .page-preview .simple-dishes-list ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0; }
  .page-preview .simple-dishes-list li {
    width: 100%;
    padding-top: 0;
    padding-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .page-preview .simple-dishes-list li:nth-child(odd) {
      padding-right: 0;
      border: none; }
    .page-preview .simple-dishes-list li:nth-child(even) {
      padding-left: 0; }
    .page-preview .simple-dishes-list li.reset-bottom-space {
      padding-bottom: 0; }

@media screen and (max-width: 1024px) {
  .style-selector-container .helper-outer {
    display: block; }
    .style-selector-container .helper-outer legend {
      margin-bottom: 15px; }
  .style-selector-container .styles-customizing {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .style-selector-container .styles-preview {
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .style-selector-container .table-container {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .style-selector-container .arrow-btns-wrap {
    position: static;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .style-selector-container .radio-btns-wrap {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .style-selector-container .styles-preview {
    overflow-x: auto;
    z-index: 1; }
    .style-selector-container .styles-preview .inner {
      min-width: 600px; }
      .style-selector-container .styles-preview .inner.min-w-a {
        min-width: auto; }
  .style-selector-container .btn.extra-small {
    margin-left: 0; } }

.edit-btn {
  display: inline-block;
  padding: 5px;
  margin-left: 20px;
  margin-bottom: -5px;
  font-size: 24px;
  color: var(--text-primary-helper-color);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .edit-btn:hover {
    opacity: 0.7; }

.link {
  display: inline-block;
  color: var(--button-primary-color);
  font-size: 1rem;
  font-family: var(--bold-font);
  text-decoration: none;
  margin-bottom: 10px;
  background: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .link.up i, .link.down i {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    line-height: 18px; }
  .link i {
    width: 22px;
    height: 22px;
    margin-right: 8px;
    display: inline-block;
    font-style: normal;
    font-size: 17px;
    line-height: 19px;
    text-align: center;
    border: 2px solid var(--button-primary-color);
    border-radius: 50%; }
  .link .btn {
    color: var(--form-secondary-color);
    border-color: var(--form-secondary-color);
    display: inline-block;
    margin-right: 10px;
    background-color: var(--primary-color); }
  .link:hover {
    color: var(--form-secondary-color); }
    .link:hover i {
      border-color: var(--form-secondary-color); }
    .link:hover .btn {
      color: var(--button-helper-color);
      border-color: var(--button-primary-color);
      background: var(--button-primary-color); }

.add-edit-tables {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .add-edit-tables p {
    font-size: 12px; }
  .add-edit-tables .tools {
    padding-right: 15px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .add-edit-tables .tools li {
      padding: 10px 5px; }
      .add-edit-tables .tools li.selected {
        -webkit-box-shadow: 0 0 5px 2px green;
                box-shadow: 0 0 5px 2px green; }
    .add-edit-tables .tools button {
      position: relative;
      background: transparent;
      border: none;
      cursor: pointer;
      margin-bottom: 5px; }
    .add-edit-tables .tools #rectangle button,
    .add-edit-tables .tools #circle button,
    .add-edit-tables .tools #polygon button {
      width: 50px;
      height: 50px;
      background: #7bd3f7;
      border: 2px solid #015c88; }
      .add-edit-tables .tools #rectangle button:hover, .add-edit-tables .tools #rectangle button:active,
      .add-edit-tables .tools #circle button:hover,
      .add-edit-tables .tools #circle button:active,
      .add-edit-tables .tools #polygon button:hover,
      .add-edit-tables .tools #polygon button:active {
        -webkit-box-shadow: 0 0 5px 2px #555;
                box-shadow: 0 0 5px 2px #555; }
    .add-edit-tables .tools #circle button {
      border-radius: 50%; }
    .add-edit-tables .tools #polygon button {
      height: 30px;
      -webkit-transform: rotate(-20deg);
          -ms-transform: rotate(-20deg);
              transform: rotate(-20deg);
      margin-bottom: 10px; }
    .add-edit-tables .tools #save button,
    .add-edit-tables .tools #edit button,
    .add-edit-tables .tools #preview button,
    .add-edit-tables .tools #clear button {
      width: 30px;
      height: 30px; }
      .add-edit-tables .tools #save button:before,
      .add-edit-tables .tools #edit button:before,
      .add-edit-tables .tools #preview button:before,
      .add-edit-tables .tools #clear button:before {
        font-family: 'fyre-icons';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        font-size: 30px;
        color: #015c88; }
      .add-edit-tables .tools #save button:hover:before, .add-edit-tables .tools #save button:active:before,
      .add-edit-tables .tools #edit button:hover:before,
      .add-edit-tables .tools #edit button:active:before,
      .add-edit-tables .tools #preview button:hover:before,
      .add-edit-tables .tools #preview button:active:before,
      .add-edit-tables .tools #clear button:hover:before,
      .add-edit-tables .tools #clear button:active:before {
        color: #015c88; }
  .add-edit-tables .table-map-wrapper {
    margin-bottom: 30px; }
  .add-edit-tables #image {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 2px 2px;
            box-shadow: rgba(0, 0, 0, 0.2) 0 0 2px 2px;
    display: none; }
  .add-edit-tables .draw#image {
    cursor: crosshair; }
  .add-edit-tables #image map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block; }
  .add-edit-tables #img {
    position: relative;
    z-index: 1;
    width: 690px;
    display: block; }

#code {
  background: rgba(0, 0, 0, 0.9);
  color: #FFF;
  font-family: monospace;
  font-size: 11px;
  line-height: 1.3;
  width: 600px;
  position: fixed;
  left: 3%;
  width: 94%;
  bottom: 10px;
  z-index: 1000;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 2px 2px;
          box-shadow: rgba(0, 0, 0, 0.2) 0 0 2px 2px;
  display: none;
  border-radius: 3px; }

#code_content {
  padding: 10px; }

.close_button {
  width: 10px;
  height: 10px;
  display: block;
  background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACbgAAAm4Bt/774AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABKSURBVAiZfc2xCYBAFATR90WwiSvUzDOyCcuzCaM1UMHIgc1mmcKOI0mHqupoIw4sVTW5mbFKAhvybEti8EN/zc+zj2hYP/ET7QIK9BpShkyrPwAAAABJRU5ErkJggg==) 50% 50% no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-box-shadow: 0 0 1px #222 inset;
          box-shadow: 0 0 1px #222 inset;
  border-radius: 1px;
  cursor: pointer; }

#coords {
  display: none;
  position: absolute;
  top: 10px;
  right: 15px;
  color: #FFF;
  font-size: 11px; }

#debug {
  display: none;
  color: #EEE;
  position: absolute;
  top: 10px;
  right: 100px;
  z-index: 1001;
  font-size: 11px; }

#get_image_wrapper {
  position: relative;
  z-index: 1002;
  display: none; }

#get_image {
  min-width: 250px;
  max-width: 500px;
  margin: 0 auto;
  font-size: 16px;
  text-align: center;
  background: var(--page-bg-color);
  padding: 20px 30px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 2px 2px;
          box-shadow: rgba(0, 0, 0, 0.2) 0 0 2px 2px;
  position: relative; }
  #get_image .close_button {
    background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACbgAAAm4Bt/774AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABKSURBVAiZdc2xDYAwAAPBA0ViiQxKR6hgCMZjCSpTEAkavnxL7yHJgRPNQ0MtXS6Y+jBjlUSSLS9bEqMfSm/O2D+pq6Bi/ZxfqDfkbiIp0Zzd1AAAAABJRU5ErkJggg==) 50% 50% no-repeat;
    -webkit-box-shadow: 0 0 1px #EEE inset;
            box-shadow: 0 0 1px #EEE inset;
    border-radius: 2px; }
  #get_image b {
    display: block;
    font-size: 25px;
    margin: 15px 0; }
  #get_image label {
    display: block;
    margin-bottom: 5px; }

#logo_get_image {
  margin-bottom: 20px; }

#dropzone {
  border: 2px dashed #999;
  width: 100%;
  height: 200px;
  background: var(--page-bg-color) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAiCAYAAADCp/A1AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAApjAAAKYwGDMomsAAAAB3RJTUUH3AkYCxg3B2a5QgAAAKtJREFUWMPt17sNgDAMRdE8tsj+w2UM6CiQEv9jIvm1COl0uUZbbIxxt03rvWP27WoHrJCFLGQhC1nIQr7DzohQI3fXjqaOkJFl0nxDVj9K+hKZocsNYGQXOafQ8YfTgTohcMKNA+rnHdAVkIWMhlJANjIKygGKkN5QLlCM9IJKgCqkFSoFqpFaqAZoQkqhWqAZyYVagC5ICmoFuiFnUA+gK/IL9QKGLOJlegBB2VeWydvIHgAAAABJRU5ErkJggg==) 50% 50% no-repeat;
  overflow: hidden;
  text-align: center;
  line-height: 200px;
  position: relative;
  margin: 0 auto; }
  #dropzone img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle; }

.error#dropzone {
  border: 2px dashed #F00; }

.clear_button {
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 6px;
  right: 6px;
  line-height: 1 !important;
  overflow: hidden;
  cursor: pointer;
  text-indent: -9999px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD1QAAA9UBZ3cOpgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAG4SURBVDiNrZOxattQFIa/c5UMtsBbIbMRQZ7iyFC/QjEesqoPYPAUsnQoaAp472RI92jJEGjaNwjFpY68RWQIXQoudocKVEPj29shuo6Fm9JCv/Gi7+ic/54rxhjWaX5o7jo/nedAC6EFgGEMjLXSp5Onk5v178UWEESCUXAIDIAKv2cBvLxqX70y3ItijEEQ2R/tXwjSeUQsYTDvknbSNRijAIJRcChIp+E2iOoRXtXbkLyqR1SPaLgNBOkU3SJ7o71dxzgToBLVIw6eHJAtM/ppnzRPAfBdn6E/pLZV43x2zvHtMcBCi26qIrAKQDyNyZYZta0aQ3+I7/olOVtmxNPYNlVxcEIJ3gdvELr2dF3IdQ6A67gbXRVhXKjVVRWkeUo/7ZPrHNdxcR2XXOebMoDQUn+T+p9QxZKssCPYP9tObCYlDGMFDwW8qlcKrHfdo3fdKwVbumLFR6WVPuV+wwh3wpVsZ7aZ2CLhTmj1hUbHzvT19OvJ55MceDb7MUOJYvBpwM33h5Wf3825/HbJttrm7MsZ87s5wIuknbz9P6tsMCZpJ13gyI7zCAvgyMqw9hot//qcfwEDGehh48P3mQAAAABJRU5ErkJggg==);
  z-index: 2; }

#url_wrapper {
  position: relative;
  display: block;
  margin-bottom: 20px; }

#url {
  border: 2px solid #999;
  border-radius: 3px;
  background: var(--page-bg-color);
  padding: 2px 25px 2px 5px;
  width: 100%;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.error#url {
  border: 2px solid #F00; }

#edit_details {
  position: absolute;
  top: 100px;
  left: 100px;
  background: var(--page-bg-color);
  border-radius: 7px;
  padding: 5px 10px 15px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.35);
          box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.35);
  display: none;
  z-index: 1000;
  color: var(--text-primary-helper-color);
  width: 180px;
  border-top: 6px solid var(--attention-color); }
  #edit_details h5 {
    margin-bottom: 10px;
    font-size: 14px;
    cursor: move; }
  #edit_details .field-box,
  #edit_details .select-box {
    margin-top: 0;
    margin-bottom: 10px; }
  #edit_details .select-box {
    min-width: auto; }
    #edit_details .select-box li {
      padding: 10px;
      text-align: center; }
  #edit_details .select-box.simple.input label {
    position: static; }
  #edit_details .helper-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #edit_details input[type='text'] {
    width: 60px; }
  #edit_details label {
    font-size: 13px;
    display: block;
    margin-right: 7px;
    white-space: nowrap; }
  #edit_details .btn {
    font-size: 10px;
    min-width: 70px;
    min-height: 20px;
    width: 70px;
    height: 20px;
    padding: 2px 5px;
    margin: 20px 3px 0; }

.changed#edit_details h5, p.changed label {
  color: #32c832; }

.changed#edit_details button {
  -webkit-box-shadow: #32c832 0 0 1px 2px;
          box-shadow: #32c832 0 0 1px 2px; }

#help {
  display: none;
  width: 400px;
  border-radius: 3px;
  background: #FFF;
  position: absolute;
  top: 35px;
  left: 50%;
  margin-left: -200px;
  z-index: 1003;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 2px 2px;
          box-shadow: rgba(0, 0, 0, 0.2) 0 0 2px 2px; }
  #help .txt {
    padding: 20px 20px 5px;
    line-height: 1.4; }
    #help .txt p {
      margin-bottom: 3px; }
  #help section {
    margin-bottom: 20px; }
  #help .close_button {
    background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACbgAAAm4Bt/774AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABKSURBVAiZdc2xDYAwAAPBA0ViiQxKR6hgCMZjCSpTEAkavnxL7yHJgRPNQ0MtXS6Y+jBjlUSSLS9bEqMfSm/O2D+pq6Bi/ZxfqDfkbiIp0Zzd1AAAAABJRU5ErkJggg==) 50% 50% no-repeat;
    -webkit-box-shadow: 0 0 1px #EEE inset;
            box-shadow: 0 0 1px #EEE inset;
    border-radius: 2px; }
  #help h2 {
    margin-bottom: 5px; }
  #help footer {
    color: #999;
    font-size: 10px;
    padding: 0 20px 20px;
    line-height: 1.3; }
  #help footer a {
    color: #777;
    text-decoration: underline; }

.key {
  background: #F5F5F5;
  color: #555;
  text-shadow: 0 0 1px #EEE;
  padding: 1px 5px;
  border: 1px solid #CCC;
  border-radius: 3px;
  display: inline-block;
  min-width: 16px;
  text-align: center;
  font-size: 11px;
  -webkit-box-shadow: 1px 1px 0 white inset, -1px -1px 0 rgba(0, 0, 0, 0.08) inset;
          box-shadow: 1px 1px 0 white inset, -1px -1px 0 rgba(0, 0, 0, 0.08) inset;
  overflow: hidden;
  cursor: default;
  vertical-align: middle; }
  .key:active {
    padding: 2px 5px 0;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.08) inset, -1px -1px 0 white inset;
            box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.08) inset, -1px -1px 0 white inset; }

#from_html_wrapper {
  display: none;
  width: 500px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 35px;
  left: 50%;
  margin-left: -250px;
  z-index: 1002;
  color: #FFF; }
  #from_html_wrapper .close_button {
    background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACbgAAAm4Bt/774AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABKSURBVAiZdc2xDYAwAAPBA0ViiQxKR6hgCMZjCSpTEAkavnxL7yHJgRPNQ0MtXS6Y+jBjlUSSLS9bEqMfSm/O2D+pq6Bi/ZxfqDfkbiIp0Zzd1AAAAABJRU5ErkJggg==) 50% 50% no-repeat;
    -webkit-box-shadow: 0 0 1px #EEE inset;
            box-shadow: 0 0 1px #EEE inset;
    border-radius: 2px; }

#from_html_form {
  padding: 20px; }
  #from_html_form h5 {
    margin-bottom: 15px; }
  #from_html_form label {
    display: block;
    font-size: 12px; }
  #from_html_form textarea {
    border: 0px;
    border-radius: 3px;
    background: #FFF;
    padding: 2px 5px;
    margin-bottom: 5px;
    width: 100%;
    height: 100px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: monospace;
    font-size: 11px;
    line-height: 1.3; }

/* CSS for SVG-elements */
#svg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: inline-block;
  height: 100%; }

#svg rect {
  stroke-width: 3px;
  stroke: #F00;
  fill: rgba(255, 255, 255, 0.3); }

#svg rect.with_href {
  fill: rgba(0, 0, 0, 0.3); }

.edit > #svg rect:hover {
  fill: rgba(50, 200, 50, 0.3); }

#svg rect.active {
  fill: rgba(0, 0, 0, 0.5); }

#svg circle {
  stroke-width: 3px;
  stroke: #0F0;
  fill: rgba(255, 255, 255, 0.3); }

#svg circle.with_href {
  fill: rgba(0, 0, 0, 0.3); }

.edit > #svg circle:hover {
  fill: rgba(50, 200, 50, 0.3); }

#svg polyline, #svg polygon {
  stroke-width: 3px;
  stroke: #00F;
  fill: rgba(255, 255, 255, 0.3); }

#svg polygon.with_href {
  fill: rgba(0, 0, 0, 0.3); }

.edit > #svg polygon:hover {
  fill: rgba(50, 200, 50, 0.3); }

#svg .selected {
  fill: rgba(50, 200, 50, 0.5) !important; }

#svg rect.helper {
  fill: #FFF;
  stroke: #000;
  stroke-width: 2px; }

#svg rect.helper:hover {
  fill: #F00; }

.edit > #svg rect, .edit > #svg circle, .edit > #svg polygon {
  cursor: move; }

.edit > #svg .pointer {
  cursor: pointer; }

.edit > #svg .e-resize {
  cursor: e-resize; }

.edit > #svg .ne-resize {
  cursor: ne-resize; }

.edit > #svg .nw-resize {
  cursor: nw-resize; }

.edit > #svg .n-resize {
  cursor: n-resize; }

.edit > #svg .se-resize {
  cursor: se-resize; }

.edit > #svg .sw-resize {
  cursor: sw-resize; }

.edit > #svg .s-resize {
  cursor: s-resize; }

.edit > #svg .w-resize {
  cursor: w-resize; }

@media screen and (max-width: 1024px) {
  .add-edit-tables {
    display: block; }
    .add-edit-tables .tools {
      width: 100%;
      padding-right: 0; }
      .add-edit-tables .tools ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin: 0 20px; }
      .add-edit-tables .tools li {
        margin: 0 15px 20px; }
    .add-edit-tables .table-map-wrapper {
      margin: 0 auto 30px; } }

@media screen and (max-width: 767px) {
  .edit-btn {
    margin-left: 10px;
    font-size: 20px; }
  #get_image {
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-top: -50px; }
  .add-edit-tables .tools ul {
    margin: 0 20px 20px; }
  .add-edit-tables .tools li {
    margin: 0 0.75% 10px;
    width: 30%; } }

.staff-order-report .delivery-icon:before,
.staff-order-report .pickup-icon:before,
.staff-order-report .in-dining-icon:before,
.staff-order-report .delivery-table-icon:before,
.staff-order-report .pre-order-icon:before {
  font-family: "fyre-icons";
  display: block;
  line-height: 1;
  z-index: 1;
  font-size: 2rem; }

.staff-order-report .pickup-icon:before {
  font-size: 1.7rem; }

.staff-order-report .pre-order-icon:before {
  font-size: 1.7rem; }

.staff-order-report .table-container {
  margin: 0; }
  .staff-order-report .table-container .delivery-icon:before,
  .staff-order-report .table-container .pickup-icon:before,
  .staff-order-report .table-container .in-dining-icon:before,
  .staff-order-report .table-container .delivery-table-icon:before,
  .staff-order-report .table-container .pre-order-icon:before {
    color: var(--form-secondary-color); }
  .staff-order-report .table-container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .staff-order-report .table-container .row .num {
      padding: 0 0 0 0.5rem; }
    .staff-order-report .table-container .row .circle {
      width: 0.9rem;
      height: 0.9rem;
      margin-right: 0.5rem;
      border-radius: 50%;
      border-color: #233d4d;
      border-width: 2px;
      border-style: solid; }
      .staff-order-report .table-container .row .circle.green {
        background: #00aa30; }
      .staff-order-report .table-container .row .circle.red {
        background: #cc052d; }
    .staff-order-report .table-container .row .btn {
      margin: 0 0.5rem 0 0;
      min-width: 7rem; }

@media screen and (max-width: 1024px) {
  .main-content.bg-blue .container.order-details-report {
    padding: 20px; } }

@media screen and (max-width: 767px) {
  .main-content.bg-blue .container.order-details-report {
    padding: 15px; } }

.order-details-report .back-button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.38rem;
  color: #000000;
  margin: 0 0 1rem;
  font-weight: bold; }

.order-details-report .btn-arrow {
  background: transparent;
  outline: none;
  border: none;
  cursor: pointer;
  color: var(--form-secondary-color);
  font-size: 1.5rem;
  margin-right: 1rem; }

.order-details-report .order-details-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-shadow: 1px 3px 3px rgba(140, 140, 140, 0.3);
  box-shadow: 1px 3px 3px rgba(140, 140, 140, 0.3); }
  .order-details-report .order-details-wrap .column {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: var(--form-secondary-color);
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media screen and (max-width: 1024px) {
      .order-details-report .order-details-wrap .column {
        border-right: none; } }
    .order-details-report .order-details-wrap .column:first-child, .order-details-report .order-details-wrap .column:last-child {
      width: 35%; }
      @media screen and (max-width: 1024px) {
        .order-details-report .order-details-wrap .column:first-child, .order-details-report .order-details-wrap .column:last-child {
          width: 100%; } }
    .order-details-report .order-details-wrap .column:first-child .title {
      border-top-left-radius: 35px; }
      @media screen and (max-width: 1024px) {
        .order-details-report .order-details-wrap .column:first-child .title .col {
          overflow: visible;
          -o-text-overflow: inherit;
             text-overflow: inherit;
          white-space: normal; } }
    .order-details-report .order-details-wrap .column:first-child .col:first-child {
      width: 50%; }
    .order-details-report .order-details-wrap .column:first-child .col:last-child {
      width: 50%; }
      @media screen and (max-width: 480px) {
        .order-details-report .order-details-wrap .column:first-child .col:last-child {
          text-align: right; } }
    .order-details-report .order-details-wrap .column:nth-child(2) {
      width: 30%; }
      @media screen and (max-width: 1024px) {
        .order-details-report .order-details-wrap .column:nth-child(2) {
          width: 100%; } }
      .order-details-report .order-details-wrap .column:nth-child(2) .col:first-child {
        width: 70%; }
        @media screen and (max-width: 1024px) {
          .order-details-report .order-details-wrap .column:nth-child(2) .col:first-child {
            width: 50%; } }
      .order-details-report .order-details-wrap .column:nth-child(2) .col:last-child {
        width: 30%; }
        @media screen and (max-width: 1024px) {
          .order-details-report .order-details-wrap .column:nth-child(2) .col:last-child {
            width: 50%; } }
        @media screen and (max-width: 480px) {
          .order-details-report .order-details-wrap .column:nth-child(2) .col:last-child {
            text-align: right; } }
      .order-details-report .order-details-wrap .column:nth-child(2) .row.with-padding .col:first-child {
        padding-left: 2.5rem; }
    .order-details-report .order-details-wrap .column:last-child {
      border-right: none; }
      .order-details-report .order-details-wrap .column:last-child .col:first-child {
        width: 40%; }
        @media screen and (max-width: 1024px) {
          .order-details-report .order-details-wrap .column:last-child .col:first-child {
            width: 50%; } }
      .order-details-report .order-details-wrap .column:last-child .col:last-child {
        width: 60%; }
        @media screen and (max-width: 1024px) {
          .order-details-report .order-details-wrap .column:last-child .col:last-child {
            width: 50%; } }
        @media screen and (max-width: 480px) {
          .order-details-report .order-details-wrap .column:last-child .col:last-child {
            text-align: right; } }
      .order-details-report .order-details-wrap .column:last-child .row.with-padding .col:first-child {
        padding-left: 0.8rem; }
    .order-details-report .order-details-wrap .column:nth-child(2) .title, .order-details-report .order-details-wrap .column:last-child .title {
      display: block; }
      @media screen and (max-width: 1024px) {
        .order-details-report .order-details-wrap .column:nth-child(2) .title, .order-details-report .order-details-wrap .column:last-child .title {
          overflow: visible;
          -o-text-overflow: inherit;
             text-overflow: inherit;
          white-space: normal; } }
  .order-details-report .order-details-wrap .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 0.5rem;
    min-height: 1.7rem; }
  .order-details-report .order-details-wrap .sub-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .order-details-report .order-details-wrap .sub-row b {
      width: calc(100% - 1.7rem - 0.5rem); }
  .order-details-report .order-details-wrap .title,
  .order-details-report .order-details-wrap .info {
    padding: 1.6rem 1rem 1.6rem 1.6rem;
    margin: 0; }
  .order-details-report .order-details-wrap .info {
    font-size: 1rem; }
    .order-details-report .order-details-wrap .info .row .col:first-child {
      color: #000000;
      padding-right: 0.5rem; }
    .order-details-report .order-details-wrap .info .row .col:last-child {
      color: #253c4d; }
  .order-details-report .order-details-wrap .title {
    background-color: #35cdf6;
    font-size: 1.44rem;
    font-weight: bold;
    line-height: 1.14;
    letter-spacing: -0.6px;
    text-align: left;
    color: var(--form-secondary-color); }
  .order-details-report .order-details-wrap .status-item {
    width: 1.7rem;
    height: 1.7rem;
    margin-right: 0.5rem; }
    .order-details-report .order-details-wrap .status-item:before {
      font-size: 0.8rem; }

@font-face {
  font-family: 'Inter-Bold';
  src: url("../fonts/Inter-Bold.eot");
  src: url("../fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Bold.woff") format("woff"), url("../fonts/Inter-Bold.ttf") format("truetype"), url("../fonts/Inter-Bold.svg#Inter-Bold") format("svg"); }

.gr-cart-order-item {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.gr-cart-order-item .loading-bar {
  width: 75%;
  border: .1rem solid #3F0231;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  overflow: hidden;
  margin: 1rem 0; }

.gr-cart-order-item .getresto-loader-cursor {
  margin: .25rem;
  display: block;
  background-color: #3F0231;
  width: .25rem;
  height: .25rem;
  -webkit-animation: 2s linear 0s infinite alternate cursor-move;
          animation: 2s linear 0s infinite alternate cursor-move; }

.getresto-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.getresto-mode h4, .getresto-mode .h4 {
  font-size: 1.3rem !important;
  font-family: 'Favorit-Bold', Arial, Helvetica, sans-serif; }

.gr-tab-heading {
  margin: 1rem -50px -2px !important; }

.gr-tab-heading-tl {
  font-size: 1.1rem !important; }

.gr-delivery-dt-item {
  font-size: 1rem !important;
  position: relative; }

.none {
  display: none; }

.w-100 {
  width: 100%; }

.gr-delivery-message {
  color: orange;
  text-align: center;
  font-size: 1rem !important;
  margin: .5rem 0; }

.gr-important-icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  color: white;
  font-weight: bold;
  font-size: 1rem;
  background: orange;
  border-radius: 50%;
  margin-right: 1rem; }

.gr-delivery-dt-bottom {
  position: fixed;
  bottom: 0;
  width: 100%; }

.gr-datepicker {
  font-size: 1rem !important; }

dp-day-calendar.dp-material .dp-day-calendar-container .dp-calendar-day:not(.dp-selected):disabled {
  color: lightgrey !important; }

.gr-menu-content {
  padding: 13.5rem 0 100px !important; }

.gr-menu-category-name {
  margin-bottom: 2rem; }

.gr-menu-product-name {
  font-size: 1.2rem !important;
  margin-bottom: .5rem !important; }

.gr-menu-product-dscr {
  color: #808691 !important;
  font-size: 1em !important; }

.gr-btn-price {
  right: 2rem !important; }

.gr-page-heading .gr-icon-cart {
  right: 2rem !important; }

.getresto-mode h2, .getresto-mode .h2 {
  font-size: 1.75rem !important; }

.gr-product-title {
  margin: 1.5rem 0; }

.gr-product-dt-dscr {
  color: #808691 !important; }

.gr-mb-0 {
  margin-bottom: 0 !important; }

.gr-mb-4 {
  margin-bottom: 5rem !important; }

.gr-checkbox input[type="checkbox"]:checked + label .gr-check, .gr-radiobox input[type="radio"]:checked + label .gr-check {
  background: #940172;
  border: 1px solid #940172; }

.gr-sub-address {
  font-size: .9rem;
  color: #808691 !important; }

.gr-allergene-title {
  margin-top: 2rem; }

.gr-nutrition-bold {
  font-size: 1.2rem; }

.gr-nutrition-item span.gr-allergene {
  width: 100% !important; }

.gr-cart-content {
  padding: 20px 0;
  -webkit-box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.16);
          box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.16);
  background: #ffffff;
  position: relative;
  top: -1rem;
  border-radius: 2rem;
  -webkit-box-shadow: 0 -0.5rem 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 -0.5rem 0 rgba(0, 0, 0, 0.15); }

.gr-cart-order-dt-col {
  width: 100% !important; }

.gr-cart-elt {
  margin: .25rem 0;
  display: block; }

.gr-cart-order-quantity {
  padding: 0 0 0 10px !important; }

.gr-cart-message {
  font-size: .9rem; }

.gr-error-message {
  color: red;
  font-size: .9rem; }

.promocode {
  position: relative; }

.promocode input {
  font-size: .8rem !important; }

.gr-promo-btn {
  background: #3f0231 !important;
  height: 2rem !important;
  min-height: 1rem !important;
  width: 5rem !important;
  font-size: .7rem !important;
  color: white;
  border-radius: .5rem;
  display: block;
  position: absolute;
  right: .5rem;
  top: .5rem;
  opacity: 1 !important;
  line-height: 2rem;
  text-align: center; }

.break {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }

.gr-icon-t {
  top: 0 !important;
  left: 0 !important;
  -webkit-transform: translateY(0) !important;
      -ms-transform: translateY(0) !important;
          transform: translateY(0) !important;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background-size: contain !important;
  background-repeat: no-repeat !important; }

.float-left {
  position: relative;
  left: -40px !important; }

.gr-edit-t {
  display: inline-block;
  background: url("../get-resto/images/edit.svg") no-repeat 100% 0/2rem auto;
  width: 2rem;
  height: 2rem;
  background-size: 2rem auto !important; }

.float-right {
  position: absolute !important;
  right: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.swipe-arrow {
  font-size: 3rem; }

a.gr-btn, .gr-btn {
  font-size: .9rem !important; }

.gr-field-box {
  width: 100%; }

@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes blink {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes cursor-move {
  from {
    margin-left: -20%; }
  to {
    margin-left: 100%; } }

@keyframes cursor-move {
  from {
    margin-left: -20%; }
  to {
    margin-left: 100%; } }

.mtu-message-box {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10000;
  width: 80%;
  height: auto;
  -webkit-box-shadow: -0.25rem 0.25rem 1rem rgba(0, 0, 0, 0.2);
          box-shadow: -0.25rem 0.25rem 1rem rgba(0, 0, 0, 0.2);
  background: white;
  padding: 2rem;
  border-radius: .5rem;
  font-family: "Favorit-Regular"; }

.mtu-close-cross {
  position: absolute;
  right: 1rem;
  top: 1rem;
  color: #3F0231;
  font-family: "Favorit-Bold"; }

.mtu-title {
  font-size: 1.2rem;
  color: #3F0231;
  margin-bottom: 1rem;
  text-align: center; }

.mtu-text {
  font-size: .9rem !important; }

.mtu-cancel {
  font-size: .9rem;
  color: #3F0231;
  text-decoration: underline;
  display: inline-block; }

.mtu-ok {
  font-size: .9rem;
  background: #3F0231;
  border-radius: .25rem;
  color: white;
  display: inline-block;
  padding: .25rem 1rem;
  margin-left: 1rem; }

.mtu-buttons {
  margin-top: 1rem;
  text-align: right; }

.timeslotManager-bg {
  background: black;
  opacity: .25;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.timeslotManager {
  width: 50%;
  padding: 2rem;
  background: white;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 999999999; }
  .timeslotManager .timeslot-day {
    display: inline-block;
    padding: .5rem 1rem;
    border-radius: .5rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.5);
    margin: .5rem 1rem;
    cursor: pointer; }
  .timeslotManager .timeslot-day.selected {
    background: lime; }
  .timeslotManager .timeslot-error {
    color: red;
    display: none;
    margin: .5rem 0; }
  .timeslotManager .timeslot-error.visible {
    display: block; }
  .timeslotManager .field-box {
    margin: 0; }
  .timeslotManager .form-row {
    margin-bottom: 1.5rem; }
  .timeslotManager .btn:disabled {
    background: lightgrey; }

/*# sourceMappingURL=styles.css.map */